:root{--ink:#132d35;--ink-2:#28444c;--muted:#6d7d82;--line:#dfe8e8;--canvas:#f5f8f7;--white:#fff;--brand:#20aeb2;--brand-dark:#087e89;--brand-deep:#135f74;--mint:#dff6ed;--blue:#e4f0f6;--amber:#fff0d2;--danger:#bd4b4b;--radius:20px;--shadow:0 18px 50px rgba(24,63,69,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--canvas);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:18px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1062px,calc(100% - 40px));margin-inline:auto}.w-100{width:100%!important}.mt-3{margin-top:1rem!important}.text-end{text-align:right!important}.collapse{display:none}.collapse.show{display:block}[hidden]{display:none!important}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:20px;top:20px;z-index:999;background:#fff;padding:12px}.main-header{height:78px;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(31,67,74,.08);position:sticky;top:0;z-index:50;backdrop-filter:blur(16px)}.app-navbar{height:100%;display:flex;align-items:center;justify-content:space-between}.brand-lockup{display:inline-flex;align-items:center;gap:10px}.brand-lockup img{width:144px;height:auto;display:block}.brand-lockup span{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:#547077;border-left:1px solid var(--line);padding-left:10px}.desktop-nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}.desktop-nav>a:not(.btn){padding:12px 2px;color:#4d6166}.desktop-nav>a.active{color:var(--brand-dark)}.btn{border:0;border-radius:12px;padding:.72rem 1.15rem;font-weight:700;transition:.2s ease;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn-brand{background:var(--brand-dark);color:#fff;box-shadow:0 8px 20px rgba(8,126,137,.18)}.btn-brand:hover{background:#066f79;color:#fff}.btn-light{background:#fff;color:var(--ink)}.btn-outline-dark{border:1px solid #b8c6c8;background:transparent;color:var(--ink)}.btn-danger{background:var(--danger);color:#fff}.btn-lg{padding:.92rem 1.35rem;border-radius:14px}.btn-sm{padding:.55rem .9rem;border-radius:9px}.round-button,.avatar-link,.icon-link{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;display:grid!important;place-items:center;position:relative;background:#fff}.avatar-link{background:var(--ink);color:#fff!important}.notification-dot,.round-button i{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;display:grid;place-items:center;background:#e06b57;color:#fff;font-size:10px;font-style:normal}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:var(--brand-dark);display:inline-flex;align-items:center;gap:8px}.eyebrow.light{color:#90ddd6}.eyebrow>span{width:24px;height:1px;background:currentColor}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}p{color:var(--muted);line-height:1.65}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:25px}.message-stack{position:fixed;right:22px;top:92px;z-index:200;display:grid;gap:10px;width:min(380px,calc(100% - 30px))}.app-message{background:#fff;border-left:4px solid var(--brand);border-radius:10px;box-shadow:var(--shadow);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;font-size:14px}.app-message.error{border-color:var(--danger)}.app-message button{border:0;background:none;font-size:21px;color:#678;cursor:pointer}.status-chip{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:20px;background:#eef3f2;color:#537075;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.status-chip.success,.status-chip.delivered,.status-chip.available,.status-chip.accepted{background:#e3f6ec;color:#277856}.status-chip.awaiting,.status-chip.pickup_scheduled{background:#fff2d9;color:#9a6810}.status-chip.in_transit,.status-chip.vehicle_assigned,.status-chip.assigned{background:#e4f1fa;color:#276487}.status-chip.cancelled,.status-chip.failed,.status-chip.inactive{background:#fde8e7;color:#a94848}.status-chip.out_for_delivery{background:#ece7fa;color:#654ba1}.payment-badge{font-size:11px;font-weight:800;padding:5px 8px;border-radius:7px;background:#f0f3f2;color:#68797d;white-space:nowrap}.payment-badge.paid{background:#e3f6ec;color:#277856}.payment-badge.failed{background:#fde8e7;color:#a94848}.payment-badge.pending{background:#fff2d9;color:#9a6810}

/* Landing */
.hero-section{background:#f8fbfa;padding:75px 0 80px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr .95fr;gap:70px;align-items:center}.hero-copy h1{font-family:Georgia,serif;font-size:clamp(54px,6vw,85px);line-height:.95;margin:20px 0 28px;font-weight:500}.hero-copy h1 em{font-weight:400;color:var(--brand-dark)}.hero-copy>p{font-size:18px;max-width:560px}.hero-actions{display:flex;align-items:center;gap:30px;margin:34px 0 44px}.text-link{border-bottom:1px solid var(--ink);font-weight:700;padding:5px 0}.trust-row{display:flex;gap:30px;padding-top:23px;border-top:1px solid var(--line);max-width:560px}.trust-row span{font-size:12px;color:var(--muted);display:grid}.trust-row strong{font-size:18px;color:var(--ink)}.hero-visual{height:490px;border-radius:40px 40px 120px 40px;background:#d6efec;position:relative;overflow:hidden;box-shadow:0 30px 70px rgba(24,94,97,.14)}.map-grid{position:absolute;inset:0;opacity:.38;background-image:linear-gradient(35deg,transparent 46%,#8cc3bd 47%,#8cc3bd 49%,transparent 50%),linear-gradient(115deg,transparent 46%,#a4d2cd 47%,#a4d2cd 49%,transparent 50%);background-size:90px 90px,130px 130px}.hero-visual:before,.hero-visual:after{content:"";position:absolute;background:#b5dad5;height:22px;border-radius:11px;transform:rotate(-28deg)}.hero-visual:before{width:360px;top:75px;left:-45px}.hero-visual:after{width:300px;bottom:75px;right:-80px}.route-line{position:absolute;width:280px;height:200px;border:4px dashed rgba(14,125,135,.55);border-color:transparent transparent rgba(14,125,135,.55) rgba(14,125,135,.55);border-radius:0 0 0 150px;left:125px;top:88px;transform:rotate(-20deg)}.map-pin{position:absolute;width:46px;height:46px;border-radius:50% 50% 50% 8px;transform:rotate(-45deg);background:#fff;box-shadow:0 8px 20px #709d9950;display:grid;place-items:center;font-weight:800}.map-pin::first-letter{transform:rotate(45deg)}.map-pin.origin{left:95px;top:98px;color:var(--brand-dark)}.map-pin.destination{right:65px;bottom:110px;background:var(--ink);color:#fff}.delivery-card{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:310px;background:#fff;border-radius:18px;padding:20px;box-shadow:0 25px 60px rgba(29,74,76,.22)}.card-top{display:flex;gap:13px;align-items:center}.mini-icon{width:42px;height:42px;border-radius:12px;background:var(--mint);display:grid;place-items:center}.card-top div{display:grid}.card-top small{color:var(--brand-dark);font-weight:800;letter-spacing:.1em}.mini-progress{height:6px;background:#e8efed;border-radius:5px;margin:22px 0 9px}.mini-progress i{display:block;width:68%;height:100%;background:var(--brand);border-radius:5px}.location-pair{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.floating-pill{position:absolute;bottom:28px;left:24px;background:var(--ink);color:#fff;border-radius:30px;padding:10px 15px;font-size:12px;box-shadow:var(--shadow)}.floating-pill span{color:#70dcc9}.logo-marquee{background:#102f36;color:#c1d3d2;padding:18px 0}.logo-marquee .container{display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;letter-spacing:.13em;font-size:11px}.logo-marquee i{width:4px;height:4px;background:var(--brand);border-radius:50%}.section-pad{padding:110px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.section-heading h2,.how-section h2,.cta-card h2{font:500 clamp(40px,5vw,64px)/1.04 Georgia,serif;margin:14px 0 0}.section-heading>p{max-width:440px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{border-radius:26px;padding:30px;min-height:410px;display:flex;flex-direction:column;position:relative;overflow:hidden}.service-card.warm{background:#eef4e6}.service-card.blue{background:#dfedef}.service-card.dark{background:#173a42;color:#fff}.service-number{position:absolute;right:25px;top:24px;font-size:12px;color:#77908f}.service-icon{width:75px;height:75px;border-radius:22px;background:#fff;display:grid;place-items:center;font-size:30px;margin:30px 0 auto;box-shadow:0 12px 30px #48676618}.service-card h3{font:500 30px Georgia,serif;margin-bottom:10px}.service-card p{font-size:14px}.service-card.dark p{color:#aac1c2}.service-card a{font-weight:800;font-size:13px;margin-top:12px}.how-section{background:#0f343d;color:#fff;padding:110px 0}.how-grid{display:grid;grid-template-columns:.9fr 1fr;gap:120px;align-items:center}.how-grid>div>p{color:#afc3c4;max-width:470px;margin:25px 0 35px}.how-list{list-style:none;padding:0;margin:0}.how-list li{display:flex;gap:22px;padding:26px 0;border-bottom:1px solid #ffffff1f}.how-list li>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid #ffffff50;border-radius:50%;color:#8de0d7}.how-list h3{font-size:20px;margin:0 0 5px}.how-list p{color:#9fb6b8;font-size:14px;margin:0}.cta-section{padding:95px 0}.cta-card{border-radius:30px;background:#e2f4ef;padding:65px;display:flex;align-items:end;justify-content:space-between}.cta-card>div:last-child{max-width:380px}.footer{background:#fff;border-top:1px solid var(--line);padding:28px 0}.footer-row{display:flex;align-items:center;justify-content:space-between;font-size:12px}.footer-row p{margin:0}

/* Auth + forms */
.auth-page .main-header{position:absolute;left:0;right:0;background:transparent;border:0}.auth-shell{display:grid;grid-template-columns:.9fr 1.1fr;min-height:100vh}.auth-story{background:#113b43;color:#fff;padding:150px 7vw 65px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-story:after{content:"";position:absolute;width:420px;height:420px;border:80px solid #2e83843b;border-radius:50%;right:-220px;top:180px}.auth-story h1{font:500 clamp(48px,5vw,72px)/1 Georgia,serif;margin:22px 0}.auth-story h1 em{color:#7bd6cd;font-weight:400}.auth-story p{color:#b8ccce;max-width:500px}.auth-story blockquote{font:20px/1.5 Georgia,serif;max-width:520px;border-left:2px solid var(--brand);padding-left:20px}.auth-story blockquote footer{font:12px "Segoe UI";color:#8ba8aa;margin-top:12px}.auth-panel{background:#fff;display:grid;place-items:center;padding:110px 45px 55px}.auth-box{width:min(460px,100%)}.auth-box.wide{width:min(700px,100%)}.auth-box h1,.auth-box h2{font:500 38px/1.1 Georgia,serif;margin:25px 0 8px}.back-link{display:inline-block;color:#64777b;font-size:13px;margin-bottom:15px}.stack-form{display:grid;gap:10px;margin-top:28px}.stack-form label,.field-wrap>label,.dimension-group>label,.action-form label{font-size:12px;font-weight:800;color:#475d62;margin-top:6px}.stack-form input:not([type=checkbox]),.stack-form select,.stack-form textarea,.field-wrap input:not([type=checkbox]),.field-wrap select,.field-wrap textarea,.dimension-group input,.action-form input,.action-form select,.action-form textarea,.inline-update input,.inline-update select,.search-wide,.filter-panel select{width:100%;border:1px solid #cfdadb;border-radius:10px;padding:12px 13px;background:#fbfcfc;outline:none;color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:var(--brand)!important;box-shadow:0 0 0 3px rgba(32,174,178,.1)}.password-wrap{position:relative}.password-wrap input{padding-right:62px!important}.password-toggle{position:absolute;right:8px;top:7px;border:0;background:none;color:var(--brand-dark);font-size:12px;font-weight:800;padding:7px}.form-between{display:flex;justify-content:space-between;align-items:center;margin:5px 0 12px;font-size:12px}.check-row{display:flex!important;align-items:center;gap:8px;font-size:12px!important;font-weight:500!important;margin:0!important}.auth-switch{text-align:center;font-size:13px;margin:25px 0}.auth-switch a,.stack-form a,.field-wrap a{color:var(--brand-dark);font-weight:700}.demo-note{background:#eef7f5;border-radius:10px;padding:12px 15px;font-size:11px;color:#557174}.form-error,.errorlist{color:#a54242;background:#fff0f0;border-radius:8px;padding:9px 12px;font-size:12px;list-style:none;margin:4px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 20px;margin-top:25px}.field-wrap{display:grid;gap:7px}.field-wrap small{color:#829094;font-size:10px}.span-2,.span-full{grid-column:1/-1}.register-shell .auth-panel{padding-top:105px}.signup-points{display:flex;flex-wrap:wrap;gap:18px;font-size:12px;color:#add6d1}.narrow-page{width:min(620px,calc(100% - 30px));margin:80px auto}.narrow-content{max-width:780px}.success-mark{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:#278264;font-size:24px;margin:0 auto 20px}.empty-state{text-align:center;padding:55px}.empty-state p{max-width:440px;margin-inline:auto}.empty-state.compact{padding:35px}.empty-state.compact>div,.empty-icon{font-size:35px;color:var(--brand)}

/* Customer app */
.app-page{padding-top:42px;padding-bottom:90px}.home-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.top-label{display:block;font-size:9px;letter-spacing:.16em;font-weight:800;color:#879598;margin-bottom:3px}.location-button{border:0;background:none;padding:0;font-size:14px;font-weight:800;color:var(--ink)}.home-top-actions{display:flex;align-items:center;gap:18px;font-size:13px;font-weight:700}.booking-hero{background:linear-gradient(115deg,#0e505a,#108d91);border-radius:28px;color:#fff;padding:47px 55px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative;min-height:330px}.booking-hero:after{content:"";position:absolute;inset:-80% -20% auto 35%;height:500px;border:1px solid #77d6cb45;border-radius:50%;box-shadow:0 0 0 50px #77d6cb0d,0 0 0 100px #77d6cb0d}.booking-hero>div{position:relative;z-index:2}.booking-hero h1{font:500 clamp(40px,5vw,61px)/1 Georgia,serif;margin:16px 0}.booking-hero p{color:#bee0df;max-width:500px}.hero-package{min-width:290px;height:210px;display:grid;place-items:center}.box-cube{width:112px;height:98px;background:#d9efdf;color:var(--brand-dark);display:grid;place-items:center;font:bold 45px Georgia;border-radius:8px;box-shadow:20px 24px 0 #96cac2;transform:rotate(-5deg)}.hero-package>span{position:absolute;bottom:-5px;font-size:11px;letter-spacing:.15em;color:#9ed1ce}.speed-line{position:absolute;width:90px;height:2px;background:#79d3cd;right:190px}.speed-line.one{top:80px}.speed-line.two{top:120px;right:210px;width:65px}.active-delivery{background:#fff;border:1px solid var(--line);border-radius:22px;padding:25px 30px;margin-top:24px}.active-head,.section-title-row,.panel-heading{display:flex;align-items:center;justify-content:space-between}.active-head h2{font-size:21px;margin:5px 0}.active-head small{font-weight:800;letter-spacing:.12em;color:var(--brand-dark)}.live-dot{display:inline-block;width:7px;height:7px;background:#37b975;border-radius:50%;margin-right:7px;box-shadow:0 0 0 5px #37b97520}.active-head a,.section-title-row a,.panel-heading a{font-size:12px;font-weight:800;color:var(--brand-dark)}.order-route{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;margin:22px 0}.order-route>div:not(.route-progress){display:grid}.order-route small,.active-meta small{font-size:8px;letter-spacing:.13em;color:#849498}.route-progress{height:5px;border-radius:4px;background:#e6eeee;position:relative}.route-progress i{height:100%;display:block;background:var(--brand);border-radius:4px}.route-progress span{position:absolute;top:50%;transform:translate(-50%,-50%);width:23px;height:23px;border-radius:50%;background:var(--brand-dark);color:#fff;display:grid;place-items:center;font-size:10px}.active-meta{border-top:1px solid var(--line);padding-top:18px;display:flex;gap:60px}.active-meta span{display:grid;font-size:12px;font-weight:700}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 38px}.quick-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;display:flex;align-items:center;gap:14px;transition:.2s}.quick-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.quick-card>div{display:grid;margin-right:auto}.quick-card small{font-size:11px;color:var(--muted)}.quick-card>b{color:#9aabad}.quick-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center}.quick-icon.green{background:var(--mint);color:#258468}.quick-icon.blue{background:var(--blue);color:#316a85}.quick-icon.amber{background:var(--amber);color:#9e711d}.content-section{margin-top:35px}.section-title-row{margin-bottom:16px}.section-title-row h2{font:500 27px Georgia,serif;margin:0}.recent-list{display:grid;gap:10px}.recent-order{display:grid;grid-template-columns:45px 1fr auto 90px;gap:15px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px 18px}.recent-order>div:nth-child(2){display:grid}.recent-order small{font-size:10px;color:var(--muted)}.recent-order b{text-align:right;font-size:14px}.order-symbol{width:42px;height:42px;border-radius:11px;background:#e3f2f0;display:grid!important;place-items:center;font-weight:800;color:var(--brand-dark)}.offer-banner{margin-top:30px;background:#e8f2df;border-radius:20px;padding:25px 30px;display:flex;align-items:center;justify-content:space-between}.offer-banner h2{font:500 24px Georgia;margin:6px 0}.offer-banner p{font-size:12px;margin:0}.offer-tag{font-size:9px;font-weight:800;letter-spacing:.15em;color:#5c7e35}.offer-code{border:1px dashed #789052;padding:12px 18px;border-radius:10px;letter-spacing:.15em;font-weight:800}.page-heading,.detail-top,.ops-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.page-heading h1,.detail-top h1,.ops-heading h1{font:500 clamp(35px,4vw,50px)/1 Georgia,serif;margin:10px 0 7px}.page-heading p,.detail-top p,.ops-heading p{margin:0}.booking-heading{align-items:center}.booking-steps{display:flex;align-items:center;gap:8px}.booking-steps>span{width:38px;height:38px;border-radius:50%;border:1px solid #cbd7d7;display:grid;place-items:center;font-size:12px;font-weight:800;position:relative}.booking-steps span.active{background:var(--brand-dark);color:#fff;border-color:var(--brand-dark)}.booking-steps small{position:absolute;top:43px;font-size:8px;color:#829092;font-weight:600}.booking-steps i{width:48px;height:1px;background:#cbd7d7}.booking-layout{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}.booking-main{display:grid;gap:18px}.form-section{padding:28px}.form-section-head{display:flex;gap:15px;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:22px}.form-section-head>span{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:#e3f4f1;color:var(--brand-dark);font:800 11px Georgia}.form-section h2{font:500 23px Georgia;margin:0 0 3px}.form-section p{font-size:12px;margin:0}.dimension-group>div{display:flex;align-items:start;gap:9px;margin-top:8px}.dimension-group span{flex:1;display:grid;gap:5px}.dimension-group b{padding-top:13px;color:#8b9a9d}.check-panel{background:#f4f8f7;border-radius:12px;padding:13px}.check-panel label{display:flex;align-items:center;gap:12px;margin:0}.check-panel label>span{display:grid}.check-panel label small{display:block}.check-panel input{width:18px;height:18px}.quote-state{text-align:center;padding:25px;background:#f5f8f7;border-radius:12px;color:#718589;font-size:12px}.vehicle-grid{display:grid;gap:10px}.vehicle-option{border:1px solid var(--line);border-radius:14px;padding:15px;display:grid;grid-template-columns:44px 1fr auto;gap:13px;align-items:center;background:#fff;text-align:left;cursor:pointer}.vehicle-option:hover,.vehicle-option.selected{border-color:var(--brand);box-shadow:0 0 0 3px #20aeb215}.vehicle-option:disabled{opacity:.5;cursor:not-allowed}.vehicle-option>span{width:43px;height:43px;border-radius:11px;background:#e6f3f1;display:grid;place-items:center;font-weight:800}.vehicle-option>div{display:grid}.vehicle-option small{color:var(--muted);font-size:10px}.vehicle-option>b{font-size:16px}.native-vehicle{position:absolute;left:-9999px}.payment-options{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.payment-options label{cursor:pointer}.payment-options input{position:absolute;opacity:0}.payment-options span{height:78px;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:9px;font-weight:700;gap:5px}.payment-options b{font-size:15px}.payment-options input:checked+span{border-color:var(--brand);background:#f0fbf9;box-shadow:0 0 0 2px #20aeb220}.booking-summary{position:sticky;top:100px;padding:25px}.booking-summary h2{font:500 28px Georgia;margin:8px 0 24px}.summary-illustration{width:70px;height:70px;border-radius:50%;background:#e7f4f2;display:grid;place-items:center;margin:20px auto;color:var(--brand-dark);font-size:25px}.booking-summary p{text-align:center;font-size:12px}.summary-vehicle{display:flex;align-items:center;gap:12px;background:#f1f7f6;border-radius:12px;padding:12px}.summary-vehicle>span{width:35px;height:35px;background:#fff;border-radius:10px;display:grid;place-items:center}.summary-vehicle>div{display:grid}.summary-vehicle small{font-size:8px;letter-spacing:.12em;color:var(--muted)}.booking-summary dl{margin:20px 0}.booking-summary dl>div{display:flex;justify-content:space-between;font-size:12px;padding:7px 0}.booking-summary dt{font-weight:500;color:var(--muted)}.grand-total{border-top:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;align-items:end}.grand-total span{font-size:12px}.grand-total strong{font:500 27px Georgia}.secure-note{border-top:1px solid var(--line);padding-top:14px}.order-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.tab-nav{display:flex;border-bottom:1px solid var(--line);gap:25px}.tab-nav a{padding:12px 2px;font-size:12px;font-weight:700;color:var(--muted);border-bottom:2px solid transparent}.tab-nav a.active{color:var(--brand-dark);border-color:var(--brand)}.search-form{display:flex}.search-form input{border:1px solid var(--line);border-radius:10px 0 0 10px;padding:10px 12px;width:250px}.search-form button{border:0;background:var(--ink);color:#fff;padding:0 15px;border-radius:0 10px 10px 0}.order-card-list{display:grid;gap:14px}.order-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.order-card-top,.order-card-bottom{display:flex;align-items:center;justify-content:space-between}.order-card-top>div{display:flex;align-items:center;gap:12px}.order-card-top small{color:var(--muted);font-size:10px}.order-locations{display:grid;grid-template-columns:1fr 100px 1fr;align-items:center;padding:25px 0}.order-locations>div{display:flex;gap:12px}.order-locations>div:last-child{justify-content:flex-end}.order-locations i{width:10px;height:10px;border:3px solid var(--brand);border-radius:50%;margin-top:3px}.order-locations>div:last-child i{background:var(--ink);border-color:var(--ink)}.order-locations span{display:grid}.order-locations small,.order-card-bottom small{font-size:8px;letter-spacing:.12em;color:#849397}.order-locations em{font-size:10px;color:var(--muted);font-style:normal}.order-locations>b{height:1px;background:repeating-linear-gradient(90deg,#b8c8c7 0 5px,transparent 5px 9px);position:relative}.order-card-bottom{border-top:1px solid var(--line);padding-top:15px}.order-card-bottom>span{display:grid;font-size:11px;font-weight:700}.order-card-bottom a{font-size:12px;color:var(--brand-dark);font-weight:800}.detail-top{align-items:center}.order-title{display:flex;align-items:center;gap:15px}.detail-actions{display:flex;gap:8px}.tracking-hero{background:#103c45;color:#fff;border-radius:23px;padding:30px;margin-bottom:22px}.tracking-head{display:flex;justify-content:space-between;align-items:center}.tracking-head h2{font:500 31px Georgia;margin:7px 0}.tracking-head p{color:#b8cecf;margin:0}.tracking-percent{display:grid;text-align:right}.tracking-percent strong{font:500 32px Georgia;color:#86d9d0}.tracking-percent span{font-size:9px;letter-spacing:.1em;color:#8eaaac}.tracking-bar{height:6px;background:#315861;border-radius:4px;margin:25px 0 12px}.tracking-bar i{height:100%;display:block;background:#62cec4;border-radius:4px}.tracking-labels{display:flex;justify-content:space-between;font-size:9px;color:#9fb6b8}.detail-grid{display:grid;grid-template-columns:1fr 340px;gap:20px}.detail-grid>div{display:grid;gap:20px}.route-panel{padding-bottom:15px}.panel-heading{margin-bottom:20px}.panel-heading h2{font:500 22px Georgia;margin:0}.panel-heading p{font-size:11px;margin:3px 0}.panel-heading>span{font-size:10px;color:var(--muted)}.route-detail>div,.compact-route>div{display:flex;gap:15px}.route-detail i,.compact-route i{width:12px;height:12px;border-radius:50%;border:3px solid var(--brand);flex:0 0 auto;margin-top:4px}.route-detail div:last-child i,.compact-route div:last-child i{background:var(--ink);border-color:var(--ink)}.route-detail span,.compact-route span{display:grid}.route-detail small,.compact-route small{font-size:8px;letter-spacing:.14em;color:#849397}.route-detail p,.compact-route p{font-size:12px;margin:4px 0}.route-detail>b,.compact-route>b{display:block;height:28px;border-left:1px dashed #a9bcbb;margin:3px 0 3px 6px}.timeline{list-style:none;padding:0;margin:0}.timeline li{display:flex;gap:16px;position:relative;padding-bottom:24px}.timeline li:not(:last-child):before{content:"";position:absolute;left:6px;top:14px;bottom:0;border-left:1px solid #cad8d7}.timeline i{width:13px;height:13px;border-radius:50%;background:var(--brand);border:3px solid #dff4f1;flex:none}.timeline div{display:grid}.timeline p{font-size:12px;margin:3px 0}.timeline small{font-size:10px;color:#8a999c}.detail-summary h2{font:500 23px Georgia}.detail-summary dl>div,.ops-order-summary dl>div{display:flex;justify-content:space-between;gap:15px;padding:8px 0;font-size:12px}.detail-summary dt,.ops-order-summary dt{font-weight:500;color:var(--muted)}.detail-summary dd,.ops-order-summary dd{text-align:right;font-weight:700;margin:0}.detail-summary .total,.ops-order-summary .total{border-top:1px solid var(--line);margin-top:7px;padding-top:15px;font-size:15px}.cancel-box{margin-top:15px;padding:20px;border:1px solid #efcece;background:#fffafa;border-radius:16px}.cancel-box h3{font-size:15px}.cancel-box p{font-size:11px}.cancel-box summary{font-size:12px;font-weight:800;color:var(--danger);cursor:pointer}.cancel-box textarea{width:100%;border:1px solid #edcccc;border-radius:9px;padding:9px;margin:10px 0}.profile-grid{display:grid;grid-template-columns:320px 1fr;gap:20px}.profile-card{text-align:center}.profile-avatar{width:84px;height:84px;border-radius:50%;background:#17444c;color:#fff;display:grid;place-items:center;margin:0 auto 14px;font:500 32px Georgia;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-card h2{font:500 25px Georgia;margin-bottom:4px}.profile-card>p{font-size:12px}.profile-links{border-top:1px solid var(--line);margin-top:20px;padding-top:10px;text-align:left}.profile-links a,.profile-links button{width:100%;border:0;background:none;display:flex;justify-content:space-between;padding:13px 5px;font-size:12px;border-bottom:1px solid #eef2f1}.address-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.address-card{border:1px solid var(--line);border-radius:14px;padding:17px}.address-card>div{display:flex;justify-content:space-between}.address-type{font-size:9px;letter-spacing:.14em;font-weight:800;color:var(--brand-dark)}.address-card strong{display:block;margin-top:14px}.address-card p{font-size:12px;margin:5px 0}.address-card small{color:var(--muted)}.notification-list{display:grid;gap:8px}.notification-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;gap:14px}.notification-item.unread{border-left:3px solid var(--brand);background:#f7fcfb}.notification-item>span{color:var(--brand);font-size:10px}.notification-item div{display:grid}.notification-item p{font-size:12px;margin:4px 0}.notification-item small{font-size:10px;color:var(--muted)}.text-button{border:0;background:none;color:var(--brand-dark);font-size:12px;font-weight:800}.invoice-page{background:#e9eeed}.invoice-page .main-header{display:none}.invoice-sheet{width:850px;max-width:calc(100% - 30px);margin:40px auto;background:#fff;padding:55px;box-shadow:var(--shadow)}.invoice-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.invoice-sheet header{display:flex;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:25px}.invoice-sheet header img{width:190px}.invoice-sheet header>div{display:grid;text-align:right;font-size:12px}.invoice-meta{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:35px 0}.invoice-meta>div{display:grid}.invoice-meta small,.invoice-route small{letter-spacing:.14em;color:var(--muted);font-size:9px}.invoice-meta strong{margin:8px 0}.invoice-meta span{font-size:12px}.invoice-route{display:grid;grid-template-columns:1fr 30px 1fr;background:#f1f6f5;padding:20px;border-radius:12px;margin-bottom:35px}.invoice-route div{display:grid;gap:7px}.invoice-sheet table{width:100%;border-collapse:collapse}.invoice-sheet th,.invoice-sheet td{padding:14px;border-bottom:1px solid var(--line);text-align:left;font-size:12px}.invoice-sheet th:last-child,.invoice-sheet td:last-child{text-align:right}.invoice-sheet tfoot th{font-size:17px}.invoice-sheet>footer{display:flex;justify-content:space-between;margin-top:30px}.invoice-sheet>footer p{font-size:11px}

/* Operations */
.ops-body{background:#f3f6f5}.ops-sidebar{position:fixed;left:0;top:0;bottom:0;width:245px;background:#123840;color:#fff;padding:25px 18px;display:flex;flex-direction:column;z-index:80}.ops-sidebar .brand-lockup{padding:0 8px 25px;border-bottom:1px solid #ffffff18}.ops-sidebar .brand-lockup img{filter:brightness(0) invert(1);width:132px}.ops-sidebar .brand-lockup span{color:#9bb4b6;border-color:#ffffff25}.ops-sidebar nav{display:flex;flex-direction:column;gap:4px;margin-top:22px}.ops-sidebar nav small{font-size:8px;letter-spacing:.18em;color:#78999d;margin:18px 12px 7px}.ops-sidebar nav a{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:9px;font-size:12px;color:#b7cbcc}.ops-sidebar nav a.active,.ops-sidebar nav a:hover{background:#ffffff12;color:#fff}.ops-sidebar nav i{font-style:normal;width:18px;text-align:center}.ops-user{margin-top:auto;border-top:1px solid #ffffff18;padding:18px 7px 0;display:flex;align-items:center;gap:10px}.ops-user>span{width:35px;height:35px;border-radius:50%;background:#53bbb5;display:grid;place-items:center;color:#0d3b42;font-weight:800}.ops-user>div{display:grid;flex:1}.ops-user strong{font-size:11px}.ops-user small{font-size:9px;color:#8aa8ab}.ops-user button{border:0;background:none;color:#a9c0c1}.ops-main{margin-left:245px;min-height:100vh}.ops-topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:40}.ops-topbar form{width:min(430px,50%)}.ops-topbar input{width:100%;border:0;background:#f2f6f5;border-radius:9px;padding:10px 15px;font-size:11px}.ops-topbar>div{display:flex;align-items:center;gap:22px}.ops-topbar a{position:relative}.ops-topbar a span{position:absolute;top:-7px;right:-9px;background:#e06b57;color:#fff;font-size:8px;min-width:15px;height:15px;border-radius:8px;display:grid;place-items:center}.ops-date{font-size:10px;color:var(--muted)}.mobile-menu{display:none}.ops-content{padding:34px;max-width:1550px;margin:auto}.ops-heading{align-items:center}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metric-grid article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;align-items:center;gap:14px}.metric-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-weight:800}.metric-icon.teal{background:#e0f5f1;color:#288874}.metric-icon.blue{background:#e4eff8;color:#316c91}.metric-icon.green{background:#e5f5e5;color:#3b7e43}.metric-icon.purple{background:#efe9f8;color:#745398}.metric-grid article>div{display:grid}.metric-grid small{font-size:8px;letter-spacing:.12em;color:var(--muted)}.metric-grid strong{font:500 25px Georgia;margin:2px 0}.metric-grid em{font-style:normal;font-size:9px;color:#8b999c}.analytics-grid{display:grid;grid-template-columns:1.7fr .8fr;gap:18px;margin-bottom:18px}.chart-panel{min-height:330px}.bar-chart{height:230px;display:flex;align-items:end;justify-content:space-around;border-bottom:1px solid var(--line);padding-top:20px}.bar-chart>div{height:100%;width:10%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px}.bar-chart i{display:block;width:34px;min-height:4px;max-height:170px;background:linear-gradient(#24b1ae,#146a7a);border-radius:6px 6px 0 0}.bar-chart small,.bar-value{font-size:9px;color:var(--muted)}.bar-value{font-weight:800}.status-panel{display:grid;grid-template-columns:120px 1fr;align-items:center}.status-panel .panel-heading{grid-column:1/-1}.status-ring{width:115px;height:115px;border:18px solid #e9f1ef;border-top-color:#2aaea7;border-right-color:#4f83a1;border-radius:50%;display:grid;place-items:center}.status-ring>div{display:grid;text-align:center}.status-ring strong{font:500 24px Georgia}.status-ring span{font-size:8px;color:var(--muted)}.status-panel ul{list-style:none;padding:0;margin:0}.status-panel li{display:grid;grid-template-columns:12px 1fr auto;gap:7px;padding:5px;font-size:9px}.status-panel li i{width:7px;height:7px;border-radius:50%;background:#ccc}.status-panel li i.green{background:#36a781}.status-panel li i.blue{background:#4c86a4}.status-panel li i.amber{background:#dfa43b}.status-panel li i.red{background:#cf6660}.table-panel{padding:0;overflow:hidden}.table-panel .panel-heading{padding:22px 24px 0}.responsive-table{overflow:auto}.responsive-table table{width:100%;border-collapse:collapse;min-width:800px}.responsive-table th{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#829194;background:#f7f9f8;text-align:left;padding:11px 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.responsive-table td{padding:15px 18px;border-bottom:1px solid #edf1f0;font-size:11px;white-space:nowrap}.responsive-table td>small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.responsive-table td>span:not(.status-chip):not(.payment-badge){color:var(--brand)}.table-action{width:28px;height:28px;border-radius:8px;border:1px solid var(--line);display:grid;place-items:center}.empty-cell{text-align:center!important;padding:50px!important;color:var(--muted)}.small-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:18px}.small-metric-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;justify-content:space-between}.small-metric-grid small{font-size:8px;letter-spacing:.12em;color:var(--muted)}.small-metric-grid strong{font:500 20px Georgia}.filter-panel{padding:15px;margin-bottom:18px}.filter-panel form{display:grid;grid-template-columns:1fr 210px auto auto;gap:10px;align-items:center}.filter-panel form>a{font-size:11px;color:var(--brand-dark);font-weight:700}.search-wide{display:flex;align-items:center;padding:0 12px!important}.search-wide input{border:0;background:transparent;padding:11px;width:100%;outline:none;box-shadow:none!important}.manage-grid{display:grid;grid-template-columns:1fr 340px;gap:18px}.manage-grid>div{display:grid;gap:18px}.action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.action-button{width:100%;height:120px;border:1px solid var(--line);border-radius:13px;background:#f9fbfa;display:flex;flex-direction:column;align-items:flex-start;padding:14px;text-align:left}.action-button:hover{border-color:var(--brand)}.action-button>span{width:30px;height:30px;border-radius:8px;background:#e6f3f1;display:grid;place-items:center;margin-bottom:auto}.action-button strong{font-size:11px}.action-button small{font-size:8px;color:var(--muted)}.action-button.success>span{background:#e1f4e9;color:#287856}.action-button.danger>span{background:#f9e8e7;color:#a94949}.action-form{background:#f5f8f7;border-radius:13px;padding:15px;margin-top:12px}.action-form form{display:grid;grid-template-columns:1fr auto;gap:8px}.action-form label{grid-column:1/-1}.action-form textarea{grid-column:1/-1}.inline-update{display:grid;grid-template-columns:210px 1fr auto;gap:8px}.internal-notes{font:11px/1.6 "Segoe UI";white-space:pre-wrap;background:#f7f9f8;border-radius:10px;padding:13px;color:#566a6e}.summary-customer{display:flex;gap:13px}.summary-customer>span{width:43px;height:43px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center}.summary-customer>div{display:grid}.summary-customer small,.ops-order-summary h3{font-size:8px;letter-spacing:.12em;color:var(--muted)}.summary-customer p{font-size:10px;margin:3px 0}.ops-order-summary h3{margin:18px 0}.compact-route p{font-size:10px}.fleet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.fleet-form{margin:0}.vehicle-visual{height:130px;border-radius:14px;background:linear-gradient(145deg,#e5f2ef,#d6e8e8);display:grid;place-items:center;position:relative;margin-bottom:17px}.vehicle-visual>span{width:70px;height:50px;border-radius:12px 18px 8px 8px;background:#fff;color:var(--brand-dark);display:grid;place-items:center;font:500 24px Georgia;box-shadow:0 12px 25px #557a7a22}.availability{position:absolute;right:12px;top:12px;width:10px;height:10px;border-radius:50%;background:#47b67a;box-shadow:0 0 0 4px #fff}.availability.inactive,.availability.maintenance{background:#d66d66}.vehicle-card-head{display:flex;justify-content:space-between}.vehicle-card-head small{font-size:9px;color:var(--brand-dark);font-weight:800;text-transform:uppercase;letter-spacing:.1em}.vehicle-card-head h2{font:500 22px Georgia;margin:3px 0}.vehicle-card dl>div{display:flex;justify-content:space-between;font-size:10px;padding:6px 0}.vehicle-card dt{color:var(--muted);font-weight:500}.vehicle-card dd{font-weight:700;margin:0}.vehicle-dates{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-top:13px}.vehicle-dates span{font-size:7px;letter-spacing:.1em;color:var(--muted);display:grid}.vehicle-dates b{font-size:9px;color:var(--ink);margin-top:2px}

.bottom-nav{display:none}.reveal{animation:rise .7s ease both}.delay-1{animation-delay:.14s}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

@media(max-width:1050px){.hero-grid{gap:35px}.hero-visual{height:430px}.service-grid{grid-template-columns:1fr 1fr}.service-card:last-child{grid-column:1/-1;min-height:320px}.booking-layout,.detail-grid,.manage-grid{grid-template-columns:1fr}.booking-summary{position:static}.profile-grid{grid-template-columns:270px 1fr}.metric-grid{grid-template-columns:1fr 1fr}.analytics-grid{grid-template-columns:1fr}.fleet-grid{grid-template-columns:1fr 1fr}.ops-sidebar{width:210px}.ops-main{margin-left:210px}.action-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.container{width:min(100% - 28px,1062px)}.main-header{height:65px}.brand-lockup img{width:118px}.brand-lockup span{font-size:9px}.desktop-nav>a:not(.avatar-link):not(.icon-link){display:none}.desktop-nav{gap:8px}.icon-link,.avatar-link{width:35px;height:35px}.bottom-nav{position:fixed;display:flex;bottom:0;left:0;right:0;height:66px;background:#fff;border-top:1px solid var(--line);z-index:70;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:9px;color:#7a898c;gap:3px}.bottom-nav a span{font-size:18px}.bottom-nav a.active{color:var(--brand-dark);font-weight:800}.hero-section{padding:40px 0}.hero-grid{grid-template-columns:1fr}.hero-copy h1{font-size:53px}.hero-visual{height:350px}.hero-actions{flex-wrap:wrap}.trust-row{gap:14px}.trust-row strong{font-size:15px}.logo-marquee .container{overflow:hidden;gap:30px}.logo-marquee span{white-space:nowrap}.section-pad{padding:65px 0}.section-heading{display:block}.section-heading>p{margin-top:20px}.service-grid{grid-template-columns:1fr}.service-card:last-child{grid-column:auto}.how-section{padding:65px 0}.how-grid{grid-template-columns:1fr;gap:40px}.cta-section{padding:55px 0}.cta-card{display:block;padding:35px 25px}.footer-row{flex-wrap:wrap;gap:15px}.auth-shell{grid-template-columns:1fr}.auth-story{display:none}.auth-panel{padding:100px 22px 50px}.register-shell .auth-panel{padding-top:90px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.app-page{padding-top:25px}.booking-hero{padding:32px 25px;min-height:380px;display:block}.booking-hero h1{font-size:44px}.hero-package{position:absolute;right:-50px;bottom:-70px;opacity:.45}.active-meta{gap:20px;justify-content:space-between}.active-meta span{font-size:10px}.quick-grid{grid-template-columns:1fr}.recent-order{grid-template-columns:42px 1fr auto}.recent-order>.status-chip{grid-column:2/3;justify-self:start}.recent-order>b{grid-row:1;grid-column:3}.offer-banner{display:block}.offer-code{display:inline-block;margin-top:15px}.page-heading,.detail-top,.ops-heading{align-items:flex-start;gap:18px}.page-heading:not(.booking-heading),.detail-top,.ops-heading{flex-direction:column}.booking-steps{display:none}.booking-layout{display:block}.booking-main{margin-bottom:15px}.form-section{padding:20px 16px}.form-section .form-grid{grid-template-columns:1fr 1fr;gap:14px 10px}.form-section .span-2{grid-column:1/-1}.dimension-group>div{gap:4px}.payment-options{grid-template-columns:repeat(3,1fr)}.order-toolbar{display:block}.tab-nav{overflow:auto;margin-bottom:13px}.search-form input{width:100%}.order-card{padding:16px}.order-locations{grid-template-columns:1fr 30px 1fr}.order-card-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10px}.order-card-bottom a{text-align:right}.tracking-hero{padding:22px}.tracking-labels span:nth-child(2),.tracking-labels span:nth-child(4){display:none}.detail-actions{width:100%}.detail-actions .btn{flex:1}.profile-grid{grid-template-columns:1fr}.address-grid{grid-template-columns:1fr}.invoice-sheet{padding:24px}.invoice-sheet header img{width:140px}.invoice-route,.invoice-meta{grid-template-columns:1fr;gap:20px}.invoice-route>span{display:none}.invoice-sheet>footer{display:block}.ops-sidebar{transform:translateX(-100%);transition:.2s;width:245px}.ops-sidebar.open{transform:none}.ops-main{margin-left:0}.ops-topbar{padding:0 16px}.mobile-menu{display:block;border:0;background:none;font-size:20px}.ops-topbar form{width:55%}.ops-date{display:none}.ops-content{padding:22px 14px}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid article{padding:13px;gap:9px}.metric-icon{width:35px;height:35px}.status-panel{grid-template-columns:1fr 1fr}.small-metric-grid{grid-template-columns:1fr 1fr}.filter-panel form{grid-template-columns:1fr}.action-grid{grid-template-columns:1fr 1fr}.inline-update,.action-form form{grid-template-columns:1fr}.fleet-grid{grid-template-columns:1fr}}
@media(max-width:430px){.hero-copy h1{font-size:47px}.hero-visual{height:310px}.delivery-card{width:250px}.section-heading h2,.how-section h2,.cta-card h2{font-size:39px}.active-meta span:nth-child(2){display:none}.booking-hero{min-height:350px}.form-section .form-grid{grid-template-columns:1fr}.form-section .span-2{grid-column:auto}.dimension-group{grid-column:1/-1!important}.payment-options{grid-template-columns:1fr 1fr}.order-locations em{display:none}.metric-grid{grid-template-columns:1fr}.status-panel{grid-template-columns:1fr}.status-ring{margin:auto}.action-grid{grid-template-columns:1fr}.invoice-sheet{max-width:100%;margin:0;padding:18px}.invoice-toolbar{margin-bottom:25px}}
.booking-steps span.complete{background:#e3f4f1;color:var(--brand-dark);border-color:#b7ded9}.booking-step-actions{display:flex;justify-content:flex-end;gap:9px}.vehicle-actions{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.booking-step-actions button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:430px){.booking-step-actions{display:grid;grid-template-columns:1fr}.booking-step-actions .btn{width:100%}.vehicle-actions{grid-template-columns:1fr 1fr}}
.transporter-signup{padding:30px}.application-note,.application-callout{background:#eef7f5;border-radius:14px;padding:18px}.application-note p,.application-callout p{margin-bottom:0}.application-callout{margin-bottom:18px}.application-callout.danger{background:#fff1f0;border:1px solid #efcece}.licence-card{margin:18px 0 5px;padding:15px;border-radius:12px;background:#eef7f5;display:grid;gap:3px}.licence-card small{font-size:8px;letter-spacing:.14em;color:var(--muted)}.licence-card strong{font-size:16px;color:var(--brand-dark)}.licence-card span{font-size:9px;color:var(--muted)}.profile-facts{display:grid;gap:0}.profile-facts>div{display:grid;grid-template-columns:140px 1fr;gap:15px;padding:11px 0;border-bottom:1px solid var(--line);font-size:11px}.profile-facts dt{color:var(--muted)}.profile-facts dd{margin:0;font-weight:700;overflow-wrap:anywhere}.document-list{display:grid;gap:8px}.document-list>a,.document-list>div{display:flex;justify-content:space-between;gap:15px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-size:11px}.document-list>a:hover{border-color:var(--brand)}.document-list span{color:var(--muted);font-size:9px}.availability-panel{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.availability-panel h2{font:500 24px Georgia;margin:6px 0}.availability-panel p{margin:0;font-size:11px}.availability-panel form{display:flex;gap:8px}.availability-panel select{min-width:190px;border:1px solid var(--line);border-radius:9px;padding:10px}@media(max-width:760px){.transporter-signup{padding:20px 16px}.profile-facts>div{grid-template-columns:1fr;gap:3px}.availability-panel,.availability-panel form{display:grid}.availability-panel form{width:100%}}
@media print{.invoice-toolbar,.invoice-page .bottom-nav{display:none}.invoice-page{background:#fff}.invoice-sheet{box-shadow:none;margin:0;width:100%;max-width:none}}

/* Keep the supplied color logo unchanged in the dark operations sidebar. */
.ops-sidebar .brand-lockup img{filter:none}

/* Customer delivery route choices */
.delivery-lanes{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0 38px}.delivery-lane-card{min-height:250px;border-radius:22px;padding:28px;position:relative;overflow:hidden;display:flex;align-items:stretch;border:1px solid transparent}.district-lane{background:linear-gradient(135deg,#e8f6ee,#d9efe7);border-color:#c9e5da}.state-lane{background:linear-gradient(135deg,#e5f0f7,#d9e9f2);border-color:#cadfe9}.delivery-lane-card:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(20,90,102,.1);border-radius:50%;right:-95px;top:-105px;box-shadow:0 0 0 32px rgba(255,255,255,.12)}.delivery-lane-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;max-width:68%}.delivery-lane-label{font-size:9px;font-weight:800;letter-spacing:.16em;color:var(--brand-dark)}.delivery-lane-card h2{font:500 29px/1.08 Georgia,serif;margin:11px 0 10px}.delivery-lane-card p{font-size:12px;line-height:1.55;margin-bottom:22px}.delivery-lane-card a{margin-top:auto;font-size:12px;font-weight:800;color:var(--brand-dark);display:inline-flex;align-items:center;gap:8px}.delivery-lane-card .delivery-lane-button{color:#fff;font-size:14px;padding:.72rem 1.15rem}.delivery-lane-route{position:absolute;z-index:2;right:25px;top:50%;transform:translateY(-50%);display:grid;justify-items:center;gap:8px}.delivery-lane-route span{display:grid;justify-items:center;gap:5px}.delivery-lane-route i{display:block;width:18px;height:18px;border:5px solid #fff;border-radius:50%;background:var(--brand-dark);box-shadow:0 5px 15px rgba(19,95,116,.2)}.delivery-lane-route span:last-child i{background:#fff;border-color:var(--brand-dark)}.delivery-lane-route b{display:block;height:46px;border-left:2px dashed rgba(19,95,116,.45)}.delivery-lane-route small{font-size:7px;font-weight:800;letter-spacing:.1em;color:#54777d}.route-mode-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin:-8px 0 22px;padding:16px 20px;border-radius:14px;background:#e8f6ee;border:1px solid #c9e5da}.route-mode-banner.state{background:#e5f0f7;border-color:#cadfe9}.route-mode-banner>span{font-size:8px;font-weight:800;letter-spacing:.13em;color:var(--brand-dark);padding:7px 9px;border-radius:8px;background:#fff}.route-mode-banner>div{display:grid}.route-mode-banner strong{font-size:14px}.route-mode-banner small{font-size:10px;color:var(--muted);margin-top:2px}.route-mode-banner>a{font-size:11px;font-weight:800;color:var(--brand-dark)}
@media(max-width:760px){.delivery-lanes{grid-template-columns:1fr;margin-bottom:28px}.delivery-lane-card{min-height:230px;padding:24px}.delivery-lane-copy{max-width:72%}.delivery-lane-card h2{font-size:26px}.route-mode-banner{grid-template-columns:1fr auto}.route-mode-banner>span{grid-column:1/-1;justify-self:start}}
@media(max-width:430px){.delivery-lane-copy{max-width:100%;padding-right:45px}.delivery-lane-route{right:14px;opacity:.45}.delivery-lane-card p{font-size:11px}.route-mode-banner{padding:14px}.route-mode-banner small{line-height:1.45}}

/* Customer current-location address */
.quick-grid{grid-template-columns:repeat(4,1fr)}.quick-icon.current{background:#ede8fa;color:#684fa0}.address-heading-actions{display:flex;align-items:center;gap:14px}.address-heading-actions>span{font-size:10px;color:var(--muted)}.current-address-page{max-width:1050px}.current-address-layout{display:grid;grid-template-columns:330px 1fr;gap:22px;align-items:start}.location-capture-card{position:sticky;top:100px;text-align:center;padding:34px 28px}.location-capture-icon{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;margin:0 auto 22px;background:#e3f4f1;color:var(--brand-dark);font-size:32px;box-shadow:0 0 0 10px #f2f9f7}.location-capture-card h2{font:500 28px Georgia,serif;margin:10px 0}.location-capture-card p{font-size:12px}.location-capture-card>small{display:block;color:var(--muted);font-size:9px;line-height:1.5;margin-top:15px}.location-status{margin:18px 0 0;padding:12px;border-radius:10px;background:#f2f5f4;color:var(--muted);font-size:10px;line-height:1.45}.location-status.success{background:#e3f6ec;color:#277856}.location-status.error{background:#fde8e7;color:#a94848}.current-address-form{margin-top:0}.current-address-form .field-wrap:has(input[type=checkbox]){display:flex;align-items:center;gap:10px;background:#f4f8f7;border-radius:12px;padding:13px}.current-address-form .field-wrap:has(input[type=checkbox]) label{order:2;margin:0}.current-address-form input[type=checkbox]{width:18px;height:18px}.current-address-submit{border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.current-address-submit p{font-size:10px;margin:0;max-width:410px}.current-address-submit button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:1050px){.quick-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.quick-grid{grid-template-columns:1fr}.current-address-layout{grid-template-columns:1fr}.location-capture-card{position:static}.address-heading-actions{align-items:flex-end;flex-direction:column;gap:7px}.current-address-submit{align-items:stretch;flex-direction:column}.current-address-submit .btn{width:100%}}

/* Customer orders table */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.customer-orders-table{padding:0;overflow:hidden}.customer-orders-table .responsive-table{overflow-x:auto}.customer-orders-table table{width:100%;min-width:980px;border-collapse:collapse}.customer-orders-table th{padding:14px 16px;background:#f2f6f5;border-bottom:1px solid var(--line);color:#65777b;font-size:12px;letter-spacing:.08em;text-align:left;text-transform:uppercase}.customer-orders-table td{padding:17px 16px;border-bottom:1px solid #e8eeee;font-size:14px;vertical-align:middle}.customer-orders-table tbody tr:last-child td{border-bottom:0}.customer-orders-table tbody tr:not(:has(.customer-orders-empty)):hover{background:#f8fbfa}.customer-order-reference,.customer-order-location{display:grid;gap:4px}.customer-order-reference strong{color:var(--brand-dark)}.customer-order-reference small,.customer-order-location small,.table-cell-note{color:var(--muted);font-size:11px}.table-cell-note{display:block;margin-top:5px}.customer-order-amount{font-weight:800;white-space:nowrap}.customer-order-action{white-space:nowrap}.customer-orders-empty{padding:0!important}.customer-orders-empty .empty-state{padding:55px}
@media(max-width:760px){.customer-orders-table{margin-inline:-14px;border-radius:0}.customer-orders-table th,.customer-orders-table td{padding-inline:14px}}

/* Notification icon */
.notification-bell{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Notification popup */
.notification-menu{position:relative;display:inline-flex;align-items:center}.notification-trigger{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;position:relative;background:#fff;color:var(--ink);padding:0;cursor:pointer}.notification-trigger:hover,.notification-trigger[aria-expanded=true]{border-color:#b8d8d6;background:#f3faf8}.notification-popup{position:absolute;z-index:250;right:0;top:calc(100% + 12px);width:min(390px,calc(100vw - 28px));overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 22px 55px rgba(18,56,64,.2);color:var(--ink);text-align:left}.notification-popup>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 18px;border-bottom:1px solid var(--line)}.notification-popup>header>div{display:grid}.notification-popup>header strong{font-size:15px}.notification-popup>header small{font-size:9px;color:var(--muted);margin-top:2px}.notification-popup form,.ops-topbar .notification-popup form{width:auto;margin:0}.notification-popup form button{border:0;background:none;padding:5px 0;color:var(--brand-dark);font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer}.notification-popup form button:disabled{opacity:.5}.notification-popup-list{max-height:390px;overflow-y:auto}.notification-popup-item{display:grid;grid-template-columns:9px 1fr;gap:11px;padding:15px 18px;border-bottom:1px solid #edf2f1;background:#f9fcfb}.notification-popup-item:hover{background:#f0f8f6}.notification-popup-item>div{display:grid;min-width:0}.notification-popup-item strong{font-size:12px}.notification-popup-item p{font-size:10px;line-height:1.45;margin:4px 0;color:#617479}.notification-popup-item small{font-size:9px;color:#8a999c}.notification-popup-dot,.ops-topbar .notification-popup-item span.notification-popup-dot{position:static;width:7px;min-width:7px;height:7px;padding:0;margin-top:4px;border:0;border-radius:50%;display:block;background:var(--brand)}.notification-popup-empty{min-height:190px;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.notification-popup-empty>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e3f6ec;color:#277856;margin-bottom:10px}.notification-popup-empty strong{font-size:13px}.notification-popup-empty small{font-size:9px;color:var(--muted);margin-top:4px}.notification-popup-footer{display:block;padding:12px;text-align:center;color:var(--brand-dark);font-size:10px;font-weight:800;border-top:1px solid var(--line)}.ops-topbar .notification-trigger{border:0;width:34px;height:34px}.ops-topbar .notification-dot{position:absolute;top:-4px;right:-5px}.home-top-actions .notification-popup{top:calc(100% + 10px)}
@media(max-width:760px){.notification-popup{position:fixed;right:14px;top:72px;width:calc(100vw - 28px);max-height:calc(100vh - 90px)}.notification-popup-list{max-height:calc(100vh - 230px)}.ops-topbar .notification-popup{top:64px}}

/* Larger typography for administrator and transporter interfaces only */
.role-admin .eyebrow,.role-transporter .eyebrow{font-size:13px}.role-admin .status-chip,.role-transporter .status-chip{font-size:12px}.role-admin .stack-form label,.role-admin .field-wrap>label,.role-transporter .stack-form label,.role-transporter .field-wrap>label{font-size:14px}.role-admin .stack-form input,.role-admin .stack-form select,.role-admin .stack-form textarea,.role-transporter .stack-form input,.role-transporter .stack-form select,.role-transporter .stack-form textarea{font-size:16px}.role-admin .profile-card>p,.role-transporter .profile-card>p{font-size:15px}.role-admin .profile-links a,.role-admin .profile-links button,.role-transporter .profile-links a,.role-transporter .profile-links button{font-size:14px}.role-admin .licence-card small,.role-transporter .licence-card small{font-size:11px}.role-admin .licence-card strong,.role-transporter .licence-card strong{font-size:18px}.role-admin .licence-card span,.role-transporter .licence-card span{font-size:12px}.role-admin .profile-facts>div,.role-transporter .profile-facts>div{font-size:14px}.role-admin .document-list>a,.role-admin .document-list>div,.role-transporter .document-list>a,.role-transporter .document-list>div{font-size:14px}.role-admin .document-list span,.role-transporter .document-list span{font-size:12px}.role-admin .panel-heading>span,.role-transporter .panel-heading>span{font-size:12px}.role-admin .notification-popup>header strong,.role-transporter .notification-popup>header strong{font-size:17px}.role-admin .notification-popup>header small,.role-transporter .notification-popup>header small{font-size:11px}.role-admin .notification-popup form button,.role-transporter .notification-popup form button{font-size:12px}.role-admin .notification-popup-item strong,.role-transporter .notification-popup-item strong{font-size:14px}.role-admin .notification-popup-item p,.role-transporter .notification-popup-item p{font-size:13px}.role-admin .notification-popup-item small,.role-transporter .notification-popup-item small{font-size:11px}.role-admin .notification-popup-footer,.role-transporter .notification-popup-footer{font-size:12px}
.ops-body{font-size:20px}.ops-body .ops-sidebar nav small{font-size:10px}.ops-body .ops-sidebar nav a{font-size:14px}.ops-body .ops-user strong{font-size:13px}.ops-body .ops-user small{font-size:11px}.ops-body .ops-topbar input{font-size:14px}.ops-body .ops-date{font-size:12px}.ops-body .ops-content p{font-size:16px}.ops-body .ops-content small{font-size:12px}.ops-body .metric-grid small,.ops-body .small-metric-grid small{font-size:10px}.ops-body .metric-grid strong{font-size:28px}.ops-body .metric-grid em{font-size:11px}.ops-body .responsive-table th{font-size:10px}.ops-body .responsive-table td{font-size:14px}.ops-body .responsive-table td>small{font-size:11px}.ops-body .filter-panel input,.ops-body .filter-panel select,.ops-body .inline-update input,.ops-body .inline-update select,.ops-body .action-form input,.ops-body .action-form select,.ops-body .action-form textarea{font-size:14px}.ops-body .filter-panel form>a{font-size:13px}.ops-body .action-button strong{font-size:14px}.ops-body .action-button small{font-size:11px}.ops-body .internal-notes{font-size:14px}.ops-body .summary-customer small,.ops-body .ops-order-summary h3{font-size:10px}.ops-body .summary-customer p,.ops-body .compact-route p{font-size:13px}.ops-body .vehicle-card-head small{font-size:11px}.ops-body .vehicle-card dl>div{font-size:13px}.ops-body .vehicle-dates span{font-size:10px}.ops-body .vehicle-dates b{font-size:11px}.ops-body .availability-panel p{font-size:14px}

/* Inline current-location pickup control */
.pickup-address-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch}.pickup-address-row select{min-width:0}.pickup-address-row .btn{white-space:nowrap}.pickup-location-status{padding:10px 12px;border-radius:9px;background:#f2f5f4;color:var(--muted);font-size:11px;line-height:1.45}.pickup-location-status.success{background:#e3f6ec;color:#277856}.pickup-location-status.error{background:#fde8e7;color:#a94848}@media(max-width:600px){.pickup-address-row{grid-template-columns:1fr}.pickup-address-row .btn{width:100%}}

/* Centered transporter assignment alert */
.assignment-alert-backdrop{position:fixed;z-index:600;inset:0;display:grid;place-items:center;padding:20px;background:rgba(8,31,37,.68);backdrop-filter:blur(5px)}.assignment-alert{width:min(620px,100%);max-height:calc(100vh - 40px);overflow-y:auto;border-radius:24px;padding:30px;background:#fff;box-shadow:0 30px 90px rgba(4,24,29,.35);text-align:center}.assignment-alert-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;margin:0 auto 13px;background:#fff0d2;color:#9a6810;font-size:24px;font-weight:900;box-shadow:0 0 0 9px #fff8e9}.assignment-alert h2{font:500 34px/1.1 Georgia,serif;margin:10px 0 7px}.assignment-alert>p{font-size:14px;line-height:1.55;max-width:440px;margin:0 auto 18px}.assignment-alert-order{border:1px solid var(--line);border-radius:16px;overflow:hidden;text-align:left}.assignment-alert-order>header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#f5f9f8}.assignment-alert-order>header>div{display:grid}.assignment-alert-order small{font-size:9px;letter-spacing:.1em;color:var(--muted)}.assignment-alert-order header strong{font-size:14px;color:var(--brand-dark)}.assignment-alert-route{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;padding:17px 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.assignment-alert-route>div{display:grid;gap:3px}.assignment-alert-route>div:last-child{text-align:right}.assignment-alert-route>span{color:var(--brand)}.assignment-alert-route strong{font-size:12px}.assignment-alert-order dl{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:13px 16px;gap:15px}.assignment-alert-order dl>div{display:grid;gap:3px}.assignment-alert-order dt{font-size:9px;color:var(--muted)}.assignment-alert-order dd{font-size:12px;font-weight:800;margin:0}.assignment-alert-actions{display:grid;grid-template-columns:1fr 1.45fr;gap:12px;align-items:end;margin-top:18px}.assignment-alert-actions>form:first-child .btn{width:100%}.assignment-reject-form{display:grid;grid-template-columns:1fr auto;gap:6px;text-align:left}.assignment-reject-form label{grid-column:1/-1;font-size:10px;font-weight:800;color:#52676c}.assignment-reject-form select{min-width:0;width:100%;border:1px solid var(--line);border-radius:10px;padding:11px;background:#fff;font-size:12px}.assignment-reject-form .btn{white-space:nowrap}.assignment-alert-note{display:block;margin-top:14px;font-size:10px;color:var(--muted)}.ops-body .assignment-alert p{font-size:14px}.ops-body .assignment-alert small{font-size:10px}@media(max-width:600px){.assignment-alert-backdrop{padding:10px}.assignment-alert{padding:24px 17px;border-radius:19px}.assignment-alert h2{font-size:29px}.assignment-alert-order dl{grid-template-columns:1fr}.assignment-alert-actions{grid-template-columns:1fr}.assignment-reject-form{grid-template-columns:1fr}.assignment-reject-form .btn{width:100%}}

/* Refined transporter sidebar */
.role-transporter .ops-sidebar{background:radial-gradient(circle at 15% 5%,rgba(49,174,166,.2),transparent 30%),linear-gradient(180deg,#123f48 0%,#0c3038 100%);padding-inline:16px}.role-transporter .ops-sidebar .brand-lockup{justify-content:center;padding:2px 8px 24px}.role-transporter .ops-sidebar .brand-lockup img{width:150px}.role-transporter .ops-sidebar nav{gap:7px;margin-top:18px}.role-transporter .ops-sidebar nav .nav-section-label{margin:17px 12px 5px;color:#76a6a8;font-size:10px;letter-spacing:.16em}.role-transporter .ops-sidebar nav a{position:relative;gap:12px;min-height:58px;padding:10px 11px;border:1px solid transparent;border-radius:13px;color:#c0d4d5;transition:background .18s,border-color .18s,transform .18s}.role-transporter .ops-sidebar nav a:hover{background:#ffffff0c;border-color:#ffffff12;transform:translateX(2px)}.role-transporter .ops-sidebar nav a.active{background:linear-gradient(135deg,rgba(75,193,182,.2),rgba(255,255,255,.07));border-color:rgba(111,217,205,.24);box-shadow:0 10px 25px rgba(2,21,25,.16);color:#fff}.role-transporter .ops-sidebar nav a.active:before{content:"";position:absolute;left:-17px;top:13px;bottom:13px;width:3px;border-radius:0 4px 4px 0;background:#65d0c5}.role-transporter .nav-icon{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.07);color:#82cfc8}.role-transporter .active .nav-icon{background:rgba(101,208,197,.18);color:#8ce1d8}.role-transporter .nav-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.role-transporter .nav-copy{min-width:0;display:grid;gap:2px}.role-transporter .nav-copy strong{font-size:14px;line-height:1.2;font-weight:750}.role-transporter .ops-sidebar nav .nav-copy small{margin:0;color:#7fa1a4;font-size:10px;line-height:1.25;letter-spacing:0}.role-transporter .ops-sidebar nav a.active .nav-copy small{color:#9dc5c5}.role-transporter .ops-user{margin:18px 2px 0;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.045)}.role-transporter .ops-user>span{width:39px;height:39px;background:linear-gradient(135deg,#72d4ca,#42a9a4);box-shadow:0 7px 18px rgba(39,151,147,.25)}.role-transporter .ops-user strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f3fafa;font-size:12px}.role-transporter .ops-user small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#83a7aa;font-size:10px}.role-transporter .ops-user button{padding:6px;cursor:pointer}.role-transporter .ops-user button:hover{color:#fff}

/* Customer dashboard help action */
.help-link{display:inline-flex;align-items:center;gap:9px;padding:7px 15px 7px 8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:linear-gradient(135deg,#126f79,#0a5665);color:#fff;font-size:13px;font-weight:800;letter-spacing:.01em;cursor:pointer;box-shadow:0 8px 20px rgba(10,86,101,.2);transition:background .18s,box-shadow .18s,transform .18s}.help-link:hover{background:linear-gradient(135deg,#16838c,#0b6371);box-shadow:0 11px 25px rgba(10,86,101,.27);transform:translateY(-2px)}.help-link:active{box-shadow:0 5px 13px rgba(10,86,101,.2);transform:translateY(0)}.help-link:focus-visible{outline:3px solid rgba(32,174,178,.25);outline-offset:3px}.help-link svg{width:30px;height:30px;padding:6px;border-radius:50%;background:rgba(255,255,255,.14);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Customer dashboard pickup selector */
.home-pickup{min-width:0}.home-pickup .top-label{margin:0 0 6px 4px;color:#667b7f;font-size:10px}.home-pickup .location-button{width:min(440px,60vw);display:grid;grid-template-columns:42px minmax(0,1fr) 22px;align-items:center;gap:12px;padding:10px 12px 10px 10px;border:1px solid #d8e5e3;border-radius:16px;background:linear-gradient(135deg,#fff,#f7fbfa);color:var(--ink);box-shadow:0 8px 24px rgba(25,67,72,.07);text-align:left;transition:border-color .18s,box-shadow .18s,transform .18s}.home-pickup .location-button:hover{border-color:#a9d4ce;box-shadow:0 12px 28px rgba(25,91,94,.12);transform:translateY(-1px)}.location-button-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#e1f4f0;color:var(--brand-dark)}.location-button-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.location-button-copy{min-width:0;display:grid;gap:3px}.location-button-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.location-button-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px;font-weight:600}.location-button-arrow{width:20px;height:20px;fill:none;stroke:#789094;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s}.location-button:hover .location-button-arrow{transform:translateX(2px);stroke:var(--brand-dark)}@media(max-width:600px){.home-top{align-items:flex-start;gap:10px}.home-pickup{flex:1}.home-pickup .location-button{width:100%;grid-template-columns:36px minmax(0,1fr) 18px;gap:9px;padding:8px}.location-button-icon{width:36px;height:36px}.location-button-icon svg{width:19px;height:19px}.location-button-copy strong{font-size:12px}.location-button-copy small{font-size:9px}.help-link{margin-top:16px}.help-link span{display:none}.help-link{padding:7px}}

/* Receiver-facing incoming package cards */
.incoming-package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.incoming-package-grid>.empty-state{grid-column:1/-1;border:1px dashed var(--line);border-radius:16px}.incoming-package-card{display:grid;gap:18px;padding:19px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#fff,#f8fbfa)}.incoming-package-head,.incoming-package-footer{display:flex;align-items:center;justify-content:space-between;gap:14px}.incoming-package-head>div{display:grid;gap:2px}.incoming-package-head small{color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.14em}.incoming-package-head strong{font-size:14px}.incoming-package-head div>span,.incoming-package-footer>span{color:var(--muted);font-size:10px}.incoming-package-body{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:13px;padding:14px;border-radius:13px;background:#eef7f5}.incoming-package-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#fff;color:var(--brand-dark);font:500 22px Georgia,serif}.incoming-package-body>div{min-width:0;display:grid;gap:4px}.incoming-package-body p{margin:0;color:#617579;font-size:11px}.incoming-package-body small{overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:9px;white-space:nowrap}.incoming-package-footer{padding-top:2px}@media(max-width:760px){.incoming-package-grid{grid-template-columns:1fr}.incoming-package-head{align-items:flex-start}.incoming-package-footer .btn{flex:0 0 auto}}

/* Live delivery tracking map */
.live-map-panel{margin-bottom:22px}
.live-map-panel{position:relative;overflow:hidden;padding:0!important}.live-map-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px 18px}.live-map-heading h2{margin:4px 0 3px}.live-map-heading p{margin:0;color:var(--muted);font-size:12px}.live-map-connection{display:flex;align-items:center;gap:7px;flex:0 0 auto;padding:7px 10px;border-radius:999px;background:#f1f4f3;color:#627579;font-size:10px;font-weight:800}.live-map-connection i{width:8px;height:8px;border-radius:50%;background:#97a5a5}.live-map-connection.live{background:#e2f6ec;color:#257853}.live-map-connection.live i{background:#30a56e;box-shadow:0 0 0 4px rgba(48,165,110,.13);animation:map-pulse 1.6s infinite}.live-map-connection.stale{background:#fff4d9;color:#8c681b}.live-map-connection.stale i{background:#d79f25}.live-map-connection.error{background:#fde9e7;color:#a14747}.live-map-connection.error i{background:#c85454}@keyframes map-pulse{50%{box-shadow:0 0 0 7px rgba(48,165,110,0)}}.live-map-canvas{width:100%;height:430px;background:#e9f0ef}.live-map-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 24px;border-top:1px solid var(--line)}.live-map-status{color:#617479;font-size:11px;line-height:1.45}.live-map-status.success{color:#277856}.live-map-status.error{color:#a94848}.live-map-legend{display:flex;align-items:center;gap:14px;flex:0 0 auto}.live-map-legend span{display:flex;align-items:center;gap:5px;color:#6d7f82;font-size:9px;font-weight:700}.live-map-legend i{width:9px;height:9px;border-radius:50%}.live-map-legend .pickup{background:#147a70}.live-map-legend .vehicle{background:#f4aa25}.live-map-legend .destination{background:#b84c4c}.delivery-map-marker{width:30px;height:30px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;box-shadow:0 5px 15px rgba(14,50,55,.28);color:#fff;font-size:11px;font-weight:900}.delivery-map-marker.pickup{background:#147a70}.delivery-map-marker.destination{background:#b84c4c}.delivery-map-marker.vehicle{width:38px;height:38px;background:#f4aa25;color:#173e46;font-size:20px;box-shadow:0 0 0 7px rgba(244,170,37,.2),0 8px 18px rgba(14,50,55,.32)}.delivery-map-div-icon{border:0;background:transparent}.live-location-controls{display:flex;align-items:center;gap:10px;padding:14px 24px;border-top:1px solid var(--line);background:#f7faf9}.live-location-controls small{margin-left:auto;max-width:450px;color:var(--muted);font-size:9px;line-height:1.4}.live-map-order-link{display:block;padding:12px 24px;border-top:1px solid var(--line);color:var(--brand-dark);font-size:10px;font-weight:800;text-align:right}.live-map-unconfigured{min-height:220px;display:flex;align-items:center;justify-content:center;gap:16px;padding:35px;background:linear-gradient(135deg,#eef5f3,#f8fbfa);text-align:left}.live-map-unconfigured>span{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#d7ede8;color:var(--brand-dark);font-size:25px}.live-map-unconfigured strong{font-size:15px}.live-map-unconfigured p{margin:5px 0 0;color:var(--muted);font-size:11px}.live-map-unconfigured code{padding:2px 5px;border-radius:4px;background:#fff;color:#185f64}.profile-live-map{margin-top:18px}.detail-grid .live-map-panel{margin-bottom:18px}.ops-body .live-map-status{font-size:12px}.ops-body .live-map-heading p{font-size:13px}.ops-body .live-location-controls small{font-size:11px}@media(max-width:760px){.live-map-heading,.live-map-footer{padding-inline:16px}.live-map-heading{align-items:flex-start}.live-map-heading h2{font-size:22px}.live-map-canvas{height:360px}.live-map-footer{align-items:flex-start;flex-direction:column}.live-map-legend{flex-wrap:wrap}.live-location-controls{align-items:stretch;flex-direction:column;padding-inline:16px}.live-location-controls .btn{width:100%}.live-location-controls small{margin:2px 0 0}.live-map-order-link{padding-inline:16px}.live-map-unconfigured{align-items:flex-start;min-height:180px;padding:28px 18px}}

/* Sent and received order selector */
.order-view-nav{display:grid;grid-template-columns:repeat(2,minmax(0,230px));gap:10px;margin-bottom:22px}.order-view-nav a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 17px;border:1px solid var(--line);border-radius:13px;background:#fff;color:#607377;font-size:13px;font-weight:800}.order-view-nav a strong{min-width:27px;padding:4px 8px;border-radius:999px;background:#eef3f2;color:var(--brand-dark);font-size:11px;text-align:center}.order-view-nav a.active{border-color:#79c9c1;background:#eef9f7;color:var(--brand-dark);box-shadow:0 0 0 3px rgba(32,174,178,.08)}.order-view-nav a.active strong{background:var(--brand-dark);color:#fff}@media(max-width:600px){.order-view-nav{grid-template-columns:1fr 1fr}.order-view-nav a{padding:13px 11px;font-size:11px}}

/* Persistent transporter GPS status */
.transporter-location-tracker{position:fixed;right:20px;bottom:20px;z-index:190;width:min(390px,calc(100% - 30px));display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 15px;border:1px solid #cddedb;border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 18px 48px rgba(16,54,61,.2);backdrop-filter:blur(14px)}.transporter-location-indicator{width:10px;height:10px;border-radius:50%;background:#d79f25;box-shadow:0 0 0 5px rgba(215,159,37,.12)}.transporter-location-tracker>div{min-width:0;display:grid;gap:2px}.transporter-location-tracker strong{font-size:12px}.transporter-location-tracker small{overflow:hidden;color:#657a7e;font-size:9px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.transporter-location-tracker button{border:0;border-radius:8px;padding:7px 9px;background:var(--brand-dark);color:#fff;font-size:9px;font-weight:800;cursor:pointer}.transporter-location-tracker.live{border-color:#a9dcca;background:rgba(243,253,248,.97)}.transporter-location-tracker.live .transporter-location-indicator{background:#30a56e;box-shadow:0 0 0 5px rgba(48,165,110,.14);animation:map-pulse 1.6s infinite}.transporter-location-tracker.error{border-color:#efc5c1;background:rgba(255,248,247,.98)}.transporter-location-tracker.error .transporter-location-indicator{background:#c85454;box-shadow:0 0 0 5px rgba(200,84,84,.12)}.transporter-location-tracker.stale .transporter-location-indicator{background:#d79f25}@media(max-width:760px){.transporter-location-tracker{right:15px;bottom:76px;grid-template-columns:10px minmax(0,1fr) auto;padding:11px 12px}.ops-body .transporter-location-tracker{bottom:15px}.transporter-location-tracker small{font-size:8px}}

/* Google Maps location selection and app-style parcel journey */
.booking-map-picker{overflow:hidden;border:1px solid #c9dcd9;border-radius:18px;background:#f7fbfa}.booking-map-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px}.booking-map-head h3{margin:5px 0 4px;font:500 22px Georgia,serif}.booking-map-head p{max-width:560px;margin:0;font-size:11px}.map-location-toggle{display:flex;gap:4px;padding:4px;border-radius:11px;background:#e8f1ef}.map-location-toggle button{border:0;border-radius:8px;padding:8px 11px;background:transparent;color:#597075;font-size:10px;font-weight:800;cursor:pointer}.map-location-toggle button.active{background:#fff;color:var(--brand-dark);box-shadow:0 3px 10px rgba(22,61,65,.1)}.booking-map-searches{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 20px 16px}.booking-map-searches label{display:grid;gap:6px;color:#617579;font-size:9px;font-weight:800;letter-spacing:.09em}.booking-map-searches gmp-place-autocomplete{width:100%;border:1px solid var(--line);border-radius:11px;background:#fff;font-size:14px;letter-spacing:normal}.booking-map-canvas{width:100%;height:390px;background:#e7efed}.booking-map-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 18px;background:#fff}.booking-map-meta span{color:#607377;font-size:10px}.booking-map-meta span.success{color:#287959}.booking-map-meta span.error{color:#ac4c4c}.booking-map-meta strong{flex:0 0 auto;color:var(--brand-dark);font-size:11px}.map-load-error{height:100%;display:grid;place-items:center;padding:30px;color:#9b4848;font-size:12px;text-align:center}.parcel-stage-rail{display:grid;grid-template-columns:repeat(6,1fr);margin:0;padding:0 24px 20px;list-style:none}.parcel-stage-rail li{position:relative;display:grid;justify-items:center;gap:7px;color:#92a1a4;text-align:center;font-size:9px;font-weight:700}.parcel-stage-rail li:not(:last-child):before{content:"";position:absolute;z-index:0;top:13px;left:50%;width:100%;height:2px;background:#dce5e4}.parcel-stage-rail i{position:relative;z-index:1;width:27px;height:27px;display:grid;place-items:center;border:2px solid #d3dedc;border-radius:50%;background:#fff;color:#8b9a9c;font-size:9px;font-style:normal}.parcel-stage-rail li.complete:not(:last-child):before{background:#51b9ad}.parcel-stage-rail li.complete{color:#247567}.parcel-stage-rail li.complete i{border-color:#51b9ad;background:#51b9ad;color:#fff}.parcel-stage-rail li.current{color:#173f47}.parcel-stage-rail li.current i{border-color:#0a7e88;background:#0a7e88;color:#fff;box-shadow:0 0 0 5px rgba(10,126,136,.13)}.parcel-stage-rail li.stopped{color:#a24c4c}.parcel-stage-rail li.stopped i{border-color:#cb5b55;color:#cb5b55}.tracking-live-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.tracking-live-metrics>div{display:grid;gap:3px;padding:14px 20px}.tracking-live-metrics>div:not(:last-child){border-right:1px solid var(--line)}.tracking-live-metrics small{color:#829397;font-size:8px;font-weight:800;letter-spacing:.12em}.tracking-live-metrics strong{color:#173f47;font-size:14px}.delivery-confirmation{display:grid;grid-template-columns:70px minmax(0,1fr) 240px;gap:22px;align-items:start;margin-bottom:22px;border-color:#acd9c7;background:linear-gradient(135deg,#f1fcf7,#fff)}.delivery-confirmation-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#35a974;color:#fff;font-size:30px;box-shadow:0 0 0 8px rgba(53,169,116,.11)}.delivery-confirmation-copy h2{margin:6px 0;font:500 28px Georgia,serif}.delivery-confirmation-copy>p{margin-bottom:15px;font-size:12px}.delivery-confirmation dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.delivery-confirmation dl div{display:grid;gap:2px;padding:10px;border-radius:10px;background:rgba(255,255,255,.75)}.delivery-confirmation dt{color:#718488;font-size:8px;font-weight:800;letter-spacing:.1em}.delivery-confirmation dd{margin:0;font-size:11px;font-weight:700}.delivery-proof a,.delivery-proof>div{min-height:190px;display:grid;align-content:center;justify-items:center;gap:9px;overflow:hidden;border:1px dashed #acd4c7;border-radius:15px;background:#fff;text-align:center}.delivery-proof img{width:100%;height:150px;object-fit:cover}.delivery-proof a span{padding-bottom:10px;color:var(--brand-dark);font-size:10px;font-weight:800}.delivery-proof>div>span{font-size:25px;color:#6d978a}.delivery-proof strong{font-size:12px}.delivery-proof small{color:var(--muted);font-size:9px}.tracking-stopped-card{display:flex;align-items:center;gap:18px;margin-bottom:22px;background:#fff9f3}.tracking-stopped-card>span{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:#f4ded3;color:#a75e48}.tracking-stopped-card h2{margin:5px 0}.tracking-stopped-card p{margin:0;font-size:11px}.delivery-proof-fields{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.delivery-proof-fields label{display:grid;gap:4px;color:var(--muted);font-size:10px}.delivery-proof-fields input{width:100%}
@media(max-width:760px){.booking-map-head{display:grid}.map-location-toggle{width:100%}.map-location-toggle button{flex:1}.booking-map-searches{grid-template-columns:1fr}.booking-map-canvas{height:340px}.booking-map-meta{align-items:flex-start;flex-direction:column;gap:6px}.parcel-stage-rail{overflow-x:auto;grid-template-columns:repeat(6,90px);padding-inline:16px;justify-content:start}.tracking-live-metrics>div{padding:12px 10px}.tracking-live-metrics strong{font-size:11px}.delivery-confirmation{grid-template-columns:1fr}.delivery-confirmation-icon{width:54px;height:54px}.delivery-confirmation dl{grid-template-columns:1fr}.delivery-proof{max-width:320px}.delivery-proof-fields{grid-template-columns:1fr}}

/* Pickup/drop location dialog */
.map-address-field>div,.map-address-field-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:10px}.map-address-field textarea{min-height:76px}.map-address-field .btn{min-width:190px}.selected-location-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 20px 20px}.selected-location-grid article{display:grid;grid-template-columns:13px minmax(0,1fr) auto;align-items:start;gap:11px;padding:15px;border:1px solid var(--line);border-radius:13px;background:#fff}.selected-location-grid article>i{width:11px;height:11px;margin-top:4px;border:3px solid #aebdbd;border-radius:50%}.selected-location-grid article>i.pickup{border-color:#087e89}.selected-location-grid article>i.drop{border-color:#d9574f}.selected-location-grid article>div{min-width:0;display:grid;gap:3px}.selected-location-grid small{color:#829397;font-size:8px;font-weight:800;letter-spacing:.12em}.selected-location-grid strong{overflow:hidden;color:#637579;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.selected-location-grid span{color:#94a2a4;font-size:9px}.selected-location-grid button{border:0;background:none;color:var(--brand-dark);font-size:9px;font-weight:800;cursor:pointer}.selected-location-grid article.selected{border-color:#8bcfc6;background:#f4fbf9}.selected-location-grid article.selected strong{color:#173f47}.location-picker-dialog{width:min(960px,calc(100% - 30px));max-width:none;margin:auto;padding:0;border:0;border-radius:20px;background:transparent;box-shadow:0 28px 90px rgba(9,38,44,.3)}.location-picker-dialog::backdrop{background:rgba(10,35,40,.68);backdrop-filter:blur(3px)}.location-picker-shell{overflow:hidden;border-radius:20px;background:#fff}.location-picker-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 22px 14px}.location-picker-head h3{margin:5px 0 3px;font:500 24px Georgia,serif}.location-picker-head p{margin:0;font-size:11px}.location-picker-head>button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#fff;color:#53686d;font-size:22px;cursor:pointer}.location-picker-dialog .map-location-toggle{width:max-content;margin:0 22px 14px}.location-picker-dialog .booking-map-searches{grid-template-columns:minmax(0,1fr) auto;align-items:end;padding:0 22px 14px}.location-picker-dialog .booking-map-searches>button{height:48px}.location-picker-dialog .booking-map-canvas{height:min(500px,55vh)}.location-picker-actions{display:flex;justify-content:flex-end;padding:13px 22px 18px;background:#fff}.location-picker-actions .btn{min-width:220px}
@media(max-width:760px){.map-address-field>div,.map-address-field-row{grid-template-columns:1fr}.map-address-field .btn{width:100%;min-width:0}.selected-location-grid{grid-template-columns:1fr;padding-inline:14px}.location-picker-dialog{width:calc(100% - 16px);max-height:calc(100% - 16px)}.location-picker-head{padding:16px}.location-picker-dialog .map-location-toggle{width:calc(100% - 32px);margin-inline:16px}.location-picker-dialog .booking-map-searches{grid-template-columns:1fr;padding-inline:16px}.location-picker-dialog .booking-map-canvas{height:45vh}.location-picker-actions{padding:12px 16px}.location-picker-actions .btn{width:100%}}
.booking-preview-dialog{width:min(540px,calc(100% - 32px));border:0;border-radius:20px;padding:28px;background:#fff;color:var(--ink);box-shadow:0 25px 80px rgba(19,45,53,.3)}.booking-preview-dialog::backdrop{background:rgba(19,45,53,.58);backdrop-filter:blur(3px)}.booking-preview-dialog h3{font:500 26px Georgia;margin:7px 0 18px}.preview-close{position:absolute;top:15px;right:15px;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--muted);font-size:22px;line-height:1;cursor:pointer}.preview-route{display:grid;gap:8px;padding:15px;background:#f1f7f6;border-radius:12px}.preview-route div{display:grid;gap:3px}.preview-route small{font-size:8px;letter-spacing:.12em;color:var(--muted)}.preview-route strong{font-size:12px;line-height:1.4}.preview-route>span{color:var(--brand-dark);font-weight:800}.preview-details{margin:14px 0 20px}.preview-details>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:12px}.preview-details dt{color:var(--muted)}.preview-details dd{margin:0;text-align:right;font-weight:700;max-width:65%;overflow-wrap:anywhere}.preview-details .preview-total{border-top:1px solid var(--line);margin-top:6px;padding-top:14px;font-size:16px}.preview-actions{display:flex;justify-content:flex-end;gap:10px}.preview-actions .btn{flex:1}

/* Customer support chat */
.quick-card-button{width:100%;border:1px solid var(--line);font:inherit;text-align:left;cursor:pointer}.support-dialog{width:min(720px,calc(100% - 28px));max-height:calc(100% - 28px);padding:0;border:0;border-radius:22px;background:transparent;box-shadow:0 28px 90px rgba(9,38,44,.32)}.support-dialog::backdrop{background:rgba(10,35,40,.65);backdrop-filter:blur(4px)}.support-shell{overflow:hidden;border-radius:22px;background:#fff}.support-head{display:flex;justify-content:space-between;gap:20px;padding:24px 26px 18px;background:linear-gradient(135deg,#effaf7,#fff)}.support-head h2{margin:5px 0;font:500 29px Georgia,serif}.support-head p{margin:0;color:var(--muted);font-size:12px}.dialog-close{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--muted);font-size:22px;cursor:pointer}.support-form-view{padding:22px 26px 26px}.support-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.support-form-grid .span-2{grid-column:1/-1}.support-form-grid .field-wrap{display:grid;gap:6px}.support-form-grid label{color:#5e7377;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.support-form-grid label small{font-weight:500;letter-spacing:0;text-transform:none}.support-form-grid input,.support-form-grid textarea,.support-form-grid select,.support-message-form input,.support-admin-sidebar select{width:100%;border:1px solid #d5e2e0;border-radius:11px;padding:12px 13px;background:#fbfdfc;color:var(--ink);font:inherit;font-size:13px}.support-form-grid textarea{resize:vertical}.support-form-error,.support-status-error{min-height:18px;margin:10px 0;color:#ad4e4b;font-size:11px}.support-form-view>.btn{margin-top:2px}.support-history{margin-top:27px;padding-top:20px;border-top:1px solid var(--line)}.support-section-label{margin-bottom:10px;color:#849598;font-size:9px;font-weight:900;letter-spacing:.13em}.support-history-item{width:100%;display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 3px;border:0;border-bottom:1px solid #edf2f1;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.support-history-item:hover{background:#f5faf8}.support-history-item>span:nth-child(2){display:grid;gap:3px}.support-history-item strong{font-size:12px}.support-history-item small{color:var(--muted);font-size:10px}.support-history-item b{color:var(--brand-dark)}.status-dot{width:8px;height:8px;border-radius:50%;background:#279d6b}.status-dot.progress{background:#d69b26}.status-dot.resolved{background:#96a4a4}.support-empty-history{margin:0;color:var(--muted);font-size:11px}.support-chat-view{display:grid;grid-template-rows:auto minmax(260px,1fr) auto auto;padding:0 26px 22px}.support-chat-context{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-top:1px solid var(--line)}.support-chat-context>div{display:grid;gap:3px;text-align:right}.support-chat-context strong{font-size:13px}.support-chat-context small{color:var(--muted);font-size:10px}.support-messages{display:flex;flex-direction:column;gap:10px;min-height:260px;max-height:390px;overflow:auto;padding:16px 3px;background:#f7faf9}.support-message{max-width:78%;padding:11px 13px;border:1px solid #dce8e5;border-radius:14px 14px 14px 3px;background:#fff}.support-message.from-customer{align-self:flex-end;border-color:#bde2db;border-radius:14px 14px 3px 14px;background:#eaf8f4}.support-message-meta{display:flex;justify-content:space-between;gap:15px;margin-bottom:5px}.support-message-meta strong{font-size:10px}.support-message-meta small{color:#809194;font-size:9px}.support-message p{margin:0;color:#4f676b;font-size:12px;line-height:1.5;white-space:pre-wrap}.support-message a,.support-admin-chat-head a{display:inline-block;margin-top:7px;color:var(--brand-dark);font-size:10px;font-weight:800}.support-message-form{display:grid;grid-template-columns:1fr auto;gap:9px;padding-top:14px}.support-message-form .btn{padding-inline:18px}.support-connection{padding-top:9px;color:#7a8c8f;font-size:10px}.support-connection.live{color:#27805d}.support-connection.error{color:#aa5450}.support-connection.closed{color:#7d8b8d}.support-closed{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;margin-top:14px;border:1px solid #d6e3e0;border-radius:12px;background:#f3f7f6;color:#5b7275;font-size:11px;line-height:1.4}.support-closed .btn{flex:0 0 auto}.support-live-badge{display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;background:#e7f7ef;color:#267b59;font-size:11px;font-weight:800}.support-live-badge i{width:8px;height:8px;border-radius:50%;background:#2ea76d;box-shadow:0 0 0 4px rgba(46,167,109,.13)}

/* Admin support inbox */
.support-inbox-panel{padding:0;overflow:hidden}.support-inbox-panel .panel-heading{padding:21px 24px 17px;border-bottom:1px solid var(--line)}.support-inbox-connection{color:#88989a;font-size:10px;font-weight:800}.support-inbox-connection.live{color:#2d835d}.support-inbox-list{display:grid}.support-ticket-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;padding:17px 24px;border-bottom:1px solid #edf2f1;color:var(--ink);transition:background .18s}.support-ticket-row:hover,.support-ticket-row.unread{background:#f7fbfa}.support-ticket-row:hover{box-shadow:inset 3px 0 var(--brand)}.support-ticket-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#dcefeb;color:var(--brand-dark);font-weight:900}.support-ticket-avatar.large{width:52px;height:52px;font-size:18px}.support-ticket-copy{min-width:0;display:grid;gap:4px}.support-ticket-copy strong{font-size:14px}.support-ticket-copy small,.support-ticket-copy>span{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.support-ticket-meta{display:grid;justify-items:end;gap:5px}.support-ticket-meta small{color:#829194;font-size:9px}.support-ticket-meta>b{min-width:18px;padding:3px 6px;border-radius:99px;background:var(--brand-dark);color:#fff;font-size:9px;text-align:center}.status-chip.open{background:#e9f7ed;color:#287957}.status-chip.progress{background:#fff3d9;color:#89691e}.status-chip.resolved{background:#edf1f0;color:#748184}.support-conversation-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px}.support-admin-chat{padding:0;overflow:hidden}.support-admin-chat-head{display:flex;gap:15px;padding:22px 24px;border-bottom:1px solid var(--line);background:#f7fbfa}.support-admin-chat-head>div:last-child{min-width:0}.support-admin-chat-head h2{margin:5px 0 6px;font:500 23px Georgia,serif}.support-admin-chat-head p{margin:0;color:#65797c;font-size:12px;line-height:1.5}.admin-messages{max-height:520px;min-height:380px}.support-admin-sidebar{align-self:start;display:grid;gap:12px}.support-admin-sidebar h2{margin:0;font:500 22px Georgia,serif}.support-admin-sidebar p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.support-admin-sidebar label{margin-top:8px;color:#627679;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.support-admin-sidebar dl{display:grid;gap:10px;margin:12px 0 0;padding-top:15px;border-top:1px solid var(--line)}.support-admin-sidebar dl div{display:grid;gap:3px}.support-admin-sidebar dt{color:#849497;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.support-admin-sidebar dd{margin:0;font-size:11px;font-weight:700}
@media(max-width:760px){.support-form-view,.support-chat-view{padding-inline:16px}.support-head{padding:19px 16px 15px}.support-form-grid{grid-template-columns:1fr}.support-form-grid .span-2{grid-column:auto}.support-chat-view{grid-template-rows:auto minmax(260px,1fr) auto auto}.support-message{max-width:90%}.support-ticket-row{grid-template-columns:38px minmax(0,1fr);padding-inline:16px}.support-ticket-meta{grid-column:2;display:flex;justify-content:flex-start;align-items:center;flex-direction:row}.support-conversation-layout{grid-template-columns:1fr}.support-admin-sidebar{order:-1}.support-admin-chat-head{padding:17px 16px}.admin-messages{min-height:320px}}
.support-enter{color:var(--brand-dark);font-size:9px;font-weight:900}.support-status-controls{display:grid;grid-template-columns:1fr;gap:9px}.support-status-controls .btn{width:100%}