:root{--bg:#f4f7fb;--panel:#fff;--text:#172033;--muted:#697386;--line:#e3e8f1;--primary:#1f6feb;--primary-dark:#1558bd;--danger:#c73942;--warning:#b46b00;--success:#1f8a55;--sidebar:#162238;--sidebar-muted:#9fb0ca;--shadow:0 8px 30px rgba(20,31,54,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text)}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:14px}a{color:var(--primary);text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--sidebar);color:#fff;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:30}.sidebar-brand{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:18px 18px 16px;color:#fff;border-bottom:1px solid rgba(255,255,255,.09)}.sidebar-logo-panel{display:flex;align-items:center;justify-content:center;min-height:84px;background:#fff;border-radius:14px;padding:8px 10px;box-shadow:0 8px 24px rgba(0,0,0,.14)}.sidebar-logo{display:block;width:100%;max-width:205px;height:auto;max-height:82px;object-fit:contain}.sidebar-brand-copy{display:flex;flex-direction:column;padding:0 4px}.sidebar-brand-copy strong{font-size:15px;line-height:1.2}.sidebar-brand small{color:var(--sidebar-muted);font-weight:400;margin-top:3px;line-height:1.35}.brand-mark{display:grid;place-items:center;width:72px;height:72px;border-radius:22px;background:linear-gradient(135deg,#31aef0,#1364d7);color:#fff;font-size:24px;font-weight:800;box-shadow:0 8px 24px rgba(31,111,235,.28)}.brand-mark.small{width:42px;height:42px;border-radius:13px;font-size:15px}.nav-list{padding:14px 12px;display:flex;flex-direction:column;gap:4px;overflow:auto}.nav-list>a{color:#d9e2f0;padding:11px 12px;border-radius:10px;font-weight:600}.nav-list>a:hover,.nav-list>a.active{background:rgba(255,255,255,.1);color:#fff}.nav-caption{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--sidebar-muted);padding:18px 12px 6px}.sidebar-user{margin-top:auto;padding:18px 20px;border-top:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column;gap:3px}.sidebar-user span,.sidebar-user small{color:var(--sidebar-muted)}.link-button{background:none;border:0;color:#fff;padding:8px 0 0;cursor:pointer}.main-area{margin-left:260px;min-width:0;width:calc(100% - 260px)}.topbar{min-height:92px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:18px 28px;position:sticky;top:0;z-index:20}.topbar h1{font-size:22px;margin:0}.topbar p{margin:4px 0 0;color:var(--muted)}.topbar>.btn{margin-left:auto}.menu-toggle{display:none;border:0;background:#eef3f9;border-radius:9px;padding:9px 12px}.content{padding:26px;max-width:1700px;margin:0 auto}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow);margin-bottom:20px}.panel h2{font-size:17px;margin:0 0 16px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.panel-header h2{margin:0}.alert{border-radius:12px;padding:14px 16px;margin-bottom:18px}.alert-success{background:#eaf8f1;color:#17643f;border:1px solid #bfe7d1}.alert-danger{background:#fff0f1;color:#8d2028;border:1px solid #f3c4c8}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:#fff;color:var(--text);border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}.btn:hover{filter:brightness(.98)}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-secondary{background:#eef4ff;border-color:#cfdcf4;color:#24549b}.btn-danger{background:#fff0f1;border-color:#f0c3c7;color:var(--danger)}.btn-success{background:#e9f8f0;border-color:#bfe4cf;color:var(--success)}.btn-small{padding:7px 10px;font-size:12px}.btn-block{width:100%}.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px;color:var(--text)}.stat-card span{color:var(--muted);font-weight:600}.stat-card strong{font-size:30px}.stat-card.danger strong{color:var(--danger)}.stat-card.warning strong{color:var(--warning)}.stat-card.info strong{color:var(--primary)}.stat-card.success strong{color:var(--success)}.grid-2{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:700px}th{text-align:left;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line);padding:10px}td{border-bottom:1px solid var(--line);padding:12px 10px;vertical-align:top}td small,td strong{display:block}td small{color:var(--muted);margin-top:3px}.empty{text-align:center;color:var(--muted);padding:30px}.sector-load{display:flex;flex-direction:column;gap:9px}.sector-load a{display:flex;align-items:center;justify-content:space-between;color:var(--text);padding:12px 14px;border:1px solid var(--line);border-radius:11px}.sector-load strong{background:#edf4ff;color:var(--primary);min-width:32px;height:32px;border-radius:10px;display:grid;place-items:center}.filters{display:grid;grid-template-columns:2fr repeat(3,1fr) auto auto;gap:10px;align-items:center}.stack-form{display:flex;flex-direction:column;gap:14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid.compact{margin-top:16px}.span-2{grid-column:span 2}label{display:flex;flex-direction:column;gap:7px;font-weight:650}label small{font-weight:400;color:var(--muted)}input,select,textarea{width:100%;border:1px solid #ccd5e3;background:#fff;border-radius:10px;padding:10px 12px;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:#74a5ec;box-shadow:0 0 0 3px rgba(31,111,235,.1)}textarea{resize:vertical}.check-line{flex-direction:row;align-items:center;font-weight:500}.check-line input{width:auto}.checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}fieldset{border:1px solid var(--line);border-radius:12px;padding:14px}legend{font-weight:700;padding:0 8px}.form-actions,.page-actions,.action-row{display:flex;align-items:center;justify-content:flex-end;gap:10px}.page-actions{margin-bottom:16px}.action-row form{margin:0}.inline-form{display:flex;gap:10px;align-items:end;margin-top:16px}.inline-form>*{flex:1}.inline-form .btn{flex:0 0 auto}.badge-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.badge{display:inline-flex;align-items:center;border-radius:999px;background:#edf2f8;color:#445169;padding:5px 9px;font-size:12px;font-weight:700}.badge-danger,.priority-urgente{background:#fff0f1!important;color:var(--danger)!important}.priority-alta{background:#fff6e7!important;color:#9b5d00!important}.priority-baixa{background:#eff6ff!important;color:#2a5c9e!important}.text-danger{color:var(--danger)!important;font-weight:700}.muted{color:var(--muted)}.kanban{display:flex;gap:14px;overflow-x:auto;padding-bottom:15px;align-items:flex-start}.kanban-column{background:#eaf0f7;border:1px solid #d9e1ed;border-radius:14px;width:310px;min-width:310px;max-height:calc(100vh - 150px);display:flex;flex-direction:column}.kanban-column>header{display:flex;justify-content:space-between;padding:14px;font-weight:800}.kanban-column>header strong{background:#fff;border-radius:8px;min-width:27px;height:27px;display:grid;place-items:center}.kanban-dropzone{padding:0 10px 10px;overflow:auto;min-height:90px}.kanban-dropzone.drag-over{background:rgba(31,111,235,.08);border-radius:10px}.kanban-card{background:#fff;border:1px solid var(--line);border-left:4px solid #7a8aa3;border-radius:11px;padding:12px;margin-bottom:10px;box-shadow:0 4px 14px rgba(20,31,54,.06);cursor:grab}.kanban-card.dragging{opacity:.5}.kanban-card.priority-urgente{border-left-color:var(--danger)!important}.kanban-card.priority-alta{border-left-color:#d88a14!important}.kanban-card.priority-baixa{border-left-color:#4b84c5!important}.kanban-card>a{display:block;color:var(--text);font-weight:750;margin:8px 0}.kanban-card p{color:var(--muted);margin:0 0 10px}.kanban-card-top,.kanban-card footer{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px}.detail-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.detail-header h2{font-size:22px;margin:0 0 6px}.detail-header p{color:var(--muted);margin:0}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px}.sticky-panel{position:sticky;top:112px}.rich-text{font-size:15px;line-height:1.7;white-space:normal}.meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.meta-grid>div{background:#f7f9fc;border-radius:11px;padding:12px}.meta-grid span,.meta-grid strong{display:block}.meta-grid span{color:var(--muted);font-size:12px;margin-bottom:5px}.task-list{display:flex;flex-direction:column;gap:10px}.task-item{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:11px;padding:12px}.task-item.done{opacity:.65;background:#f2f8f5}.task-item small{display:block;color:var(--muted);margin-top:4px}.form-details{margin-top:14px}.form-details summary{cursor:pointer;color:var(--primary);font-weight:700}.attachment-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.attachment-list a{border:1px solid var(--line);border-radius:11px;padding:12px;color:var(--text)}.attachment-list small{display:block;color:var(--muted);margin-top:4px}.timeline{position:relative}.timeline-item{display:grid;grid-template-columns:18px 1fr;gap:12px;padding-bottom:18px}.timeline-item>span{width:12px;height:12px;background:var(--primary);border-radius:50%;margin-top:4px;position:relative}.timeline-item>span:after{content:"";position:absolute;left:5px;top:12px;width:2px;height:calc(100% + 20px);background:#dbe3ef}.timeline-item:last-child>span:after{display:none}.timeline-item small,.timeline-item em{display:block;color:var(--muted);font-size:12px;margin-top:3px}.timeline-item p{margin:7px 0}.timeline-item blockquote{margin:8px 0 0;background:#f6f8fb;border-left:3px solid #b8c8df;padding:9px 11px;color:#4d5a6d}.comment{border-bottom:1px solid var(--line);padding:12px 0}.comment small{display:block;color:var(--muted);margin-top:2px}.comment p{margin:8px 0}.approval-log{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.approval-log small{display:block;color:var(--muted)}.approval-log p{margin:7px 0}.action-stack{display:flex;flex-direction:column;gap:9px}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.list-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:var(--shadow);display:flex;justify-content:space-between;gap:18px;color:var(--text)}.list-card h3{margin:4px 0 8px}.list-card p,.list-card small{color:var(--muted);margin:0}.pagination-wrap{margin-top:14px}.pagination{display:flex;gap:6px;list-style:none;padding:0}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#eef6ff 0,#f5f7fb 45%,#edf1f7 100%)}.login-card{width:min(430px,calc(100% - 28px));background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:0 24px 70px rgba(20,31,54,.14)}.login-logo{display:block;width:min(270px,100%);height:auto;margin:0 auto 20px}.login-card .brand-mark{margin-bottom:20px}.login-card h1{font-size:28px;margin:0}.login-card>p{color:var(--muted);margin:7px 0 24px}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.sticky-panel{position:static}.filters{grid-template-columns:repeat(2,1fr)}.meta-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main-area{margin-left:0;width:100%}.menu-toggle{display:block}.topbar{padding:14px 16px}.topbar p{display:none}.topbar>.btn{padding:9px 10px}.content{padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-grid,.filters,.card-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.detail-header{flex-direction:column}.meta-grid,.attachment-list,.checkbox-grid{grid-template-columns:1fr}.inline-form{flex-direction:column;align-items:stretch}.inline-form .btn{width:100%}}@media(max-width:520px){.stats-grid{grid-template-columns:1fr}.topbar h1{font-size:18px}.topbar>.btn{font-size:0}.topbar>.btn:after{content:"+";font-size:20px}.login-card{padding:24px}.kanban-column{width:280px;min-width:280px}}

/* CIJ-PLANNER-RIGHT-COLUMN-FIX-START */
.detail-grid {
    align-items: start;
}

.detail-main,
.detail-side {
    min-width: 0;
}

.detail-side {
    align-self: start;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.detail-side > .panel {
    position: static !important;
    top: auto !important;
    margin-bottom: 0 !important;
    width: 100%;
}

.detail-side .sticky-panel {
    position: static !important;
    top: auto !important;
}

@media (max-width: 1200px) {
    .detail-side {
        gap: 16px;
    }
}
/* CIJ-PLANNER-RIGHT-COLUMN-FIX-END */

/* CIJ-PLANNER-MULTI-FILES-START */
.attachment-list-enhanced {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.attachment-card {
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.attachment-icon {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border-radius: 12px;
    background: #edf4ff;
    color: #1f6feb;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
    overflow: hidden;
}

.attachment-card-body {
    min-width: 0;
}

.attachment-card-body strong,
.attachment-card-body small {
    display: block;
}

.attachment-card-body strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.attachment-download {
    color: #1f6feb;
    font-size: 12px;
    font-weight: 750;
}

.attachment-upload-box {
    margin-top: 18px;
    padding: 16px;
    border: 1px dashed #b8c8df;
    border-radius: 14px;
    background: #f8faff;
}

.attachment-upload-grid {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: end;
}

.attachment-files-label {
    min-width: 0;
}

.attachment-files-label input[type="file"] {
    padding: 8px;
    background: #fff;
}

.attachment-files-label small,
.attachment-help {
    color: #697386;
    font-weight: 400;
}

.attachment-help {
    margin: 10px 0 0;
    font-size: 12px;
}

.attachment-submit {
    min-height: 42px;
}

.attachment-create-fieldset {
    background: #f8faff;
}

.attachment-create-grid {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 14px;
    align-items: end;
}

@media (max-width: 1000px) {
    .attachment-list-enhanced {
        grid-template-columns: 1fr;
    }

    .attachment-upload-grid,
    .attachment-create-grid {
        grid-template-columns: 1fr;
    }

    .attachment-submit {
        width: 100%;
    }
}

@media (max-width: 560px) {
    .attachment-card {
        grid-template-columns: 44px minmax(0, 1fr);
    }

    .attachment-icon {
        width: 44px;
        height: 44px;
    }

    .attachment-download {
        display: none;
    }
}
/* CIJ-PLANNER-MULTI-FILES-END */


/* BOA-SEMENTE-PLANNER-BRANDING-START */
:root {
    --primary: #168561;
    --primary-dark: #0f684c;
    --sidebar: #173a31;
    --sidebar-muted: #a9c7bc;
}

.bs-logo-panel {
    background: linear-gradient(145deg, #ffffff, #f2faf6);
}

.brand-mark.bs-brand-mark,
.brand-mark.bs-login-mark {
    background: linear-gradient(135deg, #1aa06f, #126a4f);
    box-shadow: 0 10px 28px rgba(18, 106, 79, .24);
}

.bs-logo-panel .bs-brand-mark {
    width: 76px;
    height: 76px;
    margin: 0 auto;
    border-radius: 24px;
    font-size: 24px;
}

.login-card .bs-login-mark {
    margin: 0 auto 20px;
}

.btn-warning {
    background: #f59e0b;
    border-color: #f59e0b;
    color: #fff;
}

.planner-protection-note {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 18px;
    padding: 13px 15px;
    border: 1px solid #bfe7d1;
    border-left: 4px solid #168561;
    border-radius: 12px;
    background: #eefaf5;
    color: #185e48;
}

.planner-protection-note span {
    color: #4d7165;
    font-size: 12px;
}

.planner-notification-actions,
.planner-inline-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.planner-inline-actions form {
    margin: 0;
}

.planner-test-button {
    min-width: 190px;
}

.planner-status-meta {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.planner-status-meta > div {
    padding: 12px 0;
    border-bottom: 1px solid var(--line);
}

.planner-status-meta > div:last-child {
    border-bottom: 0;
}

.planner-status-help {
    margin-top: 18px;
}

@media (max-width: 820px) {
    .planner-notification-actions,
    .planner-inline-actions {
        flex-direction: column;
    }

    .planner-notification-actions .btn,
    .planner-inline-actions .btn {
        width: 100%;
    }
}
/* BOA-SEMENTE-PLANNER-BRANDING-END */


/* BOA-SEMENTE-PLANNER-INTUITIVE-UX-V120-START */
.sidebar {
    width: 238px;
}

.main-area {
    margin-left: 238px;
    width: calc(100% - 238px);
}

.intuitive-nav > a {
    display: flex;
    align-items: center;
    gap: 10px;
}

.intuitive-nav > a > span,
.nav-settings summary > span {
    width: 18px;
    text-align: center;
    opacity: .85;
}

.nav-settings {
    border-radius: 10px;
    overflow: hidden;
}

.nav-settings summary {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 12px;
    color: #d9e2f0;
    font-weight: 600;
    cursor: pointer;
    list-style: none;
}

.nav-settings summary::-webkit-details-marker {
    display: none;
}

.nav-settings summary:hover,
.nav-settings[open] summary {
    background: rgba(255,255,255,.07);
    color: #fff;
}

.nav-settings > div {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 4px 0 8px 28px;
}

.nav-settings a {
    color: var(--sidebar-muted);
    padding: 8px 10px;
    border-radius: 8px;
    font-size: 13px;
}

.nav-settings a:hover,
.nav-settings a.active {
    background: rgba(255,255,255,.08);
    color: #fff;
}

.eyebrow {
    display: block;
    margin-bottom: 5px;
    color: var(--primary);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.welcome-strip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
    padding: 22px 24px;
    border: 1px solid #cce5d9;
    border-radius: 18px;
    background: linear-gradient(135deg, #f2fbf7, #ffffff);
}

.welcome-strip h2 {
    margin: 0 0 6px;
    font-size: 22px;
}

.welcome-strip p {
    max-width: 760px;
    margin: 0;
    color: var(--muted);
    line-height: 1.55;
}

.simple-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.simple-stat {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 17px 18px;
    border: 1px solid var(--line);
    border-radius: 15px;
    background: #fff;
    color: var(--text);
    box-shadow: 0 4px 16px rgba(20,31,54,.05);
}

.simple-stat span {
    color: var(--muted);
    font-weight: 650;
}

.simple-stat strong {
    font-size: 28px;
}

.simple-stat.warning strong {
    color: var(--warning);
}

.simple-stat.danger strong {
    color: var(--danger);
}

.attention-bar {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 18px;
    padding: 13px 16px;
    border: 1px solid #f0d8a8;
    border-radius: 13px;
    background: #fffaf0;
}

.attention-bar > div {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.attention-bar a {
    padding: 6px 9px;
    border-radius: 8px;
    background: #fff;
    font-size: 12px;
    font-weight: 700;
}

.home-work-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
    gap: 18px;
}

.home-work-grid .panel {
    margin-bottom: 0;
}

.work-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.work-row {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    gap: 11px;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid var(--line);
}

.work-row:last-child {
    border-bottom: 0;
}

.work-row.is-late {
    border-left: 3px solid #d6454d;
    padding-left: 10px;
}

.work-check {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 9px;
    background: #eef8f4;
    color: var(--primary);
    font-weight: 900;
}

.work-row-main {
    min-width: 0;
}

.work-row-main strong,
.work-row-main span {
    display: block;
}

.work-row-main strong {
    margin-bottom: 3px;
}

.work-row-main span {
    overflow: hidden;
    color: var(--muted);
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.work-due {
    padding: 6px 8px;
    border-radius: 8px;
    background: #f3f6fa;
    color: #58657a;
    font-size: 11px;
    font-weight: 800;
}

.work-due.today {
    background: #fff4dc;
    color: #8b5b00;
}

.work-due.late {
    background: #fff0f1;
    color: var(--danger);
}

.demand-mini-list {
    display: flex;
    flex-direction: column;
}

.demand-mini {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 0;
    border-bottom: 1px solid var(--line);
    color: var(--text);
}

.demand-mini:last-child {
    border-bottom: 0;
}

.demand-mini > div {
    min-width: 0;
}

.demand-mini span,
.demand-mini strong,
.demand-mini small {
    display: block;
}

.demand-mini span {
    color: var(--primary);
    font-size: 11px;
    font-weight: 800;
}

.demand-mini strong {
    margin: 3px 0;
}

.demand-mini small {
    color: var(--muted);
}

.friendly-empty {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 24px 12px;
    color: var(--muted);
    text-align: center;
}

.friendly-empty strong {
    color: var(--text);
}

.friendly-empty.large {
    padding: 46px 20px;
}

.management-overview {
    margin-top: 18px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #fff;
}

.management-overview summary {
    padding: 14px 16px;
    cursor: pointer;
    font-weight: 750;
}

.management-overview .sector-load {
    padding: 0 16px 16px;
}

.work-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.work-summary-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 17px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #fff;
}

.work-summary-card span {
    color: var(--muted);
    font-weight: 700;
}

.work-summary-card strong {
    font-size: 24px;
}

.work-summary-card.danger strong {
    color: var(--danger);
}

.work-summary-card.warning strong {
    color: var(--warning);
}

.work-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 15px 16px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #fff;
}

.work-card.is-late {
    border-left: 4px solid var(--danger);
}

.work-card-body {
    min-width: 0;
}

.work-card-kicker {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    color: var(--muted);
    font-size: 11px;
}

.work-card h3 {
    margin: 5px 0;
    font-size: 16px;
}

.work-card p {
    margin: 5px 0 8px;
    color: var(--muted);
}

.work-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 7px 14px;
    color: var(--muted);
    font-size: 12px;
}

.work-card-actions {
    display: flex;
    gap: 8px;
    flex: 0 0 auto;
}

.work-card-actions form {
    margin: 0;
}

.work-demand-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.work-demand-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 15px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #fff;
    color: var(--text);
}

.work-demand-card.is-late {
    border-left: 4px solid var(--danger);
}

.work-demand-card > span {
    color: var(--primary);
    font-size: 11px;
    font-weight: 800;
}

.work-demand-card > strong {
    margin: 6px 0 5px;
}

.work-demand-card > small {
    color: var(--muted);
}

.work-demand-card footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 14px;
}

.attention-panel {
    border-color: #f0d8a8;
    background: #fffdf8;
}

.simple-demand-form {
    max-width: 1180px;
    margin: 0 auto;
}

.create-focus-panel {
    position: relative;
    padding-left: 76px;
}

.step-number {
    position: absolute;
    top: 22px;
    left: 22px;
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 12px;
    background: #eaf8f1;
    color: var(--primary);
    font-size: 16px;
    font-weight: 900;
}

.create-section-heading {
    margin-bottom: 18px;
}

.create-section-heading h2 {
    margin-bottom: 5px;
}

.create-section-heading p {
    margin: 0;
    color: var(--muted);
}

.advanced-form {
    padding: 0;
    overflow: hidden;
}

.advanced-form > summary {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 16px 20px;
    cursor: pointer;
    list-style: none;
}

.advanced-form > summary::-webkit-details-marker {
    display: none;
}

.advanced-form > summary span {
    color: var(--muted);
    font-size: 12px;
}

.advanced-form-body {
    padding: 4px 20px 20px;
}

.sticky-form-actions {
    position: sticky;
    bottom: 12px;
    z-index: 10;
    margin-top: 14px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 12px 30px rgba(20,31,54,.12);
    backdrop-filter: blur(8px);
}

.view-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.view-switch {
    display: inline-flex;
    padding: 4px;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: #fff;
}

.view-switch a {
    padding: 8px 14px;
    border-radius: 8px;
    color: var(--muted);
    font-weight: 750;
}

.view-switch a.active {
    background: var(--primary);
    color: #fff;
}

.simple-search {
    display: flex;
    gap: 8px;
    width: min(620px, 100%);
}

.quick-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
}

.quick-filters > a {
    padding: 7px 11px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: #fff;
    color: var(--muted);
    font-size: 12px;
    font-weight: 750;
}

.quick-filters > a.active {
    border-color: #acd9c8;
    background: #eaf8f1;
    color: var(--primary);
}

.quick-filters > a.danger.active {
    border-color: #efb9bd;
    background: #fff0f1;
    color: var(--danger);
}

.filter-more {
    position: relative;
}

.filter-more > summary {
    padding: 7px 11px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: #fff;
    color: var(--muted);
    cursor: pointer;
    font-size: 12px;
    font-weight: 750;
    list-style: none;
}

.filter-more[open] {
    width: 100%;
}

.compact-filters {
    margin-top: 10px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #fff;
}

.demand-list-panel {
    padding: 0;
    overflow: hidden;
}

.demand-list-row {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(150px, .65fr) auto 115px;
    gap: 16px;
    align-items: center;
    padding: 15px 18px;
    border-bottom: 1px solid var(--line);
    color: var(--text);
}

.demand-list-row:hover {
    background: #fbfcfe;
}

.demand-list-row.is-late {
    border-left: 4px solid var(--danger);
}

.demand-list-main {
    min-width: 0;
}

.demand-list-main > * {
    display: block;
}

.demand-protocol {
    color: var(--primary);
    font-size: 11px;
    font-weight: 850;
}

.demand-list-main strong {
    margin: 3px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.demand-list-main small {
    color: var(--muted);
}

.demand-owner span,
.demand-deadline span {
    display: block;
    margin-bottom: 3px;
    color: var(--muted);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.demand-owner strong {
    font-size: 12px;
}

.demand-deadline {
    text-align: right;
}

.demand-deadline strong,
.demand-deadline small {
    display: block;
}

.kanban-help {
    margin: 0;
    color: var(--muted);
    font-size: 12px;
}

.simple-kanban .kanban-column {
    width: 290px;
    min-width: 290px;
}

.kanban-empty {
    padding: 24px 8px;
    color: var(--muted);
    text-align: center;
    font-size: 12px;
}

.intuitive-detail-grid {
    grid-template-columns: 1fr;
}

.workflow-next {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    border-color: #cce5d9;
    background: linear-gradient(135deg, #f2fbf7, #fff);
}

.workflow-next-copy h2 {
    margin: 0 0 5px;
}

.workflow-next-copy p {
    margin: 0;
    color: var(--muted);
}

.workflow-next-action {
    flex: 0 0 auto;
}

.workflow-next-action form {
    margin: 0;
}

.advanced-workflow {
    margin-bottom: 20px;
    border: 1px solid var(--line);
    border-radius: 15px;
    background: #fff;
    box-shadow: var(--shadow);
    overflow: hidden;
}

.advanced-workflow > summary {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 16px 20px;
    cursor: pointer;
    list-style: none;
}

.advanced-workflow > summary::-webkit-details-marker {
    display: none;
}

.advanced-workflow > summary span {
    color: var(--muted);
    font-size: 12px;
}

.advanced-workflow .detail-side {
    padding: 0 20px 20px;
}

.advanced-workflow .detail-side > .panel {
    box-shadow: none;
    border-radius: 12px;
    background: #fafbfc;
}

@media(max-width:1100px) {
    .home-work-grid {
        grid-template-columns: 1fr;
    }

    .simple-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .demand-list-row {
        grid-template-columns: minmax(0, 1fr) 150px 110px;
    }

    .demand-stage {
        display: none;
    }
}

@media(max-width:820px) {
    .sidebar {
        width: 260px;
    }

    .main-area {
        margin-left: 0;
        width: 100%;
    }

    .welcome-strip,
    .workflow-next,
    .view-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .simple-stats,
    .work-summary,
    .work-demand-grid {
        grid-template-columns: 1fr;
    }

    .work-card {
        align-items: stretch;
        flex-direction: column;
    }

    .work-card-actions {
        width: 100%;
    }

    .work-card-actions form,
    .work-card-actions .btn {
        flex: 1;
    }

    .create-focus-panel {
        padding-left: 20px;
        padding-top: 66px;
    }

    .step-number {
        top: 18px;
        left: 20px;
    }

    .simple-search {
        width: 100%;
    }

    .demand-list-row {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .demand-owner,
    .demand-stage {
        display: none;
    }

    .demand-deadline {
        min-width: 88px;
    }

    .compact-filters {
        grid-template-columns: 1fr;
    }
}

@media(max-width:520px) {
    .simple-stats {
        grid-template-columns: 1fr 1fr;
    }

    .welcome-strip .btn,
    .workflow-next-action .btn {
        width: 100%;
    }

    .demand-list-row {
        padding: 13px;
    }

    .demand-list-main strong {
        white-space: normal;
    }

    .topbar-create {
        font-size: 0;
    }

    .topbar-create::after {
        content: "+";
        font-size: 20px;
    }
}
/* BOA-SEMENTE-PLANNER-INTUITIVE-UX-V120-END */