/* DineSpark ruby identity for staff tools. Workflow colors stay semantic. */
:root{
 --brand-red:#EA1D2C;--brand-accent:var(--brand-red);--brand-soft:#FCE9EC;--action:#E31B2B;--action-hover:#C81727;--link:#B31222;
 --ink:#2B211B;--muted:#6B5B53;--paper:#FFFFFF;--card:#FFFFFF;--surface-subtle:#FFF8F2;
 --line:#E3D4C9;--line-strong:#C9B5A7;--control-border:#806D61;--focus:#2B211B;--selection:#FCE9EC;
 --accent:var(--action);--accent-hover:var(--action-hover);--accent-border:var(--link);--accent-hover-border:var(--action-hover);--accent-soft:var(--amber-soft);
 --amber:#875000;--amber-ink:#875000;--amber-soft:#FFF0D6;--amber-border:#EAD2A7;
 --green:#1E6B52;--green-soft:#E4F2E8;--green-border:#B9D9C6;
 --blue:#334E88;--blue-soft:#E7EDF9;--purple:#614082;--purple-soft:#F0EAF8;
 --red:#7D352B;--red-soft:#FFF2EE;--red-border:#E5BDB2;
 --button-primary-bg:var(--action);--button-primary-hover:var(--action-hover);--button-primary-border:var(--action);
 --button-secondary-bg:var(--card);--button-secondary-hover:var(--surface-subtle);--button-secondary-border:var(--line-strong);--button-secondary-text:var(--ink);
 --button-danger-bg:var(--red-soft);--button-danger-hover:var(--red-soft);--button-danger-border:var(--red-border);--button-danger-text:var(--red);
 --tv-bg:#191919;--tv-surface:#262626;--tv-line:#4B4B4B;--tv-muted:#D5D5D5;--tv-overdue-bg:#342B1A;
 --tv-info:#88BAF1;--tv-ready:#69D7B1;--tv-warning:#F4C263;--tv-error:#FFB1A5;
}
.primary-button,.card-actions .action-primary,.ops-button.primary,#tv-pair-form .ops-button.primary,.staff-create-details>summary{border-color:var(--action);background:var(--action);color:#fff}
.primary-button:hover:not(:disabled),.card-actions .action-primary:hover:not(:disabled),.ops-button.primary:hover:not(:disabled),#tv-pair-form .ops-button.primary:hover:not(:disabled),.staff-create-details>summary:hover,.staff-create-details>summary:active{border-color:var(--action-hover);background:var(--action-hover);color:#fff}
.quiet-button,.admin-inline-button,.card-actions button,.ops-quiet,.ops-button:not(.primary),.admin-product-row>[data-admin-action="edit-product"],.staff-admin-edit,.category-directory-edit{border-color:var(--button-secondary-border);background:var(--button-secondary-bg);color:var(--button-secondary-text)}
.quiet-button:hover:not(:disabled),.admin-inline-button:hover:not(:disabled),.card-actions button:hover:not(:disabled),.ops-quiet:hover,.ops-button:not(.primary):hover,.admin-product-row>[data-admin-action="edit-product"]:hover:not(:disabled),.staff-admin-edit:hover,.category-directory-edit:hover{border-color:var(--link);background:var(--selection);color:var(--link)}
.admin-remove-button,.visit-close-action,.card-actions .action-danger{border-color:var(--button-danger-border);background:var(--button-danger-bg);color:var(--button-danger-text)}
.admin-remove-button:hover:not(:disabled),.visit-close-action:hover:not(:disabled),.card-actions .action-danger:hover:not(:disabled){border-color:var(--red);background:var(--red-soft);color:var(--red)}
.primary-nav-link.active,.admin-subnav-link.active,.drawer-link[aria-current="page"]{border-color:var(--line);background:var(--selection);color:var(--link)}
.drawer-link[aria-current="page"]>svg{color:var(--link)}
.primary-nav-link.active .count,.admin-filter-count,.customer-menu-preview-count{background:var(--selection);color:var(--link)}
.admin-filter-trigger,.admin-result-count,#category-editor>summary,#category-editor>summary.category-editor-trigger,#category-editor[open]>summary.category-editor-trigger{border-color:var(--line-strong);background:var(--surface-subtle);color:var(--ink)}
#category-editor>summary::before,#category-editor>summary.category-editor-trigger::before{background:var(--link);color:#fff}
#category-editor[open]>summary::before,#category-editor[open]>summary.category-editor-trigger::before{background:#fff;color:var(--link)}
.admin-product-row>[data-admin-action="edit-product"]{border-color:var(--line-strong)}
.staff-admin-row{border-left-color:var(--line-strong)}
select:not([multiple]):focus{border-color:var(--brand-red)}
select:not([multiple]):focus-visible{outline:2px solid var(--focus);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-red) 22%,transparent)}
input[type="checkbox"],.ops-page input[type="checkbox"],.media-provenance-controls .media-ai-toggle input{accent-color:var(--action)}
.auth-help-link,.suggestion-manage-videos,.ops-link{color:var(--link)}
.admin-media-preview-video:focus-visible{outline-color:var(--focus)}
.media-library-item:has([aria-pressed="true"]){border-color:var(--brand-red);background:var(--brand-soft)}
.media-ai-library-tag{border-color:color-mix(in srgb,var(--brand-red) 42%,var(--line));background:var(--brand-soft);color:var(--ink)}
.media-ai-library-tag--ai{border-color:var(--amber-border);background:var(--amber-soft);color:var(--amber-ink)}
.media-ai-library-tag--not-ai{border-color:var(--green-border);background:var(--green-soft);color:var(--green)}
.status-pill.pending,.status-pill.awaiting_waiter{background:var(--amber-soft);color:var(--amber-ink)}
.admin-product-row[data-publication-status="draft"]{border-left-color:var(--amber-border)}
.admin-publication-status{background:var(--amber-soft);color:var(--amber-ink)}
.category-archive-impact{border-color:var(--amber-border);background:var(--amber-soft);color:var(--amber-ink)}
.request-card[data-request-type="bill"]{border-color:var(--amber-border);border-left-color:var(--amber);background:var(--amber-soft)}
.request-card[data-request-type="bill"] .request-icon{background:var(--amber);color:#fff}
.request-card[data-request-type="bill"] .status-pill{background:#fff;color:var(--amber-ink)}
.request-card[data-request-type="waiter"]{border-color:var(--blue);border-left-color:var(--blue);background:var(--blue-soft)}
.request-card[data-request-type="waiter"] .request-icon{background:var(--blue);color:#fff}
.request-card[data-request-type="waiter"] .status-pill{background:#fff;color:var(--blue)}
.dashboard-view[data-role="kitchen"] .kitchen-order-line{border-left-color:var(--line-strong)}
.dashboard-view[data-role="kitchen"] .kitchen-quantity{background:var(--ink);color:#fff}
.ops-button.primary{border-color:var(--action);background:var(--action);color:#fff}
.ops-button.primary:hover:not(:disabled){border-color:var(--action-hover);background:var(--action-hover)}
.ops-quiet:hover,.ops-button:not(.primary):hover{border-color:var(--link);background:var(--selection);color:var(--link)}
.ops-pair-code{background:var(--brand-soft);color:var(--ink)}
.ops-link{color:var(--link)}
.ops-page input[type="file"]::file-selector-button{border:1px solid var(--line-strong);background:var(--card);color:var(--ink)}
.ops-page input[type="file"]::file-selector-button:hover{border-color:var(--link);background:var(--selection);color:var(--link)}
.tv-app{background:var(--tv-bg);color:#fff}
.tv-app header{border-color:color-mix(in srgb,var(--tv-line) 58%,var(--tv-bg))}
.tv-app .tv-logo{color:#fff}.tv-app .tv-logo span{background:var(--action);color:#fff}
.tv-app select,.tv-app input{border-color:var(--tv-line);background:var(--tv-surface);color:#fff}
.tv-app .tv-pair p,.tv-app .tv-heading p{color:var(--tv-muted)}
.tv-app .tv-pair a{color:#fff;text-decoration-thickness:2px;text-underline-offset:3px}
.tv-app #tv-pair-error{color:var(--tv-error)}
.tv-app .tv-card{background:var(--tv-surface);border-left-color:var(--tv-info)}
.tv-app .tv-card[data-status="ready"]{border-color:var(--tv-ready)}
.tv-app .tv-card[data-status="awaiting_waiter"]{border-color:var(--tv-warning)}
.tv-app .tv-card.overdue{border-color:var(--tv-warning);background:var(--tv-overdue-bg)}
.tv-app .tv-card .tv-age{color:#fff}.tv-app .tv-empty{color:var(--tv-muted)}.tv-app .tv-empty h2{color:#fff}
.tv-app #tv-pages .ops-button,.tv-app .tv-sound .ops-quiet{border-color:var(--tv-line);background:var(--tv-surface);color:#fff}
.tv-app button:focus-visible,.tv-app a:focus-visible,.tv-app select:focus-visible,.tv-app input:focus-visible{outline:3px solid #fff;outline-offset:4px}

/* Shared icons and final palette alignment for staff screens. */
.ds-icon{display:block;width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.has-icon{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.icon-only-control{display:inline-grid!important;place-items:center!important;width:44px!important;min-width:44px!important;height:44px;min-height:44px!important;padding:0!important}
.icon-only-control .ds-icon{width:19px;height:19px}
.card-actions .has-icon{min-height:44px}
.admin-icon-button .ds-icon{width:18px;height:18px}
#category-editor>summary,#category-editor>summary.category-editor-trigger,#category-editor[open]>summary.category-editor-trigger{border-color:var(--line-strong);background:var(--surface-subtle);color:var(--ink)}
#category-editor>summary::before,#category-editor>summary.category-editor-trigger::before{background:var(--action);color:#fff}
#category-editor[open]>summary,#category-editor[open]>summary.category-editor-trigger{border-color:var(--link);background:var(--selection);color:var(--link)}
#category-editor[open]>summary::before,#category-editor[open]>summary.category-editor-trigger::before{background:#fff;color:var(--link)}
#category-editor>.admin-category-form{border-color:var(--line);background:var(--surface-subtle)}
.admin-filter-trigger{border-color:var(--line-strong);background:var(--surface-subtle);color:var(--ink)}
.admin-filter-trigger::after{color:var(--muted)}
.admin-result-count,.admin-filter-count{background:var(--selection);color:var(--link)}
.admin-product-row>[data-admin-action="edit-product"]{border-color:var(--line-strong);background:var(--button-secondary-bg);color:var(--button-secondary-text)}
.admin-product-row>[data-admin-action="edit-product"]:hover:not(:disabled){border-color:var(--link);background:var(--selection);color:var(--link)}
.menu-toggle{color:var(--ink)}
.menu-toggle svg{stroke:currentColor}
.ops-status{color:var(--green)}
.ops-toolbar[data-state="offline"] .ops-status,.ops-toolbar[data-state="expired"] .ops-status{color:var(--red)}
.brand-preview{background:var(--surface-subtle)}
.connection i,.live-clock i{box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 12%,transparent)}
.close-control{display:grid!important;place-items:center;flex:none;width:48px;min-width:48px;height:48px;min-height:48px;padding:0!important;font-size:32px;line-height:1}
.close-control.icon-only-control{width:48px!important;min-width:48px!important;height:48px;min-height:48px!important}
.close-control .ds-icon{width:26px;height:26px;stroke-width:2.2}
.item-editor-dialog .close-control{font-size:32px}