.fulfillment-card { display:flex; align-items:center; gap:16px; justify-content:space-between; padding:18px 14px; margin:10px 0; border:1px solid #c9d8b7; border-left:4px solid #417d31; border-radius:10px; background:#f3f7eb; }
.fulfillment-card > div { min-width:0; }
.fulfillment-card strong { display:block; font-size:15px; overflow-wrap:anywhere; }
.fulfillment-card small,.fulfillment-history small,.stock-manager-row small { display:block; color:#6b6e62; margin-top:5px; overflow-wrap:anywhere; }
.fulfillment-time { display:block; color:#80561c; font-size:13px; margin-top:8px; font-variant-numeric:tabular-nums; }
.primary-button.fulfill-primary { min-height:46px; padding:12px 18px; font-size:15px; font-weight:750; background:#386d2e; color:white; flex-shrink:0; border-radius:9px; }
.primary-button.fulfill-primary:hover { background:#2d5726; }
.primary-button.fulfill-primary:disabled { background:#dedfd6; color:#6b6e62; cursor:default; }
.fulfillment-history { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid var(--line); font-size:12px; }
.fulfillment-history strong { color:#536949; text-align:right; }
.fulfillment-heading-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
#fulfillment-refresh-state { font-size:11px; color:#777; }
.inventory-row { grid-template-columns:max-content minmax(80px,1fr) auto auto auto auto auto auto; }
.inventory-row [data-manage-stock] { font-weight:700; color:#37642b; }
.stock-help { font-size:12px; color:#656a5b; }
.stock-toolbar { display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; padding:12px 0; font-size:12px; }
.stock-toolbar select { max-width:100%; padding:8px; border:1px solid var(--line); border-radius:6px; background:var(--paper); }
.stock-manager-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 0; border-bottom:1px solid var(--line); }
.stock-manager-row > div { min-width:0; overflow-wrap:anywhere; }
.stock-manager-row strong { font-size:13px; }
.stock-delete { min-width:64px; min-height:40px; background:#fff4ef; color:#a33723; border:1px solid #dfb9aa; border-radius:7px; font-weight:700; flex-shrink:0; }
#fulfill-form label { font-size:13px; }
#fulfill-form textarea,#fulfill-form select { font-size:13px; }
@media(max-width:1100px) { .inventory-row { grid-template-columns:repeat(3,minmax(0,1fr)); } .inventory-row > strong { grid-column:span 2; } }
@media(max-width:600px) { .fulfillment-card { align-items:stretch; flex-direction:column; gap:10px; } .fulfill-primary { width:100%; } .fulfillment-history { align-items:flex-start; } }