/* PilotHub three-tier membership visual system
   Aviator = clean/capable
   First Officer = refined silver/steel aviation
   Captain = executive navy with premium champagne-gold accents
*/
:root,[data-membership="aviator"][data-appearance="light"]{--ph-bg:#f4f8fc;--ph-surface:#fff;--ph-surface-2:#eaf2fa;--ph-text:#102235;--ph-muted:#66798c;--ph-accent:#1677c8;--ph-accent-2:#54a8e8;--ph-border:#d6e2ed;--ph-glow:rgba(22,119,200,.14);--ph-metal:#8ca1b4;--ph-tier-gradient:linear-gradient(135deg,#1677c8,#54a8e8);--ph-card-shadow:0 10px 30px rgba(25,62,92,.08);--ph-radius:16px;--ph-nav-blur:14px}
[data-membership="aviator"][data-appearance="night"]{--ph-bg:#07131f;--ph-surface:#0d1c2b;--ph-surface-2:#12263a;--ph-text:#edf7ff;--ph-muted:#91a8ba;--ph-accent:#43a7f5;--ph-accent-2:#7bc6ff;--ph-border:#20384c;--ph-glow:rgba(67,167,245,.17);--ph-metal:#8299aa;--ph-tier-gradient:linear-gradient(135deg,#258edc,#69bdf9);--ph-card-shadow:0 14px 34px rgba(0,0,0,.25);--ph-radius:16px;--ph-nav-blur:14px}
[data-membership="first_officer"][data-appearance="light"]{--ph-bg:#e9eef2;--ph-surface:#fbfdff;--ph-surface-2:#d7e0e6;--ph-text:#0d1822;--ph-muted:#435462;--ph-accent:#294d66;--ph-accent-2:#6f8594;--ph-border:#b9c6cf;--ph-glow:rgba(48,75,94,.20);--ph-metal:#9facb6;--ph-tier-gradient:linear-gradient(135deg,#243746,#526b7c 52%,#7d909c);--ph-card-shadow:0 14px 34px rgba(35,55,70,.13);--ph-radius:18px;--ph-nav-blur:18px}
[data-membership="first_officer"][data-appearance="night"]{--ph-bg:#071017;--ph-surface:#101b23;--ph-surface-2:#1b2c36;--ph-text:#f7fafc;--ph-muted:#c0cbd2;--ph-accent:#d3dfe6;--ph-accent-2:#f2f6f8;--ph-border:#3b4f5c;--ph-glow:rgba(176,196,209,.18);--ph-metal:#cad4da;--ph-tier-gradient:linear-gradient(135deg,#405766,#718692 55%,#506875);--ph-card-shadow:0 16px 40px rgba(0,0,0,.34);--ph-radius:18px;--ph-nav-blur:18px}
[data-membership="captain"][data-appearance="light"]{--ph-bg:#f2f1ed;--ph-surface:#fff;--ph-surface-2:#edf0f2;--ph-text:#101b2b;--ph-muted:#526174;--ph-accent:#a98435;--ph-accent-2:#d1b768;--ph-border:#d8cfb8;--ph-glow:rgba(169,132,53,.15);--ph-metal:#b39248;--ph-tier-gradient:linear-gradient(135deg,#0b1a2e,#142b49 68%,#5e512e);--ph-card-shadow:0 16px 40px rgba(14,30,52,.12);--ph-radius:20px;--ph-nav-blur:22px}
[data-membership="captain"][data-appearance="night"]{--ph-bg:#040b16;--ph-surface:#091525;--ph-surface-2:#101f33;--ph-text:#f7f9fc;--ph-muted:#b5c0cc;--ph-accent:#d0b25e;--ph-accent-2:#e6cf86;--ph-border:#54482d;--ph-glow:rgba(208,178,94,.14);--ph-metal:#c4a65b;--ph-tier-gradient:linear-gradient(135deg,#071426,#0d223c 68%,#51462b);--ph-card-shadow:0 20px 48px rgba(0,0,0,.38);--ph-radius:20px;--ph-nav-blur:22px}
html[data-membership] body{background:var(--ph-bg);color:var(--ph-text);transition:background .28s ease,color .28s ease}html[data-membership] .app,html[data-membership] main,html[data-membership] .view{color:var(--ph-text)}html[data-membership] .card,html[data-membership] .postCard,html[data-membership] .jobCard,html[data-membership] .applicationCard,html[data-membership] .stat,html[data-membership] .copilot{background:var(--ph-surface);border-color:var(--ph-border);border-radius:var(--ph-radius);box-shadow:var(--ph-card-shadow)}html[data-membership] .top,html[data-membership] .nav{backdrop-filter:blur(var(--ph-nav-blur));-webkit-backdrop-filter:blur(var(--ph-nav-blur));border-color:var(--ph-border)}html[data-membership] .top{background:color-mix(in srgb,var(--ph-bg) 88%,transparent)}html[data-membership] .nav{background:color-mix(in srgb,var(--ph-surface) 90%,transparent)}html[data-membership] .nav button,html[data-membership] .muted,html[data-membership] .sub{color:var(--ph-muted)}html[data-membership] .nav button.on,html[data-membership] a,html[data-membership] .matchPct{color:var(--ph-accent)}html[data-membership] input,html[data-membership] textarea,html[data-membership] select,html[data-membership] .input{background:var(--ph-surface);color:var(--ph-text);border-color:var(--ph-border);border-radius:calc(var(--ph-radius) - 5px)}html[data-membership] .chip,html[data-membership] .tab,html[data-membership] .check{background:var(--ph-surface-2);color:var(--ph-text);border-color:var(--ph-border)}html[data-membership] button.primary,html[data-membership] .btn.primary,html[data-membership] .btn:not(.secondary):not(.ghost):not(.danger):not(.saved){background:var(--ph-tier-gradient);border-color:transparent;box-shadow:0 8px 22px var(--ph-glow)}html[data-membership] .progress{background:var(--ph-surface-2)}html[data-membership] .progress div{background:var(--ph-tier-gradient)}html[data-membership] .membership-badge{background:var(--ph-tier-gradient);color:#fff;box-shadow:0 6px 18px var(--ph-glow)}
/* All membership headers: remove redundant connection/tier status pills. */
html[data-membership] .top .conn,html[data-membership] .top .membership-badge,html[data-membership] .top .badge.captain,html[data-membership] .top .captainStatus{display:none!important}
/* First Officer: stronger silver framing and silver PilotHub brand. */
html[data-membership="first_officer"] .top{border-bottom:1px solid color-mix(in srgb,var(--ph-metal) 70%,var(--ph-border));box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 8px 26px rgba(16,31,42,.08)}html[data-membership="first_officer"] .nav{border-top:1px solid color-mix(in srgb,var(--ph-metal) 62%,var(--ph-border));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 -8px 26px rgba(16,31,42,.05)}html[data-membership="first_officer"] .top .logo{color:var(--ph-metal);text-shadow:0 1px 0 rgba(255,255,255,.32)}html[data-membership="first_officer"] .card,html[data-membership="first_officer"] .postCard,html[data-membership="first_officer"] .jobCard,html[data-membership="first_officer"] .applicationCard,html[data-membership="first_officer"] .copilot{border:1px solid color-mix(in srgb,var(--ph-metal) 58%,var(--ph-border));box-shadow:inset 0 1px 0 rgba(255,255,255,.2),var(--ph-card-shadow)}html[data-membership="first_officer"] .stat,html[data-membership="first_officer"] .tierCard{border:1px solid color-mix(in srgb,var(--ph-metal) 48%,var(--ph-border))}html[data-membership="first_officer"] .first-officer-premium{border-color:color-mix(in srgb,var(--ph-metal) 78%,var(--ph-border));box-shadow:0 0 0 1px color-mix(in srgb,var(--ph-metal) 20%,transparent),0 12px 32px var(--ph-glow)}html[data-membership="first_officer"] .hero{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--ph-metal) 72%,transparent)}html[data-membership="first_officer"] .hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.08) 48%,transparent 70%)}html[data-membership="first_officer"] .btn:not(.secondary):not(.ghost):not(.danger):not(.saved),html[data-membership="first_officer"] .membership-badge,html[data-membership="first_officer"] .badge{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2);border:1px solid color-mix(in srgb,var(--ph-metal) 62%,transparent)}html[data-membership="first_officer"] .btn.secondary,html[data-membership="first_officer"] .btn.ghost{background:var(--ph-surface-2);color:var(--ph-text);border:1px solid color-mix(in srgb,var(--ph-metal) 48%,var(--ph-border))}html[data-membership="first_officer"] input,html[data-membership="first_officer"] textarea,html[data-membership="first_officer"] select,html[data-membership="first_officer"] .input,html[data-membership="first_officer"] .chip,html[data-membership="first_officer"] .tab,html[data-membership="first_officer"] .check{border-color:color-mix(in srgb,var(--ph-metal) 44%,var(--ph-border))}html[data-membership="first_officer"] .mini,html[data-membership="first_officer"] .lockNote,html[data-membership="first_officer"] .job p,html[data-membership="first_officer"] .msg,html[data-membership="first_officer"] small{color:var(--ph-muted)}html[data-membership="first_officer"] .tierCard,html[data-membership="first_officer"] .stat,html[data-membership="first_officer"] .chip,html[data-membership="first_officer"] .tab,html[data-membership="first_officer"] .check{color:var(--ph-text)}
/* Captain: richer gold framing while keeping navy as the professional base. */
html[data-membership="captain"] body{background-image:radial-gradient(circle at 88% 0,rgba(208,178,94,.10),transparent 29%),linear-gradient(var(--ph-bg),var(--ph-bg));background-attachment:fixed}html[data-membership="captain"] .top{border-bottom:1px solid color-mix(in srgb,var(--ph-accent) 55%,var(--ph-border));box-shadow:0 8px 28px rgba(8,24,44,.12)}html[data-membership="captain"] .nav{border-top:1px solid color-mix(in srgb,var(--ph-accent) 52%,var(--ph-border));box-shadow:0 -8px 28px rgba(8,24,44,.08)}html[data-membership="captain"] .card,html[data-membership="captain"] .postCard,html[data-membership="captain"] .jobCard,html[data-membership="captain"] .applicationCard,html[data-membership="captain"] .copilot{border:1px solid color-mix(in srgb,var(--ph-accent) 62%,var(--ph-border));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ph-accent-2) 14%,transparent),var(--ph-card-shadow)}html[data-membership="captain"] .stat,html[data-membership="captain"] .tierCard{border:1px solid color-mix(in srgb,var(--ph-accent) 52%,var(--ph-border))}html[data-membership="captain"] .captain-premium{border-color:color-mix(in srgb,var(--ph-accent) 82%,var(--ph-border));box-shadow:0 0 0 1px color-mix(in srgb,var(--ph-accent) 28%,transparent),0 16px 40px var(--ph-glow)}html[data-membership="captain"] .hero{position:relative;overflow:hidden;background:var(--ph-tier-gradient);color:#fff;border:1px solid color-mix(in srgb,var(--ph-accent-2) 82%,transparent);box-shadow:0 18px 44px var(--ph-glow)}html[data-membership="captain"] .hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 88% 18%,rgba(230,207,134,.13),transparent 30%)}html[data-membership="captain"] .hero h1,html[data-membership="captain"] .hero h2,html[data-membership="captain"] .hero h3,html[data-membership="captain"] .hero p,html[data-membership="captain"] .hero .mini{color:#fff}html[data-membership="captain"] .btn:not(.secondary):not(.ghost):not(.danger):not(.saved),html[data-membership="captain"] button.primary{background:var(--ph-tier-gradient);color:#fff;border:1px solid color-mix(in srgb,var(--ph-accent-2) 76%,transparent);text-shadow:none}html[data-membership="captain"] .btn.secondary,html[data-membership="captain"] .btn.ghost{background:var(--ph-surface-2);color:var(--ph-text);border:1px solid color-mix(in srgb,var(--ph-accent) 52%,var(--ph-border))}html[data-membership="captain"] input,html[data-membership="captain"] textarea,html[data-membership="captain"] select,html[data-membership="captain"] .input{border-color:color-mix(in srgb,var(--ph-accent) 46%,var(--ph-border))}html[data-membership="captain"] .chip,html[data-membership="captain"] .tab,html[data-membership="captain"] .check{border-color:color-mix(in srgb,var(--ph-accent) 50%,var(--ph-border))}html[data-membership="captain"] .membership-badge,html[data-membership="captain"] .badge.captain{background:#10243e;color:#f7f9fc;border:1px solid var(--ph-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--ph-accent) 15%,transparent)}html[data-membership="captain"] .membership-badge:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--ph-accent-2);margin-right:5px;vertical-align:1px}html[data-membership="captain"] .nav button.on,html[data-membership="captain"] a,html[data-membership="captain"] .matchPct{color:var(--ph-accent)}html[data-membership="captain"] .mini,html[data-membership="captain"] .lockNote,html[data-membership="captain"] .job p,html[data-membership="captain"] .msg,html[data-membership="captain"] small{color:var(--ph-muted)}html[data-membership="captain"] .tierCard,html[data-membership="captain"] .stat,html[data-membership="captain"] .chip,html[data-membership="captain"] .tab,html[data-membership="captain"] .check{color:var(--ph-text)}html[data-membership="captain"] .progress div{background:linear-gradient(90deg,#102844 0 82%,var(--ph-accent) 100%)}html[data-membership="captain"] .top .logo{color:var(--ph-accent-2);text-shadow:0 1px 0 rgba(0,0,0,.08)}
@media (prefers-reduced-motion:no-preference){html[data-membership="first_officer"] .membership-badge{transition:transform .2s ease,box-shadow .2s ease}html[data-membership="captain"] .membership-badge{transition:transform .2s ease}html[data-membership="captain"] .btn:hover,html[data-membership="first_officer"] .btn:hover{transform:translateY(-1px)}}@supports not (background:color-mix(in srgb,#fff 50%,transparent)){html[data-membership] .top{background:var(--ph-bg)}html[data-membership] .nav{background:var(--ph-surface)}}