@media (width<=767px){.mobile-shell{--mobile-dock-height:53px}.mobile-shell,.mobile-shell>[data-slot=sidebar-inset]{height:var(--mobile-view-height,100svh)}.mobile-shell>[data-slot=sidebar-inset]{border-radius:0;margin:0}.mobile-app-scroll{scroll-padding-bottom:calc(var(--mobile-dock-height) + 16px);padding:0!important}.mobile-page-content{padding:20px max(16px, env(safe-area-inset-right)) calc(var(--mobile-dock-height) + 24px) max(16px, env(safe-area-inset-left))}.mobile-appbar{min-height:64px;padding:calc(12px + env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left));background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;display:flex}.mobile-appbar:has(.mobile-brand){min-height:calc(72px + env(safe-area-inset-top));padding-block:calc(8px + env(safe-area-inset-top)) 8px}.mobile-brand{align-items:center;gap:8px;min-width:0;display:flex}.mobile-brand>img{flex-shrink:0;width:28px;height:28px}.mobile-brand h1{overflow-wrap:anywhere;font-size:18px;font-weight:600}.mobile-brand p{color:var(--muted2);overflow-wrap:anywhere;font-size:12px}.mobile-appbar button{flex-shrink:0;min-height:44px;font-size:12px}.mobile-appbar button[data-variant=outline]{color:var(--blue)}.mobile-appbar button svg{width:16px;height:16px}.mobile-logo{object-fit:contain;object-position:left;width:160px;height:36px}.mobile-bottom-dock{bottom:var(--mobile-keyboard-inset,0px);z-index:30;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);position:fixed;left:0;right:0}.mobile-bottom-nav{height:53px;padding:4px max(12px, env(safe-area-inset-right)) 4px max(12px, env(safe-area-inset-left));gap:8px;display:grid}.mobile-bottom-nav button{border-radius:var(--radius-sm);min-width:0;height:44px;color:var(--muted2);align-content:center;justify-items:center;gap:0;padding:2px 4px;font-size:11px;line-height:1.3;display:grid}.mobile-bottom-nav button>span:last-child{max-width:100%;line-height:1}.mobile-bottom-nav button:disabled{opacity:.5}.mobile-bottom-nav button[aria-current=page]{background:var(--blue-bg);color:var(--blue);font-weight:600}.mobile-nav-icon{width:18px;height:18px;position:relative}.mobile-nav-icon svg{width:18px;height:18px}.mobile-nav-icon b{border-radius:var(--radius-pill);background:var(--blue);min-width:14px;color:var(--surface);padding:0 3px;font-size:9px;line-height:14px;position:absolute;top:-5px;right:-9px}.mobile-action-bar{padding:8px max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.mobile-action-bar button{min-height:44px;padding-inline:12px;font-size:12px}.mobile-action-bar strong{overflow-wrap:anywhere;font-size:14px}.mobile-cart{flex:140px;align-items:center;gap:8px;min-width:0;display:flex}.mobile-cart-icon{flex-shrink:0;width:32px;height:32px;position:relative}.mobile-cart-icon svg{width:24px;height:24px;margin-top:4px}.mobile-cart-icon b{border-radius:var(--radius-pill);background:var(--blue);min-width:16px;color:var(--surface);padding:0 3px;font-size:10px;position:absolute;top:-2px;right:0}.mobile-cart p,.mobile-work-total p{color:var(--muted2);font-size:11px}.mobile-cart strong{color:var(--ink-strong);display:block}.mobile-action-buttons{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.mobile-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;min-width:0;padding:12px}.mobile-card h2,.mobile-card h3{color:var(--ink-strong);font-size:14px;font-weight:600}:is(.mobile-appbar,.mobile-action-bar,.mobile-sections,.mobile-more) [data-slot=button]{border-radius:var(--radius-sm);box-shadow:none}:is(.mobile-appbar,.mobile-action-bar,.mobile-sections,.mobile-more) [data-variant=outline]:not([aria-pressed=true]){background:var(--surface);border-color:var(--border)}:is(.mobile-appbar,.mobile-action-bar,.mobile-sections,.mobile-more) [data-variant=outline]:hover{background:var(--blue-bg)}.mobile-more{max-width:none;line-height:1.5}.mobile-more h2{color:var(--ink-strong);font-size:16px;font-weight:400}.mobile-more [data-slot=button]{min-height:44px;padding:10px 14px;line-height:1.5}.mobile-more .mobile-signout{color:var(--danger-ink)}.mobile-profile-person{align-items:center;gap:12px;margin-top:12px;font-size:14px;font-weight:600;display:flex}.mobile-avatar{width:44px;height:44px;color:var(--blue);background:var(--blue-bg);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.mobile-profile-person strong{overflow-wrap:anywhere;min-width:0}.mobile-profile-facts{margin-top:16px;font-size:13px}.mobile-profile-facts>div{border-top:1px solid var(--line);grid-template-columns:88px minmax(0,1fr);gap:12px;padding-block:10px;display:grid}.mobile-profile-facts dt{color:var(--muted2)}.mobile-profile-facts dd{overflow-wrap:anywhere}.mobile-filter-row{grid-template-columns:minmax(0,7fr) minmax(0,3fr);gap:8px;display:grid}.mobile-filter-row input,.mobile-filter-row button{min-width:0;min-height:44px}.mobile-filter-row button{padding-inline:8px;font-size:12px}.mobile-filter-row button svg{width:16px;height:16px}.mobile-search{min-width:0;position:relative}.mobile-search>svg{width:18px;height:18px;color:var(--muted2);position:absolute;top:13px;left:12px}.mobile-search input{padding-left:38px;font-size:16px}.mobile-counts{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.mobile-counts button{text-align:left;justify-content:space-between;align-items:center;gap:8px;min-width:0;min-height:56px;padding:10px;font-size:12px;display:flex}.mobile-counts span{align-items:center;gap:6px;display:flex}.mobile-counts svg{width:18px;height:18px}.mobile-counts strong{font-size:22px}.mobile-counts [aria-pressed=true]{background:var(--blue-bg);color:var(--blue);border-color:var(--blue-b)}.mobile-request-list{gap:10px;margin-top:10px;display:grid}.mobile-request-card{text-align:left;gap:6px;width:100%;padding:14px;display:grid}.mobile-card-top,.mobile-card-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.mobile-request-card p{color:var(--muted2);overflow-wrap:anywhere;font-size:12px}.mobile-card-bottom span{color:var(--muted2);font-size:11px}.mobile-card-bottom strong{overflow-wrap:anywhere;font-size:14px}.mobile-sections{gap:12px;display:grid}.mobile-empty-state{gap:12px;padding:24px;line-height:1.5}.mobile-empty-state [data-slot=empty-state-icon]{width:64px;height:64px;color:var(--blue);background:var(--blue-bg);border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.mobile-empty-state [data-slot=empty-state-icon] svg{width:28px;height:28px}.mobile-empty-state>p{max-width:30ch}.mobile-empty-state>p:first-of-type{color:var(--ink-strong);font-size:16px;font-weight:600}.mobile-progress p{color:var(--muted2);font-size:12px}.mobile-progress h2{margin-top:4px;font-size:20px;font-weight:600}.mobile-progress-lines{gap:4px;margin-top:8px;display:flex}.mobile-progress-lines span{background:var(--border2);border-radius:99px;flex:1;height:6px}.mobile-progress-lines [data-active=true]{background:var(--blue)}.mobile-catalog-toolbar{z-index:10;background:var(--bg);padding:12px 0 8px;position:sticky;top:0}.mobile-categories{gap:6px;margin-top:8px;display:flex;overflow-x:auto}.mobile-categories button{background:0 0;border:0;flex-shrink:0;min-height:44px;padding:6px 0;font-size:11px}.mobile-categories span{border:1px solid var(--border);background:var(--blue-bg);border-radius:99px;padding:6px 10px;display:block}.mobile-categories [aria-pressed=true] span{background:var(--blue);color:var(--surface);border-color:var(--blue)}.mobile-catalog-list{gap:12px;display:grid}.mobile-catalog-row{grid-template-columns:56px minmax(0,1fr) 132px;align-items:center;gap:0 8px;padding:12px;display:grid}.mobile-thumbnail{border:1px solid var(--line);border-radius:8px;grid-row:1/5;place-items:center;width:56px;height:56px;display:grid;overflow:hidden}.mobile-thumbnail img{object-fit:contain;width:100%;height:100%}.mobile-thumbnail svg{width:32px;height:32px;color:var(--border2)}.mobile-item-name{overflow-wrap:anywhere;grid-column:2/4;font-size:13px;font-weight:600}.mobile-item-en,.mobile-item-sku{color:var(--muted2);overflow-wrap:anywhere;grid-column:2;font-size:12px}.mobile-item-price{color:var(--blue);grid-column:2;font-size:14px}.mobile-item-stock{text-align:right;color:var(--muted2);overflow-wrap:anywhere;grid-column:3;font-size:11px}.mobile-item-action{grid-area:2/3/4;justify-content:flex-end;align-items:center;width:132px;min-height:44px;display:flex}.mobile-add{white-space:nowrap;width:max-content;min-width:64px;max-width:100%;height:44px;color:var(--surface);border:0;border-radius:8px;justify-content:center;align-items:center;gap:3px;padding-inline:8px;font-size:12px;display:flex;position:relative}.mobile-add:before{content:"";background:var(--blue);z-index:0;border-radius:8px;position:absolute;inset:6px 0}.mobile-add>*{position:relative}.mobile-add svg{width:16px;height:16px}.mobile-quantity>span{border:0;position:relative;overflow:visible}.mobile-quantity>span:before{content:"";border:1px solid var(--border);background:linear-gradient(var(--border), var(--border)) 33.33% 0 / 1px 100% no-repeat, linear-gradient(var(--border), var(--border)) 66.66% 0 / 1px 100% no-repeat, var(--surface);border-radius:8px;position:absolute;inset:6px 0}.mobile-quantity button,.mobile-quantity input{background:0 0;width:44px;height:44px;min-height:44px;position:relative}.mobile-quantity input{border-inline:0;font-size:14px}.mobile-card-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.mobile-card-heading button{min-width:44px;min-height:44px;color:var(--blue);background:0 0;border:0;padding-inline:4px;font-size:12px}.mobile-lines li{border-bottom:1px solid var(--line);grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:8px;padding-block:10px;display:grid}.mobile-lines li:last-child{border-bottom:0}.mobile-summary-thumbnail{border:1px solid var(--line);width:40px;height:40px;color:var(--border2);border-radius:8px;place-items:center;display:grid}.mobile-summary-thumbnail svg{width:28px;height:28px}.mobile-summary-thumbnail img{object-fit:contain;width:100%;height:100%}.mobile-lines strong{overflow-wrap:anywhere;font-size:12px}.mobile-lines p{color:var(--muted2);overflow-wrap:anywhere;margin-top:2px;font-size:11px}.mobile-lines b{text-align:right;overflow-wrap:anywhere;max-width:120px;font-size:12px}.mobile-selection-total{border-top:1px solid var(--line);color:var(--blue);flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:10px;font-size:14px;font-weight:600;display:flex}.mobile-form{gap:12px;display:grid}.mobile-budget-grid,.mobile-facts{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 12px;display:grid}.mobile-budget-grid input,.mobile-budget-grid button,.mobile-form textarea{min-height:44px;font-size:16px}.mobile-budget-grid button,.mobile-form label{font-size:12px}.mobile-form textarea{scroll-margin-block:16px}.mobile-facts div{border-bottom:1px solid var(--line);min-width:0;padding-block:6px}.mobile-facts dt{color:var(--muted2);font-size:12px}.mobile-facts dd{overflow-wrap:anywhere;margin-top:2px;font-size:13px}.mobile-facts .mobile-fact-wide{grid-column:1/-1}.mobile-fold>summary{cursor:pointer;align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:600;list-style:none;display:flex}.mobile-fold>summary::-webkit-details-marker{display:none}.mobile-fold>summary>span{color:var(--muted2);margin-left:auto;font-size:12px;font-weight:400}.mobile-fold>summary:after{content:"+";color:var(--muted2)}.mobile-fold[open]>summary:after{content:"−"}.mobile-check-target{cursor:pointer;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.mobile-check-target input{width:20px;height:20px;min-height:20px;accent-color:var(--blue);margin:0}.mobile-pick-all{cursor:pointer;justify-content:space-between;align-items:center;min-height:44px;padding-block:8px;font-size:12px;display:flex}.mobile-work-total strong{color:var(--blue);display:block}[data-slot=alert-dialog-content]{top:calc(var(--mobile-visual-top,0px) + var(--mobile-visual-height,100dvh) / 2);max-height:calc(var(--mobile-visual-height,100dvh) - 32px);overflow-y:auto}[data-slot=alert-dialog-content] button{min-height:44px}}
