/* Battery quotes — same monday-style board UI as the hot water, smoke alarm and aircon trackers. */
:root{--blue:#0073ea;--blue-dark:#0060b9;--blue-bg:#e6f1fd;--green:#00c875;--green-bg:#e7f9f1;--amber:#fdab3d;--red:#e2445c;--red-bg:#fdecef;--purple:#a25ddc;--teal:#009eb5;--gold:#0073ea;--pale:#e6f1fd;--bg:#f6f7fb;--surface:#fff;--surface2:#f5f6f8;--surface3:#eceef4;--border:#e6e9ef;--border2:#d0d4e4;--line:#e6e9ef;--text:#323338;--ink:#323338;--muted:#676879;--shadow:0 1px 3px rgba(0,0,0,.04);--r:8px}
*{box-sizing:border-box}
body{margin:0;font-family:'Figtree',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);font-size:14px;min-height:100vh;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}
input,select,textarea{width:100%;border:1px solid var(--border2);border-radius:4px;background:#fff;padding:8px 12px;color:var(--text);outline:none;transition:border-color .12s,box-shadow .12s}
input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}
input::placeholder,textarea::placeholder{color:#9699a6}
label{display:block;font-size:13px;font-weight:500;margin:14px 0 0}
label input,label select,label textarea{display:block;margin-top:6px;font-weight:400}
h1,h2,h3{font-family:inherit;color:var(--text)}h1{font-size:24px;font-weight:700;margin:0}h2{font-size:16px;font-weight:600;margin:0 0 4px}h3{font-size:14px;font-weight:600;margin:20px 0 8px}p{line-height:1.5}
.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.06em;margin:0 0 8px}
a{color:var(--blue)}[hidden]{display:none!important}

/* Header */
header{background:var(--surface);border-bottom:1px solid var(--border);padding:0 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;min-height:60px;gap:14px}
.header-left,.header-right{display:flex;align-items:center;gap:14px}.header-right{gap:6px}
.header-logo img{height:38px;width:auto;object-fit:contain;display:block}.hd{width:1px;height:26px;background:var(--border2)}
.page-label{font-size:20px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}
.tracker-nav{display:inline-flex;gap:3px;background:var(--surface2);border-radius:8px;padding:3px}
.trk-link{font-family:inherit;font-size:12.5px;font-weight:500;padding:5px 12px;border:0;border-radius:6px;background:none;color:var(--muted);white-space:nowrap;transition:background .12s,color .12s}
.trk-link:hover{background:#fff;color:var(--text)}.trk-link.is-active{background:var(--blue);color:#fff}
.agent-name{font-size:12px;color:var(--muted);margin-right:8px}
.nav-btn{font-size:13px;padding:0 12px;height:32px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--muted);text-decoration:none;display:inline-flex;align-items:center;white-space:nowrap;transition:background .12s,color .12s}
.nav-btn:hover{background:var(--surface2);color:var(--text)}
main{padding:20px 24px 48px;max-width:none;margin:0}

/* Buttons */
.primary,.secondary{padding:0 16px;height:34px;border:1px solid transparent;border-radius:4px;font-weight:500;white-space:nowrap}
.primary{background:var(--blue);color:#fff}.primary:hover:not(:disabled){background:var(--blue-dark)}
.secondary,.clear-btn,.view-btn{background:#fff;border:1px solid var(--border2);color:var(--text);border-radius:4px}.secondary:hover,.view-btn:hover{border-color:var(--blue);color:var(--blue)}
.clear-btn{font-size:13px;padding:0 12px;height:32px;color:var(--muted)}.clear-btn:hover{color:var(--blue);border-color:var(--blue)}
.view-btn{font-size:12.5px;padding:0 12px;height:28px}
.wide{width:100%;display:flex;align-items:center;justify-content:center;gap:10px}
.text-button,.icon-button{border:0;background:none;color:var(--muted)}.icon-button{font-size:28px;padding:0 5px}

/* KPI cards, filters, board table */
.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px}
.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:14px 16px;box-shadow:var(--shadow)}
.kpi-label{font-size:11px;font-weight:500;color:var(--muted);margin-bottom:6px}.kpi-val{font-size:28px;font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums}.kpi-sub{font-size:11.5px;color:var(--muted);margin-top:4px}
.filters-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:10px 14px;display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap;box-shadow:var(--shadow)}
.filter-label{font-size:13px;font-weight:500;color:var(--muted)}.filter-input,.filter-select{height:32px;padding:0 12px;font-size:13.5px;width:auto}.filter-input{min-width:240px}.filter-divider{width:1px;height:22px;background:var(--border)}
.results-count{margin-left:auto;font-size:13px;color:var(--muted)}.results-count strong{color:var(--text)}
.table-wrap,.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow)}.table-wrap{overflow:hidden}
.table-header-bar{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:8px}.table-title{font-size:15px;font-weight:600}
.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:1000px}
th{padding:10px 14px;text-align:left;font-size:12px;font-weight:400;color:var(--muted);border-bottom:1px solid var(--border2);white-space:nowrap}
tbody tr{border-bottom:1px solid var(--border)}tbody tr:last-child{border-bottom:0}tbody tr:hover{background:var(--surface2)}
td{padding:9px 14px;font-size:13px;vertical-align:middle}.td-name{font-weight:500;font-size:13.5px}.td-sub{font-size:11.5px;color:var(--muted);margin-top:1px}.td-date{font-size:13px;color:var(--muted);white-space:nowrap}.td-oop{font-weight:600;font-variant-numeric:tabular-nums}
.badge{display:inline-flex;align-items:center;justify-content:center;font-size:12px;padding:4px 11px;border-radius:4px;white-space:nowrap;color:#fff;min-width:90px;background:#7f8795}
.badge.sent,.badge.synced,.badge.badge-awaiting{background:var(--blue)}.badge.accepted,.badge.badge-accepted{background:var(--green)}
.badge.send_failed,.badge.failed,.badge.delivery_uncertain{background:var(--red)}.badge.pending,.badge.sending{background:var(--amber)}
.badge.draft,.badge.not_sent,.badge.expired,.badge.badge-expired{background:#7f8795}
.empty-state{text-align:center;padding:50px 20px;color:var(--muted);font-size:13.5px}.empty{padding:30px 10px;text-align:center;color:var(--muted)}
.form-footnote{text-align:center;color:var(--muted);font-size:11.5px;line-height:1.6;margin:12px 0 0}

/* Builder */
.panel{padding:22px;margin-bottom:16px}
.builder-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:20px;align-items:start}
.section-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.section-title p{margin:0;color:var(--muted);font-size:12.5px}
.step{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--blue-bg);color:var(--blue);font-size:12px;font-weight:600;flex:none}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}.form-grid label{margin-top:0;margin-bottom:12px}
.package-cards{display:grid;gap:10px}
.package-card{border:1px solid var(--border);background:#fff;border-radius:var(--r);padding:14px 16px;text-align:left;display:flex;align-items:center;gap:14px;color:var(--text)}
.package-card:hover{border-color:var(--blue)}.package-card.selected{border-color:var(--blue);background:var(--blue-bg);box-shadow:0 0 0 1px var(--blue)}
.package-card .radio{border:1px solid #c3c6d4;width:16px;height:16px;border-radius:50%;flex:none;background:#fff}.package-card.selected .radio{border:5px solid var(--blue)}
.package-card .card-copy{flex:1;min-width:0}.package-card strong{display:block;font-size:13.5px;font-weight:600}.package-card small{display:block;color:var(--muted);font-size:12px;margin-top:4px;line-height:1.6}
.package-card .card-price{text-align:right;font-weight:600;font-size:16px}.package-card .card-price small{font-size:11px;font-weight:400}
.energy-panel summary{cursor:pointer;font-size:14px;font-weight:600}.energy-panel[open] summary{margin-bottom:14px}
#save-quote{margin-top:20px;justify-content:space-between;height:40px}
.checkbox-label{display:flex;gap:9px;align-items:center;font-size:13px;line-height:1.6}.checkbox-label input{width:15px;height:15px;margin:0;accent-color:var(--blue)}
.ghl-customer-search{margin:0 0 20px;padding:14px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--r)}.ghl-customer-search>label{margin:0 0 8px}.ghl-customer-search>p{font-size:12px;margin:8px 0 0}
.ghl-result{display:block;width:100%;text-align:left;border:1px solid var(--border);border-radius:4px;padding:10px 12px;background:#fff;margin-top:8px;color:var(--text)}.ghl-result:hover{border-color:var(--blue)}.ghl-result strong,.ghl-result small{display:block}.ghl-result small{font-size:11.5px;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}
.address-suggestions{position:relative;margin-top:5px;background:#fff;border:1px solid var(--border);border-radius:var(--r);box-shadow:0 6px 20px rgba(0,0,0,.12);overflow:hidden}
.address-suggestions button{display:block;width:100%;text-align:left;background:#fff;border:0;border-bottom:1px solid var(--border);border-radius:0;padding:10px 12px;font-size:13px;color:var(--text)}
.address-suggestions button:hover,.address-suggestions button[aria-selected="true"]{background:var(--surface2)}.address-suggestions small{display:block;text-align:right;padding:6px 12px;color:var(--muted);font-size:10.5px}

/* Quote preview */
.quote-preview{position:sticky;top:76px}
.quote-paper{background:#fff;border:1px solid var(--border);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}
.paper-header{background:#0b1019;padding:18px 22px;border-bottom:3px solid var(--blue);display:flex;align-items:center;justify-content:space-between;gap:10px}.paper-header img{width:100px;height:51px;object-fit:contain}.paper-header span{font-size:10px;font-weight:600;letter-spacing:.14em;color:#8fc3f6}
.paper-body{padding:24px}.paper-body h3{font-size:18px;margin:0 0 4px}.paper-body .muted{font-size:12.5px;margin:0;overflow-wrap:anywhere}.paper-rule{height:1px;background:var(--border);margin:20px 0}.paper-body h2{font-size:20px;margin:10px 0 6px;line-height:1.35}.paper-body>p:not(.eyebrow){font-size:12.5px}
.chip{font-size:11px;background:var(--surface3);display:inline-block;padding:4px 9px;border-radius:4px;color:var(--muted);margin-top:6px}
.price-breakdown{margin-top:22px;font-size:12.5px}.price-breakdown>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--border)}.price-breakdown strong{white-space:nowrap}.price-breakdown small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.stc-discount{color:#00854d}
.amount-block{margin-top:16px;padding:18px;background:var(--blue-bg);border-radius:var(--r)}.amount-block>span{display:block;color:var(--muted);font-size:12px}.amount-block strong{display:block;font-size:30px;font-weight:700;margin-top:6px;color:var(--blue-dark)}.amount-block small{display:block;margin-top:6px;font-size:11px;color:var(--muted)}
.stc-line{display:flex;justify-content:space-between;margin-top:16px;font-size:12.5px}.stc-help{color:var(--muted);font-size:11px!important}
.document-check{border-top:1px solid var(--border);padding-top:14px;margin-top:18px;font-size:12px;color:#8a5b00;line-height:1.7}.document-check.ready{color:#00854d}
.paper-footer{border-top:1px solid var(--border);padding:12px;text-align:center;font-size:11px;color:var(--muted)}.snapshot-hint{font-size:11.5px;color:var(--muted);padding:0 15px;text-align:center}.customer-note{border-top:1px solid var(--border);padding-top:14px;white-space:pre-wrap}

/* Messages and dialog */
#preview-banner{background:#fff3d6;color:#8a5b00;text-align:center;font-size:11px;letter-spacing:.06em;font-weight:600;padding:8px}#preview-banner span{letter-spacing:0;font-weight:400;margin-left:12px}
#global-message{background:var(--green-bg);padding:12px 16px;border:1px solid #9ce6c6;border-radius:var(--r);margin-bottom:16px;font-size:13px}#global-message.error{background:var(--red-bg);border-color:#f3b8c2;color:#b3263f}
dialog{border:0;border-radius:var(--r);padding:26px;max-height:94vh;width:650px;max-width:96vw;color:var(--text);box-shadow:0 20px 80px rgba(0,0,0,.28)}dialog::backdrop{background:rgba(41,47,76,.55)}
.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}
.notice{background:#fff3d6;color:#8a5b00;padding:12px 15px;border-radius:var(--r);font-size:13px;line-height:1.6;margin-bottom:16px}.notice.ready{background:var(--green-bg);color:#00854d}
#review-dialog{width:1100px}.review-layout{display:grid;grid-template-columns:1.8fr 1fr;gap:22px}#email-preview{width:100%;height:680px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface3)}
.review-controls{font-size:13px}.review-controls>h3:first-child{margin-top:0}.review-controls .wide{margin-top:12px}.review-controls li{padding:4px 0;overflow-wrap:anywhere;line-height:1.6}.review-controls ul{padding-left:17px}
.staff-note{padding:12px;background:var(--surface2);margin-top:18px;border-radius:var(--r);white-space:pre-wrap;font-size:12px}.history-item{font-size:11.5px;border-bottom:1px solid var(--border);padding:7px 0;color:var(--muted)}
#review-message{font-size:13px;color:var(--red)}#review-response{white-space:pre-wrap}#review-customer-link{display:inline-block;margin-top:7px}

@media(max-width:1300px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1000px){.builder-grid{grid-template-columns:1fr}.quote-preview{position:static}.review-layout{grid-template-columns:1fr}}
@media(max-width:700px){.kpi-grid{grid-template-columns:repeat(2,1fr)}header{padding:10px 14px;flex-wrap:wrap;gap:8px;min-height:auto}.page-label{font-size:17px}.header-logo img{height:32px}.hd{display:none}.header-left,.header-right{flex-wrap:wrap;min-width:0}main{padding:14px}.form-grid{grid-template-columns:1fr}.filters-bar{flex-direction:column;align-items:stretch}.filter-input{min-width:0;width:100%}.results-count{margin-left:0}.package-card .card-price{font-size:14px}#email-preview{height:520px}}

/* ===== New Quote view: same look as the aircon quote builder (gold, Sora, step cards) ===== */
body.view-builder{--blue:#b08d2e;--blue-dark:#c9a13b;--blue-bg:#faf4e4;--gold:#b08d2e;--gold-2:#c9a13b;--gold-soft:#faf4e4;--gold-line:#eaddb4;--bg:#eaeef3;--line:#e9edf3;--border:#e9edf3;--text:#1b2431;--muted:#78859a;--r:16px;--shadow:0 1px 2px rgba(16,24,40,.05),0 12px 32px rgba(16,24,40,.07);font-family:'Sora',system-ui,-apple-system,sans-serif}
body.view-builder header{background:rgba(255,255,255,.88);backdrop-filter:saturate(180%) blur(10px);min-height:54px;padding:0 20px}
body.view-builder .header-logo img{height:30px}body.view-builder .hd{height:22px;background:var(--line)}
body.view-builder .page-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.9px;color:var(--muted)}
body.view-builder .tracker-nav{background:#f1f4f8;border:1px solid var(--line);border-radius:9px}
body.view-builder .trk-link{font-family:inherit;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:#54627a}
body.view-builder .trk-link.is-active{background:var(--gold);color:#fff}
body.view-builder .nav-btn{font-size:11px;font-weight:600;padding:0 13px;height:auto;min-height:30px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#54627a}
body.view-builder .nav-btn:hover{background:#f7f9fc;border-color:var(--gold-line);color:var(--text)}
body.view-builder .agent-name{background:var(--gold-soft);border:1px solid var(--gold-line);border-radius:20px;padding:5px 12px;color:var(--text);font-weight:600;margin-right:4px}
body.view-builder .agent-name:empty{display:none}
body.view-builder main{max-width:1120px;margin:0 auto;padding:18px 20px 30px}
body.view-builder .builder-grid{grid-template-columns:1fr 1fr;gap:14px 16px}
body.view-builder #quote-form{display:contents}
body.view-builder #quote-form>*{grid-column:1;min-width:0}
body.view-builder #quote-form>.panel:first-child{grid-column:1/-1;grid-row:1}
body.view-builder .quote-preview{grid-column:2;grid-row:2/span 4;top:70px}
body.view-builder .panel,body.view-builder .quote-paper{border-radius:16px;border:1px solid var(--line);box-shadow:var(--shadow);margin-bottom:0}
body.view-builder .panel{padding:16px 20px 18px}
body.view-builder .section-title{margin:-16px -20px 16px;padding:14px 20px 12px;border-bottom:1px solid #f1f4f8;gap:10px}
body.view-builder .section-title h2{font-size:14px;font-weight:600;letter-spacing:-.2px;margin:0}
body.view-builder .section-title p{display:none}
body.view-builder .step{width:auto;height:auto;border-radius:20px;background:var(--gold-soft);color:var(--gold);border:1px solid var(--gold-line);font-size:9.5px;font-weight:700;padding:3px 9px;text-transform:uppercase;letter-spacing:.6px}
body.view-builder label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-top:0}
body.view-builder .checkbox-label{font-size:12.5px;text-transform:none;letter-spacing:0;font-weight:500;color:var(--text)}
body.view-builder label input,body.view-builder label select,body.view-builder label textarea{margin-top:5px;text-transform:none;letter-spacing:0}
body.view-builder input,body.view-builder select,body.view-builder textarea{font-size:14px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#f8fafc;color:var(--text)}
body.view-builder input:focus,body.view-builder select:focus,body.view-builder textarea:focus{border-color:var(--gold);background:#fff;box-shadow:0 0 0 3px rgba(176,141,46,.13)}
body.view-builder .checkbox-label input{padding:0;accent-color:var(--gold)}
body.view-builder .ghl-customer-search{background:none;border:0;padding:0;margin:0 0 12px}
body.view-builder .ghl-customer-search>p{font-size:11px;color:var(--muted)}
body.view-builder .ghl-result{border-radius:11px;border-color:var(--line)}body.view-builder .ghl-result:hover{background:var(--gold-soft);border-color:var(--gold-line)}
body.view-builder .address-suggestions{border-radius:11px;box-shadow:0 12px 30px rgba(16,24,40,.16)}body.view-builder .address-suggestions button:hover,body.view-builder .address-suggestions button[aria-selected="true"]{background:var(--gold-soft)}
body.view-builder .package-card{border-radius:12px;border-color:var(--line);padding:12px 14px;font-family:inherit}
body.view-builder .package-card:hover{border-color:var(--gold-line)}
body.view-builder .package-card.selected{background:#fffdf7;border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
body.view-builder .package-card.selected .radio{border-color:var(--gold)}
body.view-builder .package-card .card-price{font-family:'JetBrains Mono',monospace;font-size:15px;font-weight:600}
body.view-builder .package-card .card-price small{font-family:'Sora',sans-serif}
body.view-builder .energy-panel summary{font-size:13px;font-weight:600}
body.view-builder .primary{background:var(--gold);color:#1b1405;border-radius:11px;font-weight:650;box-shadow:0 5px 16px rgba(176,141,46,.32)}
body.view-builder .primary:hover:not(:disabled){background:var(--gold-2)}
body.view-builder #save-quote{height:44px;padding:0 20px;font-size:13px}
body.view-builder .form-footnote{font-size:10.5px}
body.view-builder .paper-header{background:linear-gradient(135deg,#212a39,#12161f);border-bottom:3px solid var(--gold)}
body.view-builder .paper-header span{color:var(--gold-2)}
body.view-builder .paper-body{padding:18px 20px}
body.view-builder .eyebrow{font-size:9.5px;color:var(--muted);letter-spacing:1px}
body.view-builder .paper-body h2{font-size:18px}
body.view-builder .price-breakdown strong,body.view-builder .stc-line strong{font-family:'JetBrains Mono',monospace;font-weight:600}
body.view-builder .stc-discount{color:#2f9e6b}
body.view-builder .amount-block{background:linear-gradient(135deg,#212a39,#12161f);border-radius:14px;padding:16px 18px;box-shadow:0 10px 28px rgba(18,24,34,.28)}
body.view-builder .amount-block>span{color:var(--gold-2);text-transform:uppercase;font-size:10.5px;font-weight:700;letter-spacing:.9px}
body.view-builder .amount-block strong{font-family:'JetBrains Mono',monospace;color:#fff;font-size:25px;letter-spacing:-.5px}
body.view-builder .amount-block small{color:#93a0b4}
body.view-builder .chip{background:var(--gold-soft);color:var(--gold);border:1px solid var(--gold-line);border-radius:20px}
body.view-builder .document-check{background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:9px 12px;color:var(--muted)}
body.view-builder .document-check.ready{color:#1f7d52}
body.view-builder #global-message{border-radius:11px}
@media(max-width:860px){body.view-builder .builder-grid{grid-template-columns:1fr}body.view-builder #quote-form>*,body.view-builder #quote-form>.panel:first-child,body.view-builder .quote-preview{grid-column:1;grid-row:auto}body.view-builder .quote-preview{position:static}}
@media(max-width:700px){body.view-builder main{padding:14px 14px 24px}body.view-builder header{padding:8px 12px}}
body.view-builder label small{text-transform:none;letter-spacing:0;font-weight:400;display:block;margin-top:5px;font-size:11px}
.price-reset{align-self:end;margin-bottom:14px}.price-error{color:var(--red);font-size:12.5px;margin:0}
body.view-builder .price-error{color:#e05656}
.pricing-panel .form-grid{align-items:end}
/* Pitch-black preview header with a larger logo */
body.view-builder .paper-header{background:#000;padding:4px 22px}
body.view-builder .paper-header img{width:112px;height:auto;max-height:none;object-fit:contain}
body.view-builder .header-logo img{height:40px}
.price-note{margin:8px 0 12px}

.sel-col{width:34px}.sel-col input,#quote-rows input[type=checkbox]{width:16px;height:16px;cursor:pointer}
.table-actions{display:flex;gap:8px;align-items:center}
.danger-btn{color:#b42318;border-color:#f0b4ae}.danger-btn:hover{border-color:#b42318;color:#b42318}
.primary.danger{background:#b42318;border-color:#b42318}.primary.danger:disabled{opacity:.5}
.delete-list{margin:10px 0 14px;padding-left:18px;max-height:200px;overflow:auto}
#delete-dialog .dialog-body{padding:0 20px 20px}#delete-dialog .dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
