:root{color-scheme:dark;--bg:#071521;--panel:#0d2538;--panel2:#11354f;--input:#082134;--line:#2a4b61;--ink:#f0f8ff;--muted:#b1c8d8;--blue:#54b8f4;--green:#70d7bb;--shadow:0 12px 40px rgba(0,0,0,.23)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;font-size:16px}
button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation;min-height:47px}button:disabled{opacity:.6;cursor:not-allowed}
a{color:#8ad6ff}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #8cdeff;outline-offset:3px}
.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow{letter-spacing:.15em;font-size:.72rem;font-weight:800;color:#8fcee9}
.site-header{height:64px;background:#061522;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(15px,calc((100vw - 1260px)/2));gap:12px;position:sticky;top:0;z-index:3}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff}.brand img{width:98px;height:41px;object-fit:contain}.brand-live{font-weight:900;letter-spacing:.1em;font-size:1.16rem;color:#80cfff}.header-actions{display:flex;align-items:center;gap:12px}.environment-tag{color:#acdfff;background:#18445f;border:1px solid #3b7398;border-radius:30px;font-weight:800;font-size:.69rem;letter-spacing:.07em;padding:5px 9px}.version{font-size:.73rem;color:#a0c8dc}
.container{max-width:1240px;margin:0 auto;padding:24px 20px 125px;min-height:calc(100vh - 64px)}
.auth-view{display:flex;justify-content:center;margin:5vh auto}.auth-card{width:min(100%,510px);border-radius:20px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);padding:30px;display:grid;gap:13px}
.auth-card h1,.welcome h1{font-size:clamp(1.65rem,3vw,2.4rem);letter-spacing:-.035em;line-height:1.1;margin:0}.auth-card p{margin:0;color:var(--muted)}.auth-card form{display:grid;gap:10px;margin-top:12px}
label{font-size:.91rem;color:#d8e9f6;font-weight:700}input,select{background:var(--input);color:var(--ink);border:1px solid #52728b;border-radius:11px;min-height:49px;padding:10px 14px;width:100%}input::placeholder{color:#91aec0}
button.primary{background:#177cb7;color:white;border:1px solid #54afe4}button.primary:hover{background:#246c9d}button.secondary{background:#15354e;color:#ecfaff;border:1px solid #477490}button.secondary:hover{background:#205271}button{border-radius:11px;font-weight:750;padding:10px 17px}.big{min-height:57px;font-size:1.06rem;width:100%}
.feedback{padding:13px 18px;border:1px solid #6b9ab7;border-radius:11px;background:#12364c;color:#e4f7ff;margin:0 0 14px}.feedback.error{border-color:#db8491;background:#431c28;color:#ffe0e8}.feedback.ok{border-color:#389b83;background:#123e36;color:#cbffee}
#welcome{margin-top:10px}.welcome{display:flex;justify-content:space-between;align-items:start;gap:16px;margin:3px 0 22px}.welcome p{margin:6px 0 0}.welcome button{flex-shrink:0}
.admin-preview{background:#173146;padding:13px;border-radius:12px;border:1px solid #486881;margin-bottom:14px;display:flex;align-items:center;gap:15px}.admin-preview label{min-width:180px}.admin-preview select{flex:1}
.preview-banner{padding:13px 16px;border:1px solid #89a3bc;background:#334459;color:white;border-radius:11px;margin-bottom:13px}
.dashboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:25px}.tile{background:#143b58;border:1px solid #396f94;color:#fff;padding:19px;border-radius:16px;min-height:112px;text-align:left;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;font-size:1.1rem;box-shadow:0 6px 15px #020a1160}.tile:hover,.tile.active{background:#245d7b;border-color:#81c8eb}.tile strong{font-size:1.65rem;color:#d1f3ff}.tile small{color:#c3e1f0;font-weight:500;font-size:.78rem}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 12px}.toolbar h2{font-size:1.3rem;margin:0}.toolbar-buttons{display:flex;gap:9px}
.orders{display:grid;gap:10px}.order{width:100%;text-align:left;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:13px;padding:17px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:14px}.order:hover{background:#163d57;border-color:#60a9d1}.order h3{font-size:1.08rem;margin:0 0 4px;font-weight:850}.order p{color:var(--muted);font-size:.88rem;margin:4px 0}.order .tag{align-self:center}
.tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:30px;font-size:.78rem;border:1px solid #4a849f;color:#bce9ff;background:#204a63;white-space:nowrap;font-weight:780}.tag.draft{color:#ffe1a7;background:#59492c;border-color:#b28d42}.tag.done{background:#154b42;color:#a5f3d6;border-color:#267a61}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:19px;margin-bottom:14px;box-shadow:0 3px 15px rgba(0,0,0,.08)}.panel h3{font-size:1.06rem;margin:0 0 13px}.panel p{margin:5px 0;color:var(--muted)}
.info-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.pairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pair{min-width:0}.pair span{color:var(--muted);font-size:.74rem;font-weight:650;display:block}.pair strong{display:block;overflow-wrap:anywhere;font-weight:720;font-size:.96rem;margin-top:1px}
.line-table{width:100%;border-collapse:collapse}.line-table th,.line-table td{padding:9px 6px;border-bottom:1px solid #365068;text-align:left;font-size:.88rem}.line-table th{color:#bdd5e5}.line-table th:last-child,.line-table td:last-child{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.details-actions{display:flex;flex-wrap:wrap;gap:8px}.details-actions button{background:#1a4b68;color:#d6f1ff;border:1px solid #3a7295}
.message{border:1px solid #43677d;background:#12334a;padding:16px;border-radius:12px;color:#d5e9f4}
.search-panel{display:flex;gap:10px;align-items:center;margin-bottom:14px}.search-panel input{flex:1}
.empty{border:1px dashed #456780;color:#b8d2e3;padding:30px 15px;border-radius:14px;text-align:center}
.secret{font-weight:900;letter-spacing:.17em;color:#9fe9ff!important;font-size:1.15rem;overflow-wrap:anywhere}
footer{color:#92adbd;text-align:center;font-size:.75rem;margin:45px 0 10px}
@media(max-width:900px){.dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.site-header{height:58px}.brand img{width:86px;height:36px}.brand-live{font-size:.99rem}.version{font-size:.65rem}.environment-tag{padding:4px 6px;font-size:.59rem}.container{padding:19px 13px 95px}.auth-card{padding:23px 17px}.dashboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile{min-height:95px;padding:14px;font-size:.96rem}.tile strong{font-size:1.3rem}.welcome{align-items:flex-start}.welcome button{font-size:.82rem}.admin-preview{display:block}.admin-preview select{margin-top:7px}.info-grid,.pairs{grid-template-columns:1fr}.order{padding:14px}.toolbar{align-items:start;flex-direction:column}.toolbar-buttons{width:100%}.toolbar-buttons button{flex:1}.line-table td{word-break:break-word}.search-panel{flex-direction:column;align-items:stretch}}

/* v1.1.1: locked Auth state is a real notice, not a misleading sign-in form. */
.readiness-panel{border:1px solid #5789a7;border-radius:14px;background:#17354a;padding:19px 18px;display:grid;gap:11px}
.readiness-panel strong{color:#f2faff;font-size:1.12rem}
.readiness-panel p{color:#d9edf8!important;margin:0}
.demo-link{display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:11px;background:#22638b;border:1px solid #79b6de;color:#fff;font-weight:800;text-decoration:none;text-align:center;padding:11px 16px}
.demo-link:hover,.demo-link:focus-visible{background:#307eaa;color:#fff}
/* Keep the active support user and exit action visible while scrolling. */
.preview-banner{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.user-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:260px}

#phone-settings{max-width:620px}#phone-settings h2{font-size:1.15rem;margin:0 0 10px}#phone-settings form{display:grid;gap:10px;margin:14px 0}#phone-settings p{font-size:.9rem}

.totp-qr{display:block;width:240px;max-width:100%;height:auto;background:#fff;padding:12px;border-radius:12px;margin:20px auto}.secret{overflow-wrap:anywhere;user-select:all}

.totp-qr{justify-self:center;margin-inline:auto}#mfa-view{width:100%}

/* v1.4 — demo navigation and workspace, backed by authorized live data. */
:root{--panel:#13283a;--line:#2b465f;--muted:#acbfd0;--ink:#f3f8ff}
body{background:radial-gradient(ellipse 95% 44% at 50% -9%,#214661 0%,#0b1a2a 63%,#071522 100%);min-height:100vh}
.site-header{z-index:40;height:62px}.header-actions{display:flex;align-items:center;gap:16px}.brand img{width:138px;height:44px}.brand-live{color:#88d6ff;font-size:11px;letter-spacing:.22em;border-left:1px solid #44647d;padding-left:10px}
.container{max-width:1260px;padding-bottom:110px}.admin-preview{margin:0;padding:0;border:0;background:none;gap:8px}.admin-preview label{min-width:0;font-size:11px;color:var(--muted)}.admin-preview select{min-height:38px;max-width:170px;width:auto;padding:7px 24px 7px 10px;font-size:13px}.version{font-size:11px}.preview-banner{top:69px;z-index:30;font-size:14px}
.welcome h1{font-size:clamp(28px,4vw,40px);letter-spacing:-.045em;margin:6px 0}.welcome{align-items:center;margin-bottom:20px}.welcome p{font-size:12px}.user-actions button{font-size:12px;min-height:40px}.workspace-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #3e6c8b;border-radius:18px;background:linear-gradient(120deg,#173b55,#0e283d);padding:24px;margin-bottom:16px}.workspace-banner h2{font-size:25px;letter-spacing:-.03em;margin:7px 0}.workspace-banner p{margin:0;font-size:14px}.workspace-banner button{display:flex;gap:10px;align-items:center;min-height:52px;flex-shrink:0}.summary-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0 23px}.summary-stat{border:1px solid var(--line);border-radius:15px;padding:18px;background:#102537}.summary-stat span{display:block;font-size:12px}.summary-stat strong{display:block;font-size:clamp(22px,3vw,32px);margin-top:5px;overflow-wrap:anywhere}
.dashboard{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.tile{min-height:160px;gap:8px;border-color:#365673;background:linear-gradient(150deg,#1a3850,#102638);padding:20px;justify-content:flex-start;transition:background .15s}.tile.dark{background:linear-gradient(130deg,#154e76,#0c334f)}.tile-top{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.tile-top>.icon{display:grid;place-items:center;background:#6ec6fa20;border-radius:13px;width:45px;height:45px;color:#9ddaff}.tile-top strong{font-size:28px;color:#f4fbff}.tile-label{font-size:19px;font-weight:850}.tile small{font-size:12px;color:#b9ccda}.icon{display:inline-flex;flex-shrink:0}.icon svg{width:23px;height:23px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}
.quick-section{margin-top:26px}.quick-section h2{font-size:19px;margin-bottom:13px}.quick-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.quick-card{display:flex;align-items:center;gap:10px;background:#13283a;color:var(--ink);border:1px solid var(--line);border-radius:14px;min-height:78px;padding:17px;text-align:left;font-size:14px;font-weight:800}.quick-card strong{margin-left:auto;color:#8fd3ff;font-size:23px}.quick-card .icon{color:#8fd3ff}.quick-section>.order{margin-bottom:10px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:45;display:flex;justify-content:center;gap:5px;border-top:1px solid #355069;background:#081827f5;backdrop-filter:blur(14px);padding:8px 12px calc(8px + env(safe-area-inset-bottom))}.nav-button{width:min(18%,180px);border:0;background:none;color:#b5cde0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;border-radius:12px;min-height:56px;font-size:12px;font-weight:750}.nav-button.active{background:#1c425e;color:#a9e2ff}.nav-button:hover{background:#17374e}
.order{min-height:105px;align-items:center;padding:20px}.order h3{font-size:18px}.order p.job-title{font-size:15px;color:#d6e4f0}.order p.order-meta{font-size:12px}.order-aside{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.order-aside>.icon{display:none}.order-aside strong{font-size:17px}.order .tag{white-space:normal;text-align:right;justify-content:flex-end;max-width:220px}.order-hero{background:linear-gradient(120deg,#173b55,#102638);border:1px solid #365673;border-radius:18px;padding:26px;margin-bottom:18px}.order-hero h1{font-size:clamp(25px,4vw,36px);letter-spacing:-.035em;line-height:1.2;margin:10px 0;overflow-wrap:anywhere}.order-hero p{color:#c4d8e7;font-size:18px}.pair{background:#152d42;border:1px solid #2b465f;border-radius:12px;padding:13px}.pair strong{font-size:16px}.contact-actions{margin-bottom:16px}.contact-actions a{min-height:46px}.order-lines summary{cursor:pointer;font-size:17px;font-weight:800;min-height:30px}.line-table{margin-top:12px}.operation-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:15px;margin:10px 0;border:1px solid #3a5d77;border-radius:13px;background:#163147}.operation-card>.muted{grid-column:2;font-size:13px}.operation-card>.tag{grid-column:3;grid-row:1/3}.source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.source-grid p{margin-top:14px}.feature-status{padding:28px;max-width:750px}.feature-status>.icon{color:#8fd3ff;margin-bottom:10px}.feature-status p{margin:18px 0;line-height:1.7}
@media(max-width:1000px){.dashboard{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-card{flex-wrap:wrap}}
@media(max-width:620px){.site-header{height:59px;padding:0 12px}.brand img{width:101px;height:40px}.brand{gap:7px}.brand-live{font-size:9px;padding-left:6px}.header-actions{gap:7px}.header-actions>.version{display:none}.admin-preview{display:flex}.admin-preview label{display:none}.admin-preview select{margin:0;max-width:140px;font-size:12px}.container{padding-top:20px}.welcome{align-items:flex-start}.welcome h1{font-size:29px}.welcome p{max-width:235px;line-height:1.6}.user-actions{max-width:85px}.user-actions button{padding:8px;font-size:11px}.workspace-banner{padding:18px;display:block}.workspace-banner h2{font-size:23px}.workspace-banner button{width:100%;margin-top:16px}.summary-stats{gap:7px}.summary-stat{padding:12px 9px}.summary-stat span{font-size:10px;min-height:26px}.summary-stat strong{font-size:18px}.dashboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile{min-height:151px;padding:16px}.tile-label{font-size:17px}.tile small{font-size:11px}.tile-top>.icon{height:39px;width:39px}.tile-top strong{font-size:25px}.quick-cards{grid-template-columns:1fr;gap:9px}.quick-card{min-height:66px;flex-wrap:nowrap}.toolbar{flex-direction:row;align-items:center}.toolbar h2{font-size:19px}.toolbar-buttons{width:auto}.toolbar-buttons button{font-size:12px;padding:9px}.order{padding:16px;grid-template-columns:1fr;gap:12px}.order-aside{flex-direction:row;align-items:center;justify-content:space-between}.order-aside strong{font-size:15px}.order h3{font-size:17px}.order p.job-title{font-size:14px}.order .tag{font-size:11px;max-width:75%;text-align:left}.info-grid{gap:0}.pairs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pair{padding:10px}.pair strong{font-size:14px}.order-hero{padding:20px}.source-grid{grid-template-columns:1fr;gap:0}.nav-button{width:20%;font-size:10px;min-height:53px}.bottom-nav{gap:1px;padding-inline:5px}.operation-card{grid-template-columns:auto 1fr}.operation-card>.tag{grid-column:2;grid-row:auto;justify-self:start}.preview-banner{top:65px;font-size:12px}.preview-banner button{min-height:36px;font-size:11px}.line-table th,.line-table td{padding:10px 4px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.alex-panel{width:100%;max-width:none}.alex-panel select,.alex-form textarea{width:100%;box-sizing:border-box}.alex-form{display:grid;gap:12px;margin-top:18px}.alex-form textarea{padding:14px;border:1px solid #35516b;border-radius:12px;background:#0d2539;color:#fff;font:inherit;resize:vertical}.alex-text{white-space:pre-wrap;line-height:1.65}.alex-answer{width:100%;max-width:none}.alex-answer .details-actions{flex-wrap:wrap}


/* Company finance: retains the existing LIVE cards and dark profile. */
.finance-period{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin-top:18px}.finance-period label{display:grid;gap:7px;min-width:170px;flex:1}.finance-period button{min-height:46px}.finance-stats small{display:block;line-height:1.6;margin-top:6px}.finance-heading h2{font-size:22px}.finance-stats strong{font-size:clamp(22px,3vw,30px)}
@media(max-width:620px){.finance-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.finance-stats .summary-stat{padding:16px 12px}.finance-stats strong{font-size:21px}.finance-stats small{font-size:11px}.finance-period label{min-width:120px}.finance-period button{width:100%}.finance-period input{min-width:0;width:100%;color-scheme:dark}}
.marketing-report{border-top:1px solid var(--line,#dce4df);margin-top:1.3rem;padding-top:1rem}.marketing-metric{display:flex;justify-content:space-between;gap:1rem;margin-top:.75rem}.marketing-report h4{margin:0 0 .6rem}.marketing-report .muted{font-size:.82rem}

/* v1.8: role-specific sections, fewer repeated cards, same LIVE visual profile. */
.dashboard{display:block}.dashboard-group{margin:24px 0}.section-heading{font-size:18px;margin:0 0 12px;color:#dbeaf5}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.dashboard-grid .tile{min-height:140px}.tile.primary-tile{border-color:#6ebde8;background:linear-gradient(135deg,#215575,#13334b)}
.summary-stats:not(.finance-stats){grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.nav-button{width:min(calc(100% / var(--nav-count,5)),180px)}
@media(max-width:1000px){.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-grid .tile{min-height:136px;padding:14px}.dashboard-group{margin:21px 0}.tile-label{font-size:16px;overflow-wrap:anywhere}.summary-stats:not(.finance-stats){grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.preview-banner{align-items:center;gap:10px;flex-wrap:nowrap}.preview-banner>span{flex:1;min-width:0}.preview-banner button{flex-shrink:0;max-width:132px}.nav-button{width:calc(100% / var(--nav-count,5))}}

/* Installation calendar and mobile workday */
.plan-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}.plan-toolbar h3{flex:1;font-size:17px}.plan-filters{display:flex;gap:6px}.plan-filters .active{background:#146ca2;border-color:#6dc8ff;color:white}.plan-legend{font-size:12px;line-height:1.6;margin:12px 0}.plan-scroll{overflow:auto;border:1px solid #456078;border-radius:12px;margin-bottom:22px}.plan-week{--plan-slot-height:22.4px;min-width:980px;display:grid;grid-template-columns:56px repeat(7,minmax(0,1fr));background:#0c1c2a}.plan-corner,.plan-day-heading{padding:8px 7px;background:#183347;border-right:1px solid #39516a;border-bottom:1px solid #456078;min-width:0}.plan-day-heading strong{font-size:13px;display:block;text-transform:capitalize}.plan-day-heading small{font-size:11px;color:#b7cad9;display:block;margin-top:5px}.plan-day-heading.today{background:#175582}.plan-axis{position:relative;height:calc(28 * var(--plan-slot-height));background:#122737;font-size:11px;color:#b7cad9}.plan-axis span{position:absolute;right:7px;transform:translateY(-50%)}.plan-axis span:first-child{transform:none}.plan-axis span:last-child{transform:translateY(-100%)}.plan-day{position:relative;height:calc(28 * var(--plan-slot-height));border-right:1px solid #2a4154;min-width:0}.plan-slot{height:var(--plan-slot-height);border-bottom:1px solid #26394b;box-sizing:border-box;background:#0c1b29}.plan-slot.working{background:#23455a;border-color:#36596e}.plan-slot:nth-child(2n){border-bottom-color:#476074}.plan-slot.drop-target{background:#2986ac;outline:2px solid #9ce7ff;outline-offset:-2px}.plan-card{position:absolute;display:flex;flex-direction:column;gap:2px;overflow:hidden;min-height:0;min-width:0;padding:4px 5px;border-radius:5px;box-sizing:border-box;text-align:left;line-height:1.18;border:2px solid #61caff;background:#145b86;color:white;z-index:2;cursor:pointer;font-size:11px;overflow-wrap:anywhere}.plan-card.k2{background:#754320;border-color:#ffbc70}.plan-card.tentative{border-style:dashed}.plan-card.completed{opacity:.55}.plan-card strong{font-size:11px}.plan-card small{font-size:10px;opacity:.9}.plan-card[draggable=true]{cursor:grab}.plan-card:focus-visible{outline:3px solid white;z-index:3}.plan-unplanned{margin-top:20px}.plan-pending{display:flex;align-items:center;gap:14px;border-top:1px solid #304d63;padding:12px 0;flex-wrap:wrap}.plan-pending-title{background:transparent;border:0;color:#e4f3ff;text-align:left;padding:8px 0;font-weight:700;flex:1}.plan-pending[draggable=true]{cursor:grab}.plan-dialog{background:#10293b;color:#e5f3ff;border:1px solid #51718b;border-radius:18px;padding:24px;max-width:520px;width:calc(100% - 30px);max-height:90vh;overflow:auto}.plan-dialog::backdrop{background:#020b15c9}.plan-dialog h2{font-size:22px;margin-bottom:8px}.plan-form{display:grid;gap:14px;margin-top:20px}.plan-form label{display:flex;flex-direction:column;gap:7px;color:#cadfea}.plan-form input,.plan-form select{width:100%;padding:12px;color-scheme:dark}.plan-form input[type=checkbox]{width:22px;height:22px}.plan-form small{line-height:1.6}.plan-form .details-actions{margin:0}.plan-end{font-weight:700;color:#98ddff}.plan-agenda{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:16px;text-align:left;align-items:center;width:100%;padding:18px;border-radius:12px;background:#15364c;border:1px solid #355971;border-left:4px solid #56baf2;color:#eef7ff;margin:10px 0}.plan-agenda.k2{border-left-color:#ffb56b}.plan-agenda h3{font-size:17px;line-height:1.4}.plan-agenda p{font-size:13px;line-height:1.5;margin:4px 0}.plan-agenda small{font-size:12px}.plan-agenda-time{display:flex;flex-direction:column;gap:7px}.plan-agenda-time strong{font-size:20px}.plan-agenda-date{font-size:16px;text-transform:capitalize;margin:22px 0 12px}.plan-detail-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:14px 0;border-bottom:1px solid #345168;margin-bottom:12px}.plan-detail-row strong{flex:1}.plan-history{border-top:1px solid #3b5970;margin-top:15px;padding-top:10px;font-size:13px;line-height:1.7}.panel>.secondary,.panel>.primary{margin:6px 8px 6px 0}
@media(max-width:700px){.plan-toolbar{gap:10px}.plan-toolbar h3{flex-basis:100%;order:-1}.plan-toolbar .details-actions{gap:5px}.plan-toolbar button{padding:10px}.plan-agenda{grid-template-columns:58px minmax(0,1fr);gap:12px;padding:14px}.plan-agenda>.tag{grid-column:2;justify-self:start;white-space:normal}.plan-agenda-time strong{font-size:18px}.plan-pending{display:grid;grid-template-columns:1fr auto;gap:6px}.plan-pending small{grid-column:1}.plan-pending>.secondary{grid-column:2;grid-row:1/3}.plan-dialog{padding:20px}.plan-detail-row{display:grid}.plan-filters{flex:1}}
.plan-card strong{white-space:nowrap;font-size:10px}.plan-card>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.plan-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.estimate-missing{background:#59421c!important;border:1px solid #e6b653!important;color:#ffe0a0!important;font-weight:700;white-space:normal!important}.plan-pending .estimate-missing{font-size:11px}

.plan-estimate{padding:16px 0;margin:8px 0;border-bottom:1px solid var(--border,#284158)}.plan-estimate-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.plan-estimate-form label{display:grid;gap:6px;font-weight:600}.plan-estimate-form input{width:180px;max-width:100%}.plan-estimate p{margin:8px 0}.plan-estimate small{display:block;margin-bottom:8px}

/* Reconciliation reports */
.report-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.report-count{display:flex;flex-direction:column;gap:8px;margin:0}.report-count strong{font-size:2rem}.report-count span{font-size:.9rem}.report-row{display:flex;justify-content:space-between;gap:16px;padding:18px 0;border-top:1px solid #e3e8ec}.report-row>div:first-child{min-width:0;overflow-wrap:anywhere}.report-row p{margin:7px 0}.report-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.report-section{margin-top:18px}.report-body>input{width:100%;margin:12px 0}.report-intro h2{margin-top:8px}@media(max-width:700px){.report-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.report-row{flex-direction:column}.report-actions{justify-content:flex-start}.report-count strong{font-size:1.6rem}}

/* Order documents and work entries */
.line-product{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.line-number{font-size:.8rem;font-weight:600;color:var(--muted,#64748b)}.line-description{margin:8px 0 0 18px;padding-left:14px;border-left:2px solid var(--line);white-space:pre-wrap;line-height:1.55;color:var(--muted)}.line-table td{vertical-align:top}.work-field{display:flex;flex-direction:column;gap:6px;font-weight:600}.work-field:has(input[type=checkbox]){flex-direction:row;align-items:start}.work-field input[type=checkbox]{width:auto;margin-top:5px}.work-form{display:grid;gap:14px;max-width:660px;padding:20px;background:var(--panel2);border-radius:12px}.work-form h4{margin:0}.work-form textarea{width:100%;resize:vertical;border:1px solid var(--line);border-radius:8px;padding:12px;font:inherit;background:var(--input);color:var(--ink)}.work-editor:empty{display:none}.work-editor{margin:16px 0}.work-group{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.work-group summary{cursor:pointer;font-weight:700}.work-file{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid var(--line)}.work-file>div:first-child{flex:1;min-width:180px;overflow-wrap:anywhere}.work-file small{display:block;margin-top:5px}.work-file .details-actions{margin:0}.work-photo{width:100%;max-height:600px;object-fit:contain;display:block;background:var(--panel2);border-radius:8px}.work-note{padding:16px 0;border-bottom:1px solid var(--line)}.work-text{white-space:pre-wrap;overflow-wrap:anywhere}.order-work>.details-actions{gap:8px}.work-form input[type=file]{max-width:100%}@media(max-width:620px){.work-file .details-actions{width:100%}.work-form{padding:14px}.line-description{margin-left:8px;padding-left:10px}}
/* Marketing workspace: compact metrics, shared weekly plan and source detail. */
.mk-dashboard{display:grid;gap:22px;max-width:1400px;margin:auto}.mk-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.mk-heading h2{margin:3px 0;font-size:clamp(22px,3vw,30px)}.mk-kicker{font-size:11px;letter-spacing:.13em;color:#70baff;font-weight:750;margin:0 0 7px}.mk-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.mk-kpi{padding:22px;border:1px solid #294057;border-radius:16px;background:linear-gradient(145deg,#162c44,#101e30);display:flex;flex-direction:column;gap:10px;min-width:0}.mk-label{color:#c4d3e4;font-size:13px}.mk-value{font-size:clamp(25px,3vw,36px);letter-spacing:-.04em;line-height:1.15;font-variant-numeric:tabular-nums}.mk-trend{color:#8dcaff;font-size:12px}.mk-kpi small{font-size:11px}.mk-plan-summary{display:flex;align-items:center;gap:24px;justify-content:space-between;background:#132b3c;padding:18px;border-radius:12px;margin:18px 0}.mk-plan-result{display:flex;gap:14px;align-items:center}.mk-plan-table{width:100%;border-collapse:collapse;font-size:14px}.mk-plan-table th{text-align:left;color:#96aac0;font-size:12px;font-weight:600}.mk-plan-table th,.mk-plan-table td{padding:12px 8px;border-bottom:1px solid #273a4f}.mk-plan-table th:nth-child(2),.mk-plan-table td:nth-child(2),.mk-plan-table th:nth-child(3),.mk-plan-table td:nth-child(3){text-align:center}.mk-plan-table td:nth-child(2){font-size:20px;font-weight:700;color:#edf6ff}.mk-week-notes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin:22px 0}.mk-week-notes h3{font-size:15px}.mk-preserve{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.mk-week small{display:block;margin:12px 0}.mk-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.mk-insight{border-left:3px solid #3d92e5;padding:8px 16px;background:#122438;border-radius:0 10px 10px 0}.mk-insight h3{font-size:15px;margin:14px 0 8px}.mk-insight p{font-size:13px;line-height:1.6}.mk-insight small{font-size:11px}.mk-note{font-size:13px;color:#c9b98a}.mk-channels{display:grid;gap:24px}.mk-channel-group>h2{font-size:19px;margin-bottom:12px}.mk-channel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:14px}.mk-channel{margin:0!important;min-width:0}.mk-channel>small{display:block;margin:8px 0}.mk-metrics{display:grid;gap:9px;margin:18px 0}.mk-metrics>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #26394f;padding-bottom:9px;font-size:13px}.mk-metrics dd{margin:0;font-weight:700;text-align:right}.mk-metrics small{display:block}.mk-details{margin:16px 0;font-size:12px}.mk-details summary{cursor:pointer;color:#a1b9cf}.mk-details p{line-height:1.6}.mk-week-form{display:grid;gap:16px}.mk-edit-row{display:grid;grid-template-columns:1fr 100px 100px;gap:18px;align-items:end}.mk-week-form label{display:grid;gap:7px;font-size:13px}.mk-week-form textarea{width:100%;resize:vertical;box-sizing:border-box}.mk-week-form input{width:100%;box-sizing:border-box}.mk-week .details-actions{flex-wrap:wrap}.mk-channel-group>small{display:block;margin-top:12px}
@media(max-width:900px){.mk-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-week-notes,.mk-insights{grid-template-columns:1fr}.mk-heading{align-items:flex-start;flex-direction:column}.mk-kpi{padding:17px}.mk-week{padding:18px!important}}
@media(max-width:480px){.mk-dashboard{gap:16px}.mk-kpis{gap:9px}.mk-kpi{padding:14px}.mk-plan-summary{gap:12px;align-items:flex-start;flex-direction:column}.mk-plan-table{font-size:12px}.mk-plan-table th,.mk-plan-table td{padding:10px 4px}.mk-edit-row{grid-template-columns:1fr 70px 70px;gap:10px}.mk-channel-grid{grid-template-columns:minmax(0,1fr)}}
@media print{body:has(.mk-dashboard){background:white!important;color:#152434!important}body:has(.mk-dashboard) header,body:has(.mk-dashboard) nav,body:has(.mk-dashboard) .sidebar,body:has(.mk-dashboard) #bottom-nav,body:has(.mk-dashboard) #admin-preview,body:has(.mk-dashboard) #source-setup,body:has(.mk-dashboard) #trello-setup,.mk-dashboard button{display:none!important}.mk-dashboard .panel,.mk-kpi,.mk-insight,.mk-plan-summary{background:white!important;color:#152434!important;break-inside:avoid;border-color:#ccd4dc!important}.mk-dashboard .muted,.mk-dashboard small,.mk-label,.mk-plan-table td:nth-child(2){color:#34485d!important}.mk-dashboard{display:block}.mk-dashboard>section{margin:20px 0}.mk-kpis{display:grid;grid-template-columns:repeat(4,1fr)}.mk-dashboard .details-actions strong{display:block}.mk-channel-grid{grid-template-columns:1fr 1fr}.mk-dashboard h2{color:#152434!important}.mk-value{font-size:27px}}
.order-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:0 0 12px}.order-filters label{display:flex;flex:1 1 145px;min-width:0;flex-direction:column;gap:6px;font-size:11px;color:#aac0d3}.order-filters select{width:100%;min-width:0;max-width:100%;padding:10px;font-size:13px}.order-filters button{min-height:42px}.order-result-count{font-size:12px;margin:8px 0 15px}@media(max-width:600px){.order-filters{display:grid;grid-template-columns:1fr 1fr}.order-filters label{min-width:0}.order-filters button{align-self:end}}
.order-quick-filters{display:flex;flex-wrap:wrap;gap:12px 28px;margin:0 0 16px}.order-toggle-group{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.order-toggle-group>span{font-size:12px;margin-right:4px}.order-toggle-group button{padding:9px 14px;min-height:40px;border-radius:22px}.order-toggle-group button[aria-pressed=true]{background:#186f9d;border-color:#7acfff;box-shadow:inset 0 0 0 1px #7acfff;color:white}@media(max-width:600px){.order-quick-filters{gap:10px}.order-toggle-group{width:100%}.order-toggle-group>span{width:64px}.order-toggle-group button{flex:1}}
/* Compact installation categories keep their counts and reading order on phones. */
.installation-filter-short{display:none}.installation-filter-count{white-space:pre}
@media(max-width:620px){.installation-filters{margin-bottom:12px}.installation-filters>.order-toggle-group{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;width:100%}.installation-filters button{grid-column:span 2;min-width:0;min-height:38px;padding:6px 8px;border-radius:10px;font-size:13px;line-height:1.25;gap:4px;white-space:nowrap}.installation-filters button:nth-child(n+4){grid-column:span 3}.installation-filter-label{display:none}.installation-filter-short{display:inline}.installation-filter-count{font-size:12px;font-weight:600;opacity:.85}}
.order-extra-filters{margin:0 0 10px}.order-extra-filters summary{cursor:pointer;font-size:13px;color:#a8c5dc;padding:8px 0}.order-extra-filters .order-filters{margin-top:10px}.order-filter-result{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.order-filter-result .order-result-count{margin:0}.order-filter-result button{padding:7px 12px;font-size:12px;min-height:34px}

@media print{.packing-lines th:last-child,.packing-lines td:last-child{width:28mm;min-width:28mm;white-space:nowrap}}
.connection-grid{align-items:stretch}.connection-card{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:0;min-width:0}.connection-card h3{margin-bottom:12px}.connection-card .tag{white-space:normal}.connection-card p{line-height:1.55;overflow-wrap:anywhere}.connection-card .muted{font-size:12px}.connection-link{margin-top:auto;padding:10px 0;background:transparent;border:0;color:#8fd3ff;text-align:left;text-decoration:underline;text-underline-offset:4px}.connection-link:hover{background:transparent;color:white}.connection-link:focus-visible{outline:2px solid #8fd3ff;outline-offset:4px}.connection-grid .tag.ready{background:#133e35;color:#9de6bc;border-color:#2d6b53}@media(max-width:620px){.connection-grid{gap:14px}}
.mk-cadence{display:flex;align-items:center;gap:9px;color:#abc2d5;font-size:12px;margin:-5px 0 22px}.mk-cadence-dot{width:7px;height:7px;background:#70d7bb;border-radius:50%;flex-shrink:0}.mk-channel-heading{display:flex;align-items:center;gap:12px;margin-bottom:15px}.mk-channel-heading h3{margin:0 0 3px}.mk-channel-icon{display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;background:#173c59;border:1px solid #315b7b;border-radius:13px;font-size:18px;font-weight:800;color:#b8e3ff}.mk-channel-facebook .mk-channel-icon{color:#a8cdff;background:#183f75}.mk-channel-instagram .mk-channel-icon{color:#f7b8da;background:linear-gradient(140deg,#522857,#4e273c)}.mk-channel-analytics .mk-channel-icon{color:#ffd69a;background:#50391e}.mk-channel-business .mk-channel-icon{color:#b0e6d2;background:#1a483e}.mk-channel-search .mk-channel-icon{color:#bce1ff;background:#23445d}.mk-channel-hero{display:flex;flex-direction:column;gap:3px;padding:21px 0 17px;margin:0 0 10px;border-bottom:1px solid #2a4357}.mk-channel-hero .mk-value{font-size:clamp(30px,4vw,42px);line-height:1.2}.mk-channel .mk-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 20px}.mk-channel .mk-metrics>div{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:13px;background:#102b40;border:1px solid #28455b;border-radius:11px;min-width:0}.mk-channel .mk-metrics dt{font-size:12px;color:#b2c9da}.mk-channel .mk-metrics dd{margin:0;font-size:20px;font-weight:750;overflow-wrap:anywhere}.mk-channel .mk-metrics small{font-size:11px;line-height:1.5}.mk-channel{display:flex;flex-direction:column}.mk-channel>.tag{align-self:flex-start;font-size:11px}.mk-channel .mk-details{margin-top:auto}.mk-source-time{display:block;margin-top:10px;font-size:11px}.marketing-report{border:1px solid #2a4b61;border-radius:14px;padding:18px;margin-top:16px;background:#102b40}.marketing-report h4{font-size:18px;margin:0 0 10px}.marketing-report .marketing-metric{padding:12px 0;gap:20px;border-bottom:1px solid #294358}.marketing-report .marketing-metric strong{font-size:21px}.marketing-report>.muted{font-size:12px}@media(max-width:620px){.mk-channel .mk-metrics{gap:8px}.mk-channel .mk-metrics>div{padding:11px}.mk-channel .mk-metrics dd{font-size:18px}.mk-cadence{align-items:flex-start;line-height:1.6}.mk-cadence-dot{margin-top:6px}}@media print{.mk-channel .mk-metrics>div,.marketing-report{background:white!important;border-color:#ccd4dc!important}.mk-channel .mk-metrics dt,.mk-channel .mk-metrics dd,.mk-channel-hero .mk-label,.mk-channel-hero .mk-value{color:#152434!important}}


.mk-report-latest,.mk-report-row{display:flex;justify-content:space-between;gap:20px;align-items:center}.mk-report-latest h3{margin:4px 0 8px}.mk-report-row{padding:16px 0;border-top:1px solid var(--line)}.mk-report .details-actions{flex-shrink:0}.mk-report .mk-note{max-width:75ch}@media(max-width:650px){.mk-report-latest,.mk-report-row{align-items:stretch;flex-direction:column;gap:8px}.mk-report .details-actions button{flex:1}}

/* Shared content rows align metric boxes even when card introductions wrap. */
.mk-channel-grid>.mk-channel{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;align-items:start}.mk-channel-intro{min-width:0;align-self:stretch;display:flex;flex-direction:column}.mk-channel-intro>.mk-channel-hero{flex:1}.mk-channel-intro>.tag{display:inline-block;align-self:flex-start;font-size:11px}.mk-channel-heading>div{min-width:0;overflow-wrap:anywhere}.mk-channel-body{min-width:0}.mk-channel .mk-details{margin-top:0;align-self:end}.mk-channel-linkedin .mk-channel-icon{color:#bce1ff;background:#164565}


.header-refresh{display:flex;align-items:center;gap:7px;min-height:38px;padding:6px 12px;font-size:13px;white-space:nowrap}.header-refresh>span:first-child{font-size:22px;line-height:1}@media(max-width:620px){.header-refresh{min-width:38px;min-height:38px;padding:6px;justify-content:center}.refresh-label{display:none}.admin-preview select{max-width:120px}}@media(max-width:380px){.admin-preview select{max-width:100px}}


/* Account controls stay compact; the dropdown remains in normal keyboard order. */
.site-footer{display:flex;align-items:center;gap:20px;text-align:left}.site-footer>span{flex:1;text-align:center}.user-menu{position:relative;flex-shrink:0;z-index:35;margin:0}
.user-menu>summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;padding:9px 12px;min-height:42px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:13px;font-weight:650}
.user-menu>summary::-webkit-details-marker{display:none}.user-menu>summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.user-menu[open]>summary{background:var(--panel2);color:var(--ink)}
.user-menu-panel{position:absolute;left:0;bottom:calc(100% + 8px);max-height:calc(100dvh - 140px);overflow-y:auto;width:min(292px,calc(100vw - 26px));display:grid;gap:10px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:var(--shadow)}
.user-menu-panel>strong{font-size:17px}.user-menu-panel>.muted{font-size:12px}.user-menu-panel button{width:100%;font-size:13px;min-height:44px}.user-menu-panel .account-signout{border:0;border-top:1px solid var(--line);border-radius:0;background:none;color:var(--muted);text-align:left;justify-content:flex-start;margin-top:4px;padding:15px 0 0}
.theme-picker{min-width:0;border:0;padding:0;margin:8px 0;display:flex;gap:8px}.theme-picker legend{color:var(--muted);font-size:12px;margin-bottom:8px}.theme-picker button{flex:1;min-width:0;width:auto;border:1px solid var(--line);background:var(--input);color:var(--muted);font-weight:650}.theme-picker button[aria-pressed=true]{background:var(--panel2);color:var(--ink);border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}
.admin-access-intro{display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-access-intro h3{margin-bottom:5px}.admin-access-intro button{flex-shrink:0}
.access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.access-card{margin:0;min-width:0}.access-heading{display:flex;justify-content:space-between;align-items:start;gap:10px;flex-wrap:wrap}.access-heading h3{font-size:21px;margin:0}.access-heading .tag{font-size:11px;white-space:normal}.access-email{font-size:13px;overflow-wrap:anywhere}.access-role{display:block;margin-top:20px}.access-rights{margin:20px 0}.access-rights>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:9px 0;font-size:13px}.access-rights dd{margin:0;font-weight:750}.access-yes{color:var(--green)}.access-screens{font-size:13px;margin:16px 0}.access-screens summary{cursor:pointer;color:var(--muted)}.access-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.access-chips span{padding:5px 9px;background:var(--panel2);border-radius:7px;font-size:12px}.access-card>small{display:block;font-size:12px;line-height:1.6}.access-overview>.message,.access-overview>div>.message{margin-top:18px}
@media(max-width:700px){.access-grid{grid-template-columns:1fr}.admin-access-intro{align-items:start;flex-direction:column}.admin-access-intro button{width:100%}.user-menu>summary{padding:8px 10px;font-size:12px}}

/* Light theme: explicit surfaces and semantic status colours, leaving print layouts intact. */
@media screen{
 html[data-theme=light]{color-scheme:light;--bg:#f4f7fb;--panel:#fff;--panel2:#eaf1f7;--input:#fff;--line:#cfdae5;--ink:#182e43;--muted:#50677b;--blue:#0878b8;--green:#14745a;--shadow:0 12px 40px #19375018}
 html[data-theme=light] body{background:radial-gradient(ellipse 100% 65% at 50% 0%,#e4eff8 0%,#f4f7fb 65%);color:var(--ink)}
 html[data-theme=light] :is(a,.eyebrow,.brand-live,.quick-card strong,.quick-card .icon,.feature-status>.icon,.connection-link,.mk-kicker,.mk-trend,.plan-end){color:#08699f}
 html[data-theme=light] :is(button,input,select,a,summary):focus-visible{outline-color:#0878b8}
 html[data-theme=light] .site-header{background:#f9fbfe;border-color:var(--line)}
 html[data-theme=light] .brand img{filter:brightness(0)}
 html[data-theme=light] :is(.brand-live,input,select,.line-table td,.line-table th,.plan-scroll,.plan-day,.plan-slot,.plan-slot:nth-child(2n),.plan-pending,.plan-detail-row,.plan-history,.mk-plan-table th,.mk-plan-table td,.mk-metrics>div,.mk-channel-hero,.marketing-report .marketing-metric){border-color:var(--line)}
 html[data-theme=light] :is(label,.section-heading,.line-table th,.order p.job-title,.order-hero p,.mk-label,.mk-plan-table td:nth-child(2),.plan-pending-title,.plan-form label){color:var(--ink)}
 html[data-theme=light] :is(.version,footer,.nav-button,.tile small,.mk-cadence,.mk-details summary,.mk-plan-table th,.mk-channel .mk-metrics dt,.order-filters label,.order-extra-filters summary,.plan-day-heading small,.plan-axis){color:var(--muted)}
 html[data-theme=light] input::placeholder{color:#687c8e}
 html[data-theme=light] :is(input,select,textarea,.plan-form input,.plan-form select,.finance-period input){color-scheme:light;background:var(--input);color:var(--ink);border-color:var(--line)}
 html[data-theme=light] button.primary{background:#086fa8;color:#fff;border-color:#086fa8}
 html[data-theme=light] button.primary:hover{background:#075784}
 html[data-theme=light] :is(button.secondary,.details-actions button){background:#e8f1f8;color:#174e73;border-color:#b5ccde}
 html[data-theme=light] :is(button.secondary:hover,.details-actions button:hover){background:#d7e8f5}
 html[data-theme=light] :is(.workspace-banner,.order-hero){background:linear-gradient(120deg,#e2eff9,#fff);border-color:#bed3e4}
 html[data-theme=light] :is(.tile,.tile.dark){background:linear-gradient(145deg,#fff,#edf4fa);border-color:#c5d6e5;color:var(--ink);box-shadow:0 3px 12px #19375008}
 html[data-theme=light] .tile.primary-tile{background:linear-gradient(130deg,#d2e9fa,#edf6fc);border-color:#89b8d8}
 html[data-theme=light] :is(.tile:hover,.tile.active){background:#dfedf8;border-color:#639cc4}
 html[data-theme=light] :is(.tile strong,.tile-top strong){color:#123e60}
 html[data-theme=light] .tile-top>.icon{color:#17669a;background:#dceefa}
 html[data-theme=light] :is(.quick-card,.summary-stat,.pair,.operation-card,.plan-agenda,.plan-dialog,.marketing-report,.mk-kpi,.mk-plan-summary,.mk-insight,.mk-channel .mk-metrics>div){background:var(--panel);color:var(--ink);border-color:var(--line)}
 html[data-theme=light] .order:hover{background:#eaf3fa;border-color:#8cb5d1}
 html[data-theme=light] .bottom-nav{background:#f9fbfef5;border-color:var(--line)}
 html[data-theme=light] :is(.nav-button.active,.nav-button:hover){background:#dcecf8;color:#155a85}
 html[data-theme=light] :is(.feedback,.message,.readiness-panel){background:#e7f2fb;color:#214b6a;border-color:#a8c8de}
 html[data-theme=light] .feedback.error{background:#fff0f1;color:#922e3c;border-color:#dfa5ae}
 html[data-theme=light] .feedback.ok{background:#e5f5ed;color:#1b604b;border-color:#a4cfbb}
 html[data-theme=light] :is(.readiness-panel strong,.readiness-panel p){color:#214b6a!important}
 html[data-theme=light] .preview-banner{background:#e2ecf8;color:#243f61;border-color:#aec4df}
 html[data-theme=light] .tag{background:#e5f1fa;color:#205d83;border-color:#adcce0}
 html[data-theme=light] .tag.draft{background:#fff3d9;color:#78541b;border-color:#dfc28a}
 html[data-theme=light] :is(.tag.done,.connection-grid .tag.ready){background:#e4f4eb;color:#216947;border-color:#a4ceb7}
 html[data-theme=light] .estimate-missing{background:#fff3d9!important;color:#78541b!important;border-color:#dfc28a!important}
 html[data-theme=light] .empty{color:var(--muted);border-color:var(--line)}
 html[data-theme=light] .secret{color:#126893!important}
 html[data-theme=light] :is(.plan-week,.plan-slot){background:#f0f3f7}
 html[data-theme=light] :is(.plan-corner,.plan-day-heading,.plan-axis){background:#e8eff5;border-color:var(--line)}
 html[data-theme=light] .plan-day-heading.today{background:#cbe6f8}
 html[data-theme=light] .plan-slot.working{background:#fff}
 html[data-theme=light] .plan-slot.drop-target{background:#d4edfc;outline-color:#2486bd}
 html[data-theme=light] .plan-card{background:#17658f;color:white;border-color:#094f7a}
 html[data-theme=light] .plan-card.k2{background:#885423;border-color:#693b11}
 html[data-theme=light] .plan-filters .active{background:#176b9b;color:#fff;border-color:#176b9b}
 html[data-theme=light] .mk-note{color:#786020}
 html[data-theme=light] .mk-insight{border-left-color:#2195ce}
 html[data-theme=light] .mk-channel-icon{background:#e3f0fa;color:#18639a;border-color:#bfd5e5}
 html[data-theme=light] .mk-channel-instagram .mk-channel-icon{background:#fbe8f2;color:#a33471}
 html[data-theme=light] .mk-channel-analytics .mk-channel-icon{background:#fff1dc;color:#8d5b16}
 html[data-theme=light] .mk-channel-business .mk-channel-icon{background:#e0f3eb;color:#246f53}
 html[data-theme=light] .connection-link:hover{color:#10466c}
}

/* Compact operational follow-up, sharing the existing dark/light palette. */
.followup-stack{display:grid;gap:16px;margin:18px 0}.followup-section>summary{font-size:17px;font-weight:700;cursor:pointer;padding:4px 0}.followup-section[open]>summary{margin-bottom:16px}.followup-section .followup-section{margin-top:14px}.followup-section .work-form{margin-top:14px}.followup-row{padding:14px 0;border-bottom:1px solid var(--line,#354259)}.followup-row:last-child{border-bottom:0}.followup-row p{margin:7px 0}.work-field:has(input[type=checkbox]){display:flex;align-items:flex-start;gap:12px;flex-direction:row-reverse;justify-content:flex-end;font-weight:400}.work-field input[type=checkbox]{width:20px;min-width:20px;height:20px;margin:0}.message-card.unread{border-left:4px solid var(--accent,#48a9ed)}.message-card{margin-bottom:12px}.message-card button{margin-top:12px}.order-next-date{font-weight:650;color:var(--text,#edf3ff)}.plan-agenda-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin-bottom:10px}.plan-agenda-wrap .plan-agenda{margin:0}.report-photo-names{overflow-wrap:anywhere}textarea[readonly]{opacity:.9;min-height:130px}.followup-section .work-form textarea{width:100%}.followup-section .work-form button{justify-self:start}@media(max-width:620px){.plan-agenda-wrap{grid-template-columns:1fr}.plan-agenda-wrap>button:last-child{justify-self:start}.followup-section .work-form button{width:100%}}
@media(max-width:700px){.site-footer{flex-direction:column;align-items:flex-start;gap:16px}.site-footer>span{text-align:left;line-height:1.7}}
@media print{.user-menu{display:none!important}}

/* Account menu has its own fixed slot to the left of the main navigation. */
.bottom-nav{padding-left:112px;padding-right:112px}
.bottom-nav>.user-menu{position:absolute;left:12px;bottom:calc(14px + env(safe-area-inset-bottom))}
.bottom-nav .user-menu-panel{max-height:calc(100dvh - 110px)}
@media(max-width:700px){.bottom-nav{padding-left:56px;padding-right:5px}.bottom-nav>.user-menu{left:8px;bottom:calc(13px + env(safe-area-inset-bottom))}.bottom-nav .user-menu>summary{width:40px;min-height:44px;padding:8px;justify-content:center;font-size:20px}.account-menu-label{display:none}.bottom-nav .nav-button{min-width:0;font-size:9px;padding-inline:1px}}

/* Metricool detail: one channel per column, across the full content width. */
.source-grid.metricool-detail{grid-template-columns:minmax(0,1fr);margin-top:18px}
.metricool-detail>.panel{min-width:0}
.metricool-report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0;align-items:start}
.metricool-report-grid>.marketing-report{min-width:0;margin:0;height:100%}
.metricool-report-grid .marketing-metric{align-items:start;gap:12px}
.metricool-report-grid .marketing-metric>span{min-width:0;flex:1;font-size:13px}
.metricool-report-grid .marketing-metric>strong{max-width:58%;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:19px}
.metricool-report-grid .marketing-report>.muted{line-height:1.6;overflow-wrap:anywhere}
.metricool-report-grid .tag{white-space:normal}
@media(max-width:1099px){.metricool-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:739px){.metricool-report-grid{grid-template-columns:minmax(0,1fr);gap:12px}.metricool-detail>.panel{padding:14px}.metricool-report-grid>.marketing-report{padding:15px}}

/* Back mirrors Account on the other side of the bottom navigation. */
.bottom-nav>.bottom-back{position:absolute;right:12px;bottom:calc(14px + env(safe-area-inset-bottom));min-height:42px;padding:8px 12px;font-size:13px}
.bottom-back>span:first-child{font-size:25px;line-height:1}
@media(max-width:700px){.bottom-nav{padding-right:56px}.bottom-nav>.bottom-back{right:8px;bottom:calc(13px + env(safe-area-inset-bottom));width:40px;min-height:44px;padding:8px}.bottom-back .back-label{display:none}.nav-button>span:not(.icon){max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
textarea.sms-text{font-weight:400;line-height:1.6;field-sizing:content;min-height:180px}.followup-section{scroll-margin-top:80px}

/* Dedicated completion forms, including the native mobile camera picker. */
.completion-dialog{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:16px;width:min(720px,calc(100% - 24px));max-width:calc(100% - 24px);max-height:92dvh;padding:24px;overflow:auto;box-sizing:border-box;overscroll-behavior:contain}.completion-dialog::backdrop{background:#020b15c9}.completion-heading{display:flex;gap:12px;align-items:center;justify-content:space-between}.completion-heading h2{font-size:24px;margin:0}.completion-heading button{flex-shrink:0}.completion-order-title{font-weight:600;overflow-wrap:anywhere}.completion-context{border-left:3px solid var(--accent);padding-left:12px;margin:16px 0}.completion-context p{margin:6px 0;overflow-wrap:anywhere}.completion-dialog .work-form{max-width:none;padding:0;background:transparent}.completion-time-fields,.completion-photo-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.completion-dialog input,.completion-dialog select,.completion-dialog textarea{width:100%;min-width:0;box-sizing:border-box}.completion-dialog input[type=file]{font-size:13px;padding:10px;border:1px dashed var(--line);border-radius:8px}.completion-dialog input[type=file]::file-selector-button{border:0;border-radius:5px;background:var(--panel2);color:var(--ink);padding:9px;margin-right:8px;cursor:pointer}.completion-dialog .details-actions{margin:0;gap:8px}.completion-destination{padding:12px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;line-height:1.5}.completion-progress{margin:0;line-height:1.5;overflow-wrap:anywhere}.completion-progress:empty{display:none}.report-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.report-photo-grid:empty{display:none}.report-photo-preview{min-width:0;margin:0;padding:8px;border:1px solid var(--line);border-radius:8px}.report-photo-preview img{width:100%;height:120px;object-fit:cover;border-radius:5px}.report-photo-preview figcaption{font-size:12px;overflow-wrap:anywhere;margin:8px 0}.report-photo-preview button{font-size:12px;width:100%;overflow-wrap:anywhere;padding:8px}.completion-buttons{padding-top:12px;border-top:1px solid var(--line);flex-wrap:wrap}.completion-dialog :disabled{opacity:.65}.hour-shortcuts button{min-width:68px}
@media(max-width:600px){.completion-dialog{padding:16px;max-height:94dvh}.completion-heading h2{font-size:21px}.completion-time-fields,.completion-photo-fields{grid-template-columns:1fr}.completion-buttons>button{width:100%;min-height:44px}.completion-dialog .completion-heading button{padding:10px}.completion-dialog .work-field{min-width:0}.completion-dialog input{font-size:16px}}


/* Compact shared heading for every role's workspace. */
.welcome{flex-wrap:wrap;gap:14px 28px;margin:0 0 18px}
.welcome-identity{flex:1 1 240px;min-width:0}
.welcome h1{font-size:clamp(26px,3vw,32px);margin:4px 0;overflow-wrap:anywhere}
.welcome p{margin-top:5px}
#workspace-summary{flex:0 1 auto;max-width:100%}
.workspace-stats{display:flex;align-items:center;margin:0;gap:0}
.workspace-stat{min-width:0;padding:2px 24px;border-left:1px solid var(--line)}
.workspace-stat:first-child{padding-left:0;border-left:0}
.workspace-stat:last-child{padding-right:0}
.workspace-stat dt{font-size:12px;line-height:1.4}
.workspace-stat dd{margin:4px 0 0;font-size:clamp(22px,2.4vw,28px);line-height:1.2;font-weight:800;font-variant-numeric:tabular-nums}
@media(max-width:700px){
 .welcome{gap:12px;margin-bottom:16px}
 .welcome-identity{flex-basis:100%}
 .welcome h1{font-size:26px}
 .welcome p{max-width:none;line-height:1.4}
 #workspace-summary{flex-basis:100%}
 .workspace-stats{align-items:stretch}
 .workspace-stat{flex:1 1 auto;padding:0 10px}
 .workspace-stat dt{font-size:11px}
 .workspace-stat dd{font-size:20px}
}
@media(max-width:380px){.workspace-stat{padding-inline:8px}.workspace-stat dd{font-size:18px}}
.installation-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.installation-group{min-width:0}.installation-group .section-heading{margin-bottom:10px}
.installation-group .order-view-card.order{padding:12px;min-height:0;gap:8px}
.installation-group .order-view-number{font-size:19px}
@media(max-width:700px){.installation-overview{grid-template-columns:minmax(0,1fr);gap:20px}}

.plan-card.aana{background:#226747;border-color:#83e5ae}.plan-agenda.aana{border-left-color:#83e5ae}
.plan-filters{flex-wrap:wrap}.plan-team-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0 0 12px;font-size:12px;font-weight:650}
.plan-team-key{display:inline-flex;align-items:center;gap:7px}.plan-team-key:before{content:'';display:inline-block;width:11px;height:11px;border-radius:3px;background:#61caff;border:1px solid currentColor}
.plan-team-key.k2:before{background:#ffbc70}.plan-team-key.aana:before{background:#83e5ae}
html[data-theme=light] .plan-card.aana{background:#226747;color:white;border-color:#164b31}
html[data-theme=light] .plan-agenda.aana{border-left-color:#226747}
@media(max-width:700px){.plan-filters{width:100%}.plan-filters button{flex:1 1 calc(50% - 6px);padding:9px 8px;font-size:12px}}

@media(max-width:700px){.plan-toolbar .plan-filters{flex:1 0 100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.plan-toolbar .plan-filters button{width:100%;min-width:0;padding:9px 8px;font-size:12px}}

.order-contact-filter{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin:0 0 12px}.order-contact-filter>span{font-size:12px;margin-right:4px}.order-contact-filter button{min-height:38px;padding:7px 15px;font-size:14px}.order-contact-filter button[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--blue)}
@media(max-width:620px){.order-contact-filter{justify-content:flex-start;margin-bottom:10px}.order-contact-filter button{flex:1;min-height:40px;padding:7px 10px}}


/* Reconciliation totals double as category filters. */
button.report-count{padding:14px 18px;gap:5px;text-align:left;color:var(--ink);font-weight:400;justify-content:flex-start;min-width:0}
button.report-count strong{font-size:1.7rem;line-height:1.2}button.report-count span{font-size:.85rem;line-height:1.4}
button.report-count:hover{border-color:var(--blue)}button.report-count[aria-pressed=true]{background:var(--panel2);border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}
button.report-count:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.report-filter-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:-6px 0 12px}.report-filter-controls button{min-height:38px;padding:7px 13px;font-size:.85rem}.report-filter-controls span{font-size:.85rem}
.report-filter-controls button[aria-pressed=true]{border-color:var(--blue)}
@media(max-width:700px){button.report-count{padding:12px;gap:4px}button.report-count strong{font-size:1.5rem}}


/* Account and sync information stay in the shared page header. */
.site-header{height:auto;min-height:62px;padding-block:8px;flex-wrap:wrap;gap:6px 20px}
.header-identity{flex:1 1 220px;min-width:0}
.header-identity-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px}
.header-identity #who-name{font-size:16px;line-height:1.2;font-weight:800}
.header-identity #who-role{font-size:10px;line-height:1.3;letter-spacing:.08em}
.header-identity #last-sync{margin:3px 0 0;font-size:10px;line-height:1.35;overflow-wrap:anywhere}
#app-view>#workspace-summary{margin-bottom:18px}
@media(max-width:900px){.header-identity{order:3;flex-basis:100%}.site-header{gap:4px 12px}}
@media(max-width:620px){.site-header{min-height:59px;padding-block:5px}.header-identity #who-name{font-size:14px}.header-identity #who-role{font-size:9px}.header-identity #last-sync{margin-top:2px}}

/* Contact filter joins the desktop header; mobile keeps its content toolbar. */
.header-contact-slot{display:contents}
@media(min-width:901px){
 .header-actions .order-contact-filter{margin:0;gap:5px;flex-shrink:0}
 .header-actions .order-contact-filter>span{font-size:11px;margin-right:2px;white-space:nowrap}
 .header-actions .order-contact-filter button{min-height:34px;padding:6px 10px;font-size:12px}
}
@media(min-width:901px) and (max-width:1200px){
 .header-identity{flex-basis:150px}
 .header-actions{gap:9px}
 .header-actions>.version,.admin-preview label{display:none}
}


.auth-card .remember-login{display:flex;align-items:flex-start;gap:10px;margin:16px 0;font-size:14px;line-height:1.45}.auth-card .remember-login input{width:18px;min-height:18px;height:18px;margin:2px 0 0;flex:0 0 18px;accent-color:var(--accent,#3d92e5)}.remember-login small{display:block;font-size:12px;margin-top:3px}