:root{
  --lc-ink:#10233f;
  --lc-ink-soft:#50637d;
  --lc-navy:#071a31;
  --lc-navy-2:#0c2d53;
  --lc-blue:#2563eb;
  --lc-blue-2:#3b82f6;
  --lc-cyan:#38bdf8;
  --lc-mist:#eef5ff;
  --lc-surface:rgba(255,255,255,.94);
  --lc-line:#dbe7f4;
  --lc-line-strong:#c7d8ea;
  --lc-success:#0f9f6e;
  --lc-warning:#d97706;
  --lc-danger:#dc2626;
  --lc-shadow:0 18px 52px rgba(15,39,70,.10);
  --lc-shadow-soft:0 8px 28px rgba(15,39,70,.08);
  --lc-radius-xl:22px;
  --lc-radius-lg:16px;
  --lc-radius-md:12px;
}

html{background:#edf4fb}
body{
  color:var(--lc-ink);
  background:
    radial-gradient(circle at 8% -8%,rgba(59,130,246,.16),transparent 30rem),
    radial-gradient(circle at 94% 6%,rgba(56,189,248,.12),transparent 25rem),
    linear-gradient(180deg,#f6f9fd 0,#eef4fa 44%,#f6f9fc 100%);
  min-height:100vh;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background-image:linear-gradient(rgba(13,45,83,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(13,45,83,.025) 1px,transparent 1px);
  background-size:32px 32px;
  mask-image:linear-gradient(to bottom,black,transparent 72%);
}

.topbar,.market-topbar{
  background:
    radial-gradient(circle at 85% 10%,rgba(56,189,248,.16),transparent 18rem),
    linear-gradient(135deg,#07182e,#0b294d 58%,#123d6f)!important;
  border-bottom:1px solid rgba(191,219,254,.14)!important;
  box-shadow:0 12px 38px rgba(5,22,43,.22)!important;
  backdrop-filter:blur(18px);
}
.topbar .brand-mark,.market-topbar .brand-mark,.brand-lockup .brand-mark{
  background:linear-gradient(145deg,#60a5fa,#2563eb 62%,#1d4ed8)!important;
  color:#fff!important;
  box-shadow:0 9px 24px rgba(37,99,235,.3),inset 0 1px rgba(255,255,255,.3)!important;
}
.topbar a,.market-topbar a{color:inherit}
.topbar-button,.workspace-link,.programs-link{
  border:1px solid rgba(191,219,254,.22)!important;
  background:rgba(255,255,255,.08)!important;
  color:#eaf4ff!important;
  backdrop-filter:blur(10px);
}
.topbar-button:hover,.workspace-link:hover,.programs-link:hover{background:rgba(255,255,255,.15)!important}

#appShell>main{padding-bottom:40px}
.workspace-tabs{
  border:1px solid rgba(199,216,234,.9)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.86)!important;
  box-shadow:var(--lc-shadow-soft)!important;
  backdrop-filter:blur(18px);
  padding:10px!important;
}
.workspace-tab{
  border-radius:11px!important;
  transition:transform .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease!important;
}
.workspace-tab:hover{transform:translateY(-1px)}
.workspace-tab.active{
  color:#fff!important;
  background-color:#2563eb!important;
  background-image:linear-gradient(135deg,#1d4ed8,#2563eb 62%,#3b82f6)!important;
  box-shadow:0 8px 20px rgba(37,99,235,.24)!important;
}
.nav-section-label{
  color:#8b9db3!important;
  font-weight:850!important;
  letter-spacing:.12em!important;
}

.workspace-status{
  border:1px solid var(--lc-line)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:0 5px 18px rgba(15,39,70,.05)!important;
  backdrop-filter:blur(12px);
}
.workspace-status .status-dot{
  box-shadow:0 0 0 5px rgba(34,197,94,.09);
}

:is(.view-heading,.care-heading,.action-center-heading,.access-heading,.team-heading,.hero,.rc-hero){
  border-radius:var(--lc-radius-xl)!important;
}
.view-heading,.care-heading,.action-center-heading,.access-heading{
  padding:24px 26px!important;
  border:1px solid rgba(199,216,234,.92)!important;
  background:
    radial-gradient(circle at 96% 0,rgba(96,165,250,.14),transparent 14rem),
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,250,255,.94))!important;
  box-shadow:var(--lc-shadow-soft)!important;
}
:is(.view-heading,.care-heading,.action-center-heading,.access-heading) h2{
  color:#0b2341!important;
  letter-spacing:-.025em;
}
:is(.view-heading,.care-heading,.action-center-heading,.access-heading) p:not(.eyebrow){
  color:#667890!important;
  max-width:70ch;
}

.eyebrow{
  color:#2563eb!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}
.primary,.button.primary{
  border:0!important;
  background:linear-gradient(135deg,#1d4ed8,#2563eb 55%,#3b82f6)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(37,99,235,.2)!important;
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease!important;
}
.primary:hover,.button.primary:hover{
  transform:translateY(-1px);
  box-shadow:0 11px 26px rgba(37,99,235,.27)!important;
  filter:saturate(1.08);
}
.secondary,.quiet-button,.card-action,.button.secondary{
  border-color:var(--lc-line-strong)!important;
  background:rgba(255,255,255,.92)!important;
  color:#24496f!important;
  box-shadow:0 3px 12px rgba(15,39,70,.04);
}
.secondary:hover,.quiet-button:hover,.card-action:hover,.button.secondary:hover{
  border-color:#9fc0e7!important;
  background:#f6faff!important;
  color:#1d4ed8!important;
}

input,select,textarea{
  border-color:#cbdbea!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.97)!important;
  color:#10233f!important;
  box-shadow:inset 0 1px 2px rgba(15,39,70,.025);
}
input:focus,select:focus,textarea:focus{
  border-color:#60a5fa!important;
  outline:3px solid rgba(59,130,246,.13)!important;
  box-shadow:0 0 0 1px rgba(59,130,246,.08)!important;
}

:is(.panel,.card,.controls,.source-tools,.manual-panel,.import-panel,.assignment-summary,.care-autopilot-panel,.care-contacts-panel,.care-conversation-panel,.care-profile-panel,.action-center-grid>section,.team-dashboard-grid>section){
  border-color:var(--lc-line)!important;
  background:var(--lc-surface)!important;
  box-shadow:var(--lc-shadow-soft)!important;
}
.panel,.card,.controls,.care-autopilot-panel,.care-contacts-panel,.care-conversation-panel,.care-profile-panel{
  border-radius:var(--lc-radius-lg)!important;
}
.controls{padding:20px!important}

.action-scorecards{
  gap:14px!important;
}
.action-scorecards button,.team-summary>div,.summary-grid>.mini-stat{
  border:1px solid var(--lc-line)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#fff,#f7fbff)!important;
  box-shadow:var(--lc-shadow-soft)!important;
  transition:transform .15s ease,box-shadow .15s ease!important;
}
.action-scorecards button:hover,.team-summary>div:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(15,39,70,.11)!important;
}
.action-scorecards span,.team-summary span,.mini-stat b{
  color:#0b2d57!important;
  letter-spacing:-.03em;
}
.action-center-grid{
  gap:18px!important;
}
.action-center-grid>section{
  border-radius:18px!important;
  padding:20px!important;
}

.care-agent-controls{
  border:1px solid var(--lc-line)!important;
  border-radius:15px!important;
  padding:10px!important;
  background:rgba(247,251,255,.84)!important;
}
.care-autopilot-panel{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 90% 0,rgba(59,130,246,.12),transparent 17rem),
    linear-gradient(140deg,#ffffff,#f6faff)!important;
}
.care-autopilot-panel::after{
  content:"AI";
  position:absolute;
  right:22px;
  bottom:-20px;
  font-size:88px;
  line-height:1;
  font-weight:950;
  color:rgba(37,99,235,.035);
  pointer-events:none;
}
.care-autopilot-state.active{
  background:#e6f8f1!important;
  color:#087451!important;
  border-color:#b8ead8!important;
}
.care-autopilot-state.standby{
  background:#eef5ff!important;
  color:#225fb7!important;
}
.care-autopilot-state.stopped{
  background:#fff1f2!important;
  color:#b42335!important;
}
.care-followup-policy{
  display:block;
  max-width:34ch;
  color:#61748c!important;
  line-height:1.45;
}

.care-workspace{
  gap:14px!important;
}
.care-contacts-panel,.care-conversation-panel,.care-profile-panel{
  overflow:hidden;
}
.care-contacts-panel{padding:12px!important}
.care-search{margin:0 0 10px!important}
.care-inbox-filters{
  gap:6px!important;
  padding:5px!important;
  border:1px solid var(--lc-line)!important;
  border-radius:12px!important;
  background:#f7faff!important;
}
.care-inbox-filters button{
  border-radius:9px!important;
}
.care-inbox-filters button.active{
  background:#e6efff!important;
  color:#1d4ed8!important;
  box-shadow:inset 0 0 0 1px #bfd4f5;
}
.care-contact{
  margin:6px 0!important;
  border:1px solid transparent!important;
  border-radius:13px!important;
  transition:background .14s ease,border-color .14s ease,transform .14s ease!important;
}
.care-contact:hover{
  background:#f4f8fd!important;
  border-color:#d7e4f1!important;
  transform:translateX(2px);
}
.care-contact.active{
  background:linear-gradient(135deg,#eef5ff,#f7fbff)!important;
  border-color:#a9c7ed!important;
  box-shadow:0 6px 16px rgba(37,99,235,.07)!important;
}
.care-conversation-heading{
  padding:18px 20px!important;
  background:linear-gradient(180deg,#fbfdff,#f5f9fd)!important;
  border-bottom:1px solid var(--lc-line)!important;
}
.care-message-timeline{
  background:
    linear-gradient(rgba(247,250,253,.94),rgba(247,250,253,.94)),
    radial-gradient(circle at 20% 10%,rgba(59,130,246,.06),transparent 15rem)!important;
}
.care-message{
  border-radius:16px!important;
  box-shadow:0 3px 12px rgba(15,39,70,.05)!important;
}
.care-message.outbound{
  background:linear-gradient(145deg,#dcecff,#edf5ff)!important;
  border-color:#bdd6f6!important;
}
.care-message.inbound{
  background:#fff!important;
  border-color:#dce6f1!important;
}
.care-reply-assistant{
  margin:14px!important;
  border-radius:17px!important;
  border:1px solid #cfe0f4!important;
  background:linear-gradient(145deg,#f8fbff,#eef5ff)!important;
}
.care-assistant-label{color:#2563eb!important}
.care-composer{
  margin:14px!important;
  border-radius:17px!important;
  border:1px solid var(--lc-line)!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(15,39,70,.06)!important;
}
.care-marketplace-live{
  margin:14px!important;
  border-radius:17px!important;
  border-color:#d2e2f3!important;
  background:linear-gradient(145deg,#fff,#f8fbff)!important;
}

.badge,.care-consent,.master-badge,.care-mode{
  border-radius:999px!important;
}
.badge.seen,.master-badge{
  background:linear-gradient(135deg,#173f72,#245b98)!important;
  color:#fff!important;
}

.vehicle-card,.posting-card,.lead-card{
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
}
.vehicle-card:hover,.posting-card:hover,.lead-card:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 36px rgba(15,39,70,.12)!important;
  border-color:#bad0e7!important;
}

.auth-screen{
  background:
    radial-gradient(circle at 15% 10%,rgba(59,130,246,.18),transparent 26rem),
    radial-gradient(circle at 90% 85%,rgba(56,189,248,.12),transparent 24rem),
    linear-gradient(145deg,#06162b,#0b2a4f 62%,#123d70)!important;
}
.auth-panel{
  border:1px solid rgba(191,219,254,.18)!important;
  background:rgba(9,29,54,.82)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(22px);
  border-radius:24px!important;
}

.program-grid .card,.step-card,.selector-card{
  border-color:var(--lc-line)!important;
  border-radius:18px!important;
  box-shadow:var(--lc-shadow-soft)!important;
}
.program-grid .card:hover,.step-card:hover{
  box-shadow:0 15px 38px rgba(15,39,70,.12)!important;
}

@media(max-width:1180px){
  .workspace-program-current{
    border-color:var(--lc-line)!important;
    border-radius:13px!important;
    box-shadow:var(--lc-shadow-soft)!important;
  }
}
@media(max-width:760px){
  body{
    background:
      radial-gradient(circle at 15% -5%,rgba(59,130,246,.15),transparent 20rem),
      linear-gradient(180deg,#f4f8fc,#eef4f9 60%,#f7f9fc);
  }
  #appShell>main{padding-left:10px!important;padding-right:10px!important}
  .topbar,.market-topbar{
    min-height:64px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .account-bar>div{max-width:150px}
  .account-bar small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
  .view-heading,.care-heading,.action-center-heading,.access-heading{
    padding:18px!important;
    border-radius:18px!important;
  }
  .care-heading{gap:14px!important}
  .care-agent-controls{width:100%;display:grid!important;grid-template-columns:1fr 1fr!important}
  .care-mode{grid-column:1/-1}
  .action-scorecards,.team-summary{
    gap:8px!important;
  }
  .action-scorecards button,.team-summary>div{
    min-width:0!important;
    padding:12px 10px!important;
  }
  .care-workspace{
    display:block!important;
  }
  .care-contacts-panel,.care-conversation-panel,.care-profile-panel{
    border-radius:16px!important;
  }
  .care-conversation-panel{margin-top:10px}
  .care-profile-panel{margin-top:10px}
}