:root{--navy:#1d3160;--ink:#16243b;--muted:#637189;--lime:#e0e658;--line:#dfe5ed;--bg:#f3f5f9;--red:#a91c36}*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}a{color:var(--navy);text-decoration:none}a:hover{text-decoration:underline}button,.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;background:var(--navy);color:white;border:1px solid transparent;border-radius:10px;padding:11px 17px;font:600 14px/1.3 inherit;cursor:pointer;text-decoration:none;min-height:42px}button:hover,.button:hover{filter:brightness(1.12);text-decoration:none}button:disabled{opacity:.5;cursor:wait}.secondary{background:white;color:var(--navy);border-color:var(--line)}.ghost{background:transparent;color:inherit;border-color:#ffffff35}.danger{color:var(--red);background:#fff0f1}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:#09152b;color:white;display:flex;flex-direction:column;padding:22px 18px;z-index:10}.brand{color:white;text-align:center;padding-bottom:24px;border-bottom:1px solid #ffffff18}.brand img{display:block;width:130px;margin:-12px auto -10px}.brand span{font-size:11px;letter-spacing:2px;text-transform:uppercase}.sidebar nav{display:grid;gap:5px;margin-top:24px}.sidebar nav a{color:#cad4e7;padding:11px 14px;border-radius:9px}.sidebar nav a.active{background:var(--lime);color:#101c32;font-weight:700}.sidebar-bottom{margin-top:auto;display:grid;gap:16px;padding-top:25px}.sidebar-bottom a{color:white;padding:0 14px}.sidebar-bottom small{display:block;color:#a8b4cc}.sidebar-bottom button{width:100%}.workspace{margin-left:230px;padding:35px 40px 60px;max-width:1900px}.page-heading,.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;font-weight:700;font-size:11px;color:var(--muted);margin:0 0 8px}h1{font-size:30px;letter-spacing:-1px;line-height:1.15;margin:0}h2{font-size:20px;line-height:1.3;margin:0 0 16px}h3{font-size:15px;margin:18px 0 8px}p{margin:8px 0 16px;color:var(--muted)}.section-title h2{margin:0}.section-title p{margin-bottom:0}.text-link{font-size:13px}.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:26px;margin-bottom:24px;box-shadow:0 3px 12px #172b4a04}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.metrics article{padding:22px;background:white;border:1px solid var(--line);border-radius:14px;min-width:0}.metrics span{font-size:12px;color:var(--muted);display:block}.metrics strong{font-size:29px;display:block;letter-spacing:-.8px;margin-top:8px;overflow-wrap:anywhere}.metrics.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics.compact strong{font-size:23px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.stack{display:grid;gap:18px}.form-actions{grid-column:1/-1;margin-top:5px}label{display:block;font-size:13px;font-weight:650;color:#34445f}input,select,textarea{display:block;width:100%;margin-top:6px;border:1px solid #cad3e1;border-radius:8px;padding:11px 12px;background:white;color:var(--ink);font:400 14px/1.4 system-ui,sans-serif}textarea{resize:vertical;min-height:90px}input:focus,select:focus,textarea:focus{outline:2px solid #7b8bab;outline-offset:2px;border-color:var(--navy)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #7185ac;outline-offset:3px}.check{display:flex;gap:10px;align-items:center}.check input{width:18px;height:18px;margin:0;flex:none}.hint{font-size:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-size:11px;color:var(--muted);letter-spacing:.4px;text-transform:uppercase;background:#f6f8fb}th,td{padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:top}td small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.numeric{text-align:right;white-space:nowrap}.empty{text-align:center;padding:35px;color:var(--muted)}.badge{display:inline-block;border-radius:20px;padding:4px 10px;background:#edf1f6;color:#4c5d76;font-size:11px;font-weight:700;white-space:nowrap}.badge.approved,.badge.quoted{background:#e6f4ed;color:#196343}.badge.sent,.badge.quoting{background:#e9effb;color:#315dad}.badge.rejected{background:#fce9ed;color:#a52242}.badge.draft,.badge.pending{background:#faf3d8;color:#796319}.notice{padding:14px 18px;border-radius:10px;margin-bottom:20px;font-size:14px}.notice.error{background:#fff0f2;border:1px solid #edc4cb;color:#9f203d}.notice.success{background:#eaf7ee;border:1px solid #c2e3ce;color:#226340}.notice.warning{background:#fff7df;border:1px solid #e9dca6;color:#746020}.notice span{display:block;font-size:12px}.filters{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin-bottom:22px}.filters label{flex:1;min-width:130px}.search{max-width:400px;margin:10px 0 20px}.contact-cards{display:flex;flex-wrap:wrap;gap:18px}.contact-cards article{background:#f6f8fb;border-radius:10px;padding:14px 20px}details{padding:16px 0;border-top:1px solid var(--line);margin-top:18px}summary{cursor:pointer;color:var(--navy);font-weight:650;margin-bottom:15px}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.inline{display:inline-flex;gap:12px;align-items:end;flex-wrap:wrap}.inline .form-actions{margin:0}.summary-strip{display:flex;gap:22px;flex-wrap:wrap;background:white;padding:15px 22px;border:1px solid var(--line);border-radius:12px;margin-bottom:20px;font-size:13px}.tabs{display:flex;gap:22px;margin:25px 0;flex-wrap:wrap}.tabs a{font-size:14px;font-weight:650}.quote-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.quote-heading h2{font-size:25px;margin:0}.quote-heading p{margin-bottom:0}.proposal-bottom{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;margin-top:25px}.totals-card{background:#f4f6fa;border-radius:12px;padding:20px;margin:0;align-self:start}.totals-card label{margin-bottom:15px}dl div{display:flex;justify-content:space-between;gap:15px;margin:10px 0}dd{margin:0;font-weight:700}.grand-total{border-top:2px solid var(--navy);font-size:22px;padding-top:12px}.prewrap{white-space:pre-wrap;overflow-wrap:anywhere}.quote-lines .line-note td{background:#fafbfd;font-size:12px;color:var(--muted);padding-top:0}.editor-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:24px 0}.editor-toolbar label{flex:1;min-width:200px}.line-card{border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:16px}.line-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.line-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.line-grid .wide{grid-column:span 2}.line-card textarea{min-height:64px}.line-card .line-note-edit{margin-top:14px}.line-header strong{font-size:13px}.line-header button{padding:6px 12px;min-height:32px;font-size:12px}.version-list{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.timeline{list-style:none;padding:0;margin:0}.timeline li{padding:12px 0 12px 20px;border-left:2px solid var(--line);position:relative}.timeline li:before{content:'';position:absolute;left:-5px;top:20px;width:8px;height:8px;border-radius:50%;background:var(--navy)}.timeline span,.timeline small{display:block;color:var(--muted);font-size:12px}.invoice-box{border-top:1px solid var(--line);margin-top:25px;padding-top:12px}.skip{position:fixed;top:-100px;left:15px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}.login-layout{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at top right,#263d68,#071329)}.login-card{background:white;padding:35px 42px;border-radius:20px;width:min(100%,440px);box-shadow:0 30px 80px #0004}.login-card>img{display:block;width:130px;margin:-10px auto 10px}.login-card h1{font-size:27px}.login-card .stack{margin-top:25px}.login-card button{width:100%}[hidden]{display:none!important}section[id]{scroll-margin-top:20px}@media(max-width:1100px){.workspace{padding:25px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.proposal-bottom{grid-template-columns:1fr}.line-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.sidebar{position:static;width:auto;padding:12px 16px}.brand{display:flex;align-items:center;gap:10px;border:0;padding:0;text-align:left}.brand img{width:70px;margin:-10px 0}.sidebar nav{display:flex;overflow-x:auto;margin:10px 0 0;gap:5px}.sidebar nav a{white-space:nowrap;padding:8px 10px;font-size:13px}.sidebar-bottom{display:flex;justify-content:space-between;align-items:center;margin:0;padding-top:12px;font-size:12px}.sidebar-bottom a{padding:0}.sidebar-bottom button{padding:7px 12px;font-size:12px;min-height:32px}.workspace{margin:0;padding:22px 14px}.page-heading{align-items:start}.page-heading h1{font-size:25px}.page-heading .text-link{display:none}.panel{padding:18px}.form-grid{grid-template-columns:1fr}.quote-heading{display:block}.quote-heading .actions{margin-top:20px}.metrics{gap:10px}.metrics article{padding:16px}.metrics strong{font-size:24px}.metrics.compact{grid-template-columns:1fr}.summary-strip{gap:12px}.login-card{padding:26px}.section-title{flex-wrap:wrap}.line-grid{grid-template-columns:1fr 1fr}.editor-toolbar button{flex:1}.line-card{padding:12px}.line-grid .wide{grid-column:1/-1}.filters input{min-width:0}}

.request-reference{background:#f4f6fa;border-left:4px solid var(--navy);border-radius:10px;padding:18px 20px;margin:0 0 24px;overflow-wrap:anywhere}.request-reference .section-title{margin-bottom:10px}.request-reference h3{margin:0;font-size:14px}.request-reference .section-title a{font-size:12px}.request-reference>strong{display:block;font-size:15px}.request-reference .prewrap{margin:8px 0 0;color:var(--ink)}


.quote-save-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 0}.quote-actions-dialog{width:min(560px,calc(100% - 28px));max-height:85vh;overflow-y:auto;padding:24px;border:1px solid var(--line);border-radius:16px;color:var(--ink);background:white;box-shadow:0 20px 70px #07132940}.quote-actions-dialog::backdrop{background:#07132999}.quote-actions-dialog .section-title{gap:12px}.quote-actions-dialog h2{margin:0}.quote-commercial-actions{display:grid;gap:16px;margin:22px 0}.quote-commercial-actions .stack{gap:8px}.quote-commercial-actions .form-actions{margin:0}.quote-actions-dialog .notice{margin-top:20px}.badge.finalized{background:#faf3d8;color:#796319}

/* Compact quotation rows with optional notes and discounts. */
#editor-lines .line-card{padding:10px 12px;margin:0;border-radius:0;border-width:0 0 1px;background:#fff}
#editor-lines .line-card:nth-child(even){background:#fafbfd}
#editor-lines .line-header{margin:0 0 6px;gap:12px;justify-content:flex-end}
#editor-lines .line-header strong:first-child{margin-right:auto}
#editor-lines .line-grid{grid-template-columns:90px 100px minmax(150px,1fr) 80px 100px 110px;gap:8px;align-items:start}
#editor-lines .line-grid .wide{grid-column:auto}
#editor-lines label{font-size:11px;gap:3px;min-width:0}
#editor-lines input,#editor-lines select,#editor-lines textarea{padding:7px 8px;font-size:13px;min-height:36px;margin:0}
#editor-lines textarea{height:38px;resize:vertical}
#editor-lines .line-extras{margin:5px 0 0;padding:0;border:0}
#editor-lines .line-extras summary{font-size:12px;margin:0 0 5px}
#editor-lines .line-extras[open]{display:grid;grid-template-columns:1fr 160px 130px;gap:8px}
#editor-lines .line-extras summary{grid-column:1/-1}
#editor-lines .line-note-edit{margin:0}
@media(max-width:1200px){#editor-lines .line-grid{grid-template-columns:90px 90px minmax(130px,1fr) 70px 90px 90px;gap:5px}}
@media(max-width:1000px){#editor-lines .line-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#editor-lines .field-description{grid-column:1/-1;grid-row:2}#editor-lines .line-extras[open]{grid-template-columns:1fr 1fr}#editor-lines .line-note-edit{grid-column:1/-1}}

.aif-dialog{width:min(460px,calc(100% - 32px));max-height:85vh;overflow:auto;border:1px solid var(--line);border-radius:20px;padding:28px;color:var(--ink);background:white;box-shadow:0 24px 80px #07132940}
.aif-dialog::backdrop{background:#09152b99;backdrop-filter:blur(3px)}
.aif-dialog-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#fff3d6;color:#856012;font-size:24px;font-weight:700;margin-bottom:18px}
.aif-dialog h2{margin-bottom:12px}.aif-dialog p{line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:24px}.aif-dialog .actions{justify-content:flex-end}
.notice{border-radius:14px;padding:16px 20px;border-left:4px solid;box-shadow:0 4px 18px #16243b08;line-height:1.6}
.notice.success{background:#edf8f1;border-color:#429269;color:#195639}.notice.error{background:#fff1f3;border-color:#ce546a;color:#92273b}.notice.warning{background:#fff8e7;border-color:#c4a043;color:#705619}
.notice span{margin-top:4px}

.company-wordmark{display:block;font-size:20px;line-height:1.3;overflow-wrap:anywhere;padding:16px 0}.brand .company-wordmark{color:white}.login-card>.company-wordmark{text-align:center;margin-bottom:12px}

/* Primary destinations stay visible; secondary links belong to their section. */
.compact-sidebar{padding:18px 16px;gap:0}
.compact-sidebar .brand{padding:0 0 10px;flex:none}
.compact-sidebar .brand img{width:110px;height:80px;object-fit:contain;margin:0 auto}
.compact-sidebar .brand .company-wordmark{font-size:17px;padding:10px 0;max-height:70px;overflow:hidden}
.sidebar-profile{display:flex;align-items:center;gap:10px;color:white;padding:12px 4px;border-bottom:1px solid #ffffff18;min-width:0}
.sidebar-profile:hover,.sidebar-profile.active{color:var(--lime);text-decoration:none}
.profile-initial{display:grid;place-items:center;flex:0 0 34px;height:34px;background:#ffffff14;border-radius:50%;font-weight:700;text-transform:uppercase}
.profile-copy{min-width:0}.profile-copy strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-copy small{display:block;color:#a8b4cc;font-size:11px;margin-top:3px}
.compact-sidebar nav{margin-top:16px;gap:4px;overflow:visible;flex:none}
.compact-sidebar nav a{padding:10px 12px;font-size:14px}
.compact-sidebar .sidebar-bottom{padding-top:16px;flex:none}
.compact-sidebar .sidebar-bottom form{width:100%}
.section-navigation{display:flex;gap:8px;flex-wrap:wrap;margin:-6px 0 24px;padding:6px;background:white;border:1px solid var(--line);border-radius:12px;width:fit-content;max-width:100%}
.section-navigation a{padding:9px 15px;border-radius:8px;font-size:13px;font-weight:650}.section-navigation a.active{background:var(--navy);color:white}
@media(min-width:761px) and (max-height:650px){.compact-sidebar{padding:10px 14px}.compact-sidebar .brand img{height:48px;width:85px}.compact-sidebar .brand{padding-bottom:5px}.sidebar-profile{padding:8px 3px}.compact-sidebar nav{margin-top:9px;gap:2px}.compact-sidebar nav a{padding:7px 12px}.compact-sidebar .sidebar-bottom{padding-top:8px}}
@media(max-width:760px),(max-height:480px){
.compact-sidebar{position:static;width:100%;padding:10px 14px;display:grid;grid-template-columns:minmax(75px,1fr) minmax(0,2fr);gap:6px 12px}
.compact-sidebar .brand{border:0;display:flex;align-items:center;padding:0;min-width:0}.compact-sidebar .brand img{width:80px;height:50px;margin:0}.compact-sidebar .brand .company-wordmark{font-size:15px;max-height:55px;padding:0}
.sidebar-profile{border:0;justify-self:end;width:100%;max-width:240px;padding:4px 0}.profile-copy{flex:1}
.compact-sidebar nav{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;gap:4px;overflow:visible}
.compact-sidebar nav a{font-size:12px;padding:9px 5px;text-align:center;white-space:normal;overflow-wrap:anywhere}
.compact-sidebar .sidebar-bottom{grid-column:1/-1;margin:0;padding:0;display:flex;justify-content:flex-end}.compact-sidebar .sidebar-bottom form{width:auto}.compact-sidebar .sidebar-bottom button{min-height:32px;padding:6px 12px;font-size:12px}
.workspace{margin-left:0}.section-navigation{width:100%;gap:4px}.section-navigation a{flex:1;text-align:center;padding:9px 8px}
}

.form-dialog{width:min(780px,calc(100% - 28px));max-height:90dvh;overflow:auto;padding:24px;border:1px solid var(--line);border-radius:18px;background:white;color:var(--ink);box-shadow:0 24px 80px #07132940}
.form-dialog::backdrop{background:#09152b99;backdrop-filter:blur(3px)}.form-dialog .section-title{align-items:start}.form-dialog .section-title h2{margin:0}.form-dialog .section-title>button{flex-shrink:0}.creation-actions{margin-bottom:22px}
@media(max-width:600px){.form-dialog{padding:18px}.form-dialog .form-grid{grid-template-columns:1fr}.form-dialog .section-title{flex-wrap:nowrap;gap:12px}}

.form-grid > .full{grid-column:1/-1}

/* Customer workspace: one section per URL, compact summary and responsive navigation. */
.customer-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.customer-header h2{margin:8px 0 6px;font-size:24px;overflow-wrap:anywhere}.customer-header p{margin:0}.customer-create{position:relative;flex-shrink:0;border:0;padding:0;margin:0}.customer-create summary{list-style:none}.customer-create summary::-webkit-details-marker{display:none}.customer-create-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:5;background:white;border:1px solid var(--line);border-radius:12px;padding:8px;min-width:210px;box-shadow:0 12px 30px #16243b18}.customer-create-menu a{display:block;padding:11px;border-radius:7px}.customer-create-menu a:hover{background:var(--bg)}.customer-navigation{display:flex;flex-wrap:wrap;gap:6px;padding:6px;background:#e8edf4;border-radius:12px;margin-bottom:24px}.customer-navigation a{padding:10px 14px;border-radius:8px;color:#465770;font-weight:600;font-size:13px}.customer-navigation a[aria-current=page]{background:white;color:var(--navy);box-shadow:0 1px 5px #16243b12}.customer-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.customer-summary .panel{display:flex;flex-direction:column;gap:8px;padding:22px;min-width:0}.customer-summary span,.customer-summary small{color:var(--muted)}.customer-summary strong{font-size:28px;overflow-wrap:anywhere}.customer-summary a:hover{border-color:#8193af;text-decoration:none}.customer-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0}.customer-facts dt{font-size:12px;color:var(--muted);margin-bottom:6px}.customer-facts dd{margin:0;overflow-wrap:anywhere}@media(max-width:700px){.customer-header{align-items:flex-start;flex-direction:column}.customer-header h2{font-size:21px}.customer-create-menu{left:0;right:auto}.customer-summary{grid-template-columns:1fr;gap:10px}.customer-summary .panel{margin-bottom:0;padding:16px}.customer-summary{margin-bottom:20px}.customer-summary strong{font-size:24px}.customer-navigation{gap:4px}.customer-navigation a{padding:9px 10px}.customer-facts{grid-template-columns:1fr;gap:16px}}

.customer-facts>div{display:block;padding:0}.customer-facts dd{text-align:left;font-weight:600}

/* Application shell: fixed viewport, independently scrollable working area. */
.app-menu-toggle{display:none}.sidebar-navigation{display:flex;flex-direction:column;flex:1;min-height:0}
.app-shell{height:100vh;height:100dvh;overflow:hidden;display:grid;grid-template-columns:230px minmax(0,1fr)}
.app-shell .compact-sidebar{position:relative;inset:auto;width:auto;height:100%;min-height:0;grid-column:1;grid-row:1}
.app-shell .workspace{grid-column:2;grid-row:1;margin:0;padding:0;max-width:none;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden}
.app-shell .page-heading{flex:none;margin:0;padding:22px 28px 16px;border-bottom:1px solid var(--line);background:var(--bg)}
.app-shell .page-heading h1{font-size:26px}.app-shell .section-navigation{flex:none;margin:12px 24px 0;max-width:calc(100% - 48px)}
.app-content{flex:1;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:22px 24px;scroll-padding:20px;-webkit-overflow-scrolling:touch}
.app-content:focus-visible{outline:2px solid #7185ac;outline-offset:-3px}.app-content>.panel:last-child{margin-bottom:0}
.app-shell .customer-header{padding:18px 22px}.app-shell .customer-header h2{font-size:22px;margin:5px 0}.app-shell .customer-navigation{margin-bottom:18px}
@media(max-width:760px),(max-height:480px){
.app-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
.app-shell .compact-sidebar{grid-row:1;grid-column:1;display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 14px;height:auto;z-index:20}
.app-shell .compact-sidebar .brand img{height:42px;width:64px}.app-shell .sidebar-profile{max-width:none;justify-self:stretch;padding:0}.app-shell .profile-copy small{font-size:10px}.app-shell .profile-initial{display:none}
.app-shell .app-menu-toggle{display:inline-flex;padding:8px 12px;min-height:36px;font-size:12px}
.app-shell .sidebar-navigation{display:none;position:absolute;top:calc(100% - 1px);left:14px;right:14px;padding:12px;background:#09152b;border:1px solid #ffffff25;border-radius:0 0 14px 14px;box-shadow:0 14px 28px #07132930;max-height:calc(100dvh - 70px);overflow:auto}
.app-shell .mobile-menu-open .sidebar-navigation{display:flex}.app-shell .compact-sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:0}.app-shell .compact-sidebar nav a{padding:10px}.app-shell .compact-sidebar .sidebar-bottom{margin-top:10px;display:block}.app-shell .sidebar-bottom form{width:100%}
.app-shell .workspace{grid-column:1;grid-row:2;height:100%}.app-shell .page-heading{padding:13px 16px 12px;gap:8px}.app-shell .page-heading h1{font-size:22px}.app-shell .page-heading .eyebrow{display:none}.app-shell .page-heading .text-link{display:none}
.app-shell .section-navigation{margin:8px 12px 0;max-width:calc(100% - 24px);width:auto;padding:4px;gap:3px}.app-shell .section-navigation a{font-size:11px;padding:7px}
.app-content{padding:14px 12px;scroll-padding:14px}.app-shell .customer-header{padding:16px;gap:12px}.app-shell .customer-navigation a{font-size:12px;padding:8px}.app-shell .customer-header h2{font-size:20px}
}

@media(max-width:760px){.app-shell .customer-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.app-shell .customer-summary .panel{padding:12px 9px;gap:6px;border-radius:12px}.app-shell .customer-summary span{font-size:11px}.app-shell .customer-summary strong{font-size:20px}.app-shell .customer-summary small{font-size:10px;overflow-wrap:anywhere}.app-shell .customer-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.app-shell .customer-facts dd{font-size:12px}.app-shell .customer-facts dt{font-size:11px}}

.customer-overview-grid{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,1.65fr);gap:14px;align-items:start}.customer-overview-grid>.panel{min-width:0}.customer-overview-grid .customer-facts{grid-template-columns:1fr;gap:12px}.customer-overview-grid .customer-facts>div{display:grid;grid-template-columns:115px minmax(0,1fr);gap:12px}.customer-overview-grid .customer-facts dt{margin:0}.customer-recent td small{margin-top:1px}
@media(min-width:761px) and (min-height:481px){
.app-shell{grid-template-columns:205px minmax(0,1fr);font-size:14px}.app-shell .compact-sidebar{padding:12px}.app-shell .compact-sidebar .brand img{height:56px;width:88px}.app-shell .sidebar-profile{padding:9px 3px}.app-shell .compact-sidebar nav{margin-top:12px;gap:2px}.app-shell .compact-sidebar nav a{font-size:13px;padding:8px 10px}
.app-shell .page-heading{padding:12px 20px;gap:12px}.app-shell .page-heading>div{display:flex;align-items:baseline;gap:12px}.app-shell .page-heading .eyebrow{margin:0;font-size:10px}.app-shell .page-heading h1{font-size:21px;letter-spacing:-.5px}
.app-shell .section-navigation{margin:8px 16px 0;padding:4px;max-width:calc(100% - 32px)}.app-shell .section-navigation a{padding:6px 11px;font-size:12px}.app-shell .app-content{padding:14px 16px}
.app-shell .panel{padding:16px;margin-bottom:14px;border-radius:10px;box-shadow:none}.app-shell .section-title{margin-bottom:12px;gap:12px}.app-shell h2{font-size:17px;margin-bottom:12px}.app-shell h3{font-size:14px;margin:12px 0 6px}.app-shell p{margin:6px 0 10px}
.app-shell button,.app-shell .button{min-height:34px;padding:7px 12px;font-size:13px;border-radius:7px}.app-shell input,.app-shell select,.app-shell textarea{padding:8px 10px;font-size:13px;margin-top:4px}.app-shell label{font-size:12px}.app-shell .form-grid{gap:12px}.app-shell .stack{gap:12px}.app-shell textarea{min-height:72px}
.app-shell th,.app-shell td{padding:8px 10px}.app-shell table{font-size:13px}.app-shell th{font-size:10px}.app-shell .empty{padding:22px}.app-shell .badge{padding:3px 8px}
.app-shell .metrics{gap:10px;margin-bottom:14px}.app-shell .metrics article{padding:14px;border-radius:10px}.app-shell .metrics strong{font-size:23px;margin-top:4px}.app-shell .metrics.compact strong{font-size:21px}
.app-shell .customer-header{padding:12px 16px;margin-bottom:10px}.app-shell .customer-header h2{font-size:20px;margin:3px 0}.app-shell .customer-header p{font-size:12px;margin:0}.app-shell .customer-navigation{padding:4px;gap:4px;margin-bottom:12px;border-radius:9px}.app-shell .customer-navigation a{padding:7px 12px;font-size:12px}
.app-shell .customer-summary{gap:10px}.app-shell .customer-summary .panel{padding:12px 16px;gap:3px}.app-shell .customer-summary strong{font-size:23px}.app-shell .customer-summary span{font-size:12px}.app-shell .customer-summary small{font-size:11px}.app-shell .customer-facts dd{font-size:13px}.app-shell .customer-facts dt{font-size:11px}
}
@media(max-width:1050px){.customer-overview-grid{grid-template-columns:1fr}.customer-overview-grid .customer-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-overview-grid .customer-facts>div{display:block}}
@media(max-width:760px){.customer-overview-grid{gap:0}.customer-overview-grid .customer-facts{gap:14px}.customer-recent .table-wrap{max-width:100%}}

.customer-contact-list{max-height:340px;overflow:auto;overscroll-behavior:contain}.customer-contact-list article{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.customer-contact-list article:first-child{padding-top:0}.customer-contact-list article:last-child{border:0;padding-bottom:0}.customer-contact-list article>div{min-width:0;overflow-wrap:anywhere}.customer-contact-list p{font-size:12px;margin:5px 0 0}.customer-contact-list button{flex-shrink:0}

/* Client sections remain above the independently scrollable content. */
.customer-fixed-header{flex:none;min-width:0;padding:12px 16px 10px;border-bottom:1px solid var(--line);background:var(--bg)}.app-shell .customer-fixed-header .customer-navigation{margin:0 0 8px}.customer-breadcrumb{display:flex;align-items:center;gap:8px;min-width:0;font-size:12px;color:var(--muted)}.customer-breadcrumb>a{min-width:0}.customer-breadcrumb>a:nth-of-type(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50%}.customer-breadcrumb>span{flex-shrink:0}.customer-breadcrumb [aria-current=page]{color:var(--ink)}.app-shell .customer-header h1{font-size:20px;line-height:1.3;letter-spacing:-.4px;margin:0 0 4px;overflow-wrap:anywhere}
@media(max-width:760px),(max-height:480px){.customer-fixed-header{padding:8px 12px}.customer-breadcrumb{font-size:11px;gap:6px}.app-shell .customer-header h1{font-size:19px}.customer-breadcrumb>a:nth-of-type(2){max-width:40%}}

/* Flat client navigation, with an underline marking the current section. */
.app-shell .customer-fixed-header{background:#fff;padding-top:0;padding-bottom:10px}
.app-shell .customer-fixed-header .customer-navigation{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0;gap:20px;margin:0 0 10px}
.app-shell .customer-fixed-header .customer-navigation a{position:relative;display:flex;align-items:center;justify-content:center;min-height:45px;padding:10px 2px;border-radius:0;background:transparent;box-shadow:none;font-size:13px;font-weight:600;color:#637189;text-decoration:none}
.app-shell .customer-fixed-header .customer-navigation a::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:transparent}
.app-shell .customer-fixed-header .customer-navigation a:hover{color:var(--navy);background:transparent}
.app-shell .customer-fixed-header .customer-navigation a:hover::after{background:#c5cfdf}
.app-shell .customer-fixed-header .customer-navigation a[aria-current=page]{color:var(--navy);font-weight:700}
.app-shell .customer-fixed-header .customer-navigation a[aria-current=page]::after{background:var(--navy)}
.app-shell .customer-fixed-header .customer-navigation a:focus-visible{outline:2px solid #7185ac;outline-offset:-3px;border-radius:4px}
.app-shell .customer-breadcrumb{font-size:11px}.app-shell .customer-breadcrumb>a{color:#637189}.app-shell .customer-breadcrumb>a:hover{color:var(--navy)}
@media(max-width:760px){.app-shell .customer-fixed-header .customer-navigation{gap:0 16px;justify-content:flex-start;margin-bottom:8px}.app-shell .customer-fixed-header .customer-navigation a{min-height:42px;font-size:12px;padding:9px 1px}.app-shell .customer-fixed-header{padding-bottom:8px}}

.app-shell .customer-fixed-header{padding-bottom:0}.app-shell .customer-fixed-header .customer-navigation{margin-bottom:0;border-bottom:0}

/* Compact operational dashboard. */
.dashboard-intro{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}.dashboard-intro h1{margin:0 0 4px!important;font-size:18px}.dashboard-intro p{margin:0!important;font-size:12px}.dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.dashboard-kpis .panel{display:flex;flex-direction:column;gap:5px;min-width:0;margin-bottom:0;padding:14px 16px;border-top:3px solid #6882ad}.dashboard-kpis .panel:nth-child(2){border-top-color:#d7a556}.dashboard-kpis .panel:nth-child(3){border-top-color:#5c9d89}.dashboard-kpis .panel:nth-child(4){border-top-color:#9291b8}.dashboard-kpis a:hover{text-decoration:none;border-color:#8094b1}.dashboard-kpis span{font-size:12px;color:var(--muted)}.dashboard-kpis strong{font-size:25px;line-height:1.2;letter-spacing:-.7px;overflow-wrap:anywhere}.dashboard-kpis small{font-size:11px;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:14px;align-items:start}.dashboard-grid>.panel{min-width:0;margin:0}.dashboard-grid .section-title h2{margin:0}.dashboard-grid .section-title a{font-size:12px}.dashboard-grid .section-title p{margin:3px 0 0}.dashboard-task{display:grid;grid-template-columns:minmax(0,1fr) auto 10px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.dashboard-task:last-child{border:0;padding-bottom:0}.dashboard-task strong{display:grid;place-items:center;background:#edf1f7;border-radius:6px;min-width:27px;padding:2px 6px;font-size:12px}.dashboard-task:hover{text-decoration:none;color:#416799}.dashboard-dot{width:7px;height:7px;border-radius:50%;background:#d7a556}.dashboard-stage{display:grid;grid-template-columns:145px minmax(0,1fr) 30px;gap:12px;align-items:center;padding:6px 0;font-size:12px}.dashboard-stage strong{text-align:right}.dashboard-stage meter{width:100%;height:9px;appearance:none;border:0;background:#edf1f6;border-radius:8px}.dashboard-stage meter::-webkit-meter-bar{background:#edf1f6;border:0;border-radius:8px}.dashboard-stage meter::-webkit-meter-optimum-value{background:#5775a3;border-radius:8px}.dashboard-stage meter::-moz-meter-bar{background:#5775a3;border-radius:8px}.dashboard-visit{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}.dashboard-visit:last-child{border:0}.dashboard-visit strong{display:block;overflow-wrap:anywhere}.dashboard-visit small{display:block;color:var(--muted);font-size:11px}.dashboard-date{background:#f0f3f8;border-radius:6px;padding:5px;text-align:center;font-weight:600}.dashboard-empty{padding:18px 0}.dashboard-note{margin-top:12px!important}.dashboard-recent td:first-child{max-width:300px;overflow-wrap:anywhere}
@media(max-width:1100px){.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(250px,1fr)}.dashboard-kpis strong{font-size:22px}.dashboard-stage{grid-template-columns:125px minmax(0,1fr) 24px;gap:8px}}
@media(max-width:760px){.dashboard-intro{align-items:flex-start;flex-direction:column}.dashboard-intro .actions{width:100%}.dashboard-intro .button{flex:1;font-size:12px;padding:9px}.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dashboard-kpis .panel{padding:12px;border-radius:10px}.dashboard-kpis strong{font-size:23px}.dashboard-grid{grid-template-columns:1fr;gap:12px}.dashboard-grid>.panel{padding:15px}.dashboard-task{min-height:42px}.dashboard-pending{grid-row:1}.dashboard-recent .table-wrap{max-width:100%}.dashboard-visit{grid-template-columns:44px minmax(0,1fr)}.dashboard-visit>.hint{grid-column:2}.dashboard-note{font-size:11px}}

.dashboard-filter{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:0 0 16px}.dashboard-filter label{font-size:11px;margin:0;min-width:135px}.dashboard-filter input,.dashboard-filter select{margin-top:4px}.dashboard-filter>.hint{max-width:220px;font-size:11px;padding-bottom:5px}.dashboard-charts{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:14px;margin-bottom:14px}.dashboard-charts>.panel{margin:0;min-width:0}.dashboard-charts h2,.dashboard-attention h2{font-size:16px;margin:0}.dashboard-charts .section-title p{margin:4px 0 0;font-size:11px}.dashboard-chart-total{font-size:20px;font-weight:700}.dashboard-bars{display:flex;gap:12px;height:230px;padding:15px 0 0}.dashboard-bar-column{flex:1;min-width:0;display:flex;flex-direction:column;text-align:center;font-size:12px;gap:7px}.dashboard-bar-column small{display:block;color:var(--muted);font-size:10px}.dashboard-bar-amount{font-size:11px;overflow-wrap:anywhere}.dashboard-bar-track{flex:1;display:flex;align-items:end;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#edf1f6 40px)}.dashboard-bar{width:65%;margin:0 auto;background:linear-gradient(#6c8ab6,#294775);border-radius:5px 5px 0 0;min-height:2px}.dashboard-outcomes{display:flex;align-items:center;justify-content:center;gap:24px;min-height:235px}.dashboard-donut{width:170px;height:170px;flex-shrink:0;border-radius:50%;display:grid;place-items:center}.dashboard-donut>div{width:128px;height:128px;background:white;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.dashboard-donut strong{font-size:30px}.dashboard-donut span{font-size:11px;color:var(--muted)}.dashboard-legend{flex:1;max-width:230px}.dashboard-legend>div{display:flex;align-items:center;gap:8px;font-size:12px;margin:18px 0}.dashboard-legend strong{margin-left:auto}.dashboard-swatch{width:9px;height:9px;border-radius:50%;flex-shrink:0}.dashboard-swatch.green{background:#349b82}.dashboard-swatch.gold{background:#d9a34b}.dashboard-swatch.rose{background:#cc7180}.dashboard-task-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.dashboard-task-strip>a{position:relative;padding:12px;background:#f4f6fa;border-radius:8px;display:flex;flex-direction:column;gap:4px;font-size:11px}.dashboard-task-strip strong{font-size:22px}.dashboard-task-strip>a>span:last-child{position:absolute;right:10px;top:10px;color:var(--muted)}.dashboard-attention .section-title{margin-bottom:12px}
@media(max-width:1100px){.dashboard-outcomes{gap:12px}.dashboard-donut{width:135px;height:135px}.dashboard-donut>div{width:101px;height:101px}.dashboard-task-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.dashboard-charts{grid-template-columns:1fr}.dashboard-filter label{flex:1;min-width:120px}.dashboard-filter>.hint{max-width:none}.dashboard-outcomes{min-height:190px}.dashboard-bars{gap:6px;height:210px}.dashboard-bar-amount{font-size:9px}.dashboard-chart-total{font-size:16px}.dashboard-task-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-attention .section-title{align-items:start;gap:8px;flex-direction:column}}

.dashboard-donut{background:conic-gradient(#349b82 0 var(--approved),#d9a34b var(--approved) var(--sent),#cc7180 var(--sent) 100%)}.dashboard-donut.dashboard-no-results{background:#edf1f6}
.dashboard-height-0{height:0%}.dashboard-approved-0{--approved:0%}.dashboard-sent-0{--sent:0%}.dashboard-height-1{height:1%}.dashboard-approved-1{--approved:1%}.dashboard-sent-1{--sent:1%}.dashboard-height-2{height:2%}.dashboard-approved-2{--approved:2%}.dashboard-sent-2{--sent:2%}.dashboard-height-3{height:3%}.dashboard-approved-3{--approved:3%}.dashboard-sent-3{--sent:3%}.dashboard-height-4{height:4%}.dashboard-approved-4{--approved:4%}.dashboard-sent-4{--sent:4%}.dashboard-height-5{height:5%}.dashboard-approved-5{--approved:5%}.dashboard-sent-5{--sent:5%}.dashboard-height-6{height:6%}.dashboard-approved-6{--approved:6%}.dashboard-sent-6{--sent:6%}.dashboard-height-7{height:7%}.dashboard-approved-7{--approved:7%}.dashboard-sent-7{--sent:7%}.dashboard-height-8{height:8%}.dashboard-approved-8{--approved:8%}.dashboard-sent-8{--sent:8%}.dashboard-height-9{height:9%}.dashboard-approved-9{--approved:9%}.dashboard-sent-9{--sent:9%}.dashboard-height-10{height:10%}.dashboard-approved-10{--approved:10%}.dashboard-sent-10{--sent:10%}.dashboard-height-11{height:11%}.dashboard-approved-11{--approved:11%}.dashboard-sent-11{--sent:11%}.dashboard-height-12{height:12%}.dashboard-approved-12{--approved:12%}.dashboard-sent-12{--sent:12%}.dashboard-height-13{height:13%}.dashboard-approved-13{--approved:13%}.dashboard-sent-13{--sent:13%}.dashboard-height-14{height:14%}.dashboard-approved-14{--approved:14%}.dashboard-sent-14{--sent:14%}.dashboard-height-15{height:15%}.dashboard-approved-15{--approved:15%}.dashboard-sent-15{--sent:15%}.dashboard-height-16{height:16%}.dashboard-approved-16{--approved:16%}.dashboard-sent-16{--sent:16%}.dashboard-height-17{height:17%}.dashboard-approved-17{--approved:17%}.dashboard-sent-17{--sent:17%}.dashboard-height-18{height:18%}.dashboard-approved-18{--approved:18%}.dashboard-sent-18{--sent:18%}.dashboard-height-19{height:19%}.dashboard-approved-19{--approved:19%}.dashboard-sent-19{--sent:19%}.dashboard-height-20{height:20%}.dashboard-approved-20{--approved:20%}.dashboard-sent-20{--sent:20%}.dashboard-height-21{height:21%}.dashboard-approved-21{--approved:21%}.dashboard-sent-21{--sent:21%}.dashboard-height-22{height:22%}.dashboard-approved-22{--approved:22%}.dashboard-sent-22{--sent:22%}.dashboard-height-23{height:23%}.dashboard-approved-23{--approved:23%}.dashboard-sent-23{--sent:23%}.dashboard-height-24{height:24%}.dashboard-approved-24{--approved:24%}.dashboard-sent-24{--sent:24%}.dashboard-height-25{height:25%}.dashboard-approved-25{--approved:25%}.dashboard-sent-25{--sent:25%}.dashboard-height-26{height:26%}.dashboard-approved-26{--approved:26%}.dashboard-sent-26{--sent:26%}.dashboard-height-27{height:27%}.dashboard-approved-27{--approved:27%}.dashboard-sent-27{--sent:27%}.dashboard-height-28{height:28%}.dashboard-approved-28{--approved:28%}.dashboard-sent-28{--sent:28%}.dashboard-height-29{height:29%}.dashboard-approved-29{--approved:29%}.dashboard-sent-29{--sent:29%}.dashboard-height-30{height:30%}.dashboard-approved-30{--approved:30%}.dashboard-sent-30{--sent:30%}.dashboard-height-31{height:31%}.dashboard-approved-31{--approved:31%}.dashboard-sent-31{--sent:31%}.dashboard-height-32{height:32%}.dashboard-approved-32{--approved:32%}.dashboard-sent-32{--sent:32%}.dashboard-height-33{height:33%}.dashboard-approved-33{--approved:33%}.dashboard-sent-33{--sent:33%}.dashboard-height-34{height:34%}.dashboard-approved-34{--approved:34%}.dashboard-sent-34{--sent:34%}.dashboard-height-35{height:35%}.dashboard-approved-35{--approved:35%}.dashboard-sent-35{--sent:35%}.dashboard-height-36{height:36%}.dashboard-approved-36{--approved:36%}.dashboard-sent-36{--sent:36%}.dashboard-height-37{height:37%}.dashboard-approved-37{--approved:37%}.dashboard-sent-37{--sent:37%}.dashboard-height-38{height:38%}.dashboard-approved-38{--approved:38%}.dashboard-sent-38{--sent:38%}.dashboard-height-39{height:39%}.dashboard-approved-39{--approved:39%}.dashboard-sent-39{--sent:39%}.dashboard-height-40{height:40%}.dashboard-approved-40{--approved:40%}.dashboard-sent-40{--sent:40%}.dashboard-height-41{height:41%}.dashboard-approved-41{--approved:41%}.dashboard-sent-41{--sent:41%}.dashboard-height-42{height:42%}.dashboard-approved-42{--approved:42%}.dashboard-sent-42{--sent:42%}.dashboard-height-43{height:43%}.dashboard-approved-43{--approved:43%}.dashboard-sent-43{--sent:43%}.dashboard-height-44{height:44%}.dashboard-approved-44{--approved:44%}.dashboard-sent-44{--sent:44%}.dashboard-height-45{height:45%}.dashboard-approved-45{--approved:45%}.dashboard-sent-45{--sent:45%}.dashboard-height-46{height:46%}.dashboard-approved-46{--approved:46%}.dashboard-sent-46{--sent:46%}.dashboard-height-47{height:47%}.dashboard-approved-47{--approved:47%}.dashboard-sent-47{--sent:47%}.dashboard-height-48{height:48%}.dashboard-approved-48{--approved:48%}.dashboard-sent-48{--sent:48%}.dashboard-height-49{height:49%}.dashboard-approved-49{--approved:49%}.dashboard-sent-49{--sent:49%}.dashboard-height-50{height:50%}.dashboard-approved-50{--approved:50%}.dashboard-sent-50{--sent:50%}.dashboard-height-51{height:51%}.dashboard-approved-51{--approved:51%}.dashboard-sent-51{--sent:51%}.dashboard-height-52{height:52%}.dashboard-approved-52{--approved:52%}.dashboard-sent-52{--sent:52%}.dashboard-height-53{height:53%}.dashboard-approved-53{--approved:53%}.dashboard-sent-53{--sent:53%}.dashboard-height-54{height:54%}.dashboard-approved-54{--approved:54%}.dashboard-sent-54{--sent:54%}.dashboard-height-55{height:55%}.dashboard-approved-55{--approved:55%}.dashboard-sent-55{--sent:55%}.dashboard-height-56{height:56%}.dashboard-approved-56{--approved:56%}.dashboard-sent-56{--sent:56%}.dashboard-height-57{height:57%}.dashboard-approved-57{--approved:57%}.dashboard-sent-57{--sent:57%}.dashboard-height-58{height:58%}.dashboard-approved-58{--approved:58%}.dashboard-sent-58{--sent:58%}.dashboard-height-59{height:59%}.dashboard-approved-59{--approved:59%}.dashboard-sent-59{--sent:59%}.dashboard-height-60{height:60%}.dashboard-approved-60{--approved:60%}.dashboard-sent-60{--sent:60%}.dashboard-height-61{height:61%}.dashboard-approved-61{--approved:61%}.dashboard-sent-61{--sent:61%}.dashboard-height-62{height:62%}.dashboard-approved-62{--approved:62%}.dashboard-sent-62{--sent:62%}.dashboard-height-63{height:63%}.dashboard-approved-63{--approved:63%}.dashboard-sent-63{--sent:63%}.dashboard-height-64{height:64%}.dashboard-approved-64{--approved:64%}.dashboard-sent-64{--sent:64%}.dashboard-height-65{height:65%}.dashboard-approved-65{--approved:65%}.dashboard-sent-65{--sent:65%}.dashboard-height-66{height:66%}.dashboard-approved-66{--approved:66%}.dashboard-sent-66{--sent:66%}.dashboard-height-67{height:67%}.dashboard-approved-67{--approved:67%}.dashboard-sent-67{--sent:67%}.dashboard-height-68{height:68%}.dashboard-approved-68{--approved:68%}.dashboard-sent-68{--sent:68%}.dashboard-height-69{height:69%}.dashboard-approved-69{--approved:69%}.dashboard-sent-69{--sent:69%}.dashboard-height-70{height:70%}.dashboard-approved-70{--approved:70%}.dashboard-sent-70{--sent:70%}.dashboard-height-71{height:71%}.dashboard-approved-71{--approved:71%}.dashboard-sent-71{--sent:71%}.dashboard-height-72{height:72%}.dashboard-approved-72{--approved:72%}.dashboard-sent-72{--sent:72%}.dashboard-height-73{height:73%}.dashboard-approved-73{--approved:73%}.dashboard-sent-73{--sent:73%}.dashboard-height-74{height:74%}.dashboard-approved-74{--approved:74%}.dashboard-sent-74{--sent:74%}.dashboard-height-75{height:75%}.dashboard-approved-75{--approved:75%}.dashboard-sent-75{--sent:75%}.dashboard-height-76{height:76%}.dashboard-approved-76{--approved:76%}.dashboard-sent-76{--sent:76%}.dashboard-height-77{height:77%}.dashboard-approved-77{--approved:77%}.dashboard-sent-77{--sent:77%}.dashboard-height-78{height:78%}.dashboard-approved-78{--approved:78%}.dashboard-sent-78{--sent:78%}.dashboard-height-79{height:79%}.dashboard-approved-79{--approved:79%}.dashboard-sent-79{--sent:79%}.dashboard-height-80{height:80%}.dashboard-approved-80{--approved:80%}.dashboard-sent-80{--sent:80%}.dashboard-height-81{height:81%}.dashboard-approved-81{--approved:81%}.dashboard-sent-81{--sent:81%}.dashboard-height-82{height:82%}.dashboard-approved-82{--approved:82%}.dashboard-sent-82{--sent:82%}.dashboard-height-83{height:83%}.dashboard-approved-83{--approved:83%}.dashboard-sent-83{--sent:83%}.dashboard-height-84{height:84%}.dashboard-approved-84{--approved:84%}.dashboard-sent-84{--sent:84%}.dashboard-height-85{height:85%}.dashboard-approved-85{--approved:85%}.dashboard-sent-85{--sent:85%}.dashboard-height-86{height:86%}.dashboard-approved-86{--approved:86%}.dashboard-sent-86{--sent:86%}.dashboard-height-87{height:87%}.dashboard-approved-87{--approved:87%}.dashboard-sent-87{--sent:87%}.dashboard-height-88{height:88%}.dashboard-approved-88{--approved:88%}.dashboard-sent-88{--sent:88%}.dashboard-height-89{height:89%}.dashboard-approved-89{--approved:89%}.dashboard-sent-89{--sent:89%}.dashboard-height-90{height:90%}.dashboard-approved-90{--approved:90%}.dashboard-sent-90{--sent:90%}.dashboard-height-91{height:91%}.dashboard-approved-91{--approved:91%}.dashboard-sent-91{--sent:91%}.dashboard-height-92{height:92%}.dashboard-approved-92{--approved:92%}.dashboard-sent-92{--sent:92%}.dashboard-height-93{height:93%}.dashboard-approved-93{--approved:93%}.dashboard-sent-93{--sent:93%}.dashboard-height-94{height:94%}.dashboard-approved-94{--approved:94%}.dashboard-sent-94{--sent:94%}.dashboard-height-95{height:95%}.dashboard-approved-95{--approved:95%}.dashboard-sent-95{--sent:95%}.dashboard-height-96{height:96%}.dashboard-approved-96{--approved:96%}.dashboard-sent-96{--sent:96%}.dashboard-height-97{height:97%}.dashboard-approved-97{--approved:97%}.dashboard-sent-97{--sent:97%}.dashboard-height-98{height:98%}.dashboard-approved-98{--approved:98%}.dashboard-sent-98{--sent:98%}.dashboard-height-99{height:99%}.dashboard-approved-99{--approved:99%}.dashboard-sent-99{--sent:99%}.dashboard-height-100{height:100%}.dashboard-approved-100{--approved:100%}.dashboard-sent-100{--sent:100%}
/* Compact dashboard: current tasks before period-based reporting. */
.dashboard-intro{margin-bottom:12px}.dashboard-intro h1{font-size:17px}.dashboard-attention.panel{padding:14px 16px;margin-bottom:14px;border-radius:12px;border-top:3px solid #294775}.dashboard-attention .section-title{margin-bottom:10px}.dashboard-attention h2,.dashboard-charts h2{font-size:14px}.dashboard-attention .section-title>.hint{font-size:11px}.dashboard-task-strip{gap:7px}.dashboard-task-strip>a{padding:9px 11px;border:1px solid transparent;gap:2px;transition:background .15s,border-color .15s}.dashboard-task-strip>a:hover{background:#e9eff8;border-color:#bfccdf;text-decoration:none}.dashboard-task-strip strong{font-size:20px;line-height:1.2}.dashboard-task-strip .has-pending{background:#edf2fa;border-color:#dce5f2}.dashboard-task-strip .has-pending strong{color:#254777}.dashboard-task-strip .no-pending{background:#f7f8fa;color:#64748b}.dashboard-filter{gap:8px;margin-bottom:12px;padding:10px 12px;background:#eaf0f6;border-radius:10px}.dashboard-filter label{font-size:10px;min-width:125px}.dashboard-filter input,.dashboard-filter select{padding:7px 9px;min-height:34px;font-size:12px}.dashboard-filter button{padding:7px 13px;min-height:34px;font-size:12px}.dashboard-filter>.hint{font-size:10px;max-width:190px}.dashboard-kpis{gap:10px;margin-bottom:12px}.dashboard-kpis .panel{padding:11px 13px;gap:4px;border-top-width:2px;border-radius:10px}.dashboard-kpis strong{font-size:23px}.dashboard-kpis span{font-size:11px}.dashboard-kpis small{font-size:10px}.dashboard-charts{gap:12px;margin-bottom:10px}.dashboard-charts>.panel{padding:14px 16px;border-radius:12px}.dashboard-charts .section-title{margin-bottom:8px}.dashboard-chart-total{font-size:18px}.dashboard-bars{height:175px;padding-top:8px;gap:10px}.dashboard-bar{width:52%;max-width:44px}.dashboard-outcomes{min-height:180px;gap:22px}.dashboard-donut{width:140px;height:140px}.dashboard-donut>div{width:106px;height:106px}.dashboard-donut strong{font-size:26px}.dashboard-legend>div{margin:13px 0;font-size:11px}.dashboard-charts>section>p.hint{font-size:10px;line-height:1.5;margin:8px 0 0}.dashboard-note{font-size:10px!important;margin-top:8px!important}
@media(max-width:1100px){.dashboard-task-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-outcomes{gap:12px}.dashboard-donut{width:120px;height:120px}.dashboard-donut>div{width:90px;height:90px}}
@media(max-width:760px){.dashboard-attention.panel,.dashboard-charts>.panel{padding:12px}.dashboard-task-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-task-strip>a{min-height:55px}.dashboard-attention .section-title{gap:3px}.dashboard-filter{padding:10px}.dashboard-filter label{min-width:110px}.dashboard-filter>.hint{max-width:none}.dashboard-kpis .panel{padding:10px}.dashboard-kpis strong{font-size:21px}.dashboard-bars{height:175px;gap:5px}.dashboard-outcomes{min-height:160px}.dashboard-bar-amount{font-size:9px}}

/* Sales tabs match the flat customer navigation. */
.app-shell .section-navigation.sales-navigation{width:auto;max-width:none;margin:0;padding:0 16px;gap:20px;background:white;border:0;border-bottom:1px solid var(--line);border-radius:0;flex-wrap:wrap;justify-content:flex-start}
.app-shell .sales-navigation a{position:relative;display:flex;flex:none;align-items:center;justify-content:center;min-height:45px;padding:10px 2px;border-radius:0;background:transparent;box-shadow:none;font-size:13px;font-weight:600;color:#637189;text-decoration:none}
.app-shell .sales-navigation a::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:transparent}
.app-shell .sales-navigation a:hover{color:var(--navy);background:transparent}.app-shell .sales-navigation a:hover::after{background:#c5cfdf}
.app-shell .sales-navigation a[aria-current=page]{color:var(--navy);font-weight:700;background:transparent}.app-shell .sales-navigation a[aria-current=page]::after{background:var(--navy)}
.app-shell .sales-navigation a:focus-visible{outline:2px solid #7185ac;outline-offset:-3px;border-radius:4px}
@media(max-width:760px){.app-shell .section-navigation.sales-navigation{gap:0 16px;padding:0 12px}.app-shell .sales-navigation a{min-height:42px;font-size:12px;padding:9px 1px}}

.purchase-line{display:grid;grid-template-columns:minmax(180px,2fr) 85px repeat(3,minmax(95px,1fr)) auto;gap:8px;align-items:end;padding:12px 0;border-bottom:1px solid var(--line)}.purchase-line label{font-size:11px;min-width:0}.purchase-line input,.purchase-line select{width:100%;padding:8px}.purchase-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.purchase-metrics>div{display:flex;flex-direction:column;gap:4px;background:#f2f5fa;padding:12px;border-radius:9px}.purchase-metrics strong{font-size:19px}.purchase-metrics small{color:var(--muted)}[data-expense-manual]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}[data-expense-manual]>p{grid-column:1/-1}[hidden]{display:none!important}
@media(max-width:1000px){.purchase-line{grid-template-columns:repeat(3,minmax(0,1fr))}.purchase-line>label:first-child{grid-column:span 2}}
@media(max-width:760px){.purchase-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-line{grid-template-columns:repeat(2,minmax(0,1fr))}[data-expense-manual]{grid-template-columns:1fr}}

/* Fixed modal heading; only the body scrolls. */
.form-dialog{padding:0;overflow:hidden}.form-dialog[open]{display:flex;flex-direction:column}.form-dialog>.dialog-heading{flex:none;align-items:center;gap:16px;padding:16px 20px;margin:0;border-bottom:1px solid var(--line);background:white;z-index:1}.form-dialog>.dialog-heading h2{font-size:17px}.dialog-close{display:grid;place-items:center;width:32px;height:32px;min-width:32px;padding:0;border:0;border-radius:8px;background:#f0f3f8;color:#53647d;font-size:25px;line-height:1}.dialog-close:hover{background:#e3e9f2;color:var(--navy)}.dialog-body{min-height:0;overflow:auto;padding:18px 20px;scrollbar-width:thin;scrollbar-color:#aab9ce transparent;scrollbar-gutter:stable}.dialog-body::-webkit-scrollbar{width:7px}.dialog-body::-webkit-scrollbar-thumb{background:#aab9ce;border-radius:10px;border:2px solid white}.dialog-body::-webkit-scrollbar-thumb:hover{background:#7e91ad}.dialog-body .form-actions{display:flex;gap:8px;align-items:center}.catalog-section{border:1px solid var(--line);border-radius:10px;padding:14px;margin:0;min-width:0}.catalog-section legend{font-size:13px;font-weight:700;padding:0 6px}.catalog-section>.form-grid{margin:0;gap:12px}.catalog-section details>summary{font-weight:600;cursor:pointer}.catalog-section details>.form-grid{margin-top:14px}.catalog-section .check{align-self:center}.catalog-section textarea{min-height:70px}
@media(max-width:600px){.form-dialog{padding:0}.form-dialog>.dialog-heading{padding:13px 15px}.dialog-body{padding:14px}.catalog-section{padding:12px}.dialog-body .form-actions{flex-wrap:wrap}}

.purchase-new-product{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:#f3f6fa;padding:12px;border-radius:8px}

.form-dialog .dialog-close span{font-size:23px;line-height:1}.catalog-section details{border:0;padding:0;margin:0}.catalog-section details>summary{padding:4px 0}

/* Fit the dashboard in shorter desktop windows without hiding overflow. */
.dashboard-note{margin-bottom:0!important}
@media(min-width:1000px) and (max-height:800px){
 .dashboard-attention.panel{padding:11px 14px;margin-bottom:10px}
 .dashboard-attention .section-title{margin-bottom:8px}
 .dashboard-filter{padding:8px 10px;margin-bottom:10px}
 .dashboard-kpis{margin-bottom:10px}.dashboard-kpis .panel{padding:9px 12px}
 .dashboard-charts{margin-bottom:6px}.dashboard-charts>.panel{padding:12px 14px}
 .dashboard-bars{height:135px}.dashboard-outcomes{min-height:140px}
 .dashboard-donut{width:118px;height:118px}.dashboard-donut>div{width:88px;height:88px}
}

/* Purchase lines: identity and destination first, cost bases together. */
.purchase-line{grid-template-columns:repeat(12,minmax(0,1fr));padding:16px 0;gap:10px}
.purchase-line>label{grid-column:span 3}
.purchase-line>label:first-child{grid-column:span 6}
.purchase-line>button{grid-column:span 3}
.purchase-line>.full{grid-column:1/-1}
@media(max-width:760px){.purchase-line{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-line>label,.purchase-line>button{grid-column:span 1}.purchase-line>label:first-child{grid-column:1/-1}}

.mobile-filter-disclosure{display:contents}
.mobile-disclosure-toggle{display:none}
@media(max-width:760px){
 .mobile-filter-disclosure{display:block;background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:12px;padding:0 12px}
 .mobile-disclosure-toggle{display:flex;justify-content:space-between;width:100%;min-height:44px;padding:10px 0;background:transparent;color:var(--navy);border:0;border-radius:4px;text-align:left;font-weight:700;font-size:13px}
 .mobile-disclosure-toggle::after{content:'';width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 4px 4px 12px;flex-shrink:0}
 .mobile-disclosure-toggle[aria-expanded="true"]::after{transform:rotate(225deg);margin-bottom:-3px}
 .dashboard-attention.mobile-disclosure{padding:0 12px}
 .dashboard-attention.mobile-disclosure>div{padding-bottom:12px}
 .dashboard-attention.mobile-disclosure .section-title h2{display:none}
 .mobile-filter-disclosure>.filters,.mobile-filter-disclosure>.dashboard-filter,.mobile-filter-disclosure>.search{margin:0 0 12px;max-width:none}
 .mobile-filter-disclosure>.dashboard-filter{background:transparent;padding:0}
}

.dashboard-approval-rate{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.dashboard-approval-rate strong{font-size:20px;color:#196343;line-height:1.2}.dashboard-approval-rate span{font-size:10px;color:var(--muted)}


.pwa-login-install{margin-top:14px}@media(display-mode:standalone){[data-install-app]{display:none!important}}

.sidebar-bottom [data-install-app]{font-size:12px;min-height:34px;padding:7px 10px}@media(max-width:760px){.sidebar-bottom [data-install-app]{margin-bottom:8px}}

/* Keep the last controls clear of mobile browser bars and the home indicator. */
:root{--mobile-safe-top:env(safe-area-inset-top,0px);--mobile-safe-bottom:env(safe-area-inset-bottom,0px);--mobile-safe-left:env(safe-area-inset-left,0px);--mobile-safe-right:env(safe-area-inset-right,0px)}
@media(max-width:760px),(max-height:480px){
 .app-shell{height:var(--app-visible-height,100dvh);padding-top:var(--mobile-safe-top);padding-left:var(--mobile-safe-left);padding-right:var(--mobile-safe-right)}
 .app-shell .app-content{padding-bottom:calc(28px + var(--mobile-safe-bottom));scroll-padding-bottom:calc(28px + var(--mobile-safe-bottom));scrollbar-gutter:auto}
 .app-content>.panel:last-child,.app-content>form:last-child{margin-bottom:0}
 .app-content .form-actions{flex-wrap:wrap;row-gap:10px}
 .app-shell .sidebar-navigation{max-height:calc(var(--app-visible-height,100dvh) - var(--mobile-safe-top) - var(--mobile-safe-bottom) - 90px);padding-bottom:calc(12px + var(--mobile-safe-bottom))}
 .form-dialog,.aif-dialog{position:fixed;top:calc(var(--app-visible-top,0px) + var(--mobile-safe-top) + 12px);bottom:auto;left:0;right:0;margin:0 auto;max-height:calc(var(--app-visible-height,100dvh) - var(--mobile-safe-top) - var(--mobile-safe-bottom) - 24px);max-width:calc(100% - var(--mobile-safe-left) - var(--mobile-safe-right) - 24px)}
 .dialog-body{padding-bottom:calc(24px + var(--mobile-safe-bottom));scroll-padding-bottom:24px;overscroll-behavior:contain;flex:1 1 auto}
 .dialog-body .form-actions{padding-bottom:2px}
 .login-layout{min-height:var(--app-visible-height,100dvh);padding-top:calc(24px + var(--mobile-safe-top));padding-bottom:calc(28px + var(--mobile-safe-bottom));padding-left:calc(16px + var(--mobile-safe-left));padding-right:calc(16px + var(--mobile-safe-right))}
}
/* Compact help and accessible mobile navigation icon. */
.menu-bars{display:flex;flex-direction:column;gap:5px;width:22px}
.menu-bars>span{display:block;width:22px;height:2px;border-radius:2px;background:currentColor;transition:transform .15s,opacity .15s}
.app-menu-toggle[aria-expanded="true"] .menu-bars>span:first-child{transform:translateY(7px) rotate(45deg)}
.app-menu-toggle[aria-expanded="true"] .menu-bars>span:nth-child(2){opacity:0}
.app-menu-toggle[aria-expanded="true"] .menu-bars>span:last-child{transform:translateY(-7px) rotate(-45deg)}
.help-center{max-width:1100px;margin:0 auto;width:100%;min-width:0}
.help-tools{margin-bottom:16px}.help-tools label{display:block;max-width:620px}.help-tools input{margin-top:8px;width:100%}.help-tools p{margin:8px 0 0}
.help-topics{display:grid;gap:10px}.help-topic{border:1px solid #dce4ef;border-radius:12px;background:#fff;overflow:hidden}
.help-topic summary{padding:15px 18px;cursor:pointer;font-weight:700;font-size:14px;line-height:1.5}
.help-topic summary:focus-visible{outline:2px solid #315f9d;outline-offset:-3px}
.help-topic[open] summary{border-bottom:1px solid #e7edf5;background:#f5f8fc}
.help-topic-body{padding:14px 18px;font-size:14px;line-height:1.65}.help-topic-body p{margin:0 0 12px}.help-topic-body p:last-child{margin-bottom:0}
.help-topic-body ul{padding-left:20px;margin:14px 0}.help-topic-body li+li{margin-top:10px}
.help-topic[hidden],.help-empty[hidden]{display:none}.help-results{display:block;margin-top:10px}
@media(max-width:760px),(max-height:480px){.app-shell .app-menu-toggle{width:44px;min-height:44px;padding:10px;align-items:center;justify-content:center}.help-topic summary{padding:13px 14px}.help-topic-body{padding:12px 14px}.help-tools input{font-size:16px}}
@media(prefers-reduced-motion:reduce){.menu-bars>span{transition:none}}
.purchase-editor-page{min-width:0}.purchase-editor-page .form-grid{min-width:0}.purchase-editor-page [data-purchase-lines]{margin-bottom:14px}.purchase-editor-page .form-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:760px){.purchase-editor-page{padding:14px}.purchase-editor-page .section-title{gap:10px}.purchase-editor-page .section-title h2{font-size:17px}}
.purchase-product-search{grid-row:2}.purchase-search-results{display:grid;gap:5px;margin-top:6px;max-height:220px;overflow:auto}.purchase-search-results button{text-align:left;white-space:normal;overflow-wrap:anywhere}.purchase-product-search small{display:block;margin-top:5px;color:var(--muted)}
/* Each purchase element is a distinct card, including its additional fields. */
.purchase-editor-page [data-purchase-lines]{display:grid;gap:16px}
.purchase-editor-page .purchase-line{padding:0 16px 16px;border:1px solid #ccd8e8;border-radius:12px;background:#fff;box-shadow:0 2px 5px #152b4b08;min-width:0;overflow:hidden}
.purchase-line-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 -16px 4px;padding:10px 16px;background:#edf3fb;border-bottom:1px solid #d7e2f0;color:#20385e}
.purchase-line-heading strong{font-size:14px}.purchase-line-heading button{padding:7px 12px;font-size:12px;min-height:36px;background:#fff}
.purchase-editor-page .purchase-line>label:first-of-type{grid-column:span 6}
.purchase-editor-page .purchase-product-search{grid-row:auto;background:#f7f9fc;border:1px solid #e3eaf3;border-radius:8px;padding:12px}
.purchase-editor-page .purchase-new-product{border-top:1px dashed #d7e2f0;padding-top:12px;margin-top:2px}
@media(max-width:760px){.purchase-editor-page .purchase-line{padding:0 12px 12px}.purchase-line-heading{margin:0 -12px 2px;padding:9px 12px}.purchase-editor-page .purchase-line>label:first-of-type{grid-column:1/-1}.purchase-editor-page .purchase-product-search{padding:10px}.purchase-line-heading button{min-height:40px}}
.store-setup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.store-setup-grid article{padding:15px;border:1px solid var(--line);border-radius:10px;background:var(--primary-tint,#f5f7fb)}.store-setup-grid p{font-size:13px;margin:7px 0}.store-setup-grid a{font-size:13px;font-weight:650}@media(max-width:760px){.store-setup-grid{grid-template-columns:1fr}}
.store-config-section{border:1px solid var(--line);border-radius:12px;padding:16px;min-width:0}.store-config-section>summary{font-weight:700;cursor:pointer}.store-config-section[open]>summary{margin-bottom:18px}.store-config-image{display:block;max-width:180px;max-height:100px;object-fit:contain;margin-bottom:8px}.store-config-section input[type=color]{height:44px;max-width:160px;padding:4px}
.order-preparation-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px}.order-preparation-actions>form{margin:0}.order-preparation-actions .form-actions{margin:0;padding:0}.order-preparation-actions>.button{display:inline-flex;align-items:center;min-height:42px}@media(max-width:600px){.order-preparation-actions{gap:10px}.order-preparation-actions>button,.order-preparation-actions>.button,.order-preparation-actions>form{flex:1 1 200px}.order-preparation-actions .form-actions button{width:100%}}
.finance-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.finance-metrics article{min-width:0}.finance-metrics span{display:block;color:var(--muted);font-size:13px}.finance-metrics strong{display:block;font-size:25px;margin:8px 0;overflow-wrap:anywhere}.finance-chart{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.finance-chart label{font-size:12px;margin-top:10px}.finance-chart progress{display:block;width:100%;height:12px;accent-color:var(--primary)}.finance-chart progress.outgoing{accent-color:var(--secondary)}@media(max-width:760px){.finance-metrics,.finance-chart{grid-template-columns:1fr}.finance-metrics{gap:10px}.finance-metrics strong{font-size:23px}}

.finance-metrics>.panel{margin:0;padding:16px}.finance-metrics{gap:12px;margin-bottom:14px}

/* Compact purchase workspace: only the active task occupies the page. */
.purchase-workspace {min-width:0;}
.purchase-workspace .panel {padding:18px;margin-bottom:12px;}
.purchase-overview h2 {margin:4px 0 8px;font-size:21px;}
.purchase-overview .section-title {margin-bottom:12px;}
.purchase-overview .purchase-metrics {margin:0;gap:12px;}
.purchase-overview .purchase-metrics>div {padding:10px 12px;}
.purchase-overview .purchase-metrics strong {font-size:21px;}
.purchase-next {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line,#dbe3ef);font-size:13px;}
.purchase-next .form-actions {margin:0;}
.purchase-next .actions {flex-shrink:0;}
.purchase-tabs {display:flex;gap:6px;position:sticky;top:0;z-index:5;background:var(--surface,#fff);padding:6px;border:1px solid var(--line,#dbe3ef);border-radius:12px;margin-bottom:12px;}
.purchase-tabs a {flex:1;text-align:center;padding:11px 8px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;}
.purchase-tabs a[aria-current=page] {background:var(--primary,#1d3160);color:var(--on-primary,#fff);}
.purchase-tab-content h2 {font-size:18px;}
.purchase-tab-content td,.purchase-tab-content th {padding:10px 12px;}
@media(min-width:1000px) {
 .purchase-tab-content>.panel>.table-wrap {max-height:45dvh;overflow:auto;}
 .purchase-tab-content thead {position:sticky;top:0;z-index:1;background:#f5f7fa;}
}
@media(max-width:650px) {
 .purchase-workspace .panel {padding:14px;}
 .purchase-overview .purchase-metrics {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
 .purchase-next {align-items:stretch;flex-direction:column;gap:10px;}
 .purchase-tabs {flex-wrap:wrap;position:static;}
 .purchase-tabs a {flex:1 0 28%;font-size:12px;padding:9px 5px;}
 .purchase-overview h2 {font-size:18px;overflow-wrap:anywhere;}
}
/* Finance summary: overview first, supporting detail on demand. */
.finance-period {margin:0 0 14px;padding:10px 14px;border:1px solid var(--line,#dbe3ef);border-radius:10px;background:#fff;}
.finance-period summary,.finance-breakdown summary {cursor:pointer;font-size:13px;font-weight:600;}
.finance-period .filters {margin:14px 0 0;}
.finance-overview {display:flex;flex-direction:column;gap:12px;}
.finance-overview>.finance-metrics {margin:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.finance-overview .panel {padding:16px;margin:0;}
.finance-overview>.finance-metrics strong {font-size:25px;}
.finance-breakdown {padding:12px 14px;border:1px solid var(--line,#dbe3ef);border-radius:10px;background:#fff;}
.finance-breakdown[open]>.finance-metrics {margin-top:12px;}
.finance-overview>.finance-breakdown:not(.finance-more) {order:2;}
.finance-overview>.finance-overview-grid {order:1;}
.finance-overview>.finance-more {order:3;}
.finance-overview-grid {display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,1.5fr);gap:12px;}
.finance-overview-grid h2,.finance-more h2 {font-size:16px;}
.finance-overview-grid .finance-metrics {display:grid;grid-template-columns:1fr;margin:0;gap:8px;max-height:280px;overflow:auto;}
.finance-overview-grid .finance-metrics article {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;background:var(--primary-tint,#f5f7fa);border-radius:8px;}
.finance-overview-grid .finance-metrics strong {font-size:20px;}
.finance-overview-grid .finance-chart {max-height:280px;overflow:auto;}
.finance-overview-grid .finance-chart label {font-size:12px;}
.finance-flow-note,.finance-overview>.notice {margin:0;}
.finance-more>.panel {margin-top:12px;}
@media(max-width:700px){
 .finance-overview-grid {grid-template-columns:1fr;}
 .finance-overview>.finance-metrics {gap:6px;}
 .finance-overview>.finance-metrics .panel {padding:10px;}
 .finance-overview>.finance-metrics strong {font-size:18px;overflow-wrap:anywhere;}
 .finance-overview>.finance-metrics span,.finance-overview>.finance-metrics a {font-size:11px;}
}
.finance-toolbar {display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;font-size:12px;}
.finance-toolbar .actions {gap:6px;flex-wrap:wrap;}
.finance-toolbar button {font-size:12px;padding:7px 10px;min-height:34px;}
.finance-overview {gap:10px;}
.finance-overview>.finance-metrics .panel {padding:12px 16px;}
.finance-overview>.finance-metrics strong {margin:4px 0 0;font-size:23px;}
.finance-overview-grid .section-title {margin-bottom:8px;}
.finance-overview-grid h2 {margin:0 0 8px;}
.finance-overview-grid .finance-metrics,.finance-overview-grid .finance-chart {max-height:clamp(120px,calc(100dvh - 440px),250px);}
.finance-overview-grid .finance-chart {grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.finance-overview-grid .finance-chart progress {width:100%;}
@media(max-width:1000px){.finance-toolbar {align-items:flex-start;flex-direction:column;}.finance-overview-grid .finance-chart {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:700px){.finance-overview>.finance-metrics .panel{padding:10px;}.finance-overview>.finance-metrics strong{font-size:18px;}.finance-overview-grid .finance-chart,.finance-overview-grid .finance-metrics{max-height:220px;}}
/* Direction colors apply only to amounts in the finance movement list. */
.movement-income{color:#176b43;font-weight:600}.movement-expense{color:#b3343b;font-weight:600}

.dashboard-task-strip{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:7px}
.dashboard-task-strip a{padding:10px}
.dashboard-task-strip a span{font-size:11px}
.dashboard-data-alert{display:flex;flex-wrap:wrap;gap:8px 18px;padding:9px 12px;margin:0 0 10px;border:1px solid #e5cf93;border-radius:9px;background:#fff9e9;font-size:12px}
.dashboard-flow-legend{display:flex;gap:18px;margin-bottom:8px;font-size:12px;color:var(--primary)}
.dashboard-flow-legend span:last-child{color:#b3343b}
.dashboard-flow-track{display:flex;align-items:flex-end;justify-content:center;gap:5px}
.dashboard-flow-track .dashboard-bar{width:32%;max-width:28px}
.dashboard-flow-track .dashboard-flow-out{background:#b3343b}
.dashboard-bar-amount small{display:block;font-size:10px;color:#b3343b;margin-top:3px}
@media(min-width:1200px){.dashboard-task-strip{grid-template-columns:repeat(9,minmax(0,1fr))}.dashboard-task-strip a{padding:9px}.dashboard-task-strip a span{font-size:10px}}
.store-card-picker{border:1px solid var(--line);border-radius:12px;padding:16px;min-width:0}
.store-card-picker legend{font-weight:700;padding:0 6px}
.store-card-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.store-style-choice{display:grid;gap:8px;position:relative;padding:12px;border:2px solid var(--line);border-radius:12px;cursor:pointer}
.store-style-choice:has(input:checked){border-color:var(--primary);background:var(--primary-tint)}
.store-style-choice input{position:absolute;top:14px;right:14px;width:18px;min-height:18px;z-index:1}
.store-style-choice small{font-weight:400;color:var(--muted);line-height:1.5}
.store-style-preview{display:block;background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;padding-bottom:10px}
.preview-image{display:grid;place-items:center;height:64px;background:#eef1f5;font-size:30px;color:#66758b}
.preview-classic .preview-image{height:100px}.preview-visual .preview-image{height:100px;background:#10182b;color:#fff}
.preview-lines{display:block;width:65%;height:7px;margin:12px;background:#cbd3df;box-shadow:0 12px #e5e9ef}
.preview-action{display:block;width:32%;height:18px;margin:22px 12px 0 auto;background:var(--primary);border-radius:5px}
.preview-classic .preview-action{width:80%}.preview-visual .preview-action{border-radius:15px;background:var(--secondary)}
@media(max-width:600px){.store-card-choices{grid-template-columns:1fr}.store-style-choice{grid-template-columns:90px 1fr}.store-style-preview{grid-row:1/3}.store-style-choice strong,.store-style-choice small{padding-right:22px}.preview-image,.preview-classic .preview-image,.preview-visual .preview-image{height:60px}}
.dashboard-task-strip{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))}
.dashboard-priority-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:8px}
.dashboard-priority-tabs a{font-size:12px;padding:8px 12px;border-bottom:2px solid transparent}
.dashboard-priority-tabs a[aria-current=page]{font-weight:700;color:var(--primary);border-color:var(--primary)}
.dashboard-priority-list>a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px;text-decoration:none}
.dashboard-priority-list>a:last-child{border-bottom:0}
.dashboard-priority-list strong{display:block;max-width:290px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dashboard-priority-list small{display:block;color:var(--muted);font-size:10px;margin-top:4px}
.dashboard-priority-list b{white-space:nowrap}
.dashboard-operation-links{display:flex;gap:14px;margin-top:8px;font-size:11px}
.dashboard-priorities .section-title>a{font-size:11px}
@media(max-width:700px){.dashboard-priority-list strong{max-width:190px}}
/* Provider attribution shared by ERP and store footers. */
.provider-credit{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 18px;font:11px/1.4 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--muted);flex-shrink:0}
.provider-copyright{white-space:nowrap;font-variant-numeric:tabular-nums}
.provider-credit a{display:inline-flex;align-items:center;gap:4px;color:inherit;text-decoration:none;white-space:nowrap}
.provider-credit a>span{font-weight:400}
.provider-credit strong{font-size:inherit;font-weight:600;letter-spacing:.01em}
.provider-credit a:hover strong{text-decoration:underline;text-underline-offset:3px}
.provider-credit a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.app-footer{flex-shrink:0;border:0}
.app-footer .provider-credit{justify-content:flex-end;padding:4px 24px;font-size:10px;line-height:14px;gap:8px}
.app-content>.app-footer{position:static;margin-top:18px}
.app-content>.app-footer .provider-credit{padding:0}
.app-shell .compact-sidebar .sidebar-bottom{display:flex;flex-direction:column;align-items:stretch;gap:8px}
.sidebar-provider{text-align:center;font:10px/1.4 system-ui,-apple-system,Segoe UI,sans-serif;color:#b6c2d5}
.sidebar-bottom .sidebar-provider .provider-link{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0;color:inherit;text-decoration:none}
.sidebar-provider .provider-link strong{font-size:inherit;font-weight:600}
.sidebar-provider .provider-link:hover strong{text-decoration:underline;text-underline-offset:3px}
.sidebar-provider .provider-link:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.login-layout{grid-template-rows:1fr auto;row-gap:16px}
.login-layout>.app-footer{align-self:end;width:100%;color:#cbd5e1}
.login-layout>.app-footer .provider-credit{justify-content:center;padding:0}
.login-layout>.app-footer .provider-credit{color:inherit}
.store-footer{flex-wrap:wrap}
.store-footer>.provider-credit{display:flex;flex-basis:100%;border-top:1px solid var(--line);padding:12px 0 0;justify-content:space-between}
.store-footer .provider-credit>.provider-copyright{font-size:inherit;letter-spacing:normal;text-transform:none}
.site-footer>.provider-credit{color:#cbd5e1;border-top:1px solid #ffffff26;margin-top:18px;justify-content:space-between;padding-left:4%;padding-right:4%}
@media(max-width:600px){.app-footer .provider-credit{padding:3px 12px}}

/* Mobile app navigation: icon tabs with a separate menu for all remaining sections. */
.mobile-tabs{display:none}
@media(max-width:760px),(max-height:480px){
 .app-shell{padding-bottom:calc(56px + var(--mobile-safe-bottom))}
 .app-shell .app-menu-toggle{display:none}
 .app-shell .compact-sidebar{grid-template-columns:64px minmax(0,1fr)}
 .app-shell .mobile-tabs{position:fixed;inset:auto 0 0;z-index:40;display:flex;align-items:center;justify-content:space-around;height:calc(56px + var(--mobile-safe-bottom));padding:0 max(8px,var(--mobile-safe-right)) var(--mobile-safe-bottom) max(8px,var(--mobile-safe-left));background:#fff;border-top:1px solid var(--line)}
 .mobile-tabs .mobile-tab{display:flex;flex:1;align-items:center;justify-content:center;min-width:44px;min-height:48px;padding:10px 4px;margin:0;border:0;border-radius:0;background:transparent;color:var(--muted);box-shadow:none;text-decoration:none;position:relative}
 .mobile-tabs .mobile-tab[aria-current=page],.mobile-tabs .mobile-tab[data-active=true],.mobile-tabs .mobile-tab[aria-expanded=true]{color:var(--ink)}
 .mobile-tabs .mobile-tab[aria-current=page] svg{stroke-width:2.5}
 .mobile-tabs .mobile-tab[aria-current=page]::after,.mobile-tabs .mobile-tab[data-active=true]::after{content:'';position:absolute;bottom:3px;width:4px;height:4px;background:currentColor;border-radius:50%}
 .mobile-tabs .mobile-tab:focus-visible{outline:2px solid var(--navy);outline-offset:-4px;border-radius:8px}
 .app-shell .sidebar-navigation{position:fixed;inset:auto 12px calc(64px + var(--mobile-safe-bottom));max-height:calc(var(--app-visible-height,100dvh) - 150px - var(--mobile-safe-bottom));padding:16px;border-radius:18px;border:1px solid #ffffff30;box-shadow:0 -8px 36px #07132930;z-index:35}
 .app-shell .compact-sidebar .sidebar-bottom{margin-top:16px}
}
/* Give mobile navigation its own visual layer, distinct from the workspace. */
.mobile-menu-heading,.mobile-menu-icon{display:none}
@media(max-width:760px),(max-height:480px){
 .app-shell{padding-bottom:calc(84px + var(--mobile-safe-bottom))}
 .app-shell .mobile-tabs{inset:auto max(12px,var(--mobile-safe-right)) calc(10px + var(--mobile-safe-bottom)) max(12px,var(--mobile-safe-left));height:62px;padding:6px;gap:4px;background:#10182b;border:1px solid #ffffff20;border-radius:22px;box-shadow:0 8px 28px #07132940,0 0 0 5px #f3f5f9}
 .mobile-tabs .mobile-tab{flex:1;min-height:48px;padding:10px 4px;border-radius:16px;color:#bec9db;transition:background .15s,color .15s}
 .mobile-tabs .mobile-tab:hover{background:#ffffff12;color:#fff}
 .mobile-tabs .mobile-tab[aria-current=page],.mobile-tabs .mobile-tab[data-active=true],.mobile-tabs .mobile-tab[aria-expanded=true]{background:var(--secondary,#e0e658);color:var(--on-secondary,#10182b);box-shadow:0 2px 8px #0002}
 .mobile-tabs .mobile-tab[aria-current=page]::after,.mobile-tabs .mobile-tab[data-active=true]::after{display:none}
 .mobile-tabs .mobile-tab:focus-visible{outline-color:#fff;border-radius:16px}
 .app-shell .sidebar-navigation{bottom:calc(84px + var(--mobile-safe-bottom));border-radius:22px;padding:18px;border:1px solid #ffffff26}
 .app-shell .sidebar-navigation .mobile-primary-link{display:none}
 .mobile-menu-heading{display:block;margin:0 0 14px;padding:0 2px 12px;border-bottom:1px solid #ffffff20;font-size:13px;font-weight:650;letter-spacing:.02em;color:var(--on-primary,#fff)}
 .app-shell .compact-sidebar .sidebar-navigation nav{grid-template-columns:1fr;gap:6px}
 .app-shell .compact-sidebar .sidebar-navigation nav a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;text-align:left;font-size:13px}
 .app-shell .compact-sidebar .sidebar-navigation nav a.mobile-primary-link{display:none}
 .mobile-menu-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;background:var(--nav-overlay,#ffffff12);flex-shrink:0}
 .mobile-menu-icon svg{width:19px;height:19px}
 .app-shell .sales-navigation{padding:5px;background:#e6ebf2;border:1px solid #d5ddea;border-radius:13px;gap:4px;overflow-x:auto;flex-wrap:nowrap}
 .app-shell .sales-navigation a{flex:0 0 auto;padding:9px 13px;border-radius:9px;color:#52627a;font-weight:550;white-space:nowrap}
 .app-shell .workspace .section-navigation.sales-navigation a.active{background:var(--primary);color:var(--on-primary);box-shadow:0 2px 5px #07132920}
 .app-shell .workspace .section-navigation.sales-navigation a.active::after{display:none}
}
@media(prefers-reduced-motion:reduce){.mobile-tabs .mobile-tab{transition:none}}

/* Single-row module navigation, with visible controls when more options overflow. */
.section-navigation-scroll{display:contents}
.section-scroll-button{display:none}
.section-scroll-button.mobile-disclosure-toggle::after,.mobile-tabs .mobile-tab.mobile-disclosure-toggle::after{content:none;display:none}
@media(max-width:760px),(max-height:480px){
 .app-shell .workspace .section-navigation-scroll{display:grid;grid-template-columns:minmax(0,1fr);flex:none;min-width:0;margin:8px 12px 0;padding:4px;background:#e6ebf2;border:1px solid #d5ddea;border-radius:14px;position:relative}
 .app-shell .workspace .section-navigation-scroll[data-overflow=true]{grid-template-columns:28px minmax(0,1fr) 28px;gap:3px}
 .app-shell .workspace .section-navigation-scroll>.section-navigation{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;position:relative;min-width:0;width:100%;max-width:100%;margin:0;padding:2px;gap:6px;overflow-x:auto;overflow-y:hidden;border:0;border-radius:9px;background:transparent;scroll-padding-inline:2px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#a6b3c8 transparent;-webkit-overflow-scrolling:touch}
 .app-shell .workspace .section-navigation-scroll>.section-navigation a{flex:0 0 auto;white-space:nowrap;min-height:38px;padding:9px 12px;font-size:12px;border-radius:9px}
 .app-shell .section-navigation-scroll[data-overflow=true]>.section-scroll-button{display:flex;align-items:center;justify-content:center;align-self:stretch;min-width:28px;min-height:40px;margin:0;padding:0;border:0;border-radius:9px;background:#fff;color:#253954;font:24px/1 system-ui;box-shadow:0 1px 3px #172b4912}
 .app-shell .section-navigation-scroll>.section-scroll-button:disabled{opacity:.3;cursor:default}
 .app-shell .section-navigation-scroll[data-scroll-right=true]::after{content:'';position:absolute;right:35px;top:5px;bottom:5px;width:18px;background:linear-gradient(90deg,transparent,#e6ebf2);pointer-events:none;border-radius:0 7px 7px 0}
 .app-shell .section-navigation-scroll .section-navigation::-webkit-scrollbar{height:3px}
 .app-shell .section-navigation-scroll .section-navigation::-webkit-scrollbar-thumb{background:#a6b3c8;border-radius:3px}
}

/* Mobile creation actions sit beside the filter disclosure; desktop retains its controls. */
.mobile-action-icon{display:none}
.mobile-filter-toolbar{display:contents}
@media(max-width:760px){
 .mobile-filter-disclosure .mobile-filter-toolbar{display:flex;align-items:center;gap:8px;min-width:0;margin-bottom:2px}
 .mobile-filter-toolbar>.mobile-disclosure-toggle{flex:1;min-width:0;width:auto;padding:10px 2px;margin:0}
 .mobile-create-action>.mobile-action-label{display:none}
 .mobile-create-action>.mobile-action-icon{display:block;flex-shrink:0}
 .app-shell .mobile-create-action{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;min-width:42px;height:42px;min-height:42px;padding:9px;margin:0;border-radius:12px;text-decoration:none;box-shadow:0 2px 5px #07132915}
 .mobile-action-source:empty{display:none}
 .mobile-action-source:not(:has(a,button,input,select,textarea)){display:none}
 .mobile-filter-toolbar .mobile-create-action:focus-visible{outline-offset:3px}
 .section-scroll-button.mobile-disclosure-toggle{width:28px;flex-shrink:0}
}

/* One consistent filter/action row in mobile lists. */
.mobile-finance-analysis,.mobile-finance-label{display:none}
@media(max-width:760px){
 .app-shell .mobile-filter-disclosure:has(>.mobile-filter-toolbar){padding:0 10px;border-radius:13px;background:#f9fbfe;border-color:#dce4ef;box-shadow:0 1px 3px #172b4905}
 .app-shell .mobile-filter-disclosure>.mobile-filter-toolbar{min-height:56px;gap:10px;margin:0}
 .app-shell .mobile-filter-toolbar>.mobile-disclosure-toggle{min-height:46px;padding:10px 4px;font-size:12px;font-weight:600}
 .app-shell .mobile-filter-toolbar>.mobile-create-action{flex:0 0 38px;width:38px;min-width:38px;height:38px;min-height:38px;padding:8px;border-radius:11px;box-shadow:0 2px 4px #07132918}
 .app-shell .mobile-filter-toolbar>.mobile-create-action svg{width:21px;height:21px}
 .app-shell .mobile-filter-disclosure:has(>.mobile-filter-toolbar)>.filters,.app-shell .mobile-filter-disclosure:has(>.mobile-filter-toolbar)>.search{padding-top:10px;border-top:1px solid #e4eaf3}
 .app-shell .finance-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:10px}
 .app-shell .finance-toolbar>.actions{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:10px;width:100%}
 .app-shell .finance-toolbar [data-dialog-open="finance-dates"]{justify-content:flex-start;min-height:42px;border-radius:11px;font-size:12px;background:#f9fbfe;border-color:#dce4ef}
 .app-shell .finance-toolbar .desktop-finance-label{display:none}
 .app-shell .finance-toolbar .mobile-finance-label{display:inline}
 .app-shell .mobile-finance-analysis{display:block;grid-column:1/-1;padding:0;border:0}
 .mobile-finance-analysis>summary{font-size:12px;color:var(--navy);font-weight:550;padding:8px 0;cursor:pointer}
 .mobile-finance-analysis>button{width:100%;justify-content:flex-start;margin:5px 0;padding:10px 12px;min-height:42px;font-size:12px;border-radius:10px}
}
/* Global notification center, shared by every signed-in module. */
.notification-center{flex-shrink:0}
.notification-center .notification-bell{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-height:40px;padding:8px;border:1px solid var(--line);border-radius:12px;background:#f5f7fb;color:var(--ink)}
.notification-badge{position:absolute;right:-4px;top:-3px;min-width:17px;padding:1px 4px;border:2px solid #fff;border-radius:20px;background:#bc2545;color:#fff;font-size:9px;font-weight:700;line-height:13px}
.notification-dialog{position:fixed;inset:60px 20px auto auto;margin:0;width:410px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 85px);padding:0;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 18px 70px #07132940;overflow:auto}
.notification-dialog::backdrop{background:#07132926}
.notification-dialog[open]{display:flex;flex-direction:column}
.notification-dialog>header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 18px 14px;flex-shrink:0}
.notification-dialog h2{margin:0;font-size:19px;letter-spacing:-.4px}
.notification-dialog header p{font-size:12px;margin:3px 0 0}
.notification-dialog .notification-close{width:34px;min-height:34px;padding:0;font-size:23px;border-radius:10px}
.notification-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 18px 14px;border-bottom:1px solid var(--line);font-size:11px;flex-shrink:0}
.notification-tools button{padding:6px 9px;min-height:32px;font-size:10px;border-radius:8px}
.notification-list{overflow:auto;min-height:0;overscroll-behavior:contain}
.notification-item{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid #edf1f6}
.notification-item.unread{background:#f0f5fc;border-left:3px solid var(--navy);padding-left:13px}
.notification-item-link{display:grid;gap:5px;flex:1;min-width:0;color:var(--ink);text-decoration:none}
.notification-item-link:hover{text-decoration:none}
.notification-item-link:hover strong{text-decoration:underline}
.notification-item-link strong{font-size:12px;font-weight:650;overflow-wrap:anywhere}
.notification-category{font-size:10px;font-weight:600;color:var(--navy)}
.notification-meta{font-size:10px;color:var(--muted);overflow-wrap:anywhere}
.notification-dialog .notification-read{flex-shrink:0;width:32px;min-height:32px;padding:0;border-radius:50%;font-size:14px}
.notification-empty{padding:38px 24px;text-align:center}
.notification-empty strong{font-size:14px}.notification-empty p{font-size:12px;line-height:1.7;margin:10px 0 0}
.notification-dialog .notification-more{margin:12px 16px;min-height:38px;font-size:12px;flex-shrink:0}
@media(max-width:760px),(max-height:480px){
 .app-shell .compact-sidebar{grid-template-columns:64px minmax(0,1fr) 40px}
 .compact-sidebar>.notification-center{grid-column:3;grid-row:1;justify-self:end}
 .compact-sidebar .notification-bell{background:var(--nav-overlay,#ffffff12);border-color:#ffffff26;color:var(--on-primary,#fff)}
 .notification-dialog{inset:calc(64px + var(--mobile-safe-top)) 12px auto auto;width:410px;max-height:calc(var(--app-visible-height,100dvh) - 160px - var(--mobile-safe-bottom));border-radius:18px}
}
/* Live warnings remain visible until their underlying condition is resolved. */
.notification-section-title{margin:0;padding:13px 17px 9px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700}
.notification-alert{display:flex;align-items:flex-start;gap:10px;margin:0 12px 9px;padding:13px 12px;border:1px solid #ecd59a;border-radius:12px;background:#fff9e9;color:#634600;text-decoration:none}
.notification-alert:hover{background:#fff3cf;text-decoration:none;border-color:#d8b35a}
.notification-alert-icon{display:grid;place-items:center;flex-shrink:0;width:23px;height:23px;border-radius:50%;background:#f6df9c;color:#674400;font-size:14px;font-weight:800}
.notification-alert strong{display:block;font-size:12px;line-height:1.5;font-weight:650}
.notification-alert p{margin:4px 0 7px;font-size:11px;line-height:1.6;color:#775a23}
.notification-alert-action{font-size:10px;font-weight:650;color:#715000}
.notification-badge.has-alerts{background:#f5cc62;color:#493400}
.notification-tools{flex-wrap:wrap}
/* Keep ERP attribution and copyright together below sign-out at every breakpoint. */
.sidebar-provider{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:2px 0 0}
.sidebar-provider>.provider-copyright{font-size:9px;line-height:1.3;color:inherit}
.login-layout>.app-footer .provider-credit{flex-direction:column-reverse;gap:3px}
/* Dismissible operation feedback; warning conditions remain in the bell. */
.feedback-stack{position:fixed;right:24px;top:64px;z-index:1000;display:grid;gap:12px;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 100px);overflow-y:auto;pointer-events:none;padding:4px}
.feedback-toast.notice{--feedback-accent:#146548;display:grid;grid-template-columns:32px minmax(0,1fr) 28px;align-items:start;gap:10px;position:relative;margin:0;padding:16px 12px 16px 14px;min-width:0;border:1px solid #dbe7e0;border-left:3px solid var(--feedback-accent);border-radius:16px;background:#fff;color:#172b40;box-shadow:0 10px 35px #07132920;pointer-events:auto;animation:feedback-in .2s ease-out}
.feedback-toast.notice.error{--feedback-accent:#a32b42;border-color:#edd8dd;border-left-color:var(--feedback-accent)}
.feedback-icon{display:block;box-sizing:content-box;padding:5px;border-radius:50%;color:var(--feedback-accent);background:#edf7f1}
.feedback-toast.error .feedback-icon{background:#fcf0f2}
.feedback-title{display:block;font-size:13px;line-height:1.5;font-weight:700;margin:0 0 4px}
.feedback-message{font-size:12px;line-height:1.65;color:#526079;overflow-wrap:anywhere}
.feedback-message>span{display:block;margin-top:4px}
.feedback-toast .feedback-close{display:grid;place-items:center;width:28px;height:28px;min-height:28px;padding:0;border:0;border-radius:8px;background:transparent;color:#64748b;font:22px/1 system-ui;cursor:pointer}
.feedback-toast .feedback-close:hover{background:#edf1f6;color:#172b40}
.feedback-toast .feedback-close:focus-visible{outline:2px solid var(--feedback-accent);outline-offset:2px}
@keyframes feedback-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px),(max-height:480px){.feedback-stack{inset:calc(64px + var(--mobile-safe-top)) 12px auto;width:calc(100% - 24px);max-height:calc(var(--app-visible-height,100dvh) - 170px - var(--mobile-safe-bottom));padding:2px}.feedback-toast.notice{padding:13px 10px 13px 12px;border-radius:14px;gap:8px}}
@media(prefers-reduced-motion:reduce){.feedback-toast.notice{animation:none}}
/* Cash flow trends for the selected dashboard period. */
.dashboard-flow{min-width:0}.flow-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px}.flow-totals>div{padding:12px;background:#f5f7fb;border:1px solid #e7ecf3;border-radius:11px;min-width:0}.flow-totals span{display:block;font-size:11px;color:var(--muted)}.flow-totals strong{display:block;margin-top:5px;font-size:17px;overflow-wrap:anywhere}.flow-controls{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.flow-controls button{min-height:34px;padding:7px 12px;font-size:11px;border-radius:9px}.flow-controls button[aria-pressed=true]{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.flow-plot{min-width:0;border-radius:10px;touch-action:pan-y}.flow-plot svg{display:block;width:100%;height:auto}.flow-axis{font:11px system-ui;fill:#6b7b91}.flow-detail{display:flex;flex-wrap:wrap;gap:6px 14px;padding:10px 12px;background:#f5f7fb;border-radius:10px;margin-bottom:12px;font-size:11px;min-height:38px}.flow-detail>strong{width:100%;font-size:11px}.flow-incoming{color:#126b56}.flow-outgoing{color:#ad3647}.flow-net{color:#4557aa}.flow-data{font-size:11px;margin-top:12px}.flow-data summary{cursor:pointer;color:var(--navy)}.flow-data table{margin-top:10px}
@media(max-width:600px){.flow-totals{gap:6px}.flow-totals>div{padding:9px 7px}.flow-totals strong{font-size:14px}.flow-totals span{font-size:10px}.flow-controls{flex-wrap:nowrap;overflow-x:auto}.flow-controls button{white-space:nowrap;flex-shrink:0;padding:7px 10px}.flow-plot svg{min-height:190px}.flow-axis{font-size:12px}}
/* Dashboard hierarchy: selected period, cash-flow trend, then current balances. */
.dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 20px}.dashboard-heading h1{font-size:27px;letter-spacing:-.8px}.dashboard-heading p{margin:6px 0 0;font-size:12px}.dashboard-updated{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--muted);white-space:nowrap}.dashboard-updated a{width:34px;min-height:34px;padding:7px;border-radius:10px}.dashboard-section-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:22px 0 12px}.dashboard-section-label h2{margin:0;font-size:15px}.dashboard-section-label>span{font-size:10px;color:var(--muted)}.dashboard-period-cards,.dashboard-current-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dashboard-period-card.panel{margin:0;padding:20px;border-top:3px solid #16836a;color:var(--ink);text-decoration:none}.dashboard-period-card>div{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px}.dashboard-period-card>strong{display:block;font-size:28px;letter-spacing:-.8px;margin:10px 0 8px;overflow-wrap:anywhere}.dashboard-period-card>small{display:block;color:#526079;font-size:11px;font-weight:600}.period-card-note{display:block;font-size:10px;color:var(--muted);margin-top:6px}.dashboard-period-card.period-outgoing{border-top-color:#cf5864}.dashboard-period-card.period-net{border-top-color:#536ac6}.dashboard-period-card:hover,.dashboard-current-cards>a:hover{border-color:#bccbdf;box-shadow:0 5px 16px #172b490c;text-decoration:none}.dashboard-comparison{font-size:10px;line-height:1.6;margin:10px 0 22px}.dashboard-current-cards>a{display:block;margin:0;padding:18px;color:var(--ink);text-decoration:none}.dashboard-current-cards>a>span{font-size:12px;color:var(--muted)}.dashboard-current-cards strong{display:block;font-size:23px;margin:8px 0;overflow-wrap:anywhere}.dashboard-current-cards small{font-size:10px;color:var(--navy)}.dashboard-flow{margin-bottom:24px}
@media(max-width:700px){.dashboard-heading{align-items:flex-start;gap:10px;margin-bottom:16px}.dashboard-heading h1{font-size:22px}.dashboard-updated{gap:5px;flex-direction:column-reverse;align-items:flex-end;font-size:9px}.dashboard-period-cards{gap:7px}.dashboard-period-card.panel{padding:12px 9px;border-radius:12px}.dashboard-period-card>div{font-size:10px}.dashboard-period-card>strong{font-size:18px;letter-spacing:-.4px;margin:9px 0}.dashboard-period-card>small{font-size:10px}.period-card-note{font-size:9px}.dashboard-section-label{align-items:flex-start;flex-direction:column;gap:4px}.dashboard-section-label>span{font-size:9px}.dashboard-current-cards{grid-template-columns:1fr;gap:8px}.dashboard-current-cards>a{padding:14px 16px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px}.dashboard-current-cards strong{font-size:20px;margin:0}.dashboard-current-cards small{grid-column:1/-1}.dashboard-comparison{font-size:9px;margin:9px 0 18px}}
/* Compact overview: cash-flow chart and current balances share the same row. */
.dashboard-heading{margin-bottom:12px;gap:12px}.dashboard-heading h1{font-size:23px}.dashboard-heading p{font-size:11px;margin-top:4px}.dashboard-section-label{margin:14px 0 9px}.dashboard-section-label h2{font-size:13px}.dashboard-period-cards{gap:10px}.dashboard-period-card.panel{padding:13px 15px;border-radius:13px;border-top-width:2px}.dashboard-period-card>div{font-size:11px}.dashboard-period-card>strong{font-size:23px;margin:7px 0 5px}.dashboard-period-card>small{font-size:10px}.period-card-note{font-size:9px;margin-top:4px}.dashboard-comparison{margin:8px 0 14px;font-size:9px}.dashboard-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 246px;align-items:start;gap:14px}.dashboard-main-grid>.dashboard-flow{margin:0;padding:18px;min-width:0}.dashboard-flow .section-title{margin-bottom:12px}.dashboard-flow .section-title h2{font-size:16px;margin-bottom:4px}.dashboard-flow .section-title .hint{font-size:10px;margin:0}.dashboard-current{min-width:0}.dashboard-current>.dashboard-section-label{display:block;margin:0 0 10px}.dashboard-current .dashboard-section-label>span{display:block;margin-top:5px;font-size:9px;line-height:1.5}.dashboard-main-grid .dashboard-current-cards{grid-template-columns:minmax(0,1fr);gap:9px}.dashboard-main-grid .dashboard-current-cards>a{padding:14px 15px;border-radius:13px}.dashboard-main-grid .dashboard-current-cards>a>span{font-size:11px}.dashboard-main-grid .dashboard-current-cards strong{font-size:23px;margin:6px 0}.dashboard-main-grid .dashboard-current-cards small{font-size:9px}.dashboard-flow .flow-controls{gap:5px;margin-bottom:8px}.dashboard-flow .flow-controls button{min-height:32px;padding:6px 10px;font-size:10px}.dashboard-flow .flow-detail{padding:8px 10px;gap:5px 12px;margin-bottom:8px;font-size:10px}.dashboard-flow>p.hint{font-size:10px;margin:8px 0}.dashboard-flow .flow-data{margin-top:8px;font-size:10px}
@media(min-width:761px) and (max-width:1100px){.dashboard-main-grid{grid-template-columns:minmax(0,1fr) 195px;gap:10px}.dashboard-main-grid>.dashboard-flow{padding:14px}.dashboard-main-grid .dashboard-current-cards>a{padding:12px}.dashboard-main-grid .dashboard-current-cards strong{font-size:21px}}
@media(max-width:760px){
 .dashboard-heading{margin-bottom:10px;align-items:center}.dashboard-heading h1{font-size:19px;letter-spacing:-.5px}.dashboard-heading p{display:none}.dashboard-updated{flex-direction:row;align-items:center;gap:6px;font-size:8px}.dashboard-updated a{width:30px;min-height:30px;padding:6px}.dashboard-section-label{margin:10px 0 7px;flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:4px}.dashboard-section-label h2{font-size:12px}.dashboard-section-label>span{font-size:8px}.dashboard-period-cards{gap:6px}.dashboard-period-card.panel{padding:9px 8px;border-radius:10px}.dashboard-period-card>div{font-size:9px;gap:2px}.dashboard-period-card>strong{font-size:16px;letter-spacing:-.3px;margin:6px 0 4px}.dashboard-period-card>small{font-size:8px;line-height:1.4}.dashboard-period-card .period-card-note{display:none}.dashboard-comparison{font-size:8px;line-height:1.5;margin:7px 0 10px}.dashboard-main-grid{grid-template-columns:minmax(0,1fr);gap:14px}.dashboard-main-grid>.dashboard-flow{padding:13px 11px;border-radius:13px}.dashboard-flow .section-title{margin-bottom:8px}.dashboard-flow .section-title h2{font-size:14px}.dashboard-flow .section-title .hint{font-size:9px}.dashboard-flow .flow-controls button{min-height:32px;padding:6px 9px}.dashboard-flow .flow-plot svg{min-height:170px}.dashboard-flow .flow-detail>strong{width:auto}.dashboard-flow .flow-detail{font-size:9px;gap:5px 9px}.dashboard-flow>p.hint{font-size:9px;line-height:1.5}.dashboard-current>.dashboard-section-label{margin-bottom:8px}.dashboard-current .dashboard-section-label>span{font-size:8px}.dashboard-main-grid .dashboard-current-cards{gap:6px}.dashboard-main-grid .dashboard-current-cards>a{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:11px 13px;gap:3px 10px;align-items:center}.dashboard-main-grid .dashboard-current-cards strong{grid-column:2;grid-row:1/3;font-size:20px;margin:0}.dashboard-main-grid .dashboard-current-cards small{grid-column:1;grid-row:2;font-size:8px}.dashboard-main-grid .dashboard-current-cards>a>span{font-size:10px}
}
/* Denser dashboard with current balances preceding the chart on phones. */
.dashboard-heading{margin-bottom:8px}.dashboard-heading h1{font-size:21px}.dashboard-heading p{font-size:10px;margin-top:3px}.dashboard-section-label{margin:10px 0 7px}.dashboard-period-cards{gap:8px}.dashboard-period-card.panel{padding:10px 12px;border-radius:11px}.dashboard-period-card>strong{font-size:21px;margin:5px 0 4px}.dashboard-period-card>small{font-size:9px}.period-card-note{display:none}.dashboard-comparison{margin:6px 0 10px;font-size:9px}.dashboard-main-grid{grid-template-columns:minmax(0,1fr) 280px;gap:10px}.dashboard-main-grid>.dashboard-flow{padding:14px}.dashboard-main-grid .dashboard-current-cards{gap:7px}.dashboard-main-grid .dashboard-current-cards>a{padding:11px 13px;border-radius:11px}.dashboard-main-grid .dashboard-current-cards strong{font-size:21px;margin:4px 0}.dashboard-current>.dashboard-section-label{margin-bottom:7px}.dashboard-current .dashboard-section-label>span{font-size:8px;margin-top:3px}.dashboard-flow .section-title{margin-bottom:8px}.dashboard-flow .flow-detail{padding:7px 9px;margin-bottom:6px}.dashboard-flow>p.hint{font-size:9px;margin:6px 0}.dashboard-flow .flow-data{margin-top:6px}.dashboard-period-cards:has(>a:only-child){grid-template-columns:minmax(0,1fr)}
@media(min-width:761px) and (max-width:1100px){.dashboard-main-grid{grid-template-columns:minmax(0,1fr) 220px;gap:9px}.dashboard-main-grid>.dashboard-flow{padding:12px}.dashboard-main-grid .dashboard-current-cards>a{padding:10px}.dashboard-main-grid .dashboard-current-cards strong{font-size:19px}}
@media(max-width:760px){
 .dashboard-heading{margin-bottom:7px}.dashboard-heading h1{font-size:18px}.dashboard-section-label{margin:8px 0 6px}.dashboard-period-cards{gap:5px}.dashboard-period-card.panel{padding:8px 7px;border-radius:9px}.dashboard-period-card>div{font-size:9px}.dashboard-period-card>strong{font-size:15px;margin:5px 0 3px}.dashboard-period-card>small{font-size:8px}.dashboard-comparison{font-size:8px;line-height:1.4;margin:6px 0 9px}.dashboard-main-grid{display:flex;flex-direction:column;gap:10px}.dashboard-main-grid>.dashboard-current{order:0;width:100%}.dashboard-main-grid>.dashboard-flow{order:1;width:100%;padding:11px 9px}.dashboard-current>.dashboard-section-label{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:3px 8px;margin:0 0 6px}.dashboard-current .dashboard-section-label h2{font-size:12px}.dashboard-current .dashboard-section-label>span{font-size:8px;margin:0;max-width:200px}.dashboard-main-grid .dashboard-current-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.dashboard-main-grid .dashboard-current-cards>a{display:block;padding:9px 7px;border-radius:9px;min-width:0}.dashboard-main-grid .dashboard-current-cards>a>span{display:block;font-size:9px;line-height:1.4}.dashboard-main-grid .dashboard-current-cards strong{font-size:15px;letter-spacing:-.3px;margin:5px 0 0;line-height:1.3}.dashboard-main-grid .dashboard-current-cards small{display:none}.dashboard-current-cards:has(>a:only-child){grid-template-columns:minmax(0,1fr)}.dashboard-flow .section-title h2{font-size:13px}.dashboard-flow .flow-controls{margin-bottom:5px}.dashboard-flow .flow-detail{font-size:9px;padding:6px 8px;gap:4px 8px}.dashboard-flow .flow-plot svg{min-height:160px}
}
/* Plot height stays compact instead of growing with a wide monitor. */
.dashboard-flow .flow-plot{height:220px;min-height:0;max-height:220px}
.dashboard-flow .flow-plot svg{width:100%;height:100%;min-height:0;max-height:100%}
.dashboard-flow .flow-axis{font-size:10px}
.dashboard-flow .flow-detail>strong{width:auto}
.dashboard-flow .flow-detail{align-items:center;min-height:30px}
@media(max-width:760px){.dashboard-flow .flow-plot{height:185px;max-height:185px}.dashboard-flow .flow-axis{font-size:9px}}
.page-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0}
.dashboard-heading>.dashboard-updated{align-self:center}
@media(max-width:760px),(max-height:480px){.page-heading-actions{gap:6px}}

/* Match the chart and balances to the three period columns. */
@media(min-width:761px){
 .dashboard-main-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .dashboard-main-grid>.dashboard-flow{grid-column:span 2}
 .dashboard-main-grid>.dashboard-current{grid-column:3}
 .dashboard-main-grid .dashboard-current-cards>a{display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;column-gap:12px}
 .dashboard-main-grid .dashboard-current-cards>a>span{grid-column:1}
 .dashboard-main-grid .dashboard-current-cards strong{grid-column:1}
 .dashboard-main-grid .dashboard-current-cards .dashboard-card-action{display:flex;grid-column:2;grid-row:1/3;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:#f1f4fa;color:var(--navy);font-size:17px}
 .dashboard-current-cards>a:hover .dashboard-card-action{background:#e5eaf5}
}
@media(max-width:760px){
 .dashboard-main-grid .dashboard-current-cards>a{position:relative}
 .dashboard-main-grid .dashboard-current-cards .dashboard-card-action{display:block;position:absolute;top:5px;right:6px;font-size:11px;color:var(--muted)}
 .dashboard-main-grid .dashboard-current-cards>a>span{padding-right:10px}
}

@media(max-width:760px){
 .dashboard-filter{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;padding:9px 10px}
 .dashboard-filter label{min-width:0}
 .dashboard-filter select,.dashboard-filter input{width:100%;min-width:0}
 .dashboard-filter button{grid-column:2;grid-row:1}
 .dashboard-filter .dashboard-custom-date{grid-row:2}
 .dashboard-filter.dashboard-filter-custom{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .dashboard-filter.dashboard-filter-custom>label:first-of-type{grid-column:1/-1}
 .dashboard-filter.dashboard-filter-custom button{grid-column:1/-1;grid-row:3;justify-self:end}
}

.notification-tabs{display:flex;gap:6px;padding:0 16px 12px;border-bottom:1px solid var(--line)}
.notification-tabs [role=tab]{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-height:38px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:#f5f7fb;color:var(--muted);font-size:12px}
.notification-tabs [aria-selected=true]{background:var(--navy);border-color:var(--navy);color:#fff}
.notification-tabs [role=tab]>span{padding:2px 6px;border-radius:12px;background:#dfe6f1;color:var(--ink);font-size:10px}
.notification-tabs [aria-selected=true]>span{background:#fff3cc;color:#795500}
.app-shell .notification-dialog .notification-tabs{gap:24px;padding:0 20px;flex:none;background:white}
.app-shell .notification-dialog .notification-tabs>button[role=tab]{position:relative;flex:0 1 auto;min-height:44px;padding:10px 0;border:0;border-radius:0;background:transparent;color:var(--muted);font-size:12px;font-weight:600;box-shadow:none}
.app-shell .notification-dialog .notification-tabs>button[aria-selected=true]{color:var(--navy);background:transparent}
.app-shell .notification-dialog .notification-tabs>button[aria-selected=true]::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--navy);border-radius:3px 3px 0 0}
.app-shell .notification-dialog .notification-tabs>button>span{display:inline-flex;align-items:center;justify-content:center;min-width:22px;padding:2px 6px;border-radius:6px;background:#edf1f7;color:var(--muted);font-size:10px;line-height:1.4}
.app-shell .notification-dialog .notification-tabs>button[aria-selected=true]>span{background:var(--primary-tint,#edf1f7);color:var(--navy)}
.profile-notifications .section-title h2{font-size:16px}.profile-notifications .profile-push-status{padding:11px 13px;background:#f6f8fb;border:1px solid var(--line);border-radius:9px;font-size:12px;line-height:1.6}
.profile-notifications .push-preferences{gap:10px;margin:12px 0}.profile-notifications .push-preferences label{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fafbfd}
.profile-notifications .push-settings-actions{margin:12px 0}.profile-notifications>.hint{font-size:11px}
.notification-pending-note{margin:0;padding:10px 16px;font-size:11px;line-height:1.5;color:var(--muted)}
.notification-dialog [hidden]{display:none!important}

.notification-dialog .notification-pending-item{margin:0;padding:14px 16px 14px 13px;border:0;border-bottom:1px solid #edf1f6;border-left:3px solid #dfb34a;border-radius:0;background:#fffcf3}
.notification-dialog .notification-pending-item:hover{background:#fff7df}
.notification-dialog .notification-pending-item .notification-category{color:#89620f}
.notification-dialog .notification-pending-item .notification-meta{line-height:1.5}
.notification-dialog .notification-pending-item .notification-alert-action{font-size:11px;color:#80600e;margin-top:2px}
.notification-dialog .notification-pending-item .notification-item-link{display:grid;gap:5px;min-width:0}
.notification-dialog .notification-pending-item .notification-item-link>span{position:static;width:auto;height:auto;background:none;border:0;border-radius:0}

.notification-dialog .push-settings{margin:0 16px 12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#f7f9fc}
.push-settings summary{font-size:11px;cursor:pointer;color:var(--ink);font-weight:600}
.push-settings p{font-size:11px;line-height:1.5;margin:9px 0;color:var(--muted)}
.push-settings-actions{display:flex;flex-wrap:wrap;gap:6px}
.push-settings-actions button{font-size:11px;padding:7px 10px;min-height:34px}

.push-preferences{display:flex;flex-wrap:wrap;gap:8px 14px;margin:8px 0}.push-preferences label{display:flex;align-items:center;gap:5px;font-size:11px;margin:0}.push-preferences input{width:auto;margin:0}
.profile-notifications .push-category-groups{flex-basis:100%;min-width:0;display:grid;gap:8px}
.profile-notifications .push-category-groups details{border:1px solid var(--line);border-radius:10px;background:#fafbfd;padding:0;overflow:hidden}
.profile-notifications .push-category-groups summary{padding:12px 14px;font-size:12px;cursor:pointer;font-weight:600}
.profile-notifications .push-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:0 8px 8px}
.profile-notifications .push-category-grid label{border:0;background:transparent;gap:9px;font-size:12px;line-height:1.4;padding:9px;align-items:flex-start;cursor:pointer}
.profile-notifications .push-category-grid input{flex:0 0 auto;margin-top:2px;accent-color:var(--primary,#151447)}
.profile-notifications .push-group-paused .push-category-grid{opacity:.55}
@media(max-width:600px){.profile-notifications .push-category-grid{grid-template-columns:1fr}}

/* Customer directory: the same records become compact rows on phones. */
.customer-directory-count{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:12px 0;color:var(--muted);font-size:11px}
.customer-directory-count strong{color:var(--ink)}
.customer-directory-filters>label:first-of-type{flex:2;min-width:200px}
.customer-directory-filters .text-link{font-size:11px;align-self:center}
.customer-directory-table td{vertical-align:middle}
.customer-directory-table .customer-directory-name{min-width:150px;max-width:250px}
.customer-directory-name a{display:block;overflow-wrap:anywhere;color:var(--ink)}
.customer-directory-name strong{font-size:12px;font-weight:650}
.customer-directory-name small{display:block;font-size:11px;color:var(--muted);margin-top:4px}
.customer-directory-contact{max-width:230px;overflow-wrap:anywhere}
.customer-directory-contact>a,.customer-directory-contact-name{display:block;font-size:11px;line-height:1.7}
.customer-directory-contact-name{color:var(--muted)}
.customer-directory-address{max-width:230px;overflow-wrap:anywhere;font-size:11px;color:var(--muted)}
.customer-directory-tax{font-size:11px;overflow-wrap:anywhere;max-width:150px}
.customer-kind{display:inline-flex;padding:4px 8px;border-radius:7px;font-size:10px;line-height:1.4;white-space:nowrap;background:#eef2fa;color:#41567c}
.customer-kind-person{background:#edf6f2;color:#326754}
.customer-directory-mobile-label{display:none}
.customer-directory-actions{white-space:nowrap}
.customer-directory .customer-open-button,.customer-directory .customer-more-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:7px 10px;font-size:11px;border-radius:9px}
.customer-directory .customer-more-button{width:34px;padding:6px;margin-left:4px;color:var(--muted)}
.customer-directory-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:16px;font-size:11px;color:var(--muted)}
.customer-directory-pagination .button{min-height:34px;padding:7px 10px;font-size:11px}
.customer-directory-empty{text-align:center;padding:30px 16px;color:var(--muted)}
.customer-directory-empty>svg{width:34px;height:34px;color:#7c8ba3;margin-bottom:8px}
.customer-directory-empty h3{color:var(--ink);font-size:15px;margin:0 0 8px}
.customer-directory-empty p{font-size:12px;line-height:1.6;margin:0 auto 14px;max-width:360px}
.customer-directory-empty .button{font-size:12px}
.customer-directory-back{display:inline-flex;align-items:center;font-size:11px;margin:9px 0 5px;color:var(--muted)}
@media(max-width:760px){
 .customer-directory.panel{padding:13px 12px}
 .customer-directory .section-title{margin-bottom:12px}
 .customer-directory .section-title h2{font-size:15px}
 .customer-directory-filters>label:first-of-type{min-width:0;width:100%;flex-basis:100%}
 .customer-directory-count{margin:10px 0;font-size:10px}
 .customer-directory-wrap{overflow:visible;max-width:100%}
 .customer-directory-table,.customer-directory-table tbody{display:block;width:100%;min-width:0}
 .customer-directory-table thead{display:none}
 .customer-directory-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;padding:13px 0;border-bottom:1px solid var(--line);background:transparent}
 .customer-directory-table tbody tr:first-child{padding-top:4px}
 .customer-directory-table tbody tr:last-child{border-bottom:0;padding-bottom:0}
 .customer-directory-table tbody td{display:block;border:0;padding:0;min-width:0;max-width:none;background:transparent;white-space:normal}
 .customer-directory-table .customer-directory-name{grid-column:1;grid-row:1}
 .customer-directory-name strong{font-size:13px;line-height:1.5}
 .customer-directory-name small{font-size:10px;margin-top:2px}
 .customer-directory-table .customer-directory-kind{grid-column:2;grid-row:1;align-self:start}
 .customer-directory-table .customer-directory-tax{grid-column:1/-1;grid-row:2;color:var(--muted);font-size:10px}
 .customer-directory-mobile-label{display:inline}
 .customer-directory-table .customer-directory-contact{grid-column:1/-1;grid-row:3;display:flex;flex-wrap:wrap;gap:2px 12px}
 .customer-directory-contact-name{flex-basis:100%;font-size:10px}
 .customer-directory-contact>a{font-size:11px;max-width:100%;overflow-wrap:anywhere;padding:2px 0}
 .customer-directory-table .customer-directory-address{display:none}
 .customer-directory-table .customer-directory-actions{grid-column:1/-1;grid-row:4;display:flex;justify-content:flex-end;align-items:center;gap:6px;margin-top:2px}
 .customer-directory .customer-more-button{margin:0;width:36px;min-height:36px}
 .customer-directory .customer-open-button{min-height:36px;background:#f1f4fa;border-color:#e3e9f3}
}

.customer-directory .customer-row-actions{display:flex;align-items:center;justify-content:flex-start;gap:6px}
.customer-directory .customer-row-actions>.customer-open-button,.customer-directory .customer-row-actions>.customer-more-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:34px;min-height:34px;margin:0;line-height:1;vertical-align:middle;flex-shrink:0}
.customer-directory .customer-row-actions>.customer-more-button{width:34px;padding:6px}
.customer-directory .customer-row-actions>.customer-more-button svg{display:block;flex-shrink:0}
@media(max-width:760px){.customer-directory .customer-row-actions{justify-content:flex-end}.customer-directory .customer-row-actions>.customer-open-button,.customer-directory .customer-row-actions>.customer-more-button{height:36px;min-height:36px}.customer-directory .customer-row-actions>.customer-more-button{width:36px}}

/* Client profile: essential data first, with contextual actions. */
.app-shell .customer-profile-header{display:block;padding:15px 17px;margin-bottom:12px}
.customer-profile-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.customer-profile-title>div{min-width:0}
.app-shell .customer-profile-title h1{font-size:20px;margin:0 0 5px;line-height:1.35}
.app-shell .customer-profile-title .customer-profile-trade{font-size:12px;color:var(--muted);margin:0 0 7px;overflow-wrap:anywhere}
.customer-profile-menu{position:relative;flex-shrink:0;margin:0;padding:0;border:0}
.customer-profile-menu>summary{display:flex;align-items:center;justify-content:center;list-style:none;width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:#f5f7fb;color:#65768e;cursor:pointer}
.customer-profile-menu>summary::-webkit-details-marker{display:none}
.customer-profile-menu>summary:hover,.customer-profile-menu[open]>summary{background:#e9eef7;color:var(--navy)}
.customer-profile-menu>summary:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.customer-profile-menu-items{position:absolute;right:0;top:calc(100% + 5px);z-index:20;min-width:165px;padding:5px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 8px 24px #172b4920}
.customer-profile-menu-items>a,.customer-profile-menu-items>button{display:block;width:100%;padding:10px 11px;border:0;border-radius:6px;background:transparent;color:var(--ink);text-align:left;font-size:12px;line-height:1.4;text-decoration:none;white-space:nowrap}
.customer-profile-menu-items>a:hover,.customer-profile-menu-items>button:hover{background:#f1f4fa}
.customer-profile-facts{display:grid;grid-template-columns:1fr 1fr 1.3fr 1.5fr;gap:12px 18px;margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line)}
.customer-profile-facts>div{min-width:0}
.customer-profile-facts dt{font-size:10px;color:var(--muted);margin:0 0 5px}
.customer-profile-facts dd{margin:0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.customer-profile-facts a{color:var(--navy)}
.app-shell .customer-profile-header .customer-profile-contact-note{font-size:10px;color:var(--muted);margin:10px 0 0;line-height:1.5}
.customer-profile-contacts{display:grid;gap:0}
.customer-profile-contact{padding:12px 0;border-top:1px solid var(--line);min-width:0}
.customer-profile-contact:first-child{padding-top:0;border:0}
.customer-profile-contact:last-child{padding-bottom:0}
.customer-profile-contact-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.customer-profile-contact-heading>div{min-width:0;overflow-wrap:anywhere}
.customer-profile-contact-heading strong{font-size:12px}
.customer-profile-contact-heading small{display:block;font-size:10px;color:var(--muted);margin-top:3px}
.customer-profile-contact-links{display:flex;flex-wrap:wrap;gap:5px 14px;margin-top:6px;min-width:0}
.customer-profile-contact-links>a{display:block;font-size:11px;line-height:1.5;overflow-wrap:anywhere;max-width:100%;padding:2px 0}
.customer-profile-contact-links>a>span{display:block;font-size:9px;color:var(--muted)}
.customer-profile-empty{padding:10px 0;font-size:12px;color:var(--muted)}
.customer-profile-empty strong{color:var(--ink)}
.customer-profile-empty p{font-size:11px;line-height:1.5;margin:6px 0}
.app-shell .customer-summary{gap:9px;margin-bottom:12px}
.app-shell .customer-summary .panel{padding:12px 14px;margin-bottom:0;border-radius:11px}
.app-shell .customer-summary span{font-size:11px}
.app-shell .customer-summary strong{font-size:22px;line-height:1.4}
.app-shell .customer-summary small{font-size:10px}
.customer-overview-grid>#customer-contacts,.customer-overview-grid>.customer-recent{padding:15px 16px}
.customer-overview-grid .section-title h2{font-size:14px}
.customer-overview-grid .section-title>button,.customer-overview-grid .section-title>a{font-size:11px}
.app-shell .customer-fixed-header .customer-navigation{flex-wrap:nowrap;overflow-x:auto;gap:4px;padding:4px;border-radius:10px;background:#e8edf5;scrollbar-width:thin;scrollbar-color:#acbad0 transparent}
.app-shell .customer-fixed-header .customer-navigation a{flex:0 0 auto;white-space:nowrap;padding:8px 13px;min-height:35px;font-size:12px;border-radius:7px}
.app-shell .customer-fixed-header .customer-navigation a::after{display:none}
.app-shell .customer-fixed-header .customer-navigation a[aria-current=page]{background:var(--navy);color:#fff;box-shadow:0 2px 5px #172b491c}
.app-shell .customer-fixed-header{padding-bottom:9px}
@media(max-width:1050px){.customer-profile-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .app-shell .customer-profile-header{padding:12px;margin-bottom:10px}
 .app-shell .customer-profile-title h1{font-size:18px}
 .app-shell .customer-profile-title .customer-profile-trade{font-size:11px;margin-bottom:5px}
 .customer-profile-facts{gap:12px;margin-top:11px;padding-top:10px}
 .customer-profile-facts dd{font-size:11px}
 .customer-profile-facts dt{font-size:9px}
 .app-shell .customer-summary{gap:6px;margin-bottom:10px}
 .app-shell .customer-summary .panel{padding:10px 8px;gap:4px}
 .app-shell .customer-summary span{font-size:9px}
 .app-shell .customer-summary strong{font-size:17px}
 .app-shell .customer-summary small{font-size:9px;line-height:1.4}
 .customer-overview-grid>#customer-contacts,.customer-overview-grid>.customer-recent{padding:13px 12px}
 .customer-overview-grid .section-title{align-items:center;gap:8px;margin-bottom:12px}
 .customer-overview-grid .section-title>button{padding:7px 9px;min-height:34px}
 .customer-profile-menu>summary{width:36px;height:36px}
 .app-shell .customer-fixed-header .customer-navigation a{min-height:34px;padding:8px 11px;font-size:11px}
 .customer-recent th,.customer-recent td{padding:10px 7px;font-size:10px}
 .customer-recent th:nth-child(2),.customer-recent td:nth-child(2){display:none}
}

.customer-profile-quote-date{display:none}@media(max-width:760px){.customer-profile-quote-date{display:inline}}

.customer-quotes-panel .section-title h2{font-size:16px;margin:0}
.customer-quotes-panel .section-title .hint{font-size:11px;margin:4px 0 0}
.customer-quotes-filters>label:first-of-type{flex:2;min-width:180px}
.customer-quotes-filters .text-link{font-size:11px;align-self:center}
.customer-quotes-table td{vertical-align:middle}
.customer-quotes-table td strong{font-size:12px}
.customer-quotes-table td small{display:block;color:var(--muted);font-size:10px;margin-top:5px}
.customer-quote-invoice{font-size:11px;color:var(--muted)}
.customer-quotes-panel .customer-quote-actions>button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:34px;height:34px;min-height:34px;padding:6px;border-radius:9px;background:#f5f7fb;color:var(--muted)}
.customer-quote-actions>button svg{display:block;flex-shrink:0}
.customer-records-panel .section-title h2{font-size:16px;margin:0}
.customer-records-panel .section-title .hint{font-size:11px;margin:4px 0 0}
.customer-record{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}
.customer-record:first-child{padding-top:4px}
.customer-record:last-child{border-bottom:0;padding-bottom:0}
.customer-record:hover{text-decoration:none}
.customer-record:hover .customer-record-main>strong{text-decoration:underline}
.customer-record-main{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}
.customer-record-main>strong{font-size:12px;color:var(--navy)}
.customer-record-main>span{font-size:12px;line-height:1.5}
.customer-record-main>small{font-size:10px;color:var(--muted)}
.customer-record-end{display:flex;align-items:center;gap:14px;flex-shrink:0}
.customer-record-end .badge{font-size:10px}
.customer-record-arrow{color:#7a8ba3;font-size:14px}
.customer-record .badge:is(.pending,.scheduled){background:#fff4d6;color:#806017}
.customer-record .badge:is(.quoting,.in_progress){background:#eaf0fb;color:#3b5f91}
.customer-record .badge:is(.quoted,.completed){background:#e6f4ec;color:#326b4b}
.customer-record .badge.cancelled{background:#fcebed;color:#954151}
.customer-finance-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:12px}
.customer-finance-summary>.panel{padding:12px 14px;margin:0;border-radius:11px;min-width:0}
.customer-finance-summary span{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}
.customer-finance-summary strong{font-size:22px;overflow-wrap:anywhere;line-height:1.4}
.customer-finance-panel .section-title h2{font-size:16px;margin:0}
.customer-finance-panel .section-title .hint{font-size:11px;margin:4px 0 0}
.customer-finance-panel .filters>label:first-of-type{flex:2;min-width:180px}
.customer-finance-table td{vertical-align:middle;font-size:12px}
.customer-finance-document{max-width:270px;overflow-wrap:anywhere}
.customer-finance-document strong{font-size:12px}
.customer-finance-document small,.customer-finance-invoice{display:block;font-size:10px;color:var(--muted);margin-top:4px}
.customer-finance-badge{display:inline-flex;padding:4px 8px;border-radius:7px;font-size:10px;line-height:1.4;white-space:nowrap;background:#fff4d6;color:#806017}
.customer-finance-badge.partial{background:#eaf0fb;color:#3b5f91}
.customer-finance-badge.paid{background:#e6f4ec;color:#326b4b}
.customer-finance-badge.voided{background:#fcebed;color:#954151}
.customer-finance-amount,.customer-finance-collected,.customer-finance-balance{text-align:right;white-space:nowrap}
.customer-finance-collect{display:block;font-size:10px;margin-top:6px}
.customer-finance-table .customer-finance-mobile-label{display:none}
.customer-finance-note{font-size:10px;line-height:1.6;margin:13px 0 0;color:var(--muted)}
.sales-quotes-panel .section-title h2{font-size:16px;margin:0}
.sales-quotes-panel .section-title .hint{font-size:11px;margin-top:4px}
.sales-quotes-panel .filters>label:first-of-type{flex:2;min-width:180px}
.sales-quotes-panel .filters .text-link{align-self:center;font-size:11px}
.sales-quotes-table td{vertical-align:middle;font-size:11px}
.sales-quotes-table td strong{font-size:12px}
.sales-quotes-table td small{display:block;font-size:10px;color:var(--muted);margin-top:4px}
.sales-quotes-table .sales-quote-customer{max-width:240px;overflow-wrap:anywhere}
.sales-quotes-table .sales-quote-owner{max-width:140px;overflow-wrap:anywhere;font-size:11px;color:var(--muted)}
.sales-quotes-table .sales-quote-mobile-owner{display:none}
.sales-quote-followup{display:grid;gap:3px;font-size:9px;line-height:1.5;color:var(--muted);margin-top:6px}
.sales-quotes-panel .sales-quote-actions>button{display:flex;align-items:center;justify-content:center;width:34px;height:34px;min-height:34px;padding:6px;border-radius:9px;background:#f5f7fb;color:var(--muted)}
.sales-quote-actions svg{display:block;flex-shrink:0}
.sales-requests-panel .section-title h2{font-size:16px;margin:0}
.sales-requests-panel .section-title .hint{font-size:11px;margin-top:4px}
.sales-requests-panel .filters>label:first-of-type{flex:2;min-width:180px}
.sales-requests-panel .filters .text-link{font-size:11px;align-self:center}
.sales-requests-table td{vertical-align:middle;font-size:11px}
.sales-requests-table td strong{font-size:12px}
.sales-requests-table td small{display:block;margin-top:4px;font-size:10px;color:var(--muted)}
.sales-request-customer,.sales-request-subject{max-width:250px;overflow-wrap:anywhere}
.sales-request-owner{max-width:140px;overflow-wrap:anywhere;color:var(--muted)}
.sales-requests-table .sales-request-mobile-owner{display:none}
.sales-requests-panel .sales-request-actions>button{display:flex;align-items:center;justify-content:center;width:34px;height:34px;min-height:34px;padding:6px;border-radius:9px;background:#f5f7fb;color:var(--muted)}
.sales-request-actions svg{display:block;flex-shrink:0}
.inventory-list-panel .section-title h2{font-size:16px;margin:0}
.inventory-list-panel .section-title>.actions{gap:7px}
.inventory-list-panel .section-title>.actions .button,.inventory-list-panel .section-title>.actions button{font-size:12px}
.inventory-list-panel .filters>label:first-of-type{flex:2;min-width:180px}
.inventory-list-panel .filters .text-link{align-self:center;font-size:11px}
.inventory-list-table td{font-size:11px;vertical-align:middle}
.inventory-list-name{max-width:300px;overflow-wrap:anywhere}
.inventory-list-name>strong{font-size:12px}
.inventory-list-table td small{display:block;font-size:10px;color:var(--muted);margin-top:4px}
.inventory-list-price strong{font-size:12px}
.inventory-list-stock>strong{display:block;font-size:14px}
.inventory-list-stock>strong>span{font-size:10px;font-weight:400;color:var(--muted)}
.inventory-list-replenish{display:inline-block;margin-top:5px;font-size:9px;color:#88651c}
.inventory-list-badge{display:inline-flex;padding:4px 8px;border-radius:7px;font-size:10px;line-height:1.4;white-space:nowrap;background:#f0f2f6;color:#6a778c}
.inventory-list-badge.published{background:#e8f4ec;color:#356a4c}
.inventory-list-panel .inventory-list-actions>button{display:flex;align-items:center;justify-content:center;width:34px;height:34px;min-height:34px;padding:6px;border-radius:9px;background:#f5f7fb;color:var(--muted)}
.inventory-list-actions svg{display:block;flex-shrink:0}
.inventory-list-dialog-actions{margin:18px 0 12px;gap:8px}
.sales-store-panel .section-title h2{font-size:16px;margin:0}
.sales-store-panel .section-title .hint{font-size:11px;margin-top:4px}
.sales-store-panel .section-title .text-link{font-size:11px}
.sales-store-panel .filters>label:first-of-type{flex:2;min-width:180px}
.sales-store-panel .filters .text-link{font-size:11px;align-self:center}
.sales-store-table td{font-size:11px;vertical-align:middle}
.sales-store-table td strong{font-size:12px}
.sales-store-table td small{display:block;margin-top:4px;font-size:10px;color:var(--muted)}
.sales-store-contact{max-width:240px;overflow-wrap:anywhere}
.sales-store-content{max-width:270px;overflow-wrap:anywhere;font-size:11px;color:var(--muted)}
.sales-orders-panel .sales-store-content{text-align:right;white-space:nowrap}
.sales-orders-panel .sales-store-content>strong{color:var(--ink);font-size:13px}
.sales-store-owner{max-width:140px;overflow-wrap:anywhere;color:var(--muted)}
.sales-store-table .sales-store-mobile-owner{display:none}
.sales-store-badge{display:inline-flex;padding:4px 8px;border-radius:7px;max-width:150px;font-size:10px;line-height:1.5;background:#eef1f6;color:#64728a}
.sales-store-badge:is(.new,.pending,.waiting){background:#fff4d6;color:#806017}
.sales-store-badge:is(.contacted,.confirmed){background:#eaf0fb;color:#3b5f91}
.sales-store-badge:is(.converted,.fulfilled){background:#e6f4ec;color:#326b4b}
.sales-store-badge:is(.spam,.cancelled){background:#fcebed;color:#954151}
.sales-store-panel .sales-store-actions>button{display:flex;align-items:center;justify-content:center;width:34px;height:34px;min-height:34px;padding:6px;border-radius:9px;background:#f5f7fb;color:var(--muted)}
.sales-store-actions svg{display:block;flex-shrink:0}
.sales-store-note{font-size:10px;color:var(--muted);line-height:1.6;margin:13px 0 0}
.finance-module-view>.section-title{margin-bottom:12px}
.finance-module-view>.section-title h2{font-size:16px}
.finance-module-view .finance-toolbar{gap:10px;margin-bottom:12px}
.finance-module-view .finance-toolbar>span{font-size:11px}
.finance-module-view .finance-toolbar>.actions{gap:7px}
.finance-module-view .finance-toolbar button{min-height:34px;padding:7px 10px;font-size:11px;border-radius:9px}
.finance-module-view .finance-overview{gap:10px}
.finance-module-view .finance-overview>.finance-metrics{gap:9px}
.finance-module-view .finance-overview>.finance-metrics .panel{padding:12px 14px;border-radius:11px}
.finance-module-view .finance-overview>.finance-metrics span,.finance-module-view .finance-overview>.finance-metrics a{font-size:11px}
.finance-module-view .finance-overview>.finance-metrics strong{font-size:22px;line-height:1.4;margin-top:5px}
.finance-module-view .finance-flow-note{font-size:10px;line-height:1.5;margin:0 0 3px}
.finance-module-view .finance-overview-grid{gap:10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.finance-module-view .finance-overview-grid>.panel{padding:14px;margin:0}
.finance-module-view .finance-overview-grid h2{font-size:14px;line-height:1.5}
.finance-module-view .finance-overview-grid .section-title>a{font-size:10px}
.finance-module-view .finance-overview-grid .finance-metrics{display:grid;grid-template-columns:1fr;gap:0;max-height:300px;overflow:auto}
.finance-module-view .finance-overview-grid .finance-metrics>article{display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;padding:10px 0}
.finance-module-view .finance-overview-grid .finance-metrics>article:last-child{border:0}
.finance-module-view .finance-overview-grid .finance-metrics>article>span{font-size:11px}
.finance-module-view .finance-overview-grid .finance-metrics strong{font-size:16px;margin:0}
.finance-module-view .finance-overview-grid .finance-chart{max-height:none;overflow:visible;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.finance-module-view .finance-chart strong,.finance-module-view .finance-chart label{font-size:10px;line-height:1.5}
.finance-module-view .finance-chart progress{height:7px}
.finance-movement-list{padding:15px 16px}
.finance-movement-list .customer-directory-count{margin:0 0 12px}
.finance-movement-table td{vertical-align:middle;font-size:11px}
.finance-movement-concept{max-width:270px;overflow-wrap:anywhere}
.finance-movement-concept strong{font-size:12px}
.finance-movement-table td small{display:block;font-size:10px;color:var(--muted);margin-top:4px}
.finance-movement-account,.finance-movement-kind{max-width:190px;overflow-wrap:anywhere}
.finance-movement-amount>strong{font-size:13px;white-space:nowrap}
.finance-movement-list .finance-movement-actions>button{display:flex;align-items:center;justify-content:center;width:34px;height:34px;min-height:34px;padding:6px;border-radius:9px;background:#f5f7fb;color:var(--muted)}
.finance-movement-actions svg{display:block;flex-shrink:0}
[data-finance-lists]>.app-content>.panel,[data-finance-lists]>.app-content>.panel>section.panel{padding:16px 18px}
[data-finance-lists] .section-title{gap:12px;margin-bottom:14px}
[data-finance-lists] .section-title h2{font-size:16px}
[data-finance-lists] .section-title p,[data-finance-lists] .panel>p{font-size:11px;line-height:1.6}
[data-finance-lists] .section-title>.button,[data-finance-lists] .section-title>button{min-height:35px;padding:8px 11px;font-size:12px}
[data-finance-lists] .metrics{gap:9px}
[data-finance-lists] .metrics>article{padding:12px 14px;border-radius:11px}
[data-finance-lists] .metrics strong{font-size:22px}
[data-finance-lists] .metrics span{font-size:11px}
[data-finance-lists] .finance-responsive-table td{font-size:12px;vertical-align:middle}
[data-finance-lists] .finance-responsive-table td small{display:block;color:var(--muted);font-size:10px;line-height:1.5;margin-top:4px}
.finance-list-more{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:34px;height:34px;min-height:34px;padding:0;border-radius:9px;font-size:15px;letter-spacing:1px;background:#f5f7fb;color:var(--muted);border:1px solid var(--line)}
.finance-list-count{font-size:11px;color:var(--muted);margin:10px 0 12px}
.visits-list-panel .section-title h2{font-size:16px;margin:0}
.visits-list-panel .section-title .hint{font-size:11px;margin-top:4px}
.visits-list-panel .filters>label:first-of-type{flex:2;min-width:180px}
.visits-list-panel .filters .text-link{font-size:11px;align-self:center}
.visits-list-table td{font-size:11px;vertical-align:middle}
.visits-list-table td strong{font-size:12px}
.visits-list-table td small{display:block;font-size:10px;color:var(--muted);margin-top:4px}
.visits-list-customer,.visits-list-purpose{max-width:280px;overflow-wrap:anywhere}
.visits-list-badge{display:inline-flex;padding:4px 8px;border-radius:7px;font-size:10px;line-height:1.5;background:#fff4d6;color:#806017}
.visits-list-badge.in_progress{background:#eaf0fb;color:#3b5f91}
.visits-list-badge.completed{background:#e6f4ec;color:#326b4b}
.visits-list-badge.cancelled{background:#fcebed;color:#954151}
.visits-list-table .visits-list-pending{color:#806017;font-weight:600}
.visits-list-panel .visits-list-actions>button{display:flex;align-items:center;justify-content:center;width:34px;height:34px;min-height:34px;padding:6px;border-radius:9px;background:#f5f7fb;color:var(--muted)}
.visits-list-actions svg{display:block;flex-shrink:0}
@media(max-width:760px){
 .visits-list-panel.panel{padding:13px 12px}
 .visits-list-panel .section-title h2{font-size:15px}
 .visits-list-panel .filters>label:first-of-type{min-width:0;width:100%;flex-basis:100%}
 .visits-list-wrap{overflow:visible;max-width:100%}
 .visits-list-table,.visits-list-table tbody{display:block;width:100%;min-width:0}
 .visits-list-table thead{display:none}
 .visits-list-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto 36px;gap:9px 10px;padding:13px 0;border-bottom:1px solid var(--line);background:transparent}
 .visits-list-table tbody tr:first-child{padding-top:4px}
 .visits-list-table tbody tr:last-child{border:0;padding-bottom:0}
 .visits-list-table tbody td{display:block;border:0;padding:0;min-width:0;max-width:none;white-space:normal;background:transparent}
 .visits-list-table .visits-list-number{grid-column:1;grid-row:1}
 .visits-list-table .visits-list-number strong{font-size:13px}
 .visits-list-table .visits-list-state{grid-column:2;grid-row:1;text-align:right}
 .visits-list-badge{font-size:9px}
 .visits-list-table .visits-list-actions{grid-column:3;grid-row:1}
 .visits-list-panel .visits-list-actions>button{width:36px;height:36px;min-height:36px}
 .visits-list-table .visits-list-customer{grid-column:1/-1;grid-row:2}
 .visits-list-table .visits-list-purpose{grid-column:1/-1;grid-row:3;color:var(--muted);font-size:11px}
 .visits-list-table td small{font-size:9px}
}
.finance-list-empty{font-size:12px;text-align:center;padding:20px 10px;color:var(--muted)}
.finance-list-action-body{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px}
.finance-list-action-body>a{display:inline-flex;padding:9px 12px;border:1px solid var(--line);border-radius:9px;font-size:12px;line-height:1.5;background:#f8faff}
.finance-list-action-body>details,.finance-list-action-body>form{flex-basis:100%;margin:0}
.finance-list-action-body>small{display:block;flex-basis:100%;font-size:11px}
.finance-related-links{margin:0 0 14px;border:1px solid var(--line);border-radius:9px;padding:9px 12px;background:#f8faff}
.finance-related-links>summary{font-size:11px;color:var(--muted);cursor:pointer}
.finance-related-links>.actions{margin-top:10px;font-size:11px;gap:12px}
@media(max-width:760px){
 [data-finance-lists]>.app-content>.panel{padding:13px 12px}
 [data-finance-lists] .section-title h2{font-size:15px}
 [data-finance-lists] .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 [data-finance-lists] .metrics>article{padding:10px 9px}
 [data-finance-lists] .metrics strong{font-size:18px;overflow-wrap:anywhere}
 [data-finance-lists] .metrics span{font-size:10px}
 [data-finance-lists] .finance-responsive-wrap{overflow:visible;max-width:100%}
 [data-finance-lists] .finance-responsive-table,[data-finance-lists] .finance-responsive-table tbody{display:block;min-width:0;width:100%}
 [data-finance-lists] .finance-responsive-table thead{display:none}
 [data-finance-lists] .finance-responsive-table tbody>tr{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;padding:13px 0;border-bottom:1px solid var(--line);background:transparent}
 [data-finance-lists] .finance-responsive-table tbody>tr:first-child{padding-top:4px}
 [data-finance-lists] .finance-responsive-table tbody>tr:last-child{border:0;padding-bottom:0}
 [data-finance-lists] .finance-responsive-table .finance-responsive-cell{display:block;min-width:0;max-width:none;padding:0;border:0;background:transparent;white-space:normal;overflow-wrap:anywhere;font-size:12px;text-align:left}
 [data-finance-lists] .finance-responsive-table .finance-responsive-cell::before{content:attr(data-label);display:block;margin-bottom:4px;color:var(--muted);font-size:9px;line-height:1.4}
 [data-finance-lists] .finance-responsive-table .finance-responsive-primary{grid-column:1/-1;font-size:13px}
 [data-finance-lists] .finance-responsive-table .finance-row-has-actions>.finance-responsive-primary{padding-right:46px;min-height:36px}
 [data-finance-lists] .finance-responsive-table .finance-responsive-primary::before,[data-finance-lists] .finance-responsive-table .finance-responsive-actions::before{display:none}
 [data-finance-lists] .finance-responsive-table .finance-responsive-actions{position:absolute;top:13px;right:0}
 [data-finance-lists] .finance-responsive-table tr:first-child>.finance-responsive-actions{top:4px}
 [data-finance-lists] .finance-responsive-table .finance-responsive-no-actions{display:none}
 [data-finance-lists] .finance-list-more{width:36px;height:36px;min-height:36px}
 [data-finance-lists] .finance-responsive-table td[colspan]{grid-column:1/-1;padding:15px 0;border:0}
 [data-finance-lists] .finance-responsive-table td small{font-size:10px}
}
@media(max-width:760px){
 .finance-module-view .finance-overview>.finance-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .finance-module-view .finance-overview>.finance-metrics .panel{padding:10px 8px}
 .finance-module-view .finance-overview>.finance-metrics span,.finance-module-view .finance-overview>.finance-metrics a{font-size:9px}
 .finance-module-view .finance-overview>.finance-metrics strong{font-size:clamp(13px,3.6vw,18px);overflow-wrap:anywhere}
 .finance-module-view .finance-overview-grid{grid-template-columns:1fr}
 .finance-module-view .finance-overview-grid>.panel{padding:13px 12px}
 .finance-module-view .finance-toolbar>span{font-size:10px}
 .finance-movement-list.panel{padding:13px 12px}
 .finance-movement-wrap{overflow:visible;max-width:100%}
 .finance-movement-table,.finance-movement-table tbody{display:block;width:100%;min-width:0}
 .finance-movement-table thead{display:none}
 .finance-movement-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto 36px;gap:8px 10px;padding:13px 0;border-bottom:1px solid var(--line);background:transparent}
 .finance-movement-table tbody tr:first-child{padding-top:4px}
 .finance-movement-table tbody tr:last-child{border:0;padding-bottom:0}
 .finance-movement-table tbody td{display:block;border:0;padding:0;min-width:0;max-width:none;white-space:normal;background:transparent}
 .finance-movement-table .finance-movement-concept{grid-column:1/3;grid-row:1}
 .finance-movement-table .finance-movement-actions{grid-column:3;grid-row:1}
 .finance-movement-list .finance-movement-actions>button{width:36px;height:36px;min-height:36px}
 .finance-movement-table .finance-movement-account{grid-column:1;grid-row:2;font-size:11px}
 .finance-movement-table .finance-movement-kind{grid-column:1;grid-row:3;font-size:10px;color:var(--muted)}
 .finance-movement-table .finance-movement-amount{grid-column:2/4;grid-row:2/4;align-self:center;text-align:right}
 .finance-movement-amount>strong{font-size:15px}
 .finance-movement-table td small{font-size:9px}
}
@media(max-width:1100px){.sales-store-table th:nth-child(4),.sales-store-table .sales-store-owner{display:none}.sales-store-table .sales-store-mobile-owner{display:block}}
@media(max-width:760px){
 .sales-store-panel.panel{padding:13px 12px}
 .sales-store-panel .section-title h2{font-size:15px}
 .sales-store-panel .filters>label:first-of-type{min-width:0;width:100%;flex-basis:100%}
 .sales-store-wrap{overflow:visible;max-width:100%}
 .sales-store-table,.sales-store-table tbody{display:block;width:100%;min-width:0}
 .sales-store-table thead{display:none}
 .sales-store-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto 36px;gap:9px 10px;padding:13px 0;border-bottom:1px solid var(--line);background:transparent}
 .sales-store-table tbody tr:first-child{padding-top:4px}
 .sales-store-table tbody tr:last-child{border:0;padding-bottom:0}
 .sales-store-table tbody td{display:block;border:0;padding:0;min-width:0;max-width:none;white-space:normal;background:transparent}
 .sales-store-table .sales-store-number{grid-column:1;grid-row:1;align-self:center}
 .sales-store-table .sales-store-state{grid-column:2;grid-row:1;align-self:center;text-align:right}
 .sales-store-badge{font-size:9px;max-width:125px;text-align:left}
 .sales-store-table .sales-store-actions{grid-column:3;grid-row:1}
 .sales-store-panel .sales-store-actions>button{width:36px;height:36px;min-height:36px}
 .sales-store-table .sales-store-contact{grid-column:1/-1;grid-row:2}
 .sales-store-table .sales-store-content{grid-column:1/-1;grid-row:3;font-size:11px;line-height:1.5}
 .sales-orders-panel .sales-store-table .sales-store-content{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 12px;text-align:left}
 .sales-orders-panel .sales-store-content>strong{font-size:15px;margin-right:auto}
 .sales-orders-panel .sales-store-content>small{margin:0}
 .sales-store-table .sales-store-owner{display:none}
 .sales-store-table td small{font-size:9px}
}
@media(max-width:760px){
 .inventory-list-panel.panel{padding:13px 12px}
 .inventory-list-panel .section-title h2{font-size:15px}
 .inventory-list-panel .filters>label:first-of-type{min-width:0;width:100%;flex-basis:100%}
 .inventory-list-wrap{overflow:visible;max-width:100%}
 .inventory-list-table,.inventory-list-table tbody{display:block;width:100%;min-width:0}
 .inventory-list-table thead{display:none}
 .inventory-list-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto 36px;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);background:transparent}
 .inventory-list-table tbody tr:first-child{padding-top:4px}
 .inventory-list-table tbody tr:last-child{border:0;padding-bottom:0}
 .inventory-list-table tbody td{display:block;border:0;padding:0;min-width:0;max-width:none;white-space:normal;background:transparent}
 .inventory-list-table .inventory-list-name{grid-column:1/3;grid-row:1}
 .inventory-list-name>strong{font-size:13px}
 .inventory-list-table .inventory-list-actions{grid-column:3;grid-row:1}
 .inventory-list-panel .inventory-list-actions>button{width:36px;height:36px;min-height:36px}
 .inventory-list-table .inventory-list-stock{grid-column:1;grid-row:2;align-self:center}
 .inventory-list-table .inventory-list-price{grid-column:2/4;grid-row:2;align-self:center;text-align:right}
 .inventory-list-price strong{font-size:14px}
 .inventory-list-table .inventory-list-store{grid-column:1/-1;grid-row:3}
 .inventory-list-table td small{font-size:9px}
}
.sales-requests-table .badge.pending{background:#fff4d6;color:#806017}
.sales-requests-table .badge.quoting{background:#eaf0fb;color:#3b5f91}
.sales-requests-table .badge.quoted{background:#e6f4ec;color:#326b4b}
@media(max-width:1100px){.sales-requests-table th:nth-child(4),.sales-requests-table .sales-request-owner{display:none}.sales-requests-table .sales-request-mobile-owner{display:block}}
@media(max-width:760px){
 .sales-requests-panel.panel{padding:13px 12px}
 .sales-requests-panel .section-title h2{font-size:15px}
 .sales-requests-panel .filters>label:first-of-type{min-width:0;width:100%;flex-basis:100%}
 .sales-requests-wrap{overflow:visible;max-width:100%}
 .sales-requests-table,.sales-requests-table tbody{display:block;width:100%;min-width:0}
 .sales-requests-table thead{display:none}
 .sales-requests-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto 36px;gap:8px 10px;padding:13px 0;border-bottom:1px solid var(--line);background:transparent}
 .sales-requests-table tbody tr:first-child{padding-top:4px}
 .sales-requests-table tbody tr:last-child{border:0;padding-bottom:0}
 .sales-requests-table tbody td{display:block;border:0;padding:0;min-width:0;max-width:none;white-space:normal;background:transparent}
 .sales-requests-table .sales-request-number{grid-column:1;grid-row:1;align-self:center}
 .sales-requests-table .sales-request-number strong{font-size:13px}
 .sales-requests-table .sales-request-state{grid-column:2;grid-row:1;align-self:center}
 .sales-requests-table .sales-request-state .badge{font-size:9px}
 .sales-requests-table .sales-request-actions{grid-column:3;grid-row:1}
 .sales-requests-panel .sales-request-actions>button{width:36px;height:36px;min-height:36px}
 .sales-requests-table .sales-request-subject{grid-column:1/-1;grid-row:2}
 .sales-requests-table .sales-request-subject strong{font-weight:600;font-size:12px}
 .sales-requests-table .sales-request-customer{grid-column:1/-1;grid-row:3;color:var(--muted);font-size:11px}
 .sales-requests-table .sales-request-owner{display:none}
 .sales-requests-table td small{font-size:9px}
}
@media(max-width:1100px){.sales-quotes-table th:nth-child(3),.sales-quotes-table .sales-quote-owner{display:none}.sales-quotes-table .sales-quote-mobile-owner{display:block}}
@media(max-width:760px){
 .sales-quotes-panel.panel{padding:13px 12px}
 .sales-quotes-panel .section-title h2{font-size:15px}
 .sales-quotes-panel .filters>label:first-of-type{min-width:0;width:100%;flex-basis:100%}
 .sales-quotes-wrap{overflow:visible;max-width:100%}
 .sales-quotes-table,.sales-quotes-table tbody{display:block;width:100%;min-width:0}
 .sales-quotes-table thead{display:none}
 .sales-quotes-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto 36px;gap:9px 10px;padding:13px 0;border-bottom:1px solid var(--line);background:transparent}
 .sales-quotes-table tbody tr:first-child{padding-top:4px}
 .sales-quotes-table tbody tr:last-child{border:0;padding-bottom:0}
 .sales-quotes-table tbody td{display:block;border:0;padding:0;min-width:0;max-width:none;background:transparent;white-space:normal}
 .sales-quotes-table .sales-quote-number{grid-column:1/3;grid-row:1;align-self:center}
 .sales-quotes-table .sales-quote-number strong{font-size:13px}
 .sales-quotes-table .sales-quote-actions{grid-column:3;grid-row:1}
 .sales-quotes-panel .sales-quote-actions>button{width:36px;height:36px;min-height:36px}
 .sales-quotes-table .sales-quote-customer{grid-column:1/-1;grid-row:2}
 .sales-quotes-table .sales-quote-customer strong{font-size:12px;font-weight:600}
 .sales-quotes-table .sales-quote-owner{display:none}
 .sales-quotes-table .sales-quote-state{grid-column:1;grid-row:3;align-self:center}
 .sales-quotes-table .sales-quote-state .badge{font-size:10px}
 .sales-quotes-table .sales-quote-total{grid-column:2/4;grid-row:3;align-self:center;text-align:right}
 .sales-quotes-table .sales-quote-total strong{font-size:15px}
 .sales-quotes-table td small{font-size:9px}
}
.customer-payment-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.customer-payment-row:first-child{padding-top:0}
.customer-payment-row:last-child{border-bottom:0;padding-bottom:0}
.customer-payment-row>div{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere;font-size:12px}
.customer-payment-row>div>span,.customer-payment-row small{font-size:10px;color:var(--muted)}
.customer-payment-row .customer-payment-value{text-align:right;justify-items:end;flex-shrink:0}
.customer-payment-row .customer-payment-value>.customer-finance-badge.paid{color:#326b4b}
.customer-payment-row .customer-payment-value>.customer-finance-badge.voided{color:#954151}
@media(max-width:760px){
 .customer-finance-summary{gap:6px;margin-bottom:10px}
 .customer-finance-summary>.panel{padding:10px 8px}
 .customer-finance-summary span{font-size:9px;line-height:1.4}
 .customer-finance-summary strong{font-size:17px}
 .customer-finance-panel.panel{padding:13px 12px}
 .customer-finance-panel .section-title h2{font-size:15px}
 .customer-finance-panel .filters>label:first-of-type{min-width:0;width:100%;flex-basis:100%}
 .customer-finance-wrap{overflow:visible;max-width:100%}
 .customer-finance-table,.customer-finance-table tbody{display:block;width:100%;min-width:0}
 .customer-finance-table thead{display:none}
 .customer-finance-table tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:13px 0;border-bottom:1px solid var(--line);background:transparent}
 .customer-finance-table tbody tr:first-child{padding-top:4px}
 .customer-finance-table tbody tr:last-child{border:0;padding-bottom:0}
 .customer-finance-table tbody td{display:block;min-width:0;padding:0;border:0;white-space:normal;overflow-wrap:anywhere;font-size:11px;background:transparent}
 .customer-finance-table .customer-finance-document{grid-column:1/3;grid-row:1}
 .customer-finance-table .customer-finance-state{grid-column:3;grid-row:1;justify-self:end}
 .customer-finance-table .customer-finance-state .customer-finance-badge{font-size:9px;padding:4px 6px}
 .customer-finance-table .customer-finance-amount{grid-column:1;grid-row:2;text-align:left}
 .customer-finance-table .customer-finance-collected{grid-column:2;grid-row:2;text-align:center}
 .customer-finance-table .customer-finance-balance{grid-column:3;grid-row:2;text-align:right}
 .customer-finance-table .customer-finance-mobile-label{display:block;color:var(--muted);font-size:9px;margin-bottom:4px}
 .customer-finance-collect{font-size:9px;line-height:1.5}
 .customer-payment-row{align-items:flex-start}
}
@media(max-width:760px){
 .customer-records-panel.panel{padding:13px 12px}
 .customer-records-panel .section-title{gap:10px;align-items:center}
 .customer-records-panel .section-title h2{font-size:15px}
 .customer-record{align-items:flex-start;gap:10px;padding:12px 0}
 .customer-record-main>span{font-size:11px}
 .customer-record-end{gap:7px;padding-top:2px}
 .customer-record-end .badge{font-size:9px}
 .customer-record-arrow{display:none}
}
@media(max-width:760px){
 .customer-quotes-panel.panel{padding:13px 12px}
 .customer-quotes-panel .section-title h2{font-size:15px}
 .customer-quotes-filters>label:first-of-type{min-width:0;width:100%;flex-basis:100%}
 .customer-quotes-wrap{overflow:visible;max-width:100%}
 .customer-quotes-table,.customer-quotes-table tbody{display:block;width:100%;min-width:0}
 .customer-quotes-table thead{display:none}
 .customer-quotes-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto 36px;gap:8px 10px;padding:13px 0;border-bottom:1px solid var(--line);background:transparent}
 .customer-quotes-table tbody tr:first-child{padding-top:4px}
 .customer-quotes-table tbody tr:last-child{border-bottom:0;padding-bottom:0}
 .customer-quotes-table tbody td{display:block;border:0;padding:0;min-width:0;white-space:normal;background:transparent}
 .customer-quotes-table .customer-quote-number{grid-column:1;grid-row:1}
 .customer-quotes-table .customer-quote-number strong{font-size:13px}
 .customer-quotes-table .customer-quote-status{grid-column:2/4;grid-row:1;text-align:right}
 .customer-quotes-table .customer-quote-status .badge{font-size:10px}
 .customer-quotes-table .customer-quote-invoice{grid-column:1;grid-row:2;font-size:10px;align-self:center;overflow-wrap:anywhere}
 .customer-quotes-table .customer-quote-total{grid-column:2;grid-row:2;text-align:right;align-self:center}
 .customer-quotes-table .customer-quote-total strong{font-size:14px}
 .customer-quotes-table td small{font-size:9px;margin-top:3px}
 .customer-quotes-table .customer-quote-actions{grid-column:3;grid-row:2;align-self:center}
 .customer-quotes-panel .customer-quote-actions>button{width:36px;height:36px;min-height:36px}
}

.supplier-directory .supplier-inactive{background:#f0f2f6;color:#6a778c}.supplier-directory .customer-directory-tax small{display:block;font-size:10px;color:var(--muted);margin-top:4px}

button.is-action-loading{position:relative;cursor:progress!important;color:transparent!important;text-shadow:none!important}
button.is-action-loading>:not(.action-loader){opacity:0}
button.is-action-loading>.action-loader{position:absolute;inset:0;margin:auto;width:16px;height:16px;box-sizing:border-box;border:2px solid var(--action-loader-color,#fff);border-right-color:transparent;border-radius:50%;pointer-events:none;animation:erp-action-spin .7s linear infinite}
@keyframes erp-action-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){button.is-action-loading>.action-loader{animation:none}}

/* Floating assistant controls must not create a second row in the app grid. */
.app-shell>[data-ai-hub]{display:contents}
@media(min-width:761px) and (min-height:481px){
 .app-shell{grid-template-rows:minmax(0,1fr)}
 .app-shell .sidebar-navigation{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
}