/**
 * IELTS campus + in-course UI - boss demo polish.
 * Compact tabs, no number badges, muted glass (not flat blue slabs).
 */

/* - - IELTS campus: no double hero, no white book banner - - */
body.ama-ielts-campus #view-ielts-campus .foundation-campus-hero--ielts {
 display: none;
}

body.ama-ielts-campus #view-ielts-campus .foundation-campus--premium {
 background: transparent !important;
 box-shadow: none !important;
 border-radius: 0 !important;
 margin-top: 0 !important;
 padding: 10px 12px 16px !important;
}

body.ama-ielts-campus .ama-pre-studio__hint {
 margin: 0 0 8px;
 font-size: 0.68rem;
 line-height: 1.35;
 color: #8fa3bc !important;
}

.ama-ielts-book-door {
 display: flex;
 align-items: center;
 gap: 10px;
 width: 100%;
 margin: 0 0 10px;
 padding: 10px 12px;
 border: 1px solid rgba(214, 179, 106, 0.42);
 border-radius: 12px;
 background: linear-gradient(135deg, rgba(14, 26, 52, 0.98), rgba(22, 40, 72, 0.95));
 color: #eef2fa;
 cursor: pointer;
 text-align: left;
 font: 600 0.78rem var(--ui, system-ui, sans-serif);
 box-shadow: none;
 min-height: 0;
}

.ama-ielts-book-door__icon {
 flex: 0 0 auto;
 width: 36px;
 height: 36px;
 display: grid;
 place-items: center;
 border-radius: 10px;
 background: linear-gradient(145deg, #d6b36a, #f4d78a);
 color: #0b1733;
 font-size: 1rem;
}

.ama-ielts-book-door__text {
 flex: 1 1 auto;
 min-width: 0;
}

.ama-ielts-book-door__text strong {
 display: block;
 font-size: 0.82rem;
 font-weight: 800;
 color: #f4d78a;
 font-family: var(--ui, system-ui, sans-serif);
}

.ama-ielts-book-door__text em {
 display: block;
 margin-top: 2px;
 font-size: 0.65rem;
 font-style: normal;
 font-weight: 500;
 color: #9eb0c8;
 line-height: 1.3;
}

.ama-ielts-book-door__go {
 flex: 0 0 auto;
 font-size: 0.68rem;
 font-weight: 700;
 color: #f4d78a;
 white-space: nowrap;
}

.ama-ielts-book-door__go i {
 margin-left: 2px;
}

/* - - Campus tool grid - - */
body.ama-pre-surface .ama-campus-tiles {
 gap: 8px !important;
}

body.ama-pre-surface .ama-campus-tiles--ielts {
 grid-template-columns: repeat(auto-fill, minmax(108px, 1fr)) !important;
}

body.ama-pre-surface .ama-campus-studio .ama-pre-tile {
 aspect-ratio: unset;
 min-height: 52px;
 padding: 8px 6px;
 border-radius: 12px;
 background: rgba(255, 255, 255, 0.045);
 border: 1px solid rgba(214, 179, 106, 0.28);
 color: #dde6f2;
 box-shadow: none;
 font-size: 0.7rem;
 font-weight: 700;
 gap: 5px;
}

body.ama-pre-surface .ama-campus-studio .ama-pre-tile i {
 font-size: 1.05rem;
 color: #d6b36a;
}

body.ama-pre-surface .ama-campus-studio .ama-pre-tile span {
 color: #eef2fa;
 line-height: 1.2;
}

body.ama-pre-surface .ama-campus-studio .ama-pre-tile small {
 color: #8fa3bc;
 font-size: 0.58rem;
}

body.ama-pre-surface .ama-pre-tile--lead {
 min-height: 64px;
 padding: 10px 8px;
 border-radius: 14px;
}

body.ama-pre-surface .ama-pre-studio.ama-campus-studio .ama-pre-tile--lead,
body.ama-pre-surface .ama-ielts-studio .ama-pre-tile--lead {
 background: rgba(255, 255, 255, 0.06);
 border: 1px solid rgba(214, 179, 106, 0.38);
}

body.ama-pre-surface .ama-pre-studio.ama-campus-studio .ama-pre-tile--lead i,
body.ama-pre-surface .ama-ielts-studio .ama-pre-tile--lead i {
 width: 34px;
 height: 34px;
 min-width: 34px;
 font-size: 0.95rem;
 border-radius: 10px;
 box-shadow: none;
}

body.ama-pre-surface .ama-ielts-studio .ama-pre-tile--lead i {
 background: linear-gradient(145deg, #5c1828, #8b2438);
}

body.ama-pre-surface .ama-campus-studio .ama-pre-tile:hover {
 transform: translateY(-1px);
 border-color: rgba(214, 179, 106, 0.45);
 background: rgba(255, 255, 255, 0.07);
}

/* - - In-course IELTS view - - */
html[data-ama-theme="day"] body.ama-pre-surface .view--ielts {
 --ie-text: #1a2d4a;
 --ie-dim: #5a6b82;
 --ie-border: #c5d4e8;
 background: #e8eef8;
 color: var(--ie-text);
}

html[data-ama-theme="day"] body.ama-pre-surface .view--ielts h2,
html[data-ama-theme="day"] body.ama-pre-surface .view--ielts h3,
html[data-ama-theme="day"] body.ama-pre-surface .view--ielts h4 {
 color: #0b1f4d;
}

/* IELTS Home - dark/colored panels need light headings (not global navy h3) */
html[data-ama-theme="day"] body.ama-pre-surface .view--ielts .ielts-placement-cta h3,
html[data-ama-theme="day"] body.ama-pre-surface .view--ielts .ielts-placement-cta p,
html[data-ama-theme="day"] body.ama-pre-surface .view--ielts .ielts-placement-cta__eyebrow,
html[data-ama-theme="day"] body.ama-pre-surface .view--ielts .ielts-home__welcome h3,
html[data-ama-theme="day"] body.ama-pre-surface .view--ielts .ielts-home__welcome p,
html[data-ama-theme="day"] body.ama-pre-surface .view--ielts .ielts-home__greet {
 color: #ffffff !important;
}

html[data-ama-theme="day"] body.ama-pre-surface .view--ielts .ielts-home__greet {
 color: #f4d78a !important;
}

html[data-ama-theme="day"] body.ama-pre-surface .view--ielts .ielts-placement-cta__eyebrow {
 color: #ffe8a8 !important;
}

html[data-ama-theme="night"] body.ama-pre-surface .view--ielts {
 --ie-text: #dde6f2;
 --ie-dim: #94a8c0;
 --ie-border: rgba(214, 179, 106, 0.22);
 background: transparent;
 color: var(--ie-text);
}

html[data-ama-theme="night"] body.ama-pre-surface .view--ielts h2,
html[data-ama-theme="night"] body.ama-pre-surface .view--ielts h3,
html[data-ama-theme="night"] body.ama-pre-surface .view--ielts h4 {
 color: #f0e6c8;
}

body.ama-pre-surface .view--ielts .ielts-wrap,
body.ama-pre-surface .view--ielts .ielts-body {
 background: transparent;
 color: var(--ie-text);
}

/* Tab bar - compact, no LEARN/PRACTISE labels, no 1-2-3 circles */
body.ama-pre-surface .view--ielts .ielts-tabgroup__label {
 display: none !important;
}

body.ama-pre-surface .view--ielts .ielts-tab__n {
 display: none !important;
}

body.ama-pre-surface .view--ielts .ielts-tabs {
 background: transparent;
 border-bottom: 1px solid rgba(214, 179, 106, 0.16);
 gap: 6px;
 padding: 6px 0 8px;
 margin-bottom: 6px;
}

body.ama-pre-surface .view--ielts .ielts-tabgroup {
 background: rgba(0, 0, 0, 0.14);
 border: 1px solid rgba(214, 179, 106, 0.2);
 border-radius: 11px;
 padding: 3px;
 gap: 2px;
 box-shadow: none;
}

body.ama-pre-surface .view--ielts .ielts-tab {
 min-height: 30px;
 padding: 4px 9px;
 font-size: 0.72rem;
 font-weight: 600;
 border-radius: 8px;
 border: 1px solid transparent;
 background: transparent;
 color: #a8bccd;
 box-shadow: none !important;
}

body.ama-pre-surface .view--ielts .ielts-tab i {
 font-size: 0.78rem;
 color: #c9a962;
}

body.ama-pre-surface .view--ielts .ielts-tab span {
 max-width: 7.5em;
}

body.ama-pre-surface .view--ielts .ielts-tab.is-active,
body.ama-pre-surface .view--ielts .ielts-tabgroup .ielts-tab.is-active {
 background: rgba(214, 179, 106, 0.12);
 border-color: rgba(214, 179, 106, 0.42);
 color: #f4d78a;
 box-shadow: none !important;
}

body.ama-pre-surface .view--ielts .ielts-tab--home {
 background: rgba(214, 179, 106, 0.1);
 color: #f4d78a;
 border: 1px solid rgba(214, 179, 106, 0.35);
}

body.ama-pre-surface .view--ielts .ielts-tab--home.is-active {
 background: rgba(214, 179, 106, 0.18);
 color: #fff8e8;
}

body.ama-pre-surface .view--ielts .ielts-tab--band.is-active {
 background: rgba(214, 179, 106, 0.14) !important;
 color: #f4d78a !important;
}

/* Content panels - glass, not blue blocks */
body.ama-pre-surface .view--ielts .ielts-section,
body.ama-pre-surface .view--ielts .ielts-tile,
body.ama-pre-surface .view--ielts .ielts-cue-tile,
body.ama-pre-surface .view--ielts .ielts-q,
body.ama-pre-surface .view--ielts .ielts-crit,
body.ama-pre-surface .view--ielts .ielts-lens-card,
body.ama-pre-surface .view--ielts .ielts-extender,
body.ama-pre-surface .view--ielts .ielts-reveal,
body.ama-pre-surface .view--ielts .ielts-mastery-card,
body.ama-pre-surface .view--ielts .ielts-btn--ghost,
body.ama-pre-surface .view--ielts .ielts-filter__btn:not(.is-active),
body.ama-pre-surface .view--ielts .ielts-lens:not(.is-active) {
 background: rgba(255, 255, 255, 0.04);
 border-color: rgba(214, 179, 106, 0.2);
 color: #dde6f2;
 box-shadow: none;
}

body.ama-pre-surface .view--ielts .ielts-tile strong,
body.ama-pre-surface .view--ielts .ielts-cue-tile strong,
body.ama-pre-surface .view--ielts .ielts-head h3,
body.ama-pre-surface .view--ielts .ielts-target strong {
 color: #f0e6c8;
}

body.ama-pre-surface .view--ielts .ielts-tile small,
body.ama-pre-surface .view--ielts .ielts-muted,
body.ama-pre-surface .view--ielts .ielts-crumbs {
 color: #94a8c0;
}

body.ama-pre-surface .view--ielts .ielts-filter__btn.is-active,
body.ama-pre-surface .view--ielts .ielts-lens.is-active {
 background: rgba(214, 179, 106, 0.16);
 border-color: rgba(214, 179, 106, 0.45);
 color: #f4d78a;
}

/* Real exam videos tab */
body.ama-pre-surface .view--ielts .vd-tab {
 min-height: 30px;
 padding: 5px 11px;
 font-size: 0.74rem;
 background: rgba(255, 255, 255, 0.04);
 border-color: rgba(214, 179, 106, 0.22);
 color: #b8c8dc;
}

body.ama-pre-surface .view--ielts .vd-tab.is-active {
 background: rgba(214, 179, 106, 0.14);
 border-color: rgba(214, 179, 106, 0.45);
 color: #f4d78a;
}

body.ama-pre-surface .view--ielts .vd-tab.is-active i {
 color: #f4d78a;
}

body.ama-pre-surface .view--ielts .vd-card,
body.ama-pre-surface .view--ielts .vd-links {
 background: rgba(255, 255, 255, 0.04);
 border-color: rgba(214, 179, 106, 0.2);
}

body.ama-pre-surface .view--ielts .vd-body > strong,
body.ama-pre-surface .view--ielts .vd-links h4 {
 color: #eef2fa;
}

body.ama-pre-surface .view--ielts .vd-body > small,
body.ama-pre-surface .view--ielts .vd-lead {
 color: #94a8c0;
}

body.ama-pre-surface .view--ielts .vd-watch {
 background: rgba(0, 0, 0, 0.2);
 color: #c5d4ea;
}

body.ama-pre-surface .view--ielts .vd-watch span {
 color: #d6b36a;
}

/* Speaking book */
body.ama-pre-surface .view--ielts .sbook-root {
 background: transparent;
 color: #dde6f2;
}

body.ama-pre-surface .view--ielts .sbook-hero,
body.ama-pre-surface .view--ielts .sbook-guide,
body.ama-pre-surface .view--ielts .sbook-toolkit,
body.ama-pre-surface .view--ielts .sbook-topic-panel,
body.ama-pre-surface .view--ielts .sbook-topic-card,
body.ama-pre-surface .view--ielts .sbook-lang__card,
body.ama-pre-surface .view--ielts .sbook-convo,
body.ama-pre-surface .view--ielts .sbook-q-index,
body.ama-pre-surface .view--ielts .sbook-drill,
body.ama-pre-surface .view--ielts .sbook-part-btn:not(.is-active) {
 background: rgba(255, 255, 255, 0.04) !important;
 color: #dde6f2 !important;
 border-color: rgba(214, 179, 106, 0.2) !important;
 box-shadow: none !important;
}

body.ama-pre-surface .view--ielts .sbook-root h2,
body.ama-pre-surface .view--ielts .sbook-root h3,
body.ama-pre-surface .view--ielts .sbook-root h4,
body.ama-pre-surface .view--ielts .sbook-root h5,
body.ama-pre-surface .view--ielts .sbook-drill__q {
 color: #f0e6c8 !important;
}

body.ama-pre-surface .view--ielts .sbook-part-btn.is-active {
 background: rgba(214, 179, 106, 0.16) !important;
 border-color: rgba(214, 179, 106, 0.5) !important;
 color: #f4d78a !important;
}

body.ama-pre-surface .view--ielts .sbook-textarea {
 background: rgba(0, 0, 0, 0.25);
 border: 1px solid rgba(214, 179, 106, 0.28);
 color: #eef2fa;
}

/* Laptop: tighter tab strip */
@media (min-width: 961px) {
 body.ama-pre-surface .view--ielts .ielts-tab span {
 max-width: none;
 }

 body.ama-pre-surface .ama-campus-tiles--ielts {
 grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
 }
}

/* Day theme - IELTS body uses dark type (white cards stay readable) */
html[data-ama-theme="day"] body.ama-pre-surface .view--ielts,
html[data-ama-theme="day"] body.ama-pre-surface .view--ielts .ielts-wrap,
html[data-ama-theme="day"] body.ama-pre-surface .view--ielts .ielts-body {
 background: transparent !important;
 color: #1a2d4a !important;
}

html[data-ama-theme="day"] body.ama-pre-surface .view--ielts .ielts-today,
html[data-ama-theme="day"] body.ama-pre-surface .view--ielts .ielts-today__text strong,
html[data-ama-theme="day"] body.ama-pre-surface .view--ielts .ielts-today__head h4,
html[data-ama-theme="day"] body.ama-pre-surface .view--ielts .ielts-mod__text strong,
html[data-ama-theme="day"] body.ama-pre-surface .view--ielts .ielts-panel h4 {
 color: #002366 !important;
}

html[data-ama-theme="day"] body.ama-pre-surface .view--ielts .ielts-today__text small,
html[data-ama-theme="day"] body.ama-pre-surface .view--ielts .ielts-mod__text small {
 color: #33445f !important;
}

html[data-ama-theme="day"] body.ama-pre-surface .ama-campus-studio .ama-pre-tile {
 background: rgba(255, 255, 255, 0.045) !important;
 color: #dde6f2 !important;
}

/* All course views - no white content slabs (Day mode) */
html[data-ama-theme="day"] body.ama-pre-surface .wrap:not(.ama-home-body),
html[data-ama-theme="day"] body.ama-pre-surface .grammar-lab-wrap,
html[data-ama-theme="day"] body.ama-pre-surface .hw-wrap-clean,
html[data-ama-theme="day"] body.ama-pre-surface .ama-dict-root,
html[data-ama-theme="day"] body.ama-pre-surface #vocab-hub-content,
html[data-ama-theme="day"] body.ama-pre-surface #ama-intonation-root {
 background: transparent !important;
 color: #dde6f2 !important;
}

body.ama-pre-surface .view--active .wrap:not(.ama-home-body),
body.ama-pre-surface .grammar-lab-wrap,
body.ama-pre-surface .hw-wrap-clean,
body.ama-pre-surface .ama-in-block,
body.ama-pre-surface .level-card-pro,
body.ama-pre-surface .unit-card-pro,
body.ama-pre-surface .pathway-card {
 background: rgba(255, 255, 255, 0.04) !important;
 border-color: rgba(214, 179, 106, 0.2) !important;
 color: #dde6f2 !important;
 box-shadow: none !important;
}

body.ama-pre-surface .pathway-card h3,
body.ama-pre-surface .level-card-pro h3,
body.ama-pre-surface .unit-card-pro h3,
body.ama-pre-surface .ama-in-block h3 {
 color: #f0e6c8 !important;
}

body.ama-pre-surface .pathway-card p,
body.ama-pre-surface .level-card-pro p,
body.ama-pre-surface .unit-card-pro p {
 color: #94a8c0 !important;
}

/* Exam room - bright cards (default day theme); dark glass only at night */
html[data-ama-theme="day"] body.ama-pre-surface .ex,
html[data-ama-theme="day"] body.ama-pre-surface .ex-step,
html[data-ama-theme="day"] body.ama-pre-surface .ex-get,
html[data-ama-theme="day"] body.ama-pre-surface .ex-prep,
html[data-ama-theme="day"] body.ama-pre-surface .ex-live__stage,
html[data-ama-theme="day"] body.ama-pre-surface .ex-tips,
html[data-ama-theme="day"] body.ama-pre-surface .ex-history {
 background: #ffffff;
 border-color: #c5d4e8;
 color: #1a2d4a;
}

html[data-ama-theme="day"] body.ama-pre-surface .ex-hero {
 background: linear-gradient(135deg, #001a4d, #002366 55%, #1f3f9f);
 color: #fff;
 border-color: transparent;
}

html[data-ama-theme="day"] body.ama-pre-surface .ex h3,
html[data-ama-theme="day"] body.ama-pre-surface .ex strong,
html[data-ama-theme="day"] body.ama-pre-surface .ex-step strong {
 color: #002366;
}

html[data-ama-theme="day"] body.ama-pre-surface .ex-step span,
html[data-ama-theme="day"] body.ama-pre-surface .ex-get li,
html[data-ama-theme="day"] body.ama-pre-surface .ex-tips p {
 color: #33445f;
}

html[data-ama-theme="day"] body.ama-pre-surface .ex-muted,
html[data-ama-theme="day"] body.ama-pre-surface .ex-step small {
 color: #135f3b;
}

html[data-ama-theme="night"] body.ama-pre-surface .ex,
html[data-ama-theme="night"] body.ama-pre-surface .ex-hero,
html[data-ama-theme="night"] body.ama-pre-surface .ex-step,
html[data-ama-theme="night"] body.ama-pre-surface .ex-get,
html[data-ama-theme="night"] body.ama-pre-surface .ex-prep,
html[data-ama-theme="night"] body.ama-pre-surface .ex-live__stage {
 background: rgba(255, 255, 255, 0.04);
 border-color: rgba(214, 179, 106, 0.2);
 color: #dde6f2;
}

html[data-ama-theme="night"] body.ama-pre-surface .ex h3,
html[data-ama-theme="night"] body.ama-pre-surface .ex strong {
 color: #f0e6c8;
}

html[data-ama-theme="night"] body.ama-pre-surface .ex-muted,
html[data-ama-theme="night"] body.ama-pre-surface .ex-step small {
 color: #94a8c0;
}

body.ama-pre-surface .vd-card,
body.ama-pre-surface .gr-card,
body.ama-pre-surface .in-card {
 background: rgba(255, 255, 255, 0.04) !important;
 color: #dde6f2 !important;
}