/* ═══════════════════════════════════════════════════════════════════════════
   CAREER STUDIO — LIFEPATH AI + OFFICE CALENDAR + COMING SOON LAYER
   Design token bridge: every value maps to app.css :root variables
   No hardcoded hex outside of this file's own spectrum extensions.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── STREAMING CURSOR ─────────────────────────────────────────────────── */
@keyframes blink {
  0%,100% { opacity: 1; }
  50%      { opacity: 0; }
}
.stream-cursor {
  display: inline-block;
  width: 2px; height: 1.1em;
  background: var(--aurora-cyan);
  vertical-align: text-bottom;
  margin-left: 2px;
  animation: blink .7s step-end infinite;
  border-radius: 1px;
}
.spanel {
  font-family: var(--fm);
  font-size: 12.5px;
  line-height: 1.8;
  color: var(--text-2);
  background: rgba(0,0,0,.22);
  border: 1px solid var(--bd1);
  border-radius: var(--r14);
  padding: 18px 20px;
  overflow-y: auto;
  max-height: 680px;
  scroll-behavior: smooth;
  position: relative;
}
.spanel .lp-h2 {
  font-family: var(--fh);
  font-size: 15px;
  font-weight: 700;
  color: var(--aurora-gold);
  margin: 18px 0 8px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--bdg);
  letter-spacing: .03em;
}
.spanel .lp-h3 {
  font-family: var(--fm);
  font-size: 11px;
  font-weight: 700;
  color: var(--aurora-cyan);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 14px 0 6px;
}
.spanel .lp-json {
  font-size: 11px;
  line-height: 1.7;
  color: var(--text-2);
  white-space: pre-wrap;
  word-break: break-word;
  background: rgba(0,0,0,.3);
  border-radius: var(--r10);
  padding: 14px;
  border: 1px solid var(--bd0);
}
.spanel .es {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 180px;
  gap: 10px;
  color: var(--text-4);
}
.spanel .es .ei { font-size: 36px; opacity: .4; }
.spanel .es p   { font-size: 11px; }

/* Skeleton loader */
@keyframes shimmer {
  0%   { background-position: -600px 0; }
  100% { background-position:  600px 0; }
}
.skel {
  height: 12px; border-radius: 6px; margin-bottom: 8px;
  background: linear-gradient(90deg, var(--surface) 25%, var(--elevated) 50%, var(--surface) 75%);
  background-size: 600px 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
.skel-lg { height: 20px; }
.skel-sm { height: 8px; width: 60%; }

/* Thinking dots */
@keyframes dot-bounce {
  0%,80%,100% { transform: translateY(0); opacity: .4; }
  40%          { transform: translateY(-4px); opacity: 1; }
}
.thinking-dots span {
  display: inline-block;
  width: 5px; height: 5px;
  background: var(--aurora-cyan);
  border-radius: 50%;
  margin: 0 2px;
  animation: dot-bounce 1.2s ease-in-out infinite;
}
.thinking-dots span:nth-child(2) { animation-delay: .15s; }
.thinking-dots span:nth-child(3) { animation-delay: .30s; }

/* ─── BUTTON EXTENSIONS ─────────────────────────────────────────────────── */
.btn-sec {
  display: inline-flex; align-items: center; justify-content: center;
  gap: 6px;
  padding: 9px 14px;
  font-family: var(--fm);
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--text-2);
  background: rgba(255,255,255,.04);
  border: 1px solid var(--bd1);
  border-radius: var(--r10);
  cursor: pointer;
  transition: all var(--t2) var(--ease);
  white-space: nowrap;
}
.btn-sec:hover {
  background: rgba(255,255,255,.08);
  border-color: var(--aurora-cyan);
  color: var(--aurora-cyan);
  transform: translateY(-1px);
}

/* ─── ERROR STATE ──────────────────────────────────────────────────────── */
.lp-error {
  padding: 14px 18px;
  border-radius: var(--r10);
  background: rgba(255,51,102,.08);
  border: 1px solid rgba(255,51,102,.3);
  color: var(--aurora-red);
  font-family: var(--fm);
  font-size: 12px;
}

/* ─── PROSE (rich AI text blocks) ─────────────────────────────────────── */
.lp-prose {
  font-family: var(--fm);
  font-size: 12.5px;
  line-height: 1.85;
  color: var(--text-2);
  padding: 14px 0;
}
.lp-prose + h3 { margin-top: 8px; }

/* ─── SCORE RING ────────────────────────────────────────────────────────── */
.lp-score-ring {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  width: 110px; height: 110px;
  border-radius: 50%;
  border: 4px solid var(--aurora-cyan);
  margin: 0 auto 18px;
  background: radial-gradient(circle, rgba(0,240,255,.06) 0%, transparent 70%);
}
.lp-score-ring.safe    { border-color: var(--aurora-green); background: radial-gradient(circle, rgba(16,255,176,.06) 0%, transparent 70%); }
.lp-score-ring.warn    { border-color: var(--aurora-amber); background: radial-gradient(circle, rgba(255,170,0,.06) 0%, transparent 70%); }
.lp-score-ring.danger  { border-color: var(--aurora-red);   background: radial-gradient(circle, rgba(255,51,102,.06) 0%, transparent 70%); }
.lp-score-num   { font-family: var(--fh); font-size: 28px; font-weight: 800; color: var(--text-0); line-height: 1; }
.lp-score-label { font-family: var(--fm); font-size: 9px; color: var(--text-3); letter-spacing: .08em; margin-top: 4px; text-align: center; }

/* ─── URGENCY BADGES ────────────────────────────────────────────────────── */
.lp-urgency {
  display: inline-block;
  font-family: var(--fm); font-size: 9px; font-weight: 700; letter-spacing: .1em;
  padding: 4px 12px; border-radius: var(--rpill);
  text-align: center; margin: 0 auto 14px; display: block; width: fit-content;
}
.lp-urgency-low      { background: rgba(16,255,176,.1); color: var(--aurora-green); border: 1px solid rgba(16,255,176,.3); }
.lp-urgency-medium   { background: rgba(255,170,0,.1);  color: var(--aurora-amber); border: 1px solid rgba(255,170,0,.3); }
.lp-urgency-high     { background: rgba(255,107,53,.1); color: var(--aurora-fire);  border: 1px solid rgba(255,107,53,.3); }
.lp-urgency-critical { background: rgba(255,51,102,.1); color: var(--aurora-red);   border: 1px solid rgba(255,51,102,.35); }

/* ─── GRID HELPERS ──────────────────────────────────────────────────────── */
.lp-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 10px 0; }
.lp-grid-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; margin: 10px 0; }
.lp-card-sm {
  background: rgba(255,255,255,.03);
  border: 1px solid var(--bd0);
  border-radius: var(--r10);
  padding: 12px 14px;
  font-family: var(--fm);
  font-size: 11.5px;
  color: var(--text-2);
}
.lp-card-sm b { color: var(--text-0); display: block; margin-bottom: 3px; }

/* ─── DISTORTION CARDS ──────────────────────────────────────────────────── */
.lp-distortion-card {
  background: rgba(255,170,0,.04);
  border: 1px solid rgba(255,170,0,.2);
  border-radius: var(--r10);
  padding: 14px 16px;
  margin-bottom: 10px;
  font-family: var(--fm);
  font-size: 12px;
}
.lp-distortion-card b { color: var(--aurora-amber); display: block; margin-bottom: 6px; }
.lp-distortion-card p { color: var(--text-2); line-height: 1.7; margin-bottom: 6px; }
.lp-distortion-card em { color: var(--aurora-green); font-style: normal; font-size: 11px; }
.lp-sev { font-size: 9px; color: var(--text-4); margin-left: 8px; font-family: var(--fm); }

/* ─── NEXT ACTION CALLOUT ───────────────────────────────────────────────── */
.lp-next-action {
  background: linear-gradient(135deg, rgba(247,206,91,.07), rgba(0,240,255,.04));
  border: 1px solid var(--bdg);
  border-radius: var(--r10);
  padding: 13px 16px;
  font-family: var(--fm);
  font-size: 12px;
  color: var(--text-1);
  margin-top: 14px;
}

/* ─── ALIGN BARS ────────────────────────────────────────────────────────── */
.lp-align-bar {
  display: flex; align-items: center; gap: 10px;
  margin-bottom: 10px;
  font-family: var(--fm); font-size: 11px; color: var(--text-3);
}
.lp-align-bar span:first-child { min-width: 120px; }
.lp-align-bar span:last-child  { min-width: 40px; text-align: right; color: var(--text-1); font-weight: 600; }
.lp-bar {
  flex: 1; height: 6px;
  background: rgba(255,255,255,.06);
  border-radius: var(--rpill);
  overflow: hidden;
}
.lp-bar-fill {
  height: 100%; border-radius: var(--rpill);
  background: linear-gradient(90deg, var(--aurora-cyan), var(--aurora-teal));
  transition: width .8s var(--ease-out);
}
.lp-bar-potential { background: linear-gradient(90deg, var(--aurora-gold), var(--aurora-amber)); }
.lp-bar-you       { background: linear-gradient(90deg, var(--aurora-blue), var(--aurora-violet)); }
.lp-bar-market    { background: linear-gradient(90deg, var(--aurora-gold), var(--aurora-amber)); }
.lp-bar-money     { background: linear-gradient(90deg, var(--aurora-green), var(--aurora-teal)); }
.lp-bar-meaning   { background: linear-gradient(90deg, var(--aurora-violet), var(--aurora-pink)); }
.lp-bar-safe      { background: var(--aurora-green); }
.lp-bar-warning   { background: var(--aurora-amber); }
.lp-bar-danger    { background: var(--aurora-red); }
.lp-bar-critical  { background: var(--aurora-fire); }

/* ─── ARCHETYPE / SHADOW CARDS ──────────────────────────────────────────── */
.lp-archetype-card, .lp-shadow-card {
  border-radius: var(--r14);
  padding: 16px 18px;
  margin: 10px 0;
  font-family: var(--fm);
  font-size: 12px;
}
.lp-archetype-card {
  background: rgba(247,206,91,.05);
  border: 1px solid rgba(247,206,91,.2);
}
.lp-archetype-card b { color: var(--aurora-gold); display: block; margin-bottom: 8px; font-size: 13px; }
.lp-shadow-card {
  background: rgba(139,92,246,.05);
  border: 1px solid rgba(139,92,246,.25);
}
.lp-shadow-card b { color: var(--aurora-violet); display: block; margin-bottom: 8px; font-size: 13px; }
.lp-shadow-card em { color: var(--text-3); font-style: normal; font-size: 11px; display: block; margin-top: 8px; }
.lp-identity-headline {
  font-family: var(--fh);
  font-size: 17px;
  font-weight: 700;
  color: var(--text-0);
  text-align: center;
  padding: 14px 0 18px;
  border-bottom: 1px solid var(--bd0);
  margin-bottom: 18px;
  letter-spacing: .02em;
}
.lp-values-grid { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0; }
.lp-value-chip {
  background: rgba(0,240,255,.06);
  border: 1px solid rgba(0,240,255,.2);
  border-radius: var(--r10);
  padding: 8px 12px;
  font-family: var(--fm);
  font-size: 11px;
}
.lp-value-chip b { color: var(--aurora-cyan); display: block; margin-bottom: 2px; }
.lp-value-chip small { color: var(--text-4); font-size: 9.5px; }

/* ─── PERSONALITY ───────────────────────────────────────────────────────── */
.lp-personality-header { display: flex; gap: 10px; margin-bottom: 14px; }
.lp-mbti-badge, .lp-enn-badge {
  font-family: var(--fh);
  font-size: 18px;
  font-weight: 800;
  padding: 10px 18px;
  border-radius: var(--r10);
  letter-spacing: .04em;
}
.lp-mbti-badge { background: rgba(247,206,91,.1); color: var(--aurora-gold); border: 1px solid rgba(247,206,91,.3); }
.lp-enn-badge  { background: rgba(139,92,246,.1); color: var(--aurora-violet); border: 1px solid rgba(139,92,246,.3); }
.lp-big5 { margin: 12px 0; }
.lp-b5-row { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; font-family: var(--fm); font-size: 11px; color: var(--text-3); }
.lp-b5-label { min-width: 110px; }
.lp-career-matches { display: flex; flex-direction: column; gap: 10px; margin: 10px 0; }
.lp-match-card {
  background: rgba(16,255,176,.04);
  border: 1px solid rgba(16,255,176,.15);
  border-radius: var(--r10);
  padding: 12px 14px;
  font-family: var(--fm);
  font-size: 11.5px;
}
.lp-match-card b { color: var(--aurora-green); }
.lp-fit-score { font-size: 10px; color: var(--text-4); margin-left: 8px; }
.lp-match-card p { color: var(--text-3); margin-top: 4px; font-size: 11px; }

/* ─── CAREER DISCOVERY ──────────────────────────────────────────────────── */
.lp-career-type {
  font-family: var(--fh); font-size: 16px; font-weight: 700;
  color: var(--aurora-gold); text-align: center;
  padding: 12px 0 16px;
}
.lp-hidden-talent {
  background: rgba(139,92,246,.06);
  border: 1px solid rgba(139,92,246,.2);
  border-radius: var(--r10);
  padding: 12px 16px;
  font-family: var(--fm); font-size: 11.5px; color: var(--text-2);
  margin-bottom: 14px;
}
.lp-discoveries { display: flex; flex-direction: column; gap: 14px; }
.lp-discovery-card {
  background: var(--surface);
  border: 1px solid var(--bd1);
  border-radius: var(--r14);
  padding: 16px 18px;
  position: relative;
  transition: border-color var(--t2);
}
.lp-discovery-card:hover { border-color: var(--aurora-cyan); }
.lp-disc-rank { position: absolute; top: 12px; right: 14px; font-family: var(--fh); font-size: 22px; font-weight: 800; color: rgba(255,255,255,.06); }
.lp-disc-career { font-family: var(--fh); font-size: 15px; font-weight: 700; color: var(--text-0); margin-bottom: 2px; }
.lp-disc-industry { font-family: var(--fm); font-size: 10px; color: var(--aurora-cyan); letter-spacing: .06em; margin-bottom: 8px; }
.lp-disc-fit { font-family: var(--fm); font-size: 10px; color: var(--text-3); margin-bottom: 6px; display: flex; align-items: center; gap: 8px; }
.lp-fit-bar { display: inline-block; height: 4px; background: linear-gradient(90deg, var(--aurora-green), var(--aurora-teal)); border-radius: 2px; }
.lp-disc-salary { font-family: var(--fm); font-size: 11px; color: var(--aurora-gold); font-weight: 600; margin-bottom: 6px; }
.lp-disc-surprise { font-size: 10.5px; color: var(--text-4); font-style: italic; margin-bottom: 8px; }
.lp-disc-entry { font-size: 11px; color: var(--text-3); }

/* ─── TIMELINE ──────────────────────────────────────────────────────────── */
.lp-timeline-rail {
  display: flex;
  overflow-x: auto;
  gap: 0;
  padding-bottom: 14px;
  scrollbar-width: thin;
  position: relative;
  margin: 14px 0 20px;
}
.lp-timeline-rail::before {
  content: '';
  position: absolute;
  left: 0; right: 0; top: 26px;
  height: 2px;
  background: linear-gradient(90deg, var(--aurora-gold), var(--aurora-cyan), var(--aurora-violet));
  opacity: .3;
  z-index: 0;
}
.lp-timeline-node {
  flex-shrink: 0;
  width: 160px;
  background: var(--surface);
  border: 1px solid var(--bd0);
  border-radius: var(--r14);
  padding: 14px 12px;
  position: relative;
  z-index: 1;
  margin-right: 8px;
  transition: border-color var(--t2), transform var(--t2);
}
.lp-timeline-node:hover { border-color: var(--aurora-gold); transform: translateY(-3px); }
.lp-tl-year { font-family: var(--fh); font-size: 13px; font-weight: 800; color: var(--aurora-gold); margin-bottom: 4px; }
.lp-tl-role { font-family: var(--fm); font-size: 10px; font-weight: 600; color: var(--text-1); margin-bottom: 4px; }
.lp-tl-salary { font-family: var(--fm); font-size: 10px; color: var(--aurora-green); margin-bottom: 4px; }
.lp-tl-event { font-family: var(--fm); font-size: 9.5px; color: var(--text-3); line-height: 1.5; margin-bottom: 4px; }
.lp-tl-prob { font-family: var(--fm); font-size: 9px; color: var(--text-4); }
.lp-tl-alt { font-size: 9px; color: var(--aurora-violet); margin-top: 4px; font-style: italic; }

/* ─── SALARY PATHS ──────────────────────────────────────────────────────── */
.lp-salary-paths { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; margin: 10px 0; }
.lp-sal-path-card {
  background: var(--surface);
  border: 1px solid var(--bd1);
  border-radius: var(--r14);
  padding: 16px;
}
.lp-sal-path-name { font-family: var(--fh); font-size: 13px; font-weight: 700; color: var(--text-0); margin-bottom: 8px; }
.lp-sal-10yr { font-family: var(--fm); font-size: 11px; color: var(--aurora-gold); margin-bottom: 4px; }
.lp-sal-peak { font-family: var(--fm); font-size: 10px; color: var(--aurora-green); margin-bottom: 4px; }
.lp-sal-risk { font-family: var(--fm); font-size: 10px; color: var(--text-4); margin-bottom: 8px; }
.lp-sal-lifestyle { font-family: var(--fm); font-size: 10px; color: var(--text-3); margin-bottom: 10px; font-style: italic; }
.lp-sal-timeline { display: flex; flex-wrap: wrap; gap: 6px; }
.lp-sal-yr { font-family: var(--fm); font-size: 9.5px; color: var(--text-2); background: rgba(255,255,255,.03); border-radius: 6px; padding: 3px 7px; }
.lp-lever-card { background: rgba(0,240,255,.04); border: 1px solid rgba(0,240,255,.15); border-radius: var(--r10); padding: 12px 14px; margin-bottom: 8px; font-family: var(--fm); font-size: 11.5px; }
.lp-lever-card b { color: var(--aurora-cyan); }
.lp-lever-card p { color: var(--text-3); margin-top: 4px; font-size: 11px; }

/* ─── BURNOUT DIMENSIONS ────────────────────────────────────────────────── */
.lp-dimensions { margin: 12px 0; }
.lp-dim-row { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; font-family: var(--fm); font-size: 10.5px; }
.lp-dim-row span:first-child { min-width: 120px; color: var(--text-3); }
.lp-dim-status { min-width: 55px; text-align: right; font-size: 9px; font-weight: 700; letter-spacing: .06em; }
.lp-dim-healthy  .lp-dim-status { color: var(--aurora-green); }
.lp-dim-warning  .lp-dim-status { color: var(--aurora-amber); }
.lp-dim-danger   .lp-dim-status { color: var(--aurora-fire); }
.lp-dim-critical .lp-dim-status { color: var(--aurora-red); }
.lp-burnout-timeline, .lp-burnout-type { font-family: var(--fm); font-size: 11.5px; color: var(--text-2); margin-bottom: 6px; }
.lp-recovery { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; margin: 10px 0; font-family: var(--fm); font-size: 11px; color: var(--text-3); }
.lp-recovery ul { padding-left: 16px; }
.lp-recovery li { margin-bottom: 4px; }

/* ─── MONEY vs MEANING MATRIX ───────────────────────────────────────────── */
.lp-mm-matrix { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; margin: 12px 0; }
.lp-mm-card {
  background: var(--surface);
  border: 1px solid var(--bd1);
  border-radius: var(--r14);
  padding: 16px;
  position: relative;
  transition: border-color var(--t2), transform var(--t2);
}
.lp-mm-card:hover { border-color: rgba(139,92,246,.4); transform: translateY(-2px); }
.lp-mm-name { font-family: var(--fh); font-size: 13px; font-weight: 700; color: var(--text-0); margin-bottom: 10px; }
.lp-mm-bars { display: flex; flex-direction: column; gap: 6px; margin-bottom: 8px; font-family: var(--fm); font-size: 9px; color: var(--text-4); }
.lp-mm-sustain { font-family: var(--fm); font-size: 10px; color: var(--aurora-cyan); margin-bottom: 4px; }
.lp-mm-who { font-size: 10px; color: var(--text-4); font-style: italic; }

/* ─── REALITY FEED ──────────────────────────────────────────────────────── */
.lp-reality-agg { display: flex; gap: 10px; margin-bottom: 16px; }
.lp-agg-stat { flex: 1; background: rgba(255,255,255,.03); border: 1px solid var(--bd0); border-radius: var(--r10); padding: 12px; text-align: center; font-family: var(--fm); }
.lp-agg-stat b { display: block; font-size: 18px; color: var(--aurora-gold); font-family: var(--fh); }
.lp-agg-stat small { font-size: 9px; color: var(--text-4); letter-spacing: .06em; }
.lp-reality-stories { display: flex; flex-direction: column; gap: 12px; }
.lp-reality-card { background: var(--surface); border: 1px solid var(--bd1); border-radius: var(--r14); padding: 16px 18px; font-family: var(--fm); font-size: 11.5px; }
.lp-real-persona { font-weight: 700; color: var(--text-0); margin-bottom: 3px; }
.lp-real-path { color: var(--aurora-cyan); margin-bottom: 3px; font-size: 11px; }
.lp-real-income { color: var(--aurora-green); font-size: 11px; margin-bottom: 3px; }
.lp-real-time { color: var(--text-4); font-size: 10px; margin-bottom: 6px; }
.lp-real-regret { font-size: 10px; color: var(--text-3); margin-bottom: 8px; }
.lp-reality-card p { color: var(--text-2); line-height: 1.7; }

/* ─── WRONG PATH ALERT ──────────────────────────────────────────────────── */
.lp-path-fit {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 20px; margin-bottom: 16px;
  border: 2px solid var(--bd1); border-radius: var(--r18);
  gap: 6px;
}
.lp-pf-score { font-family: var(--fh); font-size: 42px; font-weight: 900; color: var(--text-0); }
.lp-pf-label { font-family: var(--fm); font-size: 10px; color: var(--text-4); letter-spacing: .1em; }
.lp-alert-badge { font-family: var(--fm); font-size: 9px; font-weight: 800; letter-spacing: .12em; padding: 4px 12px; border-radius: var(--rpill); }
.lp-alert-green  { background: rgba(16,255,176,.12);  color: var(--aurora-green); border: 1px solid rgba(16,255,176,.3); }
.lp-alert-yellow { background: rgba(255,206,91,.1);   color: var(--aurora-gold);  border: 1px solid rgba(247,206,91,.3); }
.lp-alert-orange { background: rgba(255,107,53,.1);   color: var(--aurora-fire);  border: 1px solid rgba(255,107,53,.3); }
.lp-alert-red    { background: rgba(255,51,102,.1);   color: var(--aurora-red);   border: 1px solid rgba(255,51,102,.3); }
.lp-alert-critical { background: rgba(255,51,102,.2); color: var(--aurora-red);   border: 1px solid rgba(255,51,102,.5); animation: pulseAlert .8s ease-in-out infinite; }
@keyframes pulseAlert { 0%,100% { box-shadow: 0 0 0 0 rgba(255,51,102,.3); } 50% { box-shadow: 0 0 0 6px rgba(255,51,102,0); } }
.lp-signal-card { background: rgba(255,255,255,.03); border: 1px solid var(--bd0); border-radius: var(--r10); padding: 12px 14px; margin-bottom: 8px; font-family: var(--fm); font-size: 11.5px; }
.lp-signal-card b { color: var(--text-1); margin-right: 8px; }
.lp-cat { font-size: 9px; font-weight: 700; letter-spacing: .08em; padding: 2px 7px; border-radius: 4px; background: rgba(255,255,255,.05); color: var(--text-4); margin-left: 6px; }
.lp-signal-card p { color: var(--text-3); margin-top: 6px; font-size: 11px; line-height: 1.6; }
.lp-correction-card { background: rgba(0,240,255,.04); border: 1px solid rgba(0,240,255,.15); border-radius: var(--r10); padding: 12px 14px; margin-bottom: 8px; font-family: var(--fm); font-size: 11.5px; }
.lp-correction-card b { color: var(--aurora-cyan); }
.lp-correction-card p { color: var(--text-3); margin-top: 4px; font-size: 11px; }

/* ─── IDENTITY EVOLUTION ────────────────────────────────────────────────── */
.lp-curr-identity { background: rgba(255,255,255,.02); border: 1px solid var(--bd0); border-radius: var(--r14); padding: 16px; margin-bottom: 14px; }
.lp-self-concept { font-family: var(--fm); font-size: 12.5px; color: var(--text-2); line-height: 1.7; margin-bottom: 10px; }
.lp-limiting-stories { font-family: var(--fm); font-size: 11px; color: var(--text-4); }
.lp-limiting-stories ul { padding-left: 16px; }
.lp-limiting-stories li { margin-bottom: 3px; }
.lp-evo-stages { display: flex; flex-direction: column; gap: 12px; margin: 12px 0; }
.lp-evo-stage { background: var(--surface); border: 1px solid var(--bd1); border-radius: var(--r14); padding: 16px 18px; font-family: var(--fm); border-left: 3px solid var(--aurora-violet); }
.lp-evo-time { font-size: 9px; font-weight: 700; letter-spacing: .12em; color: var(--aurora-violet); text-transform: uppercase; margin-bottom: 4px; }
.lp-evo-stage-name { font-family: var(--fh); font-size: 14px; font-weight: 700; color: var(--text-0); margin-bottom: 8px; }
.lp-evo-shift { font-size: 12px; color: var(--text-2); line-height: 1.7; margin-bottom: 8px; }
.lp-evo-shed { font-size: 10.5px; color: var(--aurora-red); margin-bottom: 4px; }
.lp-evo-rituals { font-size: 10.5px; color: var(--aurora-green); }
.lp-target-id { background: rgba(247,206,91,.04); border-radius: var(--r10); padding: 14px 16px !important; border: 1px solid rgba(247,206,91,.15); }

/* ─── CHAT MESSAGES ─────────────────────────────────────────────────────── */
.lp-chat-msg { padding: 10px 14px; border-radius: var(--r14); margin-bottom: 10px; font-family: var(--fm); font-size: 12.5px; line-height: 1.7; animation: msgIn var(--t2) var(--ease); }
.lp-chat-user { background: rgba(0,240,255,.07); border: 1px solid rgba(0,240,255,.2); }
.lp-chat-user b { color: var(--aurora-cyan); display: block; margin-bottom: 4px; font-size: 10px; letter-spacing: .06em; text-transform: uppercase; }
.lp-chat-ai { background: rgba(247,206,91,.05); border: 1px solid rgba(247,206,91,.15); color: var(--text-2); }
@keyframes msgIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }

/* ─── HEATMAP GRID ──────────────────────────────────────────────────────── */
.lp-heatmap-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 10px; margin: 12px 0; }
.lp-heat-cell { background: var(--surface); border-radius: var(--r10); padding: 12px 14px; border: 1px solid var(--bd0); font-family: var(--fm); }
.lp-heat-cell.lp-heat-urgent  { border-color: rgba(255,51,102,.35);  background: rgba(255,51,102,.04); }
.lp-heat-cell.lp-heat-high    { border-color: rgba(255,170,0,.25);   background: rgba(255,170,0,.03); }
.lp-heat-cell.lp-heat-medium  { border-color: rgba(0,240,255,.2);    background: rgba(0,240,255,.02); }
.lp-heat-cell.lp-heat-low     { border-color: rgba(255,255,255,.07); }
.lp-heat-cell.lp-heat-deprecate { border-color: rgba(255,255,255,.04); opacity: .55; }
.lp-heat-skill { font-size: 11.5px; font-weight: 600; color: var(--text-1); margin-bottom: 8px; }
.lp-heat-bars { display: flex; flex-direction: column; gap: 5px; margin-bottom: 8px; font-size: 9px; color: var(--text-4); }
.lp-heat-salary { font-size: 10px; color: var(--aurora-gold); font-weight: 600; }
.lp-portfolio-score { font-family: var(--fh); font-size: 18px; font-weight: 800; color: var(--text-0); margin-bottom: 10px; }
.lp-portfolio-score strong { color: var(--aurora-gold); }
.lp-gap-card { background: rgba(255,51,102,.05); border: 1px solid rgba(255,51,102,.2); border-radius: var(--r10); padding: 12px 14px; margin-bottom: 8px; font-family: var(--fm); font-size: 11.5px; }
.lp-gap-card b { color: var(--aurora-red); }
.lp-urgency-num { font-size: 10px; color: var(--aurora-red); margin-left: 8px; }
.lp-gap-card p { color: var(--text-3); margin-top: 4px; font-size: 11px; }
.lp-emerging-card { background: rgba(16,255,176,.04); border: 1px solid rgba(16,255,176,.15); border-radius: var(--r10); padding: 12px 14px; margin-bottom: 8px; font-family: var(--fm); font-size: 11.5px; }
.lp-emerging-card b { color: var(--aurora-green); }
.lp-emerging-card p { color: var(--text-3); margin-top: 4px; font-size: 11px; }

/* ─── TIMING ORACLE ─────────────────────────────────────────────────────── */
.lp-timing-verdict { text-align: center; font-family: var(--fh); font-size: 15px; padding: 14px; border-radius: var(--r14); margin-bottom: 12px; }
.lp-timing-now       { background: rgba(16,255,176,.08); border: 1px solid rgba(16,255,176,.3); color: var(--aurora-green); }
.lp-timing-1-3months { background: rgba(247,206,91,.07); border: 1px solid rgba(247,206,91,.25); color: var(--aurora-gold); }
.lp-timing-3-6months { background: rgba(255,170,0,.07);  border: 1px solid rgba(255,170,0,.25);  color: var(--aurora-amber); }
.lp-timing-6-12months{ background: rgba(255,107,53,.06); border: 1px solid rgba(255,107,53,.25); color: var(--aurora-fire); }
.lp-timing-1yearplus { background: rgba(255,51,102,.06); border: 1px solid rgba(255,51,102,.2);  color: var(--aurora-red); }
.lp-window-card { background: rgba(255,255,255,.04); border: 1px solid var(--bd1); border-radius: var(--r10); padding: 12px 16px; font-family: var(--fm); font-size: 12px; color: var(--text-2); margin-bottom: 12px; }
.lp-conf { font-size: 10px; color: var(--text-4); margin-left: 12px; }
.lp-ready-row { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; font-family: var(--fm); font-size: 11px; color: var(--text-3); }
.lp-ready-row > span:first-child { min-width: 130px; }

/* ─── REGRET SCORE ──────────────────────────────────────────────────────── */
.lp-dq-score { text-align: center; font-family: var(--fh); font-size: 15px; color: var(--text-1); margin-bottom: 10px; }
.lp-dq-score strong { color: var(--aurora-cyan); font-size: 24px; }

/* ─── TRADEOFF ──────────────────────────────────────────────────────────── */
.lp-weighted-scores { display: flex; gap: 12px; margin-bottom: 16px; }
.lp-ws-card { flex: 1; text-align: center; padding: 16px; border-radius: var(--r14); font-family: var(--fh); font-size: 14px; }
.lp-ws-a { background: rgba(0,240,255,.07); border: 1px solid rgba(0,240,255,.25); color: var(--aurora-cyan); }
.lp-ws-b { background: rgba(247,206,91,.07); border: 1px solid rgba(247,206,91,.25); color: var(--aurora-gold); }
.lp-ws-card strong { font-size: 26px; font-weight: 900; display: block; }
.lp-dimensions-table { display: flex; flex-direction: column; gap: 8px; margin: 10px 0; }
.lp-dim-compare { background: rgba(255,255,255,.02); border: 1px solid var(--bd0); border-radius: var(--r10); padding: 12px 14px; font-family: var(--fm); font-size: 11px; }
.lp-dim-name { font-weight: 700; color: var(--text-0); margin-bottom: 6px; }
.lp-dim-a { color: var(--aurora-cyan); margin-bottom: 3px; }
.lp-dim-b { color: var(--aurora-gold); }
.lp-hidden-trade { background: rgba(139,92,246,.05); border: 1px solid rgba(139,92,246,.2); border-radius: var(--r10); padding: 12px 14px; margin-bottom: 8px; font-family: var(--fm); font-size: 11.5px; }
.lp-hidden-trade b { color: var(--aurora-violet); display: block; margin-bottom: 4px; }
.lp-hidden-trade p { color: var(--text-3); font-size: 11px; }

/* ─── PARALLEL LIFE / DETECTED MODE ────────────────────────────────────── */
.lp-detected-mode { background: rgba(0,240,255,.06); border: 1px solid rgba(0,240,255,.2); border-radius: var(--r10); padding: 12px 16px; font-family: var(--fm); font-size: 12px; color: var(--text-1); margin-bottom: 8px; }
.lp-detected-mode em { color: var(--aurora-cyan); }
.lp-suggested-q { background: rgba(247,206,91,.05); border: 1px solid rgba(247,206,91,.2); border-radius: var(--r10); padding: 10px 14px; font-size: 11.5px; color: var(--text-2); margin-bottom: 8px; }
.lp-route-btn { margin-top: 4px; }
.lp-thinking { font-family: var(--fm); font-size: 11px; color: var(--text-4); padding: 8px; display: flex; align-items: center; gap: 8px; }

/* ─── RESPONSIVE: LifePath panels ───────────────────────────────────────── */
@media (max-width: 768px) {
  .lp-grid-2, .lp-grid-3 { grid-template-columns: 1fr; }
  .lp-big5 .lp-b5-row { flex-wrap: wrap; }
  .lp-b5-label { min-width: unset; width: 100%; }
  .lp-timeline-rail { scroll-snap-type: x mandatory; }
  .lp-timeline-node { scroll-snap-align: start; }
  .lp-salary-paths, .lp-mm-matrix, .lp-heatmap-grid { grid-template-columns: 1fr; }
  .lp-recovery { grid-template-columns: 1fr; }
  .lp-weighted-scores { flex-direction: column; }
  .lp-reality-agg { flex-direction: column; }
  .lp-personality-header { flex-wrap: wrap; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   COMING SOON — FEATURE GATE OVERLAY
   ═══════════════════════════════════════════════════════════════════════ */
.feature-gate {
  position: relative;
  overflow: hidden;
}
.feature-gate > *:not(.gate-overlay) { pointer-events: none; user-select: none; filter: blur(3px); opacity: .35; }
.gate-overlay {
  position: absolute; inset: 0; z-index: 10;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  background: rgba(4,6,15,.82);
  backdrop-filter: blur(2px);
  border-radius: inherit;
  gap: 14px;
  padding: 24px;
}
.gate-icon { font-size: 40px; opacity: .8; }
.gate-title {
  font-family: var(--fh);
  font-size: 18px;
  font-weight: 800;
  color: var(--text-0);
  text-align: center;
}
.gate-desc {
  font-family: var(--fm);
  font-size: 12px;
  color: var(--text-3);
  text-align: center;
  max-width: 320px;
  line-height: 1.6;
}
.gate-eta {
  font-family: var(--fm);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  color: var(--aurora-gold);
  text-transform: uppercase;
}
.gate-waitlist-btn {
  background: linear-gradient(135deg, rgba(247,206,91,.15), rgba(0,240,255,.1));
  border: 1.5px solid rgba(247,206,91,.4);
  border-radius: var(--rpill);
  color: var(--aurora-gold);
  font-family: var(--fm);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  padding: 10px 24px;
  cursor: pointer;
  transition: all var(--t2);
}
.gate-waitlist-btn:hover {
  background: linear-gradient(135deg, rgba(247,206,91,.25), rgba(0,240,255,.18));
  box-shadow: 0 0 24px rgba(247,206,91,.2);
  transform: translateY(-1px);
}
/* Status badge on nav items */
.sb-hot.coming { background: rgba(139,92,246,.15); color: var(--aurora-violet); border: none; }
.sb-hot.beta   { background: rgba(0,240,255,.1);   color: var(--aurora-cyan);   }

/* ═══════════════════════════════════════════════════════════════════════════
   OFFICE COMMAND CENTRE v3.0 — WORLD-CLASS COMPLETE CSS
   Covers: hero · config · 5-day grid · energy · ROI ring · action grid ·
           meeting cards · AI output · meeting intel · network · global intel ·
           toasts · loading · animations · responsive · all utility classes
   ═══════════════════════════════════════════════════════════════════════ */

/* ── KEYFRAMES ─────────────────────────────────────────────────────────── */
@keyframes oc3Pulse{0%,100%{box-shadow:0 0 0 0 rgba(0,229,255,.45)}70%{box-shadow:0 0 0 7px rgba(0,229,255,0)}}
@keyframes oc3GoldPulse{0%,100%{box-shadow:0 0 0 0 rgba(247,206,91,.45)}70%{box-shadow:0 0 0 7px rgba(247,206,91,0)}}
@keyframes oc3Spin{to{transform:rotate(360deg)}}
@keyframes oc3SlideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@keyframes oc3FadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes oc3Toast{0%{opacity:0;transform:translateX(20px)}10%,82%{opacity:1;transform:none}100%{opacity:0;transform:translateX(20px)}}
@keyframes oc3DotPop{0%{transform:scale(1)}50%{transform:scale(1.6)}100%{transform:scale(1)}}

/* ── HERO ──────────────────────────────────────────────────────────────── */
.oc3-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;background:linear-gradient(135deg,rgba(0,229,255,.05),rgba(247,206,91,.04),rgba(168,85,247,.03));border:1px solid rgba(0,229,255,.12);border-radius:var(--r18);padding:30px 34px;margin-bottom:16px;position:relative;overflow:hidden;min-height:160px}
.oc3-hero::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 120% at 0% 50%,rgba(0,229,255,.04),transparent),radial-gradient(ellipse 40% 80% at 100% 50%,rgba(247,206,91,.04),transparent)}
.oc3-hero-left{flex:1;min-width:260px;position:relative;z-index:1}
.oc3-world-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--fm);font-size:9px;letter-spacing:.15em;font-weight:700;color:var(--aurora-cyan);background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.22);border-radius:20px;padding:4px 12px;margin-bottom:10px}
.oc3-world-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--aurora-green);animation:oc3Pulse 2s infinite;flex-shrink:0}
.oc3-title{font-size:clamp(22px,3.2vw,40px);font-weight:900;letter-spacing:-.03em;line-height:1.05;margin-bottom:8px;color:var(--text-0)}
.oc3-title em{font-style:italic;background:linear-gradient(135deg,var(--aurora-cyan),var(--aurora-violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.oc3-subtitle{font-size:.88rem;color:var(--text-3);line-height:1.7;max-width:480px}
.oc3-stat-row{display:flex;gap:0;margin-top:16px;flex-wrap:wrap;border:1px solid var(--bd1);border-radius:var(--r10);overflow:hidden}
.oc3-stat{flex:1;min-width:72px;text-align:center;padding:10px 8px;border-right:1px solid var(--bd1);background:rgba(255,255,255,.02)}
.oc3-stat:last-child{border-right:none}
.oc3-stat-val{font-family:var(--fh);font-size:19px;font-weight:900;color:var(--text-0);line-height:1;transition:color .3s}
.oc3-gold{color:var(--aurora-gold)!important}
.oc3-stat-lbl{font-family:var(--fm);font-size:8px;letter-spacing:.1em;color:var(--text-4);text-transform:uppercase;margin-top:3px}
.oc3-live-clock{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0;position:relative;z-index:1}
.oc3-clock-time{font-family:var(--fm);font-size:34px;font-weight:800;color:var(--aurora-gold);letter-spacing:-.02em;line-height:1;text-shadow:0 0 40px rgba(247,206,91,.2)}
.oc3-clock-date{font-family:var(--fm);font-size:10px;color:var(--text-2);letter-spacing:.06em;text-align:right}
.oc3-clock-tz{font-family:var(--fm);font-size:8.5px;color:var(--text-4);text-align:right}
.oc3-ah-badge{font-family:var(--fm);font-size:8.5px;font-weight:700;letter-spacing:.1em;padding:4px 11px;background:rgba(0,255,136,.07);border:1px solid rgba(0,255,136,.2);border-radius:20px;color:var(--aurora-green);margin-top:8px;display:flex;align-items:center;gap:5px;white-space:nowrap}

/* ── CONFIG STRIP ──────────────────────────────────────────────────────── */
.oc3-config-strip{display:flex;gap:10px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--bd0);border-radius:var(--r14);padding:14px 18px;margin-bottom:14px;align-items:flex-end}
.oc3-cfg{display:flex;flex-direction:column;gap:4px;min-width:120px;flex:1}
.oc3-cfg-wide{min-width:200px;flex:2}
.oc3-cfg label{font-family:var(--fm);font-size:9px;letter-spacing:.08em;color:var(--text-4);text-transform:uppercase;font-weight:600}
.oc3-cfg input,.oc3-cfg select{background:rgba(255,255,255,.04);border:1px solid var(--bd1);border-radius:var(--r8);padding:8px 11px;color:var(--text-0);font-size:12px;font-family:var(--ff);outline:none;transition:border-color .18s,box-shadow .18s;-webkit-appearance:none}
.oc3-cfg input:focus,.oc3-cfg select:focus{border-color:rgba(0,229,255,.5);box-shadow:0 0 0 3px rgba(0,229,255,.07)}
.oc3-cfg input::placeholder{color:var(--text-4)}

/* ── MAIN GRID ─────────────────────────────────────────────────────────── */
.oc3-main{display:grid;grid-template-columns:1fr 330px;gap:14px;margin-bottom:14px}
@media(max-width:1100px){.oc3-main{grid-template-columns:1fr 295px}}
@media(max-width:960px){.oc3-main{grid-template-columns:1fr}}
.oc3-cal-col{display:flex;flex-direction:column;gap:10px;min-width:0}
.oc3-command-col{display:flex;flex-direction:column;gap:10px;min-width:0}

/* ── DAY PICKER ────────────────────────────────────────────────────────── */
.oc3-day-picker{background:var(--surface);border:1px solid var(--bd0);border-radius:var(--r14);padding:13px 15px}
.oc3-dp-label{font-family:var(--fm);font-size:9px;letter-spacing:.13em;color:var(--text-4);margin-bottom:9px;text-transform:uppercase;font-weight:700;display:flex;align-items:center;justify-content:space-between}
.oc3-dp-days{display:flex;gap:6px}
.oc3-dp-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;background:rgba(255,255,255,.02);border:1.5px solid var(--bd1);border-radius:var(--r12);padding:11px 4px;cursor:pointer;transition:all .2s;font-family:var(--fm)}
.oc3-dp-btn:hover{border-color:rgba(0,229,255,.4);background:rgba(0,229,255,.05);transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,.2)}
.oc3-dp-btn.in-office{border-color:var(--aurora-cyan);background:rgba(0,229,255,.09);box-shadow:0 0 14px rgba(0,229,255,.1)}
.oc3-dp-btn.in-office .oc3-dp-name{color:var(--aurora-cyan)}
.oc3-dp-btn.remote{border-color:var(--aurora-gold);background:rgba(247,206,91,.08);box-shadow:0 0 14px rgba(247,206,91,.09)}
.oc3-dp-btn.remote .oc3-dp-name{color:var(--aurora-gold)}
.oc3-dp-name{font-size:9px;font-weight:700;letter-spacing:.07em;color:var(--text-3);text-transform:uppercase;transition:color .2s}
.oc3-dp-ico{font-size:20px;line-height:1}
.oc3-dp-legend{font-family:var(--fm);font-size:9px;color:var(--text-4);margin-top:8px}

/* ── WEEK GRID WRAPPER ─────────────────────────────────────────────────── */
.oc3-week-wrap{background:var(--surface);border:1px solid var(--bd0);border-radius:var(--r14);overflow:hidden}

/* Week header — 5-day (Mon–Fri only) */
.oc-week-header{display:grid;grid-template-columns:44px repeat(5,1fr);background:rgba(255,255,255,.02);border-bottom:1px solid var(--bd0);position:sticky;top:0;z-index:5}
.oc-day-hdr{padding:10px 6px 8px;text-align:center;font-family:var(--fm);font-size:9px;font-weight:700;letter-spacing:.1em;color:var(--text-4);text-transform:uppercase;border-right:1px solid rgba(255,255,255,.04);position:relative}
.oc-day-hdr:last-child{border-right:none}
.oc-day-hdr.today{color:var(--aurora-cyan)}
.oc-day-hdr.today::after{content:'';position:absolute;bottom:0;left:25%;right:25%;height:2px;background:linear-gradient(90deg,transparent,var(--aurora-cyan),transparent);border-radius:1px}
.oc-day-hdr .oc-date{display:block;font-family:var(--fh);font-size:20px;font-weight:900;color:var(--text-1);margin-top:2px;line-height:1}
.oc-day-hdr.today .oc-date{color:var(--aurora-cyan);text-shadow:0 0 20px rgba(0,229,255,.28)}

/* Mini toggle inside grid header */
.oc-day-tog-mini{display:inline-flex;align-items:center;justify-content:center;width:28px;height:18px;border-radius:9px;font-size:12px;margin-top:4px;cursor:pointer;transition:all .18s;border:1px solid transparent;line-height:1}
.oc-day-tog-mini.in-office{background:rgba(0,229,255,.1);border-color:rgba(0,229,255,.3)}
.oc-day-tog-mini.remote{background:rgba(247,206,91,.1);border-color:rgba(247,206,91,.3)}
.oc-day-tog-mini:hover{transform:scale(1.15)}

/* Time grid — 5-day */
.oc-grid{display:grid;grid-template-columns:44px repeat(5,1fr);overflow-y:auto;max-height:400px;scroll-behavior:smooth}
.oc-grid::-webkit-scrollbar{width:3px}
.oc-grid::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:2px}
.oc-time-label{display:flex;align-items:flex-start;justify-content:flex-end;padding:0 7px;font-family:var(--fm);font-size:8.5px;color:var(--text-4);height:52px;border-right:1px solid rgba(255,255,255,.04);padding-top:3px;flex-shrink:0;background:rgba(255,255,255,.01)}
.oc-cell{height:52px;border-right:1px solid rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.03);position:relative;cursor:pointer;transition:background .12s}
.oc-cell:hover{background:rgba(0,229,255,.03)}
.oc-cell.today-col{background:rgba(0,229,255,.022)}
.oc-cell.today-col:hover{background:rgba(0,229,255,.05)}
.oc-cell:last-child{border-right:none}

/* ── MEETING EVENT BLOCKS ──────────────────────────────────────────────── */
.oc-event{position:absolute;left:2px;right:2px;border-radius:6px;padding:4px 7px;font-family:var(--fm);font-size:9px;font-weight:600;overflow:hidden;cursor:pointer;transition:all .18s;z-index:2}
.oc-event:hover{transform:scale(1.03) translateY(-1px);z-index:3;box-shadow:0 6px 20px rgba(0,0,0,.3)}
.oc-event-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
.oc-event-time{font-size:8px;opacity:.7;margin-top:1px}
.oc-event.roi-high{background:rgba(0,255,136,.11);border:1px solid rgba(0,255,136,.24);border-left:3px solid var(--aurora-green);color:#00e5a0}
.oc-event.roi-medium{background:rgba(247,206,91,.11);border:1px solid rgba(247,206,91,.24);border-left:3px solid var(--aurora-gold);color:var(--aurora-gold)}
.oc-event.roi-low{background:rgba(255,51,102,.1);border:1px solid rgba(255,51,102,.22);border-left:3px solid var(--aurora-red);color:#ff7096}
.oc-event.roi-drain{background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.22);border-left:3px solid var(--aurora-violet);color:#a78bfa}

/* ── ENERGY TRACKER ────────────────────────────────────────────────────── */
.oc3-energy-row{background:var(--surface);border:1px solid var(--bd0);border-radius:var(--r14);padding:13px 15px}
.oc3-energy-lbl{font-family:var(--fm);font-size:9px;letter-spacing:.13em;color:var(--text-4);margin-bottom:10px;text-transform:uppercase;font-weight:700}
.oc3-energy-days{display:flex;gap:6px}
.oc3-energy-day{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;padding:8px 3px;border-radius:var(--r10);border:1px solid transparent;transition:border-color .2s}
.oc3-energy-day:hover{border-color:var(--bd1)}
.oc3-ed-name{font-family:var(--fm);font-size:9px;color:var(--text-4);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.oc3-ed-dots{display:flex;flex-direction:column;gap:3px}
.oc3-dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .16s}
.oc3-dot:hover{transform:scale(1.3);background:rgba(247,206,91,.22);border-color:rgba(247,206,91,.4)}
.oc3-dot.filled{background:var(--aurora-gold);border-color:rgba(247,206,91,.6);box-shadow:0 0 5px rgba(247,206,91,.32);animation:oc3DotPop .22s cubic-bezier(.34,1.56,.64,1)}
.oc3-dot.filled.high{background:var(--aurora-green);border-color:rgba(0,255,136,.6);box-shadow:0 0 5px rgba(0,255,136,.32)}
.oc3-dot.filled.low{background:var(--aurora-red);border-color:rgba(255,51,102,.6);box-shadow:0 0 5px rgba(255,51,102,.28)}

/* ── ADD MEETING FORM ──────────────────────────────────────────────────── */
.oc3-add-meet{background:var(--surface);border:1px solid var(--bd0);border-radius:var(--r14);padding:13px 15px}
.oc3-add-title{font-family:var(--fm);font-size:9px;font-weight:700;letter-spacing:.12em;color:var(--text-4);margin-bottom:10px;text-transform:uppercase}
.oc3-add-fields{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr 2fr;gap:7px}
@media(max-width:860px){.oc3-add-fields{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:560px){.oc3-add-fields{grid-template-columns:1fr 1fr}}
.oc3-inp{background:rgba(255,255,255,.04);border:1px solid var(--bd1);border-radius:var(--r8);padding:8px 10px;color:var(--text-0);font-size:11px;font-family:var(--ff);outline:none;transition:border-color .18s,box-shadow .18s;width:100%;-webkit-appearance:none}
.oc3-inp:focus{border-color:rgba(0,229,255,.45);box-shadow:0 0 0 3px rgba(0,229,255,.07)}
.oc3-inp::placeholder{color:var(--text-4);font-size:10.5px}

/* ── ROI RING CARD ─────────────────────────────────────────────────────── */
.oc3-roi-card{background:linear-gradient(145deg,rgba(247,206,91,.07),rgba(0,229,255,.04));border:1px solid rgba(247,206,91,.2);border-radius:var(--r18);padding:17px 15px;display:flex;gap:13px;align-items:center;position:relative;overflow:hidden}
.oc3-roi-card::before{content:'';position:absolute;top:-30px;right:-30px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(247,206,91,.07),transparent 70%);pointer-events:none}
.oc3-roi-ring-wrap{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;filter:drop-shadow(0 0 10px rgba(247,206,91,.14))}
.oc3-ring-inner{position:absolute;text-align:center;pointer-events:none}
.oc3-ring-num{font-family:var(--fh);font-size:25px;font-weight:900;color:var(--aurora-gold);line-height:1;letter-spacing:-.02em}
.oc3-ring-lbl{font-family:var(--fm);font-size:7px;letter-spacing:.13em;color:var(--text-4);margin-top:2px;text-transform:uppercase}
.oc3-roi-bars{flex:1;display:flex;flex-direction:column;gap:9px;min-width:0}
.oc3-roi-bar-row{display:flex;flex-direction:column;gap:4px}
.oc3-roi-bar-row>span{font-family:var(--fm);font-size:8.5px;color:var(--text-3);font-weight:600}
.oc3-mini-bar{height:5px;background:rgba(255,255,255,.06);border-radius:3px;overflow:hidden}
.oc3-mini-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--aurora-gold),rgba(247,206,91,.5));transition:width 1.4s cubic-bezier(.4,0,.2,1)}
.oc3-fill-cyan{background:linear-gradient(90deg,var(--aurora-cyan),rgba(0,229,255,.5))}
.oc3-fill-purple{background:linear-gradient(90deg,var(--aurora-violet),rgba(139,92,246,.5))}
.oc3-fill-red{background:linear-gradient(90deg,var(--aurora-red),rgba(255,51,102,.5))}

/* ── ACTION GRID ───────────────────────────────────────────────────────── */
.oc3-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.oc3-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:13px 6px;border-radius:var(--r14);border:1.5px solid;cursor:pointer;transition:all .2s;text-align:center;position:relative;overflow:hidden}
.oc3-action-btn:hover{transform:translateY(-3px)}
.oc3-action-btn:hover::before{content:'';position:absolute;inset:0;background:rgba(255,255,255,.04);pointer-events:none}
.oc3-action-btn:active{transform:translateY(0)}
.oc3-action-btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}
.oc3-btn-gold{background:rgba(247,206,91,.07);border-color:rgba(247,206,91,.28);color:var(--aurora-gold)}
.oc3-btn-gold:hover:not(:disabled){background:rgba(247,206,91,.13);box-shadow:0 5px 18px rgba(247,206,91,.13)}
.oc3-btn-cyan{background:rgba(0,229,255,.07);border-color:rgba(0,229,255,.26);color:var(--aurora-cyan)}
.oc3-btn-cyan:hover:not(:disabled){background:rgba(0,229,255,.13);box-shadow:0 5px 18px rgba(0,229,255,.13)}
.oc3-btn-purple{background:rgba(139,92,246,.07);border-color:rgba(139,92,246,.26);color:var(--aurora-violet)}
.oc3-btn-purple:hover:not(:disabled){background:rgba(139,92,246,.13);box-shadow:0 5px 18px rgba(139,92,246,.12)}
.oc3-btn-green{background:rgba(0,255,136,.06);border-color:rgba(0,255,136,.24);color:var(--aurora-green)}
.oc3-btn-green:hover:not(:disabled){background:rgba(0,255,136,.12);box-shadow:0 5px 18px rgba(0,255,136,.1)}
.oc3-ab-ico{font-size:22px;line-height:1}
.oc3-ab-lbl{font-family:var(--fm);font-size:8.5px;font-weight:700;letter-spacing:.05em;line-height:1.3}

/* ── BURNOUT ALERT ─────────────────────────────────────────────────────── */
.oc3-burnout-bar{display:flex;align-items:center;gap:10px;padding:9px 13px;background:rgba(255,51,102,.07);border:1px solid rgba(255,51,102,.27);border-radius:var(--r10);font-family:var(--fm);font-size:11px;color:var(--aurora-red);animation:oc3SlideIn .3s ease}
.oc3-bb-ico{font-size:17px;flex-shrink:0}

/* ── AI OUTPUT PANEL ───────────────────────────────────────────────────── */
.oc3-ai-out{background:rgba(0,0,0,.2)!important;border:1px solid var(--bd1)!important;border-radius:var(--r14)!important;padding:14px!important;font-family:var(--fm);font-size:12px;color:var(--text-2);line-height:1.8;overflow-y:auto;scroll-behavior:smooth}
.oc3-ai-out::-webkit-scrollbar{width:3px}
.oc3-ai-out::-webkit-scrollbar-thumb{background:rgba(255,255,255,.09);border-radius:2px}
.oc3-ai-out .lp-h2,.oc3-ai-out .oc-plan-h2{font-family:var(--fh);font-size:13px;font-weight:700;color:var(--aurora-gold);margin:14px 0 6px;padding-bottom:5px;border-bottom:1px solid rgba(247,206,91,.12);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.oc3-ai-out .lp-h3{font-family:var(--fh);font-size:12px;font-weight:700;color:var(--aurora-cyan);margin:10px 0 4px}
.oc3-ai-out strong{color:var(--text-0);font-weight:700}

/* ── WEEK REFLECTION ───────────────────────────────────────────────────── */
.oc3-reflection{background:linear-gradient(135deg,rgba(247,206,91,.05),rgba(0,229,255,.03));border:1px solid rgba(247,206,91,.15);border-radius:var(--r18);padding:20px 22px;margin-bottom:14px}
.oc3-refl-hdr{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:13px;flex-wrap:wrap}
.oc3-refl-title{font-family:var(--fh);font-size:14px;font-weight:700;color:var(--text-0)}
.oc3-refl-sub{font-family:var(--fm);font-size:10px;color:var(--text-4)}
.oc3-refl-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px}
@media(max-width:640px){.oc3-refl-fields{grid-template-columns:1fr}}
.oc3-refl-fg{display:flex;flex-direction:column;gap:5px}
.oc3-refl-fg label{font-family:var(--fm);font-size:9.5px;color:var(--text-3);font-weight:600}
.oc3-refl-fg input{background:rgba(255,255,255,.04);border:1px solid var(--bd1);border-radius:var(--r10);padding:10px 12px;color:var(--text-0);font-size:12px;font-family:var(--ff);outline:none;transition:border-color .18s,box-shadow .18s}
.oc3-refl-fg input:focus{border-color:rgba(247,206,91,.45);box-shadow:0 0 0 3px rgba(247,206,91,.07)}
.oc3-refl-fg input::placeholder{color:var(--text-4);font-size:11px}

/* ── GLOBAL OFFICE INTEL ───────────────────────────────────────────────── */
.oc3-global-strip{background:linear-gradient(135deg,rgba(0,229,255,.04),rgba(0,0,0,.2));border:1px solid rgba(0,229,255,.12);border-radius:var(--r14);padding:15px 19px;margin-bottom:14px;position:relative;overflow:hidden}
.oc3-global-strip::after{content:'🌍';position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:56px;opacity:.05;pointer-events:none;user-select:none}
.oc3-gs-title{font-family:var(--fm);font-size:9px;letter-spacing:.15em;color:var(--aurora-cyan);margin-bottom:9px;text-transform:uppercase;font-weight:700;display:flex;align-items:center;gap:8px}
.oc3-gs-title::after{content:'';flex:1;height:1px;background:rgba(0,229,255,.14)}
.oc3-gs-tips{font-size:12.5px;color:var(--text-2);line-height:1.75;margin-bottom:9px;animation:oc3FadeUp .3s ease}
.oc3-gs-tips strong{color:var(--aurora-gold)}
.oc3-gs-ah{font-family:var(--fm);font-size:9px;color:var(--text-4);padding-top:8px;border-top:1px solid rgba(255,255,255,.05);line-height:1.5}

/* ── ANTI-HAL NOTE ─────────────────────────────────────────────────────── */
.oc3-intel-note{background:rgba(0,255,136,.04);border:1px solid rgba(0,255,136,.15);border-radius:var(--r10);padding:10px 13px;font-family:var(--fm);font-size:10px;color:rgba(0,255,136,.75);line-height:1.65}

/* ── MEETING INTEL LAYOUT ──────────────────────────────────────────────── */
.oc3-meet-shell{display:grid;grid-template-columns:295px 1fr;gap:14px;align-items:start}
@media(max-width:860px){.oc3-meet-shell{grid-template-columns:1fr}}
.oc3-panel{background:var(--surface);border:1px solid var(--bd0);border-radius:var(--r14);padding:17px}
.oc3-panel-title{font-family:var(--fm);font-size:9px;font-weight:700;letter-spacing:.12em;color:var(--text-4);margin-bottom:13px;text-transform:uppercase}
.oc3-load-gauge{margin:10px 0}
.oc3-lg-track{height:7px;background:rgba(255,255,255,.05);border-radius:4px;overflow:hidden;margin-bottom:5px}
.oc3-lg-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--aurora-green) 0%,var(--aurora-gold) 55%,var(--aurora-red) 100%);transition:width 1s ease}
.oc3-lg-labels{display:flex;justify-content:space-between;font-family:var(--fm);font-size:8px;color:var(--text-4)}
.oc3-lg-desc{font-size:11px;color:var(--text-3);margin-top:6px;line-height:1.5}

/* ── MEETING CARDS ─────────────────────────────────────────────────────── */
.oc-meeting-card{background:var(--surface);border:1px solid var(--bd1);border-radius:var(--r12);padding:12px 14px;margin-bottom:8px;transition:all .2s;position:relative;cursor:pointer;overflow:hidden}
.oc-meeting-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:4px;border-radius:4px 0 0 4px}
.oc-meeting-card:hover{transform:translateX(4px);box-shadow:0 4px 18px rgba(0,0,0,.2)}
.oc-meeting-card.high{border-color:rgba(0,255,136,.2)}
.oc-meeting-card.high::before{background:var(--aurora-green);box-shadow:2px 0 8px rgba(0,255,136,.2)}
.oc-meeting-card.high:hover{border-color:rgba(0,255,136,.35);box-shadow:0 4px 18px rgba(0,255,136,.07)}
.oc-meeting-card.neutral{border-color:rgba(247,206,91,.2)}
.oc-meeting-card.neutral::before{background:var(--aurora-gold);box-shadow:2px 0 8px rgba(247,206,91,.2)}
.oc-meeting-card.neutral:hover{border-color:rgba(247,206,91,.35)}
.oc-meeting-card.drain{border-color:rgba(255,51,102,.2)}
.oc-meeting-card.drain::before{background:var(--aurora-red);box-shadow:2px 0 8px rgba(255,51,102,.15)}
.oc-meeting-card.drain:hover{border-color:rgba(255,51,102,.35)}
.oc-meet-title{font-family:var(--fh);font-size:13px;font-weight:700;color:var(--text-0);margin-bottom:3px;padding-left:8px;line-height:1.3}
.oc-meet-class{font-family:var(--fm);font-size:9px;font-weight:700;letter-spacing:.07em;padding-left:8px;margin-bottom:4px}
.oc-meeting-card.high    .oc-meet-class{color:var(--aurora-green)}
.oc-meeting-card.neutral .oc-meet-class{color:var(--aurora-gold)}
.oc-meeting-card.drain   .oc-meet-class{color:var(--aurora-red)}
.oc-meet-rec{font-family:var(--fm);font-size:10.5px;color:var(--text-3);padding-left:8px;line-height:1.6;margin-top:3px}

/* lp-grid-3 / lp-card-sm / lp-prose / lp-error defined earlier in this file */
.lp-prose strong,.lp-prose b{color:var(--text-0);font-weight:700}
@media(max-width:540px){.lp-grid-3{grid-template-columns:1fr}}
.oc-intel-tip{background:rgba(0,229,255,.05);border:1px solid rgba(0,229,255,.15);border-radius:var(--r10);padding:10px 13px;font-family:var(--fm);font-size:11px;color:var(--text-2);line-height:1.6;margin-top:8px}
.oc-intel-tip strong{color:var(--aurora-cyan)}
.oc-intel-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.oc-intel-badge{font-family:var(--fm);font-size:9px;font-weight:700;letter-spacing:.1em;padding:4px 11px;background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.22);border-radius:20px;color:var(--aurora-cyan)}

/* ── SECTION HEADER ACTION BUTTONS ────────────────────────────────────── */
.oc-plan-h2{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:var(--fh);font-size:14px;font-weight:700;color:var(--aurora-gold);margin:14px 0 6px;padding-bottom:6px;border-bottom:1px solid rgba(247,206,91,.12)}
.oc-plan-action-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 11px;border-radius:20px;border:1.5px solid rgba(0,229,255,.3);background:rgba(0,229,255,.07);color:var(--aurora-cyan);font-family:var(--fm);font-size:9.5px;font-weight:600;cursor:pointer;transition:all .18s;white-space:nowrap}
.oc-plan-action-btn:hover{background:rgba(0,229,255,.15);border-color:rgba(0,229,255,.6);transform:translateY(-1px);box-shadow:0 3px 10px rgba(0,229,255,.12)}

/* ROI classification inline tags */
.oc-tag{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700;letter-spacing:.04em}
.oc-tag-adv{background:rgba(0,255,136,.1);color:#00e5a0;border:1px solid rgba(0,255,136,.28)}
.oc-tag-neu{background:rgba(247,206,91,.1);color:var(--aurora-gold);border:1px solid rgba(247,206,91,.28)}
.oc-tag-drn{background:rgba(255,51,102,.1);color:#ff7096;border:1px solid rgba(255,51,102,.28)}

/* ── NETWORK CARDS ─────────────────────────────────────────────────────── */
.oc3-net-card{background:rgba(0,229,255,.03);border:1px solid rgba(0,229,255,.12);border-radius:var(--r12);padding:13px 15px;margin-bottom:9px;transition:all .2s}
.oc3-net-card:hover{border-color:rgba(0,229,255,.28);transform:translateY(-2px);box-shadow:0 5px 18px rgba(0,0,0,.18)}
.oc3-nc-person{font-family:var(--fh);font-size:13px;font-weight:700;color:var(--aurora-cyan);margin-bottom:3px}
.oc3-nc-urgency{font-family:var(--fm);font-size:9.5px;color:var(--text-3);margin-bottom:5px}
.oc3-nc-why{font-family:var(--fm);font-size:11px;color:var(--text-2);line-height:1.65;margin-bottom:5px}
.oc3-nc-how{font-family:var(--fm);font-size:10.5px;color:var(--aurora-gold);font-weight:600}

/* ── TOAST NOTIFICATIONS ───────────────────────────────────────────────── */
.cal-toast{position:fixed;bottom:24px;right:24px;padding:11px 17px;border-radius:var(--r12);font-family:var(--fm);font-size:11px;font-weight:600;color:var(--text-0);z-index:9999;box-shadow:0 8px 32px rgba(0,0,0,.45);backdrop-filter:blur(12px);animation:oc3Toast 3.5s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none;max-width:310px;line-height:1.4}
.cal-toast-success,.cal-toast-ok{background:rgba(0,255,136,.12);border:1px solid rgba(0,255,136,.3);color:var(--aurora-green)}
.cal-toast-error,.cal-toast-err{background:rgba(255,51,102,.12);border:1px solid rgba(255,51,102,.3);color:var(--aurora-red)}
.cal-toast-warn,.cal-toast-warning{background:rgba(247,206,91,.1);border:1px solid rgba(247,206,91,.28);color:var(--aurora-gold)}
.cal-toast-info,.cal-toast-inf{background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.25);color:var(--aurora-cyan)}

/* ── BACKWARDS COMPAT (old oc-* classes still used by JS) ──────────────── */
.oc-week-score{background:linear-gradient(135deg,rgba(247,206,91,.07),rgba(0,255,136,.04));border:1px solid rgba(247,206,91,.22);border-radius:var(--r14);padding:14px;text-align:center}
.oc-week-score-num{font-family:var(--fh);font-size:32px;font-weight:900;color:var(--aurora-gold);line-height:1;transition:color .4s}
.oc-week-score-label{font-family:var(--fm);font-size:8.5px;color:var(--text-4);letter-spacing:.12em;margin-top:4px;text-transform:uppercase}
.oc-roi-bar{display:flex;align-items:center;gap:10px;font-family:var(--fm);font-size:11px;color:var(--text-3);margin-bottom:8px}
.oc-score-num{font-weight:700;color:var(--text-1);min-width:28px;text-align:right}
.oc-day-toggle-row{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.oc-day-tog{flex:1;min-width:58px;padding:10px 6px;border:1.5px solid var(--bd1);border-radius:var(--r10);background:none;font-family:var(--fm);font-size:10px;font-weight:600;color:var(--text-4);cursor:pointer;transition:all .2s;text-align:center}
.oc-day-tog.in-office{border-color:var(--aurora-green);color:var(--aurora-green);background:rgba(0,255,136,.06)}
.oc-day-tog.remote{border-color:var(--aurora-violet);color:var(--aurora-violet);background:rgba(139,92,246,.06)}
.oc-day-tog:hover{transform:translateY(-2px)}
.oc-shell{display:grid;grid-template-columns:1fr 360px;gap:18px;min-height:580px}
@media(max-width:960px){.oc-shell{grid-template-columns:1fr}}
.oc-week{background:var(--surface);border:1px solid var(--bd1);border-radius:var(--r18);overflow:hidden}
.oc-ai-panel{display:flex;flex-direction:column;gap:14px}
.oc-ai-header{background:linear-gradient(135deg,rgba(247,206,91,.07),rgba(0,229,255,.04));border:1px solid var(--bdg);border-radius:var(--r14);padding:16px 18px}
.oc-ai-title{font-family:var(--fh);font-size:14px;font-weight:700;color:var(--text-0);margin-bottom:4px}
.oc-debrief-out{flex:1;background:rgba(0,0,0,.2);border:1px solid var(--bd1);border-radius:var(--r14);padding:16px;font-family:var(--fm);font-size:12px;color:var(--text-2);line-height:1.8;overflow-y:auto;max-height:460px}

/* ── RESPONSIVE ─────────────────────────────────────────────────────────── */
@media(max-width:768px){
  .oc3-hero{padding:22px 18px;min-height:auto}
  .oc3-clock-time{font-size:26px}
  .oc3-config-strip{padding:12px}
  .oc3-roi-card{flex-direction:column;align-items:flex-start}
  .oc3-action-grid{gap:6px}
}
@media(max-width:480px){
  .oc3-hero{flex-direction:column;gap:14px}
  .oc3-live-clock{align-items:flex-start}
  .oc3-dp-btn{padding:8px 2px}
  .oc3-dp-ico{font-size:16px}
  .oc3-ab-ico{font-size:18px}
  .oc-grid{max-height:300px}
  .oc-time-label{font-size:8px;padding:0 4px}
  .oc-event{font-size:8px;padding:2px 3px}
}

/* ── SEARCH API INTEGRATION ─────────────────────────────────────────────── */
.search-api-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--fm);font-size:9px;font-weight:700;letter-spacing:.07em;padding:4px 10px;border-radius:20px;cursor:default;transition:all .25s}
.search-api-badge.loading{background:rgba(255,255,255,.04);border:1px solid var(--bd1);color:var(--text-4)}
.search-api-badge.ok{background:rgba(0,255,136,.08);border:1px solid rgba(0,255,136,.25);color:var(--aurora-green)}
.search-api-badge.off{background:rgba(255,51,102,.06);border:1px solid rgba(255,51,102,.2);color:var(--aurora-red)}
.search-api-badge.demo{background:rgba(247,206,91,.08);border:1px solid rgba(247,206,91,.25);color:var(--aurora-gold)}
.search-result-card{background:rgba(255,255,255,.03);border:1px solid var(--bd1);border-radius:10px;padding:12px 14px;margin-bottom:8px;transition:border-color .18s}
.search-result-card:hover{border-color:rgba(0,229,255,.25)}
.search-result-title{font-family:var(--fh);font-size:13px;font-weight:700;color:var(--text-0);margin-bottom:3px}
.search-result-url{font-family:var(--fm);font-size:9px;color:var(--aurora-cyan);margin-bottom:5px;word-break:break-all}
.search-result-snippet{font-family:var(--fm);font-size:11.5px;color:var(--text-2);line-height:1.7}
.search-result-score{font-family:var(--fm);font-size:8.5px;color:var(--text-4);margin-top:5px}
.search-answer-box{background:rgba(0,229,255,.04);border:1px solid rgba(0,229,255,.15);border-radius:10px;padding:12px 14px;margin-bottom:12px;font-family:var(--fm);font-size:12px;color:var(--text-1);line-height:1.8}
.search-provider-tag{display:inline-block;font-family:var(--fm);font-size:8px;font-weight:700;letter-spacing:.08em;padding:2px 8px;border-radius:10px;margin-bottom:8px;text-transform:uppercase}
.search-provider-tavily{background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.2);color:var(--aurora-cyan)}
.search-provider-brave{background:rgba(247,206,91,.08);border:1px solid rgba(247,206,91,.2);color:var(--aurora-gold)}
.nasa-result-card{display:flex;gap:12px;background:rgba(168,85,247,.04);border:1px solid rgba(168,85,247,.15);border-radius:10px;padding:12px;margin-bottom:8px}
.nasa-result-img{width:90px;height:70px;object-fit:cover;border-radius:7px;flex-shrink:0}
.nasa-result-title{font-family:var(--fh);font-size:12px;font-weight:700;color:var(--text-0);margin-bottom:4px}
.nasa-result-desc{font-family:var(--fm);font-size:10.5px;color:var(--text-2);line-height:1.6}
.travel-result-card{background:rgba(0,255,136,.03);border:1px solid rgba(0,255,136,.12);border-radius:10px;padding:12px 14px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;transition:border-color .18s}
.travel-result-card:hover{border-color:rgba(0,255,136,.28)}
.travel-result-name{font-family:var(--fh);font-size:13px;font-weight:700;color:var(--text-0);margin-bottom:2px}
.travel-result-type{font-family:var(--fm);font-size:9px;color:var(--text-4);margin-bottom:5px;letter-spacing:.06em;text-transform:uppercase}
.travel-result-rating{font-family:var(--fh);font-size:20px;font-weight:900;color:var(--aurora-green);text-align:center;line-height:1}
.travel-result-reviews{font-family:var(--fm);font-size:9px;color:var(--text-4);text-align:center}
.grounded-source{font-family:var(--fm);font-size:9.5px;color:var(--text-3);padding:4px 0;border-bottom:1px solid var(--bd0);display:flex;gap:6px;align-items:baseline}
.grounded-source a{color:var(--aurora-cyan);text-decoration:none;word-break:break-all}
.grounded-source a:hover{text-decoration:underline}

/* ── MISSING CLASSES PATCH ──────────────────────────────────────────────── */

/* Meeting shell columns */
.oc3-meet-left{display:flex;flex-direction:column;gap:10px;min-width:0}
.oc3-meet-right{display:flex;flex-direction:column;gap:10px;min-width:0}

/* ROI ring SVG wrapper */
.oc3-ring-svg{position:relative;display:flex;align-items:center;justify-content:center}
.oc3-ring-svg svg{transform:rotate(-90deg);overflow:visible}

/* Office Intel — header/rows/sections */
.oc-intel-row{display:flex;align-items:flex-start;gap:7px;font-family:var(--fm);font-size:11.5px;color:var(--text-2);padding:5px 0;border-bottom:1px solid rgba(255,255,255,.04);line-height:1.5}
.oc-intel-row:last-child{border-bottom:none}
.oc-intel-row span{flex:1;color:var(--text-1)}
.oc-intel-section{margin-top:12px}
.oc-intel-section b{display:block;font-family:var(--fm);font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-4);margin-bottom:7px}
.oc-intel-list{margin:0;padding:0 0 0 16px;font-family:var(--fm);font-size:11.5px;color:var(--text-2);line-height:1.75}
.oc-intel-list li{margin-bottom:4px;padding-left:3px}
.oc-intel-p{font-family:var(--fm);font-size:11.5px;color:var(--text-2);line-height:1.75;margin:0}
.oc-intel-ai{display:inline-flex;align-items:center;gap:5px;font-family:var(--fm);font-size:8.5px;font-weight:700;letter-spacing:.08em;color:var(--aurora-cyan);background:rgba(0,229,255,.07);border:1px solid rgba(0,229,255,.2);border-radius:20px;padding:3px 9px}
.oc-intel-live{display:inline-flex;align-items:center;gap:5px;font-family:var(--fm);font-size:8.5px;font-weight:700;letter-spacing:.08em;color:var(--aurora-green);background:rgba(0,255,136,.07);border:1px solid rgba(0,255,136,.2);border-radius:20px;padding:3px 9px;animation:oc3Pulse 2s infinite}
.oc-intel-opener{background:rgba(247,206,91,.06);border:1px solid rgba(247,206,91,.2);border-radius:var(--r10);padding:10px 13px;font-family:var(--fm);font-size:11.5px;color:var(--text-2);line-height:1.6;margin-top:10px;font-style:italic}
.oc-intel-opener b{color:var(--aurora-gold);font-style:normal;font-weight:700}

/* Plan actions bar */
.oc-plan-actions-bar{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;padding:12px;background:rgba(0,229,255,.05);border:1px solid rgba(0,229,255,.18);border-radius:var(--r10)}
.oc-plan-actions-bar button{flex:1;min-width:110px}

/* ─── GLOBAL MOBILE FIXES ────────────────────────────────────────────────── */
@media (max-width: 768px) {
  .g2 { grid-template-columns: 1fr; }
  .g3 { grid-template-columns: 1fr; }
  .g4 { grid-template-columns: 1fr 1fr; }
  .tab { padding: 16px; }
  .card { padding: 16px 16px; }
  .ph { margin-bottom: 16px; }

  /* ── Office Calendar mobile ── */
  .oc3-hero { padding: 20px 16px; min-height: auto; flex-direction: column; gap: 16px; }
  .oc3-live-clock { align-items: flex-start; }
  .oc3-clock-time { font-size: 24px; }
  .oc3-config-strip { padding: 12px 14px; gap: 8px; }
  .oc3-cfg { min-width: 100px; }
  .oc3-cfg-wide { min-width: 100%; }
  .oc3-stat-row { flex-wrap: wrap; }
  .oc3-stat { min-width: 72px; }
  .oc3-roi-card { flex-direction: column; align-items: flex-start; gap: 14px; }
  .oc3-action-grid { grid-template-columns: 1fr 1fr; gap: 6px; }
  .oc3-add-fields { grid-template-columns: 1fr 1fr; }

  /* ── Meeting Intel mobile ── */
  .mi-hero { flex-direction: column; gap: 14px; padding: 20px 16px; }
  .mi-hero-stats { flex-wrap: wrap; width: 100%; }
  .mi-hstat { flex: 1; min-width: 80px; }
  .mi-controls { gap: 10px; }
  .mi-panel { padding: 14px; }
  .mi-quick-grid { grid-template-columns: repeat(4, 1fr); gap: 5px; }
  .mi-quick-btn { padding: 8px 4px; font-size: 9px; }
  .mi-quick-btn span:first-child { font-size: 15px; }

  /* ── Weekly Debrief mobile ── */
  .wd-hero { flex-direction: column; gap: 14px; padding: 20px 16px; }
  .wd-xp-block { width: 100%; }
  .wd-achievements { gap: 6px; padding: 10px; }
  .wd-ach { min-width: 52px; padding: 8px 10px; }
  .wd-ach-ico { font-size: 18px; }
  .wd-panel { padding: 14px; }
  .wd-momentum-meter { flex-direction: column; align-items: flex-start; gap: 10px; }

  /* ── Network Intel mobile ── */
  .nm-hero { padding: 20px 16px; }
  .nm-health-strip { flex-wrap: wrap; }
  .nm-hs-item { flex: 1; min-width: 70px; }
  .nm-panel { padding: 14px; }
  .nm-graph-wrap svg { max-width: 280px; }
  .nm-temp-tags { flex-wrap: wrap; }

  /* ── Global intel strip ── */
  .oc3-global-strip { padding: 12px 14px; }
  .oc3-gs-title { font-size: 10px; }
}

@media (max-width: 480px) {
  .g4 { grid-template-columns: 1fr; }
  .spanel { padding: 12px 14px; font-size: 11.5px; }

  /* ── Calendar small screen ── */
  .oc3-hero { padding: 16px 12px; }
  .oc3-config-strip { flex-direction: column; }
  .oc3-action-grid { grid-template-columns: 1fr 1fr; }
  .oc3-dp-btn { padding: 8px 2px; }
  .oc3-dp-ico { font-size: 15px; }
  .oc3-dp-name { font-size: 9px; }
  .oc-grid { max-height: 280px; }
  .oc-time-label { font-size: 8px; padding: 0 3px; }
  .oc-event { font-size: 8px; padding: 2px 3px; }
  .oc3-add-fields { grid-template-columns: 1fr; }
  .oc3-refl-fields { grid-template-columns: 1fr; }
  .oc3-stat-row { border-radius: var(--r8); }

  /* ── Meeting Intel small ── */
  .mi-hero-stats { display: none; }
  .mi-rtabs { gap: 3px; }
  .mi-rtab { font-size: 9px; padding: 6px 9px; }
  .mi-quick-grid { grid-template-columns: repeat(2, 1fr); }

  /* ── Debrief small ── */
  .wd-achievements { display: none; }
  .wd-sliders { gap: 8px; }
  .wd-slider-lbl { min-width: 80px; font-size: 9px; }

  /* ── Network small ── */
  .nm-silence-card { display: none; }
  .nm-graph-col { display: none; }
  .nm-temp-tags { gap: 4px; }
  .nm-tt-btn { font-size: 8px; padding: 3px 8px; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   CSTM-1 POWERED-BY BRANDING
   Shows on every AI output panel — lightweight badge treatment
   ═══════════════════════════════════════════════════════════════════════ */

.cstm1-brand-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  background: linear-gradient(90deg, rgba(99,102,241,.08), rgba(247,206,91,.05));
  border-bottom: 1px solid rgba(99,102,241,.15);
  font-family: var(--fm);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(99,102,241,.8);
  border-radius: var(--r14) var(--r14) 0 0;
}
.cstm1-brand-bar .cstm1-dot {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #22c55e;
  box-shadow: 0 0 6px rgba(34,197,94,.6);
  animation: sbPulse 2s ease-in-out infinite;
  flex-shrink: 0;
}
.cstm1-brand-bar .cstm1-name {
  color: var(--aurora-violet);
  font-weight: 800;
}
.cstm1-brand-bar .cstm1-engine {
  margin-left: auto;
  color: rgba(255,255,255,.2);
  font-size: 8px;
}

/* Wrap spanel with brand bar */
.cstm1-panel {
  border: 1px solid var(--bd1);
  border-radius: var(--r14);
  overflow: hidden;
}
.cstm1-panel > .spanel {
  border: none;
  border-radius: 0;
}


/* ══════════════════════════════════════════════════════════════════════════
   MEETING INTELLIGENCE v2.0 — World-First CSS
   ══════════════════════════════════════════════════════════════════════ */

/* ── MI HERO ─────────────────────────────────────────────────────────── */
.mi-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;background:linear-gradient(135deg,rgba(0,229,255,.05),rgba(99,102,241,.04));border:1px solid rgba(0,229,255,.12);border-radius:var(--r18);padding:28px 32px;margin-bottom:16px;position:relative;overflow:hidden}
.mi-hero::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 50% 100% at 0% 50%,rgba(0,229,255,.05),transparent)}
.mi-hero-left{flex:1;min-width:260px}
.mi-hero-stats{display:flex;gap:0;border:1px solid var(--bd1);border-radius:var(--r12);overflow:hidden;flex-shrink:0;align-self:flex-start}
.mi-hstat{padding:12px 18px;text-align:center;border-right:1px solid var(--bd1);background:rgba(255,255,255,.02)}
.mi-hstat:last-child{border-right:none}
.mi-hstat-val{font-family:var(--fh);font-size:22px;font-weight:900;color:var(--text-0);line-height:1}
.mi-hstat-lbl{font-family:var(--fm);font-size:8px;letter-spacing:.08em;color:var(--text-4);text-transform:uppercase;margin-top:3px}
.mi-green{color:var(--aurora-green)!important}
.mi-red{color:var(--aurora-red)!important}
.mi-gold{color:var(--aurora-gold)!important}
.mi-cyan{color:var(--aurora-cyan)!important}

/* ── MI SHELL ─────────────────────────────────────────────────────────── */
.mi-shell{display:grid;grid-template-columns:300px 1fr;gap:14px;align-items:start}
@media(max-width:960px){.mi-shell{grid-template-columns:1fr}}

/* ── MI PANELS ────────────────────────────────────────────────────────── */
.mi-controls{display:flex;flex-direction:column;gap:12px}
.mi-panel{background:var(--surface);border:1px solid var(--bd1);border-radius:var(--r14);padding:16px 18px}
.mi-panel-hdr{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.mi-panel-ico{font-size:15px}
.mi-panel-title{font-family:var(--fh);font-size:13px;font-weight:700;color:var(--text-0);flex:1}
.mi-badge-live{font-family:var(--fm);font-size:8px;font-weight:700;letter-spacing:.1em;padding:3px 9px;background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.22);border-radius:20px;color:var(--aurora-cyan)}
.mi-field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}
.mi-field label{font-family:var(--fm);font-size:9px;letter-spacing:.06em;color:var(--text-4);text-transform:uppercase;font-weight:600}
.mi-inp{background:rgba(255,255,255,.04);border:1px solid var(--bd1);border-radius:var(--r8);padding:8px 11px;color:var(--text-0);font-size:12px;font-family:var(--ff);outline:none;transition:border-color .18s,box-shadow .18s;-webkit-appearance:none;width:100%;box-sizing:border-box}
.mi-inp:focus{border-color:rgba(0,229,255,.45);box-shadow:0 0 0 3px rgba(0,229,255,.06)}
.mi-inp::placeholder{color:var(--text-4)}
.mi-ah-note{font-family:var(--fm);font-size:10px;color:var(--text-3);line-height:1.7;padding:9px 11px;background:rgba(0,255,136,.05);border:1px solid rgba(0,255,136,.15);border-radius:var(--r8)}
.mi-classify-btn{width:100%;padding:13px;border-radius:var(--r12);border:none;cursor:pointer;font-family:var(--fh);font-size:13px;font-weight:700;color:#fff;background:linear-gradient(135deg,rgba(0,229,255,.2),rgba(99,102,241,.2));border:1.5px solid rgba(0,229,255,.35);transition:all .22s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px}
.mi-classify-btn:hover{background:linear-gradient(135deg,rgba(0,229,255,.3),rgba(99,102,241,.3));transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,229,255,.15)}
.mi-classify-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.mi-btn-ico{font-size:16px}

/* ── MI LOAD ARC ─────────────────────────────────────────────────────── */
.mi-load-arc-wrap{display:flex;justify-content:center;margin:4px 0 8px}
.mi-load-arc-svg{width:120px;height:75px;overflow:visible}
.mi-load-labels{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.mi-focus-bar-wrap{background:rgba(0,0,0,.2);border:1px solid var(--bd1);border-radius:var(--r8);padding:10px 12px}
.mi-focus-lbl{display:flex;justify-content:space-between;font-family:var(--fm);font-size:10px;color:var(--text-3);margin-bottom:6px}
.mi-focus-track{height:5px;background:rgba(255,255,255,.05);border-radius:3px;overflow:hidden}
.mi-focus-fill{height:100%;background:linear-gradient(90deg,var(--aurora-green),var(--aurora-cyan));border-radius:3px;transition:width 1s ease}

/* ── MI QUICK GRID ────────────────────────────────────────────────────── */
.mi-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.mi-quick-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:11px 6px;border-radius:var(--r10);border:1px solid var(--bd1);background:rgba(255,255,255,.03);cursor:pointer;transition:all .18s;font-family:var(--fm);font-size:10px;color:var(--text-2)}
.mi-quick-btn span:first-child{font-size:18px}
.mi-quick-btn:hover{border-color:rgba(0,229,255,.3);background:rgba(0,229,255,.05);color:var(--aurora-cyan);transform:translateY(-2px)}

/* ── MI RESULTS ───────────────────────────────────────────────────────── */
.mi-results{display:flex;flex-direction:column;gap:0}
.mi-rtabs{display:flex;gap:4px;margin-bottom:10px;flex-wrap:wrap}
.mi-rtab{font-family:var(--fm);font-size:10px;font-weight:600;padding:7px 14px;border-radius:var(--r8);border:1px solid var(--bd1);background:transparent;color:var(--text-3);cursor:pointer;transition:all .18s}
.mi-rtab.active,.mi-rtab:hover{background:rgba(0,229,255,.08);border-color:rgba(0,229,255,.28);color:var(--aurora-cyan)}
.mi-rpanel{animation:oc3FadeUp .22s ease}
.mi-out-area{background:rgba(0,0,0,.18);border:1px solid var(--bd1);border-radius:var(--r14);padding:16px;min-height:200px;font-family:var(--fm);font-size:12px;color:var(--text-2);line-height:1.8;overflow-y:auto}
.mi-out-area::-webkit-scrollbar{width:3px}
.mi-out-area::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:2px}
.mi-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 20px;text-align:center;color:var(--text-3);font-family:var(--fm);font-size:12px;line-height:1.7}
.mi-empty p{margin:0;max-width:280px}
.mi-empty-ico{font-size:36px;opacity:.4}

/* ── MI EMAIL AUDIT ───────────────────────────────────────────────────── */
.mi-email-audit-hero{display:flex;align-items:center;gap:12px;padding:12px 14px;background:rgba(247,206,91,.05);border:1px solid rgba(247,206,91,.15);border-radius:var(--r10);margin-bottom:12px}
.mi-ea-icon{font-size:28px}
.mi-ea-title{font-family:var(--fh);font-size:13px;font-weight:700;color:var(--aurora-gold);margin-bottom:2px}
.mi-ea-sub{font-family:var(--fm);font-size:11px;color:var(--text-3);line-height:1.6}

/* ── MI COST ──────────────────────────────────────────────────────────── */
.mi-cost-hero{padding:4px 0}
.mi-cost-total{text-align:center;padding:20px;background:rgba(247,206,91,.05);border:1px solid rgba(247,206,91,.15);border-radius:var(--r12);margin-bottom:14px}
.mi-cost-val{font-family:var(--fh);font-size:42px;font-weight:900;color:var(--aurora-gold);line-height:1}
.mi-cost-sub{font-family:var(--fm);font-size:10px;color:var(--text-3);margin-top:6px}

/* ── MI DNA CARDS ─────────────────────────────────────────────────────── */
.mi-dna-card{background:rgba(255,255,255,.03);border:1.5px solid var(--bd1);border-radius:var(--r14);padding:14px 16px;margin-bottom:10px;transition:all .22s;position:relative;overflow:hidden}
.mi-dna-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:4px;border-radius:4px 0 0 4px}
.mi-dna-card.advance{border-color:rgba(0,255,136,.25)}
.mi-dna-card.advance::before{background:var(--aurora-green);box-shadow:2px 0 8px rgba(0,255,136,.25)}
.mi-dna-card.neutral{border-color:rgba(247,206,91,.2)}
.mi-dna-card.neutral::before{background:var(--aurora-gold);box-shadow:2px 0 8px rgba(247,206,91,.2)}
.mi-dna-card.drain{border-color:rgba(255,51,102,.25)}
.mi-dna-card.drain::before{background:var(--aurora-red);box-shadow:2px 0 8px rgba(255,51,102,.2)}
.mi-dna-hdr{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.mi-dna-title{font-family:var(--fh);font-size:13px;font-weight:700;color:var(--text-0);flex:1}
.mi-dna-roi{font-family:var(--fh);font-size:18px;font-weight:900;line-height:1}
.mi-dna-card.advance .mi-dna-roi{color:var(--aurora-green)}
.mi-dna-card.neutral .mi-dna-roi{color:var(--aurora-gold)}
.mi-dna-card.drain .mi-dna-roi{color:var(--aurora-red)}
.mi-dna-class{font-family:var(--fm);font-size:8.5px;font-weight:700;letter-spacing:.1em;padding:3px 9px;border-radius:20px;margin-left:8px}
.mi-dna-card.advance .mi-dna-class{background:rgba(0,255,136,.1);border:1px solid rgba(0,255,136,.25);color:var(--aurora-green)}
.mi-dna-card.neutral .mi-dna-class{background:rgba(247,206,91,.1);border:1px solid rgba(247,206,91,.25);color:var(--aurora-gold)}
.mi-dna-card.drain .mi-dna-class{background:rgba(255,51,102,.1);border:1px solid rgba(255,51,102,.25);color:var(--aurora-red)}
.mi-dna-cost{font-family:var(--fm);font-size:9px;color:var(--text-4);margin-bottom:6px;display:flex;gap:12px}
.mi-dna-why{font-family:var(--fm);font-size:11.5px;color:var(--text-2);line-height:1.7;margin-bottom:6px}
.mi-dna-email-tag{display:inline-flex;align-items:center;gap:4px;font-family:var(--fm);font-size:9px;font-weight:700;padding:3px 9px;border-radius:20px;background:rgba(247,206,91,.08);border:1px solid rgba(247,206,91,.2);color:var(--aurora-gold)}

/* ══════════════════════════════════════════════════════════════════════════
   WEEKLY DEBRIEF v2.0 — World-First CSS
   ══════════════════════════════════════════════════════════════════════ */

/* ── WD HERO ──────────────────────────────────────────────────────────── */
.wd-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;background:linear-gradient(135deg,rgba(99,102,241,.06),rgba(247,206,91,.04));border:1px solid rgba(99,102,241,.18);border-radius:var(--r18);padding:28px 32px;margin-bottom:14px;position:relative;overflow:hidden}
.wd-hero::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 40% 80% at 100% 0%,rgba(247,206,91,.04),transparent)}
.wd-hero-left{flex:1;min-width:260px}

/* XP Bar */
.wd-xp-block{min-width:200px;flex-shrink:0}
.wd-xp-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.wd-xp-label>span:first-child{font-family:var(--fm);font-size:8.5px;letter-spacing:.12em;color:var(--text-4);font-weight:700}
.wd-level-badge{font-family:var(--fm);font-size:8px;font-weight:700;letter-spacing:.1em;padding:3px 10px;background:linear-gradient(135deg,rgba(247,206,91,.15),rgba(168,85,247,.1));border:1px solid rgba(247,206,91,.3);border-radius:20px;color:var(--aurora-gold)}
.wd-xp-track{height:8px;background:rgba(255,255,255,.05);border-radius:4px;overflow:hidden;position:relative;margin-bottom:5px}
.wd-xp-fill{height:100%;background:linear-gradient(90deg,#6366f1,#00e5ff,#f7ce5b);border-radius:4px;transition:width 1.8s cubic-bezier(.4,0,.2,1);position:relative}
.wd-xp-fill::after{content:'';position:absolute;top:0;right:0;bottom:0;width:20px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4));animation:xpShimmer 2s infinite}
@keyframes xpShimmer{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.wd-xp-glow{position:absolute;top:50%;width:6px;height:14px;background:rgba(255,255,255,.8);border-radius:3px;transform:translate(-50%,-50%);filter:blur(3px);transition:left 1.8s cubic-bezier(.4,0,.2,1);pointer-events:none}
.wd-xp-nums{display:flex;justify-content:space-between;font-family:var(--fm);font-size:9px;color:var(--text-4)}
#wd-xp-current{color:var(--aurora-cyan)}

/* ── WD ACHIEVEMENTS ──────────────────────────────────────────────────── */
.wd-achievements{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;padding:12px 14px;background:rgba(0,0,0,.15);border:1px solid var(--bd0);border-radius:var(--r12)}
.wd-ach{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;border-radius:var(--r10);border:1.5px solid;cursor:default;transition:all .25s;min-width:64px}
.wd-ach.locked{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.02);opacity:.4;filter:grayscale(1)}
.wd-ach.unlocked{border-color:rgba(247,206,91,.35);background:rgba(247,206,91,.08);opacity:1;filter:none;animation:achUnlock .6s cubic-bezier(.34,1.56,.64,1)}
@keyframes achUnlock{0%{transform:scale(.7);opacity:0}100%{transform:scale(1);opacity:1}}
.wd-ach-ico{font-size:22px}
.wd-ach-lbl{font-family:var(--fm);font-size:8.5px;font-weight:700;letter-spacing:.05em;color:var(--text-3);text-align:center}
.wd-ach.unlocked .wd-ach-lbl{color:var(--aurora-gold)}

/* ── WD GRID ──────────────────────────────────────────────────────────── */
.wd-grid{display:grid;grid-template-columns:320px 1fr;gap:14px}
@media(max-width:960px){.wd-grid{grid-template-columns:1fr}}
.wd-inputs-col,.wd-output-col{display:flex;flex-direction:column;gap:12px}
.wd-panel{background:var(--surface);border:1px solid var(--bd1);border-radius:var(--r14);padding:16px 18px}
.wd-panel-hdr{font-family:var(--fh);font-size:13px;font-weight:700;color:var(--text-0);margin-bottom:14px;display:flex;align-items:center;gap:8px}
.wd-field-tip{font-family:var(--fm);font-size:8.5px;color:var(--text-4);font-weight:400;margin-left:4px}

/* ── WD SLIDERS ────────────────────────────────────────────────────────── */
.wd-sliders{display:flex;flex-direction:column;gap:10px;margin:12px 0}
.wd-slider-row{display:flex;align-items:center;gap:8px}
.wd-slider-lbl{font-family:var(--fm);font-size:10px;color:var(--text-3);min-width:110px;flex-shrink:0}
.wd-slider{flex:1;-webkit-appearance:none;height:4px;border-radius:2px;background:rgba(255,255,255,.1);outline:none;cursor:pointer}
.wd-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--aurora-cyan),var(--aurora-violet));border:2px solid rgba(255,255,255,.3);cursor:pointer}
.wd-slider-val{font-family:var(--fm);font-size:10px;color:var(--aurora-cyan);min-width:28px;text-align:right}

/* ── WD GENERATE BTN ──────────────────────────────────────────────────── */
.wd-generate-btn{width:100%;padding:14px;border-radius:var(--r14);border:1.5px solid rgba(247,206,91,.4);background:linear-gradient(135deg,rgba(247,206,91,.12),rgba(99,102,241,.1));color:#fff;font-family:var(--fh);font-size:13px;font-weight:700;cursor:pointer;transition:all .22s;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden}
.wd-generate-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(247,206,91,.15);border-color:rgba(247,206,91,.6)}
.wd-generate-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}
.wd-btn-pulse{width:8px;height:8px;border-radius:50%;background:var(--aurora-gold);flex-shrink:0;animation:oc3Pulse 2s infinite}

/* ── WD MOMENTUM METER ────────────────────────────────────────────────── */
.wd-momentum-meter{display:flex;align-items:center;gap:16px}
.wd-mm-ring{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.wd-mm-val{position:absolute;font-family:var(--fh);font-size:17px;font-weight:900;color:var(--text-0)}
.wd-mm-bars{flex:1;display:flex;flex-direction:column;gap:7px}
.wd-mmb-row{display:flex;align-items:center;gap:7px;font-family:var(--fm);font-size:10px;color:var(--text-3)}
.wd-mmb-row>span{min-width:70px}
.wd-mmb-track{flex:1;height:5px;background:rgba(255,255,255,.05);border-radius:3px;overflow:hidden}
.wd-mmb-fill{height:100%;border-radius:3px;transition:width 1.2s ease}

/* ── WD PATTERN / SPARKLINE ───────────────────────────────────────────── */
.wd-sparkline-wrap{padding:12px;background:rgba(0,0,0,.2);border:1px solid var(--bd1);border-radius:var(--r12);overflow:hidden}
.wd-sparkline-svg{width:100%;height:80px}
.wd-pattern-hero{padding:12px 0 10px}
.wd-ph-title{font-family:var(--fh);font-size:13px;font-weight:700;color:var(--text-0);margin-bottom:4px}
.wd-ph-sub{font-family:var(--fm);font-size:11px;color:var(--text-3);line-height:1.6;margin-bottom:12px}
.wd-pattern-insight{background:rgba(0,229,255,.05);border:1px solid rgba(0,229,255,.15);border-radius:var(--r10);padding:12px 14px;font-family:var(--fm);font-size:12px;color:var(--text-2);line-height:1.75;margin-top:12px}

/* ══════════════════════════════════════════════════════════════════════════
   NETWORK INTELLIGENCE v2.0 — World-First CSS
   ══════════════════════════════════════════════════════════════════════ */

/* ── NM HERO ──────────────────────────────────────────────────────────── */
.nm-hero{background:linear-gradient(135deg,rgba(0,255,136,.04),rgba(0,229,255,.04));border:1px solid rgba(0,255,136,.12);border-radius:var(--r18);padding:24px 30px;margin-bottom:16px}
.nm-hero-top{margin-bottom:16px}
.nm-health-strip{display:flex;gap:0;border:1px solid var(--bd1);border-radius:var(--r12);overflow:hidden}
.nm-hs-item{flex:1;text-align:center;padding:10px 8px;border-right:1px solid var(--bd1);background:rgba(255,255,255,.02)}
.nm-hs-item:last-child{border-right:none}
.nm-hs-val{font-family:var(--fh);font-size:20px;font-weight:900;color:var(--text-0);line-height:1}
.nm-hs-lbl{font-family:var(--fm);font-size:8px;letter-spacing:.07em;color:var(--text-4);text-transform:uppercase;margin-top:3px}
.nm-green{color:var(--aurora-green)!important}
.nm-gold{color:var(--aurora-gold)!important}
.nm-red{color:var(--aurora-red)!important}
.nm-cyan{color:var(--aurora-cyan)!important}

/* ── NM GRAPH SHELL ───────────────────────────────────────────────────── */
.nm-graph-shell{display:grid;grid-template-columns:360px 1fr;gap:14px;align-items:start}
@media(max-width:1080px){.nm-graph-shell{grid-template-columns:310px 1fr}}
@media(max-width:900px){.nm-graph-shell{grid-template-columns:1fr}}
.nm-graph-col{display:flex;flex-direction:column;gap:12px}
.nm-graph-card{background:var(--surface);border:1px solid var(--bd1);border-radius:var(--r14);padding:14px 16px}
.nm-graph-title{font-family:var(--fh);font-size:12px;font-weight:700;color:var(--text-0);margin-bottom:10px}
.nm-graph-wrap{display:flex;justify-content:center;align-items:center;padding:4px 0}
.nm-graph-svg{width:100%;max-width:340px;height:240px}
.nm-graph-legend{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;padding-top:8px;border-top:1px solid var(--bd0)}
.nm-leg-item{font-family:var(--fm);font-size:9px;color:var(--text-3)}

/* ── NM NODE STYLES (JS-rendered) ────────────────────────────────────── */
.nm-node-warm{filter:drop-shadow(0 0 5px rgba(0,255,136,.5))}
.nm-node-cooling{filter:drop-shadow(0 0 4px rgba(247,206,91,.4))}
.nm-node-cold{filter:drop-shadow(0 0 3px rgba(255,51,102,.3))}
.nm-node-influencer{filter:drop-shadow(0 0 6px rgba(0,229,255,.5))}

/* ── NM SILENCE DETECTOR ──────────────────────────────────────────────── */
.nm-silence-card{background:rgba(255,51,102,.04);border:1px solid rgba(255,51,102,.15);border-radius:var(--r14);padding:14px 16px}
.nm-silence-title{font-family:var(--fh);font-size:12px;font-weight:700;color:var(--aurora-red);margin-bottom:2px;display:flex;align-items:center;gap:6px}
.nm-silence-sub{font-family:var(--fm);font-size:10px;color:var(--text-3);margin-bottom:10px}
.nm-silence-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}
.nm-silence-item{display:flex;align-items:center;gap:8px;padding:7px 10px;background:rgba(255,51,102,.05);border:1px solid rgba(255,51,102,.15);border-radius:var(--r8)}
.nm-si-name{font-family:var(--fh);font-size:11px;font-weight:700;color:var(--text-0);flex:1}
.nm-si-days{font-family:var(--fm);font-size:9px;color:var(--aurora-red);font-weight:700}
.nm-si-action{font-family:var(--fm);font-size:9px;color:var(--text-3)}

/* ── NM MAIN PANEL ────────────────────────────────────────────────────── */
.nm-main-col{display:flex;flex-direction:column;gap:12px}
.nm-panel{background:var(--surface);border:1px solid var(--bd1);border-radius:var(--r14);padding:16px 18px}
.nm-panel-hdr{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px;font-family:var(--fh);font-size:13px;font-weight:700;color:var(--text-0)}

/* ── NM TEMPERATURE TAGS ──────────────────────────────────────────────── */
.nm-temp-tags{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:10px}
.nm-tt-label{font-family:var(--fm);font-size:9px;color:var(--text-4);letter-spacing:.06em}
.nm-tt-btn{font-family:var(--fm);font-size:9px;font-weight:700;padding:4px 10px;border-radius:20px;border:1px solid var(--bd1);background:rgba(255,255,255,.03);color:var(--text-2);cursor:pointer;transition:all .18s}
.nm-tt-btn:hover{transform:scale(1.05)}
.nm-tt-btn.nm-green{border-color:rgba(0,255,136,.3);color:var(--aurora-green)}
.nm-tt-btn.nm-gold{border-color:rgba(247,206,91,.3);color:var(--aurora-gold)}
.nm-tt-btn.nm-cyan{border-color:rgba(0,229,255,.3);color:var(--aurora-cyan)}

/* ── NM MAP BUTTON ────────────────────────────────────────────────────── */
.nm-map-btn{width:100%;padding:14px;border-radius:var(--r14);border:1.5px solid rgba(0,255,136,.35);background:linear-gradient(135deg,rgba(0,255,136,.1),rgba(0,229,255,.08));color:#fff;font-family:var(--fh);font-size:13px;font-weight:700;cursor:pointer;transition:all .22s;display:flex;align-items:center;justify-content:center;gap:10px;position:relative}
.nm-map-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,255,136,.15);border-color:rgba(0,255,136,.6)}
.nm-map-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}
.nm-btn-pulse{width:8px;height:8px;border-radius:50%;background:var(--aurora-green);flex-shrink:0;animation:oc3Pulse 2s infinite}

/* ── NM OPPORTUNITY CARDS ─────────────────────────────────────────────── */
.nm-opp-card{background:rgba(0,229,255,.03);border:1px solid rgba(0,229,255,.12);border-radius:var(--r12);padding:13px 15px;margin-bottom:9px;transition:all .2s}
.nm-opp-card:hover{border-color:rgba(0,229,255,.28);transform:translateY(-2px);box-shadow:0 5px 18px rgba(0,0,0,.18)}
.nm-opp-hdr{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.nm-opp-person{font-family:var(--fh);font-size:13px;font-weight:700;color:var(--aurora-cyan);flex:1}
.nm-opp-urgency{display:inline-flex;align-items:center;gap:4px;font-family:var(--fm);font-size:9px;font-weight:700;padding:3px 9px;border-radius:20px}
.nm-opp-urgency.high{background:rgba(255,51,102,.1);border:1px solid rgba(255,51,102,.25);color:var(--aurora-red)}
.nm-opp-urgency.med{background:rgba(247,206,91,.08);border:1px solid rgba(247,206,91,.22);color:var(--aurora-gold)}
.nm-opp-urgency.low{background:rgba(0,255,136,.06);border:1px solid rgba(0,255,136,.18);color:var(--aurora-green)}
.nm-opp-role{font-family:var(--fm);font-size:9.5px;color:var(--text-3);margin-bottom:5px}
.nm-opp-why{font-family:var(--fm);font-size:11.5px;color:var(--text-2);line-height:1.65;margin-bottom:5px}
.nm-opp-how{font-family:var(--fm);font-size:10.5px;color:var(--aurora-gold);font-weight:600;padding:6px 10px;background:rgba(247,206,91,.05);border-radius:var(--r8);border-left:2px solid rgba(247,206,91,.3)}
.nm-opp-when{font-family:var(--fm);font-size:9px;color:var(--text-4);margin-top:5px}

/* ── NM DECAY CARDS ───────────────────────────────────────────────────── */
.nm-decay-card{background:rgba(255,51,102,.04);border:1px solid rgba(255,51,102,.15);border-radius:var(--r12);padding:12px 14px;margin-bottom:8px}
.nm-decay-hdr{display:flex;align-items:center;gap:8px;margin-bottom:5px}
.nm-decay-name{font-family:var(--fh);font-size:12px;font-weight:700;color:var(--text-0);flex:1}
.nm-decay-temp{font-family:var(--fm);font-size:9px;font-weight:700}
.nm-decay-detail{font-family:var(--fm);font-size:11px;color:var(--text-2);line-height:1.6}
.nm-decay-action{font-family:var(--fm);font-size:10.5px;color:var(--aurora-gold);margin-top:5px;font-weight:600}

/* ── TAB SWITCHER INLINE SCRIPTS ──────────────────────────────────────── */


/* ══════════════════════════════════════════════════════════════════════════
   WEEK COMMAND CENTRE v3 — World-Class CSS
   ══════════════════════════════════════════════════════════════════════ */

/* ── MASTHEAD ─────────────────────────────────────────────────────────── */
.wc-masthead{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:32px 36px 28px;background:linear-gradient(135deg,rgba(247,206,91,.06) 0%,rgba(0,229,255,.04) 50%,rgba(168,85,247,.03) 100%);border:1px solid rgba(255,255,255,.07);border-radius:20px;margin-bottom:14px;position:relative;overflow:hidden}
.wc-masthead::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 100% at 0% 100%,rgba(247,206,91,.04),transparent),radial-gradient(ellipse 40% 60% at 100% 0%,rgba(0,229,255,.05),transparent)}
.wc-masthead-left{flex:1;min-width:280px;position:relative;z-index:1}

/* Badge row */
.wc-badge-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.wc-badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--fm);font-size:8.5px;font-weight:700;letter-spacing:.12em;padding:4px 12px;border-radius:99px}
.wc-badge-world{background:linear-gradient(135deg,rgba(247,206,91,.12),rgba(168,85,247,.08));border:1px solid rgba(247,206,91,.3);color:var(--aurora-gold)}
.wc-badge-ai{background:rgba(0,255,136,.07);border:1px solid rgba(0,255,136,.22);color:var(--aurora-green)}
.wc-badge-live{background:rgba(0,229,255,.07);border:1px solid rgba(0,229,255,.2);color:var(--aurora-cyan);animation:oc3Pulse 2.5s infinite}

/* Title */
.wc-title{font-family:var(--fh);font-size:clamp(26px,3.5vw,46px);font-weight:900;letter-spacing:-.04em;line-height:1.04;color:var(--text-0);margin-bottom:8px}
.wc-title-em{background:linear-gradient(135deg,var(--aurora-gold) 0%,var(--aurora-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-style:italic}
.wc-subtitle{font-family:var(--fd);font-size:.9rem;color:var(--text-3);line-height:1.75;max-width:500px;margin-bottom:18px}
.wc-subtitle em{color:var(--text-1);font-style:normal;font-weight:600}

/* Stats row */
.wc-stats-row{display:flex;align-items:center;gap:0;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.07);border-radius:12px;overflow:hidden;width:fit-content}
.wc-stat{padding:10px 20px;text-align:center;border-right:1px solid rgba(255,255,255,.06)}
.wc-stat:last-child{border-right:none}
.wc-stat-val{font-family:var(--fh);font-size:22px;font-weight:900;color:var(--text-0);line-height:1;transition:color .35s}
.wc-stat-lbl{font-family:var(--fm);font-size:8px;letter-spacing:.1em;color:var(--text-4);text-transform:uppercase;margin-top:3px}
.wc-stat-div{width:1px;background:rgba(255,255,255,.06);align-self:stretch}
.wc-gold{color:var(--aurora-gold)!important}

/* Clock block */
.wc-clock-block{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0;position:relative;z-index:1}
.wc-clock-face{text-align:right}
.wc-clock-time{font-family:var(--fm);font-size:42px;font-weight:800;color:var(--aurora-gold);letter-spacing:-.03em;line-height:1;text-shadow:0 0 50px rgba(247,206,91,.22)}
.wc-clock-date{font-family:var(--fm);font-size:10px;color:var(--text-2);letter-spacing:.06em;margin-top:2px}
.wc-clock-tz{font-family:var(--fm);font-size:8px;color:var(--text-4);letter-spacing:.08em}
.wc-clock-week{font-family:var(--fm);font-size:9px;color:var(--aurora-cyan);margin-top:8px;padding:3px 10px;background:rgba(0,229,255,.07);border:1px solid rgba(0,229,255,.18);border-radius:99px}

/* ── PROFILE STRIP ────────────────────────────────────────────────────── */
.wc-profile-strip{display:flex;align-items:center;gap:0;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:0;margin-bottom:16px;overflow:hidden}
.wc-ps-field{display:flex;flex-direction:column;gap:3px;padding:12px 16px;flex:1;min-width:100px}
.wc-ps-wide{flex:2;min-width:180px}
.wc-ps-sep{width:1px;background:rgba(255,255,255,.06);align-self:stretch;flex-shrink:0}
.wc-ps-label{font-family:var(--fm);font-size:7.5px;letter-spacing:.14em;color:var(--text-4);font-weight:700;text-transform:uppercase}
.wc-ps-input{background:transparent;border:none;outline:none;color:var(--text-0);font-family:var(--fm);font-size:11.5px;padding:0;line-height:1.4;width:100%}
.wc-ps-input::placeholder{color:var(--text-4)}
.wc-ps-select{background:transparent;border:none;outline:none;color:var(--text-0);font-family:var(--fm);font-size:11.5px;padding:0;-webkit-appearance:none;cursor:pointer;width:100%}
.wc-ps-input:focus,.wc-ps-select:focus{color:var(--aurora-cyan)}
@media(max-width:900px){.wc-profile-strip{flex-wrap:wrap;border-radius:12px}.wc-ps-sep{display:none}.wc-ps-field{border-bottom:1px solid rgba(255,255,255,.05);flex:1 1 140px}.wc-ps-wide{flex:1 1 100%}}

/* ── MAIN CANVAS ──────────────────────────────────────────────────────── */
.wc-canvas{display:grid;grid-template-columns:1fr 320px;gap:14px;margin-bottom:16px;align-items:start}
@media(max-width:1100px){.wc-canvas{grid-template-columns:1fr 290px}}
@media(max-width:860px){.wc-canvas{grid-template-columns:1fr}}
.wc-col-calendar{display:flex;flex-direction:column;gap:12px;min-width:0}
.wc-col-command{display:flex;flex-direction:column;gap:12px}

/* ── DAY SELECTOR ─────────────────────────────────────────────────────── */
.wc-day-selector{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:16px 18px}
.wc-ds-label{font-family:var(--fm);font-size:8.5px;letter-spacing:.14em;color:var(--text-4);font-weight:700;text-transform:uppercase;margin-bottom:12px}
.wc-ds-days{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:10px}
.wc-day-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:13px 6px 11px;border-radius:12px;border:1.5px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);cursor:pointer;transition:all .22s;position:relative;overflow:hidden}
.wc-day-btn::before{content:'';position:absolute;inset:0;background:transparent;transition:background .22s}
.wc-day-btn:hover::before{background:rgba(255,255,255,.03)}
.wc-day-btn.in-office{border-color:rgba(0,229,255,.4);background:rgba(0,229,255,.06)}
.wc-day-btn.remote{border-color:rgba(247,206,91,.35);background:rgba(247,206,91,.05)}
.wc-day-name{font-family:var(--fm);font-size:9px;font-weight:700;letter-spacing:.08em;color:var(--text-3);text-transform:uppercase}
.wc-day-btn.in-office .wc-day-name{color:var(--aurora-cyan)}
.wc-day-btn.remote .wc-day-name{color:var(--aurora-gold)}
.wc-day-icon{font-size:20px;line-height:1;transition:transform .2s}
.wc-day-btn:hover .wc-day-icon{transform:scale(1.15)}
.wc-day-tog-mini{width:28px;height:4px;border-radius:2px;background:rgba(255,255,255,.07);transition:background .22s;margin-top:2px}
.wc-day-btn.in-office .wc-day-tog-mini{background:rgba(0,229,255,.5)}
.wc-day-btn.remote .wc-day-tog-mini{background:rgba(247,206,91,.45)}
.wc-ds-legend{display:flex;align-items:center;gap:7px;font-family:var(--fm);font-size:9px;color:var(--text-4);flex-wrap:wrap}
.wc-leg-dot{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.2)}

/* ── WEEK GRID WRAP ───────────────────────────────────────────────────── */
.wc-grid-wrap{background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.06);border-radius:14px;overflow:hidden}

/* ── ENERGY STRIP ─────────────────────────────────────────────────────── */
.wc-energy-strip{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:14px 16px}
.wc-energy-hdr{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}
.wc-energy-title{font-family:var(--fm);font-size:8.5px;font-weight:700;letter-spacing:.14em;color:var(--text-3);text-transform:uppercase}
.wc-energy-hint{font-family:var(--fm);font-size:9px;color:var(--text-4)}
.wc-energy-days{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.wc-energy-day{display:flex;flex-direction:column;align-items:center;gap:5px}
.wc-ed-name{font-family:var(--fm);font-size:8.5px;font-weight:700;letter-spacing:.06em;color:var(--text-4);text-transform:uppercase}
.wc-ed-dots{display:flex;gap:4px}
/* Reuse .oc3-dot for the actual dots — they're already defined */

/* ── ADD MEETING ──────────────────────────────────────────────────────── */
.wc-add-meeting{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:16px 18px}
.wc-am-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.wc-am-title{font-family:var(--fh);font-size:13px;font-weight:700;color:var(--text-0)}
.wc-am-count{font-family:var(--fm);font-size:9px;color:var(--aurora-cyan);background:rgba(0,229,255,.07);border:1px solid rgba(0,229,255,.18);border-radius:99px;padding:2px 9px}
.wc-am-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px}
.wc-inp{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:9px;padding:9px 11px;color:var(--text-0);font-family:var(--fm);font-size:11px;outline:none;transition:border-color .18s,box-shadow .18s;width:100%;box-sizing:border-box;-webkit-appearance:none}
.wc-inp:focus{border-color:rgba(0,229,255,.4);box-shadow:0 0 0 3px rgba(0,229,255,.06)}
.wc-inp::placeholder{color:var(--text-4)}
.wc-inp-wide{grid-column:span 3}
.wc-add-btn{width:100%;padding:12px;border-radius:10px;border:1.5px solid rgba(0,229,255,.3);background:linear-gradient(135deg,rgba(0,229,255,.1),rgba(99,102,241,.08));color:var(--text-0);font-family:var(--fh);font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}
.wc-add-btn:hover{border-color:rgba(0,229,255,.55);background:linear-gradient(135deg,rgba(0,229,255,.16),rgba(99,102,241,.12));transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,229,255,.1)}

/* ── REFLECTION STRIP ─────────────────────────────────────────────────── */
.wc-reflection{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:14px 18px}
.wc-refl-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wc-refl-field{display:flex;flex-direction:column;gap:5px}
.wc-refl-label{font-family:var(--fm);font-size:9px;color:var(--text-3);font-weight:700;letter-spacing:.06em}
@media(max-width:600px){.wc-refl-row{grid-template-columns:1fr}}

/* ── ROI MODULE ───────────────────────────────────────────────────────── */
.wc-roi-module{background:linear-gradient(145deg,rgba(247,206,91,.07),rgba(0,229,255,.04),rgba(168,85,247,.04));border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:16px}
.wc-roi-ring-wrap{position:relative;display:flex;align-items:center;justify-content:center}
.wc-roi-svg{overflow:visible;display:block}
.wc-roi-inner{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
.wc-roi-num{font-family:var(--fh);font-size:32px;font-weight:900;color:var(--text-0);line-height:1;letter-spacing:-.04em}
.wc-roi-lbl{font-family:var(--fm);font-size:8px;letter-spacing:.14em;color:var(--text-4);font-weight:700}
.wc-roi-bars{width:100%;display:flex;flex-direction:column;gap:8px}
.wc-roi-row{display:flex;align-items:center;gap:8px}
.wc-roi-rl{font-family:var(--fm);font-size:9.5px;color:var(--text-3);min-width:82px;flex-shrink:0}
.wc-roi-track{flex:1;height:5px;background:rgba(255,255,255,.06);border-radius:3px;overflow:hidden}
.wc-roi-fill{height:100%;border-radius:3px;transition:width 1.2s cubic-bezier(.4,0,.2,1)}
.wc-fill-gold{background:linear-gradient(90deg,rgba(247,206,91,.6),var(--aurora-gold))}
.wc-fill-cyan{background:linear-gradient(90deg,rgba(0,229,255,.6),var(--aurora-cyan))}
.wc-fill-purple{background:linear-gradient(90deg,rgba(168,85,247,.6),var(--aurora-violet))}
.wc-fill-red{background:linear-gradient(90deg,rgba(255,51,102,.6),var(--aurora-red))}
.wc-roi-rv{font-family:var(--fm);font-size:9px;color:var(--text-4);min-width:28px;text-align:right}

/* ── BURNOUT ALERT ────────────────────────────────────────────────────── */
.wc-burnout-alert{display:flex;align-items:center;gap:10px;padding:11px 15px;background:rgba(255,51,102,.07);border:1px solid rgba(255,51,102,.28);border-radius:12px;font-family:var(--fm);font-size:11px;color:var(--aurora-red);animation:oc3SlideIn .3s ease}
.wc-ba-ico{font-size:16px;flex-shrink:0}

/* ── ACTION BUTTONS ───────────────────────────────────────────────────── */
.wc-actions{display:flex;flex-direction:column;gap:7px}
.wc-action-btn{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:13px;border:1.5px solid;cursor:pointer;transition:all .22s;text-align:left;position:relative;overflow:hidden}
.wc-action-btn::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,0);transition:background .2s}
.wc-action-btn:hover::after{background:rgba(255,255,255,.03)}
.wc-action-btn:hover{transform:translateX(3px)}
.wc-action-btn:active{transform:translateX(0)}
.wc-action-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}
.wc-ab-gold{border-color:rgba(247,206,91,.3);background:linear-gradient(135deg,rgba(247,206,91,.08),rgba(247,206,91,.03))}
.wc-ab-cyan{border-color:rgba(0,229,255,.28);background:linear-gradient(135deg,rgba(0,229,255,.07),rgba(0,229,255,.02))}
.wc-ab-purple{border-color:rgba(168,85,247,.3);background:linear-gradient(135deg,rgba(168,85,247,.07),rgba(168,85,247,.02))}
.wc-ab-green{border-color:rgba(0,255,136,.25);background:linear-gradient(135deg,rgba(0,255,136,.06),rgba(0,255,136,.01))}
.wc-ab-icon{font-size:20px;flex-shrink:0}
.wc-ab-text{flex:1;min-width:0}
.wc-ab-main{display:block;font-family:var(--fh);font-size:12px;font-weight:700;color:var(--text-0);line-height:1.2}
.wc-ab-sub{display:block;font-family:var(--fm);font-size:9px;color:var(--text-4);margin-top:2px}
.wc-ab-arrow{font-size:14px;color:var(--text-4);transition:transform .2s;flex-shrink:0}
.wc-action-btn:hover .wc-ab-arrow{transform:translateX(4px)}
.wc-ab-gold:hover{border-color:rgba(247,206,91,.55)}.wc-ab-gold:hover .wc-ab-main{color:var(--aurora-gold)}
.wc-ab-cyan:hover{border-color:rgba(0,229,255,.5)}.wc-ab-cyan:hover .wc-ab-main{color:var(--aurora-cyan)}
.wc-ab-purple:hover{border-color:rgba(168,85,247,.5)}.wc-ab-purple:hover .wc-ab-main{color:var(--aurora-violet)}
.wc-ab-green:hover{border-color:rgba(0,255,136,.45)}.wc-ab-green:hover .wc-ab-main{color:var(--aurora-green)}

/* ── AI OUTPUT ────────────────────────────────────────────────────────── */
.wc-ai-output{background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:16px;flex:1;min-height:200px;font-family:var(--fm);font-size:12px;color:var(--text-2);line-height:1.85;overflow-y:auto}
.wc-ai-output::-webkit-scrollbar{width:3px}
.wc-ai-output::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:2px}
.wc-ai-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:30px 16px;text-align:center}
.wc-ai-empty-ring{position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px}
.wc-ai-empty-ico{position:absolute;font-size:24px}
.wc-ai-empty-msg{font-family:var(--fm);font-size:11px;color:var(--text-3);line-height:1.7;max-width:220px}
.wc-ai-empty-tag{font-family:var(--fm);font-size:9px;color:rgba(0,229,255,.4);padding:4px 12px;border:1px solid rgba(0,229,255,.12);border-radius:99px}

/* ── INTEL STRIP ──────────────────────────────────────────────────────── */
.wc-intel-strip{background:linear-gradient(135deg,rgba(0,229,255,.04),rgba(247,206,91,.02));border:1px solid rgba(0,229,255,.12);border-radius:14px;padding:16px 20px;margin-top:2px}
.wc-intel-hdr{margin-bottom:8px}
.wc-intel-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--fm);font-size:8.5px;font-weight:700;letter-spacing:.1em;color:var(--aurora-cyan);background:rgba(0,229,255,.07);border:1px solid rgba(0,229,255,.18);border-radius:99px;padding:4px 12px}
.wc-intel-body{font-family:var(--fm);font-size:12px;color:var(--text-1);line-height:1.8;margin-bottom:8px}
.wc-intel-ah{font-family:var(--fm);font-size:9.5px;color:var(--text-4);line-height:1.6}

/* ── RESPONSIVE WEEK COMMAND ──────────────────────────────────────────── */
@media(max-width:768px){
  .wc-masthead{padding:22px 18px 20px;gap:18px}
  .wc-clock-time{font-size:32px}
  .wc-stats-row{flex-wrap:wrap;border-radius:10px}
  .wc-stat{padding:8px 14px}
  .wc-am-grid{grid-template-columns:1fr 1fr}
  .wc-inp-wide{grid-column:span 2}
  .wc-actions{gap:6px}
  .wc-action-btn{padding:11px 12px}
  .wc-ab-sub{display:none}
}
@media(max-width:480px){
  .wc-masthead{flex-direction:column;gap:14px}
  .wc-clock-block{align-items:flex-start}
  .wc-ds-days{gap:5px}
  .wc-day-btn{padding:10px 4px 9px;border-radius:10px}
  .wc-day-icon{font-size:17px}
  .wc-am-grid{grid-template-columns:1fr}
  .wc-inp-wide{grid-column:span 1}
  .wc-roi-module{padding:16px}
}

/* ══════════════════════════════════════════════════════════════════════════
   MEETING INTELLIGENCE v3 — World-Class CSS
   ══════════════════════════════════════════════════════════════════════ */

/* ── SCOREBOARD ───────────────────────────────────────────────────────── */
.mi2-scoreboard{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:28px 32px 24px;background:linear-gradient(135deg,rgba(0,229,255,.06),rgba(168,85,247,.04));border:1px solid rgba(0,229,255,.1);border-radius:20px;margin-bottom:16px;position:relative;overflow:hidden}
.mi2-scoreboard::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 50% 100% at 100% 0%,rgba(168,85,247,.04),transparent)}
.mi2-sb-main{flex:1;min-width:260px}
.mi2-sb-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--fm);font-size:8.5px;font-weight:700;letter-spacing:.1em;color:var(--aurora-cyan);background:rgba(0,229,255,.07);border:1px solid rgba(0,229,255,.2);border-radius:99px;padding:4px 12px;margin-bottom:12px}
.mi2-sb-title{font-family:var(--fh);font-size:clamp(24px,3vw,40px);font-weight:900;letter-spacing:-.04em;line-height:1.06;color:var(--text-0);margin-bottom:8px}
.mi2-title-em{background:linear-gradient(135deg,var(--aurora-cyan) 0%,var(--aurora-violet) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-style:italic}
.mi2-sb-sub{font-family:var(--fd);font-size:.88rem;color:var(--text-3);line-height:1.75;max-width:480px}

/* KPI strip */
.mi2-sb-kpis{display:flex;gap:0;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;flex-shrink:0;align-self:flex-start}
.mi2-kpi{padding:14px 20px;text-align:center;border-right:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.2);transition:background .22s}
.mi2-kpi:last-child{border-right:none}
.mi2-kpi:hover{background:rgba(255,255,255,.03)}
.mi2-kpi-val{font-family:var(--fh);font-size:24px;font-weight:900;color:var(--text-0);line-height:1}
.mi2-kpi-lbl{font-family:var(--fm);font-size:8px;letter-spacing:.08em;color:var(--text-4);text-transform:uppercase;margin-top:4px}
.mi2-kpi-green .mi2-kpi-val{color:var(--aurora-green)}
.mi2-kpi-red   .mi2-kpi-val{color:var(--aurora-red)}
.mi2-kpi-gold  .mi2-kpi-val{color:var(--aurora-gold)}

/* ── LAYOUT ───────────────────────────────────────────────────────────── */
.mi2-layout{display:grid;grid-template-columns:280px 1fr;gap:14px;align-items:start}
@media(max-width:960px){.mi2-layout{grid-template-columns:1fr}}
.mi2-controls{display:flex;flex-direction:column;gap:10px}
.mi2-results{display:flex;flex-direction:column;gap:0;min-width:0}

/* ── CARDS ────────────────────────────────────────────────────────────── */
.mi2-card{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:17px 18px;transition:border-color .22s}
.mi2-card:hover{border-color:rgba(255,255,255,.12)}
.mi2-card-hdr{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.mi2-card-icon{font-size:18px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border-radius:10px;flex-shrink:0}
.mi2-card-title{font-family:var(--fh);font-size:13px;font-weight:700;color:var(--text-0);line-height:1.2}
.mi2-card-sub{font-family:var(--fm);font-size:9px;color:var(--text-4);margin-top:2px}
.mi2-live-dot{margin-left:auto;font-family:var(--fm);font-size:8px;font-weight:700;letter-spacing:.08em;color:var(--aurora-cyan);background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.2);border-radius:99px;padding:3px 9px;white-space:nowrap;animation:oc3Pulse 2.5s infinite}
.mi2-field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}
.mi2-field label{font-family:var(--fm);font-size:8.5px;letter-spacing:.08em;color:var(--text-4);font-weight:700;text-transform:uppercase}
.mi2-inp{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:9px 11px;color:var(--text-0);font-family:var(--fm);font-size:11.5px;outline:none;transition:border-color .18s,box-shadow .18s;width:100%;box-sizing:border-box;-webkit-appearance:none}
.mi2-inp:focus{border-color:rgba(0,229,255,.45);box-shadow:0 0 0 3px rgba(0,229,255,.06)}
.mi2-inp::placeholder{color:var(--text-4)}
.mi2-salary-wrap{position:relative;display:flex;align-items:center}
.mi2-salary-symbol{position:absolute;left:11px;font-family:var(--fm);font-size:12px;color:var(--aurora-gold);pointer-events:none;z-index:1}
.mi2-salary-inp{padding-left:22px}
.mi2-ah-note{display:flex;align-items:flex-start;gap:7px;font-family:var(--fm);font-size:10px;color:var(--text-3);line-height:1.7;padding:10px 12px;background:rgba(0,255,136,.05);border:1px solid rgba(0,255,136,.14);border-radius:10px;margin-bottom:13px}
.mi2-ah-ico{flex-shrink:0;font-size:12px}

/* Classify button */
.mi2-classify-btn{width:100%;padding:14px;border-radius:13px;border:none;cursor:pointer;font-family:var(--fh);font-size:13px;font-weight:700;color:#fff;background:linear-gradient(135deg,rgba(0,229,255,.18),rgba(168,85,247,.14));border:1.5px solid rgba(0,229,255,.35);transition:all .25s;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden}
.mi2-classify-btn:hover{background:linear-gradient(135deg,rgba(0,229,255,.26),rgba(168,85,247,.2));border-color:rgba(0,229,255,.6);transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,229,255,.15)}
.mi2-classify-btn:active{transform:translateY(0)}
.mi2-classify-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}
.mi2-cbtn-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(0,229,255,.2),transparent);pointer-events:none}
.mi2-cbtn-ico{font-size:16px}

/* ── GAUGE ────────────────────────────────────────────────────────────── */
.mi2-gauge-wrap{display:flex;justify-content:center;margin:-4px 0 6px}
.mi2-gauge-svg{width:160px;height:90px;overflow:visible}
.mi2-gauge-desc{text-align:center;font-family:var(--fm);font-size:10px;color:var(--text-3);margin-bottom:10px;line-height:1.5}
.mi2-focus-block{background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:10px 12px}
.mi2-focus-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}
.mi2-focus-lbl{font-family:var(--fm);font-size:10px;color:var(--text-3)}
.mi2-focus-val{font-family:var(--fm);font-size:10px;color:var(--aurora-green);font-weight:700}
.mi2-focus-track{height:5px;background:rgba(255,255,255,.05);border-radius:3px;overflow:hidden}
.mi2-focus-fill{height:100%;background:linear-gradient(90deg,var(--aurora-green),var(--aurora-cyan));border-radius:3px;transition:width 1s ease}

/* ── QUICK PANEL ──────────────────────────────────────────────────────── */
.mi2-quick-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.mi2-quick-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:11px 4px;border-radius:11px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);cursor:pointer;transition:all .2s}
.mi2-quick-btn:hover{border-color:rgba(0,229,255,.3);background:rgba(0,229,255,.05);transform:translateY(-2px)}
.mi2-qb-ico{font-size:18px}
.mi2-qb-lbl{font-family:var(--fm);font-size:8.5px;color:var(--text-3);text-align:center}
.mi2-quick-btn:hover .mi2-qb-lbl{color:var(--aurora-cyan)}

/* ── TABS ─────────────────────────────────────────────────────────────── */
.mi2-tabs{display:flex;gap:5px;margin-bottom:10px;flex-wrap:wrap}
.mi2-tab{display:flex;align-items:center;gap:6px;font-family:var(--fm);font-size:10px;font-weight:600;padding:8px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);color:var(--text-3);cursor:pointer;transition:all .2s}
.mi2-tab:hover{background:rgba(0,229,255,.05);border-color:rgba(0,229,255,.2);color:var(--text-1)}
.mi2-tab.active{background:rgba(0,229,255,.09);border-color:rgba(0,229,255,.3);color:var(--aurora-cyan)}
.mi2-tab span{font-size:13px}

/* ── PANES ────────────────────────────────────────────────────────────── */
.mi2-pane{animation:oc3FadeUp .22s ease}
.mi2-output{background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:16px;min-height:320px;font-family:var(--fm);font-size:12px;color:var(--text-2);line-height:1.85;overflow-y:auto}
.mi2-output::-webkit-scrollbar{width:3px}
.mi2-output::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:2px}
.mi2-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;text-align:center}
.mi2-es-graphic{display:flex;align-items:center;justify-content:center;height:80px}
.mi2-es-text{font-family:var(--fm);font-size:11.5px;color:var(--text-3);line-height:1.7;max-width:280px}
.mi2-es-text strong{color:var(--aurora-cyan)}
.mi2-es-sub{font-family:var(--fm);font-size:10px;color:var(--text-4);max-width:260px;line-height:1.6}

/* ── EMAIL BANNER ─────────────────────────────────────────────────────── */
.mi2-email-banner{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;background:rgba(247,206,91,.05);border:1px solid rgba(247,206,91,.15);border-radius:12px;margin-bottom:12px}
.mi2-eb-icon{font-size:30px;flex-shrink:0}
.mi2-eb-title{font-family:var(--fh);font-size:14px;font-weight:700;color:var(--aurora-gold);margin-bottom:3px}
.mi2-eb-sub{font-family:var(--fm);font-size:10.5px;color:var(--text-3);line-height:1.65}

/* ── COST DISPLAY ─────────────────────────────────────────────────────── */
.mi2-cost-header{display:flex;justify-content:center;padding:20px 0 16px}
.mi2-cost-circle{text-align:center;padding:24px 36px;background:radial-gradient(ellipse at 50% 0%,rgba(247,206,91,.08),transparent);border:1px solid rgba(247,206,91,.15);border-radius:20px}
.mi2-cost-amount{font-family:var(--fh);font-size:52px;font-weight:900;color:var(--aurora-gold);line-height:1;letter-spacing:-.04em}
.mi2-cost-label{font-family:var(--fm);font-size:10px;color:var(--text-3);letter-spacing:.06em;margin-top:4px}
.mi2-cost-sub{font-family:var(--fm);font-size:9px;color:var(--text-4);margin-top:2px}
.mi2-cost-list{display:flex;flex-direction:column;gap:6px}

/* ── RESPONSIVE MEETING INTEL ─────────────────────────────────────────── */
@media(max-width:768px){
  .mi2-scoreboard{padding:20px 18px;flex-direction:column;gap:16px}
  .mi2-sb-kpis{width:100%}
  .mi2-kpi{flex:1;padding:10px 12px}
  .mi2-kpi-val{font-size:20px}
  .mi2-quick-panel{grid-template-columns:repeat(4,1fr)}
  .mi2-tabs{gap:4px}
  .mi2-tab{padding:7px 10px;font-size:9px}
}
@media(max-width:480px){
  .mi2-sb-kpis{display:grid;grid-template-columns:1fr 1fr}
  .mi2-quick-panel{grid-template-columns:repeat(2,1fr)}
}


/* ══════════════════════════════════════════════════════════════════════════
   COVER LETTER HUB v2.0 — World-Class CSS
   ══════════════════════════════════════════════════════════════════════ */

/* ── HUB HERO ─────────────────────────────────────────────────────────── */
.clh-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:28px 32px 24px;background:linear-gradient(135deg,rgba(247,206,91,.06),rgba(0,229,255,.04),rgba(168,85,247,.03));border:1px solid rgba(247,206,91,.12);border-radius:20px;margin-bottom:16px;position:relative;overflow:hidden}
.clh-hero::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 50% 100% at 0% 100%,rgba(247,206,91,.04),transparent)}
.clh-hero-left{flex:1;min-width:260px}
.clh-badge-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.clh-badge{display:inline-flex;align-items:center;font-family:var(--fm);font-size:8.5px;font-weight:700;letter-spacing:.1em;padding:4px 12px;border-radius:99px}
.clh-badge-gold{background:rgba(247,206,91,.1);border:1px solid rgba(247,206,91,.3);color:var(--aurora-gold)}
.clh-badge-cyan{background:rgba(0,229,255,.07);border:1px solid rgba(0,229,255,.22);color:var(--aurora-cyan)}
.clh-badge-purple{background:rgba(168,85,247,.08);border:1px solid rgba(168,85,247,.25);color:var(--aurora-violet)}
.clh-title{font-family:var(--fh);font-size:clamp(22px,3vw,38px);font-weight:900;letter-spacing:-.04em;line-height:1.06;color:var(--text-0);margin-bottom:8px}
.clh-em{background:linear-gradient(135deg,var(--aurora-gold),var(--aurora-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-style:italic}
.clh-sub{font-family:var(--fd);font-size:.88rem;color:var(--text-3);line-height:1.75;max-width:480px}
.clh-progress{display:flex;align-items:center;gap:0;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.07);border-radius:12px;overflow:hidden;flex-shrink:0;align-self:flex-start}
.clh-prog-item{padding:12px 16px;text-align:center;flex:1;transition:background .22s}
.clh-prog-item.done{background:rgba(0,255,136,.06)}
.clh-prog-div{width:1px;background:rgba(255,255,255,.07);align-self:stretch}
.clh-prog-ico{font-size:18px;margin-bottom:3px}
.clh-prog-lbl{font-family:var(--fm);font-size:9px;color:var(--text-3);letter-spacing:.06em}
.clh-prog-status{font-family:var(--fm);font-size:8px;color:var(--text-4);margin-top:2px}
.clh-prog-item.done .clh-prog-status{color:var(--aurora-green)}

/* ── MAIN GRID ────────────────────────────────────────────────────────── */
.clh-grid{display:grid;grid-template-columns:1fr 360px;gap:16px;align-items:start}
@media(max-width:1100px){.clh-grid{grid-template-columns:1fr 320px}}
@media(max-width:860px){.clh-grid{grid-template-columns:1fr}}
.clh-inputs{display:flex;flex-direction:column;gap:14px}

/* ── SECTIONS ─────────────────────────────────────────────────────────── */
.clh-section{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px 20px;transition:border-color .22s}
.clh-section:focus-within{border-color:rgba(0,229,255,.25)}
.clh-section-hdr{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.clh-section-ico{font-size:16px}
.clh-section-title{font-family:var(--fh);font-size:13px;font-weight:700;color:var(--text-0);flex:1}
.clh-section-badge{font-family:var(--fm);font-size:8px;font-weight:700;letter-spacing:.07em;padding:3px 9px;background:rgba(0,229,255,.07);border:1px solid rgba(0,229,255,.18);border-radius:99px;color:var(--aurora-cyan);white-space:nowrap}

/* ── DROPZONE ─────────────────────────────────────────────────────────── */
.clh-dropzone{border:2px dashed rgba(0,229,255,.25);border-radius:14px;padding:24px 20px;text-align:center;cursor:pointer;transition:all .25s;background:rgba(0,229,255,.02);display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:12px}
.clh-dropzone:hover,.clh-dropzone.drag-over{border-color:rgba(0,229,255,.55);background:rgba(0,229,255,.05);transform:scale(1.01)}
.clh-dropzone.has-file{border-color:rgba(0,255,136,.4);background:rgba(0,255,136,.04)}
.clh-dz-icon{font-size:32px;transition:transform .25s}
.clh-dropzone:hover .clh-dz-icon{transform:translateY(-4px)}
.clh-dz-text{display:flex;flex-direction:column;gap:3px}
.clh-dz-main{font-family:var(--fh);font-size:13px;font-weight:700;color:var(--text-0)}
.clh-dz-sub{font-family:var(--fm);font-size:10px;color:var(--text-4)}
.clh-dz-types{display:flex;gap:5px;justify-content:center;flex-wrap:wrap}
.clh-dt{font-family:var(--fm);font-size:8.5px;font-weight:700;letter-spacing:.07em;padding:2px 9px;border-radius:6px;border:1px solid rgba(255,255,255,.1);color:var(--text-3)}

/* ── PARSE BAR ────────────────────────────────────────────────────────── */
.clh-parse-bar{height:3px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden;margin-bottom:6px}
.clh-pb-fill{height:100%;background:linear-gradient(90deg,var(--aurora-cyan),var(--aurora-violet));border-radius:2px;animation:clhScan 1.5s ease-in-out infinite}
@keyframes clhScan{0%{width:0%;margin-left:0}50%{width:60%;margin-left:20%}100%{width:0%;margin-left:100%}}
.clh-parse-msg{font-family:var(--fm);font-size:10px;color:var(--aurora-cyan);margin-bottom:8px;display:flex;align-items:center;gap:6px}

/* ── OR DIVIDER ───────────────────────────────────────────────────────── */
.clh-or{display:flex;align-items:center;gap:10px;margin:6px 0 10px;font-family:var(--fm);font-size:9px;color:var(--text-4);letter-spacing:.06em}
.clh-or::before,.clh-or::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.07)}

/* ── TEXTAREA ─────────────────────────────────────────────────────────── */
.clh-ta{width:100%;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:12px 14px;color:var(--text-0);font-family:var(--fm);font-size:11.5px;line-height:1.75;outline:none;resize:vertical;transition:border-color .18s,box-shadow .18s;box-sizing:border-box}
.clh-ta:focus{border-color:rgba(0,229,255,.4);box-shadow:0 0 0 3px rgba(0,229,255,.06)}
.clh-ta::placeholder{color:var(--text-4)}
.clh-word-count{font-family:var(--fm);font-size:9px;color:var(--text-4);text-align:right;margin-top:4px;transition:color .25s}
.clh-word-count.good{color:var(--aurora-green)}
.clh-word-count.ok{color:var(--aurora-gold)}

/* ── FIELDS GRID ──────────────────────────────────────────────────────── */
.clh-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.clh-field{display:flex;flex-direction:column;gap:4px}
.clh-field-wide{grid-column:span 2}
.clh-field label{font-family:var(--fm);font-size:8.5px;letter-spacing:.08em;color:var(--text-4);font-weight:700;text-transform:uppercase}
.clh-inp{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:9px 11px;color:var(--text-0);font-family:var(--fm);font-size:11.5px;outline:none;transition:border-color .18s,box-shadow .18s;width:100%;box-sizing:border-box;-webkit-appearance:none}
.clh-inp:focus{border-color:rgba(0,229,255,.4);box-shadow:0 0 0 3px rgba(0,229,255,.06)}
.clh-inp::placeholder{color:var(--text-4)}
@media(max-width:600px){.clh-fields-grid{grid-template-columns:1fr}.clh-field-wide{grid-column:span 1}}

/* ── TONE PICKER ──────────────────────────────────────────────────────── */
.clh-tone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.clh-tone-opt{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:9px;border:1.5px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);cursor:pointer;transition:all .18s;font-family:var(--fm);font-size:10px;color:var(--text-2)}
.clh-tone-opt input{width:12px;height:12px;accent-color:var(--aurora-cyan);flex-shrink:0}
.clh-tone-opt:has(input:checked){border-color:rgba(0,229,255,.4);background:rgba(0,229,255,.07);color:var(--aurora-cyan)}
.clh-tone-opt:hover{border-color:rgba(255,255,255,.18)}
@media(max-width:600px){.clh-tone-grid{grid-template-columns:1fr 1fr}}

/* ── SYNC BUTTON ──────────────────────────────────────────────────────── */
.clh-sync-btn{width:100%;padding:16px;border-radius:14px;border:1.5px solid rgba(0,255,136,.4);background:linear-gradient(135deg,rgba(0,255,136,.12),rgba(0,229,255,.08));color:#fff;font-family:var(--fh);font-size:14px;font-weight:700;cursor:pointer;transition:all .25s;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden}
.clh-sync-btn:hover{border-color:rgba(0,255,136,.65);background:linear-gradient(135deg,rgba(0,255,136,.18),rgba(0,229,255,.12));transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,255,136,.15)}
.clh-sync-pulse{width:9px;height:9px;border-radius:50%;background:var(--aurora-green);flex-shrink:0;animation:oc3Pulse 2s infinite}
.clh-sync-sub{font-family:var(--fm);font-size:10px;color:var(--text-4);text-align:center;margin-top:8px}

/* ── MAP COLUMN ───────────────────────────────────────────────────────── */
.clh-map-col{display:flex;flex-direction:column;gap:10px;position:sticky;top:80px}
.clh-map-hdr{padding:0 4px 4px}
.clh-map-title{font-family:var(--fh);font-size:14px;font-weight:700;color:var(--text-0);display:block;margin-bottom:3px}
.clh-map-sub{font-family:var(--fm);font-size:9px;color:var(--text-4)}
.clh-layer{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:13px;padding:12px 13px}
.clh-layer-hero{background:linear-gradient(135deg,rgba(0,229,255,.06),rgba(168,85,247,.04));border-color:rgba(0,229,255,.2)}
.clh-layer-label{font-family:var(--fm);font-size:8px;font-weight:700;letter-spacing:.12em;color:var(--text-4);text-transform:uppercase;margin-bottom:8px}
.clh-module-grid{display:flex;flex-direction:column;gap:5px}
.clh-mod{display:flex;align-items:flex-start;gap:9px;padding:8px 10px;border-radius:9px;cursor:pointer;transition:all .18s;border:1px solid transparent}
.clh-mod:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1);transform:translateX(3px)}
.clh-mod-ico{font-size:16px;flex-shrink:0;width:24px;text-align:center;margin-top:1px}
.clh-mod-body strong{font-family:var(--fh);font-size:11px;font-weight:700;color:var(--text-0);display:block;margin-bottom:1px}
.clh-mod-body p{font-family:var(--fm);font-size:9.5px;color:var(--text-3);line-height:1.5;margin:0}
.clh-mod-hero{padding:12px;background:rgba(0,229,255,.04);border:1.5px solid rgba(0,229,255,.2)!important}
.clh-mod-hero:hover{background:rgba(0,229,255,.08)!important;border-color:rgba(0,229,255,.4)!important}
.clh-mod-cta{display:inline-block;margin-top:5px;font-family:var(--fm);font-size:9.5px;color:var(--aurora-cyan);font-weight:700}

/* ══════════════════════════════════════════════════════════════════════════
   M05 OUTPUT — World-Class Letter Preview + Download
   ══════════════════════════════════════════════════════════════════════ */

.clm5-output-col{display:flex;flex-direction:column;gap:12px}

/* Stream area */
.clm5-stream-wrap{background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden}
.clm5-stream-hdr{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.07)}
.clm5-stream-title{font-family:var(--fh);font-size:13px;font-weight:700;color:var(--text-0);flex:1}
.clm5-stream-badges{display:flex;gap:6px;flex-wrap:wrap}
.clm5-sbadge{font-family:var(--fm);font-size:9px;font-weight:700;letter-spacing:.06em;padding:3px 10px;border-radius:99px;border:1px solid rgba(255,255,255,.1);color:var(--text-3)}
.clm5-sb-green{background:rgba(0,255,136,.07);border-color:rgba(0,255,136,.22);color:var(--aurora-green)}
.clm5-sb-gold{background:rgba(247,206,91,.07);border-color:rgba(247,206,91,.22);color:var(--aurora-gold)}
.clm5-stream-body{padding:18px;min-height:300px;font-family:var(--fd);font-size:13px;color:var(--text-1);line-height:1.85;overflow-y:auto}
.clm5-stream-body::-webkit-scrollbar{width:3px}
.clm5-stream-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:2px}
.clm5-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:30px 20px;text-align:center}
.clm5-empty-graphic{opacity:.5}
.clm5-empty-msg{font-family:var(--fm);font-size:11.5px;color:var(--text-3);line-height:1.75;max-width:280px}
.clm5-empty-tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.clm5-empty-tags span{font-family:var(--fm);font-size:9px;padding:3px 10px;border-radius:99px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--text-3)}

/* Formatted preview — letter document */
.clm5-preview-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden}
.clm5-preview-hdr{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}
.clm5-preview-title{font-family:var(--fh);font-size:12px;font-weight:700;color:var(--text-0)}
.clm5-preview-sub{font-family:var(--fm);font-size:9.5px;color:var(--text-4)}
.clm5-letter-doc{background:#ffffff;color:#1a1a2e;padding:36px 40px;font-family:'Georgia','Times New Roman',serif;font-size:12px;line-height:1.8;max-height:460px;overflow-y:auto;border-radius:0 0 14px 14px}
.clm5-letter-doc::-webkit-scrollbar{width:4px}
.clm5-letter-doc::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:2px}
.clm5-doc-candidate{margin-bottom:10px}
.clm5-doc-name{font-size:18px;font-weight:700;color:#0f172a;letter-spacing:-.01em;margin-bottom:3px}
.clm5-doc-contact{font-size:10.5px;color:#64748b;line-height:1.6}
.clm5-doc-divider{height:2px;background:linear-gradient(90deg,#1e3a5f,#3b82f6,transparent);margin:10px 0 14px;border-radius:1px}
.clm5-doc-meta{margin-bottom:18px}
.clm5-doc-date{font-size:10.5px;color:#64748b;margin-bottom:8px}
.clm5-doc-addressee{font-size:11.5px;color:#334155;line-height:1.7}
.clm5-doc-subject{font-weight:700;font-size:12.5px;color:#0f172a;margin-bottom:14px;text-decoration:underline;text-underline-offset:3px}
.clm5-doc-salutation{font-size:12px;color:#1e293b;margin-bottom:14px;font-weight:600}
.clm5-doc-body{font-size:12px;color:#1e293b;line-height:1.9;white-space:pre-wrap;word-break:break-word}
.clm5-doc-body p{margin-bottom:14px}
.clm5-doc-closing{margin-top:22px}
.clm5-doc-sign{font-size:12px;color:#1e293b;margin-bottom:24px}
.clm5-doc-sig{font-size:13px;font-weight:700;color:#0f172a;border-top:1.5px solid #1e3a5f;padding-top:6px;display:inline-block;min-width:160px}

/* Download panel */
.clm5-dl-panel{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:18px 20px}
.clm5-dl-hdr{margin-bottom:14px}
.clm5-dl-title{font-family:var(--fh);font-size:14px;font-weight:700;color:var(--text-0);display:block;margin-bottom:3px}
.clm5-dl-sub{font-family:var(--fm);font-size:10px;color:var(--text-4)}
.clm5-dl-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}
.clm5-dl-btn{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:13px;border:1.5px solid;cursor:pointer;transition:all .22s;text-align:left}
.clm5-dl-btn:hover{transform:translateY(-2px)}
.clm5-dl-docx{border-color:rgba(0,229,255,.3);background:linear-gradient(135deg,rgba(0,229,255,.08),rgba(0,229,255,.03))}
.clm5-dl-docx:hover{border-color:rgba(0,229,255,.6);box-shadow:0 6px 20px rgba(0,229,255,.12)}
.clm5-dl-pdf{border-color:rgba(247,206,91,.3);background:linear-gradient(135deg,rgba(247,206,91,.08),rgba(247,206,91,.03))}
.clm5-dl-pdf:hover{border-color:rgba(247,206,91,.6);box-shadow:0 6px 20px rgba(247,206,91,.12)}
.clm5-dl-icon{font-size:24px;flex-shrink:0}
.clm5-dl-info{flex:1;min-width:0}
.clm5-dl-fmt{display:block;font-family:var(--fh);font-size:14px;font-weight:700;color:var(--text-0);margin-bottom:2px}
.clm5-dl-desc{display:block;font-family:var(--fm);font-size:9.5px;color:var(--text-3);line-height:1.5}
.clm5-dl-arrow{font-size:18px;color:var(--text-4);flex-shrink:0}
.clm5-dl-actions{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}
.clm5-dl-copy,.clm5-dl-refine,.clm5-dl-ats{font-family:var(--fm);font-size:10px;font-weight:700;padding:8px 14px;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:var(--text-2);cursor:pointer;transition:all .18s;white-space:nowrap}
.clm5-dl-copy:hover{border-color:rgba(0,229,255,.3);color:var(--aurora-cyan)}
.clm5-dl-refine:hover{border-color:rgba(247,206,91,.3);color:var(--aurora-gold)}
.clm5-dl-ats:hover{border-color:rgba(168,85,247,.3);color:var(--aurora-violet)}

/* Quality indicators */
.clm5-quality-row{display:flex;gap:0;border:1px solid rgba(255,255,255,.07);border-radius:10px;overflow:hidden}
.clm5-qi{flex:1;text-align:center;padding:9px 6px;border-right:1px solid rgba(255,255,255,.06)}
.clm5-qi:last-child{border-right:none}
.clm5-qi-val{display:block;font-family:var(--fh);font-size:16px;font-weight:900;color:var(--text-0);line-height:1}
.clm5-qi-lbl{display:block;font-family:var(--fm);font-size:8px;letter-spacing:.06em;color:var(--text-4);text-transform:uppercase;margin-top:3px}
.clm5-green{color:var(--aurora-green)!important}
.clm5-gold{color:var(--aurora-gold)!important}

/* Responsive */
@media(max-width:768px){
  .clh-hero{flex-direction:column;gap:16px;padding:20px 18px}
  .clh-progress{width:100%}
  .clm5-dl-grid{grid-template-columns:1fr}
  .clm5-letter-doc{padding:24px 22px}
  .clh-map-col{position:static}
}

/* ═══════════════════════════════════════════════════════════════════════════
   WORLD-FIRST PREMIUM DESIGN SYSTEM
   Classic · Transformation · World-Class
   Applies to: Office Command Centre, Meeting Intelligence,
               Career Week Debrief, Network Intelligence
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Shared entrance animation ────────────────────────────────────────── */
@keyframes wf-fadeUp{
  from{opacity:0;transform:translateY(22px)} to{opacity:1;transform:translateY(0)}
}
@keyframes wf-shimmer{
  0%{background-position:-200% center}100%{background-position:200% center}
}
@keyframes wf-pulse-live{
  0%,100%{box-shadow:0 0 0 0 rgba(0,229,255,.6);opacity:1}
  50%{box-shadow:0 0 0 6px rgba(0,229,255,0);opacity:.85}
}
@keyframes wf-pulse-gold{
  0%,100%{box-shadow:0 0 0 0 rgba(247,206,91,.5);opacity:1}
  50%{box-shadow:0 0 0 8px rgba(247,206,91,0);opacity:.9}
}
@keyframes wf-glow-border{
  0%,100%{border-color:rgba(99,102,241,.35)}
  50%{border-color:rgba(99,102,241,.7)}
}
@keyframes wf-scan{
  0%{transform:translateY(-100%);opacity:0}
  10%{opacity:.6}
  90%{opacity:.6}
  100%{transform:translateY(100%);opacity:0}
}
@keyframes wf-dot-blink{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.5;transform:scale(.85)}
}

/* ══════════════════════════════════════════════════════
   1. OFFICE COMMAND CENTRE — Masthead
   ══════════════════════════════════════════════════════ */

.wc-masthead{
  display:flex;align-items:flex-start;justify-content:space-between;
  gap:24px;flex-wrap:wrap;
  padding:36px 40px 32px;
  background:
    linear-gradient(135deg,
      rgba(247,206,91,.09) 0%,
      rgba(0,229,255,.05) 45%,
      rgba(168,85,247,.06) 100%);
  border:1px solid rgba(247,206,91,.18);
  border-radius:24px;
  margin-bottom:16px;
  position:relative;overflow:hidden;
  animation:wf-fadeUp .55s cubic-bezier(.22,1,.36,1) both;
  animation-glow:wf-glow-border 4s ease-in-out infinite;
}
/* Animated scan line */
.wc-masthead::before{
  content:'';position:absolute;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,rgba(247,206,91,.35),rgba(0,229,255,.35),transparent);
  animation:wf-scan 6s ease-in-out infinite;z-index:0;pointer-events:none;
}
/* Corner accent */
.wc-masthead::after{
  content:'';position:absolute;top:0;right:0;
  width:280px;height:280px;border-radius:50%;
  background:radial-gradient(circle,rgba(99,102,241,.08) 0%,transparent 70%);
  pointer-events:none;
}

/* Badge row */
.wc-badge-row{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  margin-bottom:14px;position:relative;z-index:1;
}

/* Base badge reset + premium style */
.wc-badge{
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--fm);font-size:9px;font-weight:800;
  letter-spacing:.16em;text-transform:uppercase;
  padding:5px 14px;border-radius:99px;
  position:relative;overflow:hidden;
  transition:transform .2s,box-shadow .2s;
  cursor:default;
}
.wc-badge:hover{transform:translateY(-2px)}

/* 🏆 WORLD FIRST — gold premium */
.wc-badge-world{
  background:linear-gradient(135deg,rgba(247,206,91,.18),rgba(251,191,36,.1),rgba(168,85,247,.08));
  border:1px solid rgba(247,206,91,.45);
  color:#fde68a;
  box-shadow:0 0 18px rgba(247,206,91,.15),inset 0 1px 0 rgba(247,206,91,.2);
  animation:wf-pulse-gold 3.5s ease-in-out infinite;
}
/* Shimmer sweep on WORLD FIRST */
.wc-badge-world::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.18) 50%,transparent 60%);
  background-size:200% 100%;
  animation:wf-shimmer 3s linear infinite;
}

/* 🛡 GROUNDED AI — emerald */
.wc-badge-ai{
  background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(5,150,105,.08));
  border:1px solid rgba(16,185,129,.4);
  color:#6ee7b7;
  box-shadow:0 0 14px rgba(16,185,129,.12),inset 0 1px 0 rgba(16,185,129,.15);
}

/* ● LIVE — pulsing cyan */
.wc-badge-live{
  background:linear-gradient(135deg,rgba(0,229,255,.15),rgba(6,182,212,.08));
  border:1px solid rgba(0,229,255,.45);
  color:#67e8f9;
  box-shadow:0 0 16px rgba(0,229,255,.2),inset 0 1px 0 rgba(0,229,255,.2);
  animation:wf-pulse-live 2s ease-in-out infinite;
}

/* Main title */
.wc-title{
  font-family:var(--fh);
  font-size:clamp(28px,3.8vw,52px);
  font-weight:900;letter-spacing:-.05em;line-height:1.02;
  color:var(--text-0);
  margin-bottom:10px;
  position:relative;z-index:1;
  text-shadow:0 2px 40px rgba(247,206,91,.08);
}
.wc-title-em{
  background:linear-gradient(135deg,#fde68a 0%,#f59e0b 35%,#67e8f9 75%,var(--aurora-cyan) 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  font-style:italic;
  filter:drop-shadow(0 0 18px rgba(247,206,91,.3));
}

/* Subtitle */
.wc-subtitle{
  font-family:var(--fd);font-size:.92rem;
  color:var(--text-3);line-height:1.8;
  max-width:520px;margin-bottom:20px;
  position:relative;z-index:1;
}

/* Live stats row */
.wc-stats-row{
  display:flex;align-items:stretch;gap:0;
  background:rgba(0,0,0,.3);
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;overflow:hidden;
  width:fit-content;
  position:relative;z-index:1;
  backdrop-filter:blur(8px);
}
.wc-stat{
  padding:12px 22px;text-align:center;
  border-right:1px solid rgba(255,255,255,.07);
  transition:background .2s;
  cursor:default;
}
.wc-stat:last-child{border-right:none}
.wc-stat:hover{background:rgba(255,255,255,.04)}
.wc-stat-val{
  font-family:var(--fm);font-size:22px;font-weight:800;
  color:var(--text-0);line-height:1;margin-bottom:4px;
  transition:color .3s;
}
.wc-stat-val.wc-gold{color:#fde68a;text-shadow:0 0 20px rgba(247,206,91,.35)}
.wc-stat-lbl{font-family:var(--fm);font-size:9px;font-weight:600;letter-spacing:.1em;color:var(--text-4);text-transform:uppercase}
.wc-stat-div{width:1px;background:rgba(255,255,255,.07);flex-shrink:0}

/* Live clock */
.wc-clock-face{position:relative;text-align:right}
.wc-clock-time{
  font-family:var(--fm);font-size:46px;font-weight:800;
  color:#fde68a;letter-spacing:-.04em;line-height:1;
  text-shadow:0 0 60px rgba(247,206,91,.28),0 0 120px rgba(247,206,91,.1);
}
.wc-clock-date{
  font-family:var(--fm);font-size:10.5px;font-weight:500;
  color:var(--text-3);letter-spacing:.06em;margin-top:3px;
}
.wc-clock-tz{
  font-family:var(--fm);font-size:9px;color:var(--text-4);
  letter-spacing:.1em;margin-top:2px;text-transform:uppercase;
}
.wc-clock-week{
  font-family:var(--fm);font-size:10px;font-weight:700;
  color:var(--aurora-cyan);letter-spacing:.08em;margin-top:6px;text-align:right;
}

/* ══════════════════════════════════════════════════════
   2. MEETING INTELLIGENCE — Scoreboard Header
   ══════════════════════════════════════════════════════ */

.mi2-scoreboard{
  display:flex;align-items:flex-start;justify-content:space-between;
  gap:20px;flex-wrap:wrap;
  padding:32px 36px 28px;
  background:
    linear-gradient(135deg,
      rgba(0,229,255,.08) 0%,
      rgba(99,102,241,.06) 50%,
      rgba(168,85,247,.05) 100%);
  border:1px solid rgba(0,229,255,.2);
  border-radius:24px;margin-bottom:16px;
  position:relative;overflow:hidden;
  animation:wf-fadeUp .55s cubic-bezier(.22,1,.36,1) both;
}
.mi2-scoreboard::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 55% 120% at 0% 50%,rgba(0,229,255,.05),transparent);
}
.mi2-scoreboard::after{
  content:'';position:absolute;top:0;right:0;
  width:300px;height:300px;border-radius:50%;
  background:radial-gradient(circle,rgba(168,85,247,.07) 0%,transparent 70%);
  pointer-events:none;
}

/* Badge — MEETING DNA */
.mi2-sb-badge{
  display:inline-flex;align-items:center;gap:7px;
  font-family:var(--fm);font-size:9px;font-weight:800;
  letter-spacing:.16em;text-transform:uppercase;
  color:#67e8f9;
  background:linear-gradient(135deg,rgba(0,229,255,.12),rgba(99,102,241,.08));
  border:1px solid rgba(0,229,255,.35);
  border-radius:99px;padding:5px 14px;
  margin-bottom:14px;
  position:relative;overflow:hidden;
  box-shadow:0 0 20px rgba(0,229,255,.12),inset 0 1px 0 rgba(0,229,255,.15);
  transition:transform .2s,box-shadow .2s;
  cursor:default;
  z-index:1;
}
.mi2-sb-badge::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.14) 50%,transparent 60%);
  background-size:200% 100%;
  animation:wf-shimmer 3.5s linear infinite;
}
.mi2-sb-badge:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(0,229,255,.22)}

/* Title */
.mi2-sb-title{
  font-family:var(--fh);
  font-size:clamp(24px,3.2vw,44px);
  font-weight:900;letter-spacing:-.05em;line-height:1.04;
  color:var(--text-0);margin-bottom:10px;
  position:relative;z-index:1;
}
.mi2-title-em{
  background:linear-gradient(135deg,#67e8f9 0%,#818cf8 50%,#c084fc 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  font-style:italic;
  filter:drop-shadow(0 0 16px rgba(0,229,255,.25));
}

/* Subtitle */
.mi2-sb-sub{
  font-family:var(--fd);font-size:.9rem;
  color:var(--text-3);line-height:1.8;
  max-width:500px;
  position:relative;z-index:1;
}

/* KPI row */
.mi2-sb-kpis{
  display:flex;gap:0;
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;overflow:hidden;
  flex-shrink:0;align-self:flex-start;
  background:rgba(0,0,0,.25);
  backdrop-filter:blur(12px);
  box-shadow:0 8px 32px rgba(0,0,0,.35);
  position:relative;z-index:1;
}
.mi2-kpi{
  padding:16px 22px;text-align:center;
  border-right:1px solid rgba(255,255,255,.07);
  transition:background .2s;cursor:default;
}
.mi2-kpi:last-child{border-right:none}
.mi2-kpi:hover{background:rgba(255,255,255,.04)}
.mi2-kpi-val{
  font-family:var(--fm);font-size:24px;font-weight:800;
  color:var(--text-0);line-height:1;margin-bottom:5px;
}
.mi2-kpi-lbl{font-family:var(--fm);font-size:9px;font-weight:600;letter-spacing:.08em;color:var(--text-4);text-transform:uppercase}
.mi2-kpi-green .mi2-kpi-val{color:#6ee7b7;text-shadow:0 0 18px rgba(16,185,129,.35)}
.mi2-kpi-red   .mi2-kpi-val{color:#fca5a5;text-shadow:0 0 18px rgba(239,68,68,.3)}
.mi2-kpi-gold  .mi2-kpi-val{color:#fde68a;text-shadow:0 0 18px rgba(247,206,91,.3)}

/* ══════════════════════════════════════════════════════
   3. CAREER WEEK DEBRIEF + 4. NETWORK INTELLIGENCE
   — World-First Badge (shared: .oc3-world-badge)
   ══════════════════════════════════════════════════════ */

.oc3-world-badge{
  display:inline-flex;align-items:center;gap:7px;
  font-family:var(--fm);font-size:9px;font-weight:800;
  letter-spacing:.16em;text-transform:uppercase;
  color:#fde68a;
  background:linear-gradient(135deg,rgba(247,206,91,.14),rgba(99,102,241,.08));
  border:1px solid rgba(247,206,91,.4);
  border-radius:99px;padding:5px 14px;
  margin-bottom:12px;
  position:relative;overflow:hidden;
  box-shadow:0 0 20px rgba(247,206,91,.14),inset 0 1px 0 rgba(247,206,91,.18);
  transition:transform .2s,box-shadow .2s;
  cursor:default;
  animation:wf-pulse-gold 3.5s ease-in-out infinite;
}
.oc3-world-badge::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.18) 50%,transparent 60%);
  background-size:200% 100%;
  animation:wf-shimmer 3s linear infinite;
}
.oc3-world-badge:hover{transform:translateY(-2px);box-shadow:0 0 32px rgba(247,206,91,.28)}

/* Career Week Debrief hero */
.wd-hero{
  display:flex;align-items:flex-start;justify-content:space-between;
  gap:20px;flex-wrap:wrap;
  background:linear-gradient(135deg,rgba(99,102,241,.09),rgba(247,206,91,.05),rgba(168,85,247,.06));
  border:1px solid rgba(99,102,241,.25);
  border-radius:24px;padding:32px 36px;
  margin-bottom:14px;position:relative;overflow:hidden;
  animation:wf-fadeUp .55s cubic-bezier(.22,1,.36,1) both;
}
.wd-hero::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 50% 130% at 100% 0%,rgba(168,85,247,.07),transparent);
}

/* XP block */
.wd-xp-block{min-width:220px;flex-shrink:0;position:relative;z-index:1}
.wd-xp-label{
  display:flex;align-items:center;justify-content:space-between;
  font-family:var(--fm);font-size:10px;font-weight:700;
  letter-spacing:.1em;color:var(--text-3);text-transform:uppercase;
  margin-bottom:8px;
}
.wd-level-badge{
  font-family:var(--fm);font-size:8.5px;font-weight:800;
  letter-spacing:.14em;padding:3px 10px;border-radius:99px;
  background:linear-gradient(135deg,rgba(99,102,241,.25),rgba(168,85,247,.15));
  border:1px solid rgba(99,102,241,.4);color:var(--aurora-violet);
  box-shadow:0 0 12px rgba(99,102,241,.18);
}
.wd-xp-track{
  height:10px;background:rgba(255,255,255,.06);border-radius:99px;
  overflow:hidden;position:relative;margin-bottom:6px;
  border:1px solid rgba(255,255,255,.08);
}
.wd-xp-fill{
  height:100%;border-radius:99px;
  background:linear-gradient(90deg,#6366f1,#00e5ff 50%,#f7ce5b);
  background-size:200% 100%;
  transition:width 1.8s cubic-bezier(.4,0,.2,1);
  position:relative;
  box-shadow:0 0 12px rgba(99,102,241,.4);
  animation:wf-shimmer 4s linear infinite;
}
.wd-xp-glow{
  position:absolute;top:0;bottom:0;width:30px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);
  transform:translateX(-100%);
  transition:left 1.8s cubic-bezier(.4,0,.2,1);
  pointer-events:none;
}
.wd-xp-nums{
  display:flex;justify-content:space-between;
  font-family:var(--fm);font-size:9.5px;color:var(--text-4);font-weight:600;
}

/* Achievements strip */
.wd-achievements{
  display:flex;gap:8px;flex-wrap:wrap;
  margin-bottom:16px;padding:14px 16px;
  background:rgba(0,0,0,.2);
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  backdrop-filter:blur(6px);
  position:relative;z-index:1;
}
.wd-ach{
  display:flex;flex-direction:column;align-items:center;gap:5px;
  padding:10px 14px;border-radius:10px;border:1.5px solid;
  cursor:default;transition:all .25s;min-width:64px;
}
.wd-ach.locked{
  border-color:rgba(255,255,255,.07);
  background:rgba(255,255,255,.02);opacity:.45;
  filter:grayscale(.7);
}
.wd-ach.unlocked{
  border-color:rgba(247,206,91,.4);
  background:linear-gradient(135deg,rgba(247,206,91,.1),rgba(99,102,241,.06));
  box-shadow:0 0 16px rgba(247,206,91,.15);
  opacity:1;filter:none;
  animation:wf-pulse-gold 3s ease-in-out infinite;
}
.wd-ach:hover.unlocked{transform:translateY(-3px) scale(1.06);box-shadow:0 6px 24px rgba(247,206,91,.25)}
.wd-ach-ico{font-size:20px;line-height:1}
.wd-ach-lbl{font-family:var(--fm);font-size:8.5px;font-weight:700;letter-spacing:.06em;color:var(--text-3);text-align:center;text-transform:uppercase}

/* ── Network Intelligence hero ──────────────────────── */
/* Inherits .wd-hero layout; use a different gradient */
#cal-panel-network .wd-hero,
.nw-hero{
  background:linear-gradient(135deg,rgba(236,72,153,.08),rgba(14,165,233,.06),rgba(99,102,241,.05));
  border-color:rgba(236,72,153,.22);
}
#cal-panel-network .wd-hero::before{
  background:radial-gradient(ellipse 50% 130% at 0% 100%,rgba(236,72,153,.07),transparent);
}

/* ── Section label with world-first dots ────────────── */
.wf-section-label{
  display:flex;align-items:center;gap:10px;
  font-family:var(--fm);font-size:9px;font-weight:800;
  letter-spacing:.18em;text-transform:uppercase;
  color:var(--text-4);margin-bottom:16px;
}
.wf-section-label::before,.wf-section-label::after{
  content:'';flex:1;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);
}

/* ── Profile strip — premium inputs ─────────────────── */
.wc-profile-strip{
  display:flex;align-items:center;flex-wrap:wrap;gap:0;
  background:rgba(0,0,0,.25);
  border:1px solid rgba(255,255,255,.08);border-radius:16px;
  padding:12px 20px;margin-bottom:14px;
  backdrop-filter:blur(10px);
  position:relative;overflow:hidden;
}
.wc-profile-strip::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(247,206,91,.2),rgba(0,229,255,.15),transparent);
}
.wc-ps-label{
  font-family:var(--fm);font-size:8.5px;font-weight:800;
  letter-spacing:.14em;text-transform:uppercase;
  color:var(--text-4);display:block;margin-bottom:3px;
}
.wc-ps-input,.wc-ps-select{
  background:transparent;border:none;outline:none;
  font-family:var(--ff);font-size:12px;font-weight:500;
  color:var(--text-1);
  transition:color .2s;
}
.wc-ps-input:focus,.wc-ps-select:focus{color:var(--text-0)}
.wc-ps-input::placeholder{color:var(--text-4)}
.wc-ps-sep{
  width:1px;background:rgba(255,255,255,.07);
  align-self:stretch;margin:0 18px;flex-shrink:0;
}
.wc-ps-field{display:flex;flex-direction:column;min-width:100px}
.wc-ps-field.wc-ps-wide{flex:1;min-width:180px}

/* ── Responsive ───────────────────────────────────────── */
@media(max-width:900px){
  .wc-masthead,.mi2-scoreboard,.wd-hero{padding:24px 22px 20px}
  .wc-title{font-size:clamp(22px,6vw,36px)}
  .mi2-sb-title{font-size:clamp(20px,5.5vw,32px)}
  .mi2-sb-kpis{flex-wrap:wrap;max-width:100%}
  .wc-stats-row{flex-wrap:wrap}
}
@media(max-width:600px){
  .wc-clock-time{font-size:32px}
  .mi2-kpi{padding:12px 16px}
  .wd-achievements{gap:5px}
  .wd-ach{min-width:54px;padding:8px 10px}
  .wc-badge-row{gap:5px}
}