/* Workflow additions use the established Bright Counter tokens. */
[hidden]{display:none!important}
#networkPill{border:0;background:transparent;font:inherit;padding:8px;border-radius:var(--radius-control);cursor:pointer}
#networkPill:hover{background:var(--bg-space)}
.workflow-order-list{display:grid;gap:16px;margin-top:20px}
.workflow-order{padding:18px 0;border-bottom:1px solid var(--border-color)}
.workflow-order h3{font-size:var(--type-body);overflow-wrap:anywhere}
.workflow-order p{margin:8px 0;overflow-wrap:anywhere}
.workflow-order .ops-heading{margin-bottom:8px}
.text-action{color:var(--teal);background:transparent;border:0;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.workflow-preparation-status{font-size:var(--type-support);color:var(--teal);margin-top:6px}
.variant-stock-inputs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.variant-stock-inputs input{width:100%;min-width:0}
#variantInventoryEditor fieldset{border:0;padding:12px 0;margin:0}
#variantInventoryEditor legend{font-size:var(--type-support);padding-top:12px}
#ordersModuleView>input{width:100%;max-width:560px;margin-top:8px}
#drawerWorkspaceBody>.feature-form,#drawerWorkspaceBody .ops-section>.feature-form{max-width:580px}
#drawerWorkspaceBody .ops-facts{margin:20px 0;max-width:680px}
#returnLines>select{width:100%;margin:8px 0 20px}
#returnLines>label{font-size:var(--type-support)}
#receiptNewSale.primary-action{background:var(--teal);color:white}
#tools-demo>.checkbox-label{margin:20px 0}
#tools-demo>.action-row{margin-top:16px}
.receipt-dialog>.receipt-modal-body{padding:6px;scroll-padding:12px}
#receiptEmailForm{margin-top:24px;padding:20px 4px 8px;border-top:1px solid var(--border-color);gap:12px}
#receiptEmailForm h4{font-size:var(--type-body)}
#receiptEmailForm .modal-subtitle{margin:0;max-width:60ch}
#receiptEmailForm label{margin:4px 0 0}
#receiptEmailForm .action-row{margin-top:4px}
#receiptEmailForm .primary-action{background:var(--teal);color:var(--bg-surface)}
#receiptEmailForm .primary-action:hover{background:var(--teal-hover)}
.receipt-email-status{margin-top:20px;padding:12px;background:var(--bg-space);border-radius:var(--radius-control);font-size:var(--type-support);overflow-wrap:anywhere}
.kitchen-screen .kds-ticket-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr));align-items:stretch}
.kitchen-ticket{gap:12px}
.kitchen-ticket header{gap:8px}
.kitchen-ticket .kitchen-status{display:inline-flex;padding:4px 8px;border-radius:4px;background:var(--bg-space);font-size:var(--type-support);font-weight:600}
.kitchen-ticket[data-status=active] .kitchen-status{background:var(--amber-muted);color:var(--amber)}
.kitchen-ticket[data-status=preparing] .kitchen-status{background:var(--teal-muted);color:var(--teal)}
.kitchen-ticket[data-status=completed] .kitchen-status{background:var(--bg-space);color:var(--emerald)}
.kitchen-ticket .kitchen-timing{margin:0;font-variant-numeric:tabular-nums}
.kitchen-ticket .kitchen-ticket-lines{margin:4px 0 8px}
.kitchen-ticket .is-cancelled strong{text-decoration:line-through;color:var(--text-muted)}
.kitchen-ticket-lines .kitchen-cancellation{color:var(--red);font-size:var(--type-support)}
.kitchen-ticket .action-row{margin-top:auto;padding-top:12px;gap:8px}
.kitchen-ticket .action-row>button{min-height:44px}
/* Commands size to their labels. Payment bars and segmented options retain their own layouts. */
.action-row{align-items:center;justify-content:flex-start}
.action-row>button,.ops-workspace .action-row>button{flex:0 1 auto;min-width:0;width:auto;max-width:100%;padding:10px 14px;line-height:1.35}
.feature-form>button,.showcase-modal>.btn-pay-dominant{align-self:flex-start;width:auto;max-width:100%;padding-inline:18px}
.feature-form>.btn-pay-dominant,.showcase-modal>.btn-pay-dominant{min-height:44px}
.receipt-actions{flex-wrap:wrap;align-items:center}
.receipt-actions>button{flex:0 1 auto;width:auto;min-width:0;padding-inline:14px}
.tools-tabs.action-row{flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:8px;flex-shrink:0}
.tools-tabs.action-row>button{flex:0 0 auto;min-height:44px;white-space:nowrap;padding:10px 12px}
#tools-demo>.action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;justify-items:start;gap:12px}
#tools-demo>.action-row>button{width:auto;text-align:start}
#catalogModuleView .catalog-management-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}
#catalogModuleView .catalog-management-actions>.primary-action{width:auto;grid-column:auto}
#catalogEditor .btn-pay-dominant{flex:0 1 auto!important;width:auto;padding-inline:18px}
#modalItemModifierBackdrop [onclick="confirmAddCustomizedItemInShowcase()"]{width:auto;flex:0 0 auto;max-width:65%}
#ordersModuleView>label{display:block}
.workflow-order>.action-row{margin-top:16px}
.queue-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--border-color)}
.queue-entry>div{min-width:0}.queue-entry small{display:block;color:var(--text-muted);font-size:var(--type-support);margin-top:4px}
#demoConflictNotice{position:fixed;z-index:1200;inset:auto 16px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-card);box-shadow:var(--shadow-overlay)}
#demoConflictNotice button{flex:0 0 auto}
@media(min-width:1001px) and (max-height:850px){
  .product-card{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;padding:10px}
  .product-card>.product-photo{width:64px;aspect-ratio:1;border-radius:var(--radius-control)}
  .product-card>.product-info{padding:0;min-width:0;gap:6px}
  .product-title{min-height:0}.product-meta{flex-wrap:wrap}
}
@media(min-width:681px) and (max-height:850px){
  .mobile-header{padding:10px 14px 6px}.mobile-header p{display:none}
  .mobile-status{padding:4px 14px}.mobile-omni-bar{padding:6px 14px 0}
  .mobile-search-row{padding:8px 14px}.mobile-cat-scroller{padding:0 14px 8px;min-height:44px}
  .mobile-products-count{padding:0 14px 6px}.mobile-catalog-scroll{padding-inline:14px}
  .mobile-bottom-dock{flex-direction:row;align-items:center;padding:10px 14px;gap:12px}
  .mobile-ticket-button{flex:1;min-width:0;gap:8px;flex-wrap:wrap;text-align:start}
  .mobile-pay-bar{width:auto;min-width:150px;gap:8px}
}
@media(max-width:680px){.workflow-order .ops-heading{align-items:flex-start;flex-wrap:wrap}.variant-stock-inputs{gap:4px}.app-header .register-tools-button{font-size:var(--type-support)}.register-tools-button .tools-label{display:inline}.workflow-order{padding:14px 0}#demoConflictNotice{flex-wrap:wrap}}

/* The workspace selector is the single route to activity and demo tools on small screens. */
@media(max-width:680px){
  body:not([data-device=desktop]) .workspace-bar{display:flex;padding:8px 12px;justify-content:flex-end}
  body:not([data-device=desktop]) .workspace-bar>div:first-child{display:none}
  body:not([data-device=desktop]) .workspace-controls{max-width:100%;width:100%}
  body:not([data-device=desktop]) .workspace-controls select{max-width:none;width:100%}
}