/* QC v3 visual system — explicit Light/Dark status palettes + full-width responsive layouts */
:root{
  --v3-bg:#f3f7fb;--v3-surface:#fff;--v3-surface2:#f7fafc;--v3-text:#142b40;--v3-muted:#64798d;--v3-line:#dbe6ef;--v3-primary:#0877dc;--v3-primary2:#0b5da8;--v3-shadow:0 8px 24px rgba(18,59,104,.07);
  --st-ex-bg:#e5f7ef;--st-ex-fg:#067358;--st-ex-line:#80cdb5;
  --st-good-bg:#e8f3ff;--st-good-fg:#0b5da8;--st-good-line:#8ebde7;
  --st-action-bg:#fff0ef;--st-action-fg:#a92318;--st-action-line:#e4aaa5;
  --st-neutral-bg:#edf2f6;--st-neutral-fg:#53687c;--st-neutral-line:#c8d5df;
  --st-progress-bg:#fff6df;--st-progress-fg:#865900;--st-progress-line:#e5c779;
}
html[data-theme="dark"]{
  --v3-bg:#061526;--v3-surface:#0a223a;--v3-surface2:#0d2b47;--v3-text:#f3f8fc;--v3-muted:#adc0cf;--v3-line:#2b4d68;--v3-primary:#299df3;--v3-primary2:#74c7ff;--v3-shadow:none;
  --st-ex-bg:#0a4636;--st-ex-fg:#72e2b6;--st-ex-line:#267b62;
  --st-good-bg:#0b3d66;--st-good-fg:#8bd3ff;--st-good-line:#296b9a;
  --st-action-bg:#502522;--st-action-fg:#ffaaa3;--st-action-line:#8d4a44;
  --st-neutral-bg:#263d52;--st-neutral-fg:#d1deE8;--st-neutral-line:#49647a;
  --st-progress-bg:#55420f;--st-progress-fg:#ffdc75;--st-progress-line:#8b722b;
}
body{background:var(--v3-bg)!important;color:var(--v3-text)!important}.main{max-width:none!important;width:auto!important;background:var(--v3-bg)!important}.main #view{max-width:none!important;width:100%!important}.card,.section,.setting,.task,.floor,.panel,.note-item,.qc-v3-section,.qc-daily-task,.qc-office-state-card,.qc-current-item,.qc-history-row,.qc-note-v3{background:var(--v3-surface)!important;color:var(--v3-text)!important;border-color:var(--v3-line)!important;box-shadow:var(--v3-shadow)!important}.muted,.micro{color:var(--v3-muted)!important}

/* Explicit state colors — separate palettes for light and dark modes */
.qc-status-pill,.qc-office-status{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 10px;border:1px solid;border-radius:999px;font-size:12.5px;font-weight:900;line-height:1.3;white-space:nowrap}
.qc-status-pill.excellent,.qc-office-status.excellent,.qc-v3-choice button.sel.excellent,.qc-office-choice button.sel.excellent{background:var(--st-ex-bg)!important;color:var(--st-ex-fg)!important;border-color:var(--st-ex-line)!important}
.qc-status-pill.good,.qc-office-status.good,.qc-v3-choice button.sel.good,.qc-office-choice button.sel.good{background:var(--st-good-bg)!important;color:var(--st-good-fg)!important;border-color:var(--st-good-line)!important}
.qc-status-pill.action,.qc-office-status.action,.qc-v3-choice button.sel.action,.qc-office-choice button.sel.action,.qc-daily-status button.sel.action{background:var(--st-action-bg)!important;color:var(--st-action-fg)!important;border-color:var(--st-action-line)!important}
.qc-status-pill.notstarted,.qc-office-status.notstarted,.qc-status-pill.partial,.qc-office-status.partial{background:var(--st-neutral-bg)!important;color:var(--st-neutral-fg)!important;border-color:var(--st-neutral-line)!important}
.qc-status-pill.progress,.qc-daily-status button.sel.progress{background:var(--st-progress-bg)!important;color:var(--st-progress-fg)!important;border-color:var(--st-progress-line)!important}
.qc-status-pill.completed,.qc-daily-status button.sel.completed{background:var(--st-ex-bg)!important;color:var(--st-ex-fg)!important;border-color:var(--st-ex-line)!important}
.qc-daily-status button.sel.notstarted{background:var(--st-neutral-bg)!important;color:var(--st-neutral-fg)!important;border-color:var(--st-neutral-line)!important}
html[data-theme="dark"] .status button.sel[data-st="completed"],html[data-theme="dark"] .status button.sel[data-st="excellent"]{background:var(--st-ex-bg)!important;color:var(--st-ex-fg)!important;border-color:var(--st-ex-line)!important}html[data-theme="dark"] .status button.sel[data-st="action"]{background:var(--st-action-bg)!important;color:var(--st-action-fg)!important;border-color:var(--st-action-line)!important}html[data-theme="dark"] .status button.sel[data-st="progress"]{background:var(--st-progress-bg)!important;color:var(--st-progress-fg)!important;border-color:var(--st-progress-line)!important}html[data-theme="dark"] .status button.sel[data-st="notstarted"]{background:var(--st-neutral-bg)!important;color:var(--st-neutral-fg)!important;border-color:var(--st-neutral-line)!important}

/* Every interactive state stays visible in both modes */
button:focus-visible,.btn:focus-visible,.inp:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid color-mix(in srgb,var(--v3-primary) 38%,transparent)!important;outline-offset:2px!important}button:disabled,.btn:disabled{opacity:.48!important;cursor:not-allowed!important}.btn.soft{background:var(--v3-surface2)!important;color:var(--v3-primary2)!important;border:1px solid var(--v3-line)!important}.btn.soft:hover:not(:disabled){border-color:color-mix(in srgb,var(--v3-primary) 45%,var(--v3-line))!important;background:color-mix(in srgb,var(--v3-primary) 8%,var(--v3-surface2))!important}.btn.primary{background:var(--v3-primary)!important;color:#fff!important}.btn.primary:hover:not(:disabled){filter:brightness(1.06)}.btn.danger{background:var(--st-action-bg)!important;color:var(--st-action-fg)!important;border:1px solid var(--st-action-line)!important}.inp,input,select,textarea{background:var(--v3-surface)!important;color:var(--v3-text)!important;border-color:var(--v3-line)!important}.inp::placeholder,input::placeholder,textarea::placeholder{color:var(--v3-muted)!important;opacity:.82}.tabs,.filter,.filterbar,.uploadbox,.old-status,.empty{background:var(--v3-surface2)!important;color:var(--v3-text)!important;border-color:var(--v3-line)!important}.tabs button{color:var(--v3-muted)!important}.tabs button.on{background:var(--v3-surface)!important;color:var(--v3-primary2)!important;box-shadow:var(--v3-shadow)!important}

/* Reference-inspired navigation, readable sizes */
.side{width:228px!important;padding:18px 12px!important;background:linear-gradient(180deg,#07518f 0%,#063a70 40%,#08233f 100%)!important}.main{margin-right:228px!important;padding:22px 22px 36px!important;min-height:100vh}.side h2{font-size:17px!important;color:#fff!important;margin:7px 8px 15px!important}.side #who{color:#c0d4e4!important;font-size:12.5px!important}.nav{display:grid!important;gap:5px!important}.nav button{min-height:42px!important;margin:0!important;padding:9px 11px!important;border:1px solid transparent!important;border-radius:10px!important;color:#dceaf5!important;font-size:14px!important;font-weight:750!important}.nav button:hover{background:rgba(17,115,202,.36)!important;color:#fff!important}.nav button.on{background:linear-gradient(90deg,rgba(15,126,224,.82),rgba(14,82,148,.86))!important;border-color:rgba(104,192,255,.42)!important;color:#fff!important}.top{min-height:64px;margin-bottom:18px!important;padding-bottom:10px;border-bottom:1px solid var(--v3-line)}.top h1{font-size:24px!important;color:var(--v3-text)!important}.tools .btn,.qc-theme-toggle{min-height:40px!important}

.qc-v3-loading,.qc-v3-empty{padding:34px 16px;text-align:center;border:1px dashed var(--v3-line);border-radius:14px;background:var(--v3-surface2);color:var(--v3-muted)}.qc-dashboard-v3,.qc-daily-shell,.qc-weekly-shell,.qc-office-state-shell,.qc-office-view,.qc-office-editor,.qc-team-v3{display:grid;gap:14px}.qc-v3-section{border:1px solid var(--v3-line);border-radius:17px;padding:18px}.qc-v3-section.compact{padding:15px 18px}.qc-v3-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.qc-v3-section-head>div:first-child>span{display:block;color:var(--v3-muted);font-size:12.5px;font-weight:800}.qc-v3-section-head h2{margin:2px 0 0;font-size:20px;line-height:1.4}.qc-v3-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.qc-v3-kpi{display:flex;flex-direction:column;align-items:flex-start;text-align:right;min-height:108px;padding:15px;border:1px solid var(--v3-line);border-radius:14px;background:var(--v3-surface);color:var(--v3-text);box-shadow:var(--v3-shadow)}button.qc-v3-kpi{cursor:pointer}.qc-v3-kpi:hover{border-color:color-mix(in srgb,var(--v3-primary) 40%,var(--v3-line))}.qc-v3-kpi span{font-size:13.5px;font-weight:800;color:var(--v3-muted)}.qc-v3-kpi b{margin:5px 0 3px;font-size:27px;line-height:1.1}.qc-v3-kpi small{font-size:12px;color:var(--v3-muted)}.qc-v3-kpi.primary-card b{color:var(--v3-primary2)}.qc-v3-kpi.action b,.danger-text{color:var(--st-action-fg)!important}.excellent-text{color:var(--st-ex-fg)!important}.qc-v3-inline-stat{display:flex;align-items:center;gap:12px}.qc-v3-inline-stat b{font-size:28px;color:var(--st-progress-fg)}.qc-v3-inline-stat span{color:var(--v3-muted);font-weight:700}

.qc-v3-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border:1px solid #275574;border-radius:17px;background:linear-gradient(135deg,#07182a 0%,#0a3154 58%,#07518f 100%);color:#fff}.qc-v3-hero>div:first-child>span{font-size:10.5px;font-weight:900;letter-spacing:1.7px;color:#71c2ff}.qc-v3-hero h2{margin:3px 0 5px;font-size:23px}.qc-v3-hero p{margin:0;max-width:760px;color:#c5d8e7;font-size:13.5px;line-height:1.7}.qc-date-nav{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.qc-date-nav .inp{width:155px!important;background:#fff!important;color:#17334c!important}.qc-floor-select{width:180px!important}.qc-v3-count,.qc-readonly-badge{padding:5px 10px;border-radius:999px;background:var(--v3-surface2);border:1px solid var(--v3-line);color:var(--v3-muted);font-size:12.5px;font-weight:850}

/* Daily work */
.qc-daily-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.qc-daily-task{padding:15px!important;border-radius:15px!important}.qc-daily-task-head{display:flex;justify-content:space-between;gap:12px}.qc-daily-task h3{margin:0;font-size:16px}.qc-daily-task-head p{margin:2px 0 0;color:var(--v3-muted);font-size:12px}.qc-save-state{align-self:flex-start;min-height:27px;padding:4px 8px;border-radius:8px;background:var(--st-neutral-bg);color:var(--st-neutral-fg);font-size:11.5px;font-weight:850}.qc-save-state.saving{background:var(--st-progress-bg);color:var(--st-progress-fg)}.qc-save-state.saved{background:var(--st-ex-bg);color:var(--st-ex-fg)}.qc-save-state.error{background:var(--st-action-bg);color:var(--st-action-fg)}.qc-daily-status,.qc-v3-choice{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:12px 0}.qc-daily-status button,.qc-v3-choice button{min-height:43px;border:1px solid var(--v3-line);border-radius:10px;background:var(--v3-surface2);color:var(--v3-muted);font-size:12.5px;font-weight:900;cursor:pointer}.qc-v3-choice{grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.qc-daily-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.qc-daily-fields label,.qc-daily-note{display:grid;gap:5px;color:var(--v3-muted);font-size:12.5px;font-weight:800}.qc-daily-note{margin-top:9px}.qc-daily-note textarea{min-height:76px;resize:vertical}.qc-daily-image{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.qc-v3-image-line{display:flex;align-items:center;gap:8px;color:var(--v3-muted);font-size:12px}.qc-v3-image-line img,.qc-current-photo img,.qc-history-row img,.qc-note-v3 img{width:72px;height:56px;object-fit:cover;border:1px solid var(--v3-line);border-radius:9px;background:var(--v3-surface2)}.qc-event-list{display:grid;gap:7px}.qc-event-row{display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:10px;width:100%;text-align:right;border:1px solid var(--v3-line);border-radius:12px;padding:11px 13px;background:var(--v3-surface);color:var(--v3-text);cursor:pointer}.qc-event-row:hover{background:var(--v3-surface2)}.qc-event-row div{display:grid}.qc-event-row small,.qc-event-time{color:var(--v3-muted);font-size:12px}

/* Weekly display-only */
.qc-week-days{display:grid;gap:8px}.qc-week-day{display:grid;grid-template-columns:minmax(180px,1fr) minmax(260px,1fr) auto;align-items:center;gap:12px;width:100%;text-align:right;padding:13px 15px;border:1px solid var(--v3-line);border-radius:12px;background:var(--v3-surface);color:var(--v3-text);cursor:pointer}.qc-week-day:hover{background:var(--v3-surface2);border-color:color-mix(in srgb,var(--v3-primary) 35%,var(--v3-line))}.qc-week-day>div:first-child{display:grid;gap:2px}.qc-week-day>div:first-child span{color:var(--v3-muted);font-size:12.5px}.qc-week-day-stats{display:flex;gap:13px;justify-content:flex-start}.qc-week-day-stats span{color:var(--v3-muted);font-size:12.5px}.qc-week-day-stats b{color:var(--v3-text)}.qc-week-day i{color:var(--v3-primary2);font-style:normal;font-weight:900}

/* Office current state + reinspection */
.qc-office-state-toolbar{display:grid;grid-template-columns:180px minmax(230px,1fr);gap:9px;padding:13px!important}.qc-filter-pills{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap}.qc-filter-pills button{min-height:38px;padding:7px 12px;border:1px solid var(--v3-line);border-radius:999px;background:var(--v3-surface2);color:var(--v3-muted);font-size:12.5px;font-weight:850;cursor:pointer}.qc-filter-pills button.on{background:var(--v3-primary)!important;color:#fff!important;border-color:var(--v3-primary)!important}.qc-office-state-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.qc-office-state-card{padding:15px!important;cursor:pointer;transition:transform .16s ease,border-color .16s ease}.qc-office-state-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--v3-primary) 40%,var(--v3-line))!important}.qc-office-state-top,.qc-office-current-dates,.qc-office-card-action{display:flex;align-items:center;justify-content:space-between;gap:8px}.qc-office-state-card h3{margin:13px 0 4px;font-size:16.5px}.qc-office-state-card>p{margin:0;color:var(--v3-muted);font-size:12.5px}.qc-office-current-dates{margin-top:14px;padding-top:11px;border-top:1px solid var(--v3-line);font-size:12px;color:var(--v3-muted)}.qc-office-current-dates>span:first-child{display:grid}.qc-office-current-dates b{color:var(--v3-text)}.qc-office-card-action{margin-top:11px;color:var(--v3-primary2);font-size:12.5px}.qc-office-card-action button{border:1px solid var(--v3-line);background:var(--v3-surface2);color:var(--v3-muted);border-radius:8px;padding:5px 8px;font-weight:800;cursor:pointer}.qc-office-code{background:color-mix(in srgb,var(--v3-primary) 10%,var(--v3-surface))!important;color:var(--v3-primary2)!important;border-color:color-mix(in srgb,var(--v3-primary) 30%,var(--v3-line))!important}.qc-office-view-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:18px;border:1px solid #285572;border-radius:16px;background:linear-gradient(135deg,#07182a,#0a3154);color:#fff}.qc-office-view-head h2{margin:4px 0 2px;font-size:21px}.qc-office-view-head p{margin:0;color:#bfd3e3;font-size:12.5px}.qc-office-head-status,.qc-office-actions{display:flex;gap:7px;flex-wrap:wrap}.qc-office-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.qc-office-meta-grid>div{display:grid;gap:3px;padding:12px;border:1px solid var(--v3-line);border-radius:12px;background:var(--v3-surface)}.qc-office-meta-grid span{color:var(--v3-muted);font-size:11.5px;font-weight:800}.qc-office-meta-grid b{font-size:13px}.qc-current-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.qc-current-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px;border:1px solid var(--v3-line);border-radius:11px}.qc-current-item b{font-size:13.5px}.qc-current-note{margin-top:11px;padding:12px;border-radius:11px;background:var(--v3-surface2);border:1px solid var(--v3-line)}.qc-current-note p{margin:4px 0 0}.qc-current-photo{margin-top:11px}.qc-current-photo img{width:min(360px,100%);height:auto;max-height:280px}.qc-office-edit-items{display:grid;gap:9px}.qc-office-edit-row{display:grid;grid-template-columns:minmax(160px,.65fr) minmax(360px,1.35fr);align-items:center;gap:13px;padding:13px 15px;border:1px solid var(--v3-line);border-radius:13px;background:var(--v3-surface)}.qc-office-edit-row>div:first-child{display:flex;align-items:center;gap:9px}.qc-office-edit-row>div:first-child>span{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--v3-primary) 10%,var(--v3-surface));color:var(--v3-primary2);font-size:11px;font-weight:900}.qc-office-finalbar{position:sticky;bottom:10px;z-index:4;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid var(--v3-line);border-radius:13px;background:color-mix(in srgb,var(--v3-surface) 94%,transparent);backdrop-filter:blur(10px);box-shadow:0 10px 28px rgba(8,40,70,.12)}.qc-office-finalbar>span{text-align:center;color:var(--v3-muted);font-size:12.5px}.qc-history-list{display:grid;gap:8px}.qc-history-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border:1px solid var(--v3-line);border-radius:12px}.qc-history-row>div{display:grid}.qc-history-row>div span{color:var(--v3-muted);font-size:12px}.qc-history-row p{grid-column:1/-1;margin:3px 0}.qc-history-row img{grid-column:1/-1;width:110px;height:80px}

/* Team / notes / settings */
.qc-team-list,.qc-notes-v3{display:grid;gap:8px}.qc-team-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--v3-line);border-radius:12px;background:var(--v3-surface)}.qc-team-row>div:first-child{display:grid}.qc-team-row span{color:var(--v3-muted);font-size:12px}.qc-note-v3{display:grid;grid-template-columns:1fr auto;gap:7px;padding:12px;border:1px solid var(--v3-line);border-radius:12px}.qc-note-v3>div{display:grid}.qc-note-v3>div span{font-size:12px;color:var(--v3-muted)}.qc-note-v3 p{grid-column:1/-1;margin:3px 0}.qc-note-v3 img{grid-column:1/-1}.qc-setting-line{display:grid;grid-template-columns:100px auto auto;align-items:center;gap:8px}.qc-month-pick{width:170px!important}

/* Modal */
.qc-v3-modal{position:fixed;inset:0;z-index:330;display:grid;place-items:center;padding:18px;background:rgba(5,20,34,.72)}.qc-v3-modal-box{position:relative;width:min(570px,100%);padding:21px;border:1px solid var(--v3-line);border-radius:18px;background:var(--v3-surface);color:var(--v3-text);box-shadow:0 24px 70px rgba(0,0,0,.25)}.qc-v3-modal-box h3{margin:0 0 14px}.qc-v3-modal-box>label{display:grid;gap:5px;margin-top:9px;font-size:12.5px;font-weight:800}.qc-v3-modal-x{position:absolute;left:12px;top:12px;width:38px;height:38px;border:1px solid var(--v3-line);border-radius:9px;background:var(--v3-surface2);color:var(--v3-text);font-size:22px;cursor:pointer}.qc-v3-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.qc-v3-form-grid label{display:grid;gap:5px;font-size:12.5px;font-weight:800}.qc-v3-modal-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}

/* Dark audit of legacy and v3 surfaces */
html[data-theme="dark"] .auth,html[data-theme="dark"] .mobile,html[data-theme="dark"] .modalbox{background:var(--v3-bg)!important;color:var(--v3-text)!important}html[data-theme="dark"] .login,html[data-theme="dark"] .modalbox,html[data-theme="dark"] .qc-v3-modal-box{background:var(--v3-surface)!important;border-color:var(--v3-line)!important;color:var(--v3-text)!important}html[data-theme="dark"] .kpi,html[data-theme="dark"] .floor,html[data-theme="dark"] .task,html[data-theme="dark"] .setting,html[data-theme="dark"] .note-item,html[data-theme="dark"] .qc-office-item,html[data-theme="dark"] .qc-office-kpis>div{background:var(--v3-surface)!important;border-color:var(--v3-line)!important;color:var(--v3-text)!important;box-shadow:none!important}html[data-theme="dark"] .kpi>span:first-child,html[data-theme="dark"] .qc-office-kpis span{color:var(--v3-muted)!important}html[data-theme="dark"] .bar,html[data-theme="dark"] .qc-office-progress{background:#29445c!important}html[data-theme="dark"] .qc-office-filters button,html[data-theme="dark"] .filter button,html[data-theme="dark"] .status button,html[data-theme="dark"] .qc-office-choice button{background:var(--v3-surface2)!important;color:#d6e3ed!important;border-color:var(--v3-line)!important}html[data-theme="dark"] .qc-office-filters button.on{background:var(--v3-primary)!important;color:#fff!important;border-color:var(--v3-primary)!important}html[data-theme="dark"] .row{border-color:var(--v3-line)!important}html[data-theme="dark"] .pill,html[data-theme="dark"] .code{background:var(--v3-surface2)!important;color:var(--v3-text)!important;border-color:var(--v3-line)!important}

@media(min-width:1500px){.qc-office-state-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.qc-daily-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1180px){.qc-v3-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.qc-office-state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qc-daily-grid{grid-template-columns:1fr}.qc-office-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qc-current-items{grid-template-columns:repeat(2,minmax(0,1fr))}.qc-office-edit-row{grid-template-columns:1fr}}
@media(max-width:900px){.side{display:none!important}.main{margin-right:0!important;padding:15px 11px calc(88px + env(safe-area-inset-bottom))!important}.mobile{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;background:var(--v3-surface)!important;border-top:1px solid var(--v3-line)!important;box-shadow:0 -5px 18px rgba(4,25,45,.12)}.mobile button{min-height:55px!important;padding:7px 3px!important;color:var(--v3-muted)!important;font-size:12.5px!important;font-weight:750!important;border-radius:9px}.mobile button.on{background:color-mix(in srgb,var(--v3-primary) 12%,var(--v3-surface))!important;color:var(--v3-primary2)!important}.qc-v3-hero{align-items:flex-start;flex-direction:column}.qc-date-nav{width:100%}.qc-date-nav .inp{flex:1;width:auto!important}.qc-v3-section-head{align-items:flex-start}.qc-office-state-toolbar{grid-template-columns:1fr}.qc-filter-pills{grid-column:auto;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.qc-filter-pills button{white-space:nowrap}.qc-office-state-grid{grid-template-columns:1fr}.qc-office-view-head{grid-template-columns:1fr}.qc-office-view-head>.btn{width:100%}.qc-office-meta-grid{grid-template-columns:1fr 1fr}.qc-week-day{grid-template-columns:1fr auto}.qc-week-day-stats{grid-column:1/-1}.qc-week-day i{grid-column:2;grid-row:1}.qc-event-row{grid-template-columns:1fr auto}.qc-event-time{grid-column:1/-1;order:3}.qc-current-items{grid-template-columns:1fr}.qc-office-finalbar{bottom:76px;grid-template-columns:1fr 1fr}.qc-office-finalbar>span{grid-column:1/-1;order:-1}.qc-office-finalbar #officeCommitV3{grid-column:1/-1}.qc-v3-modal{align-items:end;padding:0}.qc-v3-modal-box{max-height:92dvh;overflow:auto;border-radius:19px 19px 0 0;padding-bottom:calc(18px + env(safe-area-inset-bottom))}}
@media(max-width:560px){.top{align-items:flex-start;flex-direction:column}.tools{width:100%}.qc-v3-section{padding:14px}.qc-v3-section-head{flex-direction:column}.qc-v3-kpis{gap:8px}.qc-v3-kpi{min-height:96px;padding:12px}.qc-v3-kpi b{font-size:23px}.qc-daily-fields{grid-template-columns:1fr}.qc-daily-status{grid-template-columns:repeat(2,minmax(0,1fr))}.qc-v3-choice{grid-template-columns:1fr}.qc-v3-choice button{min-height:46px}.qc-office-meta-grid{grid-template-columns:1fr}.qc-office-edit-row{padding:12px}.qc-office-actions{width:100%}.qc-office-actions .btn{flex:1}.qc-setting-line{grid-template-columns:1fr auto}.qc-setting-line .btn{grid-column:1/-1}.qc-v3-form-grid{grid-template-columns:1fr}.qc-week-day-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.qc-team-row{align-items:flex-start;flex-direction:column}.qc-v3-hero h2{font-size:20px}.qc-v3-hero{padding:17px}.qc-date-nav button{flex:1}.qc-date-nav .inp{flex:1 1 100%;order:-1}.qc-event-row{padding:10px}.qc-status-pill{font-size:12px}}