.fulfillment-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.fulfillment-summary>.card{display:grid;gap:7px;background:linear-gradient(145deg,#fff,#f8fbff)}
.fulfillment-summary span{font-size:12px;color:#718199}
.fulfillment-summary strong{font-size:28px;color:#193c66}
.fulfillment-summary small{font-size:11px;color:#92a0b0}
.fulfillment-tabs{display:flex;gap:7px;overflow:auto;border-bottom:1px solid #e7ebf2;margin-bottom:14px}
.fulfillment-tabs button{border:0;background:transparent;color:#637792;padding:10px 12px;white-space:nowrap;font-size:12px;font-weight:700;border-bottom:2px solid transparent}
.fulfillment-tabs button.active{color:#234d7e;border-color:#c99d6f}
.fulfillment-table td{vertical-align:top;line-height:1.5}
.fulfillment-table td small{display:block;color:#8593a7;font-size:11px;max-width:220px;white-space:normal}
.fulfillment-table td details{font-size:11px;color:#8c681d;max-width:220px}
.fulfillment-table td details p{white-space:normal;margin:5px 0}
.fulfillment-table input[type=checkbox]{min-height:15px;width:15px}
.fulfillment-row-exception{background:#fff9f5}
.fulfillment-good{color:#32815f;font-weight:700}
.fulfillment-alert{color:#b35d42;font-weight:700}
.fulfillment-stage{display:inline-block;background:#edf3fb;color:#315b87;border-radius:18px;padding:4px 9px;font-size:11px;font-weight:700}
.fulfillment-queue-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:15px;flex-wrap:wrap;font-size:12px;color:#7b8ba2}
.fulfillment-queue-foot>div{display:flex;align-items:center;gap:9px}
.fulfillment-empty{padding:45px;text-align:center;color:#9ba8b8;font-size:13px}
.fulfillment-batch-grid,.fulfillment-order-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,1fr);gap:22px}
.fulfillment-batch-grid>*,.fulfillment-order-grid>*{min-width:0;max-width:100%}
.fulfillment-order-grid .table-wrap,.fulfillment-batch-grid .table-wrap{max-width:100%;overflow-x:auto}
.fulfillment-batch-grid h3,.fulfillment-order-grid h3{font-size:14px;margin:8px 0 12px}
.fulfillment-batch-order{border:1px solid #e4ebf2;border-radius:10px;padding:12px;margin:9px 0;font-size:12px}
.fulfillment-batch-order p{margin:6px 0;color:#61738d}
.fulfillment-batch-order button{margin-top:7px}
.fulfillment-contact,.fulfillment-scan-section{padding:14px;background:#f8fafc;border:1px solid #e9eef4;border-radius:10px;margin-top:15px;font-size:12px}
.fulfillment-contact p{line-height:1.6;color:#5f6f86;margin:7px 0 0}
.fulfillment-scan-form{display:grid;grid-template-columns:1.3fr .55fr auto;gap:10px;align-items:end;margin-top:14px}
.fulfillment-scan-form p{grid-column:1/-1;margin:0}
.fulfillment-issue-panel{background:#fafbfd;border:1px solid #e5ebf1;border-radius:11px;padding:16px;align-self:start}
.fulfillment-issue-panel form{display:grid;gap:12px}
.fulfillment-open-issue{background:#fff3ed;border:1px solid #f5d5c6;border-radius:9px;padding:12px;margin-bottom:13px;font-size:12px}
.fulfillment-open-issue p{color:#a95d42;line-height:1.5}
.fulfillment-open-issue small{color:#a88273}
.fulfillment-issue-panel details{font-size:11px;color:#647991;margin-top:16px}
.sales-order-exception{display:block;max-width:240px;margin-top:7px;padding:6px 8px;border-radius:7px;background:#fff3ed;color:#a65339;white-space:normal;line-height:1.45}
.fulfillment-print{display:none}
@media(max-width:1100px){.fulfillment-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
.fulfillment-batch-grid,.fulfillment-order-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:600px){.fulfillment-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
.fulfillment-summary strong{font-size:23px}
.fulfillment-scan-form{grid-template-columns:1fr 1fr}
.fulfillment-scan-form label:first-child,.fulfillment-scan-form .primary{grid-column:1/-1}
.fulfillment-queue-foot>div{flex-wrap:wrap}
}
@media print{body{background:#fff}
body *{visibility:hidden!important}
.fulfillment-print,.fulfillment-print *{visibility:visible!important}
.fulfillment-print{display:block!important;position:absolute;inset:0 auto auto 0;width:100%;padding:14mm;color:#111;background:#fff;font:11pt/1.45 system-ui,sans-serif}
.fulfillment-print header{border-bottom:2px solid #222;padding-bottom:8px}
.fulfillment-print h1{font-size:19pt;margin:0}
.fulfillment-print h2{font-size:14pt;margin:22px 0 8px}
.fulfillment-print h3{font-size:12pt}
.fulfillment-print table{width:100%;border-collapse:collapse}
.fulfillment-print th,.fulfillment-print td{border:1px solid #777;padding:7px;text-align:left}
.fulfillment-print section{break-inside:avoid;margin-top:18px}
}