/* Shared page layout. Inspection card rules are owned by inspection-cards.css. */
.v10 .page {max-width:1100px}
.v10-overview {display:flex;align-items:center;flex-wrap:wrap;gap:8px;justify-content:space-between;min-height:40px;font-size:.8125rem;color:var(--brand-strong)}
.v10-overview>div {display:flex;gap:6px;align-items:center}
.v10-overview h2 {font-size:.875rem;margin:0}
.v10-help {margin-left:auto;position:relative}
.v10-help>summary {list-style:none;cursor:pointer;min-width:44px;min-height:44px;padding:10px;text-align:center}
.v10-help[open] {flex-basis:100%}
.v10-help>div {font-size:.8125rem;color:var(--muted);padding:8px;background:white;border:1px solid var(--line);border-radius:4px}
.v10-help h2 {font-size:.875rem}
.v10-help p {margin:6px 0}
.v10-metrics {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(7rem,100%),1fr));border-block:1px solid var(--line);padding:4px 0}
.v10-metrics>div {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px;padding:6px 8px;min-width:0;border-right:1px solid var(--line)}
.v10-metrics span {font-size:.75rem;color:var(--muted);overflow-wrap:anywhere}
.v10-metrics strong {font-size:1.125rem;overflow-wrap:anywhere}
.v10-auxiliary {display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.75rem;color:var(--muted);padding:6px 0}
.v10-auxiliary>div {display:flex;gap:6px;align-items:center}
.v10-toolbar {display:flex;align-items:start;gap:4px 8px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:10px}
.v10-toolbar .compact-filters {flex:1 1 8rem;min-width:0}
.v10-toolbar .compact-filters[open] {flex-basis:100%}
.v10-toolbar>.link-button {background:none;border:0;color:var(--brand-strong);font-size:.75rem;padding:10px 4px;min-height:44px}
.v10-context {display:flex;flex-wrap:wrap;gap:8px;font-size:.75rem;color:var(--muted);margin:8px 0}
.v10-context div {display:flex;flex-wrap:wrap;gap:4px}
.v10-scope {display:flex;gap:8px;flex-wrap:wrap;font-size:.75rem;color:var(--muted)}
.v10-scope span {display:none}
.v10-stats .v10-metrics strong {font-size:1.4rem}
.v10-stats .v10-metrics>div {display:block}
.v10-stats .v10-metrics span,.v10-stats .v10-metrics strong {display:block}
.v10-states {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(6rem,100%),1fr));background:white;border:1px solid var(--line);border-radius:6px;margin:4px 0 14px}
.v10-states>div {padding:8px;min-width:0}
.v10-states span {display:block;color:var(--muted);font-size:.75rem}
.v10-states strong {font-size:1.125rem}
.v10 .v10-tasks {border:0;background:none;overflow:visible}
.v10 .v10-tasks table,.v10 .v10-tasks tbody {display:block;min-width:0;width:100%}
.v10 .v10-tasks thead {display:none}
.v10 .v10-tasks tbody {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:10px}
.v10 .v10-tasks tr:not(.empty-state-row) {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;gap:4px 10px;padding:10px;background:white;border:1px solid var(--line);border-radius:var(--card-radius);margin:0;box-shadow:var(--card-shadow)}
.v10 .v10-tasks tr>td {display:block;min-width:0;max-width:100%;padding:0;border:0;grid-column:1/-1;font-size:.8125rem;overflow-wrap:anywhere}
.v10 .v10-tasks td::before {content:none}
.v10 .v10-tasks .v10-field-title {order:0;font-size:1rem}
.v10 .v10-tasks .v10-field-title p {margin:3px 0;font-size:.75rem}
.v10 .v10-tasks .v10-field-state {order:1;grid-column:2;justify-self:end}
.v10 .v10-tasks .v10-field-category {order:1;grid-column:1;align-self:center;color:var(--muted);font-size:.75rem}
.v10 .v10-tasks :is(.v10-field-time,.v10-field-store,.v10-field-contact) {order:2;color:var(--muted);font-size:.75rem}
.v10 .v10-tasks .v10-field-problem {order:3;margin:4px 0;color:var(--ink)}
.v10 .v10-tasks .v10-field-note {order:4;color:var(--muted)}
.v10 .v10-tasks .v10-field-note:not(:empty):not(.is-empty-note)::before {content:attr(data-label);display:inline;margin-right:6px;color:var(--muted);font-size:.75rem}
.v10 .v10-tasks .v10-field-photos {order:5;grid-column:auto;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:4px}
.v10 .v10-tasks .v10-field-photos::before {content:attr(data-label);font-size:.875rem;color:var(--muted);display:block}
.v10 .v10-tasks .v10-field-photos .photo-gallery {display:flex;gap:4px;flex-wrap:wrap;margin:0}
.v10 .v10-tasks .photo-thumb-button {width:48px;height:48px;padding:0}
.v10 .v10-tasks .thumb {width:48px;height:48px;object-fit:cover}
.v10 .v10-tasks .v10-field-actions {order:6;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px;margin-top:4px}
.v10 .v10-tasks .v10-field-actions button {font-size:.8125rem;padding:6px 9px}
.v10 .v10-tasks .workbench-next-step {margin-right:auto;font-size:.75rem}
.v10-dashboard .dashboard-filter-panel {border:0;border-radius:0;padding:0;background:none;box-shadow:none;margin-bottom:10px}
.v10-dashboard .dashboard-filter-form {display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.v10-dashboard .dashboard-filter-form>label {flex:1 1 12rem;min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:.8125rem}
.v10-dashboard .dashboard-filter-form>label input {flex:1;min-width:0;max-width:18rem}
.v10-dashboard .dashboard-filter-disclosure {flex:0 1 auto}
.v10-dashboard .dashboard-filter-disclosure[open] {flex-basis:100%}
.v10-dashboard .dashboard-filter-disclosure>summary {width:auto;min-width:44px;text-align:left;min-height:44px;font-size:.8125rem;color:var(--brand-strong)}
.v10-store-options {font-size:.75rem;color:var(--muted)}
.v10-store-options>summary {min-height:44px;padding:10px 0;cursor:pointer}
.v10-dashboard .mobile-dashboard-summary {border:0;border-radius:0;border-block:1px solid var(--line);background:none;box-shadow:none;padding:4px 0}
.v10-dashboard .mobile-dashboard-summary>div {display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:4px;padding:6px}
.v10-dashboard .mobile-dashboard-summary p {display:none}
@media(max-width:820px) {
.v10-dashboard .v10-store-options {display:none}
.v10-dashboard .mobile-dashboard-summary {grid-template-columns:repeat(3,minmax(0,1fr))}
.v10-dashboard .mobile-dashboard-summary span {overflow-wrap:anywhere}
.v10 .v10-tasks .workbench-item-row>td {grid-column:1/-1}
.v10 .v10-tasks .workbench-item-row>.v10-field-photos {grid-column:auto}
.v10 .v10-tasks .workbench-item-row>.v10-field-category {grid-column:1}
.v10 .v10-tasks .workbench-item-row>.v10-field-state {grid-column:2}
}
.compact-ui.v10 .v10-tasks tr.workbench-item-row {grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.compact-ui.v10 .v10-tasks tr.workbench-item-row>td {grid-column:1/-1;max-width:100%;width:auto}
.compact-ui.v10 .v10-tasks tr.workbench-item-row>.v10-field-title {order:0;font-size:1rem}
.compact-ui.v10 .v10-tasks tr.workbench-item-row>.v10-field-category {grid-column:1;order:1}
.compact-ui.v10 .v10-tasks tr.workbench-item-row>.v10-field-state {grid-column:2;order:1}
.compact-ui.v10 .v10-tasks tr.workbench-item-row>.v10-field-time {order:2}
.compact-ui.v10 .v10-tasks tr.workbench-item-row>.v10-field-problem {order:3}
.compact-ui.v10 .v10-tasks tr.workbench-item-row>.v10-field-note {order:4}
.compact-ui.v10 .v10-tasks tr.workbench-item-row>.v10-field-photos {grid-column:auto;order:5}
.compact-ui.v10 .v10-tasks tr.workbench-item-row>.v10-field-actions {order:6;display:flex;padding-top:4px}
.v10-stats .table-wrap:has(.v10-breakdown) {background:transparent;border:0;box-shadow:none;margin:0;border-bottom:1px solid var(--line)}
.v10-breakdown>summary {min-height:44px;padding:12px 0;cursor:pointer;color:var(--brand-strong);font-size:.875rem}
.v10-states {grid-template-columns:repeat(4,minmax(0,1fr))}
.v10-states span {overflow-wrap:anywhere}
@media(max-width:380px) {
.v10-states {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px) {
.compact-ui.v10-dashboard .mobile-dashboard-summary { padding:12px; margin-block:16px 12px; gap:12px; border:1px solid var(--ui-border-accent); border-radius:var(--card-radius); background:var(--neo-overview); grid-template-columns:1.4fr 1fr 1fr; }
.compact-ui.v10-dashboard .mobile-dashboard-summary > div { display:flex; flex-direction:column-reverse; align-items:flex-start; justify-content:flex-end; gap:4px; padding:0; }
.compact-ui.v10-dashboard .mobile-dashboard-summary strong { font-size:1.25rem; line-height:1.3; color:var(--ink); white-space:normal; overflow-wrap:anywhere; }
.compact-ui.v10-dashboard .mobile-dashboard-summary > div:first-child strong { color:var(--brand); }
.compact-ui.v10-dashboard .mobile-dashboard-summary span { font-size:.75rem; font-weight:400; line-height:1.5; }
}
@media(max-width:820px) {
.compact-ui.v10-dashboard.has-figma-overview .mobile-dashboard-summary { gap:10px 8px; grid-template-columns:repeat(3,minmax(0,1fr)); }
.compact-ui.v10-dashboard .figma-overview-heading { grid-column:1/-1; display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.compact-ui.v10-dashboard .figma-overview-heading h2 { margin:0; font-size:1.125rem; line-height:1.3; }
.compact-ui.v10-dashboard .figma-overview-heading span { padding:4px 10px; border-radius:100px; background:var(--panel); color:var(--brand-strong); font-size:.75rem; }
.compact-ui.v10-dashboard .mobile-dashboard-summary > div:first-of-type strong { color:var(--brand); }
.compact-ui.v10-dashboard .mobile-dashboard-summary > .figma-overview-progress { grid-column:1/-1; display:block; height:3px; padding:0; border-radius:100px; background:var(--ui-border-accent); overflow:hidden; }
.compact-ui.v10-dashboard .figma-overview-progress i { display:block; height:100%; background:var(--brand); }
.compact-ui.v10-dashboard .dashboard-filter-panel .dashboard-filter-form { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:8px 10px; margin:0; }
.compact-ui.v10-dashboard.has-figma-overview .dashboard-filter-form > label { display:flex; flex-wrap:wrap; align-items:center; gap:2px 6px; min-height:48px; margin:0; padding:4px 10px 4px 36px; border:1px solid var(--control-line); border-radius:8px; background:var(--panel) url('figma-nav/calendar.svg') 10px center/18px 18px no-repeat; }
.compact-ui.v10-dashboard.has-figma-overview .dashboard-filter-form > label input { flex:1 1 8.5rem; width:100%; min-width:0; min-height:36px; padding:2px 0; border:0; border-radius:0; background:transparent; font-size:.9375rem; }
.compact-ui.v10-dashboard .figma-date-caption { font-size:.75rem; line-height:1.3; color:var(--muted); font-weight:400; }
.compact-ui.v10-dashboard .dashboard-filter-panel .dashboard-filter-disclosure { min-width:0; margin:0; }
.compact-ui.v10-dashboard .dashboard-filter-disclosure > summary { display:flex; gap:6px; width:auto; min-width:76px; min-height:48px; margin:0; padding:8px 10px; border:1px solid var(--control-line); border-radius:8px; background:var(--ui-primary-soft); color:var(--brand-strong); font-size:.875rem; }
.compact-ui.v10-dashboard .dashboard-filter-disclosure > summary::before { content:''; flex:0 0 17px; width:17px; height:17px; background:url('figma-nav/filter.svg') center/17px 17px no-repeat; }
.compact-ui.v10-dashboard .dashboard-filter-disclosure[open] { grid-column:1/-1; padding:10px; border:1px solid var(--line); border-radius:8px; background:var(--panel); }
.compact-ui.v10-dashboard .dashboard-filter-disclosure[open] > summary { width:fit-content; margin-bottom:10px; }
.compact-ui.v10-dashboard .inspection-calendar { grid-column:1/-1; }
.compact-ui.v10-dashboard .inspection-calendar > summary { font-size:.8125rem; font-weight:500; min-height:44px; padding:10px 0; }
.compact-ui.v10-dashboard .dashboard-filter-panel { margin-bottom:12px; }
}
@media(max-width:820px) {
.compact-ui.has-figma-header .brand-mark > .store-switcher { margin:0; padding:0; gap:0; }
.compact-ui.has-figma-header .brand-mark > .store-switcher > span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
}

/* Keep localized overview labels readable; no changes to counters or filters. */
.compact-ui.v10-dashboard .mobile-dashboard-summary span { overflow-wrap:normal; word-break:normal; hyphens:auto; }
.compact-ui.v10-dashboard .figma-overview-heading span { background:var(--panel); }
@media(max-width:820px) {
 .compact-ui.v10-dashboard .mobile-dashboard-summary { margin-block:12px; box-shadow:var(--card-shadow); }
 .compact-ui.v10-dashboard .mobile-dashboard-summary > div { min-width:0; }
}