/* Exact approved Diamond Star Finance & Accounting visual design.
   Scoped to the Finance workspace; all finance data continues to use existing Supabase RLS. */
.layout.dsa-finance-mode{display:block;min-height:100vh;background:#f6f8fc}
.layout.dsa-finance-mode>.sidebar,.layout.dsa-finance-mode .topbar,.layout.dsa-finance-mode #dsa-global-nav,.layout.dsa-finance-mode .content>.footer{display:none!important}
.layout.dsa-finance-mode>.main{width:100%;min-width:0}
.layout.dsa-finance-mode #content{max-width:none;width:100%;padding:0;margin:0}
.layout.dsa-finance-mode .fin-shell{display:grid;grid-template-columns:206px minmax(0,1fr);gap:0;min-height:100vh;width:100%;align-items:stretch;color:#152543;background:#f8faff;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
.fin-shell,.fin-shell *{box-sizing:border-box}
.fin-shell .fin-svg{width:20px;height:20px;flex:0 0 20px;vertical-align:middle}
.fin-shell button:focus-visible,.fin-shell select:focus-visible,.fin-shell input:focus-visible,.fin-shell summary:focus-visible{outline:3px solid #edba45;outline-offset:2px}
.fin-shell .fin-side-rail{position:relative;border-radius:0;min-height:100vh;align-self:stretch;background:linear-gradient(155deg,#10234b 0%,#193365 68%,#102954 100%);color:white;padding:34px 10px 24px;gap:34px;box-shadow:none;overflow:hidden}
.fin-shell .fin-side-brand{display:flex;align-items:center;flex-direction:column;gap:10px;text-align:center;padding:0 8px}
.fin-shell .fin-side-brand img{width:95px;height:95px;border:0;background:#fff;padding:5px;border-radius:50%;object-fit:contain}
.fin-shell .fin-side-brand h3{color:white;font-size:19px;line-height:1.12;font-weight:750;letter-spacing:-.02em;margin:0}
.fin-shell .fin-brand-rule{width:142px;height:2px;margin:8px auto 0;background:linear-gradient(90deg,transparent,#e7bd55,transparent)}
.fin-shell .fin-side-nav{display:flex;flex-direction:column;gap:7px;align-items:stretch}
.fin-shell .fin-side-nav button{display:flex;align-items:center;gap:16px;width:100%;padding:13px 19px;text-align:left;font-weight:580;font-size:15px;color:#edf4ff;background:transparent;border:0;border-radius:10px;box-shadow:none;cursor:pointer;min-height:45px}
.fin-shell .fin-side-nav button:hover{background:#ffffff14}
.fin-shell .fin-side-nav button.on{background:linear-gradient(100deg,#365484,#2e4878);box-shadow:inset 3px 0 0 #efb94f;color:#fff;font-weight:720}
.fin-shell .fin-side-nav button .fin-svg{color:#e7effd;width:21px;height:21px}
.fin-shell .fin-side-campus{margin-top:auto;min-height:180px;border:0;border-radius:0;opacity:.42;background:linear-gradient(to top,#43618d30,#ffffff00 66%);position:relative}
.fin-shell .fin-side-campus:before{content:'';position:absolute;inset:auto 12px 12px;height:92px;background:linear-gradient(0deg,#93a8c8,#93a8c8) bottom / 100% 2px no-repeat;opacity:.5;clip-path:polygon(0 95%,0 79%,10% 79%,10% 51%,15% 51%,15% 35%,50% 10%,85% 35%,85% 51%,90% 51%,90% 79%,100% 79%,100% 100%,0 100%)}
.fin-shell .fin-main-shell{display:flex;flex-direction:column;gap:26px;padding:26px 22px 22px 24px;min-width:0;background:linear-gradient(105deg,#fff 0%,#f9fbff 72%,#f5f7fc 100%)}
.fin-shell .fin-hero{display:flex;flex-direction:column;gap:20px;min-width:0}
.fin-shell .fin-hero-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 4px 0 8px;min-height:70px}
.fin-shell .fin-heading{border-left:4px solid #ebb950;padding-left:17px;min-width:0}
.fin-shell .fin-heading h1{margin:0;color:#10234c;font-size:35px;line-height:1.1;letter-spacing:-.037em;font-weight:800}
.fin-shell .fin-heading p{margin:5px 0 0;color:#5b6d86;font-size:15px;font-weight:430}
.fin-shell .fin-hero-user{display:flex;align-items:center;gap:12px;color:#1c2c4d;padding:0}
.fin-shell .fin-bell-button{border:0;background:transparent;padding:7px;position:relative;color:#192e55;display:grid;place-items:center}
.fin-shell .fin-bell-button .fin-svg{width:23px;height:23px}
.fin-shell .fin-bell-button span{position:absolute;right:8px;top:8px;width:7px;height:7px;border-radius:50%;background:#e3a72e}
.fin-shell .fin-avatar-divider{height:28px;width:1px;background:#c4cee0;margin:0 8px}
.fin-shell .fin-profile-menu{position:relative;z-index:120}
.fin-shell .fin-profile-menu summary{list-style:none;display:flex;align-items:center;gap:11px;cursor:pointer;user-select:none;white-space:nowrap;font-size:14px;color:#203352}
.fin-shell .fin-profile-menu summary::-webkit-details-marker{display:none}
.fin-shell .fin-profile-menu summary .fin-svg{width:15px;height:15px;flex-basis:15px}
.fin-shell .fin-user-badge{width:41px;height:41px;border-radius:50%;background:#e9edf5;color:#23365c;display:grid;place-items:center;font-weight:750;font-size:14px}
.fin-shell .fin-profile-options{position:absolute;right:0;top:calc(100% + 10px);width:230px;padding:9px;background:white;border:1px solid #dce4f0;border-radius:12px;box-shadow:0 16px 44px #20375b33}
.fin-shell .fin-profile-options button{width:100%;padding:10px;text-align:left;border:0;border-radius:8px;background:white;color:#1b315b;font-size:13px;font-weight:620}
.fin-shell .fin-profile-options button:hover{background:#f1f6fc}
.fin-shell .fin-control-bar{display:grid;grid-template-columns:minmax(175px,1fr) minmax(160px,.91fr) 1px minmax(195px,1.38fr) auto;gap:14px;align-items:end;background:#f7f9fc;border:1px solid #dbe3ee;border-radius:16px;box-shadow:0 5px 11px #12295014;padding:17px 18px;min-width:0}
.fin-shell .fin-control-bar label{display:flex;flex-direction:column;gap:6px;min-width:0;color:#172a51;font-size:13px;font-weight:680}
.fin-shell .fin-control-bar label>span{font-size:13px;line-height:16px;color:#15284d;font-weight:700}
.fin-shell .fin-control-bar select{height:39px;width:100%;border:1px solid #cbd6e5;border-radius:9px;padding:0 11px;background:#fff;color:#1c2c4d;font-size:13px;font-weight:650;min-width:0;box-shadow:0 2px 5px #21375509}
.fin-shell .fin-control-divider{height:39px;align-self:end;background:#cbd5e4}
.fin-shell .fin-control-bar .fin-global-search{height:39px;position:relative;display:block;align-self:end}
.fin-shell .fin-global-search svg{position:absolute;top:9px;left:12px;color:#506386;width:19px;height:19px}
.fin-shell .fin-global-search input{width:100%;height:39px;border:1px solid #cbd6e5;border-radius:9px;padding:0 10px 0 40px;background:#fff;color:#1b3259;font-size:13px;font-weight:450;min-width:0}
.fin-shell .fin-control-bar .fin-top-new{height:40px;align-self:end;display:flex;align-items:center;gap:9px;justify-content:center;white-space:nowrap;background:#102d63!important;color:#fff!important;border:1px solid #102d63!important;border-radius:10px;font-size:13px;font-weight:750;padding:0 16px;box-shadow:0 4px 8px #12294c1a}
.fin-shell .fin-top-new span{font-size:19px;line-height:1}
.fin-shell .fin-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.fin-shell .fin-summary-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:start;background:white;min-height:129px;border:1px solid #dce4ef;border-radius:15px;padding:18px 14px;box-shadow:0 7px 16px #1d315516;overflow:hidden}
.fin-shell .fin-summary-card>div{min-width:0;display:flex;flex-direction:column;gap:7px}
.fin-shell .fin-summary-card small{font-size:12px;color:#31415c;font-weight:550;white-space:normal}
.fin-shell .fin-summary-card b{display:block;font-size:clamp(19px,2.05vw,27px);font-weight:820;line-height:1.18;color:#0d1d40;letter-spacing:-.035em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.fin-shell .fin-summary-card em{font-size:11px;color:#687995;font-style:normal;line-height:1.45}
.fin-shell .fin-metric-icon{width:46px;height:46px;border-radius:11px;display:grid;place-items:center}
.fin-shell .fin-metric-icon svg{width:23px;height:23px}
.fin-shell .fin-metric-gold{background:#fff6e8;color:#c9910a}.fin-shell .fin-metric-red{background:#ffeded;color:#b62323}.fin-shell .fin-metric-blue{background:#ebf2ff;color:#215ec0}.fin-shell .fin-metric-green{background:#e7f8ee;color:#03954d}
.fin-shell .fin-section-pills{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;min-width:0;margin-top:2px}
.fin-shell .fin-section-pills button{display:flex;align-items:center;justify-content:center;gap:11px;min-width:0;min-height:56px;border:1px solid #d7e0ed;background:#f9fbff;border-radius:9px;color:#294068;font-size:12.8px;font-weight:590;padding:10px 11px;white-space:nowrap;box-shadow:0 3px 8px #19335713}
.fin-shell .fin-section-pills button:hover{background:#e8f0fb}
.fin-shell .fin-section-pills button.on{background:#14336a;color:white;border-color:#14336a;box-shadow:inset 0 -4px 0 #e9b74a;font-weight:730}
.fin-shell .fin-section-pills button .fin-svg{width:19px;height:19px;flex-basis:19px}
.fin-shell .fin-content-shell{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:19px;min-width:0;align-items:start;margin-top:0}
.fin-shell .fin-center-zone,.fin-shell .fin-right-zone{min-width:0}
.fin-shell .fin-right-zone{display:flex;flex-direction:column;gap:18px}
.fin-shell .fin-card{background:#fff;border:1px solid #dce4ef;border-radius:15px;padding:18px;box-shadow:0 7px 16px #172c4c12;min-width:0}
.fin-shell .fin-payables-panel{min-height:505px;padding:18px 16px 17px}
.fin-shell .fin-panel-heading{margin-bottom:16px;display:flex;justify-content:space-between;align-items:flex-start}
.fin-shell .fin-panel-heading h2{font-size:23px;letter-spacing:-.035em;font-weight:800;color:#112246;line-height:1.15;margin:0}
.fin-shell .fin-panel-heading p{font-size:13px;color:#526786;margin:5px 0 0}
.fin-shell .fin-payables-filter-row{display:grid;grid-template-columns:minmax(170px,1.35fr) minmax(130px,.75fr) minmax(135px,.92fr) auto;gap:12px;align-items:end;margin:0 0 18px}
.fin-shell .fin-payables-filter-row label{display:flex;flex-direction:column;gap:6px;min-width:0}
.fin-shell .fin-payables-filter-row label>span{font-size:12px;color:#263b5f;font-weight:730;line-height:16px}
.fin-shell .fin-date-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.fin-shell .fin-payables-filter-row input,.fin-shell .fin-payables-filter-row select{height:37px;padding:0 6px;width:100%;min-width:0;border:1px solid #cdd7e6;border-radius:8px;font:inherit;font-size:12px;background:white;color:#1f3154}
.fin-shell .fin-payables-filter-row select{padding:0 10px}
.fin-shell .fin-clear-link{background:transparent!important;border:0!important;color:#194b99;font-size:12px;font-weight:760;white-space:nowrap;padding:0 0 9px;cursor:pointer}
.fin-shell .fin-accounts-table{overflow-x:auto;overflow-y:visible;margin:0 -10px}
.fin-shell .fin-accounts-table .table{width:100%;min-width:625px;border-collapse:collapse;table-layout:auto;font-size:11px}
.fin-shell .fin-accounts-table .table th{padding:12px 6px;font-size:9px;font-weight:760;letter-spacing:.055em;background:#f3f5f9;border-bottom:0;color:#344768;white-space:nowrap}
.fin-shell .fin-accounts-table .table td{padding:10px 6px;border-bottom:1px solid #e2e9f1;color:#172746;font-size:11px;white-space:nowrap}
.fin-shell .fin-accounts-table .table tr:hover td{background:#fafcff}
.fin-shell .fin-accounts-table .fin-invoice-link b{color:#1554a5;font-weight:760}
.fin-shell .fin-accounts-table .fin-number{font-variant-numeric:tabular-nums;text-align:right}
.fin-shell .fin-accounts-table .fin-date-overdue{color:#b1252a!important}
.fin-shell .fin-accounts-table .fin-row-actions-cell{width:44px;text-align:center}
.fin-shell .fin-pill{border-radius:999px;font-size:10px;line-height:1.15;padding:5px 9px;font-weight:770;text-transform:capitalize;white-space:nowrap}
.fin-shell .fin-pill.fin-bad{background:#ffebe9;color:#ad2621}.fin-shell .fin-pill.fin-warn{background:#fff3dd;color:#a46a12}.fin-shell .fin-pill.fin-good{background:#e1f6e8;color:#177946}.fin-shell .fin-pill.fin-pending{background:#e8f0ff;color:#245aae}
.fin-shell .fin-row-menu{position:relative;display:inline-block}
.fin-shell .fin-row-menu summary{list-style:none;display:grid;place-items:center;border:1px solid #cfd9e7;background:#fff;border-radius:7px;color:#263e61;width:32px;height:25px;font-size:18px;line-height:1;cursor:pointer}
.fin-shell .fin-row-menu summary::-webkit-details-marker{display:none}
.fin-shell .fin-row-menu-pop{position:absolute;right:0;top:calc(100% + 3px);z-index:15;min-width:140px;max-width:210px;padding:7px;background:white;border:1px solid #d5deec;border-radius:9px;box-shadow:0 12px 26px #1b36584d}
.fin-shell .fin-row-menu-pop .btn{display:block;width:100%;margin:2px 0;text-align:left;white-space:nowrap;background:#fff;color:#1d365f;border:0;border-radius:6px;padding:9px;font-size:11px}
.fin-shell .fin-row-menu-pop .btn:hover{background:#edf3fc}
.fin-shell .fin-table-empty{text-align:center!important;color:#7787a0!important;padding:32px 12px!important;white-space:normal!important}
.fin-shell .fin-invoice-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #e5ebf3;margin:14px 2px 0;padding-top:13px;color:#546780;font-size:12px}
.fin-shell .fin-invoice-summary strong{color:#10234c;font-weight:790;font-size:14px;white-space:nowrap}
.fin-shell .fin-right-zone .fin-card{padding:17px 17px 14px}
.fin-shell .fin-right-zone h3{display:flex;align-items:center;gap:11px;color:#122650;font-size:17px;font-weight:800;margin:0 0 14px;padding:0 0 14px;border-bottom:1px solid #e3e9f1}
.fin-shell .fin-right-zone h3 .fin-svg{color:#ca8e0a;width:22px;height:22px}
.fin-shell .fin-reminder-card button{display:flex;align-items:center;gap:10px;padding:9px 2px;background:transparent;border:0;border-bottom:1px solid #e7ecf3;width:100%;color:#1e3055;text-align:left;font-size:12px;font-weight:660}
.fin-shell .fin-reminder-card button:last-child{border-bottom:0;padding-bottom:3px}
.fin-shell .fin-reminder-card button>.fin-svg{margin-left:auto;color:#60738e;width:13px;height:13px;flex-basis:13px}
.fin-shell .fin-count{font-size:12px;font-weight:780;min-width:33px;padding:4px 7px;text-align:center;border-radius:8px}
.fin-shell .fin-count-red{background:#ffebea;color:#b5232b}.fin-shell .fin-count-gold{background:#fff1d3;color:#ac7215}.fin-shell .fin-count-blue{background:#e7f0ff;color:#2664b8}
.fin-shell .fin-activity-card h3 .fin-svg{color:#173b7c}
.fin-shell .fin-activity-timeline{list-style:none;margin:0;padding:0 0 5px 13px;position:relative}
.fin-shell .fin-activity-timeline:before{content:'';position:absolute;left:6px;top:10px;bottom:20px;width:1px;background:#d6e3f0}
.fin-shell .fin-activity-timeline li{margin:0 0 19px;position:relative;padding-left:14px;display:flex;flex-direction:column;gap:4px}
.fin-shell .fin-activity-timeline li:before{content:'';position:absolute;left:-12px;top:4px;width:12px;height:12px;border-radius:50%;background:#4d9de6;border:2px solid white;box-shadow:0 0 0 1px #d1e1f2}
.fin-shell .fin-activity-timeline li.paid:before{background:#22b772}
.fin-shell .fin-activity-timeline strong{font-size:11.5px;color:#233452;line-height:1.35}
.fin-shell .fin-activity-timeline small{font-size:10.8px;color:#7687a0}
.fin-shell .fin-see-all{display:flex;justify-content:center;align-items:center;gap:5px;width:100%;padding:11px 0 0;background:transparent;border:0;border-top:1px solid #e4eaf2;color:#2058a7;font-size:12px;font-weight:740;cursor:pointer}
.fin-shell .fin-see-all .fin-svg{width:13px;height:13px;flex-basis:13px}
.fin-shell .fin-foot{font-size:10px;color:#8b99a8;padding:0 4px;margin-top:0;display:flex;align-items:center;gap:8px}
.fin-shell .fin-foot .btn{font-size:10px;padding:4px 8px}
.fin-shell .fin-extended-module .fin-panel{margin:0 0 14px;padding:10px;border:0;background:transparent;box-shadow:none}
.fin-shell .fin-document-module .fin-panel{margin:0 0 18px}
.fin-shell .fin-standalone-panel{min-height:420px}
.fin-shell .fin-caption{margin:15px 0 0;color:#70829b;font-size:12px}
.fin-shell .fin-reports-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.fin-shell .fin-reports-grid>div{display:flex;flex-direction:column;gap:6px;border:1px solid #d9e5f2;background:#f7fafe;padding:15px;border-radius:12px}
.fin-shell .fin-reports-grid small{color:#62738e;font-size:12px}
.fin-shell .fin-reports-grid strong{font-size:22px;color:#14376e}
.fin-shell .fin-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.fin-shell .fin-settings-option{display:flex;flex-direction:column;text-align:left;gap:5px;border:1px solid #dce5ef;border-radius:12px;background:#fbfcff;padding:13px;color:#213a66;cursor:pointer}
.fin-shell .fin-settings-option:hover{background:#eef5ff}
.fin-shell .fin-settings-option b{font-size:13px}
.fin-shell .fin-settings-option small{font-size:10px;color:#6d7d93}
.fin-shell .fin-back-link{background:none;color:#2255a2;font-weight:700;font-size:13px;border:0;margin:0 0 17px;padding:5px 0}
.fin-shell .fin-center-zone>.fin-empty{min-height:320px}
/* Match the approved 1448px composition at 1268px as well: do not stack KPI cards or table/insights too early. */
@media(max-width:1250px) and (min-width:1051px){
 .layout.dsa-finance-mode .fin-shell{grid-template-columns:190px minmax(0,1fr)}
 .fin-shell .fin-main-shell{padding:22px 17px 20px}
 .fin-shell .fin-hero{gap:16px}
 .fin-shell .fin-control-bar{grid-template-columns:minmax(135px,1fr) minmax(130px,.9fr) 1px minmax(150px,1.2fr) auto;gap:9px;padding:13px}
 .fin-shell .fin-summary-grid{gap:10px}
 .fin-shell .fin-summary-card{grid-template-columns:35px minmax(0,1fr);gap:6px;padding:15px 9px;min-height:118px}
 .fin-shell .fin-metric-icon{width:34px;height:34px}
 .fin-shell .fin-metric-icon svg{width:19px;height:19px}
 .fin-shell .fin-summary-card b{font-size:19px}
 .fin-shell .fin-content-shell{grid-template-columns:minmax(0,1fr) 255px;gap:11px}
 .fin-shell .fin-payables-panel{padding:16px 10px}
 .fin-shell .fin-payables-filter-row{gap:6px;grid-template-columns:minmax(160px,1.35fr) minmax(100px,.8fr) minmax(100px,.9fr) auto}
 .fin-shell .fin-section-pills button{font-size:11px;padding:9px 6px;gap:6px}
 .fin-shell .fin-section-pills button .fin-svg{width:16px;height:16px;flex-basis:16px}
 .fin-shell .fin-accounts-table .table{min-width:605px}
 .fin-shell .fin-accounts-table .table td{padding:9px 4px;font-size:10px}
 .fin-shell .fin-accounts-table .table th{padding:10px 4px;font-size:8.5px}
}
@media(max-width:1050px){
 .layout.dsa-finance-mode .fin-shell{grid-template-columns:175px minmax(0,1fr)}
 .fin-shell .fin-main-shell{padding:19px 14px}
 .fin-shell .fin-hero-head{margin:0;min-height:auto}
 .fin-shell .fin-heading h1{font-size:30px}
 .fin-shell .fin-control-bar{grid-template-columns:1fr 1fr;gap:9px}
 .fin-shell .fin-control-divider{display:none}
 .fin-shell .fin-control-bar .fin-global-search{grid-column:1/2}
 .fin-shell .fin-control-bar .fin-top-new{grid-column:2/3;justify-self:end}
 .fin-shell .fin-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .fin-shell .fin-summary-card b{font-size:23px}
 .fin-shell .fin-content-shell{grid-template-columns:minmax(0,1fr)}
 .fin-shell .fin-right-zone{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .fin-shell .fin-section-pills{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
 .layout.dsa-finance-mode .fin-shell{display:block}
 .fin-shell .fin-side-rail{min-height:auto;padding:12px;gap:10px;border-radius:0}
 .fin-shell .fin-side-brand{display:flex;flex-direction:row;gap:10px;text-align:left}
 .fin-shell .fin-side-brand img{width:42px;height:42px}
 .fin-shell .fin-side-brand h3{font-size:14px}
 .fin-shell .fin-brand-rule,.fin-shell .fin-side-campus{display:none}
 .fin-shell .fin-side-nav{display:flex;flex-direction:row;overflow-x:auto;gap:5px}
 .fin-shell .fin-side-nav button{width:auto;min-width:auto;flex:0 0 auto;padding:9px 11px;font-size:12px;gap:6px}
 .fin-shell .fin-side-nav button .fin-svg{width:16px;height:16px}
 .fin-shell .fin-main-shell{padding:16px 11px}
 .fin-shell .fin-heading h1{font-size:25px}
 .fin-shell .fin-heading p{font-size:11px}
 .fin-shell .fin-hero-user{gap:3px}
 .fin-shell .fin-avatar-divider,.fin-shell .fin-profile-menu strong{display:none}
 .fin-shell .fin-control-bar{grid-template-columns:1fr 1fr;gap:8px;padding:11px}
 .fin-shell .fin-control-bar .fin-global-search{grid-column:1/-1}
 .fin-shell .fin-control-bar .fin-top-new{grid-column:1/-1;width:100%;justify-self:stretch}
 .fin-shell .fin-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .fin-shell .fin-summary-card{grid-template-columns:1fr;gap:4px;min-height:126px;padding:12px}
 .fin-shell .fin-summary-card b{font-size:clamp(16px,4.7vw,22px)}
 .fin-shell .fin-summary-card small{font-size:11px}
 .fin-shell .fin-metric-icon{width:30px;height:30px}
 .fin-shell .fin-metric-icon svg{width:17px;height:17px}
 .fin-shell .fin-section-pills{grid-template-columns:repeat(2,minmax(0,1fr))}
 .fin-shell .fin-section-pills button{min-height:50px;white-space:normal;font-size:11px;gap:7px;padding:7px}
 .fin-shell .fin-payables-filter-row{grid-template-columns:1fr 1fr;gap:9px}
 .fin-shell .fin-date-range{grid-column:1/-1}
 .fin-shell .fin-clear-link{align-self:end}
 .fin-shell .fin-right-zone{grid-template-columns:1fr}
 .fin-shell .fin-invoice-summary{flex-direction:column;align-items:flex-start}
 .fin-shell .fin-settings-grid{grid-template-columns:1fr}
}
@media print{.layout.dsa-finance-mode .fin-side-rail,.layout.dsa-finance-mode .fin-hero-user,.layout.dsa-finance-mode .fin-section-pills{display:none!important}.layout.dsa-finance-mode .fin-shell{display:block}.fin-shell .fin-content-shell{display:block}.fin-shell .fin-right-zone{display:none!important}}
@media(min-width:1051px){
 .fin-shell .fin-control-bar .fin-global-search{grid-column:auto;min-width:0}
 .fin-shell .fin-control-bar .fin-top-new{grid-column:auto;justify-self:stretch}
 .fin-shell .fin-control-bar .fin-control-divider{display:block}
}
/* Keep row actions usable even where horizontal table scrolling is needed. */
.fin-shell .fin-accounts-table .fin-row-menu[open] .fin-row-menu-pop{position:relative;top:auto;right:auto;z-index:3;margin-top:6px;text-align:left;min-width:145px;width:max-content}