.sap-filter-dialog { width: min(960px, calc(100vw - 24px)); max-height: calc(100dvh - 32px); padding: 0; border: 1px solid #cbd2d8; border-radius: 8px; color: #20282d; }
.sap-filter-dialog::backdrop { background: #15202866; }

/* One query shell: the header and actions never join the scrolling fields. */
dialog.query-filter-dialog.query-filter-dialog {width:min(780px,calc(100vw - 24px));max-width:calc(100vw - 24px);height:fit-content;max-height:calc(100dvh - 24px);padding:0;border:1px solid #d2e1e5;border-radius:14px;color:#254654;box-shadow:0 24px 80px #153b4938;box-sizing:border-box}
dialog.query-filter-dialog.query-filter-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
dialog.query-filter-dialog::backdrop{background:#16354180;backdrop-filter:blur(2px)}
dialog.query-filter-dialog .query-filter-heading{display:flex;flex:none;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:18px 22px;border-bottom:1px solid #e0e8eb;background:#f8fbfa}
.query-filter-heading-copy{min-width:0;flex:1}
.query-filter-module{display:block;font-size:10px;letter-spacing:.12em;font-weight:650;color:#258169;overflow-wrap:anywhere}
dialog.query-filter-dialog .query-filter-heading h2{font-size:20px;line-height:1.25;letter-spacing:-.02em;margin:4px 0 0;overflow-wrap:anywhere}
dialog.query-filter-dialog .query-filter-heading button{flex:none}
dialog.query-filter-dialog .query-filter-body,dialog.query-filter-dialog .query-filter-form{display:flex;flex:0 1 auto;flex-direction:column;min-height:0;min-width:0;overflow:hidden;max-height:none;width:100%;margin:0;padding:0;border:0;background:transparent}
dialog#dialog.query-filter-dialog>#dialogBody,dialog.query-filter-dialog #outletFilterBody{display:flex;flex:0 1 auto;flex-direction:column;min-height:0;min-width:0;overflow:hidden;max-height:none;width:100%;padding:0}
dialog.query-filter-dialog .sap-filter-tokens,dialog.query-filter-dialog .sap-account-grid{max-height:none;overflow:visible}
dialog.query-filter-dialog .gl-scope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
dialog.query-filter-dialog :is(.ap-fields,.ar-filter-scope,.ar-filter-grid,.outlet-filter-grid,.unique-filter-grid,.financial-filter-grid,.wh-form-grid){grid-template-columns:repeat(2,minmax(0,1fr))}
dialog.query-filter-dialog .gl-scope-grid>*{grid-column:auto;grid-row:auto}
dialog.query-filter-dialog .query-filter-scroll{display:block;flex:0 1 auto;min-height:0;min-width:0;max-height:none;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:18px 22px 4px;font-size:12px}
dialog.query-filter-dialog .query-filter-scroll fieldset{min-width:0;margin:0 0 17px;padding:0 0 16px;border:0;border-bottom:1px solid #e4ecee}
dialog.query-filter-dialog .query-filter-scroll legend{font-size:12px;font-weight:700;color:#375c69;padding:0 0 11px}
dialog.query-filter-dialog .query-filter-scroll label{min-width:0;font-size:11px;gap:6px}
dialog.query-filter-dialog .query-filter-scroll input:not([type=checkbox]):not([type=radio]),dialog.query-filter-dialog .query-filter-scroll select{width:100%;max-width:100%;min-width:0;min-height:36px;box-sizing:border-box;border-radius:6px;font-size:12px}
dialog.query-filter-dialog .query-filter-scroll input[type=checkbox],dialog.query-filter-dialog .query-filter-scroll input[type=radio]{width:16px;height:16px;min-height:16px;flex:none;accent-color:#147a67}
dialog.query-filter-dialog .query-filter-scroll .sap-filter-extension{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
dialog.query-filter-dialog .sap-filter-extension>legend,dialog.query-filter-dialog .sap-filter-extension>.ap-company-choices,dialog.query-filter-dialog .sap-filter-extension>[data-record-editor],dialog.query-filter-dialog .sap-filter-extension>.caption{grid-column:1/-1}
dialog.query-filter-dialog .sap-filter-extension>:is(.wh-form-grid,.ap-fields,.ar-filter-scope,.ar-filter-grid,.financial-filter-grid){grid-column:1/-1}
dialog.query-filter-dialog .query-filter-footer{position:static;display:flex;flex:none;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;width:100%;margin:0;padding:14px 22px;border-top:1px solid #dce7e9;background:#f8fbfa;box-sizing:border-box}
dialog.query-filter-dialog .query-filter-footer button{min-height:36px;padding:8px 13px;font-size:12px;white-space:nowrap}
dialog.query-filter-dialog .query-filter-footer [data-query-clear]{margin-right:auto}
dialog.query-filter-dialog .bank-filter-presets{display:flex;gap:8px;align-items:center;margin:8px 0}
dialog.query-filter-dialog .query-filter-footer .primary{background:#147a67;color:white;border-color:#147a67}
dialog.query-filter-dialog .query-filter-scroll [role=alert]{color:#ad3d2c;font-size:12px}
dialog.query-filter-dialog .query-filter-scroll [role=alert]:empty{display:none}
/* The original custom body may have been a flex grid before adoption. */
dialog.query-filter-dialog .query-filter-scroll>.financial-filter-form{display:contents}
dialog.query-filter-dialog .financial-filter-form>.query-filter-scroll{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
dialog.query-filter-dialog .financial-filter-form>.query-filter-scroll>.sap-selection-variants{grid-column:1/-1}
@media(max-width:600px){
  dialog.query-filter-dialog.query-filter-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}
  dialog.query-filter-dialog .query-filter-heading{padding:14px 16px}
  dialog.query-filter-dialog .query-filter-scroll{padding:14px 16px 4px}
  dialog.query-filter-dialog .query-filter-footer{padding:12px 16px;gap:6px}
  dialog.query-filter-dialog .query-filter-scroll .sap-filter-extension,dialog.query-filter-dialog .outlet-filter-grid,dialog.query-filter-dialog .unique-filter-grid,dialog.query-filter-dialog .financial-filter-grid,dialog.query-filter-dialog .ap-fields,dialog.query-filter-dialog .ar-filter-grid,dialog.query-filter-dialog .ar-filter-scope{grid-template-columns:minmax(0,1fr)}
  dialog.query-filter-dialog .query-filter-footer button{padding:8px 10px}
  dialog.query-filter-dialog .financial-filter-form>.query-filter-scroll,dialog.query-filter-dialog .gl-scope-grid,dialog.query-filter-dialog .wh-form-grid{grid-template-columns:minmax(0,1fr)}
  dialog.query-filter-dialog .gl-scope-grid>*{grid-column:auto;grid-row:auto}
}
@media(max-height:450px){dialog.query-filter-dialog .query-filter-heading{padding-top:10px;padding-bottom:10px}dialog.query-filter-dialog .query-filter-footer{padding-top:8px;padding-bottom:8px}}
.sap-icon-button { display:inline-flex; align-items:center; justify-content:center; flex:none; width:32px; height:32px; min-height:32px; padding:5px; border:1px solid #bac5cc; border-radius:4px; background:#fff; color:#315968; cursor:pointer; vertical-align:middle; }
.sap-icon-button svg { width:18px; height:18px; flex:none; pointer-events:none; }
.sap-icon-button:disabled { opacity:.4; cursor:default; }
.sap-icon-button:hover:not(:disabled) { background:#edf6f9; border-color:#087b9c; }
.sap-column-heading { display:flex; align-items:center; justify-content:space-between; gap:4px; min-width:0; }
.sap-column-heading .column-sort { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:inherit; }
.sap-filterable-column .sap-icon-button { flex:0 0 22px; margin:0; width:22px; height:22px; min-height:22px; padding:3px; border:0; border-radius:2px; background:transparent; color:#697b82; box-shadow:none; }
.sap-filterable-column .sap-icon-button svg { width:14px; height:14px; }
.sap-filterable-column .sap-icon-button:hover:not(:disabled) { background:#dce8e5; color:#176d60; }
.sap-filterable-column .sap-icon-button[data-active] { color:#096d5b; background:#dcefe8; box-shadow:inset 0 -2px #147d70; }
.sap-filterable-column .sap-icon-button:focus-visible { outline:2px solid #147d70; outline-offset:1px; }
@media(pointer:coarse) { .sap-filterable-column .sap-icon-button { flex-basis:28px; width:28px; height:28px; min-height:28px; } }
.sap-field-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 20px; }
.sap-field-line { display:grid; grid-template-columns:minmax(0,1fr) 32px 24px 32px; align-items:end; gap:5px; min-width:0; }
.sap-filter-editor .sap-field-line label { min-width:0; width:100%; max-width:none; }
.sap-field-line label span { overflow-wrap:anywhere; }
.sap-field-line input[readonly] { background:#f0f5f6; cursor:pointer; text-overflow:ellipsis; }
.sap-field-line .sap-icon-button { padding:5px; min-height:34px; }
.sap-field-count { line-height:34px; text-align:center; font-size:12px; color:#147d70; font-weight:600; }
.sap-filter-pending { font-size:12px; color:#866006; }
.sap-field-dialog { width:min(820px,calc(100vw - 24px)); }
.sap-field-dialog[open] { display:flex; flex-direction:column; overflow:hidden; }
.sap-field-dialog .dialog-heading,.sap-field-dialog footer { flex:none; }
.sap-field-dialog .sap-filter-body { display:grid; gap:12px; min-height:0; font-size:13px; }
.sap-field-dialog input,.sap-field-dialog select,.sap-field-dialog textarea { max-width:100%; min-width:0; width:100%; padding:7px; min-height:34px; border:1px solid #b9c8cf; border-radius:3px; background:#fff; font:inherit; }
.sap-field-dialog input[type=checkbox] { width:16px; min-height:16px; }
.sap-field-dialog input[aria-invalid=true] { border-color:#ba3327; outline:1px solid #ba3327; }
.sap-field-dialog .sap-filter-tabs button { background:#fff; padding:8px 4px; font:inherit; color:#263c48; cursor:pointer; }
.sap-field-dialog .sap-filter-tabs button[aria-selected=true] { background:#edf6f9; }
.sap-field-dialog .sap-filter-tabs button:disabled { opacity:.4; cursor:default; }
.sap-field-grid { max-height:360px; overflow:auto; border:1px solid #c7d6df; border-radius:4px; }
.sap-field-grid table { width:100%; table-layout:fixed; border-collapse:collapse; margin:0; }
.sap-field-grid th { position:sticky; top:0; z-index:1; background:#edf3f6; text-align:left; }
.sap-field-grid td,.sap-field-grid th { padding:5px; border-bottom:1px solid #e0e8ec; }
.sap-field-grid input:not([type=checkbox]),.sap-field-grid select { border-color:transparent; border-radius:2px; background:transparent; }
.sap-field-grid input:not([type=checkbox]):hover,.sap-field-grid select:hover { border-color:#c7d6df; }
.sap-field-grid input:not([type=checkbox]):focus,.sap-field-grid select:focus { border-color:#379788; outline:1px solid #379788; outline-offset:0; }
.sap-field-grid td:last-child .sap-icon-button { border:0; background:transparent; }
.sap-field-grid td:last-child [data-remove-row] { color:#7b4a42; }
.sap-field-grid td:last-child [data-value-help]:disabled { visibility:hidden; }
.sap-field-grid .sap-row-number { position:relative; display:grid; place-items:center; width:22px; height:28px; color:#667e8a; font-size:11px; }
.sap-row-number input { position:absolute; opacity:0; margin:0; }
.sap-row-number:hover input,.sap-row-number:focus-within input,.sap-row-number:has(input:checked) input { opacity:1; }
.sap-row-number:hover span,.sap-row-number:focus-within span,.sap-row-number:has(input:checked) span { visibility:hidden; }
.sap-field-grid th:first-child { width:32px; }
.sap-field-grid th[data-condition] { width:140px; }
.sap-field-grid th:last-child { width:78px; }
.sap-field-grid td:last-child { white-space:nowrap; }
.sap-field-grid td:last-child button+button { margin-left:4px; }
.sap-field-tools { display:flex; gap:8px; align-items:center; }
.sap-field-tools [data-total] { margin-left:auto; color:#526875; }
.sap-field-dialog [data-error]:empty { display:none; }
.sap-field-dialog footer .primary { background:#147d70; border-color:#147d70; color:#fff; }
@media(max-width:700px) { .sap-field-list { grid-template-columns:minmax(0,1fr); } .sap-field-grid table { min-width:480px; } .sap-field-dialog h2 { font-size:16px; overflow-wrap:anywhere; } .sap-filter-bottom { flex-wrap:wrap; } }
@media(max-width:520px) {
  .sap-field-grid table { min-width:0; display:block; }
  .sap-field-grid thead { display:none; }
  .sap-field-grid tbody { display:block; }
  .sap-field-grid tbody tr { display:grid; grid-template-columns:26px minmax(0,1fr) minmax(0,1fr) 38px; grid-template-rows:40px 58px; border-bottom:1px solid #d8e3e7; }
  .sap-field-grid td { border:0; min-width:0; padding:4px; }
  .sap-field-grid td:first-child { grid-column:1; grid-row:1 / 3; align-self:center; }
  .sap-field-grid td[data-condition] { grid-column:2 / 4; grid-row:1; }
  .sap-field-grid td[data-value-cell=low] { grid-column:2 / 4; grid-row:2; }
  .sap-field-grid td[data-value-cell=low]::before { content:"Valor"; display:block; font-size:11px; margin-bottom:3px; color:#526875; }
  .sap-field-grid[data-range=true] td[data-value-cell=low] { grid-column:2; }
  .sap-field-grid[data-range=true] td[data-value-cell=low]::before { content:"Desde"; }
  .sap-field-grid[data-range=true] td[data-value-cell=high] { grid-column:3; grid-row:2; }
  .sap-field-grid[data-range=true] td[data-value-cell=high]::before { content:"Hasta"; display:block; font-size:11px; margin-bottom:3px; color:#526875; }
  .sap-field-grid[data-conditions=false] tbody tr { grid-template-rows:64px; }
  .sap-field-grid[data-conditions=false] td[data-value-cell] { grid-row:1; }
  .sap-field-grid[data-conditions=false] td:first-child,.sap-field-grid[data-conditions=false] td:last-child { grid-row:1; }
  .sap-field-grid td:last-child { grid-column:4; grid-row:1 / 3; display:flex; flex-direction:column; gap:6px; align-items:center; padding-top:5px; }
  .sap-field-grid td:last-child button+button { margin-left:0; }
}
.sap-value-cell { display:flex; align-items:center; min-width:0; width:100%; }
.sap-value-cell input { flex:1; min-width:0; }
.sap-value-cell [data-show-values] { display:grid; place-items:center; flex:0 0 24px; width:24px; height:30px; min-height:30px; padding:2px; border:0; border-radius:2px; background:transparent; color:#526875; cursor:pointer; }
.sap-value-cell [data-show-values] svg { width:15px; height:15px; }
.sap-value-cell [data-show-values]:hover { background:#e7f2ef; color:#147d70; }
.sap-value-cell:has(input:disabled) [data-show-values] { visibility:hidden; }
.sap-value-popup { position:fixed; z-index:20; overflow:auto; border:1px solid #aebfc5; border-radius:4px; box-shadow:0 4px 12px #15202826; background:#fff; color:#20282d; font-size:13px; }
.sap-value-popup[hidden] { display:none; }
.sap-value-popup [role=option] { display:grid; gap:2px; padding:8px 10px; cursor:pointer; overflow-wrap:anywhere; }
.sap-value-popup [role=option]:hover,.sap-value-popup [aria-selected=true] { background:#e7f2ef; color:#105e52; }
.sap-value-popup small { color:#526875; }
.sap-value-popup [role=status] { margin:0; padding:7px 10px; border-top:1px solid #e0e8ec; color:#526875; font-size:12px; }
.sap-filter-dialog .dialog-heading { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid #d8dde1; }
.sap-filter-dialog h2 { font-size: 18px; margin: 0; }
.sap-filter-dialog .dialog-heading { gap:12px; }
.sap-filter-dialog .dialog-heading h2 { min-width:0; flex:1; overflow-wrap:anywhere; }
.sap-filter-body { padding: 20px; overflow: auto; max-height: calc(100dvh - 180px); }
.sap-filter-extension{min-inline-size:0;min-width:0;max-width:100%;margin:12px 0;padding:12px 0;border:0;border-top:1px solid #d8dde1;border-bottom:1px solid #d8dde1}
.sap-filter-extension legend{font-size:12px;font-weight:600;padding:0 6px 0 0}
.sap-filter-extension :is(label,input,select){min-width:0;max-width:100%}
.sap-filter-extension :is(input:not([type=checkbox]):not([type=radio]),select){width:100%}
.sap-filter-extension .wh-form-grid{flex:1 1 100%;width:100%;min-width:0;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}
.sap-filter-dialog footer { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 20px; border-top: 1px solid #d8dde1; }
.sap-filter-editor { display: grid; grid-column: 1 / -1; gap: 12px; min-width: 0; width: 100%; font-size: 13px; letter-spacing: 0; }
.sap-filter-editor *, .sap-filter-dialog * { box-sizing: border-box; }
.sap-filter-legacy { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; padding: 10px 0; border-bottom: 1px solid #d8dde1; margin-bottom: 12px; }
.sap-filter-legacy details { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.sap-filter-legacy summary { cursor: pointer; }
.sap-value-options { display: grid; max-height: 45dvh; overflow: auto; margin-top: 12px; }
.sap-value-options label { display: flex; gap: 12px; padding: 8px 4px; border-bottom: 1px solid #e1e6e8; align-items: center; }
.sap-value-options label[hidden] { display: none; }
.sap-value-options span, .sap-value-options code { overflow-wrap: anywhere; min-width: 0; }
.sap-value-options input { flex: 0 0 16px; }
.sap-filter-editor label { display: grid; gap: 4px; min-width: 0; }
.sap-filter-editor input,.sap-filter-editor select,.sap-filter-editor textarea { min-width: 0; max-width: 100%; width: 100%; min-height: 34px; padding: 6px 8px; border: 1px solid #aebbc4; border-radius: 4px; background: #fff; color: #20282d; font: inherit; }
.sap-filter-editor button,.sap-filter-dialog footer button { min-height: 34px; border: 1px solid #bac5cc; border-radius: 4px; background: #fff; padding: 6px 10px; color: #263c48; font: inherit; cursor: pointer; white-space: normal; }
.sap-filter-editor button:disabled { opacity: .45; cursor: default; }
.sap-filter-top { display: flex; flex-wrap: wrap; align-items: end; gap: 8px; }
.sap-filter-top strong { align-self: center; margin-right: auto; }
.sap-filter-top input { width: 150px; }
.sap-filter-top select { max-width: 170px; }
.sap-add-column { display:flex; align-items:end; gap:6px; margin-left:auto; min-width:0; flex:0 1 300px; max-width:100%; }
.sap-filter-editor .sap-add-column label { flex:1; min-width:0; max-width:none; }
.sap-filter-editor .sap-add-column input { width:100%; max-width:100%; }
.sap-filter-editor .sap-add-column .sap-icon-button { padding:5px; }
.sap-column-picker { display:grid; grid-template-columns:28px minmax(0,1fr) 30px; align-items:center; width:100%; min-width:0; height:36px; border:1px solid #bacbd3; border-radius:4px; background:#fff; }
.sap-column-picker:focus-within { border-color:#379788; outline:2px solid #37978826; outline-offset:1px; }
.sap-picker-search { display:grid; place-items:center; color:#73858e; pointer-events:none; }
.sap-picker-search svg { width:15px; height:15px; }
.sap-filter-editor .sap-column-picker input { height:34px; min-height:34px; padding:6px 0; border:0; outline:0; box-shadow:none; background:transparent; border-radius:0; font-size:13px; }
.sap-filter-editor .sap-column-picker .sap-icon-button { width:28px; height:32px; min-height:32px; padding:6px; border:0; background:transparent; box-shadow:none; color:#526875; }
.sap-filter-editor .sap-column-picker .sap-icon-button:hover { color:#147d70; background:#edf6f3; }
.sap-filter-editor .sap-add-column>.sap-icon-button:not(:disabled) { color:#147d70; background:#edf6f3; border-color:#b7d4cb; }
.sap-column-options { box-sizing:border-box; font-family:inherit; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#b5c6ce #f5f8fa; }
.sap-column-options [role=option] { min-height:34px; padding:8px 11px; line-height:18px; font-size:13px; font-weight:400; border-left:2px solid transparent; }
.sap-column-options [aria-selected=true] { border-left-color:#147d70; }
.sap-column-options [role=status][hidden] { display:none; }
.sap-modal-filter-form[hidden] { display:none!important; }
.sap-query-dialog .sap-modal-filter-form { margin:0; padding:0; border:0; background:transparent; box-shadow:none; width:100%; }
.sap-filter-dialog .sap-field-line input { width:100%; }
@media(max-width:520px){.sap-add-column{width:100%}.sap-add-column label{flex:1}.sap-add-column input{width:100%}}
.sap-filter-adapt label { display: inline-flex; align-items: center; margin: 6px; }
.sap-filter-adapt input { width: 16px; min-height: 16px; }
.sap-filter-adapt summary,.sap-filter-paste summary { cursor: pointer; padding: 7px 0; }
.sap-filter-tokens { display: flex; flex-wrap: wrap; gap: 6px; max-height: 150px; overflow: auto; }
.sap-filter-token { display: inline-flex; max-width: 100%; border: 1px solid #99b8ad; border-radius: 4px; background: #eff8f3; }
.sap-filter-token.excluded { border-color: #dbb7b3; background: #fff4f2; }
.sap-filter-token button { border: 0; background: transparent; text-align: left; overflow-wrap: anywhere; }
.sap-filter-token button:last-child { flex: 0 0 30px; padding: 4px; }
.sap-filter-empty { color: #66757d; padding: 4px 0; }
.sap-filter-field { max-width: 360px; }
.sap-filter-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-bottom: 1px solid #c4ced5; gap: 3px; }
.sap-filter-tabs button { border: 0; border-bottom: 3px solid transparent; border-radius: 0; min-height: 44px; }
.sap-filter-tabs button[aria-selected=true] { border-bottom-color: #087b9c; background: #edf6f9; font-weight: 600; }
.sap-filter-entry { display: grid; grid-template-columns: minmax(130px, 1fr) minmax(0, 2fr) auto; gap: 10px; align-items: end; }
.sap-filter-entry [data-values] { display: flex; gap: 8px; min-width: 0; }
.sap-filter-entry [data-values] label { flex: 1; }
.sap-filter-bottom { display: flex; gap: 12px; align-items: center; }
.sap-filter-paste textarea { display: block; margin-bottom: 8px; resize: vertical; }
.sap-filter-editor :focus-visible,.sap-filter-dialog button:focus-visible { outline: 2px solid #087b9c; outline-offset: 2px; }
.sap-account-dialog{width:min(760px,calc(100vw - 24px))}
.sap-account-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
.sap-account-dialog .dialog-heading,.sap-account-dialog footer{flex:none}
.sap-account-dialog .sap-filter-body{min-height:0}
.sap-account-dialog .caption,.sap-account-dialog [data-error]{margin:0;line-height:1.5}
.sap-account-dialog [data-error]:empty{display:none}
.sap-account-dialog .dialog-heading>button{border:0;background:transparent;font-size:24px;cursor:pointer;color:#516d7a}
.sap-account-grid{max-height:310px;overflow:auto;border:1px solid #c7d6df;border-radius:5px}
.sap-account-grid table{width:100%;table-layout:fixed;border-collapse:collapse;margin:0}
.sap-account-grid th{position:sticky;top:0;background:#edf3f6;z-index:1;text-align:left;font-size:12px;font-weight:600}
.sap-account-grid td,.sap-account-grid th{padding:5px 7px;border-bottom:1px solid #e0e8ec}
.sap-account-grid .sap-account-index{width:34px;text-align:center;color:#667e8a;font-size:11px}
.sap-account-grid th:last-child,.sap-account-grid td:last-child{width:45px;text-align:center}
.sap-account-grid input{min-height:32px;border-color:transparent;border-radius:3px;background:#fff;font-variant-numeric:tabular-nums}
.sap-account-grid input:hover{border-color:#c7d6df}
.sap-account-grid input:focus{border-color:#379788;outline:1px solid #379788;outline-offset:0}
.sap-account-grid td:last-child button{min-height:28px;width:28px;padding:0;border:0;color:#7b4a42;background:transparent;font-size:20px}
.sap-account-action-label{font-size:10px}
.sap-account-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sap-account-tools [data-total]{margin-left:auto;color:#667e8a;font-size:12px}
.sap-account-dialog footer .primary{background:#147d70;color:#fff;border-color:#147d70}
@media(max-width: 600px) { .sap-filter-body { padding: 12px; } .sap-filter-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sap-filter-entry { grid-template-columns: minmax(0, 1fr); } .sap-filter-top label { width: 100%; } .sap-filter-top select { max-width: 100%; } }
.sap-selection-variants{grid-column:1/-1;min-width:0;margin:0 0 16px;padding:0 0 14px;border-bottom:1px solid var(--line,#d2e0e6)}
dialog.query-filter-dialog form.query-filter-form{align-items:stretch;gap:0;}
dialog.query-filter-dialog form.filters>.query-filter-scroll{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;align-content:start;width:100%;box-sizing:border-box;}
dialog.query-filter-dialog form.filters>.query-filter-scroll>label{grid-column:auto;min-width:0;max-width:none;}
dialog.query-filter-dialog form.filters>.query-filter-scroll>.sap-selection-variants,
dialog.query-filter-dialog form.filters>.query-filter-scroll>.error{grid-column:1/-1;}
@media(max-width:600px){dialog.query-filter-dialog form.filters>.query-filter-scroll{grid-template-columns:minmax(0,1fr);}}
.sap-variant-toolbar{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}
.sap-variant-toolbar>label{display:grid;gap:5px;flex:0 1 340px;min-width:160px;max-width:100%;font-size:12px}
.sap-variant-toolbar select{width:100%;min-width:0;height:36px;background:var(--surface,#fff);color:inherit}
.sap-variant-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;padding:6px;border:1px solid var(--line,#c4d6df);border-radius:4px;background:var(--surface,#fff);color:inherit;cursor:pointer}
.sap-variant-icon svg{width:18px;height:18px;pointer-events:none}
.sap-variant-icon:hover{background:var(--soft,#edf5f7)}
.sap-variant-toolbar [role=status]{font-size:12px;align-self:center}
.sap-selection-variants>.error{margin:8px 0 0;font-size:12px}
.sap-filter-dialog.sap-variant-dialog{width:min(560px,calc(100vw - 24px))}
.sap-variant-dialog form>label{display:grid;gap:6px}
.sap-variant-dialog form>label.sap-variant-update{display:flex;align-items:center;margin-top:12px;gap:8px}
.sap-variant-dialog footer{margin-top:18px}
.sap-variant-list{display:grid;max-height:55vh;overflow:auto}
.sap-variant-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line,#d2e0e6);min-width:0}
.sap-variant-row>span{overflow-wrap:anywhere;min-width:0}
.sap-variant-row>div{display:flex;gap:4px;flex-shrink:0}
@media(max-width:480px){.sap-variant-toolbar>label{flex:1 0 100%}.sap-variant-row{align-items:flex-start;flex-direction:column;gap:8px}}