#stockoutModal{position:fixed;inset:0;z-index:100100;background:rgba(12,18,28,.58);display:none;align-items:center;justify-content:center;padding:12px;box-sizing:border-box}
#stockoutModal .stockout-panel{width:min(900px,100%);max-height:94vh;overflow:auto;background:#fff;border-radius:16px;box-shadow:0 18px 60px #0003;text-align:left;color:#202938}
.stockout-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:#c9252b;color:#fff}
.stockout-header h2{margin:0;font-size:21px}.stockout-header p{margin:4px 0 0;font-size:13px;opacity:.9}.stockout-close{background:#fff!important;color:#c9252b!important;border-radius:50%!important;width:38px;height:38px;padding:0!important;font-size:20px!important}
.stockout-body{padding:18px}.stockout-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stockout-form label,.stockout-catalog-form label{display:block;font-size:13px;font-weight:700;margin-bottom:5px}.stockout-form input,.stockout-form select,.stockout-form textarea,.stockout-catalog-form input,.stockout-order-action input{width:100%;box-sizing:border-box;padding:10px;border:1px solid #d6dce5;border-radius:8px;background:#fff;font:inherit;min-width:0}.stockout-form .full{grid-column:1/-1}.stockout-form textarea{min-height:64px;resize:vertical}.stockout-primary,.stockout-order-action button{background:#c9252b!important;color:white!important;padding:10px 14px!important;border:0;border-radius:8px;font-size:14px!important;font-weight:700}.stockout-secondary{background:#f3f4f6!important;color:#374151!important;border:1px solid #d1d5db!important;padding:7px 10px!important;border-radius:7px;font-size:12px!important}.stockout-no-catalog{margin:10px 0;color:#b45309;font-size:13px}.stockout-catalog-admin{border:1px solid #e5e7eb;border-radius:12px;padding:14px;margin:16px 0;background:#fafafa}.stockout-catalog-admin h3{margin:0 0 10px;font-size:16px}.stockout-catalog-form{display:grid;grid-template-columns:1fr 120px auto;gap:8px;align-items:end}.stockout-catalog-list{list-style:none;padding:0;margin:10px 0 0}.stockout-catalog-list li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #e5e7eb}.stockout-catalog-list small{color:#6b7280}.stockout-counts{display:flex;gap:8px;margin:16px 0 10px}.stockout-tab{background:#f3f4f6!important;color:#374151!important;padding:9px 12px!important;border-radius:8px!important;font-size:13px!important}.stockout-tab.active{background:#fee2e2!important;color:#b91c1c!important;border:1px solid #fecaca}.stockout-tab span{font-weight:800}.stockout-report-card{border:1px solid #e1e5eb;border-radius:12px;padding:13px;margin:10px 0;background:#fff}.stockout-report-card.is-out{border-left:4px solid #dc2626}.stockout-report-card.is-ordered{border-left:4px solid #16a34a}.stockout-report-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.stockout-report-top strong{font-size:16px}.stockout-pill{font-size:11px;font-weight:800;padding:4px 8px;border-radius:999px;background:#fee2e2;color:#b91c1c;white-space:nowrap}.is-ordered .stockout-pill{background:#dcfce7;color:#166534}.stockout-report-meta{display:flex;flex-wrap:wrap;gap:12px;margin:9px 0;font-size:13px}.stockout-report-card p{font-size:13px;margin:8px 0}.stockout-report-card>small{display:block;color:#6b7280;font-size:11px;line-height:1.6}.stockout-order-action{display:flex;gap:8px;margin-top:12px}.stockout-order-action input{flex:1}.stockout-empty{padding:24px 12px;text-align:center;color:#6b7280;background:#f9fafb;border-radius:10px}.stockout-status{font-size:13px;margin-top:10px;min-height:18px}
@media(max-width:600px){#stockoutModal{padding:6px}.stockout-header{padding:13px}.stockout-header h2{font-size:18px}.stockout-body{padding:12px}.stockout-form{grid-template-columns:1fr}.stockout-form .full{grid-column:auto}.stockout-catalog-form{grid-template-columns:1fr 100px}.stockout-catalog-form button{grid-column:1/-1}.stockout-order-action{flex-direction:column}.stockout-order-action button{width:100%}.stockout-counts{flex-wrap:wrap}.stockout-tab{flex:1}}

/* Tách quản lý danh mục khỏi luồng báo hết hàng để giao diện mobile gọn hơn */
.stockout-catalog-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:0 0 14px;padding:9px 12px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:13px;font-weight:700;cursor:pointer}
.stockout-catalog-toggle[aria-expanded="true"]{background:#fef2f2;border-color:#fecaca;color:#b91c1c}
#stockoutCatalogAdmin{scroll-margin-top:72px}
@media(max-width:600px){
  .stockout-catalog-toggle{width:100%;margin-bottom:12px}
  .stockout-catalog-form{grid-template-columns:minmax(0,1fr)}
  .stockout-catalog-form button{width:100%}
}