.inventory-rules-dialog { box-sizing:border-box; width:min(1320px,96vw); max-width:96vw; height:90dvh; max-height:94dvh; padding:16px; border:1px solid #d5dbe2; border-radius:8px; background:#fff; color:#20252c; font-size:13px; }
.inventory-rules-dialog[open] { display:flex; flex-direction:column; gap:8px; }
.inventory-rules-dialog::backdrop { background:rgb(25 32 44 / 28%); }
.inventory-rules-heading,.inventory-rules-tabs,.inventory-rule-filters,.inventory-rules-footer,.inventory-rule-row-actions,.inventory-rule-pending-item { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.inventory-rules-heading h2,.inventory-rules-heading h3,.inventory-rules-heading strong,.inventory-rule-pending-item span { flex:1; margin:0; }
.inventory-rules-heading h2 { font-size:17px; }
.inventory-rules-heading h3,.inventory-rules-preview h3 { font-size:14px; margin:0; }
.inventory-rules-dialog button,.inventory-rules-dialog input,.inventory-rules-dialog select,.inventory-rules-dialog textarea { padding:6px 9px; border:1px solid #ccd3dc; border-radius:4px; background:#fff; color:inherit; font:inherit; box-sizing:border-box; }
.inventory-rules-dialog button { cursor:pointer; }
.inventory-rules-dialog button:hover:not(:disabled) { background:#f0f3f7; }
.inventory-rules-dialog button:disabled { opacity:.45; cursor:default; }
.inventory-rules-dialog :focus-visible { outline:2px solid #497ba4; outline-offset:2px; }
.inventory-rules-tabs { border-bottom:1px solid #dfe4eb; flex-shrink:0; padding-bottom:8px; }
.inventory-rules-tabs [aria-selected=true] { background:#eaf1f8; border-color:#7c9bb7; font-weight:600; }
.inventory-rules-note,.inventory-rules-notice { margin:0; color:#667181; font-size:12px; overflow-wrap:anywhere; }
.inventory-rules-notice { min-height:18px; color:#405367; }
.inventory-rules-notice.is-error,.inventory-rules-error { color:#a23535; }
.inventory-rules-body { flex:1 1 250px; min-height:100px; overflow:auto; display:flex; flex-direction:column; gap:10px; }
.inventory-rules-body>p { margin:0; }
.inventory-rule-filters { flex-shrink:0; }
.inventory-rule-filters input { min-width:180px; flex:1; }
.inventory-rule-table-scroll { overflow:auto; max-height:42dvh; min-height:100px; flex-shrink:0; border:1px solid #e1e5eb; }
.inventory-rules-dialog table { border-collapse:separate; border-spacing:0; width:100%; font-size:12px; }
.inventory-rules-dialog th,.inventory-rules-dialog td { text-align:left; padding:7px 8px; border-bottom:1px solid #e1e5eb; border-right:1px solid #edf0f3; vertical-align:top; white-space:pre-wrap; overflow-wrap:anywhere; min-width:65px; }
.inventory-rules-dialog th { position:sticky; top:0; background:#edf0f4; color:#26303b; z-index:1; }
.inventory-rule-editor { flex-shrink:0; border:1px solid #cdd8e4; border-radius:4px; padding:10px; background:#fafbfd; }
.inventory-rule-editor>.inventory-rules-note { margin:8px 0; }
.inventory-rule-form { display:grid; grid-template-columns:repeat(3,minmax(180px,1fr)); gap:9px; margin:10px 0; }
.inventory-rule-field { display:flex; flex-direction:column; gap:5px; min-width:0; }
.inventory-rule-field:has(textarea) { grid-column:1/-1; }
.inventory-rule-field input[readonly],.inventory-rule-field select:disabled { background:#edf0f4; }
.inventory-rule-field input[type=checkbox] { align-self:flex-start; width:18px; height:18px; }
.inventory-rules-pending { flex-shrink:0; max-height:100px; overflow:auto; font-size:12px; }
.inventory-rule-pending-item { padding:4px 0; }
.inventory-rules-preview { flex:0 1 28%; min-height:65px; overflow:auto; border:1px solid #d3dfeb; padding:10px; }
.inventory-rules-preview[hidden] { display:none; }
.inventory-rules-preview p { margin:5px 0; }
.inventory-rules-preview summary { padding:6px 0; cursor:pointer; }
.inventory-rules-footer { border-top:1px solid #e1e5eb; padding-top:8px; flex-shrink:0; }
.inventory-rules-footer textarea { flex:1; min-width:220px; resize:vertical; max-height:70px; }
.inventory-rules-dialog .inventory-rules-primary { background:#334f6d; color:#fff; border-color:#334f6d; }
@media(max-width:700px) { .inventory-rules-dialog { width:98vw; max-width:98vw; height:94dvh; padding:10px; gap:6px; }.inventory-rules-heading { gap:5px; }.inventory-rules-tabs { gap:4px; }.inventory-rules-tabs button { font-size:12px; padding:6px; }.inventory-rule-form { grid-template-columns:minmax(0,1fr); }.inventory-rules-footer textarea { flex-basis:100%; }.inventory-rule-table-scroll table { min-width:760px; }.inventory-rules-body { min-height:40px; }.inventory-rules-preview { min-height:45px; }.inventory-rules-pending { flex:0 1 auto; min-height:0; max-height:70px; } }