/* FleetHQ UI v6 - Fleetio-clean; overrides app-v7 glass + app-v8 hacks. Theme-var driven. */
body:not(.platform-body) main.main-content{ background:#f5f9f4 !important; }
body:not(.platform-body) .card{ background:#fff !important; border:1px solid #e8eee7 !important; border-radius:12px !important; box-shadow:0 1px 2px rgba(16,24,40,.05) !important; backdrop-filter:none !important; }
body:not(.platform-body) .metrics-row{ display:grid !important; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)) !important; gap:16px !important; }
body:not(.platform-body) .metrics-row .metric-card{ background:#fff !important; border:1px solid #e8eee7 !important; border-radius:12px !important; box-shadow:0 1px 2px rgba(16,24,40,.05) !important; backdrop-filter:none !important; padding:18px 20px !important; min-height:104px !important; max-height:none !important; }
body:not(.platform-body) .metrics-row .metric-card:hover{ box-shadow:0 6px 18px rgba(16,24,40,.09) !important; transform:translateY(-1px) !important; }
body:not(.platform-body) .metric-icon{ opacity:.85 !important; }
body:not(.platform-body) .metric-val{ font-size:27px !important; font-weight:700 !important; line-height:1.15 !important; letter-spacing:-.01em !important; color:var(--text) !important; }
body:not(.platform-body) .metric-lbl{ font-size:11px !important; font-weight:600 !important; letter-spacing:.05em !important; text-transform:uppercase !important; color:var(--text3,#7d9a82) !important; }
body:not(.platform-body) .metric-card.green .metric-val{ color:var(--success,#16a34a) !important; }
body:not(.platform-body) .metric-card.red .metric-val{ color:var(--danger,#dc2626) !important; }
body:not(.platform-body) .metric-card.orange .metric-val{ color:var(--warning,#d97706) !important; }
body:not(.platform-body) .metric-card.blue .metric-val{ color:var(--info,#2563eb) !important; }
body:not(.platform-body) .metric-card.purple .metric-val{ color:var(--purple,#7c3aed) !important; }
body:not(.platform-body) div.topbar{ background:#fff !important; border-bottom:1px solid #e8eee7 !important; box-shadow:none !important; }
body:not(.platform-body) .alert-strip{ padding:9px 14px !important; font-size:13px !important; border-radius:10px !important; margin:0 0 8px 0 !important; box-shadow:none !important; }
body:not(.platform-body) .alert-strip.alert-danger{ background:#fef2f2 !important; border:1px solid #f6d5d5 !important; border-left:3px solid var(--danger,#dc2626) !important; }
body:not(.platform-body) .dash-insights-strip{ border-radius:10px !important; }
body:not(.platform-body) .btn{ border-radius:8px !important; font-weight:600 !important; box-shadow:none !important; transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease !important; }
body:not(.platform-body) .btn.btn-primary{ background:var(--primary,#2d7a3a) !important; border:1px solid var(--primary,#2d7a3a) !important; color:#fff !important; }
body:not(.platform-body) .btn.btn-primary:hover{ background:var(--primary-dk,#0a5717) !important; border-color:var(--primary-dk,#0a5717) !important; box-shadow:0 2px 8px rgba(16,24,40,.12) !important; }
body:not(.platform-body) .btn.btn-outline{ background:#fff !important; border:1px solid #d8e2d6 !important; color:#374151 !important; }
body:not(.platform-body) .btn.btn-outline:hover{ background:#f3f7f2 !important; border-color:#c3d3c0 !important; color:var(--primary-dk,#0a5717) !important; }
body:not(.platform-body) .badge{ display:inline-flex !important; align-items:center !important; gap:4px !important; padding:3px 10px !important; border-radius:999px !important; font-size:11px !important; font-weight:600 !important; line-height:1.4 !important; border:none !important; }
body:not(.platform-body) .badge.badge-success{ background:#e7f6ec !important; color:#15803d !important; }
body:not(.platform-body) .badge.badge-danger{ background:#fdecec !important; color:#b91c1c !important; }
body:not(.platform-body) .badge.badge-warning{ background:#fef3e2 !important; color:#b45309 !important; }
body:not(.platform-body) .badge.badge-info{ background:#e6f0fe !important; color:#1d4ed8 !important; }
body:not(.platform-body) .badge.badge-primary{ background:var(--primary-lt,#dcffe9) !important; color:var(--primary-dk,#0a5717) !important; }
body:not(.platform-body) .form-control{ border:1px solid #dce5da !important; border-radius:8px !important; box-shadow:none !important; transition:border-color .15s ease,box-shadow .15s ease !important; }
body:not(.platform-body) .form-control:focus{ border-color:var(--primary,#2d7a3a) !important; box-shadow:0 0 0 3px var(--primary-lt,#dcffe9) !important; outline:none !important; }

/* FleetHQ table polish - Fleetio-clean */
body:not(.platform-body) .table{ border-collapse:separate !important; border-spacing:0 !important; }
body:not(.platform-body) .table thead th{ background:#f6f8f5 !important; color:#6b7a6e !important; font-size:11px !important; font-weight:600 !important; letter-spacing:.04em !important; text-transform:uppercase !important; border-bottom:1px solid #e8eee7 !important; padding:10px 14px !important; }
body:not(.platform-body) .table tbody td{ padding:11px 14px !important; border-bottom:1px solid #eef2ee !important; font-size:13px !important; color:var(--text) !important; }
body:not(.platform-body) .table tbody tr:hover{ background:#f7faf6 !important; }

/* Onboarding Get Started widget */
body:not(.platform-body) .onboard-card{ background:#fff !important; border:1px solid #e8eee7 !important; border-radius:14px !important; box-shadow:0 1px 2px rgba(16,24,40,.05) !important; padding:18px 20px !important; margin:0 0 16px !important; }
.onboard-head{ display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.onboard-title{ font-size:16px; font-weight:700; color:var(--text,#1a3a1e); }
.onboard-sub{ font-size:13px; color:#6b7a6e; margin-top:2px; }
.onboard-count{ font-size:13px; font-weight:700; color:var(--primary,#2d7a3a); white-space:nowrap; }
.onboard-bar{ height:8px; background:#eef2ee; border-radius:999px; overflow:hidden; margin:12px 0 14px; }
.onboard-bar>span{ display:block; height:100%; background:var(--primary,#2d7a3a); border-radius:999px; transition:width .3s ease; }
.onboard-steps{ display:flex; flex-direction:column; gap:8px; }
.onboard-step{ display:flex; align-items:center; gap:12px; padding:10px 12px; border:1px solid #eef2ee; border-radius:10px; text-decoration:none; color:inherit; transition:background .15s ease,border-color .15s ease; }
.onboard-step:hover{ background:#f7faf6; border-color:#d8e2d6; }
.onboard-check{ flex:0 0 22px; width:22px; height:22px; border-radius:999px; border:2px solid #cdd8cc; display:inline-flex; align-items:center; justify-content:center; font-size:12px; color:#fff; font-weight:700; box-sizing:border-box; }
.onboard-step.is-done .onboard-check{ background:var(--success,#16a34a); border-color:var(--success,#16a34a); }
.onboard-step.is-done .onboard-step-label{ color:#8a9a8c; text-decoration:line-through; }
.onboard-step-txt{ display:flex; flex-direction:column; flex:1 1 auto; }
.onboard-step-label{ font-size:14px; font-weight:600; color:var(--text,#1a3a1e); }
.onboard-step-desc{ font-size:12px; color:#8a9a8c; }
.onboard-arrow{ color:#b6c3b4; font-size:16px; }
.onboard-foot{ margin-top:12px; font-size:12px; color:#6b7a6e; }
.onboard-foot a{ color:var(--primary,#2d7a3a); text-decoration:none; font-weight:600; }

/* Modern minimalist refinement pass */
body:not(.platform-body) .metrics-row{ grid-template-columns:repeat(auto-fill,minmax(188px,1fr)) !important; gap:12px !important; }
body:not(.platform-body) .metrics-row .metric-card{ padding:13px 15px !important; min-height:78px !important; }
body:not(.platform-body) .metric-val{ font-size:20px !important; letter-spacing:-.02em !important; white-space:nowrap !important; font-variant-numeric:tabular-nums !important; }
body:not(.platform-body) .metric-lbl{ font-size:10px !important; letter-spacing:.06em !important; }
body:not(.platform-body) .metric-icon{ font-size:15px !important; }
body:not(.platform-body) .btn{ padding:6px 12px !important; font-size:12.5px !important; line-height:1.3 !important; border-radius:7px !important; }
body:not(.platform-body) .btn.btn-sm{ padding:4px 9px !important; font-size:11.5px !important; border-radius:6px !important; }
body:not(.platform-body) .alert-strip{ padding:8px 12px !important; font-size:12.5px !important; }
body:not(.platform-body) .badge{ padding:2px 9px !important; font-size:10.5px !important; }
body:not(.platform-body) .table thead th{ padding:8px 12px !important; font-size:10.5px !important; }
body:not(.platform-body) .table tbody td{ padding:9px 12px !important; font-size:12.5px !important; }

/* Soften service progress bars */
body:not(.platform-body) .progress-wrap{ height:5px !important; background:#edf1ec !important; border-radius:999px !important; overflow:hidden !important; }
body:not(.platform-body) .progress-fill{ height:100% !important; border-radius:999px !important; }

/* Sidebar line icons */
body:not(.platform-body) nav.sidebar .nav-ic{ display:inline-flex; align-items:center; margin-right:10px; vertical-align:middle; position:relative; top:-1px; }
body:not(.platform-body) nav.sidebar .nav-svg{ width:17px; height:17px; opacity:.9; }

/* Hide original emoji icon spans (replaced by line icons) */
body:not(.platform-body) nav.sidebar .nav-icon{ display:none !important; }

/* Settings section nav */
body:not(.platform-body) .settings-nav{ position:sticky; top:0; z-index:20; display:flex; flex-wrap:wrap; gap:8px; padding:12px 0 14px; background:#f5f9f4; margin:0 0 6px; }
body:not(.platform-body) .settings-nav a{ font-size:12.5px; font-weight:600; color:#5b6b5e; background:#fff; border:1px solid #e8eee7; border-radius:999px; padding:6px 13px; text-decoration:none; transition:background .15s,border-color .15s,color .15s; }
body:not(.platform-body) .settings-nav a:hover{ border-color:var(--primary,#2d7a3a); color:var(--primary-dk,#0a5717); }

/* Fleetio-style settings rail */
body:not(.platform-body) .settings-nav{ display:none !important; }
body:not(.platform-body) .settings-layout{ display:block !important; }
body:not(.platform-body) .set-flex{ display:flex; align-items:flex-start; gap:22px; }
body:not(.platform-body) .set-rail{ flex:0 0 210px; position:sticky; top:12px; background:#fff; border:1px solid #e8eee7; border-radius:12px; padding:10px; }
body:not(.platform-body) .set-rail-head{ font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:#8a9a8c; padding:6px 10px 8px; }
body:not(.platform-body) .set-rail-link{ display:block; padding:8px 11px; border-radius:8px; font-size:13px; font-weight:600; color:#3d4b40; text-decoration:none; margin-bottom:2px; transition:background .12s,color .12s; }
body:not(.platform-body) .set-rail-link:hover{ background:#f3f7f2; }
body:not(.platform-body) .set-rail-link.active{ background:#eaf5ec; color:var(--primary-dk,#0a5717); }
body:not(.platform-body) .set-content{ flex:1 1 auto; min-width:0; }
body:not(.platform-body) .set-content > .card{ width:100% !important; margin:0 0 16px !important; }

/* Fleetio-style top header */
body:not(.platform-body) div.topbar{ display:flex !important; align-items:center; gap:12px; }
body:not(.platform-body) .hq-search{ flex:1 1 auto; max-width:520px; margin:0 auto; display:flex; align-items:center; gap:8px; background:#f3f6f2; border:1px solid #e8eee7; border-radius:999px; padding:7px 15px; color:#7d8a7f; }
body:not(.platform-body) .hq-search input{ border:none; background:transparent; outline:none; width:100%; font-size:13.5px; color:var(--text,#1a3a1e); }
body:not(.platform-body) .topbar-right{ display:flex !important; align-items:center; gap:9px; }
body:not(.platform-body) .hq-ic{ display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:8px; color:#5b6b5e; text-decoration:none; transition:background .12s,color .12s; }
body:not(.platform-body) .hq-ic:hover{ background:#f3f7f2; color:var(--primary-dk,#0a5717); }
body:not(.platform-body) .hq-av{ display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:999px; background:var(--accent,#f59e0b); color:#fff; font-size:12px; font-weight:700; }

/* Declutter topbar - hide redundant business name */
body:not(.platform-body) .topbar-right .biz-name{ display:none !important; }

/* Topbar dropdown menus */
.hq-menu{ position:fixed; min-width:222px; background:#fff; border:1px solid #e8eee7; border-radius:12px; box-shadow:0 10px 30px rgba(16,24,40,.15); padding:6px; z-index:1000; }
.hq-menu-head{ padding:9px 12px 8px; font-size:13px; color:#1a3a1e; border-bottom:1px solid #f0f3ef; margin-bottom:4px; }
.hq-menu-sep{ height:1px; background:#f0f3ef; margin:4px 6px; }
.hq-menu-item{ display:block; padding:8px 12px; border-radius:8px; font-size:13px; color:#3d4b40; text-decoration:none; }
.hq-menu-item:hover{ background:#f3f7f2; color:var(--primary-dk,#0a5717); }
body:not(.platform-body) .hq-av{ cursor:pointer; }

/* Announcement popup (hq-ann) */
.hq-ann{ position:fixed; right:20px; bottom:20px; max-width:340px; background:#fff; border:1px solid #e8eee7; border-left:4px solid var(--info,#2563eb); border-radius:12px; box-shadow:0 12px 34px rgba(16,24,40,.18); padding:14px 34px 14px 18px; z-index:1200; font-size:13px; }
.hq-ann-warning{ border-left-color:var(--warning,#d97706); }
.hq-ann-success{ border-left-color:var(--success,#16a34a); }
.hq-ann-t{ font-weight:700; color:#1a3a1e; margin-bottom:4px; font-size:13.5px; }
.hq-ann-m{ line-height:1.5; color:#5b6b5e; }
.hq-ann-l{ display:inline-block; margin-top:8px; color:var(--primary,#2d7a3a); font-weight:600; text-decoration:none; }
.hq-ann-x{ position:absolute; top:8px; right:10px; border:none; background:none; font-size:18px; line-height:1; color:#9aa89c; cursor:pointer; }
.hq-ann-x:hover{ color:#5b6b5e; }

/* Help & Support modal */
.hq-hs-ov{ position:fixed; inset:0; background:rgba(16,24,40,.45); z-index:2000; display:flex; align-items:center; justify-content:center; padding:20px; }
.hq-hs{ position:relative; background:#fff; border-radius:16px; max-width:920px; width:100%; padding:26px 30px 34px; box-shadow:0 24px 60px rgba(16,24,40,.3); }
.hq-hs-x{ position:absolute; top:16px; right:18px; border:none; background:none; font-size:22px; color:#9aa89c; cursor:pointer; line-height:1; }
.hq-hs-h{ font-size:15px; font-weight:700; color:#1a3a1e; border-bottom:1px solid #eef2ec; padding-bottom:14px; margin-bottom:22px; }
.hq-hs-q{ text-align:center; font-size:22px; font-weight:700; color:#1a3a1e; }
.hq-hs-s{ text-align:center; font-size:13.5px; color:#6b7a6e; margin:6px 0 24px; }
.hq-hs-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.hq-hs-c{ border:1px solid #e8eee7; border-radius:12px; padding:18px 16px; }
.hq-hs-ci{ color:var(--primary,#2d7a3a); margin-bottom:12px; }
.hq-hs-ct{ font-size:15px; font-weight:700; color:#1a3a1e; margin-bottom:7px; }
.hq-hs-cd{ font-size:12.5px; color:#6b7a6e; line-height:1.5; min-height:54px; }
.hq-hs-cb{ display:inline-flex; align-items:center; gap:6px; margin-top:12px; border:1px solid #dce5da; border-radius:8px; padding:7px 12px; font-size:12.5px; font-weight:600; color:#3d4b40; text-decoration:none; }
.hq-hs-cb:hover{ background:#f3f7f2; border-color:var(--primary,#2d7a3a); color:var(--primary-dk,#0a5717); }
@media(max-width:760px){ .hq-hs-grid{ grid-template-columns:1fr 1fr; } }
@media(max-width:460px){ .hq-hs-grid{ grid-template-columns:1fr; } }

/* Help modal v2 authoritative */
body .hq-hs-ov{ position:fixed !important; inset:0 !important; background:rgba(20,30,22,.45) !important; z-index:3000 !important; display:flex !important; align-items:center !important; justify-content:center !important; padding:20px !important; }
body .hq-hs-modal{ width:100% !important; max-width:940px !important; background:#fff !important; border-radius:16px !important; box-shadow:0 24px 60px rgba(16,24,40,.28) !important; overflow:hidden !important; max-height:90vh !important; overflow-y:auto !important; margin:0 !important; }
body .hq-hs-head{ display:flex !important; align-items:center !important; justify-content:space-between !important; padding:16px 22px !important; border-bottom:1px solid #eef2ec !important; font-weight:700 !important; font-size:16px !important; color:#1a3a1e !important; }
body .hq-hs-x{ border:none !important; background:none !important; font-size:22px !important; line-height:1 !important; color:#8a9a8c !important; cursor:pointer !important; width:auto !important; }
body .hq-hs-body{ padding:26px !important; }
body .hq-hs-hi{ text-align:center !important; font-size:22px !important; font-weight:700 !important; color:#1a3a1e !important; }
body .hq-hs-sub{ text-align:center !important; color:#6b7a6e !important; font-size:13.5px !important; margin:6px 0 22px !important; }
body .hq-hs-grid{ display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:16px !important; }
body .hq-hs-card{ border:1px solid #e8eee7 !important; border-radius:12px !important; padding:18px 16px !important; display:flex !important; flex-direction:column !important; background:#fff !important; }
body .hq-hs-ic{ color:var(--primary,#2d7a3a) !important; margin-bottom:10px !important; }
body .hq-hs-t{ font-weight:700 !important; font-size:15px !important; color:#1a3a1e !important; margin-bottom:6px !important; }
body .hq-hs-d{ font-size:12.5px !important; color:#6b7a6e !important; line-height:1.5 !important; flex:1 !important; margin-bottom:14px !important; }
body .hq-hs-b{ display:inline-block !important; text-align:center !important; border:1px solid #dce5da !important; border-radius:8px !important; padding:8px 10px !important; font-size:12.5px !important; font-weight:600 !important; color:#2d4a30 !important; text-decoration:none !important; }
body .hq-hs-b:hover{ background:#f3f7f2 !important; }
body .hq-hs-b-off{ opacity:.5 !important; }
@media(max-width:760px){ body .hq-hs-grid{ grid-template-columns:1fr 1fr !important; } }
@media(max-width:460px){ body .hq-hs-grid{ grid-template-columns:1fr !important; } }

/* Metric icon glass */
body:not(.platform-body) .metric-icon{ width:38px !important; height:38px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; border-radius:11px !important; background:color-mix(in srgb, var(--primary,#2d7a3a) 10%, transparent) !important; -webkit-backdrop-filter:blur(6px) !important; backdrop-filter:blur(6px) !important; border:1px solid color-mix(in srgb, var(--primary,#2d7a3a) 28%, transparent) !important; color:var(--primary,#2d7a3a) !important; box-shadow:0 2px 10px color-mix(in srgb, var(--primary,#2d7a3a) 12%, transparent) !important; font-size:0 !important; line-height:0 !important; margin-bottom:9px !important; padding:0 !important; }
body:not(.platform-body) .metric-icon svg{ width:20px !important; height:20px !important; stroke:currentColor !important; display:block !important; }

/* Vehicles clean list */
body:not(.platform-body) #vehiclesGrid.view-list{ display:flex !important; flex-direction:column !important; gap:0 !important; background:#fff !important; border:1px solid #e8eee7 !important; border-radius:12px !important; overflow:hidden !important; padding:0 !important; }
body:not(.platform-body) #vehiclesGrid.view-list .vcard{ display:flex !important; flex-direction:row !important; align-items:center !important; gap:20px !important; width:100% !important; padding:12px 18px !important; margin:0 !important; border:0 !important; border-bottom:1px solid #eef2ec !important; border-radius:0 !important; box-shadow:none !important; background:transparent !important; }
body:not(.platform-body) #vehiclesGrid.view-list .vcard:hover{ background:#f7faf6 !important; }
body:not(.platform-body) #vehiclesGrid.view-list .vcard:last-child{ border-bottom:0 !important; }
body:not(.platform-body) #vehiclesGrid.view-list .vcard-head{ flex:0 0 210px !important; display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:3px !important; margin:0 !important; }
body:not(.platform-body) #vehiclesGrid.view-list .vcard-opstatus{ flex:0 0 auto !important; margin:0 !important; }
body:not(.platform-body) #vehiclesGrid.view-list .vcard-stats{ flex:1 1 auto !important; display:flex !important; gap:24px !important; margin:0 !important; }
body:not(.platform-body) #vehiclesGrid.view-list .vcard-service{ flex:0 0 190px !important; margin:0 !important; }
body:not(.platform-body) #vehiclesGrid.view-list .vcard-driver{ flex:0 0 130px !important; margin:0 !important; font-size:12px !important; }
body:not(.platform-body) #vehiclesGrid.view-list .vcard-actions{ flex:0 0 auto !important; margin-left:auto !important; display:flex !important; gap:6px !important; padding:0 !important; }
body:not(.platform-body) #vehiclesGrid.view-list .vcard-actions .btn{ margin:0 !important; }
body:not(.platform-body) .view-toggle-btn{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-width:34px !important; height:32px !important; color:#5b6b5e !important; }
body:not(.platform-body) .view-toggle-btn.active{ color:var(--primary,#2d7a3a) !important; }

/* Mobile bottom nav icons */
body:not(.platform-body) .hq-mobnav-bar{ background:rgba(255,255,255,.86) !important; -webkit-backdrop-filter:blur(12px) !important; backdrop-filter:blur(12px) !important; border-top:1px solid rgba(45,122,58,.12) !important; }
body:not(.platform-body) .hq-mobnav .hq-mic{ display:inline-flex !important; align-items:center !important; justify-content:center !important; }
body:not(.platform-body) .hq-mobnav .hq-mic svg{ stroke:var(--primary,#2d7a3a) !important; }
body:not(.platform-body) .hq-mobnav a{ color:#6b7a6e !important; }
body:not(.platform-body) .hq-mobnav a.fc-on, body:not(.platform-body) .hq-mobnav a.active{ color:var(--primary,#2d7a3a) !important; }

/* Vehicles Fleetio table */
.hq-vtable{ width:100% !important; border-collapse:collapse !important; background:#fff !important; border:1px solid #e8eee7 !important; border-radius:12px !important; overflow:hidden !important; font-size:13px !important; }
.hq-vtable thead th{ text-align:left !important; padding:11px 14px !important; background:#fafcf9 !important; border-bottom:1px solid #e8eee7 !important; font-size:11px !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.03em !important; color:#8a9a8c !important; white-space:nowrap !important; }
.hq-vtable tbody td{ padding:10px 14px !important; border-bottom:1px solid #f0f3ef !important; vertical-align:middle !important; color:#3d4b40 !important; }
.hq-vtable tbody tr:last-child td{ border-bottom:none !important; }
.hq-vtable tbody tr:hover{ background:#f7faf6 !important; }
.hq-vtable .hq-vch{ width:34px !important; text-align:center !important; }
.hq-vtable .hq-vname{ font-weight:700 !important; color:#1a3a1e !important; white-space:nowrap !important; }
.hq-vtable .hq-vmodel{ font-size:12px !important; color:#7d8a7f !important; }
.hq-vtable .hq-vmeter{ white-space:nowrap !important; font-variant-numeric:tabular-nums !important; }
.hq-vtable td .vcard-service{ min-width:150px !important; margin:0 !important; }
.hq-vtable td .vcard-opstatus{ margin:0 !important; }
.hq-vtable td .vcard-driver{ margin:0 !important; white-space:nowrap !important; }
.hq-vtable .hq-vact{ text-align:right !important; white-space:nowrap !important; }
.hq-vtable .hq-vact .btn{ margin:0 0 0 4px !important; }
.hq-vtable input[type=checkbox]{ width:15px !important; height:15px !important; }

/* view-list hide old rows show table */
body:not(.platform-body) #vehiclesGrid.view-list{ display:none !important; }

/* Notification settings section */
#hqNotifCard .hq-ns-sub{ color:#6b7a6e; font-size:13px; margin:0 0 16px; }
#hqNotifCard .hq-ns-table{ width:100%; border-collapse:collapse; }
#hqNotifCard .hq-ns-table th{ text-align:left; font-size:11px; text-transform:uppercase; letter-spacing:.03em; color:#8a9a8c; padding:8px 12px; border-bottom:1px solid #e8eee7; font-weight:700; }
#hqNotifCard .hq-ns-table th:nth-child(2),#hqNotifCard .hq-ns-table th:nth-child(3){ text-align:center; width:82px; }
#hqNotifCard .hq-ns-table td{ padding:11px 12px; border-bottom:1px solid #f0f3ef; font-size:13.5px; color:#3d4b40; }
#hqNotifCard .hq-ns-table tr:last-child td{ border-bottom:none; }
#hqNotifCard .hq-ns-table td:nth-child(2),#hqNotifCard .hq-ns-table td:nth-child(3){ text-align:center; }
#hqNotifCard .hq-ns-table input{ width:16px; height:16px; accent-color:var(--primary,#2d7a3a); cursor:pointer; }

/* Vehicles toolbar */
body:not(.platform-body) .hq-vtb{ display:flex !important; align-items:center !important; justify-content:space-between !important; margin:0 0 14px !important; border-bottom:1px solid #e8eee7 !important; }
body:not(.platform-body) .hq-vtb-tabs{ display:flex !important; gap:4px !important; }
body:not(.platform-body) .hq-vtb-tab{ border:none !important; background:none !important; padding:9px 14px !important; font-size:13.5px !important; font-weight:600 !important; color:#6b7a6e !important; cursor:pointer !important; border-bottom:2px solid transparent !important; margin-bottom:-1px !important; }
body:not(.platform-body) .hq-vtb-tab:hover{ color:var(--primary-dk,#0a5717) !important; }
body:not(.platform-body) .hq-vtb-tab.active{ color:var(--primary,#2d7a3a) !important; border-bottom-color:var(--primary,#2d7a3a) !important; }
body:not(.platform-body) .hq-vtb-count{ font-size:12.5px !important; color:#8a9a8c !important; }

/* Vehicle detail tabs */
body:not(.platform-body) .hq-vdt{ display:flex !important; gap:4px !important; border-bottom:1px solid #e8eee7 !important; margin:4px 0 18px !important; flex-wrap:wrap !important; }
body:not(.platform-body) .hq-vdt-tab{ border:none !important; background:none !important; padding:10px 18px !important; font-size:14px !important; font-weight:600 !important; color:#6b7a6e !important; cursor:pointer !important; border-bottom:2px solid transparent !important; margin-bottom:-1px !important; }
body:not(.platform-body) .hq-vdt-tab:hover{ color:var(--primary-dk,#0a5717) !important; }
body:not(.platform-body) .hq-vdt-tab.active{ color:var(--primary,#2d7a3a) !important; border-bottom-color:var(--primary,#2d7a3a) !important; }

/* Vehicle row click */
body:not(.platform-body) #hqVehTable tbody tr{ cursor:pointer !important; }

/* Global search dropdown */
body:not(.platform-body) .hq-gs-dd{ position:absolute !important; top:calc(100% + 6px) !important; left:0 !important; right:0 !important; background:#fff !important; border:1px solid #e8eee7 !important; border-radius:10px !important; box-shadow:0 10px 30px rgba(16,24,40,.15) !important; max-height:360px !important; overflow-y:auto !important; z-index:1500 !important; padding:6px !important; }
body:not(.platform-body) .hq-gs-grp{ font-size:10.5px !important; text-transform:uppercase !important; letter-spacing:.05em !important; color:#8a9a8c !important; font-weight:700 !important; padding:8px 10px 4px !important; }
body:not(.platform-body) .hq-gs-item{ display:block !important; padding:8px 10px !important; border-radius:7px !important; font-size:13px !important; color:#3d4b40 !important; text-decoration:none !important; }
body:not(.platform-body) .hq-gs-item:hover{ background:#f3f7f2 !important; color:var(--primary-dk,#0a5717) !important; }
body:not(.platform-body) .hq-gs-empty{ padding:12px 10px !important; font-size:13px !important; color:#8a9a8c !important; }

/* Vehicle photo gallery + padding fix */
body:not(.platform-body) .hq-gal{ padding:16px !important; margin-bottom:16px !important; }
body:not(.platform-body) .hq-gal-main{ width:100%; height:300px; border-radius:10px; overflow:hidden; background:#f3f6f2; display:flex; align-items:center; justify-content:center; }
body:not(.platform-body) .hq-gal-main img{ width:100%; height:100%; object-fit:cover; }
body:not(.platform-body) .hq-gal-ph{ display:flex; flex-direction:column; align-items:center; gap:8px; color:#9aa89c; font-size:13px; }
body:not(.platform-body) .hq-gal-thumbs{ display:flex; gap:10px; margin-top:12px; }
body:not(.platform-body) .hq-gal-thumb{ position:relative; flex:1; height:74px; border-radius:8px; overflow:hidden; background:#f3f6f2; border:1px solid #e8eee7; display:flex; align-items:center; justify-content:center; cursor:pointer; color:#b7c2b8; }
body:not(.platform-body) .hq-gal-thumb.empty{ border-style:dashed; cursor:default; }
body:not(.platform-body) .hq-gal-thumb img{ width:100%; height:100%; object-fit:cover; }
body:not(.platform-body) .hq-gal-lb{ position:absolute; bottom:0; left:0; right:0; background:rgba(20,30,22,.55); color:#fff; font-size:10px; text-align:center; padding:2px 0; }
body:not(.platform-body) .hq-gal-thumb.empty .hq-gal-lb{ background:transparent; color:#8a9a8c; }
body:not(.platform-body) .info-row{ padding-left:18px !important; padding-right:18px !important; }
body:not(.platform-body) .card .card-head{ padding-left:18px !important; padding-right:18px !important; }

/* Detail single front image */
body:not(.platform-body) #hqVehGallery .hq-gal-thumbs{ display:none !important; }
body:not(.platform-body) #hqVehGallery .hq-gal-main{ height:300px !important; }

/* Edit form sections + preview */
body:not(.platform-body) .hq-fsec{ grid-column:1/-1 !important; width:100% !important; font-size:12px !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.04em !important; color:var(--primary,#2d7a3a) !important; border-bottom:1px solid #e8eee7 !important; padding:14px 0 7px !important; margin:10px 0 4px !important; }
body:not(.platform-body) .hq-imgprev img{ max-width:140px !important; border-radius:8px !important; margin-top:8px !important; border:1px solid #e8eee7 !important; display:block !important; }

/* Edit 5-image slots */
body:not(.platform-body) .hq-editimgs{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:12px !important; margin-top:10px !important; grid-column:1/-1 !important; }
body:not(.platform-body) .hq-editimg label{ display:block !important; font-size:12px !important; font-weight:600 !important; color:#5b6b5e !important; margin-bottom:4px !important; text-transform:none !important; }
body:not(.platform-body) .hq-editimg input[type=file]{ font-size:12px !important; }

/* Compact vehicle header */
body:not(.platform-body) #hqVehGallery{ display:none !important; }
body:not(.platform-body) .hq-vhrow{ display:flex !important; align-items:center !important; gap:16px !important; }
body:not(.platform-body) .hq-vhcol{ min-width:0 !important; }
body:not(.platform-body) .hq-vhthumb{ flex:0 0 auto !important; width:84px !important; height:84px !important; border-radius:12px !important; overflow:hidden !important; background:#eef2ec !important; border:1px solid #e8eee7 !important; display:flex !important; align-items:center !important; justify-content:center !important; }
body:not(.platform-body) .hq-vhthumb img{ width:100% !important; height:100% !important; object-fit:cover !important; }
body:not(.platform-body) .hq-vhthumb-ph{ font-size:10px !important; color:#9aa89c !important; text-align:center !important; }
body:not(.platform-body) .hq-vhmeta{ color:#6b7a6e !important; font-size:13px !important; margin-top:3px !important; }

/* Vehicle detail 2-col: KPIs left list */
body:not(.platform-body) .hq-vdlayout{ display:flex !important; gap:18px !important; align-items:flex-start !important; }
body:not(.platform-body) .hq-vdleft{ flex:0 0 250px !important; }
body:not(.platform-body) .hq-vdright{ flex:1 1 auto !important; min-width:0 !important; }
body:not(.platform-body) .hq-vdleft .metrics-row{ display:flex !important; flex-direction:column !important; gap:12px !important; grid-template-columns:none !important; }
body:not(.platform-body) .hq-vdleft .metric-card{ width:100% !important; }
@media(max-width:900px){ body:not(.platform-body) .hq-vdlayout{ flex-direction:column !important; } body:not(.platform-body) .hq-vdleft{ flex:1 1 auto !important; width:100% !important; } body:not(.platform-body) .hq-vdleft .metrics-row{ flex-direction:row !important; flex-wrap:wrap !important; } }

/* KPI text list in header, undo left column */
body:not(.platform-body) .hq-vdleft{ display:none !important; }
body:not(.platform-body) .hq-vdlayout{ display:block !important; }
body:not(.platform-body) .hq-vhrow{ flex-wrap:wrap !important; }
body:not(.platform-body) .hq-kpilist{ margin-left:auto !important; display:flex !important; flex-direction:column !important; gap:3px !important; min-width:240px !important; align-self:center !important; }
body:not(.platform-body) .hq-kpi-item{ display:flex !important; justify-content:space-between !important; gap:20px !important; font-size:12.5px !important; line-height:1.35 !important; }
body:not(.platform-body) .hq-kpi-l{ color:#8a9a8c !important; }
body:not(.platform-body) .hq-kpi-v{ font-weight:700 !important; font-variant-numeric:tabular-nums !important; color:#1a3a1e !important; }
body:not(.platform-body) .hq-kpi-v.green{ color:var(--success,#16a34a) !important; }
body:not(.platform-body) .hq-kpi-v.red{ color:var(--danger,#dc2626) !important; }
body:not(.platform-body) .hq-kpi-v.orange{ color:var(--warning,#d97706) !important; }
body:not(.platform-body) .hq-kpi-v.blue{ color:var(--info,#2563eb) !important; }
body:not(.platform-body) .hq-kpi-v.purple{ color:var(--purple,#7c3aed) !important; }

/* KPI box middle + mobile header */
body:not(.platform-body) .hq-kpilist{ margin-left:auto !important; margin-right:6% !important; background:#fff !important; border:1px solid #e8eee7 !important; border-radius:12px !important; padding:12px 18px !important; box-shadow:0 1px 3px rgba(16,24,40,.05) !important; min-width:260px !important; align-self:center !important; }
@media(max-width:820px){
 body:not(.platform-body) .hq-vhrow{ flex-wrap:wrap !important; }
 body:not(.platform-body) .hq-kpilist{ margin-left:0 !important; margin-right:0 !important; width:100% !important; min-width:0 !important; margin-top:12px !important; order:5 !important; }
 body:not(.platform-body) .hq-vhactions{ display:flex !important; flex-direction:row !important; gap:8px !important; flex-wrap:nowrap !important; }
 body:not(.platform-body) .hq-vhactions>*{ flex:1 1 0 !important; justify-content:center !important; text-align:center !important; }
}

/* right cluster balance */
body:not(.platform-body) .hq-rcluster{ margin-left:auto !important; display:flex !important; flex-direction:column !important; align-items:flex-end !important; gap:10px !important; }
body:not(.platform-body) .hq-rcluster .hq-vhactions{ display:flex !important; flex-direction:row !important; gap:8px !important; }
body:not(.platform-body) .hq-rcluster .hq-kpilist{ margin:0 !important; min-width:280px !important; align-self:flex-end !important; }
@media(max-width:820px){
 body:not(.platform-body) .hq-rcluster{ margin-left:0 !important; width:100% !important; align-items:stretch !important; margin-top:12px !important; order:5 !important; }
 body:not(.platform-body) .hq-rcluster .hq-vhactions>*{ flex:1 1 0 !important; justify-content:center !important; text-align:center !important; }
 body:not(.platform-body) .hq-rcluster .hq-kpilist{ width:100% !important; min-width:0 !important; }
}

/* Header summary boxes */
body:not(.platform-body) .hq-sumgrid{ display:flex !important; flex-wrap:wrap !important; gap:12px !important; justify-content:flex-end !important; }
body:not(.platform-body) .hq-sumbox{ min-width:210px !important; align-self:flex-start !important; }
body:not(.platform-body) .hq-sumtitle{ font-size:10.5px !important; text-transform:uppercase !important; letter-spacing:.05em !important; color:#8a9a8c !important; font-weight:700 !important; margin-bottom:6px !important; border-bottom:1px solid #f0f3ef !important; padding-bottom:5px !important; }
@media(max-width:820px){ body:not(.platform-body) .hq-sumgrid{ justify-content:stretch !important; } body:not(.platform-body) .hq-sumbox{ flex:1 1 100% !important; } }

/* Fix summary as full-width equal strip */
body:not(.platform-body) #hqVdSum.hq-sumgrid{ display:flex !important; flex-wrap:wrap !important; gap:14px !important; margin:2px 0 6px !important; align-items:stretch !important; justify-content:flex-start !important; }
body:not(.platform-body) #hqVdSum.hq-sumgrid > *{ flex:1 1 200px !important; min-width:0 !important; margin:0 !important; align-self:stretch !important; }
body:not(.platform-body) #hqVdSum .hq-kpilist{ min-width:0 !important; }
body:not(.platform-body) .hq-rcluster{ gap:0 !important; }

/* KPI box width fix */
body:not(.platform-body) #hqVdSum > *:first-child{ flex:1.9 1 340px !important; }
body:not(.platform-body) #hqVdSum > *:first-child .hq-kpi-l{ white-space:nowrap !important; }
body:not(.platform-body) #hqVdSum > *:first-child .hq-kpi-v{ white-space:nowrap !important; }
body:not(.platform-body) #hqVdSum .hq-kpi-item{ font-size:12px !important; }
body:not(.platform-body) #hqVdSum .hq-sumbox .hq-kpi-v{ text-align:right !important; }

/* one-row 4-box strip */
body:not(.platform-body) #hqVdSum > *{ flex:1 1 0 !important; min-width:0 !important; }
body:not(.platform-body) #hqVdSum > *:first-child{ flex:1.35 1 0 !important; }
@media(max-width:820px){ body:not(.platform-body) #hqVdSum > *{ flex:1 1 100% !important; } }

/* KPI width no-cut */
body:not(.platform-body) #hqVdSum > *{ flex:1 1 220px !important; min-width:220px !important; }
body:not(.platform-body) #hqVdSum > *:first-child{ flex:1.3 1 350px !important; min-width:340px !important; }
@media(max-width:820px){ body:not(.platform-body) #hqVdSum > *, body:not(.platform-body) #hqVdSum > *:first-child{ flex:1 1 100% !important; min-width:0 !important; } }

/* Insurance & Renewals card */
body:not(.platform-body) #hqInsRen .hq-ir-body{ padding:16px 18px !important; }
body:not(.platform-body) #hqInsRen .hq-ir-note{ margin:0 0 14px !important; color:#6b7a6e !important; font-size:13px !important; }
body:not(.platform-body) #hqInsRen .hq-ir-btn{ margin-right:8px !important; }

/* vf banner */
body:not(.platform-body) .hq-vfbanner{ background:#eaf5ec !important; border:1px solid #cfe8d6 !important; border-radius:8px !important; padding:9px 14px !important; margin:0 0 14px !important; font-size:13px !important; color:#2d4a30 !important; }
body:not(.platform-body) .hq-vfbanner a{ color:var(--primary,#2d7a3a) !important; font-weight:600 !important; }

/* Fuel vehicle/driver filters */
body:not(.platform-body) .hq-ffield{ display:inline-flex !important; flex-direction:column !important; margin-right:12px !important; vertical-align:bottom !important; }
body:not(.platform-body) .hq-flabel{ font-size:11px !important; text-transform:uppercase !important; letter-spacing:.03em !important; color:#8a9a8c !important; font-weight:700 !important; margin-bottom:4px !important; }
body:not(.platform-body) .hq-ffield select{ min-width:160px !important; }

/* notif 3col */
body:not(.platform-body) #hqNotifCard .hq-ns-table th:nth-child(4){ text-align:center !important; width:80px !important; }
body:not(.platform-body) #hqNotifCard .hq-ns-table td:nth-child(4){ text-align:center !important; }

/* Mobile search full-width row */
@media(max-width:640px){
 body:not(.platform-body) div.topbar{ flex-wrap:wrap !important; row-gap:8px !important; align-items:center !important; }
 body:not(.platform-body) div.topbar .topbar-title{ flex:1 1 auto !important; }
 body:not(.platform-body) div.topbar .topbar-right{ order:5 !important; margin-left:auto !important; }
 body:not(.platform-body) div.topbar .hq-search{ order:10 !important; flex:1 1 100% !important; width:100% !important; max-width:none !important; margin:2px 0 0 !important; }
 body:not(.platform-body) .hq-gs-dd{ left:0 !important; right:0 !important; }
}

/* Search scope dropdown */
body:not(.platform-body) .hq-scope{ border:none !important; background:transparent !important; font-size:12.5px !important; color:#5b6b5e !important; font-weight:600 !important; cursor:pointer !important; outline:none !important; margin-left:6px !important; padding-left:8px !important; border-left:1px solid #dbe4da !important; }

/* Live support chat widget */
.hq-chat-launcher{ position:fixed !important; left:20px; bottom:20px; width:56px; height:56px; border-radius:50%; background:var(--primary,#2d7a3a); color:#fff; border:none; box-shadow:0 6px 20px rgba(16,24,40,.28); cursor:pointer; z-index:3000; display:flex; align-items:center; justify-content:center; }
.hq-chat-launcher.hq-chat-nudge{ animation:hqpulse 1s ease-in-out 3; }
@keyframes hqpulse{ 0%,100%{ transform:scale(1);} 50%{ transform:scale(1.14);} }
.hq-chat-panel{ position:fixed !important; left:20px; bottom:20px; width:340px; max-width:calc(100vw - 40px); height:460px; max-height:calc(100vh - 40px); background:#fff; border:1px solid #e8eee7; border-radius:14px; box-shadow:0 16px 44px rgba(16,24,40,.28); z-index:3001; display:flex; flex-direction:column; overflow:hidden; }
.hq-chat-head{ background:var(--primary,#2d7a3a); color:#fff; padding:12px 16px; font-weight:700; font-size:14px; display:flex; align-items:center; justify-content:space-between; }
.hq-chat-head button{ background:none; border:none; color:#fff; font-size:20px; cursor:pointer; line-height:1; }
.hq-chat-msgs{ flex:1; overflow-y:auto; padding:14px; display:flex; flex-direction:column; gap:8px; background:#f7faf6; }
.hq-chat-bubble{ max-width:82%; padding:8px 12px; border-radius:12px; font-size:13px; line-height:1.45; }
.hq-chat-bubble.support{ background:#fff; border:1px solid #e8eee7; color:#1a3a1e; align-self:flex-start; border-bottom-left-radius:3px; }
.hq-chat-bubble.user{ background:var(--primary,#2d7a3a); color:#fff; align-self:flex-end; border-bottom-right-radius:3px; }
.hq-chat-foot{ display:flex; gap:8px; padding:10px; border-top:1px solid #eef2ec; background:#fff; }
.hq-chat-foot input{ flex:1; border:1px solid #dce5da; border-radius:8px; padding:8px 12px; font-size:13px; outline:none; }
.hq-chat-foot button{ background:var(--primary,#2d7a3a); color:#fff; border:none; border-radius:8px; padding:8px 14px; font-weight:600; cursor:pointer; }

/* Chat widget right + intro */
body:not(.platform-body) .hq-chat-launcher{ left:auto !important; right:20px !important; }
body:not(.platform-body) .hq-chat-panel{ left:auto !important; right:20px !important; }
body:not(.platform-body) .hq-chat-intro{ padding:10px 14px !important; background:#f0f6ef !important; border-bottom:1px solid #e3ede2 !important; display:flex !important; flex-direction:column !important; gap:5px !important; }
body:not(.platform-body) .hq-chat-ch{ font-size:12px !important; color:#0a5717 !important; text-decoration:none !important; }
body:not(.platform-body) .hq-chat-ch:hover{ text-decoration:underline !important; }

/* Chat contact icons + pulse */
body:not(.platform-body) .hq-chat-ch{ display:flex !important; align-items:center !important; gap:9px !important; padding:3px 0 !important; }
body:not(.platform-body) .hq-ch-ic{ display:inline-flex !important; align-items:center !important; justify-content:center !important; width:30px !important; height:30px !important; border-radius:9px !important; color:#fff !important; flex:0 0 auto !important; }
body:not(.platform-body) .hq-ch-ic.email{ background:linear-gradient(135deg,#3b82f6,#2563eb) !important; box-shadow:0 0 10px rgba(37,99,235,.55) !important; }
body:not(.platform-body) .hq-ch-ic.wa{ background:linear-gradient(135deg,#25d366,#1ebe57) !important; box-shadow:0 0 11px rgba(37,211,102,.6) !important; }
body:not(.platform-body) .hq-ch-ic.help{ background:linear-gradient(135deg,#f59e0b,#d97706) !important; box-shadow:0 0 10px rgba(245,158,11,.55) !important; }
body:not(.platform-body) .hq-chat-launcher{ animation:hqLaunchPulse 2.4s ease-in-out infinite !important; }
@keyframes hqLaunchPulse{ 0%{ box-shadow:0 6px 20px rgba(16,24,40,.28),0 0 0 0 rgba(45,122,58,.5);} 70%{ box-shadow:0 6px 20px rgba(16,24,40,.28),0 0 0 16px rgba(45,122,58,0);} 100%{ box-shadow:0 6px 20px rgba(16,24,40,.28),0 0 0 0 rgba(45,122,58,0);} }

/* KPI 3D glow compact */
body:not(.platform-body) .metric-icon{ width:32px !important; height:32px !important; border-radius:9px !important; color:#fff !important; background:linear-gradient(135deg,#34a853,#15803d) !important; box-shadow:0 3px 8px rgba(45,122,58,.35), inset 0 1px 0 rgba(255,255,255,.35) !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; border:none !important; margin-bottom:8px !important; padding:0 !important; }
body:not(.platform-body) .metric-icon svg{ width:17px !important; height:17px !important; stroke:#fff !important; }
body:not(.platform-body) .metric-card.green .metric-icon{ background:linear-gradient(135deg,#22c55e,#15803d) !important; box-shadow:0 3px 8px rgba(22,163,74,.4), inset 0 1px 0 rgba(255,255,255,.35) !important; }
body:not(.platform-body) .metric-card.red .metric-icon{ background:linear-gradient(135deg,#f87171,#dc2626) !important; box-shadow:0 3px 8px rgba(220,38,38,.4), inset 0 1px 0 rgba(255,255,255,.35) !important; }
body:not(.platform-body) .metric-card.orange .metric-icon{ background:linear-gradient(135deg,#fbbf24,#d97706) !important; box-shadow:0 3px 8px rgba(217,119,6,.4), inset 0 1px 0 rgba(255,255,255,.35) !important; }
body:not(.platform-body) .metric-card.blue .metric-icon{ background:linear-gradient(135deg,#60a5fa,#2563eb) !important; box-shadow:0 3px 8px rgba(37,99,235,.4), inset 0 1px 0 rgba(255,255,255,.35) !important; }
body:not(.platform-body) .metric-card.purple .metric-icon{ background:linear-gradient(135deg,#a78bfa,#7c3aed) !important; box-shadow:0 3px 8px rgba(124,58,237,.4), inset 0 1px 0 rgba(255,255,255,.35) !important; }
body:not(.platform-body) .metric-val{ font-size:18px !important; }
body:not(.platform-body) .metric-lbl{ font-size:10px !important; letter-spacing:.02em !important; }
body:not(.platform-body) .metric-card[data-kpiclick]{ cursor:pointer !important; transition:transform .12s ease, box-shadow .12s ease !important; }
body:not(.platform-body) .metric-card[data-kpiclick]:hover{ transform:translateY(-2px) !important; box-shadow:0 8px 20px rgba(16,24,40,.1) !important; }

/* Agent identity in user chat */
body:not(.platform-body) .hq-chat-srow{ display:flex !important; align-items:flex-end !important; gap:6px !important; align-self:flex-start !important; max-width:90% !important; }
body:not(.platform-body) .hq-chat-aic{ width:26px !important; height:26px !important; border-radius:50% !important; background:var(--primary,#2d7a3a) !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; flex:0 0 auto !important; box-shadow:0 0 8px rgba(45,122,58,.4) !important; }
body:not(.platform-body) .hq-chat-agname{ font-size:10.5px !important; font-weight:700 !important; color:var(--primary,#2d7a3a) !important; margin-bottom:2px !important; }

/* Chat attachments + voice */
body:not(.platform-body) .hq-chat-foot{ align-items:center !important; }
body:not(.platform-body) .hq-chat-att,body:not(.platform-body) .hq-chat-mic{ background:none !important; border:none !important; color:#5b6b5e !important; cursor:pointer !important; padding:4px !important; display:inline-flex !important; align-items:center !important; flex:0 0 auto !important; }
body:not(.platform-body) .hq-chat-mic.rec{ color:#e11 !important; animation:hqLaunchPulse 1s infinite !important; }
body:not(.platform-body) .hq-chat-img{ max-width:180px !important; border-radius:8px !important; cursor:pointer !important; display:block !important; }
body:not(.platform-body) .hq-chat-aud{ max-width:210px !important; height:38px !important; }
body:not(.platform-body) .hq-chat-file{ color:inherit !important; text-decoration:underline !important; font-size:12.5px !important; }

/* Support page polish */
body:not(.platform-body) .hq-supportpg h1{ font-size:22px !important; font-weight:700 !important; margin:0 0 18px !important; color:#14331a !important; }
body:not(.platform-body) .hq-supportpg .card{ border-radius:14px !important; border:1px solid #e8eee7 !important; }
body:not(.platform-body) .hq-supportpg .card-head,body:not(.platform-body) .hq-supportpg .card h2,body:not(.platform-body) .hq-supportpg .card h3{ font-size:15px !important; font-weight:700 !important; color:#14331a !important; }
body:not(.platform-body) .hq-supportpg label{ font-size:10.5px !important; text-transform:uppercase !important; letter-spacing:.04em !important; color:#8a9a8c !important; font-weight:700 !important; margin-bottom:5px !important; display:block !important; }
body:not(.platform-body) .hq-supportpg input[type=text],body:not(.platform-body) .hq-supportpg input:not([type]),body:not(.platform-body) .hq-supportpg select,body:not(.platform-body) .hq-supportpg textarea{ width:100% !important; border:1px solid #dce5da !important; border-radius:9px !important; padding:10px 13px !important; font-size:14px !important; font-family:inherit !important; background:#fff !important; box-sizing:border-box !important; transition:border-color .12s, box-shadow .12s !important; }
body:not(.platform-body) .hq-supportpg input:focus,body:not(.platform-body) .hq-supportpg select:focus,body:not(.platform-body) .hq-supportpg textarea:focus{ border-color:var(--primary,#2d7a3a) !important; box-shadow:0 0 0 3px rgba(45,122,58,.12) !important; outline:none !important; }
body:not(.platform-body) .hq-supportpg textarea{ min-height:110px !important; resize:vertical !important; }
body:not(.platform-body) .hq-supportpg .metrics-row{ gap:12px !important; margin-bottom:20px !important; }

/* Chat rating */
body:not(.platform-body) .hq-chat-rate{ background:#fff !important; border:1px solid #e8eee7 !important; border-radius:12px !important; padding:14px !important; margin-top:6px !important; text-align:center !important; align-self:stretch !important; }
body:not(.platform-body) .hq-rate-t{ font-size:13px !important; font-weight:600 !important; color:#1a3a1e !important; margin-bottom:8px !important; }
body:not(.platform-body) .hq-rate-stars{ font-size:27px !important; color:#d8e0d6 !important; margin-bottom:8px !important; cursor:pointer !important; }
body:not(.platform-body) .hq-star{ padding:0 2px !important; transition:color .1s !important; }
body:not(.platform-body) .hq-star.on{ color:#f5b301 !important; }
body:not(.platform-body) .hq-rate-c{ width:100% !important; border:1px solid #dce5da !important; border-radius:8px !important; padding:8px !important; font-size:12.5px !important; box-sizing:border-box !important; margin-bottom:8px !important; resize:vertical !important; min-height:44px !important; font-family:inherit !important; }
body:not(.platform-body) .hq-rate-send{ background:var(--primary,#2d7a3a) !important; color:#fff !important; border:none !important; border-radius:8px !important; padding:8px 18px !important; font-weight:700 !important; cursor:pointer !important; }
body:not(.platform-body) .hq-rate-thanks{ color:var(--primary,#2d7a3a) !important; font-weight:700 !important; padding:10px !important; }

/* End chat + transcript */
body:not(.platform-body) .hq-chat-end{ background:rgba(255,255,255,.2) !important; border:none !important; color:#fff !important; font-size:11px !important; font-weight:600 !important; border-radius:6px !important; padding:3px 10px !important; cursor:pointer !important; margin-right:6px !important; }
body:not(.platform-body) .hq-chat-end:hover{ background:rgba(255,255,255,.32) !important; }
body:not(.platform-body) .hq-rate-tr{ display:flex !important; align-items:center !important; gap:6px !important; font-size:11.5px !important; color:#5b6b5e !important; margin-bottom:8px !important; cursor:pointer !important; justify-content:center !important; }

/* Support Widget settings */
body:not(.platform-body) #hqSupCard .hq-sup-body{ padding:16px 18px !important; }
body:not(.platform-body) #hqSupCard .hq-sup-chk{ display:flex !important; align-items:center !important; gap:8px !important; font-size:13.5px !important; color:#1a3a1e !important; margin-bottom:14px !important; cursor:pointer !important; }
body:not(.platform-body) #hqSupCard .hq-sup-field{ margin-bottom:12px !important; }
body:not(.platform-body) #hqSupCard .hq-sup-field label{ display:block !important; font-size:10.5px !important; text-transform:uppercase !important; letter-spacing:.04em !important; color:#8a9a8c !important; font-weight:700 !important; margin-bottom:5px !important; }
body:not(.platform-body) #hqSupCard .hq-sup-field input,body:not(.platform-body) #hqSupCard .hq-sup-field select{ width:100% !important; max-width:340px !important; border:1px solid #dce5da !important; border-radius:9px !important; padding:9px 12px !important; font-size:14px !important; box-sizing:border-box !important; }
body:not(.platform-body) #hqSupCard #hqSupSave{ background:var(--primary,#2d7a3a) !important; color:#fff !important; border:none !important; border-radius:9px !important; padding:9px 18px !important; font-weight:700 !important; cursor:pointer !important; margin-top:4px !important; }
body:not(.platform-body) #hqSupCard .hq-sup-msg{ margin-left:10px !important; font-size:12.5px !important; font-weight:600 !important; }
body:not(.platform-body) #hqSupCard .hq-sup-note{font-size:12.5px;color:#7d8a7f;margin:0 0 14px;line-height:1.5}
/* Service status table */
body:not(.platform-body) .hq-svc-table{ width:100%; border-collapse:collapse; background:#fff; border:1px solid #e8eee7; border-radius:12px; overflow:hidden; margin-bottom:22px; }
body:not(.platform-body) .hq-svc-table th{ text-align:left; font-size:11px; text-transform:uppercase; letter-spacing:.04em; color:#8a9a8c; font-weight:700; padding:11px 16px; border-bottom:1px solid #eef2ec; background:#f7faf6; }
body:not(.platform-body) .hq-svc-table td{ padding:12px 16px; border-bottom:1px solid #f0f3ef; font-size:14px; color:#1a3a1e; }
body:not(.platform-body) .hq-svc-table tr:last-child td{ border-bottom:none; }
body:not(.platform-body) .hq-svc-plate{ font-weight:700; }
body:not(.platform-body) .hq-svc-badge{ display:inline-block; font-size:11px; font-weight:700; padding:3px 11px; border-radius:999px; }
body:not(.platform-body) .hq-svc-badge.red{ background:#fdecea; color:#dc2626; }
body:not(.platform-body) .hq-svc-badge.amber{ background:#fff6e6; color:#d97706; }
body:not(.platform-body) .hq-svc-badge.green{ background:#e7f6ec; color:#15803d; }

/* Service history modal */
body:not(.platform-body) .hq-hist-ov{ position:fixed; inset:0; background:rgba(16,24,40,.5); z-index:4000; display:flex; align-items:center; justify-content:center; padding:20px; }
body:not(.platform-body) .hq-hist-modal{ background:#fff; border-radius:14px; width:920px; max-width:100%; max-height:88vh; display:flex; flex-direction:column; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,.3); }
body:not(.platform-body) .hq-hist-head{ background:var(--primary,#2d7a3a); color:#fff; padding:14px 18px; display:flex; justify-content:space-between; align-items:center; font-weight:700; }
body:not(.platform-body) .hq-hist-head button{ background:none; border:none; color:#fff; font-size:22px; cursor:pointer; line-height:1; }
body:not(.platform-body) .hq-hist-filter{ padding:12px 18px; border-bottom:1px solid #eef2ec; display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
body:not(.platform-body) .hq-hist-filter label{ font-size:12px; color:#5b6b5e; font-weight:600; }
body:not(.platform-body) .hq-hist-filter input{ border:1px solid #dce5da; border-radius:8px; padding:7px 10px; font-size:13px; }
body:not(.platform-body) .hq-hist-filter button{ background:var(--primary,#2d7a3a); color:#fff; border:none; border-radius:8px; padding:7px 16px; font-weight:700; cursor:pointer; }
body:not(.platform-body) .hq-hist-filter .hq-hist-clear{ background:#eef3ec; color:#2d7a3a; }
body:not(.platform-body) .hq-hist-body{ overflow:auto; }
body:not(.platform-body) .hq-hist-table{ width:100%; border-collapse:collapse; }
body:not(.platform-body) .hq-hist-table th{ text-align:left; font-size:11px; text-transform:uppercase; color:#8a9a8c; font-weight:700; padding:10px 14px; background:#f7faf6; border-bottom:1px solid #eef2ec; position:sticky; top:0; }
body:not(.platform-body) .hq-hist-table td{ padding:11px 14px; border-bottom:1px solid #f0f3ef; font-size:13.5px; color:#1a3a1e; vertical-align:top; }
body:not(.platform-body) .hq-hist-thumb{ width:44px; height:44px; object-fit:cover; border-radius:6px; margin:2px; border:1px solid #e8eee7; }
body:not(.platform-body) .hq-hist-empty{ padding:30px; text-align:center; color:#8a9a8c; }

/* uniform table service */
body:not(.platform-body) .hq-uniform-tbl{ width:100% !important; border-collapse:collapse !important; background:#fff !important; border:1px solid #e8eee7 !important; border-radius:12px !important; overflow:hidden !important; }
body:not(.platform-body) .hq-uniform-tbl th{ text-align:left !important; font-size:11px !important; text-transform:uppercase !important; letter-spacing:.04em !important; color:#8a9a8c !important; font-weight:700 !important; padding:11px 16px !important; border-bottom:1px solid #eef2ec !important; background:#f7faf6 !important; }
body:not(.platform-body) .hq-uniform-tbl td{ padding:12px 16px !important; border-bottom:1px solid #f0f3ef !important; font-size:14px !important; color:#1a3a1e !important; }
body:not(.platform-body) .hq-uniform-tbl tbody tr:last-child td{ border-bottom:none !important; }

/* Platform traffic map boxed centered */
body.platform-body .gps-map-wrap{ max-width:640px !important; margin-left:auto !important; margin-right:auto !important; border-radius:14px !important; overflow:hidden !important; border:1px solid #263530 !important; }
body.platform-body #trafficMap{ border-radius:14px !important; }

/* map box fix v2 */
body.platform-body .gps-map-wrap{ display:flex !important; justify-content:center !important; max-width:none !important; border:none !important; overflow:visible !important; margin:0 !important; }
body.platform-body #trafficMap{ width:600px !important; max-width:calc(100% - 32px) !important; height:360px !important; border-radius:14px !important; border:1px solid #263530 !important; margin:0 auto !important; }

/* mobile collapsible search */
.hq-searchtgl{ display:none; }
@media(max-width:640px){
 body:not(.platform-body) .hq-searchtgl{ display:inline-flex !important; align-items:center; justify-content:center; width:38px; height:38px; border:none; background:transparent; color:#2d7a3a; cursor:pointer; padding:0; flex:0 0 auto; }
 body:not(.platform-body) .hq-searchtgl svg{ width:20px; height:20px; }
 body:not(.platform-body) .hq-search{ display:none !important; }
 body:not(.platform-body) .hq-search.hq-search-open{ display:flex !important; position:absolute; top:100%; left:0; right:0; z-index:200; background:#fff; padding:10px 14px; box-shadow:0 10px 24px rgba(0,0,0,.14); border-top:1px solid #eef2ec; }
 body:not(.platform-body) .hq-search.hq-search-open input,
 body:not(.platform-body) .hq-search.hq-search-open .hq-scope{ width:100% !important; }
}