/* Card, scan feedback and action patterns adapted from ui_starter_kit v2. */
.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(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}
}

/* Garment stocktake: one card per category on a phone held upright. */
.gp-stocktake-table input{font-size:16px}
.gp-stocktake-bar{position:sticky;bottom:0;background:#fff;padding:8px 0;border-top:1px solid #e1e8f1;z-index:1}
@media(max-width:640px){
  .gp-stocktake-table table,.gp-stocktake-table tbody,.gp-stocktake-table tr,.gp-stocktake-table td{display:block;width:100%;min-width:0;box-sizing:border-box}
  .gp-stocktake-table thead{display:none}
  .gp-stocktake-table tr{border:1px solid #dce4ef;border-radius:10px;padding:12px;margin:10px 0;background:#fff}
  .gp-stocktake-table td{border:0;padding:4px 0;white-space:normal}
  .gp-stocktake-table td[data-label]::before{content:attr(data-label);display:block;font-size:12px;color:#667085;margin-bottom:3px}
  .gp-stocktake-bar button{flex:1 1 auto}
}