/* Approved Phase 5 UI palette and geometry, extracted from deployed phase5-reference-6281eed2fd81f723.css.
 * Explicit opt-in on the HTML body. Phase 5 is excluded, including its portals.
 * Screen-only: report/PDF and print presentation remain unchanged.
 * Homepage heading/body families remain controlled by the existing homepage stylesheet.
 */
@font-face { font-family:"INSIGHT Premium UI"; font-style:normal; font-weight:400; font-display:swap; src:url("/static/fonts/insight-premium-regular.ttf") format("truetype"); }
@font-face { font-family:"INSIGHT Premium UI"; font-style:normal; font-weight:600 900; font-display:swap; src:url("/static/fonts/insight-premium-bold.ttf") format("truetype"); }
@media screen {
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) { --premium-navy:#092b4c; --premium-header:linear-gradient(110deg,#082a46,#062642); --premium-active:linear-gradient(120deg,#092d4c,#06253e); --premium-gold:#c99436; --premium-teal:#087F83; --premium-surface:#fdfcfb; --premium-muted:#f7f9fc; --premium-border:#e0e6ee; --premium-font:"INSIGHT Premium UI",Arial,sans-serif; --background:40 33% 99%; --foreground:210 79% 17%; --primary:210 79% 17%; --primary-foreground:0 0% 100%; --accent:180 25% 95%; --accent-foreground:182 89% 27%; --ring:39 58% 50%; --border:214 29% 91%; --input:214 29% 85%; --card-foreground:210 79% 17%; --muted-foreground:215 16% 42%; background:var(--premium-surface); color:var(--premium-navy); font-family:var(--premium-font); }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) :is([data-testid="psychologist-dashboard"],[data-testid="client-dashboard"],[data-testid="admin-dashboard"],.session-phases-page,.pp-admin,.insight-plan,.professional-profile,.insight-auth),
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) #root > .min-h-screen,
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) #root > main { background:var(--premium-surface); color:var(--premium-navy); font-family:var(--premium-font); background-image:none; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) :is([data-testid$="dashboard"],.session-phases-page,.pp-admin,.insight-plan,.professional-profile) :is(h1,h2,h3,h4):not(.phase5-report *, .sqis-report *, .helpful-resource-report *),
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) #root > .min-h-screen :is(h1,h2,h3,h4):not(.phase5-report *, .sqis-report *, .helpful-resource-report *),
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) #root > main :is(h1,h2,h3,h4):not(.phase5-report *, .sqis-report *, .helpful-resource-report *) { font-family:var(--premium-font) !important; letter-spacing:normal; line-height:1.3; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) :is([data-testid$="dashboard"],.session-phases-page) > nav,
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .ip-header { background:var(--premium-header); color:#fff; border-color:#ffffff25; padding:12px clamp(16px,2.8vw,44px); gap:16px; flex-wrap:wrap; box-shadow:0 2px 10px #092b4c12; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) :is([data-testid$="dashboard"],.session-phases-page) > nav > div { min-width:0; flex-wrap:wrap; gap:10px; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) :is([data-testid$="dashboard"],.session-phases-page) > nav :is(button,span,a) { color:#fff; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) :is([data-testid$="dashboard"],.session-phases-page) > nav button { background:transparent; border-color:#ffffff40; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) :is([data-testid$="dashboard"],.session-phases-page) > nav button:hover { background:#ffffff14; color:#eac577; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) :is([data-testid$="dashboard"],.session-phases-page) > nav img,
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .ip-header img { border-radius:8px; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) :is([data-testid$="dashboard"]) > :is(.max-w-7xl,.psychologist-workspace-content) { width:100%; max-width:1680px; padding:28px clamp(16px,2.8vw,44px) 56px; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) :is([data-testid$="dashboard"]) :is(.text-4xl,.psychologist-workspace-heading h1) { font-size:clamp(28px,2.6vw,36px); color:var(--premium-navy); }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .psychologist-workspace-heading { padding-bottom:22px; margin-bottom:24px; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .bg-card,
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .glass-card,
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .pp-admin > section { border-color:var(--premium-border); border-radius:16px; box-shadow:0 2px 10px #092b4c06; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .bg-card > .tracking-tight,
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .bg-card .font-semibold.tracking-tight { color:var(--premium-navy); font-family:var(--premium-font) !important; line-height:1.35; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) [role="tablist"] { display:flex; flex-wrap:wrap; height:auto; min-width:0; gap:6px; padding:6px; border:1px solid var(--premium-border); border-radius:14px; background:#fff; box-shadow:0 1px 5px #092b4c10; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) [role="tablist"] > [role="tab"] { flex:1 1 auto; height:auto; min-height:46px; min-width:0; padding:10px 16px; border:1px solid var(--premium-border); border-radius:9px; background:linear-gradient(#fbfcfe,#f6f8fa); color:var(--premium-navy); font:600 15px/1.4 var(--premium-font); white-space:normal; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) [role="tablist"] > [role="tab"][data-state="active"] { background:var(--premium-active); color:#fff; border-color:var(--premium-gold); box-shadow:inset 0 0 0 1px var(--premium-gold); }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) [role="tablist"] > [role="tab"]:hover:not([data-state="active"]):not(:disabled) { background:#edf5f5; border-color:#a9cecf; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) button.bg-primary,
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) button.bg-blue-600,
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) button.bg-indigo-600,
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) button.bg-purple-700,
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) button.bg-purple-600,
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .btn-primary { background:var(--premium-active); color:#fff; border-color:var(--premium-navy); box-shadow:0 2px 5px #092b4c12; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) button.bg-primary:hover:not(:disabled),
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) button.bg-blue-600:hover:not(:disabled),
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) button.bg-indigo-600:hover:not(:disabled),
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .btn-primary:hover { background:#164769; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) button.border-input { border-color:#cdd9e5; background:#fff; color:var(--premium-navy); }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) button.border-input:hover:not(:disabled) { border-color:var(--premium-gold); background:#f7f9fc; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) button.inline-flex,
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) a.inline-flex,
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .btn-primary,
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .btn-secondary { border-radius:9px; line-height:1.4; white-space:normal; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) button.inline-flex:not(.h-8):not(.w-9):not([role="checkbox"]):not([role="switch"]) { min-height:42px; height:auto; padding-top:9px; padding-bottom:9px; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) :is(button,a,input,textarea,select,[role="tab"]):focus-visible { outline:2px solid var(--premium-gold); outline-offset:3px; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) button:disabled,
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) [aria-disabled="true"] { opacity:.5; cursor:not-allowed; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) textarea,
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) select,
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) button[role="combobox"] { border-color:#cdd9e5; border-radius:9px; font-family:inherit; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) input[aria-invalid="true"],
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) textarea[aria-invalid="true"] { border-color:#b91c1c; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) [role="dialog"],
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) [role="alertdialog"],
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) dialog,
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .fixed.inset-0 > .bg-white { max-height:calc(100dvh - 32px); overflow-y:auto; width:calc(100% - 32px); border:1px solid var(--premium-border); border-top:3px solid var(--premium-gold); border-radius:16px; background:white; color:var(--premium-navy); box-shadow:0 18px 60px #092b4c26; font-family:var(--premium-font); }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) [role="dialog"] :is(h1,h2,h3),
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) [role="alertdialog"] :is(h1,h2,h3) { font-family:var(--premium-font); line-height:1.3; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) [role="menu"],
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) [role="listbox"],
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) [data-radix-popper-content-wrapper] > div { border-color:var(--premium-border); border-radius:12px; box-shadow:0 8px 30px #092b4c16; font-family:var(--premium-font); }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) table { font-family:inherit; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) #root > .min-h-screen > .max-w-7xl > .bg-gradient-to-r.from-blue-600 { background:var(--premium-header); border-radius:16px; box-shadow:0 2px 10px #092b4c12; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) [data-testid="active-provider-header"] { background:#f3f8fa; border-color:#d7e7e9; border-radius:12px; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .pp-admin fieldset,
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) #root > main section.bg-white,
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) #root > main article.bg-white { border:1px solid var(--premium-border); border-radius:16px; box-shadow:0 2px 10px #092b4c06; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .pp-admin button,
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) #root > main button.border { border-radius:9px; border-color:#cdd9e5; color:var(--premium-navy); background:#fff; min-height:42px; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) thead { background:#f7f9fc; color:#405979; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) th { font-weight:600; white-space:normal; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) td,
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) th { border-color:var(--premium-border); }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .insight-auth .insight-auth-brand { background:var(--premium-header); }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .insight-auth .insight-auth-rule { background:var(--premium-gold); }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .insight-auth .insight-auth-heading h1 { font-size:32px; color:var(--premium-navy); }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .insight-auth form > button[type="submit"] { background:var(--premium-active); border-radius:9px; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .insight-auth form > button[type="submit"]:hover:not(:disabled) { background:#164769; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .professional-profile { --profile-navy:var(--premium-navy); --profile-gold:var(--premium-gold); font-size:16px; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .professional-profile .profile-header { background:var(--premium-header); border-radius:16px; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .professional-profile h1 { font-size:clamp(32px,3vw,44px); }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .professional-profile h2 { font-size:26px; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .insight-home { --ih-navy:#092b4c; --ih-teal:#087F83; --ih-gold:#c99436; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .insight-home .ih-header { background:var(--premium-header); color:#fff; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .insight-home .ih-header :is(a,button) { color:#fff; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .insight-home .ih-navigation { background:transparent; border-color:#ffffff25; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .insight-home .ih-navigation .ih-container { background:#123752; border-color:#ffffff25; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .insight-home .ih-navigation a[aria-current="location"] { background:#ffffff14; color:#eac577; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .insight-home .ih-navigation a { color:#e2e8f0; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .insight-home .ih-navigation a:hover,
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .insight-home .ih-navigation a[aria-current="page"],
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .insight-home .ih-navigation a.active { color:#eac577; background:#ffffff10; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .insight-home .ih-menu-toggle { border-color:#ffffff40; background:transparent; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .insight-home .ih-button { border-radius:9px; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .insight-home .ih-button-teal { background:var(--premium-teal); color:white; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .insight-public { font-family:var(--premium-font); }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .insight-public :is(h1,h2,h3) { font-family:var(--premium-font); }
}
@media screen and (max-width:900px) {
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) :is([data-testid$="dashboard"]) > div > .flex.justify-between { flex-wrap:wrap; gap:18px; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) :is([data-testid$="dashboard"]) > div > .flex.justify-between > .flex { flex-wrap:wrap; gap:8px; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) [data-testid="client-dashboard"] [role="tablist"],
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) [data-testid="admin-dashboard"] [role="tablist"] { display:flex; flex-wrap:wrap; }
}
@media screen and (max-width:600px) {
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) :is([data-testid$="dashboard"],.session-phases-page) > nav > div:last-child { width:100%; margin-left:0; justify-content:flex-start; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) :is([data-testid$="dashboard"],.session-phases-page) > nav > div:last-child > * { margin-left:0; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) [role="tablist"] > [role="tab"] { flex:1 1 135px; padding:10px; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) .bg-card > .p-6 { padding-left:16px; padding-right:16px; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) input:not([type="checkbox"]):not([type="radio"]),
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) textarea,
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) select { font-size:16px; }
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) #root > .min-h-screen.p-8,
.insight-premium:not(:has(.session-phases-page[data-phase="5"])) #root > main.p-8 { padding:20px 16px; }
}