/* HosV13.10.6 Production Live UI hardening
   Scope: admin / engineer / business partner / superadmin only. Customer UI is intentionally untouched. */
:root{--cw13106-bg:#07111f;--cw13106-panel:#0f1c2f;--cw13106-panel-2:#14243c;--cw13106-text:#f8fafc;--cw13106-muted:#cbd5e1;--cw13106-border:rgba(148,163,184,.28);--cw13106-accent:#38bdf8;--cw13106-green:#22c55e;--cw13106-warn:#f59e0b;--cw13106-red:#ef4444;}
body.role-admin,body.role-superadmin,body.role-engineer,body.role-business_partner{background:linear-gradient(135deg,#06111f 0%,#0d1b2f 42%,#10223b 100%) fixed;color:var(--cw13106-text);}
body.role-customer{--cw13106-customer-protected:1;}
body.role-admin .v910-dashboard-shell,body.role-superadmin .v910-dashboard-shell,body.role-engineer .v910-dashboard-shell,body.role-business_partner .v910-dashboard-shell{min-height:100vh;color:var(--cw13106-text);}
body.role-admin .v910-dashboard-sidebar,body.role-superadmin .v910-dashboard-sidebar,body.role-engineer .v910-dashboard-sidebar,body.role-business_partner .v910-dashboard-sidebar{background:rgba(5,12,24,.84)!important;border-right:1px solid var(--cw13106-border);backdrop-filter:blur(16px);}
body.role-admin .v910-dashboard-header,body.role-superadmin .v910-dashboard-header,body.role-engineer .v910-dashboard-header,body.role-business_partner .v910-dashboard-header{position:sticky;top:0;z-index:18;background:linear-gradient(90deg,rgba(7,17,31,.96),rgba(15,28,47,.94))!important;border:1px solid var(--cw13106-border);box-shadow:0 14px 34px rgba(0,0,0,.24);border-radius:18px;margin-bottom:14px;padding:14px 16px;}
body.role-admin .v910-dashboard-header h1,body.role-superadmin .v910-dashboard-header h1,body.role-engineer .v910-dashboard-header h1,body.role-business_partner .v910-dashboard-header h1{font-size:clamp(22px,2.4vw,34px)!important;line-height:1.15!important;color:#fff!important;text-shadow:0 1px 0 rgba(0,0,0,.4);letter-spacing:-.02em;}
body.role-admin .v910-dashboard-header p,body.role-superadmin .v910-dashboard-header p,body.role-engineer .v910-dashboard-header p,body.role-business_partner .v910-dashboard-header p,body.role-admin .muted,body.role-superadmin .muted,body.role-engineer .muted,body.role-business_partner .muted{color:var(--cw13106-muted)!important;}
body.role-admin .card,body.role-superadmin .card,body.role-engineer .card,body.role-business_partner .card,body.role-admin .v910-detail-card,body.role-superadmin .v910-detail-card,body.role-engineer .v910-detail-card,body.role-business_partner .v910-detail-card{background:linear-gradient(180deg,rgba(15,28,47,.94),rgba(12,22,38,.92))!important;border:1px solid var(--cw13106-border)!important;box-shadow:0 18px 42px rgba(0,0,0,.22);color:var(--cw13106-text)!important;}
body.role-admin .section-title h3,body.role-superadmin .section-title h3,body.role-engineer .section-title h3,body.role-business_partner .section-title h3{color:#fff!important;font-size:clamp(17px,1.6vw,22px)!important;line-height:1.18!important;letter-spacing:-.01em;}
body.role-admin .eyebrow,body.role-superadmin .eyebrow,body.role-engineer .eyebrow,body.role-business_partner .eyebrow{color:#bae6fd!important;font-weight:700;}
body.role-admin input,body.role-admin select,body.role-admin textarea,body.role-superadmin input,body.role-superadmin select,body.role-superadmin textarea,body.role-engineer input,body.role-engineer select,body.role-engineer textarea,body.role-business_partner input,body.role-business_partner select,body.role-business_partner textarea{background:#091526!important;border:1px solid rgba(148,163,184,.42)!important;color:#fff!important;border-radius:12px;min-height:42px;}
body.role-admin input::placeholder,body.role-superadmin input::placeholder,body.role-engineer input::placeholder,body.role-business_partner input::placeholder{color:#94a3b8!important;}
body.role-admin .btn,body.role-superadmin .btn,body.role-engineer .btn,body.role-business_partner .btn{font-weight:800;border-radius:12px;}
body.role-admin .btn.secondary,body.role-superadmin .btn.secondary,body.role-engineer .btn.secondary,body.role-business_partner .btn.secondary{background:rgba(56,189,248,.1)!important;color:#e0f2fe!important;border:1px solid rgba(56,189,248,.28)!important;}
body.role-admin .v910-dashboard-content,body.role-superadmin .v910-dashboard-content,body.role-engineer .v910-dashboard-content,body.role-business_partner .v910-dashboard-content{overflow:visible;}
body.role-admin .v910-tab-panel,body.role-superadmin .v910-tab-panel{max-height:calc(100vh - 150px);overflow:auto;scrollbar-gutter:stable;padding-right:8px;}
body.role-admin .v910-tab-panel::-webkit-scrollbar,body.role-superadmin .v910-tab-panel::-webkit-scrollbar,.cw-v13106-scroll::-webkit-scrollbar{width:10px;height:10px;}
body.role-admin .v910-tab-panel::-webkit-scrollbar-thumb,body.role-superadmin .v910-tab-panel::-webkit-scrollbar-thumb,.cw-v13106-scroll::-webkit-scrollbar-thumb{background:rgba(56,189,248,.38);border-radius:999px;}
body.role-admin .reg-ticket,body.role-superadmin .reg-ticket,body.role-admin .item,body.role-superadmin .item,body.role-admin .admin-v137-row,body.role-superadmin .admin-v137-row{background:rgba(7,17,31,.68)!important;border:1px solid rgba(148,163,184,.24)!important;border-radius:15px!important;margin-bottom:10px;padding:12px!important;color:#f8fafc!important;}
body.role-admin .reg-ticket h4,body.role-superadmin .reg-ticket h4,body.role-admin .item h4,body.role-superadmin .item h4{font-size:16px!important;line-height:1.25!important;color:#fff!important;font-weight:900!important;}
body.role-admin .reg-ticket-kind,body.role-superadmin .reg-ticket-kind{font-weight:900;letter-spacing:.04em;}
body.role-admin .pill,body.role-superadmin .pill,body.role-engineer .pill,body.role-business_partner .pill{font-weight:900;border:1px solid rgba(255,255,255,.16);}
.cw-v13106-livebar{position:sticky;top:84px;z-index:17;display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:center;margin:0 0 14px;padding:12px;border:1px solid rgba(56,189,248,.26);background:linear-gradient(135deg,rgba(8,20,36,.97),rgba(15,37,63,.94));border-radius:18px;box-shadow:0 16px 38px rgba(0,0,0,.2);}
.cw-v13106-livebar .cw-v13106-searchbox{display:flex;gap:8px;align-items:center;min-width:0;}
.cw-v13106-livebar input{width:100%;height:44px;font-size:15px;font-weight:700;}
.cw-v13106-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.cw-v13106-chip{border:1px solid rgba(148,163,184,.3);background:rgba(255,255,255,.08);color:#e0f2fe;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:900;cursor:pointer;white-space:nowrap;}
.cw-v13106-chip:hover,.cw-v13106-chip.active{background:rgba(56,189,248,.22);border-color:rgba(56,189,248,.5);color:#fff;}
.cw-v13106-search-hidden{display:none!important;}
.cw-v13106-search-hit{outline:2px solid rgba(56,189,248,.65);box-shadow:0 0 0 4px rgba(56,189,248,.12)!important;}
.cw-v13106-empty-note{grid-column:1/-1;padding:14px;border:1px dashed rgba(148,163,184,.38);border-radius:14px;color:#cbd5e1;background:rgba(15,23,42,.6);}
.cw-v13106-admin-ready .v910-dashboard-main{gap:16px;}
@media(max-width:900px){.cw-v13106-livebar{grid-template-columns:1fr;top:70px}.cw-v13106-actions{justify-content:flex-start}.cw-v13106-chip{font-size:11px;padding:7px 9px}body.role-admin .v910-tab-panel,body.role-superadmin .v910-tab-panel{max-height:none;overflow:visible;}}

/* HosV13.10.6 final production UI fix: no floating search, readable admin text, visible service tabs. */
body.role-admin .cw-v13106-livebar,
body.role-superadmin .cw-v13106-livebar{display:none!important;visibility:hidden!important;pointer-events:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;}

body.role-admin .v910-main,
body.role-superadmin .v910-main,
body.role-engineer .v910-main,
body.role-business_partner .v910-main{background:#f6f8fc!important;color:#111827!important;}
body.role-admin .v910-main-head,
body.role-superadmin .v910-main-head,
body.role-engineer .v910-main-head,
body.role-business_partner .v910-main-head{background:rgba(255,255,255,.92)!important;border:1px solid rgba(148,163,184,.28)!important;border-radius:20px!important;padding:18px 20px!important;box-shadow:0 16px 34px rgba(15,23,42,.08)!important;}
body.role-admin .v910-main-head h1,
body.role-superadmin .v910-main-head h1,
body.role-engineer .v910-main-head h1,
body.role-business_partner .v910-main-head h1{color:#111827!important;text-shadow:none!important;}
body.role-admin .v910-title-block .eyebrow,
body.role-superadmin .v910-title-block .eyebrow,
body.role-engineer .v910-title-block .eyebrow,
body.role-business_partner .v910-title-block .eyebrow{color:#0369a1!important;letter-spacing:.12em!important;}

body.role-admin .v910-header,
body.role-superadmin .v910-header,
body.role-engineer .v910-header,
body.role-business_partner .v910-header{background:linear-gradient(90deg,#081222,#101a33)!important;border:1px solid rgba(148,163,184,.22)!important;box-shadow:0 16px 36px rgba(2,6,23,.22)!important;}
body.role-admin .v910-brand,
body.role-superadmin .v910-brand,
body.role-engineer .v910-brand,
body.role-business_partner .v910-brand{color:#ffffff!important;text-shadow:0 2px 8px rgba(0,0,0,.35)!important;}
body.role-admin .v910-top-nav-links a,
body.role-superadmin .v910-top-nav-links a,
body.role-engineer .v910-top-nav-links a,
body.role-business_partner .v910-top-nav-links a{color:#dbeafe!important;font-weight:900!important;text-shadow:none!important;opacity:1!important;}
body.role-admin .v910-top-nav-links a.active,
body.role-admin .v910-top-nav-links a[aria-current="page"],
body.role-superadmin .v910-top-nav-links a.active,
body.role-superadmin .v910-top-nav-links a[aria-current="page"],
body.role-engineer .v910-top-nav-links a.active,
body.role-engineer .v910-top-nav-links a[aria-current="page"],
body.role-business_partner .v910-top-nav-links a.active,
body.role-business_partner .v910-top-nav-links a[aria-current="page"]{color:#ffffff!important;border-bottom-color:#8b5cf6!important;}
body.role-admin .v910-head-link,
body.role-superadmin .v910-head-link,
body.role-engineer .v910-head-link,
body.role-business_partner .v910-head-link{background:#ffffff!important;color:#0f172a!important;border:1px solid rgba(148,163,184,.32)!important;text-shadow:none!important;font-weight:900!important;opacity:1!important;}
body.role-admin .v910-head-link.active,
body.role-superadmin .v910-head-link.active,
body.role-engineer .v910-head-link.active,
body.role-business_partner .v910-head-link.active{background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;color:#ffffff!important;border-color:transparent!important;}
body.role-admin .role-badge,
body.role-superadmin .role-badge,
body.role-engineer .role-badge,
body.role-business_partner .role-badge{background:#eef2ff!important;color:#4338ca!important;border:1px solid #c7d2fe!important;font-weight:900!important;}
body.role-admin .v910-inline-countdown,
body.role-superadmin .v910-inline-countdown,
body.role-engineer .v910-inline-countdown,
body.role-business_partner .v910-inline-countdown{background:#ecfeff!important;color:#0369a1!important;border:1px solid #bae6fd!important;font-weight:900!important;}

body.role-admin .v910-sidebar,
body.role-superadmin .v910-sidebar,
body.role-engineer .v910-sidebar,
body.role-business_partner .v910-sidebar{background:linear-gradient(180deg,#111936,#121a3a)!important;color:#f8fafc!important;}
body.role-admin .v910-sidebar strong,
body.role-superadmin .v910-sidebar strong,
body.role-engineer .v910-sidebar strong,
body.role-business_partner .v910-sidebar strong{color:#f8fafc!important;}
body.role-admin .v910-sidebar .muted,
body.role-superadmin .v910-sidebar .muted,
body.role-engineer .v910-sidebar .muted,
body.role-business_partner .v910-sidebar .muted{color:#dbeafe!important;}
body.role-admin .v910-side-link,
body.role-superadmin .v910-side-link,
body.role-engineer .v910-side-link,
body.role-business_partner .v910-side-link{color:#dbeafe!important;background:rgba(255,255,255,.03)!important;border:1px solid rgba(148,163,184,.14)!important;}
body.role-admin .v910-side-link strong,
body.role-superadmin .v910-side-link strong,
body.role-engineer .v910-side-link strong,
body.role-business_partner .v910-side-link strong{color:inherit!important;}
body.role-admin .v910-side-link.active,
body.role-superadmin .v910-side-link.active,
body.role-engineer .v910-side-link.active,
body.role-business_partner .v910-side-link.active{background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;color:#ffffff!important;border-color:transparent!important;box-shadow:0 14px 28px rgba(79,70,229,.24)!important;}

body.role-admin .v910-detail-card,
body.role-superadmin .v910-detail-card,
body.role-engineer .v910-detail-card,
body.role-business_partner .v910-detail-card,
body.role-admin .card,
body.role-superadmin .card,
body.role-engineer .card,
body.role-business_partner .card{color:#f8fafc!important;}
body.role-admin .v910-detail-card .muted,
body.role-superadmin .v910-detail-card .muted,
body.role-engineer .v910-detail-card .muted,
body.role-business_partner .v910-detail-card .muted,
body.role-admin .v910-detail-card p,
body.role-superadmin .v910-detail-card p,
body.role-engineer .v910-detail-card p,
body.role-business_partner .v910-detail-card p{color:#dbeafe!important;}
body.role-admin .admin-v137-compact,
body.role-superadmin .admin-v137-compact,
body.role-engineer .admin-v137-compact,
body.role-business_partner .admin-v137-compact,
body.role-admin .admin-v137-empty,
body.role-superadmin .admin-v137-empty{color:#cbd5e1!important;}
body.role-admin .admin-v137-row strong,
body.role-superadmin .admin-v137-row strong,
body.role-engineer .admin-v137-row strong,
body.role-business_partner .admin-v137-row strong{color:#ffffff!important;}
body.role-admin .admin-v137-note,
body.role-superadmin .admin-v137-note,
body.role-engineer .admin-v137-note,
body.role-business_partner .admin-v137-note{background:rgba(14,165,233,.14)!important;color:#e0f2fe!important;border:1px solid rgba(125,211,252,.22)!important;}
body.role-admin .admin-v137-stat,
body.role-superadmin .admin-v137-stat,
body.role-engineer .admin-v137-stat,
body.role-business_partner .admin-v137-stat{background:#f8fafc!important;color:#111827!important;border:1px solid #e2e8f0!important;}
body.role-admin .admin-v137-stat span,
body.role-superadmin .admin-v137-stat span,
body.role-engineer .admin-v137-stat span,
body.role-business_partner .admin-v137-stat span{color:#475569!important;}
body.role-admin .admin-v137-stat b,
body.role-superadmin .admin-v137-stat b,
body.role-engineer .admin-v137-stat b,
body.role-business_partner .admin-v137-stat b{color:#0f172a!important;}
body.role-admin .admin-v137-table-head,
body.role-superadmin .admin-v137-table-head{color:#bae6fd!important;}

body.role-admin .cityworkshop-live-popup-overlay,
body.role-superadmin .cityworkshop-live-popup-overlay,
body.role-engineer .cityworkshop-live-popup-overlay,
body.role-business_partner .cityworkshop-live-popup-overlay{background:rgba(15,23,42,.44)!important;backdrop-filter:blur(6px)!important;}
body.role-admin .cityworkshop-live-popup-card,
body.role-superadmin .cityworkshop-live-popup-card,
body.role-engineer .cityworkshop-live-popup-card,
body.role-business_partner .cityworkshop-live-popup-card{background:#ffffff!important;color:#111827!important;border:1px solid rgba(148,163,184,.28)!important;box-shadow:0 28px 80px rgba(15,23,42,.28)!important;}
body.role-admin .cityworkshop-live-popup-card h3,
body.role-superadmin .cityworkshop-live-popup-card h3,
body.role-engineer .cityworkshop-live-popup-card h3,
body.role-business_partner .cityworkshop-live-popup-card h3{color:#111827!important;}
body.role-admin .cityworkshop-live-popup-card p,
body.role-superadmin .cityworkshop-live-popup-card p,
body.role-engineer .cityworkshop-live-popup-card p,
body.role-business_partner .cityworkshop-live-popup-card p{color:#374151!important;}
body.role-admin .cityworkshop-live-popup-actions .btn.secondary,
body.role-superadmin .cityworkshop-live-popup-actions .btn.secondary,
body.role-engineer .cityworkshop-live-popup-actions .btn.secondary,
body.role-business_partner .cityworkshop-live-popup-actions .btn.secondary{background:#e0f2fe!important;color:#075985!important;border:1px solid #7dd3fc!important;opacity:1!important;}
body.role-admin .cityworkshop-toast,
body.role-superadmin .cityworkshop-toast,
body.role-engineer .cityworkshop-toast,
body.role-business_partner .cityworkshop-toast{background:#ffffff!important;color:#111827!important;border:1px solid #e5e7eb!important;box-shadow:0 18px 42px rgba(15,23,42,.2)!important;}
body.role-admin .cityworkshop-toast-copy strong,
body.role-superadmin .cityworkshop-toast-copy strong,
body.role-engineer .cityworkshop-toast-copy strong,
body.role-business_partner .cityworkshop-toast-copy strong{color:#111827!important;}
body.role-admin .cityworkshop-toast-copy span,
body.role-superadmin .cityworkshop-toast-copy span,
body.role-engineer .cityworkshop-toast-copy span,
body.role-business_partner .cityworkshop-toast-copy span{color:#374151!important;}
body.role-admin .cityworkshop-toast-close,
body.role-superadmin .cityworkshop-toast-close,
body.role-engineer .cityworkshop-toast-close,
body.role-business_partner .cityworkshop-toast-close{color:#64748b!important;}

body.role-admin .v910-tab-panel,
body.role-superadmin .v910-tab-panel{max-height:none!important;overflow:visible!important;padding-right:0!important;}
body.role-admin .v910-body,
body.role-superadmin .v910-body,
body.role-engineer .v910-body,
body.role-business_partner .v910-body{align-items:start!important;}
body.role-admin .v910-sidebar,
body.role-superadmin .v910-sidebar,
body.role-engineer .v910-sidebar,
body.role-business_partner .v910-sidebar{position:sticky!important;top:12px!important;max-height:calc(100vh - 24px)!important;overflow:auto!important;}
body.role-admin .v910-sidebar-nav,
body.role-superadmin .v910-sidebar-nav{max-height:none!important;}
@media(max-width:900px){body.role-admin .v910-sidebar,body.role-superadmin .v910-sidebar,body.role-engineer .v910-sidebar,body.role-business_partner .v910-sidebar{position:static!important;max-height:none!important;}}


/* HosV13.10.6.3 Admin/Superadmin split + service category + spacing patch */
body.role-admin .v910-profile-action-row,
body.role-superadmin .v910-profile-action-row,
body.role-engineer .v910-profile-action-row,
body.role-business_partner .v910-profile-action-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;align-items:center}
body.role-admin .v910-profile-logout,
body.role-superadmin .v910-profile-logout,
body.role-engineer .v910-profile-logout,
body.role-business_partner .v910-profile-logout{background:rgba(239,68,68,.10)!important;color:#fecaca!important;border-color:rgba(248,113,113,.35)!important}
.customer-profile-actions{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}
.customer-service-category-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px;padding:6px;border-radius:18px;background:rgba(15,23,42,.05);border:1px solid rgba(148,163,184,.18)}
.customer-category-tab{border:1px solid rgba(148,163,184,.28);background:#fff;color:#0f172a;border-radius:999px;padding:9px 13px;font-weight:900;cursor:pointer;box-shadow:0 8px 18px rgba(15,23,42,.06)}
.customer-category-tab.active{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-color:transparent}
.customer-service-empty{grid-column:1/-1;padding:14px;border-radius:16px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;font-weight:800}
.engineer-profile-skill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:10px}
.engineer-profile-skill-grid .check-pill{background:rgba(255,255,255,.06);border:1px solid rgba(148,163,184,.22);border-radius:14px;padding:10px;color:#f8fafc!important}
body.role-admin .reg-ticket-list,
body.role-superadmin .reg-ticket-list,
body.role-admin .customer-inline-list,
body.role-superadmin .customer-inline-list,
body.role-admin .admin-v137-list,
body.role-superadmin .admin-v137-list{gap:6px!important}
body.role-admin .reg-ticket,
body.role-superadmin .reg-ticket,
body.role-admin .item,
body.role-superadmin .item,
body.role-admin .admin-v137-row,
body.role-superadmin .admin-v137-row{margin-bottom:6px!important;padding:10px!important;min-height:0!important}
body.role-admin .v910-admin-detail-grid,
body.role-superadmin .v910-admin-detail-grid{gap:12px!important}
body.role-admin .v910-dashboard-grid,
body.role-superadmin .v910-dashboard-grid{gap:14px!important}
body.role-admin .admin-base-service-card,
body.role-admin .admin-base-category-card,
body.role-superadmin .admin-base-service-card,
body.role-superadmin .admin-base-category-card{min-height:unset!important}
body.role-superadmin .v910-side-link{font-size:13px!important;padding:11px 12px!important}
body.role-superadmin .v910-sidebar-nav{display:grid!important;gap:8px!important}
body.role-admin .admin-v137-table-row,
body.role-superadmin .admin-v137-table-row{color:#f8fafc!important}
body.role-admin .mobile-authority-card,
body.role-superadmin .mobile-authority-card{max-width:100%!important}

/* HosV13.10.6.6 developed superadmin panels */
body.role-superadmin .superadmin-action-row{display:flex!important;flex-wrap:wrap;gap:8px;margin-top:12px}
body.role-superadmin .admin-v137-form-grid input,
body.role-superadmin .admin-v137-form-grid select,
body.role-superadmin .admin-v137-form-grid textarea{background:#f8fafc!important;color:#0f172a!important;border:1px solid #bfdbfe!important;border-radius:12px!important;font-weight:800!important}
body.role-superadmin .admin-v137-select{background:#f8fafc!important;color:#0f172a!important;border:1px solid #bfdbfe!important;border-radius:10px!important;font-weight:800!important;min-height:38px}
body.role-superadmin .admin-v137-table{display:grid!important;gap:8px!important;margin-top:12px}
body.role-superadmin .admin-v137-table-head,
body.role-superadmin .admin-v137-table-row{display:grid!important;grid-template-columns:1.2fr 1fr 1fr .8fr!important;gap:10px!important;align-items:center!important;padding:10px 12px!important;border-radius:12px!important;background:rgba(15,23,42,.72)!important;border:1px solid rgba(148,163,184,.20)!important;color:#f8fafc!important}
body.role-admin .admin-v137-form-grid input,
body.role-admin .admin-v137-form-grid select,
body.role-admin .admin-v137-form-grid textarea{background:#f8fafc!important;color:#0f172a!important;border:1px solid #cbd5e1!important;border-radius:12px!important;font-weight:800!important}

/* HosV13.13.4 Customer dashboard visibility + revenue UI polish
   Scope: logged-in customer /repair-status screen only. No backend or landing changes. */
body.role-customer{
  --cwu-bg:#fff7ed;
  --cwu-bg-2:#f8fafc;
  --cwu-card:#ffffff;
  --cwu-card-2:#fffaf5;
  --cwu-text:#111827;
  --cwu-muted:#475569;
  --cwu-soft:#64748b;
  --cwu-line:#e2e8f0;
  --cwu-brand:#f97316;
  --cwu-brand-2:#7c3aed;
  --cwu-green:#16a34a;
  background:
    radial-gradient(circle at 12% 4%,rgba(249,115,22,.16),transparent 28%),
    radial-gradient(circle at 92% 0%,rgba(124,58,237,.13),transparent 26%),
    linear-gradient(180deg,#fff7ed 0%,#f8fafc 48%,#fff7ed 100%)!important;
  color:var(--cwu-text)!important;
  font-family:Inter,"Segoe UI",system-ui,-apple-system,Arial,sans-serif!important;
  min-height:100vh!important;
}
body.role-customer .layout.customer-layout{
  max-width:1320px!important;
  padding:20px 16px 110px!important;
}
body.role-customer .topbar.customer-topbar{
  position:sticky!important;
  top:10px!important;
  z-index:900!important;
  margin:0 0 18px!important;
  padding:14px 16px!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(226,232,240,.92)!important;
  box-shadow:0 16px 40px rgba(15,23,42,.10)!important;
  backdrop-filter:blur(16px)!important;
}
body.role-customer .cityworkshop-wordmark span,
body.role-customer .brand,
body.role-customer .brand span{
  color:#2563eb!important;
  -webkit-text-fill-color:#2563eb!important;
  text-shadow:none!important;
  opacity:1!important;
}
body.role-customer .customer-topbar .btn.secondary,
body.role-customer .customer-profile-actions .btn.secondary{
  background:#111827!important;
  color:#ffffff!important;
  border:1px solid rgba(15,23,42,.10)!important;
  box-shadow:0 12px 26px rgba(15,23,42,.14)!important;
  opacity:1!important;
}
body.role-customer .customer-topbar .btn.secondary:hover,
body.role-customer .customer-profile-actions .btn.secondary:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.05)!important;
}
body.role-customer .customer-workspace{
  display:grid!important;
  gap:22px!important;
}
body.role-customer .card,
body.role-customer .customer-welcome-card,
body.role-customer .customer-booking-card,
body.role-customer .customer-live-track-card,
body.role-customer .customer-compact-card,
body.role-customer .customer-ops-card,
body.role-customer .customer-inline-item,
body.role-customer .history-item,
body.role-customer .item,
body.role-customer .compact-card{
  background:linear-gradient(180deg,var(--cwu-card),var(--cwu-card-2))!important;
  color:var(--cwu-text)!important;
  border:1px solid rgba(226,232,240,.95)!important;
  box-shadow:0 22px 60px rgba(15,23,42,.10)!important;
  text-shadow:none!important;
  opacity:1!important;
}
body.role-customer .customer-welcome-card.swiggy-hero-card{
  position:relative!important;
  overflow:hidden!important;
  min-height:0!important;
  padding:28px!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 82% 14%,rgba(255,255,255,.24),transparent 22%),
    linear-gradient(135deg,#0f172a 0%,#312e81 45%,#f97316 140%)!important;
  color:#ffffff!important;
  border-color:rgba(255,255,255,.20)!important;
  box-shadow:0 26px 70px rgba(49,46,129,.24)!important;
}
body.role-customer .customer-welcome-card::before{
  content:"";
  position:absolute;
  inset:auto -90px -120px auto;
  width:310px;
  height:310px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(249,115,22,.44),transparent 68%);
  pointer-events:none;
}
body.role-customer .customer-welcome-card .welcome-left,
body.role-customer .customer-welcome-card .swiggy-hero-copy{
  display:flex!important;
  align-items:flex-start!important;
  gap:18px!important;
  min-width:0!important;
}
body.role-customer .customer-welcome-card h2,
body.role-customer .customer-welcome-card h3,
body.role-customer .customer-welcome-card strong,
body.role-customer .customer-welcome-card .eyebrow,
body.role-customer .customer-welcome-card .customer-soft-role,
body.role-customer .customer-welcome-card .customer-soft-copy,
body.role-customer .customer-welcome-card .muted{
  color:#ffffff!important;
  opacity:1!important;
  text-shadow:0 1px 2px rgba(0,0,0,.18)!important;
}
body.role-customer .customer-welcome-card .swiggy-hero-text h2{
  font-size:clamp(30px,4vw,48px)!important;
  line-height:1.02!important;
  margin:2px 0!important;
  letter-spacing:-.045em!important;
}
body.role-customer .customer-soft-role{
  display:inline-flex!important;
  width:max-content!important;
  padding:6px 11px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  color:#ffedd5!important;
  font-size:.75rem!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}
body.role-customer .swiggy-location-chip{
  display:inline-flex!important;
  width:fit-content!important;
  max-width:100%!important;
  padding:12px 15px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.96)!important;
  color:#1f2937!important;
  border:1px solid rgba(255,255,255,.35)!important;
  box-shadow:0 14px 30px rgba(15,23,42,.18)!important;
  font-weight:900!important;
  line-height:1.35!important;
}
body.role-customer .avatar-wrap,
body.role-customer .avatar{
  width:82px!important;
  height:82px!important;
  flex:0 0 82px!important;
}
body.role-customer .avatar{
  border-radius:24px!important;
  border:3px solid rgba(255,255,255,.36)!important;
  box-shadow:0 18px 42px rgba(15,23,42,.24)!important;
}
body.role-customer .avatar-fallback{
  background:linear-gradient(135deg,#fb923c,#f97316)!important;
  color:#ffffff!important;
  font-size:30px!important;
}
body.role-customer .avatar-edit{
  background:#ffffff!important;
  color:#f97316!important;
  border:1px solid rgba(249,115,22,.22)!important;
  box-shadow:0 8px 18px rgba(15,23,42,.18)!important;
}
body.role-customer .customer-mini-stats{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  margin-top:4px!important;
}
body.role-customer .mini-stat{
  min-width:136px!important;
  padding:13px 15px!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.94)!important;
  color:#111827!important;
  border:1px solid rgba(255,255,255,.5)!important;
  box-shadow:0 14px 30px rgba(15,23,42,.16)!important;
}
body.role-customer .mini-stat strong{
  display:block!important;
  color:#f97316!important;
  font-size:30px!important;
  line-height:1!important;
  text-shadow:none!important;
}
body.role-customer .mini-stat span{
  display:block!important;
  margin-top:4px!important;
  color:#475569!important;
  font-size:.86rem!important;
  font-weight:800!important;
}
body.role-customer .customer-trust-mini-card{
  background:rgba(255,255,255,.96)!important;
  color:#111827!important;
  border:1px solid rgba(255,255,255,.44)!important;
  box-shadow:0 18px 42px rgba(15,23,42,.16)!important;
}
body.role-customer .customer-trust-mini-card strong{color:#111827!important;text-shadow:none!important;}
body.role-customer .customer-trust-mini-card span{color:#475569!important;text-shadow:none!important;}
body.role-customer .customer-trust-kicker{color:#7c3aed!important;text-shadow:none!important;}
body.role-customer .customer-hero-service-strip{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:12px!important;
}
body.role-customer .hero-service-chip{
  min-height:86px!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.96)!important;
  color:#111827!important;
  border:1px solid rgba(255,255,255,.48)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.12)!important;
}
body.role-customer .hero-service-chip strong{color:#111827!important;text-shadow:none!important;}
body.role-customer .hero-service-chip-icon{
  background:linear-gradient(180deg,#fff7ed,#fed7aa)!important;
  color:#ea580c!important;
}
body.role-customer .customer-flow-stack{
  display:grid!important;
  gap:22px!important;
}
body.role-customer .customer-booking-card.swiggy-book-main{
  border-radius:34px!important;
  padding:26px!important;
  background:
    radial-gradient(circle at 94% 0%,rgba(124,58,237,.13),transparent 24%),
    linear-gradient(180deg,#ffffff 0%,#fff7ed 100%)!important;
}
body.role-customer .section-title{
  gap:14px!important;
  align-items:center!important;
}
body.role-customer .section-title h3,
body.role-customer .customer-ops-card h3,
body.role-customer .customer-compact-card h3,
body.role-customer .customer-booking-card h3,
body.role-customer .customer-inline-item strong,
body.role-customer .history-item strong,
body.role-customer .item h4{
  color:#111827!important;
  text-shadow:none!important;
  opacity:1!important;
  font-weight:900!important;
}
body.role-customer .eyebrow,
body.role-customer .field-label,
body.role-customer .customer-section-tag,
body.role-customer .customer-live-pill{
  color:#ea580c!important;
  font-weight:900!important;
  text-shadow:none!important;
  opacity:1!important;
}
body.role-customer .muted,
body.role-customer .customer-workspace .muted,
body.role-customer .customer-helper-copy,
body.role-customer .history-item .muted,
body.role-customer .item .muted,
body.role-customer .customer-inline-item .muted,
body.role-customer .compact-card .muted,
body.role-customer .customer-ops-card .muted{
  color:#475569!important;
  text-shadow:none!important;
  opacity:1!important;
}
body.role-customer .customer-section-tag,
body.role-customer .customer-live-pill,
body.role-customer .compact-countdown{
  background:#fff7ed!important;
  border:1px solid #fed7aa!important;
  color:#ea580c!important;
  box-shadow:none!important;
}
body.role-customer input,
body.role-customer select,
body.role-customer textarea{
  background:#ffffff!important;
  color:#111827!important;
  border:1px solid #cbd5e1!important;
  min-height:58px!important;
  border-radius:17px!important;
  box-shadow:0 8px 18px rgba(15,23,42,.04)!important;
}
body.role-customer input::placeholder,
body.role-customer textarea::placeholder{color:#94a3b8!important;}
body.role-customer input:focus,
body.role-customer select:focus,
body.role-customer textarea:focus{
  border-color:#f97316!important;
  box-shadow:0 0 0 4px rgba(249,115,22,.16)!important;
}
body.role-customer .customer-service-category-tabs{
  background:#f8fafc!important;
  border:1px solid #e2e8f0!important;
  padding:8px!important;
}
body.role-customer .customer-category-tab{
  background:#ffffff!important;
  color:#334155!important;
  border:1px solid #e2e8f0!important;
}
body.role-customer .customer-category-tab.active{
  background:linear-gradient(135deg,#f97316,#7c3aed)!important;
  color:#ffffff!important;
  border-color:transparent!important;
  box-shadow:0 12px 24px rgba(124,58,237,.18)!important;
}
body.role-customer .customer-service-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
body.role-customer .service-icon-card,
body.role-customer .swiggy-service-tile{
  min-height:136px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#ffffff,#fff7ed)!important;
  color:#111827!important;
  border:1px solid #fed7aa!important;
  box-shadow:0 14px 32px rgba(249,115,22,.10)!important;
}
body.role-customer .swiggy-service-tile.active,
body.role-customer .service-icon-card.active{
  border:2px solid #f97316!important;
  box-shadow:0 18px 38px rgba(249,115,22,.18)!important;
}
body.role-customer .service-icon-card strong,
body.role-customer .swiggy-service-tile strong{
  color:#111827!important;
  font-weight:900!important;
  text-shadow:none!important;
}
body.role-customer .service-icon-card small,
body.role-customer .service-icon-card em{
  color:#64748b!important;
  text-shadow:none!important;
  opacity:1!important;
}
body.role-customer .service-icon{
  color:#f97316!important;
  background:#fff7ed!important;
  box-shadow:inset 0 0 0 1px #fed7aa!important;
}
body.role-customer .btn,
body.role-customer .btn-book-urgent{
  background:linear-gradient(135deg,#f97316 0%,#fb923c 45%,#7c3aed 100%)!important;
  color:#ffffff!important;
  border:0!important;
  box-shadow:0 20px 44px rgba(249,115,22,.24)!important;
  opacity:1!important;
}
body.role-customer .btn-book-urgent{
  min-height:64px!important;
  border-radius:22px!important;
  font-size:1.08rem!important;
  letter-spacing:-.01em!important;
}
body.role-customer .ambulance-glow{animation:none!important;}
body.role-customer .customer-live-track-card,
body.role-customer .customer-tracking-card{
  border-radius:30px!important;
  background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
}
body.role-customer .live-mini-map,
body.role-customer .v910-customer-live-scene,
body.role-customer iframe,
body.role-customer .map-frame{
  border-radius:22px!important;
  overflow:hidden!important;
  border:1px solid #cbd5e1!important;
  background:#f8fafc!important;
}
body.role-customer .customer-summary-grid,
body.role-customer .customer-ops-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
body.role-customer .customer-compact-card,
body.role-customer .customer-ops-card{
  min-height:190px!important;
  max-height:none!important;
  overflow:visible!important;
  border-radius:28px!important;
  padding:20px!important;
}
body.role-customer .customer-ops-wrap{
  display:grid!important;
  gap:18px!important;
  margin-top:22px!important;
}
body.role-customer .customer-action-grid .btn.secondary,
body.role-customer .customer-inline-actions .btn.secondary,
body.role-customer .btn.secondary{
  background:#f8fafc!important;
  color:#111827!important;
  border:1px solid #cbd5e1!important;
  box-shadow:0 10px 24px rgba(15,23,42,.06)!important;
}
body.role-customer .current-booking-card,
body.role-customer .customer-orders-card,
body.role-customer .customer-reviews-card,
body.role-customer .customer-warranty-card{
  background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
}
body.role-customer .compact-history-list .compact-card,
body.role-customer .compact-review-list .compact-card,
body.role-customer .customer-service-empty{
  background:#fff7ed!important;
  border:1px solid #fed7aa!important;
  color:#9a3412!important;
  font-weight:800!important;
}
body.role-customer .pill,
body.role-customer .status-booked,
body.role-customer .status-accepted,
body.role-customer .status-on_the_way,
body.role-customer .status-working,
body.role-customer .status-completed{
  background:#eef2ff!important;
  color:#3730a3!important;
  border:1px solid #c7d2fe!important;
  font-weight:900!important;
  text-shadow:none!important;
}
body.role-customer .status-completed{background:#ecfdf5!important;color:#047857!important;border-color:#a7f3d0!important;}
body.role-customer .status-working,
body.role-customer .status-on_the_way{background:#eff6ff!important;color:#1d4ed8!important;border-color:#bfdbfe!important;}
body.role-customer .customer-coverage-banner,
body.role-customer .tracking-banner,
body.role-customer .countdown-pending,
body.role-customer .work-highlight{
  background:#fffbeb!important;
  border:1px solid #fde68a!important;
  color:#92400e!important;
}
body.role-customer .customer-coverage-banner strong{color:#92400e!important;}
body.role-customer .meta-wa-widget{
  bottom:20px!important;
  right:18px!important;
}
body.role-customer .meta-wa-pulse{background:#111827!important;color:#ffffff!important;}
@media (max-width:1100px){
  body.role-customer .customer-summary-grid,
  body.role-customer .customer-ops-grid{grid-template-columns:1fr 1fr!important;}
  body.role-customer .customer-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  body.role-customer .customer-hero-service-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (max-width:760px){
  body.role-customer .layout.customer-layout{padding:12px 10px 100px!important;}
  body.role-customer .topbar.customer-topbar{top:6px!important;border-radius:18px!important;gap:10px!important;}
  body.role-customer .customer-topbar-actions .btn{padding:10px 11px!important;font-size:.82rem!important;}
  body.role-customer .customer-welcome-card.swiggy-hero-card{padding:22px!important;border-radius:26px!important;}
  body.role-customer .customer-welcome-card .welcome-left{display:grid!important;}
  body.role-customer .customer-summary-grid,
  body.role-customer .customer-ops-grid,
  body.role-customer .customer-service-grid{grid-template-columns:1fr!important;}
  body.role-customer .customer-hero-service-strip{display:flex!important;overflow:auto!important;padding-bottom:6px!important;}
  body.role-customer .hero-service-chip{min-width:120px!important;}
  body.role-customer .customer-slot-row{display:grid!important;grid-template-columns:1fr!important;}
  body.role-customer .meta-wa-widget{right:10px!important;bottom:10px!important;}
}
.cws-invalid-input{border-color:#dc2626!important;box-shadow:0 0 0 3px rgba(220,38,38,.12)!important;background:#fff7f7!important}
.cws-validation-error{font-size:12px;color:#b91c1c;font-weight:800;margin-top:4px;line-height:1.35}


/* HosV13_13_8 OTP action visibility + 3D button theme */
.v122-login-actions.otp-step{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
.v122-login-actions.otp-step .btn{
  min-height:48px!important;
  border-radius:18px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  position:relative!important;
  overflow:visible!important;
  transform:translateY(0)!important;
}
.v122-login-actions.otp-step .v122-primary-btn,
.v122-login-actions .v122-primary-btn{
  color:#ffffff!important;
  background:linear-gradient(180deg,#8576ff 0%,#6f5cff 54%,#5a46de 100%)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 7px 0 #3d31aa,0 18px 30px rgba(99,102,241,.32)!important;
  text-shadow:0 1px 0 rgba(0,0,0,.18)!important;
}
.v122-login-actions.otp-step .v122-primary-btn:hover,
.v122-login-actions .v122-primary-btn:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 8px 0 #3d31aa,0 20px 34px rgba(99,102,241,.36)!important;
}
.v122-login-actions.otp-step .btn.secondary{
  color:#0f172a!important;
  background:linear-gradient(180deg,#ffffff 0%,#edf2ff 100%)!important;
  border:1px solid rgba(148,163,184,.48)!important;
  box-shadow:0 6px 0 #c7d2fe,0 14px 24px rgba(15,23,42,.18)!important;
  opacity:1!important;
  visibility:visible!important;
}
.v122-login-actions.otp-step .btn.secondary:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 7px 0 #c7d2fe,0 18px 28px rgba(15,23,42,.2)!important;
}
.v122-login-actions.otp-step .btn.secondary:disabled,
.v122-login-actions.otp-step .v122-primary-btn:disabled{
  opacity:.68!important;
  box-shadow:none!important;
}
@media (max-width: 640px){
  .v122-login-actions.otp-step{grid-template-columns:1fr!important;}
  .v122-login-actions.otp-step .btn{width:100%!important;}
}


/* HosV13_13_9 Professional customer theme + 3D controls */
:root{
  --cws-pro-navy:#0b1224;
  --cws-pro-blue:#2563eb;
  --cws-pro-violet:#7c3aed;
  --cws-pro-green:#16a34a;
  --cws-pro-card:#ffffff;
  --cws-pro-soft:#f8fafc;
  --cws-pro-text:#0f172a;
  --cws-pro-muted:#64748b;
}
body.role-customer{
  background:
    radial-gradient(circle at 18% 8%, rgba(37,99,235,.12), transparent 30%),
    radial-gradient(circle at 90% 18%, rgba(124,58,237,.10), transparent 26%),
    linear-gradient(180deg,#f8fafc 0%,#eef4ff 42%,#f8fafc 100%)!important;
  color:var(--cws-pro-text)!important;
}
body.role-customer .customer-layout{
  max-width:1280px!important;
  margin:0 auto!important;
  padding:18px!important;
}
body.role-customer .customer-topbar{
  position:sticky!important;
  top:10px!important;
  z-index:50!important;
  min-height:72px!important;
  padding:14px 18px!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.86)!important;
  border:1px solid rgba(148,163,184,.26)!important;
  box-shadow:0 18px 45px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.9)!important;
  backdrop-filter:blur(16px)!important;
}
body.role-customer .cityworkshop-wordmark,
body.role-customer .cityworkshop-wordmark span{
  color:#0f172a!important;
  opacity:1!important;
  text-shadow:none!important;
  filter:none!important;
}
body.role-customer .customer-topbar-actions{
  gap:12px!important;
  flex-wrap:wrap!important;
}
body.role-customer .swiggy-customer-shell,
body.role-customer .customer-workspace{
  display:grid!important;
  gap:22px!important;
  max-width:1260px!important;
  margin:18px auto!important;
}
body.role-customer .customer-welcome-card{
  min-height:auto!important;
  padding:24px!important;
  border-radius:32px!important;
  background:
    radial-gradient(circle at 12% 18%, rgba(99,102,241,.30), transparent 24%),
    linear-gradient(135deg,#101a38 0%,#172554 56%,#1e1b4b 100%)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 26px 70px rgba(15,23,42,.30)!important;
  color:#ffffff!important;
  overflow:hidden!important;
}
body.role-customer .customer-welcome-card h2{
  color:#ffffff!important;
  font-size:clamp(2rem,3.2vw,3.35rem)!important;
  line-height:1.04!important;
  margin:6px 0 8px!important;
  text-shadow:0 4px 18px rgba(0,0,0,.22)!important;
}
body.role-customer .customer-welcome-card .eyebrow{
  color:#fbbf24!important;
  letter-spacing:.12em!important;
  font-weight:900!important;
}
body.role-customer .customer-soft-role{
  color:#dbeafe!important;
  font-weight:900!important;
}
body.role-customer .customer-soft-copy,
body.role-customer .customer-welcome-card .muted{
  color:#dbeafe!important;
  opacity:1!important;
}
body.role-customer .welcome-left{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start!important;
}
body.role-customer .avatar,
body.role-customer .avatar-fallback{
  width:82px!important;
  height:82px!important;
  border-radius:24px!important;
  box-shadow:0 12px 30px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.3)!important;
}
body.role-customer .avatar-edit{
  background:#ffffff!important;
  color:#1d4ed8!important;
  border:2px solid #dbeafe!important;
  box-shadow:0 8px 18px rgba(15,23,42,.18)!important;
}
body.role-customer .swiggy-location-chip{
  display:inline-flex!important;
  align-items:center!important;
  max-width:100%!important;
  padding:11px 14px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.96)!important;
  color:#0f172a!important;
  font-weight:900!important;
  border:1px solid rgba(226,232,240,.9)!important;
  box-shadow:0 10px 25px rgba(15,23,42,.14)!important;
}
body.role-customer .customer-mini-stats{
  display:flex!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  margin-top:14px!important;
}
body.role-customer .mini-stat{
  min-width:128px!important;
  padding:13px 16px!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(226,232,240,.92)!important;
  box-shadow:0 12px 24px rgba(15,23,42,.16)!important;
}
body.role-customer .mini-stat strong{
  color:#ea580c!important;
  font-size:1.35rem!important;
}
body.role-customer .mini-stat span{
  color:#334155!important;
  font-weight:800!important;
}
body.role-customer .customer-profile-actions{
  display:flex!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  margin-top:16px!important;
}
body.role-customer .customer-flow-stack{
  display:grid!important;
  gap:22px!important;
}
body.role-customer .customer-booking-card,
body.role-customer .customer-live-track-card,
body.role-customer .customer-compact-card,
body.role-customer .customer-ops-card,
body.role-customer .card{
  border-radius:28px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  color:#0f172a!important;
  border:1px solid rgba(148,163,184,.22)!important;
  box-shadow:0 20px 52px rgba(15,23,42,.10)!important;
  text-shadow:none!important;
}
body.role-customer .customer-booking-card{
  padding:24px!important;
}
body.role-customer .section-title h3,
body.role-customer h3,
body.role-customer h4{
  color:#0f172a!important;
  text-shadow:none!important;
}
body.role-customer .field-label,
body.role-customer label span,
body.role-customer .eyebrow{
  color:#475569!important;
  font-weight:900!important;
}
body.role-customer input,
body.role-customer select,
body.role-customer textarea{
  background:#ffffff!important;
  color:#0f172a!important;
  border:1px solid #cbd5e1!important;
  box-shadow:inset 0 2px 4px rgba(15,23,42,.03),0 8px 18px rgba(15,23,42,.05)!important;
}
body.role-customer input:focus,
body.role-customer select:focus,
body.role-customer textarea:focus{
  border-color:#6366f1!important;
  box-shadow:0 0 0 4px rgba(99,102,241,.16), inset 0 2px 4px rgba(15,23,42,.03)!important;
}
body.role-customer .customer-summary-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
body.role-customer .customer-compact-card{
  min-height:170px!important;
  padding:22px!important;
}
body.role-customer .customer-live-track-card{
  padding:22px!important;
}
body.role-customer .customer-trust-mini-card{
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  color:#fff!important;
  box-shadow:0 20px 40px rgba(0,0,0,.18)!important;
}
body.role-customer .customer-trust-mini-card span{
  color:#dbeafe!important;
}
body.role-customer .customer-section-tag,
body.role-customer .pill{
  background:#eef2ff!important;
  color:#3730a3!important;
  border:1px solid #c7d2fe!important;
  font-weight:900!important;
}
.btn,
button.btn,
.v910-sidebar-cta,
body.role-customer .btn{
  border:0!important;
  transform:translateY(0)!important;
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease!important;
}
body.role-customer .btn,
body.role-customer button.btn,
.v122-login-actions .btn,
.v910-profile-action-row .btn,
.customer-profile-actions .btn{
  border-radius:18px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  min-height:46px!important;
}
body.role-customer .btn:not(.secondary),
.v122-login-actions .v122-primary-btn,
.customer-book-form .btn-book-urgent{
  color:#ffffff!important;
  background:linear-gradient(180deg,#8b7cff 0%,#6d5dfc 48%,#5542d9 100%)!important;
  box-shadow:0 7px 0 #3f319f,0 18px 32px rgba(99,102,241,.28)!important;
  text-shadow:0 1px 1px rgba(0,0,0,.22)!important;
}
body.role-customer .btn:not(.secondary):hover,
.v122-login-actions .v122-primary-btn:hover,
.customer-book-form .btn-book-urgent:hover{
  transform:translateY(-2px)!important;
  filter:brightness(1.04)!important;
  box-shadow:0 9px 0 #3f319f,0 22px 36px rgba(99,102,241,.34)!important;
}
body.role-customer .btn:not(.secondary):active,
.v122-login-actions .v122-primary-btn:active,
.customer-book-form .btn-book-urgent:active{
  transform:translateY(4px)!important;
  box-shadow:0 3px 0 #3f319f,0 12px 20px rgba(99,102,241,.22)!important;
}
body.role-customer .btn.secondary,
.v122-login-actions.otp-step .btn.secondary,
.customer-profile-actions .btn.secondary,
.v910-profile-action-row .btn.secondary{
  background:linear-gradient(180deg,#ffffff 0%,#eef4ff 100%)!important;
  color:#0f172a!important;
  border:1px solid #cbd5e1!important;
  box-shadow:0 6px 0 #c7d2fe,0 14px 24px rgba(15,23,42,.14)!important;
  opacity:1!important;
}
body.role-customer .btn.secondary:hover,
.v122-login-actions.otp-step .btn.secondary:hover,
.customer-profile-actions .btn.secondary:hover,
.v910-profile-action-row .btn.secondary:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 8px 0 #c7d2fe,0 18px 28px rgba(15,23,42,.18)!important;
}
body.role-customer .btn.secondary:active,
.v122-login-actions.otp-step .btn.secondary:active,
.customer-profile-actions .btn.secondary:active,
.v910-profile-action-row .btn.secondary:active{
  transform:translateY(3px)!important;
  box-shadow:0 3px 0 #c7d2fe,0 10px 18px rgba(15,23,42,.12)!important;
}
.v122-login-actions.otp-step{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.v122-login-actions.otp-step .v122-primary-btn{
  grid-column:1/-1!important;
}
.v122-login-actions.otp-step .btn{
  min-height:48px!important;
  visibility:visible!important;
}
.cws-profile-modal-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
  background:rgba(2,6,23,.58)!important;
  backdrop-filter:blur(10px)!important;
  display:grid!important;
  place-items:center!important;
  padding:18px!important;
}
.cws-profile-modal{
  width:min(480px,100%)!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 35px 90px rgba(15,23,42,.34)!important;
  color:#0f172a!important;
}
.cws-profile-modal-head{
  padding:24px 24px 18px!important;
  background:linear-gradient(135deg,#0f172a 0%,#1d4ed8 55%,#7c3aed 100%)!important;
  color:#fff!important;
}
.cws-profile-modal-head h3{
  color:#fff!important;
  margin:0!important;
  font-size:1.45rem!important;
}
.cws-profile-modal-head p{
  margin:7px 0 0!important;
  color:#dbeafe!important;
  line-height:1.55!important;
}
.cws-profile-modal-body{
  padding:22px 24px 24px!important;
  display:grid!important;
  gap:14px!important;
}
.cws-profile-modal-body label{
  display:grid!important;
  gap:8px!important;
  color:#475569!important;
  font-weight:900!important;
}
.cws-profile-modal-body input{
  width:100%!important;
  border-radius:18px!important;
  padding:14px 16px!important;
  font-size:1rem!important;
  background:#fff!important;
  border:1px solid #cbd5e1!important;
  color:#0f172a!important;
}
.cws-profile-modal-body .cws-profile-help{
  padding:12px 14px!important;
  border-radius:16px!important;
  background:#eff6ff!important;
  border:1px solid #bfdbfe!important;
  color:#1e3a8a!important;
  font-weight:700!important;
  line-height:1.5!important;
}
.cws-profile-modal-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
  margin-top:4px!important;
}
.cws-profile-modal-actions .btn{
  min-height:48px!important;
}
@media (max-width: 900px){
  body.role-customer .customer-summary-grid{grid-template-columns:1fr!important;}
  body.role-customer .welcome-left{grid-template-columns:1fr!important;}
  body.role-customer .welcome-right{display:none!important;}
  body.role-customer .customer-topbar{position:relative!important;top:auto!important;}
}
@media (max-width: 640px){
  body.role-customer .customer-layout{padding:10px!important;}
  body.role-customer .customer-topbar{border-radius:18px!important;}
  body.role-customer .customer-topbar-actions .btn{width:100%!important;}
  body.role-customer .customer-welcome-card,
  body.role-customer .customer-booking-card,
  body.role-customer .customer-live-track-card,
  body.role-customer .customer-compact-card{border-radius:22px!important;padding:18px!important;}
  body.role-customer .customer-welcome-card h2{font-size:2rem!important;}
  .v122-login-actions.otp-step,
  .cws-profile-modal-actions{grid-template-columns:1fr!important;}
}


/* HosV13_13_10 Compact customer screen + single-line summary + no duplicate controls */
body.role-customer .customer-layout{
  max-width:1180px!important;
  padding:12px 18px!important;
}
body.role-customer .customer-topbar{
  min-height:58px!important;
  padding:10px 16px!important;
  border-radius:20px!important;
  margin-bottom:14px!important;
}
body.role-customer .customer-topbar .cityworkshop-wordmark span{
  font-size:clamp(1.35rem,2vw,1.85rem)!important;
}
body.role-customer .customer-topbar-actions .btn{
  min-height:42px!important;
  padding:10px 15px!important;
  border-radius:16px!important;
}
body.role-customer .customer-workspace,
body.role-customer .swiggy-customer-shell{
  gap:14px!important;
  margin:12px auto!important;
}
body.role-customer .customer-welcome-card{
  min-height:235px!important;
  max-height:310px!important;
  padding:22px 28px!important;
  border-radius:28px!important;
  display:grid!important;
  align-items:center!important;
}
body.role-customer .customer-welcome-card .welcome-left{
  display:grid!important;
  grid-template-columns:82px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:center!important;
}
body.role-customer .customer-welcome-card .welcome-right{
  display:none!important;
}
body.role-customer .customer-welcome-card h2{
  font-size:clamp(2rem,3vw,3.15rem)!important;
  line-height:1!important;
  margin:5px 0 6px!important;
}
body.role-customer .customer-welcome-card .eyebrow{
  margin-bottom:5px!important;
}
body.role-customer .customer-welcome-card .avatar,
body.role-customer .customer-welcome-card .avatar-fallback{
  width:78px!important;
  height:78px!important;
  border-radius:22px!important;
}
body.role-customer .customer-soft-copy{
  display:none!important;
}
body.role-customer .swiggy-location-chip{
  margin-top:8px!important;
  padding:10px 14px!important;
}
body.role-customer .customer-mini-stats{
  margin-top:10px!important;
  gap:10px!important;
}
body.role-customer .mini-stat{
  min-width:122px!important;
  padding:12px 15px!important;
  border-radius:18px!important;
}
body.role-customer .mini-stat strong{
  font-size:1.45rem!important;
}
body.role-customer .customer-profile-actions{
  margin-top:10px!important;
}
body.role-customer .customer-profile-actions button[onclick="logout()"]{
  display:none!important;
}
body.role-customer .customer-profile-actions .btn{
  min-height:38px!important;
  padding:9px 13px!important;
  border-radius:14px!important;
}
body.role-customer .customer-hero-service-strip{
  display:none!important;
}

/* Booking panel: compact but visible */
body.role-customer .customer-booking-card{
  padding:18px 22px!important;
  border-radius:26px!important;
}
body.role-customer .customer-booking-card .section-title{
  margin-bottom:12px!important;
}
body.role-customer .customer-book-form{
  gap:11px!important;
}
body.role-customer .customer-service-tabs,
body.role-customer .customer-service-grid{
  max-height:150px!important;
  overflow:auto!important;
}
body.role-customer .customer-slot-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:12px!important;
}
body.role-customer .customer-book-form input,
body.role-customer .customer-book-form select{
  min-height:46px!important;
  padding:12px 14px!important;
  border-radius:16px!important;
}
body.role-customer .customer-book-form .btn-book-urgent{
  min-height:50px!important;
  border-radius:18px!important;
}

/* Live engineer tracking: proper compact size */
body.role-customer .customer-live-track-card{
  min-height:auto!important;
  padding:18px 22px!important;
  border-radius:26px!important;
}
body.role-customer .customer-live-track-card .section-title{
  margin-bottom:10px!important;
}
body.role-customer .live-track-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px!important;
  align-items:center!important;
  margin-bottom:12px!important;
}
body.role-customer .live-track-metrics{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
body.role-customer .live-track-metrics > div{
  min-width:110px!important;
  padding:10px 12px!important;
  border-radius:16px!important;
  background:#f8fafc!important;
  border:1px solid #e2e8f0!important;
}
body.role-customer .customer-live-track-card .live-map-card,
body.role-customer .customer-live-track-card .map-card,
body.role-customer .customer-live-track-card iframe,
body.role-customer .customer-live-track-card .live-map-embed,
body.role-customer .customer-live-track-card .customer-route-map{
  height:112px!important;
  max-height:112px!important;
  min-height:90px!important;
  border-radius:16px!important;
  overflow:hidden!important;
}
body.role-customer .customer-live-track-card .route-card,
body.role-customer .customer-live-track-card .customer-route-footer{
  margin-top:8px!important;
}

/* Three important summary cards in one line */
body.role-customer .customer-summary-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
  margin-top:0!important;
}
body.role-customer .customer-summary-grid > .card,
body.role-customer .customer-compact-card{
  min-height:132px!important;
  max-height:175px!important;
  padding:18px 20px!important;
  border-radius:24px!important;
  overflow:auto!important;
}
body.role-customer .customer-summary-grid .section-title{
  margin-bottom:8px!important;
}
body.role-customer .customer-summary-grid h3{
  font-size:1.05rem!important;
  margin:0!important;
}
body.role-customer .compact-history-list .compact-card,
body.role-customer .compact-review-list .compact-card{
  padding:12px 14px!important;
  border-radius:16px!important;
  font-size:.92rem!important;
}

/* Remove old customer controls/additional ops panels from older cached layouts */
body.role-customer .customer-ops-wrap,
body.role-customer .customer-ops-grid,
body.role-customer .customer-ops-card,
body.role-customer #customerBookingHistoryCard{
  display:none!important;
}

/* Remove large blank space from old layout rules */
body.role-customer .customer-flow-stack{
  gap:14px!important;
}
body.role-customer .card{
  text-shadow:none!important;
}

/* Better floating WhatsApp position with compact UI */
body.role-customer .landing-wa-widget,
body.role-customer .whatsapp-float,
body.role-customer .wa-floating-widget{
  bottom:18px!important;
}

/* Responsive: keep desktop one-line, mobile stacks safely */
@media (min-width: 901px){
  body.role-customer .customer-summary-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media (max-width: 900px){
  body.role-customer .customer-welcome-card{
    max-height:none!important;
    min-height:auto!important;
  }
  body.role-customer .customer-welcome-card .welcome-left{
    grid-template-columns:70px minmax(0,1fr)!important;
  }
  body.role-customer .customer-summary-grid{
    grid-template-columns:1fr!important;
  }
  body.role-customer .live-track-head{
    grid-template-columns:1fr!important;
  }
  body.role-customer .customer-slot-row{
    grid-template-columns:1fr!important;
  }
}
@media (max-width:640px){
  body.role-customer .customer-layout{
    padding:8px 10px!important;
  }
  body.role-customer .customer-topbar{
    position:relative!important;
    top:auto!important;
  }
  body.role-customer .customer-topbar-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
  }
  body.role-customer .customer-welcome-card{
    padding:18px!important;
    border-radius:22px!important;
  }
  body.role-customer .customer-welcome-card .welcome-left{
    grid-template-columns:1fr!important;
  }
  body.role-customer .customer-welcome-card .avatar-wrap{
    display:none!important;
  }
}


/* HosV13_13_11 Customer restore controls + hero compact-right stats + bigger tracking */
body.role-customer .customer-welcome-card{
  position:relative!important;
  min-height:245px!important;
  max-height:330px!important;
  padding:24px 32px!important;
}
body.role-customer .customer-welcome-card .swiggy-hero-text{
  padding-right:360px!important;
}
body.role-customer .customer-welcome-card .customer-mini-stats{
  position:absolute!important;
  right:34px!important;
  top:26px!important;
  display:grid!important;
  grid-template-columns:repeat(2, minmax(120px, 1fr))!important;
  gap:12px!important;
  width:300px!important;
  margin:0!important;
  padding:12px!important;
  border-radius:22px!important;
  background:rgba(15,23,42,.20)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  backdrop-filter:blur(10px)!important;
}
body.role-customer .customer-welcome-card .mini-stat{
  min-width:0!important;
  width:100%!important;
  padding:14px 16px!important;
  border-radius:18px!important;
}
body.role-customer .customer-welcome-card button[onclick="logout()"],
body.role-customer .customer-welcome-card .customer-profile-actions button[onclick="logout()"]{
  display:none!important;
}
body.role-customer .customer-profile-actions{
  position:relative!important;
  z-index:3!important;
}

/* Restore customer controls, support tickets, saved address, warranty, feedback, and history in compact form */
body.role-customer .customer-ops-wrap.compact-restored,
body.role-customer .customer-ops-wrap{
  display:grid!important;
  gap:14px!important;
  margin-top:0!important;
}
body.role-customer .customer-ops-grid.compact-restored-grid,
body.role-customer .customer-ops-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
body.role-customer .customer-ops-card,
body.role-customer #customerBookingHistoryCard{
  display:block!important;
  min-height:118px!important;
  max-height:210px!important;
  overflow:auto!important;
  padding:16px 18px!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  color:#0f172a!important;
  border:1px solid rgba(148,163,184,.22)!important;
  box-shadow:0 16px 38px rgba(15,23,42,.08)!important;
}
body.role-customer .customer-ops-wrap > .customer-ops-card:first-child{
  max-height:none!important;
}
body.role-customer .customer-action-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
body.role-customer .customer-action-grid .btn{
  min-height:42px!important;
  padding:9px 11px!important;
  border-radius:15px!important;
  font-size:.88rem!important;
}
body.role-customer .customer-ops-card .section-title{
  margin-bottom:8px!important;
}
body.role-customer .customer-ops-card h3{
  font-size:1rem!important;
}
body.role-customer .customer-inline-item{
  padding:10px 12px!important;
  border-radius:16px!important;
  gap:10px!important;
}
body.role-customer .customer-inline-actions .btn,
body.role-customer .customer-ops-card .btn-mini{
  min-height:36px!important;
  padding:8px 10px!important;
  border-radius:13px!important;
  font-size:.82rem!important;
}

/* Live engineer tracking restored larger and readable */
body.role-customer .customer-live-track-card{
  min-height:260px!important;
  max-height:none!important;
  padding:22px 24px!important;
  border-radius:28px!important;
}
body.role-customer .customer-live-track-card > .muted{
  font-size:1rem!important;
  padding:18px 20px!important;
  border-radius:18px!important;
  background:#eff6ff!important;
  border:1px solid #bfdbfe!important;
  color:#1e3a8a!important;
}
body.role-customer .customer-live-track-card .live-map-card,
body.role-customer .customer-live-track-card .map-card,
body.role-customer .customer-live-track-card iframe,
body.role-customer .customer-live-track-card .live-map-embed,
body.role-customer .customer-live-track-card .customer-route-map{
  height:220px!important;
  max-height:220px!important;
  min-height:180px!important;
  border-radius:20px!important;
}
body.role-customer .live-track-head{
  margin-bottom:16px!important;
}
body.role-customer .live-track-metrics > div{
  min-width:130px!important;
  padding:12px 14px!important;
}

/* Keep top three cards in one line on desktop and compact */
body.role-customer .customer-summary-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
body.role-customer .customer-summary-grid > .card,
body.role-customer .customer-compact-card{
  min-height:140px!important;
  max-height:190px!important;
}

/* Better no-blank spacing */
body.role-customer .customer-flow-stack{
  gap:16px!important;
}
body.role-customer .swiggy-customer-shell{
  padding-bottom:24px!important;
}

/* Responsive */
@media (max-width:1100px){
  body.role-customer .customer-welcome-card .swiggy-hero-text{padding-right:0!important;}
  body.role-customer .customer-welcome-card .customer-mini-stats{
    position:static!important;
    width:auto!important;
    margin-top:12px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.role-customer .customer-action-grid,
  body.role-customer .customer-ops-grid.compact-restored-grid,
  body.role-customer .customer-ops-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:720px){
  body.role-customer .customer-summary-grid,
  body.role-customer .customer-action-grid,
  body.role-customer .customer-ops-grid.compact-restored-grid,
  body.role-customer .customer-ops-grid{
    grid-template-columns:1fr!important;
  }
  body.role-customer .customer-welcome-card{
    max-height:none!important;
  }
  body.role-customer .customer-live-track-card .live-map-card,
  body.role-customer .customer-live-track-card .map-card,
  body.role-customer .customer-live-track-card iframe,
  body.role-customer .customer-live-track-card .live-map-embed,
  body.role-customer .customer-live-track-card .customer-route-map{
    height:180px!important;
  }
}