/* Three purpose-built concept identities. Shared behavior, distinct compositions. */
.concept-nav{display:flex;align-items:center;gap:28px;padding:23px 4%;border-bottom:1px solid var(--line);background:var(--panel)}.concept-brand{font-size:23px;font-weight:750;letter-spacing:-1px}.concept-brand span{display:block;font-size:9px;letter-spacing:1px;font-weight:400;margin-top:5px;color:var(--muted)}.concept-nav nav{display:flex;gap:22px;margin:auto;font-size:11px}.concept-nav nav a[aria-current]{text-decoration:underline;text-underline-offset:6px}.showcase-link{font-size:11px}.shell{display:block;min-height:0}.topbar{height:53px}.demo-ribbon{min-height:31px;padding:7px;background:var(--ink);font-size:10px}.demo-ribbon strong{color:inherit}.workspace{max-width:1440px}.footnote{max-width:900px;line-height:1.8}.concept-nav a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
/* Clientspace — editorial client journal, not a KPI dashboard. */
.clientspace{--bg:#f6f3eb;--panel:#fffdf8;--ink:#172d61;--muted:#59677f;--line:#d7d9d6;--blue:#245bd3;--blue-soft:#eaf0ff;--coral:#245bd3;--on-coral:#fff;--plum:#244bc0;--lavender:#d4e0ff}.clientspace .workspace{padding:36px 6% 50px}.clientspace .topbar{background:transparent}.clientspace .editorial-head{align-items:center;margin-bottom:32px}.clientspace h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(35px,4.6vw,66px);line-height:1.06;letter-spacing:-2px}.clientspace .subtitle{font-size:13px;max-width:400px;margin-top:15px}.editorial-stamp{border:1px solid var(--blue);padding:20px 25px;transform:rotate(3deg);min-width:195px;color:var(--blue)}.editorial-stamp>span{font-size:8px;letter-spacing:2px}.editorial-stamp strong{font:36px/1.1 Georgia,serif;display:block;margin:13px 0}.editorial-stamp a{font-size:10px;text-decoration:underline;text-underline-offset:5px}.clientspace .tabs{gap:0;margin-bottom:25px;border-bottom:1px solid var(--ink)}.clientspace .tab{padding:14px 30px;font-size:12px}.clientspace .tab[aria-selected=true]{background:var(--blue);color:white;border-color:var(--blue)}.clientspace .collaboration-grid{grid-template-columns:1.55fr 1fr;gap:28px}.clientspace .panel{border-radius:0;box-shadow:none}.clientspace .panel-pad{padding:26px}.clientspace .accent-panel{background:var(--blue);min-height:245px}.clientspace .accent-panel h2{font:32px/1.13 Georgia,serif;letter-spacing:-.6px;max-width:370px}.clientspace .project-top{position:relative;padding-left:0}.clientspace .project-icon{display:none}.chapter-number{position:absolute;right:0;top:-12px;font:84px Georgia,serif;color:#ffffff26}.clientspace .progress-label{margin-top:25px}.clientspace .progress-line span{background:#d3e0ff}.clientspace .timeline-icon{border-radius:0}.clientspace .task{padding:17px 0}.clientspace .task input{accent-color:var(--blue)}
[data-theme=dark] .clientspace{--bg:#151e32;--panel:#1b2842;--ink:#eef2fc;--muted:#b1bfd7;--line:#3b4b67;--blue:#99b8ff;--blue-soft:#2c416b;--coral:#99b8ff;--on-coral:#12234a}.clientspace[data-theme=dark] .accent-panel,[data-theme=dark] .clientspace .accent-panel{background:#2545a3}.clientspace .accent-panel .eyebrow{color:#d8e4ff!important}[data-theme=dark] .clientspace .tab[aria-selected=true]{color:#11234a}
/* Flowboard — technical dispatch board with tactile work cards. */
.flowboard{--bg:#0d2528;--panel:#143438;--ink:#e0f1e9;--muted:#a3c4bf;--line:#345356;--blue:#a9efc0;--blue-soft:#204940;--green:#b1f1c6;--green-soft:#224d40;--orange:#ffd79f;--orange-soft:#4b3c2c;--coral:#b7f180;--on-coral:#122a24;--plum:#0b2023}.flowboard .demo-ribbon{background:#b7f180;color:#18382d}.flowboard .concept-brand,.flowboard .eyebrow,.flowboard .board-heading,.flowboard .order-code{font-family:monospace}.flowboard .topbar{background:var(--bg);border-bottom:1px dashed var(--line)}.flowboard .workspace{padding:30px 4% 45px}.flowboard h1{font-size:clamp(27px,3vw,43px);letter-spacing:-1.5px}.terminal-cursor{color:#b7f180}.flowboard .subtitle{color:var(--muted)}.flowboard .page-head{margin-bottom:28px}.dispatch-board{border:1px solid var(--line);background:var(--bg);margin-bottom:24px}.board-heading{display:flex;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted);letter-spacing:1px}.kanban-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.kanban-lane{padding:20px;border-right:1px solid var(--line);min-height:330px}.kanban-lane:last-child{border:0}.kanban-lane>h2{display:flex;align-items:center;gap:8px;font-size:12px;margin:0 0 19px}.lane-dot{width:7px;height:7px;background:#90ada9;border-radius:50%}[data-lane=packing] .lane-dot{background:#efc68d}[data-lane=ready] .lane-dot{background:#b7f180}.lane-count{margin-left:auto;font:10px monospace;color:var(--muted)}.lane-cards{display:grid;gap:13px}.order-card{background:var(--panel);border:1px solid var(--line);padding:18px;border-radius:3px;box-shadow:3px 3px 0 #0002}.order-code{font-size:10px;color:#b7f180;display:flex;justify-content:space-between;gap:8px}.order-code span{font:9px Arial;color:var(--muted)}.order-card h3{font-size:18px;letter-spacing:-.5px;margin:16px 0 7px}.order-card p{color:var(--muted);font-size:10px}.order-meta{display:flex;align-items:center;justify-content:space-between;margin:18px 0 12px;font-size:9px;color:var(--muted)}.order-owner{border:1px solid var(--line);padding:6px;border-radius:50%}.move-order{color:var(--blue);border:0;border-top:1px solid var(--line);background:transparent;width:100%;padding:12px 0 0;text-align:left;font-size:10px}.flowboard .alert-row{border-radius:0;background:#263a2c;color:#d7edb6;border-color:#536448}.flowboard .panel,.flowboard .segments{border-radius:2px}.flowboard .button{color:var(--ink);background:var(--panel)}.flowboard .segment[aria-pressed=true]{background:#b7f180;color:#17342b}.flowboard .search input{background:var(--bg)}.flowboard .status{color:#c0f0b7}.flowboard .badge.gray{background:#263d3d}.flowboard .table-wrap{scrollbar-color:var(--line) var(--bg)}
[data-theme=dark] .flowboard{--bg:#07191b;--panel:#102b2e;--line:#2a4a4c;--ink:#edf9f2;--muted:#b3ccc6}
/* Servicebook — airy calendar stationery, with a date rail and a detail card. */
.servicebook{--bg:#f0f4eb;--panel:#fffef9;--ink:#283e33;--muted:#65756b;--line:#d1dbcd;--blue:#386d53;--blue-soft:#e0eddc;--green:#335f44;--green-soft:#e4efdd;--purple:#5f6380;--purple-soft:#eaebf1;--orange:#8b593a;--orange-soft:#f7ead7;--coral:#cce1b1;--on-coral:#283e33;--plum:#2d4d3b}.servicebook .concept-nav{background:var(--bg);border:0}.servicebook .concept-brand{font-family:Georgia,serif;font-size:28px;font-weight:400}.servicebook .topbar{background:transparent}.servicebook .workspace{padding:27px 4% 40px}.servicebook h1{font:46px/1.06 Georgia,serif;letter-spacing:-1.5px}.servicebook .page-head{align-items:center;margin-bottom:28px}.servicebook .subtitle{max-width:400px;margin-top:12px}.servicebook .day-button{border-radius:30px;min-width:60px;padding:15px 12px;background:var(--panel)}.servicebook .day-button[aria-pressed=true]{background:var(--ink);color:var(--panel);border-color:var(--ink)}.servicebook .day-button[aria-pressed=true] strong{color:var(--panel)}.planner-layout{display:grid;grid-template-columns:160px minmax(0,1fr);gap:25px}.planner-note{padding:16px 0;color:var(--blue)}.month-label{font-size:9px;letter-spacing:3px}.month-number{display:block;font:40px/1 Georgia,serif;margin:14px 0}.year-label{font-size:10px;color:var(--muted)}.calendar-mini{display:grid;grid-template-columns:repeat(5,1fr);gap:13px 5px;font-size:9px;margin:24px 0}.calendar-mini b{background:var(--blue);color:var(--panel);padding:7px;border-radius:50%;margin:-7px 0}.planner-quote{font:26px/1.15 Georgia,serif;border-top:1px solid var(--line);padding-top:25px}.planner-note p{font-size:10px;line-height:1.8;color:var(--muted)}.servicebook .dashboard-grid{grid-template-columns:minmax(0,1.9fr) minmax(225px,1fr);gap:18px}.servicebook .panel{border-radius:16px;border-color:var(--line);box-shadow:0 5px 15px #3a563605}.servicebook .calendar-top{padding:22px}.servicebook .calendar-col-head{padding:19px 8px}.servicebook .calendar-track{height:350px}.servicebook .appointment{border-radius:8px;border-left-width:4px}.servicebook .panel-pad{padding:24px}.servicebook .person-profile .avatar{height:50px;width:50px;border-radius:15px;background:var(--blue-soft)}.servicebook .detail-list div{display:block}.servicebook .detail-list dd{text-align:left;margin-top:5px}.servicebook .detail-list{gap:13px}.servicebook .dashboard-grid>aside{background:var(--blue-soft)}.servicebook .segments{border-radius:20px}.servicebook .segment{border-radius:16px}.servicebook .calendar-col-head .avatar{border-radius:8px}
[data-theme=dark] .servicebook{--bg:#16241d;--panel:#203328;--ink:#e7eee1;--muted:#b3c4b5;--line:#3c5543;--blue:#b4d3a5;--blue-soft:#304d36;--green:#c5dfb5;--green-soft:#344b30;--purple:#d0cde3;--purple-soft:#3a3c4b;--orange:#f0c9a0;--orange-soft:#51402d;--coral:#b7d19e;--on-coral:#203328}
@media(max-width:1000px){.planner-layout{grid-template-columns:1fr}.planner-note{display:none}.servicebook .dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr)}.clientspace .workspace{padding:30px 4%}.kanban-lane{padding:14px}.order-card{padding:14px}}
@media(max-width:650px){.concept-nav{padding:18px;gap:15px;flex-wrap:wrap}.concept-nav nav{order:3;width:100%;margin:3px 0 0;justify-content:space-between;font-size:10px}.showcase-link{margin-left:auto}.concept-brand{font-size:21px}.clientspace .workspace,.flowboard .workspace,.servicebook .workspace{padding:25px 18px}.editorial-stamp{display:none}.clientspace h1{font-size:43px}.clientspace .collaboration-grid,.servicebook .dashboard-grid{grid-template-columns:1fr}.clientspace .tab{padding:13px 22px}.clientspace .panel-pad{padding:22px}.clientspace .accent-panel h2{font-size:28px}.clientspace .accent-panel{min-height:240px}.board-heading{font-size:9px;line-height:1.6;gap:12px}.kanban-lanes{grid-template-columns:1fr}.kanban-lane{border-right:0;border-bottom:1px solid var(--line);min-height:0;padding:18px}.kanban-lane:last-child{border:0}.kanban-lane>h2{font-size:13px}.order-card h3{font-size:20px}.flowboard h1{font-size:35px;max-width:300px}.flowboard .page-head{gap:20px}.flowboard .alert-row .button{margin:0}.servicebook h1{font-size:43px}.servicebook .day-picker{margin-top:5px}.servicebook .calendar-top{padding:17px;gap:10px}.servicebook .calendar-top h2{font-size:13px}.servicebook .calendar-grid{grid-template-columns:38px 1fr 1fr}.servicebook .dashboard-grid>aside .detail-list{grid-template-columns:1fr 1fr}.servicebook .dashboard-grid>aside{padding:24px}.servicebook .calendar-col-head{font-size:9px}}
.clientspace .demo-ribbon{background:#17316b;color:#fff}.servicebook .demo-ribbon{background:#2d4d3b;color:#fff}
/* Explicit theme pairs for controls and inherited navigation text. */
.concept-nav,.concept-nav a{color:var(--ink)}
.servicebook .day-button{background:var(--panel);color:var(--ink)}
.servicebook .day-button strong,.servicebook .day-button small{color:inherit}
.servicebook .day-button[aria-pressed=true]{background:#386d53;border-color:#386d53;color:#fff}
.servicebook .day-button[aria-pressed=true] strong,.servicebook .day-button[aria-pressed=true] small{color:#fff}
[data-theme=dark] .servicebook .concept-nav,[data-theme=dark] .servicebook .concept-nav a{color:#e7eee1}
[data-theme=dark] .servicebook .concept-brand span{color:#b3c4b5}
[data-theme=dark] .servicebook .day-button{background:#203328;border-color:#59715f;color:#e7eee1}
[data-theme=dark] .servicebook .day-button[aria-pressed=true]{background:#b4d3a5;border-color:#b4d3a5;color:#16241d}
[data-theme=dark] .servicebook .day-button strong,[data-theme=dark] .servicebook .day-button small{color:inherit}
[data-theme=dark] .servicebook .theme-button{color:#e7eee1;border-color:#59715f}
[data-theme=dark] .servicebook .appointment{background:#304d36;color:#e7eee1}
[data-theme=dark] .servicebook .appointment.green{background:#344b30}
[data-theme=dark] .servicebook .appointment.purple{background:#3a3c4b}
[data-theme=dark] .servicebook .appointment.orange{background:#51402d}
[data-theme=dark] .servicebook .appointment small{color:#d0dcce}
[data-theme=dark] .servicebook .segment{color:#c4d2c2;background:transparent}
[data-theme=dark] .servicebook .segment[aria-pressed=true]{background:#b4d3a5;color:#16241d}
.servicebook .calendar-top{flex-wrap:wrap;align-items:flex-start}
.servicebook .calendar-top>div:first-child{flex:1 1 150px}
.servicebook .calendar-top .segments{flex:0 0 auto;overflow:visible;max-width:none}
.servicebook .calendar-top .segment{padding:8px 10px}
@media(max-width:400px){.servicebook .calendar-top .segments{margin-top:3px}.servicebook .calendar-top{gap:10px}}