/* Website-design skins for the portal (styles-site-design-dark-20261012.css): one block per design keyed on body[data-theme="site"][data-design="<slug>"].
   Designs in this file: orb (light), sixty-eight-roofs, sun-clock, switchboard (dark). Colours, fonts and radius come from the
   runtime tokens (app-site-design-20261012.js); this file adds each design's surfaces, rules, type and motifs.
   Buttons, tabs and chips are prefixed with :is(#app,#modal) so they outrank the runtime's injected colour rules.
   Every text pair was checked at >= 4.5:1. Textures are CSS gradients or data: URIs only (CSP). Layout widths and grids are untouched.
   The dark blocks re-ink two text colours the app sets inline (#c0392b opted-out notice, #92400e manufacturer warning) with !important, the only way past an inline style. */

/* ══ ORB — one object on a white page · graphite ink, one gold sun · Geist light display + Inter Tight labels · 20px tiles, pills, hairlines, feather shadows ══ */
body[data-theme="site"][data-design="orb"]{--sun:radial-gradient(circle at 40% 36%,#fff3c9 0%,#f6cf68 18%,#e3b341 42%,#ff9f1c 72%,#c2600c 100%);--sun-pill:linear-gradient(100deg,#f8d77c,#e9bd4f 55%,#f2b544);
  --label:"Inter Tight","Geist",ui-sans-serif,system-ui,sans-serif;--soft:#474747;--mute:#6b6b6b;--hair:#e7e7e5;--tile:#f7f7f7;--night:#111;
  --shadow:0 0 0 1px rgba(26,26,26,.06),0 24px 60px -24px rgba(0,0,0,.4);--shadow-sm:0 0 0 1px rgba(26,26,26,.06),0 14px 34px -20px rgba(0,0,0,.35);--warn:#8a5a00;--err:#b3261e;--danger:#b3261e;
  background:#fff;font-family:"Geist","Inter Tight",ui-sans-serif,system-ui,sans-serif;font-variant-numeric:lining-nums}
/* the token muted (#8a8a8a) is 3.4:1 on white; content reads the design's own mute (the rail keeps its night palette) */
body[data-theme="site"][data-design="orb"] :is(#app,#modal,#toast){--muted:#6b6b6b}
body[data-theme="site"][data-design="orb"] ::selection{background:#ffe3a3;color:#1a1a1a}
body[data-theme="site"][data-design="orb"] :focus-visible{outline:2px solid #1a1a1a;outline-offset:3px;border-radius:8px}
body[data-theme="site"][data-design="orb"] :is(h1,h2,h3,h4,.view-head h2,.modal-card h3){font-family:var(--font-head);font-weight:400;letter-spacing:-.03em}
body[data-theme="site"][data-design="orb"] .view-head{border-bottom:1px solid var(--hair);background:#fff}
body[data-theme="site"][data-design="orb"] .view-head h2{font-weight:300;font-size:24px;line-height:1.05;letter-spacing:-.045em}
body[data-theme="site"][data-design="orb"] .modal-card h3{font-weight:300;font-size:24px;letter-spacing:-.04em}

/* rail: the lights-down stage, the sun setting at its foot */
body[data-theme="site"][data-design="orb"] #sidebar{background:radial-gradient(150% 34% at 50% 108%,rgba(255,138,28,.22),rgba(226,121,15,.08) 45%,transparent 72%),#111;border-right:0;--txt:#f3f1ec;--muted:#a7a39b;--line:rgba(255,255,255,.12);--panel2:rgba(255,255,255,.07)}
body[data-theme="site"][data-design="orb"] #sidebar .brand .brand-logo{border-radius:16px;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 14px 34px -20px rgba(0,0,0,.8)}
body[data-theme="site"][data-design="orb"] #sidebar .brand-sub{font-family:var(--label);font-weight:500;font-size:12px;letter-spacing:.01em;text-transform:none;color:#cdc9c1;display:flex;align-items:center;gap:8px}
body[data-theme="site"][data-design="orb"] #sidebar .brand-sub::before{content:"";flex:none;width:12px;height:12px;border-radius:50%;background:var(--sun);box-shadow:0 0 12px rgba(255,159,28,.55)}
body[data-theme="site"][data-design="orb"] #sidebar .nav-group-label{opacity:1;font-family:var(--label);font-weight:500;font-size:11.5px;letter-spacing:.01em;text-transform:none;color:#a7a39b;padding:12px 14px 4px;display:flex;align-items:center;gap:8px}
body[data-theme="site"][data-design="orb"] #sidebar .nav-group-label::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.12)}
body[data-theme="site"][data-design="orb"] #sidebar .nav-item{border-radius:999px;color:#e4e1da;font-family:var(--label);font-weight:500;min-height:44px}
body[data-theme="site"][data-design="orb"] #sidebar .nav-item:hover{background:rgba(255,255,255,.07);color:#fff}
body[data-theme="site"][data-design="orb"] #sidebar .nav-item.active{background:var(--sun-pill);color:#1a1a1a;font-weight:600;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 10px 26px -12px rgba(255,159,28,.6)}
body[data-theme="site"][data-design="orb"] #sidebar .badge{background:#f3f1ec;color:#111;border-radius:999px;font-family:var(--label);font-weight:600}
body[data-theme="site"][data-design="orb"] #sidebar .nav-item.active .badge{background:#1a1a1a;color:#fff}
body[data-theme="site"][data-design="orb"] #sidebar .status{font-family:var(--label);color:#a7a39b;border-top:1px solid rgba(255,255,255,.12)}
body[data-theme="site"][data-design="orb"] #sidebar .status.ok{color:#f2b544}
body[data-theme="site"][data-design="orb"] #sidebar .status.bad{color:#ff9c8f}
body[data-theme="site"][data-design="orb"] #sidebar .session-chip{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:16px}
body[data-theme="site"][data-design="orb"].sidebar-collapsed #sidebar .session-chip{background:none;border:0;box-shadow:none}
body[data-theme="site"][data-design="orb"] #app #sidebar button.btn.ghost{background:transparent;color:#f3f1ec;border:0;box-shadow:inset 0 0 0 1px rgba(243,241,236,.3);border-radius:999px}
body[data-theme="site"][data-design="orb"] #app #sidebar button.btn.ghost:hover{background:#f3f1ec;color:#111}
body[data-theme="site"][data-design="orb"] :is(#sidebarCollapse,#sidebarReveal){border-radius:999px}
body[data-theme="site"][data-design="orb"] #sidebarCollapse{color:#cdc9c1}
body[data-theme="site"][data-design="orb"] #sidebarResizer:hover{background:#e3b341}

/* tiles: quiet grey on white, no rules, lots of air; floating panels get the feather shadow */
body[data-theme="site"][data-design="orb"] :is(.card,.kpi,.kpi-card,.chart-wrap,.solar-result-card,.fb-gallery,.fb-ai-panel){background:#f7f7f7;border:0;border-radius:20px;box-shadow:none}
body[data-theme="site"][data-design="orb"] .modal-card{background:#fff;border:0;border-radius:24px;box-shadow:0 0 0 1px rgba(26,26,26,.07),0 40px 80px -30px rgba(0,0,0,.45)}
body[data-theme="site"][data-design="orb"] :is(.kanban-card,.flow-node,.preset-card,.fb-gallery-card,.solar-finance-card,.imp-method,.qr-pick,.recip-box,.drill-list,.ac-box,.flow-action-box){background:#fff;border:1px solid var(--hair);border-radius:14px;box-shadow:none}
body[data-theme="site"][data-design="orb"] :is(.kanban-col,.sla-stat,.flow-stat-box,.note,.tmpl-preview){background:#f2f2f1;border:0;border-radius:14px}
body[data-theme="site"][data-design="orb"] .cinfo{background:#fff;border-left:1px solid var(--hair)}
body[data-theme="site"][data-design="orb"] .card .card{background:#fff}
body[data-theme="site"][data-design="orb"] .kanban-card:hover{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(26,26,26,.06),0 14px 34px -20px rgba(0,0,0,.35)}
body[data-theme="site"][data-design="orb"] .card>strong:first-child{display:block;margin-bottom:12px;font-weight:500;font-size:16px;letter-spacing:-.02em}
body[data-theme="site"][data-design="orb"] .chart-title{font-family:var(--label);font-weight:600;font-size:12.5px;letter-spacing:.005em;color:#1a1a1a}
body[data-theme="site"][data-design="orb"] .kpi-val{font-family:var(--font-head);font-weight:300;font-size:28px;line-height:1.05;letter-spacing:-.045em;color:#1a1a1a;font-variant-numeric:tabular-nums lining-nums}
body[data-theme="site"][data-design="orb"] :is(.kpi-lbl,.kpi-label,.solar-finance-label,.sla-stat-label,.flow-stat-label,.kanban-col-head){font-family:var(--label);font-weight:500;font-size:12px;letter-spacing:.005em;text-transform:none;color:#6b6b6b}
body[data-theme="site"][data-design="orb"] :is(.solar-finance-val,.sla-stat-val,.flow-stat-val){font-family:var(--font-head);font-weight:300;letter-spacing:-.03em;color:#1a1a1a}
body[data-theme="site"][data-design="orb"] :is(.funnel-n,.src-n){font-variant-numeric:tabular-nums}
body[data-theme="site"][data-design="orb"] :is(.sol-row,.solar-result-row,.ctwa-stat-row,.agent-row,.timeline-item,.drill-row,.ac-item){border-bottom:1px solid var(--hair)}
body[data-theme="site"][data-design="orb"] .solar-result-row:last-child{border-top:1px solid #1a1a1a;border-bottom:0}
body[data-theme="site"][data-design="orb"] :is(.funnel-bar,.chart-bar-fill,.src-bar,.heat-cell,.funnel-track,.src-track,.chart-bar-track,.funnel-track2,.chart-col .bar){border-radius:999px}
body[data-theme="site"][data-design="orb"] :is(.funnel-track,.src-track,.chart-bar-track,.funnel-track2){background:#ebebea}
body[data-theme="site"][data-design="orb"] :is(.funnel-bar,.chart-bar-fill,.chart-col .bar.in,.src-bar,.heat-cell){background:#1a1a1a}
body[data-theme="site"][data-design="orb"] :is(.chart-bar-fill.out,.chart-col .bar.out){background:linear-gradient(180deg,#f6cf68,#e3b341 60%,#ff9f1c)}
body[data-theme="site"][data-design="orb"] :is(.kpi-up,.funnel-conv.ok){color:#1d6b3c}
body[data-theme="site"][data-design="orb"] :is(.kpi-dn,.funnel-conv.warn){color:#b3261e}
body[data-theme="site"][data-design="orb"] .fb-node.fb-ai .fb-node-head{color:#1d6b3c}
body[data-theme="site"][data-design="orb"] .settings-danger{background:#fdf1f0;border:1px solid #f1c9c5;border-radius:14px}
body[data-theme="site"][data-design="orb"] .settings-danger-title{color:#b3261e}

/* graphite pills, quiet fields, a segmented track */
body[data-theme="site"][data-design="orb"] :is(#app,#modal) button.btn{background:#1a1a1a;color:#fff;border:0;border-radius:999px;font-family:var(--label);font-weight:600;letter-spacing:.005em;min-height:36px;padding-inline:16px;transition:background-color .25s ease,box-shadow .25s ease,transform .35s cubic-bezier(.16,1,.3,1)}
body[data-theme="site"][data-design="orb"] :is(#app,#modal) button.btn:hover{background:#3b3b3b;color:#fff;transform:translateY(-1px)}
body[data-theme="site"][data-design="orb"] :is(#app,#modal) button.btn.sm{padding-inline:10px}
body[data-theme="site"][data-design="orb"] :is(#app,#modal) button.btn.ghost{background:#fff;color:#1a1a1a;box-shadow:inset 0 0 0 1px rgba(26,26,26,.24)}
body[data-theme="site"][data-design="orb"] :is(#app,#modal) button.btn.ghost:hover{background:#fff;color:#1a1a1a;box-shadow:inset 0 0 0 1px #1a1a1a;transform:none}
body[data-theme="site"][data-design="orb"] :is(#app,#modal) :is(.fb-new,.fb-save,.fb-ai-cta,.fb-ai-build){background:#1a1a1a;color:#fff;border-radius:999px;box-shadow:none}
body[data-theme="site"][data-design="orb"] :is(#app,#modal) :is(.fb-del,.settings-danger){border-radius:14px}
body[data-theme="site"][data-design="orb"] :is(#app,#modal) .fb-del{color:#b3261e;border-color:#b3261e;border-radius:999px}
body[data-theme="site"][data-design="orb"] :is(#app,#modal) .fb-del:hover{background:#b3261e;color:#fff}
body[data-theme="site"][data-design="orb"] :is(#app,#modal) :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=range]){background:#fff;color:#1a1a1a;border:1px solid #8a8a8a;border-radius:14px}
body[data-theme="site"][data-design="orb"] :is(#app,#modal) :is(input,select,textarea):focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 4px rgba(26,26,26,.1)}
body[data-theme="site"][data-design="orb"] :is(#app,#modal) ::placeholder{color:#6b6b6b}
body[data-theme="site"][data-design="orb"] :is(#app,#modal) .ai-mode-sel.is-off{color:#b3261e;border-color:#b3261e}
body[data-theme="site"][data-design="orb"] label:not([class]){font-family:var(--label);font-weight:500;color:#474747}
body[data-theme="site"][data-design="orb"] :is(#app,#modal) .tabs{background:#f0f0ef;border-radius:999px;padding:3px}
body[data-theme="site"][data-design="orb"] :is(#app,#modal) .tab{border-radius:999px;color:#474747;font-family:var(--label);font-weight:500}
body[data-theme="site"][data-design="orb"] :is(#app,#modal) .tab:hover{color:#1a1a1a}
body[data-theme="site"][data-design="orb"] :is(#app,#modal) .tab.active{background:#fff;color:#1a1a1a;font-weight:600;box-shadow:0 0 0 1px rgba(26,26,26,.06),0 6px 16px -10px rgba(0,0,0,.45)}
body[data-theme="site"][data-design="orb"] :is(#app,#modal) :is(.solar-tab,.settings-tab){color:#6b6b6b;font-family:var(--label);font-weight:500}
body[data-theme="site"][data-design="orb"] :is(#app,#modal) :is(.solar-tab,.settings-tab):hover:not(.active){color:#1a1a1a}
body[data-theme="site"][data-design="orb"] :is(#app,#modal) :is(.solar-tab,.settings-tab).active{color:#1a1a1a;font-weight:600;border-bottom-color:#1a1a1a}
body[data-theme="site"][data-design="orb"] :is(.solar-tab-bar,.settings-tabs){border-bottom:1px solid var(--hair)}
body[data-theme="site"][data-design="orb"] :is(#app,#modal) :is(.tf-chip,.leads-view-toggle button,.dash-period-bar button){border:0;border-radius:999px;background:#fff;color:#1a1a1a;box-shadow:inset 0 0 0 1px rgba(26,26,26,.24);font-family:var(--label);font-weight:500}
body[data-theme="site"][data-design="orb"] :is(#app,#modal) :is(.tf-chip.active,.leads-view-toggle button.active,.dash-period-bar button.active){background:#1a1a1a;color:#fff;box-shadow:none}
body[data-theme="site"][data-design="orb"] :is(#app,#modal) .funnel-bar{color:#fff}

/* tables: one graphite rule under the heads, hairlines between rows */
body[data-theme="site"][data-design="orb"] th{font-family:var(--label);font-weight:500;font-size:12px;letter-spacing:.005em;text-transform:none;color:#6b6b6b;background:transparent;border-bottom:1px solid #1a1a1a}
body[data-theme="site"][data-design="orb"] td{border-bottom:1px solid var(--hair);font-variant-numeric:tabular-nums}
body[data-theme="site"][data-design="orb"] tr.clickable:hover td{background:#f7f7f7}

/* badges: soft pills; the one gold object is the open thread's count */
body[data-theme="site"][data-design="orb"] :is(.pill,.role-pill,.proposal-status,.project-stage-badge,.badge-hot,.badge-warm,.badge-cold,.badge-won,.badge-lost,.confirm-chip,.kanban-col-count){background:#efefee;color:#1a1a1a;border:0;border-radius:999px;font-family:var(--label);font-weight:500;letter-spacing:.005em;text-transform:none}
body[data-theme="site"][data-design="orb"] :is(.pill.APPROVED,.pill.read,.pill.delivered,.badge-won,.proposal-status.viewed,.proposal-status.signed,.project-stage-badge.approved,.project-stage-badge.commissioned,.confirm-chip){background:#e6f2ea;color:#1d6b3c}
body[data-theme="site"][data-design="orb"] :is(.pill.REJECTED,.pill.failed,.badge-hot,.badge-lost){background:#fbeceb;color:#a3261d}
body[data-theme="site"][data-design="orb"] :is(.pill.PENDING,.badge-warm,.proposal-status.draft,.project-stage-badge.survey){background:#fbefd0;color:#6b4300}
body[data-theme="site"][data-design="orb"] :is(.pill.sent,.pill.queued,.badge-cold,.proposal-status.sent,.project-stage-badge.design,.project-stage-badge.installed){background:#efefee;color:#474747}
body[data-theme="site"][data-design="orb"] :is(#app,#modal) .role-pill.admin{background:#1a1a1a;color:#fff}
body[data-theme="site"][data-design="orb"] #sidebar .role-pill{background:rgba(255,255,255,.1);color:#f3f1ec}
body[data-theme="site"][data-design="orb"] #sidebar .role-pill.admin{background:var(--sun-pill);color:#1a1a1a}
body[data-theme="site"][data-design="orb"] :is(#app,#modal) .unread-count{background:#1a1a1a;color:#fff}
body[data-theme="site"][data-design="orb"] :is(#app,#modal) .thread.active .unread-count{background:var(--sun-pill);color:#1a1a1a}
body[data-theme="site"][data-design="orb"] :is(#app,#modal) :is(.inbox-avatar,.flow-num){background:#efefee;color:#1a1a1a;font-family:var(--label);font-weight:600}
body[data-theme="site"][data-design="orb"] :is(#app,#modal) .flow-start{background:#1a1a1a;color:#fff;border-radius:999px}
body[data-theme="site"][data-design="orb"] :is(#app,#modal) .flow-end{background:#efefee;color:#474747;border-radius:999px}

/* inbox: white page, grey tiles in, graphite pills out */
body[data-theme="site"][data-design="orb"] :is(.threads,.threads-col){background:#fff}
body[data-theme="site"][data-design="orb"] .thread{border-bottom:1px solid var(--hair)}
body[data-theme="site"][data-design="orb"] .thread:hover{background:#f7f7f7}
body[data-theme="site"][data-design="orb"] .thread.active{background:#f7f7f7;box-shadow:inset 2px 0 0 #1a1a1a}
body[data-theme="site"][data-design="orb"] .thread .name{font-weight:500;letter-spacing:-.01em}
body[data-theme="site"][data-design="orb"] .convo-msgs{background:#fff}
body[data-theme="site"][data-design="orb"] .msg{line-height:1.5}
body[data-theme="site"][data-design="orb"] .msg.in{background:#f2f2f1;color:#1a1a1a;border-radius:20px 20px 20px 6px}
body[data-theme="site"][data-design="orb"] .msg.out{background:#1a1a1a;color:#f3f1ec;border-radius:20px 20px 6px 20px}
body[data-theme="site"][data-design="orb"] .msg .meta{font-family:var(--label);color:#6b6b6b}
body[data-theme="site"][data-design="orb"] .msg.out .meta{color:#b5b1a9}
body[data-theme="site"][data-design="orb"] .msg.out .doc{color:#f2b544}
body[data-theme="site"][data-design="orb"] .msg.out .media-ph{color:#cdc9c1}
body[data-theme="site"][data-design="orb"] .msg .meta.failed{color:#b3261e}
body[data-theme="site"][data-design="orb"] .msg.out .meta.failed{color:#ff9c8f}
body[data-theme="site"][data-design="orb"] :is(.composer,.tmpl-bar,.convo-head,.inbox-thread-header){background:#fff;border-color:var(--hair)}
body[data-theme="site"][data-design="orb"] #toast .toast{background:radial-gradient(circle at 18px 50%,#f6cf68 0 4px,#e3b341 4.5px 5px,transparent 5.5px) #fff;color:#1a1a1a;border:0;border-radius:16px;padding-left:32px;font-family:var(--label);font-weight:500;box-shadow:0 0 0 1px rgba(26,26,26,.06),0 24px 60px -24px rgba(0,0,0,.4)}
body[data-theme="site"][data-design="orb"] #toast .toast.err{background:radial-gradient(circle at 18px 50%,#b3261e 0 5px,transparent 5.5px) #fff}
body[data-theme="site"][data-design="orb"] #modal{background:rgba(17,17,17,.42);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
body[data-theme="site"][data-design="orb"] .mobile-tab-bar{background:#111;border-top:0}
body[data-theme="site"][data-design="orb"] #app .mobile-tab-btn{color:#cdc9c1;font-family:var(--label);font-weight:500;min-height:44px}
body[data-theme="site"][data-design="orb"] #app .mobile-tab-btn.active{color:#fff;background:radial-gradient(circle at 50% 5px,#f6cf68 0 3px,#e3b341 3.5px 4px,transparent 4.5px)}

/* sign-in: the sun rises behind the card, the way it rises behind the headline */
body[data-theme="site"][data-design="orb"] #authGate{background:#fff}
body[data-theme="site"][data-design="orb"] #authGate::before{content:"";inset:auto;left:50%;top:calc(50% - 13.5rem - min(72vw,30rem) / 2);width:min(72vw,30rem);aspect-ratio:1;translate:-50% 0;border-radius:50%;background:var(--sun);filter:none;animation:none;box-shadow:0 0 6rem 1rem rgba(255,168,40,.22)}
body[data-theme="site"][data-design="orb"] #authGate::after{content:none}
body[data-theme="site"][data-design="orb"] #authGate .auth-card{background:rgba(255,255,255,.95);border:0;border-radius:28px;-webkit-backdrop-filter:saturate(1.4) blur(16px);backdrop-filter:saturate(1.4) blur(16px);box-shadow:0 0 0 1px rgba(26,26,26,.06),0 40px 80px -36px rgba(0,0,0,.4);color:#1a1a1a}
body[data-theme="site"][data-design="orb"] #authGate .auth-card::before{content:none}
body[data-theme="site"][data-design="orb"] #authGate .auth-logo-img{border-radius:16px;box-shadow:0 0 0 1px rgba(26,26,26,.07)}
body[data-theme="site"][data-design="orb"] #authGate .auth-eyebrow{display:flex;align-items:center;gap:10px;font-family:var(--label);font-weight:500;font-size:13px;letter-spacing:.01em;text-transform:none;color:#6b6b6b}
body[data-theme="site"][data-design="orb"] #authGate .auth-eyebrow::before{content:"";width:2.5rem;height:1px;background:currentColor;opacity:.5}
body[data-theme="site"][data-design="orb"] #authGate .auth-title{color:#1a1a1a;font-family:var(--font-head);font-weight:300;font-size:36px;line-height:1;letter-spacing:-.05em}
body[data-theme="site"][data-design="orb"] #authGate .auth-help{color:#474747;font-size:14px}
body[data-theme="site"][data-design="orb"] #authGate input{background:#fff;color:#1a1a1a;border:1px solid #8a8a8a;border-radius:14px}
body[data-theme="site"][data-design="orb"] #authGate input::placeholder{color:#6b6b6b}
body[data-theme="site"][data-design="orb"] #authGate input:focus{background:#fff;border-color:#1a1a1a;box-shadow:0 0 0 4px rgba(26,26,26,.1)}
body[data-theme="site"][data-design="orb"] #authGate .pw-eye{color:#474747}
body[data-theme="site"][data-design="orb"] #authGate .auth-msg{color:#b3261e}
body[data-theme="site"][data-design="orb"] #authGate .btn.auth-submit{background:#1a1a1a;color:#fff;border-radius:999px;font-family:var(--label);font-weight:600;font-size:15px;min-height:50px;box-shadow:none}
body[data-theme="site"][data-design="orb"] #authGate .btn.auth-submit:hover{background:#3b3b3b;filter:none;box-shadow:none}
body[data-theme="site"][data-design="orb"] #authGate .btn.auth-submit::after{content:none}

/* ══ 68 ROOFS — photo-documentary · warm black, bone prints, amber kicker, brick stamp · Fraunces serif + Manrope · square print-label corners, film grain, sprocket holes, darkroom safelight ══ */
body[data-theme="site"][data-design="sixty-eight-roofs"]{--ink:#141210;--ink-2:#1c1916;--ink-3:#2a2520;--card:#221d19;--room:#1a0b07;--bone:#efe9df;--paper:#f6f1e8;--brick:#b4452b;--brick-ink:#9a3a24;--amber:#e8b25a;
  --t1:#d8d1c6;--t2:#bdb5a9;--t3:#a79f92;--rule:rgba(239,233,223,.14);--rule-2:rgba(239,233,223,.28);
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .94 0 0 0 0 .91 0 0 0 0 .87 0 0 0 .7 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.075'/%3E%3C/svg%3E");
  --sprockets:radial-gradient(closest-side,rgba(239,233,223,.42) 70%,transparent 78%);
  --shadow:0 34px 60px -40px rgba(0,0,0,.9);--shadow-sm:0 14px 30px -18px rgba(0,0,0,.85);--warn:#e8b25a;--err:#f0957a;--danger:#b4452b;
  background:var(--grain) 0 0/180px,#141210;color-scheme:dark;font-variant-numeric:lining-nums}
body[data-theme="site"][data-design="sixty-eight-roofs"] ::selection{background:#e8b25a;color:#141210}
body[data-theme="site"][data-design="sixty-eight-roofs"] :focus-visible{outline:2px solid #e8b25a;outline-offset:3px;border-radius:2px}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(h1,h2,h3,h4,.view-head h2,.modal-card h3){font-family:var(--font-head);font-weight:380;letter-spacing:-.02em}
body[data-theme="site"][data-design="sixty-eight-roofs"] .view-head{border-bottom:1px solid var(--rule);background:linear-gradient(180deg,rgba(28,25,22,.9),rgba(20,18,16,.6))}
body[data-theme="site"][data-design="sixty-eight-roofs"] .view-head h2{font-weight:350;font-size:26px;line-height:1;letter-spacing:-.03em}
body[data-theme="site"][data-design="sixty-eight-roofs"] .modal-card h3{font-weight:350;font-size:24px}

/* rail: the filmstrip — sprocket holes down the edge, the darkroom safelight at its foot */
body[data-theme="site"][data-design="sixty-eight-roofs"] #sidebar{background:var(--sprockets) right 2px top 4px/6px 11px repeat-y,radial-gradient(140% 26% at 50% 104%,rgba(180,69,43,.4),rgba(122,36,22,.12) 50%,transparent 74%),var(--grain) 0 0/180px,#0d0b0a;border-right:0;--txt:#efe9df;--muted:#bdb5a9;--line:rgba(239,233,223,.14);--panel2:rgba(239,233,223,.07)}
body[data-theme="site"][data-design="sixty-eight-roofs"] #sidebar .brand{position:relative}
body[data-theme="site"][data-design="sixty-eight-roofs"] #sidebar .brand::before{content:"";position:absolute;z-index:1;top:3px;left:50%;width:4.5rem;height:1.15rem;background:rgba(232,178,90,.42);transform:translateX(-50%) rotate(-3deg);box-shadow:0 1px 2px rgba(0,0,0,.25);pointer-events:none}
body[data-theme="site"][data-design="sixty-eight-roofs"] #sidebar .brand .brand-logo{border-radius:2px;box-shadow:0 0 0 1px rgba(20,18,16,.08),0 18px 30px -16px rgba(0,0,0,.9);transform:rotate(-1.2deg)}
body[data-theme="site"][data-design="sixty-eight-roofs"] #sidebar .brand-sub{font-family:var(--font-body);font-weight:800;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#e8b25a}
body[data-theme="site"][data-design="sixty-eight-roofs"] #sidebar .nav-group-label{opacity:1;font-family:var(--font-body);font-weight:800;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:#e8b25a;margin-top:6px;padding:12px 14px 4px}
body[data-theme="site"][data-design="sixty-eight-roofs"] #sidebar .nav-item{border-radius:2px;color:#e2dbd0;font-family:var(--font-body);font-weight:600;min-height:44px}
body[data-theme="site"][data-design="sixty-eight-roofs"] #sidebar .nav-item:hover{background:rgba(239,233,223,.07);color:#fff}
body[data-theme="site"][data-design="sixty-eight-roofs"] #sidebar .nav-item.active{background:#efe9df;color:#141210;font-weight:700;box-shadow:inset 0 -2px 0 #b4452b,0 10px 22px -14px rgba(0,0,0,.9)}
body[data-theme="site"][data-design="sixty-eight-roofs"] #sidebar .badge{background:#b4452b;color:#efe9df;border-radius:2px;font-weight:800}
body[data-theme="site"][data-design="sixty-eight-roofs"] #sidebar .nav-item.active .badge{background:#141210;color:#efe9df}
body[data-theme="site"][data-design="sixty-eight-roofs"] #sidebar .status{font-family:var(--font-body);font-weight:600;color:#bdb5a9;border-top:1px solid rgba(239,233,223,.14);font-variant-numeric:tabular-nums;letter-spacing:.04em}
body[data-theme="site"][data-design="sixty-eight-roofs"] #sidebar .status.ok{color:#9fd48a}
body[data-theme="site"][data-design="sixty-eight-roofs"] #sidebar .status.bad{color:#f0957a}
body[data-theme="site"][data-design="sixty-eight-roofs"] #sidebar .session-chip{background:rgba(239,233,223,.05);border:1px solid rgba(239,233,223,.16);border-radius:2px}
body[data-theme="site"][data-design="sixty-eight-roofs"].sidebar-collapsed #sidebar .session-chip{background:none;border:0;box-shadow:none}
body[data-theme="site"][data-design="sixty-eight-roofs"] #app #sidebar button.btn.ghost{background:rgba(20,18,16,.25);color:#efe9df;border:1px solid rgba(239,233,223,.42);border-radius:3px}
body[data-theme="site"][data-design="sixty-eight-roofs"] #app #sidebar button.btn.ghost:hover{background:#efe9df;border-color:#efe9df;color:#141210}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(#sidebarCollapse,#sidebarReveal){border-radius:2px}
body[data-theme="site"][data-design="sixty-eight-roofs"] #sidebarResizer:hover{background:#b4452b}

/* prints: warm-black frames with a bone mount line, deep print shadows, square corners */
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(.card,.kpi,.kpi-card,.chart-wrap,.solar-result-card,.fb-gallery,.fb-ai-panel){background:#221d19;border:0;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(239,233,223,.14),inset 0 0 0 5px #221d19,inset 0 0 0 6px rgba(239,233,223,.06),0 34px 60px -40px rgba(0,0,0,.9)}
body[data-theme="site"][data-design="sixty-eight-roofs"] .modal-card{background:#1c1916;border:1px solid rgba(239,233,223,.16);border-radius:3px;box-shadow:0 44px 70px -30px rgba(0,0,0,.95)}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(.kanban-card,.flow-node,.preset-card,.fb-gallery-card,.solar-finance-card,.imp-method,.qr-pick,.recip-box,.drill-list,.ac-box,.flow-action-box){background:#1c1916;border:1px solid rgba(239,233,223,.16);border-radius:3px;box-shadow:none}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(.kanban-col,.sla-stat,.flow-stat-box,.tmpl-preview){background:#1a1613;border:1px solid rgba(239,233,223,.1);border-radius:2px}
body[data-theme="site"][data-design="sixty-eight-roofs"] .note{background:#1a1613;border-left:2px solid #e8b25a;border-radius:2px}
body[data-theme="site"][data-design="sixty-eight-roofs"] .cinfo{background:var(--grain) 0 0/180px,#1c1916;border-left:1px solid rgba(239,233,223,.14)}
body[data-theme="site"][data-design="sixty-eight-roofs"] .card .card{background:#1c1916;box-shadow:inset 0 0 0 1px rgba(239,233,223,.12)}
body[data-theme="site"][data-design="sixty-eight-roofs"] .kanban-card:hover{transform:translateY(-2px);box-shadow:0 18px 30px -18px rgba(0,0,0,.9)}
body[data-theme="site"][data-design="sixty-eight-roofs"] .card>strong:first-child{display:block;margin-bottom:12px;padding-bottom:9px;border-bottom:1px solid rgba(239,233,223,.14);font-family:var(--font-head);font-weight:400;font-size:19px;letter-spacing:-.015em;color:#efe9df}
body[data-theme="site"][data-design="sixty-eight-roofs"] .chart-title{font-family:var(--font-body);font-weight:800;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#e8b25a}
body[data-theme="site"][data-design="sixty-eight-roofs"] .kpi-val{font-family:var(--font-head);font-weight:340;font-size:30px;line-height:1;letter-spacing:-.02em;color:#efe9df;font-variant-numeric:lining-nums tabular-nums}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(.kpi-lbl,.kpi-label,.solar-finance-label,.sla-stat-label,.flow-stat-label,.kanban-col-head){font-family:var(--font-body);font-weight:800;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:#bdb5a9}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(.solar-finance-val,.sla-stat-val,.flow-stat-val){font-family:var(--font-head);font-weight:350;letter-spacing:-.02em;color:#efe9df}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(.funnel-n,.src-n){font-variant-numeric:tabular-nums;letter-spacing:.04em}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(.sol-row,.solar-result-row,.ctwa-stat-row,.agent-row,.timeline-item,.drill-row,.ac-item){border-bottom:1px solid rgba(239,233,223,.12)}
body[data-theme="site"][data-design="sixty-eight-roofs"] .solar-result-row:last-child{border-top:1px solid #e8b25a;border-bottom:0;color:#efe9df}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(.funnel-bar,.chart-bar-fill,.src-bar,.heat-cell,.funnel-track,.src-track,.chart-bar-track,.funnel-track2,.chart-col .bar){border-radius:1px}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(.funnel-track,.src-track,.chart-bar-track,.funnel-track2){background:rgba(239,233,223,.07)}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(.funnel-bar,.chart-bar-fill,.chart-col .bar.in,.src-bar,.heat-cell){background:#e8b25a}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(.chart-bar-fill.out,.chart-col .bar.out){background:#b4452b}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(#app,#modal) .funnel-bar{color:#141210}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(.kpi-up,.funnel-conv.ok){color:#9fd48a}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(.kpi-dn,.funnel-conv.warn){color:#f0957a}
body[data-theme="site"][data-design="sixty-eight-roofs"] .settings-danger{background:rgba(180,69,43,.12);border:1px solid rgba(240,149,122,.45);border-radius:3px}
body[data-theme="site"][data-design="sixty-eight-roofs"] .settings-danger-title{color:#f0957a}
body[data-theme="site"][data-design="sixty-eight-roofs"] [style*="color:#c0392b"]:not([style*="background"]){color:var(--err)!important}
body[data-theme="site"][data-design="sixty-eight-roofs"] [style*="color:#92400e"]{color:var(--warn)!important}

/* print-label buttons, darkroom fields, taped tabs */
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(#app,#modal) button.btn{background:#e8b25a;color:#141210;border:1px solid #e8b25a;border-radius:3px;font-family:var(--font-body);font-weight:700;letter-spacing:.01em;min-height:36px;transition:transform .3s cubic-bezier(.16,1,.3,1),background-color .2s,color .2s,border-color .2s}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(#app,#modal) button.btn:hover{background:#f0c374;border-color:#f0c374;color:#141210;transform:translateY(-1px)}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(#app,#modal) button.btn.ghost{background:rgba(20,18,16,.25);color:#efe9df;border-color:rgba(239,233,223,.42)}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(#app,#modal) button.btn.ghost:hover{background:rgba(239,233,223,.08);border-color:#efe9df;color:#efe9df}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(#app,#modal) :is(.fb-new,.fb-save,.fb-ai-cta,.fb-ai-build){background:#e8b25a;color:#141210;border-radius:3px;box-shadow:none}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(#app,#modal) :is(.fb-del,.settings-danger){border-radius:3px}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(#app,#modal) .fb-del{color:#f0957a;border-color:#f0957a}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(#app,#modal) .fb-del:hover{background:#b4452b;border-color:#b4452b;color:#efe9df}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(#app,#modal) :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=range]){background:#16120f;color:#efe9df;border:1px solid rgba(239,233,223,.32);border-radius:3px}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(#app,#modal) :is(input,select,textarea):focus{outline:none;border-color:#e8b25a;box-shadow:0 0 0 3px rgba(232,178,90,.25)}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(#app,#modal) ::placeholder{color:#a79f92}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(#app,#modal) option{background:#1c1916;color:#efe9df}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(#app,#modal) .ai-mode-sel.is-off{color:#f0957a;border-color:#f0957a}
body[data-theme="site"][data-design="sixty-eight-roofs"] label:not([class]){font-family:var(--font-body);font-weight:700;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#bdb5a9}
body[data-theme="site"][data-design="sixty-eight-roofs"] label:not([class]) :is(input,select,textarea){font-size:12px;font-weight:400}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(#app,#modal) .tabs{background:rgba(239,233,223,.06);border:1px solid rgba(239,233,223,.14);border-radius:3px;padding:3px}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(#app,#modal) .tab{border-radius:2px;color:#d8d1c6;font-family:var(--font-body);font-weight:600}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(#app,#modal) .tab:hover{color:#fff}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(#app,#modal) .tab.active{background:#efe9df;color:#141210;font-weight:700;box-shadow:inset 0 -2px 0 #b4452b}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(#app,#modal) :is(.solar-tab,.settings-tab){color:#bdb5a9;font-family:var(--font-body);font-weight:700}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(#app,#modal) :is(.solar-tab,.settings-tab):hover:not(.active){color:#efe9df}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(#app,#modal) :is(.solar-tab,.settings-tab).active{color:#efe9df;border-bottom-color:#e8b25a}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(.solar-tab-bar,.settings-tabs){border-bottom:1px solid rgba(239,233,223,.16)}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(#app,#modal) :is(.tf-chip,.leads-view-toggle button,.dash-period-bar button){border:1px solid rgba(239,233,223,.28);border-radius:2px;background:transparent;color:#d8d1c6;font-family:var(--font-body);font-weight:700}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(#app,#modal) :is(.tf-chip.active,.leads-view-toggle button.active,.dash-period-bar button.active){background:#efe9df;border-color:#efe9df;color:#141210}

/* tables: amber kickers over a bone rule, hairlines between rows */
body[data-theme="site"][data-design="sixty-eight-roofs"] th{font-family:var(--font-body);font-weight:800;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:#e8b25a;background:transparent;border-bottom:1px solid rgba(239,233,223,.28)}
body[data-theme="site"][data-design="sixty-eight-roofs"] td{border-bottom:1px solid rgba(239,233,223,.1);font-variant-numeric:tabular-nums}
body[data-theme="site"][data-design="sixty-eight-roofs"] tr.clickable:hover td{background:rgba(239,233,223,.05)}

/* badges: square print labels; red is the brick stamp */
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(.pill,.role-pill,.proposal-status,.project-stage-badge,.badge-hot,.badge-warm,.badge-cold,.badge-won,.badge-lost,.confirm-chip,.kanban-col-count){background:transparent;color:#efe9df;border:1px solid rgba(239,233,223,.28);border-radius:2px;font-family:var(--font-body);font-weight:800;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(.pill.APPROVED,.pill.read,.pill.delivered,.badge-won,.proposal-status.viewed,.proposal-status.signed,.project-stage-badge.approved,.project-stage-badge.commissioned,.confirm-chip){color:#9fd48a;border-color:rgba(159,212,138,.5)}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(.pill.REJECTED,.pill.failed,.badge-hot,.badge-lost){color:#f0957a;border-color:rgba(240,149,122,.6);transform:rotate(-2deg)}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(.pill.PENDING,.badge-warm,.proposal-status.draft,.project-stage-badge.survey){color:#e8b25a;border-color:rgba(232,178,90,.55)}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(.pill.sent,.pill.queued,.badge-cold,.proposal-status.sent,.project-stage-badge.design,.project-stage-badge.installed){color:#bdb5a9}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(#app,#modal) .role-pill.admin{background:#e8b25a;color:#141210;border-color:#e8b25a}
body[data-theme="site"][data-design="sixty-eight-roofs"] #sidebar .role-pill{color:#efe9df}
body[data-theme="site"][data-design="sixty-eight-roofs"] #sidebar .role-pill.admin{background:#b4452b;color:#efe9df;border-color:#b4452b}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(#app,#modal) .unread-count{background:#b4452b;color:#efe9df;border-radius:2px}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(#app,#modal) .thread.active .unread-count{background:#e8b25a;color:#141210}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(#app,#modal) :is(.inbox-avatar,.flow-num){background:#2a2520;color:#e8b25a;box-shadow:inset 0 0 0 1px rgba(232,178,90,.35);font-family:var(--font-head);font-weight:400}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(#app,#modal) .flow-start{background:#e8b25a;color:#141210;border-radius:3px}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(#app,#modal) .flow-end{background:#2a2520;color:#d8d1c6;border-radius:3px}

/* inbox: the contact sheet — dark frames in, bone prints out */
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(.threads,.threads-col){background:#1c1916}
body[data-theme="site"][data-design="sixty-eight-roofs"] .thread{border-bottom:1px solid rgba(239,233,223,.1)}
body[data-theme="site"][data-design="sixty-eight-roofs"] .thread:hover{background:rgba(239,233,223,.04)}
body[data-theme="site"][data-design="sixty-eight-roofs"] .thread.active{background:#2a2520;box-shadow:inset 3px 0 0 #e8b25a}
body[data-theme="site"][data-design="sixty-eight-roofs"] .thread .name{font-family:var(--font-head);font-weight:400;font-size:15px;letter-spacing:-.01em}
body[data-theme="site"][data-design="sixty-eight-roofs"] .convo-msgs{background:radial-gradient(60% 40% at 100% 0%,rgba(232,178,90,.06),transparent 70%),var(--grain) 0 0/180px,#141210}
body[data-theme="site"][data-design="sixty-eight-roofs"] .msg{border-radius:2px;line-height:1.5}
body[data-theme="site"][data-design="sixty-eight-roofs"] .msg.in{background:#221d19;color:#efe9df;box-shadow:inset 0 0 0 1px rgba(239,233,223,.12)}
body[data-theme="site"][data-design="sixty-eight-roofs"] .msg.out{background:#f6f1e8;color:#141210;box-shadow:0 14px 24px -16px rgba(0,0,0,.9)}
body[data-theme="site"][data-design="sixty-eight-roofs"] .msg .meta{color:#bdb5a9;letter-spacing:.04em}
body[data-theme="site"][data-design="sixty-eight-roofs"] .msg.out .meta{color:#5e564c}
body[data-theme="site"][data-design="sixty-eight-roofs"] .msg.out .doc{color:#9a3a24}
body[data-theme="site"][data-design="sixty-eight-roofs"] .msg.out .media-ph{color:#5e564c}
body[data-theme="site"][data-design="sixty-eight-roofs"] .msg .meta.failed{color:#f0957a}
body[data-theme="site"][data-design="sixty-eight-roofs"] .msg.out .meta.failed{color:#9a3a24}
body[data-theme="site"][data-design="sixty-eight-roofs"] :is(.composer,.tmpl-bar,.convo-head,.inbox-thread-header){background:#1c1916;border-color:rgba(239,233,223,.14)}
body[data-theme="site"][data-design="sixty-eight-roofs"] #toast .toast{background:#efe9df;color:#141210;border:0;border-left:4px solid #e8b25a;border-radius:3px;box-shadow:0 0 0 1px rgba(20,18,16,.08),0 18px 34px -16px rgba(0,0,0,.85);font-weight:600}
body[data-theme="site"][data-design="sixty-eight-roofs"] #toast .toast.err{border-left-color:#b4452b}
body[data-theme="site"][data-design="sixty-eight-roofs"] #modal{background:rgba(13,11,10,.74)}
body[data-theme="site"][data-design="sixty-eight-roofs"] .mobile-tab-bar{background:var(--sprockets) 0 3px/13px 6px repeat-x,#0d0b0a;border-top:0}
body[data-theme="site"][data-design="sixty-eight-roofs"] #app .mobile-tab-btn{color:#d8d1c6;font-weight:600;min-height:44px}
body[data-theme="site"][data-design="sixty-eight-roofs"] #app .mobile-tab-btn.active{color:#e8b25a;box-shadow:inset 0 -2px 0 #e8b25a}

/* sign-in: one print pinned up in the darkroom under the safelight */
body[data-theme="site"][data-design="sixty-eight-roofs"] #authGate{background:radial-gradient(42% 46% at 74% 22%,rgba(180,69,43,.62),transparent 70%),radial-gradient(55% 55% at 8% 100%,rgba(122,36,22,.5),transparent 70%),var(--grain) 0 0/180px,#1a0b07}
body[data-theme="site"][data-design="sixty-eight-roofs"] #authGate::before,body[data-theme="site"][data-design="sixty-eight-roofs"] #authGate::after{content:none}
body[data-theme="site"][data-design="sixty-eight-roofs"] #authGate .auth-card{background:#f6f1e8;border:0;border-radius:0;padding-bottom:38px;-webkit-backdrop-filter:none;backdrop-filter:none;color:#141210;box-shadow:0 34px 60px -28px rgba(0,0,0,.9),0 10px 20px -12px rgba(0,0,0,.7)}
body[data-theme="site"][data-design="sixty-eight-roofs"] #authGate .auth-card::before{left:50%;right:auto;top:-1px;width:6rem;height:1.5rem;margin-left:-3rem;background:rgba(232,178,90,.55);transform:rotate(-3deg);box-shadow:0 1px 2px rgba(0,0,0,.25)}
body[data-theme="site"][data-design="sixty-eight-roofs"] #authGate .auth-logo-img{border-radius:0;box-shadow:0 0 0 1px rgba(20,18,16,.1)}
body[data-theme="site"][data-design="sixty-eight-roofs"] #authGate .auth-eyebrow{font-family:var(--font-body);font-weight:800;font-size:10.5px;letter-spacing:.22em;color:#9a3a24}
body[data-theme="site"][data-design="sixty-eight-roofs"] #authGate .auth-title{color:#141210;font-family:var(--font-head);font-weight:350;font-size:38px;line-height:.98;letter-spacing:-.03em}
body[data-theme="site"][data-design="sixty-eight-roofs"] #authGate .auth-help{color:#4f483f;font-family:var(--font-head);font-style:italic;font-size:15px}
body[data-theme="site"][data-design="sixty-eight-roofs"] #authGate input{background:#fffdf8;color:#141210;border:1px solid #8f877b;border-radius:3px}
body[data-theme="site"][data-design="sixty-eight-roofs"] #authGate input::placeholder{color:#6b6359}
body[data-theme="site"][data-design="sixty-eight-roofs"] #authGate input:focus{background:#fff;border-color:#9a3a24;box-shadow:0 0 0 3px rgba(154,58,36,.2)}
body[data-theme="site"][data-design="sixty-eight-roofs"] #authGate .pw-eye{color:#4f483f}
body[data-theme="site"][data-design="sixty-eight-roofs"] #authGate .auth-msg{color:#9a3a24;font-weight:600}
body[data-theme="site"][data-design="sixty-eight-roofs"] #authGate .btn.auth-submit{background:#b4452b;color:#fff;border-radius:3px;font-family:var(--font-body);font-weight:700;font-size:15px;letter-spacing:.01em;min-height:50px;box-shadow:0 14px 26px -14px rgba(122,36,22,.8)}
body[data-theme="site"][data-design="sixty-eight-roofs"] #authGate .btn.auth-submit:hover{background:#9e3b24;filter:none;box-shadow:0 16px 30px -14px rgba(122,36,22,.9)}
body[data-theme="site"][data-design="sixty-eight-roofs"] #authGate .btn.auth-submit::after{content:none}

/* ══ SUN CLOCK — one day of sunlight, held at dusk · night indigo, sun amber, stars · Outfit + Sora · glass cards, 28px corners, pill buttons, the generation spine ══ */
body[data-theme="site"][data-design="sun-clock"]{--navy:#10213a;--sun:#ffb347;--sun-2:#ffc46b;--sun-ink:#1a1030;--glass:rgba(24,22,64,.82);--glass-2:rgba(8,16,40,.9);--t1:#e2e0f0;--t2:#c9c6e0;--rule:rgba(255,255,255,.16);--rule-2:rgba(255,255,255,.3);
  --stars:radial-gradient(1.5px 1.5px at 20% 30%,#fff 50%,transparent 51%) 0 0/420px 420px,radial-gradient(1px 1px at 70% 20%,#fff 50%,transparent 51%) 0 0/380px 380px,radial-gradient(1.2px 1.2px at 40% 70%,#fff 50%,transparent 51%) 0 0/500px 500px,radial-gradient(1px 1px at 85% 60%,#fff 50%,transparent 51%) 0 0/460px 460px,radial-gradient(1.4px 1.4px at 10% 85%,#fff 50%,transparent 51%) 0 0/520px 520px,radial-gradient(1px 1px at 55% 45%,#fff 50%,transparent 51%) 0 0/440px 440px;
  --shadow:0 40px 120px -40px rgba(0,0,0,.6);--shadow-sm:0 18px 40px -24px rgba(0,0,0,.6);--warn:#ffc46b;--err:#ff9a8a;--danger:#c4372a;
  background:var(--stars),radial-gradient(60% 40% at 85% 112%,rgba(255,142,110,.18),transparent 70%) no-repeat,radial-gradient(90% 55% at 15% 115%,rgba(106,75,156,.32),transparent 72%) no-repeat,linear-gradient(180deg,#07081f 0%,#0e0d2e 55%,#17153f 100%) no-repeat;
  color-scheme:dark;font-variant-numeric:lining-nums}
body[data-theme="site"][data-design="sun-clock"] ::selection{background:#ffb347;color:#1a1030}
body[data-theme="site"][data-design="sun-clock"] :focus-visible{outline:3px solid #ffb347;outline-offset:3px}
body[data-theme="site"][data-design="sun-clock"] :is(h1,h2,h3,h4,.view-head h2,.modal-card h3){font-family:var(--font-head);font-weight:700;letter-spacing:-.03em}
body[data-theme="site"][data-design="sun-clock"] .view-head{border-bottom:1px solid var(--rule);background:linear-gradient(180deg,rgba(7,8,31,.55),rgba(7,8,31,0))}
body[data-theme="site"][data-design="sun-clock"] .view-head h2{font-size:24px;line-height:1.02;letter-spacing:-.035em}
body[data-theme="site"][data-design="sun-clock"] .modal-card h3{font-size:22px}

/* rail: the night overhead, the last violet and coral of dusk on the horizon, the generation spine in the spare space */
body[data-theme="site"][data-design="sun-clock"] #sidebar{background:var(--stars),radial-gradient(130% 24% at 50% 104%,rgba(255,142,110,.16),transparent 72%) no-repeat,radial-gradient(160% 40% at 30% 106%,rgba(106,75,156,.34),transparent 74%) no-repeat,linear-gradient(180deg,#07081f,#121133 58%,#1e1a46) no-repeat;border-right:1px solid rgba(255,255,255,.08);--txt:#fff;--muted:#c9c6e0;--line:rgba(255,255,255,.14);--panel2:rgba(255,255,255,.08)}
body[data-theme="site"][data-design="sun-clock"] #sidebar .brand .brand-logo{border-radius:22px;box-shadow:0 20px 50px -24px rgba(0,0,0,.7)}
body[data-theme="site"][data-design="sun-clock"] #sidebar .brand-sub{font-family:var(--font-head);font-weight:500;font-size:10.5px;letter-spacing:.2em;color:#c9c6e0}
body[data-theme="site"][data-design="sun-clock"] #sidebar .nav-group-label{opacity:1;font-family:var(--font-head);font-weight:500;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#c9c6e0;padding:12px 14px 4px}
body[data-theme="site"][data-design="sun-clock"] #sidebar .nav-item{border-radius:999px;color:#e2e0f0;font-family:var(--font-head);font-weight:500;font-size:13.5px;min-height:44px}
body[data-theme="site"][data-design="sun-clock"] #sidebar .nav-item:hover{background:rgba(255,255,255,.08);color:#fff}
body[data-theme="site"][data-design="sun-clock"] #sidebar .nav-item.active{background:radial-gradient(120% 160% at 0% 50%,#ffd08a,#ffb347 55%,#ffa25e);color:#1a1030;font-weight:700;box-shadow:0 10px 30px -10px rgba(255,179,71,.65)}
body[data-theme="site"][data-design="sun-clock"] #sidebar .badge{background:#fff;color:#10213a;border-radius:999px;font-family:var(--font-head);font-weight:700}
body[data-theme="site"][data-design="sun-clock"] #sidebar .nav-item.active .badge{background:#1a1030;color:#fff}
body[data-theme="site"][data-design="sun-clock"] #sidebar .nav-spacer{min-height:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 600'%3E%3Cpath d='M10 560 C 10 420, 50 330, 50 300 C 50 270, 10 180, 10 40' fill='none' stroke='%23ffffff' stroke-opacity='.2' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='183' r='7' fill='%23ffb347'/%3E%3Ccircle cx='24' cy='183' r='14' fill='%23ffb347' fill-opacity='.18'/%3E%3C/svg%3E") 50% 50%/auto calc(100% - 24px) no-repeat}
body[data-theme="site"][data-design="sun-clock"] #sidebar .status{font-family:var(--font-head);font-weight:500;letter-spacing:.04em;color:#c9c6e0;border-top:1px solid rgba(255,255,255,.14)}
body[data-theme="site"][data-design="sun-clock"] #sidebar .status.ok{color:#8fe3a8}
body[data-theme="site"][data-design="sun-clock"] #sidebar .status.bad{color:#ff9a8a}
body[data-theme="site"][data-design="sun-clock"] #sidebar .session-chip{background:rgba(10,12,42,.55);border:1px solid rgba(255,255,255,.14);border-radius:22px}
body[data-theme="site"][data-design="sun-clock"].sidebar-collapsed #sidebar .session-chip{background:none;border:0;box-shadow:none}
body[data-theme="site"][data-design="sun-clock"] #app #sidebar button.btn.ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.35);border-radius:999px}
body[data-theme="site"][data-design="sun-clock"] #app #sidebar button.btn.ghost:hover{background:#fff;border-color:#fff;color:#10213a}
body[data-theme="site"][data-design="sun-clock"] :is(#sidebarCollapse,#sidebarReveal){border-radius:999px}
body[data-theme="site"][data-design="sun-clock"] #sidebarReveal{background:rgba(7,8,31,.7)}
body[data-theme="site"][data-design="sun-clock"] #sidebarResizer:hover{background:#ffb347}

/* glass: deep-sky panels with a hairline edge, big soft corners */
body[data-theme="site"][data-design="sun-clock"] :is(.card,.kpi,.kpi-card,.chart-wrap,.solar-result-card,.fb-gallery,.fb-ai-panel){background:var(--glass);border:1px solid var(--rule);border-radius:28px;box-shadow:none}
body[data-theme="site"][data-design="sun-clock"] .modal-card{background:var(--glass-2);border:1px solid rgba(255,255,255,.14);border-radius:28px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 40px 120px -40px rgba(0,0,0,.6)}
body[data-theme="site"][data-design="sun-clock"] :is(.kanban-card,.flow-node,.preset-card,.fb-gallery-card,.solar-finance-card,.imp-method,.qr-pick,.recip-box,.drill-list,.ac-box,.flow-action-box){background:rgba(30,26,70,.9);border:1px solid rgba(255,255,255,.14);border-radius:20px;box-shadow:none}
body[data-theme="site"][data-design="sun-clock"] :is(.kanban-col,.sla-stat,.flow-stat-box,.tmpl-preview){background:rgba(7,8,31,.5);border:1px solid rgba(255,255,255,.1);border-radius:20px}
body[data-theme="site"][data-design="sun-clock"] .note{background:rgba(255,179,71,.1);border-left:2px solid #ffb347;border-radius:10px}
body[data-theme="site"][data-design="sun-clock"] .cinfo{background:rgba(14,13,46,.9);border-left:1px solid var(--rule)}
body[data-theme="site"][data-design="sun-clock"] .card .card{background:rgba(7,8,31,.45)}
body[data-theme="site"][data-design="sun-clock"] .kanban-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px -24px rgba(0,0,0,.7)}
body[data-theme="site"][data-design="sun-clock"] .card>strong:first-child{display:block;margin-bottom:12px;font-family:var(--font-head);font-weight:500;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#c9c6e0}
body[data-theme="site"][data-design="sun-clock"] .chart-title{font-family:var(--font-head);font-weight:500;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#c9c6e0}
body[data-theme="site"][data-design="sun-clock"] .kpi-val{font-family:var(--font-head);font-weight:300;font-size:30px;line-height:1;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}
body[data-theme="site"][data-design="sun-clock"] :is(.kpi-lbl,.kpi-label,.solar-finance-label,.sla-stat-label,.flow-stat-label,.kanban-col-head){font-family:var(--font-head);font-weight:500;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#c9c6e0}
body[data-theme="site"][data-design="sun-clock"] :is(.solar-finance-val,.sla-stat-val,.flow-stat-val){font-family:var(--font-head);font-weight:300;letter-spacing:-.02em;color:#fff}
body[data-theme="site"][data-design="sun-clock"] :is(.funnel-n,.src-n){font-family:var(--font-head);font-variant-numeric:tabular-nums}
body[data-theme="site"][data-design="sun-clock"] :is(.sol-row,.solar-result-row,.ctwa-stat-row,.agent-row,.timeline-item,.drill-row,.ac-item){border-bottom:1px solid rgba(255,255,255,.12)}
body[data-theme="site"][data-design="sun-clock"] .solar-result-row:last-child{border-top:1px solid rgba(255,179,71,.6);border-bottom:0}
body[data-theme="site"][data-design="sun-clock"] :is(.funnel-bar,.chart-bar-fill,.src-bar,.heat-cell,.funnel-track,.src-track,.chart-bar-track,.funnel-track2,.chart-col .bar){border-radius:999px}
body[data-theme="site"][data-design="sun-clock"] :is(.funnel-track,.src-track,.chart-bar-track,.funnel-track2){background:rgba(255,255,255,.08)}
body[data-theme="site"][data-design="sun-clock"] :is(.funnel-bar,.chart-bar-fill,.chart-col .bar.in,.src-bar,.heat-cell){background:linear-gradient(90deg,#ffc46b,#ffb347)}
body[data-theme="site"][data-design="sun-clock"] :is(.chart-bar-fill.out,.chart-col .bar.out){background:#9b8cff}
body[data-theme="site"][data-design="sun-clock"] :is(#app,#modal) .funnel-bar{color:#1a1030}
body[data-theme="site"][data-design="sun-clock"] :is(.kpi-up,.funnel-conv.ok){color:#8fe3a8}
body[data-theme="site"][data-design="sun-clock"] :is(.kpi-dn,.funnel-conv.warn){color:#ff9a8a}
body[data-theme="site"][data-design="sun-clock"] .settings-danger{background:rgba(255,154,138,.1);border:1px solid rgba(255,154,138,.45);border-radius:20px}
body[data-theme="site"][data-design="sun-clock"] .settings-danger-title{color:#ff9a8a}
body[data-theme="site"][data-design="sun-clock"] [style*="color:#c0392b"]:not([style*="background"]){color:var(--err)!important}
body[data-theme="site"][data-design="sun-clock"] [style*="color:#92400e"]{color:var(--warn)!important}

/* pills: light on the night for the main action, ghost outlines, the sun for what is on */
body[data-theme="site"][data-design="sun-clock"] :is(#app,#modal) button.btn{background:#fff;color:#10213a;border:0;border-radius:999px;font-family:var(--font-head);font-weight:700;letter-spacing:0;min-height:36px;padding-inline:16px;transition:transform .2s,background-color .2s,border-color .2s}
body[data-theme="site"][data-design="sun-clock"] :is(#app,#modal) button.btn:hover{background:#fff3df;color:#10213a;transform:translateY(-1px)}
body[data-theme="site"][data-design="sun-clock"] :is(#app,#modal) button.btn.sm{padding-inline:10px}
body[data-theme="site"][data-design="sun-clock"] :is(#app,#modal) button.btn.ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.35)}
body[data-theme="site"][data-design="sun-clock"] :is(#app,#modal) button.btn.ghost:hover{background:rgba(255,255,255,.08);border-color:#fff;color:#fff}
body[data-theme="site"][data-design="sun-clock"] :is(#app,#modal) :is(.fb-new,.fb-save,.fb-ai-cta,.fb-ai-build){background:#fff;color:#10213a;border-radius:999px;box-shadow:none}
body[data-theme="site"][data-design="sun-clock"] :is(#app,#modal) :is(.fb-del,.settings-danger){border-radius:20px}
body[data-theme="site"][data-design="sun-clock"] :is(#app,#modal) .fb-del{color:#ff9a8a;border-color:#ff9a8a;border-radius:999px}
body[data-theme="site"][data-design="sun-clock"] :is(#app,#modal) .fb-del:hover{background:#ff9a8a;color:#1a1030}
body[data-theme="site"][data-design="sun-clock"] :is(#app,#modal) :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=range]){background:rgba(5,6,28,.6);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:14px}
body[data-theme="site"][data-design="sun-clock"] :is(#app,#modal) :is(input,select,textarea):focus{outline:none;border-color:#ffb347;box-shadow:0 0 0 3px rgba(255,179,71,.25)}
body[data-theme="site"][data-design="sun-clock"] :is(#app,#modal) ::placeholder{color:#b9b3d6}
body[data-theme="site"][data-design="sun-clock"] :is(#app,#modal) option{background:#0e0d2e;color:#fff}
body[data-theme="site"][data-design="sun-clock"] :is(#app,#modal) .ai-mode-sel.is-off{color:#ff9a8a;border-color:#ff9a8a}
body[data-theme="site"][data-design="sun-clock"] label:not([class]){font-family:var(--font-head);font-weight:500;letter-spacing:.06em;color:#c9c6e0}
body[data-theme="site"][data-design="sun-clock"] :is(#app,#modal) .tabs{background:rgba(7,8,31,.55);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:3px}
body[data-theme="site"][data-design="sun-clock"] :is(#app,#modal) .tab{border-radius:999px;color:#e2e0f0;font-family:var(--font-head);font-weight:500}
body[data-theme="site"][data-design="sun-clock"] :is(#app,#modal) .tab:hover{color:#fff}
body[data-theme="site"][data-design="sun-clock"] :is(#app,#modal) .tab.active{background:#ffb347;color:#1a1030;font-weight:700;box-shadow:0 8px 24px -10px rgba(255,179,71,.6)}
body[data-theme="site"][data-design="sun-clock"] :is(#app,#modal) :is(.solar-tab,.settings-tab){color:#c9c6e0;font-family:var(--font-head);font-weight:500}
body[data-theme="site"][data-design="sun-clock"] :is(#app,#modal) :is(.solar-tab,.settings-tab):hover:not(.active){color:#fff}
body[data-theme="site"][data-design="sun-clock"] :is(#app,#modal) :is(.solar-tab,.settings-tab).active{color:#fff;font-weight:700;border-bottom-color:#ffb347}
body[data-theme="site"][data-design="sun-clock"] :is(.solar-tab-bar,.settings-tabs){border-bottom:1px solid rgba(255,255,255,.14)}
body[data-theme="site"][data-design="sun-clock"] :is(#app,#modal) :is(.tf-chip,.leads-view-toggle button,.dash-period-bar button){border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(255,255,255,.04);color:#e2e0f0;font-family:var(--font-head);font-weight:500}
body[data-theme="site"][data-design="sun-clock"] :is(#app,#modal) :is(.tf-chip.active,.leads-view-toggle button.active,.dash-period-bar button.active){background:#fff;border-color:#fff;color:#10213a}

/* tables: glass rows, the clock's small caps for heads */
body[data-theme="site"][data-design="sun-clock"] th{font-family:var(--font-head);font-weight:500;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#c9c6e0;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.2)}
body[data-theme="site"][data-design="sun-clock"] td{border-bottom:1px solid rgba(255,255,255,.1);font-variant-numeric:tabular-nums}
body[data-theme="site"][data-design="sun-clock"] tr.clickable:hover td{background:rgba(255,255,255,.05)}

/* badges: glass pills; amber is the sun, green the meter running backwards */
body[data-theme="site"][data-design="sun-clock"] :is(.pill,.role-pill,.proposal-status,.project-stage-badge,.badge-hot,.badge-warm,.badge-cold,.badge-won,.badge-lost,.confirm-chip,.kanban-col-count){background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-family:var(--font-head);font-weight:500;letter-spacing:.04em;text-transform:none}
body[data-theme="site"][data-design="sun-clock"] :is(.pill.APPROVED,.pill.read,.pill.delivered,.badge-won,.proposal-status.viewed,.proposal-status.signed,.project-stage-badge.approved,.project-stage-badge.commissioned,.confirm-chip){background:rgba(74,222,128,.12);color:#8fe3a8;border-color:rgba(143,227,168,.35)}
body[data-theme="site"][data-design="sun-clock"] :is(.pill.REJECTED,.pill.failed,.badge-hot,.badge-lost){background:rgba(255,142,110,.12);color:#ff9a8a;border-color:rgba(255,154,138,.4)}
body[data-theme="site"][data-design="sun-clock"] :is(.pill.PENDING,.badge-warm,.proposal-status.draft,.project-stage-badge.survey){background:rgba(255,179,71,.12);color:#ffc46b;border-color:rgba(255,196,107,.4)}
body[data-theme="site"][data-design="sun-clock"] :is(.pill.sent,.pill.queued,.badge-cold,.proposal-status.sent,.project-stage-badge.design,.project-stage-badge.installed){color:#c9c6e0}
body[data-theme="site"][data-design="sun-clock"] :is(#app,#modal) .role-pill.admin{background:#ffb347;color:#1a1030;border-color:#ffb347}
body[data-theme="site"][data-design="sun-clock"] #sidebar .role-pill{color:#fff}
body[data-theme="site"][data-design="sun-clock"] #sidebar .role-pill.admin{background:#ffb347;color:#1a1030}
body[data-theme="site"][data-design="sun-clock"] :is(#app,#modal) .unread-count{background:#fff;color:#10213a}
body[data-theme="site"][data-design="sun-clock"] :is(#app,#modal) .thread.active .unread-count{background:#ffb347;color:#1a1030}
body[data-theme="site"][data-design="sun-clock"] :is(#app,#modal) :is(.inbox-avatar,.flow-num){background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);font-family:var(--font-head);font-weight:500}
body[data-theme="site"][data-design="sun-clock"] :is(#app,#modal) .flow-start{background:#ffb347;color:#1a1030}
body[data-theme="site"][data-design="sun-clock"] :is(#app,#modal) .flow-end{background:rgba(255,255,255,.1);color:#e2e0f0}

/* inbox: messages float on the evening sky; ours carry the dusk */
body[data-theme="site"][data-design="sun-clock"] :is(.threads,.threads-col){background:rgba(7,8,31,.62)}
body[data-theme="site"][data-design="sun-clock"] .thread{border-bottom:1px solid rgba(255,255,255,.08)}
body[data-theme="site"][data-design="sun-clock"] .thread:hover{background:rgba(255,255,255,.05)}
body[data-theme="site"][data-design="sun-clock"] .thread.active{background:rgba(255,255,255,.09);box-shadow:inset 3px 0 0 #ffb347}
body[data-theme="site"][data-design="sun-clock"] .thread .name{font-family:var(--font-head);font-weight:500}
body[data-theme="site"][data-design="sun-clock"] .convo-msgs{background:var(--stars),radial-gradient(70% 45% at 90% 108%,rgba(255,142,110,.16),transparent 70%) no-repeat,radial-gradient(80% 50% at 10% 110%,rgba(106,75,156,.28),transparent 72%) no-repeat,#0b0a28}
body[data-theme="site"][data-design="sun-clock"] .msg{line-height:1.55}
body[data-theme="site"][data-design="sun-clock"] .msg.in{background:rgba(36,32,86,.95);color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:22px 22px 22px 8px}
body[data-theme="site"][data-design="sun-clock"] .msg.out{background:linear-gradient(135deg,#ffc46b,#ffb347 48%,#ff9e7a);color:#1a1030;border-radius:22px 22px 8px 22px;box-shadow:0 14px 34px -18px rgba(255,142,110,.55)}
body[data-theme="site"][data-design="sun-clock"] .msg .meta{font-family:var(--font-head);color:#c9c6e0}
body[data-theme="site"][data-design="sun-clock"] .msg.out .meta{color:#3c2a4a}
body[data-theme="site"][data-design="sun-clock"] .msg.out .doc{color:#1a1030;text-decoration:underline}
body[data-theme="site"][data-design="sun-clock"] .msg.out .media-ph{color:#3c2a4a}
body[data-theme="site"][data-design="sun-clock"] .msg .meta.failed{color:#ff9a8a}
body[data-theme="site"][data-design="sun-clock"] .msg.out .meta.failed{color:#6e0f1a}
body[data-theme="site"][data-design="sun-clock"] :is(.composer,.tmpl-bar,.convo-head,.inbox-thread-header){background:rgba(14,13,46,.92);border-color:rgba(255,255,255,.12)}
body[data-theme="site"][data-design="sun-clock"] #toast .toast{background:radial-gradient(circle at 20px 50%,#ffd08a 0 4px,#ffb347 4.5px 6px,transparent 6.5px) rgba(255,255,255,.95);color:#10213a;border:0;border-radius:999px;padding-left:36px;font-family:var(--font-head);font-weight:500;box-shadow:0 20px 50px -24px rgba(0,0,0,.6)}
body[data-theme="site"][data-design="sun-clock"] #toast .toast.err{background:radial-gradient(circle at 20px 50%,#c4372a 0 6px,transparent 6.5px) rgba(255,255,255,.95)}
body[data-theme="site"][data-design="sun-clock"] #modal{background:rgba(5,6,28,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
body[data-theme="site"][data-design="sun-clock"] .mobile-tab-bar{background:rgba(9,9,36,.96);border-top:1px solid rgba(255,255,255,.12)}
body[data-theme="site"][data-design="sun-clock"] #app .mobile-tab-btn{color:#e2e0f0;font-family:var(--font-head);font-weight:500;min-height:44px}
body[data-theme="site"][data-design="sun-clock"] #app .mobile-tab-btn.active{color:#ffb347;background:radial-gradient(60% 50% at 50% 100%,rgba(255,179,71,.22),transparent 70%)}

/* sign-in: dusk on the horizon, the sun half-set behind the glass */
body[data-theme="site"][data-design="sun-clock"] #authGate{background:var(--stars),linear-gradient(180deg,#05061c 0%,#0a0b2a 34%,#2b2d7a 70%,#6a4b9c 86%,#ff8e6e 100%)}
body[data-theme="site"][data-design="sun-clock"] #authGate::before{content:"";inset:auto;left:50%;bottom:calc(min(64vw,26rem) / -2);width:min(64vw,26rem);aspect-ratio:1;translate:-50% 0;border-radius:50%;background:radial-gradient(circle,#fff4cf 0%,#ffdc8c 30%,#ffb347 52%,rgba(255,142,110,.45) 64%,transparent 72%);filter:none;animation:none}
body[data-theme="site"][data-design="sun-clock"] #authGate::after{content:none}
body[data-theme="site"][data-design="sun-clock"] #authGate .auth-card{background:rgba(8,16,40,.86);border:1px solid rgba(255,255,255,.14);border-radius:28px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 40px 120px -40px rgba(0,0,0,.6);color:#fff}
body[data-theme="site"][data-design="sun-clock"] #authGate .auth-card::before{left:28px;right:28px;background:linear-gradient(90deg,transparent,rgba(255,179,71,.85),transparent)}
body[data-theme="site"][data-design="sun-clock"] #authGate .auth-logo-img{border-radius:20px;box-shadow:0 20px 50px -24px rgba(0,0,0,.7)}
body[data-theme="site"][data-design="sun-clock"] #authGate .auth-eyebrow{font-family:var(--font-head);font-weight:500;font-size:11px;letter-spacing:.2em;color:#ffc46b}
body[data-theme="site"][data-design="sun-clock"] #authGate .auth-title{color:#fff;font-family:var(--font-head);font-weight:700;font-size:36px;line-height:1;letter-spacing:-.035em}
body[data-theme="site"][data-design="sun-clock"] #authGate .auth-help{color:#d8d5ec}
body[data-theme="site"][data-design="sun-clock"] #authGate input{background:rgba(5,6,28,.6);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:14px}
body[data-theme="site"][data-design="sun-clock"] #authGate input::placeholder{color:#b9b3d6}
body[data-theme="site"][data-design="sun-clock"] #authGate input:focus{background:rgba(5,6,28,.75);border-color:#ffb347;box-shadow:0 0 0 3px rgba(255,179,71,.25)}
body[data-theme="site"][data-design="sun-clock"] #authGate .pw-eye{color:#d8d5ec}
body[data-theme="site"][data-design="sun-clock"] #authGate .auth-msg{color:#ff9a8a}
body[data-theme="site"][data-design="sun-clock"] #authGate .btn.auth-submit{background:#fff;color:#10213a;border-radius:999px;font-family:var(--font-head);font-weight:700;font-size:15px;min-height:50px;box-shadow:0 14px 40px -14px rgba(255,179,71,.5)}
body[data-theme="site"][data-design="sun-clock"] #authGate .btn.auth-submit:hover{background:#fff3df;filter:none;transform:translateY(-1px)}
body[data-theme="site"][data-design="sun-clock"] #authGate .btn.auth-submit::after{content:none}

/* ══ SWITCHBOARD — tactile hardware · graphite rack, screwed module faces, amber LEDs, green status lamps · Archivo (width axis) + Space Mono readouts · 6px bevels, push buttons, LCD numbers ══ */
body[data-theme="site"][data-design="switchboard"]{--rack:#111214;--face:#26292d;--face-2:#222529;--warm:#2a2621;--recess:#0f1012;--field:#1b1d1f;--tile:#1e2024;--lcd:#160f04;
  --ink:#efeae0;--ink2:#cfcac1;--ink3:#b3aea5;--amber:#ffb000;--green:#37ff8b;--rule:rgba(255,255,255,.08);
  --mono:"Space Mono",ui-monospace,"SF Mono",Menlo,monospace;--archivo:"Archivo",ui-sans-serif,system-ui,sans-serif;
  --screw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cdefs%3E%3CradialGradient id='g' cx='.35' cy='.3' r='.85'%3E%3Cstop offset='0' stop-color='%23767b83'/%3E%3Cstop offset='1' stop-color='%23222528'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='6' cy='6' r='5.4' fill='url(%23g)' stroke='%230a0b0c' stroke-width='.8'/%3E%3Cpath d='M3.2 7.7 8.8 4.3' stroke='%230b0c0e' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M3.6 8.3 9.1 5' stroke='%23ffffff' stroke-opacity='.14' stroke-width='.5'/%3E%3C/svg%3E");
  --noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.07'/%3E%3C/svg%3E");
  --brushed:repeating-linear-gradient(90deg,rgba(255,255,255,.014) 0 1px,transparent 1px 4px);
  --bevel:inset 0 1px 0 rgba(255,255,255,.07),inset 0 -1px 0 rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.65),0 22px 44px -28px rgba(0,0,0,.9);
  --shadow:0 22px 44px -28px rgba(0,0,0,.9);--shadow-sm:0 6px 14px -6px rgba(0,0,0,.8);--warn:#ffb000;--err:#ff8a7a;--danger:#c4372a;
  background:var(--noise) 0 0/180px,var(--brushed),#111214;font-family:var(--archivo);color-scheme:dark}
body[data-theme="site"][data-design="switchboard"] :is(#app,#modal,#toast){--muted:#b3aea5}
body[data-theme="site"][data-design="switchboard"] ::selection{background:#ffb000;color:#141518}
body[data-theme="site"][data-design="switchboard"] :focus-visible{outline:3px solid #ffb000;outline-offset:3px}
body[data-theme="site"][data-design="switchboard"] :is(h1,h2,h3,h4,.view-head h2,.modal-card h3){font-family:var(--archivo);font-weight:800;font-stretch:75%;letter-spacing:-.005em;color:#f4efe5}
body[data-theme="site"][data-design="switchboard"] .view-head{border-bottom:0;background:linear-gradient(#1c1e21,#17191b);box-shadow:inset 0 -1px 0 rgba(0,0,0,.7),0 1px 0 rgba(255,255,255,.05)}
body[data-theme="site"][data-design="switchboard"] .view-head h2{font-size:24px;line-height:.95;text-transform:uppercase;letter-spacing:.01em}
body[data-theme="site"][data-design="switchboard"] .modal-card h3{font-size:22px;text-transform:uppercase;letter-spacing:.01em}

/* rail: a bolted rack rail — slotted mounting holes down the seam, engraved plates with their LEDs */
body[data-theme="site"][data-design="switchboard"] #sidebar{background:radial-gradient(.22rem .3rem at 50% 50%,#050506 90%,transparent 100%) right 0 top 1rem/10px 2.75rem repeat-y,var(--noise) 0 0/180px,var(--brushed),linear-gradient(90deg,#1b1d20,#232629 70%,#1a1c1f);border-right:0;box-shadow:inset -1px 0 0 rgba(0,0,0,.6),inset -11px 0 0 rgba(0,0,0,.18);--txt:#efeae0;--muted:#b3aea5;--line:rgba(255,255,255,.08);--panel2:rgba(255,255,255,.06)}
body[data-theme="site"][data-design="switchboard"] #sidebar .brand .brand-logo{border-radius:5px;background:linear-gradient(#f6f3ec,#dcd7cc);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(0,0,0,.18),0 0 0 1px rgba(0,0,0,.55),0 3px 8px -3px rgba(0,0,0,.7)}
body[data-theme="site"][data-design="switchboard"] #sidebar .brand-sub{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-weight:700;font-size:10.5px;letter-spacing:.1em;color:#cfcac1;padding:6px 10px;border-radius:6px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
body[data-theme="site"][data-design="switchboard"] #sidebar .brand-sub::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:#37ff8b;box-shadow:0 0 0 1px rgba(0,0,0,.45),0 0 9px 1px rgba(55,255,139,.6)}
body[data-theme="site"][data-design="switchboard"] #sidebar .nav-group-label{opacity:1;display:flex;align-items:center;gap:7px;font-family:var(--archivo);font-weight:600;font-stretch:125%;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:#b3aea5;text-shadow:0 -1px 0 rgba(0,0,0,.8);padding:12px 14px 4px}
body[data-theme="site"][data-design="switchboard"] #sidebar .nav-group-label::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:#ffb000;box-shadow:0 0 0 1px rgba(0,0,0,.45),0 0 7px 1px rgba(255,176,0,.55)}
body[data-theme="site"][data-design="switchboard"] #sidebar .nav-item{border-radius:6px;color:#e4dfd6;font-family:var(--archivo);font-weight:550;min-height:44px}
body[data-theme="site"][data-design="switchboard"] #sidebar .nav-item:hover{background:rgba(255,255,255,.06);color:#fff}
body[data-theme="site"][data-design="switchboard"] #sidebar .nav-item.active{background:linear-gradient(#141517,#1c1e21);color:#fff;font-weight:650;box-shadow:inset 3px 0 0 #ffb000,inset 0 2px 6px rgba(0,0,0,.75),0 1px 0 rgba(255,255,255,.06)}
body[data-theme="site"][data-design="switchboard"] #sidebar .badge{background:#ffb000;color:#16130b;border-radius:4px;font-family:var(--mono);font-weight:700;box-shadow:0 0 8px rgba(255,176,0,.45)}
body[data-theme="site"][data-design="switchboard"] #sidebar .status{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:#b3aea5;border-top:1px solid rgba(255,255,255,.08)}
body[data-theme="site"][data-design="switchboard"] #sidebar .status.ok{color:#37ff8b;text-shadow:0 0 8px rgba(55,255,139,.35)}
body[data-theme="site"][data-design="switchboard"] #sidebar .status.bad{color:#ff7b6b}
body[data-theme="site"][data-design="switchboard"] #sidebar .session-chip{background:#0f1012;border:0;border-radius:8px;box-shadow:inset 0 2px 6px rgba(0,0,0,.7),0 1px 0 rgba(255,255,255,.05)}
body[data-theme="site"][data-design="switchboard"].sidebar-collapsed #sidebar .session-chip{background:none;border:0;box-shadow:none}
body[data-theme="site"][data-design="switchboard"] #app #sidebar button.btn.ghost{background:linear-gradient(#363a40,#272a2f);color:#efeae0;border:0;border-radius:6px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -2px 0 rgba(0,0,0,.35),0 0 0 1px #0a0b0c}
body[data-theme="site"][data-design="switchboard"] #app #sidebar button.btn.ghost:hover{background:linear-gradient(#3d4148,#2d3136);color:#fff}
body[data-theme="site"][data-design="switchboard"] :is(#sidebarCollapse,#sidebarReveal){border-radius:6px}
body[data-theme="site"][data-design="switchboard"] #sidebarResizer:hover{background:#ffb000}

/* modules: screwed, bevelled faces; numbers are amber LCD readouts */
body[data-theme="site"][data-design="switchboard"] :is(.card,.chart-wrap,.solar-result-card,.fb-gallery,.fb-ai-panel){background:var(--screw) left 6px top 6px/8px no-repeat,var(--screw) right 6px top 6px/8px no-repeat,var(--screw) left 6px bottom 6px/8px no-repeat,var(--screw) right 6px bottom 6px/8px no-repeat,radial-gradient(70% 50% at 50% 0%,rgba(255,176,0,.07),transparent 72%),var(--noise) 0 0/180px,var(--brushed),#26292d;border:0;border-radius:6px;box-shadow:var(--bevel)}
body[data-theme="site"][data-design="switchboard"] .modal-card{background:var(--screw) left 8px top 8px/10px no-repeat,var(--screw) right 8px top 8px/10px no-repeat,var(--screw) left 8px bottom 8px/10px no-repeat,var(--screw) right 8px bottom 8px/10px no-repeat,var(--noise) 0 0/180px,var(--brushed),#26292d;border:0;border-radius:6px;box-shadow:var(--bevel)}
body[data-theme="site"][data-design="switchboard"] :is(.kpi,.kpi-card){position:relative;background:repeating-linear-gradient(180deg,rgba(0,0,0,.3) 0 1px,transparent 1px 3px),#160f04;border:0;border-radius:8px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.9),inset 0 3px 14px rgba(0,0,0,.85),0 1px 0 rgba(255,255,255,.08)}
body[data-theme="site"][data-design="switchboard"] .kpi-val{font-family:var(--mono);font-weight:700;font-size:26px;line-height:1.05;letter-spacing:-.04em;color:#ffb000;text-shadow:0 0 10px rgba(255,176,0,.45);font-variant-numeric:tabular-nums}
body[data-theme="site"][data-design="switchboard"] :is(.kpi,.kpi-card) :is(.kpi-lbl,.kpi-label,.kpi-sub,.help){color:#d9a441}
body[data-theme="site"][data-design="switchboard"] :is(.kanban-card,.flow-node,.preset-card,.fb-gallery-card,.solar-finance-card,.imp-method,.qr-pick,.recip-box,.drill-list,.ac-box,.flow-action-box){background:#1e2024;border:0;border-radius:8px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.03)}
body[data-theme="site"][data-design="switchboard"] :is(.kanban-col,.sla-stat,.flow-stat-box,.tmpl-preview){background:#0f1012;border:0;border-radius:8px;box-shadow:inset 0 2px 8px rgba(0,0,0,.75),0 1px 0 rgba(255,255,255,.05)}
body[data-theme="site"][data-design="switchboard"] .note{background:#0f1012;border-left:3px solid #ffb000;border-radius:4px}
body[data-theme="site"][data-design="switchboard"] .cinfo{background:var(--noise) 0 0/180px,var(--brushed),#222529;border-left:0;box-shadow:inset 1px 0 0 rgba(0,0,0,.65),inset 2px 0 0 rgba(255,255,255,.04)}
body[data-theme="site"][data-design="switchboard"] .card .card{background:#1e2024;box-shadow:inset 0 0 0 1px rgba(0,0,0,.45)}
body[data-theme="site"][data-design="switchboard"] .kanban-card:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px rgba(255,176,0,.35)}
body[data-theme="site"][data-design="switchboard"] .card>strong:first-child{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;padding:6px 10px 6px 8px;border-radius:3px;font-family:var(--archivo);font-weight:600;font-stretch:125%;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#cfcac1;background:linear-gradient(#1c1e21,#17191b);box-shadow:inset 0 1px 2px rgba(0,0,0,.75),0 1px 0 rgba(255,255,255,.05);text-shadow:0 -1px 0 rgba(0,0,0,.8)}
body[data-theme="site"][data-design="switchboard"] .card>strong:first-child::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:#ffb000;box-shadow:0 0 0 1px rgba(0,0,0,.45),0 0 8px 1px rgba(255,176,0,.6)}
body[data-theme="site"][data-design="switchboard"] .chart-title{font-family:var(--archivo);font-weight:600;font-stretch:125%;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#cfcac1}
body[data-theme="site"][data-design="switchboard"] :is(.kpi-lbl,.kpi-label,.solar-finance-label,.sla-stat-label,.flow-stat-label,.kanban-col-head){font-family:var(--archivo);font-weight:600;font-stretch:125%;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:#b3aea5}
body[data-theme="site"][data-design="switchboard"] :is(.solar-finance-val,.sla-stat-val,.flow-stat-val,.funnel-n,.src-n){font-family:var(--mono);font-weight:700;letter-spacing:-.02em;color:#ffb000;font-variant-numeric:tabular-nums}
body[data-theme="site"][data-design="switchboard"] :is(.sol-row,.solar-result-row,.ctwa-stat-row,.agent-row,.timeline-item,.drill-row,.ac-item){border-bottom:1px solid rgba(255,255,255,.07)}
body[data-theme="site"][data-design="switchboard"] .solar-result-row:last-child{font-family:var(--mono);color:#ffb000;border-top:1px dashed rgba(255,176,0,.4);border-bottom:0}
body[data-theme="site"][data-design="switchboard"] :is(.funnel-bar,.chart-bar-fill,.src-bar,.heat-cell,.funnel-track,.src-track,.chart-bar-track,.funnel-track2,.chart-col .bar){border-radius:2px}
body[data-theme="site"][data-design="switchboard"] :is(.funnel-track,.src-track,.chart-bar-track,.funnel-track2){background:#0f1012;box-shadow:inset 0 1px 3px rgba(0,0,0,.8)}
body[data-theme="site"][data-design="switchboard"] :is(.funnel-bar,.chart-bar-fill,.chart-col .bar.in,.src-bar,.heat-cell){background:#ffb000;box-shadow:0 0 8px rgba(255,176,0,.35)}
body[data-theme="site"][data-design="switchboard"] :is(.chart-bar-fill.out,.chart-col .bar.out){background:#37ff8b;box-shadow:0 0 8px rgba(55,255,139,.3)}
body[data-theme="site"][data-design="switchboard"] :is(#app,#modal) .funnel-bar{color:#16130b;font-family:var(--mono)}
body[data-theme="site"][data-design="switchboard"] :is(.kpi-up,.funnel-conv.ok){color:#37ff8b}
body[data-theme="site"][data-design="switchboard"] :is(.kpi-dn,.funnel-conv.warn){color:#ff8a7a}
body[data-theme="site"][data-design="switchboard"] .settings-danger{background:#1a1312;border:1px solid rgba(255,123,107,.45);border-radius:6px;box-shadow:inset 0 2px 8px rgba(0,0,0,.6)}
body[data-theme="site"][data-design="switchboard"] .settings-danger-title{color:#ff8a7a;font-family:var(--mono)}
body[data-theme="site"][data-design="switchboard"] [style*="color:#c0392b"]:not([style*="background"]){color:var(--err)!important}
body[data-theme="site"][data-design="switchboard"] [style*="color:#92400e"]{color:var(--warn)!important}

/* hardware push buttons, recessed fields, a key strip for tabs */
body[data-theme="site"][data-design="switchboard"] :is(#app,#modal) button.btn{background:#ffb000 linear-gradient(rgba(255,255,255,.24),rgba(0,0,0,.08));color:#16130b;border:0;border-radius:6px;font-family:var(--archivo);font-weight:650;min-height:36px;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.7),0 8px 18px -10px rgba(255,176,0,.6);transition:transform .12s,box-shadow .12s,background-color .2s}
body[data-theme="site"][data-design="switchboard"] :is(#app,#modal) button.btn:hover{background-color:#ffc94d;color:#16130b}
body[data-theme="site"][data-design="switchboard"] :is(#app,#modal) button.btn:active{transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 0 0 1px rgba(0,0,0,.7),0 2px 5px -3px rgba(0,0,0,.8)}
body[data-theme="site"][data-design="switchboard"] :is(#app,#modal) button.btn.ghost{background:linear-gradient(#363a40,#272a2f);color:#efeae0;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -2px 0 rgba(0,0,0,.35),0 0 0 1px #0a0b0c,0 6px 14px -6px rgba(0,0,0,.8)}
body[data-theme="site"][data-design="switchboard"] :is(#app,#modal) button.btn.ghost:hover{background:linear-gradient(#3d4148,#2d3136);color:#fff}
body[data-theme="site"][data-design="switchboard"] :is(#app,#modal) :is(.fb-new,.fb-save,.fb-ai-cta,.fb-ai-build){background:#ffb000 linear-gradient(rgba(255,255,255,.24),rgba(0,0,0,.08));color:#16130b;border-radius:6px;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 0 0 1px rgba(0,0,0,.7)}
body[data-theme="site"][data-design="switchboard"] :is(#app,#modal) :is(.fb-del,.settings-danger){border-radius:6px}
body[data-theme="site"][data-design="switchboard"] :is(#app,#modal) .fb-del{color:#ff8a7a;border-color:#ff8a7a}
body[data-theme="site"][data-design="switchboard"] :is(#app,#modal) .fb-del:hover{background:#ff8a7a;color:#16130b}
body[data-theme="site"][data-design="switchboard"] :is(#app,#modal) :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=range]){background:#1b1d1f;color:#f2f2f2;border:1px solid #4a5058;border-radius:4px;box-shadow:inset 0 2px 4px rgba(0,0,0,.45)}
body[data-theme="site"][data-design="switchboard"] :is(#app,#modal) :is(input,select,textarea):focus{outline:none;border-color:#ffb000;box-shadow:inset 0 2px 4px rgba(0,0,0,.45),0 0 0 3px rgba(255,176,0,.25)}
body[data-theme="site"][data-design="switchboard"] :is(#app,#modal) ::placeholder{color:#a3a9b1}
body[data-theme="site"][data-design="switchboard"] :is(#app,#modal) option{background:#1b1d1f;color:#f2f2f2}
body[data-theme="site"][data-design="switchboard"] :is(#app,#modal) .ai-mode-sel.is-off{color:#ff8a7a;border-color:#ff8a7a}
body[data-theme="site"][data-design="switchboard"] label:not([class]){font-family:var(--archivo);font-weight:600;font-stretch:125%;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#b3aea5}
body[data-theme="site"][data-design="switchboard"] label:not([class]) :is(input,select,textarea){font-size:12px;font-weight:400;font-stretch:normal}
body[data-theme="site"][data-design="switchboard"] :is(#app,#modal) .tabs{background:#0f1012;border-radius:8px;padding:4px;gap:4px;box-shadow:inset 0 2px 8px rgba(0,0,0,.8),0 1px 0 rgba(255,255,255,.05)}
body[data-theme="site"][data-design="switchboard"] :is(#app,#modal) .tab{border-radius:5px;color:#cfcac1;font-family:var(--archivo);font-weight:600;background:linear-gradient(#2a2d32,#202327);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px #0a0b0c}
body[data-theme="site"][data-design="switchboard"] :is(#app,#modal) .tab:hover{color:#fff}
body[data-theme="site"][data-design="switchboard"] :is(#app,#modal) .tab.active{background:#ffb000 linear-gradient(rgba(255,255,255,.24),rgba(0,0,0,.08));color:#16130b;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 0 0 1px rgba(0,0,0,.7),0 0 14px -2px rgba(255,176,0,.5)}
body[data-theme="site"][data-design="switchboard"] :is(#app,#modal) :is(.solar-tab,.settings-tab){color:#b3aea5;font-family:var(--archivo);font-weight:600;font-stretch:112%}
body[data-theme="site"][data-design="switchboard"] :is(#app,#modal) :is(.solar-tab,.settings-tab):hover:not(.active){color:#efeae0}
body[data-theme="site"][data-design="switchboard"] :is(#app,#modal) :is(.solar-tab,.settings-tab).active{color:#efeae0;border-bottom-color:#ffb000}
body[data-theme="site"][data-design="switchboard"] :is(.solar-tab-bar,.settings-tabs){border-bottom:2px solid #0f1012;box-shadow:0 1px 0 rgba(255,255,255,.05)}
body[data-theme="site"][data-design="switchboard"] :is(#app,#modal) :is(.tf-chip,.leads-view-toggle button,.dash-period-bar button){border:0;border-radius:5px;background:linear-gradient(#2f3338,#1d2023);color:#cfcac1;font-family:var(--archivo);font-weight:600;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 1px #08090a}
body[data-theme="site"][data-design="switchboard"] :is(#app,#modal) :is(.tf-chip.active,.leads-view-toggle button.active,.dash-period-bar button.active){background:#ffb000 linear-gradient(rgba(255,255,255,.24),rgba(0,0,0,.08));color:#16130b;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 0 0 1px rgba(0,0,0,.7)}

/* tables: an event log — engraved heads, mono figures */
body[data-theme="site"][data-design="switchboard"] th{font-family:var(--archivo);font-weight:600;font-stretch:125%;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:#b3aea5;background:#1b1d1f;border-bottom:1px solid #0a0b0c;text-shadow:0 -1px 0 rgba(0,0,0,.8)}
body[data-theme="site"][data-design="switchboard"] td{border-bottom:1px solid rgba(255,255,255,.06);font-variant-numeric:tabular-nums}
body[data-theme="site"][data-design="switchboard"] tr.clickable:hover td{background:rgba(0,0,0,.22);box-shadow:inset 0 -1px 0 rgba(255,176,0,.25)}

/* badges: status lamps and readout chips */
body[data-theme="site"][data-design="switchboard"] :is(.pill,.role-pill,.proposal-status,.project-stage-badge,.badge-hot,.badge-warm,.badge-cold,.badge-won,.badge-lost,.confirm-chip,.kanban-col-count){background:#1b1d1f;color:#efeae0;border:1px solid #4a5058;border-radius:4px;font-family:var(--mono);font-weight:400;font-size:10.5px;letter-spacing:.02em;text-transform:none}
body[data-theme="site"][data-design="switchboard"] :is(.pill.APPROVED,.pill.read,.pill.delivered,.badge-won,.proposal-status.viewed,.proposal-status.signed,.project-stage-badge.approved,.project-stage-badge.commissioned,.confirm-chip){color:#37ff8b;border-color:rgba(55,255,139,.45);text-shadow:0 0 8px rgba(55,255,139,.35)}
body[data-theme="site"][data-design="switchboard"] :is(.pill.REJECTED,.pill.failed,.badge-hot,.badge-lost){color:#ff7b6b;border-color:rgba(255,123,107,.5)}
body[data-theme="site"][data-design="switchboard"] :is(.pill.PENDING,.badge-warm,.proposal-status.draft,.project-stage-badge.survey){color:#ffb000;border-color:rgba(255,176,0,.45);text-shadow:0 0 8px rgba(255,176,0,.35)}
body[data-theme="site"][data-design="switchboard"] :is(.pill.sent,.pill.queued,.badge-cold,.proposal-status.sent,.project-stage-badge.design,.project-stage-badge.installed){color:#b9c8d4}
body[data-theme="site"][data-design="switchboard"] :is(#app,#modal) .role-pill.admin{background:#ffb000;color:#16130b;border-color:#ffb000}
body[data-theme="site"][data-design="switchboard"] #sidebar .role-pill{color:#efeae0}
body[data-theme="site"][data-design="switchboard"] #sidebar .role-pill.admin{background:#ffb000;color:#16130b;border-color:#ffb000}
body[data-theme="site"][data-design="switchboard"] :is(#app,#modal) .unread-count{background:#ffb000;color:#16130b;border-radius:4px;font-family:var(--mono);box-shadow:0 0 8px rgba(255,176,0,.4)}
body[data-theme="site"][data-design="switchboard"] :is(#app,#modal) .thread.active .unread-count{background:#37ff8b;color:#0b1a10}
body[data-theme="site"][data-design="switchboard"] :is(#app,#modal) :is(.inbox-avatar,.flow-num){background:linear-gradient(#2f3338,#1d2023);color:#ffb000;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 1px #08090a;font-family:var(--mono);font-weight:700}
body[data-theme="site"][data-design="switchboard"] :is(#app,#modal) .flow-start{background:#ffb000;color:#16130b;border-radius:6px;font-family:var(--mono)}
body[data-theme="site"][data-design="switchboard"] :is(#app,#modal) .flow-end{background:#0f1012;color:#cfcac1;border-radius:6px;font-family:var(--mono)}

/* inbox: the rack — patch list on the left, the line on graphite */
body[data-theme="site"][data-design="switchboard"] :is(.threads,.threads-col){background:var(--noise) 0 0/180px,#222529}
body[data-theme="site"][data-design="switchboard"] .thread{border-bottom:1px solid rgba(0,0,0,.45);box-shadow:0 1px 0 rgba(255,255,255,.03)}
body[data-theme="site"][data-design="switchboard"] .thread:hover{background:rgba(255,255,255,.04)}
body[data-theme="site"][data-design="switchboard"] .thread.active{background:#16171a;box-shadow:inset 3px 0 0 #ffb000,inset 0 2px 6px rgba(0,0,0,.6)}
body[data-theme="site"][data-design="switchboard"] .thread .thread-time{font-family:var(--mono);font-size:10px}
body[data-theme="site"][data-design="switchboard"] .convo-msgs{background:var(--noise) 0 0/180px,var(--brushed),#141517}
body[data-theme="site"][data-design="switchboard"] .msg{border-radius:6px;line-height:1.5}
body[data-theme="site"][data-design="switchboard"] .msg.in{background:#2a2d32;color:#efeae0;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 0 1px rgba(0,0,0,.65)}
body[data-theme="site"][data-design="switchboard"] .msg.out{background:#2a2621;color:#f4efe5;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 3px 0 0 #ffb000,0 0 0 1px rgba(0,0,0,.65)}
body[data-theme="site"][data-design="switchboard"] .msg .meta{font-family:var(--mono);font-size:9.5px;color:#b3aea5}
body[data-theme="site"][data-design="switchboard"] .msg.out .doc{color:#ffc94d}
body[data-theme="site"][data-design="switchboard"] .msg .meta.failed{color:#ff7b6b}
body[data-theme="site"][data-design="switchboard"] :is(.composer,.tmpl-bar,.convo-head,.inbox-thread-header){background:linear-gradient(#26292d,#222529);border-color:#0a0b0c}
body[data-theme="site"][data-design="switchboard"] #toast .toast{background:repeating-linear-gradient(180deg,rgba(0,0,0,.3) 0 1px,transparent 1px 3px),#160f04;color:#ffb000;border:0;border-left:3px solid #ffb000;border-radius:6px;font-family:var(--mono);font-size:12.5px;text-shadow:0 0 10px rgba(255,176,0,.45);box-shadow:inset 0 0 0 1px rgba(0,0,0,.9),0 18px 34px -16px rgba(0,0,0,.9)}
body[data-theme="site"][data-design="switchboard"] #toast .toast.err{color:#ff8a7a;border-left-color:#ff7b6b;text-shadow:0 0 10px rgba(255,123,107,.4)}
body[data-theme="site"][data-design="switchboard"] #modal{background:rgba(8,9,10,.72)}
body[data-theme="site"][data-design="switchboard"] .mobile-tab-bar{background:var(--noise) 0 0/180px,linear-gradient(#26292d,#1b1d1f);border-top:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 -1px 0 #0a0b0c}
body[data-theme="site"][data-design="switchboard"] #app .mobile-tab-btn{color:#cfcac1;font-family:var(--archivo);font-weight:600;min-height:44px}
body[data-theme="site"][data-design="switchboard"] #app .mobile-tab-btn.active{color:#ffb000;background:radial-gradient(circle at 50% 5px,#ffb000 0 2.5px,rgba(255,176,0,.35) 3px 6px,transparent 7px)}

/* sign-in: one module bolted into the rack — rating plate, LCD prompt, amber key */
body[data-theme="site"][data-design="switchboard"] #authGate{background:radial-gradient(.3rem .22rem at 50% 50%,#050506 90%,transparent 100%) left 1.2rem top 1.4rem/1.9rem 2.75rem repeat-y,radial-gradient(.3rem .22rem at 50% 50%,#050506 90%,transparent 100%) right 1.2rem top 1.4rem/1.9rem 2.75rem repeat-y,radial-gradient(70% 50% at 50% 30%,rgba(255,176,0,.08),transparent 72%),var(--noise) 0 0/180px,var(--brushed),#111214}
body[data-theme="site"][data-design="switchboard"] #authGate::before,body[data-theme="site"][data-design="switchboard"] #authGate::after{content:none}
body[data-theme="site"][data-design="switchboard"] #authGate .auth-card{background:var(--screw) left 10px top 10px/11px no-repeat,var(--screw) right 10px top 10px/11px no-repeat,var(--screw) left 10px bottom 10px/11px no-repeat,var(--screw) right 10px bottom 10px/11px no-repeat,radial-gradient(70% 50% at 50% 0%,rgba(255,176,0,.1),transparent 72%),var(--noise) 0 0/180px,var(--brushed),#26292d;border:0;border-radius:6px;-webkit-backdrop-filter:none;backdrop-filter:none;color:#efeae0;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),inset 0 -1px 0 rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.65),0 40px 70px -34px rgba(0,0,0,.95)}
body[data-theme="site"][data-design="switchboard"] #authGate .auth-card::before{content:none}
body[data-theme="site"][data-design="switchboard"] #authGate .auth-logo-img{border-radius:5px;background:linear-gradient(#f6f3ec,#dcd7cc);box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(0,0,0,.55),0 3px 8px -3px rgba(0,0,0,.7)}
body[data-theme="site"][data-design="switchboard"] #authGate .auth-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 10px 7px 9px;border-radius:3px;font-family:var(--archivo);font-weight:600;font-stretch:125%;font-size:10px;letter-spacing:.2em;color:#cfcac1;background:linear-gradient(#1c1e21,#17191b);box-shadow:inset 0 1px 2px rgba(0,0,0,.75),0 1px 0 rgba(255,255,255,.05);text-shadow:0 -1px 0 rgba(0,0,0,.8)}
body[data-theme="site"][data-design="switchboard"] #authGate .auth-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:#37ff8b;box-shadow:0 0 0 1px rgba(0,0,0,.45),0 0 9px 1px rgba(55,255,139,.6)}
body[data-theme="site"][data-design="switchboard"] #authGate .auth-title{color:#f4efe5;font-family:var(--archivo);font-weight:850;font-stretch:66%;font-size:44px;line-height:.9;letter-spacing:-.01em;text-transform:uppercase}
body[data-theme="site"][data-design="switchboard"] #authGate .auth-help{padding:10px 12px;border-radius:8px;font-family:var(--mono);font-size:12px;color:#ffb000;text-shadow:0 0 10px rgba(255,176,0,.45);background:repeating-linear-gradient(180deg,rgba(0,0,0,.3) 0 1px,transparent 1px 3px),#160f04;box-shadow:inset 0 0 0 1px rgba(0,0,0,.9),inset 0 3px 14px rgba(0,0,0,.85),0 1px 0 rgba(255,255,255,.08)}
body[data-theme="site"][data-design="switchboard"] #authGate input{background:#1b1d1f;color:#f2f2f2;border:1px solid #4a5058;border-radius:4px;box-shadow:inset 0 2px 4px rgba(0,0,0,.45)}
body[data-theme="site"][data-design="switchboard"] #authGate input::placeholder{color:#a3a9b1}
body[data-theme="site"][data-design="switchboard"] #authGate input:focus{background:#1b1d1f;border-color:#ffb000;box-shadow:inset 0 2px 4px rgba(0,0,0,.45),0 0 0 3px rgba(255,176,0,.25)}
body[data-theme="site"][data-design="switchboard"] #authGate .pw-eye{color:#cfcac1}
body[data-theme="site"][data-design="switchboard"] #authGate .auth-msg{color:#ff9d90;font-family:var(--mono)}
body[data-theme="site"][data-design="switchboard"] #authGate .btn.auth-submit{background:#ffb000 linear-gradient(rgba(255,255,255,.24),rgba(0,0,0,.08));color:#16130b;border-radius:8px;font-family:var(--archivo);font-weight:700;font-size:15px;min-height:52px;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.7),0 10px 24px -10px rgba(255,176,0,.75)}
body[data-theme="site"][data-design="switchboard"] #authGate .btn.auth-submit:hover{background-color:#ffc94d;filter:none}
body[data-theme="site"][data-design="switchboard"] #authGate .btn.auth-submit:active{transform:translateY(2px)}
body[data-theme="site"][data-design="switchboard"] #authGate .btn.auth-submit::after{content:none}