@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#101620;--muted:#9ca8b8;--gold:#e8c78d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% 0%,#26354b66,transparent 45%),var(--bg);color:#edf1f7;font:14px 'DM Sans',sans-serif}button,input{font:inherit}button{cursor:pointer;min-height:44px;border:1px solid #ffffff20;border-radius:9px;padding:0 16px;color:inherit;background:#ffffff08}button:hover{background:#ffffff15}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{opacity:.3;cursor:default}header{height:96px;margin:0 36px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font:800 17px Manrope,sans-serif;letter-spacing:2px}.brand-sub{display:block;font-size:9px;letter-spacing:4.1px;margin-top:3px}.logo{display:grid;place-items:center;background:#d8524e;width:38px;height:45px;border-radius:10px;font-size:38px;color:white}.top-note{font-size:9px;letter-spacing:2.3px;color:#8291a7}.modes{display:flex;border:1px solid #ffffff15;background:#0c121b;border-radius:11px;padding:4px}.modes button{border:0;font-size:12px;min-height:38px}.modes .active{background:#303b4c;color:white;box-shadow:0 2px 5px #0003}main{max-width:1600px;padding:32px 36px 20px;margin:auto}.intro{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:30px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;color:var(--gold)}h1{font:500 clamp(30px,3.3vw,48px)/1.13 Manrope,sans-serif;letter-spacing:-1.9px;margin:12px 0}h1 em{font-style:normal;color:var(--gold)}.intro p{font-size:12px;color:var(--muted);margin:12px 0 0}.proposal{text-align:right;max-width:350px}.proposal h2{font-size:18px;font-weight:500;margin:10px 0}.sample{font-size:8px;letter-spacing:1px;color:#78869a;margin-top:19px}.bar{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #ffffff12;padding:19px 0;font-size:11px}.tiny-spark{color:var(--gold);font-size:16px;margin-right:8px}.muted{color:#8291a7}.toggle{display:flex;align-items:center;gap:8px;cursor:pointer;min-height:44px;white-space:nowrap}.toggle input{accent-color:#d8b778;width:18px;height:18px}.cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:stretch}.card{--tone:#9baebf;--glow:#72879b;position:relative;display:flex;flex-direction:column;background:linear-gradient(155deg,color-mix(in srgb,var(--glow) 17%,#19212e),#151d29 65%);border:1px solid color-mix(in srgb,var(--tone) 25%,transparent);border-radius:15px;overflow:hidden;min-width:0;box-shadow:0 10px 25px #0002;transition:transform .2s,border-color .2s}.card::before{content:'';height:3px;background:linear-gradient(90deg,var(--glow),var(--tone),var(--glow))}.card.selected{outline:2px solid var(--tone);outline-offset:3px}.card-head{padding:18px 15px 15px;border-bottom:1px solid #ffffff0d;min-height:188px}.tier-top{display:flex;justify-content:space-between;align-items:center}.gem{width:38px;height:38px;display:grid;place-items:center;color:var(--tone);border:1px solid color-mix(in srgb,var(--tone) 40%,transparent);background:linear-gradient(135deg,#ffffff10,transparent);border-radius:11px;font-size:23px}.number{font:10px Manrope;color:var(--tone);opacity:.7;letter-spacing:2px}.card h2{font:600 21px Manrope;margin:17px 0 6px;letter-spacing:-.5px;color:var(--tone)}.card .subtitle{font-size:11px;line-height:1.6;color:#adbacb;min-height:34px;margin:0}.badge{display:inline-block;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:var(--tone);margin-top:11px;min-height:12px}.features{list-style:none;padding:17px 14px;margin:0;flex:1}.features li{display:flex;gap:8px;align-items:flex-start;margin-bottom:15px;font-size:11px;line-height:1.6}.check{color:var(--tone);font-size:12px}.item-price{display:block;font-size:10px;color:#8291a7;margin-top:2px}.card-bottom{padding:4px 14px 15px}.price-label{font-size:8px;text-transform:uppercase;letter-spacing:1.3px;color:#8e9cae}.price{font:600 clamp(21px,2.3vw,30px) Manrope;margin:5px 0 15px;letter-spacing:-1px}.price small{font:10px 'DM Sans';letter-spacing:0;color:#8e9cae}.choose{width:100%;font-size:11px;color:var(--tone);border-color:color-mix(in srgb,var(--tone) 35%,transparent);background:color-mix(in srgb,var(--tone) 7%,transparent);padding:0 4px}.card:nth-child(5) .choose{background:#e6c282;color:#24201b;border-color:#e6c282}.edit-card{width:100%;font-size:11px;margin-top:8px}.editor-control{display:inline-block}footer{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#8291a7;margin-top:19px}footer strong{color:#b0bccb;font-weight:400}.live-dot{display:inline-block;width:5px;height:5px;background:#88b8a5;border-radius:50%;margin-right:6px}.subtle{border:0;padding:0 8px;color:#9ba8bb;min-height:44px;font-size:10px}.fine{text-align:center;color:#69778b;font-size:9px;line-height:1.6;margin-top:10px}.selection{padding:15px 20px;background:#e8c78d12;border:1px solid #e8c78d44;border-radius:10px;margin-top:15px;color:#ead6b2;font-size:13px}.selection button{float:right;min-height:24px;font-size:11px}dialog{width:min(680px,94vw);max-height:88dvh;background:#192231;color:#eef2f8;border:1px solid #46546a;border-radius:18px;padding:26px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#080d17bd;backdrop-filter:blur(7px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog-head h2{font:500 25px Manrope;margin:8px 0}.dialog-head button{font-size:17px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}dialog label{display:block;font-size:11px;color:#aebbd0;margin-bottom:15px}input{width:100%;margin-top:7px;background:#101824;border:1px solid #415067;border-radius:8px;padding:12px;color:#eef2f8;min-height:44px}input:focus{outline:2px solid #dec28f;outline-offset:1px}.items-head{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.items-head h3{font-size:14px}.items-head span{font-size:10px;color:#93a2b7}.edit-row{display:grid;grid-template-columns:1fr 90px 44px 44px 44px;gap:6px;margin-bottom:8px;align-items:center}.edit-row input{margin:0;min-width:0}.edit-row button{padding:0}.add{width:100%;border-style:dashed;margin-top:7px;color:var(--gold)}.dialog-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.primary{background:var(--gold);color:#182131;font-weight:700;border:0}.primary:hover{background:#f8daa7}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#e8c78d;color:#182131;padding:12px 20px;border-radius:9px;z-index:10;display:none}@media(min-width:1400px){.card-head{min-height:205px}.features li{font-size:13px}.card h2{font-size:26px}.card .subtitle{font-size:13px}}@media(max-width:1050px){header{margin:0 22px;height:80px}main{padding:24px 22px}.top-note{display:none}.cards{gap:8px}.card-head{padding:15px 11px;min-height:184px}.features{padding:14px 10px}.card-bottom{padding:4px 10px 12px}.card h2{font-size:19px}.intro{margin-bottom:20px}.bar .muted{display:none}}@media(max-width:800px){.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.intro{align-items:flex-start}.proposal{max-width:230px}.intro p{max-width:280px}.card-head{min-height:175px}footer{flex-wrap:wrap}.features li{font-size:12px}}@media(max-width:500px){header{margin:0 16px}.brand{font-size:12px}.brand-sub{font-size:7px}.modes button{padding:0 9px;font-size:10px}main{padding:24px 16px}.intro{display:block}.proposal{text-align:left;margin-top:24px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.bar{font-size:10px}.edit-row{grid-template-columns:1fr 75px 38px 38px 38px;gap:3px}.edit-row button{min-height:44px}.field-pair{grid-template-columns:1fr}dialog{padding:17px}}@media print{body{background:#fff;color:#152033}header,.modes,.bar,footer,.editor-control,.choose,.fine,dialog{display:none!important}main{padding:0}.intro{margin-bottom:15px}.cards{grid-template-columns:repeat(6,1fr)}.card{background:#fff;color:#152033;box-shadow:none;break-inside:avoid}.card .subtitle,.features li,.price{color:#152033}.card h2{color:#283c55}.card-head{min-height:160px}.proposal p,.intro p{color:#555}.selection{color:#152033}.selection button{display:none}@page{size:landscape;margin:12mm}}
@media(min-width:801px) and (max-height:1000px){header{height:70px}main{padding-top:20px}.intro{margin-bottom:12px}h1{font-size:32px;margin:8px 0}.intro p{margin-top:8px}.bar{padding:7px 0}.card-head{min-height:154px;padding-top:13px;padding-bottom:10px}.card h2{margin-top:11px}.card .subtitle{min-height:30px}.gem{width:30px;height:30px;font-size:20px}.badge{margin-top:7px}.features{height:190px;max-height:190px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#627189 #18202c}.features li{margin-bottom:11px}.card-bottom{padding-top:12px}.price{margin-bottom:10px}footer{margin-top:8px}.fine{margin-top:2px}}
@media screen and (min-width:801px) and (max-height:820px){header{height:60px}main{padding-top:12px}.intro{margin-bottom:8px}h1{font-size:28px}.features{height:120px;max-height:120px}.card-head{min-height:148px}.fine{font-size:8px}}
@media print{.features{height:auto!important;max-height:none!important;overflow:visible!important}.card{overflow:visible}.card-head{min-height:150px}.item-price{color:#555}.badge{color:#555}.fine{display:block!important;color:#555}.intro h1 em{color:#735323}}

.hours-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;margin:8px 0 15px;border:1px solid #e8c78d40;border-radius:10px;background:#e8c78d08}.hours-row label{margin:0 0 5px;color:#e8c78d;font-size:14px;font-weight:600}.hours-row span{font-size:11px;color:#9ca8b8}.hours-row input{width:100px;margin:0}

.proposal{text-align:left;max-width:none}.intro{justify-content:flex-start}.proposal #details{padding-left:0;color:var(--gold);font-size:12px}.proposal .sample{margin-top:4px}.proposal h2{font-size:24px}.proposal p{max-width:none}@media(max-width:500px){.proposal{margin-top:0}}

.bar{justify-content:flex-end}

.brand-image{display:block;width:220px;max-width:55vw;height:auto;object-fit:contain}@media(max-width:500px){.brand-image{width:190px}}
/* Electric Enterprises brand accents, retaining the metallic tier palette. */
@media screen{
:root{--bg:#101011;--muted:#aaa6ab;--gold:#ff7779}
body{background:radial-gradient(ellipse at 75% 0%,#70232924,transparent 44%),var(--bg);color:#f4f3f4}
header{border-bottom-color:#ffffff17}.top-note{color:#aaa5a8}.eyebrow{color:#ff7779}
.card{background:linear-gradient(155deg,color-mix(in srgb,var(--glow) 13%,#232123),#181719 65%);box-shadow:0 10px 25px #0004}
.card .subtitle{color:#bbb6bd}.features{scrollbar-color:#666167 #1b191c}.price{color:#fff}.price-label,.price small{color:#aaa4ae}
.choose{background:#ffffff05}.card:nth-child(5) .choose{background:#c82d37;border-color:#e34a52;color:#fff}.card:nth-child(5) .choose:hover{background:#dc3540}
.edit-card{color:#dad4da;border-color:#ffffff20}.toggle input{accent-color:#d73440}.subtle{color:#c0b8c0}.live-dot{background:#ef5962}.fine{color:#a19aa4}
.selection{background:#c82d3710;border-color:#ef59624d;color:#f1d8da}
dialog{background:#201d21;border-color:#52494f}input{background:#141215;border-color:#534a53}input:focus{outline-color:#ff7779}.primary{background:#c82d37;color:#fff}.primary:hover{background:#df3540}.hours-row{border-color:#ef596244;background:#ef596208}.hours-row label{color:#ff9297}.hours-row span{color:#bbb3bd}.add{color:#ff9297}#toast{background:#c82d37;color:#fff}
}
.brand{flex-shrink:0}.brand-image{width:240px;max-width:58vw;max-height:calc(100% - 16px);height:auto;object-fit:contain}
@media(min-width:801px) and (max-height:1000px){.brand-image{width:216px;max-height:54px}}
@media(min-width:801px) and (max-height:820px){.brand-image{width:184px;max-height:46px}}
@media(max-width:500px){.brand-image{width:216px;max-height:54px}}
/* Rich tier colors and metallic highlights. */
@media screen{
.card{background:radial-gradient(ellipse at 95% 0%,color-mix(in srgb,var(--glow) 55%,transparent),transparent 57%),linear-gradient(155deg,color-mix(in srgb,var(--glow) 30%,#1a1920),#17161b 75%);border-color:color-mix(in srgb,var(--tone) 48%,transparent);box-shadow:0 12px 28px #0005,inset 0 1px 0 #ffffff14;transition:transform .2s,box-shadow .2s,border-color .2s}
.card::before{height:4px;background:linear-gradient(90deg,var(--glow),var(--tone) 42%,#fff3dc 52%,var(--tone) 64%,var(--glow));box-shadow:0 0 16px color-mix(in srgb,var(--tone) 55%,transparent)}
.card-head{position:relative;background:linear-gradient(125deg,#ffffff0c,transparent 45%,color-mix(in srgb,var(--tone) 12%,transparent));border-bottom-color:color-mix(in srgb,var(--tone) 24%,transparent)}
.card-head::after{content:'';position:absolute;right:-26px;top:-55px;width:140px;height:140px;border:1px solid color-mix(in srgb,var(--tone) 20%,transparent);border-radius:50%;box-shadow:0 0 0 22px #ffffff03,0 0 0 44px #ffffff02;pointer-events:none}
.gem{background:linear-gradient(140deg,color-mix(in srgb,var(--tone) 32%,transparent),color-mix(in srgb,var(--glow) 18%,transparent));border-color:color-mix(in srgb,var(--tone) 65%,transparent);box-shadow:0 4px 16px #0003,inset 0 1px 0 #ffffff30;text-shadow:0 0 12px color-mix(in srgb,var(--tone) 65%,transparent)}
.card h2{color:var(--tone);text-shadow:0 2px 18px color-mix(in srgb,var(--tone) 18%,transparent)}
.card .subtitle{color:#e0dbe4}.number{opacity:.9}.badge{font-weight:700;letter-spacing:.8px}.check{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--tone) 50%,transparent))}
.card-bottom{background:linear-gradient(0deg,color-mix(in srgb,var(--glow) 19%,transparent),transparent);border-top:1px solid #ffffff08}
.choose{background:linear-gradient(120deg,color-mix(in srgb,var(--tone) 19%,transparent),color-mix(in srgb,var(--glow) 24%,transparent));border-color:color-mix(in srgb,var(--tone) 55%,transparent);font-weight:700;box-shadow:inset 0 1px 0 #ffffff12}
.card:nth-child(5) .choose{background:linear-gradient(120deg,#f0cf90,#c99a4b);color:#24190b;border-color:#f5d79d}
.card.selected{box-shadow:0 12px 30px #0005,0 0 24px color-mix(in srgb,var(--tone) 25%,transparent)}
@media(hover:hover){.card:hover{transform:translateY(-3px);border-color:var(--tone);box-shadow:0 18px 32px #0006,0 0 22px color-mix(in srgb,var(--tone) 12%,transparent)}.choose:hover{background:color-mix(in srgb,var(--tone) 29%,transparent)}.card:nth-child(5) .choose:hover{background:linear-gradient(120deg,#ffe2ac,#ddb365)}}
@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}
}

.recommend-control{display:flex;align-items:center;gap:12px;min-height:64px;padding:14px;border:1px solid #ef596244;border-radius:10px;background:#ef596208;color:#f5eeee;font-size:14px}.recommend-control input{width:22px;height:22px;min-height:22px;flex:0 0 22px;margin:0;accent-color:#d73440}.recommend-control small{display:block;margin-top:5px;font-size:11px;font-weight:400;color:#bcb4bf;line-height:1.5}

.financing{min-height:89px;margin:-2px 0 14px;padding:10px 0 0;border-top:1px solid #ffffff15;display:flex;flex-direction:column;gap:4px}.financing>span{font-size:10px;color:#d4cdd7;line-height:1.4}.financing strong{font:700 clamp(18px,1.9vw,25px) Manrope,sans-serif;letter-spacing:-.5px;color:var(--tone)}.financing strong small{font:400 10px 'DM Sans',sans-serif;letter-spacing:0;margin-left:3px;color:#cec5d1}.financing .finance-terms{font-size:9px;color:#bdb3c3}.financing-unavailable{font-size:10px;color:#aaa2b0;line-height:1.5;justify-content:center}.financing-note{text-align:center;font-size:10px;line-height:1.6;color:#b3aab9;max-width:1050px;margin:16px auto 8px}.financing-note[hidden]{display:none}@media print{.financing strong,.financing>span,.financing strong small,.financing .finance-terms,.financing-note,.financing-unavailable{color:#333}.financing{border-color:#ddd}.financing-note{font-size:8px}}
/* Share the content gutter and offset the logo's transparent left inset. */
header{width:calc(100% - 72px);max-width:1528px;margin-left:auto;margin-right:auto}.brand-image{transform:translateX(-1.9%)}
@media(max-width:1050px){header{width:calc(100% - 44px)}}
@media(max-width:500px){header{width:calc(100% - 32px)}}
/* Align visible tagline lettering to the pricing control's right gutter. */
.top-note{margin-left:auto;text-align:right;transform:translateX(2.3px)}

.pdf-export{background:#c82d37;color:#fff;font-weight:600;font-size:12px;margin:0 6px;min-height:44px}.pdf-export:hover{background:#df3540}

@media screen{.selection{--selection-tone:#a9d5fa;--selection-glow:#32699c;min-height:76px;padding:22px 24px;margin-top:20px;border:1px solid color-mix(in srgb,var(--selection-tone) 65%,transparent);border-left:5px solid var(--selection-tone);border-radius:13px;background:linear-gradient(115deg,color-mix(in srgb,var(--selection-glow) 45%,#19171c),color-mix(in srgb,var(--selection-glow) 14%,#19171c));color:#f7f4fa;font-size:16px;font-weight:600;line-height:1.6;box-shadow:0 8px 24px #0003,inset 0 1px 0 #ffffff12}.selection strong{font-size:20px;font-weight:800;color:var(--selection-tone)}.selection button{min-height:44px;margin:-6px 0 -6px 18px;padding:0 16px;font-size:12px;font-weight:600;color:var(--selection-tone);border-color:color-mix(in srgb,var(--selection-tone) 45%,transparent);background:#ffffff08}@media(max-width:500px){.selection{padding:18px 15px;font-size:14px}.selection strong{font-size:18px}}}

.catalog-help{font-size:12px;line-height:1.6;color:#beb5c2}.catalog-tools{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.catalog-tools button{font-size:12px}.catalog-results{max-height:38dvh;overflow:auto;border:1px solid #ffffff1f;border-radius:10px;margin:12px 0}.catalog-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-bottom:1px solid #ffffff12}.catalog-row:last-child{border:0}.catalog-row strong{display:block;font-size:13px;overflow-wrap:anywhere}.catalog-row small{display:block;font-size:11px;color:#b8afbd;margin-top:6px}.catalog-actions{display:flex;gap:6px;flex-shrink:0}.catalog-actions button{font-size:12px;padding:0 12px}.catalog-actions [data-catalog-add]{background:#c82d37;color:white}.catalog-empty{padding:28px 18px;color:#c5bacb;line-height:1.6;font-size:13px}#customCatalogItem[hidden]{display:none}#catalogDialog label{margin-bottom:0}#catalogSearch{margin-top:8px}#catalogImportSummary{font-weight:600;line-height:1.6}@media(max-width:500px){.catalog-row{align-items:flex-start;flex-direction:column}.catalog-actions{align-self:flex-end}}

@media screen{.card .choose,.card:nth-child(5) .choose{background:linear-gradient(120deg,color-mix(in srgb,var(--tone) 19%,transparent),color-mix(in srgb,var(--glow) 24%,transparent));color:var(--tone);border-color:color-mix(in srgb,var(--tone) 55%,transparent)}.card.selected .choose,.card.selected:nth-child(5) .choose{background:linear-gradient(120deg,color-mix(in srgb,var(--tone) 82%,white),var(--tone));color:#18141d;border-color:var(--tone);font-weight:800;box-shadow:0 0 18px color-mix(in srgb,var(--tone) 25%,transparent)}@media(hover:hover){.card:not(.selected) .choose:hover{background:color-mix(in srgb,var(--tone) 29%,transparent);color:var(--tone)}}}
footer{flex-wrap:wrap}footer>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}#presentationList small{display:block}#saveStatus{line-height:1.5}
.signed-out>header,.signed-out>main,.signed-out>#accountBar{display:none!important}.login-panel{max-width:440px;margin:8vh auto;padding:32px;border:1px solid #ffffff20;border-radius:24px;background:linear-gradient(145deg,#25191c,#141419);box-shadow:0 25px 90px #0008}.login-panel>img{width:270px;max-width:100%;height:auto;margin-bottom:34px}.login-panel h1{font-size:36px;margin:12px 0}.login-panel p{color:#b9b6bf;line-height:1.6}.login-panel input{width:100%;margin:8px 0 18px}.login-panel .primary{width:100%;min-height:48px}.login-panel .subtle{margin-top:12px}#accountBar{padding:12px 3%;display:flex;align-items:center;justify-content:flex-end;gap:14px;color:#b9b6bf;font-size:12px}#accountBar[hidden],.login-panel[hidden]{display:none}.employee .catalog-admin{display:none!important}@media(max-width:540px){.login-panel{margin:4vh 16px;padding:24px}}
.edit-row{grid-template-columns:minmax(140px,1fr) 100px 160px auto;gap:10px;padding:10px 0;border-bottom:1px solid #ffffff12;align-items:end}.edit-row label{margin:0;font-size:11px;color:#a9a4b1}.edit-row input{margin-top:5px}.item-unit-price input{color:#c9c5d0;background:#ffffff05;cursor:default}.quantity-control,.hours-control{display:flex;align-items:center;gap:4px}.quantity-control input{width:58px;text-align:center}.quantity-control button,.hours-control button{min-width:40px;min-height:44px;padding:0}.quantity-control button{margin-top:5px}.item-actions{display:flex;gap:4px}.item-actions button{width:40px;min-height:44px}.hours-control #hours{width:86px;margin:0;text-align:center}@media(max-width:650px){.edit-row{grid-template-columns:1fr 1fr;gap:10px}.item-description{grid-column:1/-1}.item-actions{grid-column:1/-1;justify-content:flex-end}.item-quantity{min-width:150px}}

/* Let the package studio grow with its contents across the available screen. */
#editor{width:min(1280px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:20px 24px;overflow:auto;overscroll-behavior:contain}
#editor .dialog-head{margin-bottom:12px}
#editor .dialog-head h2{margin:4px 0}
#editor .recommend-control{min-height:52px;padding:10px 12px;margin-bottom:10px}
#editor .items-head{margin-top:8px}
#editor .items-head h3{margin:8px 0}
#editor .hours-row{padding:8px 12px;margin:4px 0 8px}
#editor .catalog-help{margin:8px 0;line-height:1.4}
#editor #itemEditor{max-height:none;overflow:visible}
#editor .edit-row{padding:6px 0;margin-bottom:2px;grid-template-columns:minmax(180px,1fr) 120px 160px auto}
#editor .dialog-bottom{position:sticky;bottom:-20px;margin-top:12px;padding:12px 0;background:#201d21;border-top:1px solid #ffffff20;z-index:1}
@media(max-width:650px){
 #editor{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:14px}
 #editor .edit-row{grid-template-columns:1fr 1fr;gap:8px}
 #editor .dialog-bottom{bottom:-14px}
}

/* Keep large touch controls without the browser's tiny number spinners. */
#hours, .item-quantity input{appearance:textfield;-moz-appearance:textfield}
#hours::-webkit-inner-spin-button,#hours::-webkit-outer-spin-button,.item-quantity input::-webkit-inner-spin-button,.item-quantity input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.item-unit-price input:not([readonly]){background:#141215;color:#eef2f8;cursor:text}