.bom-mobile-details,.bom-mobile-quantity{display:none}
.field-hint{display:none}
.scanner-test-barcode{overflow-wrap:anywhere;white-space:pre-wrap}
.scanner-test-controls button{min-height:48px}
.scanner-test input{min-height:48px;font-size:16px}
.scan-keyboard-row{display:contents}
.wholesale-line-label{display:none}
@media screen and (min-width:1024px){#wholesale-order-form .wholesale-line-tools{margin-block:20px}}
@media screen and (max-width:1023px){
 #wholesale-order-form .wholesale-lines-wrap{overflow:visible}
 #wholesale-order-form .wholesale-lines-table,#wholesale-order-form .wholesale-lines-table>tbody{display:block;width:100%;min-width:0}
 #wholesale-order-form .wholesale-lines-table>thead{display:none}
 #wholesale-order-form .wholesale-order-line{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 12px;min-width:0;margin-bottom:16px;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--white);box-shadow:var(--block-glow,none)}
 #wholesale-order-form .wholesale-order-line>td{display:block;min-width:0;padding:0;border:0;white-space:normal;overflow-wrap:anywhere}
 #wholesale-order-form .wholesale-line-label{display:block;margin-bottom:6px;color:var(--muted);font-weight:600}
 #wholesale-order-form [data-line-field="part"]{grid-column:1/-1;grid-row:1}
 #wholesale-order-form [data-line-field="qty"]{grid-column:1/4;grid-row:2}
 #wholesale-order-form [data-line-field="price"]{grid-column:4/7;grid-row:2}
 #wholesale-order-form [data-line-field="uom"]{grid-column:1/3;grid-row:3}
 #wholesale-order-form [data-line-field="available"]{grid-column:3/5;grid-row:3}
 #wholesale-order-form [data-line-field="total"]{grid-column:5/7;grid-row:3}
 #wholesale-order-form .wholesale-order-line>[data-line-field="remove"]{grid-column:1/-1;grid-row:4;display:flex;justify-content:flex-end}
 #wholesale-order-form [data-wh-line-total]{font-weight:700}
 #wholesale-order-form .wholesale-order-line :is(input,.typeahead-field){width:100%;min-width:0;max-width:100%}
 #wholesale-order-form .wholesale-order-line :is(input,button){min-height:44px}
 #wholesale-order-form .wholesale-order-line small{max-width:none;margin-top:6px;white-space:normal;overflow-wrap:anywhere}
 #wholesale-order-form .wholesale-lines-empty,#wholesale-order-form .wholesale-lines-empty>td{display:block;white-space:normal}
 #wholesale-order-form .wholesale-line-tools{margin:16px 0}
 #wholesale-order-form .wholesale-line-tools>button{min-height:44px;max-width:100%;white-space:normal}
 #wholesale-order-form .wholesale-order-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:16px;border-top:1px solid var(--border);align-items:end}
 #wholesale-order-form .wholesale-order-total{display:flex;flex-direction:column;justify-content:center;gap:7px;min-height:44px;margin:0;overflow-wrap:anywhere}
 #wholesale-order-form .wholesale-order-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}
 #wholesale-order-form .wholesale-order-actions>button{width:100%;min-width:0;min-height:48px;white-space:normal}
}
@media screen and (max-width:600px){#wholesale-order-form .wholesale-order-actions{grid-template-columns:minmax(0,1fr)}}
#app .sidebar-menu-toggle .sidebar-menu-caption{font-weight:700;color:var(--white)}
/* Shared screen decoration. Preserve each surface's fill, border, size, and state colors. */
@media screen{
 :root{--block-glow:-1px 0 3px #2EA8FF66,1px 0 3px #8D5BCE66;--block-edge:linear-gradient(110deg,#2EA8FF,#8D5BCE);--block-popup-depth:0 8px 20px #0B2D5B24}
 :is(#app,.elevation-typography) :is(
  .card,.login,.stats>div,.partner-portal-stats>div,.workflow>a,.workflow>button:not(:disabled),
  .quick-links>.button,.mobile-task-tile,.mobile-open-tasks,.mobile-record-links .button,.production-report-actions>.button,.connection-partner,.asn-review-item,
  .import-archive-bar,.source-order-details,.source-captured-text,.source-table-scroll,.bom-inline-branch,
  .wholesale-addresses fieldset,.workspace-module fieldset,.setup-test-list fieldset,.user-permissions,
  .filter-group,.part-photo-gallery .part-photo,.label-preview,.order-document,.pick-document,.wholesale-quote
 ){box-shadow:var(--block-glow)}
 #app :is(.notice,.error,.success,.warning):not(:empty){box-shadow:var(--block-glow)}
 #app :is(.nav-cascade-panel,.typeahead-list,.footer-help>nav,.workspace-menu nav,dialog,[role="dialog"]){box-shadow:var(--block-glow),var(--block-popup-depth)}
 body>.typeahead-list{box-shadow:var(--block-glow),var(--block-popup-depth)}
 #app nav[aria-label="Application screens"]>:is(.nav-main-group,.nav-section)>summary,
 #app nav[aria-label="Application screens"]>a[href],
 #app .footer-actions>button,#app .footer-help>summary,
 #app :is(.part-tabs,.wholesale-tabs,.setup-step-tabs,.auth-tabs)>button:not(:disabled){box-shadow:var(--block-glow)}
 #app nav[aria-label="Application screens"]>.nav-main-group.has-current>summary{box-shadow:var(--block-glow),inset 3px 0 var(--navigation-selection-edge)}
}
@media screen and (max-width:600px){#app .setup-map-table tr{box-shadow:var(--block-glow)}}
@media screen and (max-width:1023px){#app .layout .nav-cascade-panel{box-shadow:var(--block-glow)}}
@media screen and (max-width:1023px){
 .grid-card[data-table-key="aisles"]>.tablewrap{overscroll-behavior-y:auto}
 .grid-card[data-table-key="aisles"] [data-fit-record]:has([data-row-toggle]:not([hidden])){cursor:pointer}
 .grid-card[data-table-key="aisles"] .record-details>dl:not(:has(>[data-fit-detail]:not([hidden])))+.record-detail-actions{margin-top:0}
}
@media print{.mobile-task-tile{box-shadow:none!important}}
/* Startup decoration belongs to the placeholder and disappears with it. Never delay readiness. */
.startup-splash{position:relative;isolation:isolate;min-height:100svh;padding:1px 0}
#app:has(>.startup-splash){padding-bottom:0}
.startup-splash .startup-card{position:relative;z-index:1;width:calc(100% - 32px);margin:6vh auto 0;padding:40px 24px;background:var(--white)}
.startup-splash .startup-logo{margin:12px 0 24px;line-height:0}
.startup-logo img{display:block;width:220px;max-width:100%;height:auto;aspect-ratio:4/1;margin:auto;filter:brightness(0);animation:startup-logo-fade 2.4s ease-in-out infinite}
.startup-card p{margin:0}
.startup-confetti{position:fixed;z-index:2;inset:0;overflow:hidden;pointer-events:none;contain:strict}
.startup-confetti i{position:absolute;top:-24px;left:var(--left);width:var(--width);height:var(--height);border-radius:1px;background:var(--color);opacity:0;--fall-drift:var(--drift);--fall-turn:var(--turn);--motion-scale:1;animation:startup-confetti-fall calc(var(--duration) * var(--motion-scale) * 1s) linear infinite;animation-delay:calc(var(--phase) * var(--duration) * var(--motion-scale) * -1s)}
@keyframes startup-confetti-fall{0%{transform:translate3d(0,-12px,0) rotate(var(--tilt));opacity:0}8%{opacity:1}88%{opacity:1}100%{transform:translate3d(var(--fall-drift),calc(100vh + 48px),0) rotate(var(--fall-turn));opacity:0}}
@keyframes startup-logo-fade{0%,100%{opacity:0}20%,60%{opacity:1}95%{opacity:0}}
/* Keep the requested splash visible with reduced motion: slower, straight falls without tumbling. */
@media(prefers-reduced-motion:reduce){.startup-confetti i{--motion-scale:1.65;--fall-drift:0px;--fall-turn:var(--tilt)}}
.toolbar.production-report-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;gap:8px;padding:0;margin-bottom:12px;align-items:stretch}
.toolbar.production-report-actions>.button{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;max-width:100%;min-height:52px;padding:12px 8px;text-align:center;white-space:normal}
/* Keep the last controls above handheld browser chrome and the device safe area. */
@media(max-width:1023px){
  .scan-keyboard-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:end;min-width:0;width:100%;gap:0}
  .scan-keyboard-row>label{min-width:0;width:100%}
  .scan-keyboard-row input{width:100%;min-width:0;min-height:48px;margin:0;border-top-right-radius:0;border-bottom-right-radius:0}
  .scan-keyboard-row:has(>.scan-keyboard-toggle[hidden]){grid-template-columns:minmax(0,1fr)}
  .scan-keyboard-row:has(>.scan-keyboard-toggle[hidden]) input{border-radius:var(--radius)}
  .scan-keyboard-toggle:not([hidden]){display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:48px;min-width:44px;height:48px;width:44px;max-width:44px;margin:0;padding:5px;border-top-left-radius:0;border-bottom-left-radius:0;border-left:0;align-self:end;justify-self:stretch}
  .scan-keyboard-toggle img{display:block;width:32px;height:32px;object-fit:contain;pointer-events:none}
  .scan-keyboard-toggle[aria-pressed="true"]{background:var(--light-interface,#DCEAF5);box-shadow:inset 0 0 0 2px var(--primary,#145DA0)}
  .scan-keyboard-row input:focus{outline:none;box-shadow:none}
  .scan-keyboard-row>.scan-keyboard-toggle:focus-visible{outline:2px solid var(--brand);outline-offset:-5px}
  .scan-keyboard-row:focus-within::after{content:"";position:absolute;left:0;right:0;bottom:0;height:48px;border-radius:var(--radius-small);outline:3px solid var(--brand);outline-offset:2px;box-shadow:0 0 0 4px var(--highlight);pointer-events:none}
  .inventory-stock-card>h3+p{font-size:12pt}
  .inventory-stock-divider{border:0;border-top:1px solid var(--primary);margin:16px -24px}
  .inventory-stock-card>.row-details-fields{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 8px}
  .inventory-stock-card>.row-details-fields>div:nth-child(n+6){grid-column:1/-1}
  .inventory-stock-card>.row-details-fields dt{overflow-wrap:anywhere}
  .inventory-stock-card>.row-details-fields>div:nth-child(6){position:relative}
  .inventory-stock-card>.row-details-fields>div:nth-child(6)::before{content:"";position:absolute;inset:-8px -24px auto;border-top:1px solid var(--primary);pointer-events:none}
  html{scroll-padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}
  #app{min-height:100vh;min-height:100dvh;padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}
  #app :is(input,select,textarea,button,a){scroll-margin-block:16px 80px}
  .layout>aside.is-menu-open{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:767px){
  .mobile-task-home>.mobile-task-heading{display:none}
  .inventory-stock-divider{margin-inline:-14px}
  .inventory-stock-card>.row-details-fields>div:nth-child(6)::before{inset-inline:-14px}
  .login.account-login{width:calc(100% - 24px);max-width:440px;margin:12px auto 0;padding:20px}
  .login.account-login>img{width:176px;height:64px}
  .account-login h1{margin:8px 0 4px;font-size:26px;line-height:32px}
  .account-login>p{margin:4px 0;font-size:13px;line-height:19px}
  .account-login h2{margin:0 0 16px;font-size:20px;line-height:28px}
  .account-login .auth-tabs{margin:12px 0}
  .account-login form{gap:12px}
  .account-login>.muted{margin-top:12px;font-size:12px;line-height:18px}
  .account-login .link-button{min-height:44px;padding:10px}
}
@media(max-width:1023px){
  .field-hint{display:block;margin:2px 0 6px;font-size:12px;line-height:16px;font-weight:400;color:var(--muted)}
  .bom-parent-table,.bom-parent-table>thead,.bom-parent-table>tbody{display:block;width:100%;min-width:0;max-width:100%}
  .bom-parent-table>colgroup{display:none}
  .bom-parent-table>thead>tr,.bom-parent-table>tbody>.bom-parent-row{display:grid;grid-template-columns:120px minmax(0,1fr)}
  .bom-parent-table>thead>tr>th:nth-child(n+3),.bom-parent-row>td:nth-child(n+3){display:none}
  .bom-parent-row>td{min-width:0;padding:12px 8px}
  .bom-parent-table>thead>tr>th:first-child{padding-inline-start:8px}
  .bom-parent-row .bom-part-cell{gap:4px}
  .bom-toggle{width:44px;height:44px;flex-basis:44px}
  .bom-parent-scroll,.bom-component-scroll{overflow:visible}
  .bom-parent-table .bom-children-row,.bom-component-table .bom-children-row{display:block;width:100%}
  .bom-parent-table>tbody>.bom-children-row>td,.bom-component-table .bom-children-row>td{display:block;width:100%;max-width:none;padding:6px}
  .bom-component-table,.bom-component-table>tbody{display:block;width:100%;min-width:0;max-width:100%;white-space:normal}
  .bom-component-table>thead{display:none}
  .bom-component-row{display:block;border-bottom:1px solid var(--border)}
  .bom-component-row>td{display:block;min-width:0;border:0;padding:8px 12px;white-space:normal;overflow-wrap:anywhere}
  .bom-component-row>td:nth-child(n+3):not(:last-child){display:none}
  .bom-component-row>td:last-child{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:16px}
  .bom-component-row>td:last-child button{min-height:44px;margin:0}
  .bom-component-table .bom-inline-branch{width:100%;max-width:100%;min-width:0}
  .bom-mobile-quantity{display:block;margin:8px 0;font-weight:600}
  .bom-mobile-details{display:block;margin-top:8px}
  .bom-mobile-details>summary{min-height:44px;font-size:13px;color:var(--brand);font-weight:600}
  .bom-mobile-details dl{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:8px 0 0}
  .bom-mobile-details dt{font-size:12px;color:var(--muted)}
  .bom-mobile-details dd{margin:2px 0 0;overflow-wrap:anywhere}
}

/* Phone and handheld layout: compact chrome, wrapping shortcuts, touch-sized actions. */
@media screen and (min-width:768px){
  header.app-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);height:38px;min-height:38px;padding:3px 14px;gap:0 12px}
  .app-header .brand{grid-column:2;justify-self:center}
  .app-header .brand img{display:block;width:100px;height:25px;object-fit:contain}
  .app-header .account button{min-height:32px;margin:0;padding:5px 10px}
}
@media(max-width:1023px){
  .toolbar,.actions,.pager{gap:8px}
  .toolbar{padding:12px}
  .toolbar>button,.toolbar>.button,.actions>button,.actions>.button{min-width:0;max-width:100%;white-space:normal}
  .date-window{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}
  .date-window>label,.date-window>[data-date-apply]{grid-column:1/-1}
  .date-window>label,.date-window input,.date-window select{min-width:0;width:100%}
  .filterrow input{font-size:16px}
  td button,.grid-card button.row-detail-toggle{min-height:44px;min-width:44px}
  .check{min-height:44px}
}
@media(max-width:767px){
  header.app-header{position:relative;grid-template-columns:minmax(0,1fr);gap:0;height:32px;min-height:32px;padding:3px 12px}
  .app-header .brand{position:relative;z-index:1;grid-column:1;grid-row:1;justify-self:center;justify-content:center}
  .app-header .brand img{display:block;width:100px;max-width:100%;height:25px;object-fit:contain}
  .app-header .header-title{display:none}
  .app-header .account:empty{display:none}
  .app-header>.sidebar-menu-toggle{position:absolute;inset:0;width:100%;height:32px;min-height:32px;padding:0 10px;gap:8px;border:0;background:transparent;color:var(--white)}
  .app-header>.sidebar-menu-toggle:hover{background:transparent}
  .app-header>.sidebar-menu-toggle .sidebar-menu-caption{max-width:calc(50% - 88px);text-align:right}
  .header-title .app-name{font-size:clamp(14px,3.8vw,16px);line-height:22px}
  .header-title small{display:none}
  .app-header .account{grid-column:3;grid-row:1;justify-self:end;margin:0;gap:0}
  .app-header .account button{min-height:44px;padding:8px 10px;font-size:12px;line-height:18px}
  .layout>main{padding:12px 12px calc(16px + env(safe-area-inset-bottom,0px))}
  .page-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}
  .page-controls button{width:100%;min-width:0;min-height:44px;padding:8px;font-size:12px}
  .titlebar{margin-bottom:16px}
  .stats{gap:8px;margin-bottom:16px}
  .stats>div{min-width:0;padding:12px}
  .stats span{font-size:12px;line-height:18px}
  .stats strong{font-size:26px;line-height:32px;overflow-wrap:anywhere}
  #content>.card{margin-bottom:16px}
  #content>.card:not(.grid-card){padding:14px}
  .content-section[open]>summary{margin-bottom:12px}
  .quick-links,.workflow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:8px}
  .quick-links>.button,.workflow>a,.workflow>button{min-width:0;min-height:48px;padding:10px;white-space:normal;overflow-wrap:anywhere}
  .quick-links>.button{display:flex;align-items:center;justify-content:center;text-align:center}
}

/* Execution views are mounted only below the desktop breakpoint. */
@media(max-width:1023px){
 #app:is([data-presentation="mobile"],[data-presentation="tablet"])[data-route="home"] :is(.page-controls,.titlebar){display:none}
 .mobile-task-heading h2{margin:0 0 4px;font-size:22px;line-height:28px}
 .mobile-task-heading p{margin:0 0 16px;font-size:14px;color:var(--muted)}
 .mobile-open-tasks{display:flex;align-items:center;gap:12px;min-height:52px;margin-bottom:16px;padding:12px 16px;border:1px solid var(--soft-blue);border-radius:9px;background:var(--highlight);color:var(--primary);text-decoration:none;font-weight:600}
 .mobile-open-tasks strong{margin-left:auto;font-size:22px}
 .mobile-task-launcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .mobile-task-tile{position:relative;display:flex;flex-direction:column;gap:2px;min-width:0;min-height:68px;padding:8px 10px;border:1px solid transparent;border-radius:12px;background:linear-gradient(var(--white),var(--white)) padding-box,var(--block-edge);box-shadow:var(--block-glow,none);color:var(--primary);text-decoration:none}
 .mobile-task-tile strong{font-size:18px;line-height:24px;overflow-wrap:anywhere}
 .mobile-task-tile>span:not(.mobile-task-arrow){padding-right:20px;font-size:12px;line-height:18px;color:var(--muted)}
 .mobile-task-arrow{position:absolute;right:8px;bottom:7px;font-size:20px;color:var(--brand)}
 .mobile-task-tile:active{background:linear-gradient(var(--highlight),var(--highlight)) padding-box,var(--block-edge);border-color:transparent}
 .mobile-record-links{margin-top:20px;border-top:1px solid var(--border);padding-top:12px}
 .mobile-record-links>summary{min-height:48px;color:var(--primary)}
 .mobile-record-links>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
 .mobile-record-links .button{min-height:48px;white-space:normal;text-align:center}
 .transfer-scan .formgrid{grid-template-columns:minmax(0,1fr);gap:14px}
 .transfer-scan input{min-height:48px;font-size:16px}
 .transfer-scan [data-transfer-mode][aria-pressed="true"]{background:var(--brand);color:white}
 .transfer-scan [data-transfer-status]{min-height:36px;overflow-wrap:anywhere}
 .transfer-pending+.transfer-pending{border-top:1px solid var(--border);margin-top:16px;padding-top:12px}
}
@media(max-width:767px){
 .mobile-task-heading{text-align:center}
 .mobile-task-heading h2{font-size:16.5px;line-height:21px}
 .mobile-task-heading p{font-size:10.5px}
}
@media(min-width:768px) and (max-width:1023px){
 .mobile-task-launcher{grid-template-columns:repeat(3,minmax(0,1fr))}
 .mobile-record-links>div{grid-template-columns:repeat(3,minmax(0,1fr))}
}