/* Card, scan feedback and action patterns adapted from ui_starter_kit v2. */
.panel .garment-packing button.gp-bi-row{width:100%}
.garment-packing .gp-stock-bi{border:1px solid #dbe4ef;border-radius:12px;margin:24px 0;background:#fff;overflow:hidden}.garment-packing .gp-bi-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px 0}.garment-packing .gp-bi-head h3,.garment-packing .gp-bi-detail-head h3{margin:0;font-size:20px}.garment-packing .gp-bi-head p{margin:5px 0;color:#64748b;font-size:13px}.garment-packing .gp-bi-scope{padding:0 24px;color:#64748b;font-size:13px}.garment-packing .gp-bi-head button[aria-pressed=true]{background:#245bea;color:white;border-color:#245bea}.garment-packing .gp-bi-columns,.garment-packing button.gp-bi-row{display:grid;grid-template-columns:minmax(0,1fr) 110px 80px 90px;gap:18px;align-items:center;text-align:right}.garment-packing .gp-bi-columns{background:#f5f8fc;padding:12px 24px;color:#64748b;font-size:12px}.garment-packing .gp-bi-columns span:first-child{text-align:left}.garment-packing button.gp-bi-row{width:100%;max-width:100%;border:0;border-bottom:1px solid #edf1f6;border-radius:0;padding:16px 24px;color:#17253d;background:#fff}.garment-packing button.gp-bi-row:hover{background:#f6f9ff}.garment-packing button.gp-bi-row[aria-pressed=true]{background:#edf4ff;box-shadow:inset 4px 0 #245bea}.garment-packing .gp-bi-name{text-align:left;min-width:0;overflow-wrap:anywhere}.garment-packing .gp-bi-name strong{display:block;font-size:14px}.garment-packing .gp-bi-row small{display:block;font-size:11px;font-weight:400;color:#64748b}.garment-packing .gp-bi-qty{font-size:24px;font-weight:750;font-variant-numeric:tabular-nums}.garment-packing .gp-bi-bar{display:block;max-width:100%;height:6px;background:#eaf0fa;border-radius:6px;margin:9px 0 5px;overflow:hidden}.garment-packing .gp-bi-bar i{display:block;height:100%;background:#4c7fed;border-radius:6px}.garment-packing .gp-bi-foot{padding:14px 24px;background:#f8fafc;font-size:13px;font-weight:600}.garment-packing .gp-bi-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;scroll-margin-top:20px}.garment-packing .gp-bi-empty{padding:24px;color:#64748b}@media(max-width:760px){.garment-packing .gp-bi-head{display:block;padding:16px 14px 0}.garment-packing .gp-bi-scope{padding:0 14px}.garment-packing .gp-bi-columns,.garment-packing button.gp-bi-row{grid-template-columns:minmax(0,1fr) 65px 38px;gap:10px;padding:14px}.garment-packing .gp-bi-columns span:last-child,.garment-packing .gp-bi-row>span:last-child{display:none}.garment-packing .gp-bi-qty{font-size:21px}.garment-packing .gp-bi-name strong{font-size:12px}.garment-packing .gp-bi-head .gp-actions{gap:8px}.garment-packing .gp-bi-detail-head{align-items:flex-start}.garment-packing .gp-bi-detail-head h3{font-size:17px}}
.garment-packing{color:#17253d;line-height:1.55}.garment-packing .gp-card,.garment-packing .gp-success{padding:24px;border:1px solid #dae3f0;border-radius:12px;background:#fff;margin:18px 0}.garment-packing .gp-success{background:#effaf5;border-color:#a4d7be}.garment-packing .gp-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:22px 0}.garment-packing label{display:flex;flex-direction:column;gap:8px;font-weight:600}.garment-packing input,.garment-packing select{min-height:44px;padding:10px;border:1px solid #ccd8e8;border-radius:7px;background:#fff;font:inherit;max-width:100%;width:100%}.garment-packing button{border:1px solid #cad8ee;border-radius:7px;padding:9px 15px;background:#fff;color:#245bea;cursor:pointer;min-height:42px}.garment-packing button.primary{background:#2563eb;color:#fff;border-color:#2563eb;font-weight:700}.garment-packing button:disabled{opacity:.5;cursor:wait}.garment-packing .gp-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0}.garment-packing .gp-actions input{width:min(360px,100%)}.garment-packing .gp-cost{padding:20px;background:#f1f6ff;border:1px solid #ccddfa;border-radius:9px;margin:18px 0}.garment-packing .gp-cost strong{font-size:30px;margin-right:15px}.garment-packing .gp-error{padding:14px;background:#fff1ef;color:#9e2d23;border-radius:7px}.garment-packing .gp-kpis{display:grid;grid-template-columns:repeat(var(--gp-kpi-count,3),1fr);gap:18px;margin:18px 0}.garment-packing .gp-kpis article{padding:22px;background:#f5f8fc;border:1px solid #dde6f3;border-radius:10px}.garment-packing .gp-kpis strong{display:block;font-size:28px}.garment-packing .gp-table{overflow-x:auto;margin:20px 0}.garment-packing table{width:100%;border-collapse:collapse;text-align:left}.garment-packing th,.garment-packing td{border-bottom:1px solid #e1e8f1;padding:16px;vertical-align:top}.garment-packing th{background:#f5f8fc;font-size:13px}.garment-packing td small{color:#64748b}.garment-packing details{margin-top:10px}.garment-packing summary{cursor:pointer;color:#885341}.garment-packing :focus-visible{outline:3px solid #93baff;outline-offset:3px}@media(max-width:1100px){.garment-packing .gp-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.garment-packing .gp-fields,.garment-packing .gp-kpis{grid-template-columns:1fr}.garment-packing .gp-card{padding:16px}.garment-packing table{min-width:650px}}

.panel .garment-packing button{width:auto;flex:0 0 auto;max-width:100%}.panel .garment-packing .gp-actions{display:flex}.panel .garment-packing .gp-fields{min-width:0}.panel .garment-packing .gp-fields>*{min-width:0}

/* Mobile manager: reuse the receiving and shelf APIs inside the existing PDA shell. */
.store-manager-pda-legacy-tools{border:1px solid #dce4ef;border-radius:10px;padding:14px;margin-top:18px;background:#f8fafc}
.store-manager-pda-legacy-tools summary{cursor:pointer;font-weight:700;min-height:44px}
.store-manager-pda-legacy-tools summary small{display:block;font-weight:400;color:#667085;margin:6px 0 0 18px}
.store-manager-pda-legacy-tools p,.store-manager-pda-legacy-notice p{font-size:14px;line-height:1.5}
.store-manager-pda-legacy-notice{padding:12px;background:#f1f6ff;border-radius:8px;margin-bottom:14px}
.store-manager-garment-flow{font-size:14px;min-width:0;overflow-wrap:anywhere}
.store-manager-garment-flow .gp-card,.store-manager-garment-flow .gp-success,.store-manager-garment-flow .gp-cost{padding:14px;margin:12px 0}
.store-manager-garment-flow .gp-mobile-flow-note{padding:12px;background:#f1f6ff;border-radius:8px}
.store-manager-garment-flow .gp-actions{gap:8px;margin:10px 0}
.store-manager-garment-flow .gp-actions label{flex:1 1 100%;min-width:0}
.store-manager-garment-flow .gp-actions button{flex:1 1 auto;min-height:44px}
.store-manager-garment-flow form[data-scan] input{width:100%;flex:1 1 100%;font-size:16px}
.store-manager-garment-flow input,.store-manager-garment-flow select,.store-manager-garment-flow textarea{font-size:16px;min-width:0;max-width:100%}
.store-manager-garment-flow textarea{width:100%;min-height:96px}
.store-manager-garment-flow fieldset{min-width:0}
.store-manager-garment-flow .gp-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.store-manager-garment-flow .gp-kpis article{padding:12px 8px;font-size:12px}
.store-manager-garment-flow .gp-kpis strong{font-size:24px}
.store-manager-garment-flow .gp-table{overflow:visible;margin:12px 0}
.store-manager-garment-flow table,.store-manager-garment-flow tbody{display:block;min-width:0;width:100%}
.store-manager-garment-flow thead{display:none}
.store-manager-garment-flow tr{display:grid;grid-template-columns:1fr;gap:8px;border:1px solid #dce4ef;border-radius:10px;padding:12px;margin:10px 0;background:#fff}
.store-manager-garment-flow td{display:block;padding:0;border:0;min-width:0}
.store-manager-garment-flow td[data-label]::before{content:attr(data-label);display:block;font-size:12px;color:#667085;margin-bottom:3px}
.store-manager-garment-flow .gp-receipt-table tr{grid-template-columns:24px minmax(0,1fr)}
.store-manager-garment-flow .gp-receipt-table td:first-child{grid-row:1 / 4}
.store-manager-garment-flow .gp-receipt-table td:not(:first-child){grid-column:2}
.store-manager-garment-flow .gp-stock-table td:last-child button{width:100%}
.store-manager-garment-flow .gp-shelf-editor tr{grid-template-columns:minmax(0,1fr) auto}
.store-manager-garment-flow .gp-shelf-editor td:first-child{grid-column:1 / -1}
.store-manager-garment-flow .gp-shelf-editor td:last-child{align-self:end}

.garment-packing [data-sold]{max-width:360px;min-width:240px}.garment-packing [data-sold] input{box-sizing:border-box}.garment-packing [data-sold] button{margin-top:12px}
@media(max-width:640px){
  .gp-category-returns-table table,.gp-category-returns-table tbody,.gp-category-returns-table tr,.gp-category-returns-table td{display:block;width:100%;min-width:0;box-sizing:border-box}
  .gp-category-returns-table thead{display:none}
  .gp-category-returns-table tr{border-bottom:1px solid #dce4ef;padding:8px 0}
  .gp-category-returns-table td{border:0;white-space:normal}
  .gp-category-returns-table td[data-label]::before{content:attr(data-label);display:block;font-weight:600;margin-bottom:4px}
  .gp-category-returns-table button{margin:4px 4px 4px 0}
}
/* Tabler-inspired compact statistics / progress table; MIT notice: docs/THIRD_PARTY_NOTICES_STOCK_BI.md. */
.garment-packing[data-garment-packing="stock"]{--bi-blue:#4263eb;--bi-ink:#1d273b;--bi-muted:#667382}
.garment-packing[data-garment-packing="stock"]>.gp-kpis{gap:14px}
.garment-packing[data-garment-packing="stock"]>.gp-kpis article{background:#fff;border:1px solid #e2e7ee;border-radius:8px;box-shadow:0 2px 4px #1d273b04;padding:20px 24px;border-top:3px solid #4263eb}
.garment-packing[data-garment-packing="stock"]>.gp-kpis article:nth-child(2){border-top-color:#0ca678}
.garment-packing[data-garment-packing="stock"]>.gp-kpis article:nth-child(3){border-top-color:#f59f00}
.garment-packing[data-garment-packing="stock"]>.gp-kpis small{font-size:12px;color:#667382}
.garment-packing[data-garment-packing="stock"]>.gp-kpis strong{font-size:32px;letter-spacing:-.8px;font-variant-numeric:tabular-nums;margin-top:8px}
.garment-packing .gp-tabler-bi{border:1px solid #e2e7ee;border-radius:8px;box-shadow:0 2px 5px #1d273b04}
.garment-packing .gp-tabler-bi .gp-bi-head{padding:24px 24px 20px;align-items:center;border-bottom:1px solid #e9edf2}
.garment-packing .gp-bi-eyebrow{font-size:11px;color:#667382;letter-spacing:.8px;margin-bottom:7px;font-weight:600}
.garment-packing .gp-tabler-bi .gp-bi-head h3{font-size:23px;color:#1d273b;letter-spacing:-.5px}
.garment-packing .gp-tabler-bi .gp-bi-head .gp-actions{background:#f1f3f5;padding:4px;border-radius:7px;gap:2px;flex-wrap:nowrap}
.garment-packing .gp-tabler-bi .gp-bi-head button{border:0;background:transparent;color:#667382;font-weight:600;font-size:13px;min-height:34px;padding:7px 15px;white-space:nowrap}
.garment-packing .gp-tabler-bi .gp-bi-head button[aria-pressed=true]{background:white;color:#4263eb;box-shadow:0 1px 4px #1d273b20}
.garment-packing .gp-bi-layout{display:grid;grid-template-columns:280px minmax(0,1fr)}
.garment-packing .gp-bi-composition{padding:24px;border-right:1px solid #e9edf2;background:#fcfdff;min-width:0}
.garment-packing .gp-bi-composition h4,.garment-packing .gp-bi-ranking h4{font-size:15px;font-weight:650;margin:0;color:#1d273b}
.garment-packing .gp-bi-composition>p{font-size:12px;color:#667382;margin:5px 0 22px}
.garment-packing .gp-bi-donut{width:178px;height:178px;border-radius:50%;display:grid;place-items:center;margin:0 auto 24px}
.garment-packing .gp-bi-donut>div{border:5px solid white;background:#fcfdff;width:142px;height:142px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.garment-packing .gp-bi-donut strong{font-size:29px;letter-spacing:-1px;color:#1d273b;font-variant-numeric:tabular-nums}
.garment-packing .gp-bi-donut span{font-size:11px;color:#667382}
.garment-packing .gp-bi-legend>div{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:9px;align-items:start;font-size:11px;line-height:1.6;margin-bottom:13px}
.garment-packing .gp-bi-legend strong{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}
.garment-packing .gp-bi-legend span{overflow-wrap:anywhere}
.garment-packing .gp-bi-dot{height:8px;width:8px;border-radius:3px;margin-top:5px}
.garment-packing .gp-bi-composition-foot{padding-top:14px;border-top:1px solid #e9edf2;margin-top:20px;color:#667382;font-size:12px}
.garment-packing .gp-bi-composition-foot strong{color:#1d273b;font-size:19px;margin-right:5px}
.garment-packing .gp-bi-ranking{min-width:0}
.garment-packing .gp-bi-ranking-title{padding:22px 22px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.garment-packing .gp-bi-ranking-title>span{color:#667382;font-size:11px}
.garment-packing .gp-tabler-bi .gp-bi-columns,.garment-packing .gp-tabler-bi button.gp-bi-row{grid-template-columns:minmax(0,1fr) 75px 45px 55px;gap:12px;padding:14px 22px}
.garment-packing .gp-tabler-bi .gp-bi-columns{font-size:11px;background:#f6f8fb;border-top:1px solid #e9edf2;border-bottom:1px solid #e9edf2}
.garment-packing .gp-tabler-bi .gp-bi-rows{max-height:520px;overflow-y:auto;scrollbar-width:thin}
.garment-packing .gp-tabler-bi button.gp-bi-row{min-height:85px}
.garment-packing .gp-tabler-bi .gp-bi-name{display:flex;gap:12px;align-items:flex-start}
.garment-packing .gp-bi-rank{font-size:10px;background:#f1f3f8;color:#667382;min-width:23px;height:23px;display:grid;place-items:center;border-radius:5px;margin-top:1px}
.garment-packing .gp-bi-category{flex:1;min-width:0}
.garment-packing .gp-tabler-bi .gp-bi-name strong{font-size:12px;line-height:1.5}
.garment-packing .gp-tabler-bi .gp-bi-qty{font-size:21px}
.garment-packing .gp-tabler-bi .gp-bi-bar{height:4px;margin:9px 0 5px;background:#eef1f7}
.garment-packing .gp-tabler-bi .gp-bi-foot{padding:14px 22px;font-size:12px;border-top:1px solid #e9edf2;background:#fff}
.garment-packing .gp-tabler-bi .gp-bi-foot>span{display:block;color:#4263eb;font-weight:400;font-size:11px;margin-top:5px}
.garment-packing .gp-tabler-bi .gp-bi-scope{margin:0;padding:13px 24px;border-top:1px solid #e9edf2;background:#f8fafc;font-size:11px}
@media(max-width:1100px){.garment-packing .gp-bi-layout{grid-template-columns:230px minmax(0,1fr)}.garment-packing .gp-bi-composition{padding:20px 16px}.garment-packing .gp-tabler-bi .gp-bi-columns,.garment-packing .gp-tabler-bi button.gp-bi-row{padding:12px 14px;gap:9px}}
@media(max-width:900px){.garment-packing .gp-bi-layout{display:block}.garment-packing .gp-bi-composition{display:none}.garment-packing .gp-tabler-bi .gp-bi-rows{max-height:480px}.garment-packing .gp-tabler-bi .gp-bi-head{padding:18px 16px}.garment-packing .gp-bi-ranking-title{padding:18px 16px}.garment-packing .gp-bi-ranking-title>span{font-size:10px}}
@media(max-width:760px){.garment-packing .gp-tabler-bi .gp-bi-columns,.garment-packing .gp-tabler-bi button.gp-bi-row{grid-template-columns:minmax(0,1fr) 59px 35px;gap:8px}.garment-packing .gp-tabler-bi .gp-bi-head h3{font-size:21px}.garment-packing .gp-tabler-bi .gp-bi-head p{font-size:12px}.garment-packing .gp-tabler-bi .gp-bi-head .gp-actions{display:inline-flex;margin-bottom:0}.garment-packing .gp-tabler-bi .gp-bi-name{gap:7px}.garment-packing .gp-bi-rank{min-width:20px;height:20px}.garment-packing .gp-tabler-bi .gp-bi-name strong{font-size:11px}.garment-packing .gp-tabler-bi .gp-bi-qty{font-size:19px}.garment-packing .gp-tabler-bi .gp-bi-row small{font-size:10px}.garment-packing .gp-tabler-bi .gp-bi-scope{padding:12px 15px}.garment-packing .gp-tabler-bi .gp-bi-foot{padding:12px 15px}}
/* Read-only subcategory warning at the owner-confirmed five-bale threshold. */
.garment-packing .gp-stock-alerts{margin:24px 0;border:1px solid #f0d5a5;border-radius:8px;background:#fffcf7;padding:20px 24px}.garment-packing .gp-alert-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.garment-packing .gp-alert-head h3{font-size:18px;margin:0;color:#704813}.garment-packing .gp-alert-head>span{font-size:12px;color:#946020;white-space:nowrap}.garment-packing .gp-stock-alerts>p{font-size:12px;color:#79684c;margin:8px 0 16px}.garment-packing .gp-alert-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:340px;overflow-y:auto}.panel .garment-packing button.gp-alert-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;border:1px solid #f0d6ad;background:white;color:#9b5700;padding:13px 15px;min-height:72px}.garment-packing .gp-alert-item>span{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.garment-packing .gp-alert-item strong{display:flex;align-items:baseline;gap:5px;font-size:25px;white-space:nowrap}.garment-packing .gp-alert-item small{font-size:11px;font-weight:400}.panel .garment-packing button.gp-alert-item.is-zero{border-color:#f1c4c4;background:#fff7f7;color:#b4232c}.panel .garment-packing button.gp-alert-item[aria-pressed=true]{outline:2px solid #4263eb;outline-offset:-2px}.garment-packing .gp-alert-empty{font-size:13px;color:#526b55;padding:10px 0}@media(max-width:1100px){.garment-packing .gp-alert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.garment-packing .gp-stock-alerts{padding:16px}.garment-packing .gp-alert-grid{grid-template-columns:1fr;max-height:330px}.garment-packing .gp-alert-head{align-items:flex-start}.garment-packing .gp-alert-head h3{font-size:16px}}