.admin-shell,.auth-page{--sidebar:#f8f5f3;--surface:#fff;--board:#f7f8f8;--column:#fafafa;--ink:#242424;--muted:#626262;--line:#e3e3e3;--card-line:#e5e5e5;--active:#df553b;--focus:#086c9c}.admin-shell{color:var(--ink);background:var(--board);font-size:var(--text-body);line-height:var(--leading-body);grid-template-columns:240px minmax(0,1fr);height:100dvh;font-weight:400;display:grid;position:relative;overflow:hidden}.admin-shell .sr-only{inset-block-start:0;inset-inline-start:0}.admin-shell.rail-shell{grid-template-columns:64px minmax(0,1fr)}.admin-shell *,.admin-shell :before,.admin-shell :after{box-sizing:border-box}.admin-shell button,.admin-shell select,.admin-shell input{font:inherit}.admin-shell button,.admin-shell select{cursor:pointer}.admin-shell button:disabled{cursor:not-allowed}.admin-shell :is(button,input,select,a,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:2px}.admin-shell button{transition:border-color .14s,background-color .14s}.admin-sidebar{background:var(--sidebar);border-inline-end:1px solid var(--line);flex-direction:column;min-width:0;height:100%;padding:0 12px 14px;display:flex}.sidebar-brand{border-block-end:1px solid var(--line);min-height:64px;margin:0 -12px 12px;padding:10px 16px}.brand-copy strong{font-size:18px;line-height:24px}.brand-copy p{font-size:var(--text-caption);color:var(--muted)}.admin-shell .icon-button{border:1px solid var(--line);background:var(--surface);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:20px;display:inline-flex}.admin-shell .icon-button:hover{border-color:var(--muted)}.nav-item{text-align:start;width:100%;min-height:38px;color:var(--muted);white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;margin-block:2px;padding:8px 12px;display:flex}.nav-item.active{color:var(--ink);background:var(--surface);border-color:#0000;font-weight:600}.nav-count{background:var(--sidebar);color:var(--ink);font-size:var(--text-caption);border-radius:4px;margin-inline-start:auto;padding-inline:5px}.collapsed .nav-count{display:none}.nav-separator{border-block-start:1px solid var(--line);margin-block-start:12px;padding-block-start:12px}.sidebar-exclusion{font-size:var(--text-caption);color:var(--muted);padding:12px}.collapsed{padding-inline:8px}.collapsed .sidebar-brand{margin-inline:-8px;padding-inline:14px}.collapsed :is(.brand-copy,.nav-label,.sidebar-exclusion){display:none}.collapsed .nav-item{justify-content:center;padding-inline:0}.admin-workspace{flex-direction:column;min-width:0;min-height:0;display:flex}.admin-header{background:var(--surface);border-block-end:1px solid var(--line);min-height:56px;padding:8px 16px}.admin-header h1{font-size:16px;font-weight:600;line-height:24px}.admin-shell select{background:var(--surface);border:1px solid var(--line);border-radius:8px;max-width:100%;min-height:34px;padding:4px 8px}.branch-controls{min-width:0}.branch-controls>.animated-select{width:240px;max-width:100%}.branch-status{color:#42663a;font-size:var(--text-caption);white-space:nowrap;background:#f0f5ed;border-radius:4px;padding:1px 5px}.notification-preview{color:var(--muted);border:1px solid var(--line);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.mobile-nav{display:none!important}.toolbar-wrap{background:var(--surface);border-block-end:1px solid var(--line);position:relative}.orders-toolbar{min-height:56px;padding:10px 16px}.search-field{background:var(--surface);border:1px solid var(--line);width:240px;min-height:34px;color:var(--muted);border-radius:8px;padding-inline:10px}.search-field input{width:100%;min-width:0;height:32px;color:var(--ink);background:0 0;border:0}.search-field input::placeholder{color:var(--muted)}.search-field input::-webkit-search-cancel-button{display:none}.clear-search{flex-shrink:0;width:26px;font-size:18px!important}.view-switch .icon-button{color:var(--muted);border-color:#0000}.view-switch .icon-button[aria-pressed=true]{border-color:var(--line);color:var(--ink);background:var(--column)}.toolbar-secondary{margin-inline-start:auto}.toolbar-secondary label{font-size:12px}.toolbar-secondary>.animated-select{width:240px}.filter-popover>label{min-width:0;max-width:100%}.filter-popover .animated-select{width:240px;max-width:100%}.filter-button,.filter-popover button,.empty-state button{background:var(--surface);border:1px solid var(--line);border-radius:8px;min-height:34px;padding:4px 10px}.filter-popover{border-block-start:1px solid var(--line);padding:12px 16px}.filter-popover label{color:var(--muted);gap:4px;display:grid}.demo-notice{background:var(--sidebar);border-block-end:1px solid var(--line);font-size:var(--text-caption);color:var(--muted);flex-wrap:wrap;gap:4px 16px;padding:5px 16px;display:flex}.demo-notice strong{color:var(--ink);font-weight:500}.board-scroll{flex:1;min-width:0;min-height:0;padding:12px;overflow:auto hidden}.demo-order-board{grid-template-columns:repeat(4,minmax(240px,1fr));gap:12px;min-width:996px;height:100%;display:grid}.order-column{background:var(--column);border:1px solid var(--line);border-block-start:3px solid;border-radius:10px;flex-direction:column;min-width:0;min-height:0;display:flex}.column-header{border-block-end:1px solid var(--line);flex-shrink:0;min-height:38px;padding-inline:12px 6px}.column-header h2{font-size:14px;font-weight:500;line-height:22px}.column-count{border:1px solid var(--line);line-height:17px;font-size:var(--text-caption);color:var(--muted);background:var(--surface);border-radius:4px;margin-inline-start:6px;padding-inline:4px;display:inline-block}.column-header button{width:26px;height:28px;color:var(--muted);border-radius:4px;font-size:16px}.column-add:disabled{color:var(--muted)}.column-menu[aria-pressed=true]{background:var(--line)}.column-body{scrollbar-width:thin;flex-direction:column;flex:1;gap:10px;min-height:0;padding:10px;scroll-padding-block:10px;display:flex;overflow-y:auto}.order-card{background:var(--surface);border:1px solid var(--card-line);border-radius:12px;flex-shrink:0;min-width:0;padding:12px;box-shadow:0 1px 2px #00000004}.order-card:hover{border-color:#b6b6b6}.order-card h3{min-width:0;font-size:13px;font-weight:500;line-height:22px}.order-details-button{text-align:start;overflow-wrap:anywhere;border-radius:2px}.order-id{border:1px solid var(--line);color:var(--muted);font-size:var(--text-caption);border-radius:4px;flex-shrink:0;padding-inline:4px;line-height:18px}.order-meta{color:var(--muted);font-size:var(--text-caption);margin-block:2px 12px}.order-meta>span{margin-inline:2px}.item-placeholder{border:1px solid var(--line);background:var(--column);width:36px;height:36px;color:var(--muted);border-radius:7px;justify-content:center;align-items:center;display:flex}.item-name{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:21px;display:-webkit-box;overflow:hidden}.item-options{color:var(--muted);font-size:var(--text-caption);overflow-wrap:anywhere;line-height:18px}.order-footer{border-block-start:1px solid var(--line);font-size:var(--text-caption);color:var(--muted);margin-block-start:12px;padding-block-start:8px}.order-footer small{font-size:var(--text-caption)}.empty-state{text-align:center;color:var(--muted);padding:20px 8px;font-size:12px}.empty-state button{margin-block-start:12px}.orders-list{flex:1;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-content:start;gap:12px;min-height:0;padding:12px;display:grid;overflow-y:auto}.orders-list .empty-state{grid-column:1/-1}.list-status{border:1px solid var(--line);border-radius:4px;padding-inline:4px;display:inline-block}.admin-foundation-link{border-block-start:1px solid var(--line);background:var(--surface);font-size:var(--text-caption);color:var(--muted);flex-shrink:0;gap:12px;padding:3px 16px;display:flex}.admin-foundation-link a{text-decoration:underline}.admin-shell dialog{color:var(--ink);background:var(--surface);border:0;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0}.admin-shell dialog::backdrop{background:#00000038}.details-dialog{width:420px;position:fixed;inset-block:0;inset-inline:auto 0}.details-dialog[open]{flex-direction:column;display:flex}.details-header{border-block-end:1px solid var(--line);flex-shrink:0;padding:12px 16px}.details-header h2{font-size:14px;font-weight:600}.details-body{min-height:0;padding:16px;overflow-y:auto}.details-body .item-name{display:block;overflow:visible}.details-demo{background:var(--sidebar);margin-block-end:16px;padding:8px;font-size:12px}.price-breakdown{border-block-start:1px solid var(--line);margin-block:20px;padding-block-start:12px}.price-breakdown h3{margin-block-end:8px;font-weight:600}.price-breakdown li{font-size:var(--text-caption);margin-block:8px}.price-breakdown p{margin-block:10px;font-size:12px}.demo-note{color:var(--muted);margin-block:16px;font-size:12px}.sidebar-dialog{width:240px;position:fixed;inset-block:0;inset-inline:0 auto}.mobile-columns{display:none}@media (min-width:768px) and (max-width:1279px){.admin-shell{grid-template-columns:64px minmax(0,1fr)}.toolbar-secondary{margin-inline-start:0}}@media (max-width:767px){.admin-shell,.admin-shell.rail-shell{grid-template-columns:minmax(0,1fr);height:auto;min-height:100dvh;overflow:visible}.admin-header{flex-wrap:wrap;min-height:64px;padding:8px}.admin-header h1{font-size:14px}.mobile-nav{display:inline-flex!important}.branch-controls{gap:4px}.branch-controls>.animated-select{width:168px}.branch-status{font-size:var(--text-caption)}.notification-preview{display:none}.admin-shell .icon-button{width:44px;height:44px}.orders-toolbar{gap:8px;padding:8px}.search-field{width:100%;min-height:44px}.search-field input{height:44px;font-size:14px}.clear-search{min-width:44px;min-height:44px}.toolbar-secondary{gap:4px;margin-inline-start:auto}.toolbar-secondary label{clip-path:inset(50%);width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.admin-shell select,.filter-button,.filter-popover button,.empty-state button{min-height:44px}.toolbar-secondary>.animated-select{width:180px}.filter-button{padding-inline:8px;font-size:12px!important}.demo-notice{z-index:3;font-size:var(--text-caption);gap:2px;padding:8px;position:sticky;inset-block-start:0}.demo-notice>:not(.sr-only){width:100%}.view-switch{display:none}.mobile-columns{grid-template-columns:1fr 1fr;gap:6px;padding:10px 8px 0;display:grid}.mobile-columns button{border:1px solid var(--line);background:var(--surface);border-block-start:3px solid;border-radius:8px;min-height:44px;padding:4px;font-size:12px}.mobile-columns button[aria-pressed=true]{outline:1px solid var(--muted);outline-offset:-4px;font-weight:600}.orders-list{flex-direction:column;padding:10px 8px;display:flex;overflow:visible}.order-details-button{min-height:44px;padding-block:4px}.order-card h3,.item-name{font-size:14px}.item-options,.order-meta{font-size:12px}.details-dialog{width:100vw}.details-header{padding:8px}.price-breakdown li{flex-wrap:wrap}.nav-item{min-height:44px}.admin-foundation-link a{align-items:center;min-height:44px;display:inline-flex}}.admin-shell :is(.brand-copy p,.nav-count,.sidebar-exclusion,.branch-status,.demo-notice,.column-count,.order-id,.order-meta,.item-options,.order-footer,.order-footer small,.empty-state,.admin-foundation-link,.details-demo,.price-breakdown li,.price-breakdown p,.demo-note){font-size:var(--text-caption);line-height:var(--leading-caption)}.admin-shell :is(.order-card h3,.item-name){font-size:var(--text-body);line-height:var(--leading-body)}.admin-shell .item-name{-webkit-line-clamp:unset;display:block;overflow:visible}.admin-shell .brand-copy strong{font-size:var(--text-brand);line-height:var(--leading-brand);font-weight:600}.admin-shell .admin-header h1{font-size:var(--text-page);line-height:var(--leading-page);font-weight:600}.admin-shell :is(.column-header h2,.details-header h2,.price-breakdown h3){font-size:var(--text-section);line-height:var(--leading-section);font-weight:600}.admin-shell :is(button,select){min-height:44px}.admin-shell button{font-size:var(--text-control);line-height:var(--leading-control)}.admin-shell .icon-button{width:44px;height:44px;font-size:20px}.admin-shell .column-header button{min-width:44px;min-height:44px;font-size:16px}.admin-shell :is(input,select,textarea),.admin-shell #branch-preview,.admin-shell #order-sort{font-size:var(--text-input);line-height:var(--leading-input);min-height:44px}.admin-shell .search-field{min-height:44px}.admin-shell .search-field input{height:auto}.admin-shell .nav-item{white-space:normal;overflow-wrap:anywhere}.admin-shell .filter-button{font-size:var(--text-control)!important}.admin-shell .order-footer{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.admin-shell button{transition:none}}
