/* ==========================================================================
   Theme: dark (default) + light (Shiva Concept website look: white + red)
   - Toggle button in the header; choice is remembered (localStorage "scs-theme").
   - The light rules below were generated from css/counsellor.css. If you change
     colors in counsellor.css later, adjust them here as well.
   ========================================================================== */

/* ---- toggle button (both themes) ---- */
.header-right {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.theme-toggle {
  width: 40px;
  height: 40px;
  flex: none;
  display: inline-grid;
  place-items: center;
  padding: 0;
  cursor: pointer;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.06);
  color: #f1f1f1;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.theme-toggle:hover {
  background: rgba(228, 71, 71, 0.18);
  border-color: rgba(228, 71, 71, 0.6);
  transform: rotate(-12deg);
}

.theme-toggle:focus-visible {
  outline: 2px solid #e44747;
  outline-offset: 2px;
}

.theme-toggle svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.theme-toggle .icon-moon { display: none; }
html[data-theme="light"] .theme-toggle .icon-sun { display: none; }
html[data-theme="light"] .theme-toggle .icon-moon { display: block; }

html, body, .counsellor-page, .counsellor-page * {
  transition: background-color 0.25s ease, border-color 0.25s ease, color 0.2s ease;
}

/* ---- light theme: base ---- */
html[data-theme="light"] {
  color-scheme: light;
  background: #f8faff;
}

html[data-theme="light"] body {
  background: #f8faff;
  color: #0d1526;
}

/* ---- light theme: generated overrides ---- */
html[data-theme="light"] .ai-counsellor {
  color: var(--white);
  background: radial-gradient(
      900px 500px at 50% -180px,
      rgba(124, 58, 237, 0.18),
      transparent 70%
    ),
    radial-gradient(
      700px 500px at 100% 40%,
      rgba(34, 211, 238, 0.06),
      transparent 70%
    ),
    linear-gradient(
      180deg,
      #f8faff 0%,
      #f3f3f3 45%,
      #f6f6f6 100%
    );
}
html[data-theme="light"] .grid-background {
  background-image: linear-gradient(
      rgba(148, 163, 184, 0.035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(148, 163, 184, 0.035) 1px,
      transparent 1px
    );
}
html[data-theme="light"] .ambient-one {
  background: #201ce4;
}
html[data-theme="light"] .ambient-two {
  background: #2d10d4;
}
html[data-theme="light"] .header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.055);
}
html[data-theme="light"] .brand-mark {
  background: linear-gradient(
      135deg,
      #8b5cf6,
      #6366f1
    );
  box-shadow: 0 8px 25px
      rgba(25, 6, 194, 0.25);
}
html[data-theme="light"] .brand-mark::before {
  border: 2px solid white;
}
html[data-theme="light"] .brand-mark::after {
  background: white;
  box-shadow: 0 0 8px white;
}
html[data-theme="light"] .brand-title {
  color: #0d1526;
}
html[data-theme="light"] .brand-subtitle {
  color: #66738a;
}
html[data-theme="light"] .secure-badge {
  border: 1px solid rgba(148, 163, 184, 0.1);
  color: #444e5f;
  background: rgba(13, 21, 38, 0.11);
}
html[data-theme="light"] .green-dot {
  background: #34d399;
  box-shadow: 0 0 10px rgba(52, 211, 153, 0.8);
}
html[data-theme="light"] .eyebrow {
  border: 1px solid rgba(139, 92, 246, 0.25);
  color: #2f0eaa;
  background: rgba(124, 58, 237, 0.07);
}
html[data-theme="light"] .eyebrow span {
  color: #3208b0;
}
html[data-theme="light"] .hero h1 {
  color: #375c81;
}
html[data-theme="light"] .hero h1 span {
  background: linear-gradient(
      90deg,
      #c4b5fd,
      #8b5cf6 45%,
      #60a5fa 100%
    );
  color: transparent;
}
html[data-theme="light"] .hero > p {
  color: #444e5f;
}
html[data-theme="light"] .ai-orb {
  background: radial-gradient(
      circle at 30% 25%,
      #ede9fe 0%,
      #c4b5fd 15%,
      #8b5cf6 35%,
      #6d28d9 58%,
      #f1f5fb 85%,
      #ececec 100%
    );
  border: 1px solid
    rgba(0, 0, 0, 0.18);
  box-shadow: 0 0 40px
      rgba(139, 92, 246, 0.5),
    0 0 100px
      rgba(109, 40, 217, 0.18),
    inset -20px -20px 35px
      rgba(13, 21, 38, 0.11);
}
html[data-theme="light"] .orb-shine {
  background: rgba(0, 0, 0, 0.3);
}
html[data-theme="light"] .orb-center span {
  color: #0d1526;
  text-shadow: 0 0 18px white;
}
html[data-theme="light"] .ai-orb i {
  border: 1px solid
    rgba(0, 0, 0, 0.15);
}
html[data-theme="light"] .orbit-a {
  border: 1px solid
    rgba(167, 139, 250, 0.14);
}
html[data-theme="light"] .orbit-b {
  border: 1px dashed
    rgba(96, 165, 250, 0.12);
}
html[data-theme="light"] .orbit-c {
  border: 1px solid
    rgba(139, 92, 246, 0.07);
}
html[data-theme="light"] .orb-label {
  border: 1px solid
    rgba(148, 163, 184, 0.1);
  color: #444e5f;
  background: rgba(255, 255, 255, 0.9);
}
html[data-theme="light"] .voice-cta {
  border: 1px solid
    rgba(167, 139, 250, 0.28);
  color: #0d1526;
  background: linear-gradient(
      135deg,
      #8b5cf6,
      #6366f1
    );
  box-shadow: 0 12px 35px
      rgba(99, 102, 241, 0.22);
}
html[data-theme="light"] .voice-cta:hover {
  box-shadow: 0 18px 45px
      rgba(99, 102, 241, 0.32);
}
html[data-theme="light"] .voice-active {
  background: linear-gradient(
      135deg,
      #06b6d4,
      #2563eb
    );
}
html[data-theme="light"] .arrow {
  color: #2304b3;
}
html[data-theme="light"] .voice-support {
  color: #144aa1;
}
html[data-theme="light"] .conversation-panel,
html[data-theme="light"] .side-card,
html[data-theme="light"] .privacy-card {
  border: 1px solid var(--border);
  background: linear-gradient(
      145deg,
      rgba(43, 114, 172, 0.82),
      rgba(71, 114, 194, 0.88)
    );
  box-shadow: 0 20px 60px
      rgba(18, 1, 172, 0.08);
}
html[data-theme="light"] .panel-top {
  border-bottom: 1px solid
    rgba(0, 0, 0, 0.055);
}
html[data-theme="light"] .panel-icon {
  color: #2905b3;
  background: rgba(124, 58, 237, 0.12);
  border: 1px solid
    rgba(167, 139, 250, 0.12);
}
html[data-theme="light"] .panel-heading span,
html[data-theme="light"] .side-card-title span {
  color: #59677e;
}
html[data-theme="light"] .panel-heading h2,
html[data-theme="light"] .side-card-title h3 {
  color: #385380;
}
html[data-theme="light"] .reset-button {
  color: #69768b;
  background: transparent;
  border: 1px solid
    rgba(148, 163, 184, 0.1);
}
html[data-theme="light"] .reset-button:hover {
  color: #365682;
  border-color: rgba(167, 139, 250, 0.25);
}
html[data-theme="light"] .ai-avatar {
  color: #2905b3;
  background: rgba(124, 58, 237, 0.12);
  border: 1px solid
    rgba(167, 139, 250, 0.13);
}
html[data-theme="light"] .user-avatar {
  color: #0357b4;
  background: rgba(37, 99, 235, 0.1);
  border: 1px solid
    rgba(96, 165, 250, 0.12);
}
html[data-theme="light"] .chat-message small {
  color: #627087;
}
html[data-theme="light"] .ai-message {
  color: #445874;
  background: rgba(13, 21, 38, 0.106);
  border: 1px solid
    rgba(148, 163, 184, 0.07);
}
html[data-theme="light"] .user-message {
  color: #f8f7ff;
  background: linear-gradient(
      135deg,
      #7c3aed,
      #5b4bd8
    );
  border: 1px solid
    rgba(196, 181, 253, 0.15);
}
html[data-theme="light"] .speak-button {
  border: 1px solid
    rgba(148, 163, 184, 0.1);
  background: #ffffff;
}
html[data-theme="light"] .typing-box {
  background: rgba(13, 21, 38, 0.11);
  border: 1px solid
    rgba(148, 163, 184, 0.06);
}
html[data-theme="light"] .typing-box span {
  background: #a78bfa;
}
html[data-theme="light"] .composer {
  border-top: 1px solid
    rgba(0, 0, 0, 0.055);
}
html[data-theme="light"] .composer-box {
  border: 1px solid
    rgba(148, 163, 184, 0.11);
  background: #f4f4f4;
}
html[data-theme="light"] .composer-box:focus-within {
  border-color: rgba(139, 92, 246, 0.4);
  box-shadow: 0 0 0 3px
      rgba(139, 92, 246, 0.05);
}
html[data-theme="light"] .composer textarea {
  outline: none;
  border: none;
  color: #385c7f;
  background: transparent;
}
html[data-theme="light"] .composer textarea::placeholder {
  color: #4e5b70;
}
html[data-theme="light"] .mic-button {
  color: #444e5f;
  background: #ffffff;
  border: 1px solid
    rgba(148, 163, 184, 0.08);
}
html[data-theme="light"] .mic-button:hover,
html[data-theme="light"] .mic-on {
  color: #0d1526;
  background: rgba(124, 58, 237, 0.2);
  border-color: rgba(167, 139, 250, 0.3);
}
html[data-theme="light"] .send-button {
  color: #0d1526;
  border: 1px solid
    rgba(167, 139, 250, 0.15);
  background: linear-gradient(
      135deg,
      #8b5cf6,
      #6366f1
    );
}
html[data-theme="light"] .composer-hint {
  color: #3e4b61;
}
html[data-theme="light"] .side-card-title {
  border-bottom: 1px solid
    rgba(0, 0, 0, 0.055);
}
html[data-theme="light"] .mini-star {
  color: #2905b3;
  background: rgba(124, 58, 237, 0.11);
}
html[data-theme="light"] .profile-row {
  border: 1px solid
    rgba(148, 163, 184, 0.06);
  background: rgba(13, 21, 38, 0.077);
}
html[data-theme="light"] .profile-icon {
  color: #3208b0;
  background: rgba(124, 58, 237, 0.09);
}
html[data-theme="light"] .profile-row small {
  color: #59677e;
}
html[data-theme="light"] .profile-row strong {
  color: #445974;
}
html[data-theme="light"] .process-item b {
  color: #3208b0;
  background: rgba(124, 58, 237, 0.09);
}
html[data-theme="light"] .process-item strong {
  color: #435a74;
}
html[data-theme="light"] .process-item p {
  color: #5d6a7f;
}
html[data-theme="light"] .process-line {
  background: rgba(139, 92, 246, 0.18);
}
html[data-theme="light"] .privacy-card {
  background: rgba(13, 21, 38, 0.121);
}
html[data-theme="light"] .privacy-card strong {
  color: #435a74;
}
html[data-theme="light"] .privacy-card p {
  color: #59667b;
}
html[data-theme="light"] .feature {
  border: 1px solid
    rgba(148, 163, 184, 0.07);
  background: rgba(13, 21, 38, 0.143);
}
html[data-theme="light"] .feature > div {
  background: rgba(124, 58, 237, 0.09);
}
html[data-theme="light"] .feature span {
  color: #59667b;
}
html[data-theme="light"] .feature strong {
  color: #465971;
}
html[data-theme="light"] .footer {
  color: #354157;
}
html[data-theme="light"] .ai-orb.is-listening {
  box-shadow: 0 0 45px
      rgba(34, 211, 238, 0.55),
    0 0 100px
      rgba(34, 211, 238, 0.2);
}
html[data-theme="light"] .ai-orb.is-speaking {
  box-shadow: 0 0 45px
      rgba(99, 102, 241, 0.65),
    0 0 100px
      rgba(139, 92, 246, 0.22);
}
html[data-theme="light"] .counsellor-page {
  color: var(--text-main);
  background: radial-gradient(ellipse at 50% -25%, rgba(25, 73, 230, 0.12), transparent 50%),
    var(--page-bg);
}
html[data-theme="light"] .counsellor-page .top-header {
  border-bottom: 1px solid var(--panel-border);
}
html[data-theme="light"] .counsellor-page .brand-logo {
  border: 1px solid rgba(0, 0, 0, 0.14);
  background: #fff;
}
html[data-theme="light"] .counsellor-page .brand-text strong {
  color: var(--text-main);
}
html[data-theme="light"] .counsellor-page .brand-text span {
  color: #0d1526;
}
html[data-theme="light"] .counsellor-page .reset-button {
  border: 1px solid rgba(0, 0, 0, 0.22);
  color: #0d1526;
  background: transparent;
}
html[data-theme="light"] .counsellor-page .reset-button:hover {
  border-color: #3c66ef;
  background: rgba(60, 102, 239, 0.1);
}
html[data-theme="light"] .counsellor-page .intro-eyebrow {
  color: #002bb8;
}
html[data-theme="light"] .counsellor-page .intro h1 {
  color: var(--text-main);
}
html[data-theme="light"] .counsellor-page .intro-copy {
  color: var(--text-muted);
}
html[data-theme="light"] .counsellor-page .chat-panel {
  border: 1px solid var(--panel-border);
  background: var(--panel-bg);
  box-shadow: 0 20px 70px rgba(0, 0, 0, 0.088);
}
html[data-theme="light"] .counsellor-page .panel-header {
  border-bottom: 1px solid var(--panel-border);
}
html[data-theme="light"] .counsellor-page .panel-header h2 {
  color: var(--text-main);
}
html[data-theme="light"] .counsellor-page .panel-header p {
  color: var(--text-muted);
}
html[data-theme="light"] .counsellor-page .online-status {
  color: #455373;
}
html[data-theme="light"] .counsellor-page .online-status span {
  background: #54d49b;
  box-shadow: 0 0 10px rgba(84, 212, 155, 0.45);
}
html[data-theme="light"] .counsellor-page .online-status.is-thinking span {
  background: #f1c76f;
  box-shadow: 0 0 10px rgba(241, 199, 111, 0.45);
}
html[data-theme="light"] .counsellor-page .message-avatar {
  border: 1px solid rgba(60, 102, 239, 0.34);
  color: #002bb8;
  background: rgba(60, 102, 239, 0.1);
}
html[data-theme="light"] .counsellor-page .message-user .message-avatar {
  border-color: rgba(140, 167, 219, 0.2);
  color: #274b90;
  background: rgba(104, 132, 187, 0.15);
}
html[data-theme="light"] .counsellor-page .message-name {
  color: #465472;
}
html[data-theme="light"] .counsellor-page .message-bubble {
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #0d1526;
  background: #f1f5fb;
}
html[data-theme="light"] .counsellor-page .message-user .message-bubble {
  border-color: rgba(60, 102, 239, 0.42);
  color: white;
  background: linear-gradient(140deg, #2855e7, #1439b4);
}
html[data-theme="light"] .counsellor-page .message-time {
  color: #79849b;
}
html[data-theme="light"] .counsellor-page .starter-prompts > span {
  color: var(--text-muted);
}
html[data-theme="light"] .counsellor-page .starter-prompts button {
  border: 1px solid rgba(0, 0, 0, 0.17);
  color: #0d1526;
  background: #ffffff;
}
html[data-theme="light"] .counsellor-page .starter-prompts button:hover {
  border-color: rgba(60, 102, 239, 0.65);
  background: rgba(60, 102, 239, 0.12);
}
html[data-theme="light"] .counsellor-page .thinking-bubble span {
  background: #6287ff;
}
html[data-theme="light"] .counsellor-page .chat-input-area {
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: #f7f7f7;
}
html[data-theme="light"] .counsellor-page .chat-input-area:focus-within {
  border-color: rgba(60, 102, 239, 0.8);
  box-shadow: 0 0 0 3px rgba(60, 102, 239, 0.1);
}
html[data-theme="light"] .counsellor-page .chat-input-area textarea {
  border: 0;
  outline: 0;
  color: var(--text-main);
  background: transparent;
}
html[data-theme="light"] .counsellor-page .chat-input-area textarea::placeholder {
  color: #444d5f;
}
html[data-theme="light"] .counsellor-page .mic-button,
html[data-theme="light"] .counsellor-page .send-button {
  border: 1px solid transparent;
  color: #0d1526;
  background: #f1f5fb;
}
html[data-theme="light"] .counsellor-page .mic-button:hover,
html[data-theme="light"] .counsellor-page .mic-button.mic-active {
  border-color: #3c66ef;
  background: rgba(60, 102, 239, 0.17);
}
html[data-theme="light"] .counsellor-page .send-button {
  color: #fff;
  background: #2452e7;
}
html[data-theme="light"] .counsellor-page .send-button:disabled {
  color: #454c5e;
  background: #d1d1d1;
}
html[data-theme="light"] .counsellor-page .input-hint {
  color: #454d5e;
}
html[data-theme="light"] .counsellor-page .course-recommendation-label {
  color: #002bb8;
}
html[data-theme="light"] .counsellor-page .course-warning {
  color: var(--text-muted);
}
html[data-theme="light"] .counsellor-page .course-card {
  border: 1px solid var(--panel-border);
  background: #ffffff;
}
html[data-theme="light"] .counsellor-page .course-card h3 {
  color: var(--text-main);
}
html[data-theme="light"] .counsellor-page .course-card p,
html[data-theme="light"] .counsellor-page .course-card li {
  color: #445474;
}
html[data-theme="light"] .counsellor-page .course-card-footer {
  color: var(--text-muted);
}
html[data-theme="light"] .counsellor-page .course-card-footer a {
  color: #002bb8;
}
html[data-theme="light"] .counsellor-page .course-syllabus h4 {
  color: #002bb8;
}
html[data-theme="light"] .counsellor-page .syllabus-module {
  border: 1px solid var(--panel-border);
  background: rgba(0, 0, 0, 0.025);
}
html[data-theme="light"] .counsellor-page .syllabus-module summary {
  color: #0d1526;
}
html[data-theme="light"] .counsellor-page .syllabus-module[open] summary {
  color: #002bb8;
}
html[data-theme="light"] .counsellor-page .syllabus-module li {
  color: #445474;
}
html[data-theme="light"] .career-assessment {
  border: 1px solid rgba(120, 100, 255, 0.28);
  background: linear-gradient(
      145deg,
      rgba(92, 72, 190, 0.16),
      rgba(255, 255, 255, 0.92)
    );
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.088);
}
html[data-theme="light"] .assessment-eyebrow {
  color: #1a00b8;
}
html[data-theme="light"] .best-career-card {
  background: rgba(0, 0, 0, 0.055);
  border: 1px solid rgba(0, 0, 0, 0.09);
}
html[data-theme="light"] .match-score {
  border: 3px solid currentColor;
}
html[data-theme="light"] .score-excellent {
  color: #16a267;
}
html[data-theme="light"] .score-very-good {
  color: #0075b8;
}
html[data-theme="light"] .score-good {
  color: #2d00b8;
}
html[data-theme="light"] .score-possible {
  color: #b87b00;
}
html[data-theme="light"] .score-low {
  color: #b80000;
}
html[data-theme="light"] .career-option {
  background: rgba(0, 0, 0, 0.035);
  border: 1px solid rgba(0, 0, 0, 0.07);
}
html[data-theme="light"] .assessment-note {
  background: rgba(0, 0, 0, 0.035);
}
html[data-theme="light"] .career-report-card {
  background: linear-gradient(
      145deg,
      rgba(80, 70, 180, 0.18),
      rgba(255, 255, 255, 0.96)
    );
  border: 1px solid rgba(130, 110, 255, 0.30);
  box-shadow: 0 20px 55px rgba(0, 0, 0, 0.096);
}
html[data-theme="light"] .report-eyebrow {
  color: #1d00b8;
}
html[data-theme="light"] .profile-box {
  background: rgba(0, 0, 0, 0.035);
  border: 1px solid rgba(0, 0, 0, 0.07);
}
html[data-theme="light"] .report-career {
  background: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
html[data-theme="light"] .report-score {
  border: 3px solid #8e7cff;
  color: #1d00b8;
}
html[data-theme="light"] .report-tags span {
  background: rgba(80, 220, 160, 0.09);
  border: 1px solid rgba(80, 220, 160, 0.2);
}
html[data-theme="light"] .report-gap-tags span {
  background: rgba(255, 190, 80, 0.08);
  border-color: rgba(255, 190, 80, 0.2);
}
html[data-theme="light"] .roadmap-item {
  background: rgba(0, 0, 0, 0.035);
  border: 1px solid rgba(0, 0, 0, 0.07);
}
html[data-theme="light"] .roadmap-number {
  background: rgba(130,110,255,0.16);
  color: #1d00b8;
}
html[data-theme="light"] .project-item {
  background: rgba(0, 0, 0, 0.035);
}
html[data-theme="light"] .project-item span {
  background: rgba(130,110,255,0.15);
  color: #1d00b8;
}
html[data-theme="light"] .next-step {
  background: rgba(120,100,255,0.10);
  border: 1px solid rgba(120,100,255,0.20);
}
html[data-theme="light"] .next-step span {
  color: #1d00b8;
}
html[data-theme="light"] .talk-to-us-button {
  border: none;
  outline: none;
  background: #25d366;
  color: #ffffff;
}
html[data-theme="light"] .talk-to-us-button:hover {
  box-shadow: 0 10px 25px rgba(37, 211, 102, 0.25);
}
html[data-theme="light"] .whatsapp-modal-overlay {
  background: rgba(0, 0, 0, 0.39);
}
html[data-theme="light"] .whatsapp-modal {
  background: #eaeaea;
  border: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.18);
}
html[data-theme="light"] .whatsapp-close {
  border: none;
  background: rgba(0, 0, 0, 0.08);
  color: #0d1526;
}
html[data-theme="light"] .whatsapp-close:hover {
  background: rgba(0, 0, 0, 0.16);
}
html[data-theme="light"] .whatsapp-modal-icon {
  background: rgba(37, 211, 102, 0.12);
}
html[data-theme="light"] .whatsapp-modal h2 {
  color: #0d1526;
}
html[data-theme="light"] .whatsapp-modal p {
  color: rgba(22, 22, 26, 0.7);
}
html[data-theme="light"] .whatsapp-location-title {
  color: #0d1526;
}
html[data-theme="light"] .whatsapp-location-buttons button {
  border: 1px solid rgba(37, 211, 102, 0.25);
  background: rgba(37, 211, 102, 0.08);
  color: #0d1526;
}
html[data-theme="light"] .whatsapp-location-buttons button:hover {
  background: #25d366;
  border-color: #25d366;
}
html[data-theme="light"] .counsellor-page {
  background: radial-gradient(ellipse at 50% -22%, rgba(23, 64, 202, 0.2), transparent 52%),
    radial-gradient(ellipse at 8% 42%, rgba(14, 41, 130, 0.08), transparent 36%),
    radial-gradient(rgba(0, 0, 0, 0.026) 0.7px, transparent 0.7px),
    var(--page-bg);
}
html[data-theme="light"] .counsellor-page .top-header {
  border-bottom-color: rgba(65, 104, 234, 0.2);
}
html[data-theme="light"] .counsellor-page .brand-logo {
  border-color: rgba(217, 180, 119, 0.42);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.112), 0 0 24px rgba(65, 104, 234, 0.08);
}
html[data-theme="light"] .counsellor-page .brand-text span {
  color: var(--sacred-gold);
}
html[data-theme="light"] .counsellor-page .reset-button:hover,
html[data-theme="light"] .counsellor-page .starter-prompts button:hover {
  color: #0d1526;
  border-color: rgba(65, 104, 234, 0.72);
  background: rgba(65, 104, 234, 0.12);
}
html[data-theme="light"] .counsellor-page .intro-main {
  border: 1px solid rgba(65, 104, 234, 0.16);
  background: linear-gradient(105deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.88) 58%, rgba(255, 255, 255, 0.72));
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.035), 0 18px 55px rgba(0, 0, 0, 0.056);
}
html[data-theme="light"] .counsellor-page .intro-eyebrow {
  color: #1134a7;
}
html[data-theme="light"] .counsellor-page .intro-eyebrow::before {
  background: linear-gradient(90deg, var(--sacred-gold), transparent);
}
html[data-theme="light"] .counsellor-page .intro h1 {
  text-shadow: 0 4px 28px rgba(0, 0, 0, 0.152);
}
html[data-theme="light"] .counsellor-page .intro-copy {
  color: #4f4f54;
}
html[data-theme="light"] .counsellor-page .chat-panel {
  border-color: rgba(0, 0, 0, 0.11);
  background: linear-gradient(155deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.99) 42%);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.192),
    0 0 40px rgba(19, 56, 176, 0.08),
    inset 0 1px rgba(0, 0, 0, 0.035);
}
html[data-theme="light"] .counsellor-page .panel-header {
  border-bottom-color: rgba(0, 0, 0, 0.075);
  background: linear-gradient(90deg, rgba(16, 45, 141, 0.1), transparent 70%);
}
html[data-theme="light"] .counsellor-page .panel-header p {
  color: #4e4e55;
}
html[data-theme="light"] .counsellor-page .online-status {
  border: 1px solid rgba(84, 212, 155, 0.16);
  background: rgba(84, 212, 155, 0.045);
}
html[data-theme="light"] .counsellor-page .online-status.is-thinking {
  border-color: rgba(241, 199, 111, 0.2);
  background: rgba(241, 199, 111, 0.06);
}
html[data-theme="light"] .counsellor-page .message-avatar {
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.072);
}
html[data-theme="light"] .counsellor-page .message-name {
  color: #535053;
}
html[data-theme="light"] .counsellor-page .message-bubble {
  border-color: rgba(0, 0, 0, 0.08);
  background: linear-gradient(145deg, #f1f5fb, #f1f5fb);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.056);
}
html[data-theme="light"] .counsellor-page .message-user .message-bubble {
  border-color: rgba(100, 134, 244, 0.3);
  background: linear-gradient(135deg, #2f5ae8, #143ab7);
  box-shadow: 0 8px 24px rgba(20, 58, 183, 0.15);
}
html[data-theme="light"] .counsellor-page .starter-prompts button {
  border-color: rgba(0, 0, 0, 0.12);
  background: linear-gradient(145deg, #e8e8e8, #ffffff);
}
html[data-theme="light"] .counsellor-page .chat-input-area {
  border-color: rgba(0, 0, 0, 0.14);
  background: #f1f1f1;
}
html[data-theme="light"] .counsellor-page .chat-input-area:focus-within {
  border-color: rgba(65, 104, 234, 0.72);
  box-shadow: 0 0 0 4px rgba(65, 104, 234, 0.09);
}
html[data-theme="light"] .counsellor-page .send-button {
  background: linear-gradient(135deg, #3d65e9, #163ec2);
  box-shadow: 0 5px 15px rgba(22, 62, 194, 0.2);
}
html[data-theme="light"] .counsellor-page .input-hint {
  color: #77747a;
}
html[data-theme="light"] .counsellor-page .course-recommendation-label,
html[data-theme="light"] .counsellor-page .course-syllabus h4 {
  color: #1134a7;
}
html[data-theme="light"] .counsellor-page .course-card {
  border-color: rgba(0, 0, 0, 0.1);
  background: linear-gradient(145deg, #e8e8e8, #eeeeee);
}
html[data-theme="light"] .counsellor-page .course-card-footer a {
  color: #1134a7;
}
html[data-theme="light"] .counsellor-page .career-assessment,
html[data-theme="light"] .counsellor-page .career-report-card {
  border-color: rgba(65, 104, 234, 0.25);
  background: radial-gradient(ellipse at 100% 0%, rgba(217, 180, 119, 0.07), transparent 42%),
    linear-gradient(145deg, rgba(13, 21, 38, 0.075), rgba(255, 255, 255, 0.97) 58%);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.112);
}
html[data-theme="light"] .counsellor-page .assessment-eyebrow,
html[data-theme="light"] .counsellor-page .report-eyebrow,
html[data-theme="light"] .counsellor-page .next-step span {
  color: #1134a7;
}
html[data-theme="light"] .counsellor-page .best-career-card,
html[data-theme="light"] .counsellor-page .report-career {
  border-color: rgba(217, 180, 119, 0.19);
  background: linear-gradient(110deg, rgba(217, 180, 119, 0.07), rgba(0, 0, 0, 0.035));
}
html[data-theme="light"] .counsellor-page .match-score.score-good,
html[data-theme="light"] .counsellor-page .report-score {
  color: var(--sacred-gold);
  border-color: var(--sacred-gold);
}
html[data-theme="light"] .counsellor-page .career-option,
html[data-theme="light"] .counsellor-page .profile-box,
html[data-theme="light"] .counsellor-page .roadmap-item,
html[data-theme="light"] .counsellor-page .project-item {
  border-color: rgba(0, 0, 0, 0.09);
  background: rgba(0, 0, 0, 0.035);
}
html[data-theme="light"] .counsellor-page .roadmap-number,
html[data-theme="light"] .counsellor-page .project-item span {
  color: #1134a7;
  background: rgba(65, 104, 234, 0.13);
}
html[data-theme="light"] .counsellor-page .next-step {
  border-color: rgba(65, 104, 234, 0.22);
  background: rgba(65, 104, 234, 0.08);
}
html[data-theme="light"] .counsellor-page .talk-to-us-button {
  border: 1px solid rgba(111, 145, 255, 0.35);
  background: linear-gradient(135deg, #2d59e8, #143ab8);
  box-shadow: 0 10px 28px rgba(20, 58, 184, 0.2);
}
html[data-theme="light"] .counsellor-page .talk-to-us-button:hover {
  border-color: rgba(255, 190, 151, 0.65);
  box-shadow: 0 13px 32px rgba(20, 58, 184, 0.3);
}
html[data-theme="light"] .counsellor-page .whatsapp-modal {
  border-color: rgba(65, 104, 234, 0.24);
  background: radial-gradient(ellipse at 50% 0%, rgba(19, 56, 176, 0.18), transparent 52%),
    #eeeeee;
}
html[data-theme="light"] .counsellor-page .whatsapp-modal-icon {
  border: 1px solid rgba(65, 104, 234, 0.24);
  background: rgba(65, 104, 234, 0.1);
}
html[data-theme="light"] .counsellor-page .whatsapp-location-buttons button {
  border-color: rgba(65, 104, 234, 0.24);
  background: rgba(65, 104, 234, 0.07);
}
html[data-theme="light"] .counsellor-page .whatsapp-location-buttons button:hover {
  border-color: #2d59e8;
  background: #1741cd;
}
html[data-theme="light"] .counsellor-page .chat-panel:hover {
  border-color: rgba(65, 104, 234, 0.2);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.192),
    0 0 48px rgba(19, 56, 176, 0.1),
    inset 0 1px rgba(0, 0, 0, 0.035);
}
html[data-theme="light"] .counsellor-page :is(button, a, summary):focus-visible {
  outline: 2px solid var(--sacred-gold);
}
@media (max-width: 700px) {
  html[data-theme="light"] .counsellor-page .chat-panel {
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.152);
  }

}
html[data-theme="light"] .register-lead-btn {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: #ffffff;
  border: none;
  box-shadow: 0 4px 14px rgba(16, 185, 129, 0.35);
}
html[data-theme="light"] .register-lead-btn:hover {
  box-shadow: 0 6px 20px rgba(16, 185, 129, 0.45);
}
html[data-theme="light"] .registered-lead-badge {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
  color: #34d399;
}
html[data-theme="light"] .lead-modal-overlay {
  background: rgba(0, 0, 0, 0.468);
}
html[data-theme="light"] .lead-modal {
  background: linear-gradient(180deg, #f1f5fb 0%, #f8faff 100%);
  border: 1px solid rgba(28, 75, 230, 0.3);
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.28), 0 0 35px rgba(28, 75, 230, 0.15);
  color: #375c81;
}
html[data-theme="light"] .lead-modal-icon {
  background: rgba(28, 75, 230, 0.12);
  border: 1px solid rgba(28, 75, 230, 0.28);
}
html[data-theme="light"] .lead-modal h2 {
  color: #0d1526;
}
html[data-theme="light"] .lead-modal p {
  color: rgba(22, 22, 26, 0.65);
}
html[data-theme="light"] .form-group label {
  color: rgba(22, 22, 26, 0.85);
}
html[data-theme="light"] .form-group label span.req {
  color: #af0909;
}
html[data-theme="light"] .form-group input,
html[data-theme="light"] .form-group select {
  background: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.15);
  color: #0d1526;
  outline: none;
}
html[data-theme="light"] .form-group input:focus,
html[data-theme="light"] .form-group select:focus {
  border-color: #446cef;
  background: rgba(0, 0, 0, 0.08);
}
html[data-theme="light"] .form-group select option {
  background: #f1f5fb;
  color: #0d1526;
}
html[data-theme="light"] .lead-submit-btn {
  background: linear-gradient(135deg, #1c4be6 0%, #153dc0 100%);
  border: none;
  color: #ffffff;
  box-shadow: 0 4px 16px rgba(28, 75, 230, 0.35);
}
html[data-theme="light"] .lead-submit-btn:hover:not(:disabled) {
  background: linear-gradient(135deg, #446cef 0%, #1c4be6 100%);
}
html[data-theme="light"] .lead-success-alert {
  background: rgba(16, 185, 129, 0.18);
  border: 1px solid rgba(16, 185, 129, 0.4);
  color: #34d399;
}
html[data-theme="light"] .free-counselling-nudge {
  background: linear-gradient(90deg, rgba(28, 75, 230, 0.14) 0%, rgba(37, 99, 235, 0.12) 100%);
  border: 1px solid rgba(28, 75, 230, 0.26);
}
html[data-theme="light"] .nudge-text {
  color: rgba(22, 22, 26, 0.9);
}
html[data-theme="light"] .nudge-btn {
  background: #1c4be6;
  color: #ffffff;
  border: none;
}
html[data-theme="light"] .nudge-btn:hover {
  background: #446cef;
}
html[data-theme="light"] .inline-whatsapp-card {
  background: linear-gradient(135deg, rgba(37, 211, 102, 0.08) 0%, rgba(18, 140, 126, 0.05) 100%);
  border: 1px solid rgba(37, 211, 102, 0.26);
}
html[data-theme="light"] .whatsapp-badge {
  background: rgba(37, 211, 102, 0.18);
  color: #25d366;
}
html[data-theme="light"] .whatsapp-card-head h4 {
  color: #0d1526;
}
html[data-theme="light"] .whatsapp-card-copy {
  color: rgba(22, 22, 26, 0.72);
}
html[data-theme="light"] .branch-action-pill {
  background: rgba(37, 211, 102, 0.12);
  border: 1px solid rgba(37, 211, 102, 0.3);
  color: #25d366;
}
html[data-theme="light"] .branch-action-pill:hover {
  background: #25d366;
  color: #111b21;
  border-color: #25d366;
  box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3);
}
html[data-theme="light"] .rag-sources-bar {
  border-top: 1px dashed rgba(0, 0, 0, 0.1);
}
html[data-theme="light"] .rag-sources-title {
  color: rgba(22, 22, 26, 0.5);
}
html[data-theme="light"] .rag-source-chip {
  background: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.12);
  color: rgba(22, 22, 26, 0.8);
}
html[data-theme="light"] .rag-source-chip:hover {
  background: rgba(28, 75, 230, 0.15);
  border-color: rgba(28, 75, 230, 0.35);
  color: #062eb2;
}
html[data-theme="light"] .markdown-content {
  color: #365682;
}
html[data-theme="light"] .markdown-content strong {
  color: #0d1526;
}
html[data-theme="light"] .markdown-content h1,
html[data-theme="light"] .markdown-content h2,
html[data-theme="light"] .markdown-content h3,
html[data-theme="light"] .markdown-content h4 {
  color: #0d1526;
}
html[data-theme="light"] .markdown-content h2 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
html[data-theme="light"] .markdown-content h3 {
  color: #062eb2;
}
html[data-theme="light"] .markdown-content h4 {
  color: #3f5879;
}
html[data-theme="light"] .markdown-content li {
  color: #435a74;
}
html[data-theme="light"] .markdown-content blockquote {
  background: rgba(28, 75, 230, 0.1);
  border-left: 4px solid #446cef;
  color: #032cb4;
}
html[data-theme="light"] .markdown-content hr {
  border: none;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
html[data-theme="light"] .markdown-content table {
  background: rgba(0, 0, 0, 0.03);
  border: 1px solid rgba(0, 0, 0, 0.14);
}
html[data-theme="light"] .markdown-content thead {
  background: linear-gradient(135deg, rgba(28, 75, 230, 0.35) 0%, rgba(21, 61, 192, 0.25) 100%);
}
html[data-theme="light"] .markdown-content th {
  color: #0d1526;
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}
html[data-theme="light"] .markdown-content td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  color: #3f5879;
}
html[data-theme="light"] .markdown-content tr:last-child td {
  border-bottom: none;
}
html[data-theme="light"] .markdown-content tbody tr:nth-child(even) td {
  background: rgba(0, 0, 0, 0.02);
}
html[data-theme="light"] .markdown-content tbody tr:hover td {
  background: rgba(28, 75, 230, 0.06);
}
html[data-theme="light"] .markdown-content code {
  background: rgba(0, 0, 0, 0.1);
  color: #062eb2;
}
html[data-theme="light"] .course-facts {
  background: rgba(99,102,241,.08);
}

/* ---- light theme: palette (Shiva Concept website: #f8faff page, white cards, blue #1a4bf5, navy text) ---- */
html[data-theme="light"] .counsellor-page {
  --page-bg: #f8faff;
  --panel-bg: #ffffff;
  --panel-border: rgba(13, 21, 38, 0.1);
  --text-main: #0d1526;
  --text-muted: #4b5468;
  --accent: #1a4bf5;
  --accent-soft: rgba(26, 75, 245, 0.08);
  --sacred-gold: #1a4bf5;
}

html[data-theme="light"] .counsellor-page .top-header {
  border-bottom: 1px solid rgba(13, 21, 38, 0.08);
}

html[data-theme="light"] .counsellor-page .brand-logo {
  border-color: rgba(13, 21, 38, 0.12);
  box-shadow: 0 4px 14px rgba(13, 21, 38, 0.08);
}

/* primary buttons + user chat bubble: website blue, white text */
html[data-theme="light"] .counsellor-page .send-button,
html[data-theme="light"] .counsellor-page .lead-submit-btn,
html[data-theme="light"] .counsellor-page .nudge-btn,
html[data-theme="light"] .counsellor-page .message-user .message-bubble,
html[data-theme="light"] .lead-submit-btn,
html[data-theme="light"] .nudge-btn {
  background: #1a4bf5;
  border-color: #1a4bf5;
  color: #ffffff;
  box-shadow: 0 6px 16px rgba(26, 75, 245, 0.25);
}

html[data-theme="light"] .counsellor-page .reset-button {
  background: #ffffff;
  border-color: rgba(13, 21, 38, 0.14);
  color: #0d1526;
}

html[data-theme="light"] .counsellor-page .reset-button:hover {
  background: rgba(26, 75, 245, 0.08);
  border-color: #1a4bf5;
  color: #1a4bf5;
}

html[data-theme="light"] .theme-toggle {
  border-color: rgba(13, 21, 38, 0.16);
  background: #ffffff;
  color: #0d1526;
}

html[data-theme="light"] .theme-toggle:hover {
  background: rgba(26, 75, 245, 0.08);
  border-color: #1a4bf5;
  color: #1a4bf5;
}

html[data-theme="light"] ::-webkit-scrollbar-thumb {
  background: rgba(13, 21, 38, 0.22);
}

html[data-theme="light"] ::placeholder {
  color: #8a93a6;
  opacity: 1;
}

/* ==========================================================================
   LIGHT MODE — PREMIUM POLISH (final layer; overrides the older light rules)
   Palette: soft blue-tinted page, white cards, Shiva blue #1a4bf5, navy text.
   ========================================================================== */
html[data-theme="light"] .counsellor-page {
  --page-bg: #f3f6ff;
  --panel-bg: #ffffff;
  --panel-border: rgba(26, 75, 245, 0.12);
  --text-main: #0b1330;
  --text-muted: #51597a;
  --accent: #1a4bf5;
  --sacred-gold: #1a4bf5;
  --lt-blue: #1a4bf5;
  --lt-blue-2: #4f7bff;
  --lt-blue-dark: #0f2fb8;
  --lt-soft: #eef2ff;
  --lt-shadow: 0 1px 2px rgba(15, 30, 90, 0.04), 0 8px 24px rgba(26, 75, 245, 0.07);
  --lt-shadow-lg: 0 2px 4px rgba(15, 30, 90, 0.04), 0 24px 60px rgba(26, 75, 245, 0.13);

  background:
    radial-gradient(900px 480px at 50% -140px, rgba(79, 123, 255, 0.28), transparent 70%),
    radial-gradient(520px 420px at 100% 30%, rgba(160, 120, 255, 0.12), transparent 70%),
    radial-gradient(520px 420px at 0% 60%, rgba(34, 190, 240, 0.10), transparent 70%),
    linear-gradient(180deg, #f5f8ff 0%, #eef3ff 55%, #f7f9ff 100%);
  background-size: auto;
}

html[data-theme="light"] body,
html[data-theme="light"] html { background: #f3f6ff; }

/* header: frosted glass */
html[data-theme="light"] .counsellor-page .top-header {
  background: rgba(255, 255, 255, 0.72);
  -webkit-backdrop-filter: saturate(160%) blur(14px);
  backdrop-filter: saturate(160%) blur(14px);
  border-bottom: 1px solid rgba(26, 75, 245, 0.1);
  box-shadow: 0 4px 24px rgba(26, 75, 245, 0.06);
}
html[data-theme="light"] .counsellor-page .brand-logo {
  background: #fff;
  border: 1px solid rgba(26, 75, 245, 0.14);
  box-shadow: 0 6px 18px rgba(26, 75, 245, 0.14);
}
html[data-theme="light"] .counsellor-page .brand-text strong { color: #0b1330; }
html[data-theme="light"] .counsellor-page .brand-text span {
  color: var(--lt-blue);
  font-weight: 600;
}

/* intro hero card */
html[data-theme="light"] .counsellor-page .intro-main {
  border: 1px solid rgba(26, 75, 245, 0.14);
  background:
    radial-gradient(420px 220px at 100% 0%, rgba(79, 123, 255, 0.22), transparent 70%),
    radial-gradient(360px 220px at 0% 100%, rgba(160, 120, 255, 0.14), transparent 70%),
    linear-gradient(120deg, #ffffff 0%, #f3f6ff 100%);
  box-shadow: var(--lt-shadow-lg);
}
html[data-theme="light"] .counsellor-page .intro-eyebrow {
  color: var(--lt-blue);
  font-weight: 700;
}
html[data-theme="light"] .counsellor-page .intro-eyebrow::before {
  background: linear-gradient(90deg, var(--lt-blue), transparent);
}
html[data-theme="light"] .counsellor-page .intro h1 {
  color: transparent;
  background: linear-gradient(100deg, #0b1330 0%, #1a3fd6 55%, #6a4dff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  text-shadow: none;
}
html[data-theme="light"] .counsellor-page .intro-copy { color: #4a5272; }

/* chat panel */
html[data-theme="light"] .counsellor-page .chat-panel,
html[data-theme="light"] .counsellor-page .chat-panel:hover {
  border: 1px solid rgba(26, 75, 245, 0.12);
  background: #ffffff;
  box-shadow: var(--lt-shadow-lg);
}
html[data-theme="light"] .counsellor-page .panel-header {
  background: linear-gradient(90deg, rgba(26, 75, 245, 0.07), rgba(160, 120, 255, 0.04) 60%, transparent);
  border-bottom: 1px solid rgba(26, 75, 245, 0.09);
}
html[data-theme="light"] .counsellor-page .panel-header h2 { color: #0b1330; }
html[data-theme="light"] .counsellor-page .panel-header p { color: #5a6280; }
html[data-theme="light"] .counsellor-page .online-status {
  color: #0f7a52;
  font-weight: 600;
  border: 1px solid rgba(16, 163, 110, 0.25);
  background: rgba(16, 185, 129, 0.09);
}
html[data-theme="light"] .counsellor-page .online-status span {
  background: #10b981;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.2);
}
html[data-theme="light"] .counsellor-page .online-status.is-thinking {
  color: #9a6a00;
  border-color: rgba(230, 160, 20, 0.3);
  background: rgba(250, 190, 50, 0.12);
}
html[data-theme="light"] .counsellor-page .messages {
  background: linear-gradient(180deg, #fbfcff 0%, #ffffff 100%);
  scrollbar-color: rgba(26, 75, 245, 0.3) transparent;
}

/* messages */
html[data-theme="light"] .counsellor-page .message-avatar {
  color: #fff;
  border: none;
  background: linear-gradient(135deg, #4f7bff, #1a4bf5);
  box-shadow: 0 6px 14px rgba(26, 75, 245, 0.28);
}
html[data-theme="light"] .counsellor-page .message-user .message-avatar {
  color: #1a3fd6;
  background: #e6ecff;
  box-shadow: none;
}
html[data-theme="light"] .counsellor-page .message-name { color: #3d4666; }
html[data-theme="light"] .counsellor-page .message-bubble {
  color: #14204a;
  border: 1px solid rgba(26, 75, 245, 0.1);
  background: #f4f7ff;
  box-shadow: 0 4px 14px rgba(26, 75, 245, 0.06);
}
html[data-theme="light"] .counsellor-page .message-user .message-bubble {
  color: #fff;
  border: none;
  background: linear-gradient(135deg, #3f6bff 0%, #1a4bf5 50%, #1236c4 100%);
  box-shadow: 0 10px 26px rgba(26, 75, 245, 0.32);
}
html[data-theme="light"] .counsellor-page .message-time { color: #8089a6; }

/* starter chips */
html[data-theme="light"] .counsellor-page .starter-prompts > span { color: #5a6280; }
html[data-theme="light"] .counsellor-page .starter-prompts button {
  color: #1a3fd6;
  font-weight: 600;
  border: 1px solid rgba(26, 75, 245, 0.2);
  border-radius: 999px;
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(26, 75, 245, 0.07);
}
html[data-theme="light"] .counsellor-page .starter-prompts button:hover {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #4f7bff, #1a4bf5);
  box-shadow: 0 8px 20px rgba(26, 75, 245, 0.3);
  transform: translateY(-2px);
}

/* input */
html[data-theme="light"] .counsellor-page .chat-input-area {
  border: 1.5px solid rgba(26, 75, 245, 0.16);
  background: #ffffff;
  box-shadow: 0 4px 16px rgba(26, 75, 245, 0.07);
}
html[data-theme="light"] .counsellor-page .chat-input-area:focus-within {
  border-color: var(--lt-blue);
  box-shadow: 0 0 0 4px rgba(26, 75, 245, 0.12), 0 6px 20px rgba(26, 75, 245, 0.12);
}
html[data-theme="light"] .counsellor-page .chat-input-area textarea { color: #0b1330; }
html[data-theme="light"] .counsellor-page .chat-input-area textarea::placeholder { color: #8a93b2; }
html[data-theme="light"] .counsellor-page .mic-button {
  color: #1a3fd6;
  background: #eef2ff;
  border: 1px solid transparent;
}
html[data-theme="light"] .counsellor-page .mic-button:hover,
html[data-theme="light"] .counsellor-page .mic-button.mic-active {
  background: #dfe7ff;
  border-color: rgba(26, 75, 245, 0.4);
}
html[data-theme="light"] .counsellor-page .send-button {
  color: #fff;
  border: none;
  background: linear-gradient(135deg, #4f7bff, #1a4bf5 60%, #1236c4);
  box-shadow: 0 8px 20px rgba(26, 75, 245, 0.35);
}
html[data-theme="light"] .counsellor-page .send-button:disabled {
  color: #a3abc6;
  background: #e8ecf8;
  box-shadow: none;
}
html[data-theme="light"] .counsellor-page .input-hint { color: #8089a6; }

/* buttons: reset + theme toggle */
html[data-theme="light"] .counsellor-page .reset-button,
html[data-theme="light"] .theme-toggle {
  color: #1a3fd6;
  background: #ffffff;
  border: 1px solid rgba(26, 75, 245, 0.22);
  box-shadow: 0 2px 8px rgba(26, 75, 245, 0.08);
}
html[data-theme="light"] .counsellor-page .reset-button:hover,
html[data-theme="light"] .theme-toggle:hover {
  color: #fff;
  background: var(--lt-blue);
  border-color: var(--lt-blue);
}

/* course cards */
html[data-theme="light"] .counsellor-page .course-recommendation-label,
html[data-theme="light"] .counsellor-page .course-syllabus h4 { color: var(--lt-blue); }
html[data-theme="light"] .counsellor-page .course-card {
  position: relative;
  border: 1px solid rgba(26, 75, 245, 0.12);
  border-left: 4px solid var(--lt-blue);
  background: linear-gradient(145deg, #ffffff, #f5f8ff);
  box-shadow: var(--lt-shadow);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
html[data-theme="light"] .counsellor-page .course-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--lt-shadow-lg);
}
html[data-theme="light"] .counsellor-page .course-card h3 { color: #0b1330; }
html[data-theme="light"] .counsellor-page .course-card p,
html[data-theme="light"] .counsellor-page .course-card li { color: #4a5272; }
html[data-theme="light"] .counsellor-page .course-card-footer a { color: var(--lt-blue); font-weight: 600; }
html[data-theme="light"] .counsellor-page .syllabus-module {
  border: 1px solid rgba(26, 75, 245, 0.1);
  background: #f7f9ff;
}
html[data-theme="light"] .counsellor-page .syllabus-module[open] summary { color: var(--lt-blue); }

/* assessment / report cards */
html[data-theme="light"] .counsellor-page .career-assessment,
html[data-theme="light"] .counsellor-page .career-report-card {
  border: 1px solid rgba(26, 75, 245, 0.18);
  background:
    radial-gradient(ellipse at 100% 0%, rgba(160, 120, 255, 0.14), transparent 45%),
    linear-gradient(145deg, #eef2ff 0%, #ffffff 60%);
  box-shadow: var(--lt-shadow-lg);
}
html[data-theme="light"] .counsellor-page .best-career-card,
html[data-theme="light"] .counsellor-page .report-career {
  border: 1px solid rgba(26, 75, 245, 0.14);
  background: linear-gradient(110deg, rgba(26, 75, 245, 0.08), #ffffff);
}
html[data-theme="light"] .counsellor-page .career-option,
html[data-theme="light"] .counsellor-page .profile-box,
html[data-theme="light"] .counsellor-page .roadmap-item,
html[data-theme="light"] .counsellor-page .project-item,
html[data-theme="light"] .counsellor-page .assessment-note {
  border: 1px solid rgba(26, 75, 245, 0.1);
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(26, 75, 245, 0.05);
}
html[data-theme="light"] .counsellor-page .assessment-eyebrow,
html[data-theme="light"] .counsellor-page .report-eyebrow,
html[data-theme="light"] .counsellor-page .next-step span { color: var(--lt-blue); }
html[data-theme="light"] .counsellor-page .roadmap-number,
html[data-theme="light"] .counsellor-page .project-item span {
  color: #fff;
  background: linear-gradient(135deg, #4f7bff, #1a4bf5);
}
html[data-theme="light"] .counsellor-page .report-score,
html[data-theme="light"] .counsellor-page .match-score.score-good {
  color: var(--lt-blue);
  border-color: var(--lt-blue);
}
html[data-theme="light"] .counsellor-page .next-step {
  border: 1px solid rgba(26, 75, 245, 0.18);
  background: rgba(26, 75, 245, 0.07);
}
html[data-theme="light"] .counsellor-page .talk-to-us-button {
  border: none;
  background: linear-gradient(135deg, #25d366, #12a150);
  box-shadow: 0 10px 24px rgba(18, 161, 80, 0.3);
}

/* modals + forms */
html[data-theme="light"] .lead-modal,
html[data-theme="light"] .whatsapp-modal,
html[data-theme="light"] .counsellor-page .whatsapp-modal {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(79, 123, 255, 0.16), transparent 55%),
    #ffffff;
  border: 1px solid rgba(26, 75, 245, 0.16);
  box-shadow: 0 30px 80px rgba(15, 30, 90, 0.28);
  color: #0b1330;
}
html[data-theme="light"] .form-group input,
html[data-theme="light"] .form-group select {
  background: #f7f9ff;
  border: 1.5px solid rgba(26, 75, 245, 0.16);
  color: #0b1330;
}
html[data-theme="light"] .form-group input:focus,
html[data-theme="light"] .form-group select:focus {
  background: #fff;
  border-color: var(--lt-blue);
  box-shadow: 0 0 0 4px rgba(26, 75, 245, 0.12);
}
html[data-theme="light"] .lead-submit-btn,
html[data-theme="light"] .nudge-btn,
html[data-theme="light"] .counsellor-page .lead-submit-btn,
html[data-theme="light"] .counsellor-page .nudge-btn {
  background: linear-gradient(135deg, #4f7bff, #1a4bf5 60%, #1236c4);
  box-shadow: 0 8px 20px rgba(26, 75, 245, 0.32);
}
html[data-theme="light"] .free-counselling-nudge {
  background: linear-gradient(90deg, rgba(26, 75, 245, 0.1), rgba(160, 120, 255, 0.08));
  border: 1px solid rgba(26, 75, 245, 0.18);
}
html[data-theme="light"] .registered-lead-badge,
html[data-theme="light"] .lead-success-alert { color: #0f7a52; }

/* markdown inside bubbles */
html[data-theme="light"] .markdown-content { color: #28335c; }
html[data-theme="light"] .markdown-content h3 { color: var(--lt-blue); }
html[data-theme="light"] .markdown-content code { background: #e6ecff; color: #1236c4; }
html[data-theme="light"] .markdown-content blockquote {
  background: #eef2ff; border-left: 4px solid var(--lt-blue); color: #1a2f8f;
}
html[data-theme="light"] .markdown-content table { background: #fff; border: 1px solid rgba(26, 75, 245, 0.16); }
html[data-theme="light"] .markdown-content thead { background: linear-gradient(135deg, #e3eaff, #eef2ff); }
html[data-theme="light"] .markdown-content tbody tr:hover td { background: #f1f5ff; }
html[data-theme="light"] .rag-source-chip:hover { background: #e6ecff; color: #1236c4; }

/* scrollbar + focus */
html[data-theme="light"] ::-webkit-scrollbar-thumb { background: rgba(26, 75, 245, 0.28); border-radius: 8px; }
html[data-theme="light"] .counsellor-page :is(button, a, summary):focus-visible {
  outline: 2px solid var(--lt-blue);
  outline-offset: 2px;
}

/* subtle entrance animation for messages (light mode only) */
@keyframes ltFadeUp { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
html[data-theme="light"] .counsellor-page .message-bubble { animation: ltFadeUp 0.3s ease both; }
@media (prefers-reduced-motion: reduce) {
  html[data-theme="light"] .counsellor-page .message-bubble { animation: none; }
}