:root{
  --cust-bg:#f6f3ef;
  --cust-surface:#ffffff;
  --cust-surface-2:#fff8f2;
  --cust-line:#eadfd4;
  --cust-text:#241c15;
  --cust-muted:#766a5f;
  --cust-brand:#fc8019;
  --cust-brand-2:#ff9b43;
  --cust-brand-soft:#fff1e4;
  --cust-green:#169c5a;
  --cust-green-soft:#e9fff2;
  --cust-shadow:0 18px 42px rgba(58,41,24,.08);
}

body.role-customer{
  background:
    radial-gradient(circle at top left, rgba(252,128,25,.13), transparent 24%),
    linear-gradient(180deg,#fffaf5 0%, #f9f2ea 46%, #f4efe9 100%);
  color:var(--cust-text);
}

body.role-customer .layout{
  max-width:1320px;
  padding:20px 18px 32px;
}

body.role-customer .topbar{
  position:sticky;
  top:0;
  z-index:20;
  margin-bottom:14px;
  padding:14px 16px;
  border-radius:24px;
  background:rgba(255,248,242,.9);
  border:1px solid rgba(234,223,212,.92);
  box-shadow:0 14px 30px rgba(77,53,31,.08);
  backdrop-filter:blur(14px);
}

body.role-customer .brand,
body.role-customer .section-title h3,
body.role-customer .welcome-card h2,
body.role-customer .service-icon-card strong,
body.role-customer .history-item strong,
body.role-customer .item h4,
body.role-customer .focus-head h3,
body.role-customer .stage-title,
body.role-customer .money{
  color:var(--cust-text);
}

body.role-customer .brand span,
body.role-customer .service-icon,
body.role-customer .customer-section-tag,
body.role-customer .history-meta .pill,
body.role-customer .mini-stat strong,
body.role-customer .booking-focus .eyebrow,
body.role-customer .booking-focus .stage-title{
  color:var(--cust-brand);
}

body.role-customer .muted,
body.role-customer .service-icon-card small,
body.role-customer .service-icon-card em,
body.role-customer .history-meta .muted,
body.role-customer .item .muted,
body.role-customer .history-item .muted,
body.role-customer .customer-helper-copy{
  color:var(--cust-muted);
}

body.role-customer .eyebrow{
  color:#b46b27;
  letter-spacing:.09em;
}

body.role-customer .card,
body.role-customer .history-item,
body.role-customer .item,
body.role-customer .service-icon-card,
body.role-customer .status-video-wrap,
body.role-customer .status-video-card,
body.role-customer .calendar-box,
body.role-customer .small-video{
  background:linear-gradient(180deg,var(--cust-surface),var(--cust-surface-2));
  border:1px solid var(--cust-line);
  box-shadow:var(--cust-shadow);
}

body.role-customer .mono-strip{ display:none; }

body.role-customer .role-badge{
  background:linear-gradient(90deg,var(--cust-brand),var(--cust-brand-2));
  color:#fff;
  border:none;
  padding:12px 18px;
  font-weight:800;
  box-shadow:0 12px 28px rgba(252,128,25,.22);
}

body.role-customer .btn{
  background:linear-gradient(90deg,var(--cust-brand),var(--cust-brand-2));
  color:#fff;
  box-shadow:0 14px 30px rgba(252,128,25,.24);
}
body.role-customer .btn.secondary{
  background:#fff;
  color:#5f4d3e;
  border:1px solid var(--cust-line);
  box-shadow:none;
}

body.role-customer .customer-workspace{
  display:grid;
  gap:18px;
}

body.role-customer .swiggy-hero-card{
  padding:22px 24px;
  border-radius:30px;
  background:
    radial-gradient(circle at 84% 20%, rgba(252,128,25,.17), transparent 18%),
    linear-gradient(135deg,#fff7ef 0%, #fff 48%, #fff7ef 100%);
}

body.role-customer .swiggy-hero-copy{ align-items:flex-start; }
body.role-customer .swiggy-hero-text{ display:grid; gap:10px; }
body.role-customer .swiggy-location-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  width:fit-content;
  max-width:100%;
  padding:10px 14px;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--cust-line);
  color:#45372c;
  font-weight:700;
}
body.role-customer .customer-mini-stats{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
body.role-customer .mini-stat{
  min-width:132px;
  padding:12px 14px;
  border-radius:18px;
  background:rgba(255,255,255,.84);
  border:1px solid var(--cust-line);
  display:grid;
  gap:4px;
}
body.role-customer .mini-stat strong{ font-size:26px; line-height:1; }
body.role-customer .mini-stat span{ color:var(--cust-muted); font-size:13px; }
body.role-customer .welcome-video{ width:240px; height:136px; }
body.role-customer .avatar{
  border:3px solid rgba(252,128,25,.2);
  box-shadow:0 14px 30px rgba(252,128,25,.15);
}
body.role-customer .avatar-fallback{
  background:linear-gradient(135deg,var(--cust-brand),#ffb36d);
  color:#fff;
}
body.role-customer .avatar-edit{
  background:#fff;
  color:var(--cust-brand);
  border:1px solid rgba(252,128,25,.15);
}

body.role-customer .swiggy-customer-grid{
  grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);
  gap:18px;
}

body.role-customer .customer-booking-card,
body.role-customer .customer-orders-card,
body.role-customer .customer-reviews-card,
body.role-customer .booking-focus{
  border-radius:30px;
}

body.role-customer .customer-booking-card{ padding:22px; }
body.role-customer .customer-book-form{ gap:12px; }
body.role-customer .field-label{
  font-size:13px;
  font-weight:800;
  color:#634f40;
  margin-bottom:-2px;
}
body.role-customer .customer-section-tag{
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  border-radius:999px;
  background:var(--cust-brand-soft);
  border:1px solid rgba(252,128,25,.15);
  font-size:13px;
  font-weight:800;
}

body.role-customer input,
body.role-customer select,
body.role-customer textarea{
  background:#fff;
  color:#2a221d;
  border:1px solid var(--cust-line);
  min-height:56px;
  box-shadow:none;
}
body.role-customer input::placeholder,
body.role-customer textarea::placeholder{ color:#9f8f80; }
body.role-customer input:focus,
body.role-customer select:focus,
body.role-customer textarea:focus{
  border-color:rgba(252,128,25,.6);
  box-shadow:0 0 0 4px rgba(252,128,25,.08);
}
body.role-customer input[type=file]{
  padding:14px 16px;
  background:#fffaf5;
  border-style:dashed;
}

body.role-customer .customer-service-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
body.role-customer .swiggy-service-tile{
  min-height:142px;
  padding:16px 12px 14px;
  justify-items:center;
  gap:7px;
  text-align:center;
  background:linear-gradient(180deg,#fff,#fff8f2);
}
body.role-customer .swiggy-service-tile:hover{
  transform:translateY(-2px);
  border-color:rgba(252,128,25,.32);
  box-shadow:0 18px 30px rgba(252,128,25,.1);
}
body.role-customer .swiggy-service-tile.active{
  border:2px solid var(--cust-brand);
  background:linear-gradient(180deg,#fff7ef,#fff1e4);
  box-shadow:0 16px 32px rgba(252,128,25,.14);
}
body.role-customer .swiggy-service-tile .service-icon{
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:#fff;
  font-size:28px;
  box-shadow:inset 0 0 0 1px rgba(252,128,25,.1);
}
body.role-customer .swiggy-service-tile em{
  font-style:normal;
  font-size:12px;
  padding:5px 8px;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--cust-line);
}

body.role-customer .customer-slot-row{ grid-template-columns:1fr 1fr; }
body.role-customer .customer-helper-copy{ margin-top:-2px; }
body.role-customer .btn-book-urgent{
  min-height:62px;
  border-radius:18px;
  font-size:23px;
  letter-spacing:-.01em;
}
body.role-customer .ambulance-glow{
  animation:none;
  background:linear-gradient(90deg,var(--cust-brand),#ffab55);
}

body.role-customer .booking-focus{
  overflow:hidden;
  padding:22px;
  background:
    radial-gradient(circle at top right, rgba(252,128,25,.13), transparent 18%),
    linear-gradient(180deg,#fff,#fff8f1);
}
body.role-customer .booking-focus::after{ display:none; }
body.role-customer .pill,
body.role-customer .history-meta .pill{
  background:#fff;
  border:1px solid var(--cust-line);
}
body.role-customer .tracking-banner,
body.role-customer .countdown-pending,
body.role-customer .work-highlight,
body.role-customer .calendar-countdown,
body.role-customer .status-video-card{
  background:linear-gradient(180deg,#fffaf5,#fff2e6);
  color:#493729;
  border:1px solid #f1dfcd;
}
body.role-customer .calendar-countdown .calendar-highlight{
  background:#fff;
  color:#8b531c;
  border:1px solid #f2dcc6;
}
body.role-customer .calendar-box{ background:#fff; }
body.role-customer .status-video-wrap video{ background:#f7f0e6; }

body.role-customer .history-list,
body.role-customer .review-list{ gap:10px; }
body.role-customer .swiggy-history-item,
body.role-customer .swiggy-review-item,
body.role-customer .history-item,
body.role-customer .item{
  align-items:flex-start;
  border-radius:22px;
  padding:16px;
  background:linear-gradient(180deg,#fff,#fffaf5);
}
body.role-customer .history-meta{
  max-width:46%;
  text-align:right;
  display:grid;
  gap:6px;
}
body.role-customer .swiggy-review-item{ justify-content:space-between; }

body.role-customer .status-booked{ background:#fff4e6; color:#b6661f; border-color:#f2d0ac; }
body.role-customer .status-accepted{ background:#fff9df; color:#896100; border-color:#edd47a; }
body.role-customer .status-on_the_way{ background:#eef8ff; color:#1c6b98; border-color:#b8def7; }
body.role-customer .status-working{ background:#fff1eb; color:#c55a1d; border-color:#f4c4aa; }
body.role-customer .status-completed{ background:var(--cust-green-soft); color:#127f4b; border-color:#b6e5c8; }

@media (max-width:1100px){
  body.role-customer .customer-service-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:980px){
  body.role-customer .swiggy-customer-grid{ grid-template-columns:1fr; }
  body.role-customer .welcome-video{ width:100%; height:180px; }
}
@media (max-width:720px){
  body.role-customer .layout{ padding:14px 12px 24px; }
  body.role-customer .topbar{ border-radius:20px; }
  body.role-customer .swiggy-hero-card,
  body.role-customer .customer-booking-card,
  body.role-customer .customer-orders-card,
  body.role-customer .customer-reviews-card,
  body.role-customer .booking-focus{ padding:18px; border-radius:24px; }
  body.role-customer .customer-service-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  body.role-customer .swiggy-service-tile{ min-height:126px; }
  body.role-customer .customer-slot-row{ grid-template-columns:1fr; }
  body.role-customer .welcome-card h2{ font-size:28px; }
  body.role-customer .history-meta{ max-width:100%; text-align:left; }
}

/* V9.1.5 customer focus refresh */
body.role-customer{
  font-family:"Proxima Nova","Inter","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
}
body.role-customer .section-title h3,
body.role-customer h1,
body.role-customer h2,
body.role-customer h3,
body.role-customer h4,
body.role-customer .service-icon-card strong,
body.role-customer .btn,
body.role-customer .role-badge{
  font-family:"Proxima Nova","Inter","Segoe UI",system-ui,sans-serif;
  letter-spacing:-.02em;
}
body.role-customer .customer-flow-stack{
  display:grid;
  gap:18px;
}
body.role-customer .swiggy-book-main{
  padding:24px;
  border-radius:32px;
}
body.role-customer .customer-book-form{
  gap:14px;
}
body.role-customer .customer-service-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
body.role-customer .customer-live-track-card{
  border-radius:28px;
  padding:20px 22px;
  background:
    radial-gradient(circle at top right, rgba(252,128,25,.14), transparent 22%),
    linear-gradient(180deg,#fff,#fff8f2);
}
body.role-customer .customer-live-pill{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  text-transform:capitalize;
  background:#fff1e4;
  color:#fc8019;
  border:1px solid rgba(252,128,25,.16);
}
body.role-customer .live-track-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-top:12px;
}
body.role-customer .live-track-metrics{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
body.role-customer .live-track-metrics div{
  min-width:108px;
  padding:10px 12px;
  border-radius:18px;
  background:#fff;
  border:1px solid var(--cust-line);
  display:grid;
  gap:3px;
}
body.role-customer .live-track-metrics span{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#9b8773;
}
body.role-customer .live-track-metrics strong{
  color:#221a13;
}
body.role-customer .live-route-bar{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px;
  margin-top:16px;
}
body.role-customer .route-stop{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 14px;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--cust-line);
  color:#8a7766;
  font-weight:800;
}
body.role-customer .route-stop.active{
  color:#241c15;
}
body.role-customer .route-line{
  position:relative;
  height:10px;
  border-radius:999px;
  background:#fde4cf;
  overflow:hidden;
}
body.role-customer .route-line::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:22%;
  background:linear-gradient(90deg,#fc8019,#ff9b43);
  border-radius:inherit;
  transition:width .35s ease;
}
body.role-customer .route-line.stage-2::before{ width:42%; }
body.role-customer .route-line.stage-3::before{ width:68%; }
body.role-customer .route-line.stage-4::before,
body.role-customer .route-line.stage-5::before{ width:100%; }
body.role-customer .route-pulse{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  left:18%;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 5px rgba(252,128,25,.16), 0 0 16px rgba(252,128,25,.26);
  animation:customerRoutePulse 1.2s linear infinite;
}
body.role-customer .route-line.stage-2 .route-pulse{ left:38%; }
body.role-customer .route-line.stage-3 .route-pulse{ left:64%; }
body.role-customer .route-line.stage-4 .route-pulse,
body.role-customer .route-line.stage-5 .route-pulse{ left:92%; }
body.role-customer .live-mini-map{
  position:relative;
  margin-top:16px;
  height:132px;
  overflow:hidden;
  border-radius:24px;
  border:1px solid var(--cust-line);
  background:linear-gradient(180deg,#fff7ef,#fff);
}
body.role-customer .mini-map-grid{
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(252,128,25,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(252,128,25,.05) 1px, transparent 1px);
  background-size:24px 24px;
}
body.role-customer .mini-map-pin{
  position:absolute;
  font-size:24px;
  transform:translate(-50%,-50%);
  filter:drop-shadow(0 8px 10px rgba(252,128,25,.22));
}
body.role-customer .engineer-pin{
  animation:engineerRide 2s ease-in-out infinite;
}
body.role-customer .live-track-foot{
  display:flex;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  margin-top:14px;
}
body.role-customer .customer-summary-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
body.role-customer .customer-compact-card{
  min-height:220px;
  max-height:320px;
  padding:18px 18px 16px;
  border-radius:28px;
  overflow:auto;
}
body.role-customer .compact-booking-copy{
  display:grid;
  gap:10px;
}
body.role-customer .compact-countdown{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:fit-content;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  background:#fff1e4;
  color:#fc8019;
  font-weight:900;
}
body.role-customer .compact-history-list,
body.role-customer .compact-review-list{
  display:grid;
  gap:10px;
}
body.role-customer .swiggy-history-item,
body.role-customer .compact-review-item{
  padding:14px;
  border-radius:20px;
  background:#fff;
  border:1px solid var(--cust-line);
  box-shadow:none;
}
body.role-customer .swiggy-history-item{
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
}
body.role-customer .history-meta{
  text-align:right;
}
body.role-customer .btn-book-urgent{
  position:relative;
  min-height:62px;
  border-radius:22px;
  font-size:22px;
  font-weight:900;
  background:linear-gradient(90deg,#fc8019 0%,#ff7a00 48%,#fc8019 100%);
  overflow:hidden;
}
body.role-customer .btn-book-urgent::before,
body.role-customer .btn-book-urgent::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:34%;
  background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,.12) 35%, rgba(255,255,255,.82) 50%, rgba(255,255,255,.12) 65%, transparent 100%);
  opacity:.95;
  mix-blend-mode:screen;
  animation:ambulanceSweep 1.45s linear infinite;
}
body.role-customer .btn-book-urgent::after{
  animation-delay:.72s;
}
body.role-customer .btn-book-urgent:hover{
  transform:translateY(-1px);
}
@keyframes ambulanceSweep{
  0%{ transform:translateX(-180%) skewX(-18deg); }
  100%{ transform:translateX(430%) skewX(-18deg); }
}
@keyframes customerRoutePulse{
  0%{ transform:translateY(-50%) scale(.92); }
  50%{ transform:translateY(-50%) scale(1.05); }
  100%{ transform:translateY(-50%) scale(.92); }
}
@keyframes engineerRide{
  0%,100%{ transform:translate(-50%,-50%); }
  50%{ transform:translate(-50%,-56%); }
}
@media (max-width:1080px){
  body.role-customer .customer-summary-grid,
  body.role-customer .customer-service-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:720px){
  body.role-customer .customer-service-grid,
  body.role-customer .customer-summary-grid{
    grid-template-columns:1fr;
  }
  body.role-customer .live-track-head,
  body.role-customer .live-track-foot,
  body.role-customer .swiggy-history-item{
    grid-template-columns:1fr;
    display:grid;
  }
  body.role-customer .btn-book-urgent{
    font-size:20px;
  }
}

/* V9.1.6 customer duotone icon grid upgrade */
body.role-customer{
  --cust-bg:#fbf7f2;
  --cust-surface:#fffdfb;
  --cust-surface-2:#fff4ea;
  --cust-line:#f0dcc8;
  --cust-brand:#fc8019;
  --cust-brand-2:#ffb366;
  --cust-shadow:0 18px 38px rgba(86,56,24,.08);
}
body.role-customer .customer-service-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}
body.role-customer .swiggy-service-tile{
  position:relative;
  min-height:134px;
  padding:14px 10px 12px;
  border-radius:24px;
  align-content:start;
  justify-items:center;
  background:
    linear-gradient(180deg,#fffdfa 0%, #fff5ec 100%);
  border:1px solid rgba(252,128,25,.14);
  box-shadow:
    0 14px 26px rgba(252,128,25,.08),
    inset 0 1px 0 rgba(255,255,255,.85),
    inset 0 -8px 18px rgba(252,128,25,.05);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
body.role-customer .swiggy-service-tile::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.36),transparent 42%);
  pointer-events:none;
}
body.role-customer .swiggy-service-tile:hover,
body.role-customer .swiggy-service-tile:focus-visible{
  transform:translateY(-3px) scale(1.01);
  border-color:rgba(252,128,25,.38);
  box-shadow:
    0 18px 34px rgba(252,128,25,.14),
    0 0 0 4px rgba(252,128,25,.07),
    inset 0 1px 0 rgba(255,255,255,.92),
    inset 0 -10px 20px rgba(252,128,25,.08);
}
body.role-customer .swiggy-service-tile:active{
  transform:translateY(-1px) scale(.99);
}
body.role-customer .swiggy-service-tile.active{
  border:1px solid rgba(252,128,25,.72);
  background:linear-gradient(180deg,#fff8f1 0%, #ffeddc 100%);
  box-shadow:
    0 20px 36px rgba(252,128,25,.18),
    0 0 0 4px rgba(252,128,25,.09),
    inset 0 0 0 1px rgba(255,255,255,.9),
    inset 0 -12px 22px rgba(252,128,25,.11);
}
body.role-customer .swiggy-service-tile .service-icon{
  width:54px;
  height:54px;
  margin-bottom:2px;
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#fff2e6);
  border:1px solid rgba(252,128,25,.14);
  box-shadow:
    0 10px 16px rgba(252,128,25,.10),
    inset 0 1px 0 rgba(255,255,255,.95);
  font-size:27px;
}
body.role-customer .swiggy-service-tile strong{
  min-height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-size:14px;
  line-height:1.2;
  letter-spacing:-.01em;
}
body.role-customer .swiggy-service-tile small{
  display:block;
  min-height:16px;
  text-align:center;
  font-size:11px;
}
body.role-customer .swiggy-service-tile em{
  margin-top:auto;
  max-width:100%;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-size:10px;
  color:#8b6d56;
}
@media (max-width:1280px){
  body.role-customer .customer-service-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:1100px){
  body.role-customer .customer-service-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:720px){
  body.role-customer .customer-service-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.role-customer .swiggy-service-tile{ min-height:124px; }
  body.role-customer .swiggy-service-tile strong{ font-size:13px; min-height:32px; }
}


/* V9.1.7 rebuild customer premium swiggy 3D */
body.role-customer{
  --cust-brand:#fc8019;
  --cust-brand-2:#ff5f32;
  --cust-brand-3:#ffb26b;
  --cust-page-shadow:0 24px 48px rgba(88,52,22,.10);
  background:
    radial-gradient(circle at 8% 12%, rgba(252,128,25,.14), transparent 18%),
    radial-gradient(circle at 92% 8%, rgba(255,95,50,.10), transparent 16%),
    linear-gradient(180deg,#fffaf5 0%, #f8efe5 48%, #f6f1eb 100%);
}
body.role-customer .layout{
  perspective:1400px;
}
body.role-customer .topbar{
  border-radius:28px;
  background:linear-gradient(135deg, rgba(255,251,247,.96), rgba(255,244,234,.92));
  box-shadow:0 18px 36px rgba(90,56,26,.08);
}
body.role-customer .card,
body.role-customer .history-item,
body.role-customer .item,
body.role-customer .service-icon-card{
  box-shadow:var(--cust-page-shadow);
}
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{
  position:relative;
  overflow:hidden;
  transform-style:preserve-3d;
}
body.role-customer .customer-welcome-card::before,
body.role-customer .customer-booking-card::before,
body.role-customer .customer-live-track-card::before,
body.role-customer .customer-compact-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.42),transparent 34%);
  pointer-events:none;
}
body.role-customer .customer-welcome-card{
  background:
    radial-gradient(circle at 82% 18%, rgba(252,128,25,.22), transparent 18%),
    radial-gradient(circle at 18% 100%, rgba(255,95,50,.10), transparent 22%),
    linear-gradient(135deg,#fff8f1 0%, #fff 45%, #fff4e8 100%);
}
body.role-customer .customer-booking-card{
  background:
    radial-gradient(circle at 100% 0%, rgba(252,128,25,.18), transparent 18%),
    linear-gradient(145deg,#fffdfb 0%, #fff6ed 100%);
}
body.role-customer .customer-live-track-card,
body.role-customer .customer-compact-card{
  background:
    radial-gradient(circle at top right, rgba(252,128,25,.14), transparent 20%),
    linear-gradient(145deg,#fffdfb 0%, #fff7ef 100%);
}
body.role-customer .customer-welcome-card:hover,
body.role-customer .customer-booking-card:hover,
body.role-customer .customer-live-track-card:hover,
body.role-customer .customer-compact-card:hover{
  transform:translateY(-2px) rotateX(.35deg) rotateY(-.35deg);
}
body.role-customer .section-title h3,
body.role-customer h2,
body.role-customer .service-icon-card strong,
body.role-customer .hero-service-chip strong{
  font-family: Gilroy, "Proxima Nova", "Avenir Next", Inter, system-ui, sans-serif;
  font-weight:800;
}
body.role-customer .swiggy-hero-text h2{
  font-size:clamp(30px, 4vw, 42px);
  line-height:1.02;
  letter-spacing:-.04em;
}
body.role-customer .swiggy-location-chip{
  background:rgba(255,255,255,.94);
  box-shadow:0 10px 22px rgba(252,128,25,.08);
}
body.role-customer .customer-hero-service-strip{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
  margin-top:10px;
}
body.role-customer .hero-service-chip{
  position:relative;
  min-height:86px;
  border:none;
  border-radius:22px;
  padding:12px 10px 11px;
  display:grid;
  gap:8px;
  justify-items:center;
  text-align:center;
  color:#2a1e15;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,247,238,.98));
  border:1px solid rgba(252,128,25,.12);
  box-shadow:0 14px 24px rgba(252,128,25,.10), inset 0 1px 0 rgba(255,255,255,.95);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  overflow:hidden;
}
body.role-customer .hero-service-chip::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.38),transparent 42%);
  pointer-events:none;
}
body.role-customer .hero-service-chip:hover{
  transform:translateY(-3px) scale(1.015);
  border-color:rgba(252,128,25,.35);
  box-shadow:0 18px 30px rgba(252,128,25,.16), 0 0 0 4px rgba(252,128,25,.06);
}
body.role-customer .hero-service-chip:active{
  transform:translateY(-1px) scale(.99);
}
body.role-customer .hero-service-chip-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:16px;
  font-size:23px;
  background:linear-gradient(180deg,#fff,#fff2e7);
  box-shadow:0 8px 14px rgba(252,128,25,.10);
  animation:heroIconFloat 2.7s ease-in-out infinite;
}
body.role-customer .hero-service-chip strong{
  font-size:12px;
  line-height:1.15;
  letter-spacing:-.01em;
}
body.role-customer .hero-chip-2 .hero-service-chip-icon{ animation-delay:.18s; }
body.role-customer .hero-chip-3 .hero-service-chip-icon{ animation-delay:.36s; }
body.role-customer .hero-chip-4 .hero-service-chip-icon{ animation-delay:.54s; }
body.role-customer .hero-chip-5 .hero-service-chip-icon{ animation-delay:.72s; }
body.role-customer .hero-chip-6 .hero-service-chip-icon{ animation-delay:.9s; }
body.role-customer .mini-stat{
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,245,235,.92));
  box-shadow:0 14px 26px rgba(252,128,25,.08);
}
body.role-customer .customer-section-tag,
body.role-customer .customer-live-pill,
body.role-customer .compact-countdown{
  background:linear-gradient(135deg,rgba(252,128,25,.12),rgba(255,95,50,.10));
}
body.role-customer .btn-book-urgent{
  background:linear-gradient(90deg,#fc8019 0%, #ff5f32 52%, #ff9d43 100%);
  box-shadow:0 22px 34px rgba(252,128,25,.24);
}
body.role-customer .btn-book-urgent:hover{
  transform:translateY(-2px) scale(1.005);
  box-shadow:0 26px 40px rgba(252,128,25,.28);
}
body.role-customer .swiggy-service-tile{
  background:linear-gradient(180deg,#fffdfa 0%, #fff2e7 100%);
}
body.role-customer .swiggy-service-tile .service-icon{
  animation:heroIconFloat 2.9s ease-in-out infinite;
}
body.role-customer .swiggy-service-tile:nth-child(2) .service-icon{ animation-delay:.16s; }
body.role-customer .swiggy-service-tile:nth-child(3) .service-icon{ animation-delay:.32s; }
body.role-customer .swiggy-service-tile:nth-child(4) .service-icon{ animation-delay:.48s; }
body.role-customer .swiggy-service-tile:nth-child(5) .service-icon{ animation-delay:.64s; }
body.role-customer .swiggy-service-tile:nth-child(6) .service-icon{ animation-delay:.8s; }
body.role-customer .live-mini-map{
  background:linear-gradient(180deg,#fff8f1,#fff);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 18px 26px rgba(252,128,25,.08);
}
body.role-customer .swiggy-history-item,
body.role-customer .compact-review-item{
  box-shadow:0 12px 24px rgba(252,128,25,.06);
}
body.role-customer .customer-summary-grid{
  align-items:start;
}
@keyframes heroIconFloat{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-4px); }
}
@media (max-width:1280px){
  body.role-customer .customer-hero-service-strip{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:720px){
  body.role-customer .customer-hero-service-strip{
    display:flex;
    gap:10px;
    overflow:auto;
    padding-bottom:4px;
    scroll-snap-type:x proximity;
  }
  body.role-customer .hero-service-chip{
    min-width:110px;
    scroll-snap-align:start;
  }
  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{
    transform:none !important;
  }
}

/* V9.10 premium stitch-inspired shell */
body.role-guest,
body.role-admin,
body.role-engineer{
  background:#efefef;
  color:#202336;
}
body.role-guest .mono-strip,
body.role-admin .mono-strip,
body.role-engineer .mono-strip{display:none!important}
body.role-guest .layout,
body.role-admin .layout,
body.role-engineer .layout{max-width:none;padding:0}
body.role-guest .brand,
body.role-admin .brand,
body.role-engineer .brand{font-style:italic;font-weight:900}
body.role-guest .brand span,
body.role-admin .brand span,
body.role-engineer .brand span{color:#a5b4fc}
body.role-guest .muted,
body.role-admin .muted,
body.role-engineer .muted{color:#7c7f8f}
body.role-guest .btn,
body.role-admin .btn,
body.role-engineer .btn{color:#fff;box-shadow:0 18px 26px rgba(99,102,241,.18);background:linear-gradient(135deg,#6366f1,#8b5cf6)}
body.role-guest .btn.secondary,
body.role-admin .btn.secondary,
body.role-engineer .btn.secondary{background:#f6f6f6;color:#27293b;border:1px solid #e4e1dd;box-shadow:none}
body.role-guest .role-badge,
body.role-admin .role-badge,
body.role-engineer .role-badge{background:rgba(99,102,241,.12);color:#a5b4fc;border:1px solid rgba(99,102,241,.2)}
body.role-guest input,
body.role-admin input,
body.role-engineer input,
body.role-admin select,
body.role-engineer select,
body.role-guest textarea,
body.role-admin textarea,
body.role-engineer textarea{
  background:#fff;
  color:#1f2435;
  border:1px solid #e7e3df;
}
body.role-guest input::placeholder,
body.role-admin input::placeholder,
body.role-engineer input::placeholder{color:#9e9aa0}
body.role-guest .card,
body.role-admin .card,
body.role-engineer .card{
  background:#fff;
  border:1px solid #e6e3df;
  box-shadow:0 10px 24px rgba(31,36,53,.06);
}
.v910-login-shell{
  min-height:100vh;
  padding:24px 28px 20px;
  display:grid;
  gap:28px;
  background:linear-gradient(145deg,#0a0e1a 0%,#0f1629 28%,#131b35 56%,#0d1226 100%);
  color:#e2e8f0;
}
.v910-login-header,
.v910-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.v910-login-header{padding:0 4px;position:sticky;top:0;z-index:10;background:rgba(10,14,26,.85);backdrop-filter:blur(12px);border-bottom:1px solid rgba(148,163,184,.08);margin:-24px -28px 0;padding:16px 28px;border-radius:0}
.v910-brand{font-size:42px;line-height:1;color:#a5b4fc;font-family:'Outfit','Inter',system-ui,sans-serif}
.v910-top-nav-links{display:flex;gap:26px;align-items:center}
.v910-top-nav-links a{color:rgba(203,213,225,.65);text-decoration:none;font-weight:600;position:relative;transition:color .2s}
.v910-top-nav-links a.active{color:#a5b4fc}
.v910-top-nav-links a.active::after{content:'';position:absolute;left:0;right:0;bottom:-10px;height:3px;background:linear-gradient(90deg,#6366f1,#a78bfa);border-radius:999px}
.v910-login-tools,
.v910-header-right,
.v910-header-left,
.v910-head-actions{display:flex;align-items:center;gap:14px}
.v910-search-pill{min-width:220px;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(148,163,184,.12);color:#94a3b8;font-size:13px;backdrop-filter:blur(8px)}
.v910-icon-btn{width:40px;height:40px;border-radius:14px;border:1px solid rgba(148,163,184,.12);background:rgba(255,255,255,.04);color:#94a3b8;cursor:pointer}
.v910-profile-pill{width:44px;height:44px;border-radius:999px;border:1px solid #e1d9d2;background:#fff;display:grid;place-items:center;overflow:hidden}
.v910-avatar-img,.v910-sidebar-avatar .v910-avatar-img{width:100%;height:100%;object-fit:cover}
.v910-avatar-fallback{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#20304a,#314765);color:#fff;font-weight:800}
.v910-login-grid{display:grid;grid-template-columns:minmax(0,1fr) 480px;gap:56px;align-items:stretch}
.v910-login-hero{padding:72px 24px 24px 48px;position:relative;overflow:hidden}
.v910-login-hero::after{content:'';position:absolute;right:18%;top:-8%;width:260px;height:140%;background:linear-gradient(180deg,rgba(99,102,241,.06),transparent);transform:skew(-12deg)}
.v910-login-kicker{width:94px;height:6px;border-radius:999px;background:linear-gradient(90deg,#6366f1,#a78bfa);margin-bottom:36px}
.v910-login-hero h1{margin:0 0 20px;font-size:86px;line-height:.95;font-weight:900;max-width:720px;letter-spacing:-.05em;color:#fff;font-family:'Outfit','Inter',system-ui,sans-serif}
.v910-login-hero h1 span{display:block;background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-style:normal}
.v910-login-hero p{max-width:580px;font-size:22px;line-height:1.55;color:rgba(203,213,225,.75);margin:0 0 36px}
.v910-portal-list{display:grid;gap:18px;max-width:520px}
.v910-portal-card{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:center;padding:22px 22px 20px;border-radius:24px;background:rgba(255,255,255,.04);border:1px solid rgba(148,163,184,.1);box-shadow:0 10px 28px rgba(0,0,0,.15)}
.v910-portal-card button{grid-column:1/-1;margin-top:4px}
.v910-portal-card.dark .btn{background:linear-gradient(90deg,#6366f1,#8b5cf6)}
.v910-portal-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:rgba(99,102,241,.12);color:#a5b4fc;font-size:22px}
.v910-portal-card.dark .v910-portal-icon{background:rgba(99,102,241,.15);color:#c4b5fd}
.v910-demo-accounts{margin-top:24px;padding:18px 20px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(148,163,184,.1);max-width:520px;display:grid;gap:6px;color:#94a3b8}
.v910-login-panel{display:flex;align-items:center;justify-content:center}
.v910-login-card{width:100%;padding:48px 42px;border-radius:32px;background:rgba(255,255,255,.04);border:1px solid rgba(148,163,184,.12);box-shadow:0 24px 60px rgba(0,0,0,.25);backdrop-filter:blur(16px)}
.v910-login-logo{font-size:34px;font-weight:900;color:#a5b4fc;display:flex;align-items:center;gap:10px;margin-bottom:20px;font-family:'Outfit',sans-serif}
.v910-login-card h2{font-size:56px;line-height:1;margin:0 0 12px;color:#fff;font-family:'Outfit',sans-serif}
.v910-login-card>p{font-size:22px;color:rgba(203,213,225,.7);margin:0 0 24px}
.v910-login-form{gap:18px}
.v910-login-form label{display:grid;gap:10px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.12em;font-size:12px}
.v910-login-form input{min-height:74px;border-radius:18px;font-size:28px;padding:18px 20px;background:rgba(15,22,41,.6);border:1px solid rgba(148,163,184,.15);color:#e2e8f0}
.v910-login-form input::placeholder{color:#64748b}
.v910-login-form input:focus{border-color:rgba(99,102,241,.5);box-shadow:0 0 0 3px rgba(99,102,241,.12);outline:none}
.v910-keepalive{display:flex!important;grid-auto-flow:column;justify-content:flex-start;align-items:center;gap:10px!important;text-transform:none!important;letter-spacing:0!important;font-size:18px!important;color:#94a3b8!important}
.v910-keepalive input{width:22px;height:22px;min-height:0;accent-color:#6366f1}
.v910-login-submit{margin-top:10px;min-height:72px;border-radius:20px;font-size:32px;font-weight:900;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;box-shadow:0 20px 40px rgba(99,102,241,.3)!important}
.v910-login-submit:hover{transform:translateY(-2px);box-shadow:0 24px 48px rgba(99,102,241,.4)!important}
.v910-social-title{margin:30px 0 18px;text-align:center;color:#64748b;font-size:14px;text-transform:uppercase;letter-spacing:.28em;position:relative}
.v910-social-title::before,.v910-social-title::after{content:'';position:absolute;top:50%;width:32%;height:1px;background:rgba(148,163,184,.15)}
.v910-social-title::before{left:0}.v910-social-title::after{right:0}
.v910-social-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.v910-social-grid .btn{min-height:54px;font-size:22px}
.v910-login-footer{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;font-size:14px;color:#64748b;padding:12px 4px 0;border-top:1px solid rgba(148,163,184,.1)}
.v910-footer-links{display:flex;gap:28px;flex-wrap:wrap;justify-content:flex-end}
.v910-foot-brand{font-size:22px;color:#4b5563}

.v910-shell{padding:20px 22px 28px;background:#efefef;min-height:100vh;display:grid;gap:18px}
.v910-header{padding:0 4px}
.v910-body{display:grid;grid-template-columns:232px minmax(0,1fr);gap:22px;align-items:start}
.v910-sidebar{background:#f5f4f2;border:1px solid #e6e3df;border-radius:28px;padding:18px 0 22px;display:grid;gap:16px;min-height:calc(100vh - 122px);position:sticky;top:16px}
.v910-sidebar-profile{display:flex;gap:14px;align-items:center;padding:0 20px 16px;border-bottom:1px solid #e6e3df}
.v910-sidebar-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:#ff6d10}
.v910-sidebar-profile strong{font-size:22px;color:#23273a}.v910-sidebar-profile .muted{text-transform:uppercase;letter-spacing:.12em;font-size:11px}
.v910-sidebar-nav{display:grid;gap:6px;padding:0 10px}
.v910-side-link{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;color:#5d5a61;text-decoration:none}
.v910-side-link.active{background:#fff;border:1px solid #ece7e2;color:#6366f1;box-shadow:0 10px 22px rgba(24,26,40,.04)}
.v910-side-link strong{font-size:17px}
.v910-sidebar-cta{margin:8px 18px 0;border-radius:20px;min-height:60px;font-size:20px;font-weight:900;background:linear-gradient(135deg,#6366f1,#8b5cf6)}
.v910-main{display:grid;gap:18px}
.v910-main-head{display:flex;justify-content:space-between;align-items:center;gap:16px}
.v910-title-block h1{margin:0;font-size:34px;letter-spacing:-.03em;color:#1e2335}
.v910-searchbar{display:grid;grid-template-columns:minmax(0,1fr) 132px 154px;gap:14px}
.v910-search-input{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e6e3df;border-radius:24px;padding:16px 20px;color:#9e9aa0}
.v910-search-input input{border:none;background:transparent;padding:0;min-height:0;box-shadow:none;font-size:16px}
.v910-search-input input:focus{box-shadow:none}
.v910-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.v910-filter-card{padding:18px 20px;border-radius:24px;display:grid;gap:8px}
.v910-filter-card span{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#a8a2a0;font-weight:800}
.v910-filter-card strong{font-size:18px;color:#21263a}
.v910-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}
.v910-map-card{padding:22px;border-radius:28px;position:relative;overflow:hidden;min-height:600px}
.v910-map-card.engineer{min-height:540px}
.v910-map-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;position:relative;z-index:2}
.v910-map-head h3{margin:0 0 6px;font-size:28px;color:#1e2335}.v910-map-head p{margin:0;color:#6f6b71;font-size:16px}
.v910-live-dot{width:12px;height:12px;border-radius:50%;background:#78b95f;box-shadow:0 0 0 8px rgba(120,185,95,.15);margin-bottom:14px}
.v910-map-actions{display:flex;gap:10px}
.v910-map-canvas{position:absolute;inset:86px 22px 22px 22px;border-radius:24px;background:
 linear-gradient(90deg, rgba(214,214,214,.34) 1px, transparent 1px) 0 0/44px 44px,
 linear-gradient(rgba(214,214,214,.34) 1px, transparent 1px) 0 0/44px 44px,
 radial-gradient(circle at 70% 35%, rgba(199,199,199,.3), transparent 28%),
 radial-gradient(circle at 30% 70%, rgba(206,206,206,.28), transparent 24%),
 linear-gradient(180deg,#f4f3f1,#eceae7);
 opacity:.92}
.v910-map-canvas::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 76% 20%, rgba(255,255,255,.7), transparent 18%)}
.v910-map-stats{position:absolute;left:22px;right:22px;bottom:28px;display:flex;gap:16px;z-index:2}
.v910-map-stat{width:148px;padding:16px 18px;border-radius:22px;border-top:4px solid #ff7b1a;display:grid;grid-template-columns:1fr auto;grid-template-areas:'label label' 'num unit';gap:4px;background:#fff}
.v910-map-stat.green{border-top-color:#63b64f}
.v910-map-stat span{grid-area:label;font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#9f9aa0;font-weight:800}
.v910-map-stat strong{grid-area:num;font-size:42px;line-height:1;color:#192033}
.v910-map-stat em{grid-area:unit;font-style:normal;align-self:end;color:#8f8a92}
.v910-right-rail{display:grid;gap:18px}
.v910-priority-card,.v910-velocity-card,.v910-specialists-card,.v910-query-card,.v910-refresh-card{border-radius:28px;padding:22px}
.v910-card-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#b1aaab;font-weight:800;margin-bottom:16px}
.v910-priority-row{display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #f0ece8}
.v910-priority-row:last-of-type{border-bottom:none}
.v910-priority-icon,.v910-mini-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#f4f0eb;font-size:22px}
.v910-priority-copy{display:grid;gap:4px}.v910-priority-copy strong{font-size:18px;color:#22263a}.v910-priority-copy span{color:#8c8890;font-size:14px}
.v910-status-validating{background:#eef8e8;color:#7ea55e;border:1px solid #d8ebca}
.v910-status-failed{background:#ffe8eb;color:#e55d63;border:1px solid #ffd0d7}
.v910-status-queue{background:#f3f1f2;color:#a29ca3;border:1px solid #e2dee1}
.v910-inline-link{border:none;background:none;padding:10px 0 0;color:#ff6d10;font-weight:800;cursor:pointer}
.v910-velocity-bars{height:104px;display:flex;align-items:flex-end;gap:12px;padding:10px 6px 16px}
.v910-velocity-bars span{display:block;flex:1;border-radius:18px;background:#efedec;min-height:42px}
.v910-velocity-bars span.active{background:#ff7a18;min-height:92px}
.v910-velocity-metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.v910-velocity-metrics strong{display:block;font-size:42px;line-height:1;color:#1e2335}.v910-velocity-metrics span{display:block;margin-top:8px;color:#86818a;text-transform:uppercase;letter-spacing:.12em;font-size:11px}
.v910-float-action{position:absolute;right:18px;bottom:18px;width:66px;height:66px;border:none;border-radius:22px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:36px;box-shadow:0 18px 26px rgba(99,102,241,.22);cursor:pointer}
.v910-under-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:18px}
.v910-specialist-row{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #f1eeea}
.v910-specialist-row:last-child{border-bottom:none}
.v910-progress{height:10px;border-radius:999px;background:#efebea;overflow:hidden;margin-top:8px}.v910-progress i{display:block;height:100%;background:linear-gradient(90deg,#6366f1,#a78bfa);border-radius:999px}
.v910-query-wrap{display:flex;flex-wrap:wrap;gap:12px}
.v910-query-chip{display:inline-flex;align-items:center;gap:10px;padding:11px 14px;border-radius:999px;background:#f2f0ef;color:#5f5b61;font-weight:700}.v910-query-chip em{font-style:normal;color:#8d8890}
.v910-refresh-value{font-size:30px;font-weight:900;color:#1d2438;margin-bottom:10px}
.v910-integrity-strip{display:grid;grid-template-columns:72px 1fr auto;gap:18px;align-items:center;padding:24px 26px;border-left:6px solid #63b64f;border-radius:24px}
.v910-integrity-mark{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:#eef8e8;color:#63b64f;font-size:28px;font-weight:900}
.v910-integrity-strip h3{margin:0 0 8px;font-size:24px;color:#1d2438}.v910-integrity-strip p{margin:0;color:#66616a;font-size:16px;max-width:720px}
.v910-integrity-actions{display:flex;gap:14px;flex-wrap:wrap}
.v910-admin-detail-grid,.v910-engineer-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.v910-admin-detail-grid .v910-detail-card:nth-child(1){grid-column:1/-1}
.v910-detail-card{border-radius:26px;padding:22px}
.v910-detail-card .item{background:#faf8f6;border-color:#ece7e2}
.v910-detail-card .stats{grid-template-columns:repeat(4,minmax(0,1fr))}

@media (max-width:1280px){
  .v910-login-grid{grid-template-columns:1fr}
  .v910-body{grid-template-columns:1fr}
  .v910-sidebar{position:static;min-height:auto}
  .v910-dashboard-grid,.v910-under-grid,.v910-admin-detail-grid,.v910-engineer-detail-grid{grid-template-columns:1fr}
  .v910-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v910-main-head,.v910-header,.v910-login-header{flex-wrap:wrap}
}
@media (max-width:860px){
  .v910-login-shell,.v910-shell{padding:16px}
  .v910-login-hero{padding:24px 0 0}
  .v910-login-hero::after{display:none}
  .v910-login-hero h1{font-size:52px}
  .v910-login-card h2{font-size:40px}
  .v910-searchbar{grid-template-columns:1fr}
  .v910-filter-grid{grid-template-columns:1fr}
  .v910-integrity-strip{grid-template-columns:1fr}
  .v910-login-footer,.v910-footer-links{display:grid;justify-content:flex-start}
  .v910-top-nav-links{flex-wrap:wrap;gap:16px}
  .v910-login-tools{width:100%;justify-content:flex-start;flex-wrap:wrap}
}

.v910-sidebar-refresh{
  margin:8px 6px 18px;
  padding:10px 14px;
  border-radius:16px;
  background:#fff7f0;
  border:1px solid rgba(255,109,16,.14);
  color:#ff6d10;
  font-weight:800;
  font-size:14px;
  letter-spacing:.02em;
}
.v910-inline-countdown{
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  border-radius:999px;
  background:#fff7f0;
  color:#ff6d10;
  font-weight:800;
  font-size:14px;
  border:1px solid rgba(255,109,16,.16);
}
.v910-tab-panel{
  display:grid;
  gap:22px;
}
.v910-tab-panel[hidden]{display:none !important}
.v910-side-link{transition:all .18s ease}
.v910-side-link:hover{background:#fff;border:1px solid #ece7e2;color:#ff6d10}
.cityworkshop-live-popup-overlay{
  position:fixed;
  inset:0;
  display:grid;
  place-items:center;
  background:rgba(17,24,39,.28);
  backdrop-filter:blur(4px);
  z-index:9999;
}
.cityworkshop-live-popup-card{
  width:min(92vw, 460px);
  background:#ffffff;
  border-radius:28px;
  padding:26px;
  box-shadow:0 24px 80px rgba(17,24,39,.2);
  border:1px solid rgba(255,109,16,.14);
}
.cityworkshop-live-popup-kicker{
  color:#ff6d10;
  font-weight:900;
  letter-spacing:.14em;
  font-size:12px;
  margin-bottom:10px;
}
.cityworkshop-live-popup-card h3{
  margin:0 0 10px;
  font-size:30px;
  line-height:1.1;
  color:#1d2438;
}
.cityworkshop-live-popup-card p{
  margin:0;
  color:#5d5a61;
  font-size:16px;
  line-height:1.6;
}
.cityworkshop-live-popup-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}

.v910-top-nav-links a{cursor:pointer}
.v910-top-nav-links a:hover{color:#ff6d10}
.v910-top-nav-links a[aria-current="page"]{color:#ff6d10}


.v910-head-link{border:1px solid #e7e3df;background:#fff;color:#46424a;padding:11px 16px;border-radius:14px;font-weight:800;cursor:pointer}
.v910-head-link.active{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.2);color:#6366f1}
.v910-portal-card{grid-template-columns:1fr}
.v910-login-signup{margin-top:-2px}
.v910-login-ad{display:grid;gap:6px;margin-top:22px;padding:18px 20px;border-radius:20px;border:1px solid #f1d4bf;background:linear-gradient(90deg,#fff7f1,#fff);text-decoration:none;color:#2b2c34;box-shadow:0 12px 28px rgba(48,41,33,.06)}
.v910-login-ad strong{font-size:18px;color:#1c2233}
.v910-login-ad small{color:#6f6b71;font-weight:700}
.v910-login-ad-tag{display:inline-flex;width:max-content;padding:6px 10px;border-radius:999px;background:#fff0e6;color:#ff5b14;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.v910-map-tab-btn{border:1px solid #ece7e2;background:#fff;color:#5f5b62;padding:10px 14px;border-radius:14px;font-weight:800;cursor:pointer}
.v910-map-tab-btn:hover{color:#ff5b14;border-color:#ffc49a}
.v910-map-canvas.has-live-map{background:#f3f1ee;overflow:hidden}
.v910-map-canvas.has-live-map::after{display:none}
.v910-map-frame{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:1}
.v910-map-overlay{position:absolute;left:16px;top:16px;right:16px;display:flex;gap:10px;flex-wrap:wrap;z-index:2;pointer-events:none}
.v910-map-mini-pill,.v910-map-link{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.94);border:1px solid #ece7e2;color:#2e3345;font-size:12px;font-weight:800;box-shadow:0 8px 16px rgba(32,32,40,.05)}
.v910-map-link{pointer-events:auto;text-decoration:none;color:#ff5b14}
@media (max-width:980px){.v910-header-right{width:100%;justify-content:flex-start;flex-wrap:wrap}.v910-map-overlay{position:static;padding:12px 0 0}}

/* V9.10.demo attractive live scene map polish */
.v910-map-scene-layer{position:absolute;inset:0;z-index:2;pointer-events:none}
.v910-scene-pin{position:absolute;transform:translate(-50%,-100%);display:grid;gap:8px;min-width:160px;max-width:210px}
.v910-scene-pin-core{width:20px;height:20px;border-radius:999px;border:3px solid #fff;box-shadow:0 10px 22px rgba(20,25,40,.24);display:block}
.v910-scene-pin.engineer .v910-scene-pin-core{background:linear-gradient(135deg,#0f294d,#243e68)}
.v910-scene-pin.customer .v910-scene-pin-core{background:linear-gradient(135deg,#ff5b14,#ff9a38)}
.v910-scene-pin.pulse .v910-scene-pin-core{animation:v910MapPulse 1.8s ease-out infinite}
@keyframes v910MapPulse{0%{box-shadow:0 0 0 0 rgba(255,91,20,.35),0 10px 22px rgba(20,25,40,.24)}70%{box-shadow:0 0 0 12px rgba(255,91,20,0),0 10px 22px rgba(20,25,40,.24)}100%{box-shadow:0 0 0 0 rgba(255,91,20,0),0 10px 22px rgba(20,25,40,.24)}}
.v910-scene-label{display:grid;gap:3px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.95);border:1px solid rgba(236,231,226,.96);backdrop-filter:blur(10px);box-shadow:0 14px 28px rgba(30,35,53,.12)}
.v910-scene-label strong{font-size:13px;color:#1f2336;line-height:1.2}
.v910-scene-label span{font-size:12px;font-weight:800;color:#ff5b14;line-height:1.2}
.v910-scene-label small,.v910-scene-label em{font-size:11px;color:#61606a;line-height:1.3;font-style:normal}
.v910-scene-route{position:absolute;height:0;transform-origin:0 0;display:flex;align-items:center;gap:8px}
.v910-scene-route i{display:block;height:4px;width:100%;border-radius:999px;background:linear-gradient(90deg,#ff5b14,#ff9f2f);box-shadow:0 6px 14px rgba(255,91,20,.25)}
.v910-scene-route.support i{background:linear-gradient(90deg,#243e68,#4d6a94)}
.v910-scene-route span{position:absolute;right:-6px;top:-22px;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid #ece7e2;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#25334f;box-shadow:0 8px 18px rgba(30,35,53,.08);white-space:nowrap}
.v910-map-footer{position:absolute;left:16px;right:16px;bottom:16px;z-index:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;pointer-events:none}
.v910-scene-foot-card{display:grid;gap:3px;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.94);border:1px solid rgba(236,231,226,.95);box-shadow:0 14px 28px rgba(30,35,53,.12)}
.v910-scene-foot-card span{font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#7d7a82}
.v910-scene-foot-card strong{font-size:15px;color:#1f2336;line-height:1.2}
.v910-scene-foot-card small{font-size:12px;color:#5f5c64;line-height:1.35}
.v910-scene-foot-card.warm{border-color:#ffd3ba;background:rgba(255,247,241,.96)}
.v910-customer-live-scene{margin-top:16px}
.v910-customer-live-scene .v910-map-canvas{position:relative;inset:auto;height:320px;border-radius:24px}
.live-route-booking-card .compact-booking-copy{margin-bottom:4px}
@media (max-width:980px){.v910-map-footer{grid-template-columns:1fr}.v910-scene-pin{min-width:120px;max-width:150px}.v910-customer-live-scene .v910-map-canvas{height:280px}.v910-scene-label strong{font-size:12px}.v910-scene-label span,.v910-scene-label small,.v910-scene-label em{font-size:10px}}


.v910-login-hero.about .v910-login-kicker{background:linear-gradient(90deg,#6366f1,#a78bfa)}
.v910-about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 24px}
.v910-about-card{background:rgba(255,255,255,.04);border:1px solid rgba(148,163,184,.1);box-shadow:0 10px 28px rgba(0,0,0,.12);border-radius:24px;padding:20px;backdrop-filter:blur(8px)}
.v910-about-card h3{margin:6px 0 8px;font-size:24px;color:#e2e8f0}
.v910-about-label{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(99,102,241,.12);color:#a5b4fc;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.v910-about-location{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;border-radius:24px;background:rgba(255,255,255,.04);border:1px solid rgba(148,163,184,.1);box-shadow:0 10px 28px rgba(0,0,0,.12)}
.v910-about-actions{display:flex;gap:12px;flex-wrap:wrap}
.v910-footer-links a,.v910-footer-links span{color:inherit;text-decoration:none}
@media (max-width: 980px){.v910-about-grid{grid-template-columns:1fr}.v910-about-location{display:grid}}


.v910-login-grid.construction-only{grid-template-columns:1fr}
.v910-login-hero-construction{min-height:72vh;display:flex;flex-direction:column;justify-content:center}
.v910-construction-stage{min-height:52vh;border-radius:30px;border:1px dashed rgba(99,102,241,.28);background:rgba(255,255,255,.02);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;gap:14px;overflow:hidden;position:relative;backdrop-filter:blur(8px)}
.v910-construction-stage.role{min-height:60vh}
.v910-construction-stage::before{content:'';position:absolute;inset:auto auto 18% -4%;width:240px;height:240px;background:radial-gradient(circle,rgba(99,102,241,.1),transparent 70%);pointer-events:none}
.v910-construction-stage::after{content:'';position:absolute;inset:8% -3% auto auto;width:220px;height:220px;background:radial-gradient(circle,rgba(168,85,247,.08),transparent 70%);pointer-events:none}
.v910-construction-anim{display:flex;gap:14px;align-items:flex-end;justify-content:center;height:84px}
.v910-construction-anim span{display:block;width:18px;height:18px;border-radius:999px;background:linear-gradient(180deg,#6366f1,#a78bfa);box-shadow:0 10px 20px rgba(99,102,241,.22);animation:v910Construct 1.2s ease-in-out infinite}
.v910-construction-anim span:nth-child(2){animation-delay:.18s}
.v910-construction-anim span:nth-child(3){animation-delay:.36s}
@keyframes v910Construct{0%,100%{transform:translateY(0) scale(.9);opacity:.7}50%{transform:translateY(-18px) scale(1.06);opacity:1}}
.v910-construction-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.2em;color:#a5b4fc;font-weight:800}
.v910-construction-stage h2{margin:0;font-size:44px;color:#fff}
.v910-construction-stage p{margin:0;max-width:760px;color:#94a3b8;font-size:17px;line-height:1.65}
.v910-construction-note{padding:12px 16px;border-radius:999px;background:rgba(148,163,184,.08);color:#94a3b8;font-weight:700}
.v910-construction-badge{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.v910-role-construction-wrap{display:grid;gap:18px}
@media (max-width:860px){.v910-construction-stage{min-height:48vh;padding:36px 18px}.v910-construction-stage h2{font-size:32px}.v910-construction-stage p{font-size:15px}}


/* V9.10.P landing refresh - professional dark 3D theme */
.v910-login-shell{
  background:
    radial-gradient(circle at 10% 10%, rgba(99,102,241,.12), transparent 24%),
    radial-gradient(circle at 90% 20%, rgba(168,85,247,.08), transparent 22%),
    linear-gradient(145deg,#0a0e1a 0%,#0f1629 28%,#131b35 56%,#0d1226 100%);
  color:#e2e8f0;
}
.v910-login-header{position:sticky;top:0;z-index:10;padding:16px 28px;background:rgba(10,14,26,.85);backdrop-filter:blur(12px);border-bottom:1px solid rgba(148,163,184,.06);margin:-24px -28px 0}
.v910-login-grid{gap:40px;align-items:start}
.v910-login-hero{padding:54px 24px 24px 40px}
.v910-login-hero::after{right:8%;top:-10%;width:320px;background:linear-gradient(180deg,rgba(255,122,24,.12),rgba(239,235,232,0));}
.v910-login-hero h1{font-size:76px;max-width:860px;color:#fff}
.v910-login-hero p{max-width:720px;font-size:20px;margin-bottom:28px;color:rgba(203,213,225,.75)}
.v910-login-card.antigravity-card{position:relative;overflow:hidden;background:rgba(255,255,255,.04);box-shadow:0 24px 50px rgba(0,0,0,.25);backdrop-filter:blur(16px);border:1px solid rgba(148,163,184,.1)}
.v910-login-card.antigravity-card::before{content:'';position:absolute;inset:-40% auto auto 55%;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,rgba(99,102,241,.15),transparent 68%);pointer-events:none}
.v910-login-mini-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px}
.v910-login-mini-proof div{padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(148,163,184,.1);display:grid;gap:4px}
.v910-login-mini-proof strong{font-size:18px;color:#e2e8f0}
.v910-login-mini-proof span{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.08em}
.v910-demo-accounts.compact{max-width:640px;padding:16px 18px;background:rgba(255,255,255,.03);backdrop-filter:blur(8px);border:1px solid rgba(148,163,184,.1)}
.v910-landing-stack{display:grid;gap:20px;max-width:820px}
.v910-landing-kicker-row{display:flex;flex-wrap:wrap;gap:10px}
.v910-landing-kicker-pill{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 16px 28px rgba(99,102,241,.25)}
.v910-landing-kicker-pill.soft{background:rgba(99,102,241,.12);color:#a5b4fc;border:1px solid rgba(99,102,241,.2);box-shadow:none}
.v910-landing-cta-row{display:flex;gap:12px;flex-wrap:wrap}
.v910-landing-cta-row .btn{min-height:54px;padding:0 22px;border-radius:16px}
.v910-landing-cta-row .btn.ghost{background:transparent}
.v910-landing-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.v910-proof-card{padding:18px 18px 16px;border-radius:22px;background:rgba(255,255,255,.04);border:1px solid rgba(148,163,184,.1);display:grid;gap:8px;box-shadow:0 14px 28px rgba(0,0,0,.12);backdrop-filter:blur(8px)}
.v910-proof-card.accent{background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(139,92,246,.12));border-color:rgba(99,102,241,.2)}
.v910-proof-card strong{font-size:18px;color:#e2e8f0}
.v910-proof-card span{color:#94a3b8;line-height:1.5}
.v910-proof-card.accent strong,.v910-proof-card.accent span{color:#e2e8f0}
.v910-landing-progress{padding:24px;border-radius:28px;background:rgba(255,255,255,.04);border:1px solid rgba(148,163,184,.1);box-shadow:0 18px 34px rgba(0,0,0,.15);backdrop-filter:blur(12px)}
.v910-landing-progress-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}
.v910-landing-progress-head h3{margin:10px 0 0;font-size:28px;color:#e2e8f0;line-height:1.1}
.v910-progress-pill{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:rgba(34,197,94,.1);color:#4ade80;font-weight:900;border:1px solid rgba(34,197,94,.2)}
.v910-stage-bar{height:14px;border-radius:999px;background:rgba(99,102,241,.12);overflow:hidden;position:relative;margin-bottom:18px}
.v910-stage-bar i{display:block;height:100%;width:78%;background:linear-gradient(90deg,#6366f1,#a78bfa,#c084fc);background-size:200% 100%;animation:v910Shimmer 3.4s linear infinite;border-radius:999px}
@keyframes v910Shimmer{0%{background-position:0 0}100%{background-position:200% 0}}
.v910-stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.v910-stage-card{padding:16px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(148,163,184,.08);display:grid;gap:6px;transition:all .3s}
.v910-stage-card:hover{transform:translateY(-3px);border-color:rgba(99,102,241,.2);box-shadow:0 12px 32px rgba(99,102,241,.1)}
.v910-stage-card.active{border-color:rgba(99,102,241,.3);background:rgba(99,102,241,.06)}
.v910-stage-card strong{font-size:16px;color:#e2e8f0}
.v910-stage-card span{font-size:13px;color:#64748b;line-height:1.45}
.v910-landing-service-band{display:flex;gap:12px;flex-wrap:wrap}
.v910-service-chip{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(148,163,184,.1);box-shadow:0 12px 24px rgba(0,0,0,.1);transition:all .3s}
.v910-service-chip:hover{transform:translateY(-2px);border-color:rgba(99,102,241,.2)}
.v910-service-chip span{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:rgba(99,102,241,.12);color:#a5b4fc;font-weight:900}
.v910-service-chip strong{font-size:14px;color:#e2e8f0}
.v910-about-grid.focused{grid-template-columns:repeat(2,minmax(0,1fr));max-width:880px}
.v910-about-inline-tagline{margin-top:16px;padding:14px 16px;border-radius:18px;background:rgba(99,102,241,.06);border:1px solid rgba(99,102,241,.15);display:grid;gap:4px}
.v910-about-inline-tagline span{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#a5b4fc}
.v910-about-inline-tagline strong{font-size:22px;color:#e2e8f0}
.v910-about-actions.compact{margin-top:18px}
.cityworkshop-toast-stack{position:fixed;right:20px;bottom:22px;display:grid;gap:12px;z-index:10020;max-width:min(92vw,420px)}
.cityworkshop-toast{display:grid;grid-template-columns:54px 1fr 26px;gap:12px;align-items:start;padding:16px 16px 16px 14px;border-radius:22px;background:#fff;border:1px solid rgba(24,34,54,.08);box-shadow:0 18px 40px rgba(17,24,39,.16);animation:toastIn .22s ease}
.cityworkshop-toast.success{border-color:rgba(56,161,105,.22)}
.cityworkshop-toast.warning{border-color:rgba(240,138,42,.24)}
.cityworkshop-toast.error{border-color:rgba(220,38,38,.22)}
.cityworkshop-toast-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-size:24px;font-weight:900}
.cityworkshop-toast.success .cityworkshop-toast-icon{background:#edf8ef;color:#2f8f59}
.cityworkshop-toast.warning .cityworkshop-toast-icon{background:#fff5e8;color:#f08a2a}
.cityworkshop-toast.error .cityworkshop-toast-icon{background:#fef0f0;color:#dc2626}
.cityworkshop-toast-copy{display:grid;gap:4px}
.cityworkshop-toast-copy strong{font-size:16px;color:#1b2235}
.cityworkshop-toast-copy span{font-size:14px;color:#615c65;line-height:1.45}
.cityworkshop-toast-close{border:none;background:transparent;color:#8a848d;font-size:26px;line-height:1;cursor:pointer;padding:0}
.cityworkshop-toast.closing{opacity:0;transform:translateY(10px);transition:all .2s ease}
@keyframes toastIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media (max-width: 1150px){
  .v910-login-grid{grid-template-columns:1fr}
  .v910-login-panel{order:2}
  .v910-login-hero{padding:42px 18px 8px}
  .v910-login-hero h1{font-size:60px}
}
@media (max-width: 860px){
  .v910-landing-proof-grid,.v910-stage-grid,.v910-about-grid.focused,.v910-login-mini-proof{grid-template-columns:1fr}
  .v910-landing-progress-head{display:grid}
  .v910-login-hero h1{font-size:44px}
  .v910-login-hero p{font-size:17px}
}


/* V9.10.P landing final requested refinement */
.v910-login-hero h1 span{display:block;background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-style:normal;position:relative;width:max-content;overflow:hidden;white-space:nowrap;border-right:3px solid rgba(99,102,241,.55);animation:v910Typing 2.8s steps(12,end) infinite alternate, v910Caret .8s step-end infinite}
@keyframes v910Typing{from{max-width:0}to{max-width:12ch}}
@keyframes v910Caret{50%{border-color:transparent}}
.v910-system-marquee{display:flex;gap:16px;overflow:hidden;padding:12px 0 20px;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.v910-system-marquee span{flex:0 0 auto;padding:10px 18px;border-radius:999px;background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.15);color:#a5b4fc;font-weight:900;letter-spacing:.08em;text-transform:uppercase;animation:v910Marquee 16s linear infinite;box-shadow:0 12px 26px rgba(99,102,241,.08)}
@keyframes v910Marquee{from{transform:translateX(0)}to{transform:translateX(-120%)}}
.v910-about-grid.focused.important-only{grid-template-columns:1fr 1fr;max-width:920px;align-items:stretch}
.v910-about-spotlight{grid-column:1/-1;padding:0 0 6px;display:grid;gap:8px}
.v910-about-spotlight-label{display:inline-flex;width:max-content;padding:6px 12px;border-radius:999px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.v910-about-spotlight h3{margin:0;font-size:34px;letter-spacing:-.03em;color:#fff}
.v910-about-spotlight-copy{margin:0;color:#94a3b8;font-size:16px}
.v910-about-card.important-card{position:relative;overflow:hidden;min-height:250px;background:rgba(255,255,255,.04);border:1px solid rgba(148,163,184,.1);backdrop-filter:blur(8px)}
.v910-about-card.important-card::after{content:'';position:absolute;inset:auto -20px -30px auto;width:160px;height:160px;border-radius:999px;background:radial-gradient(circle,rgba(99,102,241,.12),transparent 68%);pointer-events:none}
.v910-about-card.important-card h3{font-size:30px;margin-bottom:10px;color:#e2e8f0}
.v910-about-animated-line{margin-top:22px;display:flex;overflow:hidden;border-radius:16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);padding:14px 16px}
.v910-about-animated-line span{display:block;white-space:nowrap;color:#fff;font-weight:900;letter-spacing:.14em;text-transform:uppercase;animation:v910TextSlide 12s linear infinite}
.v910-about-animated-line.alt{background:linear-gradient(135deg,#8b5cf6,#c084fc)}
@keyframes v910TextSlide{from{transform:translateX(100%)}to{transform:translateX(-100%)}}
@media (max-width: 860px){
  .v910-about-grid.focused.important-only{grid-template-columns:1fr}
  .v910-about-spotlight h3{font-size:28px}
  .v910-about-card.important-card h3{font-size:26px}
  .v910-system-marquee span{font-size:12px}
}

/* V9.10.P responsive + superadmin final polish */
.v910-brand{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.v910-superadmin-chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#fff1e6;border:1px solid #ffc49a;color:#ff5b14;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.v910-header-left,.v910-header-right,.v910-head-actions{min-width:0}
.v910-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.v910-title-block{min-width:0}
.v910-title-block h1{word-break:break-word}
.v910-main,.v910-right-rail,.v910-under-grid,.v910-dashboard-grid,.v910-admin-detail-grid,.v910-engineer-detail-grid,.customer-summary-grid,.customer-ops-grid{min-width:0}
.v910-map-card,.v910-priority-card,.v910-velocity-card,.v910-specialists-card,.v910-query-card,.v910-refresh-card,.v910-detail-card{min-width:0}
.v910-filter-card strong,.v910-priority-copy strong,.v910-scene-foot-card strong{word-break:break-word}
.v910-sidebar-nav{overflow:auto}
.v910-side-link{min-width:0}
.v910-map-stat{min-width:0}
@media (max-width:1100px){
  .v910-map-card{min-height:520px}
  .v910-map-stats{position:static;margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));left:auto;right:auto;bottom:auto}
  .v910-map-stat{width:auto}
}
@media (max-width:860px){
  .v910-header-left{display:grid;gap:12px;width:100%}
  .v910-top-nav-links{display:flex;overflow:auto;padding-bottom:4px;scroll-snap-type:x proximity}
  .v910-top-nav-links a{white-space:nowrap;scroll-snap-align:start}
  .v910-header-right{display:flex;overflow:auto;padding-bottom:4px;width:100%;gap:10px;scroll-snap-type:x proximity}
  .v910-header-right > *{white-space:nowrap;scroll-snap-align:start}
  .v910-main-head{display:grid;gap:12px}
  .v910-head-actions{justify-content:flex-start}
  .v910-sidebar{padding-bottom:18px}
  .v910-sidebar-profile{padding-bottom:12px}
  .v910-sidebar-nav{display:flex;gap:10px;padding:0 14px 4px;overflow:auto;scroll-snap-type:x proximity}
  .v910-side-link{flex:0 0 auto;min-width:150px;scroll-snap-align:start;background:#fff}
  .v910-sidebar-cta{margin:2px 14px 0;min-height:52px;font-size:17px}
  .v910-map-card{min-height:460px}
  .v910-map-head{display:grid}
  .v910-map-actions{overflow:auto;padding-bottom:4px;flex-wrap:nowrap}
  .v910-map-actions > *{white-space:nowrap}
  .v910-under-grid,.v910-admin-detail-grid,.v910-engineer-detail-grid{gap:14px}
}
@media (max-width:640px){
  .v910-shell{padding:12px;gap:12px}
  .v910-sidebar,.v910-map-card,.v910-priority-card,.v910-velocity-card,.v910-specialists-card,.v910-query-card,.v910-refresh-card,.v910-detail-card{border-radius:22px}
  .v910-title-block h1{font-size:28px}
  .v910-sidebar-profile strong{font-size:18px}
  .v910-side-link{min-width:132px;padding:12px 14px}
  .v910-side-link strong{font-size:15px}
  .v910-map-card{padding:16px;min-height:420px}
  .v910-map-canvas{inset:74px 16px 16px 16px;border-radius:18px}
  .v910-map-footer{grid-template-columns:1fr;left:12px;right:12px;bottom:12px}
  .v910-map-overlay{gap:8px}
  .v910-map-mini-pill,.v910-map-link{font-size:11px;padding:7px 10px}
  .v910-map-stats{grid-template-columns:1fr 1fr;gap:10px}
  .v910-map-stat{padding:14px}
  .v910-map-stat strong{font-size:30px}
  .v910-search-input{padding:14px 16px}
  .v910-refresh-meter{padding:10px 12px}
  .cityworkshop-otp-card,.cityworkshop-idle-card{padding:22px 18px;border-radius:22px}
  .landing-wa-widget{right:12px;bottom:12px}
  .landing-wa-float{padding:10px 14px}
}
@media (max-width:480px){
  .v910-header-right .role-badge,.v910-head-actions .role-badge{display:none}
  .v910-main-head .btn.secondary{width:100%}
  .v910-head-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .v910-inline-countdown{justify-content:center}
  .v910-map-stats{grid-template-columns:1fr}
  .v910-map-card{min-height:390px}
  .v910-map-canvas{inset:68px 12px 12px 12px}
  .v910-sidebar-nav{padding:0 10px 4px}
  .v910-side-link{min-width:124px}
}