:root{--ink:#17251f;--muted:#6d7b75;--paper:#f3f6f4;--card:#fff;--line:#dfe8e3;--brand:#147454;--brand-dark:#0d523d;--mint:#def5e9;--amber:#a85c00;--amber-bg:#fff4df;--red:#aa3f38;--red-bg:#fff0ee;--shadow:0 14px 40px rgba(25,56,45,.07);--shadow-hover:0 18px 48px rgba(25,56,45,.12)}
body{background:radial-gradient(circle at 92% 4%,rgba(91,196,153,.09),transparent 27%),var(--paper);font-family:Inter,"Aptos","Segoe UI",ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.app-shell{grid-template-columns:264px minmax(0,1fr)}.workspace{min-width:0}.sidebar{width:264px;padding:26px 20px 20px;background:linear-gradient(165deg,#112d24 0%,#0d231c 75%);border-right:1px solid rgba(255,255,255,.04)}
.app-shell,.sidebar{transition:grid-template-columns .2s ease,width .2s ease,padding .2s ease}.sidebar{position:sticky}.sidebar-compact-brand{display:none;place-items:center;width:38px;height:38px;margin:2px auto 0;border-radius:12px;color:#0d513c;background:linear-gradient(145deg,#7be0b4,#4ecb96);font-size:19px;font-weight:850;box-shadow:0 8px 22px rgba(53,204,147,.22)}.sidebar-toggle{position:absolute;z-index:5;top:86px;right:-14px;display:grid;place-items:center;width:29px;height:29px;padding:0;border:1px solid #d4e2db;border-radius:50%;color:#345b4c;background:#fff;box-shadow:0 5px 16px rgba(14,45,35,.18);cursor:pointer;font-size:20px;line-height:1;transition:transform .16s ease,background .16s ease}.sidebar-toggle:hover{color:var(--brand);background:#f3faf6;transform:scale(1.06)}.sidebar-toggle-expand{display:none}.sidebar-collapsed .app-shell{grid-template-columns:76px minmax(0,1fr)}.sidebar-collapsed .sidebar{width:76px;padding:26px 12px 20px}.sidebar-collapsed .brand,.sidebar-collapsed .nav-section-label,.sidebar-collapsed .nav-link>span:last-child,.sidebar-collapsed .sidebar-insight,.sidebar-collapsed .user-copy{display:none}.sidebar-collapsed .sidebar-compact-brand{display:grid}.sidebar-collapsed .sidebar nav{gap:7px}.sidebar-collapsed .nav-link{justify-content:center;padding:10px}.sidebar-collapsed .nav-link:hover{transform:none}.sidebar-collapsed .nav-icon{width:25px}.sidebar-collapsed .sidebar-footer{grid-template-columns:34px;justify-content:center;padding-right:0;padding-left:0}.sidebar-collapsed .sidebar-footer form{display:none}.sidebar-collapsed .sidebar-toggle-collapse{display:none}.sidebar-collapsed .sidebar-toggle-expand{display:inline}
.brand{padding:2px 8px;gap:12px}.brand-mark{width:38px;height:38px;border-radius:12px;color:#0c3b2d;background:linear-gradient(145deg,#7be0b4,#4ecb96);box-shadow:0 8px 22px rgba(53,204,147,.22)}.brand-copy{display:grid;line-height:1.12}.brand-copy strong{font-size:20px;letter-spacing:-.025em}.brand-copy small{margin-top:3px;color:#84a99b;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.nav-section-label{margin:42px 12px 10px;color:#708f83;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.nav-section-label.secondary-label{margin-top:26px}.sidebar nav{margin-top:0;gap:5px}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:11px;color:#b9cec6;font-size:14px;font-weight:600;transition:.18s ease}.nav-link:hover{background:rgba(255,255,255,.055);color:#fff;transform:translateX(2px)}.nav-link.active{color:#fff;background:linear-gradient(90deg,rgba(90,211,159,.19),rgba(90,211,159,.08));box-shadow:inset 3px 0 #61d5a3}.nav-icon{display:grid;place-items:center;width:23px;height:23px;color:#88c7ae;font-size:17px}.secondary-nav{margin-top:0!important}
.tenant-scope-picker{display:grid;gap:6px;margin:18px 0 0;padding:10px;border:1px solid rgba(128,211,177,.16);border-radius:12px;background:rgba(255,255,255,.045)}.tenant-scope-picker label{color:#88a99c;font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.tenant-scope-picker select{width:100%;min-width:0;height:34px;padding:0 28px 0 9px;border:1px solid rgba(157,213,190,.2);border-radius:8px;color:#e8f5ef;background:#17392e;font-size:11px;font-weight:700;text-overflow:ellipsis}.tenant-scope-picker option{color:#17251f;background:#fff}.sidebar-collapsed .tenant-scope-picker{display:none}.tenant-selection-empty{display:grid;gap:5px;margin-bottom:16px;padding:17px 19px;border:1px solid #eed8a8;border-radius:13px;color:#724800;background:#fff8e8}.tenant-selection-empty strong{font-size:13px}.tenant-selection-empty span{font-size:11px}
.sidebar-insight{margin-top:auto;display:flex;gap:10px;align-items:center;padding:13px;border:1px solid rgba(128,211,177,.12);border-radius:12px;background:rgba(255,255,255,.035)}.insight-dot{width:8px;height:8px;flex:none;border-radius:50%;background:#63d9a6;box-shadow:0 0 0 5px rgba(99,217,166,.1)}.sidebar-insight strong,.sidebar-insight small{display:block}.sidebar-insight strong{color:#d5e8e0;font-size:11px}.sidebar-insight small{margin-top:3px;color:#77998c;font-size:10px}.sidebar-footer{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:14px;padding:16px 4px 2px}.user-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(112,218,172,.14);color:#85dfb8;font-weight:800}.user-copy{min-width:0}.user-copy strong,.user-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-copy strong{color:#ecf6f2;font-size:12px}.user-copy small{margin-top:3px;color:#799c8e;font-size:10px}.logout-button{width:30px;height:30px;border:0;border-radius:8px;color:#8fafa3;background:transparent;cursor:pointer;font-size:17px}.logout-button:hover{color:#fff;background:rgba(255,255,255,.06)}
.workspace-topbar{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 46px;border-bottom:1px solid rgba(205,218,211,.7);background:rgba(255,255,255,.68);backdrop-filter:blur(15px)}.tenant{display:flex;align-items:center;gap:9px;color:#53655d;font-size:12px;font-weight:700}.tenant-mark{display:grid;place-items:center;width:24px;height:24px;border:1px solid #cfe2d8;border-radius:8px;color:var(--brand);background:#fff;font-size:11px}.topbar-status{display:flex;align-items:center;gap:7px;color:#708078;font-size:11px;font-weight:650}.topbar-status span{width:7px;height:7px;border-radius:50%;background:#39b980;box-shadow:0 0 0 4px rgba(57,185,128,.1)}main{max-width:1600px;margin:0 auto;padding:42px 46px 60px}
.page-header{align-items:center;margin-bottom:28px}.page-header h1{margin:4px 0 7px;font-size:36px;font-weight:760;letter-spacing:-.045em}.eyebrow{color:var(--brand);font-size:10px;letter-spacing:.16em}.back-link{margin-bottom:15px;font-size:12px;font-weight:650}.header-actions{align-items:center}.button{gap:7px;min-height:42px;padding:10px 17px;border-radius:10px;transition:.16s ease;font-size:13px;box-shadow:none}.button:hover{transform:translateY(-1px)}.button.primary{background:linear-gradient(135deg,#17815e,#126a4e);box-shadow:0 8px 20px rgba(20,116,84,.16)}.button.secondary{border-color:#d8e3dd;color:#3e5148}.button.secondary:hover{border-color:#bfcfc7;background:#f9fbfa}
.metrics{gap:16px;margin-bottom:22px}.metric{position:relative;min-height:158px;padding:21px;overflow:hidden;border-color:#e0e9e4;box-shadow:var(--shadow);transition:.18s ease}.metric:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.metric::after{content:"";position:absolute;right:-24px;bottom:-30px;width:100px;height:100px;border-radius:50%;background:rgba(26,130,95,.045)}.metric.attention{color:#123f31;background:linear-gradient(145deg,#dff5e9,#eefaf3);border-color:#c8e9da}.metric-head{display:flex;align-items:center;justify-content:space-between}.metric-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid #dce9e3;border-radius:11px;color:var(--brand);background:#f4faf7;font-size:17px}.metric.attention .metric-icon{border-color:rgba(20,116,84,.12);background:rgba(255,255,255,.55)}.metric span{color:#627169;font-size:12px;font-weight:700}.metric strong{margin:15px 0 5px;font-size:34px;font-weight:760}.metric small{font-size:11px}
.panel,.review-panel,.document-preview{border-color:#e0e8e4;box-shadow:var(--shadow)}.panel{overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:21px 23px;background:linear-gradient(180deg,#fff,#fcfdfc)}.panel-heading h2{font-size:18px}.panel-heading-copy p{margin-top:4px;font-size:12px}.panel-count{padding:5px 9px;border-radius:999px;color:var(--brand-dark);background:var(--mint);font-size:11px;font-weight:750}.table-wrap table{font-size:13px}th{padding-top:12px;padding-bottom:12px;color:#809088;background:#f9fbfa;font-size:9px}td{height:68px;border-color:#edf2ef}tbody tr{transition:background .14s}tbody tr:hover{background:#f8fbf9}td strong{font-size:13px}td small{color:#8a9891;font-size:10px}.document-cell{display:flex;align-items:center;gap:11px}.document-avatar{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:10px;color:var(--brand);background:#edf8f2;font-size:11px;font-weight:800}.text-link{font-size:12px}.badge{border:1px solid transparent;font-size:10px;letter-spacing:.01em}.badge.large{padding:7px 11px;font-size:11px}
.filters-card{display:flex;gap:10px;align-items:center;margin-bottom:16px;padding:13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.82);box-shadow:0 8px 26px rgba(25,56,45,.04)}.filters{margin:0;flex:1}.filters input,.filters select{min-height:42px;border-color:#dbe5df}.filters input:focus,.filters select:focus{outline:3px solid rgba(29,141,100,.1);border-color:#81bea5}.results-label{color:var(--muted);font-size:11px;white-space:nowrap}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-list-wrap{max-width:100%;overflow-x:hidden}.documents-table{width:100%;table-layout:fixed}.documents-table .col-supplier{width:32%}.documents-table .col-document{width:25%}.documents-table .col-date{width:11%}.documents-table .col-status{width:17%}.documents-table .col-total{width:11%}.documents-table .col-action{width:4%}.documents-table th,.documents-table td{height:52px;padding:8px 13px;overflow:hidden}.documents-table td{line-height:1.2}.documents-table td strong{display:block;max-width:100%;font-size:12px}.documents-table td small{margin-top:3px;font-size:9px}.documents-table .document-cell{min-width:0;gap:9px}.documents-table .document-cell-copy{min-width:0;flex:1}.documents-table .document-avatar{width:29px;height:29px;border-radius:8px;font-size:9px}.compact-date,.compact-total{font-size:11px;font-variant-numeric:tabular-nums}.compact-total strong{white-space:nowrap}.documents-table .badge{display:block;max-width:100%;padding:4px 7px;font-size:9px}.compact-action{text-align:right}.row-action{position:relative;display:inline-flex;align-items:center;gap:3px;padding:6px;color:var(--brand);font-size:12px;font-weight:800}.row-action span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.row-action:hover{color:var(--brand-dark)}
.review-grid{gap:24px}.document-preview{border-radius:18px}.preview-toolbar{padding:15px 18px;background:#fbfcfb;font-size:12px}.review-panel{padding:27px;border-radius:18px}.section-heading h2{font-size:21px}.provider-label{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.issue{border:1px solid rgba(168,92,0,.12)}.issue.blocking{border-color:rgba(170,63,56,.14)}.qr-summary{border-radius:14px}.party-grid article{border-radius:11px}.line{gap:16px}.approval-bar{margin:4px -27px -27px;padding:20px 27px;border-radius:0 0 18px 18px;background:#f8fbf9}.messages{position:relative;z-index:2}.message{border:1px solid #c9e8da;box-shadow:0 8px 22px rgba(25,56,45,.05);font-size:12px;font-weight:650}
@media(max-width:1000px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.sidebar{width:220px}.brand-copy small,.sidebar-insight{display:none}.workspace-topbar{padding:0 28px}main{padding:34px 28px 50px}}
@media(max-width:720px){.app-shell,.sidebar-collapsed .app-shell{display:block}.sidebar,.sidebar-collapsed .sidebar{position:relative;width:100%;height:auto;padding:14px 16px;flex-direction:row}.sidebar-toggle,.sidebar-compact-brand,.sidebar-collapsed .sidebar-compact-brand{display:none}.sidebar-collapsed .brand{display:block}.brand-copy small,.nav-section-label,.secondary-nav,.sidebar-insight,.sidebar-footer{display:none}.sidebar nav,.sidebar-collapsed .sidebar nav{display:flex;margin:0 0 0 auto}.nav-link,.sidebar-collapsed .nav-link{padding:9px}.nav-link span:last-child{display:none}.workspace-topbar{display:none}main{padding:28px 18px 44px}.page-header{align-items:flex-start;flex-direction:column}.header-actions{width:100%}.metrics{grid-template-columns:1fr 1fr}.filters-card{align-items:stretch;flex-direction:column}.filters{width:100%}}
@media(max-width:1100px){.results-label{display:none}.documents-table .col-supplier{width:36%}.documents-table .col-document{width:27%}.documents-table .col-date{width:13%}.documents-table .col-status{width:19%}.documents-table .col-total{width:0}.documents-table .col-action{width:5%}.documents-table th:nth-child(5),.documents-table td:nth-child(5){display:none}.documents-table th,.documents-table td{padding-right:9px;padding-left:9px}}
@media(max-width:600px){.documents-table .col-supplier{width:42%}.documents-table .col-document{width:35%}.documents-table .col-date{width:0}.documents-table .col-status{width:18%}.documents-table .col-action{width:5%}.documents-table th:nth-child(3),.documents-table td:nth-child(3){display:none}.documents-table td small{display:none}.documents-table .badge{padding:3px 5px}.documents-table .document-avatar{display:none}}

/* OnDocs brand lockup */
.brand:has(.brand-logo){display:block;width:100%;padding:7px 9px;border-radius:14px;background:#fff;box-shadow:0 10px 28px rgba(0,0,0,.14);overflow:hidden}
.sidebar-collapsed .sidebar .brand:has(.brand-logo){display:none}
.brand-logo{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain}
.login-brand:has(.brand-logo){width:270px;padding:6px 8px}
@media(max-width:720px){.brand:has(.brand-logo),.sidebar-collapsed .sidebar .brand:has(.brand-logo){display:block;width:150px;padding:5px 7px;border-radius:11px}.brand-logo{width:100%}}
@media(max-width:720px){.sidebar,.sidebar-collapsed .sidebar{flex-wrap:wrap}.tenant-scope-picker,.sidebar-collapsed .tenant-scope-picker{display:grid;order:3;width:100%;margin-top:10px}}
@media(max-width:520px){.metrics{grid-template-columns:1fr}.metric{min-height:136px}}

.status-invalid{border-color:#e2aaa4;background:var(--red-bg);color:var(--red)}
.invalid-document-banner{display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(260px,1fr);gap:10px 24px;margin-bottom:12px;padding:14px 18px;border:1px solid #e4aaa3;border-left:5px solid var(--red);border-radius:12px;background:var(--red-bg);color:#722d28}
.invalid-document-banner div{display:grid;gap:3px}.invalid-document-banner strong{font-size:14px}.invalid-document-banner span,.invalid-document-banner small{font-size:11px;line-height:1.45}.invalid-document-banner small{grid-column:1/-1;color:#8a4a44}
@media(max-width:800px){.invalid-document-banner{grid-template-columns:1fr}}

/* Fluxos operacionais */
.upload-card-wide{width:100%;max-width:980px;padding:30px;border-color:#dfe8e3;box-shadow:var(--shadow)}.drop-zone{min-height:285px;align-content:center;border-color:#a9cdbd;background:linear-gradient(145deg,#f7fcf9,#f2f8f5)}.drop-zone:hover,.drop-zone:focus,.drop-zone.is-dragging{border-color:#51ad85;background:#edf9f3}.upload-icon{background:linear-gradient(145deg,#e1f6eb,#d2f0e2);box-shadow:0 7px 18px rgba(20,116,84,.08)}.upload-notes{border:1px solid #e4ebe7;background:#f8faf9}.upload-item{border-color:#e1e9e5;box-shadow:0 5px 16px rgba(25,56,45,.035)}
.confidence{border:1px solid #c5e8d8}.qr-summary{padding:17px 18px;border-color:#c7e8d9;background:linear-gradient(145deg,#e7f8ef,#dcf3e7)}.party-grid{grid-template-columns:repeat(2,1fr);gap:11px}.party-grid article{padding:13px;border-color:#c8e4d7;background:rgba(255,255,255,.68)}.party-grid article:nth-child(3){display:none}.qr-tax-table>div{padding:8px 2px}.edit-grid input,.edit-grid textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:#fff;transition:border-color .15s,box-shadow .15s}.edit-grid textarea{resize:vertical;min-height:74px;font:inherit}.edit-grid input:focus,.edit-grid textarea:focus{outline:0;border-color:#70b497;box-shadow:0 0 0 3px rgba(20,116,84,.09)}.item-code{padding:3px 7px;border-radius:6px;background:#e9f5ef}.line>span{white-space:nowrap;font-weight:750}.confirm-delete-card{border-color:#e7dfdd;box-shadow:var(--shadow)}
.document-actions{align-items:flex-end}.document-actions .button{min-height:36px;padding:7px 12px;font-size:11px}.status-received{background:#f1f4f3;color:#62716a}.status-queued_for_recognition{border-color:#b9dcef;background:#e9f6fc;color:#176d8c}.status-extracting{border-color:#d8cdf0;background:#f1edfb;color:#684d9a}.status-awaiting_review{border-color:#f0d89c}.status-queued_for_erp{border-color:#cbdcf5}.status-integrated{border-color:#c3e7d7}.status-extraction_failed,.status-integration_failed,.status-rejected{border-color:#ecc6c2}
@media(max-width:720px){.sidebar nav .nav-link:first-child{display:flex}.upload-card-wide{padding:18px}.drop-zone{min-height:230px}.document-actions{width:100%;align-items:stretch}.document-actions .badge{align-self:flex-start}}

/* Navegação lateral compacta e organizada */
.brand:has(.brand-logo){display:flex;align-items:center;justify-content:center;min-height:64px;padding:9px 14px;overflow:visible}
.brand-logo{width:100%;max-width:190px;height:44px;aspect-ratio:auto;object-fit:contain;object-position:center}
.nav-section-label{margin-top:30px}
.sidebar-nav-groups{display:grid;gap:6px;margin-top:10px}
.sidebar-nav-group{border:1px solid transparent;border-radius:12px}
.sidebar-nav-group[open]{border-color:rgba(128,211,177,.12);background:rgba(255,255,255,.025)}
.sidebar-nav-group summary{display:flex;align-items:center;gap:12px;padding:10px 11px;border-radius:11px;color:#b9cec6;font-size:13px;font-weight:700;cursor:pointer;list-style:none;user-select:none;transition:.18s ease}
.sidebar-nav-group summary::-webkit-details-marker{display:none}
.sidebar-nav-group summary:hover{color:#fff;background:rgba(255,255,255,.055)}
.sidebar-nav-group:has(.nav-link.active)>summary{color:#fff;background:linear-gradient(90deg,rgba(90,211,159,.14),rgba(90,211,159,.04))}
.nav-group-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-group-chevron{margin-left:auto;color:#6f9687;font-size:14px;transition:transform .18s ease}
.sidebar-nav-group[open] .nav-group-chevron{transform:rotate(180deg)}
.sidebar-nav-group-panel{position:relative;margin:2px 6px 7px 22px!important;padding-left:8px;border-left:1px solid rgba(126,189,164,.18)}
.sidebar-nav-group-panel .nav-link{padding:8px 9px;font-size:12px}
.sidebar-nav-group-panel .nav-icon{width:19px;height:19px;font-size:13px}
.sidebar-collapsed .sidebar-nav-groups{margin-top:10px}
.sidebar-collapsed .sidebar-nav-group{border:0;background:transparent}
.sidebar-collapsed .sidebar-nav-group summary{justify-content:center;padding:10px}
.sidebar-collapsed .nav-group-label,.sidebar-collapsed .nav-group-chevron,.sidebar-collapsed .sidebar-nav-group-panel{display:none}

@media(max-width:720px){
  .brand:has(.brand-logo),.sidebar-collapsed .sidebar .brand:has(.brand-logo){width:144px;min-height:48px;padding:6px 10px;overflow:visible}
  .brand-logo{max-width:124px;height:36px}
  .sidebar-primary-nav{flex-wrap:nowrap}
  .sidebar-nav-groups{display:flex;margin:0;gap:3px}
  .sidebar-nav-group{position:relative;border:0;background:transparent}
  .sidebar-nav-group summary{justify-content:center;padding:9px}
  .sidebar-nav-group summary .nav-group-label,.sidebar-nav-group summary .nav-group-chevron{display:none}
  .sidebar-nav-group-panel{position:absolute;z-index:30;top:calc(100% + 8px);right:0;width:220px;margin:0!important;padding:7px;border:1px solid rgba(134,196,171,.24);border-radius:12px;background:#112d24;box-shadow:0 16px 35px rgba(7,25,19,.3)}
  .sidebar-nav-group-panel .nav-link{padding:10px}
}

/* Dashboard executivo */
.workflow-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:17px;padding:18px 22px;border:1px solid #dfe9e4;border-radius:16px;background:linear-gradient(110deg,#102c23,#174c3a);box-shadow:0 18px 42px rgba(16,44,35,.13);color:#fff}.workflow-intro{display:flex;align-items:center;gap:12px;min-width:175px}.workflow-intro strong,.workflow-intro small{display:block}.workflow-intro strong{font-size:13px}.workflow-intro small{margin-top:3px;color:#90b8a9;font-size:10px}.live-indicator{width:9px;height:9px;flex:none;border-radius:50%;background:#6de0ad;box-shadow:0 0 0 6px rgba(109,224,173,.12)}.workflow-steps{display:flex;align-items:center;justify-content:flex-end;gap:15px;flex:1}.workflow-steps>i{color:#4d7869;font-style:normal}.workflow-step{display:flex;align-items:center;gap:9px;min-width:105px}.workflow-step>span{display:grid;place-items:center;width:29px;height:29px;border:1px solid rgba(255,255,255,.13);border-radius:9px;color:#79b89f;background:rgba(255,255,255,.04);font-size:9px;font-weight:800}.workflow-step strong,.workflow-step small{display:block}.workflow-step strong{font-size:19px;line-height:1}.workflow-step small{margin-top:4px;color:#a8c6ba;font-size:9px;white-space:nowrap}.workflow-step.review>span{color:#ffce7b;background:rgba(255,190,80,.09)}.workflow-step.done>span{color:#75e1b2;background:rgba(77,214,157,.09)}
.dashboard-metrics .metric{min-height:174px}.dashboard-metrics .metric strong em{margin-left:2px;color:#78877f;font-size:15px;font-style:normal}.dashboard-metrics .metric>a{position:absolute;left:21px;bottom:17px;color:#176e51;font-size:10px;font-weight:800}.metric-progress{position:absolute;right:21px;bottom:20px;left:21px;height:4px;overflow:hidden;border-radius:999px;background:#eaf0ed}.metric-progress span{height:100%;border-radius:inherit;background:linear-gradient(90deg,#1b825f,#54c895)}.metric-progress.blue span{background:linear-gradient(90deg,#2687ad,#67c7e9)}.metric-progress.violet span{background:linear-gradient(90deg,#6b66b9,#9c96e2)}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:17px;align-items:stretch}.pending-panel{min-width:0}.insight-panel{display:flex;flex-direction:column;padding:23px;border-radius:17px;color:#fff;background:linear-gradient(150deg,#17392e,#0e2820);box-shadow:0 18px 45px rgba(15,43,34,.16)}.insight-panel .eyebrow{color:#73d7ab}.insight-panel h2{margin:14px 0 3px;font-size:26px;letter-spacing:-.04em}.insight-panel h2 small{color:#7da497;font-size:11px;letter-spacing:.03em}.insight-panel>div>span{color:#84a699;font-size:10px}.insight-panel dl{display:grid;gap:0;margin:20px 0}.insight-panel dl div{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-top:1px solid rgba(255,255,255,.08)}.insight-panel dt{color:#a4c0b5;font-size:10px}.insight-panel dd{margin:0;font-size:16px;font-weight:800}.insight-panel>a{display:flex;justify-content:space-between;margin-top:auto;padding-top:15px;border-top:1px solid rgba(255,255,255,.08);color:#77dbaf;font-size:11px;font-weight:800}.empty-check{display:grid!important;place-items:center;width:32px;height:32px;margin:0 auto 8px;border-radius:50%;color:#187250;background:#def3e9;font-size:15px}.empty strong,.empty small{display:block}
@media(max-width:1100px){.workflow-panel{align-items:flex-start;flex-direction:column}.workflow-steps{width:100%;justify-content:space-between}.dashboard-grid{grid-template-columns:1fr}.insight-panel{min-height:260px}}@media(max-width:760px){.workflow-steps{display:grid;grid-template-columns:1fr 1fr;gap:13px}.workflow-steps>i{display:none}.dashboard-header .header-actions{display:grid;grid-template-columns:1fr 1fr}.dashboard-metrics .metric{min-height:160px}}
.performance-panel{margin-top:17px;overflow:hidden}.performance-heading{gap:22px}.performance-summary{display:grid;grid-template-columns:repeat(4,minmax(108px,1fr));gap:8px}.performance-summary>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;align-items:end;min-width:112px;padding:9px 11px;border:1px solid #e2ebe6;border-radius:10px;background:#f8fbf9}.performance-summary span{grid-column:1/-1;color:#718078;font-size:8px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.performance-summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.performance-summary small{color:#6f8078;font-size:9px;font-weight:800}.performance-summary .is-success{border-color:#cbe8da;background:#eff9f4}.performance-summary .is-success strong{color:#147151}.performance-summary .is-attention{border-color:#eedcaf;background:#fff9ea}.performance-summary .is-attention strong{color:#a26300}.performance-columns{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e5ece8}.performance-columns>section{min-width:0}.performance-columns>section+section{border-left:1px solid #e5ece8}.performance-table-title{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #edf2ef;background:#fbfdfc}.performance-table-title strong,.performance-table-title small{display:block}.performance-table-title strong{font-size:12px}.performance-table-title small{margin-top:2px;color:#84928b;font-size:8px}.performance-table-title>span{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:8px;color:#176e51;background:#e8f6ef;font-size:9px;font-weight:800}.performance-table-wrap{max-height:280px;overflow:auto}.performance-table{width:100%;table-layout:fixed}.performance-table th,.performance-table td{height:40px;padding:6px 9px}.performance-table th:first-child{width:31%}.performance-table th{font-size:7px;white-space:nowrap}.performance-table td{font-size:9px;font-variant-numeric:tabular-nums}.performance-table td>strong,.performance-table td>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.performance-table td>strong{font-size:9px}.performance-table td>small{margin-top:2px;font-size:7px}.performance-rate{display:inline-block;padding:3px 5px;border-radius:6px;color:#176e51;background:#eaf7f1;font-size:8px;font-weight:800;white-space:nowrap}.compact-empty{height:72px!important;font-size:9px!important}
@media(max-width:1180px){.performance-heading{align-items:flex-start;flex-direction:column}.performance-summary{width:100%}.performance-columns{grid-template-columns:1fr}.performance-columns>section+section{border-top:1px solid #e5ece8;border-left:0}}
@media(max-width:700px){.performance-summary{grid-template-columns:1fr 1fr}.performance-table-wrap{overflow-x:auto}.performance-table{min-width:620px}}
.sidebar-insight>div{min-width:0}.sidebar-insight .sidebar-version{color:#adc5b9;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.sidebar-version span{font-weight:600}
.sidebar-agent-versions{margin-top:7px;padding-top:5px;border-top:1px solid rgba(128,211,177,.15)}.sidebar-agent-versions .sidebar-agent-state{display:block;margin-top:2px;color:#c7b995;font-weight:400}.sidebar-agent-versions .sidebar-agent-state.is-online{color:#85dfb8}