:root{font-family:Inter,system-ui,sans-serif;color:#20242b;background:#f6f5f1;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#161719;color:#fff;padding:22px max(20px,calc((100vw - 1180px)/2));display:flex;gap:18px;align-items:center}header strong{color:#e8b631;font-size:28px;letter-spacing:3px}header span{color:#b9bbc0}main{max-width:1220px;margin:auto;padding:40px 20px 80px}h1{font-size:clamp(30px,5vw,46px);letter-spacing:-1.5px;margin:10px 0}h2{font-size:23px;letter-spacing:-.5px}h3{font-size:16px}p{line-height:1.6}.eyebrow{font-size:12px;letter-spacing:2px;color:#8b6d1f;font-weight:700}.sub,.hint{color:#727780}.hint{font-size:13px}.notice{background:#fff0bf;border-radius:14px;padding:16px;margin:24px 0}.panel,.card{background:#fff;border:1px solid #e7e5de;border-radius:20px;padding:26px;min-width:0}.card{padding:20px}.generate-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:start}.form-grid,.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.full{grid-column:1/-1}label{display:block;font-size:13px;font-weight:600;margin:8px 0}input,select{width:100%;min-height:46px;padding:11px;border:1px solid #deded8;border-radius:10px;background:white;font:inherit;color:inherit}input:focus,select:focus{outline:2px solid #d8a824;outline-offset:2px}button,a.primary{display:inline-block;border:0;border-radius:11px;padding:12px 16px;font:inherit;font-size:14px;font-weight:650;cursor:pointer;text-decoration:none;color:#25231b}.primary{background:#e9ba3f}.secondary{background:#faf0d0}button:disabled{opacity:.5;cursor:default}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.summary-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #efeee9;padding:13px 0;font-size:14px}.summary-row b{white-space:nowrap}aside h2{font-size:30px}#tir-error{color:#b42318}@media(max-width:760px){main{padding-top:25px}.generate-layout{grid-template-columns:1fr}.panel{padding:20px}.form-grid{gap:12px}aside{order:-1}.summary-row{gap:12px;font-size:13px}}@media(max-width:420px){.form-grid{grid-template-columns:1fr}}
.language{margin-left:auto}.language label{color:#d6d4cd;font-size:11px;margin:0 0 4px}.language select{min-height:35px;padding:6px 10px;font-size:13px;max-width:145px;background:#292a2d;color:white;border-color:#48494c}.topbar{align-items:end;margin-bottom:24px}.topbar>div{margin-left:auto;min-width:140px}.result-number{overflow-wrap:anywhere}.gain{color:#15803d}.loss{color:#c83333}.stats-cards{margin-top:22px}.history{margin-top:24px}.history .card{margin-top:14px}form h3{margin-top:28px}input:disabled{background:#f3f2ed;color:#81817c}@media(max-width:760px){aside{order:initial}header{gap:10px;padding:16px}header>span{font-size:12px;max-width:95px}.topbar>div{margin-left:0;width:100%}.summary-row b{white-space:normal;text-align:right;overflow-wrap:anywhere;max-width:50%}}
.tir-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;background:#eae8e0;border:1px solid #e0ded4;padding:5px;border-radius:15px;margin:24px 0;position:sticky;top:8px;z-index:5;box-shadow:0 6px 22px #20242b08}.tir-tabs button{background:transparent;color:#696a65;min-height:46px;padding:11px 8px}.tir-tabs button.active{background:#e9ba3f;color:#25231b;box-shadow:0 2px 6px #846a2420}.new-trip-action{justify-content:flex-end;margin:0 0 16px}.settings-panel{max-width:850px}.trip-overrides{border-top:1px solid #e7e5de;margin-top:24px;padding-top:20px}.trip-overrides summary{font-weight:650;cursor:pointer;line-height:1.5}.trip-overrides[open] summary{margin-bottom:16px}@media(max-width:420px){.tir-tabs{margin:20px 0}.tir-tabs button{font-size:12px;padding:10px 4px}}
/* Thumb-accessible navigation, including iPhone home-indicator space. */
.tir-tabs{position:fixed;top:auto;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,680px);margin:0;border-radius:20px 20px 0 0;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));background:#eeece5f5;backdrop-filter:blur(16px);box-shadow:0 -5px 24px #20242b14;z-index:20}.tir-tabs button{min-height:54px;font-size:14px;white-space:normal;overflow-wrap:anywhere}.user-identity{margin-left:auto;max-width:48%;font-weight:650;text-align:right;overflow-wrap:anywhere}main{padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))}.reminder-list:empty{display:none}.reminder{border-radius:14px;padding:16px;margin:14px 0;border:1px solid #eed689;background:#fff4cf}.reminder p{font-size:13px;margin:6px 0 0}.reminder.danger{background:#ffebe8;border-color:#efb0a5}.insurance-row{border:1px solid #e7e5de;padding:16px;border-radius:14px;margin:16px 0}.insurance-row button{margin-top:12px}.settings-panel .notice{font-size:13px}#tir-settings-form{margin-top:24px}@media(max-width:360px){.tir-tabs button{font-size:12px;padding:10px 3px}}
.tir-tabs button{font-size:clamp(10px,3.1vw,14px);white-space:nowrap;overflow-wrap:normal;min-width:0;padding-inline:3px}.summary-row b{flex:0 0 auto;white-space:nowrap;max-width:none}.summary-row>span{min-width:0}.reminder-list{scroll-margin-top:20px}
.platform-tools{margin-top:24px;max-width:850px}.platform-tools textarea{width:100%;padding:14px;border:1px solid #deded8;border-radius:12px;font:inherit;resize:vertical}.pilot-status{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:22px}.badge{display:inline-block;background:#fff0bd;border-radius:9px;padding:7px 11px;font-size:12px;font-weight:700}#update-note[hidden]{display:none}
.vehicle-card{padding:22px;border:1px solid #dfdcd0;border-radius:18px;margin:20px 0;background:#faf9f5}.vehicle-card>h3{margin-top:0}.policy-section{border-left:4px solid #e9ba3f;background:#fff;padding:16px;margin:24px 0 12px;border-radius:0 12px 12px 0}.policy-section>p{font-size:13px;color:#686c73}.policy-section h4{margin-top:0}.policy-section .insurance-row{background:#faf7ec}.tax-settings{border:1px solid #e4dcc2;border-radius:16px;padding:20px;margin-top:26px}.tax-report{margin-top:24px}.fleet-section{margin-top:30px}.reminder-list:empty{display:none}input[readonly]{background:#f3f2ec;color:#545a60}.settings-panel .form-grid>div{min-width:0}.tax-report a{font-size:13px;color:#7d6418}h4{font-size:14px}

.app-brand{display:flex;flex:none;border-radius:12px;overflow:hidden}.app-brand img{width:48px;height:48px;display:block}header{min-height:80px}
.fuel-costs{border:1px solid #ead592;background:#fff8e3;border-radius:12px;padding:12px 16px;margin-top:16px}.fuel-costs .summary-row:first-child{padding-top:0}.fuel-costs p{margin-bottom:0}

/* Desktop toolbar and a two-row mobile thumb bar. */
.tir-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.tir-tabs .new-trip-button{grid-column:1/-1;grid-row:1;background:#e9ba3f;color:#25231b;font-weight:800;font-size:16px;min-height:48px}
main{padding-bottom:calc(182px + env(safe-area-inset-bottom,0px))}
@media(min-width:761px){
 .tir-tabs{position:sticky;top:12px;bottom:auto;left:auto;transform:none;width:100%;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(180px,1.2fr);border-radius:16px;padding:6px;margin:24px 0;box-shadow:0 4px 20px #20242b10}
 .tir-tabs .new-trip-button{grid-column:4;grid-row:1;font-size:16px}
 main{padding-bottom:60px}
}