.quote-id-link{color:#b5121b;font-weight:800;text-decoration:none}.quote-id-link:hover{text-decoration:underline}.quote-detail-page{background:#f5f7f9}.quote-detail-head{background:#101820;color:#fff;padding:48px 0 40px}.quote-detail-head a{color:#d7dde2;text-decoration:none}.quote-detail-head .wrap>div{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-top:28px}.quote-detail-head h1{font-size:clamp(2.4rem,5vw,4.8rem);line-height:1;margin:8px 0}.quote-detail-head p{color:#b9c3cc}.quote-detail-head .status{font-size:.8rem}.quote-record-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.record-panel{background:#fff;border:1px solid #dfe4e8;border-radius:16px;padding:32px;box-shadow:0 12px 35px rgba(16,24,32,.06)}.record-heading{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid #e7ebee}.record-heading>div{display:flex;align-items:center;gap:14px}.record-heading span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#c71920;color:#fff;font-weight:800}.record-heading h2{margin:0}.record-heading small{color:#63707b}.record-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:12px 0 0}.record-grid div{padding:18px 12px 16px 0;border-bottom:1px solid #edf0f2}.record-grid dt,.detail-list dt{color:#6b7680;font-size:.78rem;text-transform:uppercase;letter-spacing:.07em}.record-grid dd,.detail-list dd{margin:6px 0 0;font-weight:700;line-height:1.45}.record-grid .record-wide{grid-column:1/-1}.response-panel{border-top:4px solid #c71920}.response-price{background:#f6f7f8;border-radius:10px;padding:22px;margin-top:22px;display:grid;gap:5px}.response-price span{font-size:.82rem;color:#68737c}.response-price strong{font-size:2rem}.response-price small{color:#68737c}.response-actions{display:flex;align-items:center;gap:22px;margin-top:24px}.response-actions>a:not(.button){color:#a50f16;font-weight:800;text-decoration:none}
.backoffice{--bo-red:#c71920;--bo-ink:#17212b;--bo-muted:#66727e;min-height:100vh;background:#f3f5f7;color:var(--bo-ink);display:grid;grid-template-columns:250px minmax(0,1fr);font-family:"Google Sans","Product Sans",Arial,sans-serif}.bo-sidebar{position:sticky;top:0;height:100vh;background:#121a22;color:#fff;padding:28px 20px;display:flex;flex-direction:column}.bo-brand{display:flex;align-items:center;gap:14px;padding:0 8px 28px;color:#fff;text-decoration:none;border-bottom:1px solid #29323b}.bo-brand img{width:112px;height:auto;background:#fff;border-radius:6px;padding:5px}.bo-brand span{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.bo-sidebar nav{display:grid;gap:5px;padding-top:24px}.bo-sidebar nav a{color:#bdc5cc;text-decoration:none;padding:12px 14px;border-radius:8px;font-weight:700;font-size:.9rem}.bo-sidebar nav a:hover,.bo-sidebar nav a.active{background:#29323b;color:#fff}.bo-sidebar nav a.active{box-shadow:inset 3px 0 var(--bo-red)}.bo-user{margin-top:auto;display:flex;align-items:center;gap:10px;padding:16px 8px 0;border-top:1px solid #29323b}.bo-user>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--bo-red);font-weight:800}.bo-user div{display:grid;gap:2px}.bo-user strong{font-size:.85rem}.bo-user small{color:#939ea7}.bo-content{min-width:0;padding:0 42px 50px}.bo-top{min-height:120px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce1e5;margin-bottom:32px}.bo-top p,.bo-actions p,.bo-section-title p,.bo-card-head p,.truck-detail-head p{margin:0 0 5px;color:var(--bo-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:800}.bo-top h1{margin:0;font-size:2rem}.bo-top>a{color:var(--bo-ink);font-weight:800;text-decoration:none}.bo-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.bo-stats article,.bo-card,.expiry-grid article{background:#fff;border:1px solid #dfe4e8;border-radius:12px;padding:22px}.bo-stats span{color:var(--bo-muted);font-size:.85rem}.bo-stats strong{display:block;font-size:2.2rem;margin:8px 0}.bo-stats small{color:#73808b}.bo-section-title,.bo-actions{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:36px 0 18px}.bo-section-title h2,.bo-actions h2,.bo-card-head h2{margin:0}.bo-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.bo-module-grid>a{min-height:190px;background:#fff;color:var(--bo-ink);text-decoration:none;padding:24px;border:1px solid #dfe4e8;border-radius:12px;display:flex;flex-direction:column;transition:.2s}.bo-module-grid>a:hover{transform:translateY(-3px);border-color:#c71920;box-shadow:0 14px 30px rgba(18,26,34,.08)}.bo-module-grid span{color:#b5121b;text-transform:uppercase;font-size:.7rem;font-weight:800;letter-spacing:.08em}.bo-module-grid h3{font-size:1.3rem;margin:18px 0 8px}.bo-module-grid p{color:var(--bo-muted);margin:0}.bo-module-grid b{margin-top:auto}.bo-split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.bo-card-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e8eb;padding-bottom:18px;margin-bottom:20px}.bo-live,.bo-pill,.fleet-status{display:inline-flex;padding:6px 10px;border-radius:999px;background:#e6f5ec;color:#14753a;font-size:.72rem;font-weight:800;white-space:nowrap}.bo-form label{display:grid;gap:7px;margin:0 0 16px;font-size:.78rem;font-weight:800;color:#53606b}.bo-form input,.bo-form textarea,.bo-search input{font:inherit;color:var(--bo-ink);background:#fff;border:1px solid #ccd3d9;border-radius:7px;padding:11px 12px;resize:vertical}.bo-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bo-save-status{color:#14753a;font-weight:700}.hero-mini{min-height:390px;border-radius:10px;padding:42px;color:#fff;background:linear-gradient(rgba(13,22,30,.52),rgba(13,22,30,.52)),url('/website/assets/home-hero.jpeg') center/cover;display:flex;flex-direction:column;justify-content:end}.hero-mini span{font-size:.7rem;letter-spacing:.1em}.hero-mini h3{font-size:2rem;max-width:430px;margin:12px 0 22px}.hero-mini b{width:max-content;background:#c71920;padding:12px 16px;border-radius:5px}.bo-list{display:grid;gap:10px}.bo-list article{background:#fff;border:1px solid #dfe4e8;border-radius:10px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between}.bo-list-main{display:flex;align-items:center;gap:18px}.bo-list-main>span{color:#aeb6bd;font-weight:800}.bo-list h3,.bo-list p{margin:0}.bo-list p{color:var(--bo-muted);margin-top:5px}.bo-row-actions{display:flex;align-items:center;gap:12px}.bo-row-actions button,.bo-table button,.bo-card-head button{border:1px solid #cdd3d8;background:#fff;border-radius:6px;padding:8px 12px;font-weight:700;cursor:pointer}.bo-search{display:flex;align-items:center;gap:8px;color:var(--bo-muted);font-size:.8rem}.bo-table-wrap{overflow:auto;background:#fff;border:1px solid #dfe4e8;border-radius:12px}.bo-table{width:100%;border-collapse:collapse;min-width:820px}.bo-table th,.bo-table td{text-align:left;padding:16px;border-bottom:1px solid #edf0f2}.bo-table th{background:#f8f9fa;font-size:.72rem;color:#64717c;text-transform:uppercase;letter-spacing:.06em}.bo-pill{background:#eef1f4;color:#47545e}.bo-pill.warn{background:#fff0d8;color:#8a5711}.employee-directory{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.employee-directory article{background:#fff;border:1px solid #dfe4e8;border-radius:10px;padding:20px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.directory-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#1d2b38;color:#fff;font-weight:800}.employee-directory h3,.employee-directory p{margin:0}.employee-directory p{color:var(--bo-muted);margin:4px 0}.employee-directory small{color:#7a858e}.fleet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.fleet-grid article{background:#fff;border:1px solid #dfe4e8;border-radius:12px;padding:22px}.fleet-card-head{display:flex;justify-content:space-between;gap:14px}.fleet-card-head>div>span{color:#c71920;font-size:.75rem;font-weight:900;letter-spacing:.08em}.fleet-card-head h3{margin:7px 0 5px}.fleet-card-head p{margin:0;color:var(--bo-muted)}.fleet-status.attention,.fleet-status.expiring-soon{background:#fff0d8;color:#8a5711}.fleet-status.maintenance{background:#fee6e7;color:#a3151c}.fleet-grid dl{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #e6e9ec;margin:20px 0}.fleet-grid dl div{padding:16px 6px}.fleet-grid dt{color:var(--bo-muted);font-size:.7rem;text-transform:uppercase}.fleet-grid dd{margin:6px 0 0;font-weight:800;font-size:.84rem}.fleet-grid a,.bo-back{color:#a51118;font-weight:800;text-decoration:none}.bo-back{display:inline-block;margin-bottom:24px}.truck-detail-head{background:#17212b;color:#fff;border-radius:12px;padding:28px;display:flex;align-items:center;justify-content:space-between}.truck-detail-head h2{font-size:2rem;margin:0}.truck-detail-head p{color:#bbc4cb}.expiry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}.expiry-grid span{color:var(--bo-muted);font-size:.8rem}.expiry-grid strong{display:block;font-size:1.35rem;margin:8px 0}.expiry-grid small{color:#75818a}.detail-list{display:grid;grid-template-columns:1fr 1fr;margin:0}.detail-list div{padding:16px 0;border-bottom:1px solid #edf0f2}.truck-note{margin-top:22px;padding:16px;background:#f3f5f7;border-left:3px solid #c71920}.truck-note p{margin:6px 0 0;color:var(--bo-muted)}
.dashboard-widget-section{margin-top:34px}.bo-section-title>a{color:#a51118;font-weight:800;text-decoration:none}.metric-widget-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.metric-widget{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;background:#fff;border:1px solid #dfe4e8;border-radius:12px;padding:24px}.metric-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:12px;background:#e8eef3;color:#17212b;font-size:1.15rem;font-weight:900}.metric-widget.warning .metric-icon{background:#fff0d8;color:#8a5711}.metric-widget.success .metric-icon{background:#e6f5ec;color:#14753a}.metric-widget span{color:#66727e;font-size:.85rem}.metric-widget strong{display:block;font-size:2.1rem;line-height:1;margin:7px 0}.metric-widget small{color:#75818a}
.fleet-card-head{align-items:flex-start}.fleet-status{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:88px;min-height:30px;padding:6px 11px;line-height:1;border:1px solid #bfe3cd;box-sizing:border-box}.fleet-status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px rgba(20,117,58,.1)}.fleet-status.attention,.fleet-status.expiring-soon{border-color:#f0d09d}.fleet-status.attention:before,.fleet-status.expiring-soon:before{box-shadow:0 0 0 3px rgba(138,87,17,.1)}.fleet-status.maintenance{border-color:#efb7ba}.fleet-status.maintenance:before{box-shadow:0 0 0 3px rgba(163,21,28,.1)}.truck-photo-panel{position:relative;height:300px;margin:18px 0;overflow:hidden;border-radius:12px;background:#17212b}.truck-photo-panel>img{width:100%;height:100%;object-fit:cover;object-position:center 53%;display:block}.truck-photo-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,20,28,.72),transparent 55%)}.truck-photo-panel>div{position:absolute;z-index:2;left:28px;bottom:25px;color:#fff;display:grid;gap:5px}.truck-photo-panel span{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.truck-photo-panel strong{font-size:2rem}.truck-photo-panel button{position:absolute;left:0;top:-220px;width:max-content;border:1px solid rgba(255,255,255,.65);background:rgba(16,24,32,.7);color:#fff;padding:9px 12px;border-radius:6px;font-weight:700}.employee-directory .employee-card{background:#fff;color:#17212b;text-decoration:none;border:1px solid #dfe4e8;border-radius:10px;padding:20px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;transition:.2s}.employee-directory .employee-card:hover{border-color:#c71920;transform:translateY(-2px);box-shadow:0 10px 24px rgba(18,26,34,.07)}.employee-detail-hero{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;background:#17212b;color:#fff;padding:30px;border-radius:12px;margin-bottom:18px}.employee-photo{width:130px;height:130px;border-radius:12px;overflow:hidden;background:#c71920;display:grid;place-items:center}.employee-photo img{width:100%;height:100%;object-fit:cover}.employee-photo>span{font-size:2.2rem;font-weight:900}.employee-detail-hero p{color:#b8c2ca;margin:12px 0 5px}.employee-detail-hero h2{font-size:2.1rem;margin:0}.employee-detail-hero h3{font-weight:500;color:#d7dee3;margin:7px 0 0}.employee-panels{align-items:start}
.autoresponder-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:20px;align-items:start}.email-preview{padding:0;overflow:hidden}.email-meta{display:grid;gap:10px;background:#f7f8f9;border-bottom:1px solid #dfe4e8;padding:20px 26px}.email-meta div{display:grid;grid-template-columns:70px 1fr;gap:10px}.email-meta span{color:#6c7882}.email-body{padding:32px;line-height:1.65}.email-body>img{width:150px;margin-bottom:22px}.email-body>p{color:#52606a}.email-quote{display:grid;gap:3px;background:#17212b;color:#fff;padding:22px;margin:24px 0}.email-quote strong{font-size:2rem}.email-quote small{color:#cbd3d9}.email-body h3{margin-top:28px}.email-body dl{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dfe4e8}.email-body dl div{padding:13px;border-bottom:1px solid #e7ebee}.email-body dt{font-size:.72rem;color:#68747e;text-transform:uppercase}.email-body dd{margin:4px 0 0;font-weight:700}.email-signoff{margin-top:28px}.responder-settings{position:sticky;top:20px}
@media(max-width:1050px){.backoffice{grid-template-columns:210px minmax(0,1fr)}.bo-content{padding-inline:24px}.bo-stats{grid-template-columns:1fr 1fr}.bo-module-grid{grid-template-columns:1fr 1fr}.fleet-grid{grid-template-columns:1fr}.quote-record-layout,.autoresponder-layout{grid-template-columns:1fr}.responder-settings{position:static}}
@media(max-width:720px){.backoffice{display:block}.bo-sidebar{position:static;height:auto;padding:16px}.bo-brand{padding-bottom:16px}.bo-sidebar nav{display:flex;overflow:auto;padding-top:14px}.bo-sidebar nav a{white-space:nowrap}.bo-user{display:none}.bo-content{padding:0 16px 36px}.bo-top{min-height:96px}.bo-top>a{display:none}.bo-stats,.bo-module-grid,.bo-split,.employee-directory,.expiry-grid,.metric-widget-grid{grid-template-columns:1fr}.bo-actions{align-items:flex-start;flex-direction:column}.bo-form-row,.record-grid{grid-template-columns:1fr}.record-grid .record-wide{grid-column:auto}.fleet-grid dl{grid-template-columns:1fr}.fleet-grid dl div{padding:10px 0}.quote-detail-head .wrap>div{align-items:flex-start}.record-panel{padding:22px}.response-actions{align-items:flex-start;flex-direction:column}.detail-list{grid-template-columns:1fr}.employee-detail-hero{grid-template-columns:1fr;align-items:start}.employee-photo{width:110px;height:110px}.truck-photo-panel{height:230px}}
.quote-grid-actions{display:flex;align-items:center;gap:12px}.quote-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.quote-summary article{background:#fff;border:1px solid #dfe4e8;border-radius:10px;padding:18px}.quote-summary span{color:#68747e;font-size:.8rem}.quote-summary strong{display:block;font-size:1.8rem;margin-top:6px}.quote-admin-table td small{display:block;color:#75818a;margin-top:4px}.quote-admin-table td:nth-child(7){white-space:nowrap}.quote-admin-status{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#eef1f4;color:#46535d;font-size:.72rem;font-weight:800;border:1px solid #d8dde1}.quote-admin-status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.quote-admin-status.open{background:#fff0d8;color:#8a5711;border-color:#f1d5a7}.quote-admin-status.responded{background:#e8f0fb;color:#285d9e;border-color:#c8d9ef}.quote-admin-status.accepted{background:#e6f5ec;color:#14753a;border-color:#c7e4d2}.quote-admin-status.closed{background:#f0f1f2;color:#69747c}.agent-chip{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#17212b;color:#fff;font-size:.68rem;font-weight:900;margin-right:8px}.table-actions{display:flex;gap:7px}.table-actions a{padding:7px 10px;border:1px solid #ccd3d9;border-radius:5px;color:#17212b;text-decoration:none;font-size:.75rem;font-weight:800}.table-actions a:last-child{color:#a51118}.quote-admin-head{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;background:#17212b;color:#fff;padding:25px 28px;border-radius:12px}.quote-admin-head p{color:#b9c3cb;margin:0 0 5px}.quote-admin-head h2{font-size:2rem;margin:0}.quote-agent-banner{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #dfe4e8;border-left:4px solid #c71920;border-radius:8px;padding:17px 20px;margin:16px 0}.quote-agent-banner .agent-chip{width:42px;height:42px}.quote-agent-banner div{display:grid;gap:2px}.quote-agent-banner small,.quote-agent-banner p{color:#68747e}.quote-agent-banner p{margin:0}.admin-quote-amount{background:#f4f6f7;padding:20px;margin-bottom:16px}.admin-quote-amount span{display:block;color:#68747e;font-size:.8rem}.admin-quote-amount strong{display:block;font-size:2rem;margin-top:5px}.bo-form select{font:inherit;color:#17212b;background:#fff;border:1px solid #ccd3d9;border-radius:7px;padding:11px 12px}.quote-edit-form{max-width:900px}.quote-edit-actions{display:flex;align-items:center;gap:18px}.quote-edit-actions a{color:#68747e;font-weight:800;text-decoration:none}
@media(max-width:720px){.quote-summary{grid-template-columns:1fr}.quote-grid-actions{align-items:stretch;flex-direction:column}.quote-admin-head{grid-template-columns:1fr;align-items:start}}