/* One responsive shell: persistent desktop sidebar; expandable phone/tablet menu. */
html,body,#app{max-width:100%;min-width:0}
.shell,.shell .card,.shell .grid,.shell .two,.shell .fields{min-width:0}
.shell .scroll{max-width:100%;overflow:auto}
.shell>.boutique-nav{width:100%;min-width:0;grid-row:1 / span 200}
.boutique-nav #workspaceMenu[hidden]{display:none!important}
.boutique-nav .workspace-menu-toggle{display:none}
.boutique-nav .nav-section{margin:8px 0;border:0}
.boutique-nav .nav-section summary{cursor:pointer;font-size:.8rem;font-weight:750;letter-spacing:.04em;padding:10px 8px;color:#765f56}
.boutique-nav button{min-height:44px}
.boutique-nav .nav-section-items{display:grid;gap:3px}
.boutique-nav .nav-dashboard-shortcut{width:100%;margin:8px 0;background:#fff;border:1px solid #eaded7;text-align:left;font-weight:700}
.boutique-nav .sidebar-brand img{max-width:150px;height:112px}
@media(min-width:1024px){
 .shell{display:block!important;width:calc(100% - var(--tslw-nav-width,230px));margin:0 0 0 var(--tslw-nav-width,230px);padding:0 24px 28px;max-width:none}
 .shell>*:not(.boutique-nav){grid-column:2;min-width:0;max-width:100%}
 .shell>.boutique-nav{position:fixed;top:0;left:0;bottom:0;width:var(--tslw-nav-width,230px);height:100dvh;overflow:auto;margin:0;padding:12px;background:#fff9f7;border-right:1px solid #eaded7;z-index:20}
}
@media(max-width:1023px){
 html,body{overflow-x:clip}
 .shell{display:flex!important;flex-direction:column;gap:0;width:100%;max-width:980px;margin:auto;padding:0 14px 28px!important}
 .shell>*{width:100%;min-width:0;max-width:100%}
 .shell>.boutique-nav{position:relative;inset:auto;height:auto;min-height:0;display:block;overflow:visible;margin:0 0 10px;padding:8px 0;border-right:0;border-bottom:1px solid #eaded7;background:transparent}
 .boutique-nav .sidebar-brand{display:none}
 .boutique-nav .workspace-menu-toggle{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#f3e7df;font-weight:700;min-height:48px}
 .boutique-nav .nav-dashboard-shortcut{display:flex;align-items:center;gap:12px;width:100%;margin:0 0 10px;min-height:48px;padding:10px 16px;border-radius:14px}
 .workspace-menu-toggle span{font-size:.85rem;font-weight:500}
 .boutique-nav #workspaceMenu{padding:8px 0}
 .boutique-nav .nav-section{border:1px solid #eaded7;border-radius:10px;background:white}
 .boutique-nav .nav-section-items{grid-template-columns:repeat(2,minmax(0,1fr));padding:6px;gap:6px}
 .boutique-nav button{min-height:46px;padding:10px;white-space:normal;text-align:left}
 .boutique-nav .nav-icon{font-size:18px;width:22px;flex:0 0 22px}
 .two,.dashboard-panels{grid-template-columns:minmax(0,1fr)}
 .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hero-script{display:none}
 .workspace-top{padding:14px 0}
 .shell .field input,.shell .field select,.shell .field textarea{font-size:16px}
}
@media(max-width:380px){.boutique-nav .nav-section-items{grid-template-columns:minmax(0,1fr)}}
.bag-workflow-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.bag-workflow-actions button{min-height:44px}
#customerBagBuilder[data-fixed-bag] [data-bag-customer-picker],#customerBagBuilder[data-fixed-bag] #orderBagSelection{display:none}
#dedicatedOrderDetail #customerBagBuilder{box-shadow:none;padding:16px;margin:16px 0;background:#fffaf6;max-width:none}
#dedicatedOrderDetail .order-expanded>details.bag-accounting{margin:12px 0}

.staff-alert-row{padding:14px 0;border-bottom:1px solid #eadfd5;overflow-wrap:anywhere}
.staff-alert-row.unread{border-left:4px solid #805a3b;padding-left:12px}
#staffAlertPreferences{display:grid;gap:12px;margin:16px 0}
#staffAlertPreferences input{width:auto;min-height:0}
[data-staff-alert-badge][hidden]{display:none}

#dailyWorkQueue.daily-work-panel{padding:16px}
#dailyWorkQueue .dashboard-operations{border-top:1px solid #e9e1db;margin-top:22px;padding-top:20px}
#dailyWorkQueue .daily-work-row + .dashboard-operations{border-top:0;margin-top:8px;padding-top:12px}
.dashboard-operation-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #eee5dc}
.dashboard-operation-row:last-child{border-bottom:0}
.dashboard-operation-row p{margin:3px 0 0}
.dashboard-operation-row button{flex-shrink:0}
.daily-attention-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.daily-attention-heading h2{margin:0}
.daily-attention-controls{display:flex;gap:8px;flex-wrap:wrap}
.daily-attention-controls button{min-height:44px;color:#382d25;background:#ece2d8}
.daily-task-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:8px;margin:12px 0}
.daily-task-grid:empty{display:none}
#dailyWorkQueue .daily-task{display:flex;flex-direction:column;gap:5px;min-width:0;min-height:96px;padding:12px;text-align:left;border:1px solid #8b7768;border-radius:10px;background:#fffaf4;color:#382d25;line-height:1.35;box-sizing:border-box;overflow-wrap:anywhere}
#dailyWorkQueue button.daily-task:hover{background:#f1e6d8;filter:none}
#dailyWorkQueue .daily-task-top{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%}
#dailyWorkQueue .daily-task strong{font-size:1.7rem;line-height:1.05}
#dailyWorkQueue .daily-task-icon{font-size:1.1rem}
#dailyWorkQueue .daily-task-label{font-size:.85rem;font-weight:700}
#dailyWorkQueue .daily-task-link{font-size:.75rem;margin-top:auto}
#dailyWorkQueue .daily-task-note{font-size:.75rem;font-weight:700;padding:3px 5px;border:1px solid #59431c;background:#fff2c9;color:#392a0f;margin-top:auto;border-radius:3px}
#dailyWorkQueue .daily-task-priority{border-left:4px solid #59431c}
#dailyWorkQueue .daily-task-empty{background:#f4f1ed;color:#55483c;border-color:#a08e7c}
#dailyWorkQueue :focus-visible{outline:3px solid #153f79;outline-offset:3px}
.daily-caught-up{display:flex;gap:10px;align-items:center;padding:12px 0;color:#26432e}
.daily-caught-up>span{font-size:1.5rem;font-weight:700}
.daily-caught-up h3{margin:0;font-size:1rem}.daily-caught-up p{margin:4px 0 0;font-size:.85rem}
.daily-count-warning{border-left:4px solid #59431c;background:#fff2c9;color:#392a0f;padding:10px;font-size:.9rem}
.daily-overdue{display:inline-block;border:1px solid #6c211d;color:#6c211d;background:#fff5f4;padding:2px 5px;border-radius:3px;font-size:.8rem}
@media(max-width:720px){#dailyWorkQueue.daily-work-panel{padding:12px}.daily-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#dailyWorkQueue .daily-task{padding:10px;min-height:88px}.daily-attention-heading{align-items:flex-start}.daily-attention-controls{gap:6px}.daily-attention-controls button{font-size:.8rem;padding:8px 10px}}
@media(max-width:560px){.dashboard-operation-row{align-items:flex-start;flex-direction:column}.dashboard-operation-row button{align-self:flex-start}}
.daily-work-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee5dc;flex-wrap:wrap}
@media(max-width:720px){
 .inventory-table-wrap,.inventory-table-wrap table{width:100%!important;min-width:0!important;overflow:visible!important;table-layout:auto!important}
 .inventory-table-wrap table,.inventory-table-wrap thead,.inventory-table-wrap thead tr,.inventory-table-wrap tbody{display:block}
 .inventory-table-wrap thead th{display:none}
 .inventory-table-wrap thead th:first-child{display:flex;gap:10px;align-items:center}
 .inventory-table-wrap thead th:first-child::after{content:'Select visible items'}
 .inventory-table-wrap tr.inventory-item-row{display:grid;grid-template-columns:44px minmax(0,1fr);border:1px solid #eaded7;border-radius:12px;margin:12px 0;padding:12px;gap:7px;background:white}
 .inventory-table-wrap tr.inventory-item-row td{display:block;min-width:0!important;width:auto!important;max-width:100%!important;border:0!important;padding:4px!important;overflow-wrap:anywhere}
 .inventory-item-row .inventory-check-cell{grid-column:1;grid-row:1}
 .inventory-item-row .inventory-photo-cell{grid-column:2;grid-row:1}
 .inventory-item-row td:not(.inventory-check-cell):not(.inventory-photo-cell){grid-column:1/-1}
 .inventory-item-row td[data-label]::before{content:attr(data-label) ': ';font-size:.85rem;font-weight:700;color:#766b61}
 .inventory-item-row .inventory-actions-cell .inventory-row-actions{display:flex;flex-wrap:wrap;gap:8px}
 .inventory-item-row .inventory-actions-cell button{min-height:44px}
 .inventory-item-row .inventory-photo-cell img{max-width:120px;max-height:120px;object-fit:contain}
}

@media(max-width:1023px){.boutique-nav .workspace-menu-toggle{width:100%!important}}

/* Keep inventory search above a wrapping filter grid at every workspace width. */
.inventory-workspace > .inventory-toolbar{grid-template-columns:minmax(0,1fr);align-items:start!important}
.inventory-workspace > .inventory-toolbar > .inventory-search,
.inventory-workspace .inventory-extra-filters{grid-column:1/-1;min-width:0;width:100%}
.inventory-workspace .inventory-extra-filters > .inventory-toolbar{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));align-items:start!important;padding-top:12px}
.inventory-workspace .inventory-toolbar > .field{min-width:0}
.inventory-workspace .inventory-toolbar .field input,
.inventory-workspace .inventory-toolbar select{min-width:0;max-width:100%;width:100%}
.inventory-workspace .inventory-extra-filters summary{cursor:pointer;font-weight:700;padding:12px 0}
.inventory-workspace .inventory-intake-toggle{white-space:normal}

#dailyWorkQueue [data-daily-operations] .dashboard-operations{border-top:0;margin-top:8px;padding-top:12px}

#dailyWorkQueue [data-daily-operations]:has(.dashboard-operations)+[data-daily-content]{margin-top:24px}

.daily-bag-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 8px}
#dailyWorkQueue .daily-bag-count{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:16px 12px;text-align:left;white-space:normal;line-height:1.35;background:#f7f0e8;color:#382d25;border:1px solid #d8c9ba;border-radius:12px}
#dailyWorkQueue .daily-bag-count strong{font-size:1.8rem;line-height:1}
#dailyWorkQueue .daily-bag-count span{font-size:.85rem;overflow-wrap:anywhere}
.daily-bag-explanation{font-size:.8rem;margin:8px 0 18px}
@media(max-width:480px){.daily-bag-summary{grid-template-columns:1fr;gap:8px}#dailyWorkQueue .daily-bag-count{flex-direction:row;align-items:center;padding:12px 14px;gap:14px}#dailyWorkQueue .daily-bag-count strong{min-width:1.3em}#dailyWorkQueue .daily-bag-count span{font-size:.9rem}}


/* Boutique navigation icons: meaningful local SVG shapes with soft, distinguishable accents. */
.boutique-nav .nav-icon{
 display:inline-flex;align-items:center;justify-content:center;
 flex:0 0 30px;width:30px;height:30px;min-width:30px;
 padding:5px;border-radius:10px;
 background:var(--nav-icon-bg,#e8edf2);color:var(--nav-icon-fg,#50657a);
 transition:transform .15s ease,background .15s ease;
}
.boutique-nav .nav-icon svg{display:block;width:20px;height:20px;flex:0 0 20px}
.boutique-nav .nav-icon--rose{--nav-icon-bg:#f8e2e9;--nav-icon-fg:#98425c}
.boutique-nav .nav-icon--sage{--nav-icon-bg:#e2efe5;--nav-icon-fg:#396e52}
.boutique-nav .nav-icon--blue{--nav-icon-bg:#e1ecfa;--nav-icon-fg:#376e9e}
.boutique-nav .nav-icon--lilac{--nav-icon-bg:#eee5f7;--nav-icon-fg:#7754a0}
.boutique-nav .nav-icon--amber{--nav-icon-bg:#f8edd4;--nav-icon-fg:#906019}
.boutique-nav .nav-icon--coral{--nav-icon-bg:#f9e5dc;--nav-icon-fg:#98503c}
.boutique-nav .nav-icon--slate{--nav-icon-bg:#e7ebf0;--nav-icon-fg:#576574}
.boutique-nav button:hover .nav-icon{transform:translateY(-1px)}
.boutique-nav button[aria-current="page"] .nav-icon{outline:2px solid var(--nav-icon-fg,#576574);outline-offset:1px}
.boutique-nav .nav-section summary{border-left:3px solid transparent;padding-left:10px}
.boutique-nav #workspaceMenu>.nav-section:nth-of-type(1)>summary{border-left-color:#c67c95}
.boutique-nav #workspaceMenu>.nav-section:nth-of-type(2)>summary{border-left-color:#76a78a}
.boutique-nav #workspaceMenu>.nav-section:nth-of-type(3)>summary{border-left-color:#6e9bbf}
.boutique-nav #workspaceMenu>.nav-section:nth-of-type(4)>summary{border-left-color:#c39861}
@media(prefers-reduced-motion:reduce){.boutique-nav .nav-icon{transition:none}.boutique-nav button:hover .nav-icon{transform:none}}

/* A light row tint makes each workflow group easier to scan without relying on color alone. */
.boutique-nav [data-nav-group="Customers & sellers"]{--nav-row:#fff3f6;--nav-hover:#fae4ec;--nav-current:#f4d1de;--nav-edge:#a44e6c;--nav-text:#593a47}
.boutique-nav [data-nav-group="Inventory"]{--nav-row:#f0f7f2;--nav-hover:#e2efe6;--nav-current:#cfe4d6;--nav-edge:#44785a;--nav-text:#294b36}
.boutique-nav [data-nav-group="Fulfillment"]{--nav-row:#eff5fb;--nav-hover:#dfeaf6;--nav-current:#cddfef;--nav-edge:#406f9a;--nav-text:#2c475e}
.boutique-nav [data-nav-group="Business"]{--nav-row:#fcf6e9;--nav-hover:#f6e9cc;--nav-current:#efdcba;--nav-edge:#8c642f;--nav-text:#594326}
.boutique-nav .nav-section button{background:var(--nav-row);color:var(--nav-text);border:1px solid transparent}
.boutique-nav .nav-section button:hover{background:var(--nav-hover)}
.boutique-nav .nav-section button[aria-current="page"]{background:var(--nav-current);color:var(--nav-text);border-color:var(--nav-edge);box-shadow:inset 3px 0 var(--nav-edge);font-weight:750}
.boutique-nav .nav-dashboard-shortcut{background:#fff1f5;color:#593a47}
.boutique-nav #workspaceMenu>button[data-nav="admin"]{background:#edf0f5;color:#3d4a59;margin-top:10px}
.boutique-nav button:focus-visible{outline:3px solid #315f8c;outline-offset:2px}
@media(max-width:720px){.shell>.boutique-nav .nav-icon{flex:0 0 30px!important;width:30px!important}}
.boutique-nav #workspaceMenu>button[data-nav="admin"][aria-current="page"]{background:#dce4ef;border:1px solid #536b84;box-shadow:inset 3px 0 #536b84}

@media(min-width:1024px){.shell>.boutique-nav{overflow-anchor:none}}

/* Keep complete words and reserve room for the notification count. */
.boutique-nav button[data-nav]{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;width:100%;min-width:0}
.boutique-nav .nav-label{min-width:0;overflow-wrap:normal;word-break:normal;hyphens:none;line-height:1.3}
.boutique-nav [data-staff-alert-badge]{grid-column:3;justify-self:end;white-space:nowrap;margin:0;padding:3px 6px;font-size:.75rem}
.workspace-nav-resizer,.nav-width-controls{display:none}
@media(min-width:1024px){
 .shell>.workspace-nav-resizer{display:block;position:fixed;left:calc(var(--tslw-nav-width,230px) - 1px);top:0;bottom:0;width:12px!important;min-width:12px;max-width:12px;height:100dvh;z-index:21;cursor:col-resize;touch-action:none;background:transparent;border:0}
 .workspace-nav-resizer::after{content:'';position:absolute;top:calc(50% - 24px);left:3px;width:3px;height:48px;border-radius:3px;background:#b79a8b}
 .workspace-nav-resizer:hover,.workspace-nav-resizer:focus-visible{background:#e9d8d1;outline:2px solid #77583f;outline-offset:-2px}
 .resizing-navigation,.resizing-navigation *{cursor:col-resize!important;user-select:none!important}
 .boutique-nav .nav-width-controls{display:block;margin:14px 0 4px;padding:12px 4px;border-top:1px solid #eaded7;font-size:.8rem}
 .nav-width-controls label{display:block}.nav-width-controls output{float:right}
 .boutique-nav .nav-width-controls input{display:block;width:100%;padding:0;min-height:30px;accent-color:#77583f}
 .boutique-nav .nav-width-controls button{display:block;width:auto;min-height:32px;padding:6px 10px;margin-top:4px;font-size:.8rem;background:#eee3dc}
}
@media print{.workspace-nav-resizer,.nav-width-controls{display:none!important}}
@media(max-width:1023px){.boutique-nav .nav-section-items>[data-nav="staffAlerts"]{grid-column:1/-1}}
@media(min-width:1024px) and (pointer:coarse){.boutique-nav .nav-width-controls input,.boutique-nav .nav-width-controls button{min-height:44px}}
/* Intrinsic label width also covers browsers with wider system fonts. */
.boutique-nav button[data-nav="staffAlerts"]{grid-template-columns:30px max-content minmax(24px,1fr);gap:6px;padding:10px 8px}

/* The two most-used destinations stay visible below Dashboard. */
.boutique-nav .nav-frequent-shortcuts{display:grid;gap:8px;margin:0 0 12px;min-width:0}
.boutique-nav .nav-frequent-shortcut{margin:0;border:1px solid #dfd4e7;background:#f3edf8;color:#503d65;border-radius:12px;font-weight:700}
.boutique-nav .nav-frequent-shortcut[data-orders-section="bags"]{background:#edf6ef;border-color:#cddfd2;color:#294b36}
.boutique-nav .nav-frequent-shortcut[aria-current="page"]{border-color:currentColor;box-shadow:inset 3px 0 currentColor}
@media(max-width:1023px){.boutique-nav .nav-frequent-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.boutique-nav .nav-frequent-shortcut{min-height:54px}}
@media(max-width:480px){.boutique-nav .nav-frequent-shortcuts button[data-nav]{grid-template-columns:minmax(0,1fr);text-align:center}.boutique-nav .nav-frequent-shortcut .nav-icon{display:none}}