:root{font-family:Arial,sans-serif;color:#24272b;background:#f5f3ed;font-size:13px;--gold:#94713a;--border:#e2ded5;--split:52%}
*{box-sizing:border-box}
body{margin:0;height:100dvh;display:flex;flex-direction:column}
button,input,select,textarea{font:inherit;color:inherit;border:1px solid var(--border);border-radius:5px;background:linear-gradient(#fff,#faf9f5);min-width:0}
button,select{cursor:pointer}
button{padding:8px 14px;white-space:nowrap}
button:disabled{opacity:.55;cursor:default}
button[aria-selected=true]{background:linear-gradient(110deg,#a08047,#886932);color:white;border-color:#9e804b}
button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,#resizer:focus-visible{outline:2px solid #3974ac;outline-offset:2px}
input,select{height:32px;padding:5px 10px}
input[readonly]{background:#eeece6;color:#666}
header{height:51px;flex-shrink:0;display:flex;align-items:center;gap:18px;padding:7px 23px;background:linear-gradient(#fffefa,#f0ede4);border-bottom:1px solid var(--border)}
header>strong{font:bold 25px Georgia;color:#664a2a}
.brand-switch{display:flex;border:1px solid var(--border);border-radius:6px;padding:2px}
.brand-switch button{border:0;padding:6px 22px}
nav{margin-left:auto;display:flex;gap:9px}
nav .copy{background:#1673c8;color:white}
nav .save{background:#34835b;color:white}
nav .load{background:#b68b35;color:white}
.contact{display:flex;gap:26px;align-items:center;padding:10px 25px;min-height:51px;border-bottom:1px solid var(--border);background:#faf8f3}
.contact label{display:flex;align-items:center;gap:18px}
.contact input{width:240px}
.contact select{width:155px}
.contact input[type=date]{width:180px}
#settings-root{margin-left:auto}
summary{cursor:pointer}
#settings{position:relative}
#settings>summary{list-style:none;border:1px solid var(--border);border-radius:5px;padding:9px 13px;white-space:nowrap}
.settings-panel{position:absolute;right:0;top:40px;width:390px;max-height:75vh;overflow:auto;z-index:10;background:#fffdf9;padding:20px;box-shadow:0 6px 25px #342a2329;border:1px solid var(--border);border-radius:8px}
.settings-panel label{display:block;margin:12px 0}
.settings-panel textarea{display:block;width:100%;min-height:85px;margin-top:8px;padding:8px}
main{display:grid;grid-template-columns:minmax(0,var(--split)) 9px minmax(0,1fr);flex:1;min-height:0;padding:4px 12px 10px;gap:0}
.editor,.preview{min-width:0;min-height:0;display:flex;flex-direction:column}
.editor-scroll,.preview-scroll{overflow:auto;min-height:0;flex:1;scrollbar-width:thin}
.editor-scroll{padding-right:2px}
#vehicle-tabs{display:flex;gap:8px;padding:10px 9px 4px;border-bottom:1px solid var(--border);flex-shrink:0;overflow:auto}
#vehicle-tabs button{padding:9px 17px}
.panel{background:#fdfcf9;border:1px solid var(--border);border-radius:9px;padding:13px 16px;margin:4px 0}
.vehicle-heading{display:flex;gap:8px;align-items:center;margin-bottom:14px}
.vehicle-heading h1{margin:0 auto 0 0;font:bold 21px Georgia;white-space:nowrap}
.vehicle-heading>div{display:flex}
.vehicle-heading button{padding:7px 12px}
.vehicle-heading>div button{border-radius:0}
.rates{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}
.rates label{display:grid;gap:6px}
.unit-input{position:relative}
.unit-input input{width:100%;padding-right:55px}
.unit-input small{position:absolute;right:10px;top:9px;color:#565b60}
.rates details{font-size:11px;margin-top:8px}
.rates details select{width:100%;margin-top:8px}
.rates details input{width:100%;margin-top:4px}
.text-section{background:#fdfcf9;border:1px solid var(--border);border-radius:7px;margin:3px 0;padding:9px 16px;font:15px Georgia}
.text-section textarea{width:100%;min-height:95px;margin-top:10px;padding:10px;font:13px/1.5 Arial}
.mode-tabs{display:flex;border-bottom:1px solid var(--border);margin:-8px -3px 8px}
.mode-tabs button{border:0;background:none;padding:10px 26px;border-radius:0;font:16px Georgia}
.mode-tabs button[aria-selected=true]{color:#866021;border-bottom:2px solid #94713a;font-weight:bold}
.calculator-scroll{overflow-x:auto}
.calculator{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px}
.calculator th{background:#f3f0e7;font-weight:normal;text-align:left;padding:9px 5px}
.calculator td{padding:3px 5px;border-bottom:1px solid #ece8df}
.calculator input,.calculator select{width:100%;padding:5px 7px}
.calculator th:first-child{width:25%}
.calculator th:nth-child(2){width:18%}
.calculator th:nth-child(3){width:20%}
.calculator th:nth-child(4){width:14%}
.calculator th:nth-child(5){width:18%}
.calculator th:last-child{width:5%}
.calculator td:last-child{padding:0}
.calculator td:last-child button{border:0;background:none;padding:4px;color:#8f8073}
.row-total{font-weight:bold;white-space:nowrap}
.add-row{display:flex;gap:6px;margin-top:8px}
.add-row button{padding:6px 12px}
.manual{display:flex;gap:20px;padding:18px 0}
.manual label{display:grid;gap:8px}
.quote-details h3{font:bold 16px Georgia;margin:0 0 8px}
.quote-details>label{display:grid;grid-template-columns:26% 1fr;align-items:center;gap:8px;margin:5px 0;font-size:12px}
.quote-details input{width:100%}
.quote-details>label>span{display:flex;align-items:center;gap:8px}
.quote-details>label>span input{width:140px}
.quote-details>label>span button{padding:6px 10px}
.totals{display:flex;align-items:center;gap:0;border:1px solid var(--border);border-radius:8px;background:#fffdf9;padding:0 4px;margin-top:5px;flex-shrink:0;min-height:67px}
.totals>span{padding:10px 16px;flex:1;display:grid;gap:4px}
.totals>span+span{border-left:1px solid var(--border)}
.totals strong{font:bold 18px Georgia;white-space:nowrap}
.gross{background:linear-gradient(110deg,#77582f,#95733e);color:white}
.totals .gross{border-radius:7px}
.totals small{font-size:10px;color:#796d5d;padding:8px;max-width:140px}
#resizer{cursor:col-resize;position:relative;touch-action:none}
#resizer:after{content:'⋮';position:absolute;top:46%;left:0;width:9px;background:#ddd8cb;border-radius:5px;text-align:center;padding:12px 0;color:#8c8272}
.resizing{user-select:none;cursor:col-resize}
.preview{padding:0 8px 0 12px;border:1px solid var(--border);border-radius:10px;background:#faf8f3}
.preview-heading{display:flex;align-items:center;gap:10px;min-height:53px;flex-shrink:0}
.preview-heading h2{font:bold 21px Georgia;margin:0 auto 0 0}
.preview-heading select{width:80px}
#email-preview{min-height:100%}
.language-switch{display:flex;gap:2px}
.language-switch button{padding:5px;border:0;background:none}
.language-switch button[aria-selected=true]{color:#755b35;background:#eee7da}
#action-status{font:12px/1.5 Arial,sans-serif;color:#755b35;margin:0 0 8px}
#action-status:empty{display:none}
.settings-panel input[type=checkbox]{height:auto;vertical-align:middle}
.settings-panel label:has([data-option]){font-size:12px;line-height:1.6}
.settings-panel [data-option=exchangeRate]{width:130px}
.preview-heading #email-mode{width:110px}
.template-buttons{display:flex;gap:6px;margin-bottom:10px}
.template-buttons button{flex:1;padding:7px 10px}
.fill-inline{display:flex;gap:12px;align-items:center}
.fill-inline label{white-space:nowrap;display:flex;align-items:center;gap:8px;font-size:12px}
.fill-inline label:first-child{flex:1}
.fill-inline input{width:100%}
.extra-quantity{display:flex;align-items:center;gap:10px;font-size:12px;margin-top:10px}
.extra-quantity input{width:85px}
.fill-note{font:11px/1.6 Arial,sans-serif;color:#746955;margin:8px 0 0}
.fill-error{font:12px/1.5 Arial,sans-serif;color:#9f3123;margin:6px 0}
.fill-error:empty{display:none}
.airport-panel summary,.program-panel>summary{font:bold 15px Georgia,serif;cursor:pointer}
.airport-panel>h3{font:bold 15px Georgia,serif;margin:0 0 8px}
.airport-summary{padding:7px;background:#f4f0e5;border-radius:4px}
.airport-shortcuts{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.airport-shortcuts button{font-size:11px;padding:7px 8px}
.airport-enabled{display:flex;gap:8px;align-items:center;margin:8px 0}
.airport-enabled input{height:auto}
.airport-panel fieldset{border:0;padding:0;margin:0;min-width:0}
.airport-panel fieldset:disabled{opacity:.55}
.fill-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.fill-grid label{display:grid;gap:5px;font-size:12px;min-width:0}
.fill-grid input,.fill-grid select{width:100%}
.program-panel{margin:14px 0;border-top:1px solid var(--border);padding-top:10px}
.wide-label{display:block;font-size:12px}
.quote-details textarea{width:100%;min-height:68px;padding:8px;font:12px/1.5 Arial,sans-serif}
.program-panel textarea{min-height:110px;margin-top:6px}
.custom-offer-row{display:grid;grid-template-columns:26% 1fr 25px;align-items:start;gap:6px;margin:8px 0}
.custom-offer-row button{padding:6px}
.tariff-table{width:100%;border-collapse:collapse;font-size:12px;margin:10px 0}
.tariff-table td,.tariff-table th{text-align:left;padding:4px;border-bottom:1px solid var(--border)}
.tariff-table button{font-size:12px;padding:4px 7px;width:100%;text-align:right}
.airport-panel details{margin-top:10px}
.calculator td small{display:block;font-size:9px;color:#7b6c59}
@media(max-width:1200px){header{gap:10px;padding:7px 15px}
.brand-switch button{padding:6px 12px}
nav{gap:5px}
nav button{padding:8px 9px}
.contact{gap:14px;padding:9px 16px}
.contact label{gap:8px}
.fill-inline{align-items:flex-start;flex-wrap:wrap}
.fill-inline label:first-child{flex-basis:100%}
.contact input{width:175px}
.contact select{width:110px}
.contact input[type=date]{width:140px}
.vehicle-heading{flex-wrap:wrap}
.vehicle-heading h1{width:100%;font-size:20px;margin-bottom:3px}
.rates{gap:10px}
.panel{padding:11px 10px}
.calculator{font-size:11px}
.calculator input{font-size:12px;padding:4px}
.calculator td,.calculator th{padding:4px 3px}
.row-total{font-size:10px}
.preview-heading h2{font-size:18px}
.totals>span{padding:10px}
.totals strong{font-size:16px}
.totals small{max-width:95px}
.quote-details>label{grid-template-columns:35% 1fr}
.quote-details>label>span input{width:100px}
#vehicle-tabs button{padding:9px 10px;font-size:12px}
}
@media(max-width:760px){body{height:auto;min-height:100dvh}
header{height:auto;flex-wrap:wrap;gap:10px}
header nav{width:100%;margin:0}
.contact{flex-wrap:wrap}
.contact label{flex:1 1 100%;justify-content:space-between}.contact label input,.contact label select{width:65%}
.contact input{width:100%}
#settings-root{margin-left:0}
main{display:flex;flex-direction:column;padding:6px}
.editor-scroll,.preview-scroll{overflow:visible}
.editor{min-height:500px}
.fill-grid{grid-template-columns:1fr}
.custom-offer-row{grid-template-columns:1fr 25px}
.custom-offer-row input{grid-column:1}
.custom-offer-row textarea{grid-column:1}
.custom-offer-row button{grid-column:2;grid-row:1}
.preview{margin-top:12px}
#resizer{display:none}
.totals{position:static}.rates{grid-template-columns:1fr}.calculator{min-width:510px}.calculator-scroll{max-width:100%}.editor-scroll{flex:none}
.settings-panel{position:fixed;left:10px;right:10px;top:140px;width:auto;max-height:65vh;overflow:auto}
.calculator th:first-child{width:24%}
.calculator th:nth-child(2){width:16%}
.calculator th:nth-child(3){width:21%}
.calculator th:nth-child(4){width:15%}
.calculator th:nth-child(5){width:19%}
.preview-scroll{min-height:600px}
}