/* FARLOC operational dashboard — shared shell, reference-led composition. */
[data-view=dashboard] .rank-chart{gap:7px}[data-view=dashboard] .dashboard-rank b{margin-bottom:3px}[data-view=dashboard] .dashboard-rank .dashboard-track{height:7px}[data-view=dashboard] .recent-card .cell-title,[data-view=dashboard] .recent-card .cell-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}
@media(min-width:1241px){[data-view=dashboard] .monthly-chart svg{height:130px}.attention-item{min-height:62px}.attention-item .attention-meta{position:absolute;right:10px;top:10px;margin:0;gap:6px}.attention-item>b{padding-right:145px;font-size:9px}.attention-item>strong{padding-right:130px}.attention-item .status-badge{max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(min-width:941px) and (max-width:1380px){.topbar .brand>span{display:none}.topbar .top-actions{max-width:240px}.topbar .user-meta{max-width:145px}.topbar .user-meta b,.topbar .user-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:640px){.topbar .top-navigation{flex-wrap:wrap;min-width:0}.topbar .top-nav-link{flex-shrink:0}.topbar .top-navigation>.top-dropdown{position:relative}.topbar .records-dropdown{left:auto;right:0}}
@media(min-width:1241px) and (max-width:1449px){[data-view=dashboard] .kpi.orange strong,[data-view=dashboard] .kpi.green strong,[data-view=dashboard] .kpi.red strong{font-size:15px}}
[data-view=dashboard] .kpi:before{display:none}[data-view=dashboard] .card-head{justify-content:flex-start}.kpi-main .kpi-icon .icon-host{color:inherit}.dashboard-filters{justify-content:flex-start;flex-direction:row}.dashboard-filters label{text-transform:none;letter-spacing:0}.kpi-comparison{line-height:1.3}.top-nav-link .nav-counter.attention{color:white;background:#f32350}.dashboard-rank{line-height:1.2}.dashboard-select select{font-weight:600}
:root{--dash-blue:#0787fb;--dash-teal:#00b9b6;--dash-ink:#0d2946;--dash-muted:#6380a0}
body{background:#edf4f8}.topbar{height:68px;background:linear-gradient(105deg,#0c2740,#102d46 65%,#0b253d)}.topbar-inner{gap:16px}.brand{gap:16px;flex-shrink:0}.brand img{width:88px;height:44px;object-fit:contain}.brand>span{border-left:1px solid #537084;padding-left:16px}.brand b{font-size:13px}.brand small{font-size:9px}.top-navigation{gap:3px;margin-left:auto}.top-nav-link{font-size:11px;padding:10px 9px;gap:7px;min-height:36px}.top-nav-link .ui-icon{width:16px;height:16px}.nav-counter.attention{background:#f32350;color:white;position:absolute;right:0;top:-4px;font-size:9px;min-width:15px;padding:2px;border-radius:10px}.top-nav-link{position:relative}.header-search{position:relative;display:flex;align-items:center;gap:8px;min-width:150px;width:220px;background:#203f58;border-radius:24px;padding:8px 12px;color:#b7cdde}.header-search>input{padding:0;border:0;background:none;color:white;outline:none;min-width:0;width:100%;font-size:10px;height:20px}.header-search>input::placeholder{color:#a8bfd0}.header-search .ui-icon{width:15px;height:15px}.top-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.notification-button{position:relative;background:none;border:0;color:white;padding:7px;cursor:pointer}.notification-button em{position:absolute;top:-2px;right:0;background:#f32350;border-radius:12px;font-size:9px;font-style:normal;padding:2px 4px}.user-button{gap:8px;padding:4px}.user-button .avatar{width:30px;height:30px;font-size:10px}.user-meta b{font-size:10px;max-width:145px}.user-button small{font-size:8px;max-width:150px;overflow:hidden;text-overflow:ellipsis}.user-chevron{margin-left:6px}.global-search-results{position:absolute;top:calc(100% + 12px);right:0;width:360px;max-width:calc(100vw - 32px);padding:8px;background:white;border:1px solid #dce6ed;border-radius:10px;box-shadow:0 15px 40px #10263d30;color:var(--dash-ink);z-index:80}.global-search-results button{display:block;width:100%;padding:11px;text-align:left;background:white;border:0;border-radius:6px;cursor:pointer}.global-search-results button:hover{background:#edf6fb}.global-search-results small{display:block;color:var(--dash-muted);margin-top:4px}.global-search-results p{padding:10px;font-size:12px}
.layout{min-height:calc(100vh - 68px)}.main{padding-top:20px}.dashboard-head{margin-bottom:16px;align-items:center}.dashboard-head h1{font-size:26px;letter-spacing:-.6px;margin:6px 0}.dashboard-head .eyebrow{font-size:11px;color:#009b9b;letter-spacing:.06em}.dashboard-head p{font-size:13px;color:var(--dash-muted)}.dashboard-head-actions{display:flex;flex-direction:column;align-items:flex-end;gap:16px}.dashboard-head-actions .button{min-width:145px;background:#00959d;font-size:12px;box-shadow:0 3px 8px #009a9e20}.dashboard-head-actions>span{font-size:10px;color:var(--dash-muted)}
.dashboard-filters{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid #e0eaf1;border-radius:9px;padding:10px 14px;margin-bottom:14px;flex-wrap:wrap}.dashboard-filters label{display:flex;align-items:center;gap:14px;margin:0;font-size:11px;color:#284a70;flex:none}.dashboard-filters label+label{border-left:1px solid #dbe5ed;padding-left:20px}.dashboard-select{display:flex;align-items:center;gap:10px;border:1px solid #dfE8f0;border-radius:6px;padding-left:12px}.dashboard-select select,.dashboard-filters>label>select{font-size:10px;padding:8px 24px 8px 4px;border:0;background-color:transparent;min-height:32px;width:auto;max-width:220px}.dashboard-select .ui-icon{width:15px;height:15px}.dashboard-filters .button{font-size:11px;padding:8px 16px;min-height:32px;border-color:#dce7ef}.dashboard-filters [hidden]{display:none}
[data-view=dashboard] .card{border:1px solid #e1eaf1;border-radius:10px;box-shadow:0 4px 18px #244e7104}[data-view=dashboard] .kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:12px}[data-view=dashboard] .kpi{padding:14px 14px 12px;border-top:4px solid var(--accent);min-height:124px;overflow:hidden}.kpi.blue{--accent:#0787fb;--tint:#e8f4ff}.kpi.teal{--accent:#00b9b6;--tint:#e4f8f7}.kpi.orange{--accent:#ffab19;--tint:#fff6e5}.kpi.green{--accent:#009c61;--tint:#e5f6ed}.kpi.red{--accent:#ed1746;--tint:#ffe9ee}.kpi.navy{--accent:#3a5c7c;--tint:#eaf3fe}.kpi-main{display:flex;align-items:flex-start;gap:12px}.kpi-main>div{min-width:0;flex:1}.kpi-icon{display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--tint);color:var(--accent);width:37px;height:39px;flex-shrink:0}.kpi-icon .ui-icon{width:23px;height:23px}.kpi-main span{font-size:10px;font-weight:700;color:#254970;line-height:1.5;display:block;white-space:nowrap}[data-view=dashboard] .kpi strong{font-size:23px;color:#0c2948;letter-spacing:-.4px;margin:4px 0 7px;white-space:nowrap}.kpi.orange strong,.kpi.green strong,.kpi.red strong{font-size:19px}.kpi-comparison{font-size:10px;min-height:17px;white-space:nowrap;color:var(--dash-muted)}.kpi-comparison b{color:#009d56;font-weight:700}.kpi-comparison .negative{color:#eb214a}.kpi-comparison small{font-size:8px;margin-left:5px;color:var(--dash-muted)}[data-view=dashboard] .kpi>small{font-size:9px;display:block;margin-top:12px;color:var(--dash-muted)}
[data-view=dashboard] .dashboard-grid{grid-template-columns:1.32fr .96fr 1fr;gap:10px;margin-bottom:12px}[data-view=dashboard] .chart-card{padding:13px 16px;min-height:216px}.dashboard-panel-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#0787fb;background:#e9f5ff;flex-shrink:0}.dashboard-panel-icon .ui-icon{width:20px;height:20px}[data-view=dashboard] .card-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}[data-view=dashboard] .card-head h2{font-size:13px;color:#0c2948;margin:0 0 3px}[data-view=dashboard] .card-head p{font-size:10px;line-height:1.5;color:var(--dash-muted);margin:0}[data-view=dashboard] .card-head .text-button{margin-left:auto;font-size:10px;white-space:nowrap;color:#0787fb}[data-view=dashboard] .status-chart{display:flex;flex-direction:column;gap:11px;height:auto;min-height:140px;align-items:stretch;padding-top:7px}.dashboard-status-row{display:grid;grid-template-columns:120px 1fr 26px 32px;gap:8px;align-items:center;font-size:10px}.dashboard-status-row>span:first-child{font-weight:650}.dashboard-track{height:12px;background:#edf2f6;border-radius:3px;overflow:hidden}.dashboard-track i{display:block;height:100%;border-radius:3px;background:#0787fb;width:var(--width)}.dashboard-status-row b,.dashboard-status-row>span:last-child{text-align:right}.dashboard-status-row>span:last-child{color:#426482}.rank-chart{display:flex;flex-direction:column;gap:10px;padding-top:7px}.dashboard-rank{display:grid;grid-template-columns:24px 1fr 23px;gap:10px;align-items:center}.dashboard-rank>span{border-radius:50%;background:#f0f4f8;color:#426482;font-size:11px;text-align:center;padding:4px}.dashboard-rank b{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;text-transform:uppercase}.dashboard-rank strong{font-size:10px;text-align:right}.dashboard-rank .dashboard-track{height:8px}.monthly-legend{display:flex;justify-content:flex-end;gap:14px;font-size:9px;margin:0 4px 5px}.monthly-legend span:before{content:'';display:inline-block;border-radius:50%;width:7px;height:7px;margin-right:5px;background:#0787fb}.monthly-legend .refund-dot:before{background:#00b9b6}.monthly-chart svg{width:100%;height:146px;display:block}.monthly-chart text{font:9px 'Segoe UI',sans-serif;fill:#466483}.dashboard-attention{padding:12px 16px;margin-bottom:12px}.alert-icon{background:#fff1f4;color:#e81947}.attention-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.attention-item{position:relative;text-align:left;padding:10px 12px;border:1px solid #e2eaf1;border-left:3px solid #e81947;border-radius:6px;background:white;cursor:pointer;min-width:0;color:#143653}.attention-item:hover{background:#f7fbff;border-color:#8dbee4}.attention-item>b{font-size:10px;display:block;margin-bottom:4px}.attention-item>strong{display:block;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attention-item>small{display:block;color:var(--dash-muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.attention-item .attention-meta{display:flex;gap:8px;margin-top:8px;align-items:center}.attention-age{background:#ffe8ed;color:#df254b;font-size:9px;padding:4px 8px;border-radius:5px}.attention-item .status-badge{font-size:9px;padding:4px 8px}.dashboard-attention .empty{grid-column:1/-1;padding:15px;font-size:12px}.dashboard-pending-dialog{width:min(900px,95vw);max-height:80vh;overflow:auto;padding:22px;border:1px solid #dce6ef;border-radius:12px}.dashboard-pending-dialog::backdrop{background:#0c294880}.dashboard-pending-dialog .attention-cards{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:15px}.dashboard-pending-dialog h2{font-size:18px}.dashboard-pending-dialog>button{float:right}
[data-view=dashboard] .recent-card{padding:12px 16px}[data-view=dashboard] .recent-card .card-head{margin-bottom:9px}.recent-card table{min-width:1000px}.recent-card th{font-size:8px;padding:7px 12px;background:#f2f6f9;color:#6482a2}.recent-card td{font-size:10px;padding:7px 12px;max-width:240px;vertical-align:middle}.recent-card .cell-title{font-size:10px}.recent-card .cell-sub{font-size:9px}.recent-card .status-badge{font-size:9px;padding:4px 9px}.recent-card .icon-button{width:29px;height:28px;border-radius:6px}.recent-card .icon-button .ui-icon{width:15px;height:15px}.record-type{font-size:9px;font-weight:700;padding:5px 10px;background:#e2f1ff;color:#0787fb;border-radius:15px;white-space:nowrap}.record-type.reimbursement{color:#008d83;background:#e1f7f3}.recent-description{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:190px}
@media(min-width:1450px){.topbar-inner{gap:22px}.top-nav-link{font-size:12px;padding:10px 12px}.header-search{width:240px}}
@media(max-width:1240px){.brand>span{display:none}.topbar-inner{gap:12px}.top-navigation{margin-left:auto}.header-search{width:180px}.user-meta b{max-width:115px}.user-button small{max-width:115px}[data-view=dashboard] .kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}[data-view=dashboard] .dashboard-grid{grid-template-columns:1fr 1fr}.monthly-card{grid-column:1/-1}.monthly-chart svg{height:170px}.attention-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:940px){.topbar{height:auto}.topbar-inner{flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.brand{order:0}.top-actions{order:1;margin-left:auto}.header-search{order:2;width:210px}.top-navigation{order:3;flex-basis:100%;justify-content:center;padding-top:8px;height:auto;border-top:1px solid #29445b}.user-meta b{max-width:160px}.dashboard-filters{gap:12px}.dashboard-filters label+label{padding-left:12px}.dashboard-status-row{grid-template-columns:100px 1fr 22px 28px}}
@media(max-width:640px){.topbar-inner{padding:10px 16px;gap:10px}.brand img{width:78px;height:34px}.header-search{order:3;width:100%;flex-basis:100%}.top-navigation{order:2;justify-content:flex-start;gap:2px}.top-nav-link{font-size:10px;padding:8px 6px;gap:4px}.top-nav-link .ui-icon{width:13px;height:13px}.top-navigation>.top-dropdown{position:static}.records-dropdown{top:100%;left:auto;right:0}.top-navigation{overflow:visible}.top-actions{gap:6px}.user-button small{max-width:150px}.dashboard-head{align-items:flex-start;gap:15px}.dashboard-head h1{font-size:23px}.dashboard-head p{font-size:11px}.dashboard-head-actions .button{min-width:110px;font-size:10px;padding:9px}.dashboard-head-actions>span{font-size:8px;text-align:right;max-width:120px}.dashboard-filters{display:grid;grid-template-columns:1fr 1fr;padding:12px;gap:12px}.dashboard-filters label{display:block}.dashboard-filters label+label{border:0;padding:0}.dashboard-select{margin-top:5px;padding-left:8px}.dashboard-select select{width:100%;max-width:100%;font-size:10px}.dashboard-filters .button{align-self:end}[data-view=dashboard] .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}[data-view=dashboard] .kpi{padding:12px 10px;min-height:120px}.kpi-main{gap:8px}.kpi-icon{width:30px;height:34px}.kpi-main span{font-size:9px;white-space:normal}.kpi.orange strong,.kpi.green strong,.kpi.red strong{font-size:16px}.kpi-comparison{white-space:normal}.kpi-comparison small{display:block;margin:3px 0 0}[data-view=dashboard] .dashboard-grid{grid-template-columns:1fr}.monthly-card{grid-column:auto}.attention-cards,.dashboard-pending-dialog .attention-cards{grid-template-columns:1fr}[data-view=dashboard] .card-head p{font-size:9px}.dashboard-attention .card-head{align-items:flex-start}.dashboard-attention .text-button{font-size:9px}.recent-card .table-wrap{margin:0 -8px}.main{padding-top:18px}}