/* Typography, colors, header, panels and disclosure rows match the CRM app. */
:root{font-family:Inter,system-ui,sans-serif;color:#172234;--navy:#41536c;--red:#e31937;--pale:#edf0f2}*{box-sizing:border-box}body{margin:0;background:var(--pale)}header{background:var(--navy);color:#fff;padding:22px max(24px,calc((100vw - 1180px)/2)) 30px;border-bottom:5px solid var(--red)}.brand{display:block;font-size:16px;font-weight:700}.brand span{font-size:12px}.eyebrow,.label{display:block;color:#ff7588;font-size:11px;font-weight:800;letter-spacing:.18em}.eyebrow{margin-top:22px}h1{font-size:38px;margin:12px 0 3px}header p{margin:0;color:#dce3e9;line-height:1.5}main{width:min(1180px,calc(100% - 32px));margin:28px auto 70px}h2{font-size:30px;color:var(--navy);margin:12px 0}h3{color:var(--navy)}p{line-height:1.5}.hint,.fine{color:#667382}.label{color:var(--red)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.catalog-panel,aside{background:#fff;padding:32px;box-shadow:0 18px 48px #26354816;border-top:5px solid var(--red);min-width:0}aside{position:sticky;top:20px}aside h2{font-size:24px;margin-top:0}
.category{margin:12px 0;border:1px solid #d9dfe4;border-radius:8px;overflow:hidden;background:#fff;min-width:0}.category>summary{display:flex;align-items:center;gap:12px;padding:16px 18px;cursor:pointer;background:#f3f5f6;color:var(--navy);font-weight:800;list-style:none}.category>summary::-webkit-details-marker{display:none}.category>summary::before{content:'›';font-size:22px;line-height:1;transition:transform .15s}.category[open]>summary::before{transform:rotate(90deg)}.category>summary>span{min-width:0}.category>summary small{display:block;color:#71808e;font-size:12px;font-weight:500;margin-top:4px}.category>summary>.category-count{margin-left:auto;flex-shrink:0}.category>summary:focus-visible{outline:2px solid var(--red);outline-offset:-3px}.category[open]>summary{border-bottom:1px solid #d9dfe4}.category-content{padding:0 14px}
.product{display:grid;grid-template-columns:minmax(0,1fr) 120px 80px;gap:10px;padding:16px 8px;border-bottom:1px solid #d9dfe4;align-items:center}.product:last-child{border-bottom:0}.product.addon{padding-left:16px;border-left:3px solid #d9dfe4}.product.active{border-left:4px solid var(--red);background:#f3f5f6}.product b{display:block;overflow-wrap:anywhere}.product small{display:block;line-height:1.5;color:#71808e;margin-top:4px;overflow-wrap:anywhere}.prices{text-align:right;font-size:13px}.quantity{display:flex;align-items:center}.quantity input[type=number]{width:72px}.quantity input[type=checkbox]{width:auto}.quantity label{display:flex;align-items:center;gap:6px;font-size:12px}
input,textarea,select{font:inherit;border:1px solid #cbd3d9;padding:11px;background:#fbfcfc;color:inherit;max-width:100%;width:100%}textarea{resize:vertical}button{font:inherit;cursor:pointer;border:0;padding:10px 14px;background:var(--red);color:#fff;font-weight:800}button:disabled{background:#aeb7bf;cursor:default}aside button{width:100%;margin-top:10px}#reset{background:var(--navy)}label{display:block;font-size:13px;margin:12px 0;color:var(--navy);font-weight:700}label input,label textarea{margin-top:6px}.sum{display:flex;justify-content:space-between;gap:10px;margin:14px 0}.sum.primary{font-size:20px;font-weight:800;background:#f3f5f6;border-left:4px solid var(--red);padding:18px 12px;color:var(--navy)}.fine{font-size:12px}.warning{color:#9c4d0e!important}.empty{padding:20px;color:#71808e}hr{border:0;border-top:1px solid #d9dfe4;margin:24px 0}footer{padding:25px 0 0;text-align:right;color:#687483;font-size:12px}#status{color:var(--red);font-size:13px}
@media(max-width:1000px){.layout{grid-template-columns:1fr}aside{position:static}}@media(max-width:800px){.catalog-panel,aside{padding:22px}}@media(max-width:540px){h1{font-size:30px}h2{font-size:24px}.category>summary{padding:14px 12px;gap:8px;flex-wrap:wrap}.category-count{font-size:11px!important}.product{grid-template-columns:minmax(0,1fr) 76px}.product .prices{grid-column:1;text-align:left}.quantity{grid-column:2;grid-row:1/span 2}.product.addon{padding-left:10px}.category-content{padding:0 8px}}@media print{aside input,aside textarea,aside button,aside label,.quantity,header .eyebrow{display:none}.layout{display:block}.product:not(.active){display:none}aside{position:static}body{background:white}}
[hidden]{display:none!important}.domain-fields{grid-column:1/-1;border-top:1px solid #d9dfe4;margin-top:8px;padding:8px 0}.domain-entry{padding:4px 0 12px}.domain-entry label{margin:8px 0}.domain-entry>button{padding:8px 12px;background:var(--navy);font-size:12px}.transfer-choice{display:flex;align-items:center;gap:8px;font-weight:700}.transfer-choice input{width:auto;margin:0}dialog{padding:0;width:min(780px,calc(100% - 24px));max-height:90vh;border:0;box-shadow:0 18px 48px #26354866;color:#172234;background:white}dialog::backdrop{background:#17223499}.order-head{display:flex;justify-content:space-between;align-items:start;background:var(--navy);color:white;border-bottom:5px solid var(--red);padding:22px 28px}.order-head h2{color:white;font-size:26px;margin-bottom:0}.order-head .label{color:#ff7588}.order-head button{background:transparent;border:1px solid #92a0b0;color:white;font-size:20px;padding:4px 12px}.order-body{padding:20px 28px}.order-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.order-fields label:first-child,.order-fields label:nth-child(5){grid-column:1/-1}.order-actions{padding:18px 28px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #d9dfe4;background:#f3f5f6}#cancel-order{background:var(--navy)}#order-status{color:var(--red);font-size:13px}@media(max-width:540px){.order-fields{grid-template-columns:1fr}.order-head,.order-body,.order-actions{padding:18px}.order-actions{flex-direction:column}.order-head h2{font-size:22px}.category>summary{display:grid;grid-template-columns:12px minmax(0,1fr)}.category>summary>.category-count{grid-column:2;justify-self:end;margin-left:0}}

.order-head{position:sticky;top:0;z-index:1}.order-actions{position:sticky;bottom:0;z-index:1}

.manual-choice{display:flex;align-items:flex-start;gap:8px;color:#9c4d0e}.manual-choice input{width:auto;margin:3px 0 0;flex-shrink:0}

.mail-address{display:grid;grid-template-columns:minmax(100px,1fr) auto minmax(110px,1fr);align-items:center;gap:8px;margin-top:6px}.mail-address input,.mail-address select{min-width:0;margin:0}.mail-address>span{font-size:18px}@media(max-width:540px){.mail-address{grid-template-columns:minmax(85px,1fr) auto minmax(110px,1fr);gap:5px}.mail-address input,.mail-address select{padding:9px 7px;font-size:13px}}

#pdf-dialog{width:min(560px,calc(100% - 24px))}#pdf-status{color:var(--red);font-size:13px}#cancel-pdf{background:var(--navy)}