/* V326 inherits the active portal/overview theme. No dashboard-specific palette. */
.fd326{--fd-secondary:var(--ot-secondary,var(--op-accent));width:100%;max-width:none}.fd326 button,.fd326 input,.fd326 select{font:inherit}.fd326 input:focus-visible{outline:3px solid var(--op-accent);outline-offset:3px}.fd326 button:disabled{cursor:default}.fd326 .fd326-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:7px 12px;border:1px solid var(--op-line);border-radius:7px;background:var(--op-panel);color:var(--op-ink);font-size:11px;text-decoration:none;text-align:center}.fd326 .fd326-primary{background:var(--primary,var(--op-accent));color:var(--on-primary,#fff);border-color:var(--primary,var(--op-accent))}.fd326 .fd326-workspace-head{display:flex;align-items:center;gap:20px;justify-content:space-between;flex-wrap:wrap;margin-bottom:16px}.fd326 .fd326-workspace-head h2{font-size:16px}.fd326 .fd326-workspace-head>div:last-child{margin-left:0;text-align:left}.fd326 .fd326-message:empty{display:none}.fd326 .fd326-message:not(:empty){border:1px solid var(--op-line);background:var(--op-soft);padding:11px 13px;border-radius:8px;margin:12px 0;font-size:12px}
.fd326 .fd326-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:0}.fd326 .fd326-filters label,.fd326 .fd326-report-controls label{display:grid;gap:5px;min-width:120px;flex:1}.fd326 .fd326-filters select{width:100%;max-width:100%;font-size:12px}.fd326 .fd326-filters input,.fd326 .fd326-reports input{border:1px solid var(--op-line);border-radius:7px;background:var(--op-panel);color:var(--op-ink);height:36px;padding:6px 10px;min-width:0;width:100%;font-size:12px}.fd326 .fd326-date-fields{display:flex;gap:10px;flex:1.2;min-width:250px}.fd326 [hidden]{display:none!important}.fd326 .fd326-scope{font-size:11px;color:var(--op-muted);margin:10px 0 15px;line-height:1.7}.fd326 .fd326-reports{border:1px solid var(--op-line);border-radius:8px;padding:10px 13px;background:var(--op-panel);margin-bottom:18px;font-size:11px}.fd326 .fd326-reports summary{cursor:pointer;color:var(--op-muted)}.fd326 .fd326-reports summary span{float:right;font-size:10px}.fd326 .fd326-report-controls{display:flex;gap:22px;flex-wrap:wrap;margin-top:13px}.fd326 .fd326-report-controls>form,.fd326 .fd326-report-controls>div{display:flex;align-items:end;gap:8px;flex:1;min-width:250px}.fd326 .fd326-report-controls select{width:100%;max-width:100%}.fd326 .fd326-reports p{color:var(--op-muted);font-size:10px;margin-top:11px}
.fd326 .fd326-cards{gap:14px;margin-bottom:0}.fd326 .fd326-card{text-align:left;display:flex;flex-direction:column;min-height:166px;border-bottom:3px solid var(--fd-secondary);color:var(--op-ink)}.fd326 .fd326-card:first-child{border-top:1px solid var(--op-line);padding-top:17px}.fd326 .fd326-card>span{display:flex;align-items:start;justify-content:space-between;gap:10px;color:var(--op-ink);font-size:12px;font-weight:600;min-height:32px;margin-bottom:9px}.fd326 .fd326-card>span>span{font-size:15px;font-weight:400}.fd326 .fd326-card strong{font-size:36px}.fd326 .fd326-card b{font-size:12px;margin-top:8px;overflow-wrap:anywhere}.fd326 .fd326-card small{margin-top:auto;padding-top:12px;line-height:1.55}.fd326 .fd326-card[aria-pressed=true]{outline:1px solid var(--op-accent);background:var(--op-soft)}.fd326[data-fd-persona=cfo] .fd326-card[aria-pressed=true]{background:var(--primary,var(--op-accent));color:var(--on-primary,#fff);border-color:var(--primary,var(--op-accent));border-bottom-color:var(--fd-secondary);outline:none}.fd326[data-fd-persona=cfo] .fd326-card[aria-pressed=true]>span,.fd326[data-fd-persona=cfo] .fd326-card[aria-pressed=true] small{color:var(--on-primary,#fff)}.fd326 .fd326-attention{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;margin:14px 0 18px;font-size:11px}.fd326 .fd326-attention>b{font-size:10px;letter-spacing:.3px;color:var(--op-muted)}.fd326 .fd326-attention button{border:0;background:transparent;color:var(--op-ink);padding:5px 0;text-align:left;min-height:34px;font-size:11px}.fd326 .fd326-attention button:first-of-type{font-weight:600}.fd326 .fd326-attention button span{color:var(--op-accent);margin-left:5px}
.fd326 .fd326-charts{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:17px;align-items:stretch}.fd326 .fd326-chart-panel{display:flex;flex-direction:column;min-height:280px}.fd326 .fd326-chart-panel .op-panel-head{padding-bottom:4px}.fd326 .fd326-chart-total{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;padding:11px 19px 0}.fd326 .fd326-chart-total strong{font-size:24px;font-weight:650;letter-spacing:-.5px;overflow-wrap:anywhere}.fd326 .fd326-chart-total small{color:var(--op-muted);font-size:10px}.fd326 .fd326-column-chart{margin:4px 16px 0;min-width:0}.fd326 .fd326-column-chart svg{width:100%;height:auto;display:block;overflow:visible}.fd326 svg text{fill:var(--op-muted);font-family:inherit;font-size:11px}.fd326 .fd326-grid{stroke:var(--op-line);stroke-width:1}.fd326 .fd326-bar{fill:color-mix(in srgb,var(--op-accent) 67%,var(--op-panel))}.fd326 .fd326-hit{fill:transparent}.fd326 .fd326-svg-target{cursor:pointer}.fd326 .fd326-svg-target:hover .fd326-bar,.fd326 .fd326-svg-target:focus .fd326-bar,.fd326 .fd326-svg-target.is-selected .fd326-bar{fill:var(--op-accent)}.fd326 .fd326-svg-target:focus-visible{outline:2px solid var(--op-accent);outline-offset:-2px}.fd326 .fd326-chart-value{fill:var(--op-ink)}.fd326 .fd326-chart-labels{display:grid;grid-template-columns:repeat(var(--fd-columns),minmax(0,1fr));gap:3px;margin-left:6%;}.fd326 .fd326-chart-labels button{background:transparent;border:0;border-radius:5px;padding:5px 1px;min-height:36px;color:var(--op-muted);font-size:10px;line-height:1.35;overflow-wrap:anywhere}.fd326 .fd326-chart-labels button[aria-pressed=true]{background:var(--op-soft);color:var(--op-accent);font-weight:600}.fd326 .fd326-chart-note{font-size:10px;color:var(--op-muted);padding:12px 19px;margin-top:auto;line-height:1.6}.fd326 .fd326-data{padding:10px 19px;border-top:1px solid var(--op-line);color:var(--op-muted);font-size:10px}.fd326 .fd326-data summary{cursor:pointer}.fd326 .fd326-data-scroll{max-width:100%;overflow:auto}.fd326 .fd326-data table{width:100%;font-size:11px;border-collapse:collapse;margin-top:8px}.fd326 .fd326-data th,.fd326 .fd326-data td{text-align:left;padding:6px 8px 6px 0;border-bottom:1px solid var(--op-line)}.fd326 .fd326-data th{font-weight:600}.fd326 .fd326-data td:last-child{text-align:right;white-space:nowrap}
.fd326 .fd326-ring-wrap{display:flex;align-items:center;justify-content:center;gap:14px;padding:7px 19px 0;flex:1}.fd326 .fd326-ring{width:170px;max-width:46%;height:auto;flex-shrink:0}.fd326 .fd326-ring-track{stroke:var(--op-soft)}.fd326 .fd326-ring-number{font-size:30px;font-weight:650;fill:var(--op-ink)}.fd326 .fd326-ring-segment{cursor:pointer}.fd326 .fd326-ring-segment:hover,.fd326 .fd326-ring-segment:focus{stroke-width:23}.fd326 .fd326-ring-segment:focus-visible{outline:2px solid var(--op-accent);outline-offset:3px}.fd326 .fd326-legend{display:grid;gap:2px;flex:1;min-width:0}.fd326 .fd326-legend button{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:29px;text-align:left;background:transparent;border:0;color:var(--op-ink);font-size:11px;padding:3px 0;border-radius:3px}.fd326 .fd326-legend button[aria-pressed=true]{color:var(--op-accent);font-weight:600}.fd326 .fd326-dot{height:8px;width:8px;border-radius:50%;background:var(--fd-color)}.fd326 .fd326-color-0{--fd-color:var(--op-accent);stroke:var(--fd-color)}.fd326 .fd326-color-1{--fd-color:color-mix(in srgb,var(--op-accent) 70%,var(--op-panel));stroke:var(--fd-color)}.fd326 .fd326-color-2{--fd-color:var(--fd-secondary);stroke:var(--fd-color)}.fd326 .fd326-color-3{--fd-color:color-mix(in srgb,var(--fd-secondary) 60%,var(--op-panel));stroke:var(--fd-color)}.fd326 .fd326-color-4{--fd-color:color-mix(in srgb,var(--op-accent) 45%,var(--op-ink));stroke:var(--fd-color)}.fd326 .fd326-color-5{--fd-color:color-mix(in srgb,var(--op-ink) 67%,var(--op-panel));stroke:var(--fd-color)}.fd326 .fd326-color-6{--fd-color:color-mix(in srgb,var(--op-accent) 40%,var(--op-panel));stroke:var(--fd-color)}.fd326 .fd326-color-7{--fd-color:color-mix(in srgb,var(--fd-secondary) 70%,var(--op-ink));stroke:var(--fd-color)}.fd326 .fd326-color-8{--fd-color:var(--op-muted);stroke:var(--fd-color)}
.fd326 .fd326-bars{display:grid;gap:8px;padding:10px 19px 4px}.fd326 .fd326-bar-row{display:grid;grid-template-columns:minmax(85px,.8fr) minmax(45px,1fr) minmax(42px,auto);gap:12px;align-items:center;width:100%;min-height:37px;border:0;background:transparent;color:var(--op-ink);text-align:left;padding:4px 0;border-radius:4px;font-size:11px}.fd326 .fd326-bar-label{overflow-wrap:anywhere;line-height:1.45}.fd326 .fd326-bar-label small{display:block;color:var(--op-muted);font-size:9px;margin-top:2px}.fd326 .fd326-track{background:var(--op-soft);height:12px;border-radius:3px;overflow:hidden}.fd326 .fd326-track>i{display:block;height:100%;background:color-mix(in srgb,var(--op-accent) 70%,var(--op-panel));border-radius:3px}.fd326 .fd326-bar-row b{text-align:right;font-variant-numeric:tabular-nums;font-size:10px;font-weight:600}.fd326 .fd326-bar-row:hover .fd326-track>i,.fd326 .fd326-bar-row[aria-pressed=true] .fd326-track>i{background:var(--op-accent)}.fd326 .fd326-bar-row[aria-pressed=true]{color:var(--op-accent)}
.fd326 .fd326-queue{margin-top:18px;scroll-margin-top:16px}.fd326 .fd326-queue .op-panel-head{padding-bottom:14px}.fd326 .fd326-cfo-queue{border-color:var(--op-accent)}.fd326 .fd326-cfo-queue .op-panel-head{background:var(--op-soft)}.fd326 .fd326-result{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid var(--op-line);border-bottom:1px solid var(--op-line);background:var(--op-soft);font-size:11px;padding:10px 19px}.fd326 .fd326-exports{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:10px 19px;font-size:10px;color:var(--op-muted)}.fd326 .fd326-exports>span{margin-right:auto}.fd326 .fd326-exports small{width:100%;font-size:10px}.fd326 .fd326-exports .fd326-button{min-height:31px;padding:5px 10px}.fd326 .fd326-tablehead,.fd326 .fd326-row{display:grid;grid-template-columns:21px minmax(0,1.55fr) minmax(95px,.8fr) minmax(120px,1fr) 58px;gap:13px;align-items:center;padding:13px 19px}.fd326 .fd326-tablehead{color:var(--op-muted);font-size:10px;padding-top:5px;padding-bottom:9px}.fd326 .fd326-row{border-top:1px solid var(--op-line);font-size:12px;min-height:84px}.fd326 .fd326-row input{width:16px;height:16px;accent-color:var(--op-accent);margin:0}.fd326 .fd326-record-mark{color:var(--op-muted)}.fd326 .fd326-request a{display:block;color:var(--op-ink);font-weight:600;text-decoration:none;overflow-wrap:anywhere}.fd326 .fd326-request a:hover{text-decoration:underline}.fd326 .fd326-row small{display:block;color:var(--op-muted);font-size:10px;margin-top:4px;line-height:1.5;overflow-wrap:anywhere}.fd326 .fd326-money{font-weight:600;font-size:11px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.fd326 .fd326-money small{font-weight:400}.fd326 .fd326-wait{font-size:11px;overflow-wrap:anywhere}.fd326[data-fd-persona=cfo] .fd326-row.is-selected{background:var(--op-soft);box-shadow:inset 3px 0 var(--op-accent)}.fd326 .fd326-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:11px 19px;border-top:1px solid var(--op-line);color:var(--op-muted);font-size:10px}.fd326 .fd326-pagination>div{display:flex;gap:8px}.fd326 .fd326-empty{padding:23px 19px;color:var(--op-muted);font-size:12px}
.fd326 .fd326-impact{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(140px,.8fr) auto;align-items:center;gap:18px;margin-top:17px;border:1px solid var(--op-line);border-top:3px solid var(--fd-secondary);border-radius:var(--op-radius);background:var(--op-soft);padding:17px 19px}.fd326 .fd326-impact h2{font-size:14px}.fd326 .fd326-impact p{font-size:10px;line-height:1.6;color:var(--op-muted);margin-top:5px}.fd326 .fd326-selection small{display:block;font-size:10px;color:var(--op-muted)}.fd326 .fd326-selection strong{font-size:20px;font-weight:650;overflow-wrap:anywhere}.fd326 .fd326-impact-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.fd326 .fd326-impact-result{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid var(--op-line);padding-top:13px}.fd326 .fd326-impact-result small{display:block;font-size:10px;color:var(--op-muted);margin-bottom:4px}.fd326 .fd326-impact-result b{font-size:13px}.fd326 .fd326-impact-result p,.fd326 .fd326-impact-error{grid-column:1/-1}.fd326 .fd326-impact-error{font-weight:600}.fd326 .fd326-brief{padding:18px 19px;margin-top:17px}.fd326 .fd326-brief-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.fd326 .fd326-brief-head small{font-size:9px;color:var(--op-muted);letter-spacing:.6px}.fd326 .fd326-brief-head h2{font-size:17px;margin-top:5px;overflow-wrap:anywhere}.fd326 .fd326-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:18px 0}.fd326 .fd326-facts dt{font-size:10px;color:var(--op-muted)}.fd326 .fd326-facts dd{font-size:12px;margin:4px 0 0;font-weight:600;overflow-wrap:anywhere}.fd326 .fd326-purpose{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.fd326 .fd326-brief-note{margin-top:12px;font-size:11px;color:var(--op-muted)}.fd326 .fd326-full-payment{margin-top:17px}
@media(max-width:1100px){.fd326 .fd326-charts{grid-template-columns:1fr 1fr}.fd326 .fd326-impact{grid-template-columns:1fr 1fr}.fd326 .fd326-impact-actions{grid-column:1/-1}.fd326 .fd326-ring{width:145px}.fd326 .fd326-ring-wrap{gap:10px}.fd326 .fd326-card{min-height:155px}.fd326 .fd326-bar-row{gap:8px;grid-template-columns:minmax(75px,.8fr) minmax(32px,1fr) minmax(36px,auto)}}
@media(max-width:760px){.fd326 .fd326-charts{grid-template-columns:1fr}.fd326 .fd326-workspace-head>div:last-child{margin-left:0;text-align:left;width:100%}.fd326 .fd326-filters{gap:10px}.fd326 .fd326-filters label{min-width:calc(50% - 10px)}.fd326 .fd326-filters select,.fd326 .fd326-filters input{min-height:42px;font-size:16px}.fd326 .fd326-date-fields{width:100%;flex:auto;order:2;min-width:0}.fd326 .fd326-filters>.fd326-button{order:3;width:100%;min-height:42px}.fd326 .fd326-card{padding:14px;min-height:164px}.fd326 .fd326-card:first-child{padding-top:14px}.fd326 .fd326-card strong{font-size:31px}.fd326 .fd326-card>span{font-size:11px;min-height:34px}.fd326 .fd326-card b{font-size:11px}.fd326 .fd326-card small{font-size:10px}.fd326 .fd326-attention{gap:3px 12px;margin:13px 0}.fd326 .fd326-attention>b{width:100%}.fd326 .fd326-attention button{min-height:36px}.fd326 .fd326-chart-labels button{min-height:40px}.fd326 .fd326-ring{width:170px;max-width:46%}.fd326 .fd326-ring-wrap{min-height:196px}.fd326 .fd326-legend button{min-height:33px}.fd326 .fd326-bar-row{min-height:42px;grid-template-columns:minmax(83px,.8fr) minmax(38px,1fr) minmax(43px,auto)}.fd326 .fd326-chart-panel{min-height:250px}.fd326 .fd326-tablehead{display:none}.fd326 .fd326-row{grid-template-columns:20px minmax(0,1fr) auto;gap:10px 9px;padding:14px 15px}.fd326 .fd326-row>span{grid-row:1}.fd326 .fd326-request{grid-column:2/-1;grid-row:1}.fd326 .fd326-money{grid-column:2;grid-row:2}.fd326 .fd326-wait{grid-column:2;grid-row:3}.fd326 .fd326-row>.fd326-button{grid-column:3;grid-row:2/4;min-height:42px;align-self:center}.fd326 .fd326-result,.fd326 .fd326-pagination,.fd326 .fd326-exports{padding-left:15px;padding-right:15px}.fd326 .fd326-exports>span{width:100%}.fd326 .fd326-exports .fd326-button,.fd326 .fd326-pagination .fd326-button{min-height:40px}.fd326 .fd326-queue .op-panel-head{flex-wrap:wrap}.fd326 .fd326-impact{padding:16px;gap:14px;grid-template-columns:1fr}.fd326 .fd326-impact>div:first-child{grid-column:1/-1}.fd326 .fd326-impact-result{grid-template-columns:1fr}.fd326 .fd326-impact-actions{grid-column:auto}.fd326 .fd326-facts{grid-template-columns:1fr 1fr}.fd326 .fd326-report-controls>form,.fd326 .fd326-report-controls>div{min-width:100%;flex-wrap:wrap}.fd326 .fd326-report-controls label{width:100%;flex:auto;min-width:0}.fd326 .fd326-report-controls select,.fd326 .fd326-report-controls input{font-size:16px;min-height:42px}.fd326 .fd326-reports .fd326-button{min-height:40px}.fd326 .fd326-button{min-height:40px}.fd326 .fd326-column-chart svg{min-height:150px}}
@media(max-width:380px){.fd326 .fd326-cards{gap:9px}.fd326 .fd326-card{padding:11px}.fd326 .fd326-card:first-child{padding-top:11px}.fd326 .fd326-ring-wrap{flex-direction:column;padding-top:12px}.fd326 .fd326-ring{width:155px;max-width:100%}.fd326 .fd326-legend{width:100%;grid-template-columns:1fr 1fr;gap:2px 13px}.fd326 .fd326-legend button{font-size:10px}.fd326 .fd326-chart-total strong{font-size:21px}.fd326 .fd326-bars{padding-left:15px;padding-right:15px}.fd326 .fd326-bar-row{grid-template-columns:80px minmax(20px,1fr) auto;font-size:10px;gap:7px}.fd326 .fd326-filters>label{width:100%;min-width:100%}.fd326 .fd326-date-fields label{min-width:0}.fd326 .fd326-facts{grid-template-columns:1fr}}

.fd326 .fd326-trend-area{fill:var(--op-accent);opacity:.09}.fd326 .fd326-trend-line{fill:none;stroke:var(--op-accent);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.fd326 .fd326-trend-point{fill:var(--op-accent);stroke:var(--op-panel);stroke-width:1.5}.fd326 .fd326-svg-target:hover .fd326-trend-point,.fd326 .fd326-svg-target:focus .fd326-trend-point,.fd326 .fd326-svg-target.is-selected .fd326-trend-point{fill:var(--fd-secondary);r:5px}

/* V327 — the original morning design; every colour comes from the active portal theme. */
.fd326{container-type:inline-size;--fd-paid:var(--op-accent);--fd-requested:var(--fd-secondary);--fd-kpi:var(--op-accent)}
.fd326 .op325-hero{margin-bottom:14px}.fd326 .fd326-workspace-head{margin-bottom:13px}.fd326 .fd326-workspace-head h2{font-size:21px;letter-spacing:-.6px}.fd326 .fd326-workspace-head .op-sub{font-size:12px}
.fd326 .fd326-filters{gap:9px;padding:12px 14px;border:1px solid var(--op-line);background:var(--op-panel);border-radius:var(--op-radius)}.fd326 .fd326-filters label{min-width:110px}.fd326 .fd326-scope{font-size:11px;margin:8px 0 13px}.fd326 .fd326-reports{margin:14px 0 0;font-size:11px}.fd326 .fd326-reports summary span,.fd326 .fd326-reports p{font-size:11px}
.fd326 .fd326-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.fd326 .fd326-card,.fd326 .fd326-card:first-child{border:1px solid var(--op-line);border-top:2px solid var(--fd-kpi);border-radius:var(--op-radius);padding:14px 15px;min-height:164px;position:relative;box-shadow:none;outline:none}.fd326 .fd326-card-0{--fd-kpi:var(--op-accent)}.fd326 .fd326-card-1{--fd-kpi:var(--fd-secondary)}.fd326 .fd326-card-2{--fd-kpi:color-mix(in srgb,var(--op-accent) 60%,var(--op-ink))}.fd326 .fd326-card-3{--fd-kpi:var(--op-accent)}.fd326 .fd326-card>span{font-size:12px;line-height:1.4;min-height:20px;margin-bottom:7px}.fd326 .fd326-card strong{font-size:35px;font-weight:650}.fd326 .fd326-card b{font-size:12px;margin-top:6px}.fd326 .fd326-card small{font-size:11px;padding-top:8px;line-height:1.5}.fd326 .fd326-kpi-center{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:58px}.fd326 .fd326-mini-ring{display:grid;place-items:center;border-radius:50%;height:47px;width:47px;flex:none;position:relative;background:conic-gradient(var(--fd-kpi) var(--fd-percent),var(--op-soft) 0)}.fd326 .fd326-mini-ring:before{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--op-panel)}.fd326 .fd326-mini-ring>span{position:relative;color:var(--op-ink);font-size:11px;font-weight:600}.fd326 .fd326-mini-trend{width:58px;height:42px;flex:none}.fd326 .fd326-mini-trend polyline{fill:none;stroke:var(--fd-kpi);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.fd326 .fd326-card[aria-pressed=true],.fd326[data-fd-persona=cfo] .fd326-card[aria-pressed=true]{background:var(--op-soft);color:var(--op-ink);border-color:var(--fd-kpi);box-shadow:inset 0 0 0 1px var(--fd-kpi)}.fd326[data-fd-persona=cfo] .fd326-card[aria-pressed=true]>span{color:var(--op-ink)}.fd326[data-fd-persona=cfo] .fd326-card[aria-pressed=true] small{color:var(--op-muted)}.fd326 .fd326-card:hover{border-color:var(--fd-kpi)}.fd326 .fd326-card:focus-visible{outline:3px solid var(--op-accent);outline-offset:3px}.fd326 .fd326-attention{margin:10px 0 13px;gap:5px 16px}.fd326 .fd326-attention>b{font-size:11px}
.fd326 .fd326-charts{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:13px;align-items:stretch}.fd326 .fd326-chart-panel{min-height:0;grid-column:span 4}.fd326 [data-fd-chart=trend]{grid-column:span 6}.fd326 [data-fd-chart=status],.fd326 [data-fd-chart=vendors],.fd326 [data-fd-chart=calendar]{grid-column:span 3}.fd326 [data-fd-chart=aging],.fd326 [data-fd-chart=turnaround]{grid-column:span 5}.fd326 .fd326-chart-panel .op-panel-head{padding:16px 16px 0;gap:8px}.fd326 .fd326-overline{display:block;font-size:11px;font-weight:600;letter-spacing:1.1px;color:var(--op-muted);margin-bottom:4px}.fd326 .fd326-chart-panel h2{font-size:17px;line-height:1.35;letter-spacing:-.3px}.fd326 .fd326-chart-panel .op-sub{font-size:11px;line-height:1.5;margin-top:5px}.fd326 .fd326-chart-total{padding:12px 16px 0;gap:7px}.fd326 .fd326-chart-total strong{font-size:25px}.fd326 .fd326-chart-total small{font-size:11px}.fd326 .fd326-column-chart{margin:5px 12px 0;min-width:0}.fd326 .fd326-column-chart svg{min-height:160px}.fd326 .fd326-chart-labels{gap:0;margin-left:8%}.fd326 .fd326-chart-labels button{font-size:11px;min-height:28px}.fd326 .fd326-chart-note{font-size:11px;line-height:1.55;padding:10px 16px;border-top:1px solid var(--op-line);margin-top:auto}.fd326 .fd326-data{padding:8px 16px;font-size:11px}.fd326 .fd326-series-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 15px;padding:11px 16px 0;font-size:11px;color:var(--op-muted)}.fd326 .fd326-series-legend>span{display:flex;align-items:center;gap:6px}.fd326 .fd326-series-legend>span:before{content:"";display:block;width:13px;height:5px;border-radius:1px;background:var(--fd-paid)}.fd326 .fd326-series-legend>.fd326-requested-key:before{background:var(--fd-requested)}.fd326 [data-fd-chart=trend] .fd326-requested-key:before{height:0;border-top:2px dashed var(--fd-requested);background:transparent}.fd326 .fd326-series-legend>b{margin-left:auto;font-size:11px;font-weight:400}.fd326 .fd326-trend-area{fill:var(--fd-paid)}.fd326 .fd326-trend-line{stroke:var(--fd-paid)}.fd326 .fd326-trend-point{fill:var(--fd-paid)}.fd326 .fd326-requested-line{fill:none;stroke:var(--fd-requested);stroke-width:2;stroke-dasharray:5 4;stroke-linejoin:round;stroke-linecap:round}.fd326 .fd326-requested-point{fill:var(--op-panel);stroke:var(--fd-requested);stroke-width:2}.fd326 .fd326-svg-target:hover .fd326-requested-point,.fd326 .fd326-svg-target:focus .fd326-requested-point{r:5px}
.fd326 .fd326-ring-wrap{flex-direction:column;gap:4px;padding:8px 16px 12px}.fd326 .fd326-ring{width:155px;max-width:100%;height:155px}.fd326 .fd326-ring-number{font-size:31px}.fd326 .fd326-ring text:not(.fd326-ring-number){font-size:11px}.fd326 .fd326-legend{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:3px 10px;flex:0}.fd326 .fd326-legend button{font-size:11px;min-height:29px;gap:5px;line-height:1.35}.fd326 .fd326-legend button span{overflow-wrap:anywhere}.fd326 .fd326-dot{width:6px;height:6px}.fd326 .fd326-legend button{grid-template-columns:6px minmax(0,1fr) auto}
.fd326 .fd326-vendors{display:grid;gap:3px;padding:9px 16px 12px}.fd326 .fd326-vendor{display:flex;align-items:start;gap:9px;padding:7px 0;background:transparent;border:0;color:var(--op-ink);text-align:left;border-radius:5px;min-width:0;min-height:48px}.fd326 .fd326-vendor-rank{font-size:11px;color:var(--op-muted);padding-top:1px;font-variant-numeric:tabular-nums}.fd326 .fd326-vendor-main{flex:1;min-width:0}.fd326 .fd326-vendor-main>span:first-child{display:flex;justify-content:space-between;align-items:start;gap:8px;font-size:11px;line-height:1.4}.fd326 .fd326-vendor-main b{font-weight:550;overflow-wrap:anywhere}.fd326 .fd326-vendor-main strong{font-size:11px;font-weight:600;white-space:nowrap}.fd326 .fd326-vendor-main .fd326-track{display:block;height:4px;margin:7px 0 4px}.fd326 .fd326-vendor-main small{font-size:11px;color:var(--op-muted)}.fd326 .fd326-vendor:hover,.fd326 .fd326-vendor[aria-pressed=true]{background:var(--op-soft)}
.fd326 .fd326-departments{display:grid;gap:12px;padding:15px 16px;flex:1}.fd326 .fd326-department-row{display:grid;grid-template-columns:minmax(70px,.72fr) minmax(0,1.3fr);align-items:center;gap:9px}.fd326 .fd326-department-row>b{font-size:11px;font-weight:500;overflow-wrap:anywhere}.fd326 .fd326-department-row>div{display:grid;gap:1px}.fd326 .fd326-department-bar{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;align-items:center;background:transparent;border:0;padding:3px 0;color:var(--op-ink);font-size:11px;min-height:21px;border-radius:3px}.fd326 .fd326-department-bar>span:last-child{text-align:right;font-variant-numeric:tabular-nums}.fd326 .fd326-department-bar .fd326-track{height:6px}.fd326 .fd326-department-bar .fd326-track>i{background:var(--fd-paid)}.fd326 .fd326-department-bar.is-open .fd326-track>i{background:var(--fd-requested)}.fd326 .fd326-department-bar:hover{background:var(--op-soft)}
.fd326 .fd326-performance-tabs{display:flex;gap:3px;background:var(--op-soft);padding:3px;margin:13px 16px 0;border-radius:5px;width:fit-content}.fd326 .fd326-performance-tabs button{border:0;border-radius:4px;background:transparent;color:var(--op-muted);padding:6px 10px;font-size:11px;min-height:30px}.fd326 .fd326-performance-tabs button[aria-pressed=true]{background:var(--op-panel);color:var(--op-ink);box-shadow:0 1px 3px color-mix(in srgb,var(--op-ink) 8%,transparent)}.fd326 .fd326-performance-stat{display:flex;gap:10px;align-items:baseline;padding:13px 16px 2px}.fd326 .fd326-performance-stat strong{font-size:29px;font-weight:650}.fd326 .fd326-performance-stat span{font-size:11px;color:var(--op-muted)}.fd326 .fd326-age-columns{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;padding:5px 16px 15px;flex:1}.fd326 .fd326-age-columns button{display:flex;flex-direction:column;gap:7px;text-align:center;align-items:stretch;min-width:0;border:0;background:transparent;color:var(--op-muted);padding:0;border-radius:5px;font-size:11px;line-height:1.35}.fd326 .fd326-age-value{color:var(--op-ink);font-weight:600}.fd326 .fd326-age-track{display:flex;align-items:end;height:96px;background:var(--op-soft);border-radius:4px;overflow:hidden}.fd326 .fd326-age-track>i{width:100%;display:block;background:color-mix(in srgb,var(--op-accent) 65%,var(--op-panel));min-height:0}.fd326 .fd326-age-columns button:nth-child(4) i{background:var(--fd-secondary)}.fd326 .fd326-age-columns button:hover i,.fd326 .fd326-age-columns button[aria-pressed=true] i{background:var(--op-accent)}.fd326 .fd326-bars{padding:12px 16px 13px;gap:5px;flex:1}.fd326 .fd326-bar-row{grid-template-columns:minmax(85px,.8fr) minmax(30px,1fr) auto;min-height:32px;gap:9px}.fd326 .fd326-bar-label small,.fd326 .fd326-bar-row b{font-size:11px}.fd326 .fd326-bar-row .fd326-track{height:7px}
.fd326 .fd326-calendar-nav{display:flex;gap:2px}.fd326 .fd326-calendar-nav button{font-size:20px;line-height:1;border:1px solid var(--op-line);color:var(--op-ink);background:var(--op-panel);width:25px;height:27px;border-radius:4px;flex:none;padding:0}.fd326 .fd326-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;padding:12px 13px 9px;flex:1}.fd326 .fd326-calendar>span{display:grid;place-items:center;font-size:11px;color:var(--op-muted);min-height:20px}.fd326 .fd326-calendar>button{display:grid;place-items:center;min-height:27px;padding:3px 0;border:0;background:transparent;border-radius:4px;color:var(--op-muted);font-size:11px;position:relative}.fd326 .fd326-calendar .has-payments{background:var(--op-soft);color:var(--op-ink);font-weight:600}.fd326 .fd326-calendar .has-payments i{width:3px;height:3px;border-radius:50%;background:var(--op-accent);position:absolute;bottom:2px;left:calc(50% - 1.5px)}.fd326 .fd326-calendar .is-today{box-shadow:inset 0 0 0 1px var(--op-accent);color:var(--op-accent)}.fd326 .fd326-calendar>button:hover{background:var(--op-soft)}.fd326 .fd326-calendar-key,.fd326 .fd326-calendar-total{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:0 16px 9px;color:var(--op-muted);font-size:11px}.fd326 .fd326-calendar-key button{padding:4px 0;color:var(--op-accent);background:transparent;border:0;font-size:11px;min-height:28px}.fd326 .fd326-calendar-total strong{color:var(--op-ink);font-size:12px;font-weight:600}
.fd326 .fd326-tablehead,.fd326 .fd326-row small,.fd326 .fd326-exports,.fd326 .fd326-exports small,.fd326 .fd326-pagination{font-size:11px}.fd326 .fd326-tablehead,.fd326 .fd326-row{padding-left:16px;padding-right:16px}.fd326 .fd326-queue{margin-top:14px}.fd326 .fd326-cfo-queue .op-panel-head{border-top:2px solid var(--op-accent)}.fd326 .fd326-chart-panel .fd326-empty{padding:20px 0;font-size:11px;line-height:1.6}.fd326 .fd326-impact p,.fd326 .fd326-selection small{font-size:11px}
@container(max-width:1100px){.fd326 .fd326-charts{grid-template-columns:repeat(12,minmax(0,1fr))}.fd326 [data-fd-chart=trend]{grid-column:span 7}.fd326 [data-fd-chart=status]{grid-column:span 5}.fd326 [data-fd-chart=vendors],.fd326 [data-fd-chart=department],.fd326 [data-fd-chart=aging],.fd326 [data-fd-chart=turnaround],.fd326 [data-fd-chart=calendar]{grid-column:span 6}.fd326 [data-fd-chart=department]{grid-row:2;grid-column:1/span 6}.fd326 .fd326-ring-wrap{flex-direction:row;gap:12px;padding:16px}.fd326 .fd326-ring{width:140px;height:140px;max-width:48%}.fd326 .fd326-legend{grid-template-columns:1fr;flex:1}.fd326 .fd326-vendors{gap:7px}.fd326 .fd326-vendor{min-height:49px}.fd326 .fd326-departments{gap:15px}.fd326 .fd326-calendar>button{min-height:31px}.fd326 .fd326-calendar{gap:4px}.fd326 .fd326-kpi-center strong{font-size:32px}.fd326 .fd326-mini-ring{height:42px;width:42px}.fd326 .fd326-mini-trend{width:47px}.fd326 .fd326-card>span{font-size:11px}.fd326 .fd326-card,.fd326 .fd326-card:first-child{padding:13px}}
@container(max-width:780px){.fd326 .fd326-cards{gap:9px}.fd326 .fd326-card,.fd326 .fd326-card:first-child{padding:12px 10px;min-height:174px}.fd326 .fd326-card>span{min-height:32px}.fd326 .fd326-card b{font-size:11px}.fd326 .fd326-card small{font-size:11px}.fd326 .fd326-kpi-center{gap:3px}.fd326 .fd326-kpi-center strong{font-size:29px}.fd326 .fd326-mini-ring{height:36px;width:36px}.fd326 .fd326-mini-ring:before{inset:4px}.fd326 .fd326-mini-trend{width:37px}.fd326 .fd326-ring-wrap{flex-direction:column;gap:5px}.fd326 .fd326-ring{width:132px;height:132px;max-width:100%}.fd326 .fd326-legend{grid-template-columns:1fr 1fr;width:100%;flex:0;gap:1px 8px}.fd326 .fd326-legend button{font-size:11px}.fd326 .fd326-charts{gap:11px}.fd326 .fd326-calendar-nav button{width:23px}.fd326 .fd326-chart-panel h2{font-size:16px}.fd326 .fd326-calendar-key{gap:4px}.fd326 .fd326-filters label{min-width:140px}.fd326 .fd326-filters>.fd326-button{flex:1}.fd326 .fd326-filters select{max-width:100%}.fd326 .fd326-age-columns{gap:7px}.fd326 .fd326-overline{font-size:11px;letter-spacing:.6px}}
@container(max-width:600px){.fd326 .fd326-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fd326 .fd326-card,.fd326 .fd326-card:first-child{padding:14px;min-height:163px}.fd326 .fd326-card>span{font-size:12px;min-height:24px}.fd326 .fd326-kpi-center strong{font-size:34px}.fd326 .fd326-mini-ring{height:48px;width:48px}.fd326 .fd326-mini-trend{width:50px}.fd326 .fd326-charts{display:flex;flex-direction:column;gap:12px}.fd326 .fd326-chart-panel{min-height:0}.fd326 .fd326-ring-wrap{flex-direction:row;gap:20px}.fd326 .fd326-ring{width:151px;height:151px;max-width:46%}.fd326 .fd326-legend{grid-template-columns:1fr;flex:1}.fd326 .fd326-chart-panel h2{font-size:17px}.fd326 .fd326-chart-total strong{font-size:25px}.fd326 .fd326-vendors{gap:8px}.fd326 .fd326-vendor{min-height:52px}.fd326 .fd326-departments{gap:15px}.fd326 .fd326-department-row>b{font-size:12px}.fd326 .fd326-department-bar{min-height:28px}.fd326 .fd326-age-columns{padding-bottom:17px}.fd326 .fd326-age-track{height:104px}.fd326 .fd326-calendar>button{min-height:35px}.fd326 .fd326-calendar-nav button{width:30px;height:30px}.fd326 .fd326-filters{padding:12px}.fd326 .fd326-filters label{min-width:100%;width:100%}.fd326 .fd326-filters select,.fd326 .fd326-filters input{font-size:16px;min-height:42px}.fd326 .fd326-date-fields{width:100%;min-width:0;flex:auto}.fd326 .fd326-date-fields label{min-width:0;width:auto}.fd326 .fd326-filters>.fd326-button{width:100%;min-height:42px}.fd326 .fd326-workspace-head h2{font-size:20px}.fd326 .fd326-chart-labels button{min-height:36px}.fd326 .fd326-performance-tabs button{min-height:36px}.fd326 .fd326-bar-row{min-height:39px}.fd326 .fd326-data{padding-top:11px;padding-bottom:11px}}
@container(max-width:340px){.fd326 .fd326-card,.fd326 .fd326-card:first-child{padding:11px;min-height:170px}.fd326 .fd326-card>span{font-size:11px}.fd326 .fd326-kpi-center strong{font-size:29px}.fd326 .fd326-mini-ring{width:41px;height:41px}.fd326 .fd326-mini-trend{width:39px}.fd326 .fd326-ring-wrap{gap:10px}.fd326 .fd326-ring{width:128px;height:128px}.fd326 .fd326-chart-total strong{font-size:22px}.fd326 .fd326-age-columns{gap:6px}.fd326 .fd326-department-row{grid-template-columns:72px minmax(0,1fr)}.fd326 .fd326-department-row>b{font-size:11px}}
@media(pointer:coarse){.fd326 .fd326-chart-labels button,.fd326 .fd326-legend button,.fd326 .fd326-performance-tabs button{min-height:40px}.fd326 .fd326-calendar>button{min-height:36px}.fd326 .fd326-calendar-nav button{min-height:34px;min-width:30px}.fd326 .fd326-department-bar{min-height:31px}}
/* Keep the theme artwork and authorised creation actions, with a compact header. */
.fd326 .op325-hero.ot285[data-design] .ot-hero{min-height:185px;padding:22px 25px;margin:0;gap:16px}.fd326 .op325-hero.ot285[data-design] .ot-hero h1{font-size:34px;letter-spacing:-1px}.fd326 .op325-hero.ot285[data-design] .ot-hero-actions{margin-top:12px}.fd326 .op325-hero.ot285[data-design] .ot-greeting{font-size:14px}.fd326 .op325-hero.ot285[data-design] .lu-arabic{font-size:18px}
@container(max-width:600px){.fd326 .op325-hero.ot285[data-design] .ot-hero{min-height:230px;padding:20px 17px}.fd326 .op325-hero.ot285[data-design] .ot-hero-copy{max-width:100%;width:100%}.fd326 .op325-hero.ot285[data-design] .ot-hero h1{font-size:31px}.fd326 .op325-hero.ot285[data-design] .ot-hero-actions{max-width:100%;gap:7px}}
/* The finance page shares the portal banner; use one compact heading, not a second hero. */
.fd326 .fd326-overview-head{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:92px;margin-bottom:13px;padding:5px 0 9px}.fd326 .fd326-overview-head h1{font-size:29px;line-height:1.15;font-weight:650;letter-spacing:-.9px;margin:5px 0 7px;color:var(--op-ink)}.fd326 .fd326-overview-head h1>span{color:var(--op-accent)}.fd326 .fd326-overview-head p{font-size:12px;color:var(--op-muted)}.fd326 .fd326-overview-head>.fd326-header-actions{width:auto;background:transparent;padding:0;margin:0;border:0;box-shadow:none;flex:none;max-width:52%}.fd326 .fd326-header-actions .ot-hero-actions{position:static;display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;width:auto;max-width:none;margin:0;padding:0;background:none;transform:none;align-self:auto}.fd326 .fd326-header-actions .overview-create-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px;margin:0}.fd326 .fd326-header-actions .ot-design-shortcut{font-size:11px;align-self:center;margin:0;color:var(--op-muted)}.fd326 .fd326-header-actions .ot-btn{font-size:11px;min-height:35px;padding:8px 10px}.fd326>.op-views{margin-bottom:12px}
@container(max-width:850px){.fd326 .fd326-overview-head h1{font-size:26px}.fd326 .fd326-overview-head>.fd326-header-actions{max-width:49%}.fd326 .fd326-header-actions .ot-hero-actions{gap:6px}.fd326 .fd326-header-actions .ot-design-shortcut{width:auto}}
@container(max-width:600px){.fd326 .fd326-overview-head{display:block;min-height:0;padding:2px 0 4px}.fd326 .fd326-overview-head h1{font-size:28px}.fd326 .fd326-overview-head>.fd326-header-actions{max-width:100%;margin-top:14px}.fd326 .fd326-header-actions .ot-hero-actions,.fd326 .fd326-header-actions .overview-create-actions{justify-content:flex-start}.fd326 .fd326-header-actions .ot-btn{min-height:40px}.fd326 .fd326-overview-head .fd326-overline{font-size:11px;letter-spacing:1.2px}}