/* Camada final do sistema: identidade e comportamento comuns a todas as páginas. */
:root { --navy:#17364a; --blue:#187a79; --ink:#20363b; --muted:#6f8281; --line:#dce6e2; --bg:#f2f5f3; --green:#25866d; --shadow:0 4px 14px rgba(27,56,51,.045); --focus-ring:0 0 0 3px rgba(24,122,121,.16); }
html { min-width:320px; scroll-behavior:smooth; }
body { min-height:100vh; color:var(--ink); background:var(--bg); -webkit-font-smoothing:antialiased; }
::selection { color:#fff; background:#187a79; }
.app { min-height:100vh; background:#f2f5f3; }
.sidebar { display:flex; flex-direction:column; padding:20px 14px; background:#fff; box-shadow:5px 0 24px rgba(27,56,51,.035); }
.sidebar .brand { padding:7px 9px 25px; }
.brand b { color:#203b40; font-size:13px; }
.brand-icon { border-radius:11px; box-shadow:0 6px 14px rgba(23,54,74,.15); }
.sidebar nav { gap:5px; }
.sidebar nav a { min-height:43px; padding:10px 12px; border:1px solid transparent; border-radius:9px; color:#50635f; font-size:12px; transition:.16s ease; }
.sidebar nav a:hover { transform:translateX(2px); background:#f1f6f3; color:#176d61; }
.sidebar nav a.active { color:#176d61; background:#eaf3ee; box-shadow:inset 3px 0 #25866d; font-weight:700; }
.sidebar-help { position:static; margin:auto 0 0; border-radius:11px; }
.admin-side { background:#122c43; border-right:0; }
.admin-side .brand, .admin-side .brand b { color:#fff; }
.admin-side .brand small { color:#a9c0cf; }
.admin-side nav a { color:#c1d1d9; }
.admin-side nav a:hover, .admin-side nav a.active { color:#fff; background:#1d4b5b; }
.admin-side nav a.active { box-shadow:inset 3px 0 #59c3a0; }
.admin-side .sidebar-help { background:#18384d; border-color:#315264; }
.admin-side + .main { background:#f2f5f7; }
.main { min-width:0; min-height:100vh; }
.topbar { min-height:66px; box-shadow:0 3px 14px rgba(27,56,51,.035); }
.admin-side + .main .topbar { background:rgba(255,255,255,.96); }
.content { width:100%; max-width:1560px; padding:30px clamp(20px,3vw,44px) 48px; }
.page-title { align-items:center; gap:18px; margin:0 0 23px; }
.page-title h1 { margin:5px 0 7px; color:#203b40; font-size:clamp(24px,2.2vw,31px); font-weight:720; letter-spacing:-.04em; line-height:1.2; }
.page-title .eyebrow { color:#598176; font-size:9px; letter-spacing:.13em; }
.page-title p { max-width:720px; margin:0; color:#74847f; font-size:12px; line-height:1.55; }
.page-title > a.btn { flex:0 0 auto; }
.card, .kpi, .help-card { border:1px solid #e0e8e4; border-radius:12px; background:#fff; box-shadow:var(--shadow); }
.card { padding:21px; margin-bottom:17px; }
.section-head { align-items:flex-start; gap:15px; margin-bottom:16px; }
.section-head h2, .card h2 { color:#294448; font-size:14px; font-weight:700; }
.section-head p { margin-top:4px; color:#82908b; line-height:1.5; }
.section-head > a { flex:0 0 auto; }
.kpis { gap:13px; }
.kpi { min-width:0; min-height:132px; padding:16px 17px; }
.kpi:before { content:""; position:absolute; inset:0 0 auto; height:3px; border-radius:12px 12px 0 0; background:#83b3a1; }
.kpi-icon { width:34px; height:34px; border-radius:10px; }
.kpi small { color:#70817b; font-size:10px; font-weight:650; }
.kpi strong { color:#203b40; font-size:27px; font-weight:720; font-variant-numeric:tabular-nums; }
.kpi em { color:#8b9993; font-size:9px; }
.grid-2, .detail-grid, .two-col-admin { gap:17px; }
.btn { min-height:38px; border-radius:8px; font-weight:650; transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease; }
.btn:hover { transform:translateY(-1px); box-shadow:0 5px 13px rgba(25,68,64,.12); }
.btn.primary { color:#fff; background:#187a79; border-color:#187a79; }
.btn.primary:hover { background:#126866; }
.btn.success { background:#25866d; border-color:#25866d; }
:where(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea) { border:1px solid #d5e1dc; border-radius:8px; color:#24383d; background:#fff; transition:border-color .15s ease,box-shadow .15s ease; }
:where(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea):focus { outline:0; border-color:#55a19a!important; box-shadow:var(--focus-ring); }
:where(input,select,textarea)::placeholder { color:#9aa9a4; opacity:1; }
textarea { min-height:92px; padding:10px 12px; resize:vertical; }
input[type=checkbox], input[type=radio] { accent-color:#187a79; }
input[type=file] { max-width:100%; color:#66797b; font:inherit; font-size:12px; }
.form-grid { gap:16px; }
.form-grid label, .quantity { color:#526761; font-size:10px; line-height:1.5; }
.form-grid label input, .form-grid label select, .form-grid label textarea { width:100%; min-height:41px; margin-top:6px; padding:9px 11px; font-size:12px; }
.table-wrap { overflow:auto; border:1px solid #e2eae6; border-radius:10px; background:#fff; }
table { min-width:720px; font-size:11px; font-variant-numeric:tabular-nums; }
th { position:sticky; top:0; z-index:1; padding:12px 13px; color:#657b74; background:#f3f7f4; font-size:9px; letter-spacing:.07em; }
td { padding:12px 13px; color:#425653; line-height:1.5; }
td b { color:#2d4645; }
tbody tr { transition:background-color .14s ease; }
tbody tr:hover { background:#f4f9f6; }
.table-wrap tbody tr:last-child td { border-bottom:0; }
.filters, .dashboard-filters, .user-filters { flex-wrap:wrap; gap:10px; margin-bottom:15px; }
.dashboard-filters { align-items:end; padding:16px; border:1px solid #e0e8e4; border-radius:11px; background:#fff; }
.dashboard-filters label, .user-filters label { display:grid; gap:6px; color:#596e68; font-size:10px; font-weight:700; }
.dashboard-filters select, .user-filters select { min-width:160px; height:39px; }
.status { border-radius:6px; padding:5px 8px; line-height:1.35; white-space:normal; }
.alert { padding:12px 15px; border:1px solid transparent; border-radius:9px; line-height:1.5; }
.alert.success { border-color:#c9e9dc; }
.alert.danger { border-color:#f1d2d5; }
.empty-state { border:1px dashed #d5e1dc; border-radius:10px; background:#f8fbf9; }
.stepper { gap:8px; padding:14px 18px; border-radius:11px; box-shadow:var(--shadow); }
.stepper span { color:#83928c; font-size:10px; white-space:nowrap; }
.stepper span.on { color:#19786d; }
.stepper i { background:#dfe8e3; }
.quantity { background:#fff; border-color:#dfe8e3; border-radius:10px; }
.quantity input { min-height:42px; font-size:14px; }
.dropzone { border-color:#b7cec2; border-radius:11px; background:#f8fbf9; }
.dropzone:hover { border-color:#5c9d88; background:#f0f8f3; }
.review { overflow:hidden; border-radius:10px; background:#f7faf8; }
.review div { border-color:#e3ebe6; }
.review strong { color:#244542; font-variant-numeric:tabular-nums; }
.user-hero, .management-hero { border-radius:13px; box-shadow:0 8px 22px rgba(14,44,63,.12); }
.returns-summary { border-color:#dce8e2; border-radius:12px; background:linear-gradient(110deg,#fff,#f2f7f4); box-shadow:var(--shadow); }
.returns-orbit { background:#e7f2ed; color:#21806c; box-shadow:inset 0 0 0 1px #d5e8de; }
.returns-summary small { color:#71857c; }
.returns-summary strong { color:#203b40; }
.returns-summary p { color:#71827d; }
.returns-card { padding:21px; border-color:#e0e8e4; border-radius:12px; box-shadow:var(--shadow); }
.returns-table th { background:#f3f7f4; color:#657b74; }
.returns-table tbody tr:hover { background:#f4f9f6; }
.notes-pending-page .content { background-image:radial-gradient(ellipse at 91% 2%,rgba(45,142,121,.08),transparent 34%); }
.notes-pending-page .page-title { position:relative; min-height:172px; overflow:hidden; align-items:flex-end; justify-content:space-between; padding:24px 28px; border:1px solid #1c5055; border-radius:13px; background-color:#153942; background-image:linear-gradient(108deg,rgba(17,54,65,.98),rgba(24,91,80,.95)),repeating-linear-gradient(0deg,rgba(160,223,198,.06) 0 1px,transparent 1px 28px),repeating-linear-gradient(90deg,rgba(160,223,198,.06) 0 1px,transparent 1px 28px); box-shadow:0 10px 24px rgba(20,57,61,.12); }
.notes-pending-page .page-title>div { position:relative; z-index:1; }
.notes-pending-page .page-title .eyebrow { color:#9bdfbd; }
.notes-pending-page .page-title h1 { color:#fff; font-size:29px; }
.notes-pending-page .page-title p { color:#c3d9d3; }
.notes-pending-page .page-title>.btn { z-index:1; color:#173e42; background:#b9efd1; border-color:#b9efd1; }
.notes-pending-page .page-title:after { content:"NF / RETURNS"; position:absolute; right:28px; top:24px; color:rgba(204,241,222,.22); font-size:9px; font-weight:750; letter-spacing:.16em; }
.notes-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:0 0 17px; }
.notes-stat { position:relative; display:grid; grid-template-columns:38px 1fr; grid-template-rows:auto auto auto; align-items:center; column-gap:11px; min-width:0; min-height:94px; padding:14px; overflow:hidden; border:1px solid #dfe8e4; border-radius:10px; background:#fff; box-shadow:0 3px 12px rgba(27,56,51,.04); }
.notes-stat:before { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:#25866d; }
.notes-stat-icon { grid-row:1/4; display:grid; place-items:center; width:36px; height:36px; border-radius:9px; color:#177a72; background:#e9f5ef; font-size:17px; }
.notes-stat small { color:#74847e; font-size:8px; font-weight:750; letter-spacing:.09em; }
.notes-stat strong { color:#203b40; font-size:22px; font-weight:730; font-variant-numeric:tabular-nums; line-height:1.1; }
.notes-stat em { color:#85938d; font-size:9px; font-style:normal; }
.notes-stat-balance:before { background:#1682ad; }.notes-stat-balance .notes-stat-icon { color:#1377a0; background:#e8f4f8; }
.notes-stat-partial:before { background:#d2902f; }.notes-stat-partial .notes-stat-icon { color:#a97622; background:#fbf3e4; }
.notes-stat-files:before { background:#d36d8b; }.notes-stat-files .notes-stat-icon { color:#b25270; background:#faedf1; }
.notes-table-panel { padding:0; overflow:hidden; border-color:#dce6e1; }
.notes-panel-head { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:19px 21px 13px; }
.notes-panel-head>div>small { color:#64847b; font-size:8px; font-weight:750; letter-spacing:.13em; }
.notes-panel-head h2 { margin:4px 0 3px; color:#203b40; font-size:17px; }
.notes-panel-head p { margin:0; color:#788982; font-size:10px; line-height:1.5; }
.notes-result-count { flex:0 0 auto; padding:7px 10px; border:1px solid #dce9e2; border-radius:6px; color:#4a7567; background:#f3f8f5; font-size:9px; font-weight:700; }
.notes-toolbar { display:flex; align-items:center; margin:0 20px 14px; padding:10px; border:1px solid #e5ece8; border-radius:8px; background:#f8faf9; }
.notes-toolbar input { flex:1 1 320px; min-width:180px; max-width:430px; height:38px; }
.notes-toolbar select { min-width:190px; height:38px; }
.notes-toolbar .notes-export-button { display:inline-flex; align-items:center; gap:7px; height:38px; color:#315b51; border-color:#d4e2db; background:#fff; }
.notes-toolbar .notes-export-button span { color:#16816e; font-size:16px; font-weight:800; }
.notes-pending-page .table-wrap { margin:0 20px 20px; border-color:#e1e9e5; border-radius:8px; }
.notes-pending-page #mainTable { width:100%; min-width:1100px; border-collapse:separate; border-spacing:0; }
.notes-pending-page #mainTable th { padding:12px 11px; color:#697d75; background:#f2f6f3; font-size:8px; letter-spacing:.07em; white-space:nowrap; }
.notes-pending-page #mainTable td { padding:12px 11px; border-bottom:1px solid #edf1ef; font-size:10px; }
.notes-pending-page #mainTable tbody tr:hover { background:#f4f9f6; }
.notes-pending-page #mainTable tbody tr.note-partial { background:linear-gradient(90deg,#fffaf0 0,#fff 20%); }
.notes-pending-page #mainTable tbody tr.note-partial:hover { background:#fff8e9; }
.notes-pending-page #mainTable td:nth-child(1) b { color:#1d4547; font-size:11px; }
.notes-pending-page #mainTable .note-key-cell { max-width:176px; overflow:hidden; color:#6b7d79; font-size:9px; text-overflow:ellipsis; }
.notes-pending-page #mainTable td:nth-child(4) .pill { color:#126f98; background:#e9f5f8; }
.notes-pending-page #mainTable td:nth-child(5) .pill { color:#b34f72; background:#fbecf1; }
.note-status { display:inline-flex; align-items:flex-start; gap:6px; max-width:190px; padding:6px 8px; border:1px solid #dce9e2; border-radius:6px; color:#39705f; background:#f1f8f4; font-size:9px; font-weight:650; line-height:1.35; }
.note-status:before { content:""; flex:0 0 6px; width:6px; height:6px; margin-top:3px; border-radius:50%; background:#409273; }
.note-partial .note-status { border-color:#f0dfb9; color:#876322; background:#fff7e8; }
.note-partial .note-status:before { background:#d0942e; }
.notes-pending-page #mainTable .note-actions-cell { display:flex; align-items:center; gap:5px; min-width:250px; }
.notes-pending-page #mainTable .note-actions-cell .btn.small { min-height:30px; padding:6px 8px; border-radius:6px; font-size:9px; white-space:nowrap; }
.notes-pending-page #mainTable .note-actions-cell a[href*="nota_anexos"] { color:#39705f; border-color:#d8e7df; background:#f4f9f6; }
.notes-pending-page #mainTable .note-actions-cell .icon-btn { flex:0 0 30px; width:30px; height:30px; border:1px solid #dce6e1; border-radius:6px; color:#55756b; background:#fff; }
.notes-pending-page #mainTable .note-actions-cell .note-action-icon { display:inline-flex; flex:0 0 34px; align-items:center; justify-content:center; gap:4px; width:34px; min-width:34px; height:34px; min-height:34px; padding:0; border:1px solid #d7e4dc; border-radius:7px; color:#286c5d; background:#fff; font-size:17px; line-height:1; text-decoration:none; }
.notes-pending-page #mainTable .note-actions-cell .note-action-icon:hover { transform:translateY(-1px); border-color:#8db9a5; background:#f1f8f4; box-shadow:0 4px 10px rgba(31,84,65,.10); }
.notes-pending-page #mainTable .note-actions-cell .note-action-return { color:#fff; border-color:#187a79; background:#187a79; }
.notes-pending-page #mainTable .note-actions-cell .note-action-return:hover { color:#fff; background:#126866; }
.notes-pending-page #mainTable .note-actions-cell .note-action-files { flex-basis:48px; width:48px; min-width:48px; color:#8a5a2a; border-color:#ead9bf; background:#fffaf2; font-size:15px; }
.notes-pending-page #mainTable .note-actions-cell .note-action-count { color:#735226; font-size:9px; font-weight:750; font-variant-numeric:tabular-nums; }
.notes-pending-page #mainTable .note-actions-cell .note-action-history { color:#587b70; }
.notes-empty-filter { margin:0 20px 18px; padding:16px; border:1px dashed #d7e3dc; border-radius:8px; color:#71847c; background:#f8fbf9; font-size:11px; text-align:center; }
@media (max-width:900px) { .notes-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.notes-pending-page .page-title:after{right:20px} }
@media (max-width:700px) { .notes-pending-page .page-title{align-items:flex-start;min-height:0;padding:20px}.notes-pending-page .page-title>.btn{width:auto}.notes-pending-page .page-title:after{top:17px;right:17px;font-size:7px}.notes-summary{gap:8px}.notes-stat{min-height:82px;padding:10px;grid-template-columns:30px 1fr;column-gap:8px}.notes-stat-icon{width:29px;height:29px;font-size:14px}.notes-stat strong{font-size:19px}.notes-stat em{font-size:8px}.notes-panel-head{align-items:flex-start;padding:16px 15px 12px}.notes-result-count{font-size:8px}.notes-toolbar{align-items:stretch;flex-direction:column;margin:0 12px 12px;padding:8px}.notes-toolbar input,.notes-toolbar select,.notes-toolbar .notes-export-button{width:100%;max-width:none;min-width:0}.notes-toolbar input{flex:0 0 38px;height:38px}.notes-pending-page .table-wrap{max-width:none;margin:0 12px 14px}.notes-pending-page #mainTable{min-width:1080px} }
.client-dashboard-page .content { background-image:radial-gradient(ellipse at 95% 3%,rgba(45,142,121,.07),transparent 33%); }
.client-dashboard-page .client-dashboard-hero { position:relative; min-height:164px; overflow:hidden; align-items:flex-end; justify-content:space-between; padding:23px 27px; border:1px solid #1c5055; border-radius:13px; background-color:#153942; background-image:linear-gradient(108deg,rgba(17,54,65,.98),rgba(24,91,80,.95)),repeating-linear-gradient(0deg,rgba(160,223,198,.06) 0 1px,transparent 1px 28px),repeating-linear-gradient(90deg,rgba(160,223,198,.06) 0 1px,transparent 1px 28px); box-shadow:0 10px 24px rgba(20,57,61,.12); }
.client-dashboard-page .client-dashboard-hero>div { position:relative; z-index:1; }
.client-dashboard-page .client-dashboard-hero .eyebrow { color:#9bdfbd; }
.client-dashboard-page .client-dashboard-hero h1 { color:#fff; font-size:28px; }
.client-dashboard-page .client-dashboard-hero p { color:#c3d9d3; }
.client-dashboard-page .client-dashboard-hero>.btn { z-index:1; min-height:40px; color:#173e42; background:#b9efd1; border-color:#b9efd1; }
.client-dashboard-page .client-dashboard-hero:after { content:"PORTAL DO CLIENTE / VISÃO GERAL"; position:absolute; top:23px; right:26px; color:rgba(204,241,222,.25); font-size:8px; font-weight:750; letter-spacing:.14em; }
.client-dashboard-page .client-dashboard-metrics { grid-template-columns:repeat(5,minmax(0,1fr)); gap:11px; margin:0 0 17px; }
.client-dashboard-page .client-dashboard-metrics .kpi { min-height:116px; padding:14px 15px; border-color:#dfe8e4; border-radius:10px; box-shadow:0 3px 12px rgba(27,56,51,.04); }
.client-dashboard-page .client-dashboard-metrics .kpi:before { height:3px; }
.client-dashboard-page .client-dashboard-metrics .kpi-icon { width:31px; height:31px; margin-bottom:9px; border-radius:8px; }
.client-dashboard-page .client-dashboard-metrics .kpi small { display:block; min-height:25px; color:#647871; font-size:9px; line-height:1.4; }
.client-dashboard-page .client-dashboard-metrics .kpi strong { display:block; margin:3px 0; font-size:24px; }
.client-dashboard-page .client-dashboard-metrics .kpi em { font-size:8px; }
.client-dashboard-page .client-dashboard-overview { grid-template-columns:minmax(0,1.5fr) minmax(260px,.9fr); gap:15px; margin-bottom:15px; }
.client-dashboard-page .dashboard-notes-card,.client-dashboard-page .dashboard-help-card,.client-dashboard-page .dashboard-activity-card { min-width:0; padding:19px; border-color:#dfe8e4; border-radius:11px; box-shadow:0 3px 12px rgba(27,56,51,.04); }
.client-dashboard-page .dashboard-notes-card .section-head,.client-dashboard-page .dashboard-help-card .section-head,.client-dashboard-page .dashboard-activity-card .section-head { align-items:center; gap:10px; }
.client-dashboard-page .dashboard-notes-card .section-head h2,.client-dashboard-page .dashboard-help-card .section-head h2,.client-dashboard-page .dashboard-activity-card .section-head h2 { margin-bottom:4px; color:#254448; font-size:14px; }
.client-dashboard-page .dashboard-notes-card .section-head p,.client-dashboard-page .dashboard-help-card .section-head p,.client-dashboard-page .dashboard-activity-card .section-head p { color:#7c8d86; font-size:10px; }
.client-dashboard-page .dashboard-notes-card .section-head>a,.client-dashboard-page .dashboard-help-card .section-head>a,.client-dashboard-page .dashboard-activity-card .section-head>a { color:#187a79; font-size:10px; font-weight:700; white-space:nowrap; }
.client-dashboard-page .dashboard-notes-card .table-wrap,.client-dashboard-page .dashboard-activity-card .table-wrap { border-color:#e5ece8; border-radius:8px; }
.client-dashboard-page .dashboard-notes-table { min-width:730px; }
.client-dashboard-page .dashboard-activity-table { min-width:670px; }
.client-dashboard-page .dashboard-notes-table th,.client-dashboard-page .dashboard-activity-table th { padding:11px 10px; color:#6e8079; background:#f3f7f4; font-size:8px; white-space:nowrap; }
.client-dashboard-page .dashboard-notes-table td,.client-dashboard-page .dashboard-activity-table td { padding:10px; font-size:10px; }
.client-dashboard-page .dashboard-notes-table tbody tr:hover,.client-dashboard-page .dashboard-activity-table tbody tr:hover { background:#f5f9f6; }
.client-dashboard-page .dashboard-notes-table td:first-child b { display:block; color:#21474a; font-size:11px; }
.client-dashboard-page .dashboard-notes-table td:first-child small { display:block; margin-top:3px; font-size:8px; }
.client-dashboard-page .dashboard-notes-table .pill.blue { color:#146e91; background:#e9f5f8; }
.client-dashboard-page .dashboard-notes-table .pill.pink { color:#ad4e70; background:#fbecf1; }
.client-dashboard-page .dashboard-notes-table td:nth-child(5) { color:#546b63; font-variant-numeric:tabular-nums; }
.client-dashboard-page .dashboard-notes-table td:nth-child(6) b { color:#274d43; font-variant-numeric:tabular-nums; }
.dashboard-note-status { display:inline-flex; align-items:flex-start; gap:6px; max-width:180px; padding:5px 7px; border:1px solid #dce9e2; border-radius:6px; color:#39705f; background:#f1f8f4; font-size:8px; font-weight:650; line-height:1.35; }
.dashboard-note-status:before { content:""; flex:0 0 6px; width:6px; height:6px; margin-top:2px; border-radius:50%; background:#409273; }
.dashboard-partial-note .dashboard-note-status { border-color:#f0dfb9; color:#876322; background:#fff7e8; }
.dashboard-partial-note .dashboard-note-status:before { background:#d0942e; }
.client-dashboard-page .dashboard-notes-table td:last-child { white-space:nowrap; }
.client-dashboard-page .dashboard-notes-table td:last-child .btn.small { min-height:29px; margin:2px 2px 2px 0; padding:6px 8px; border-radius:6px; font-size:9px; }
.client-dashboard-page .dashboard-notes-table td:last-child a[href*="nota_anexos"] { color:#39705f; border-color:#d8e7df; background:#f4f9f6; }
.client-dashboard-page .dashboard-help-card .doc-list { display:grid; gap:7px; }
.client-dashboard-page .dashboard-help-card .doc { min-height:55px; margin:0; padding:9px; border:1px solid #e6ede9; border-radius:7px; background:#fbfcfb; }
.client-dashboard-page .dashboard-help-card .doc:hover { border-color:#c5ddd0; background:#f3f8f5; }
.client-dashboard-page .dashboard-help-card .doc>div { min-width:0; }
.client-dashboard-page .dashboard-help-card .doc b { color:#304d48; font-size:9px; }
.client-dashboard-page .dashboard-help-card .doc small { color:#82918b; font-size:8px; line-height:1.4; }
.client-dashboard-page .dashboard-activity-card { margin-bottom:0; }
@media (max-width:1150px) { .client-dashboard-page .client-dashboard-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }.client-dashboard-page .client-dashboard-overview { grid-template-columns:1fr; } }
@media (max-width:700px) { .client-dashboard-page .client-dashboard-hero { align-items:flex-start; min-height:0; padding:20px; }.client-dashboard-page .client-dashboard-hero>.btn { width:auto; }.client-dashboard-page .client-dashboard-hero:after { top:17px; right:17px; font-size:7px; }.client-dashboard-page .client-dashboard-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.client-dashboard-page .client-dashboard-metrics .kpi { min-height:108px; padding:12px; }.client-dashboard-page .client-dashboard-metrics .kpi:last-child { grid-column:span 2; display:grid; grid-template-columns:31px 1fr auto; grid-template-rows:auto auto; align-items:center; column-gap:9px; min-height:72px; }.client-dashboard-page .client-dashboard-metrics .kpi:last-child .kpi-icon { grid-row:1/3; margin:0; }.client-dashboard-page .client-dashboard-metrics .kpi:last-child small { grid-column:2; grid-row:1; min-height:0; }.client-dashboard-page .client-dashboard-metrics .kpi:last-child strong { grid-column:3; grid-row:1/3; margin:0 5px; }.client-dashboard-page .client-dashboard-metrics .kpi:last-child em { grid-column:2; grid-row:2; }.client-dashboard-page .client-dashboard-overview { gap:11px; }.client-dashboard-page .dashboard-notes-card,.client-dashboard-page .dashboard-help-card,.client-dashboard-page .dashboard-activity-card { padding:15px; }.client-dashboard-page .dashboard-notes-card .section-head,.client-dashboard-page .dashboard-help-card .section-head,.client-dashboard-page .dashboard-activity-card .section-head { align-items:flex-start; }.client-dashboard-page .dashboard-notes-card .section-head>a,.client-dashboard-page .dashboard-help-card .section-head>a,.client-dashboard-page .dashboard-activity-card .section-head>a { align-self:flex-start; } }
.occurrence-page { display:grid; gap:16px; max-width:1120px; margin:0 auto; animation:occurrence-enter .42s ease both; }
.occurrence-hero { position:relative; display:flex; justify-content:space-between; align-items:flex-end; gap:24px; min-height:244px; overflow:hidden; padding:28px 32px; border:1px solid #1d5557; border-radius:14px; color:#f2fbf7; background-color:#14363c; background-image:linear-gradient(112deg,rgba(13,39,51,.97),rgba(20,87,82,.94)),repeating-linear-gradient(0deg,rgba(137,223,194,.08) 0 1px,transparent 1px 32px),repeating-linear-gradient(90deg,rgba(137,223,194,.08) 0 1px,transparent 1px 32px); box-shadow:0 12px 30px rgba(20,57,61,.15); }
.occurrence-hero-copy { position:relative; z-index:1; max-width:610px; }
.occurrence-back { display:inline-flex; margin-bottom:24px; color:#bbd9d0; font-size:11px; text-decoration:none; }
.occurrence-back:hover { color:#fff; }
.occurrence-kicker { display:flex; align-items:center; gap:8px; color:#8ee0be; font-size:9px; font-weight:750; letter-spacing:.12em; }
.occurrence-kicker i { width:7px; height:7px; border-radius:50%; background:#f3bf68; box-shadow:0 0 0 4px rgba(243,191,104,.13); }
.occurrence-hero h1 { margin:12px 0 8px; color:#fff; font-size:38px; font-weight:680; line-height:1.08; }
.occurrence-hero-copy p { max-width:470px; margin:0; color:#bfd5d1; font-size:12px; line-height:1.65; }
.occurrence-hero-code { position:relative; z-index:1; display:grid; gap:5px; min-width:176px; padding:14px 16px; border:1px solid rgba(202,237,222,.22); border-radius:9px; background:rgba(9,31,41,.38); backdrop-filter:blur(8px); }
.occurrence-hero-code small { color:#92bdb0; font-size:8px; font-weight:700; letter-spacing:.13em; }
.occurrence-hero-code strong { color:#fff; font-size:18px; font-variant-numeric:tabular-nums; }
.occurrence-hero-code span { color:#c0d8d2; font-size:10px; }
.occurrence-hero-mark { position:absolute; z-index:0; top:-78px; right:190px; color:rgba(155,229,199,.07); font-size:340px; font-weight:800; line-height:1; pointer-events:none; }
.occurrence-progress { display:flex; align-items:center; gap:12px; padding:15px 19px; border:1px solid #dce7e2; border-radius:10px; background:#fff; }
.occurrence-progress div { display:flex; align-items:center; gap:9px; color:#8a9993; font-size:10px; white-space:nowrap; }
.occurrence-progress div span { display:grid; place-items:center; width:27px; height:27px; border:1px solid #dce6e1; border-radius:50%; color:#82918b; font-size:9px; font-weight:750; }
.occurrence-progress div b { font-weight:650; }
.occurrence-progress div.done { color:#25866d; }
.occurrence-progress div.done span { border-color:#25866d; color:#fff; background:#25866d; }
.occurrence-progress div.current { color:#176f70; }
.occurrence-progress div.current span { border:2px solid #177b83; color:#176f70; background:#e8f5f1; box-shadow:0 0 0 4px #edf6f2; }
.occurrence-progress>i { flex:1; min-width:18px; height:1px; background:#dce7e2; }
.occurrence-source,.occurrence-form { padding:22px; border:1px solid #dfe8e4; border-radius:12px; background:#fff; box-shadow:var(--shadow); }
.occurrence-section-head { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; margin-bottom:18px; }
.occurrence-section-head>div>small { color:#62877d; font-size:8px; font-weight:750; letter-spacing:.13em; }
.occurrence-section-head h2 { margin:5px 0 0; color:#203b40; font-size:17px; font-weight:700; }
.occurrence-section-head p { margin:5px 0 0; color:#758681; font-size:11px; line-height:1.55; }
.occurrence-readonly { display:inline-flex; align-items:center; gap:6px; padding:7px 10px; border:1px solid #d7e9df; border-radius:6px; color:#387567; background:#f1f8f4; font-size:9px; font-weight:700; white-space:nowrap; }
.occurrence-facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid #e7eeea; border-left:1px solid #e7eeea; }
.occurrence-facts>div { display:grid; align-content:start; gap:6px; min-width:0; min-height:65px; padding:12px; border-right:1px solid #e7eeea; border-bottom:1px solid #e7eeea; background:#fbfcfb; }
.occurrence-facts>div.fact-wide { grid-column:span 2; }
.occurrence-facts small { color:#7d8c86; font-size:9px; }
.occurrence-facts b { overflow-wrap:anywhere; color:#263f40; font-size:11px; font-weight:680; }
.occurrence-facts .mono { font-size:10px; }
.occurrence-reason { display:flex; align-items:flex-start; gap:13px; padding:17px 19px; border:1px solid #efdfba; border-left:4px solid #d89a36; border-radius:9px; background:#fffaf0; }
.occurrence-reason-symbol { display:grid; flex:0 0 24px; place-items:center; width:24px; height:24px; border-radius:50%; color:#fff; background:#cc8b2c; font-size:13px; font-weight:800; }
.occurrence-reason>div>small { color:#98702d; font-size:8px; font-weight:750; letter-spacing:.11em; }
.occurrence-reason p { margin:5px 0 0; color:#4d483b; font-size:12px; line-height:1.6; }
.occurrence-required { padding:6px 9px; border-radius:5px; color:#8a7770; background:#f7f5f2; font-size:9px; white-space:nowrap; }
.occurrence-compose { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr); gap:18px; align-items:stretch; }
.occurrence-observation { display:grid; align-content:start; gap:7px; color:#405a55; font-size:10px; font-weight:700; }
.occurrence-observation>span { color:#bc5d56; }
.occurrence-observation textarea { min-height:164px; padding:13px; border-color:#d4e1db; border-radius:8px; font-size:12px; line-height:1.6; }
.occurrence-observation>small { justify-self:end; color:#87958f; font-size:9px; font-weight:400; }
.occurrence-attachments { display:grid; grid-template-rows:1fr auto; gap:9px; }
.occurrence-upload { position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:8px; min-height:164px; overflow:hidden; padding:18px; border:1px dashed #9bbeb2; border-radius:9px; text-align:center; background:linear-gradient(145deg,#f4faf7,#f8fbfa); cursor:pointer; transition:border-color .18s ease,background .18s ease,transform .18s ease; }
.occurrence-upload:hover { transform:translateY(-1px); border-color:#218b7a; background:#eef8f3; }
.occurrence-upload input { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.occurrence-upload-icon { display:grid; place-items:center; width:36px; height:36px; border:1px solid #d0e4d9; border-radius:10px; color:#177b83; background:#fff; font-size:20px; font-weight:700; }
.occurrence-upload b { color:#31534d; font-size:11px; }
.occurrence-upload small { color:#81918a; font-size:9px; line-height:1.55; }
.occurrence-file-list { display:grid; gap:4px; padding:9px 11px; border:1px solid #dce9e2; border-radius:7px; background:#f7fbf8; }
.occurrence-file-list b { color:#28695b; font-size:9px; }
.occurrence-file-list small { overflow:hidden; color:#74867f; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.occurrence-submit { display:flex; justify-content:space-between; align-items:center; gap:14px; margin-top:20px; padding-top:16px; border-top:1px solid #e8efeb; }
.occurrence-submit>span { color:#7d8c86; font-size:10px; line-height:1.5; }
.occurrence-submit .btn { min-width:188px; justify-content:center; gap:12px; }
.notes-admin-page .content { background-image:radial-gradient(ellipse at 94% 0%,rgba(53,123,194,.075),transparent 34%); }
.notes-admin-page .notes-admin-heading { position:relative; min-height:150px; overflow:hidden; align-items:flex-end; justify-content:space-between; padding:23px 27px; border:1px solid #174a6c; border-radius:12px; color:#fff; background-color:#123750; background-image:linear-gradient(108deg,rgba(12,41,64,.98),rgba(23,79,112,.95)),repeating-linear-gradient(0deg,rgba(160,212,242,.055) 0 1px,transparent 1px 28px),repeating-linear-gradient(90deg,rgba(160,212,242,.055) 0 1px,transparent 1px 28px); box-shadow:0 10px 25px rgba(15,47,77,.13); }
.notes-admin-page .notes-admin-heading>div { position:relative; z-index:1; }
.notes-admin-page .notes-admin-heading .eyebrow { color:#9bcdf0; }
.notes-admin-page .notes-admin-heading h1 { color:#fff; font-size:28px; }
.notes-admin-page .notes-admin-heading p { color:#c3d8e7; }
.notes-admin-page .notes-admin-heading>.btn { z-index:1; color:#143d5a; background:#c9e8f8; border-color:#c9e8f8; }
.notes-admin-page .notes-admin-heading:after { content:"FISCAL / CADASTRO DE NOTAS"; position:absolute; top:23px; right:26px; color:rgba(211,236,250,.28); font-size:8px; font-weight:750; letter-spacing:.14em; }
.notes-admin-page .notes-admin-hero { min-height:105px; margin-bottom:15px; padding:18px 22px; border-radius:10px; background-image:linear-gradient(110deg,#153b57,#205d79); box-shadow:0 7px 18px rgba(15,47,77,.10); }
.notes-admin-page .notes-admin-hero h2 { margin:6px 0 4px; font-size:17px; }
.notes-admin-page .notes-admin-hero p { font-size:10px; }
.notes-admin-page .notes-admin-hero .management-hero-mark { flex:0 0 48px; width:48px; height:48px; border-radius:12px; font-size:21px; }
.notes-admin-page .notes-admin-form-card,.notes-admin-page .notes-admin-grid-card { padding:0; overflow:hidden; border-color:#dfe7ed; border-radius:10px; box-shadow:0 5px 18px rgba(21,48,76,.045); }
.notes-admin-page .notes-admin-form-card>.section-head { margin:0; padding:18px 21px 15px; border-bottom:1px solid #e8eef2; background:#fbfcfd; }
.notes-admin-page .notes-admin-form-card>.section-head .eyebrow { color:#5380a0; }
.notes-admin-page .notes-admin-form-card>.section-head h2 { color:#1e3e54; font-size:16px; }
.notes-admin-page .notes-admin-form-card>.section-head p { color:#768994; font-size:10px; }
.notes-admin-page .notes-admin-form { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; padding:20px 21px 21px; }
.notes-admin-page .notes-admin-form>.span2 { grid-column:span 2; }
.notes-admin-page .notes-admin-form>.span3,.notes-admin-page .notes-admin-form>.notice { grid-column:1/-1; }
.notes-admin-page .notes-admin-field { display:grid; align-content:start; gap:6px; min-width:0; color:#425c6a; font-size:10px; font-weight:700; line-height:1.4; }
.notes-admin-page .notes-admin-field-title { display:flex; align-items:center; gap:7px; min-height:18px; }
.notes-admin-field-icon { display:inline-grid; flex:0 0 19px; place-items:center; width:19px; height:19px; border:1px solid #dce8ef; border-radius:5px; color:#36779b; background:#f1f7fa; font-size:10px; font-weight:800; }
.notes-admin-page .notes-admin-field input,.notes-admin-page .notes-admin-field select { width:100%; min-width:0; min-height:40px; margin:0; padding:9px 11px; border-color:#d5e0e6; border-radius:7px; background:#fff; font-size:11px; }
.notes-admin-page .notes-admin-field input:focus,.notes-admin-page .notes-admin-field select:focus { border-color:#5d9ac0!important; box-shadow:0 0 0 3px rgba(55,127,172,.12); }
.notes-admin-page .notes-admin-field .access-key-input { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:11px; letter-spacing:0; }
.access-key-hint { display:flex; justify-content:space-between; gap:8px; color:#788c96; font-size:9px; font-weight:400; line-height:1.4; }
.access-key-count { flex:0 0 auto; color:#9a7a43; font-size:9px; font-variant-numeric:tabular-nums; }
.access-key-hint.complete .access-key-count { color:#24805f; }
.notes-admin-page .notes-admin-form>.notice { margin:0; padding:10px 12px; border:1px solid #e0e9ee; border-radius:7px; color:#5e7582; background:#f6f9fa; font-size:10px; }
.notes-admin-page .notes-admin-form>.check-label { display:flex; align-items:center; gap:8px; grid-column:1/-1; color:#536973; font-size:10px; }
.notes-admin-page .notes-admin-form>.check-label input { width:16px; height:16px; margin:0; }
.notes-admin-page .notes-admin-form>.notes-upload-zone { position:relative; display:flex; align-items:center; gap:14px; grid-column:1/-1; min-height:100px; margin:0; padding:17px 19px; overflow:hidden; border:1px dashed #99b6c6; border-radius:9px; color:#315465; background:linear-gradient(110deg,#f4f9fb,#f9fbfc); cursor:pointer; transition:border-color .16s ease,background .16s ease,box-shadow .16s ease; }
.notes-admin-page .notes-upload-zone:hover,.notes-admin-page .notes-upload-zone.is-dragging { border-color:#458aac; background:#edf6fa; box-shadow:0 0 0 3px rgba(53,126,167,.08); }
.notes-upload-icon { display:grid; flex:0 0 42px; place-items:center; width:42px; height:42px; border:1px solid #d6e6ed; border-radius:10px; color:#24799e; background:#fff; font-size:22px; font-weight:650; }
.notes-upload-copy { display:grid; flex:1; gap:4px; min-width:0; }
.notes-upload-copy b { color:#274a5b; font-size:11px; }
.notes-upload-copy small { color:#7a8f99; font-size:9px; font-weight:400; }
.notes-upload-action { flex:0 0 auto; padding:8px 11px; border:1px solid #cddfe7; border-radius:6px; color:#27617b; background:#fff; font-size:9px; font-weight:700; }
.notes-admin-page .notes-upload-input { position:absolute; width:1px!important; height:1px!important; padding:0!important; overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%); white-space:nowrap; }
.notes-admin-page .notes-upload-zone:focus-within { outline:3px solid rgba(54,133,177,.22); outline-offset:2px; }
.notes-upload-feedback { display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; grid-column:1/-1; padding:9px 11px; border:1px solid #dce8e4; border-radius:7px; color:#557369; background:#f6faf7; font-size:9px; }
.notes-upload-feedback[hidden] { display:none; }
.notes-upload-feedback b { color:#35705e; font-size:9px; }
.notes-upload-feedback small { max-width:200px; overflow:hidden; color:#74877e; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.notes-admin-page .notes-admin-form>.form-actions { grid-column:1/-1; margin:0; padding-top:4px; border-top:1px solid #e8eef1; }
.notes-admin-page .notes-admin-form>.form-actions .btn { min-height:40px; padding:0 17px; }
.notes-admin-page .notes-admin-grid-card>.section-head { margin:0; padding:18px 21px 14px; border-bottom:1px solid #e8eef2; background:#fbfcfd; }
.notes-admin-page .notes-admin-grid-card>.section-head h2 { color:#1e3e54; font-size:15px; }
.notes-admin-page .notes-admin-grid-card>.section-head p { color:#788b95; font-size:10px; }
.notes-admin-page .notes-admin-grid-card .management-count { border-color:#d7e6ed; border-radius:6px; color:#3c708b; background:#f1f7fa; }
.notes-grid-toolbar { display:flex; align-items:center; gap:9px; margin:14px 20px 12px; }
.notes-grid-search { display:flex; align-items:center; flex:1 1 300px; gap:8px; max-width:430px; height:38px; padding:0 10px; border:1px solid #dce5ea; border-radius:7px; color:#608092; background:#fff; }
.notes-grid-search>span { font-size:17px; }
.notes-grid-search input { width:100%; min-width:0; height:34px; padding:0; border:0!important; outline:0; box-shadow:none!important; font-size:10px; }
.notes-grid-status-filter { min-width:170px; height:38px; padding:0 10px; border:1px solid #dce5ea; border-radius:7px; color:#476273; background:#fff; font-size:10px; }
.notes-grid-count { margin-left:auto; color:#72858e; font-size:9px; white-space:nowrap; }
.notes-admin-page .notes-admin-grid-card .table-wrap { margin:0 20px 20px; border-color:#e1e9ed; border-radius:8px; }
.notes-admin-page .notes-admin-table { min-width:980px; }
.notes-admin-page .notes-admin-table th { padding:12px 11px; color:#6c8290; background:#f2f6f8; font-size:8px; white-space:nowrap; }
.notes-admin-page .notes-admin-table td { padding:11px; border-bottom:1px solid #edf1f3; font-size:10px; }
.notes-admin-page .notes-admin-table tbody tr:hover { background:#f5f9fb; }
.notes-admin-page .notes-admin-table .management-subline { color:#7e9099; font-size:8px; }
.notes-admin-page .notes-admin-table .pill { padding:5px 7px; border-radius:5px; font-size:9px; white-space:nowrap; }
.notes-admin-page .notes-admin-table .management-actions { gap:5px; }
.notes-admin-page .notes-admin-table .management-actions .notes-grid-icon { display:inline-flex; flex:0 0 32px; align-items:center; justify-content:center; gap:4px; width:32px; min-width:32px; height:32px; min-height:32px; padding:0; border:1px solid #d9e4e9; border-radius:6px; color:#346b84; background:#fff; font-size:15px; line-height:1; text-decoration:none; }
.notes-admin-page .notes-admin-table .management-actions .notes-grid-icon:hover { border-color:#8eb6c8; background:#f0f7fa; box-shadow:0 3px 9px rgba(32,92,124,.10); }
.notes-admin-page .notes-admin-table .management-actions .notes-grid-files { flex-basis:45px; width:45px; min-width:45px; color:#8b602f; background:#fffaf2; }
.notes-grid-icon-count { color:#785a35; font-size:9px; font-weight:750; font-variant-numeric:tabular-nums; }
.notes-admin-page .notes-admin-table .management-actions .notes-grid-delete { color:#a94a4e; border-color:#ead9da; background:#fff8f8; }
.notes-grid-empty { margin:0 20px 18px; padding:15px; border:1px dashed #d5e1e7; border-radius:7px; color:#718590; background:#f8fafb; font-size:10px; text-align:center; }
.notes-admin-page .note-attachments { margin:0 21px 20px; padding-top:16px; }
@media (max-width:900px) { .notes-admin-page .notes-admin-form { grid-template-columns:repeat(2,minmax(0,1fr)); }.notes-admin-page .notes-admin-form>.span2 { grid-column:span 2; }.notes-admin-page .notes-admin-form>.span3,.notes-admin-page .notes-admin-form>.notice,.notes-admin-page .notes-admin-form>.notes-upload-zone,.notes-admin-page .notes-admin-form>.check-label,.notes-admin-page .notes-admin-form>.form-actions { grid-column:1/-1; } }
@media (max-width:700px) { .notes-admin-page .notes-admin-heading { align-items:flex-start; min-height:0; padding:20px; }.notes-admin-page .notes-admin-heading>.btn { width:auto; }.notes-admin-page .notes-admin-heading:after { top:17px; right:17px; font-size:7px; }.notes-admin-page .notes-admin-form-card>.section-head,.notes-admin-page .notes-admin-grid-card>.section-head { padding:16px; }.notes-admin-page .notes-admin-form { grid-template-columns:1fr; gap:12px; padding:16px; }.notes-admin-page .notes-admin-form>.span2,.notes-admin-page .notes-admin-form>.span3,.notes-admin-page .notes-admin-form>.notice,.notes-admin-page .notes-admin-form>.notes-upload-zone,.notes-admin-page .notes-admin-form>.check-label,.notes-admin-page .notes-admin-form>.form-actions { grid-column:1; }.notes-admin-page .notes-upload-zone { flex-wrap:wrap; gap:10px; padding:14px; }.notes-upload-action { width:100%; text-align:center; }.notes-grid-toolbar { align-items:stretch; flex-direction:column; margin:12px; }.notes-grid-search,.notes-grid-status-filter { width:100%; max-width:none; }.notes-grid-count { margin:0; }.notes-admin-page .notes-admin-grid-card .table-wrap { max-width:none; margin:0 12px 14px; }.notes-admin-page .notes-admin-table { min-width:980px; }.notes-admin-page .note-attachments { margin-inline:16px; } }
@keyframes occurrence-enter { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
:focus-visible { outline:3px solid rgba(24,122,121,.35); outline-offset:2px; }
@media (max-width:1000px) { .content{padding:24px 22px 38px}.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2,.two-col-admin{grid-template-columns:1fr}.stepper{overflow-x:auto} }
@media (max-width:800px) { .occurrence-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.occurrence-compose{grid-template-columns:1fr}.occurrence-upload{min-height:138px}.occurrence-hero{min-height:220px;padding:24px}.occurrence-hero-mark{right:70px} }
@media (max-width:700px) {
 .sidebar,.admin-side{position:fixed;inset:0 0 auto;z-index:40;display:block;width:100%;height:58px;min-height:58px;padding:5px 9px;border:0;border-bottom:1px solid #dce6e0;background:#fff;box-shadow:0 4px 16px rgba(26,56,49,.10)}
 .sidebar .brand{display:none}.sidebar nav{display:flex;align-items:center;gap:5px;width:100%;height:100%;overflow-x:auto;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}
 .sidebar nav a,.admin-side nav a{display:flex;flex:0 0 auto;justify-content:center;gap:6px;min-height:40px;padding:8px 10px;border:1px solid #e7eee9;border-radius:9px;background:#f8faf8;color:#526761;font-size:10px;white-space:nowrap}
 .sidebar nav a span{display:inline!important}.sidebar nav a.active,.admin-side nav a.active{color:#176d61;border-color:#cfe4d9;background:#eaf4ee;box-shadow:none}.admin-side nav a{color:#526761}.admin-side nav a.active{color:#125c50}
 .sidebar .nav-badge{padding:2px 5px;font-size:9px}.sidebar-help{display:none}.main,.admin-side+.main{margin:0;padding-top:58px}.topbar{top:58px;height:56px;min-height:56px;padding-inline:13px}
 .content{padding:20px 14px 34px}.page-title{align-items:flex-start;flex-direction:column;gap:11px;margin-bottom:18px}.page-title h1{font-size:24px}.page-title p{font-size:11px}.page-title>a.btn{width:100%}
 .kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.kpi{min-height:124px;padding:13px}.card,.returns-card{padding:16px;margin-bottom:14px}.section-head{flex-direction:column;gap:8px}.section-head>a{align-self:flex-start}
 .table-wrap,.admin-side+.main .table-wrap{max-width:calc(100vw - 56px)}.form-grid.two,.form-grid.three,.quantity-grid{grid-template-columns:1fr}.span2{grid-column:auto}.dashboard-filters{align-items:stretch}.dashboard-filters label,.dashboard-filters select{width:100%}.dashboard-filters .btn{flex:1}
 .stepper{margin-right:-2px;padding:12px}.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.returns-summary{align-items:flex-start;flex-direction:column}.returns-summary p{padding-left:55px}.returns-live{display:none}.returns-filters select{min-width:100%}.returns-table{min-width:880px}
 .occurrence-page{gap:12px}.occurrence-hero{display:grid;gap:18px;min-height:0;padding:20px}.occurrence-back{margin-bottom:18px}.occurrence-hero h1{font-size:30px}.occurrence-hero-code{justify-self:start;min-width:0}.occurrence-hero-mark{top:-30px;right:-10px;font-size:230px}.occurrence-progress{gap:7px;justify-content:space-between;padding:12px 10px}.occurrence-progress div{flex-direction:column;gap:5px;text-align:center;white-space:normal}.occurrence-progress div b{max-width:78px;font-size:8px}.occurrence-progress>i{flex:1;min-width:8px}.occurrence-source,.occurrence-form{padding:16px}.occurrence-section-head{flex-wrap:wrap}.occurrence-readonly{font-size:8px}.occurrence-facts>div{min-height:61px;padding:9px}.occurrence-facts>div.fact-wide{grid-column:span 2}.occurrence-facts b{font-size:10px}.occurrence-reason{padding:14px}.occurrence-submit{align-items:stretch;flex-direction:column}.occurrence-submit .btn{width:100%}
}
@media (max-width:390px) { .sidebar nav a,.admin-side nav a{padding-inline:8px;font-size:9px}.content{padding-inline:12px}.kpi{padding:11px}.kpi strong{font-size:23px}.workflow-grid{grid-template-columns:1fr} }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important} }

.clients-admin-page,.pending-admin-page { display:grid; gap:15px; }
.clients-admin-page>.page-title,.pending-admin-page>.page-title { margin-bottom:0; }
.clients-admin-page .client-hero { min-height:126px; margin:0; padding:21px 25px; border:1px solid #17565a; border-radius:11px; background-color:#153c41; background-image:linear-gradient(105deg,rgba(17,55,62,.98),rgba(29,112,96,.94)),repeating-linear-gradient(0deg,rgba(178,234,208,.055) 0 1px,transparent 1px 26px),repeating-linear-gradient(90deg,rgba(178,234,208,.055) 0 1px,transparent 1px 26px); box-shadow:0 8px 20px rgba(20,57,61,.1); }
.clients-admin-page .client-hero>div:first-child { position:relative; z-index:1; }
.clients-admin-page .client-hero>div>span { color:#a6e3c1; font-size:8px; font-weight:750; letter-spacing:.13em; }
.clients-admin-page .client-hero h2 { margin:7px 0 5px; color:#fff; font-size:19px; font-weight:680; }
.clients-admin-page .client-hero p { color:#c5ddd5; font-size:10px; }
.clients-admin-page .client-hero .management-hero-mark { flex:0 0 48px; width:48px; height:48px; border-color:#8acbb344; border-radius:12px; color:#c1f0d6; background:#ffffff12; font-size:22px; }
.client-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:11px; }
.client-kpi { position:relative; display:flex; align-items:center; gap:12px; min-width:0; min-height:102px; overflow:hidden; padding:15px 16px; border:1px solid #dfe8e4; border-radius:10px; background:#fff; box-shadow:0 3px 12px rgba(27,56,51,.045); transition:transform .16s ease,box-shadow .16s ease; }
.client-kpi:before { position:absolute; inset:0 auto 0 0; width:3px; background:#187a79; content:""; }
.client-kpi:hover { transform:translateY(-2px); box-shadow:0 9px 20px rgba(27,56,51,.09); }
.client-kpi-icon { display:grid; flex:0 0 37px; place-items:center; width:37px; height:37px; border:1px solid #d9ebe3; border-radius:9px; color:#19786e; background:#edf7f1; font-size:16px; font-weight:700; }
.client-kpi>div { display:grid; gap:3px; min-width:0; }
.client-kpi small { color:#74847e; font-size:8px; font-weight:750; letter-spacing:.055em; line-height:1.4; }
.client-kpi b { color:#203b40; font-size:23px; font-weight:730; font-variant-numeric:tabular-nums; line-height:1.1; }
.client-kpi em { overflow:hidden; color:#87948e; font-size:9px; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.client-kpi-green:before { background:#25866d; }.client-kpi-green .client-kpi-icon { border-color:#d9ebe0; color:#25805f; background:#eff8f1; }
.client-kpi-blue:before { background:#2781a5; }.client-kpi-blue .client-kpi-icon { border-color:#d8e8ef; color:#287794; background:#eef6f9; }
.client-kpi-amber:before { background:#cf9439; }.client-kpi-amber .client-kpi-icon { border-color:#efe4ce; color:#9a7028; background:#fbf6eb; }
.clients-admin-page .management-form-card,.clients-admin-page .management-table-card { padding:0; overflow:hidden; border-color:#dfe8e4; border-radius:10px; box-shadow:0 4px 16px rgba(27,56,51,.045); }
.clients-admin-page .management-form-card>.section-head,.clients-admin-page .management-table-card>.section-head { margin:0; padding:17px 20px 14px; border-bottom:1px solid #e8efeb; background:#fbfcfb; }
.clients-admin-page .management-form-card>.section-head h2,.clients-admin-page .management-table-card>.section-head h2 { margin:3px 0; color:#234347; font-size:15px; }
.clients-admin-page .management-form-card>.section-head p,.clients-admin-page .management-table-card>.section-head p { color:#7a8983; font-size:10px; }
.clients-admin-page .client-form-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px 16px; padding:19px 20px 21px; }
.client-form-section { display:flex; grid-column:1/-1; align-items:center; gap:10px; margin-top:4px; padding:9px 0 10px; border-bottom:1px solid #e9efec; }
.client-form-section>span { display:grid; flex:0 0 25px; place-items:center; width:25px; height:25px; border:1px solid #d6e8df; border-radius:7px; color:#237b69; background:#f0f7f3; font-size:8px; font-weight:800; font-variant-numeric:tabular-nums; }
.client-form-section>div { display:grid; gap:2px; }
.client-form-section b { color:#31504a; font-size:10px; font-weight:750; }
.client-form-section small { color:#87948d; font-size:9px; }
.clients-admin-page .client-form-grid label { display:grid; align-content:start; gap:1px; min-width:0; color:#526761; font-size:9px; font-weight:700; }
.clients-admin-page .client-form-grid label input,.clients-admin-page .client-form-grid label select { min-width:0; min-height:39px; margin-top:5px; padding:8px 10px; border-color:#d8e3de; border-radius:7px; font-size:11px; }
.clients-admin-page .client-form-grid .form-actions { display:flex; grid-column:1/-1; justify-content:flex-end; padding-top:5px; border-top:1px solid #e8efeb; }
.client-list-toolbar { display:flex; align-items:end; gap:10px; margin:13px 18px; padding:10px; border:1px solid #e5ece8; border-radius:8px; background:#f7faf8; }
.client-list-toolbar label { display:grid; gap:5px; color:#5d736b; font-size:9px; font-weight:700; }
.client-list-toolbar .client-search { flex:1 1 320px; min-width:180px; max-width:440px; }
.client-list-toolbar .client-status-filter { flex:0 0 180px; }
.client-list-toolbar input,.client-list-toolbar select { width:100%; min-width:0; min-height:36px; padding:7px 10px; font-size:10px; }
.clients-admin-page .management-table-card .table-wrap { margin:0 18px 18px; border-color:#e2eae6; border-radius:8px; }
.clients-admin-page .management-table-card table { width:100%; min-width:880px; }
.clients-admin-page .management-table-card th { padding:11px 12px; font-size:8px; }
.clients-admin-page .management-table-card td { padding:11px 12px; font-size:10px; }
.clients-admin-page .management-table-card td:first-child b { color:#254a48; font-size:10px; }
.clients-admin-page .management-table-card td:last-child { white-space:nowrap; }
.clients-admin-page .management-table-card td:last-child .btn { min-height:30px; padding:6px 10px; font-size:9px; }
.pending-kpis { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; }
.pending-kpi { position:relative; display:grid; grid-template-columns:38px minmax(0,1fr) 15px; align-items:center; gap:11px; min-width:0; min-height:91px; overflow:hidden; padding:13px 15px; border:1px solid #dfe8e4; border-radius:9px; color:inherit; background:#fff; box-shadow:0 3px 12px rgba(27,56,51,.045); text-decoration:none; transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease; }
.pending-kpi:before { position:absolute; inset:0 auto 0 0; width:3px; background:#187a79; content:""; }
.pending-kpi:hover { transform:translateY(-2px); border-color:#cbded5; box-shadow:0 9px 20px rgba(27,56,51,.085); }
.pending-kpi-icon { display:grid; place-items:center; width:36px; height:36px; border:1px solid #d9ebe3; border-radius:9px; color:#19786e; background:#edf7f1; font-size:15px; font-weight:700; }
.pending-kpi-copy { display:grid; gap:3px; min-width:0; }
.pending-kpi-copy small { overflow:hidden; color:#70817a; font-size:8px; font-weight:750; letter-spacing:.045em; text-overflow:ellipsis; white-space:nowrap; }
.pending-kpi-copy b { color:#203b40; font-size:22px; font-weight:730; font-variant-numeric:tabular-nums; line-height:1.1; }
.pending-kpi-copy em { overflow:hidden; color:#87948e; font-size:9px; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.pending-kpi-arrow { align-self:start; color:#92a39b; font-size:13px; }
.pending-kpi-amber:before { background:#cf9439; }.pending-kpi-amber .pending-kpi-icon { border-color:#efe4ce; color:#9a7028; background:#fbf6eb; }
.pending-kpi-blue:before { background:#2781a5; }.pending-kpi-blue .pending-kpi-icon { border-color:#d8e8ef; color:#287794; background:#eef6f9; }
.pending-kpi-green:before { background:#25866d; }.pending-kpi-green .pending-kpi-icon { border-color:#d9ebe0; color:#25805f; background:#eff8f1; }
.pending-kpi-rose:before { background:#c66f83; }.pending-kpi-rose .pending-kpi-icon { border-color:#efdde2; color:#a95067; background:#fbf0f2; }
.pending-kpi-slate:before { background:#738992; }.pending-kpi-slate .pending-kpi-icon { border-color:#dce5e8; color:#58717b; background:#f0f5f6; }
.pending-admin-page>.filters { align-items:end; margin:0; padding:10px; border:1px solid #e0e8e4; border-radius:9px; background:#fff; }
.pending-admin-page>.filters>input { flex:1 1 260px; min-width:180px; height:37px; padding:8px 10px; font-size:10px; }
.pending-admin-page>.filters>select { min-width:150px; height:37px; max-width:240px; font-size:10px; }
.pending-admin-page>.filters>.btn { min-height:37px; }
.pending-admin-page>.card { min-width:0; padding:0; overflow:hidden; border-color:#dfe8e4; border-radius:10px; box-shadow:0 4px 16px rgba(27,56,51,.045); }
.pending-admin-page>.card>.section-head { margin:0; padding:17px 19px 13px; border-bottom:1px solid #e8efeb; background:#fbfcfb; }
.pending-admin-page>.card>.section-head h2 { color:#244448; font-size:15px; }
.pending-admin-page>.card>.section-head p { color:#788982; font-size:10px; }
.pending-admin-page .table-wrap { margin:13px 16px 17px; border-color:#e2eae6; border-radius:8px; }
.pending-admin-page table { width:100%; min-width:1550px; }
.pending-admin-page th { padding:11px 10px; font-size:8px; white-space:nowrap; }
.pending-admin-page td { padding:10px; font-size:9px; vertical-align:middle; }
.pending-admin-page td:nth-child(3) { max-width:190px; }
.pending-admin-page td:nth-child(3) small { display:block; max-width:185px; overflow:hidden; color:#87948e; font-size:8px; text-overflow:ellipsis; }
.pending-admin-page td:nth-child(12) { min-width:190px; max-width:290px; overflow-wrap:anywhere; }
.pending-admin-page td:last-child { min-width:145px; white-space:nowrap; }
.pending-admin-page td:last-child form { display:inline-block; margin:3px 0 0 3px; }
.pending-admin-page td:last-child .btn { min-height:29px; padding:6px 8px; border-radius:6px; font-size:8px; }
.pending-admin-page td:last-child .btn.danger { color:#a74450; border-color:#f0dadd; background:#fff5f5; }
.pending-admin-page [hidden] { display:none!important; }
@media (max-width:1100px) { .client-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.pending-kpis{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:700px) { .clients-admin-page,.pending-admin-page{gap:12px}.clients-admin-page .client-hero{min-height:0;padding:18px}.clients-admin-page .client-hero h2{max-width:260px;font-size:17px}.client-summary,.pending-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.client-kpi{min-height:88px;gap:8px;padding:11px}.client-kpi-icon{flex-basis:30px;width:30px;height:30px;font-size:13px}.client-kpi small,.pending-kpi-copy small{font-size:7px}.client-kpi b,.pending-kpi-copy b{font-size:19px}.client-kpi em,.pending-kpi-copy em{font-size:8px}.clients-admin-page .management-form-card>.section-head,.clients-admin-page .management-table-card>.section-head{padding:15px}.clients-admin-page .client-form-grid{grid-template-columns:1fr;gap:11px;padding:15px}.client-form-section{grid-column:1}.clients-admin-page .client-form-grid .form-actions{grid-column:1}.clients-admin-page .client-form-grid .form-actions .btn{width:100%}.client-list-toolbar{align-items:stretch;flex-direction:column;margin:11px;padding:9px}.client-list-toolbar .client-search,.client-list-toolbar .client-status-filter{flex:1 1 auto;min-width:0;max-width:none}.clients-admin-page .management-table-card .table-wrap{max-width:calc(100vw - 58px);margin:0 10px 12px}.pending-kpi{grid-template-columns:30px minmax(0,1fr);gap:8px;min-height:82px;padding:10px}.pending-kpi-icon{width:29px;height:29px;font-size:13px}.pending-kpi-arrow{display:none}.pending-admin-page>.filters{align-items:stretch;flex-direction:column}.pending-admin-page>.filters>input,.pending-admin-page>.filters>select,.pending-admin-page>.filters>.btn{width:100%;max-width:none;min-width:0}.pending-admin-page>.card>.section-head{padding:15px}.pending-admin-page .table-wrap{max-width:calc(100vw - 58px);margin:10px}.pending-admin-page table{min-width:1450px} }
@media (max-width:390px) { .client-summary,.pending-kpis{grid-template-columns:1fr}.client-kpi{min-height:78px}.pending-kpi{min-height:74px} }
.notes-summary { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:0 0 16px; }
.notes-stat { min-height:102px; padding:15px 16px; border-color:#dce7e2; border-radius:11px; box-shadow:0 5px 16px rgba(27,56,51,.055); transition:transform .16s ease,box-shadow .16s ease; }
.notes-stat:hover { transform:translateY(-2px); box-shadow:0 10px 23px rgba(27,56,51,.09); }
.notes-stat:before { width:4px; }
.notes-stat-icon { width:39px; height:39px; border:1px solid #d8e9e0; border-radius:10px; font-size:17px; }
.notes-stat small { font-size:8px; letter-spacing:.07em; }
.notes-stat strong { font-size:24px; }
.notes-stat em { font-size:9px; }
.notes-stat-total { background:linear-gradient(145deg,#fff,#f8fbf9); }
.notes-stat-blue:before { background:#2585a6; }.notes-stat-blue .notes-stat-icon { border-color:#d7e9ef; color:#247b98; background:#eef7fa; }
.notes-stat-pink:before { background:#c66c8b; }.notes-stat-pink .notes-stat-icon { border-color:#efdae3; color:#af5274; background:#fcf0f4; }
.notes-pending-page .notes-table-panel { border-radius:11px; box-shadow:0 5px 18px rgba(27,56,51,.05); }
.notes-pending-page .notes-panel-head { padding:20px 22px 14px; }
.notes-pending-page .notes-toolbar { margin:0 20px 14px; padding:11px; border-radius:9px; }
.notes-pending-page .notes-result-count { border-radius:7px; padding:8px 10px; }
.notes-pending-page #mainTable th { padding-top:13px; padding-bottom:13px; }
.notes-pending-page #mainTable td { padding-top:13px; padding-bottom:13px; }
@media (max-width:700px) { .notes-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.notes-stat{min-height:88px;padding:11px;grid-template-columns:31px minmax(0,1fr);column-gap:8px}.notes-stat-icon{width:30px;height:30px;font-size:14px}.notes-stat small{font-size:7px}.notes-stat strong{font-size:20px}.notes-stat em{font-size:8px}.notes-pending-page .notes-panel-head{padding:16px 15px 12px}.notes-pending-page .notes-toolbar{margin:0 12px 12px;padding:8px} }
@media (max-width:390px) { .notes-summary{grid-template-columns:1fr}.notes-stat{min-height:76px;grid-template-columns:34px minmax(0,1fr)}.notes-stat-icon{width:32px;height:32px} }
.note-entry-dialog,.admin-history-dialog { width:min(960px,calc(100vw - 24px)); max-width:none; max-height:calc(100dvh - 24px); margin:auto; padding:0; overflow-y:auto; border:1px solid #d8e4de; border-radius:12px; color:#203b40; background:#f8fbf9; box-shadow:0 24px 80px rgba(12,39,46,.28); }
.note-entry-dialog::backdrop,.admin-history-dialog::backdrop { background:rgba(10,31,40,.62); backdrop-filter:blur(5px); }
.note-entry-dialog .management-form-card { margin:0; padding:0; overflow:visible; border:0; border-radius:inherit; box-shadow:none; }
.note-entry-dialog .management-form-card>.section-head,.history-dialog-header { position:sticky; top:0; z-index:3; display:flex; justify-content:space-between; align-items:flex-start; gap:16px; padding:18px 21px 15px; border-bottom:1px solid #e3ece7; background:rgba(251,253,252,.97); backdrop-filter:blur(10px); }
.note-entry-dialog .management-form-card>.section-head h2,.history-dialog-header h2 { margin:4px 0; color:#203b40; font-size:17px; }
.note-entry-dialog .management-form-card>.section-head p,.history-dialog-header p { margin:0; color:#788982; font-size:10px; }
.note-dialog-actions { display:flex; flex:0 0 auto; align-items:center; gap:8px; }
.note-dialog-close,.history-dialog-close { display:grid; flex:0 0 34px; place-items:center; width:34px; height:34px; padding:0; border:1px solid #dce7e2; border-radius:8px; color:#57716a; background:#fff; font-size:23px; line-height:1; cursor:pointer; }
.note-dialog-close:hover,.history-dialog-close:hover { border-color:#aec8bb; color:#205f56; background:#f1f8f4; }
.note-entry-dialog .form-grid.three { grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px 15px; padding:18px 21px 20px; }
.note-entry-dialog .form-grid label { display:grid; align-content:start; gap:2px; min-width:0; color:#536a63; font-size:9px; font-weight:700; }
.note-entry-dialog .form-grid label input,.note-entry-dialog .form-grid label select { min-width:0; min-height:39px; margin-top:4px; padding:8px 10px; border-color:#d6e2dc; border-radius:7px; font-size:11px; }
.note-entry-dialog .form-grid .notice { align-self:center; margin:0; padding:10px 12px; border-color:#e0e9e4; border-radius:7px; color:#5b736a; background:#f1f7f3; font-size:10px; }
.note-entry-dialog .form-grid .check-label { display:flex; grid-column:1/-1; align-items:center; gap:8px; color:#526b61; }
.note-entry-dialog .form-grid .check-label input { flex:0 0 15px; width:15px; min-height:15px; margin:0; }
.note-entry-dialog .form-grid .form-actions { display:flex; grid-column:1/-1; justify-content:flex-end; padding-top:12px; border-top:1px solid #e6eeea; }
.note-entry-dialog .form-grid .form-actions .btn { min-width:180px; }
.note-entry-dialog .note-attachments { margin:0 21px 20px; padding-top:15px; border-top:1px solid #e6eeea; }
.admin-history-page { display:grid; gap:15px; }.admin-history-page>.page-title { margin-bottom:0; }
.history-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; }
.history-summary article { display:flex; align-items:center; gap:12px; min-height:82px; padding:13px 15px; border:1px solid #dfe8e4; border-radius:9px; background:#fff; box-shadow:0 3px 12px rgba(27,56,51,.045); }
.history-summary article>span { display:grid; flex:0 0 34px; place-items:center; width:34px; height:34px; border:1px solid #d8e9e0; border-radius:9px; color:#247b68; background:#eff7f2; font-size:15px; }
.history-summary article>div { display:grid; gap:3px; }.history-summary small { color:#74847d; font-size:8px; font-weight:750; letter-spacing:.06em; }.history-summary b { color:#203b40; font-size:22px; font-variant-numeric:tabular-nums; }
.history-summary article:nth-child(2)>span { border-color:#d9e8ef; color:#287794; background:#eef6f9; }.history-summary article:nth-child(3)>span { border-color:#efe4ce; color:#9a7028; background:#fbf6eb; }
.history-toolbar { display:flex; align-items:end; gap:9px; padding:10px; border:1px solid #e0e8e4; border-radius:9px; background:#fff; }
.history-toolbar label { display:grid; flex:1 1 400px; gap:5px; max-width:560px; color:#5d736b; font-size:9px; font-weight:700; }.history-toolbar input { width:100%; min-height:37px; padding:8px 10px; font-size:10px; }.history-toolbar .btn { min-height:37px; }
.history-table-card { min-width:0; padding:0; overflow:hidden; border-color:#dfe8e4; border-radius:10px; box-shadow:0 4px 16px rgba(27,56,51,.045); }.history-table-card>.section-head { margin:0; padding:17px 19px 13px; border-bottom:1px solid #e8efeb; background:#fbfcfb; }.history-table-card>.section-head h2 { margin:3px 0; color:#244448; font-size:15px; }.history-table-card>.section-head p { color:#788982; font-size:10px; }.history-table-card .table-wrap { margin:13px 16px 17px; border-color:#e2eae6; border-radius:8px; }
.admin-history-table { width:100%; min-width:1000px; }.admin-history-table th { padding:11px 12px; font-size:8px; white-space:nowrap; }.admin-history-table td { padding:11px 12px; font-size:10px; }.admin-history-table td:first-child b,.admin-history-table td:nth-child(2) b { display:block; color:#254a48; font-size:10px; }.admin-history-table td:first-child small,.admin-history-table td:nth-child(2) small { display:block; max-width:250px; margin-top:3px; overflow:hidden; color:#84938c; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.history-count-pill { display:inline-grid; min-width:27px; height:25px; place-items:center; padding:0 7px; border:1px solid #dce9e2; border-radius:6px; color:#317364; background:#f1f8f4; font-size:9px; font-weight:750; font-variant-numeric:tabular-nums; }.history-open { min-height:31px; padding:6px 9px; border-radius:6px; font-size:9px; white-space:nowrap; }
.admin-history-dialog { width:min(1000px,calc(100vw - 24px)); }.history-dialog-header .eyebrow { color:#64847b; font-size:8px; font-weight:750; letter-spacing:.13em; }.history-dialog-header h2 { font-size:19px; }.history-dialog-content { padding:17px 21px 22px; }
.history-note-facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-bottom:19px; border-top:1px solid #e2ebe6; border-left:1px solid #e2ebe6; }.history-fact { display:grid; align-content:start; gap:4px; min-width:0; padding:9px 10px; border-right:1px solid #e2ebe6; border-bottom:1px solid #e2ebe6; background:#fff; }.history-fact small { color:#7e8d86; font-size:8px; font-weight:600; }.history-fact b { overflow-wrap:anywhere; color:#2b4845; font-size:9px; font-weight:680; line-height:1.4; }
.history-events-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:0 0 10px; }.history-events-heading h3 { margin:0; color:#294746; font-size:12px; }.history-events-heading span { padding:5px 8px; border:1px solid #dce9e2; border-radius:6px; color:#4f7568; background:#f3f8f5; font-size:8px; font-weight:700; }
.history-event-list { display:grid; gap:8px; }.history-event { position:relative; display:grid; grid-template-columns:14px minmax(0,1fr); gap:10px; }.history-event:not(:last-child):before { position:absolute; top:14px; bottom:-12px; left:6px; width:1px; background:#d8e7df; content:""; }.history-event-marker { position:relative; z-index:1; width:13px; height:13px; margin-top:15px; border:3px solid #d9eee3; border-radius:50%; background:#25866d; }.history-event-body { min-width:0; padding:12px 13px; border:1px solid #e0e9e4; border-radius:8px; background:#fff; }.history-event-top { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }.history-event-status { color:#28534b; font-size:10px; font-weight:750; }.history-event-top time { flex:0 0 auto; color:#819089; font-size:8px; font-variant-numeric:tabular-nums; }.history-event-meta { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:9px; border-top:1px solid #e8efeb; border-left:1px solid #e8efeb; }.history-event-meta .history-fact { padding:7px 8px; border-color:#e8efeb; background:#f9fbfa; }.history-event-description { margin:10px 0 0; color:#536761; font-size:10px; line-height:1.55; white-space:pre-wrap; overflow-wrap:anywhere; }
.history-loading { display:flex; align-items:center; justify-content:center; gap:9px; min-height:120px; color:#6e827a; font-size:10px; }.history-loading span { width:15px; height:15px; border:2px solid #d9e8e0; border-top-color:#25866d; border-radius:50%; animation:history-spin .75s linear infinite; }@keyframes history-spin { to { transform:rotate(360deg); } }.history-empty { padding:20px; text-align:center; }
@media (max-width:900px) { .history-note-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.history-event-meta{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:700px) { .note-entry-dialog,.admin-history-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:10px}.note-entry-dialog .management-form-card>.section-head,.history-dialog-header{padding:14px}.note-entry-dialog .management-form-card>.section-head h2{font-size:15px}.note-entry-dialog .form-grid.three{grid-template-columns:1fr;gap:11px;padding:14px}.note-entry-dialog .form-grid .span2,.note-entry-dialog .form-grid .span3,.note-entry-dialog .form-grid .check-label,.note-entry-dialog .form-grid .form-actions{grid-column:1}.note-entry-dialog .form-grid .form-actions .btn{width:100%}.note-entry-dialog .note-attachments{margin:0 14px 15px}.history-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.history-summary article{align-items:flex-start;flex-direction:column;gap:7px;min-height:90px;padding:10px}.history-summary article>span{flex-basis:27px;width:27px;height:27px;font-size:12px}.history-summary small{font-size:7px}.history-summary b{font-size:18px}.history-toolbar{align-items:stretch;flex-direction:column}.history-toolbar label{max-width:none}.history-toolbar>.btn{width:100%;justify-content:center}.history-table-card>.section-head{padding:15px}.history-table-card .table-wrap{max-width:calc(100vw - 56px);margin:10px}.history-dialog-content{padding:13px 14px 16px}.history-note-facts{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:15px}.history-event-body{padding:10px}.history-event-top{flex-direction:column;gap:4px}.history-event-meta{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:390px) { .history-summary{grid-template-columns:1fr}.history-summary article{align-items:center;flex-direction:row;min-height:65px}.history-summary article>div{gap:2px} }

/* Customer pending notes: native-app inspired cards and compact icon actions. */
.pending-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:22px;overflow:hidden;margin:0 0 16px;padding:25px 28px;border:1px solid #dce8f7;border-radius:17px;background:radial-gradient(ellipse at 86% 8%,rgba(92,162,255,.15),transparent 34%),linear-gradient(115deg,#fff 0%,#f7faff 67%,#eef5ff 100%);box-shadow:0 12px 30px rgba(29,67,115,.055)}
.pending-hero:after{position:absolute;right:10%;top:-112px;width:235px;height:235px;border:1px solid #d5e5fa;border-radius:50%;box-shadow:0 0 0 25px #eaf2fc66,0 0 0 51px #eaf2fc44;content:"";pointer-events:none}
.pending-hero-copy,.pending-primary{position:relative;z-index:1}.pending-hero .eyebrow{color:#5d83b1;font-size:9px;font-weight:800;letter-spacing:.14em}.pending-hero h1{margin:7px 0;color:#193553;font-size:26px;letter-spacing:-.04em}.pending-hero p{max-width:560px;margin:0;color:#73849a;font-size:11px;line-height:1.6}
.pending-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:41px;padding:0 15px;border:1px solid transparent;border-radius:10px;background:linear-gradient(120deg,#267fe3,#445fd5);box-shadow:0 8px 18px #376dc533;color:#fff;font-size:11px;font-weight:700;white-space:nowrap;transition:transform .16s,box-shadow .16s}.pending-primary:hover{transform:translateY(-2px);box-shadow:0 11px 23px #376dc544}.pending-primary svg,.pending-action svg,.pending-metric-icon svg,.pending-note-icon svg,.pending-search svg,.pending-empty svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.pending-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.pending-metric{display:flex;align-items:center;gap:12px;min-height:84px;padding:15px 17px;border:1px solid #e4eaf3;border-radius:13px;background:#fff;box-shadow:0 7px 19px rgba(23,54,93,.04)}.pending-metric-icon{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;border:1px solid transparent;border-radius:12px}.pending-metric-icon.icon-blue{border-color:#dceaff;background:#eff6ff;color:#3c7dd0}.pending-metric-icon.icon-violet{border-color:#e8e2ff;background:#f5f2ff;color:#8068ce}.pending-metric-icon.icon-mint{border-color:#d8f0e6;background:#effaf5;color:#31a37a}.pending-metric small,.pending-metric b{display:block}.pending-metric small{color:#8291a4;font-size:8px;font-weight:800;letter-spacing:.085em}.pending-metric b{margin-top:5px;color:#203955;font-size:22px;line-height:1;font-variant-numeric:tabular-nums}
.pending-card{overflow:hidden;border:1px solid #e2e9f2;border-radius:15px;background:#fff;box-shadow:0 12px 30px rgba(24,52,88,.05)}.pending-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 21px 15px}.pending-card-heading .eyebrow{color:#7790ae;font-size:8px;font-weight:800;letter-spacing:.13em}.pending-card-heading h2{margin:5px 0 3px;color:#203955;font-size:16px;letter-spacing:-.02em}.pending-card-heading p{margin:0;color:#8190a4;font-size:10px}.pending-count{padding:6px 9px;border:1px solid #e1eaf6;border-radius:8px;background:#f5f8fc;color:#54759e;font-size:9px;font-weight:750;white-space:nowrap}
.pending-toolbar{display:flex;gap:9px;padding:0 21px 14px}.pending-search{display:flex;align-items:center;gap:8px;flex:1;min-width:130px;height:38px;padding:0 11px;border:1px solid #e2e9f1;border-radius:9px;background:#fbfcfe;color:#8a9ab0}.pending-search:focus-within,.pending-filter select:focus{border-color:#89b4ea;outline:0;box-shadow:0 0 0 3px #4a91dc1c}.pending-search svg{width:16px;height:16px;flex:0 0 auto}.pending-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#263c59;font:inherit;font-size:10px}.pending-search input::placeholder{color:#9aa7b8}.pending-search input::-webkit-search-cancel-button{cursor:pointer}.pending-filter select{height:38px;max-width:220px;padding:0 30px 0 10px;border:1px solid #e2e9f1;border-radius:9px;background:#fbfcfe;color:#52667f;font:inherit;font-size:10px;cursor:pointer}
.pending-table-wrap{overflow:auto;border-top:1px solid #edf1f6}.pending-table{width:100%;min-width:850px;border-collapse:collapse;font-size:10px}.pending-table th{padding:11px 12px;background:#f8fafd;color:#8090a5;font-size:8px;font-weight:800;letter-spacing:.075em;text-align:left;text-transform:uppercase;white-space:nowrap}.pending-table td{padding:12px;border-bottom:1px solid #eff2f6;color:#596b82;vertical-align:middle}.pending-table tbody tr{transition:background .14s}.pending-table tbody tr:hover{background:#f7faff}.pending-table tbody tr:last-child td{border-bottom:0}.pending-table td:first-child,.pending-table th:first-child{padding-left:21px}.pending-table td:last-child,.pending-table th:last-child{padding-right:21px}.pending-note-cell{display:flex;align-items:center;gap:9px;min-width:210px}.pending-note-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid #e0eafb;border-radius:10px;background:#f1f6ff;color:#4d81c0}.pending-note-icon svg{width:16px;height:16px}.pending-note-cell b,.pending-note-cell small{display:block;max-width:205px;overflow:hidden;text-overflow:ellipsis}.pending-note-cell b{color:#2a405c;font-size:10px}.pending-note-cell small{margin-top:4px;font-size:8px}.pending-balances{display:flex;gap:5px}.balance-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border:1px solid transparent;border-radius:6px;font-size:8px;font-weight:700}.balance-chip b{font-size:9px}.chip-blue{border-color:#dceaff;background:#f0f6ff;color:#4780c5}.chip-pink{border-color:#f5dfe8;background:#fff5f8;color:#c46b8d}.chip-gray{border-color:#e5e9ef;background:#f6f8fa;color:#758396}.pending-returned{color:#687a90;font-size:10px;font-variant-numeric:tabular-nums}.pending-balance-total{color:#263f60;font-size:13px;font-variant-numeric:tabular-nums}.pending-unit{margin-left:4px;color:#97a2b1;font-size:8px}.pending-status{display:inline-flex;align-items:center;gap:6px;max-width:155px;padding:6px 8px;border:1px solid transparent;border-radius:7px;font-size:8px;font-weight:700;white-space:nowrap}.pending-status i{width:6px;height:6px;border-radius:50%;background:currentColor}.status-new{border-color:#f2e8cc;background:#fffaf0;color:#a77b26}.status-partial{border-color:#dce9fa;background:#f3f8ff;color:#4f7fb5}.pending-actions{display:flex;justify-content:flex-end;gap:5px}.pending-action{position:relative;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #e4eaf2;border-radius:9px;background:#fff;color:#72849b;cursor:pointer;transition:all .15s}.pending-action svg{width:15px;height:15px}.pending-action:hover{transform:translateY(-1px);border-color:#cbdcf3;background:#f5f9ff;color:#3976bf}.pending-action.action-start{border-color:#dbe9ff;background:#eff6ff;color:#3176c5}.pending-action.action-start:hover{border-color:#a9c8f1;background:#e5f0ff}.action-count{position:absolute;right:-4px;top:-5px;min-width:14px;padding:1px 3px;border:1px solid #fff;border-radius:7px;background:#627f9f;color:#fff;font-size:7px;font-weight:800;text-align:center}.pending-action:focus-visible,.pending-primary:focus-visible{outline:3px solid #65a1e4;outline-offset:2px}.pending-empty,.pending-no-results{padding:35px 20px;color:#8190a4;text-align:center}.pending-empty>span{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 12px;border:1px solid #e3ebf5;border-radius:14px;background:#f5f8fc;color:#7194bc}.pending-empty h3{margin:0 0 5px;color:#344a65;font-size:14px}.pending-empty p{margin:0;font-size:10px}.pending-no-results{padding:20px;font-size:10px}.pending-history-modal{z-index:20;backdrop-filter:blur(5px)}.pending-history-modal .modal-box{width:min(820px,94vw);max-height:88vh;overflow:auto;border:1px solid #e2eaf4;border-radius:15px;box-shadow:0 24px 80px #091a3038}.pending-modal-open{overflow:hidden}.pending-loading{display:flex;align-items:center;justify-content:center;gap:9px;min-height:130px;color:#6f829b;font-size:11px}.pending-loading span{width:16px;height:16px;border:2px solid #dbe7f5;border-top-color:#4486d1;border-radius:50%;animation:pending-spin .8s linear infinite}@keyframes pending-spin{to{transform:rotate(360deg)}}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:800px){.pending-hero{padding:21px}.pending-hero h1{font-size:23px}.pending-metric{padding:13px}.pending-card-heading{padding:17px 16px 14px}.pending-toolbar{padding:0 16px 13px}.pending-table td:first-child,.pending-table th:first-child{padding-left:16px}.pending-table td:last-child,.pending-table th:last-child{padding-right:16px}}
@media(max-width:600px){.pending-hero{align-items:flex-start;flex-direction:column;gap:15px;padding:20px}.pending-hero:after{right:-75px;top:-130px}.pending-hero h1{font-size:22px}.pending-primary{min-height:39px}.pending-metrics{grid-template-columns:1fr;gap:8px}.pending-metric{min-height:68px;padding:11px 13px}.pending-metric b{font-size:19px}.pending-card{border-radius:12px}.pending-card-heading{align-items:flex-start}.pending-card-heading p{max-width:250px;line-height:1.5}.pending-toolbar{align-items:stretch;flex-direction:column}.pending-filter select{width:100%;max-width:none}.pending-table{min-width:790px}.pending-history-modal .modal-box{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:12px}}
.admin-history-page .page-title h1 { color:#203b40; }
.admin-history-page .page-title p { max-width:650px; }
.history-summary { gap:12px; }
.history-metric { position:relative; min-height:103px!important; overflow:hidden; padding:16px 17px!important; border-color:#dce7e2!important; border-radius:11px!important; box-shadow:0 5px 16px rgba(27,56,51,.055)!important; transition:transform .16s ease,box-shadow .16s ease; }
.history-metric:hover { transform:translateY(-2px); box-shadow:0 10px 22px rgba(27,56,51,.09)!important; }
.history-metric:before { position:absolute; inset:0 auto 0 0; width:4px; background:#25866d; content:""; }
.history-metric>span { flex-basis:40px!important; width:40px!important; height:40px!important; border-radius:10px!important; font-size:17px!important; }
.history-metric>div { gap:4px!important; }
.history-metric small { color:#71827b!important; font-size:8px!important; letter-spacing:.07em!important; }
.history-metric b { color:#203b40!important; font-size:25px!important; line-height:1.05; }
.history-metric em { color:#829089; font-size:9px; font-style:normal; }
.history-metric-events:before { background:#2781a5; }.history-metric-events>span { border-color:#d9e8ef!important; color:#287794!important; background:#eef6f9!important; }
.history-metric-processes:before { background:#cf9439; }.history-metric-processes>span { border-color:#efe4ce!important; color:#9a7028!important; background:#fbf6eb!important; }
.history-toolbar { box-shadow:0 3px 12px rgba(27,56,51,.035); }
.history-table-card>.section-head { align-items:center; }
.history-table-card>.section-head .eyebrow { color:#65867b; font-size:8px; font-weight:750; letter-spacing:.12em; }
.history-table-card .table-wrap { box-shadow:0 2px 8px rgba(27,56,51,.025); }
.admin-history-table tbody tr:hover { background:#f3f8f5; }
.admin-history-table td:nth-child(5) { min-width:190px; max-width:230px; }
.admin-history-table td:last-child { min-width:125px; white-space:nowrap; }
.history-open { box-shadow:0 3px 9px rgba(22,104,96,.12); }
.history-dialog-header { padding:19px 22px 16px; }
.history-dialog-header h2 { font-size:20px; }
.history-dialog-content { padding:18px 22px 24px; }
.history-note-facts { border-radius:8px; overflow:hidden; }
.history-note-facts .history-fact { min-height:58px; padding:10px 11px; background:#fbfcfb; }
.history-note-facts .history-fact b { font-size:10px; }
.history-events-heading { padding:0 0 9px; border-bottom:1px solid #e4ece7; }
.history-events-heading h3 { font-size:13px; }
.history-event-list { gap:10px; padding:4px 0 0; }
.history-event:not(:last-child):before { bottom:-14px; }
.history-event-marker { border-color:#dceee4; box-shadow:0 0 0 3px #f3f8f5; }
.history-event-body { padding:14px 15px; border-color:#dfe9e4; border-radius:9px; box-shadow:0 2px 8px rgba(27,56,51,.025); }
.history-event-status { color:#235c50; font-size:11px; }
.history-event-top time { padding:4px 7px; border:1px solid #e3ebe7; border-radius:5px; background:#f7faf8; }
.history-event-meta { border-radius:7px; overflow:hidden; }
.history-event-meta .history-fact { min-height:48px; }
.history-event-meta .history-fact b { font-size:9px; }
.history-event-description { padding:10px 11px; border-left:2px solid #a8cfb8; border-radius:0 6px 6px 0; background:#f6faf7; }
@media (max-width:700px) { .history-summary{gap:8px}.history-metric{min-height:94px!important;padding:10px!important}.history-metric>span{flex-basis:29px!important;width:29px!important;height:29px!important;font-size:13px!important}.history-metric b{font-size:20px!important}.history-metric em{font-size:8px}.history-dialog-header{padding:14px}.history-dialog-content{padding:14px}.history-note-facts .history-fact{min-height:52px;padding:8px}.history-event-body{padding:11px}.history-event-description{padding:8px} }

.pending-hero { min-height:148px; padding:22px 24px; border:1px solid #dce7e2; border-left:4px solid #25866d; border-radius:11px; background:#fff; box-shadow:0 5px 16px rgba(27,56,51,.055); }
.pending-hero:after { display:none; }
.pending-hero .eyebrow { color:#64847b; }
.pending-hero h1 { color:#203b40; font-size:27px; font-weight:720; letter-spacing:0; }
.pending-hero p { color:#74847e; }
.pending-primary { border-radius:8px; background:#187a79; box-shadow:0 4px 12px rgba(24,122,121,.14); }
.pending-primary:hover { background:#126866; box-shadow:0 7px 16px rgba(24,122,121,.2); }
.pending-metrics { gap:12px; margin-bottom:15px; }
.pending-metric { position:relative; min-height:96px; padding:15px 17px; overflow:hidden; border-color:#dce7e2; border-radius:10px; box-shadow:0 4px 13px rgba(27,56,51,.045); transition:transform .16s ease,box-shadow .16s ease; }
.pending-metric:before { position:absolute; inset:0 auto 0 0; width:4px; background:#25866d; content:""; }
.pending-metric:hover { transform:translateY(-2px); box-shadow:0 9px 19px rgba(27,56,51,.08); }
.pending-metric-icon { border-radius:9px; }
.pending-metric-icon.icon-blue { border-color:#d9e8ef; background:#eef6f9; color:#287794; }
.pending-metric-icon.icon-violet { border-color:#efe4ce; background:#fbf6eb; color:#9a7028; }
.pending-metric-icon.icon-mint { border-color:#d9ebe0; background:#eff8f1; color:#25805f; }
.pending-metric:nth-child(2):before { background:#cf9439; }
.pending-metric:nth-child(3):before { background:#2781a5; }
.pending-metric small { color:#71827b; font-size:8px; letter-spacing:.07em; }
.pending-metric b { color:#203b40; font-size:24px; }
.pending-card { border-color:#dfe8e4; border-radius:10px; box-shadow:0 4px 16px rgba(27,56,51,.045); }
.pending-card-heading { padding:17px 19px 13px; border-bottom:1px solid #e8efeb; background:#fbfcfb; }
.pending-card-heading .eyebrow { color:#64847b; }
.pending-card-heading h2 { color:#244448; font-size:15px; letter-spacing:0; }
.pending-card-heading p { color:#788982; }
.pending-count { border-color:#dce9e2; border-radius:6px; color:#4a7567; background:#f3f8f5; }
.pending-toolbar { align-items:center; padding:12px 18px; border-bottom:1px solid #e8efeb; background:#fff; }
.pending-search { border-color:#dce7e2; border-radius:7px; background:#fbfcfb; }
.pending-search:focus-within,.pending-filter select:focus { border-color:#55a19a; box-shadow:0 0 0 3px rgba(24,122,121,.12); }
.pending-filter select { border-color:#dce7e2; border-radius:7px; background:#fbfcfb; }
.pending-table-wrap { margin:0 15px 15px; border:1px solid #e3ebe6; border-radius:8px; }
.pending-table { min-width:850px; }
.pending-table th { padding-top:12px; padding-bottom:12px; color:#657b74; background:#f3f7f4; }
.pending-table td { padding-top:12px; padding-bottom:12px; border-color:#e9efeb; }
.pending-table tbody tr:hover { background:#f3f8f5; }
.pending-note-icon { border-color:#d8e9e0; border-radius:8px; color:#247b68; background:#eff7f2; }
.pending-note-cell b { color:#254a48; }
.pending-balance-total { color:#203b40; }
.pending-action { width:34px; height:34px; border-color:#dce7e2; border-radius:7px; color:#4c7065; background:#fff; transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease; }
.pending-action:hover { transform:translateY(-1px); border-color:#a9caba; background:#f3f8f5; box-shadow:0 4px 10px rgba(31,84,65,.1); }
.pending-action:focus-visible,.pending-primary:focus-visible { outline:3px solid rgba(37,134,109,.3); outline-offset:2px; }
.pending-action.action-start { border-color:#187a79; color:#fff; background:#187a79; }
.pending-action.action-start:hover { border-color:#126866; background:#126866; }
.pending-actions { gap:6px; }
.pending-no-results,.pending-empty { border-color:#d5e1dc; border-radius:9px; background:#f8fbf9; color:#71847c; }
.pending-history-modal { z-index:35; background:rgba(10,31,40,.62); backdrop-filter:blur(5px); }
.pending-history-modal .modal-box { border:1px solid #d8e4de; border-radius:11px; background:#f8fbf9; box-shadow:0 24px 80px rgba(12,39,46,.28); }
@media (max-width:800px) { .pending-hero { min-height:130px; padding:20px; }.pending-metric { min-height:88px; }.pending-card-heading { padding:16px; }.pending-toolbar { padding:11px 15px; } }
@media (max-width:600px) { .pending-hero { min-height:0; padding:18px; }.pending-hero h1 { font-size:23px; }.pending-hero:after { display:none; }.pending-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.pending-metric { min-height:76px; padding:10px; gap:8px; }.pending-metric-icon { flex-basis:32px; width:32px; height:32px; }.pending-metric b { font-size:20px; }.pending-metric small { font-size:7px; }.pending-metric:nth-child(3) { grid-column:1/-1; }.pending-card-heading { padding:14px; }.pending-toolbar { padding:10px 12px; }.pending-table-wrap { margin:0 10px 12px; }.pending-table { min-width:790px; } }
@media (max-width:390px) { .pending-metrics { grid-template-columns:1fr; }.pending-metric:nth-child(3) { grid-column:auto; } }
.note-files-page { display:grid; gap:14px; max-width:1280px; margin:0 auto; }
.note-files-heading { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:20px; min-width:0; padding:20px 22px; border:1px solid #dce7e2; border-left:4px solid #25866d; border-radius:11px; background:#fff; box-shadow:0 5px 16px rgba(27,56,51,.05); }
.note-files-title { min-width:0; }
.note-files-title .eyebrow,.note-files-library-head .eyebrow { color:#64847b; font-size:8px; font-weight:750; letter-spacing:.13em; }
.note-files-title h1 { margin:5px 0 6px; color:#203b40; font-size:24px; font-weight:720; line-height:1.2; }
.note-files-title p { margin:0; color:#74847e; font-size:10px; line-height:1.5; }
.note-files-reference { display:grid; gap:3px; min-width:148px; padding:10px 12px; border:1px solid #e1ebe6; border-radius:8px; background:#f8fbf9; }
.note-files-reference small { color:#7b8c84; font-size:7px; font-weight:750; letter-spacing:.1em; }
.note-files-reference b { color:#294a46; font-size:13px; font-variant-numeric:tabular-nums; }
.note-files-reference span { color:#819088; font-size:8px; }
.note-files-back { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:36px; padding:0 11px; border:1px solid #dce7e2; border-radius:7px; color:#42675d; background:#fff; font-size:9px; font-weight:680; text-decoration:none; transition:background .15s,border-color .15s,transform .15s; }
.note-files-back:hover { transform:translateY(-1px); border-color:#b6d0c1; background:#f3f8f5; }
.note-files-back svg,.note-file-download svg,.note-file-metric svg,.note-files-empty svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; }
.note-files-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.note-file-metric { position:relative; display:flex; align-items:center; gap:11px; min-width:0; min-height:82px; padding:12px 14px; overflow:hidden; border:1px solid #dfe8e4; border-radius:9px; background:#fff; box-shadow:0 3px 12px rgba(27,56,51,.04); transition:transform .15s ease,box-shadow .15s ease; }
.note-file-metric:before { position:absolute; inset:0 auto 0 0; width:3px; background:#25866d; content:""; }
.note-file-metric:hover { transform:translateY(-2px); box-shadow:0 8px 18px rgba(27,56,51,.075); }
.note-file-metric>span { display:grid; flex:0 0 34px; place-items:center; width:34px; height:34px; border:1px solid #d9ebe0; border-radius:8px; color:#25805f; background:#eff8f1; }
.note-file-metric>div { display:grid; gap:2px; min-width:0; }
.note-file-metric small { overflow:hidden; color:#74847e; font-size:7px; font-weight:750; letter-spacing:.06em; text-overflow:ellipsis; white-space:nowrap; }
.note-file-metric b { color:#203b40; font-size:19px; font-weight:730; font-variant-numeric:tabular-nums; line-height:1.15; }
.note-file-metric em { overflow:hidden; color:#87948e; font-size:8px; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.note-file-metric.metric-invoice:before { background:#2781a5; }.note-file-metric.metric-invoice>span { border-color:#d9e8ef; color:#287794; background:#eef6f9; }
.note-file-metric.metric-bills:before { background:#cf9439; }.note-file-metric.metric-bills>span { border-color:#efe4ce; color:#9a7028; background:#fbf6eb; }
.note-file-metric.metric-size:before { background:#c66f83; }.note-file-metric.metric-size>span { border-color:#efdde2; color:#a95067; background:#fbf0f2; }
.note-files-library { min-width:0; overflow:hidden; border:1px solid #dfe8e4; border-radius:10px; background:#fff; box-shadow:0 4px 16px rgba(27,56,51,.045); }
.note-files-library-head { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:16px 19px 14px; border-bottom:1px solid #e8efeb; background:#fbfcfb; }
.note-files-library-head h2 { margin:3px 0; color:#244448; font-size:15px; }
.note-files-library-head p { margin:0; color:#788982; font-size:9px; line-height:1.5; }
.note-files-library-head .mono { overflow-wrap:anywhere; color:#56736a; font-size:8px; }
.note-files-count { flex:0 0 auto; padding:6px 9px; border:1px solid #dce9e2; border-radius:6px; color:#4a7567; background:#f3f8f5; font-size:8px; font-weight:700; white-space:nowrap; }
.note-file-list { display:grid; padding:8px 15px 15px; }
.note-file-row { display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:12px; min-width:0; padding:13px 4px; border-bottom:1px solid #edf1ef; animation:note-file-enter .24s ease both; }
.note-file-row:last-child { border-bottom:0; }
.note-file-row:nth-child(2) { animation-delay:.035s; }.note-file-row:nth-child(3) { animation-delay:.07s; }.note-file-row:nth-child(4) { animation-delay:.105s; }
.note-file-extension { display:grid; place-items:center; width:40px; height:40px; border:1px solid #dce9e2; border-radius:9px; color:#3b7568; background:#f1f8f4; font-size:8px; font-weight:800; }
.note-file-extension.extension-pdf { border-color:#f0d9d9; color:#a24d50; background:#fcf1f1; }
.note-file-extension.extension-jpg,.note-file-extension.extension-jpeg,.note-file-extension.extension-png,.note-file-extension.extension-webp { border-color:#d9e8ef; color:#287794; background:#eef6f9; }
.note-file-details { display:grid; gap:5px; min-width:0; }
.note-file-name { display:flex; align-items:center; gap:8px; min-width:0; }
.note-file-name b { overflow:hidden; color:#294746; font-size:10px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
.note-file-category { flex:0 0 auto; padding:4px 6px; border:1px solid #e1ebe6; border-radius:5px; color:#658076; background:#f7faf8; font-size:7px; font-weight:650; }
.note-file-meta { display:flex; align-items:center; gap:7px; color:#84928c; font-size:8px; }
.note-file-meta i { width:3px; height:3px; border-radius:50%; background:#a9b6b0; }
.note-file-download { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:34px; padding:0 10px; border:1px solid #d6e7de; border-radius:7px; color:#286d5c; background:#f3f9f5; font-size:8px; font-weight:700; text-decoration:none; transition:transform .15s ease,border-color .15s ease,background .15s ease; }
.note-file-download:hover { transform:translateY(-1px); border-color:#9fc4af; background:#eaf5ee; }
.note-file-actions { display:flex; align-items:center; justify-content:flex-end; gap:6px; }
.note-file-preview { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:34px; padding:0 10px; border:1px solid #dce7e2; border-radius:7px; color:#4c7065; background:#fff; font-size:8px; font-weight:700; text-decoration:none; transition:transform .15s ease,border-color .15s ease,background .15s ease; }
.note-file-preview:hover { transform:translateY(-1px); border-color:#a9caba; background:#f3f8f5; }
.note-file-download:focus-visible,.note-files-back:focus-visible { outline:3px solid rgba(37,134,109,.26); outline-offset:2px; }
.note-file-preview:focus-visible { outline:3px solid rgba(37,134,109,.26); outline-offset:2px; }
.note-files-empty { display:grid; justify-items:center; gap:8px; padding:38px 20px; text-align:center; }
.note-files-empty>span { display:grid; place-items:center; width:45px; height:45px; border:1px solid #d9ebe0; border-radius:11px; color:#25805f; background:#eff8f1; }
.note-files-empty h3 { margin:3px 0 0; color:#31504a; font-size:12px; }
.note-files-empty p { max-width:360px; margin:0; color:#7d8d86; font-size:9px; line-height:1.5; }
.note-files-empty>a { margin-top:4px; color:#187a79; font-size:9px; font-weight:700; text-decoration:none; }
@keyframes note-file-enter { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:900px) { .note-files-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:700px) { .note-files-page { gap:10px; }.note-files-heading { grid-template-columns:minmax(0,1fr) auto; gap:11px; padding:15px; }.note-files-title h1 { font-size:20px; }.note-files-title p { max-width:320px; font-size:9px; }.note-files-reference { grid-column:1; grid-row:2; min-width:0; }.note-files-back { grid-column:2; grid-row:1/3; padding:0 9px; font-size:0; }.note-files-back svg { width:19px; height:19px; }.note-files-metrics { gap:8px; }.note-file-metric { min-height:72px; gap:8px; padding:9px; }.note-file-metric>span { flex-basis:29px; width:29px; height:29px; }.note-file-metric>span svg { width:15px; height:15px; }.note-file-metric b { font-size:17px; }.note-files-library-head { padding:14px; }.note-file-list { padding:5px 11px 10px; }.note-file-row { grid-template-columns:35px minmax(0,1fr) 74px; gap:8px; padding:11px 2px; }.note-file-extension { width:34px; height:34px; font-size:7px; }.note-file-name { align-items:flex-start; flex-direction:column; gap:4px; }.note-file-name b { max-width:100%; font-size:9px; }.note-file-meta { flex-wrap:wrap; gap:5px; font-size:7px; }.note-file-actions { gap:5px; }.note-file-preview,.note-file-download { width:34px; min-height:34px; padding:0; }.note-file-preview span,.note-file-download span { display:none; }.note-file-preview svg,.note-file-download svg { width:16px; height:16px; } }
@media (max-width:390px) { .note-files-metrics { grid-template-columns:1fr; }.note-file-metric { min-height:66px; }.note-files-count { padding:5px 7px; }.note-files-library-head h2 { font-size:13px; } }
.note-return-summary { display:grid; gap:14px; padding:18px; border:1px solid #dfe8e4; border-radius:10px; background:#fff; box-shadow:0 4px 16px rgba(27,56,51,.045); }
.note-return-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.note-return-heading .eyebrow { color:#64847b; font-size:8px; font-weight:750; letter-spacing:.12em; }
.note-return-heading h2 { margin:3px 0; color:#244448; font-size:15px; }
.note-return-heading p { margin:0; color:#788982; font-size:9px; line-height:1.5; }
.note-return-state { display:inline-flex; flex:0 0 auto; align-items:center; gap:7px; padding:7px 10px; border:1px solid #dce9e2; border-radius:7px; color:#4a7567; background:#f3f8f5; font-size:9px; font-weight:750; white-space:nowrap; }
.note-return-state i { width:7px; height:7px; border-radius:50%; background:#748c81; }
.note-return-state.state-partial { border-color:#f0dfb9; color:#876322; background:#fff7e8; }.note-return-state.state-partial i { background:#d0942e; }
.note-return-state.state-complete { border-color:#cde7d8; color:#34745b; background:#f0f8f3; }.note-return-state.state-complete i { background:#36936b; }
.note-return-state.state-not-started { border-color:#dce8ef; color:#4e7083; background:#f2f7fa; }.note-return-state.state-not-started i { background:#5187a1; }
.note-return-totals { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border:1px solid #e6eeea; border-radius:8px; background:#f8fbf9; }
.note-return-totals>div { display:grid; gap:4px; padding:11px 13px; }
.note-return-totals>div+div { border-left:1px solid #e3ebe6; }
.note-return-totals small { color:#7b8c84; font-size:7px; font-weight:750; letter-spacing:.08em; }
.note-return-totals b { color:#244842; font-size:18px; font-weight:730; font-variant-numeric:tabular-nums; }
.note-return-totals b span { color:#819089; font-size:8px; font-weight:550; }
.note-return-colors { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.note-return-color { min-width:0; padding:12px; border:1px solid #e2eae6; border-radius:8px; background:#fff; }
.note-return-color-head { display:flex; align-items:center; gap:7px; min-width:0; }
.note-color-dot { flex:0 0 8px; width:8px; height:8px; border-radius:50%; background:#8b9b95; }
.note-return-color-head b { overflow:hidden; color:#3a5350; font-size:9px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
.note-return-color-head small { margin-left:auto; color:#788982; font-size:8px; font-weight:700; font-variant-numeric:tabular-nums; }
.note-return-progress { height:6px; margin:10px 0 9px; overflow:hidden; border-radius:99px; background:#edf1ef; }
.note-return-progress span { display:block; height:100%; border-radius:inherit; background:#25866d; transition:width .3s ease; }
.color-blue .note-color-dot,.color-blue .note-return-progress span { background:#2585a6; }
.color-pink .note-color-dot,.color-pink .note-return-progress span { background:#c66c8b; }
.color-other .note-color-dot,.color-other .note-return-progress span { background:#cf9439; }
.note-return-values { display:flex; justify-content:space-between; gap:8px; color:#7b8984; font-size:8px; }
.note-return-values b { color:#385750; font-size:10px; font-variant-numeric:tabular-nums; }
.note-return-total { display:block; margin-top:6px; color:#929e99; font-size:7px; }
@media (max-width:700px) { .note-return-summary { gap:11px; padding:14px; }.note-return-heading { align-items:flex-start; flex-direction:column; gap:9px; }.note-return-state { align-self:flex-start; }.note-return-colors { grid-template-columns:1fr; gap:7px; }.note-return-color { padding:10px; }.note-return-progress { margin:8px 0; } }
.help-center-page { display:grid; gap:15px; max-width:1280px; margin:0 auto; }
.help-center-hero { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:24px; min-height:148px; padding:22px 24px; border:1px solid #dce7e2; border-left:4px solid #25866d; border-radius:11px; background:#fff; box-shadow:0 5px 16px rgba(27,56,51,.05); }
.help-center-copy .eyebrow,.help-panel-heading .eyebrow,.help-contact .eyebrow { color:#64847b; font-size:8px; font-weight:750; letter-spacing:.13em; }
.help-center-copy h1 { margin:6px 0; color:#203b40; font-size:26px; font-weight:720; line-height:1.2; }
.help-center-copy p { max-width:580px; margin:0; color:#74847e; font-size:10px; line-height:1.6; }
.help-center-summary { display:flex; gap:8px; }
.help-center-summary>div { display:grid; grid-template-columns:32px auto; grid-template-rows:auto auto; align-items:center; column-gap:8px; min-width:116px; padding:10px; border:1px solid #e3ebe6; border-radius:8px; background:#f8fbf9; }
.help-summary-icon { display:grid; grid-row:1/3; place-items:center; width:30px; height:30px; border:1px solid #d9ebe0; border-radius:7px; color:#25805f; background:#eff8f1; font-size:13px; }
.help-summary-doc { border-color:#d9e8ef; color:#287794; background:#eef6f9; }
.help-center-summary small { color:#7b8c84; font-size:7px; font-weight:750; letter-spacing:.06em; }
.help-center-summary b { color:#244842; font-size:16px; font-variant-numeric:tabular-nums; line-height:1.1; }
.help-shortcuts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.help-shortcut { display:grid; grid-template-columns:34px minmax(0,1fr); grid-template-rows:auto 1fr auto; column-gap:10px; row-gap:9px; min-width:0; min-height:164px; padding:14px; border:1px solid #dfe8e4; border-radius:9px; background:#fff; box-shadow:0 3px 12px rgba(27,56,51,.04); transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease; }
.help-shortcut:hover { transform:translateY(-2px); border-color:#cbded5; box-shadow:0 8px 19px rgba(27,56,51,.075); }
.help-shortcut-icon { display:grid; grid-row:1/3; place-items:center; width:34px; height:34px; border:1px solid #d9ebe0; border-radius:8px; color:#25805f; background:#eff8f1; }
.help-shortcut-icon svg,.help-contact-icon svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; }
.help-shortcut>div { display:contents; }
.help-shortcut>div>small { align-self:center; color:#74877e; font-size:7px; font-weight:750; letter-spacing:.09em; }
.help-shortcut h2 { grid-column:1/-1; margin:0; color:#294746; font-size:11px; font-weight:720; }
.help-shortcut p { grid-column:1/-1; align-self:start; margin:0; color:#788982; font-size:9px; line-height:1.55; }
.help-shortcut>a { display:flex; grid-column:1/-1; justify-content:space-between; align-items:center; gap:8px; align-self:end; padding-top:9px; border-top:1px solid #e8efeb; color:#247b68; font-size:8px; font-weight:750; text-decoration:none; }
.help-shortcut>a span { font-size:13px; transition:transform .15s ease; }
.help-shortcut>a:hover span { transform:translateX(2px); }
.shortcut-occurrence .help-shortcut-icon { border-color:#efe4ce; color:#9a7028; background:#fbf6eb; }
.shortcut-documents .help-shortcut-icon { border-color:#d9e8ef; color:#287794; background:#eef6f9; }
.shortcut-notifications .help-shortcut-icon { border-color:#efdde2; color:#a95067; background:#fbf0f2; }
.help-panel { min-width:0; overflow:hidden; border:1px solid #dfe8e4; border-radius:10px; background:#fff; box-shadow:0 4px 16px rgba(27,56,51,.045); }
.help-panel-heading { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:16px 19px 14px; border-bottom:1px solid #e8efeb; background:#fbfcfb; }
.help-panel-heading h2 { margin:3px 0; color:#244448; font-size:15px; }
.help-panel-heading p { margin:0; color:#788982; font-size:9px; line-height:1.5; }
.help-panel-count { flex:0 0 auto; padding:6px 9px; border:1px solid #dce9e2; border-radius:6px; color:#4a7567; background:#f3f8f5; font-size:8px; font-weight:700; }
.help-topic-list { display:grid; gap:7px; padding:12px 15px 15px; }
.help-topic { overflow:hidden; border:1px solid #e1eae5; border-radius:8px; background:#fff; transition:border-color .15s ease,background .15s ease; }
.help-topic[open] { border-color:#cbded4; background:#fcfdfc; }
.help-topic>summary { display:grid; grid-template-columns:31px minmax(0,1fr) 28px; align-items:center; gap:10px; min-height:58px; padding:9px 11px; list-style:none; cursor:pointer; }
.help-topic>summary::-webkit-details-marker { display:none; }
.help-topic-order { display:grid; place-items:center; width:29px; height:29px; border:1px solid #d9e9e0; border-radius:7px; color:#277661; background:#f0f7f3; font-size:8px; font-weight:800; font-variant-numeric:tabular-nums; }
.help-topic-copy { display:grid; gap:3px; min-width:0; }
.help-topic-copy b { overflow:hidden; color:#304b47; font-size:10px; font-weight:700; text-overflow:ellipsis; }
.help-topic-copy small { overflow:hidden; color:#83918b; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.help-topic-toggle { display:grid; place-items:center; width:27px; height:27px; border:1px solid #e3ebe6; border-radius:7px; color:#70877d; background:#fff; transition:transform .16s ease,background .16s ease; }
.help-topic-toggle svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; }
.help-topic[open] .help-topic-toggle { transform:rotate(180deg); color:#247b68; background:#f0f7f3; }
.help-topic-content { margin:0 11px 11px 52px; border-top:1px solid #e8efeb; }
.help-answer { padding:11px 0 2px; }
.help-answer+.help-answer { border-top:1px solid #edf1ee; }
.help-answer h3 { margin:0 0 5px; color:#385650; font-size:9px; font-weight:750; }
.help-answer p { margin:0; color:#657972; font-size:9px; line-height:1.65; white-space:normal; }
.help-topic-empty,.help-empty { margin:0; padding:18px; color:#7b8c84; font-size:9px; text-align:center; }
.help-bottom-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr); gap:12px; align-items:stretch; }
.help-document-list { display:grid; gap:7px; padding:12px 15px 15px; }
.help-document { display:grid; grid-template-columns:37px minmax(0,1fr) 22px; align-items:center; gap:10px; min-width:0; padding:10px; border:1px solid #e4ece8; border-radius:8px; color:inherit; background:#fff; text-decoration:none; transition:border-color .15s ease,background .15s ease,transform .15s ease; }
.help-document:hover { transform:translateY(-1px); border-color:#c5dbcf; background:#f8fbf9; }
.help-document-type { display:grid; place-items:center; width:36px; height:36px; border:1px solid #f0d9d9; border-radius:8px; color:#a24d50; background:#fcf1f1; font-size:7px; font-weight:800; }
.help-document-copy { display:grid; gap:3px; min-width:0; }
.help-document-copy b { overflow:hidden; color:#304b47; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.help-document-copy small { overflow:hidden; color:#819089; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.help-document-open { color:#718980; font-size:13px; text-align:center; }
.help-empty-compact { padding:22px 15px; }
.help-contact { display:flex; align-items:flex-start; gap:13px; padding:18px; border:1px solid #dfe8e4; border-left:3px solid #25866d; border-radius:10px; background:#fff; box-shadow:0 4px 16px rgba(27,56,51,.045); }
.help-contact-icon { display:grid; flex:0 0 35px; place-items:center; width:35px; height:35px; border:1px solid #d9ebe0; border-radius:8px; color:#25805f; background:#eff8f1; }
.help-contact h2 { margin:3px 0 5px; color:#294746; font-size:14px; }
.help-contact p { margin:0 0 10px; color:#788982; font-size:9px; line-height:1.55; }
.help-contact-copy { flex:1; min-width:0; }
.help-contact-actions { display:grid; gap:7px; }
.help-contact-channel { display:grid; grid-template-columns:30px minmax(0,1fr) 20px; align-items:center; gap:9px; min-height:48px; padding:7px 9px; border:1px solid #e2ebe6; border-radius:8px; color:inherit; background:#fbfcfb; text-decoration:none; transition:border-color .15s ease,background .15s ease,transform .15s ease; }
.help-contact-channel:hover { transform:translateY(-1px); border-color:#c5dbcf; background:#f3f8f5; }
.help-channel-icon { display:grid; place-items:center; width:29px; height:29px; border:1px solid #d9ebe0; border-radius:7px; color:#25805f; background:#eff8f1; font-size:14px; }
.help-contact-whatsapp .help-channel-icon { border-color:#d9ebe0; color:#25805f; background:#eff8f1; }
.help-contact-email .help-channel-icon { border-color:#d9e8ef; color:#287794; background:#eef6f9; }
.help-contact-channel>span:nth-child(2) { display:grid; gap:3px; min-width:0; }
.help-contact-channel small { color:#788982; font-size:7px; font-weight:750; letter-spacing:.08em; }
.help-contact-channel b { color:#304b47; font-size:9px; }
.help-channel-arrow { color:#718980; font-size:13px; text-align:center; }
.help-contact-email { display:inline-flex; align-items:center; gap:5px; color:#187a79; font-size:10px; font-weight:750; text-decoration:none; }
.help-contact-actions .help-contact-email { display:grid; color:inherit; font-size:inherit; }
.help-contact-email:hover { text-decoration:underline; }
.help-contact>div>small { display:block; margin-top:10px; color:#87948e; font-size:8px; line-height:1.5; }
@media (max-width:1100px) { .help-shortcuts { grid-template-columns:repeat(2,minmax(0,1fr)); }.help-bottom-grid { grid-template-columns:1fr; } }
@media (max-width:700px) { .help-center-page { gap:10px; }.help-center-hero { grid-template-columns:1fr; gap:14px; min-height:0; padding:17px; }.help-center-copy h1 { font-size:22px; }.help-center-copy p { font-size:9px; }.help-center-summary { gap:7px; }.help-center-summary>div { flex:1; min-width:0; }.help-shortcuts { grid-template-columns:1fr; gap:8px; }.help-shortcut { grid-template-columns:31px minmax(0,1fr); grid-template-rows:auto auto auto; min-height:0; padding:12px; }.help-shortcut-icon { grid-row:1/3; width:31px; height:31px; }.help-shortcut h2,.help-shortcut p,.help-shortcut>a { grid-column:1/-1; }.help-shortcut p { min-height:0; }.help-shortcut>a { padding-top:8px; }.help-panel-heading { padding:14px; }.help-topic-list,.help-document-list { padding:9px 10px 11px; }.help-topic>summary { grid-template-columns:28px minmax(0,1fr) 27px; gap:8px; padding:8px; }.help-topic-order { width:27px; height:27px; }.help-topic-content { margin:0 9px 9px 43px; }.help-contact { padding:14px; } }
.admin-dashboard-page { display:grid; gap:15px; }
.admin-dashboard-title { margin-bottom:0; }
.admin-dashboard-title h1 { color:#203b40; }
.admin-dashboard-title .eyebrow { color:#64847b; }
.admin-dashboard-title>.btn { display:inline-flex; align-items:center; gap:8px; }
.admin-dashboard-title>.btn svg,.admin-dashboard-filters button svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; }
.admin-dashboard-filters { display:flex; align-items:end; gap:10px; margin:0; padding:11px; border:1px solid #e0e8e4; border-radius:9px; background:#fff; box-shadow:0 3px 12px rgba(27,56,51,.035); }
.admin-dashboard-filters label { display:grid; gap:5px; min-width:160px; color:#596e68; font-size:9px; font-weight:700; }
.admin-dashboard-filters select { width:100%; min-height:37px; padding:7px 10px; font-size:10px; }
.admin-dashboard-filters .btn { display:inline-flex; align-items:center; gap:7px; min-height:37px; font-size:9px; }
.admin-dashboard-page .dashboard-status-kpis { grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin:0; }
.admin-dashboard-page .dashboard-kpi { position:relative; display:grid; grid-template-columns:39px minmax(0,1fr); grid-template-rows:auto auto auto; align-items:center; column-gap:10px; min-width:0; min-height:112px; padding:14px; overflow:hidden; border-color:#dfe8e4; border-radius:10px; box-shadow:0 4px 13px rgba(27,56,51,.045); transition:transform .16s ease,box-shadow .16s ease; }
.admin-dashboard-page .dashboard-kpi:hover { transform:translateY(-2px); box-shadow:0 9px 19px rgba(27,56,51,.08); }
.admin-dashboard-page .dashboard-kpi:before { background:#25866d; }
.admin-dashboard-page .dashboard-kpi .kpi-icon { display:grid; grid-row:1/4; place-items:center; width:36px; height:36px; margin:0; border:1px solid #d9ebe0; border-radius:9px; color:#25805f; background:#eff8f1; }
.admin-dashboard-page .dashboard-kpi .kpi-icon svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.7; }
.admin-dashboard-page .dashboard-kpi small { align-self:end; min-height:22px; color:#6f8179; font-size:8px; font-weight:750; line-height:1.35; }
.admin-dashboard-page .dashboard-kpi strong { align-self:center; color:#203b40; font-size:25px; font-weight:730; line-height:1.05; }
.admin-dashboard-page .dashboard-kpi em { overflow:hidden; color:#87948e; font-size:8px; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.admin-dashboard-page .dashboard-kpi:nth-child(2):before { background:#cf9439; }.admin-dashboard-page .dashboard-kpi:nth-child(2) .kpi-icon { border-color:#efe4ce; color:#9a7028; background:#fbf6eb; }
.admin-dashboard-page .dashboard-kpi:nth-child(3):before { background:#2781a5; }.admin-dashboard-page .dashboard-kpi:nth-child(3) .kpi-icon { border-color:#d9e8ef; color:#287794; background:#eef6f9; }
.admin-dashboard-page .dashboard-kpi:nth-child(4):before { background:#738992; }.admin-dashboard-page .dashboard-kpi:nth-child(4) .kpi-icon { border-color:#dce5e8; color:#58717b; background:#f0f5f6; }
.admin-dashboard-page .dashboard-kpi:nth-child(5):before { background:#25866d; }.admin-dashboard-page .dashboard-kpi:nth-child(5) .kpi-icon { border-color:#d9ebe0; color:#25805f; background:#eff8f1; }
.dashboard-volume { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:9px; }
.dashboard-volume-card { display:flex; align-items:center; gap:9px; min-width:0; min-height:70px; padding:10px 11px; border:1px solid #e0e8e4; border-radius:8px; background:#fff; }
.dashboard-volume-icon { display:grid; flex:0 0 30px; place-items:center; width:30px; height:30px; border:1px solid #d9ebe0; border-radius:7px; color:#25805f; background:#eff8f1; }
.dashboard-volume-icon svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.7; }
.dashboard-volume-card>div { display:grid; gap:3px; min-width:0; }
.dashboard-volume-card small { overflow:hidden; color:#778780; font-size:7px; font-weight:750; letter-spacing:.04em; text-overflow:ellipsis; white-space:nowrap; }
.dashboard-volume-card b { color:#264641; font-size:16px; font-weight:720; font-variant-numeric:tabular-nums; line-height:1.1; }
.tone-blue { border-color:#d9e8ef; color:#287794; background:#eef6f9; }.tone-cyan { border-color:#d5e8ec; color:#267d89; background:#eff8f8; }.tone-rose { border-color:#efdde2; color:#a95067; background:#fbf0f2; }.tone-amber { border-color:#efe4ce; color:#9a7028; background:#fbf6eb; }
.dashboard-workflow-section { display:grid; gap:11px; padding:14px; border:1px solid #dfe8e4; border-radius:9px; background:#f8fbf9; }
.dashboard-section-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.dashboard-section-heading .eyebrow { color:#64847b; font-size:7px; font-weight:750; letter-spacing:.12em; }
.dashboard-section-heading h2 { margin:3px 0 0; color:#294746; font-size:13px; }
.dashboard-section-heading>span { color:#87958f; font-size:8px; font-weight:750; letter-spacing:.08em; }
.admin-dashboard-page .workflow-grid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin:0; }
.admin-dashboard-page .workflow-step { position:relative; min-width:0; min-height:94px; padding:11px; border-color:#e1eae5; border-radius:8px; background:#fff; }
.admin-dashboard-page .workflow-step .num { width:25px; height:25px; border:1px solid #dce9e2; border-radius:7px; color:#347965; background:#f0f7f3; font-size:8px; }
.admin-dashboard-page .workflow-step b { margin-top:8px; color:#34514b; font-size:9px; }
.admin-dashboard-page .workflow-step small { color:#819089; font-size:8px; line-height:1.45; }
.admin-dashboard-columns { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr); gap:12px; align-items:start; }
.admin-dashboard-page .dashboard-panel { min-width:0; margin:0; padding:0; overflow:hidden; border-color:#dfe8e4; border-radius:10px; box-shadow:0 4px 16px rgba(27,56,51,.045); }
.admin-dashboard-page .dashboard-panel>.section-head { align-items:center; margin:0; padding:15px 17px 13px; border-bottom:1px solid #e8efeb; background:#fbfcfb; }
.admin-dashboard-page .dashboard-panel .section-head .eyebrow { color:#64847b; font-size:7px; font-weight:750; letter-spacing:.12em; }
.admin-dashboard-page .dashboard-panel .section-head h2 { margin:3px 0; color:#244448; font-size:13px; }
.admin-dashboard-page .dashboard-panel .section-head p { margin:0; color:#788982; font-size:8px; }
.admin-dashboard-page .dashboard-panel .section-head>a { color:#247b68; font-size:8px; font-weight:750; text-decoration:none; white-space:nowrap; }
.admin-dashboard-page .dashboard-panel .section-head>a:hover { text-decoration:underline; }
.admin-dashboard-page .dashboard-panel .table-wrap { margin:11px 12px 14px; border-color:#e4ece7; border-radius:7px; }
.admin-dashboard-page .dashboard-panel table { width:100%; min-width:690px; }
.admin-dashboard-page .dashboard-panel th { padding:9px 8px; font-size:7px; }
.admin-dashboard-page .dashboard-panel td { padding:9px 8px; font-size:8px; }
.admin-dashboard-page .dashboard-panel td:first-child b { color:#31514b; font-size:8px; }
.dashboard-client-volume .chart-bars { display:grid; gap:10px; padding:14px 16px 5px; }
.dashboard-client-volume .bar-line { display:grid; grid-template-columns:minmax(72px,1fr) minmax(70px,1.5fr) 38px; align-items:center; gap:8px; }
.dashboard-client-volume .bar-line>span { overflow:hidden; color:#667b72; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.dashboard-client-volume .bar-line .bar { height:7px; overflow:hidden; border-radius:9px; background:#edf2ef; }
.dashboard-client-volume .bar-line .bar i { display:block; height:100%; border-radius:inherit; background:#25866d; }
.dashboard-client-volume .bar-line>b { color:#36554c; font-size:8px; font-variant-numeric:tabular-nums; text-align:right; }
.dashboard-volume-legend { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin:8px 13px 13px; padding-top:10px; border-top:1px solid #e8efeb; }
.dashboard-volume-legend>div { display:grid; grid-template-columns:8px auto; grid-template-rows:auto auto; align-items:center; column-gap:6px; }
.dashboard-volume-legend .legend-dot { grid-row:1/3; width:7px; height:7px; border-radius:50%; background:#2585a6; }
.dashboard-volume-legend .dot-pink { background:#c66c8b; }.dashboard-volume-legend .dot-amber { background:#cf9439; }
.dashboard-volume-legend b { color:#34534b; font-size:10px; font-variant-numeric:tabular-nums; }.dashboard-volume-legend small { color:#829089; font-size:7px; }
@media (max-width:1150px) { .admin-dashboard-page .dashboard-status-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); }.dashboard-volume { grid-template-columns:repeat(3,minmax(0,1fr)); }.admin-dashboard-page .workflow-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:900px) { .admin-dashboard-columns { grid-template-columns:1fr; }.admin-dashboard-page .dashboard-client-volume .chart-bars { gap:12px; } }
@media (max-width:700px) { .admin-dashboard-page { gap:11px; }.admin-dashboard-title { align-items:flex-start; }.admin-dashboard-title>.btn { width:100%; }.admin-dashboard-filters { align-items:stretch; flex-direction:column; }.admin-dashboard-filters label { min-width:0; width:100%; }.admin-dashboard-filters>.btn,.admin-dashboard-filters>a { justify-content:center; width:100%; }.admin-dashboard-page .dashboard-status-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.admin-dashboard-page .dashboard-kpi { grid-template-columns:31px minmax(0,1fr); min-height:94px; padding:10px; column-gap:8px; }.admin-dashboard-page .dashboard-kpi .kpi-icon { width:29px; height:29px; }.admin-dashboard-page .dashboard-kpi .kpi-icon svg { width:15px; height:15px; }.admin-dashboard-page .dashboard-kpi small { font-size:7px; }.admin-dashboard-page .dashboard-kpi strong { font-size:21px; }.admin-dashboard-page .dashboard-kpi em { font-size:7px; }.admin-dashboard-page .dashboard-kpi:last-child { grid-column:1/-1; }.dashboard-volume { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }.dashboard-volume-card { min-height:63px; padding:8px; gap:7px; }.dashboard-volume-card small { font-size:6px; }.dashboard-volume-card b { font-size:14px; }.dashboard-volume-icon { flex-basis:27px; width:27px; height:27px; }.admin-dashboard-page .workflow-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.admin-dashboard-page .dashboard-panel>.section-head { align-items:flex-start; padding:14px; }.admin-dashboard-page .dashboard-panel .table-wrap { max-width:calc(100vw - 58px); margin:10px; } }
@media (max-width:390px) { .admin-dashboard-page .dashboard-status-kpis,.dashboard-volume { grid-template-columns:1fr; }.admin-dashboard-page .dashboard-kpi:last-child { grid-column:auto; }.admin-dashboard-page .workflow-grid { grid-template-columns:1fr; } }
.dashboard-open-section,.dashboard-department-section { display:grid; gap:10px; }
.dashboard-open-section>.dashboard-section-heading,.dashboard-department-section>.dashboard-section-heading { padding:0 2px; }
.dashboard-section-heading h2 { font-size:14px; }
.dashboard-open-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.dashboard-open-kpi { position:relative; display:flex; align-items:center; gap:11px; min-width:0; min-height:91px; padding:13px 14px; overflow:hidden; border:1px solid #dfe8e4; border-radius:9px; background:#fff; box-shadow:0 3px 12px rgba(27,56,51,.045); }
.dashboard-open-kpi:before { position:absolute; inset:0 auto 0 0; width:4px; background:#25866d; content:""; }
.dashboard-open-kpi>div { display:grid; gap:3px; min-width:0; }
.open-kpi-icon { display:grid; flex:0 0 35px; place-items:center; width:35px; height:35px; border:1px solid #d9ebe0; border-radius:8px; color:#25805f; background:#eff8f1; }
.open-kpi-icon svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.7; }
.dashboard-open-kpi small { color:#74847e; font-size:7px; font-weight:750; letter-spacing:.055em; }
.dashboard-open-kpi b { color:#203b40; font-size:21px; font-weight:730; font-variant-numeric:tabular-nums; line-height:1.1; }
.dashboard-open-kpi em { overflow:hidden; color:#87948e; font-size:8px; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.dashboard-open-kpi.open-blue:before { background:#2585a6; }.dashboard-open-kpi.open-blue .open-kpi-icon { border-color:#d7e9ef; color:#247b98; background:#eef7fa; }
.dashboard-open-kpi.open-pink:before { background:#c66c8b; }.dashboard-open-kpi.open-pink .open-kpi-icon { border-color:#efdae3; color:#af5274; background:#fcf0f4; }
.dashboard-open-kpi.open-other:before { background:#cf9439; }.dashboard-open-kpi.open-other .open-kpi-icon { border-color:#efe4ce; color:#9a7028; background:#fbf6eb; }
.dashboard-department-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:9px; }
.dashboard-department-card { display:grid; grid-template-columns:30px minmax(0,1fr); align-items:center; gap:8px; min-width:0; min-height:74px; padding:10px; border:1px solid #dfe8e4; border-radius:8px; background:#fff; box-shadow:0 2px 9px rgba(27,56,51,.035); }
.department-card-icon { display:grid; place-items:center; width:29px; height:29px; border:1px solid #d9ebe0; border-radius:7px; color:#25805f; background:#eff8f1; }
.department-card-icon svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.7; }
.dashboard-department-card>div { display:grid; gap:2px; min-width:0; }
.dashboard-department-card small { overflow:hidden; color:#788982; font-size:6px; font-weight:750; letter-spacing:.035em; text-overflow:ellipsis; white-space:nowrap; }
.dashboard-department-card b { color:#274740; font-size:17px; font-variant-numeric:tabular-nums; line-height:1.05; }
.dashboard-department-card em { color:#8a9791; font-size:7px; font-style:normal; }
.dashboard-department-card.dept-fiscal .department-card-icon { border-color:#efe4ce; color:#9a7028; background:#fbf6eb; }
.dashboard-department-card.dept-logistica .department-card-icon { border-color:#d9e8ef; color:#287794; background:#eef6f9; }
.dashboard-department-card.dept-centro_distribuicao .department-card-icon { border-color:#dce5e8; color:#58717b; background:#f0f5f6; }
.dashboard-department-card.dept-cliente .department-card-icon { border-color:#efdde2; color:#a95067; background:#fbf0f2; }
.dashboard-department-card.dept-sem_departamento .department-card-icon { border-color:#e3e9e5; color:#71827a; background:#f6f8f7; }
.dashboard-trend-panel { min-width:0; margin:0; padding:0; overflow:hidden; border-color:#dfe8e4; border-radius:10px; box-shadow:0 4px 16px rgba(27,56,51,.045); }
.dashboard-trend-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:16px 18px 14px; border-bottom:1px solid #e8efeb; background:#fbfcfb; }
.dashboard-trend-heading .eyebrow { color:#64847b; font-size:7px; font-weight:750; letter-spacing:.12em; }
.dashboard-trend-heading h2 { margin:3px 0; color:#244448; font-size:14px; }
.dashboard-trend-heading p { margin:0; color:#788982; font-size:8px; line-height:1.5; }
.dashboard-trend-totals { display:flex; gap:8px; }
.dashboard-trend-totals>span { display:grid; grid-template-columns:8px auto; grid-template-rows:auto auto; align-items:center; column-gap:6px; min-width:92px; padding:7px 8px; border:1px solid #e2ebe6; border-radius:7px; background:#fff; }
.dashboard-trend-totals small { color:#7d8c85; font-size:7px; }.dashboard-trend-totals b { color:#31534a; font-size:12px; font-variant-numeric:tabular-nums; }
.trend-dot { grid-row:1/3; width:7px; height:7px; border-radius:50%; background:#d0942e; }.trend-dot.returned-dot { background:#25866d; }
.dashboard-trend-chart { padding:12px 15px 8px; }
.dashboard-trend-chart svg { display:block; width:100%; height:270px; overflow:visible; }
.trend-grid-line { stroke:#e8efeb; stroke-width:1; vector-effect:non-scaling-stroke; }
.trend-axis-label { fill:#83918b; font-family:inherit; font-size:9px; }
.trend-line { fill:none; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; vector-effect:non-scaling-stroke; }
.line-pending { stroke:#d0942e; }.line-returned { stroke:#25866d; }
.trend-point { stroke:#fff; stroke-width:2; vector-effect:non-scaling-stroke; }
.point-pending { fill:#d0942e; }.point-returned { fill:#25866d; }
.dashboard-trend-empty { padding:36px 18px; color:#778780; font-size:9px; text-align:center; }
@media (max-width:1150px) { .dashboard-open-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }.dashboard-department-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:700px) { .dashboard-open-section,.dashboard-department-section { gap:8px; }.dashboard-open-kpis { gap:7px; }.dashboard-open-kpi { min-height:75px; padding:9px; gap:7px; }.open-kpi-icon { flex-basis:29px; width:29px; height:29px; }.open-kpi-icon svg { width:15px; height:15px; }.dashboard-open-kpi small { font-size:6px; }.dashboard-open-kpi b { font-size:18px; }.dashboard-open-kpi em { font-size:7px; }.dashboard-department-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }.dashboard-department-card { min-height:66px; padding:8px; }.dashboard-trend-heading { align-items:flex-start; flex-direction:column; padding:14px; }.dashboard-trend-totals { width:100%; }.dashboard-trend-totals>span { flex:1; min-width:0; }.dashboard-trend-chart { padding:8px 7px; }.dashboard-trend-chart svg { height:230px; }.trend-axis-label { font-size:8px; } }
@media (max-width:390px) { .dashboard-open-kpis,.dashboard-department-grid { grid-template-columns:1fr; }.dashboard-trend-totals>span { padding:6px; } }
.user-hero { min-height:120px; margin:0 0 14px; padding:19px 22px; border:1px solid #dce7e2; border-left:4px solid #25866d; border-radius:10px; color:#203b40; background:#fff; box-shadow:0 5px 16px rgba(27,56,51,.05); }
.user-hero:before,.user-hero:after { display:none; }
.user-hero-copy { max-width:720px; }
.user-hero .eyebrow { color:#64847b; font-size:8px; font-weight:750; letter-spacing:.13em; }
.user-hero h2 { margin:5px 0; color:#244448; font-size:17px; font-weight:700; letter-spacing:0; }
.user-hero p { color:#788982; font-size:9px; }
.user-hero-orb { width:45px; height:45px; margin:0 4% 0 0; transform:none; border:1px solid #d9ebe0; border-radius:10px; color:#25805f; background:#eff8f1; box-shadow:none; font-size:20px; }
.user-metrics { gap:10px; margin:0 0 14px; }
.user-metrics article { min-height:78px; padding:12px 14px; border-color:#dfe8e4; border-radius:9px; background:#fff; box-shadow:0 3px 12px rgba(27,56,51,.04); }
.user-metrics .metric-symbol { flex:0 0 32px; width:32px; height:32px; border-radius:8px; font-size:14px; }
.user-metrics .metric-symbol.violet { border:1px solid #efe4ce; color:#9a7028; background:#fbf6eb; }
.user-metrics .metric-symbol.mint { border:1px solid #d9ebe0; color:#25805f; background:#eff8f1; }
.user-metrics .metric-symbol.blue { border:1px solid #d9e8ef; color:#287794; background:#eef6f9; }
.user-metrics small { color:#74847e; font-size:7px; letter-spacing:.06em; }
.user-metrics b { color:#203b40; font-size:19px; font-variant-numeric:tabular-nums; }
.user-form-card,.user-grid-card { border-color:#dfe8e4; border-radius:10px; box-shadow:0 4px 16px rgba(27,56,51,.045); }
.user-form-card>.section-head,.user-grid-card>.section-head { margin:0; padding:16px 19px 13px; border-bottom:1px solid #e8efeb; background:#fbfcfb; }
.user-form-card>.section-head h2,.user-grid-card>.section-head h2 { margin:3px 0; color:#244448; font-size:14px; }
.user-form-card>.section-head p,.user-grid-card>.section-head p { color:#788982; font-size:9px; }
.user-grid-card { padding:0; overflow:hidden; }
.user-grid-card .table-wrap { margin:12px 15px 15px; border-color:#e2eae6; border-radius:8px; }
.users-table { width:100%; min-width:940px; border-collapse:separate; border-spacing:0; }
.users-table th { padding:11px 10px; font-size:8px; }
.users-table td { padding:10px; font-size:9px; vertical-align:middle; }
.users-table tbody tr:hover { background:#f4f9f6; }
.user-login { display:inline-block; padding:5px 7px; border:1px solid #e3ebe6; border-radius:5px; color:#526b61; background:#f8fbf9; font-size:8px; font-variant-numeric:tabular-nums; }
.user-name { color:#294746; font-size:9px; }
.user-photo-label { display:block; margin-top:3px; color:#84928b; font-size:7px; }
.user-role-badge { display:inline-flex; align-items:center; padding:5px 7px; border:1px solid #dce9e2; border-radius:5px; color:#4b7568; background:#f3f8f5; font-size:7px; font-weight:700; white-space:nowrap; }
.user-role-badge.role-master { border-color:#efe4ce; color:#8c6b2f; background:#fbf6eb; }
.user-role-badge.role-fiscal { border-color:#d9e8ef; color:#287794; background:#eef6f9; }
.user-role-badge.role-logistica { border-color:#d7e9e2; color:#337563; background:#eff8f3; }
.user-role-badge.role-centro_distribuicao { border-color:#dce5e8; color:#58717b; background:#f0f5f6; }
.user-role-badge.role-cliente { border-color:#efdde2; color:#a95067; background:#fbf0f2; }
.user-client-reference { color:#5f756d; font-size:8px; font-variant-numeric:tabular-nums; }
.user-row-actions { display:flex; align-items:center; flex-wrap:wrap; gap:5px; min-width:200px; }
.user-edit-link { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-height:30px; padding:5px 8px; border:1px solid #d6e7de; border-radius:6px; color:#286d5c; background:#f3f9f5; font-size:8px; font-weight:700; text-decoration:none; white-space:nowrap; transition:transform .15s ease,border-color .15s ease,background .15s ease; }
.user-edit-link:hover { transform:translateY(-1px); border-color:#9fc4af; background:#eaf5ee; }
.user-edit-link svg,.user-delete-trigger svg { width:13px; height:13px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; }
.user-row-actions .status-form { display:flex; align-items:center; gap:4px; margin:0; }
.user-row-actions .status-form select { min-height:30px; padding:4px 20px 4px 6px; border-radius:6px; font-size:8px; }
.user-row-actions .status-form .btn { min-height:30px; padding:5px 7px; border-radius:6px; font-size:8px; }
.user-row-actions .user-delete-trigger { display:inline-flex; align-items:center; gap:4px; min-height:30px; margin:0; padding:5px 7px; border-radius:6px; font-size:8px; }
.user-edit-page { display:grid; gap:14px; max-width:1080px; margin:0 auto; }
.user-edit-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.user-edit-heading .eyebrow,.user-edit-card-heading .eyebrow { color:#64847b; font-size:8px; font-weight:750; letter-spacing:.13em; }
.user-edit-heading h1 { margin:5px 0; color:#203b40; font-size:25px; }
.user-edit-heading p { margin:0; color:#74847e; font-size:10px; }
.user-edit-back { display:inline-flex; align-items:center; gap:7px; min-height:36px; padding:0 10px; border:1px solid #dce7e2; border-radius:7px; color:#42675d; background:#fff; font-size:9px; font-weight:680; text-decoration:none; }
.user-edit-back svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; }
.user-edit-summary { display:flex; align-items:center; gap:11px; min-width:0; padding:12px 14px; border:1px solid #dfe8e4; border-radius:9px; background:#fff; }
.user-edit-avatar { display:grid; flex:0 0 37px; place-items:center; width:37px; height:37px; border:1px solid #d9ebe0; border-radius:9px; color:#247b68; background:#eff7f2; font-size:14px; font-weight:750; }
.user-edit-summary>div { display:grid; flex:1; gap:2px; min-width:0; }
.user-edit-summary>div small { color:#778780; font-size:7px; font-weight:750; letter-spacing:.08em; }
.user-edit-summary>div b { overflow:hidden; color:#294746; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.user-edit-summary>div span { overflow:hidden; color:#819089; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.user-edit-card { padding:0; overflow:hidden; }
.user-edit-card-heading { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:17px 19px 14px; border-bottom:1px solid #e8efeb; background:#fbfcfb; }
.user-edit-card-heading h2 { margin:3px 0; color:#244448; font-size:15px; }
.user-edit-card-heading p { margin:0; color:#788982; font-size:9px; }
.user-created-date { flex:0 0 auto; color:#84928b; font-size:8px; }
.user-edit-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px 16px; padding:19px; }
.user-edit-section { display:flex; grid-column:1/-1; align-items:center; gap:9px; margin-top:3px; padding:8px 0 9px; border-bottom:1px solid #e9efec; }
.user-edit-section>span { display:grid; flex:0 0 25px; place-items:center; width:25px; height:25px; border:1px solid #d6e8df; border-radius:7px; color:#237b69; background:#f0f7f3; font-size:8px; font-weight:800; }
.user-edit-section>div { display:grid; gap:2px; }.user-edit-section b { color:#31504a; font-size:9px; }.user-edit-section small { color:#87948d; font-size:8px; }
.user-edit-form label { display:grid; align-content:start; gap:5px; min-width:0; color:#526761; font-size:9px; font-weight:700; }
.user-edit-form label input,.user-edit-form label select { width:100%; min-width:0; min-height:39px; margin:0; padding:8px 10px; border-color:#d8e3de; border-radius:7px; font-size:10px; }
.user-edit-form label>small { color:#87948d; font-size:8px; font-weight:400; }
.user-status-readonly { display:grid; align-content:start; gap:7px; color:#526761; font-size:8px; }
.user-status-readonly>small { color:#74847e; font-size:7px; font-weight:750; letter-spacing:.07em; }
.user-status-readonly>em { color:#87948d; font-size:8px; font-style:normal; }
.user-edit-actions { display:flex; grid-column:1/-1; justify-content:flex-end; gap:8px; padding-top:13px; border-top:1px solid #e8efeb; }
.user-edit-actions .btn { display:inline-flex; align-items:center; gap:7px; min-height:38px; }
.user-edit-actions svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; }
@media (max-width:1100px) { .users-table { min-width:900px; }.user-row-actions { min-width:185px; }.user-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:700px) { .user-hero { min-height:0; padding:16px; }.user-hero-orb { display:none; }.user-metrics { grid-template-columns:1fr; gap:7px; }.user-metrics article { min-height:62px; }.user-form-card>.section-head,.user-grid-card>.section-head { padding:14px; }.user-grid-card .table-wrap { max-width:calc(100vw - 58px); margin:10px; }.user-edit-page { gap:10px; }.user-edit-heading { align-items:flex-start; flex-direction:column; }.user-edit-heading h1 { font-size:21px; }.user-edit-back { width:100%; justify-content:center; }.user-edit-card-heading { align-items:flex-start; flex-direction:column; padding:14px; }.user-edit-form { grid-template-columns:1fr; gap:11px; padding:14px; }.user-edit-section,.user-edit-actions { grid-column:1; }.user-edit-actions { flex-direction:column-reverse; }.user-edit-actions .btn { width:100%; justify-content:center; }.user-edit-summary { padding:10px; }.user-row-actions { min-width:180px; } }
.system-docs-page { display:grid; gap:15px; max-width:1320px; margin:0 auto; }
.system-docs-hero { display:flex; justify-content:space-between; align-items:center; gap:22px; min-height:138px; padding:23px 25px; border:1px solid #dce7e2; border-left:4px solid #25866d; border-radius:11px; background:#fff; box-shadow:0 5px 16px rgba(27,56,51,.05); }
.system-docs-hero .eyebrow,.system-docs-section-head .eyebrow { color:#64847b; font-size:8px; font-weight:750; letter-spacing:.13em; }
.system-docs-hero h1 { margin:5px 0; color:#203b40; font-size:25px; font-weight:720; }
.system-docs-hero p { max-width:650px; margin:0; color:#74847e; font-size:10px; line-height:1.55; }
.system-docs-hero-action { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:40px; padding:0 13px; border-radius:8px; color:#fff; background:#187a79; font-size:9px; font-weight:700; text-decoration:none; white-space:nowrap; }
.system-docs-hero-action:hover { background:#126866; }
.system-docs-hero-action svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-width:2; }
.system-docs-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.system-docs-metrics article { display:flex; align-items:center; gap:10px; min-height:76px; padding:11px 13px; border:1px solid #dfe8e4; border-radius:9px; background:#fff; box-shadow:0 3px 12px rgba(27,56,51,.04); }
.system-doc-icon { display:grid; flex:0 0 33px; place-items:center; width:33px; height:33px; border:1px solid #d9e8ef; border-radius:8px; color:#287794; background:#eef6f9; }
.system-doc-icon svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.7; }
.system-doc-icon.doc-icon-active { border-color:#d9ebe0; color:#25805f; background:#eff8f1; }.system-doc-icon.doc-icon-size { border-color:#efe4ce; color:#9a7028; background:#fbf6eb; }
.system-docs-metrics article>div { display:grid; gap:3px; }.system-docs-metrics small { color:#778780; font-size:7px; font-weight:750; letter-spacing:.055em; }.system-docs-metrics b { color:#244842; font-size:17px; font-weight:730; font-variant-numeric:tabular-nums; }
.system-docs-form,.system-docs-library { min-width:0; padding:0; overflow:hidden; border-color:#dfe8e4; border-radius:10px; box-shadow:0 4px 16px rgba(27,56,51,.045); }
.system-docs-section-head { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:16px 19px 14px; border-bottom:1px solid #e8efeb; background:#fbfcfb; }
.system-docs-section-head h2 { margin:3px 0; color:#244448; font-size:14px; }.system-docs-section-head p { margin:0; color:#788982; font-size:9px; line-height:1.5; }
.system-docs-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 15px; padding:17px 19px 19px; }
.system-docs-form-grid label { display:grid; align-content:start; gap:5px; min-width:0; color:#526761; font-size:9px; font-weight:700; }
.system-docs-form-grid label input { width:100%; min-width:0; min-height:38px; margin:0; padding:8px 10px; border-color:#d8e3de; border-radius:7px; font-size:10px; }
.system-docs-form-grid label>small { color:#84928b; font-size:8px; font-weight:400; }
.system-docs-form-grid .system-doc-order { max-width:220px; }
.system-doc-active { display:flex!important; align-items:center; gap:8px!important; align-self:center; min-height:38px; color:#466459!important; }
.system-doc-active input { flex:0 0 15px; width:15px!important; min-height:15px!important; margin:0!important; accent-color:#25866d; }
.system-doc-form-actions { display:flex; grid-column:1/-1; justify-content:flex-end; padding-top:11px; border-top:1px solid #e8efeb; }
.system-doc-form-actions .btn { min-height:37px; }
.system-doc-list { display:grid; padding:6px 15px 14px; }
.system-doc-row { display:grid; grid-template-columns:40px minmax(0,1fr) auto auto; align-items:center; gap:10px; min-width:0; padding:11px 3px; border-bottom:1px solid #edf1ef; }
.system-doc-row:last-child { border-bottom:0; }
.system-doc-filetype { display:grid; place-items:center; width:37px; height:37px; border:1px solid #f0d9d9; border-radius:8px; color:#a24d50; background:#fcf1f1; font-size:7px; font-weight:800; }
.system-doc-copy { display:grid; gap:3px; min-width:0; }.system-doc-copy b { overflow:hidden; color:#294746; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }.system-doc-copy small { overflow:hidden; color:#829089; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.system-doc-state { display:inline-flex; align-items:center; gap:5px; padding:5px 7px; border:1px solid #d9ebe0; border-radius:5px; color:#39705f; background:#f1f8f4; font-size:7px; font-weight:700; white-space:nowrap; }.system-doc-state i { width:6px; height:6px; border-radius:50%; background:#409273; }.system-doc-state.is-paused { border-color:#e4e9e6; color:#73817a; background:#f7f9f8; }.system-doc-state.is-paused i { background:#a1aca6; }
.system-doc-actions { display:flex; align-items:center; gap:5px; }.system-doc-actions form { margin:0; }
.system-doc-icon-action { display:grid; place-items:center; width:30px; height:30px; padding:0; border:1px solid #dce7e2; border-radius:6px; color:#4c7065; background:#fff; cursor:pointer; text-decoration:none; transition:transform .14s ease,border-color .14s ease,background .14s ease; }.system-doc-icon-action:hover { transform:translateY(-1px); border-color:#a9caba; background:#f3f8f5; }.system-doc-icon-action svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; }.system-doc-icon-action.action-delete { color:#a9505d; border-color:#ecdadd; }.system-doc-icon-action.action-delete:hover { border-color:#e0b9c0; background:#fff5f6; }
.system-doc-empty { padding:26px 16px; color:#7b8c84; font-size:9px; text-align:center; }
.help-document-actions { display:flex; align-items:center; gap:5px; }
.help-document-actions a { display:grid; place-items:center; width:29px; height:29px; border:1px solid #dce7e2; border-radius:6px; color:#4c7065; background:#fff; text-decoration:none; }.help-document-actions a:hover { border-color:#a9caba; color:#247b68; background:#f3f8f5; }
.help-document-actions svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; }
@media (max-width:900px) { .system-docs-row { grid-template-columns:38px minmax(0,1fr) auto; }.system-doc-state { grid-column:2; justify-self:start; grid-row:2; }.system-doc-actions { grid-column:3; grid-row:1/3; } }
@media (max-width:700px) { .system-docs-page { gap:10px; }.system-docs-hero { align-items:flex-start; flex-direction:column; gap:13px; min-height:0; padding:17px; }.system-docs-hero h1 { font-size:21px; }.system-docs-hero-action { width:100%; }.system-docs-metrics { grid-template-columns:1fr; gap:7px; }.system-docs-metrics article { min-height:62px; }.system-docs-section-head { align-items:flex-start; padding:14px; }.system-docs-form-grid { grid-template-columns:1fr; gap:10px; padding:14px; }.system-docs-form-grid .system-doc-order { max-width:none; }.system-doc-form-actions { grid-column:1; }.system-doc-form-actions .btn { width:100%; }.system-doc-list { padding:4px 10px 10px; }.system-doc-row { grid-template-columns:34px minmax(0,1fr) 30px; gap:7px; padding:10px 2px; }.system-doc-filetype { width:32px; height:32px; font-size:6px; }.system-doc-state { grid-column:2; }.system-doc-actions { grid-column:3; grid-row:1/3; flex-wrap:wrap; }.system-doc-icon-action { width:29px; height:29px; }.help-document { grid-template-columns:32px minmax(0,1fr) auto; gap:7px; }.help-document-type { width:31px; height:31px; }.help-document-actions { gap:4px; }.help-document-actions a { width:27px; height:27px; } }

/* Shared line icons used across client and administration screens. */
.sidebar nav a { display:flex; align-items:center; gap:11px; }
.sidebar nav a > .system-icon { flex:0 0 18px; width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; opacity:.9; }
button > .system-icon, a.btn > .system-icon { width:16px; height:16px; margin-right:7px; vertical-align:middle; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }

.brand-icon > .system-icon { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }

/* Usuários: painel de acessos com a paleta azul petróleo e verde da tela de login. */
.user-hero{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:176px;margin:0 0 15px;padding:26px 30px;overflow:hidden;border:1px solid #244d59;border-radius:16px;color:#f6fbf8;background:radial-gradient(ellipse at 82% 15%,rgba(102,212,183,.24),transparent 30%),radial-gradient(ellipse at 100% 110%,rgba(77,148,182,.28),transparent 38%),linear-gradient(118deg,#173b49 0%,#214f59 58%,#256963 100%);box-shadow:0 18px 42px rgba(28,67,72,.17)}
.user-hero:before,.user-hero:after{display:block;position:absolute;content:"";pointer-events:none;border:1px solid rgba(200,246,226,.1);border-radius:50%;width:290px;height:290px;right:4%;top:-185px}.user-hero:after{width:390px;height:390px;right:0;top:-235px;border-color:rgba(200,246,226,.065)}
.user-hero-copy{position:relative;z-index:1;max-width:720px}.user-hero .eyebrow{color:#9ae0c6;font-size:9px;font-weight:800;letter-spacing:.16em}.user-hero h2{margin:8px 0;color:#f6fbf8;font-size:clamp(21px,2.2vw,29px);font-weight:720;letter-spacing:-.035em}.user-hero p{margin:0;color:#c7dfd9;font-size:11px;line-height:1.55}.user-hero-status{display:flex;align-items:center;gap:8px;margin-top:15px;color:#d6eee5;font-size:9px;font-weight:650}.user-hero-status i{width:7px;height:7px;border-radius:50%;background:#6de0a9;box-shadow:0 0 0 4px rgba(109,224,169,.12)}.user-hero-status span{color:#80a9a1}
.user-hero-orb{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 78px;width:78px;height:78px;margin:0 5% 0 20px;border:1px solid rgba(193,241,221,.34);border-radius:24px;color:#b7f1d5;background:linear-gradient(145deg,rgba(163,238,202,.2),rgba(103,180,177,.09));box-shadow:0 0 48px rgba(105,215,177,.12),inset 0 1px rgba(255,255,255,.16);transform:rotate(7deg)}.user-hero-orb svg{width:39px;height:39px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}
.user-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin:0 0 18px}.user-metrics article{position:relative;display:flex;align-items:flex-start;gap:11px;min-width:0;min-height:112px;padding:15px 13px;overflow:hidden;border:1px solid #dce8e2;border-radius:12px;background:linear-gradient(145deg,#fff 0%,#f9fcfa 100%);box-shadow:0 5px 16px rgba(26,66,59,.045);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.user-metrics article:before{position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#25866d,#8dd2b1);content:""}.user-metrics article:hover{transform:translateY(-3px);border-color:#c4ddd1;box-shadow:0 12px 25px rgba(26,66,59,.09)}.user-metrics .metric-symbol{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;margin-top:2px;border:1px solid #d9ebe0;border-radius:10px;color:#25805f;background:#eff8f1}.user-metrics .metric-symbol svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.user-metrics .metric-symbol.violet{border-color:#e4e1f2;color:#7064ac;background:#f4f2fb}.user-metrics .metric-symbol.blue{border-color:#d6e8e9;color:#287794;background:#eef7f7}.user-metrics .metric-symbol.gold{border-color:#efe4ce;color:#9a7028;background:#fbf6eb}.user-metrics .metric-symbol.rose{border-color:#efdde2;color:#a95067;background:#fbf0f2}.user-metrics article>div{display:grid;gap:4px;min-width:0}.user-metrics small{color:#788a81;font-size:8px;font-weight:800;letter-spacing:.075em;line-height:1.35}.user-metrics b{color:#203b40;font-size:25px;font-weight:760;font-variant-numeric:tabular-nums;line-height:1.05}.user-metrics em{color:#89978f;font-size:8px;font-style:normal;line-height:1.45}
.user-filters{align-items:end;padding:14px 16px;border:1px solid #dfe9e3;border-radius:12px;background:linear-gradient(135deg,#fff,#f8fbf9);box-shadow:0 4px 14px rgba(26,66,59,.035)}.user-filters label:first-child{flex:1;min-width:220px}.user-filters label input,.user-filters label select{width:100%;min-height:39px;margin-top:0;padding:8px 11px;border:1px solid #d8e3dd;border-radius:8px;background:#fff;color:#304849;font:inherit;font-size:11px}.user-filters label input:focus,.user-filters label select:focus{outline:3px solid rgba(37,134,109,.12);border-color:#5b9b83}.user-filters>.btn{min-height:39px;border-radius:8px;font-size:10px}.user-filters>.btn.primary{border-color:#25866d;background:linear-gradient(120deg,#25866d,#177b83);box-shadow:0 5px 12px rgba(37,134,109,.15)}
@media(max-width:1200px){.user-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.user-metrics article:nth-child(4),.user-metrics article:nth-child(5){min-height:98px}}
@media(max-width:700px){.user-hero{min-height:0;padding:20px;border-radius:13px}.user-hero h2{max-width:420px;font-size:22px}.user-hero-orb{flex-basis:53px;width:53px;height:53px;margin:0 0 0 10px;border-radius:17px}.user-hero-orb svg{width:29px;height:29px}.user-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.user-metrics article{min-height:91px;padding:12px 10px;gap:8px}.user-metrics article:first-child{grid-column:1/-1}.user-metrics .metric-symbol{flex-basis:30px;width:30px;height:30px}.user-metrics b{font-size:21px}.user-filters{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:12px}.user-filters label:first-child{grid-column:1/-1;min-width:0}.user-filters>.btn{width:100%;padding:8px}.user-filters>.btn:last-child{grid-column:1/-1}}
.user-metrics.without-master-level{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1200px){.user-metrics.without-master-level{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.user-metrics.without-master-level{grid-template-columns:repeat(2,minmax(0,1fr))}}