.stats.four{grid-template-columns:repeat(4,1fr)}.crm-banner{background:#e8eddf;border:1px solid #d6dec7;padding:15px 20px;border-radius:10px;margin-bottom:22px;font-size:14px}.dashboard-columns{display:grid;grid-template-columns:1.4fr 1fr;gap:22px;margin-bottom:22px}.pipeline{display:grid;grid-template-columns:repeat(5,minmax(185px,1fr));gap:14px;overflow:auto;padding-bottom:16px}.lane{background:#e9ece3;border-radius:10px;padding:14px;min-height:180px}.lane h3{display:flex;justify-content:space-between}.lead-card{padding:15px;background:white;border:1px solid var(--line);border-radius:8px;margin-top:12px}.lead-card strong{display:block}.lead-card p{font-size:13px;color:var(--muted);margin:6px 0}.lead-card button{font-size:13px;padding:7px 10px;margin-top:8px}.client-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.client-form{width:min(820px,94vw);background:white;padding:26px}.client-form .grid{gap:16px}.dialog-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.dialog-title h2{margin:0}.tasks-list{display:grid;gap:10px}.taskrow{display:flex;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.taskrow>div{flex:1;min-width:0}.taskrow p{margin:3px 0;font-size:13px;color:var(--muted)}.taskrow button{padding:8px 12px}.taskrow.done strong{text-decoration:line-through;color:#777}.pill-red{color:#9c453b;background:#fae8e1}.pill-green{color:#397048;background:#e0eee1}.ai-result{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.8 'Segoe UI',sans-serif;background:#f6f7f2;padding:22px;border:1px solid var(--line);border-radius:8px;max-height:480px;overflow:auto}.ai-status{display:inline-flex;align-items:center;gap:7px;font-size:13px;padding:6px 12px;background:#eeece1;border-radius:20px}.timeline{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.timeline small{display:block;color:var(--muted);font-size:12px}.detail-number{font-size:24px;font-weight:700}.break-word{overflow-wrap:anywhere}.counts{font-size:13px;color:var(--muted)}.filter-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.filter-buttons .active{background:#20251c;color:white}.form-error{color:#a43b32;font-size:14px}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}a.button{display:inline-block;padding:10px 16px;border:1px solid var(--line);border-radius:7px;text-decoration:none;color:var(--ink);font-weight:600;background:white}aside{overflow-y:auto;gap:24px}aside footer{padding-top:20px}nav{gap:4px}nav button{padding:10px 14px}.document .proforma-note{font-size:12px;letter-spacing:1px;color:#8b681c;margin:20px 0;padding:12px;background:#faf6e9}.smallbtn{padding:7px 10px;font-size:13px}@media(max-width:1000px){.dashboard-columns,.client-layout{grid-template-columns:1fr}.projects-grid{grid-template-columns:repeat(2,1fr)}.stats.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.projects-grid{grid-template-columns:1fr}.client-form{padding:18px}.stats.four{grid-template-columns:repeat(2,1fr)}.lane{min-width:185px}.taskrow{flex-wrap:wrap}.taskrow>div{min-width:140px}.pipeline{margin-right:-4px}.dochead h2{font-size:19px}}

@media(max-width:720px){body{padding-bottom:72px}.shell aside{position:fixed;bottom:0;left:0;right:0;z-index:30;padding:8px 10px;background:#191b17}.shell aside .brand{display:none}.shell aside nav{display:flex;justify-content:flex-start;overflow-x:auto}.shell aside nav button{font-size:12px;padding:10px 12px;min-width:max-content}.shell main{padding-bottom:24px}}

@media(max-width:720px){body{padding-bottom:0}.shell aside{position:sticky;top:0;bottom:auto;height:auto;padding:12px 10px;z-index:30}.shell aside .brand{display:block;font-size:15px}.shell aside .brand small{display:none}.shell aside nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;max-height:104px;overflow-y:auto;overflow-x:hidden}.shell aside nav button{min-width:0;white-space:normal;text-align:center;font-size:10px;line-height:1.15;padding:8px 3px}.tablewrap{margin:0 -18px;padding:0 18px}.tablewrap table{min-width:680px}.stats.four{grid-template-columns:repeat(2,minmax(0,1fr))}}

.service-billing{margin-top:20px}.service-billing-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.service-billing-card{margin:0;min-width:0}.service-billing-card h3{margin:0 0 6px}.service-billing-card h4{margin:18px 0 8px}.service-billing-card .totalrow{gap:10px;flex-wrap:wrap}.service-billing-card .actions{flex-wrap:wrap}.service-billing-card .badge{white-space:nowrap}
@media(max-width:760px){.service-billing-list{grid-template-columns:1fr}.service-billing>.dialog-title{align-items:flex-start;flex-direction:column}.service-billing-card .dialog-title{align-items:flex-start;gap:12px}.service-billing-card .actions button,.service-billing-card .totalrow button{min-height:42px}}

/* Overview work queue and department shortcuts. */
.workflow-overview{display:grid;gap:20px;max-width:1500px;margin:0 auto}
.workday-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:28px 30px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(115deg,#1c241a,#313822 70%,#40391f);color:#f5f3e9}
.workday-hero .eyebrow{color:#e1c46e}.workday-hero h1{font-size:clamp(25px,3vw,36px);margin:9px 0}.workday-hero p{color:#c7cbbb;margin:0;max-width:650px}.workday-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.workday-actions button{white-space:nowrap;background:#252c21;color:#fff;border-color:#505b46}.workday-actions .primary{background:#d8b45d;color:#1b1b15;border-color:#d8b45d}
.work-queue-panel,.recent-work-panel{margin:0}.work-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.work-section-heading h2{margin:4px 0}.work-section-heading p{margin:4px 0 0}.work-queue-item{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px 0;border-top:1px solid var(--line)}.work-queue-marker{width:9px;height:9px;border-radius:50%;background:#d4b45e}.work-queue-item.urgent .work-queue-marker{background:#df7461;box-shadow:0 0 0 4px #df746122}.work-queue-item.approval .work-queue-marker{background:#6389d7;box-shadow:0 0 0 4px #6389d722}.work-queue-copy{min-width:0}.work-queue-copy strong{display:block}.work-queue-copy p{margin:4px 0 0;color:var(--muted);font-size:13px}.work-queue-empty{display:flex;gap:14px;align-items:center;padding:22px 0 8px;border-top:1px solid var(--line)}.work-queue-empty>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#263c2d;color:#91d7a5;font-weight:800}.work-queue-empty p{margin:4px 0 0;color:var(--muted)}
.work-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.work-metric{display:grid;gap:8px;text-align:left;min-width:0;padding:17px 18px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);box-shadow:0 8px 22px #0000000b}.work-metric:hover{border-color:#c6a84e;transform:translateY(-1px)}.work-metric>span{font-size:13px;color:var(--muted)}.work-metric>strong{font-size:26px;line-height:1.1}.work-metric>small{color:var(--muted);font-size:12px;overflow-wrap:anywhere}
.department-directory{padding:4px 0}.department-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.department-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:0 8px 22px #0000000a}.department-card-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#30392a;color:#e5c86c;font-size:21px;font-weight:700}.department-card-copy{min-width:0}.department-card-copy h3{margin:1px 0 5px;font-size:16px}.department-card-copy p{margin:0;color:var(--muted);font-size:13px}.department-card-copy small{display:block;margin-top:7px;color:var(--muted);font-size:12px}.department-card-actions{grid-column:2;display:flex;flex-wrap:wrap;gap:7px;margin-top:1px}.department-card-actions .smallbtn{background:transparent}.recent-work-item{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line)}.recent-work-item>span{color:#d3b45f;font-size:22px;line-height:18px}.recent-work-item strong{display:block;font-size:14px}.recent-work-item small{display:block;margin-top:4px;color:var(--muted)}
body[data-theme="dark"] .workday-hero{background:linear-gradient(115deg,#1c241a,#313822 70%,#40391f)}
@media(max-width:900px){.work-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.workday-hero{align-items:flex-start;flex-direction:column}.workday-actions{justify-content:flex-start}}
@media(max-width:600px){.workflow-overview{gap:14px}.workday-hero{padding:21px 18px;border-radius:15px}.workday-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.workday-actions button{min-height:44px}.workday-actions button:last-child{grid-column:1/-1}.work-queue-panel,.recent-work-panel{padding:16px}.work-section-heading{align-items:flex-start}.work-section-heading>.smallbtn{flex:0 0 auto}.work-queue-item{grid-template-columns:10px minmax(0,1fr);gap:10px;align-items:start}.work-queue-item>.smallbtn{grid-column:2;justify-self:start}.work-metrics{gap:9px}.work-metric{padding:13px 12px}.work-metric>strong{font-size:22px}.department-grid{grid-template-columns:1fr}.department-card{padding:14px}.department-card-actions .smallbtn{min-height:40px}.recent-work-panel{margin-bottom:8px}}


/* Advanced studio dashboard UI */
body{background:#0f120f;color:#eef0e8}body[data-theme="light"]{--ink:#20211e;--muted:#6e7268;--line:#dde1d7;--paper:#fff;--bg:#f4f5ef;background:var(--bg);color:var(--ink)}
body[data-theme="dark"]{--ink:#eef0e8;--muted:#a6aa9d;--line:#30362d;--paper:#171b16;--bg:#0f120f;background:var(--bg);color:var(--ink)}
.shell{grid-template-columns:252px 1fr;background:var(--bg);transition:grid-template-columns .25s ease}.shell.sidebar-collapsed{grid-template-columns:82px 1fr}.shell aside{background:#141813;border-right:1px solid #2c3328;padding:22px 14px;gap:20px}.sidehead{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-toggle,.command-icon{display:grid;place-items:center;width:36px;height:36px;padding:0;border-radius:10px;background:#222820;border-color:#323b2e;color:#e7d18a}.shell.sidebar-collapsed .brand,.shell.sidebar-collapsed aside footer{display:none}.shell.sidebar-collapsed .sidehead{justify-content:center}.shell.sidebar-collapsed nav button{justify-content:center}.shell.sidebar-collapsed .nav-label{display:none}nav button{display:flex;align-items:center;gap:12px;border-radius:10px;font-size:14px}.nav-icon{width:22px;height:22px;display:grid;place-items:center;color:#d8b45d;flex:0 0 22px}.nav-icon svg,#mobileNav button span svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-icon svg{display:block}nav button.active{background:#31392d;color:#fff}nav button:hover{background:#232a20}.shell aside footer{border-top:1px solid #2a3127;padding:18px 8px;color:#939a89;line-height:1.6}
.shell main{padding:22px 34px 38px}.commandbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:30px}.command-search{display:flex;align-items:center;gap:8px;width:min(470px,55vw);padding:0 14px;background:var(--paper);border:1px solid var(--line);border-radius:12px;color:#d8b45d}.command-search input{border:0;background:transparent;padding:12px 0;color:var(--ink);outline:0}.command-actions{display:flex;align-items:center;gap:9px}.command-new{background:#d8b45d;border-color:#d8b45d;color:#1a1a14;border-radius:10px}.command-icon{position:relative;background:var(--paper);color:var(--ink)}.command-icon b{position:absolute;top:-5px;right:-4px;background:#e67963;color:white;border-radius:99px;font-size:10px;min-width:17px;padding:1px 4px}.profile-menu{width:38px;height:38px;padding:0;border-radius:50%;background:#343d2f;color:#efd37b;border-color:#58624d}
body[data-theme="dark"] .panel,body[data-theme="dark"] .stat,body[data-theme="dark"] .lead-card,body[data-theme="dark"] .lane,body[data-theme="dark"] .client-form{background:var(--paper);border-color:var(--line);color:var(--ink)}body[data-theme="dark"] input,body[data-theme="dark"] select,body[data-theme="dark"] textarea,body[data-theme="dark"] button:not(.primary):not(.gold):not(.command-new):not(.profile-menu){background:#1b2019;color:var(--ink);border-color:#394135}body[data-theme="dark"] th{background:#20261d;color:#b9c0b0}body[data-theme="dark"] .stat:first-child{background:#2a3225;border-color:#505c42}body[data-theme="dark"] .crm-banner{background:#293226;border-color:#46573d;color:#e8eee2}body[data-theme="dark"] .document,body[data-theme="dark"] #printArea{color:#25251f}.stats .stat{box-shadow:0 10px 28px #00000012}.dashboard-columns,.report-grid{align-items:stretch}.report-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.chart-panel{min-height:285px}.bar-chart{display:grid;gap:18px;margin-top:22px}.bar-row{display:grid;grid-template-columns:100px 1fr auto;gap:12px;align-items:center;font-size:13px}.bar-track{height:9px;border-radius:99px;background:#e6e9e0;overflow:hidden}.bar-track i{display:block;height:100%;border-radius:inherit}.document-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.document-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:17px;display:grid;gap:16px;min-height:220px;box-shadow:0 8px 22px #0000000b}.document-card h2{margin:4px 0 3px;font-size:18px}.document-card p{margin:0;font-weight:650}.document-card small{display:block;color:var(--muted);margin-top:6px}.document-card-top,.document-card-foot{display:flex;justify-content:space-between;align-items:center;gap:8px}.client-initials{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e5d48d;color:#302d1b;font-weight:800}.document-card-foot{border-top:1px solid var(--line);padding-top:13px}.documents-panel{background:transparent;border:0;padding:0}.documents-panel .toolbar{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:10px;margin-bottom:16px}
#mobileNav{display:none}
@media(max-width:1000px){.document-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.report-grid{grid-template-columns:1fr}.shell main{padding:18px 22px 30px}}
@media(max-width:720px){body{padding-bottom:86px}.shell,.shell.sidebar-collapsed{display:block}.shell aside{display:none}.shell main{padding:14px 14px 98px}.commandbar{margin-bottom:18px}.command-search{width:100%;min-width:0}.command-actions{gap:6px}.command-new span{display:none}.command-new{width:38px;height:38px;padding:0;font-size:21px}.command-icon{width:34px;height:34px}.profile-menu{width:34px;height:34px}.report-grid,.document-cards{grid-template-columns:1fr}.document-card{min-height:0}.bar-row{grid-template-columns:78px 1fr auto;font-size:11px;gap:7px}#mobileNav{position:fixed;display:flex;align-items:center;justify-content:space-around;gap:2px;bottom:0;left:0;right:0;height:72px;padding:7px 10px;background:#151a14;border-top:1px solid #30382b;z-index:100;box-shadow:0 -10px 26px #0004}#mobileNav button{border:0;background:transparent;color:#aeb6a4;padding:4px;min-width:45px;font-size:10px;display:grid;gap:2px;place-items:center}#mobileNav button span{font-size:18px;color:#d8b45d}#mobileNav button.active{color:white}.mobile-fab{position:relative;top:-22px;width:54px!important;height:54px;border-radius:50%!important;background:#d8b45d!important;color:#161811!important;font-size:32px!important;box-shadow:0 8px 18px #0007}.mobile-fab span{display:none}.toolbar{align-items:stretch}.toolbar input{min-width:100%}}
/* Phone layout refinement: one control row at a time and safe clearance above app navigation. */
@media(max-width:720px){
  .shell main{padding:14px 14px calc(106px + env(safe-area-inset-bottom))}
  .commandbar{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
  .command-search{width:100%;min-height:44px}
  .command-actions{width:100%;justify-content:space-between}
  .command-new{width:44px;height:38px}
  header .actions{width:100%}
  header .actions button{flex:1 1 auto;min-width:0;padding:10px 8px;font-size:12px}
  .stats.four{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .stat{min-height:98px}
  .stat strong{font-size:18px;overflow-wrap:anywhere}
  .dashboard-columns{gap:12px;margin-bottom:12px}
  .panel{border-radius:12px}
  .tablewrap{margin:0 -14px;padding:0 14px;-webkit-overflow-scrolling:touch}
  .tablewrap table{min-width:640px}
  .document-cards{gap:12px}
  .document-card{padding:15px}
  .client-layout .stack{gap:12px}
  .taskrow{align-items:flex-start}
  #mobileNav{height:calc(72px + env(safe-area-inset-bottom));padding-bottom:calc(7px + env(safe-area-inset-bottom))}
  .mobile-fab{top:-20px}
}


/* Interaction and productivity UI */
.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 24px}.quick-actions button{display:flex;align-items:center;gap:10px;text-align:left;padding:14px;border-radius:12px;background:var(--paper);border:1px solid var(--line);color:var(--ink)}.quick-actions button span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#e4d084;color:#2c2918;font-size:19px}.quick-actions button:hover{transform:translateY(-2px);box-shadow:0 10px 22px #00000016}.notification-dialog{width:min(620px,94vw);padding:0;border:0;border-radius:16px;background:var(--paper);color:var(--ink)}.notification-dialog .modalbar{background:var(--paper);border-bottom:1px solid var(--line)}.notification-dialog .modalbar small{display:block;color:var(--muted);font-weight:400;margin-top:3px}.notification-list{padding:10px;max-height:65vh;overflow:auto}.notification{width:100%;display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:12px;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:15px 8px;background:transparent;color:var(--ink)}.notification:hover{background:#f2f4eb}.notification span{width:9px;height:9px;border-radius:50%;background:#d9b54d}.notification.urgent span{background:#df7762}.notification b,.notification small{display:block}.notification small{color:var(--muted);margin-top:4px}.notification em{font-size:24px;font-style:normal;color:var(--muted)}.calendar-panel{display:grid;gap:14px}.calendar-day{display:grid;grid-template-columns:100px 1fr;gap:16px;align-items:stretch}.calendar-date{padding:16px 8px;text-align:center;background:#252d21;border-radius:12px;color:#e6ce77;height:max-content}.calendar-date b,.calendar-date small{display:block}.calendar-date small{margin-top:4px;color:#b4bca7}.calendar-events{display:grid;gap:9px}.calendar-event{display:grid;grid-template-columns:145px 1fr;gap:4px;text-align:left;padding:14px 16px;background:var(--paper);border:1px solid var(--line);border-radius:12px;color:var(--ink)}.calendar-event span{color:#957a2f;font-size:12px}.calendar-event b{grid-column:2}.calendar-event small{grid-column:2;color:var(--muted)}.calendar-event.done{opacity:.55}.client-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.client-card{border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:18px;display:grid;gap:9px;min-height:190px}.client-card h2,.client-card p{margin:0}.client-card p,.client-card small{color:var(--muted)}.client-card-head,.client-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.client-card-foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}.client-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#d9c471;color:#292618;font-weight:800}.client-card:hover,.document-card:hover{transform:translateY(-2px);box-shadow:0 13px 30px #00000014}.document-card,.client-card,.quick-actions button{transition:transform .18s ease,box-shadow .18s ease}.expanded{width:min(1320px,98vw);max-height:98vh}.expanded .document{max-width:980px}@media(max-width:720px){.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:16px}.quick-actions button{padding:12px;font-size:13px}.calendar-day{grid-template-columns:68px 1fr;gap:9px}.calendar-date{padding:12px 4px;font-size:12px}.calendar-event{grid-template-columns:1fr;padding:12px}.calendar-event b,.calendar-event small{grid-column:1}.client-cards{grid-template-columns:1fr}.notification-dialog{width:100vw;max-width:100vw;margin:0;border-radius:16px 16px 0 0;align-self:end}.notification-list{max-height:70vh}}


/* Eric's Designs Studio UI refresh */
body[data-theme="dark"]{--bg:#10130f;--paper:#181d17;--line:#303b2c;--ink:#f1f3ec;--muted:#a9b1a2;background:radial-gradient(circle at 88% -10%,#3b402884,transparent 32%),#10130f}body[data-theme="light"]{--bg:#f3f4ee;--paper:#fffefa;--line:#dde2d6;--ink:#20251e;--muted:#6c7468;background:linear-gradient(135deg,#f7f8f2,#ecefe4)}
.shell aside{background:linear-gradient(180deg,#1b2119,#111510 75%);border-right-color:#3a4634}.brand{font-size:18px;letter-spacing:1.5px}.shell main{max-width:1760px}.commandbar{position:sticky;top:10px;z-index:20;padding:10px 12px;border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:16px;background:color-mix(in srgb,var(--bg) 84%,transparent);backdrop-filter:blur(16px);box-shadow:0 8px 30px #00000012}.command-search{border-radius:11px;box-shadow:inset 0 1px #ffffff0a}.command-new{border-radius:11px;box-shadow:0 8px 18px #c6a64d35}.panel,.stat,.document-card,.client-card{border-radius:16px}.panel{box-shadow:0 10px 28px #0000000a}.stats .stat{position:relative;overflow:hidden}.stats .stat:after{content:'';position:absolute;width:90px;height:90px;border-radius:50%;right:-30px;bottom:-42px;background:#d5b6561a}.stats .stat strong{font-size:26px}.eyebrow{color:#b99b45}.quick-actions button{border-radius:14px;font-weight:650}.quick-actions button:nth-child(1) span{background:#e8cb77}.quick-actions button:nth-child(2) span{background:#b5d0bb}.quick-actions button:nth-child(3) span{background:#c4d6eb}.quick-actions button:nth-child(4) span{background:#e5b9a7}.document-card,.client-card{border-color:color-mix(in srgb,var(--line) 82%,transparent)}.client-card h2{font-size:18px}.client-avatar{box-shadow:inset 0 1px #ffffff80}.taskrow{border-bottom-color:color-mix(in srgb,var(--line) 78%,transparent)}.badge{font-weight:700;letter-spacing:.1px}.badge.Paid,.badge.Accepted{background:#b6d8b7;color:#1f5b36}.badge.Overdue{background:#f3c4ba;color:#8c3328}.badge.Sent{background:#cbdced;color:#365a7a}.badge.Draft{background:#dfdfd6;color:#65665d}
@media(max-width:720px){body{background:var(--bg)}.shell main{padding:10px 12px calc(94px + env(safe-area-inset-bottom))}.commandbar{position:static;margin:0 -2px 14px;padding:8px;border-radius:14px;background:var(--paper)}.command-search{height:42px;background:color-mix(in srgb,var(--bg) 55%,var(--paper));border:1px solid var(--line)}.command-actions{display:grid;grid-template-columns:1fr repeat(3,42px);gap:7px}.command-new{width:auto;height:42px;font-size:13px!important}.command-new span{display:inline}.command-icon,.profile-menu{width:42px;height:42px}.quick-actions{grid-template-columns:repeat(4,1fr);gap:7px}.quick-actions button{min-height:82px;display:grid;place-items:center;text-align:center;gap:5px;padding:8px;font-size:10px}.quick-actions button span{width:28px;height:28px}.stats.four{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -12px 14px;padding:0 12px 3px}.stats.four .stat{min-width:152px;scroll-snap-align:start;min-height:105px}.dashboard-columns{gap:10px}.panel{padding:16px;border-radius:14px}.dashboard-columns .panel{box-shadow:none}.document-cards,.client-cards{gap:10px}.document-card,.client-card{border-radius:14px}.document-card-foot .actions{gap:4px}.toolbar{padding:8px!important;border-radius:12px!important}.toolbar select,.toolbar button{min-height:42px}#mobileNav{height:calc(78px + env(safe-area-inset-bottom));padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#1e251c,#121611);border-top:1px solid #3a4634;box-shadow:0 -12px 34px #0008}#mobileNav button{font-size:10px;color:#b7c0af;min-width:48px}#mobileNav button span{font-size:19px}#mobileNav button.active{color:#f1d67f}.mobile-fab{width:58px!important;height:58px;border:3px solid #151a14!important;top:-24px;background:linear-gradient(135deg,#e7cc79,#b9923d)!important;box-shadow:0 10px 20px #0008!important}.client-layout .panel:first-child{border-top:3px solid #d5b656}.calendar-event{border-radius:12px}.modalbar{padding:14px}.document{border-radius:0}.toast{bottom:92px}}

/* Recurring billing and dark-theme action visibility */
.panel .dialog-title{gap:14px;flex-wrap:wrap}.panel .dialog-title>div{min-width:0}.panel .dialog-title .primary{margin-left:auto;white-space:nowrap}.panel .taskrow{align-items:center}.panel .taskrow p{overflow-wrap:anywhere}
body[data-theme="dark"] .primary,body[data-theme="dark"] .gold{background:#d8b45d;border-color:#d8b45d;color:#171a14}body[data-theme="dark"] .primary:hover,body[data-theme="dark"] .gold:hover{background:#edd17a;border-color:#edd17a;color:#171a14}body[data-theme="dark"] .smallbtn,body[data-theme="dark"] a.smallbtn{background:#252d22!important;border-color:#68765b!important;color:#f2f4ec!important}body[data-theme="dark"] .smallbtn:hover,body[data-theme="dark"] a.smallbtn:hover{background:#343f2f!important;border-color:#d8b45d!important;color:#fff!important}body[data-theme="dark"] label{color:#d0d7c9}body[data-theme="dark"] .hint{color:#b7c0ae}
@media(max-width:720px){.panel .dialog-title{align-items:flex-start}.panel .dialog-title .primary{margin-left:0;width:100%}.panel .taskrow{gap:10px}.panel .taskrow button,.panel .taskrow a{width:100%;text-align:center}.panel .taskrow>div{width:100%}}

.recurring-billing{padding:22px 28px;margin-bottom:24px}.recurring-billing .dialog-title{margin-bottom:12px}.recurring-billing h2{margin-bottom:0}.recurring-billing .sub{margin:0 0 12px;max-width:720px}.recurring-billing .dialog-title .primary{min-width:185px}.recurring-billing .taskrow:last-child{border-bottom:0}@media(max-width:720px){.recurring-billing{padding:18px}.recurring-billing .dialog-title{margin-bottom:14px}.recurring-billing .dialog-title .primary{min-width:0}}
.taskrow button:disabled{opacity:.55;cursor:not-allowed;filter:saturate(.5)}

.mobile-sections{width:min(520px,94vw)}.mobile-section-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mobile-section-list button{display:flex;align-items:center;gap:10px;text-align:left}.mobile-section-list span{width:22px;height:22px;display:grid;place-items:center;color:#b99b45}.mobile-section-list svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media(max-width:720px){.mobile-sections{width:100vw;max-width:100vw;align-self:end;margin:0;border-radius:18px 18px 0 0}.mobile-section-list{grid-template-columns:1fr}.mobile-section-list button{min-height:48px}}

/* Premium agency studio refresh */
.commandbar{border-color:#6c684b;background:linear-gradient(135deg,#20271d,#111510);box-shadow:0 16px 36px #00000038}.command-search{background:#10140f;border-color:#3d4936}.command-search input{color:#f4f0df}.command-new{background:linear-gradient(135deg,#f1d276,#c69c3e);border-color:#f1d276;box-shadow:0 10px 22px #c69c3e40}.shell aside{background:linear-gradient(180deg,#252c20,#10140e 74%)}.brand{color:#f1d276}.shell aside nav button{border:1px solid transparent}.shell aside nav button:hover{border-color:#4d5942;background:#2b3426}.shell aside nav button.active{background:linear-gradient(90deg,#4a4c2d,#292f23);box-shadow:inset 3px 0 #e9c95e}.panel,.stat,.document-card,.client-card{border-color:#3e4937;box-shadow:0 16px 34px #0000001e}.stats .stat{background:linear-gradient(145deg,var(--paper),color-mix(in srgb,var(--paper) 78%,#9d8b4e 22%));min-height:132px}.stats .stat strong{font-family:"Segoe UI",Arial,sans-serif!important;color:#f0d47d;font-size:27px;font-weight:700}.quick-actions{gap:14px}.quick-actions button{min-height:74px;background:linear-gradient(145deg,var(--paper),color-mix(in srgb,var(--paper) 80%,#707c5e 20%));border-color:#4d5845}.quick-actions button:hover{border-color:#e5c45b}.pipeline{grid-template-columns:repeat(5,minmax(230px,1fr));gap:16px}.lane{background:linear-gradient(180deg,#252d22,#1a2018);border:1px solid #3c4935;border-radius:16px;padding:16px;min-height:260px}.lane h3{font-size:14px;color:#f0d47d}.lane .counts{color:#aeb9a2}.lead-card{border-radius:13px;background:#151b15;border-color:#3b4635;box-shadow:0 10px 20px #00000024}.lead-card:hover{transform:translateY(-2px);border-color:#d6b552}.lead-card strong{color:#f6f1df}.lead-card b{color:#e5c45b}.lead-card select{font-size:11px;padding:5px 7px}.client-card{background:linear-gradient(145deg,var(--paper),color-mix(in srgb,var(--paper) 88%,#9b8b58 12%))}.client-avatar,.client-initials{background:linear-gradient(135deg,#f0d27c,#b28a38);box-shadow:0 4px 12px #0000002a}.eyebrow{color:#e3c35e}.badge{border:1px solid color-mix(in srgb,currentColor 25%,transparent)}

.stats .stat strong{line-height:1.3;overflow-wrap:anywhere}

.stats .stat strong{line-height:1.3;overflow-wrap:normal;word-break:normal}.currency-amount{display:block;white-space:nowrap}

.stats .stat strong{font-family:"Segoe UI",Arial,sans-serif!important;font-size:27px;font-weight:700;letter-spacing:0}.currency-amount{font-family:inherit}

/* Advanced CRM workspace: HubSpot clarity + Pipedrive pipeline */
body[data-theme="light"]{--bg:#f6f8fb;--paper:#ffffff;--ink:#182230;--muted:#687386;--line:#e2e8f0;background:#f6f8fb;color:#182230}
body[data-theme="light"] .shell{background:#f6f8fb;grid-template-columns:244px minmax(0,1fr)}
body[data-theme="light"] .shell aside{background:#fff;border-right:1px solid #e3e9f1;padding:18px 12px;box-shadow:none}
body[data-theme="light"] .brand{color:#172134;font-size:15px;letter-spacing:1.4px}.brand small{color:#718096;letter-spacing:1.8px}
body[data-theme="light"] .sidebar-toggle{background:#f6f8fb;border-color:#e2e8f0;color:#526174}
body[data-theme="light"] .shell aside nav{gap:4px}.shell aside nav button{border:0;border-radius:9px;min-height:42px;color:#5b6678;font-weight:600}.shell aside nav button:hover{background:#f1f5f9;border:0;color:#1f3d71}.shell aside nav button.active{background:#eaf2ff;color:#2563eb;box-shadow:inset 3px 0 #2563eb;border:0}
body[data-theme="light"] .shell aside footer{border-top:1px solid #eef2f6;color:#8a95a5;font-size:12px}
body[data-theme="light"] .commandbar{top:12px;background:#ffffffeb;border:1px solid #e4eaf2;border-radius:14px;box-shadow:0 8px 24px #1f293708;padding:9px 10px;backdrop-filter:blur(14px)}
body[data-theme="light"] .command-search{height:42px;background:#f7f9fc;border:1px solid #e4eaf2;border-radius:9px}.command-search input{font-size:14px}.command-search span{color:#718096}
body[data-theme="light"] .command-new{height:42px;background:#2563eb;border-color:#2563eb;color:#fff;box-shadow:0 7px 15px #2563eb28;font-size:14px}.command-new:hover{background:#1d4ed8;border-color:#1d4ed8}
body[data-theme="light"] .command-icon,body[data-theme="light"] .profile-menu{background:#fff;border-color:#e2e8f0;color:#526174}.profile-menu{font-weight:800}
body[data-theme="light"] header{margin:28px 0 22px}body[data-theme="light"] h1{font-size:30px;letter-spacing:-.75px;color:#172134}body[data-theme="light"] header p{color:#748094}
body[data-theme="light"] header .actions button{border-radius:9px;background:#fff;border-color:#dce4ee;color:#344256}body[data-theme="light"] header .actions .primary,body[data-theme="light"] .primary{background:#2563eb;border-color:#2563eb;color:#fff}body[data-theme="light"] .primary:hover{background:#1d4ed8;border-color:#1d4ed8}
body[data-theme="light"] .quick-actions{gap:12px}.quick-actions button{min-height:74px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#263447;box-shadow:0 4px 14px #27364b08}.quick-actions button:hover{border-color:#b8cdf5;background:#f8fbff}.quick-actions button span{border-radius:9px}
body[data-theme="light"] .stats{gap:14px}.stats .stat{min-height:138px;background:#fff;border:1px solid #e2e8f0;border-radius:13px;box-shadow:0 5px 18px #27364b08;padding:20px}.stats .stat:after{display:none}.stats .stat span{font-size:13px;color:#738095}.stats .stat strong{font-family:"Segoe UI",Arial,sans-serif!important;color:#172134;font-size:27px;font-weight:750;line-height:1.28}.currency-amount{letter-spacing:-.3px}
body[data-theme="light"] .panel,body[data-theme="light"] .document-card,body[data-theme="light"] .client-card{background:#fff;border:1px solid #e2e8f0;border-radius:13px;box-shadow:0 5px 18px #27364b08}.panel{padding:22px}.panel h2{font-size:17px;letter-spacing:-.2px}.eyebrow{color:#2563eb;font-weight:700}
body[data-theme="light"] .pipeline{gap:14px;padding:4px 2px 20px}.pipeline .lane{background:#f7f9fc;border:1px solid #e1e7ef;border-radius:13px;padding:13px;min-height:360px}.pipeline .lane h3{color:#344256;font-size:13px}.pipeline .lane .counts{color:#8793a6}.pipeline .lead-card{background:#fff;border:1px solid #e1e7ef;border-radius:10px;box-shadow:0 3px 10px #27364b0b;padding:14px}.pipeline .lead-card:hover{transform:translateY(-2px);border-color:#9dbbf4;box-shadow:0 9px 18px #2563eb15}.pipeline .lead-card strong{color:#1e293b}.pipeline .lead-card b{color:#2563eb}
body[data-theme="light"] .client-card{background:#fff}.client-avatar,.client-initials{background:#eaf2ff!important;color:#2563eb!important;box-shadow:none!important}.badge{border:0!important;border-radius:20px!important;padding:4px 9px!important;font-size:11px!important}.badge.New{background:#eaf2ff!important;color:#2563eb!important}.badge.Contacted{background:#fef3c7!important;color:#a16207!important}.badge.Proposal{background:#ede9fe!important;color:#6d28d9!important}.badge.Won,.badge.Paid,.badge.Accepted{background:#dcfce7!important;color:#15803d!important}.badge.Lost,.badge.Overdue{background:#fee2e2!important;color:#b91c1c!important}
body[data-theme="light"] table th{background:#f7f9fc;color:#64748b;border-bottom-color:#e2e8f0}body[data-theme="light"] table td{border-bottom-color:#edf1f5}body[data-theme="light"] .toolbar,body[data-theme="light"] .filter-buttons button{background:#fff;border-color:#e2e8f0}body[data-theme="light"] input,body[data-theme="light"] select,body[data-theme="light"] textarea{background:#fff;border-color:#dce4ee;color:#1f2937}.toast{background:#172134}
@media(max-width:720px){body[data-theme="light"] .shell aside{background:#fff;border-bottom:1px solid #e4eaf2;box-shadow:0 4px 14px #27364b08}body[data-theme="light"] #mobileNav{background:#fff;border-top-color:#e2e8f0;box-shadow:0 -8px 22px #27364b10}body[data-theme="light"] #mobileNav button{color:#64748b}body[data-theme="light"] #mobileNav button.active{color:#2563eb}.mobile-fab{background:#2563eb!important;border-color:#fff!important;box-shadow:0 8px 18px #2563eb45!important}.stats.four .stat{min-width:172px}}

.payment-qr{display:flex;align-items:center;gap:18px;margin:28px 0;padding:16px;border:1px solid #dce5d9;background:#f8fbf7;border-radius:10px;break-inside:avoid}.payment-qr img{width:132px;height:132px;background:#fff;padding:6px;border:1px solid #e1e7df;border-radius:6px}.payment-qr h3{margin:0 0 7px}.payment-qr b{font-size:16px}.payment-qr p{margin:5px 0;color:#4e5a4b;font-size:13px}.payment-qr small{color:#687365;font-size:11px}@media(max-width:600px){.payment-qr{align-items:flex-start}.payment-qr img{width:112px;height:112px}.payment-qr b{font-size:14px}}

/* Clean A4 invoice/PDF output */
.document .payment-qr-static{margin:24px 0 20px;padding:12px 14px;gap:16px;min-height:156px}.document .payment-qr-static img{width:125px;height:145px;object-fit:cover;object-position:center 49%;padding:0;border:0;border-radius:4px}.document table th{white-space:nowrap;word-break:normal}.document table th:nth-child(1),.document table th:nth-child(3),.document table th:nth-child(4),.document table th:nth-child(5),.document table td:nth-child(1),.document table td:nth-child(3),.document table td:nth-child(4),.document table td:nth-child(5){white-space:nowrap;overflow-wrap:normal;word-break:normal}@media print{@page{size:A4;margin:10mm 12mm 12mm}.document{width:186mm!important;max-width:186mm!important;padding:0!important;margin:0!important;font-size:12px}.dochead{margin:0 0 18px!important;padding-bottom:16px!important}.docmeta{margin:18px 0!important;gap:24px!important}.document h3{margin:14px 0 8px!important}.document table{table-layout:fixed!important;margin:0!important}.document table th{font-size:9px!important;letter-spacing:.45px!important;padding:10px 6px!important}.document table td{font-size:10px!important;padding:10px 6px!important}.document .doctotals{margin:18px 0 20px auto!important}.document .docnotes{margin:18px 0!important;line-height:1.55!important}.document .payment-qr-static{break-inside:avoid;margin:16px 0!important;padding:10px!important;min-height:132px}.document .payment-qr-static img{width:104px!important;height:120px!important}.document .docfooter{margin-top:16px!important;padding-top:14px!important}.payment-qr p{margin:3px 0!important}}

.payment-qr-static>.payment-qr-image{width:125px;height:145px;flex:0 0 125px;overflow:hidden;background:#fff;border:1px solid #e1e7df;border-radius:4px}.payment-qr-static>.payment-qr-image img{display:block;max-width:none!important;width:220px!important;height:auto!important;transform:translate(-47px,-70px);padding:0!important;border:0!important;border-radius:0!important}@media print{.document .payment-qr-static>.payment-qr-image{width:104px!important;height:120px!important;flex-basis:104px}.document .payment-qr-static>.payment-qr-image img{width:185px!important;transform:translate(-40px,-57px)}}

/* Full, scannable supplied QR and stable invoice columns */
.document .docmeta{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:0!important}.document .docmeta>div:first-child{text-align:left!important}.document .docmeta>div:last-child{text-align:right!important;padding-left:28px}.payment-qr-static>.payment-qr-image{width:170px!important;height:185px!important;flex-basis:170px!important}.payment-qr-static>.payment-qr-image img{width:238px!important;height:auto!important;transform:translate(-33px,-72px)!important}@media print{.document .docmeta{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}.document .docmeta>div:last-child{text-align:right!important}.document .payment-qr-static>.payment-qr-image{width:132px!important;height:145px!important;flex-basis:132px!important}.document .payment-qr-static>.payment-qr-image img{width:185px!important;transform:translate(-26px,-56px)!important}}

/* Gmail mailbox */
.mailbox-panel{padding:28px}.mailbox-list{margin-top:20px;border:1px solid var(--line,#dfe6ef);border-radius:16px;overflow:hidden;background:#fff}.mail-row{padding:18px 20px;border-bottom:1px solid var(--line,#e6ebf2);background:#fff;transition:background .16s ease}.mail-row:last-child{border-bottom:0}.mail-row:hover{background:#f7faff}.mail-row.unread{background:#f2f7ff;border-left:4px solid #2d67ee;padding-left:16px}.mail-row-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.mail-row-top b{font-size:14px;color:#152033}.mail-row-top small{white-space:nowrap;color:#65738a;font-size:12px}.mail-row h3{margin:7px 0 5px;font-size:16px;line-height:1.35;color:#172033}.mail-row p{margin:0;color:#61708a;font-size:14px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:640px){.mailbox-panel{padding:18px}.mailbox-panel .dialog-title{align-items:flex-start;flex-direction:column}.mailbox-panel .actions{width:100%}.mailbox-panel .actions button{flex:1}.mail-row{padding:16px}.mail-row.unread{padding-left:12px}.mail-row-top{gap:10px;align-items:flex-start}.mail-row-top small{white-space:normal;text-align:right}.mail-row p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}

/* Gmail-like inbox and reader */
.mailbox-shell{display:grid;grid-template-columns:minmax(300px,38%) 1fr;min-height:590px;margin-top:20px;border:1px solid var(--line,#dfe6ef);border-radius:16px;overflow:hidden;background:#fff}.mailbox-list{margin:0;border:0;border-radius:0;border-right:1px solid var(--line,#dfe6ef);overflow-y:auto;max-height:680px}.mail-row{display:block;width:100%;text-align:left;cursor:pointer;border:0;border-bottom:1px solid var(--line,#e6ebf2);font:inherit}.mail-row.active{background:#eaf1ff;box-shadow:inset 3px 0 #2d67ee}.mail-row:hover{background:#f1f6ff}.mail-reader{padding:30px;overflow:auto;max-height:680px}.mail-reader-empty{height:100%;min-height:300px;display:grid;place-items:center;text-align:center;color:#6a778d}.mail-reader-head{padding-bottom:20px;border-bottom:1px solid var(--line,#e6ebf2)}.mail-reader-head h2{margin:0 0 16px;font-size:24px;line-height:1.3;color:#162137}.mail-reader-meta{display:flex;justify-content:space-between;gap:20px;color:#57677f;font-size:14px}.mail-reader-meta b{display:block;color:#1c2940;margin-bottom:4px}.mail-reader-body{padding-top:24px;color:#26354e;line-height:1.7;white-space:normal;word-break:break-word}.mail-reader-loading{color:#64728a;padding:32px 0}.mail-row-top b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:840px){.mailbox-shell{grid-template-columns:1fr}.mailbox-list{max-height:none;border-right:0;border-bottom:1px solid var(--line,#dfe6ef)}.mail-reader{max-height:none;min-height:330px}.mailbox-shell.has-open .mailbox-list{display:none}.mail-reader-back{display:inline-flex;margin-bottom:18px}}@media(min-width:841px){.mail-reader-back{display:none}}
.mail-row{text-decoration:none;color:inherit}

/* Native Outlook-style message reader: works without custom row click handlers. */
.outlook-inbox{margin-top:20px;border:1px solid var(--line,#dfe6ef);border-radius:16px;overflow:hidden;background:#fff}.outlook-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:#f7f9fc;border-bottom:1px solid var(--line,#dfe6ef);color:#586881;font-size:14px}.outlook-message{border-bottom:1px solid var(--line,#e2e8f0);background:#fff}.outlook-message:last-child{border-bottom:0}.outlook-message[open]{background:#fff}.outlook-summary{display:grid;grid-template-columns:minmax(150px,24%) 1fr auto;align-items:center;gap:16px;padding:17px 20px;cursor:pointer;list-style:none}.outlook-summary::-webkit-details-marker{display:none}.outlook-summary::after{content:'›';font-size:22px;line-height:1;color:#718099;transform:rotate(0deg);grid-column:3;grid-row:1 / span 2}.outlook-message[open] .outlook-summary::after{transform:rotate(90deg)}.outlook-sender{font-weight:700;color:#17233a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.outlook-subject{font-weight:650;color:#17233a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.outlook-date{grid-column:3;grid-row:1;color:#697891;font-size:12px;padding-right:18px;white-space:nowrap}.outlook-snippet{grid-column:2;grid-row:2;color:#667791;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.outlook-message.unread .outlook-summary{border-left:4px solid #2e68ef;padding-left:16px;background:#f1f6ff}.outlook-reader{padding:0 20px 24px;margin-left:24%;border-top:1px solid #e6ebf2}.outlook-reader-meta{display:flex;justify-content:space-between;gap:16px;padding:18px 0;color:#61708a;font-size:13px}.outlook-reader-meta b{color:#1d2a42}.outlook-body{line-height:1.7;color:#26354e;white-space:normal;word-break:break-word}@media(max-width:700px){.outlook-summary{grid-template-columns:1fr auto;gap:6px;padding:15px}.outlook-summary::after{grid-column:2;grid-row:1 / span 2}.outlook-sender{grid-column:1}.outlook-subject{grid-column:1;white-space:normal}.outlook-date{grid-column:2;grid-row:1;padding-right:18px}.outlook-snippet{grid-column:1;grid-row:3;white-space:normal}.outlook-reader{margin-left:0;padding:0 15px 20px}.outlook-toolbar{align-items:flex-start;flex-direction:column}}

/* CRM command-center dashboard */
.command-dashboard{display:grid;gap:20px}.command-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:28px 30px;border-radius:20px;background:linear-gradient(125deg,#0c1733,#1e3d86 58%,#3369e8);color:#fff;box-shadow:0 14px 34px rgba(36,83,192,.18)}.command-hero .eyebrow{color:#b8d0ff}.command-hero h1{margin:5px 0 8px;font-size:30px;letter-spacing:-.03em}.command-hero p{margin:0;color:#dbe7ff}.command-actions{display:flex;gap:10px;flex-wrap:wrap}.command-actions button{background:#fff;color:#17367a;border:0}.command-actions .primary{background:#f4bd49;color:#222}.command-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.command-kpi{position:relative;overflow:hidden;border:1px solid #e2e9f5;border-radius:16px;padding:20px;background:#fff;box-shadow:0 5px 16px rgba(27,57,103,.05)}.command-kpi::after{content:'';position:absolute;width:76px;height:76px;right:-25px;bottom:-34px;border-radius:50%;background:var(--accent,#376ef4);opacity:.1}.command-kpi span{display:block;color:#64738a;font-size:13px;margin-bottom:9px}.command-kpi b{display:block;color:#16233c;font-size:24px;letter-spacing:-.03em}.command-kpi small{display:block;margin-top:8px;color:#7990b2}.command-main{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.85fr);gap:20px}.command-card{border:1px solid #e2e9f5;border-radius:18px;background:#fff;padding:23px;box-shadow:0 5px 16px rgba(27,57,103,.04)}.command-card-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.command-card-head h2{margin:0;color:#1a2942;font-size:18px}.command-card-head p{margin:4px 0 0;color:#74839b;font-size:13px}.pipeline-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.pipeline-step{padding:15px 12px;border-radius:12px;background:#f4f7fc;min-width:0}.pipeline-step b{display:block;color:#1b2a43;font-size:22px}.pipeline-step span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#728199;font-size:12px;margin-top:6px}.pipeline-step i{display:block;margin-top:11px;height:4px;border-radius:4px;background:var(--step,#396efa)}.focus-list{display:grid;gap:10px}.focus-item{display:flex;align-items:flex-start;gap:11px;padding:12px 0;border-bottom:1px solid #edf1f7}.focus-item:last-child{border:0;padding-bottom:0}.focus-dot{width:9px;height:9px;border-radius:50%;margin-top:6px;background:#f2b94b;flex:0 0 auto}.focus-item b{display:block;color:#23324a;font-size:14px}.focus-item span{display:block;color:#76859b;font-size:12px;margin-top:3px}.insight-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:20px}.smart-insight{display:flex;gap:14px;align-items:flex-start;padding:15px;border:1px solid #dce8ff;border-radius:13px;background:#f6f9ff}.smart-insight-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#2e68ee;color:#fff;font-weight:800}.smart-insight h3{margin:0;color:#1a2942;font-size:14px}.smart-insight p{margin:5px 0 0;color:#71809a;font-size:13px;line-height:1.45}.source-row{display:grid;grid-template-columns:1fr 54px;gap:12px;align-items:center;margin:12px 0}.source-row span{color:#60708a;font-size:13px}.source-track{height:7px;background:#edf2fa;border-radius:10px;overflow:hidden}.source-track i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#3973f6,#74a5ff)}.source-row b{text-align:right;color:#26364e;font-size:13px}@media(max-width:1050px){.command-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.command-main,.insight-grid{grid-template-columns:1fr}.pipeline-flow{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.command-hero{padding:22px;align-items:flex-start;flex-direction:column}.command-hero h1{font-size:25px}.command-kpis{grid-template-columns:1fr 1fr}.command-kpi{padding:16px}.command-kpi b{font-size:20px}.pipeline-flow{grid-template-columns:1fr 1fr}.command-actions{width:100%}.command-actions button{flex:1}.command-main{gap:14px}.command-card{padding:18px}}

.command-hero h1{color:#fff!important;text-shadow:0 1px 0 rgba(0,0,0,.08)}
.command-hero p{color:#e6efff!important}
body[data-theme="light"] .command-hero h1,body[data-theme="dark"] .command-hero h1{color:#fff!important}

/* Official Eric's Designs brand mark in the CRM navigation. */
.brand.brand-logo{display:flex;align-items:center;min-width:0;line-height:1}
.brand.brand-logo img{display:block;width:min(188px,100%);height:48px;object-fit:contain;object-position:left center}
body[data-theme="light"] .brand.brand-logo,body[data-theme="dark"] .brand.brand-logo{color:inherit;font-size:inherit;letter-spacing:0}
.shell.sidebar-collapsed .brand.brand-logo{display:none}
@media(max-width:720px){.shell aside .brand.brand-logo{display:flex}.brand.brand-logo img{width:150px;height:34px}}

/* Keep the entire supplied landscape logo visible in the expanded sidebar. */
.sidehead:has(.brand-logo){align-items:flex-start;min-height:104px}
.brand.brand-logo{flex:1 1 auto;padding-top:2px}
.brand.brand-logo img{width:172px;max-width:100%;height:auto;max-height:none;object-fit:contain;object-position:left top}
.sidehead:has(.brand-logo) .sidebar-toggle{flex:0 0 36px;margin-top:2px}
@media(max-width:720px){.sidehead:has(.brand-logo){min-height:54px}.brand.brand-logo img{width:126px;height:auto}}

/* Use the CRM landscape logo exactly as supplied; only scale it to the available sidebar width. */
.sidehead:has(.brand-logo){align-items:center;min-height:60px}
.brand.brand-logo{padding-top:0}
.brand.brand-logo img{width:172px;max-width:100%;height:auto;max-height:none;object-fit:contain;object-position:left center}
.sidehead:has(.brand-logo) .sidebar-toggle{margin-top:0}
@media(max-width:720px){.sidehead:has(.brand-logo){min-height:48px}.brand.brand-logo img{width:132px;height:auto}}

/* Scrollbars match the active CRM theme instead of showing a bright browser track. */
html{scrollbar-width:thin;scrollbar-color:#56624c #10150f}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:#10150f}
*::-webkit-scrollbar-thumb{background:#56624c;border:2px solid #10150f;border-radius:12px}
*::-webkit-scrollbar-thumb:hover{background:#778768}
body[data-theme="light"]{scrollbar-color:#9daac0 #edf2f8}
body[data-theme="light"] *::-webkit-scrollbar-track{background:#edf2f8}
body[data-theme="light"] *::-webkit-scrollbar-thumb{background:#9daac0;border-color:#edf2f8}
body[data-theme="light"] *::-webkit-scrollbar-thumb:hover{background:#7789a4}

/* Action Center and Client 360 */
.command-ai{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#182968;color:#fff;border-color:#2f61e9;box-shadow:0 5px 14px rgba(36,83,192,.18)}
.command-ai:hover{background:#2446a8;color:#fff;border-color:#5279eb}.attention-panel,.client360-panel{margin-top:20px;padding:23px;border:1px solid #e2e9f5;border-radius:18px;background:#fff;box-shadow:0 5px 16px rgba(27,57,103,.04)}.attention-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.attention-head h2{margin:2px 0 5px;color:#1a2942;font-size:19px}.attention-head p{margin:0;color:#74839b;font-size:13px}.attention-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.attention-card{display:flex;gap:12px;min-width:0;padding:16px;border:1px solid #e6ebf3;border-radius:14px;background:#f8faff}.attention-card h3{margin:1px 0 6px;color:#1c2b44;font-size:14px}.attention-card p{margin:0 0 12px;color:#70819b;font-size:12px;line-height:1.45}.attention-icon{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:10px;background:#e8efff;color:#2d66e8;font-weight:800}.attention-card.urgent .attention-icon{background:#fff0ef;color:#d64f4f}.attention-card.warning .attention-icon{background:#fff6df;color:#b87b13}.attention-card.success .attention-icon{background:#e9f8f1;color:#28a76f}.client360-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.client360-grid article{padding:16px;border-radius:13px;background:#f5f8fd}.client360-grid span,.client360-grid small{display:block;color:#71819b;font-size:12px}.client360-grid b{display:block;margin:7px 0;color:#1c2a43;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1050px){.attention-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.command-ai span{display:none}.attention-panel,.client360-panel{padding:18px}.attention-head{flex-direction:column}.attention-grid,.client360-grid{grid-template-columns:1fr}.command-actions .command-ai{width:38px;padding:0}}

/* Cohesive premium dark theme: dashboard surfaces follow the CRM palette. */
body[data-theme="dark"] .command-kpi,
body[data-theme="dark"] .command-card,
body[data-theme="dark"] .attention-panel,
body[data-theme="dark"] .client360-panel,
body[data-theme="dark"] .outlook-inbox,
body[data-theme="dark"] .mailbox-shell{background:linear-gradient(145deg,#1d241d,#171c16);border-color:#34402f;box-shadow:0 14px 32px rgba(0,0,0,.22)}
body[data-theme="dark"] .command-kpi span,
body[data-theme="dark"] .command-kpi small,
body[data-theme="dark"] .command-card-head p,
body[data-theme="dark"] .attention-head p,
body[data-theme="dark"] .attention-card p,
body[data-theme="dark"] .client360-grid span,
body[data-theme="dark"] .client360-grid small{color:#acb6a4}
body[data-theme="dark"] .command-kpi b,
body[data-theme="dark"] .command-card-head h2,
body[data-theme="dark"] .attention-head h2,
body[data-theme="dark"] .attention-card h3,
body[data-theme="dark"] .client360-grid b{color:#f2f4eb}
body[data-theme="dark"] .pipeline-step,
body[data-theme="dark"] .client360-grid article{background:#222b20;border:1px solid #34402f}
body[data-theme="dark"] .pipeline-step b{color:#f2f4eb}
body[data-theme="dark"] .pipeline-step span{color:#b0baaa}
body[data-theme="dark"] .focus-item{border-bottom-color:#303a2c}
body[data-theme="dark"] .focus-item b{color:#f0f3eb}
body[data-theme="dark"] .focus-item span{color:#acb6a4}
body[data-theme="dark"] .smart-insight{background:#1b2a30;border-color:#2f4b51}
body[data-theme="dark"] .smart-insight h3{color:#edf5f1}
body[data-theme="dark"] .smart-insight p{color:#b4c8c0}
body[data-theme="dark"] .attention-card{background:#222b20;border-color:#34402f}
body[data-theme="dark"] .command-actions button:not(.primary){background:#232c20;color:#f3f5ef;border:1px solid #485545}
body[data-theme="dark"] .command-actions .primary{background:#dfba56;color:#1c2018}
body[data-theme="dark"] .outlook-toolbar{background:#222b20;border-color:#34402f;color:#bdc6b6}
body[data-theme="dark"] .outlook-message,
body[data-theme="dark"] .outlook-message[open],
body[data-theme="dark"] .mailbox-list,
body[data-theme="dark"] .mail-reader{background:#1a2018;border-color:#34402f}
body[data-theme="dark"] .outlook-summary:hover,
body[data-theme="dark"] .outlook-message.unread .outlook-summary{background:#253126}
body[data-theme="dark"] .outlook-sender,
body[data-theme="dark"] .outlook-subject,
body[data-theme="dark"] .outlook-reader-meta b,
body[data-theme="dark"] .outlook-body{color:#eef2ea}
body[data-theme="dark"] .outlook-date,
body[data-theme="dark"] .outlook-snippet,
body[data-theme="dark"] .outlook-reader-meta{color:#adb8a7}

/* Presentation data toggle for a safe, high-growth CRM preview. */
.demo-toggle{white-space:nowrap;background:#f6f8fc;border-color:#dbe4f3;color:#385174;font-weight:700}
.demo-toggle.active{background:#eaf1ff;border-color:#8eafff;color:#1e59d7}
.demo-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #bcd0ff;border-radius:13px;background:#edf4ff;color:#234879;font-size:13px}
.demo-banner b{color:#1d57d1}.demo-banner span{flex:1}.demo-banner button{padding:7px 11px;background:#fff;border-color:#b8cbed;color:#264e86;font-size:12px}
body[data-theme="dark"] .demo-toggle{background:#252e22;border-color:#44523e;color:#d7dfcf}
body[data-theme="dark"] .demo-toggle.active{background:#263d4b;border-color:#4f7d98;color:#c6e2f7}
body[data-theme="dark"] .demo-banner{background:#1d2b34;border-color:#315364;color:#c3d8df}
body[data-theme="dark"] .demo-banner b{color:#90c9f0}body[data-theme="dark"] .demo-banner button{background:#263a45;border-color:#456a7d;color:#d5eaf4}
@media(max-width:760px){.demo-toggle{font-size:11px;padding:8px}.demo-banner{align-items:flex-start;flex-wrap:wrap}.demo-banner button{margin-left:auto}}

/* Reports dashboard */
.report-bars{display:flex;align-items:end;gap:14px;height:190px;margin:18px 0 8px;padding:8px 4px 0}.report-bar{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:8px}.report-bar-value{font-size:12px;font-weight:700;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.report-bar-track{height:126px;width:100%;max-width:44px;border-radius:10px 10px 4px 4px;background:color-mix(in srgb,var(--line) 46%,transparent);display:flex;align-items:end;overflow:hidden}.report-bar-track span{width:100%;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#3568e6,#244ea9);min-height:5px}.report-bar small{font-size:11px;color:var(--muted);white-space:nowrap}@media(max-width:720px){.report-bars{gap:8px;height:168px}.report-bar-track{max-width:32px;height:110px}.report-bar-value{font-size:10px}.report-bar small{font-size:10px}}

/* Client communications */
.client-timeline{display:grid;gap:0}.client-timeline .timeline{position:relative;padding-left:24px}.client-timeline .timeline:before{content:"";position:absolute;left:4px;top:15px;width:9px;height:9px;border-radius:50%;background:#3568e6}.client-timeline .timeline:after{content:"";position:absolute;left:8px;top:27px;bottom:-11px;width:1px;background:var(--line)}.client-timeline .timeline:last-child:after{display:none}.client-timeline .badge{margin-left:8px;font-size:11px}.client-timeline p{margin:5px 0;color:var(--muted);font-size:13px}

/* Advanced pipeline interactions */
.advanced-pipeline{align-items:stretch}.pipeline-dropzone{transition:border-color .18s,background .18s;min-height:340px}.pipeline-dropzone.drag-over{border-color:#3568e6;background:color-mix(in srgb,#3568e6 10%,var(--paper))}.pipeline-dropzone header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px}.pipeline-cards{display:grid;gap:10px}.advanced-pipeline .lead-card{cursor:pointer;user-select:none}.advanced-pipeline .lead-card:active{cursor:grabbing}.lead-card-top{display:flex;justify-content:space-between;gap:8px;align-items:start}.client-card-stage{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.advanced-pipeline .lead-card small{display:block;color:var(--muted);font-size:11px;margin-top:10px}.pipeline-empty{border:1px dashed var(--line);border-radius:10px;padding:20px 10px;color:var(--muted);text-align:center;font-size:13px}.quick-drawer-backdrop{position:fixed;inset:0;background:#0710081f;z-index:90;backdrop-filter:none}.quick-drawer{position:fixed;right:0;top:76px;width:min(480px,94vw);height:calc(100dvh - 76px);background:var(--paper);z-index:91;padding:26px;overflow-y:auto;box-shadow:-18px 0 48px #11182735;border:1px solid var(--line);border-bottom:0;border-radius:18px 0 0 0;animation:drawerIn .2s ease-out}.quick-drawer-head{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:18px}.quick-drawer-head h2{margin:5px 0}.quick-drawer-head p{margin:0;color:var(--muted)}.quick-drawer-head button{width:40px;height:40px;font-size:24px;padding:0}.quick-drawer-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.quick-drawer-stats div{padding:12px;background:color-mix(in srgb,var(--bg) 70%,var(--paper));border:1px solid var(--line);border-radius:10px}.quick-drawer-stats span,.quick-drawer-stats b{display:block}.quick-drawer-stats span{font-size:11px;color:var(--muted);margin-bottom:6px}.quick-drawer-stats b{font-size:14px;overflow-wrap:anywhere}.quick-drawer section{margin-top:24px}.quick-drawer section h3{margin-bottom:10px}.drawer-item{padding:11px 0;border-bottom:1px solid var(--line)}.drawer-item b,.drawer-item small{display:block}.drawer-item small{color:var(--muted);font-size:12px;margin-top:3px}.quick-drawer-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}@keyframes drawerIn{from{transform:translateX(100%)}to{transform:translateX(0)}}@media(max-width:720px){.quick-drawer{top:0;width:100vw;height:100dvh;border-radius:0;padding:18px}.quick-drawer-stats{grid-template-columns:1fr}.advanced-pipeline .lead-card{min-height:110px}}

/* Unified scheduling centre */
.scheduler-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:12px}.scheduler-nav,.scheduler-switch,.scheduler-filters{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.scheduler-nav h2{margin:0 0 0 7px;font-size:17px}.scheduler-nav button,.scheduler-switch button,.scheduler-filters button{padding:8px 12px;font-size:12px}.scheduler-switch button.active,.scheduler-filters button.active{background:#eaf1ff;color:#1e59d7;border-color:#8eafff}.scheduler-filters{margin-bottom:18px}.scheduler-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.38fr);gap:18px;align-items:start}.scheduler-board{padding:16px}.scheduler-weekdays{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line);border-bottom:0;border-radius:11px 11px 0 0;overflow:hidden}.scheduler-weekdays span{text-align:center;padding:8px;color:var(--muted);font-size:11px;font-weight:700;border-right:1px solid var(--line)}.scheduler-weekdays span:last-child{border:0}.scheduler-grid{display:grid}.scheduler-grid.month{grid-template-columns:repeat(7,1fr);border-left:1px solid var(--line)}.scheduler-grid.week{grid-template-columns:repeat(7,minmax(115px,1fr));overflow-x:auto;border:1px solid var(--line);border-radius:11px}.scheduler-day{min-height:125px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px;background:var(--paper)}.scheduler-grid.week .scheduler-day{min-height:275px;border-bottom:0}.scheduler-day.muted{background:color-mix(in srgb,var(--bg) 72%,var(--paper))}.scheduler-day.is-today header b{display:inline-flex;align-items:center;justify-content:center;background:#3568e6;color:#fff;width:25px;height:25px;border-radius:50%}.scheduler-day header{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.scheduler-day header span{font-size:10px;color:var(--muted)}.scheduler-event{display:block;width:100%;text-align:left;padding:5px 7px;margin:4px 0;border-radius:6px;border:1px solid transparent;background:#edf3ff;color:#1c3f85;font-size:10px;line-height:1.25;overflow:hidden}.scheduler-event:hover{filter:brightness(.97)}.scheduler-event span{display:block;font-size:9px;opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scheduler-event b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scheduler-event small{display:block;margin-top:3px;font-size:11px;color:inherit;opacity:.85}.scheduler-event.scheduler-invoice-due{background:#fff3df;color:#815412}.scheduler-event.scheduler-quotation-expiry,.scheduler-event.scheduler-proforma-due{background:#f8eafa;color:#704276}.scheduler-event.scheduler-project-deadline,.scheduler-event.scheduler-project-task,.scheduler-event.scheduler-milestone{background:#e7f7ef;color:#176440}.scheduler-event.scheduler-follow-up{background:#edf3ff;color:#1c4eae}.scheduler-more{color:var(--muted);font-size:10px}.scheduler-agenda{display:grid;gap:22px;padding:8px}.scheduler-agenda h2{margin:5px 0}.scheduler-agenda-items{display:grid;gap:8px}.scheduler-agenda .scheduler-event{padding:12px}.scheduler-agenda .scheduler-event b{font-size:14px}.scheduler-agenda .scheduler-event span{font-size:10px}.scheduler-team h2{margin:5px 0}.availability-list{display:grid;gap:12px;margin-top:18px}.availability-list>div{display:grid;grid-template-columns:12px auto;column-gap:8px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:9px}.availability-list b{font-size:13px}.availability-list small{grid-column:2;color:var(--muted);font-size:11px;margin-top:4px}.availability-dot{width:9px;height:9px;border-radius:50%}.availability-dot.available{background:#2fb878}.availability-dot.leave{background:#f0ae36}.scheduler-upcoming{margin-top:18px}.scheduler-upcoming-list{display:grid;gap:9px}.scheduler-upcoming-list>div{display:grid;grid-template-columns:62px minmax(0,1fr);gap:10px;align-items:center}.scheduler-upcoming-list time{font-size:12px;color:var(--muted);font-weight:700}.scheduler-upcoming-list .scheduler-event{margin:0;padding:8px 10px}.scheduler-empty{padding:24px;text-align:left}.scheduler-empty h2{font-size:17px}@media(max-width:1020px){.scheduler-layout{grid-template-columns:1fr}.scheduler-team{order:2}}@media(max-width:760px){.scheduler-toolbar{align-items:flex-start;flex-direction:column}.scheduler-nav h2{width:100%;margin:5px 0 0}.scheduler-weekdays{display:none}.scheduler-grid.month{grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-radius:10px;overflow:hidden}.scheduler-grid.month .scheduler-day{min-height:102px}.scheduler-day header span{display:block}.scheduler-grid.week{grid-template-columns:repeat(7,160px)}.scheduler-filters{gap:5px}.scheduler-filters button{font-size:11px;padding:7px 9px}}

/* Document templates */
.template-intro{display:flex;justify-content:space-between;align-items:center;gap:18px;background:linear-gradient(120deg,#edf3ff,#f9fbff)}.template-intro h2{margin:5px 0}.template-intro p{max-width:720px}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:16px;margin:18px 0}.template-card{display:flex;flex-direction:column;gap:12px}.template-card h2{font-size:19px;margin:5px 0}.template-card>p{margin:0;color:var(--muted);min-height:22px}.template-card .actions{margin-top:auto}.template-meta{display:flex;flex-wrap:wrap;gap:7px}.template-meta span{background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:5px 8px;font-size:11px;color:var(--muted)}.template-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.template-steps>div{display:grid;grid-template-columns:32px 1fr;gap:4px 10px;align-items:center}.template-steps b{grid-row:span 2;width:30px;height:30px;display:grid;place-items:center;background:#eaf1ff;color:#1e59d7;border-radius:50%}.template-steps span{font-weight:700}.template-steps small{color:var(--muted)}body[data-theme="dark"] .template-intro{background:linear-gradient(120deg,#1b2b3a,#1b261e)}body[data-theme="dark"] .template-meta span{background:#202a1e}@media(max-width:680px){.template-intro{align-items:flex-start;flex-direction:column}.template-steps{grid-template-columns:1fr}}

/* Finance planning */
.finance-forecast{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.finance-forecast>div{padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--bg)}.finance-forecast span,.finance-forecast b,.finance-forecast small{display:block}.finance-forecast span,.finance-forecast small{color:var(--muted);font-size:12px}.finance-forecast b{margin:8px 0;font-size:18px}.finance-budget-list,.finance-compact-list,.finance-bills{display:grid;gap:9px}.finance-budget-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,1.4fr) auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.finance-budget-row:last-child{border-bottom:0}.finance-budget-row b,.finance-budget-row small{display:block}.finance-budget-row small{color:var(--muted);font-size:11px;margin-top:3px}.finance-progress{height:6px;border-radius:99px;background:var(--line);overflow:hidden;margin-top:7px}.finance-progress i{display:block;height:100%;border-radius:inherit;background:#3568e6}.finance-compact-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.finance-compact-list>div:last-child{border:0}.finance-compact-list span{color:var(--muted);font-size:12px}.finance-compact-list button{grid-column:2;grid-row:1 / span 2}.finance-bills>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.finance-bills>div:last-child{border:0}.finance-bills small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.finance-bills .actions{justify-content:flex-end}@media(max-width:760px){.finance-forecast{grid-template-columns:1fr}.finance-budget-row{grid-template-columns:1fr auto}.finance-budget-row>div:nth-child(2){grid-column:1}.finance-bills>div{grid-template-columns:1fr auto}.finance-bills>div>b{grid-column:1}.finance-bills .actions{grid-column:1 / -1;justify-content:flex-start}}

/* Windows desktop refresh control */
.windows-refresh{font-size:21px!important;line-height:1;font-weight:700}

/* Secure remembered-device sign-in */
.erp-remember{display:flex!important;align-items:center;gap:9px;font-weight:600;color:var(--text)}.erp-remember input{width:auto!important;margin:0}.auth-logout{font-size:20px!important;line-height:1;font-weight:700}
.command-logout{padding:9px 12px!important;background:#fff5f4!important;color:#a94442!important;border:1px solid #efc8c5!important;font-weight:700;font-size:12px!important}.command-logout:hover{background:#ffe9e6!important}body[data-theme="dark"] .command-logout{background:#3a2525!important;color:#ffb9b2!important;border-color:#70413d!important}

.document{position:relative}
.document-seal{position:absolute;right:36px;bottom:34px;width:118px;height:118px;opacity:.9;pointer-events:none;z-index:2}
@media print{.document-seal{right:28px;bottom:26px;width:105px;height:105px}}

/* Settings workspace */
.settings-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:0 0 20px;padding:25px 28px;border:1px solid #cbd9f1;border-radius:18px;background:linear-gradient(120deg,#eff5ff,#fbfdff)}.settings-hero h2{margin:5px 0 7px;color:#162f61;font-size:22px}.settings-hero p{max-width:670px;margin:0;color:#667a99}.settings-hero-actions{display:grid;gap:9px;justify-items:end;white-space:nowrap}.settings-hero-actions span{font-size:12px;color:#597098;font-weight:700}.settings-hero-actions button{background:#fff;border-color:#cbd9f1;color:#1d55bb}.settings-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.settings-card{margin:0!important;padding:23px!important}.settings-card.settings-profile,.settings-card.settings-terms,.settings-card.settings-backup{grid-column:1 / -1}.settings-card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px}.settings-card-head h2,.settings-backup h2{margin:4px 0 6px;color:#192b49;font-size:18px}.settings-card-head p,.settings-backup p{margin:0;color:#72829a;font-size:13px;line-height:1.5}.settings-status{padding:6px 9px;border-radius:999px;background:#eaf8f0;color:#238356;font-size:11px;font-weight:750}.settings-grid{gap:14px 16px}.settings-grid label,.settings-terms-grid label{font-size:12px;font-weight:700;color:#53657e}.settings-grid input,.settings-grid select,.settings-terms-grid textarea{margin-top:6px;border-radius:9px}.settings-toggles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.settings-toggles label{display:flex;gap:10px;align-items:flex-start;padding:13px;border:1px solid #dbe5f3;border-radius:11px;background:#f8fbff;cursor:pointer}.settings-toggles input{width:auto;margin:3px 0 0;accent-color:#2c65e8}.settings-toggles span,.settings-toggles small{display:block}.settings-toggles b{font-size:13px;color:#203858}.settings-toggles small{margin-top:4px;color:#70809a;font-size:11px;line-height:1.4}.settings-terms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-terms-grid textarea{min-height:190px}.settings-backup{display:flex;align-items:center;justify-content:space-between;gap:22px;background:linear-gradient(120deg,#fbfcf8,#f4f8f1)!important}.settings-backup>div{min-width:0}.settings-backup-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:15px;font-size:12px}.settings-backup-meta span{color:#71807a}.settings-backup-meta b{color:#304b3c}.settings-backup-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.settings-backup-actions button:first-child{background:#285fdd;color:#fff;border-color:#285fdd}@media(max-width:900px){.settings-layout{grid-template-columns:1fr}.settings-card.settings-profile,.settings-card.settings-terms,.settings-card.settings-backup{grid-column:auto}.settings-hero{align-items:flex-start;flex-direction:column}.settings-hero-actions{justify-items:start}.settings-backup{align-items:flex-start;flex-direction:column}.settings-backup-actions{justify-content:flex-start}}@media(max-width:620px){.settings-hero{padding:20px}.settings-hero h2{font-size:19px}.settings-card{padding:17px!important}.settings-toggles,.settings-terms-grid{grid-template-columns:1fr}.settings-backup-actions{width:100%}.settings-backup-actions button{flex:1}.settings-card-head{flex-direction:column}.settings-status{align-self:flex-start}}
body[data-theme="dark"] .settings-hero{background:linear-gradient(120deg,#16263a,#18251d);border-color:#38516a}body[data-theme="dark"] .settings-hero h2{color:#eaf1ff}body[data-theme="dark"] .settings-hero p{color:#b8c7db}body[data-theme="dark"] .settings-hero-actions button{background:#1f2f3c;border-color:#47627c;color:#c8ddff}body[data-theme="dark"] .settings-card-head h2,body[data-theme="dark"] .settings-backup h2{color:#edf2eb}body[data-theme="dark"] .settings-card-head p,body[data-theme="dark"] .settings-backup p{color:#aeb9aa}body[data-theme="dark"] .settings-toggles label{background:#202a1e;border-color:#3b4b38}body[data-theme="dark"] .settings-toggles b{color:#edf2eb}body[data-theme="dark"] .settings-toggles small{color:#aeb9aa}body[data-theme="dark"] .settings-backup{background:linear-gradient(120deg,#1d291c,#182019)!important}body[data-theme="dark"] .settings-backup-meta b{color:#c8ddc8}


/* Settings integrations */
.settings-card.settings-connections{grid-column:1 / -1}.connection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.connection-item{padding:17px;border:1px solid #dbe5f3;border-radius:12px;background:#f8fbff;display:grid;gap:14px}.connection-item b{display:block;color:#203858;font-size:15px}.connection-item small{display:block;margin-top:6px;color:#6d7f99;font-size:12px;line-height:1.45;min-height:36px}.connection-actions{display:flex;gap:7px;flex-wrap:wrap}.connection-actions button{font-size:12px;padding:8px 10px}.connection-actions .primary{background:#2c65e8;border-color:#2c65e8;color:#fff}@media(max-width:900px){.settings-card.settings-connections{grid-column:auto}.connection-grid{grid-template-columns:1fr}}body[data-theme="dark"] .connection-item{background:#202a1e;border-color:#3b4b38}body[data-theme="dark"] .connection-item b{color:#edf2eb}body[data-theme="dark"] .connection-item small{color:#aeb9aa}


/* Mobile layout hardening */
@media(max-width:720px){
  html,body{width:100%;max-width:100%;overflow-x:clip}
  .shell main,#app,.panel,.toolbar,.pagehead,header,.dialog-title,.modalbar,.actions{min-width:0}
  header,.dialog-title,.modalbar{align-items:flex-start;flex-wrap:wrap;gap:10px}
  header>.actions,.dialog-title>.actions,.modalbar>.actions{width:100%;justify-content:flex-start;flex-wrap:wrap}
  .actions{gap:8px;flex-wrap:wrap}
  .actions button,.actions a.button,.settings-backup-actions button{min-height:42px}
  input,select,textarea{font-size:16px!important}
  .toolbar{gap:8px;flex-wrap:wrap}
  .toolbar input,.toolbar select{width:100%;min-width:0!important}
  .tablewrap{max-width:calc(100vw - 24px);overscroll-behavior-inline:contain}
  .document-card-foot,.client-card-foot{align-items:flex-start;flex-wrap:wrap}
  .document-card-foot .actions,.client-card-foot .actions{width:100%}
  .client-form{box-sizing:border-box;width:calc(100vw - 20px);max-height:calc(100dvh - 20px);margin:10px;padding:18px;overflow:auto}
  #preview{box-sizing:border-box;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}
  #preview .modalbar{position:sticky;top:0;z-index:3}
  .settings-hero-actions,.settings-backup-actions{width:100%;justify-items:start}
  .connection-actions{width:100%}
  .connection-actions button{flex:1 1 124px;min-height:40px}
  .scheduler-board{padding:10px}
  .scheduler-grid.week{max-width:calc(100vw - 44px)}
}
@media(max-width:370px){
  .shell main{padding-left:9px;padding-right:9px}
  .command-actions{grid-template-columns:minmax(0,1fr) repeat(3,38px)}
  .command-icon,.profile-menu{width:38px;height:38px}
  #mobileNav{padding-left:4px;padding-right:4px}
  #mobileNav button{min-width:43px;font-size:9px}
  .mobile-fab{width:54px!important;height:54px!important}
}


/* Mobile pipeline and action-bar correction */
.pipeline .lane h3{gap:7px;align-items:baseline}
@media(max-width:720px){
  .command-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .command-actions button{width:100%;min-width:0;height:42px}
  .command-actions .command-ai,.command-actions .command-new{font-size:12px!important;padding:0 7px}
  .command-actions .command-ai span,.command-actions .command-new span{display:inline}
  .command-actions .command-icon,.command-actions .profile-menu{width:100%;height:42px}
  .command-actions .command-logout{font-size:11px!important;padding:0 7px!important}
  .pipeline.advanced-pipeline{grid-template-columns:1fr;gap:12px;overflow:visible;padding:0;margin:0}
  .pipeline.advanced-pipeline .lane{min-width:0;min-height:0;padding:14px}
  .pipeline.advanced-pipeline .pipeline-dropzone header{align-items:center;margin-bottom:12px}
  .pipeline.advanced-pipeline .lane h3{margin:0;min-width:0;gap:7px;line-height:1.35}
  .pipeline.advanced-pipeline .lane h3 .counts{padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--line) 64%,transparent);font-size:11px}
  .pipeline.advanced-pipeline .pipeline-cards{gap:9px}
  .pipeline.advanced-pipeline .lead-card{min-width:0;margin:0;padding:14px}
  .pipeline.advanced-pipeline .lead-card-top{align-items:flex-start}
  .pipeline.advanced-pipeline .lead-card-top strong{min-width:0;overflow-wrap:anywhere}
  .pipeline.advanced-pipeline .client-card-stage{max-width:88px;text-align:right;line-height:1.35;overflow-wrap:anywhere}
  .pipeline.advanced-pipeline .pipeline-empty{padding:14px 10px}
}
@media(max-width:370px){
  .command-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* Separate the mobile command bar from dashboard actions. */
@media(max-width:720px){
  #commandBar .command-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:stretch}
  #commandBar .command-actions button{width:100%;min-width:0;height:44px}
  #commandBar .command-actions .command-ai{grid-column:1;background:#f7f9fd;border-color:#dce5f4;color:#23436f}
  #commandBar .command-actions .command-ai span{display:none!important}
  #commandBar .command-actions .command-new{grid-column:span 2;font-size:13px!important;padding:0 8px}
  #commandBar .command-actions .command-icon,#commandBar .command-actions .profile-menu{width:100%;height:44px}
  #commandBar .command-actions .command-logout{grid-column:span 2;font-size:12px!important;padding:0 8px!important}
  .command-hero .command-actions{display:flex!important;grid-template-columns:none!important;width:100%;gap:9px;align-items:stretch}
  .command-hero .command-actions button{width:auto!important;min-width:0;height:auto!important;min-height:52px;flex:1;padding:10px 8px;font-size:13px}
  .command-hero .command-actions .command-ai,.command-hero .command-actions .command-new,.command-hero .command-actions .command-logout{grid-column:auto!important}
}
@media(max-width:370px){
  #commandBar .command-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
  #commandBar .command-actions .command-new,#commandBar .command-actions .command-logout{grid-column:span 2}
}


/* Accounts collections queue */
.collections-panel{margin-top:20px}.collections-panel .dialog-title{align-items:flex-start}.collections-panel h2{margin:4px 0 6px}.collections-panel h3{margin:0 0 10px;font-size:14px;color:#29405f}.collection-summary{display:grid;justify-items:end;text-align:right}.collection-summary b{font-size:25px;color:#2860db}.collection-summary span{max-width:135px;color:var(--muted);font-size:11px;line-height:1.35}.collections-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.collection-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.collection-item:last-child{border-bottom:0}.collection-item span,.collection-item b,.collection-item small{display:block}.collection-item span{color:#71819a;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.collection-item>div:first-child b{margin:4px 0;color:#20324d;font-size:13px}.collection-item small{color:var(--muted);font-size:11px}.collection-amount{display:grid;justify-items:end;gap:7px;white-space:nowrap}.collection-amount>b{color:#285ed5;font-size:13px}.collection-item.is-overdue .collection-amount>b{color:#c75346}.collection-item.is-overdue>div:first-child b:after{content:'Overdue';display:inline-block;margin-left:7px;padding:2px 5px;border-radius:999px;background:#fff0ed;color:#b2473d;font-size:9px;font-weight:800;vertical-align:middle}body[data-theme="dark"] .collections-panel h3,body[data-theme="dark"] .collection-item>div:first-child b{color:#edf2eb}body[data-theme="dark"] .collection-summary b,body[data-theme="dark"] .collection-amount>b{color:#9bbcff}body[data-theme="dark"] .collection-item.is-overdue>div:first-child b:after{background:#452b28;color:#ffb9b0}@media(max-width:760px){.collections-panel .dialog-title{flex-direction:column}.collection-summary{justify-items:start;text-align:left;grid-template-columns:auto 1fr;align-items:center;gap:8px}.collection-summary span{max-width:none}.collections-grid{grid-template-columns:1fr;gap:18px}.collection-item{align-items:flex-start}.collection-amount{min-width:84px}}


/* Bank reconciliation */
.reconciliation-panel{margin-top:20px}.reconciliation-panel h2{margin:4px 0 6px}.reconciliation-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.reconciliation-stats>div{padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--bg)}.reconciliation-stats span,.reconciliation-stats b,.reconciliation-stats small{display:block}.reconciliation-stats span,.reconciliation-stats small{color:var(--muted);font-size:11px}.reconciliation-stats b{margin:6px 0;color:#245bd1;font-size:21px}.reconciled-button{background:#e8f8ef!important;border-color:#a8dfbc!important;color:#187346!important}body[data-theme="dark"] .reconciliation-stats>div{background:#202a1e;border-color:#3b4b38}body[data-theme="dark"] .reconciliation-stats b{color:#9cbcff}body[data-theme="dark"] .reconciled-button{background:#1d3d2b!important;border-color:#397f57!important;color:#a9e4bd!important}@media(max-width:760px){.reconciliation-panel .dialog-title{flex-direction:column}.reconciliation-stats{grid-template-columns:1fr}.reconciliation-panel .dialog-title .smallbtn{width:100%}}


/* Modern SaaS workspace and executive dark mode */
body[data-theme="light"]{--bg:#f5f7fb;--paper:#ffffff;--line:#e3eaf4;--ink:#15233a;--muted:#6d7c92;background:radial-gradient(circle at 100% 0,#e8f0ff 0,transparent 28%),#f5f7fb}
body[data-theme="light"] .shell aside{background:linear-gradient(180deg,#fff,#f8faff);border-right-color:#e2e9f4}
body[data-theme="light"] .sidehead{padding:2px 4px 12px;border-bottom:1px solid #edf1f7}
body[data-theme="light"] .shell aside nav button{min-height:44px;border-radius:11px;color:#5d6c81}
body[data-theme="light"] .shell aside nav button.active{background:linear-gradient(90deg,#eaf1ff,#f4f7ff);color:#255fd6;box-shadow:inset 3px 0 #2c65e8}
body[data-theme="light"] .commandbar{border-color:#e1e9f5;box-shadow:0 12px 28px #1e3b6b0d}
body[data-theme="light"] .command-new,body[data-theme="light"] .primary{background:linear-gradient(135deg,#2e6aed,#2458ce);border-color:#2e6aed;box-shadow:0 9px 18px #2c65e82b}
body[data-theme="light"] .panel,body[data-theme="light"] .stat,body[data-theme="light"] .document-card,body[data-theme="light"] .client-card{border-color:#e2e9f3;box-shadow:0 10px 24px #1d355d0b}
body[data-theme="light"] .command-card,body[data-theme="light"] .command-kpi{border-color:#e2e9f5;box-shadow:0 10px 25px #1d355d0c}
body[data-theme="light"] .command-hero{background:linear-gradient(125deg,#0e2151,#1e4fa9 60%,#3475ef)}
body[data-theme="light"] .command-kpi::after{opacity:.13}
body[data-theme="dark"]{--bg:#0b1220;--paper:#111b2d;--line:#263753;--ink:#ecf3ff;--muted:#a8b7cc;background:radial-gradient(circle at 92% 0,#1a3d7a66 0,transparent 33%),#0b1220}
body[data-theme="dark"] .shell aside{background:linear-gradient(180deg,#111d31,#0a1120 74%);border-right-color:#263753}
body[data-theme="dark"] .shell aside nav button.active{background:linear-gradient(90deg,#1b427e,#152945);box-shadow:inset 3px 0 #62a1ff}
body[data-theme="dark"] .commandbar{background:#111c2dec;border-color:#2b4263;box-shadow:0 16px 34px #02071366}
body[data-theme="dark"] .command-search{background:#0b1424;border-color:#2a4265}
body[data-theme="dark"] .command-new,body[data-theme="dark"] .primary{background:linear-gradient(135deg,#5b93ff,#336ee0);border-color:#669bff;color:#fff}
body[data-theme="dark"] .command-hero{background:linear-gradient(125deg,#091632,#132f67 56%,#245ec8)}
body[data-theme="dark"] .panel,body[data-theme="dark"] .stat,body[data-theme="dark"] .document-card,body[data-theme="dark"] .client-card{border-color:#263a57;box-shadow:0 15px 32px #02071342}
body[data-theme="dark"] .command-kpi,body[data-theme="dark"] .command-card{background:linear-gradient(145deg,#142038,#0f192b);border-color:#2a3f5d}
body[data-theme="dark"] .pipeline-step,body[data-theme="dark"] .client360-grid article{background:#16233b;border-color:#2b4262}
body[data-theme="dark"] .smart-insight{background:#122843;border-color:#234d72}
body[data-theme="dark"] .attention-card{background:#15233a;border-color:#2a4261}


/* Eric's Designs gold palette from the CRM logo. */
body[data-theme="light"]{--bg:#f8f5ed;--paper:#fffdf8;--line:#e8dfc5;--ink:#252619;--muted:#756f5d;background:radial-gradient(circle at 100% 0,#f0e4b8 0,transparent 29%),#f8f5ed}
body[data-theme="light"] .shell aside{background:linear-gradient(180deg,#fffdf8,#f5f0e1);border-right-color:#e6dcc1}
body[data-theme="light"] .shell aside nav button{color:#686353}
body[data-theme="light"] .shell aside nav button.active{background:linear-gradient(90deg,#f4e6b2,#fbf7ea);color:#765910;box-shadow:inset 3px 0 #c8aa3c}
body[data-theme="light"] .commandbar{background:#fffdf9eF;border-color:#e6dcc1;box-shadow:0 12px 28px #806b2612}
body[data-theme="light"] .command-search{background:#faf7ee;border-color:#e7ddc4}
body[data-theme="light"] .command-new,body[data-theme="light"] .primary{background:linear-gradient(135deg,#d3b647,#b8952d);border-color:#c5a239;color:#242316;box-shadow:0 9px 18px #b8952d31}
body[data-theme="light"] .command-new:hover,body[data-theme="light"] .primary:hover{background:linear-gradient(135deg,#e0c55c,#c09a2e);border-color:#c09a2e;color:#242316}
body[data-theme="light"] .panel,body[data-theme="light"] .stat,body[data-theme="light"] .document-card,body[data-theme="light"] .client-card{border-color:#e8dfc8;box-shadow:0 10px 24px #6c5b2210}
body[data-theme="light"] .command-card,body[data-theme="light"] .command-kpi{border-color:#e8dfc8;box-shadow:0 10px 25px #6c5b2210}
body[data-theme="light"] .command-hero{background:linear-gradient(125deg,#1c241b,#3d4826 56%,#9d8130)}
body[data-theme="light"] .eyebrow{color:#9a7721}
body[data-theme="light"] .command-ai{background:#3e4928;border-color:#59683a;color:#fff}
body[data-theme="dark"]{--bg:#11140f;--paper:#1a1e16;--line:#3d4330;--ink:#f3f0e4;--muted:#b6b29f;background:radial-gradient(circle at 90% 0,#8f742f42 0,transparent 32%),#11140f}
body[data-theme="dark"] .shell aside{background:linear-gradient(180deg,#202519,#11140f 74%);border-right-color:#414833}
body[data-theme="dark"] .shell aside nav button.active{background:linear-gradient(90deg,#5e5428,#2c321e);box-shadow:inset 3px 0 #e1c25c}
body[data-theme="dark"] .commandbar{background:#1a1e16ef;border-color:#4a4c34;box-shadow:0 16px 34px #00000056}
body[data-theme="dark"] .command-search{background:#11140f;border-color:#464b35}
body[data-theme="dark"] .command-new,body[data-theme="dark"] .primary{background:linear-gradient(135deg,#e1c25c,#b8902f);border-color:#e0c05a;color:#202016}
body[data-theme="dark"] .command-hero{background:linear-gradient(125deg,#151a12,#374021 58%,#8c7029)}
body[data-theme="dark"] .panel,body[data-theme="dark"] .stat,body[data-theme="dark"] .document-card,body[data-theme="dark"] .client-card{border-color:#3c4530}
body[data-theme="dark"] .command-kpi,body[data-theme="dark"] .command-card{background:linear-gradient(145deg,#20251a,#171b14);border-color:#3e4731}
body[data-theme="dark"] .smart-insight{background:#26311f;border-color:#53623b}

/* Theme contrast repair: keep every workspace surface readable in both modes. */
body[data-theme="light"] .lane{background:#f7f3e8;border-color:#e7dec6;color:#252619}
body[data-theme="light"] .lead-card,body[data-theme="light"] .client-form,body[data-theme="light"] .mailbox-panel,body[data-theme="light"] .mailbox-list,body[data-theme="light"] .mail-row,body[data-theme="light"] .mail-reader,body[data-theme="light"] .mail-detail,body[data-theme="light"] .notification-dialog,body[data-theme="light"] .mobile-sections{background:#fffdf8;border-color:#e8dfc5;color:#252619}
body[data-theme="light"] .mail-row:hover{background:#faf6ea}body[data-theme="light"] .mail-row.unread{background:#f6edcf;border-left-color:#c8aa3c}
body[data-theme="light"] .mail-row-top b,body[data-theme="light"] .mail-row h3,body[data-theme="light"] .settings-card-head h2,body[data-theme="light"] .settings-backup h2,body[data-theme="light"] .connection-item b{color:#252619}
body[data-theme="light"] .mail-row-top small,body[data-theme="light"] .mail-row p,body[data-theme="light"] .settings-card-head p,body[data-theme="light"] .settings-backup p,body[data-theme="light"] .connection-item small{color:#756f5d}
body[data-theme="light"] .settings-hero{background:linear-gradient(120deg,#fbf5de,#fffdf8);border-color:#e4d49d}body[data-theme="light"] .settings-hero h2{color:#3f371d}body[data-theme="light"] .settings-hero p,body[data-theme="light"] .settings-hero-actions span{color:#756f5d}body[data-theme="light"] .settings-hero-actions button{background:#fffdf8;border-color:#ddce9c;color:#6d5613}
body[data-theme="light"] .settings-toggles label,body[data-theme="light"] .connection-item{background:#faf7ee;border-color:#e8dfc5}body[data-theme="light"] .settings-grid label,body[data-theme="light"] .settings-terms-grid label{color:#5e5847}body[data-theme="light"] .settings-toggles b{color:#353123}body[data-theme="light"] .settings-toggles small{color:#756f5d}
body[data-theme="light"] .collection-summary b,body[data-theme="light"] .collection-amount>b,body[data-theme="light"] .reconciliation-stats b,body[data-theme="light"] .finance-progress i{color:#9a7721;background-color:#b8952d}
body[data-theme="light"] .reconciliation-stats b{background-color:transparent}body[data-theme="light"] .collection-item>div:first-child b,body[data-theme="light"] .collections-panel h3{color:#3e392c}
body[data-theme="light"] input,body[data-theme="light"] select,body[data-theme="light"] textarea{background:#fffdf8;border-color:#ded3b5;color:#252619}
body[data-theme="light"] .smallbtn,body[data-theme="light"] a.smallbtn{background:#fffdf8;border-color:#dcd0ad;color:#51492e}

body[data-theme="dark"] .panel,body[data-theme="dark"] .stat,body[data-theme="dark"] .document-card,body[data-theme="dark"] .client-card,body[data-theme="dark"] .lead-card,body[data-theme="dark"] .lane,body[data-theme="dark"] .client-form,body[data-theme="dark"] .mailbox-panel,body[data-theme="dark"] .mailbox-list,body[data-theme="dark"] .mail-row,body[data-theme="dark"] .mail-reader,body[data-theme="dark"] .mail-detail,body[data-theme="dark"] .notification-dialog,body[data-theme="dark"] .mobile-sections{background:#1a1e16;border-color:#3d4530;color:#f3f0e4}
body[data-theme="dark"] .lane{background:linear-gradient(180deg,#242a1d,#181c14)}body[data-theme="dark"] .lead-card{background:#151a12;border-color:#414a34}
body[data-theme="dark"] .mail-row:hover{background:#252b1e}body[data-theme="dark"] .mail-row.unread{background:#2c321e;border-left-color:#e1c25c}
body[data-theme="dark"] .mail-row-top b,body[data-theme="dark"] .mail-row h3,body[data-theme="dark"] .settings-card-head h2,body[data-theme="dark"] .settings-backup h2,body[data-theme="dark"] .connection-item b{color:#f3f0e4}
body[data-theme="dark"] .mail-row-top small,body[data-theme="dark"] .mail-row p,body[data-theme="dark"] .settings-card-head p,body[data-theme="dark"] .settings-backup p,body[data-theme="dark"] .connection-item small{color:#c4c0ad}
body[data-theme="dark"] .settings-hero{background:linear-gradient(120deg,#29311d,#1a1e16);border-color:#59613e}body[data-theme="dark"] .settings-hero h2{color:#f5edcf}body[data-theme="dark"] .settings-hero p,body[data-theme="dark"] .settings-hero-actions span{color:#c4c0ad}body[data-theme="dark"] .settings-hero-actions button{background:#242b1b;border-color:#626c45;color:#f0dc9a}
body[data-theme="dark"] .settings-toggles label,body[data-theme="dark"] .connection-item{background:#20261a;border-color:#424c33}body[data-theme="dark"] .settings-grid label,body[data-theme="dark"] .settings-terms-grid label{color:#d5d1bc}body[data-theme="dark"] .settings-toggles b{color:#f3f0e4}body[data-theme="dark"] .settings-toggles small{color:#c4c0ad}
body[data-theme="dark"] input,body[data-theme="dark"] select,body[data-theme="dark"] textarea{background:#11150f;border-color:#4b553b;color:#f3f0e4}
body[data-theme="dark"] table th{background:#252c1d;color:#e0dabe;border-bottom-color:#465039}body[data-theme="dark"] table td{border-bottom-color:#373f2d}
body[data-theme="dark"] .collection-summary b,body[data-theme="dark"] .collection-amount>b,body[data-theme="dark"] .reconciliation-stats b{color:#e4c763}body[data-theme="dark"] .reconciliation-stats>div{background:#20261a;border-color:#424c33}
body[data-theme="dark"] .command-ai{background:#354123;border-color:#68774a;color:#fff7da}@media(max-width:720px){body[data-theme="dark"] #commandBar .command-actions .command-ai{background:#354123;border-color:#68774a;color:#fff7da}}
body[data-theme="light"] .collection-summary b,body[data-theme="light"] .collection-amount>b,body[data-theme="light"] .reconciliation-stats b{background-color:transparent}
body[data-theme="light"] .finance-progress i{background:#b8952d}

/* Reports and dashboard KPI contrast. */
body[data-theme="dark"] .stats .stat{background:linear-gradient(145deg,#20261a,#1a1e16);border-color:#424c33;color:#f3f0e4}
body[data-theme="dark"] .stats .stat span,body[data-theme="dark"] .stats .stat small{color:#c8c4b1}
body[data-theme="dark"] .stats .stat strong{color:#f1d57c}
body[data-theme="dark"] .report-bar-value,body[data-theme="dark"] .totalrow b{color:#f3f0e4}

/* Full workspace contrast audit: prevent inherited light colors in dark mode. */
body[data-theme="dark"] #app :is(.panel,.stat,.document-card,.client-card,.lead-card,.lane,.client-form,.mailbox-panel,.mailbox-list,.mail-row,.mail-reader,.mail-detail,.notification-dialog,.settings-card,.connection-item,.template-card,.template-intro,.finance-forecast>div,.reconciliation-stats>div){color:#f3f0e4}
body[data-theme="dark"] #app :is(.panel,.stat,.document-card,.client-card,.lead-card,.lane,.client-form,.mailbox-panel,.mailbox-list,.mail-row,.mail-reader,.mail-detail,.notification-dialog,.settings-card,.connection-item,.template-card,.template-intro,.finance-forecast>div,.reconciliation-stats>div) :is(h1,h2,h3,h4,strong,b,.detail-number){color:#f3f0e4}
body[data-theme="dark"] #app :is(.panel,.stat,.document-card,.client-card,.lead-card,.lane,.client-form,.mailbox-panel,.mailbox-list,.mail-row,.mail-reader,.mail-detail,.notification-dialog,.settings-card,.connection-item,.template-card,.template-intro,.finance-forecast>div,.reconciliation-stats>div) :is(p,small,label,.sub,.hint,.counts,td,th){color:#c8c4b1}
body[data-theme="dark"] #app :is(.eyebrow,.calendar-event span,.template-steps b){color:#f0d57c}
body[data-theme="dark"] .ai-result{background:#151a12;border-color:#414a34;color:#f3f0e4}body[data-theme="dark"] .ai-status{background:#2a321f;color:#f1df9e}
body[data-theme="dark"] .bar-track{background:#3a4330}body[data-theme="dark"] .report-bar-track span{background:linear-gradient(180deg,#e1c25c,#b8902f)}
body[data-theme="dark"] .filter-buttons button.active{background:#d9bb50;color:#202016}body[data-theme="dark"] a.button{background:#242b1b;border-color:#5b6541;color:#f3f0e4}
body[data-theme="dark"] .template-steps b{background:#3d4a29}body[data-theme="dark"] .calendar-date{background:#30391f;color:#f4df8c}body[data-theme="dark"] .calendar-date small{color:#d5cfb8}
body[data-theme="light"] #app :is(.panel,.stat,.document-card,.client-card,.lead-card,.lane,.client-form,.mailbox-panel,.mailbox-list,.mail-row,.mail-reader,.mail-detail,.notification-dialog,.settings-card,.connection-item,.template-card,.template-intro,.finance-forecast>div,.reconciliation-stats>div){color:#252619}
body[data-theme="light"] #app :is(.panel,.stat,.document-card,.client-card,.lead-card,.lane,.client-form,.mailbox-panel,.mailbox-list,.mail-row,.mail-reader,.mail-detail,.notification-dialog,.settings-card,.connection-item,.template-card,.template-intro,.finance-forecast>div,.reconciliation-stats>div) :is(h1,h2,h3,h4,strong,b,.detail-number){color:#252619}
body[data-theme="light"] #app :is(.panel,.stat,.document-card,.client-card,.lead-card,.lane,.client-form,.mailbox-panel,.mailbox-list,.mail-row,.mail-reader,.mail-detail,.notification-dialog,.settings-card,.connection-item,.template-card,.template-intro,.finance-forecast>div,.reconciliation-stats>div) :is(p,small,label,.sub,.hint,.counts,td,th){color:#756f5d}

/* Make lead-card navigation explicit and reliable on both pointer and touch devices. */
.advanced-pipeline .lead-card[role="link"]{cursor:pointer;touch-action:manipulation}
.advanced-pipeline .lead-card[role="link"]:focus-visible{outline:3px solid #3b82f6;outline-offset:3px}
.pipeline-open-profile{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);font-weight:650;cursor:pointer}
.pipeline-open-profile:hover{border-color:#3b82f6;color:#2563eb}
body[data-theme="light"] .stats .stat strong{color:#252619}

/* Automation centre and lead scoring. */
.automation-rules{margin:0 0 20px}.automation-rule-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.automation-rule{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--bg)}.automation-rule b{display:block}.automation-rule p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.automation-rule.is-paused{opacity:.62}.lead-score{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800}.lead-score.hot{background:#fee0d7;color:#a44028}.lead-score.warm{background:#f8edbf;color:#795c06}.lead-score.cold{background:#dcecff;color:#205aa8}.automation-lead{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.automation-lead:last-child{border-bottom:0}.automation-lead b,.automation-lead small{display:block}.automation-lead small{margin-top:4px;color:var(--muted);font-size:12px}.score-signals{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.score-signals span{padding:6px 9px;border-radius:999px;background:var(--bg);border:1px solid var(--line);font-size:12px;color:var(--muted)}.lead-score-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 20px!important}.lead-score-summary h2{margin:4px 0 6px}.lead-score-summary .lead-score{font-size:14px;padding:8px 13px}@media(max-width:760px){.automation-rule-list{grid-template-columns:1fr}.automation-rule{align-items:flex-start;flex-direction:column}.lead-score-summary{align-items:flex-start}.lead-score-summary .lead-score{align-self:flex-start}}
body[data-theme="dark"] .automation-rule{background:#20261a;border-color:#424c33}body[data-theme="dark"] .automation-rule p,body[data-theme="dark"] .automation-lead small{color:#c8c4b1}body[data-theme="dark"] .score-signals span{background:#20261a;border-color:#424c33;color:#d5d0ba}body[data-theme="dark"] .lead-score.hot{background:#5a2d23;color:#ffc6b5}body[data-theme="dark"] .lead-score.warm{background:#51431d;color:#f2dc84}body[data-theme="dark"] .lead-score.cold{background:#1d3851;color:#b9d9ff}

/* Desktop horizontal navigation. */
.desktop-more-menu{width:min(720px,94vw);padding:24px;border:1px solid var(--line);color:var(--ink);background:var(--paper)}.desktop-more-menu::backdrop{background:#10140f88;backdrop-filter:blur(3px)}.desktop-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.desktop-more-grid button{display:flex;align-items:center;gap:10px;text-align:left;min-height:50px;padding:11px 12px;border-radius:11px;background:var(--bg);border:1px solid var(--line);color:var(--ink);font-weight:700}.desktop-more-grid button:hover,.desktop-more-grid button.active{background:#f1e5b6;border-color:#c7a73a;color:#4b3c0c}.desktop-more-grid button span{display:grid;place-items:center;width:22px;color:#b8952d}.desktop-more-grid svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:1024px){.shell,.shell.sidebar-collapsed{display:block;min-height:100vh}.shell aside{position:sticky;top:0;z-index:80;display:flex;align-items:center;gap:22px;min-height:76px;padding:10px 28px;background:linear-gradient(100deg,#1b2117,#12170f);border-right:0;border-bottom:1px solid #414832;overflow:visible}.shell aside .sidehead{flex:0 0 auto}.shell aside .brand,.shell.sidebar-collapsed .brand{display:block}.shell aside .brand.brand-logo img{width:144px;max-width:144px;height:auto}.shell aside .sidebar-toggle{display:none}.shell aside nav{display:flex;align-items:center;flex:1;gap:5px;min-width:0;overflow-x:auto;scrollbar-width:none}.shell aside nav::-webkit-scrollbar{display:none}.shell aside nav button,.shell.sidebar-collapsed nav button{display:flex;justify-content:center;flex:0 0 auto;min-height:42px;padding:9px 11px;border-radius:9px;font-size:13px;white-space:nowrap}.shell aside .nav-label,.shell.sidebar-collapsed .nav-label{display:inline}.shell aside footer,.shell.sidebar-collapsed aside footer{display:none}.shell main{max-width:1760px;margin:0 auto;padding:20px 34px 38px}.shell.sidebar-collapsed .sidehead{justify-content:flex-start}}
body[data-theme="light"] .desktop-more-menu{background:#fffdf8;border-color:#e4d6ad}body[data-theme="light"] .desktop-more-grid button{background:#faf7ee;border-color:#e8dfc5;color:#443d2d}body[data-theme="light"] .desktop-more-grid button:hover,body[data-theme="light"] .desktop-more-grid button.active{background:#f4e6b2;border-color:#c8aa3c;color:#5d4910}
body[data-theme="dark"] .desktop-more-menu{background:#1a1e16;border-color:#4a5338}body[data-theme="dark"] .desktop-more-grid button{background:#20261a;border-color:#424c33;color:#f3f0e4}body[data-theme="dark"] .desktop-more-grid button:hover,body[data-theme="dark"] .desktop-more-grid button.active{background:#3d4728;border-color:#d6bb57;color:#fff4c7}
@media(max-width:760px){.desktop-more-grid{grid-template-columns:1fr}.desktop-more-menu{width:100vw;max-width:100vw;margin:0;border-radius:18px 18px 0 0;align-self:end}}
@media(min-width:1024px){.shell aside{flex-direction:row!important;height:auto!important}}

/* Advanced workspace navigation controls. */
.nav-count{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#db705b;color:#fff;font-size:10px;font-weight:900;line-height:1}.nav-status{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:11px;color:var(--muted)}.nav-status-dot{width:7px;height:7px;border-radius:50%;background:#ef7c65;box-shadow:0 0 0 3px #ef7c6524}.nav-status-dot.online{background:#3ab980;box-shadow:0 0 0 3px #3ab98024}.nav-status-sep{opacity:.45}.navbar-compact-toggle{display:none}.workspace-breadcrumb{display:flex;align-items:center;gap:7px;margin:0 0 9px;color:var(--muted);font-size:11px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.workspace-breadcrumb button{padding:0;background:transparent;border:0;color:inherit;font:inherit;cursor:pointer}.workspace-breadcrumb button:hover{color:var(--accent)}.desktop-more-groups{display:grid;gap:18px}.desktop-more-groups h3{margin:0 0 8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.desktop-more-item{display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:6px}.desktop-more-item .favorite-toggle{justify-content:center;padding:0!important;min-height:50px!important;color:#b8952d!important}.desktop-more-item .favorite-toggle.is-favorite{background:#f4e6b2!important;border-color:#c8aa3c!important;color:#5d4910!important}.quick-create-menu{width:min(660px,94vw);padding:24px;background:var(--paper);color:var(--ink);border:1px solid var(--line)}.quick-create-menu::backdrop,.command-palette::backdrop{background:#0d120b88;backdrop-filter:blur(4px)}.quick-create-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.quick-create-grid button{display:flex;align-items:center;gap:10px;min-height:54px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font-weight:750;text-align:left}.quick-create-grid button:hover{background:#f1e5b6;border-color:#c7a73a;color:#4b3c0c}.quick-create-grid button span{display:grid;place-items:center;width:22px;font-size:18px;color:#b8952d}.command-palette{width:min(650px,94vw);padding:12px;background:var(--paper);border:1px solid var(--line);color:var(--ink)}.command-palette-search{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.command-palette-search span{font-size:20px;color:var(--muted)}.command-palette-search input{flex:1;min-width:0;padding:9px 0;border:0!important;background:transparent!important;box-shadow:none!important}.command-palette-search kbd{padding:3px 6px;border:1px solid var(--line);border-radius:5px;color:var(--muted);font-size:10px}.command-palette #commandPaletteResults{display:grid;gap:3px;max-height:55vh;overflow:auto;padding:10px 0}.command-palette #commandPaletteResults button{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 12px;border:0;border-radius:9px;background:transparent;color:var(--ink);text-align:left}.command-palette #commandPaletteResults button:hover{background:#f1e5b6;color:#4b3c0c}.command-palette #commandPaletteResults small{color:var(--muted);white-space:nowrap}.command-palette .hint{margin:4px 6px 2px}
@media(min-width:1024px){.shell aside #navbarStatus{display:flex;order:4;margin-left:auto}.shell aside nav{order:2;flex:1}.shell aside .navbar-compact-toggle{display:grid;place-items:center;order:3;flex:0 0 auto;width:34px;height:34px;padding:0;border-radius:9px;border:1px solid #5b6445;background:#252b1d;color:#eee4bd;font-size:17px}.shell aside .navbar-compact-toggle:hover{background:#3a4329}.navbar-compact .shell aside{min-height:60px;padding-top:7px;padding-bottom:7px}.navbar-compact .shell aside .brand.brand-logo img{width:112px}.navbar-compact .shell aside nav button{min-width:40px;padding:8px}.navbar-compact .shell aside .nav-label{display:none!important}.navbar-compact .shell aside nav button .nav-icon{margin:0}.navbar-compact .shell aside nav button .nav-count{position:absolute;top:3px;right:3px}.navbar-compact .shell aside nav button{position:relative}.navbar-compact .shell aside #navbarStatus{display:none}.navbar-compact .shell main{padding-top:16px}}
body[data-theme="dark"] .quick-create-menu,body[data-theme="dark"] .command-palette{background:#1a1e16;border-color:#4a5338;color:#f3f0e4}body[data-theme="dark"] .quick-create-grid button{background:#20261a;border-color:#424c33;color:#f3f0e4}body[data-theme="dark"] .quick-create-grid button:hover,body[data-theme="dark"] .command-palette #commandPaletteResults button:hover{background:#3d4728;border-color:#d6bb57;color:#fff4c7}body[data-theme="dark"] .command-palette-search{background:#11150f;border-color:#4b553b}body[data-theme="light"] .quick-create-menu,body[data-theme="light"] .command-palette{background:#fffdf8;border-color:#e4d6ad;color:#252619}body[data-theme="light"] .quick-create-grid button{background:#faf7ee;border-color:#e8dfc5;color:#443d2d}body[data-theme="light"] .quick-create-grid button:hover,body[data-theme="light"] .command-palette #commandPaletteResults button:hover{background:#f4e6b2;border-color:#c8aa3c;color:#5d4910}
@media(max-width:1260px){.nav-status{display:none!important}}@media(max-width:760px){.quick-create-grid{grid-template-columns:1fr 1fr}.quick-create-menu,.command-palette{width:100vw;max-width:100vw;margin:0;border-radius:18px 18px 0 0;align-self:end}.command-palette #commandPaletteResults button{padding:12px 8px}.command-palette #commandPaletteResults small{max-width:42%;overflow:hidden;text-overflow:ellipsis}.workspace-breadcrumb{margin-top:4px}}

/* Jarvis CRM assistant. */
.jarvis-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 32px;margin-bottom:20px;border:1px solid #4965c8;border-radius:18px;color:#fff;background:radial-gradient(circle at 85% 25%,#72a5ff55 0,transparent 25%),linear-gradient(125deg,#101b51,#2351b8 68%,#59a4d8)}.jarvis-hero h2{margin:7px 0 10px;font-size:30px;color:#fff}.jarvis-hero p{max-width:720px;margin:0;color:#e5efff;line-height:1.65}.jarvis-orb{display:grid;place-items:center;flex:0 0 auto;width:86px;height:86px;border-radius:50%;border:1px solid #d9e8ff99;background:radial-gradient(circle at 35% 30%,#fff,#9ccaff 30%,#3769e7 60%,#152b79);box-shadow:0 0 0 10px #dbe9ff1a,0 0 36px #9fc9ff99}.jarvis-orb span{font-size:31px;color:#fff;text-shadow:0 0 12px #fff}.jarvis-command-panel{margin:20px 0}.jarvis-command-row{display:flex;gap:10px}.jarvis-command-row input{flex:1;min-width:0}.jarvis-result{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:flex-start;min-height:92px;margin-top:18px;padding:17px;border:1px solid #cddcf5;border-radius:14px;background:linear-gradient(135deg,#eef5ff,#fbfdff)}.jarvis-result-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#1f51bd,#68a9e1);font-size:20px}.jarvis-result h3{margin:4px 0 5px}.jarvis-result p{margin:0;color:var(--muted);line-height:1.55}.jarvis-result .actions{margin-top:12px}.jarvis-safety{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.jarvis-safety span{padding:8px 11px;border-radius:999px;background:#edf6ef;color:#23673e;font-size:12px;font-weight:700}body[data-theme="dark"] .jarvis-result{background:#172238;border-color:#405b86}body[data-theme="dark"] .jarvis-result p{color:#c9d5e7}body[data-theme="dark"] .jarvis-safety span{background:#213528;color:#c3ebcc}@media(max-width:720px){.jarvis-hero{padding:24px;align-items:flex-start}.jarvis-hero h2{font-size:25px}.jarvis-orb{width:58px;height:58px}.jarvis-command-row{flex-direction:column}.jarvis-command-row button{width:100%}.jarvis-result{grid-template-columns:36px 1fr}.jarvis-result-icon{width:36px;height:36px}}
.jarvis-assistant-panel{width:min(700px,94vw);padding:25px;background:var(--paper);color:var(--ink);border:1px solid var(--line)}.jarvis-assistant-panel::backdrop{background:#0a1030a8;backdrop-filter:blur(4px)}.jarvis-modal-brief{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid #cddcf5;border-radius:13px;background:#edf5ff}.jarvis-modal-brief>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;background:#285bc5}.jarvis-modal-brief p{flex:1;margin:0;color:#334b70;font-size:13px;line-height:1.5}body[data-theme="dark"] .jarvis-assistant-panel{background:#1a1e16;border-color:#4a5338;color:#f3f0e4}body[data-theme="dark"] .jarvis-modal-brief{background:#172238;border-color:#405b86}body[data-theme="dark"] .jarvis-modal-brief p{color:#d1def1}@media(max-width:720px){.jarvis-modal-brief{align-items:flex-start;flex-wrap:wrap}.jarvis-modal-brief button{margin-left:47px}}

.quotation-opportunity.draggable-opportunity{cursor:grab}.quotation-opportunity.draggable-opportunity:active{cursor:grabbing}.quotation-opportunity.completed-opportunity{cursor:pointer;border-style:solid}

/* PDF Studio workspace */
.pdf-studio-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin:0 0 18px}.pdf-studio-header h1{margin:5px 0 8px}.pdf-studio-header p{max-width:620px;margin:0;color:var(--muted)}.pdf-studio-status{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #a9c9ac;border-radius:999px;color:#2c6d42;background:#edf8ee;font-size:12px;font-weight:700}.pdf-studio-status span{width:7px;height:7px;border-radius:50%;background:#3d9b57}.pdf-studio-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.pdf-studio-tabs button{padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font-weight:750}.pdf-studio-tabs button.active{border-color:#b8952d;background:#f1e5b6;color:#493b0e}.pdf-studio-grid{display:grid;grid-template-columns:minmax(340px,.88fr) minmax(420px,1.12fr);gap:18px}.pdf-studio-controls label{display:grid;gap:6px;margin:0 0 13px;font-size:12px;font-weight:750;color:var(--muted)}.pdf-studio-controls input,.pdf-studio-controls textarea{margin:0}.pdf-studio-controls textarea{min-height:64px;resize:vertical}.pdf-studio-preview-wrap{overflow:hidden}.pdf-studio-paper{min-height:560px;padding:var(--pdf-padding);border:1px solid #ddd9cc;background:#fff;color:#172033;box-shadow:0 10px 30px #2225;font-family:Arial,sans-serif}.pdf-studio-paper-head,.pdf-studio-paper-meta{display:flex;justify-content:space-between;gap:20px}.pdf-studio-brand{font-family:Georgia,serif;font-size:24px;font-weight:800;letter-spacing:.03em}.pdf-studio-paper small,.pdf-studio-paper span{display:block;font-size:11px;line-height:1.5;color:#536071}.pdf-studio-paper-title{text-align:right}.pdf-studio-paper-title b{display:block;font-size:21px;letter-spacing:.09em}.pdf-studio-rule{height:2px;margin:26px 0 28px;background:var(--pdf-accent)}.pdf-studio-paper-meta b,.pdf-studio-section{display:block;margin:0 0 12px;color:var(--pdf-accent);font-size:11px;letter-spacing:.11em}.pdf-studio-paper-meta strong{display:block;margin:8px 0 2px}.pdf-studio-paper-meta>div:last-child{text-align:right}.pdf-studio-section{margin-top:38px}.pdf-studio-table{display:grid;grid-template-columns:36px minmax(0,1fr) 48px 76px 82px;margin-top:12px;border-bottom:1px solid #c7c9c4}.pdf-studio-table>*{padding:12px 8px;font-size:10px}.pdf-studio-table b{color:#fff;background:var(--pdf-table);font-size:9px}.pdf-studio-table b:nth-child(n+3),.pdf-studio-table span:nth-child(n+8){text-align:right}.pdf-studio-total{display:flex;justify-content:flex-end;gap:32px;padding:18px 8px;font-size:12px}.pdf-studio-footer{margin-top:88px;border-top:1px solid var(--pdf-accent);padding-top:16px}.pdf-studio-footer em{display:block;font-size:12px}.pdf-studio-help{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:15px;align-items:start;margin-top:18px}.pdf-studio-help h2{margin:5px 0 0}.pdf-studio-help b,.pdf-studio-help span{display:block}.pdf-studio-help span{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.4}body[data-theme="dark"] .pdf-studio-tabs button{background:#20261a;border-color:#424c33;color:#f3f0e4}body[data-theme="dark"] .pdf-studio-tabs button.active{background:#3d4728;border-color:#d6bb57;color:#fff4c7}body[data-theme="dark"] .pdf-studio-status{background:#203426;border-color:#477a52;color:#bfe7c6}@media(max-width:900px){.pdf-studio-grid{grid-template-columns:1fr}.pdf-studio-paper{min-height:500px}.pdf-studio-help{grid-template-columns:1fr 1fr}.pdf-studio-help>div:first-child{grid-column:1/-1}}@media(max-width:560px){.pdf-studio-header{flex-direction:column}.pdf-studio-paper{padding:24px;min-height:470px}.pdf-studio-brand{font-size:18px}.pdf-studio-paper-title b{font-size:15px}.pdf-studio-table{grid-template-columns:24px minmax(0,1fr) 32px 52px 56px}.pdf-studio-table>*{padding:9px 3px;font-size:8px}.pdf-studio-table b{font-size:7px}.pdf-studio-help{grid-template-columns:1fr}.pdf-studio-help>div:first-child{grid-column:auto}}
.pdf-studio-format-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px}.pdf-studio-format-cards button{display:flex;align-items:center;gap:10px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);text-align:left}.pdf-studio-format-cards button.active{border-color:#b8952d;background:#f1e5b6;color:#493b0e;box-shadow:0 5px 15px #b8952d20}.pdf-format-icon{display:grid;place-items:center;flex:0 0 auto;width:30px;height:34px;border-radius:8px;background:#eae6d8;color:#9a751b;font-weight:900;font-size:17px}.pdf-studio-format-cards b,.pdf-studio-format-cards small{display:block}.pdf-studio-format-cards b{font-size:12px}.pdf-studio-format-cards small{margin-top:3px;color:var(--muted);font-size:10px}.pdf-studio-format-cards i{margin-left:auto;color:#9a751b;font-size:10px;font-style:normal;font-weight:800}body[data-theme="dark"] .pdf-studio-format-cards button{background:#20261a;border-color:#424c33;color:#f3f0e4}body[data-theme="dark"] .pdf-studio-format-cards button.active{background:#3d4728;border-color:#d6bb57;color:#fff4c7}body[data-theme="dark"] .pdf-format-icon{background:#30391f;color:#f0d57c}@media(max-width:1000px){.pdf-studio-format-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.pdf-studio-format-cards{grid-template-columns:1fr}}
.pdf-studio-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pdf-studio-gallery-card{display:block;width:100%;padding:14px;border:1px solid var(--line);border-radius:12px;background:#f6f6f2;color:#25251f;text-align:left;overflow:hidden}.pdf-studio-gallery-card.selected{border-color:#b8952d;box-shadow:0 0 0 2px #b8952d35}.pdf-studio-gallery-card>b{display:block;margin:0 0 10px;color:#5d4b20;font-size:13px}.pdf-studio-gallery-card .pdf-studio-paper{width:100%;min-height:0;margin:0;padding:20px;box-shadow:none;transform:none;font-size:9px}.pdf-studio-gallery-card .pdf-studio-paper-head{gap:8px}.pdf-studio-gallery-card .pdf-studio-brand{font-size:12px}.pdf-studio-gallery-card .pdf-studio-paper-title b{font-size:11px}.pdf-studio-gallery-card .pdf-studio-paper small,.pdf-studio-gallery-card .pdf-studio-paper span{font-size:7px}.pdf-studio-gallery-card .pdf-studio-rule{margin:12px 0}.pdf-studio-gallery-card .pdf-studio-paper-meta b,.pdf-studio-gallery-card .pdf-studio-section{margin-bottom:6px;font-size:7px}.pdf-studio-gallery-card .pdf-studio-section{margin-top:16px}.pdf-studio-gallery-card .pdf-studio-table{grid-template-columns:18px minmax(0,1fr) 24px 44px 48px;margin-top:6px}.pdf-studio-gallery-card .pdf-studio-table>*{padding:6px 2px;font-size:6px}.pdf-studio-gallery-card .pdf-studio-table b{font-size:6px}.pdf-studio-gallery-card .pdf-studio-total{gap:10px;padding:9px 2px;font-size:8px}.pdf-studio-balance{margin-top:6px;font-size:7px;color:#5d5034}.pdf-studio-gallery-card .pdf-studio-footer{margin-top:26px;padding-top:8px;font-size:7px}.pdf-studio-gallery-card .pdf-studio-footer em{font-size:7px}@media(max-width:850px){.pdf-studio-gallery{grid-template-columns:1fr}}
.word-template-downloads{display:flex;justify-content:space-between;gap:22px;align-items:center;margin-top:18px}.word-template-downloads h2{margin:5px 0}.word-template-downloads p{max-width:530px;margin:0;color:var(--muted)}.word-template-actions{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:8px;min-width:380px}.word-template-actions a{display:block;padding:10px 12px;border:1px solid #d7c486;border-radius:9px;background:#fff8df;color:#4d3e10;font-size:12px;font-weight:800;text-decoration:none}.word-template-actions small{display:block;margin-top:3px;color:#806c32;font-size:10px;font-weight:600}@media(max-width:900px){.word-template-downloads{display:block}.word-template-actions{min-width:0;margin-top:14px}}@media(max-width:520px){.word-template-actions{grid-template-columns:1fr}}
.quotation-lineitem{grid-template-columns:minmax(0,1fr) minmax(160px,.34fr) 40px}.quotation-services th:nth-child(1){width:46px}.quotation-services th:nth-child(2){width:24%}.quotation-services th:nth-child(4){width:18%}.tailored-note{text-align:right;font-style:italic;margin:14px 0 22px}@media(max-width:700px){.quotation-lineitem{grid-template-columns:1fr}.quotation-services{font-size:11px}}
.pdf-reference-preview{min-height:0;padding:24px}.pdf-reference-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.pdf-reference-head>div:last-child{text-align:right}.pdf-reference-head>div:last-child>b{display:block;font-size:17px;letter-spacing:.08em}.pdf-reference-logo{min-height:46px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.pdf-reference-logo img{display:block;width:154px;max-height:38px;object-fit:contain;object-position:left center}.pdf-reference-logo small,.pdf-reference-head small{display:block;margin-top:4px;font:8px/1.45 Arial,sans-serif;color:#536071}.pdf-reference-meta{display:flex;justify-content:space-between;gap:16px;margin-top:18px}.pdf-reference-meta b,.pdf-reference-meta strong,.pdf-reference-meta span{display:block}.pdf-reference-meta b,.pdf-reference-terms>b{font-size:8px;letter-spacing:.09em;color:var(--pdf-accent)}.pdf-reference-meta strong{margin-top:7px;font-size:9px}.pdf-reference-meta span{font-size:8px;line-height:1.5}.pdf-reference-meta>div:last-child{text-align:right}.pdf-reference-table{display:grid;margin-top:7px;border-bottom:1px solid #c7c9c4}.pdf-reference-table.columns-4{grid-template-columns:28px 1fr 1.45fr 70px}.pdf-reference-table.columns-5{grid-template-columns:22px 1fr 30px 58px 64px}.pdf-reference-table.columns-3{grid-template-columns:60px 1fr 76px}.pdf-reference-table>*{padding:7px 4px;font-size:7px}.pdf-reference-table>b{background:var(--pdf-table);color:#fff;font-size:6px}.pdf-reference-table>*:last-child,.pdf-reference-table>*:nth-child(4),.pdf-reference-table.columns-5>*:nth-child(3),.pdf-reference-table.columns-5>*:nth-child(4){text-align:right}.pdf-reference-tailored{display:block;margin:9px 0;text-align:right;font-size:7px}.pdf-reference-totals{margin:10px 0 0 auto;width:150px;text-align:right;font-size:8px;line-height:1.65}.pdf-reference-totals b{display:inline-block;min-width:80px}.pdf-reference-totals strong{font-size:9px}.pdf-reference-terms{margin-top:18px;border-top:1px solid var(--pdf-accent);padding-top:9px}.pdf-reference-terms span{display:block;margin-top:6px;font-size:7px;line-height:1.4}.pdf-reference-preview .pdf-studio-footer{margin-top:22px;padding-top:8px}.pdf-reference-preview .pdf-studio-footer em{font-size:7px}@media(max-width:560px){.pdf-reference-preview{padding:16px}.pdf-reference-table.columns-4{grid-template-columns:20px .8fr 1.2fr 52px}.pdf-reference-table.columns-5{grid-template-columns:16px 1fr 20px 40px 44px}.pdf-reference-table>*{padding:5px 1px;font-size:5px}.pdf-reference-table>b{font-size:5px}}
.native-pdf-preview{width:min(1120px,96vw);height:min(78vh,980px);padding:0;background:#edf0e9}.native-pdf-preview iframe{display:block;width:100%;height:100%;border:0;background:#fff}.modalbar small{display:block;margin-top:3px;color:var(--muted);font-weight:400}

/* Compact transaction actions without hiding receipt or edit controls. */
.ledger-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:210px}.ledger-actions .smallbtn{margin:0;white-space:nowrap}.ledger-empty{color:var(--muted,#a7aa9c)}
@media (max-width:900px){.ledger-actions{min-width:180px}.ledger-actions .smallbtn{font-size:12px;padding:7px 9px}}

.finance-actions-panel{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(420px,1.3fr);gap:24px;align-items:start}.finance-action-groups{display:grid;gap:14px}.finance-action-groups>div{display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:center}.finance-action-groups>div>span{font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.finance-action-groups .actions{gap:8px}.finance-action-groups .actions button{margin:0}@media(max-width:900px){.finance-actions-panel{grid-template-columns:1fr;gap:16px}.finance-action-groups>div{grid-template-columns:1fr;gap:8px}.finance-action-groups .actions button{flex:1 1 145px}}
.finance-summary-note{margin:0;color:var(--muted);font-size:14px;font-weight:600}.finance-actions-panel{grid-template-columns:minmax(310px,.7fr) minmax(600px,1.3fr)}.finance-action-groups>div{grid-template-columns:180px minmax(0,1fr)}.finance-action-groups>div>span{white-space:nowrap}.finance-action-groups .actions{justify-content:flex-start}@media(max-width:1100px){.finance-actions-panel{grid-template-columns:1fr}.finance-action-groups>div{grid-template-columns:1fr}.finance-action-groups>div>span{white-space:normal}}

/* Keep Accounts finance controls in a predictable desktop row and a compact mobile grid. */
.finance-actions-panel{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr);gap:28px;align-items:center}
.finance-actions-copy,.finance-actions-controls{min-width:0}
.finance-actions-copy h2{margin:4px 0 8px}
.finance-actions-copy .sub{max-width:520px;margin:0;line-height:1.55}
.finance-actions-controls{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:10px}
.finance-actions-controls>button{flex:0 0 auto;white-space:nowrap}
.finance-actions-controls .finance-actions-menu{width:auto;min-width:190px;max-width:240px;flex:0 1 220px;margin:0}
@media(max-width:1100px){.finance-actions-panel{grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}.finance-actions-controls{justify-content:flex-start}}
@media(max-width:720px){.finance-actions-panel{gap:14px}.finance-actions-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.finance-actions-controls>button{width:100%;min-width:0;padding-inline:8px}.finance-actions-controls .finance-actions-menu{grid-column:1/-1;width:100%;max-width:none;min-width:0}}


/* Initial workspace loading state */
.crm-loader{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 42%,#1b4168 0,#102944 42%,#09182b 100%);color:#f7fbff;opacity:1;transition:opacity .38s ease,visibility .38s ease}
.crm-loader.is-ready{opacity:0;visibility:hidden;pointer-events:none}
.crm-loader-card{display:grid;justify-items:center;gap:13px;text-align:center}.crm-loader-card img{width:min(190px,58vw);height:52px;object-fit:contain;filter:brightness(0) invert(1)}.crm-loader-card strong{font-size:18px;letter-spacing:.01em}.crm-loader-card span{font-size:13px;color:#bbcee2}.crm-loader-orbit{position:relative;width:56px;height:56px}.crm-loader-orbit i{position:absolute;inset:0;border:2px solid transparent;border-top-color:#75b7fb;border-radius:50%;animation:crm-loader-spin 1s linear infinite}.crm-loader-orbit i:nth-child(2){inset:8px;border-top-color:#fff;animation-duration:.78s;animation-direction:reverse}.crm-loader-orbit i:nth-child(3){inset:17px;border-top-color:#78d5c3;animation-duration:.58s}@keyframes crm-loader-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.crm-loader-orbit i{animation:none}.crm-loader{transition:none}}

/* Clear grouped quick-create menu */
.quick-create-groups{display:grid;gap:18px}.quick-create-groups section{padding:14px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--bg) 58%,var(--paper))}.quick-create-groups h3{margin:0 0 10px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}body[data-theme="dark"] .quick-create-groups section{background:#151b13;border-color:#45503a}body[data-theme="light"] .quick-create-groups section{background:#fafcff;border-color:#e0e8f1}@media(max-width:760px){.quick-create-groups{gap:12px}.quick-create-groups section{padding:12px}}

/* Reliable compact controls on mobile */
.command-refresh{font-size:21px!important;font-weight:800;line-height:1}.command-refresh[aria-busy="true"]{opacity:.58;pointer-events:none}@media(max-width:720px){#commandBar .command-actions{grid-template-columns:repeat(5,minmax(0,1fr))!important}#commandBar .command-actions .command-new{grid-column:span 2!important}#commandBar .command-actions .command-icon,#commandBar .command-actions .profile-menu{grid-column:span 1!important}#commandBar .command-actions .command-refresh{font-size:20px!important}}@media(max-width:370px){#commandBar .command-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important}#commandBar .command-actions .command-new{grid-column:span 2!important}}
/* Mobile navigation: aligned Create action and contained More workspace sheet. */
@media(max-width:720px){
  #mobileNav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;justify-items:stretch;gap:0;padding-left:6px;padding-right:6px;overflow:visible}
  #mobileNav button{width:100%;min-width:0;height:58px;padding:5px 2px;align-content:center}
  #mobileNav .mobile-fab{position:static;top:auto;width:100%!important;height:58px!important;transform:none;margin:0;border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;color:inherit!important;font-size:10px!important}
  #mobileNav .mobile-fab span{display:grid;font-size:25px!important;line-height:1;color:#d8b45d}
  #mobileNav .mobile-fab::after{content:'Create';font-size:10px;font-weight:650;line-height:1;color:inherit}
  #mobileNav .mobile-fab.active,#mobileNav .mobile-fab:hover{background:#263120!important;color:#fff!important}
  .mobile-workspace-sheet{position:fixed;z-index:240;inset:0;display:flex;align-items:flex-end;background:#080b0aa8;opacity:0;transition:opacity .2s ease}
  .mobile-workspace-sheet.is-open{opacity:1}
  .mobile-workspace-panel{width:100%;max-height:min(84dvh,760px);overflow-y:auto;overscroll-behavior:contain;padding:9px 16px calc(22px + env(safe-area-inset-bottom));border:1px solid #3d4936;border-bottom:0;border-radius:22px 22px 0 0;background:linear-gradient(180deg,#20281d,#121711);color:#f5f4eb;box-shadow:0 -16px 42px #0009;transform:translateY(18px);transition:transform .24s ease}
  .mobile-workspace-sheet.is-open .mobile-workspace-panel{transform:translateY(0)}
  .mobile-sheet-handle{width:42px;height:4px;margin:0 auto 13px;border-radius:99px;background:#69735e}
  .mobile-sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
  .mobile-sheet-head span{display:block;margin-bottom:3px;color:#d8b45d;font-size:10px;font-weight:800;letter-spacing:1.5px}
  .mobile-sheet-head h2{margin:0;color:#fff;font-size:18px}
  .mobile-sheet-head button{width:36px;height:36px;padding:0;border:1px solid #485640;border-radius:10px;background:#1a2117;color:#f5f4eb;font-size:24px;line-height:1}
  .mobile-workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .mobile-workspace-grid button{min-height:48px;display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid #3d4936;border-radius:12px;background:#1a2117;color:#f5f4eb;font-size:13px;font-weight:700;text-align:left}
  .mobile-workspace-grid button:active{background:#303d2b;border-color:#d8b45d}
  .mobile-workspace-grid button span{display:grid;place-items:center;width:22px;color:#e3c669;font-size:17px}
}
@media(max-width:370px){
  #mobileNav{grid-template-columns:repeat(6,minmax(0,1fr));padding-left:2px;padding-right:2px}
  #mobileNav button{font-size:8px}
  #mobileNav .mobile-fab::after{font-size:8px}
}
/* Mobile document and pipeline workspaces: show every active stage without horizontal hiding. */
@media(max-width:720px){
  .advanced-pipeline{grid-template-columns:1fr!important;overflow:visible!important;padding-bottom:8px}
  .advanced-pipeline .lane{min-width:0;min-height:0;padding:14px}
  .advanced-pipeline .pipeline-cards{gap:8px}
  .advanced-pipeline .lead-card{padding:13px}
  .advanced-pipeline .lead-card small{line-height:1.4}
}
.contract-list{display:grid;gap:10px}.contract-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.contract-row b,.contract-row small{display:block}.contract-row small{color:var(--muted);margin-top:4px}.contract-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.contract-template-card{border:1px solid var(--line);border-radius:13px;padding:17px;background:var(--paper)}.contract-template-card h3,.contract-template-card p{margin:0 0 8px}.contract-template-card small{display:block;color:var(--muted);margin-bottom:15px}.contract-paper{margin-top:24px;background:#fffdf8;border:1px solid #ddd3bd;border-radius:12px;padding:clamp(22px,4vw,48px);color:#28251e;max-width:900px}.contract-paper-head{display:flex;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:2px solid #b28b3c;color:#8c6826;font-size:12px;letter-spacing:.12em}.contract-paper h3{font-family:Georgia,serif;font-size:26px;margin:32px 0 22px}.contract-body{white-space:normal;line-height:1.75;margin-top:24px}.contract-notes{margin-top:24px;padding:15px;background:#f6f0e2;border-left:3px solid #b28b3c;line-height:1.6}.contract-signatures{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:42px}.contract-signatures div{border-top:1px solid #aaa18e;padding-top:10px}.contract-signatures b,.contract-signatures span{display:block}.contract-signatures span{margin-top:18px;color:#665f53}@media(max-width:720px){.contract-row{grid-template-columns:1fr;gap:8px}.contract-template-grid,.contract-signatures{grid-template-columns:1fr}.contract-paper-head{display:block}.contract-paper-head b{display:block;margin-top:8px}.contract-paper{padding:22px 18px}}
/* Keep the accounting summary cards from inheriting the form's half-width grid cell. */
.client-form.accounting-summary-dialog{width:min(1000px,96vw)}
.accounting-summary-dialog #recordForm>.grid>.accounting-summary-stats{grid-column:1/-1;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.accounting-summary-dialog .accounting-summary-stats>.stat{min-width:0;overflow-wrap:anywhere}
.accounting-summary-dialog .accounting-summary-stats>.stat strong{font-size:clamp(20px,2vw,27px);line-height:1.28;overflow-wrap:anywhere}
@media(max-width:760px){.accounting-summary-dialog #recordForm>.grid>.accounting-summary-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
@media(max-width:440px){.accounting-summary-dialog #recordForm>.grid>.accounting-summary-stats{grid-template-columns:minmax(0,1fr)}}

/* Accounts setup: make common bookkeeping tasks and the cash-book hierarchy obvious. */
.accounting-section-nav{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:4px 2px 12px;margin:0 0 14px;scrollbar-width:thin}
.accounting-section-nav a{flex:0 0 auto;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--ink);font-weight:700;text-decoration:none}
.accounting-section-nav a:hover,.accounting-section-nav a:focus-visible{border-color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent) 30%,transparent);outline-offset:1px}
.accounting-cash-panel{border-color:color-mix(in srgb,var(--accent) 42%,var(--line))}
.accounting-cash-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.accounting-cash-heading h2{font-size:clamp(28px,4vw,40px);line-height:1.12;margin:8px 0}
.accounting-cash-heading .accounting-deficit{color:var(--danger,#d4584e)}
.accounting-balance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:20px 0 10px}
.accounting-balance-item{display:grid;gap:7px;min-width:0;padding:15px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--paper) 75%,var(--bg))}
.accounting-balance-item>span,.accounting-forecast-values span{font-size:13px;color:var(--muted)}
.accounting-balance-item strong{font-size:clamp(17px,2vw,22px);overflow-wrap:anywhere}
.accounting-balance-item small{color:var(--muted);line-height:1.4}
.accounting-workflow-panel{display:grid;grid-template-columns:minmax(200px,.7fr) minmax(0,1.6fr);gap:22px;align-items:start}
.accounting-workflow-panel>div:first-child h2{margin:7px 0}
.accounting-workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.accounting-workflow-grid article{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--paper) 78%,var(--bg))}
.accounting-workflow-grid h3{margin:0;font-size:17px}
.accounting-workflow-grid p{margin:0 0 6px;color:var(--muted);font-size:13px;line-height:1.5;min-height:60px}
.accounting-workflow-grid .actions{display:grid;grid-template-columns:1fr;width:100%;gap:7px}
.accounting-workflow-grid button{width:100%;white-space:normal}
.accounting-workflow-grid .quiet-action{background:transparent;border-color:transparent;color:var(--muted);padding-inline:6px}
.accounting-step{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.1em}
.accounting-tools-label{grid-column:2;color:var(--muted);font-size:13px;font-weight:700;margin-bottom:-14px}
.accounting-tools-menu{grid-column:2;width:100%;max-width:none}
.accounting-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}
.accounting-metric-grid>.stat{min-width:0}
.accounting-metric-grid>.accounting-summary-action,.accounting-metric-grid>.accounting-due-stat{display:block;width:100%;text-align:left;font:inherit;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.accounting-metric-grid>.accounting-summary-action:hover,.accounting-metric-grid>.accounting-due-stat:hover{border-color:#4f83e8;box-shadow:0 0 0 2px #2563eb20;transform:translateY(-1px)}
.accounting-metric-grid>.accounting-summary-action:focus-visible,.accounting-metric-grid>.accounting-due-stat:focus-visible{outline:3px solid #4f83e8;outline-offset:3px}
.accounting-page-header{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}.accounting-page-header .actions{justify-content:flex-end;flex-wrap:nowrap}
.accounting-summary-filter-note{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;margin:0 0 12px;border:1px solid #4f83e866;border-radius:12px;background:#2563eb12;color:inherit}
.accounting-summary-filter-note button{flex:0 0 auto}
.finance-bill-row[hidden]{display:none!important}
@media(max-width:560px){.accounting-summary-filter-note{align-items:flex-start;flex-direction:column}}
.accounting-metric-grid>.stat strong{font-size:clamp(19px,2.2vw,27px);overflow-wrap:anywhere}
.accounting-performance-panel{margin:18px 0;scroll-margin-top:16px}
.accounting-performance-period-label{display:grid;gap:6px;min-width:180px;color:var(--muted);font-size:13px}
.accounting-performance-period-label select{min-height:42px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font:inherit}
.accounting-performance-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:16px}
.accounting-performance-stat{display:grid;gap:10px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--muted)}
.accounting-performance-grid>button.accounting-performance-stat{width:100%;text-align:left;font:inherit;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.accounting-performance-grid>button.accounting-performance-stat:hover{border-color:#4f83e8;box-shadow:0 0 0 2px #2563eb20;transform:translateY(-1px)}
.accounting-performance-grid>button.accounting-performance-stat:focus-visible{outline:3px solid #4f83e8;outline-offset:3px}
.accounting-performance-stat strong{color:var(--ink);font-size:clamp(19px,2vw,26px);overflow-wrap:anywhere}
.accounting-performance-stat small{color:var(--accent);font-weight:650}
.accounting-performance-profit{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 9%,var(--paper))}
.accounting-performance-details{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--paper) 76%,transparent);scroll-margin-top:16px}
.accounting-performance-details h3{margin:4px 0}
.accounting-performance-detail-note{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--accent) 8%,var(--paper));color:var(--muted)}
.accounting-forecast-panel{display:grid;grid-template-columns:minmax(200px,.8fr) minmax(0,1.2fr);gap:20px;align-items:center}
.accounting-forecast-panel h2{margin:6px 0}
.accounting-forecast-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.accounting-forecast-values>div{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:13px}
.accounting-forecast-values b{font-size:20px;overflow-wrap:anywhere}
.accounting-forecast-values button{justify-self:start}
.accounting-transactions-panel{scroll-margin-top:18px}
.accounting-cash-panel,.accounting-vendor-bills,.accounting-transactions-panel,.accounting-workflow-panel{scroll-margin-top:16px}
.accounting-more-tools>summary,.accounting-tool-group>summary{display:flex;flex-direction:column;gap:5px;cursor:pointer;list-style:none}
.accounting-more-tools>summary::-webkit-details-marker,.accounting-tool-group>summary::-webkit-details-marker{display:none}
.accounting-more-tools>summary:after,.accounting-tool-group>summary:after{content:'Show details';font-size:12px;color:var(--accent);font-weight:700}
.accounting-more-tools[open]>summary:after,.accounting-tool-group[open]>summary:after{content:'Hide details'}
.accounting-more-tools>summary span,.accounting-tool-group>summary span{font-size:13px;color:var(--muted);font-weight:400}
.accounting-tool-group{padding:16px}
@media(max-width:1050px){.accounting-workflow-panel{grid-template-columns:1fr}.accounting-tools-label,.accounting-tools-menu{grid-column:1}.accounting-metric-grid,.accounting-performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.accounting-cash-heading{flex-direction:column}.accounting-balance-grid,.accounting-workflow-grid,.accounting-forecast-values{grid-template-columns:1fr}.accounting-workflow-grid p{min-height:0}.accounting-forecast-panel{grid-template-columns:1fr}.accounting-metric-grid{gap:9px}.accounting-metric-grid>.stat{padding:13px}.accounting-section-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding:2px;margin-bottom:12px}.accounting-section-nav a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:40px;padding:8px 10px;text-align:center;white-space:normal}.accounting-section-nav a:last-child{grid-column:1/-1}.accounting-tools-label{margin:2px 0 -12px}.accounting-performance-panel>.dialog-title{align-items:flex-start;flex-direction:column}.accounting-performance-period-label{width:100%}}
@media(max-width:720px){.accounting-page-header .actions{width:100%;justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:560px){.accounting-metric-grid{grid-template-columns:1fr}.accounting-metric-grid>.stat{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 12px}.accounting-metric-grid>.stat span{grid-column:1;grid-row:1;min-width:0;line-height:1.35}.accounting-metric-grid>.stat strong{grid-column:2;grid-row:1;justify-self:end;margin:0;font-size:19px;white-space:nowrap}.accounting-metric-grid>.stat small{grid-column:1/-1;line-height:1.45}}
@media(max-width:420px){.accounting-performance-grid{grid-template-columns:1fr}}
.collection-summaries{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:10px;align-self:stretch}
.collections-panel .collection-summary{justify-items:start;align-content:center;text-align:left;gap:2px;padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2,rgba(120,140,170,.08))}
.collections-panel .collection-summary b{font-size:23px;line-height:1.1}
.collections-panel .collection-summary span{max-width:none;font-size:11px}
.collections-panel .collection-summary small{color:var(--muted);font-size:11px}
.collections-grid h3{display:flex;align-items:center;justify-content:space-between;gap:10px}
.collection-section-total{color:var(--accent);font-size:13px;white-space:nowrap}
.collection-more{margin:10px 0 0;color:var(--muted);font-size:12px}
.collection-overlap-warning{display:block;margin-top:6px;padding:6px 8px;border:1px solid rgba(226,166,54,.36);border-radius:8px;background:rgba(226,166,54,.08);color:var(--muted);font-size:11px;line-height:1.45}
.collection-covered-note{display:grid;gap:5px;margin:14px 0;padding:12px 14px;border:1px solid rgba(69,128,220,.34);border-radius:12px;background:rgba(69,128,220,.08);color:var(--muted);font-size:12px;line-height:1.5}.collection-covered-note b{color:var(--text)}
@media(max-width:760px){.collection-summaries{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.collections-panel .collection-summary{min-width:0;padding:9px}.collections-panel .collection-summary b{font-size:20px}}
@media(max-width:420px){.collection-summaries{grid-template-columns:1fr}}