/* V102 Audit Rotation Lab — replaces visible Modules experience */
.audit-rotation-v102-active #moduleDeadlineBanner,
.audit-rotation-v102-active #deadlineFocusCard { display:none !important; }
.audit-rotation-v102-active .module-grid { display:block; }
.audit-rotation-v102-active .section-card.full-width { overflow:visible; }
.audit-rotation-v102-active .nav-list .nav-item[data-section="modules"]::after {
  content:'NEW';
  margin-left:auto;
  font-size:9px;
  letter-spacing:.08em;
  color:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  padding:2px 6px;
}
.rotation-shell { display:grid; gap:18px; }
.rotation-hero-card {
  display:grid;
  grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);
  gap:18px;
  padding:20px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(circle at 10% 0%, rgba(68,122,255,.18), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.035));
  box-shadow:0 24px 70px rgba(0,0,0,.24);
}
.rotation-hero-card h3 { margin:4px 0 8px; font-size:clamp(28px,4vw,44px); letter-spacing:-.05em; }
.rotation-hero-card span { color:rgba(255,255,255,.68); line-height:1.55; }
.rotation-hero-stats { display:grid; grid-template-columns:1fr; gap:10px; }
.rotation-hero-stats div {
  padding:14px 16px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.11);
  background:rgba(0,0,0,.22);
}
.rotation-hero-stats strong { display:block; font-size:22px; line-height:1.1; color:#fff; }
.rotation-hero-stats small { display:block; margin-top:4px; color:rgba(255,255,255,.55); }
.rotation-layout { display:grid; grid-template-columns:310px minmax(0,1fr); gap:16px; align-items:start; }
.rotation-room-rail,
.rotation-active-panel,
.rotation-map-card,
.rotation-report-card {
  border:1px solid rgba(255,255,255,.12);
  border-radius:26px;
  background:linear-gradient(160deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
  box-shadow:0 18px 50px rgba(0,0,0,.2);
}
.rotation-room-rail { padding:14px; position:sticky; top:16px; max-height:calc(100vh - 110px); overflow:auto; scrollbar-width:thin; }
.rotation-room-rail::-webkit-scrollbar { width:8px; }
.rotation-room-rail::-webkit-scrollbar-thumb { background:rgba(255,255,255,.16); border-radius:999px; }
.rotation-rail-head { display:flex; justify-content:space-between; align-items:center; gap:10px; margin:2px 4px 12px; }
.rotation-rail-head span { font-size:12px; color:rgba(255,255,255,.55); text-transform:uppercase; letter-spacing:.12em; }
.rotation-rail-head b { color:rgba(255,255,255,.78); font-size:12px; }
.rotation-room-card {
  width:100%; text-align:left; display:grid; gap:4px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.045);
  color:#fff;
  border-radius:18px;
  padding:12px 13px;
  margin-bottom:9px;
  cursor:pointer;
  transition:transform .18s ease, border-color .18s ease, background .18s ease;
}
.rotation-room-card:hover { transform:translateY(-1px); border-color:rgba(255,255,255,.22); background:rgba(255,255,255,.075); }
.rotation-room-card.is-active { border-color:rgba(130,170,255,.6); background:rgba(70,110,220,.16); }
.rotation-room-card.is-done { border-color:rgba(95,210,155,.35); }
.rotation-room-card span { width:max-content; font-size:10px; text-transform:uppercase; letter-spacing:.12em; color:rgba(255,255,255,.55); }
.rotation-room-card strong { font-size:14px; letter-spacing:-.02em; }
.rotation-room-card small { color:rgba(255,255,255,.55); }
.rotation-dev-actions { display:flex; flex-direction:column; gap:8px; padding:10px 2px 2px; }
.rotation-active-panel { padding:18px; min-width:0; }
.rotation-active-head { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; margin-bottom:14px; }
.rotation-active-head h3 { margin:3px 0 6px; font-size:clamp(22px,3vw,32px); letter-spacing:-.04em; }
.rotation-active-head span { color:rgba(255,255,255,.6); line-height:1.5; }
.rotation-score-pill { white-space:nowrap; border:1px solid rgba(255,255,255,.13); border-radius:999px; padding:8px 11px; color:rgba(255,255,255,.72); background:rgba(0,0,0,.18); font-size:12px; }
.rotation-score-pill.is-done { color:#dfffea; border-color:rgba(95,210,155,.35); background:rgba(95,210,155,.1); }
.rotation-scenario { display:grid; gap:6px; padding:14px 15px; border:1px solid rgba(255,255,255,.1); border-radius:18px; background:rgba(0,0,0,.18); margin-bottom:12px; }
.rotation-scenario strong { color:rgba(255,255,255,.86); }
.rotation-scenario span { color:rgba(255,255,255,.66); line-height:1.55; }
.rotation-skill-row { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
.rotation-skill-row span { border:1px solid rgba(255,255,255,.12); border-radius:999px; padding:7px 10px; font-size:12px; color:rgba(255,255,255,.72); background:rgba(255,255,255,.045); }
.rotation-question-form { display:grid; gap:12px; }
.rotation-question-card { border:1px solid rgba(255,255,255,.1); border-radius:22px; padding:14px; background:rgba(255,255,255,.045); }
.rotation-question-top { display:flex; justify-content:space-between; gap:8px; margin-bottom:9px; }
.rotation-question-top span { font-size:11px; text-transform:uppercase; letter-spacing:.1em; color:rgba(255,255,255,.48); }
.rotation-question-top b { font-size:11px; color:rgba(255,255,255,.62); font-weight:600; }
.rotation-question-card h4 { margin:0 0 12px; line-height:1.42; letter-spacing:-.02em; }
.rotation-options { display:grid; gap:8px; }
.rotation-option { display:flex; align-items:flex-start; gap:10px; padding:11px 12px; border:1px solid rgba(255,255,255,.09); border-radius:16px; background:rgba(0,0,0,.14); cursor:pointer; color:rgba(255,255,255,.72); line-height:1.4; }
.rotation-option:hover, .rotation-option.is-selected { border-color:rgba(130,170,255,.45); background:rgba(82,121,220,.13); color:#fff; }
.rotation-option input { margin-top:3px; accent-color:#9ab6ff; }
.rotation-submit-row { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; padding-top:4px; }
.rotation-submit-row > span { color:rgba(255,255,255,.48); font-size:12px; }
.rotation-report-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.rotation-map-card, .rotation-report-card { padding:18px; }
.rotation-map-card h3 { margin:4px 0 8px; line-height:1.2; letter-spacing:-.035em; }
.rotation-map-card > span, .rotation-report-card > span { color:rgba(255,255,255,.62); line-height:1.55; }
.rotation-map-flow { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:16px; }
.rotation-map-flow b { border:1px solid rgba(255,255,255,.12); border-radius:999px; padding:8px 10px; background:rgba(255,255,255,.045); font-size:12px; }
.rotation-map-flow i { width:22px; height:1px; background:rgba(255,255,255,.24); }
.rotation-report-head { display:grid; gap:4px; padding-bottom:12px; border-bottom:1px solid rgba(255,255,255,.09); margin-bottom:12px; }
.rotation-report-head span { color:rgba(255,255,255,.52); font-size:12px; text-transform:uppercase; letter-spacing:.11em; }
.rotation-report-head strong { font-size:24px; letter-spacing:-.04em; }
.rotation-report-head small { color:rgba(255,255,255,.55); }
.rotation-fit-list { display:grid; gap:8px; }
.rotation-fit-row { display:grid; grid-template-columns:30px 1fr auto; gap:10px; align-items:center; padding:10px; border:1px solid rgba(255,255,255,.08); border-radius:14px; background:rgba(0,0,0,.14); }
.rotation-fit-row span { width:24px; height:24px; display:grid; place-items:center; border-radius:999px; background:rgba(255,255,255,.08); color:rgba(255,255,255,.68); font-size:12px; }
.rotation-fit-row strong { font-size:13px; }
.rotation-fit-row b { color:#fff; }
.rotation-manager-note { margin:12px 0 0; color:rgba(255,255,255,.62); line-height:1.55; }
.rotation-report-card.is-empty { display:grid; place-content:center; min-height:210px; text-align:center; gap:8px; }
.rotation-report-card.is-empty strong { font-size:22px; }
.rotation-report-card.is-empty span { max-width:380px; margin:auto; }
@media (max-width: 980px){
  .rotation-hero-card, .rotation-layout, .rotation-report-grid { grid-template-columns:1fr; }
  .rotation-room-rail { position:relative; top:auto; max-height:none; }
  .rotation-active-head { flex-direction:column; }
}
@media (max-width: 620px){
  .rotation-hero-card, .rotation-active-panel, .rotation-map-card, .rotation-report-card { padding:14px; border-radius:22px; }
  .rotation-room-rail { padding:10px; border-radius:22px; }
  .rotation-submit-row .primary-btn { width:100%; justify-content:center; }
  .rotation-map-flow i { display:none; }
}