
:root{
  --purple:#4a1cb0;
  --purple-2:#34117f;
  --green:#72c900;
  --green-dark:#287b0b;
  --ink:#17191f;
  --muted:#666c78;
  --line:#dfe2e8;
  --soft:#f6f7fa;
  --paper:#ffffff;
  --warn:#fff7df;
  --sidebar-width:232px;
}

/* Company surcharge definitions */
.surcharge-definition-list { display: grid; gap: 14px; margin: 18px 0; }
.surcharge-definition-row { display: grid; grid-template-columns: minmax(90px, .55fr) minmax(190px, 1.5fr) minmax(145px, 1fr) minmax(120px, .8fr); gap: 14px; align-items: end; padding: 18px; border: 1px solid var(--line, #dedbe6); border-radius: 16px; background: var(--surface-soft, #faf9fc); }
.surcharge-definition-row > label:not(.check-row), .surcharge-tax-options { display: grid; gap: 7px; font-weight: 750; color: var(--muted, #6d6877); }
.surcharge-definition-row input[type="text"], .surcharge-definition-row input[type="number"], .surcharge-definition-row select { width: 100%; min-height: 44px; }
.surcharge-enabled, .surcharge-taxable { min-height: 44px; align-items: center; }
.surcharge-tax-options { grid-column: 1 / -2; }
.surcharge-tax-options > div { display: flex; flex-wrap: wrap; gap: 10px; }
.surcharge-tax-choice { display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; border: 1px solid var(--line, #dedbe6); border-radius: 999px; background: var(--surface, #fff); font-weight: 700; color: var(--ink, #292532); }
.surcharge-tax-empty { font-weight: 600; color: var(--muted, #77717e); }
.estimate-surcharge-source { display: grid; gap: 5px; min-height: 76px; padding: 12px 14px; border: 1px solid var(--line, #dedbe6); border-radius: 12px; background: var(--surface-soft, #f8fbfc); }
.estimate-surcharge-source > span { font-weight: 750; color: var(--muted, #6d6877); }
.estimate-surcharge-source > strong { color: var(--brand, #075f87); }
.estimate-surcharge-source > small { color: var(--muted, #77717e); }
@media (max-width: 1050px) { .surcharge-definition-row { grid-template-columns: repeat(2, minmax(0, 1fr)); } .surcharge-tax-options { grid-column: 1 / -1; } }
@media (max-width: 680px) { .surcharge-definition-row { grid-template-columns: 1fr; } .surcharge-tax-options { grid-column: 1; } }
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--ink);
  background:#f2f3f7;
}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.app-shell{min-height:100vh}
.welcome{
  position:fixed;
  inset:0;
  z-index:100;
  display:grid;
  place-items:center;
  padding:22px;
  background:
    radial-gradient(circle at 50% 38%,rgba(37,99,235,.12),transparent 34%),
    radial-gradient(circle at 22% 82%,rgba(14,27,61,.08),transparent 36%),
    linear-gradient(145deg,#fbfdff 0%,#f2f6fc 48%,#eaf1fb 100%);
  transition:opacity .55s ease,visibility .55s ease;
}
.welcome.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.welcome-intro{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  text-align:center;
  padding:24px;
  transition:opacity .5s ease,transform .5s ease;
}
.welcome-intro.is-finished{opacity:0;transform:translateY(-12px);pointer-events:none}
.welcome-intro-content{display:grid;justify-items:center;gap:32px;width:min(760px,100%)}
.welcome-intro-logo{display:block;width:clamp(132px,12vw,172px);height:auto;filter:drop-shadow(0 18px 32px rgba(14,27,61,.13));animation:centralOSLogoReady 3s ease both}
.welcome-message{
  max-width:760px;
  color:#0e1b3d;
  font-size:clamp(28px,4vw,50px);
  line-height:1.04;
  font-weight:900;
  letter-spacing:-1.5px;
  animation:workspaceReady 3s ease both;
}
.loading-dots{display:inline-flex;width:30px;justify-content:flex-start}
.loading-dots i{font-style:normal;opacity:.15;animation:dotFlash 1.05s infinite}
.loading-dots i:nth-child(2){animation-delay:.2s}
.loading-dots i:nth-child(3){animation-delay:.4s}
@keyframes dotFlash{0%,20%{opacity:.12}45%,70%{opacity:1}100%{opacity:.12}}
@keyframes workspaceReady{0%{opacity:0;transform:translateY(16px) scale(.98)}24%,78%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-8px)}}
@keyframes centralOSLogoReady{0%{opacity:0;transform:translateY(12px) scale(.94)}22%,80%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-5px) scale(.985)}}
.welcome-card{
  width:min(480px,100%);
  background:rgba(255,255,255,.97);
  border:1px solid #e7e2eb;
  border-radius:26px;
  padding:0;
  overflow:hidden;
  box-shadow:0 24px 70px rgba(37,28,48,.16);
  backdrop-filter:blur(14px);
  opacity:0;
  transform:translateY(18px) scale(.97);
  pointer-events:none;
  transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1);
}
.welcome-card.is-ready{opacity:1;transform:none;pointer-events:auto}
.welcome-card-top{padding:30px 30px 20px;background:#fff;color:#30283a;text-align:center}
.welcome-logo{width:58px;height:58px;display:block;margin:0 auto 15px;border-radius:18px;box-shadow:0 10px 25px rgba(74,28,176,.16)}
.welcome-card-top .welcome-step{display:inline-flex;padding:5px 9px;border-radius:999px;background:#f2eef7;color:#6d5c7f;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}
.welcome-card h2{margin:13px 0 0;font-size:28px;line-height:1.08;color:#30283a;font-weight:750;letter-spacing:-.5px}
.welcome-card p{margin:9px auto 0;max-width:350px;color:#777080;font-size:13px;line-height:1.5;font-weight:650}
.welcome-auth{display:grid;gap:13px;padding:6px 30px 30px}
.welcome-auth[hidden]{display:none}
.welcome-auth label{display:block;color:#625a6b;font-size:11px;font-weight:800}
.welcome-auth input{width:100%;margin-top:7px;padding:12px 13px;border:1px solid #ded9e4;border-radius:12px;background:#fbfbfd;color:#30283a}
.welcome-auth input:focus{border-color:#8c6bc0;outline:3px solid rgba(74,28,176,.11)}
.welcome-auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.welcome-auth-actions .btn{min-height:46px;border-radius:12px}
.welcome-auth-actions .btn.ghost{border:1px solid #ded7e7;background:#fff;color:#4a267e}
.welcome-password-button{justify-self:center;border:0;background:transparent;color:#5b347f;font-size:11px;font-weight:850;text-decoration:underline;text-underline-offset:3px}
.welcome-password-save{width:100%;min-height:46px;border-radius:12px}
.welcome-offline-button{justify-self:center;border:0;background:transparent;color:#716879;font-size:11px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.welcome-auth-status{min-height:34px;margin:0!important;padding:9px 11px;border-radius:10px;background:#f5f2f8;color:#68606f!important;font-size:11px!important;text-align:left}
.welcome-auth-status.is-error{background:#fff0f0;color:#9b2525!important}
.welcome-auth-status.is-success{background:#eaf8f0;color:#247145!important}
.welcome-actions{display:block;padding:6px 30px 30px}
.welcome-actions[hidden]{display:none}
.team-choice-label{display:block;margin:0 0 9px;color:#625a6b;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.55px}
.team-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.team-choice{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #e3dee8;border-radius:13px;background:#fff;color:#39313f;text-align:left;font-weight:750}
.team-choice:hover,.team-choice.active{border-color:#cbbce0;background:#f5f1fa;color:#4a267e}
.team-choice-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#eee8f7;color:#5b3d91;font-size:12px;font-weight:900}
.welcome-actions label{display:block;color:#777080;font-size:11px;font-weight:750}
.welcome-actions input{margin-top:7px;background:#fbfbfd;border:1px solid #ded9e4;padding:11px 12px}
.welcome-actions .btn{width:100%;min-height:47px;margin-top:13px;padding-inline:20px;border-radius:12px;background:#332b3b;color:#fff}
.confirm-overlay{position:fixed;inset:0;z-index:4000;display:grid;place-items:center;padding:20px;background:rgba(18,10,38,.50);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:.22s ease}
.confirm-overlay.is-open{opacity:1;visibility:visible}
.confirm-card{width:min(430px,100%);background:#fff;border-radius:22px;padding:25px;box-shadow:0 30px 90px rgba(15,8,35,.34);transform:translateY(12px) scale(.98);transition:.25s ease}
.confirm-overlay.is-open .confirm-card{transform:none}
.confirm-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#fff0f0;color:#a01717;font-size:23px;font-weight:900}
.confirm-card h2{margin:16px 0 7px;font-size:23px;color:#211a31}
.confirm-card p{margin:0;color:#666c78;line-height:1.45;font-weight:700}
.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.confirm-actions .btn{border:1px solid var(--line)}
.confirm-actions .danger-confirm{background:#a01717;color:#fff;border-color:#a01717}
.topbar{
  background:linear-gradient(135deg,var(--purple),var(--purple-2));
  color:#fff;
  padding:18px 28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  position:sticky;
  top:0;
  z-index:20;
  box-shadow:0 8px 24px rgba(35,18,80,.22);
}
.brand h1{margin:0;font-size:22px;line-height:1.1;font-weight:900;letter-spacing:0}
.brand p{margin:5px 0 0;font-size:13px;font-weight:700;opacity:.9}
.version-pill{
  display:inline-block;
  margin-left:8px;
  padding:2px 7px;
  border:1px solid rgba(255,255,255,.32);
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  vertical-align:1px;
}
.top-actions{display:flex;gap:10px;flex-wrap:wrap}
.menu-wrap{position:relative}
.btn{
  border:0;
  border-radius:8px;
  padding:10px 13px;
  font-weight:900;
  background:#fff;
  color:var(--purple);
}
.btn.primary{background:var(--green);color:#163500}
.btn.dark{background:#222;color:#fff}
.btn.ghost{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.28)}
.menu-panel{
  position:absolute;
  right:0;
  top:calc(100% + 8px);
  width:240px;
  background:#fff;
  color:#222;
  border:1px solid var(--line);
  border-radius:10px;
  padding:8px;
  box-shadow:0 16px 36px rgba(20,24,36,.20);
  display:none;
  z-index:30;
}
.menu-panel.is-open{display:grid;gap:6px}
.menu-item{
  border:0;
  background:#fff;
  color:#222;
  border-radius:8px;
  padding:10px 11px;
  text-align:left;
  font-weight:900;
}
.menu-item:hover{background:#f4f2fb;color:var(--purple)}
.workspace{
  max-width:1120px;
  margin:0 auto;
  padding:22px 22px 40px;
}
.hero-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px;
  padding:22px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  align-items:center;
  box-shadow:0 10px 28px rgba(30,35,50,.08);
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.hero-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,#fff 0%,rgba(255,255,255,.94) 48%,rgba(255,255,255,.58) 100%),
    linear-gradient(135deg,color-mix(in srgb,var(--purple) 7%,transparent),transparent 62%);
  z-index:-1;
}
.hero-card h2{margin:0;font-size:24px;line-height:1.12;font-weight:900;color:var(--purple)}
.hero-card p{margin:7px 0 0;color:#555d6b;font-size:14px;font-weight:800;line-height:1.4}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.hero-actions .btn{width:auto}
.hero-actions .btn.ghost{background:#fff;color:var(--purple);border:1px solid #cfc8e8}
.flow{
  display:grid;
  gap:16px;
  margin-top:16px;
}
.preview-section{order:3}
.edit-section{order:4}
.view-hidden{display:none!important}
.schedule-workspace-view{height:calc(100vh - 72px);min-height:620px;background:#f7f6f8;overflow:hidden}
.schedule-workspace-frame{display:block;width:100%;height:100%;border:0;background:#f7f6f8}
body.schedule-home .workspace{height:calc(100vh - 72px);min-height:0;padding:0;overflow:hidden}
body.schedule-home .topbar{display:flex}
@media(max-width:620px){.schedule-workspace-view,body.schedule-home .workspace{height:calc(100vh - 64px)}}
.panel{
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 8px 22px rgba(30,35,50,.08);
}
.panel-head{
  padding:16px 18px;
  border-bottom:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  background:linear-gradient(180deg,#fff,#fbfbfd);
}
.panel-title{display:flex;align-items:center;gap:11px}
.step-badge{
  width:30px;
  height:30px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--purple);
  color:#fff;
  font-size:13px;
  font-weight:900;
  flex:0 0 auto;
}
.panel-head h2{margin:0;font-size:17px;font-weight:900}
.panel-head p{margin:3px 0 0;color:var(--muted);font-size:12px;font-weight:800}
.panel-body{padding:18px}
.tabs{display:flex;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.tab{
  border:0;
  padding:9px 12px;
  background:#fff;
  color:#333;
  font-weight:900;
  min-width:102px;
}
.tab.active{background:var(--purple);color:#fff}
.grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.full{grid-column:1 / -1}
label{display:block;font-size:12px;font-weight:900;margin:0 0 5px;color:#242832}
select,input,textarea{
  width:100%;
  border:1px solid #cfd3dc;
  border-radius:8px;
  padding:10px 11px;
  background:#fff;
  color:var(--ink);
  outline:none;
}
textarea{min-height:78px;resize:vertical}
select:focus,input:focus,textarea:focus{
  border-color:var(--purple);
  box-shadow:0 0 0 3px rgba(74,28,176,.12);
}
.check-row{display:flex;align-items:center;gap:9px;border:1px solid #cfd3dc;border-radius:8px;padding:10px 11px;background:#fff;min-height:42px}
.check-row input{width:16px;height:16px;accent-color:var(--purple)}
.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hint{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.35}
.section-title{margin:18px 0 10px;font-size:13px;font-weight:900;text-transform:uppercase;color:#4b5160}
.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.template{
  min-height:76px;
  border:1px solid #d8dbe3;
  border-radius:10px;
  background:#fff;
  padding:13px;
  text-align:left;
  font-weight:900;
  color:#272b35;
}
.template span{display:block;margin-top:5px;font-size:11px;color:var(--muted);font-weight:700;line-height:1.3}
.template.active{border-color:var(--purple);box-shadow:0 0 0 3px rgba(74,28,176,.12);background:#fbf9ff}
.edit-box{background:#f9fafc;border:1px solid var(--line);border-radius:10px;padding:14px}
.summary-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
.metric{border:1px solid var(--line);border-radius:10px;background:#fff;padding:13px}
.metric span{display:block;font-size:11px;font-weight:900;text-transform:uppercase;color:var(--muted)}
.metric strong{display:block;margin-top:5px;font-size:18px}
.preview-shell{
  background:#dfe2ea;
  padding:18px;
  max-height:calc(100vh - 128px);
  overflow:auto;
}
.prepared-chip{color:#fff;font-size:12px;font-weight:900;opacity:.92}
.preview-frame{
  max-width:860px;
  min-width:760px;
  margin:0 auto;
  background:#fff;
  box-shadow:0 18px 45px rgba(25,30,42,.16);
}
.doc{
  background:#fff;
  color:#1d2028;
  min-height:720px;
  padding:28px;
  position:relative;
  overflow:hidden;
}
.doc-hero{
  position:relative;
  margin:-28px -28px 22px;
  padding:30px 32px 20px;
  min-height:315px;
  overflow:hidden;
  isolation:isolate;
}
.doc-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.82) 36%,rgba(255,255,255,.58) 68%,rgba(255,255,255,.42) 100%),
    linear-gradient(180deg,rgba(255,255,255,0) 70%,#fff 100%),
    linear-gradient(135deg,color-mix(in srgb,var(--purple) 6%,transparent),transparent 62%);
  z-index:-2;
}
.doc-hero:after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:82px;
  background:linear-gradient(180deg,rgba(255,255,255,0),#fff);
  z-index:-1;
}
.doc-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}
.doc-brand h2{margin:0;color:var(--purple);font-size:30px;line-height:1;font-weight:900}
.doc-brand p{margin:8px 0 0;color:var(--green-dark);font-size:13px;font-weight:900}
.doc-mark{
  width:70px;
  height:70px;
  border-radius:50%;
  object-fit:contain;
  filter:drop-shadow(0 8px 14px rgba(74,28,176,.18));
}
.doc-accent{
  width:48px;
  height:3px;
  background:linear-gradient(90deg,var(--purple) 0 60%, var(--green) 60% 100%);
  border-radius:999px;
  margin:20px 0 20px;
}
.doc-type{text-align:left;max-width:520px}
.doc-type h3{margin:0 0 15px;font-size:26px;font-weight:900;text-transform:uppercase;letter-spacing:0;color:#1c2030}
.doc-meta{display:grid;gap:6px;color:#303546;font-weight:800;font-size:13px}
.doc-meta-row{display:flex;align-items:center;gap:10px}
.meta-icon,.line-icon{
  width:22px;
  height:22px;
  border:2px solid var(--purple);
  border-radius:7px;
  display:inline-grid;
  place-items:center;
  color:var(--purple);
  font-size:10px;
  font-weight:900;
  flex:0 0 auto;
}
.notice{
  margin:18px 0 0;
  border-left:4px solid var(--green);
  background:rgba(255,255,255,.72);
  box-shadow:0 8px 18px rgba(35,39,55,.06);
  border-radius:10px;
  padding:12px 16px 12px 52px;
  font-size:12.5px;
  line-height:1.38;
  font-weight:800;
  max-width:520px;
  position:relative;
  color:#3b4150;
}
.notice:before{
  content:"i";
  position:absolute;
  left:17px;
  top:14px;
  width:22px;
  height:22px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--purple);
  color:#fff;
  font-weight:900;
  font-style:normal;
}
.notice strong{
  display:block;
  margin:0 0 4px;
  color:var(--purple);
  text-transform:uppercase;
  font-size:11.5px;
  letter-spacing:.2px;
}
.notice.estimate{border-left-color:var(--green);background:rgba(255,255,255,.86)}
.doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.doc-card{border:1px solid #dfe2e8;border-radius:10px;padding:18px;background:#fff;box-shadow:0 8px 22px rgba(32,38,55,.04)}
.doc-card h4{margin:0 0 13px;font-size:14px;text-transform:uppercase;color:var(--purple);display:flex;align-items:center;gap:9px}
.card-icon{
  width:28px;
  height:28px;
  border:2px solid var(--purple);
  border-radius:8px;
  display:grid;
  place-items:center;
  font-size:11px;
  font-weight:900;
}
.line{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #edf0f4}
.line:last-child{border-bottom:0}
.line-label{color:#5a606c;font-weight:800}
.line-value{text-align:right;font-weight:900}
.price-band{
  margin-top:16px;
  border:1px solid rgba(74,28,176,.24);
  border-bottom:4px solid var(--purple);
  border-radius:10px;
  padding:16px 18px;
  display:grid;
  grid-template-columns:1fr 1.35fr 1fr;
  gap:14px;
  align-items:center;
  background:linear-gradient(180deg,#fff,#fbf9ff);
  color:#1d2030;
}
.price-cell{min-height:78px;display:grid;align-content:center;justify-items:center;text-align:center}
.price-cell + .price-cell{border-left:1px solid #d9d4e8}
.price-band span{display:block;font-size:10.5px;text-transform:uppercase;font-weight:900;color:var(--purple)}
.price-band strong{display:block;font-size:22px;line-height:1.12;margin-top:7px;color:var(--purple)}
.price-band small{display:block;margin-top:6px;color:#5b6070;font-weight:800;font-size:11px}
.includes-list{display:grid;gap:6px;margin-top:7px;text-align:left}
.includes-list div{font-size:11.5px;font-weight:800;color:#3d4350}
.includes-list b{display:inline-grid;place-items:center;width:13px;height:13px;border-radius:50%;background:var(--green);color:#fff;font-size:8px;margin-right:6px}
.terms{margin-top:18px;font-size:12.5px;line-height:1.45;color:#424854}
.terms h4{margin:0 0 8px;font-size:14px;color:var(--purple);text-transform:uppercase}
.doc-footer{
  margin-top:20px;
  padding-top:14px;
  border-top:1px solid #e2e5ec;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  color:#4d5362;
  font-size:12px;
  font-weight:800;
}
.doc-contact{display:flex;gap:18px;flex-wrap:wrap}
.tagline{color:var(--green-dark);font-weight:900;font-style:italic;font-size:16px}
.empty{padding:28px;color:#5b6170;text-align:center;font-weight:800}
.saved-list{display:grid;gap:10px}
.saved-filter{margin-bottom:12px}
.saved-row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  align-items:center;
  border:1px solid var(--line);
  border-radius:10px;
  padding:13px;
  background:#fff;
}
.saved-row strong{display:block;font-size:15px}
.saved-row span{display:block;margin-top:4px;color:var(--muted);font-size:12px;font-weight:800}
.saved-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.mini-btn{border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--purple);padding:8px 10px;font-size:12px;font-weight:900}
.mini-btn.danger{color:#a01717}
body.ai-home{background:#fff;overflow:hidden}
body.ai-home .topbar{display:none}
body.ai-home .workspace{max-width:none;height:100vh;padding:0}
.ai-shell{height:100vh;display:grid;grid-template-columns:292px 1fr;background:#fff;overflow:hidden}
.ai-sidebar{display:flex;flex-direction:column;min-width:0;padding:18px 12px 14px;background:#f8f7fb;border-right:1px solid #e7e3ef}
.ai-brand{display:flex;align-items:center;gap:11px;padding:5px 8px 18px}
.ai-brand img{width:40px;height:40px;border-radius:12px}
.ai-brand strong{display:block;font-size:16px;color:#261546}
.ai-brand span{display:block;margin-top:3px;color:#777080;font-size:11px;font-weight:800}
.ai-side-action{width:100%;display:flex;align-items:center;gap:11px;border:0;border-radius:10px;padding:11px 12px;background:transparent;color:#242029;text-align:left;font-weight:800}
.ai-side-action:hover,.ai-side-action.active{background:#ece7f7;color:var(--purple)}
.ai-side-icon{width:24px;text-align:center;color:var(--purple);font-size:18px;font-weight:900}
.ai-side-label{padding:22px 12px 8px;color:#6c6573;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.7px}
.ai-thread-list{display:grid;gap:2px;min-height:0;overflow:auto}
.ai-thread{width:100%;border:0;border-radius:9px;padding:9px 12px;background:transparent;color:#38313e;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:700}
.ai-thread:hover{background:#eeeaf4}
.ai-thread::before{content:"◯";margin-right:9px;color:#6b5a83}
.ai-side-spacer{flex:1}
.ai-profile{display:flex;align-items:center;gap:10px;margin-top:12px;padding:11px;border-top:1px solid #e1dce8;color:#39313f;font-weight:900}
.ai-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--purple),#7b42dc);color:#fff}
.ai-main{min-width:0;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 35%,#fbf8ff 0,#fff 48%)}
.ai-main-top{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 23px;border-bottom:1px solid #f0edf3}
.ai-main-top strong{font-size:15px;color:#30283a}
.ai-connection{display:flex;align-items:center;gap:7px;color:#8a6500;font-size:12px;font-weight:900}
.ai-connection i{width:8px;height:8px;border-radius:50%;background:#e4a900}
.ai-connection.connected{color:#2d651a}.ai-connection.connected i{background:var(--green)}
.ai-conversation{flex:1;min-height:0;overflow:auto;padding:38px 28px 18px}
.ai-welcome{max-width:940px;margin:8vh auto 0;text-align:center}
.ai-logo{width:70px;height:70px;margin:0 auto 20px;border-radius:23px;box-shadow:0 16px 38px rgba(73,28,176,.22)}
.ai-welcome h2{margin:0;color:#271541;font-size:34px;letter-spacing:-1px}
.ai-welcome p{margin:12px auto 0;max-width:840px;color:#716a78;font-size:16px;line-height:1.55;font-weight:600;letter-spacing:-.1px;text-align:center}
.ai-welcome p strong{display:inline-block;margin-bottom:3px;color:#4a4053;font-weight:750}
.ai-suggestions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:20px}
.ai-suggestions .ai-prompt{width:auto;border:1px solid #e5dfeb;border-radius:999px;padding:8px 13px;background:#fbfafc;color:#5e5368;box-shadow:none;font-size:12px;font-weight:700}
.ai-suggestions .ai-prompt:hover{border-color:#cbbce0;background:#f5f1fa;color:#4a267e}
.ai-prompts{display:grid;grid-template-columns:1fr 1fr;gap:11px;max-width:690px;margin:0 auto}
.ai-prompt{border:1px solid #e4ddec;border-radius:14px;padding:15px 16px;background:rgba(255,255,255,.88);color:#33293d;text-align:left;box-shadow:0 5px 16px rgba(51,33,76,.04);font-weight:800}
.ai-prompt:hover{border-color:#bda8e5;background:#fcfaff}
.ai-prompt small{display:block;margin-top:5px;color:#8b8392;font-weight:700}
.ai-message{max-width:760px;margin:0 auto 20px;display:flex;gap:12px;line-height:1.55}
.ai-message.user{justify-content:flex-end}.ai-message.user .ai-bubble{background:#eee8fa}
.ai-bubble{max-width:82%;padding:13px 15px;border-radius:16px;background:#f7f5f9;white-space:pre-wrap}
.ai-composer-wrap{padding:10px 25px 48px;background:linear-gradient(transparent,#fff 22%)}
.ai-options{max-width:780px;margin:0 auto 8px;display:flex;gap:8px;align-items:center}
.ai-options select{width:auto;min-width:150px;padding:7px 28px 7px 10px;border-radius:999px;background:#faf9fc;font-size:12px;font-weight:800}
.ai-composer{max-width:780px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;padding:11px 11px 11px 16px;border:1px solid #dcd5e5;border-radius:20px;background:#fff;box-shadow:0 10px 35px rgba(46,28,67,.12)}
.ai-composer textarea{min-height:52px;max-height:170px;padding:10px 0;border:0;outline:0;resize:none;background:transparent;line-height:1.45}
.ai-send{width:44px;height:44px;border:0;border-radius:14px;background:var(--purple);color:#fff;font-size:20px;font-weight:900}
.ai-send:disabled{background:#c9c2d3;cursor:not-allowed}
.email-status{max-width:780px;min-height:18px;margin:7px auto 0;color:#776f7f;text-align:center;font-size:12px;font-weight:800}
/* Unified modern workspace */
.tool-sidebar{position:fixed;inset:0 auto 0 0;z-index:25;width:268px;display:flex;flex-direction:column;padding:18px 12px 14px;background:#f8f7fb;border-right:1px solid #e7e3ef;overflow:visible}
.tool-sidebar .ai-side-spacer{min-height:20px}
body:not(.ai-home) .topbar{margin-left:268px;padding:14px 24px;background:rgba(255,255,255,.96);color:#31283c;border-bottom:1px solid #ebe7ef;box-shadow:none}
body:not(.ai-home) .topbar .brand h1{font-size:17px;color:#30283a}
body:not(.ai-home) .topbar .brand p{color:#81798a;font-size:11px}
body:not(.ai-home) .topbar .btn.ghost{background:#f7f5f9;color:#4a4053;border-color:#e5dfea}
body:not(.ai-home) .topbar .btn.primary{background:#332b3b;color:#fff}
body:not(.ai-home) .topbar .prepared-chip{color:#655d6d}
body:not(.ai-home) .workspace{max-width:none;margin-left:268px;padding:28px 34px 50px;background:#fff}
body:not(.ai-home) .hero-card{border-color:#ece8f0;border-radius:18px;box-shadow:none;background:#fcfbfd}
body:not(.ai-home) .hero-card h2{color:#30263b;font-size:24px}
body:not(.ai-home) .panel{border-color:#e9e5ed;border-radius:18px;box-shadow:none}
body:not(.ai-home) .panel-head{background:#fcfbfd;border-color:#ece8ef}
body:not(.ai-home) .panel-title h2{color:#352c3d}
body:not(.ai-home) .step-badge{background:#eee8f7;color:#5b3d91}
body:not(.ai-home) .template.active,body:not(.ai-home) .tab.active{background:#f0ebf8;color:#4a267e;border-color:#d7c9e9;box-shadow:none}
body:not(.ai-home) input,body:not(.ai-home) select,body:not(.ai-home) textarea{border-color:#ddd8e3;background:#fff}
#savedView{max-width:1050px;margin:0 auto;border:0!important}
#savedView .panel-head{padding:5px 0 22px;background:#fff;border-bottom:1px solid #eeeaf1}
#savedView .panel-body{padding:24px 0}
#savedView .saved-filter{max-width:520px}
#savedView .saved-row{border-color:#e9e5ed;border-radius:14px;padding:16px 18px;box-shadow:0 4px 16px rgba(40,28,52,.035)}
#savedView .saved-row strong{color:#30283a;font-size:14px}
#savedView .mini-btn{border-color:#e1dbe7;color:#554265;background:#fff}
#savedView .mini-btn:hover{background:#f6f2fa}
#priceGuideView{width:100%;max-width:none;margin:0;border:0!important;background:#fff}
#priceGuideView .panel-head{padding:5px 0 18px;background:#fff;border-bottom:1px solid #eeeaf1}
.price-guide-frame{display:block;width:100%;height:720px;min-height:720px;border:0;background:#fff;overflow:hidden}
body.ai-home .tool-sidebar{display:none}
@media (max-width:980px){
  .hero-card{grid-template-columns:1fr}
  .grid{grid-template-columns:1fr 1fr}
  .summary-strip{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .topbar{align-items:flex-start;flex-direction:column;padding:14px 16px;position:static}
  .top-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .hero-actions .btn{width:100%}
  .menu-wrap{display:contents}
  .menu-panel{right:16px;left:16px;width:auto}
  .btn{width:100%;padding:11px 10px}
  .workspace{padding:14px 12px 28px}
  .hero-card{padding:16px}
  .hero-card h2{font-size:21px}
  .welcome-actions{display:block}
  .welcome-actions .btn{margin-top:10px}
  .tabs{width:100%}
  .tab{flex:1;min-width:0}
  .panel-head{align-items:flex-start;flex-direction:column}
  .grid,.doc-grid,.template-grid,.check-grid{grid-template-columns:1fr}
  .ai-shell{grid-template-columns:78px 1fr}.ai-sidebar{padding-inline:8px}.ai-brand div,.ai-side-action span:not(.ai-side-icon),.ai-side-label,.ai-thread-list,.ai-profile span{display:none}.ai-brand{justify-content:center;padding-inline:0}.ai-side-action{justify-content:center;padding-inline:0}.ai-profile{justify-content:center;padding-inline:0}.ai-prompts{grid-template-columns:1fr}.ai-conversation{padding-inline:16px}.ai-composer-wrap{padding-inline:14px}.ai-options{overflow:auto}
  .tool-sidebar{width:78px;padding-inline:8px}.tool-sidebar .ai-brand div,.tool-sidebar .ai-side-action span:not(.ai-side-icon),.tool-sidebar .ai-side-label,.tool-sidebar .ai-thread-list,.tool-sidebar .ai-profile span{display:none}.tool-sidebar .ai-brand,.tool-sidebar .ai-side-action,.tool-sidebar .ai-profile{justify-content:center;padding-inline:0}body:not(.ai-home) .topbar,body:not(.ai-home) .workspace{margin-left:78px}body:not(.ai-home) .workspace{padding-inline:18px}
  .summary-strip{grid-template-columns:1fr}
  .doc{padding:22px}
  .doc-header,.price-band{display:block}
  .price-cell + .price-cell{border-left:0;border-top:1px solid #d9d4e8;margin-top:12px;padding-top:12px}
  .doc-type{text-align:left;margin-top:16px}
  .preview-shell{
    max-height:72vh;
    padding:10px;
    overflow:auto;
  }
  .preview-frame{
    min-width:720px;
    transform-origin:top left;
  }
}
@media print{
  @page{size:letter;margin:.38in}
  html,body{width:auto!important;height:auto!important;margin:0!important;padding:0!important;background:#fff!important;overflow:visible!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .welcome,.confirm-overlay,.tool-sidebar,.topbar,.left-panel,.panel-head,.preview-tools,.hero-card,#savedView,#emailView,#priceGuideView{display:none!important}
  .app-shell,.workspace,.flow,.preview-section,.preview-shell,.preview-frame{display:block!important;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;background:#fff!important;border:0!important;box-shadow:none!important}
  .preview-frame{max-width:none!important;min-width:0!important;page-break-after:avoid!important;break-after:avoid-page!important}
  .doc{width:7.74in!important;min-height:0!important;margin:0!important;padding:.24in!important;overflow:visible!important;page-break-after:avoid!important;break-after:avoid-page!important}
}
body.exporting-pdf{background:#fff}
body.exporting-pdf .topbar,
body.exporting-pdf .estimate-command-bar,
body.exporting-pdf .hero-card,
body.exporting-pdf .left-panel,
body.exporting-pdf .panel-head,
body.exporting-pdf #savedView{display:none!important}
body.exporting-pdf .workspace{padding:0;max-width:none}
body.exporting-pdf .flow{display:block;margin:0}
body.exporting-pdf .preview-section{display:block!important;border:0;box-shadow:none}
body.exporting-pdf .preview-shell{padding:0;background:#fff;max-height:none;overflow:visible}
body.exporting-pdf .preview-frame{box-shadow:none;max-width:none;min-width:0;margin:0}
.doc.website-pdf{width:8.5in;max-width:none;min-height:0;padding:0;background:transparent;box-shadow:none;font-family:Arial,Helvetica,sans-serif;color:#202026}
.pdf-page{width:8.5in;min-height:11in;padding:.24in;background:#fff;page-break-after:always;break-after:page}
.pdf-page:last-child{page-break-after:auto;break-after:auto}
.pdf-sheet{min-height:10.52in;border:1px solid #d9dce4;border-radius:12px;overflow:hidden;background:#fff}
.pdf-cover{position:relative;height:2.78in;overflow:hidden;background:#fbfaf8}
.pdf-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pdf-cover-copy{position:absolute;inset:.24in auto auto .24in;z-index:1}
.pdf-cover-copy h2{margin:0;color:#15151a;font-size:32px;line-height:.88;text-transform:uppercase;letter-spacing:-1px}
.pdf-cover-copy h2 span{display:block;color:#4a1cb0}
.pdf-cover-copy h3{margin:14px 0 0;color:#4a1cb0;font-size:15px;text-transform:uppercase;letter-spacing:.4px}
.pdf-cover-meta{position:absolute;left:.24in;bottom:.25in;z-index:1;display:flex;align-items:center;gap:11px;font-size:10px;font-weight:800}
.pdf-cover-meta b{display:block;color:#4a1cb0;font-size:8px;text-transform:uppercase;letter-spacing:.4px}
.pdf-date-icon{width:24px;height:24px;display:grid;place-items:center;border:2px solid #4a1cb0;border-radius:6px;color:#4a1cb0}
.pdf-feature-strip{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;min-height:.5in;padding:0 .22in;background:linear-gradient(90deg,#5121bd,#35117f);color:#fff}
.pdf-feature-strip span{padding:0 8px;border-right:1px solid rgba(255,255,255,.55);text-align:center;font-size:8px;line-height:1.1;font-weight:800;text-transform:uppercase}
.pdf-feature-strip span:last-child{border-right:0}
.pdf-page-content{padding:.26in .28in .3in}
.pdf-summary-grid{display:grid;grid-template-columns:1fr 1.18fr;gap:.23in;align-items:stretch}
.pdf-detail-table,.pdf-total-box,.pdf-info-box,.pdf-about-card{border:1px solid #d9dce4;border-radius:10px;background:#fff}
.pdf-detail-row{display:flex;justify-content:space-between;gap:16px;padding:10px 12px;border-bottom:1px solid #e3e4e9;font-size:9px}
.pdf-detail-row:last-child{border-bottom:0}.pdf-detail-row span{color:#595f69;font-weight:700}.pdf-detail-row strong{text-align:right}
.pdf-total-box{display:grid;align-content:center;padding:16px 18px;border-color:#72c900;text-align:center}
.pdf-total-box span{color:#4a1cb0;font-size:11px;font-weight:800;text-transform:uppercase}.pdf-total-box strong{display:block;margin:5px 0 12px;color:#4a1cb0;font-size:25px;line-height:1}
.pdf-total-divider{border-top:1px dashed #a995d5;padding-top:12px}.pdf-total-box .pdf-price-label{color:#2c8a0c}.pdf-total-box .pdf-price{color:#287d0d;font-size:22px}.pdf-total-box small{display:block;margin-top:9px;font-size:8.5px;font-weight:700}
.pdf-info-box{margin-top:.18in;padding:14px 16px}.pdf-info-box h4{margin:0 0 7px;color:#4a1cb0;font-size:10px;text-transform:uppercase}.pdf-info-box p{margin:0 0 5px;font-size:8.8px;line-height:1.35}.pdf-info-box p:last-child{margin-bottom:0}
.pdf-page-title{display:flex;align-items:center;gap:16px;margin:8px 0 20px;font-size:17px;text-transform:uppercase}.pdf-page-title span{color:#4a1cb0}.pdf-page-title:after{content:"";height:2px;flex:1;background:#4a1cb0}
.pdf-about-grid{display:grid;grid-template-columns:1.4fr .88fr;gap:.2in}.pdf-about-left,.pdf-about-right{display:grid;gap:.16in}.pdf-about-top{display:grid;grid-template-columns:1fr 1fr;gap:.16in}
.pdf-about-card{padding:15px}.pdf-about-card h4{margin:0 0 9px;color:#4a1cb0;font-size:11px;text-transform:uppercase}.pdf-about-card p,.pdf-about-card li{font-size:8.6px;line-height:1.35}.pdf-about-card ul{margin:0;padding-left:17px}.pdf-about-card li{margin-bottom:5px}
.pdf-process{display:grid;gap:9px}.pdf-process-row{display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:start}.pdf-process-num{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#4a1cb0;color:#fff;font-weight:800}.pdf-process-row strong{display:block;color:#4a1cb0;font-size:9px}.pdf-process-row p{margin:2px 0 0}
.pdf-next-grid{display:grid;grid-template-columns:1fr 1fr 105px;gap:13px}.pdf-next-grid strong{font-size:8.8px}.pdf-next-grid p{margin:4px 0 8px}.pdf-qr{padding:7px;border:1px solid #4a1cb0;border-radius:8px;text-align:center}.pdf-qr b{display:block;margin:-7px -7px 5px;padding:5px;background:#4a1cb0;color:#fff;font-size:8px}.pdf-qr img{display:block;width:72px;height:72px;margin:auto}.pdf-qr span{display:block;font-size:9px}
.pdf-side-feature{display:grid;grid-template-columns:36px 1fr;gap:10px;min-height:1.05in;align-content:center}.pdf-side-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#f1ecfa;color:#4a1cb0;font-weight:900}.pdf-side-feature h4{margin:0 0 3px}.pdf-side-feature p{margin:0}.pdf-contact p{margin:5px 0;font-weight:700}.pdf-user-note{white-space:pre-wrap}
@media print{
  @page{size:letter;margin:0}
  .doc.website-pdf{width:8.5in!important;padding:0!important}
  .pdf-page{width:8.5in!important;height:11in!important;min-height:11in!important;padding:.24in!important;overflow:hidden!important}
  .pdf-page:last-child{page-break-after:auto!important;break-after:auto!important}
  .pdf-sheet{height:10.52in!important;min-height:10.52in!important}
}

/* v2.13 persistent workspace header, settings, and staff profiles */
body,body.ai-home{background:#fff;overflow:auto}
.tool-sidebar,body.ai-home .tool-sidebar{display:flex}
.topbar,body.ai-home .topbar,body:not(.ai-home) .topbar{
  min-height:72px;
  margin-left:268px;
  padding:13px 24px;
  display:flex;
  align-items:center;
  flex-direction:row;
  background:rgba(255,255,255,.97);
  color:#31283c;
  border-bottom:1px solid #ebe7ef;
  box-shadow:none;
  backdrop-filter:blur(18px);
}
.topbar .brand h1,body:not(.ai-home) .topbar .brand h1{font-size:17px;color:#30283a}
.topbar .brand p,body:not(.ai-home) .topbar .brand p{margin-top:4px;color:#81798a;font-size:11px;opacity:1}
.topbar .version-pill{border-color:#ddd4e8;color:#685778;background:#f7f4fa}
.header-left{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.header-history{display:flex;align-items:center;gap:6px}.header-left .brand{flex:1 1 420px;min-width:0}.header-left .brand h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-left .brand p{max-width:none;white-space:nowrap;overflow:visible;text-overflow:clip}
.global-search{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;width:min(410px,34vw);min-width:235px;height:44px;padding:0 13px;border:1px solid #e1dce6;border-radius:14px;background:#f8f7f9;color:#81778a;transition:.18s ease}.global-search:focus-within{border-color:color-mix(in srgb,var(--purple) 42%,white);background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--purple) 10%,transparent)}.global-search>span{font-size:19px;font-weight:900;color:var(--purple)}.global-search input{height:42px;padding:0;border:0!important;background:transparent!important;box-shadow:none!important;font-size:12px}.global-search-results{position:absolute;z-index:80;top:calc(100% + 8px);left:0;width:min(500px,calc(100vw - 330px));min-width:340px;padding:7px;border:1px solid #e4dee8;border-radius:16px;background:#fff;box-shadow:0 22px 55px rgba(38,26,50,.18)}.global-search-result{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;width:100%;padding:9px 10px;border:0;border-radius:11px;background:transparent;color:#3d3445;text-align:left}.global-search-result:hover,.global-search-result:focus{background:var(--theme-soft);outline:0}.global-result-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--theme-soft);color:var(--purple);font-size:11px;font-weight:900}.global-search-result strong,.global-search-result small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-search-result strong{font-size:11px}.global-search-result small{margin-top:3px;color:#857c8c;font-size:9px;font-weight:700}.global-search-empty{padding:17px;color:#7c7382;font-size:11px;font-weight:700;text-align:center}
.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px;flex-wrap:nowrap}
.prepared-chip{max-width:300px;color:#655d6d;font-size:12px;font-weight:800;opacity:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header-ai-status{display:none;align-items:center;gap:7px;color:#8a6500;font-size:12px;font-weight:850}
.header-ai-status.is-visible{display:flex}
.header-ai-status i{width:8px;height:8px;border-radius:50%;background:#e4a900}
.settings-gear{width:42px;height:42px;display:grid;place-items:center;border:1px solid #e3dde8;border-radius:13px;background:#faf9fb;color:#4c3d59;transition:.18s ease}
.settings-gear:hover,.settings-gear.active{border-color:#cdbfdd;background:#f2edf7;color:#4a1cb0}
.settings-gear svg{width:20px;height:20px;display:block}
.profile-button{width:100%;border:0;background:transparent;text-align:left;cursor:pointer}
.profile-button:hover{background:#efebf5;border-radius:12px}
.profile-copy{display:block;min-width:0}
.profile-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-copy small{display:block;margin-top:3px;color:#82798b;font-size:10px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.workspace,body.ai-home .workspace,body:not(.ai-home) .workspace{max-width:none;min-height:calc(100vh - 72px);height:auto;margin-left:268px;padding:28px 34px 50px;background:#fff}
#emailView{position:fixed;inset:72px 0 0 268px;z-index:10;margin:0!important;border:0!important;border-radius:0!important;background:#fff}
#emailView .ai-shell{height:100%;grid-template-columns:1fr}
#emailView .ai-sidebar,#emailView .ai-main-top{display:none}
#emailView .ai-main{height:100%}
.page-view{max-width:1060px;margin:0 auto}
.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin:4px 0 24px;padding-bottom:20px;border-bottom:1px solid #eeeaf1}
.page-heading h2{margin:0;color:#30283a;font-size:28px;letter-spacing:-.6px}
.page-heading p{max-width:690px;margin:8px 0 0;color:#756d7d;line-height:1.5;font-weight:650}
.settings-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);gap:20px;align-items:start}
.settings-card{border:1px solid #e8e3ec;border-radius:18px;padding:22px;background:#fff;box-shadow:0 8px 28px rgba(45,31,60,.045)}
.settings-card + .settings-card{margin-top:16px}
.settings-card h3{margin:0;color:#352c3d;font-size:18px}
.settings-card>p{margin:7px 0 18px;color:#7a7281;font-size:13px;line-height:1.5;font-weight:650}
.organization-foundation-card{overflow:hidden}
.organization-foundation-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.organization-foundation-head>div{display:flex;align-items:center;gap:14px}
.organization-foundation-head h4,.organization-foundation-head p{margin:0}
.organization-foundation-head p{margin-top:4px;color:var(--muted,#7a7281);font-size:13px;line-height:1.45}
.settings-card-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--soft,#f1ebfa);color:var(--primary,#4f20bd);font-size:22px;font-weight:800}
.settings-card-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.organization-foundation-status{padding:9px 13px;border-radius:999px;background:#e9f8ef;color:#247145;font-size:12px;font-weight:800;white-space:nowrap}
.organization-foundation-grid{display:grid;grid-template-columns:1.15fr 1.7fr .8fr .8fr;border:1px solid var(--line,#e8e3ec);border-radius:15px;overflow:hidden}
.organization-foundation-grid>div{padding:14px 16px;min-width:0;background:var(--surface,#fff)}
.organization-foundation-grid>div+div{border-left:1px solid var(--line,#e8e3ec)}
.organization-foundation-grid span{display:block;margin-bottom:5px;color:var(--muted,#7a7281);font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.organization-foundation-grid strong{display:block;overflow:hidden;text-overflow:ellipsis;color:var(--ink,#352c3d);font-size:14px;white-space:nowrap}
.organization-id-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px!important}
.organization-connection-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.organization-connection-row>div{display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px solid var(--line,#e8e3ec);border-radius:13px;background:var(--surface,#fff)}
.organization-connection-row strong,.organization-connection-row small{display:block}
.organization-connection-row strong{font-size:12px;color:var(--ink,#352c3d)}
.organization-connection-row small{margin-top:2px;color:var(--muted,#7a7281);font-size:10px;line-height:1.35}
.connection-dot{width:9px;height:9px;border-radius:50%;background:#b9b4bd;flex:0 0 auto}
.connection-dot.is-local{background:#37a866;box-shadow:0 0 0 4px #e9f8ef}
.connection-dot.is-cloud{background:#287ad8;box-shadow:0 0 0 4px #e7f1ff}
.connection-dot.is-error{background:#c9911c;box-shadow:0 0 0 4px #fff4d8}
.organization-foundation-note{margin:13px 0 0!important;padding:11px 13px;border-radius:12px;background:var(--soft,#f7f4fa);color:var(--muted,#6f6875)!important;font-size:11px!important;line-height:1.5!important}
.organization-foundation-note-row{display:flex;align-items:center;gap:12px}
.organization-foundation-note-row .organization-foundation-note{flex:1}
.organization-sign-out{flex:0 0 auto;margin-top:13px;border:1px solid var(--line,#e8e3ec)!important;background:var(--surface,#fff)!important;color:var(--ink,#352c3d)!important}
@media(max-width:900px){.organization-foundation-grid{grid-template-columns:1fr 1fr}.organization-foundation-grid>div:nth-child(3){border-left:0;border-top:1px solid var(--line,#e8e3ec)}.organization-foundation-grid>div:nth-child(4){border-top:1px solid var(--line,#e8e3ec)}.organization-connection-row{grid-template-columns:1fr}.organization-foundation-head{align-items:flex-start;flex-direction:column}}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.setting-field{padding:16px;border:1px solid #ece7ef;border-radius:15px;background:#fcfbfd}
.setting-field label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 9px;color:#4c4354;font-size:12px;font-weight:850}
.setting-field input{width:100%;font-size:20px;font-weight:800}
.setting-field small{display:block;margin-top:8px;color:#88808e;font-size:11px;line-height:1.4;font-weight:650}
.settings-preview{display:grid;gap:10px;margin-top:16px;padding:15px;border-radius:14px;background:#f5f1f9;color:#5c4d68}
.settings-preview div{display:flex;justify-content:space-between;gap:16px;font-size:12px;font-weight:750}
.settings-preview strong{color:#372746}
.settings-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}
.settings-actions .btn.primary{background:#332b3b;color:#fff}
.settings-actions .btn.ghost{border:1px solid #e2dce7;background:#fff;color:#5d4c69}
.pricing-adjustment-grid{margin-top:14px}.tax-definition-list{display:grid;gap:10px;margin-top:14px}.tax-definition-row{display:grid;grid-template-columns:auto minmax(130px,1fr) minmax(110px,160px) auto;gap:10px;align-items:end;padding:13px;border:1px solid #ece7ef;border-radius:14px;background:#fcfbfd}.tax-definition-row>label:not(.settings-toggle-row){display:grid;gap:6px;color:#4c4354;font-size:11px;font-weight:800}.tax-definition-row input[type="text"],.tax-definition-row input[type="number"]{width:100%}.tax-definition-row .settings-toggle-row{align-self:center;min-width:92px}.tax-definition-row .btn{white-space:nowrap}.tax-definition-row[data-built-in="true"] .tax-delete-button{visibility:hidden}.settings-preview.is-unavailable{opacity:.65}.settings-preview.is-ready{outline:2px solid color-mix(in srgb,var(--theme-secondary,#72c900) 55%,transparent)}.catalog-line-tax-options{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem 1rem}@media(max-width:760px){.tax-definition-row{grid-template-columns:1fr 1fr}.tax-definition-row .settings-toggle-row{grid-column:1/-1}.tax-definition-row .tax-delete-button{justify-self:start}}
.settings-status{min-height:18px;margin-top:12px;color:#39751d;font-size:12px;font-weight:800}
.settings-note{display:grid;gap:12px}
.settings-note-row{padding:13px;border-radius:13px;background:#f8f6fa;color:#665d6e;font-size:12px;line-height:1.45;font-weight:650}
.settings-note-row strong{display:block;margin-bottom:4px;color:#3c3244}
.profile-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:start}
.profile-list-card,.profile-editor{border:1px solid #e8e3ec;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 8px 28px rgba(45,31,60,.04)}
.profile-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid #eeeaf1}
.profile-list-head h3{margin:0;font-size:15px;color:#352c3d}
.add-profile-btn{width:34px;height:34px;border:1px solid #ded6e6;border-radius:11px;background:#f8f5fb;color:#4a1cb0;font-size:20px;font-weight:800}
.profile-list{display:grid;gap:4px;padding:8px}
.profile-list-item{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;width:100%;padding:10px;border:0;border-radius:12px;background:transparent;color:#3c3343;text-align:left}
.profile-list-item:hover,.profile-list-item.active{background:#f1ecf7;color:#4a267e}
.profile-list-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#eae3f5;color:#553789;font-weight:900}
.profile-list-copy strong,.profile-list-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-list-copy small{margin-top:3px;color:#877e8e;font-size:10px;font-weight:700}
.profile-active-mark{color:#4a1cb0;font-size:11px;font-weight:900}
.profile-editor{padding:22px}
.profile-editor-head{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.profile-editor-avatar{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,#4a1cb0,#7a45d6);color:#fff;font-size:20px;font-weight:900}
.profile-editor-head h3{margin:0;color:#352c3d;font-size:20px}.profile-editor-head p{margin:4px 0 0;color:#7d7484;font-size:12px;font-weight:650}
.profile-account-access{margin:0 0 22px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--theme-soft,#f7f4fb)}
.profile-account-access-head{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center}
.profile-account-access-head .settings-nav-icon{width:44px;height:44px}
.profile-account-access-head h4{margin:0;color:var(--ink);font-size:16px;line-height:1.2}.profile-account-access-head p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.4;font-weight:650}
.profile-account-status{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:var(--surface,#fff);border:1px solid var(--line);color:var(--muted);font-size:11px;font-weight:850;white-space:nowrap}
.profile-account-status.is-active{border-color:#b9dc9f;background:#eff9e9;color:#376f23}
.profile-account-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.55fr);gap:12px;margin-top:16px}
.profile-account-grid label{display:block;margin-bottom:7px;color:var(--ink);font-size:11px;font-weight:800}
.profile-account-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.profile-account-summary strong,.profile-account-summary span{display:block}.profile-account-summary strong{color:var(--ink);font-size:12px}.profile-account-summary div>span{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.4;font-weight:650}
.profile-permission-details{margin-top:14px;border-top:1px solid var(--line)}
.profile-permission-details summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 2px 0;color:var(--ink);font-size:12px;font-weight:850;cursor:pointer;list-style:none}
.profile-permission-details summary::-webkit-details-marker{display:none}
.profile-permission-details summary:after{content:"⌄";order:3;color:var(--purple);font-size:18px;line-height:1;transition:transform .16s ease}
.profile-permission-details[open] summary:after{transform:rotate(180deg)}
.profile-permission-details summary small{margin-left:auto;color:var(--muted);font-size:10px;font-weight:750}
.profile-permission-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:13px}
.profile-permission-card{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:start;min-height:94px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--surface,#fff)}
.profile-permission-card input{position:absolute;opacity:0;pointer-events:none}
.profile-permission-mark{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#edf8ea;color:#317624;font-size:14px;font-weight:950}
.profile-permission-card.is-denied .profile-permission-mark{background:#f7eeee;color:#a33a3a}
.profile-permission-card strong{display:block;color:var(--ink);font-size:11px;line-height:1.25}.profile-permission-card small{display:block;margin-top:4px;color:var(--muted);font-size:9px;line-height:1.35;font-weight:650}
.profile-permission-card.is-editable{cursor:pointer}.profile-permission-card.is-editable:hover{border-color:color-mix(in srgb,var(--purple) 35%,var(--line));background:var(--theme-soft)}
.profile-permission-note{margin:10px 2px 0;color:var(--muted);font-size:10px;line-height:1.4;font-weight:650}
.sidebar-settings-action{flex:0 0 auto;margin-top:4px}
.profile-account-next-step{max-width:310px;color:var(--muted);font-size:10px;line-height:1.4;font-weight:750;text-align:right}
.profile-invitation-actions{display:flex;align-items:center;gap:14px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.profile-invitation-actions .btn{flex:0 0 auto}
#profileInvitationStatus{color:var(--muted);font-size:10px;line-height:1.4;font-weight:750}
#profileInvitationStatus.is-error{color:#a52222}
#profileInvitationStatus.is-success{color:#376f23}
.profile-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.profile-form-grid .full{grid-column:1/-1}
.profile-editor-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid #eeeaf1}
.danger-btn{margin-left:auto;border:1px solid #f0caca!important;background:#fff8f8!important;color:#a01717!important}
.local-profile-note{margin:16px 0 0;padding:12px 14px;border-radius:12px;background:#f8f6fa;color:#756c7c;font-size:11px;line-height:1.45;font-weight:650}

/* v2.13 customer database */
.customer-overlay{position:fixed;inset:0;z-index:170;display:grid;place-items:center;padding:24px;background:rgba(26,20,35,.46);backdrop-filter:blur(9px);opacity:0;visibility:hidden;transition:.2s ease}
.customer-overlay.is-open{opacity:1;visibility:visible}
.customer-overlay.is-elevated{z-index:210}
.customer-modal{width:min(760px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid #e5dfea;border-radius:24px;padding:24px;background:#fff;box-shadow:0 30px 95px rgba(25,15,38,.28);transform:translateY(12px) scale(.985);transition:.22s ease}
.customer-overlay.is-open .customer-modal{transform:none}
.small-modal{width:min(610px,100%)}.duplicate-modal{width:min(690px,100%)}
.customer-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #eeeaf1}
.customer-modal-head h2{margin:6px 0 0;color:#30283a;font-size:24px;letter-spacing:-.4px}.customer-modal-head p{margin:7px 0 0;color:#786f80;font-size:12px;line-height:1.45;font-weight:650}
.modal-kicker{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eee9f6;color:#5a3f86;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.7px}.modal-kicker.warning{background:#fff4d8;color:#8a6200}
.modal-close{width:36px;height:36px;flex:0 0 auto;border:1px solid #e4dee9;border-radius:11px;background:#faf9fb;color:#6b6173;font-size:23px;line-height:1}
.customer-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.customer-form-grid .full{grid-column:1/-1}.customer-form-section{margin-top:3px;padding-top:17px;border-top:1px solid #eeeaf1}.customer-form-section h3{margin:0;color:#4a4053;font-size:14px}.optional{color:#9a929f;font-size:9px;font-weight:700}
.customer-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid #eeeaf1}.customer-modal-actions .btn.primary{background:#332b3b;color:#fff}.customer-modal-actions .btn.ghost{border:1px solid #e2dce7;background:#fff;color:#5d4c69}.modal-status{margin-right:auto;color:#a01717;font-size:11px;font-weight:800}
.duplicate-separate{border:1px solid #decaf2;background:#f7f1fd;color:#4a1cb0}.duplicate-list{display:grid;gap:10px}.duplicate-item{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center;padding:15px;border:1px solid #e7e1eb;border-radius:15px;background:#fcfbfd}.duplicate-item h3{margin:0;color:#372e40;font-size:15px}.duplicate-item p{margin:5px 0 0;color:#7b7282;font-size:11px;line-height:1.45;font-weight:650}.duplicate-reasons{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.duplicate-reasons span{padding:4px 7px;border-radius:999px;background:#fff2d4;color:#7b5900;font-size:9px;font-weight:800}.duplicate-actions{display:flex;gap:7px}.duplicate-actions button{border:1px solid #ddd5e4;border-radius:9px;padding:8px 10px;background:#fff;color:#554461;font-size:10px;font-weight:850}
.note-entry{min-height:150px;resize:vertical}
.customer-link-panel{margin:18px 0}.customer-panel-actions{display:flex;gap:8px;flex-wrap:wrap}.customer-panel-actions .btn.ghost{border:1px solid #dfd7e7;background:#fff;color:#513f60}.quiet-btn{border:0;background:transparent;color:#7b7182;font-size:11px}.customer-search-box{display:grid;grid-template-columns:26px 1fr;align-items:center;width:100%;min-height:54px;padding:0 14px;border:1px solid #ddd7e3;border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(40,28,52,.035)}.customer-search-box span{color:#5a4084;font-size:20px;font-weight:900}.customer-search-box input{height:52px;padding:0;border:0!important;background:transparent!important;outline:0;box-shadow:none}.customer-search-box.compact{max-width:680px;min-height:48px;border-radius:14px}.customer-search-box.compact input{height:46px}
.estimate-customer-results{display:grid;gap:7px;max-width:680px;margin-top:10px}.estimate-customer-result{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;width:100%;padding:11px 13px;border:1px solid #e8e3eb;border-radius:12px;background:#fff;text-align:left}.estimate-customer-result:hover{border-color:#cdbdde;background:#faf7fd}.estimate-customer-result strong{display:block;color:#3c3244;font-size:12px}.estimate-customer-result span{display:block;margin-top:3px;color:#837a89;font-size:10px;font-weight:650}.estimate-customer-result b{color:#4a1cb0;font-size:10px}
.selected-customer-card{display:grid;grid-template-columns:46px 1fr auto;gap:13px;align-items:center;padding:15px;border:1px solid #d7c9e8;border-radius:15px;background:#f8f5fb}.selected-customer-card[hidden]{display:none}.selected-customer-avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#4a1cb0,#7440cf);color:#fff;font-size:16px;font-weight:900}.selected-customer-copy strong{display:block;color:#34293e;font-size:14px}.selected-customer-copy span{display:block;margin-top:4px;color:#776d7e;font-size:11px;line-height:1.4;font-weight:650}.selected-customer-actions{display:flex;gap:7px}.selected-customer-actions button{border:1px solid #ddd4e5;border-radius:9px;padding:8px 10px;background:#fff;color:#554461;font-size:10px;font-weight:850}.customer-link-status{min-height:18px;margin-top:10px;color:#716879;font-size:11px;font-weight:750}.customer-link-status.warning{color:#9b6200}
.customer-page-heading{align-items:flex-end;gap:28px;margin:0 0 24px;padding-bottom:20px}.customer-page-heading h2{margin:6px 0 8px;font-size:38px;line-height:1.05;letter-spacing:-.6px}.customer-page-heading p{margin:0;color:var(--muted,#6f6876);font-weight:650}.customer-page-heading .btn.primary,.customer-profile-actions .btn.primary{background:#332b3b;color:#fff}.customer-page-heading .btn{align-self:center}.customer-database-alert{margin-bottom:16px;padding:13px 15px;border:1px solid #f0d0d0;border-radius:13px;background:#fff7f7;color:#8e2020;font-size:12px;line-height:1.45;font-weight:750}
.team-page-heading{align-items:flex-end;gap:28px;margin:0 0 24px;padding-bottom:20px}.team-page-heading h2{margin:6px 0 8px;font-size:38px;line-height:1.05;letter-spacing:-.6px}.team-page-heading p{margin:0;color:var(--muted,#6f6876);font-weight:650}.team-page-heading .btn{align-self:center}.domain-sync-summary{display:block;margin-top:9px;color:#807788;font-size:11px;font-weight:800}
.settings-page-heading{align-items:flex-end;gap:28px;margin:0 0 24px;padding-bottom:20px}.settings-page-heading h2{margin:6px 0 8px;font-size:38px;line-height:1.05;letter-spacing:-.6px}.settings-page-heading p{margin:0;color:var(--muted,#6f6876);font-weight:650}
.customer-search-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:18px}.customer-result-count{flex:0 0 auto;color:#807788;font-size:11px;font-weight:800}.customer-results{display:grid;gap:9px}.customer-result-row{display:grid;grid-template-columns:48px minmax(150px,1.15fr) minmax(130px,.8fr) minmax(170px,1fr) 110px;gap:14px;align-items:center;width:100%;padding:15px 17px;border:1px solid #e8e4ec;border-radius:16px;background:#fff;color:#3d3444;text-align:left;box-shadow:0 4px 16px rgba(40,28,52,.025)}.customer-result-row:hover{border-color:#cec1dc;background:#fcfafd}.customer-result-avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#eee8f6;color:#593b88;font-weight:900}.customer-result-main strong{display:block;font-size:14px}.customer-result-main span,.customer-result-detail span{display:block;margin-top:4px;color:#837a89;font-size:10px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-result-detail strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.estimate-count-pill{justify-self:end;padding:6px 9px;border-radius:999px;background:#f1edf6;color:#5b4670;font-size:9px;font-weight:850}.customer-empty{padding:50px 20px;border:1px dashed #ddd5e4;border-radius:18px;background:#fcfbfd;color:#776e7e;text-align:center}.customer-empty strong{display:block;margin-bottom:6px;color:#3e3447;font-size:15px}
.customer-hover-preview{position:fixed;z-index:3200;width:min(360px,calc(100vw - 32px));padding:16px;border:1px solid #dcd3e5;border-radius:17px;background:#fff;color:#382f41;box-shadow:0 22px 60px rgba(38,26,50,.2);pointer-events:none}.customer-hover-preview[hidden]{display:none}.customer-hover-head{display:flex;align-items:center;gap:11px}.customer-hover-head>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#eee8f6;color:#593b88;font-weight:900}.customer-hover-head strong,.customer-hover-head small{display:block}.customer-hover-head strong{font-size:14px}.customer-hover-head small{margin-top:3px;color:#81788a;font-size:10px}.customer-hover-contact{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.customer-hover-contact span{min-width:0;padding:9px;border-radius:10px;background:#f8f6fa;color:#504657;font-size:10px;font-weight:750;overflow-wrap:anywhere}.customer-hover-contact span.full{grid-column:1/-1}.customer-hover-contact b{display:block;margin-bottom:3px;color:#8a8091;font-size:8px;text-transform:uppercase;letter-spacing:.06em}.customer-hover-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.customer-hover-stats span{padding:8px;border:1px solid #ece7ef;border-radius:9px;color:#7a7080;font-size:9px;text-align:center}.customer-hover-stats strong{display:block;margin-bottom:2px;color:#3b3144;font-size:13px}.customer-hover-hint{display:block;margin-top:10px;color:#83798a;font-size:9px;font-weight:750}.customer-hover-preview[hidden]{display:none!important}html[data-color-mode="dark"] .customer-hover-preview{border-color:#465468;background:#18222d;color:#f3f6fa}html[data-color-mode="dark"] .customer-hover-head small,html[data-color-mode="dark"] .customer-hover-hint{color:#aeb9c7}html[data-color-mode="dark"] .customer-hover-contact span{background:#101821;color:#e8edf3}html[data-color-mode="dark"] .customer-hover-stats span{border-color:#3c4b5e;color:#b8c3d0}html[data-color-mode="dark"] .customer-hover-stats strong{color:#f4f7fb}
.customer-profile-hero{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end;margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid #eeeaf1}.back-link{grid-column:1/-1;justify-self:start;border:0;padding:0;background:transparent;color:#5b4380;font-size:12px;font-weight:800}.customer-profile-title{display:flex;align-items:center;gap:14px}.customer-profile-avatar{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#4a1cb0,#7440cf);color:#fff;font-size:20px;font-weight:900}.customer-id-label{color:#867d8d;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.7px}.customer-profile-title h2{margin:4px 0 0;color:#30283a;font-size:27px;letter-spacing:-.5px}.customer-profile-title p{margin:5px 0 0;color:#786f80;font-size:12px;font-weight:700}.customer-profile-actions{display:flex;gap:9px}.customer-profile-actions .btn.ghost{border:1px solid #e1dbe6;background:#fff;color:#554461}
.customer-profile-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.72fr);gap:18px;align-items:start}.customer-profile-main,.customer-profile-side{display:grid;gap:18px}.customer-section-card{border:1px solid #e8e3ec;border-radius:18px;padding:20px;background:#fff;box-shadow:0 6px 24px rgba(43,30,56,.035)}.section-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:16px}.section-card-head h3,.customer-meta-card h3{margin:0;color:#392f42;font-size:16px}.section-card-head p{margin:5px 0 0;color:#847b8a;font-size:10px;font-weight:650}.text-action{border:0;background:transparent;color:#4a1cb0;font-size:10px;font-weight:850;white-space:nowrap}
.contact-information-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contact-detail{padding:12px;border-radius:12px;background:#f8f6fa}.contact-detail span{display:block;color:#8a818f;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.45px}.contact-detail strong{display:block;margin-top:5px;color:#44384d;font-size:11px;line-height:1.4;word-break:break-word}.contact-detail.full{grid-column:1/-1}.saved-addresses{display:grid;gap:8px;margin-top:10px}.saved-address{padding:12px 13px;border:1px solid #ebe6ef;border-radius:12px}.saved-address strong{display:block;color:#473b50;font-size:11px}.saved-address span{display:block;margin-top:4px;color:#817789;font-size:10px;line-height:1.4;font-weight:650}
.internal-note-list{display:grid;gap:9px}.internal-note{padding:12px;border-radius:12px;background:#fff9e9;color:#594e35;font-size:11px;line-height:1.48;white-space:pre-wrap}.internal-note footer{margin-top:8px;color:#95876b;font-size:9px;font-weight:750}.note-empty{padding:20px 8px;color:#8a818f;text-align:center;font-size:11px}.customer-meta-card div{display:grid;gap:8px;margin-top:13px}.customer-meta-row{display:flex;justify-content:space-between;gap:14px;color:#817789;font-size:10px;font-weight:700}.customer-meta-row strong{color:#4b4054;text-align:right}
.customer-estimate-history{display:grid;gap:8px}.customer-estimate-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px;border:1px solid #e9e4ed;border-radius:13px}.customer-estimate-row h4{margin:0;color:#403548;font-size:12px}.customer-estimate-row p{margin:5px 0 0;color:#827889;font-size:10px;line-height:1.45;font-weight:650}.estimate-status{display:inline-flex;margin-left:7px;padding:3px 6px;border-radius:999px;background:#edf5e8;color:#39711f;font-size:8px;font-weight:850;vertical-align:1px}.customer-estimate-row button{border:1px solid #ddd5e4;border-radius:9px;padding:8px 10px;background:#fff;color:#523e63;font-size:10px;font-weight:850}

/* v2.13 build 26 navigation and complete settings hub */
html[data-theme="classic"]{--purple:#4a1cb0;--purple-2:#34117f;--green:#72c900;--green-dark:#287b0b;--theme-soft:#f5f1fa;--theme-button-text:#173500}
html[data-theme="ocean"]{--purple:#075985;--purple-2:#0c4a6e;--green:#14b8a6;--green-dark:#0f766e;--theme-soft:#ecfeff;--theme-button-text:#052f35}
html[data-theme="forest"]{--purple:#285943;--purple-2:#173f31;--green:#d5a72a;--green-dark:#9a6c00;--theme-soft:#f2f7f3;--theme-button-text:#302200}
html[data-theme="slate"]{--purple:#334155;--purple-2:#1e293b;--green:#60a5fa;--green-dark:#2563eb;--theme-soft:#f1f5f9;--theme-button-text:#10233e}
html[data-theme="rose"]{--purple:#702459;--purple-2:#4a163b;--green:#f08ab8;--green-dark:#be477c;--theme-soft:#fff1f7;--theme-button-text:#4a1633}
html[data-theme="sunset"]{--purple:#a33d16;--purple-2:#70270e;--green:#f4b942;--green-dark:#ba7410;--theme-soft:#fff7ed;--theme-button-text:#4a2800}
html[data-theme="midnight"]{--purple:#312e81;--purple-2:#1e1b4b;--green:#22d3ee;--green-dark:#0891b2;--theme-soft:#eef2ff;--theme-button-text:#083344}
html[data-theme="sand"]{--purple:#795548;--purple-2:#4e342e;--green:#9db879;--green-dark:#657b49;--theme-soft:#faf7f2;--theme-button-text:#26351b}
html[data-theme="berry"]{--purple:#86198f;--purple-2:#581c87;--green:#6ee7b7;--green-dark:#169768;--theme-soft:#fdf4ff;--theme-button-text:#124333}
html[data-theme="mono"]{--purple:#27272a;--purple-2:#09090b;--green:#a1a1aa;--green-dark:#52525b;--theme-soft:#f4f4f5;--theme-button-text:#18181b}
html[data-theme="dark"]{color-scheme:dark;--purple:#8b5cf6;--purple-2:#5b21b6;--green:#a3e635;--green-dark:#84cc16;--theme-soft:#242a35;--theme-button-text:#172006;--ink:#f2f5f9;--muted:#a7afbd;--line:#333b48}
html[data-theme] .ai-side-action.active{background:var(--theme-soft);color:var(--purple)}
html[data-theme] .step-badge,html[data-theme] .profile-editor-avatar,html[data-theme] .customer-profile-avatar,html[data-theme] .selected-customer-avatar{background:linear-gradient(135deg,var(--purple),var(--purple-2))}
html[data-theme] .text-action,html[data-theme] .back-link,html[data-theme] .customer-search-box span,html[data-theme] .estimate-customer-result b{color:var(--purple)}
html[data-theme] .add-profile-btn,html[data-theme] .profile-active-mark,html[data-theme] .duplicate-separate,html[data-theme] .theme-check{color:var(--purple)}
html[data-theme] .customer-result-avatar,html[data-theme] .profile-list-avatar{background:var(--theme-soft);color:var(--purple)}
html[data-theme] .btn.primary{background:var(--green);color:var(--theme-button-text)}
html[data-theme] .settings-gear:hover,html[data-theme] .settings-gear.active{border-color:color-mix(in srgb,var(--purple) 35%,white);background:var(--theme-soft);color:var(--purple)}
.header-back{width:38px;height:38px;display:grid;flex:0 0 auto;place-items:center;border:1px solid #e3dde8;border-radius:12px;background:#faf9fb;color:#4d4355;font-size:23px;line-height:1;transition:.18s ease}
.header-back:hover:not(:disabled){border-color:#cdbfdd;background:var(--theme-soft);color:var(--purple)}.header-back:disabled{opacity:.38;cursor:default}
.header-date-time{min-width:142px;color:#756d7d;text-align:right;font-size:10px;font-weight:800;line-height:1.35}.header-date-time strong{display:block;color:#443b4c;font-size:11px}
.settings-hub{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;align-items:start}.settings-hub-nav{position:sticky;top:92px;display:grid;gap:5px;padding:9px;border:1px solid #e8e3ec;border-radius:18px;background:#fbfafc}.settings-hub-nav button{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;width:100%;padding:11px;border:0;border-radius:12px;background:transparent;color:#5c5363;text-align:left;font-size:12px;font-weight:800}.settings-hub-nav button:hover,.settings-hub-nav button.active{background:var(--theme-soft);color:var(--purple)}.settings-nav-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#fff;border:1px solid #e7e1eb;font-size:13px}.settings-content{min-width:0}.settings-panel{display:none}.settings-panel.active{display:block}.settings-panel-head{margin-bottom:17px}.settings-panel-head h3{margin:0;color:#30283a;font-size:23px;letter-spacing:-.35px}.settings-panel-head p{max-width:720px;margin:7px 0 0;color:#7a7281;font-size:12px;line-height:1.5;font-weight:650}
.settings-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.settings-overview-card{display:grid;grid-template-columns:44px 1fr auto;gap:13px;align-items:center;padding:17px;border:1px solid #e8e3ec;border-radius:17px;background:#fff;color:#403747;text-align:left;box-shadow:0 5px 18px rgba(45,31,60,.035)}.settings-overview-card:hover{border-color:#cfc2dc;background:#fcfafd}.settings-overview-card .settings-nav-icon{width:44px;height:44px;font-size:18px}.settings-overview-card strong,.settings-overview-card span{display:block}.settings-overview-card span{margin-top:4px;color:#82798a;font-size:10px;line-height:1.4;font-weight:650}.settings-overview-card b{color:#a69cab;font-size:20px}
.settings-section-card{border:1px solid #e8e3ec;border-radius:18px;padding:21px;background:#fff;box-shadow:0 8px 28px rgba(45,31,60,.04)}.settings-section-card+.settings-section-card{margin-top:14px}.settings-section-card h4{margin:0;color:#3a3142;font-size:16px}.settings-section-card>p{margin:6px 0 17px;color:#7b7381;font-size:11px;line-height:1.5;font-weight:650}.setting-action-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.setting-action-row .btn.ghost,.settings-panel .btn.ghost{border:1px solid #e1dbe6;background:#fff;color:#554461}.setting-action-row .danger-btn{margin-left:auto}.settings-data-stat{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:17px}.settings-data-stat div{padding:13px;border-radius:13px;background:#f8f6fa}.settings-data-stat span,.settings-data-stat strong{display:block}.settings-data-stat span{color:#847b8a;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.4px}.settings-data-stat strong{margin-top:5px;color:#403647;font-size:16px}.import-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.import-row select{width:100%}
.file-format-note{margin-top:10px;color:#83798a;font-size:10px;line-height:1.45;font-weight:700}
.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.theme-option{display:grid;grid-template-columns:48px 1fr 24px;gap:12px;align-items:center;padding:13px;border:1px solid #e7e2ea;border-radius:14px;background:#fff;color:#443a4c;text-align:left}.theme-option:hover,.theme-option.selected{border-color:var(--purple);box-shadow:0 0 0 2px color-mix(in srgb,var(--purple) 12%,transparent)}.theme-swatches{display:grid;grid-template-columns:1fr 1fr;width:48px;height:38px;overflow:hidden;border-radius:11px}.theme-option strong,.theme-option small{display:block}.theme-option small{margin-top:3px;color:#8a818f;font-size:9px;font-weight:700}.theme-check{color:var(--purple);font-weight:900}.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-form-grid .full{grid-column:1/-1}.settings-form-grid label{display:block;margin-bottom:6px;color:#5a515f;font-size:10px;font-weight:850}.settings-form-grid textarea{min-height:92px;resize:vertical}.settings-warning-stack{display:grid;gap:8px;margin:15px 0}.settings-warning{display:grid;grid-template-columns:26px 1fr;gap:10px;padding:11px 12px;border:1px solid #efe3bd;border-radius:12px;background:#fffaf0;color:#6c5b2e;font-size:10px;line-height:1.45;font-weight:700}.settings-warning b{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:#f7e7ae;color:#765600}.settings-warning-stack.is-dirty .settings-warning{border-color:#e5c55e;background:#fff8dc}.company-change-note{display:none;margin:0 0 14px;padding:11px 13px;border-radius:12px;background:#fff4d8;color:#7a5700;font-size:11px;font-weight:800}.company-change-note.is-visible{display:block}
.row-remove{margin-left:auto;border:0;background:transparent;color:#a01717;font-size:9px;font-weight:850}.saved-address{display:grid;grid-template-columns:1fr auto;gap:10px}.saved-address>span{grid-column:1/2}.internal-note{display:grid;grid-template-columns:1fr auto;gap:8px}.internal-note footer{grid-column:1/2}.internal-note .row-remove{grid-column:2;grid-row:1/3;align-self:start}.customer-profile-actions .danger-btn{margin-left:0}.toast{position:fixed;right:24px;bottom:24px;z-index:220;max-width:360px;padding:13px 15px;border:1px solid #ded6e5;border-radius:14px;background:#30283a;color:#fff;box-shadow:0 18px 55px rgba(25,15,38,.25);font-size:11px;font-weight:800;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s ease}.toast.is-visible{opacity:1;transform:none}

/* Build 27 shared visual system */
@font-face{font-family:"CentralOS Inter";src:url("../fonts/inter/InterVariable.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"CentralOS Inter";src:url("../fonts/inter/InterVariable-Italic.woff2") format("woff2");font-style:italic;font-weight:100 900;font-display:swap}
:root{--ui-font:"CentralOS Inter",Inter,-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;--ui-body:13px;--ui-small:11px;--ui-label:11px;--ui-heading:17px;--ui-line-height:1.5}
html[data-font-family="system"]{--ui-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif}
html[data-font-size="large"]{--ui-body:14px;--ui-small:12px;--ui-label:12px;--ui-heading:18px}
body{font-family:var(--ui-font);font-size:var(--ui-body);line-height:var(--ui-line-height)}
button,input,select,textarea{font-family:var(--ui-font)}
option,optgroup,input::placeholder,textarea::placeholder{font-family:var(--ui-font)}
.panel-head h2,.section-card-head h3,.customer-meta-card h3,.settings-section-card h4{font-size:var(--ui-heading);line-height:1.25;letter-spacing:-.15px}
.panel-head p,.section-card-head p,.settings-section-card>p,.settings-panel-head p,.customer-modal-head p,.selected-customer-copy span,.customer-link-status,.saved-row span,.customer-estimate-row p,.internal-note,.saved-address span,.local-profile-note,.settings-note-row{font-size:var(--ui-small);line-height:var(--ui-line-height);font-weight:650}
label,.settings-form-grid label,.contact-detail span{font-size:var(--ui-label);line-height:1.3;font-weight:800;letter-spacing:0}
select,input,textarea{font-size:var(--ui-body);line-height:1.45}
.step-badge{color:#fff!important;background:linear-gradient(135deg,var(--purple),var(--purple-2))!important}
.customer-id-label{display:block;max-width:520px;color:var(--purple);font-size:12px;font-weight:750;text-transform:none;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contact-detail strong,.saved-address strong,.customer-meta-row,.customer-estimate-row h4{font-size:12px;line-height:1.45}
.estimate-status,.estimate-count-pill{font-size:9px}
.estimate-document-actions,.customer-estimate-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.estimate-document-actions .btn{width:auto;min-width:0;padding:9px 12px;font-size:11px}
.customer-estimate-row{grid-template-columns:minmax(0,1fr) auto}
.customer-estimate-row button{font-size:10px}
html[data-theme] .tool-sidebar,html[data-theme] .ai-sidebar{background:color-mix(in srgb,var(--theme-soft) 74%,white);border-color:color-mix(in srgb,var(--purple) 12%,white)}
html[data-theme] .ai-brand strong,html[data-theme] .ai-welcome h2,html[data-theme] .hero-card h2,html[data-theme] .customer-id-label{color:var(--purple)}
html[data-theme] .ai-side-action:hover,html[data-theme] .ai-side-action.active,html[data-theme] .profile-list-item:hover,html[data-theme] .profile-list-item.active,html[data-theme] .template.active,html[data-theme] .tab.active{background:var(--theme-soft);color:var(--purple);border-color:color-mix(in srgb,var(--purple) 30%,white)}
html[data-theme] .team-choice:hover,html[data-theme] .team-choice.active,html[data-theme] .ai-suggestions .ai-prompt:hover{background:var(--theme-soft);color:var(--purple);border-color:color-mix(in srgb,var(--purple) 30%,white)}
html[data-theme] .team-choice-avatar,html[data-theme] .modal-kicker,html[data-theme] .duplicate-separate{background:var(--theme-soft);color:var(--purple)}
html[data-theme] .ai-avatar{background:linear-gradient(135deg,var(--purple),var(--purple-2))}
html[data-theme] .welcome-step{background:var(--theme-soft);color:var(--purple)}
html[data-theme] .welcome-actions .btn{background:var(--green);color:var(--theme-button-text)}
html[data-theme] .selected-customer-card{border-color:color-mix(in srgb,var(--purple) 24%,white);background:color-mix(in srgb,var(--theme-soft) 72%,white)}
html[data-theme] .customer-search-box:focus-within,html[data-theme] .estimate-customer-result:hover,html[data-theme] .customer-result-row:hover,html[data-theme] .theme-option.selected{border-color:color-mix(in srgb,var(--purple) 48%,white);background:color-mix(in srgb,var(--theme-soft) 62%,white)}
html[data-theme] select:focus,html[data-theme] input:focus,html[data-theme] textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px color-mix(in srgb,var(--purple) 14%,transparent)}
html[data-theme] .mini-btn,html[data-theme] .customer-estimate-row button,html[data-theme] .selected-customer-actions button,html[data-theme] .duplicate-actions button{color:var(--purple);border-color:color-mix(in srgb,var(--purple) 18%,white)}
html[data-theme] .modal-kicker,html[data-theme] .estimate-count-pill,html[data-theme] .profile-list-avatar,html[data-theme] .customer-result-avatar,html[data-theme] .pdf-side-icon{background:var(--theme-soft);color:var(--purple)}
html[data-theme] .ai-send,html[data-theme] .tab.active{background:var(--purple);color:#fff}
html[data-theme] .toast{background:var(--purple);border-color:var(--purple)}
html[data-theme] .pdf-cover-copy h2 span,html[data-theme] .pdf-cover-copy h3,html[data-theme] .pdf-cover-meta b,html[data-theme] .pdf-date-icon,html[data-theme] .pdf-total-box span,html[data-theme] .pdf-total-box strong,html[data-theme] .pdf-info-box h4,html[data-theme] .pdf-page-title span,html[data-theme] .pdf-about-card h4,html[data-theme] .pdf-process-row strong,html[data-theme] .pdf-qr,html[data-theme] .pdf-side-icon{color:var(--purple);border-color:var(--purple)}
html[data-theme] .pdf-feature-strip{background:linear-gradient(90deg,var(--purple),var(--purple-2))}
html[data-theme] .pdf-page-title:after,html[data-theme] .pdf-process-num,html[data-theme] .pdf-qr b{background:var(--purple)}
html[data-theme] .pdf-total-box{border-color:var(--green)}
html[data-theme] .pdf-total-box .pdf-price-label,html[data-theme] .pdf-total-box .pdf-price{color:var(--green-dark)}
html[data-theme="dark"] body,html[data-theme="dark"] body.ai-home,html[data-theme="dark"] .workspace,html[data-theme="dark"] #emailView,html[data-theme="dark"] .ai-main{background:#151a22;color:#edf1f7}
html[data-theme="dark"] .tool-sidebar,html[data-theme="dark"] .ai-sidebar{background:#10151c;border-color:#2b3340}
html[data-theme="dark"] .topbar,html[data-theme="dark"] body.ai-home .topbar,html[data-theme="dark"] body:not(.ai-home) .topbar{background:rgba(20,25,33,.97);border-color:#303845;color:#f2f5f8}
html[data-theme="dark"] .topbar .brand h1,html[data-theme="dark"] body:not(.ai-home) .topbar .brand h1,html[data-theme="dark"] .settings-panel-head h3,html[data-theme="dark"] .settings-section-card h4,html[data-theme="dark"] .page-heading h2,html[data-theme="dark"] .panel-head h2,html[data-theme="dark"] .section-card-head h3,html[data-theme="dark"] .customer-meta-card h3,html[data-theme="dark"] .customer-profile-title h2,html[data-theme="dark"] .customer-modal-head h2,html[data-theme="dark"] .saved-row strong{color:#f1f4f8}
html[data-theme="dark"] .topbar .brand p,html[data-theme="dark"] body:not(.ai-home) .topbar .brand p,html[data-theme="dark"] .page-heading p,html[data-theme="dark"] .panel-head p,html[data-theme="dark"] .settings-panel-head p,html[data-theme="dark"] .settings-section-card>p,html[data-theme="dark"] .customer-modal-head p,html[data-theme="dark"] .selected-customer-copy span,html[data-theme="dark"] .customer-link-status,html[data-theme="dark"] .saved-row span{color:#aab2bf}
html[data-theme="dark"] .panel,html[data-theme="dark"] .hero-card,html[data-theme="dark"] .settings-section-card,html[data-theme="dark"] .settings-overview-card,html[data-theme="dark"] .settings-hub-nav,html[data-theme="dark"] .customer-section-card,html[data-theme="dark"] .customer-meta-card,html[data-theme="dark"] .profile-list-card,html[data-theme="dark"] .profile-editor,html[data-theme="dark"] .customer-modal,html[data-theme="dark"] .confirm-card,html[data-theme="dark"] .saved-row,html[data-theme="dark"] .customer-result-row,html[data-theme="dark"] .customer-estimate-row,html[data-theme="dark"] .estimate-customer-result,html[data-theme="dark"] .theme-option{background:#1d232d;border-color:#343c49;color:#edf1f6;box-shadow:none}
html[data-theme="dark"] .global-search,html[data-theme="dark"] .customer-search-box,html[data-theme="dark"] select,html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] .setting-field,html[data-theme="dark"] .contact-detail,html[data-theme="dark"] .saved-address,html[data-theme="dark"] .global-search-results{background:#171c24!important;border-color:#343d4a;color:#edf1f6}
html[data-theme="dark"] .global-search-result{color:#edf1f6}html[data-theme="dark"] .global-search-result:hover{background:#252d39}html[data-theme="dark"] .global-search-result small,html[data-theme="dark"] .theme-option small,html[data-theme="dark"] .contact-detail span,html[data-theme="dark"] .contact-detail strong,html[data-theme="dark"] label{color:#aeb6c3}
html[data-theme="dark"] .header-back,html[data-theme="dark"] .settings-gear,html[data-theme="dark"] .btn.ghost,html[data-theme="dark"] .mini-btn,html[data-theme="dark"] .selected-customer-actions button{background:#202731;border-color:#394352;color:#dce3ec}
html[data-theme="dark"] .selected-customer-card{background:#202632;border-color:#4c3a72}html[data-theme="dark"] .customer-result-main strong,html[data-theme="dark"] .customer-result-detail strong,html[data-theme="dark"] .selected-customer-copy strong,html[data-theme="dark"] .customer-estimate-row h4{color:#eef2f7}
html[data-theme="dark"] .doc.website-pdf,html[data-theme="dark"] .doc.website-pdf .pdf-page,html[data-theme="dark"] .doc.website-pdf .pdf-sheet,html[data-theme="dark"] .doc.website-pdf .pdf-info-box,html[data-theme="dark"] .doc.website-pdf .pdf-about-card,html[data-theme="dark"] .doc.website-pdf .pdf-detail-table,html[data-theme="dark"] .doc.website-pdf .pdf-total-box{color:#202026;background:#fff;color-scheme:light}
body:not(.exporting-pdf) .preview-section .pdf-page:nth-child(n+2){display:none}
body:not(.exporting-pdf) .preview-section .preview-shell{display:flex;justify-content:center;align-items:flex-start;height:var(--pdf-preview-height,760px);max-height:none;overflow:hidden}
body:not(.exporting-pdf) .preview-section .preview-frame{width:8.5in;max-width:none;min-width:8.5in;transform:scale(var(--pdf-preview-scale,.72));transform-origin:top center}
body.exporting-pdf .preview-frame{transform:none!important}body.exporting-pdf .preview-shell{height:auto!important}body.exporting-pdf .preview-section .pdf-page:nth-child(n+2){display:block!important}
body.exporting-pdf .tool-sidebar,body.exporting-pdf .topbar,body.exporting-pdf .hero-card,body.exporting-pdf .left-panel,body.exporting-pdf .panel-head,body.exporting-pdf #savedView,body.exporting-pdf #customersView,body.exporting-pdf #customerProfileView,body.exporting-pdf #priceGuideView,body.exporting-pdf #emailView,body.exporting-pdf #settingsView,body.exporting-pdf #profileView{display:none!important}
body.exporting-pdf .workspace{margin-left:0!important;padding:0!important;max-width:none!important}
@media(max-width:1040px){.customer-result-row{grid-template-columns:46px 1fr 1fr 90px}.customer-result-row .customer-address-column{display:none}.customer-profile-grid{grid-template-columns:1fr}}
@media(max-width:860px){.settings-layout,.profile-layout,.settings-hub{grid-template-columns:1fr}.settings-hub-nav{position:static;grid-template-columns:repeat(3,1fr)}.settings-hub-nav button{grid-template-columns:26px 1fr;padding:9px}.profile-list-card{order:0}.profile-editor{order:1}.profile-account-grid{grid-template-columns:1fr}.profile-account-summary{align-items:flex-start;flex-direction:column}.profile-account-next-step{max-width:none;text-align:left}.profile-permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-profile-hero{grid-template-columns:1fr}.customer-profile-actions{justify-self:start}.customer-form-grid{grid-template-columns:1fr}.customer-form-grid .full{grid-column:auto}.customer-search-toolbar{display:block}.customer-result-count{display:block;margin-top:10px}.customer-result-row{grid-template-columns:44px 1fr 84px}.customer-result-row .customer-contact-column{display:none}}
@media(max-width:620px){
  .topbar,body.ai-home .topbar,body:not(.ai-home) .topbar{min-height:64px;margin-left:78px;padding:10px 12px;flex-direction:row}
  .header-left{gap:7px}.header-left .brand{display:none}.header-history{gap:4px}.global-search{width:min(360px,calc(100vw - 250px));min-width:160px}.global-search-results{width:min(430px,calc(100vw - 100px));min-width:270px}.topbar .brand p{display:none}.prepared-chip{display:none}.settings-gear{width:40px;height:40px}.header-date-time{display:none}.header-back{width:36px;height:38px}.settings-hub-nav{grid-template-columns:1fr 1fr}.settings-hub-nav button{display:flex}.settings-overview-grid,.theme-grid,.settings-form-grid{grid-template-columns:1fr}.settings-form-grid .full{grid-column:auto}.settings-data-stat{grid-template-columns:1fr}.import-row{grid-template-columns:1fr}
  .workspace,body.ai-home .workspace,body:not(.ai-home) .workspace{min-height:calc(100vh - 64px);margin-left:78px;padding:20px 14px 34px}
  #emailView{inset:64px 0 0 78px}.settings-grid,.profile-form-grid{grid-template-columns:1fr}.profile-form-grid .full{grid-column:auto}
  .page-heading{display:block}.page-heading h2{font-size:24px}.header-ai-status span{display:none}
  .customer-modal{max-height:calc(100vh - 22px);padding:18px;border-radius:20px}.customer-result-row{grid-template-columns:40px 1fr 70px;padding:12px;gap:10px}.customer-result-avatar{width:40px;height:40px}.estimate-count-pill{padding:5px 7px}.customer-profile-title h2{font-size:22px}.customer-profile-actions{flex-wrap:wrap}.contact-information-grid{grid-template-columns:1fr}.contact-detail.full{grid-column:auto}.selected-customer-card{grid-template-columns:42px 1fr}.selected-customer-actions{grid-column:1/-1}.customer-panel-actions{width:100%}.customer-panel-actions .btn{width:auto}.customer-page-heading .btn{margin-top:14px;width:auto}
}
/* Build 29: adaptive appearance, navigation, and document controls */
.tool-sidebar,body.ai-home .tool-sidebar{width:var(--sidebar-width);transition:width .22s ease,background .18s ease}
.topbar,body.ai-home .topbar,body:not(.ai-home) .topbar{min-height:72px;margin-left:var(--sidebar-width);padding:8px 20px;transition:margin-left .22s ease,background .18s ease}
.workspace,body.ai-home .workspace,body:not(.ai-home) .workspace{min-height:calc(100vh - 72px);margin-left:var(--sidebar-width);transition:margin-left .22s ease,background .18s ease}
#emailView{inset:72px 0 0 var(--sidebar-width);transition:left .22s ease,background .18s ease}
.sidebar-collapse{position:fixed;z-index:180;top:71px;right:auto;left:calc(var(--sidebar-width) - 14px);width:32px;height:42px;display:grid;place-items:center;border:1px solid #ddd7e4;border-radius:11px;background:#fff;color:#584d61;box-shadow:0 6px 18px rgba(38,25,50,.12);font-size:22px;line-height:1;pointer-events:auto;transition:left .18s ease,transform .18s ease}
.sidebar-collapse:hover{border-color:color-mix(in srgb,var(--purple) 35%,white);color:var(--purple);transform:translateX(1px)}
.sidebar-resize-handle{position:absolute;z-index:3;top:0;right:-5px;width:10px;height:100%;cursor:col-resize;touch-action:none;outline:0}
.sidebar-resize-handle:after{content:"";position:absolute;top:132px;right:3px;width:3px;height:56px;border-radius:999px;background:transparent;transition:.18s ease}
.sidebar-resize-handle:hover:after,.sidebar-resize-handle:focus:after,body.sidebar-resizing .sidebar-resize-handle:after{background:color-mix(in srgb,var(--purple) 50%,transparent)}
body.sidebar-resizing{cursor:col-resize;user-select:none}
html[data-sidebar-collapsed="true"] .tool-sidebar{padding-inline:8px}
html[data-sidebar-collapsed="true"] .tool-sidebar .ai-brand div,html[data-sidebar-collapsed="true"] .tool-sidebar .ai-side-action span:not(.ai-side-icon),html[data-sidebar-collapsed="true"] .tool-sidebar .ai-side-label,html[data-sidebar-collapsed="true"] .tool-sidebar .ai-thread-list,html[data-sidebar-collapsed="true"] .tool-sidebar .profile-copy{display:none}
html[data-sidebar-collapsed="true"] .tool-sidebar .ai-brand,html[data-sidebar-collapsed="true"] .tool-sidebar .ai-side-action,html[data-sidebar-collapsed="true"] .tool-sidebar .ai-profile{justify-content:center;padding-inline:0}
html[data-sidebar-collapsed="true"] .tool-sidebar .ai-brand img{margin:0}
html[data-sidebar-collapsed="true"] .sidebar-resize-handle{display:none}
html[data-sidebar-collapsed="true"] .sidebar-collapse{right:auto;left:calc(var(--sidebar-width) - 14px)}
.header-left{gap:12px}.header-left .brand{flex:0 1 245px;min-width:185px}.header-eyebrow{display:block;margin-bottom:3px;color:var(--purple);font-size:8px;font-weight:900;letter-spacing:.9px;text-transform:uppercase}.header-left .brand h1{font-size:16px!important;line-height:1.15}.header-left .brand p{margin-top:2px!important;font-size:10px!important}
.global-search{flex:1;width:auto;max-width:480px;min-width:230px;height:46px;border-radius:15px}.global-search input{height:44px!important;font-size:13px}.global-search-results{width:min(520px,calc(100vw - var(--sidebar-width) - 70px))}
.top-actions{gap:8px}.header-date-time,.prepared-chip{min-width:128px;max-width:210px;min-height:46px;display:flex;flex-direction:column;justify-content:center;padding:6px 10px;border:1px solid #e5e0e9;border-radius:13px;background:#faf9fb;color:#403747;text-align:left;font-size:11px;font-weight:850;line-height:1.25}.header-date-time:before,.prepared-chip:before{display:block;margin-bottom:2px;color:#918899;font-size:8px;font-weight:900;letter-spacing:.65px;text-transform:uppercase}.header-date-time:before{content:"Local time"}.prepared-chip:before{content:"Prepared by"}.header-date-time strong{color:#403747;font-size:11px}.prepared-chip{min-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-gear{width:40px;height:40px;border-radius:12px}.settings-gear svg{width:18px;height:18px}
.appearance-mode-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;padding:15px 16px;border:1px solid #e4dee8;border-radius:15px;background:#faf9fb}.appearance-mode-card strong,.appearance-mode-card span{display:block}.appearance-mode-card strong{color:#3a3042;font-size:13px}.appearance-mode-card>div>span{margin-top:4px;color:#7b7282;font-size:10px;font-weight:650;line-height:1.4}.theme-switch{position:relative;flex:0 0 auto;width:48px;height:28px;margin:0!important}.theme-switch input{position:absolute;opacity:0;pointer-events:none}.theme-switch>span{position:absolute;inset:0;border-radius:999px;background:#c8c2cc;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);transition:.2s ease}.theme-switch>span:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(20,15,30,.25);transition:.2s ease}.theme-switch input:checked+span{background:var(--purple)}.theme-switch input:checked+span:after{transform:translateX(20px)}.theme-switch input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--purple) 22%,transparent);outline-offset:2px}
.scheduling-display-settings{display:grid;gap:10px;margin-bottom:14px}.scheduling-display-settings .appearance-mode-card{margin:0}.theme-switch input:indeterminate+span{background:linear-gradient(90deg,#c8c2cc 0 50%,var(--purple) 50%)}.theme-switch input:indeterminate+span:after{transform:translateX(10px)}
.customer-meta-card{padding:17px}.customer-meta-card .customer-record-head{display:grid;grid-template-columns:36px 1fr;gap:11px;align-items:center;margin-top:0}.customer-meta-card .customer-record-head>div{gap:0;margin-top:0}.customer-record-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--theme-soft);color:var(--purple);font-size:17px;font-weight:900}.customer-record-head h3{margin:0}.customer-record-head p{margin:3px 0 0;color:#857c8c;font-size:9px;font-weight:700}#customerRecordMeta{margin-top:0}.customer-meta-card .customer-record-grid{display:grid;gap:11px;margin-top:15px}.customer-meta-card .record-date-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:0}.customer-meta-card .record-date{display:block;min-width:0;margin-top:0;padding:10px;border-radius:11px;background:#f8f6fa}.record-date span,.record-date strong{display:block}.record-date span{color:#8a818f;font-size:8px;font-weight:900;letter-spacing:.45px;text-transform:uppercase}.record-date strong{margin-top:4px;color:#44394c;font-size:10px;line-height:1.3}.customer-meta-card .record-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:0}.customer-meta-card .record-stat{display:block;margin-top:0;padding:10px 5px;border:1px solid #ebe6ef;border-radius:11px;text-align:center}.record-stat strong,.record-stat span{display:block}.record-stat strong{color:#342a3d;font-size:17px;line-height:1}.record-stat span{margin-top:5px;color:#827889;font-size:8px;font-weight:800}.preview-shell{position:relative}.preview-save-float{position:absolute;z-index:6;top:14px;right:14px;min-height:38px;padding:0 14px;border:1px solid color-mix(in srgb,var(--green) 58%,black);border-radius:11px;background:var(--green);color:var(--theme-button-text);box-shadow:0 7px 22px rgba(28,22,38,.18);font-size:10px;font-weight:900}.preview-save-float:hover{filter:brightness(.96);transform:translateY(-1px)}.save-estimate-action{box-shadow:0 5px 14px color-mix(in srgb,var(--green) 24%,transparent)}
html[data-color-mode="dark"]{color-scheme:dark;--ink:#f3f6fa;--muted:#b8c2cf;--line:#3c4858;--soft:#1a232e;--paper:#1c2631;--theme-soft:#273241}
html[data-color-mode="dark"] body,html[data-color-mode="dark"] body.ai-home,html[data-color-mode="dark"] .workspace,html[data-color-mode="dark"] #emailView,html[data-color-mode="dark"] .ai-main{background:#111821;color:#f3f6fa}
html[data-color-mode="dark"] .tool-sidebar,html[data-color-mode="dark"] .ai-sidebar{background:#0d141c!important;border-color:#344151!important}
html[data-color-mode="dark"] .topbar,html[data-color-mode="dark"] body.ai-home .topbar,html[data-color-mode="dark"] body:not(.ai-home) .topbar{background:rgba(17,24,33,.97);border-color:#354152;color:#f4f7fb}
html[data-color-mode="dark"] .topbar .brand h1,html[data-color-mode="dark"] body:not(.ai-home) .topbar .brand h1,html[data-color-mode="dark"] .page-heading h2,html[data-color-mode="dark"] .panel-head h2,html[data-color-mode="dark"] .settings-panel-head h3,html[data-color-mode="dark"] .settings-section-card h4,html[data-color-mode="dark"] .section-card-head h3,html[data-color-mode="dark"] .customer-record-head h3,html[data-color-mode="dark"] .customer-profile-title h2,html[data-color-mode="dark"] .customer-modal-head h2,html[data-color-mode="dark"] .saved-row strong,html[data-color-mode="dark"] .appearance-mode-card strong{color:#f6f8fb}
html[data-color-mode="dark"] .topbar .brand p,html[data-color-mode="dark"] .page-heading p,html[data-color-mode="dark"] .panel-head p,html[data-color-mode="dark"] .settings-panel-head p,html[data-color-mode="dark"] .settings-section-card>p,html[data-color-mode="dark"] .customer-modal-head p,html[data-color-mode="dark"] .customer-record-head p,html[data-color-mode="dark"] .appearance-mode-card>div>span,html[data-color-mode="dark"] .selected-customer-copy span,html[data-color-mode="dark"] .customer-link-status,html[data-color-mode="dark"] .saved-row span{color:#bac4d1}
html[data-color-mode="dark"] .panel,html[data-color-mode="dark"] .hero-card,html[data-color-mode="dark"] .settings-section-card,html[data-color-mode="dark"] .settings-overview-card,html[data-color-mode="dark"] .settings-hub-nav,html[data-color-mode="dark"] .customer-section-card,html[data-color-mode="dark"] .profile-list-card,html[data-color-mode="dark"] .profile-editor,html[data-color-mode="dark"] .customer-modal,html[data-color-mode="dark"] .confirm-card,html[data-color-mode="dark"] .saved-row,html[data-color-mode="dark"] .customer-result-row,html[data-color-mode="dark"] .customer-estimate-row,html[data-color-mode="dark"] .estimate-customer-result,html[data-color-mode="dark"] .theme-option,html[data-color-mode="dark"] .appearance-mode-card{background:#1b2530;border-color:#3b4859;color:#f1f5f9;box-shadow:none}
html[data-color-mode="dark"] .panel-head,html[data-color-mode="dark"] body:not(.ai-home) .hero-card,html[data-color-mode="dark"] #savedView .panel-head,html[data-color-mode="dark"] #priceGuideView .panel-head{background:#18212b;border-color:#354253}
html[data-color-mode="dark"] .global-search,html[data-color-mode="dark"] .customer-search-box,html[data-color-mode="dark"] select,html[data-color-mode="dark"] input,html[data-color-mode="dark"] textarea,html[data-color-mode="dark"] .setting-field,html[data-color-mode="dark"] .contact-detail,html[data-color-mode="dark"] .saved-address,html[data-color-mode="dark"] .global-search-results,html[data-color-mode="dark"] .record-date{background:#101821!important;border-color:#3a4859!important;color:#f4f7fb!important}
html[data-color-mode="dark"] input::placeholder,html[data-color-mode="dark"] textarea::placeholder{color:#8795a6}
html[data-color-mode="dark"] .ai-side-action{color:#e5ebf2}html[data-color-mode="dark"] .ai-side-label,html[data-color-mode="dark"] .ai-brand span,html[data-color-mode="dark"] .profile-copy small{color:#9eabba}html[data-color-mode="dark"] .ai-brand strong,html[data-color-mode="dark"] .profile-copy strong{color:#f5f7fa}
html[data-color-mode="dark"] .ai-side-action:hover,html[data-color-mode="dark"] .ai-side-action.active,html[data-color-mode="dark"] .settings-hub-nav button:hover,html[data-color-mode="dark"] .settings-hub-nav button.active,html[data-color-mode="dark"] .theme-option.selected{background:color-mix(in srgb,var(--purple) 28%,#1b2530)!important;border-color:color-mix(in srgb,var(--purple) 56%,#728096)!important;color:#fff!important}
html[data-color-mode="dark"] .settings-hub-nav button{color:#d8e0e9}html[data-color-mode="dark"] .settings-nav-icon{background:#111923;border-color:#435164;color:#f4f7fb}html[data-color-mode="dark"] .settings-overview-card span span,html[data-color-mode="dark"] .settings-data-stat span,html[data-color-mode="dark"] .setting-field small,html[data-color-mode="dark"] .settings-note-row{color:#b7c3d0}html[data-color-mode="dark"] .settings-overview-card strong,html[data-color-mode="dark"] .settings-data-stat strong,html[data-color-mode="dark"] .setting-field label{color:#f2f5f9}

/* One platform badge language: icons for settings/resource sections; letters, codes, and numbers for records. */
.platform-icon-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.settings-nav-icon svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.settings-hub-nav button{grid-template-columns:44px 1fr}
.settings-nav-icon,.step-badge,.team-choice-avatar,.profile-list-avatar,.selected-customer-avatar,.customer-result-avatar,.job-customer-avatar{
  display:grid;width:44px;height:44px;flex:0 0 44px;place-items:center;border:0;border-radius:14px;
  background:var(--theme-soft);color:var(--purple);box-shadow:none;font-size:13px;font-weight:900
}
.settings-overview-card .settings-nav-icon{width:44px;height:44px;font-size:0}
.step-badge{color:var(--purple)!important;background:var(--theme-soft)!important}
.panel-title{gap:14px}.profile-list-item{grid-template-columns:44px 1fr auto}
.profile-editor-avatar,.customer-profile-avatar{
  display:grid;width:54px;height:54px;place-items:center;border-radius:17px;
  background:var(--theme-soft)!important;color:var(--purple);box-shadow:none;font-weight:900
}
.selected-customer-avatar{font-size:16px}
html[data-color-mode="dark"] .settings-nav-icon,html[data-color-mode="dark"] .step-badge,html[data-color-mode="dark"] .team-choice-avatar,html[data-color-mode="dark"] .profile-list-avatar,html[data-color-mode="dark"] .selected-customer-avatar,html[data-color-mode="dark"] .customer-result-avatar,html[data-color-mode="dark"] .job-customer-avatar,html[data-color-mode="dark"] .profile-editor-avatar,html[data-color-mode="dark"] .customer-profile-avatar{background:var(--theme-soft)!important;color:var(--purple)}
html[data-color-mode="dark"] .header-back,html[data-color-mode="dark"] .settings-gear,html[data-color-mode="dark"] .sidebar-collapse,html[data-color-mode="dark"] .btn.ghost,html[data-color-mode="dark"] .mini-btn,html[data-color-mode="dark"] .selected-customer-actions button{background:#202c38;border-color:#46566a;color:#f0f4f8}
html[data-color-mode="dark"] .header-date-time,html[data-color-mode="dark"] .prepared-chip{background:#18222d;border-color:#3b4a5c;color:#f1f5f9}html[data-color-mode="dark"] .header-date-time:before,html[data-color-mode="dark"] .prepared-chip:before{color:#98a6b7}html[data-color-mode="dark"] .header-date-time strong{color:#f1f5f9}
html[data-color-mode="dark"] .global-search-result{color:#eef3f8}html[data-color-mode="dark"] .global-search-result:hover{background:#273442}html[data-color-mode="dark"] .global-search-result small,html[data-color-mode="dark"] .theme-option small,html[data-color-mode="dark"] .contact-detail span,html[data-color-mode="dark"] .contact-detail strong,html[data-color-mode="dark"] label{color:#bac5d2}

/* CentralOS platform branding and Company Profile logo */
.company-logo-field{display:grid!important;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:18px;padding:16px;border:1px solid #e5e0e9;border-radius:16px;background:#faf9fc}
.company-logo-field p{margin:5px 0 12px;color:#777080;font-size:11px;line-height:1.45}
.company-logo-preview{width:96px;height:96px;display:grid;place-items:center;overflow:hidden;border:1px solid #dfe4ee;border-radius:22px;background:#fff;box-shadow:0 8px 22px rgba(14,27,61,.08)}
.company-logo-preview img{width:100%;height:100%;object-fit:contain;padding:10px}
.company-logo-preview span{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(145deg,#eef3ff,#f8faff);color:#123a91;font-size:27px;font-weight:850;letter-spacing:-.7px}
.company-logo-field .setting-action-row{justify-content:flex-start}
.company-logo-field .btn{padding:8px 11px}
.pdf-company-logo{display:block!important;width:auto!important;max-width:180px!important;height:48px!important;max-height:48px!important;margin:0 0 10px!important;object-fit:contain!important;object-position:left center!important;filter:none!important}
.logo-crop-overlay{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:24px;background:rgba(20,15,27,.72);backdrop-filter:blur(8px)}.logo-crop-overlay[hidden]{display:none}.logo-crop-dialog{width:min(940px,96vw);max-height:94vh;overflow:auto;border:1px solid #ddd7e4;border-radius:24px;background:#fff;box-shadow:0 30px 90px rgba(16,10,24,.34)}.logo-crop-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px 17px;border-bottom:1px solid #ebe6ef}.logo-crop-dialog h2{margin:4px 0 0;font-size:23px}.logo-crop-dialog header p{margin:5px 0 0;color:#7c7382;font-size:11px}.logo-crop-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:22px;padding:24px}.logo-crop-stage{min-height:440px;display:grid;place-items:center;padding:22px;overflow:hidden;border-radius:18px;background:repeating-conic-gradient(#edf0f5 0 25%,#fff 0 50%) 50%/24px 24px}.logo-crop-stage canvas{display:block;max-width:100%;max-height:470px;border:1px solid rgba(15,27,61,.22);background:transparent;box-shadow:0 12px 36px rgba(15,27,61,.18)}.logo-crop-stage canvas.is-circle{border-radius:50%}.logo-crop-controls{display:grid;align-content:start;gap:18px}.logo-crop-controls fieldset{margin:0;padding:0;border:0}.logo-crop-controls legend{margin-bottom:9px;color:#4b4054;font-size:11px;font-weight:850}.logo-aspect-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.logo-aspect-grid button{min-height:38px;padding:7px;border:1px solid #ddd6e3;border-radius:10px;background:#fff;color:#655b6b;font-size:9px;font-weight:850}.logo-aspect-grid button.selected{border-color:var(--purple);background:var(--theme-soft);color:var(--purple);box-shadow:0 0 0 2px color-mix(in srgb,var(--purple) 10%,transparent)}.logo-crop-controls label{display:grid;gap:7px;color:#4c4254;font-size:10px;font-weight:850}.logo-crop-controls input[type="range"]{width:100%;accent-color:var(--purple)}.logo-crop-controls>p{margin:0;padding:11px;border-radius:11px;background:#f7f5f9;color:#7b7282;font-size:9px;line-height:1.5}.logo-crop-dialog>footer{display:flex;justify-content:flex-end;gap:9px;padding:16px 24px;border-top:1px solid #ebe6ef}.company-document-design{display:grid;gap:13px;padding:16px;border:1px solid #e5e0e9;border-radius:16px;background:#faf9fc}.company-document-design p{margin:5px 0 0;color:#777080;font-size:11px}.company-document-template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.company-document-template-grid>button{display:grid;gap:7px;padding:10px;border:1px solid #ddd7e4;border-radius:13px;background:#fff;color:#504655;text-align:left}.company-document-template-grid>button.selected{border-color:var(--purple);background:var(--theme-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--purple) 9%,transparent)}.company-document-template-grid strong,.company-document-template-grid small{display:block}.company-document-template-grid strong{font-size:11px}.company-document-template-grid small{color:#817789;font-size:8px}.document-template-thumbnail{position:relative;height:70px;display:block;overflow:hidden;border:1px solid #d9dde5;background:#fff}.document-template-thumbnail i,.document-template-thumbnail b,.document-template-thumbnail em{position:absolute;display:block}.document-template-thumbnail i{top:8px;left:8px;width:22px;height:12px;background:var(--purple)}.document-template-thumbnail b{left:8px;right:8px;height:4px;background:#dfe3e9}.document-template-thumbnail b:nth-of-type(1){top:31px}.document-template-thumbnail b:nth-of-type(2){top:40px}.document-template-thumbnail em{right:8px;bottom:8px;width:25px;height:11px;background:var(--green)}.document-template-thumbnail.modern{border:0;border-radius:7px;background:#f3f6fb}.document-template-thumbnail.modern:before{content:"";position:absolute;inset:0 0 auto;height:25px;background:linear-gradient(120deg,var(--purple),var(--purple-2))}.document-template-thumbnail.modern i{z-index:1;width:14px;height:9px;background:#fff}.document-template-thumbnail.corporate{border:0;border-left:6px solid var(--purple)}.document-template-thumbnail.corporate i{width:30px;height:5px}.document-template-thumbnail.corporate em{width:36px;height:4px;background:var(--purple)}
html[data-color-mode="dark"] .company-logo-field{background:#101821;border-color:#3a4859}
html[data-color-mode="dark"] .company-logo-preview{background:#18222d;border-color:#46566a}
html[data-color-mode="dark"] .company-document-design{background:#101821;border-color:#3a4859}html[data-color-mode="dark"] .company-document-template-grid>button{background:#18222d;border-color:#46566a;color:#f4f7fb}html[data-color-mode="dark"] .logo-crop-dialog{background:#18222d;border-color:#46566a}html[data-color-mode="dark"] .logo-crop-dialog>header,html[data-color-mode="dark"] .logo-crop-dialog>footer{border-color:#46566a}html[data-color-mode="dark"] .logo-crop-controls>p{background:#101821;color:#bac5d2}html[data-color-mode="dark"] .logo-aspect-grid button{background:#101821;border-color:#46566a;color:#e8edf3}
@media(max-width:700px){.company-logo-field{grid-template-columns:1fr}.company-logo-preview{width:82px;height:82px}.logo-crop-layout{grid-template-columns:1fr}.logo-crop-stage{min-height:280px}.company-document-template-grid{grid-template-columns:1fr}}
html[data-color-mode="dark"] .text-action,html[data-color-mode="dark"] .back-link,html[data-color-mode="dark"] .customer-search-box span,html[data-color-mode="dark"] .estimate-customer-result b,html[data-color-mode="dark"] .header-eyebrow{color:color-mix(in srgb,var(--purple) 42%,white)}
html[data-color-mode="dark"] .selected-customer-card{background:#202c38;border-color:#4e5e73}html[data-color-mode="dark"] .customer-result-main strong,html[data-color-mode="dark"] .customer-result-detail strong,html[data-color-mode="dark"] .selected-customer-copy strong,html[data-color-mode="dark"] .customer-estimate-row h4,html[data-color-mode="dark"] .record-date strong,html[data-color-mode="dark"] .record-stat strong{color:#f4f7fb}html[data-color-mode="dark"] .record-stat{border-color:#405064;background:#17212b}html[data-color-mode="dark"] .record-stat span,html[data-color-mode="dark"] .record-date span{color:#aeb9c7}
html[data-color-mode="dark"] .settings-status{color:#c8f58c}html[data-color-mode="dark"] .theme-switch>span{background:#566273}
html[data-color-mode="dark"] .doc.website-pdf,html[data-color-mode="dark"] .doc.website-pdf .pdf-page,html[data-color-mode="dark"] .doc.website-pdf .pdf-sheet,html[data-color-mode="dark"] .doc.website-pdf .pdf-info-box,html[data-color-mode="dark"] .doc.website-pdf .pdf-about-card,html[data-color-mode="dark"] .doc.website-pdf .pdf-detail-table,html[data-color-mode="dark"] .doc.website-pdf .pdf-total-box{color:#202026;background:#fff;color-scheme:light}
body.exporting-pdf .preview-save-float{display:none!important}
@media(max-width:1120px){.header-left .brand{display:none}.prepared-chip{min-width:120px;max-width:160px}.global-search{max-width:none}}
@media(max-width:620px){:root{--sidebar-width:78px!important}.sidebar-collapse,.sidebar-resize-handle{display:none!important}.topbar,body.ai-home .topbar,body:not(.ai-home) .topbar{margin-left:78px;min-height:64px}.workspace,body.ai-home .workspace,body:not(.ai-home) .workspace{margin-left:78px;min-height:calc(100vh - 64px)}#emailView{inset:64px 0 0 78px}.header-date-time,.prepared-chip{display:none}.preview-save-float{top:8px;right:8px}}
@media print{.customer-overlay,#customersView,#customerProfileView,#settingsView,#profileView,.customer-link-panel,.estimate-command-bar,.preview-save-float{display:none!important}.preview-section .pdf-page:nth-child(n+2){display:block!important}.preview-frame{transform:none!important}.preview-shell{height:auto!important}}

/* Build 40: logical, grouped workspace navigation */
.grouped-workspace-nav{max-width:1120px;margin:0 auto 22px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid #e8e3ec;border-radius:16px;background:#fbfafc;box-shadow:0 8px 24px rgba(42,28,54,.045)}
.grouped-workspace-heading{min-width:0}.grouped-workspace-heading strong,.grouped-workspace-heading span{display:block}.grouped-workspace-heading strong{color:#342b3d;font-size:16px}.grouped-workspace-heading span{margin-top:3px;color:#7d7484;font-size:10px;font-weight:700}
.grouped-workspace-tabs{display:flex;align-items:center;gap:5px;padding:4px;border-radius:12px;background:#f0edf3}
.grouped-workspace-tab{min-height:36px;padding:0 16px;border:0;border-radius:9px;background:transparent;color:#706776;font-size:11px;font-weight:850;white-space:nowrap;cursor:pointer}
.grouped-workspace-tab:hover{color:var(--purple);background:color-mix(in srgb,var(--theme-soft) 58%,white)}
.grouped-workspace-tab.active{background:#fff;color:var(--purple);box-shadow:0 2px 9px rgba(48,31,61,.09)}
body.schedule-home.resource-workspace .workspace{display:grid;grid-template-rows:auto minmax(0,1fr);height:calc(100vh - 72px);padding:0;overflow:hidden}
body.schedule-home.resource-workspace .grouped-workspace-nav{width:100%;max-width:none;margin:0;padding:10px 20px;border-width:0 0 1px;border-radius:0;box-shadow:none}
body.schedule-home.resource-workspace .schedule-workspace-view{height:auto;min-height:0}
html[data-color-mode="dark"] .grouped-workspace-nav{background:#18222d;border-color:#3b4859;box-shadow:none}
html[data-color-mode="dark"] .grouped-workspace-heading strong{color:#f4f7fb}html[data-color-mode="dark"] .grouped-workspace-heading span{color:#aeb9c7}
html[data-color-mode="dark"] .grouped-workspace-tabs{background:#101821}html[data-color-mode="dark"] .grouped-workspace-tab{color:#b6c1ce}html[data-color-mode="dark"] .grouped-workspace-tab:hover{background:#202c38;color:#fff}html[data-color-mode="dark"] .grouped-workspace-tab.active{background:color-mix(in srgb,var(--purple) 28%,#202c38);color:#fff;box-shadow:none}
@media(max-width:760px){.grouped-workspace-nav{align-items:flex-start;flex-direction:column}.grouped-workspace-tabs{width:100%;overflow:auto}.grouped-workspace-tab{flex:1}body.schedule-home.resource-workspace .workspace{height:calc(100vh - 64px)}}

/* CentralOS Build 169: use the transparent mark directly so WebKit never loses a nested SVG image. */
.welcome-logo-lockup{width:104px;height:104px;margin:0 auto 8px;border-radius:0;box-shadow:none;object-fit:contain}
.platform-brand{display:flex;align-items:center;gap:0;padding:4px 14px 16px}.tool-sidebar>.platform-brand{justify-content:center}.platform-brand .brand-lockup{display:block;flex:0 1 220px;width:min(220px,100%);height:62px;border-radius:0;object-fit:contain;object-position:center}.platform-brand .brand-symbol{display:none;width:64px;height:64px;border-radius:0;object-fit:contain}
.ai-logo-lockup{width:108px;height:108px;margin:0 auto 8px;border-radius:0;box-shadow:none;object-fit:contain}
html[data-sidebar-collapsed="true"] .tool-sidebar .platform-brand .brand-lockup{display:none}html[data-sidebar-collapsed="true"] .tool-sidebar .platform-brand .brand-symbol{display:block}
html[data-color-mode="dark"] .platform-brand .brand-lockup,html[data-color-mode="dark"] .welcome-logo-lockup,html[data-color-mode="dark"] .ai-logo-lockup{filter:drop-shadow(0 4px 14px rgba(0,0,0,.2))}
html[data-color-mode="dark"] .hero-card,html[data-color-mode="dark"] .template,html[data-color-mode="dark"] .tabs,html[data-color-mode="dark"] .ai-main,html[data-color-mode="dark"] .ai-conversation,html[data-color-mode="dark"] .ai-composer-wrap{background:#1b2530!important;border-color:#3b4859!important;color:#f1f5f9!important;box-shadow:none!important}
html[data-color-mode="dark"] .template h3,html[data-color-mode="dark"] .template strong,html[data-color-mode="dark"] .hero-card h2,html[data-color-mode="dark"] .ai-welcome h2,html[data-color-mode="dark"] .ai-welcome p strong{color:#f4f7fb!important}
html[data-color-mode="dark"] .template p,html[data-color-mode="dark"] .hero-card p,html[data-color-mode="dark"] .ai-welcome p{color:#b8c3d0!important}
html[data-color-mode="dark"] .template.active,html[data-color-mode="dark"] .tab.active{background:color-mix(in srgb,var(--purple) 27%,#202c38)!important;border-color:color-mix(in srgb,var(--purple) 55%,#728096)!important;color:#fff!important}
@media(max-width:900px){.platform-brand .brand-lockup{display:none}.platform-brand .brand-symbol{display:block}}

/* CentralOS Build 46: compact schedule framing and a smoothly collapsible platform sidebar. */
.ai-side-icon{display:grid;flex:0 0 26px;width:26px;height:26px;place-items:center;color:var(--purple);font-size:0}
.ai-side-icon svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2.05;stroke-linecap:round;stroke-linejoin:round}
html[data-sidebar-collapsed="true"] .sidebar-resize-handle{display:none}
html[data-sidebar-collapsed="true"] .tool-sidebar .platform-brand{min-height:88px;padding:0 0 10px}
html[data-sidebar-collapsed="true"] .tool-sidebar .platform-brand .brand-symbol{display:block;width:66px;height:66px;object-fit:contain;object-position:center}
html[data-color-mode="dark"][data-sidebar-collapsed="true"] .tool-sidebar .platform-brand .brand-symbol{filter:drop-shadow(0 4px 14px rgba(0,0,0,.2))}
body.schedule-home .workspace{display:block;height:calc(100vh - 72px);padding:0}
body.schedule-home .schedule-workspace-view{width:100%;height:100%;min-height:0;margin:0}
body.schedule-home .schedule-workspace-frame{width:100%;height:100%;margin:0}
@media(max-width:620px){body.schedule-home .workspace{height:calc(100vh - 64px)}}

/* CentralOS Build 47: theme-consistent, user-arrangeable primary navigation. */
.sidebar-navigation{display:grid;gap:2px;width:100%}
.sidebar-navigation .ai-side-action{cursor:grab;user-select:none;-webkit-user-select:none}
.sidebar-navigation .ai-side-action:active{cursor:grabbing}
.sidebar-navigation .ai-side-action.is-dragging{z-index:2;opacity:.38;background:var(--theme-soft);box-shadow:0 8px 22px color-mix(in srgb,var(--purple) 18%,transparent)}
.sidebar-navigation:has(.is-dragging) .ai-side-action:not(.is-dragging){transition:transform .12s ease,background .12s ease}
html[data-sidebar-collapsed="true"] .sidebar-navigation{justify-items:center}
html[data-sidebar-collapsed="true"] .sidebar-navigation .ai-side-action{width:100%}
html[data-color-mode="dark"] .sidebar-navigation .ai-side-action.is-dragging{background:color-mix(in srgb,var(--purple) 26%,#1b2530);box-shadow:0 8px 22px rgba(0,0,0,.26)}

/* CentralOS Build 52: Estimate destinations live beneath Estimates in the main sidebar. */
.ai-side-action.has-submenu{position:relative}
.sidebar-submenu-chevron{margin-left:auto;color:color-mix(in srgb,var(--purple) 72%,#6f6878);font-size:18px;line-height:1;transition:transform .16s ease}
.ai-side-action[aria-expanded="true"] .sidebar-submenu-chevron{transform:rotate(90deg)}
.sidebar-submenu{display:grid;gap:2px;margin:-1px 0 5px;padding:3px 5px 5px 39px}
.sidebar-submenu[hidden]{display:none!important}
.sidebar-submenu-action{min-height:34px;display:flex;align-items:center;width:100%;padding:7px 12px;border:0;border-radius:9px;background:transparent;color:#62596b;text-align:left;font-size:11px;font-weight:800;cursor:pointer;transition:background .14s ease,color .14s ease,transform .14s ease}
.sidebar-submenu-action:hover,.sidebar-submenu-action.active{background:color-mix(in srgb,var(--theme-soft) 74%,white);color:var(--purple)}
html[data-sidebar-collapsed="true"] .sidebar-submenu{display:none!important}
html[data-color-mode="dark"] .sidebar-submenu-action{color:#b8c3d0}
html[data-color-mode="dark"] .sidebar-submenu-action:hover,html[data-color-mode="dark"] .sidebar-submenu-action.active{background:color-mix(in srgb,var(--purple) 24%,#1b2530);color:#fff}

/* Estimate pages use the same centered content width and page header as the platform directories. */
body.estimate-home .workspace{width:auto;max-width:none;padding:28px 34px 50px}
body.estimate-home .grouped-workspace-nav{display:none!important}

/* Build 126: a permanent compact rail that expands as an overlay when hovered or focused. */
.tool-sidebar,body.ai-home .tool-sidebar{
  z-index:220;
  width:var(--sidebar-rail-width,82px);
  padding-inline:8px;
  box-shadow:none;
  transition:width .22s ease,box-shadow .22s ease,background .18s ease;
}
.tool-sidebar:hover,.tool-sidebar:focus-within,
body.ai-home .tool-sidebar:hover,body.ai-home .tool-sidebar:focus-within{
  width:var(--sidebar-width);
  padding-inline:12px;
  box-shadow:18px 0 42px rgba(35,25,45,.12);
}
.topbar,body.ai-home .topbar,body:not(.ai-home) .topbar,
.workspace,body.ai-home .workspace,body:not(.ai-home) .workspace{
  margin-left:var(--sidebar-rail-width,82px);
}
#emailView{left:var(--sidebar-rail-width,82px)}
html[data-sidebar-collapsed="true"] .tool-sidebar{
  width:var(--sidebar-rail-width,82px);
  padding-inline:8px;
  box-shadow:none;
  pointer-events:auto;
}
html[data-sidebar-collapsed="true"] .tool-sidebar:hover,
html[data-sidebar-collapsed="true"] .tool-sidebar:focus-within{
  width:var(--sidebar-width);
  padding-inline:12px;
  box-shadow:18px 0 42px rgba(35,25,45,.12);
}
html[data-sidebar-collapsed="true"] .tool-sidebar:hover .platform-brand .brand-lockup,
html[data-sidebar-collapsed="true"] .tool-sidebar:focus-within .platform-brand .brand-lockup{
  display:block;
}
html[data-sidebar-collapsed="true"] .tool-sidebar:hover .platform-brand .brand-symbol,
html[data-sidebar-collapsed="true"] .tool-sidebar:focus-within .platform-brand .brand-symbol{
  display:none;
}
html[data-sidebar-collapsed="true"] .tool-sidebar:hover .ai-side-action span:not(.ai-side-icon),
html[data-sidebar-collapsed="true"] .tool-sidebar:focus-within .ai-side-action span:not(.ai-side-icon){
  display:inline;
}
html[data-sidebar-collapsed="true"] .tool-sidebar:hover .profile-copy,
html[data-sidebar-collapsed="true"] .tool-sidebar:focus-within .profile-copy{
  display:block;
}
html[data-sidebar-collapsed="true"] .tool-sidebar:hover .ai-side-label,
html[data-sidebar-collapsed="true"] .tool-sidebar:focus-within .ai-side-label{
  display:block;
}
html[data-sidebar-collapsed="true"] .tool-sidebar:hover .sidebar-navigation,
html[data-sidebar-collapsed="true"] .tool-sidebar:focus-within .sidebar-navigation{
  justify-items:stretch;
}
html[data-sidebar-collapsed="true"] .tool-sidebar:hover .sidebar-submenu:not([hidden]),
html[data-sidebar-collapsed="true"] .tool-sidebar:focus-within .sidebar-submenu:not([hidden]){
  display:grid!important;
}
html[data-sidebar-collapsed="true"] .tool-sidebar:hover .platform-brand,
html[data-sidebar-collapsed="true"] .tool-sidebar:hover .ai-side-action,
html[data-sidebar-collapsed="true"] .tool-sidebar:hover .ai-profile,
html[data-sidebar-collapsed="true"] .tool-sidebar:focus-within .platform-brand,
html[data-sidebar-collapsed="true"] .tool-sidebar:focus-within .ai-side-action,
html[data-sidebar-collapsed="true"] .tool-sidebar:focus-within .ai-profile{
  justify-content:flex-start;
  padding-inline:10px;
}
html[data-workspace-ready="false"] .tool-sidebar{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
@media(max-width:620px){
  .topbar,body.ai-home .topbar,body:not(.ai-home) .topbar,
  .workspace,body.ai-home .workspace,body:not(.ai-home) .workspace{margin-left:var(--sidebar-rail-width,82px)}
  #emailView{left:var(--sidebar-rail-width,82px)}
}
body.estimate-home .customer-link-panel,body.estimate-home .flow,body.estimate-home #savedView,body.estimate-home #priceGuideView{width:100%;max-width:1060px;margin-left:auto;margin-right:auto}
.estimate-command-bar{width:100%;max-width:1060px;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:0 auto 24px;padding:0 0 20px;border-bottom:1px solid #e8e3ec;background:#fff}
.estimate-command-copy h2{margin:6px 0 8px;font-size:38px;line-height:1.05;letter-spacing:-.6px}.estimate-command-copy p{margin:0;color:var(--muted,#6f6876);font-weight:650}
.estimate-command-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.estimate-command-actions>.btn{width:auto;min-height:44px;border-radius:12px}
.estimate-command-actions>.btn.primary{padding-inline:18px}
.estimate-undo{border:1px solid #e4dfe8;background:#faf9fb;color:#514759}
.estimate-undo:disabled{color:#b5aeba;background:#f7f5f8;cursor:not-allowed}
.estimate-view-switch{display:flex;align-items:center;padding:4px;border-radius:13px;background:#f1eef4}
.estimate-view-switch button{min-height:36px;padding:8px 15px;border:0;border-radius:10px;background:transparent;color:#706777;font-size:11px;font-weight:850}
.estimate-view-switch button.active{background:#fff;color:#352b3e;box-shadow:0 2px 8px rgba(42,28,55,.08)}
html[data-color-mode="dark"] .estimate-command-bar{border-color:#354253;background:#101821}
html[data-color-mode="dark"] .estimate-undo{border-color:#465468;background:#18222d;color:#e5ebf2}
html[data-color-mode="dark"] .estimate-undo:disabled{color:#687689;background:#141d27}
html[data-color-mode="dark"] .estimate-view-switch{background:#1d2936}
html[data-color-mode="dark"] .estimate-view-switch button{color:#aab6c5}
html[data-color-mode="dark"] .estimate-view-switch button.active{background:#344255;color:#fff;box-shadow:none}
body.estimate-home #savedView{margin-left:auto;margin-right:auto;border:1px solid var(--line)!important;border-radius:18px!important;overflow:hidden}
body.estimate-home #savedView .panel-head{padding:16px 18px;background:#fcfbfd}
body.estimate-home #savedView .panel-body{padding:20px 18px}
body.estimate-home #savedView .saved-filter{max-width:720px}
body.estimate-home #savedView .saved-estimate-card{grid-template-columns:minmax(0,1fr) auto;align-items:center}
body.estimate-home #savedView .saved-actions{flex-wrap:nowrap;align-items:center}
body.estimate-home #priceGuideView .price-guide-frame{height:720px;min-height:720px}
@media(max-width:760px){.estimate-command-bar{align-items:flex-start;flex-direction:column}.estimate-command-actions{width:100%;justify-content:flex-start}}
@media(max-width:620px){body.estimate-home .workspace{padding:18px 10px 28px}.estimate-command-bar{margin-bottom:18px;padding-bottom:16px}.estimate-command-copy h2{font-size:30px}.estimate-command-actions>.btn{min-height:40px}.estimate-view-switch button{padding-inline:10px}}
.typography-preferences{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 18px;padding:15px;border:1px solid #e8e3ec;border-radius:15px;background:#fbfafc}.typography-preferences fieldset{min-width:0;margin:0;padding:0;border:0}.typography-preferences legend{margin-bottom:7px;color:#5a515f;font-size:10px;font-weight:850}.appearance-choice-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.appearance-choice-row button{min-height:38px;padding:7px 10px;border:1px solid #ded7e4;border-radius:10px;background:#fff;color:#62586a;font-size:11px;font-weight:800}.appearance-choice-row button.active{border-color:var(--purple);background:var(--theme-soft);color:var(--purple);box-shadow:0 0 0 2px color-mix(in srgb,var(--purple) 10%,transparent)}.typography-preferences>p{grid-column:1/-1;margin:0;color:#82798a;font-size:10px;line-height:1.45;font-weight:650}html[data-color-mode="dark"] .typography-preferences{border-color:#3b4859;background:#101821}html[data-color-mode="dark"] .appearance-choice-row button{border-color:#465468;background:#18222d;color:#dce4ed}html[data-color-mode="dark"] .appearance-choice-row button.active{border-color:color-mix(in srgb,var(--purple) 60%,#8fa0b5);background:color-mix(in srgb,var(--purple) 25%,#18222d);color:#fff}@media(max-width:720px){.typography-preferences{grid-template-columns:1fr}.typography-preferences>p{grid-column:auto}}
.profile-editor #profileAvailabilitySection{margin-top:22px}.profile-editor .weekly-availability{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:14px 0}.profile-editor .weekday-choice{cursor:pointer}.profile-editor .weekday-choice input{position:absolute;opacity:0;pointer-events:none}.profile-editor .weekday-choice span{display:grid;height:38px;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--surface,#fff);font-size:12px;font-weight:800}.profile-editor .weekday-choice input:checked+span{border-color:#b9dc9f;background:#eff9e9;color:#376f23}.profile-editor .weekday-choice input:disabled+span{cursor:not-allowed;opacity:.5}.profile-editor .availability-subsection{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.profile-editor .availability-subsection h5{margin:0;color:var(--ink);font-size:14px}.profile-editor .availability-subsection p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.5;font-weight:650}.profile-editor .day-off-fields{display:grid;grid-template-columns:160px minmax(0,1fr) minmax(190px,auto);gap:8px;margin-top:14px;align-items:stretch}.profile-editor .day-off-fields input{min-width:0}.profile-editor .day-off-fields .btn{white-space:nowrap}.profile-editor .days-off-list{display:grid;gap:7px;margin:12px 0 0;padding:0;list-style:none}.profile-editor .days-off-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface,#fff)}.profile-editor .days-off-list li span strong,.profile-editor .days-off-list li span small{display:block}.profile-editor .days-off-list li span small{margin-top:2px;color:var(--muted)}.profile-editor .days-off-list .days-off-empty{justify-content:center;color:var(--muted);text-align:center}@media(max-width:820px){.profile-editor .day-off-fields{grid-template-columns:1fr 1fr}.profile-editor .day-off-fields .btn{grid-column:1/-1}}@media(max-width:680px){.profile-editor .weekly-availability{grid-template-columns:repeat(4,1fr)}.profile-editor .day-off-fields{grid-template-columns:1fr}}

/* Build 143: relationship-aware job and appointment Archive. */
.archive-section-card{display:grid;gap:18px}
.archive-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.archive-summary-grid>div{display:grid;gap:5px;padding:15px 16px;border:1px solid var(--line,#e7e1ea);border-radius:14px;background:color-mix(in srgb,var(--theme-soft,#f5eefb) 38%,white)}
.archive-summary-grid span{color:var(--muted,#716a78);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.archive-summary-grid strong{color:var(--ink,#302736);font-size:24px;line-height:1}
.archive-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:12px;align-items:end}
.archive-toolbar label{display:grid;gap:6px;color:var(--muted,#716a78);font-size:10px;font-weight:850}
.archive-toolbar input,.archive-toolbar select{width:100%;min-height:42px;padding:9px 12px;border:1px solid var(--line,#ded7e4);border-radius:11px;background:var(--surface,#fff);color:var(--ink,#302736);font:inherit;font-size:12px}
.archive-record-list{display:grid;gap:9px;min-height:110px}
.archive-record-row{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--line,#e5dfe8);border-radius:14px;background:var(--surface,#fff)}
.archive-type-badge{display:inline-grid;place-items:center;min-height:28px;padding:5px 9px;border-radius:999px;background:#efe8f7;color:#62437c;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.045em}
.archive-type-badge.appointment{background:#e8f2fb;color:#325e82}
.archive-record-copy{display:grid;gap:3px;min-width:0}
.archive-record-copy strong,.archive-record-copy span,.archive-record-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.archive-record-copy strong{color:var(--ink,#302736);font-size:13px}
.archive-record-copy span{color:#665d6d;font-size:11px;font-weight:700}
.archive-record-copy small{color:var(--muted,#82798a);font-size:10px;font-weight:650}
.archive-restore-button{min-width:104px;white-space:nowrap}
.archive-restore-button:disabled{opacity:.58;cursor:not-allowed}
.archive-empty{display:grid;place-items:center;align-content:center;gap:5px;min-height:140px;padding:22px;border:1px dashed var(--line,#dcd4e1);border-radius:14px;color:var(--muted,#716a78);text-align:center}
.archive-empty strong{color:var(--ink,#302736);font-size:14px}.archive-empty span{font-size:11px}
.archive-pagination{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding-top:2px}
.archive-pagination[hidden]{display:none}
.archive-pagination span{color:var(--muted,#716a78);font-size:11px;font-weight:800;text-align:center}
.archive-pagination .btn{min-width:116px}
.archive-guidance-card p{margin:0 0 14px;color:var(--muted,#716a78);font-size:12px;line-height:1.55}
html[data-color-mode="dark"] .archive-summary-grid>div{border-color:#3b4859;background:#17212c}
html[data-color-mode="dark"] .archive-toolbar input,html[data-color-mode="dark"] .archive-toolbar select,html[data-color-mode="dark"] .archive-record-row{border-color:#3b4859;background:#121b25;color:#eef2f7}
html[data-color-mode="dark"] .archive-record-copy span{color:#bdc6d1}
html[data-color-mode="dark"] .archive-type-badge{background:#3b2c4a;color:#e7d5f7}
html[data-color-mode="dark"] .archive-type-badge.appointment{background:#20384d;color:#d5eafd}
@media(max-width:760px){.archive-summary-grid{grid-template-columns:1fr}.archive-toolbar{grid-template-columns:1fr}.archive-record-row{grid-template-columns:1fr}.archive-type-badge{justify-self:start}.archive-restore-button{width:100%}.archive-pagination{grid-template-columns:1fr 1fr}.archive-pagination span{grid-column:1/-1;grid-row:1}.archive-pagination .btn{width:100%;min-width:0}}

/* Build 145: first-time company onboarding. */
.company-onboarding{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,rgba(31,22,39,.82),rgba(58,37,68,.72));backdrop-filter:blur(14px)}
.company-onboarding[hidden]{display:none}
.company-onboarding-card{width:min(760px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid rgba(255,255,255,.7);border-radius:24px;background:#fff;box-shadow:0 28px 90px rgba(22,12,29,.34)}
.company-onboarding-header{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:15px;align-items:start;padding:28px 30px 23px;border-bottom:1px solid #eee8f1}
.company-onboarding-header img{width:44px;height:44px}
.company-onboarding-kicker{display:block;margin:1px 0 4px;color:#76528f;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.company-onboarding-header h1{margin:0;color:#2f2434;font-size:25px;letter-spacing:-.025em}
.company-onboarding-header p{margin:7px 0 0;color:#746a7b;font-size:12px;line-height:1.5;font-weight:620}
.company-onboarding-signout{padding:7px 10px;border:0;background:transparent;color:#746a7b;font-size:11px;font-weight:800;cursor:pointer}
.company-onboarding-progress{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:10px;padding:22px 30px 4px}
.company-onboarding-progress>span{display:flex;align-items:center;gap:7px;color:#9a919f;font-size:11px;font-weight:900}
.company-onboarding-progress>span::first-letter{font-size:12px}
.company-onboarding-progress>span.is-active,.company-onboarding-progress>span.is-complete{color:#68427f}
.company-onboarding-progress>span small{font-size:10px}
.company-onboarding-progress>i{height:2px;border-radius:99px;background:#e8e1eb}
.company-onboarding-progress>i.is-complete{background:#8f67a6}
#companyOnboardingForm{padding:23px 30px 28px}
.company-onboarding-step-copy>span{color:#8a659f;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.company-onboarding-step-copy h2{margin:5px 0 4px;color:#302536;font-size:20px}
.company-onboarding-step-copy p{margin:0;color:#7b7181;font-size:11px;line-height:1.5;font-weight:620}
.company-onboarding-grid{display:grid;gap:14px;margin-top:22px}
.company-onboarding-grid.two-column{grid-template-columns:1fr 1fr}
.company-onboarding-grid label{display:grid;gap:7px;color:#5e5364;font-size:10px;font-weight:850}
.company-onboarding-grid label>span{margin-left:4px;color:#968d9c;font-weight:650}
.company-onboarding-grid label.wide{grid-column:1/-1}
.company-onboarding-grid input,.company-onboarding-grid select{width:100%;min-height:44px;padding:10px 12px;border:1px solid #ded6e2;border-radius:11px;background:#fff;color:#33283a;font:inherit;font-size:12px;outline:none}
.company-onboarding-grid input:focus,.company-onboarding-grid select:focus{border-color:#956cad;box-shadow:0 0 0 3px rgba(126,83,150,.12)}
.company-onboarding-grid input.is-invalid,.company-onboarding-grid select.is-invalid{border-color:#c65b67;box-shadow:0 0 0 3px rgba(198,91,103,.1)}
.company-onboarding-review{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;padding:14px;border:1px solid #e8e0eb;border-radius:13px;background:#faf8fb}
.company-onboarding-review div{display:grid;gap:3px;min-width:0}.company-onboarding-review span{color:#8b818f;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.company-onboarding-review strong{overflow:hidden;color:#493b50;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.company-onboarding-status{min-height:18px;margin:16px 0 0;color:#b34552;font-size:11px;font-weight:750}
.company-onboarding-status.is-success{color:#3f7b2f}
.company-onboarding-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:4px}
.company-onboarding-actions .btn{min-width:116px}
html[data-color-mode="dark"] .company-onboarding-card{border-color:#435064;background:#111922}html[data-color-mode="dark"] .company-onboarding-header{border-color:#344152}html[data-color-mode="dark"] .company-onboarding-header h1,html[data-color-mode="dark"] .company-onboarding-step-copy h2{color:#f1f4f8}html[data-color-mode="dark"] .company-onboarding-header p,html[data-color-mode="dark"] .company-onboarding-step-copy p{color:#b8c1cc}html[data-color-mode="dark"] .company-onboarding-grid input,html[data-color-mode="dark"] .company-onboarding-grid select{border-color:#435064;background:#18222d;color:#f1f4f8}html[data-color-mode="dark"] .company-onboarding-review{border-color:#3c4858;background:#17212b}html[data-color-mode="dark"] .company-onboarding-review strong{color:#edf1f5}
@media(max-width:680px){.company-onboarding{padding:10px}.company-onboarding-card{max-height:calc(100vh - 20px);border-radius:18px}.company-onboarding-header{grid-template-columns:38px 1fr;padding:22px 20px 18px}.company-onboarding-header img{width:36px;height:36px}.company-onboarding-signout{grid-column:2;justify-self:start;padding-left:0}.company-onboarding-progress{padding:18px 20px 2px}.company-onboarding-progress small{display:none}#companyOnboardingForm{padding:20px}.company-onboarding-grid.two-column,.company-onboarding-review{grid-template-columns:1fr}.company-onboarding-actions{justify-content:stretch}.company-onboarding-actions .btn{flex:1;min-width:0}}

/* Build 176: compact, single-line workspace header. */
.topbar,body.ai-home .topbar,body:not(.ai-home) .topbar{height:58px;min-height:58px;padding:6px 16px;gap:12px}
.header-left{flex:0 0 auto;gap:6px}.header-history{gap:5px}.header-back{width:34px;height:34px;border-radius:10px;font-size:20px}
.top-actions{min-width:0;gap:8px;flex:1 1 auto;justify-content:flex-end;flex-wrap:nowrap}
.global-search{flex:1 1 330px;width:auto;min-width:220px;max-width:400px;height:38px;padding-inline:11px;border-radius:12px}.global-search input{height:36px!important;font-size:12px}
.header-date-time,.prepared-chip{display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:5px;width:auto;min-width:0;max-width:none;min-height:36px;height:36px;padding:0 10px;border:1px solid #e5e0e9;border-radius:11px;background:#faf9fb;color:#403747;text-align:left;font-size:10px;font-weight:800;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header-date-time:before,.prepared-chip:before{display:inline;margin:0;color:#918899;font-size:9px;font-weight:750;letter-spacing:0;text-transform:none;white-space:nowrap}
.header-date-time:before{content:"Local time:"}.prepared-chip:before{content:"Prepared by:"}
.header-date-time strong{display:inline;color:#403747;font-size:10px;white-space:nowrap}.header-date-time span{white-space:nowrap}
.header-ai-status{white-space:nowrap}
.workspace,body.ai-home .workspace,body:not(.ai-home) .workspace{min-height:calc(100vh - 58px)}
#emailView{inset-block-start:58px}
.schedule-workspace-view,body.schedule-home .workspace{height:calc(100vh - 58px)}
.sidebar-collapse{top:57px}
@media(max-width:760px){.prepared-chip{display:none}.global-search{min-width:170px}.topbar,body.ai-home .topbar,body:not(.ai-home) .topbar{padding-inline:10px}}
@media(max-width:620px){.topbar,body.ai-home .topbar,body:not(.ai-home) .topbar{height:56px;min-height:56px}.workspace,body.ai-home .workspace,body:not(.ai-home) .workspace{min-height:calc(100vh - 56px)}#emailView{inset-block-start:56px}.schedule-workspace-view,body.schedule-home .workspace{height:calc(100vh - 56px)}.header-date-time{display:none}.sidebar-collapse{top:55px}}

/* Build 211: always-visible release identity at the far right of the workspace header. */
.header-version{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 10px;border:1px solid #d9e2ea;border-radius:11px;background:#f7fafc;color:#496273;font-size:9px;font-weight:850;line-height:1;white-space:nowrap}
html[data-color-mode="dark"] .header-version{border-color:#46566a;background:#18222d;color:#dbe6ef}
@media(max-width:760px){.header-version{height:34px;padding-inline:8px;font-size:8px}}

/* Build 211: authentication controls stay available even when work permissions are restricted. */
.header-sign-out{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 12px;border:1px solid #d8e2ea;border-radius:11px;background:#fff;color:#0d5e82;font:inherit;font-size:10px;font-weight:850;line-height:1;white-space:nowrap;cursor:pointer}
.header-sign-out:hover{border-color:#8db9cc;background:#effafd;color:#074f70}.header-sign-out:focus-visible{outline:3px solid rgba(13,94,130,.18);outline-offset:2px}.header-sign-out[hidden]{display:none}
html[data-color-mode="dark"] .header-sign-out{border-color:#46566a;background:#18222d;color:#dbe6ef}html[data-color-mode="dark"] .header-sign-out:hover{border-color:#5e8da3;background:#20303c;color:#fff}
@media(max-width:760px){.header-sign-out{height:34px;padding-inline:9px;font-size:9px}}
@media(max-width:520px){.global-search{display:none}.header-sign-out{margin-left:auto}}

/* Build 279 mobile shell: touch devices use a stable icon rail instead of the
   desktop hover/focus flyout. Field accounts get a full-width My Work view. */
[data-navigation-route][hidden],
.sidebar-settings-action[hidden],
.profile-button[hidden]{display:none!important}

@media (max-width:620px), (hover:none) and (pointer:coarse){
  .tool-sidebar,
  body.ai-home .tool-sidebar,
  .tool-sidebar:hover,
  .tool-sidebar:focus-within,
  body.ai-home .tool-sidebar:hover,
  body.ai-home .tool-sidebar:focus-within,
  html[data-sidebar-collapsed="true"] .tool-sidebar:hover,
  html[data-sidebar-collapsed="true"] .tool-sidebar:focus-within{
    width:var(--sidebar-rail-width,82px);
    padding-inline:8px;
    box-shadow:none;
  }
  .tool-sidebar .platform-brand .brand-lockup,
  .tool-sidebar:hover .platform-brand .brand-lockup,
  .tool-sidebar:focus-within .platform-brand .brand-lockup,
  .tool-sidebar .ai-side-action span:not(.ai-side-icon),
  .tool-sidebar:hover .ai-side-action span:not(.ai-side-icon),
  .tool-sidebar:focus-within .ai-side-action span:not(.ai-side-icon),
  .tool-sidebar .profile-copy,
  .tool-sidebar:hover .profile-copy,
  .tool-sidebar:focus-within .profile-copy,
  .tool-sidebar .ai-side-label,
  .tool-sidebar:hover .ai-side-label,
  .tool-sidebar:focus-within .ai-side-label,
  .tool-sidebar .sidebar-submenu{display:none!important}
  .tool-sidebar .platform-brand .brand-symbol{display:block!important}
  .tool-sidebar .platform-brand,
  .tool-sidebar .ai-side-action,
  .tool-sidebar .ai-profile,
  .tool-sidebar:hover .platform-brand,
  .tool-sidebar:hover .ai-side-action,
  .tool-sidebar:hover .ai-profile,
  .tool-sidebar:focus-within .platform-brand,
  .tool-sidebar:focus-within .ai-side-action,
  .tool-sidebar:focus-within .ai-profile{
    justify-content:center;
    padding-inline:0;
  }
  .tool-sidebar .sidebar-navigation{justify-items:center}
}

@media(max-width:620px){
  .header-version{display:none!important}
  html[data-access-role="field"]{--sidebar-rail-width:0px!important;--sidebar-width:0px!important}
  html[data-access-role="field"] .tool-sidebar{display:none!important}
  html[data-access-role="field"] .topbar,
  html[data-access-role="field"] body.ai-home .topbar,
  html[data-access-role="field"] body:not(.ai-home) .topbar,
  html[data-access-role="field"] .workspace,
  html[data-access-role="field"] body.ai-home .workspace,
  html[data-access-role="field"] body:not(.ai-home) .workspace{margin-left:0!important;width:100%!important}
  html[data-access-role="field"] #emailView{left:0!important}
  html[data-access-role="field"] .header-left,
  html[data-access-role="field"] .header-ai-status,
  html[data-access-role="field"] .header-version{display:none!important}
  html[data-access-role="field"] .top-actions{width:100%;justify-content:flex-end}
  html[data-access-role="field"] .header-sync,
  html[data-access-role="field"] .header-sign-out{min-width:92px}
  html[data-access-role="field"] body.schedule-home .workspace,
  html[data-access-role="field"] .schedule-workspace-view{height:calc(100dvh - 56px)}
}
.header-sync{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:5px;height:36px;padding:0 11px;border:1px solid #8db9cc;border-radius:11px;background:#effafd;color:#075d82;font:inherit;font-size:10px;font-weight:850;line-height:1;white-space:nowrap;cursor:pointer}.header-sync span{font-size:15px;line-height:1}.header-sync b{font:inherit}.header-sync:hover{border-color:#0d759e;background:#def5fb;color:#064b6a}.header-sync:focus-visible{outline:3px solid rgba(13,94,130,.18);outline-offset:2px}.header-sync:disabled{cursor:wait;opacity:.65}.header-sync.is-syncing span{animation:header-sync-spin .8s linear infinite}.header-sync[hidden]{display:none}@keyframes header-sync-spin{to{transform:rotate(360deg)}}
html[data-color-mode="dark"] .header-sync{border-color:#4c849b;background:#19313d;color:#dff7ff}html[data-color-mode="dark"] .header-sync:hover{border-color:#71b4cf;background:#234858;color:#fff}
@media(max-width:760px){.header-sync{height:34px;padding-inline:9px;font-size:9px}.header-sync b{display:none}}

/* Build 180: modern, focused AI Assistant welcome screen. */
body.ai-home .global-search,
body.ai-home .header-date-time,
body.ai-home .prepared-chip{display:none}
body.ai-home .topbar{background:rgba(255,255,255,.9);border-bottom-color:#eef2f7}
body.ai-home .header-ai-status{gap:6px;color:#64748b;font-size:11px;font-weight:700}
body.ai-home .header-ai-status span{display:inline}
body.ai-home .header-ai-status i{width:6px;height:6px;background:#f59e0b}
body.ai-home .header-ai-status.connected{color:#4b6474}
body.ai-home .header-ai-status.connected i{background:#22c55e}
#emailView .ai-main{background:#fff}
#emailView .ai-conversation{padding:clamp(32px,6vh,72px) clamp(20px,5vw,72px) 24px}
#emailView .ai-welcome{width:min(760px,100%);margin:clamp(20px,7vh,84px) auto 0}
#emailView .ai-logo-lockup{width:clamp(112px,11vw,142px);height:clamp(112px,11vw,142px);margin:0 auto 24px;filter:drop-shadow(0 20px 28px rgba(37,99,235,.16))}
#emailView .ai-welcome h2{color:#0f172a;font-size:clamp(36px,4vw,52px);font-weight:720;line-height:1.08;letter-spacing:-.045em}
#emailView .ai-welcome p{max-width:580px;margin:16px auto 0;color:#64748b;font-size:15px;line-height:1.6;font-weight:500;letter-spacing:0}
#emailView .ai-suggestions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:680px;margin:32px auto 0}
#emailView .ai-suggestions .ai-prompt{min-height:58px;display:flex;align-items:center;justify-content:flex-start;gap:11px;width:100%;padding:11px 14px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;color:#27364a;box-shadow:0 4px 16px rgba(15,23,42,.035);font-size:13px;font-weight:700;text-align:left;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}
#emailView .ai-suggestions .ai-prompt:hover,#emailView .ai-suggestions .ai-prompt:focus-visible{border-color:#bfdbfe;background:#f8fbff;color:#1d4ed8;box-shadow:0 10px 24px rgba(37,99,235,.09);transform:translateY(-1px);outline:0}
#emailView .ai-prompt-icon{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:#eff6ff;color:#2563eb;font-size:15px;font-weight:850}
#emailView .ai-composer-wrap{padding:14px clamp(20px,5vw,72px) clamp(24px,5vh,48px);background:linear-gradient(180deg,rgba(255,255,255,0),#fff 20%)}
#emailView .ai-composer{max-width:840px;min-height:68px;gap:14px;align-items:center;padding:9px 10px 9px 22px;border:1px solid #dbe3ee;border-radius:24px;box-shadow:0 14px 42px rgba(15,23,42,.09),0 2px 8px rgba(15,23,42,.04)}
#emailView .ai-composer:focus-within{border-color:#93c5fd;box-shadow:0 0 0 4px rgba(37,99,235,.08),0 16px 44px rgba(15,23,42,.1)}
#emailView .ai-composer textarea{min-height:48px;max-height:180px;padding:13px 0;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#172033;font-size:15px;font-weight:450;line-height:1.45}
#emailView .ai-composer textarea::placeholder{color:#94a3b8}
#emailView .ai-send{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border-radius:16px;background:#2563eb;box-shadow:0 8px 20px rgba(37,99,235,.22);transition:background .16s ease,transform .16s ease,box-shadow .16s ease}
#emailView .ai-send:hover:not(:disabled){background:#1d4ed8;box-shadow:0 10px 24px rgba(37,99,235,.28);transform:translateY(-1px)}
#emailView .ai-send:disabled{background:#cbd5e1;box-shadow:none}
#emailView .ai-send svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#emailView .email-status{max-width:840px;min-height:18px;margin:8px auto 0;padding-left:5px;color:#7c8a9c;text-align:left;font-size:11px;font-weight:600}
html[data-color-mode="dark"] body.ai-home .topbar{background:rgba(17,24,33,.92);border-bottom-color:#273444}
html[data-color-mode="dark"] #emailView .ai-main{background:#111821!important}
html[data-color-mode="dark"] #emailView .ai-welcome h2{color:#f8fafc!important}
html[data-color-mode="dark"] #emailView .ai-welcome p{color:#aebbc9!important}
html[data-color-mode="dark"] #emailView .ai-suggestions .ai-prompt{border-color:#334155;background:#17212c;color:#e2e8f0}
html[data-color-mode="dark"] #emailView .ai-suggestions .ai-prompt:hover{border-color:#3b82f6;background:#18283c;color:#bfdbfe}
html[data-color-mode="dark"] #emailView .ai-prompt-icon{background:#172f52;color:#93c5fd}
html[data-color-mode="dark"] #emailView .ai-composer-wrap{background:linear-gradient(180deg,rgba(17,24,33,0),#111821 20%)!important}
html[data-color-mode="dark"] #emailView .ai-composer{border-color:#3a4758;background:#18222d;box-shadow:0 14px 42px rgba(0,0,0,.2)}
html[data-color-mode="dark"] #emailView .ai-composer textarea{color:#f1f5f9}
@media(max-width:760px){
  body.ai-home .header-ai-status{font-size:9px}
  #emailView .ai-conversation{padding-top:28px}
  #emailView .ai-welcome{margin-top:12px}
  #emailView .ai-logo-lockup{width:96px;height:96px;margin-bottom:18px}
  #emailView .ai-suggestions{grid-template-columns:1fr;gap:8px;max-width:420px;margin-top:24px}
  #emailView .ai-suggestions .ai-prompt{min-height:50px}
  #emailView .ai-composer{min-height:62px;padding-left:16px;border-radius:21px}
}
@media(max-height:700px) and (min-width:761px){
  #emailView .ai-conversation{padding-top:22px}
  #emailView .ai-welcome{margin-top:8px}
  #emailView .ai-logo-lockup{width:92px;height:92px;margin-bottom:14px}
  #emailView .ai-welcome h2{font-size:38px}
  #emailView .ai-suggestions{margin-top:22px}
}
