.flagship-environments-page{--fev-ink:#0d1b35;--fev-muted:#64748b;--fev-line:#dbe5f1;--fev-blue:#2563eb;max-width:1480px;margin:0 auto;padding:34px 28px 52px;color:var(--fev-ink)}
.fev-page-header,.fev-registry__header,.fev-onboarding__intro,.fev-environment-card>header,.fev-environment-card>footer,.fev-registry__footer{display:flex;align-items:center;justify-content:space-between;gap:24px}.fev-page-header{margin-bottom:22px}.fev-page-header h1{margin:8px 0 4px;font-size:clamp(1.9rem,3vw,2.55rem);line-height:1.05;letter-spacing:-.045em;font-weight:850}.fev-page-header p{margin:0;color:var(--fev-muted);font-size:.98rem}.fev-breadcrumb{display:flex;align-items:center;gap:9px;color:#7787a1;font-size:.77rem;font-weight:700}.fev-breadcrumb a{color:#2563eb;text-decoration:none}.fev-breadcrumb i{font-size:.58rem;color:#a9b5c7}
.fev-button,.fev-icon-button{min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 17px;border:1px solid transparent;border-radius:12px;text-decoration:none;font-size:.85rem;font-weight:800;cursor:pointer;transition:transform .18s,box-shadow .18s}.fev-button:hover,.fev-icon-button:hover{transform:translateY(-1px)}.fev-button--primary{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);box-shadow:0 10px 24px rgba(37,99,235,.22)}.fev-button--quiet{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.fev-icon-button{width:43px;padding:0;color:#64748b;background:#fff;border-color:var(--fev-line)}
.fev-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 385px;min-height:238px;padding:36px 42px;border-radius:24px;color:#fff;background:radial-gradient(circle at 79% 10%,rgba(45,212,191,.22),transparent 32%),linear-gradient(125deg,#071a31 0%,#0c3550 56%,#0d6973 100%);box-shadow:0 24px 50px rgba(15,51,72,.18)}.fev-hero:before{content:"";position:absolute;inset:0;opacity:.1;background-image:linear-gradient(rgba(255,255,255,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.24) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent,#000)}.fev-hero__copy{position:relative;z-index:2;align-self:center;max-width:730px}.fev-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#67e8f9;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:900}.fev-hero h2{margin:10px 0;max-width:690px;color:#fff!important;font-size:clamp(1.75rem,3vw,2.6rem);line-height:1.05;letter-spacing:-.045em}.fev-hero p{margin:0;max-width:690px;color:#c7e0e6;line-height:1.65;font-size:.92rem}.fev-hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.fev-hero__actions a{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid rgba(255,255,255,.16);border-radius:10px;color:#e8fbff;background:rgba(255,255,255,.08);text-decoration:none;font-size:.78rem;font-weight:750;backdrop-filter:blur(8px)}.fev-hero__actions a:hover{background:rgba(255,255,255,.14)}
.fev-radar{position:relative;z-index:2;min-height:175px}.fev-radar__ring{position:absolute;left:50%;top:50%;border:1px solid rgba(103,232,249,.2);border-radius:50%;transform:translate(-50%,-50%)}.fev-radar__ring--one{width:98px;height:98px}.fev-radar__ring--two{width:165px;height:165px}.fev-radar__ring--three{width:230px;height:230px}.fev-radar__core{position:absolute;left:50%;top:50%;width:76px;height:76px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.28);border-radius:22px;color:#fff;background:linear-gradient(145deg,#06b6d4,#2563eb);box-shadow:0 15px 35px rgba(0,0,0,.25)}.fev-radar__core b{font-size:.51rem;letter-spacing:.08em}.fev-radar__beam{position:absolute;left:50%;top:50%;width:110px;height:56px;transform-origin:left top;transform:rotate(-26deg);background:linear-gradient(12deg,rgba(103,232,249,.25),transparent 65%);clip-path:polygon(0 48%,100% 0,100% 100%)}.fev-radar__node{position:absolute;width:35px;height:35px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:11px;color:#67e8f9;background:#0d3552;box-shadow:0 8px 18px rgba(0,0,0,.24)}.fev-radar__node--one{left:12%;top:22%}.fev-radar__node--two{right:9%;top:31%}.fev-radar__node--three{right:23%;bottom:2%;color:#5ee0af}
.fev-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.fev-metric{display:flex;align-items:center;gap:15px;min-height:114px;padding:18px;border:1px solid var(--fev-line);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(33,56,92,.06)}.fev-metric>span{flex:0 0 46px;height:46px;display:grid;place-items:center;border-radius:14px}.fev-metric small{display:block;margin-bottom:3px;color:#718096;text-transform:uppercase;letter-spacing:.055em;font-size:.66rem;font-weight:850}.fev-metric strong{display:block;font-size:1.52rem;line-height:1.1}.fev-metric p{margin:4px 0 0;color:#8290a6;font-size:.71rem}.fev-metric--blue>span{color:#2563eb;background:#eaf2ff}.fev-metric--green>span{color:#059669;background:#e8faf2}.fev-metric--violet>span{color:#7c3aed;background:#f1eafe}.fev-metric--amber>span{color:#d97706;background:#fff4df}
.fev-registry{overflow:hidden;border:1px solid var(--fev-line);border-radius:22px;background:#fff;box-shadow:0 16px 42px rgba(35,57,91,.08)}.fev-registry__header{padding:24px 25px 17px}.fev-registry__header>div:first-child>span{color:#0891b2;text-transform:uppercase;letter-spacing:.1em;font-size:.66rem;font-weight:900}.fev-registry__header h2{margin:4px 0 2px;font-size:1.28rem;letter-spacing:-.025em}.fev-registry__header p{margin:0;color:var(--fev-muted);font-size:.82rem}.fev-result-pill{display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #ccebf1;border-radius:12px;color:#475569;background:#f1fbfc}.fev-result-pill i{color:#0891b2}.fev-result-pill span{font-size:.75rem}
.fev-toolbar{display:grid;grid-template-columns:minmax(260px,1.8fr) minmax(190px,.7fr) auto auto;align-items:end;gap:10px;margin:0 25px 20px;padding:14px;border:1px solid #e2eaf4;border-radius:16px;background:#f8fafc}.fev-toolbar label>span{display:block;margin:0 0 6px 2px;color:#64748b;font-size:.68rem;font-weight:800}.fev-search>div{position:relative}.fev-search i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#8ba0bb}.fev-search input,.fev-sort select{width:100%;height:43px;border:1px solid #d5e0ed;border-radius:11px;outline:none;color:#18243b;background:#fff;font:inherit;font-size:.84rem}.fev-search input{padding:0 72px 0 40px}.fev-sort select{padding:0 12px}.fev-search input:focus,.fev-sort select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(59,130,246,.12)}.fev-search kbd{position:absolute;right:10px;top:50%;transform:translateY(-50%);padding:3px 6px;border:1px solid #d9e2ee;border-radius:6px;color:#8896aa;background:#f8fafc;font-size:.61rem}
.fev-environment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 25px 24px}.fev-environment-card{overflow:hidden;border:1px solid #dce6f2;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(35,57,91,.07)}.fev-environment-card>header{padding:18px;border-bottom:1px solid #edf1f7;background:linear-gradient(135deg,#fbfdff,#f5f9ff)}.fev-environment-brand{display:flex;align-items:center;gap:12px;min-width:0}.fev-environment-brand>span{flex:0 0 48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(145deg,#0891b2,#2563eb);font-size:.65rem;font-weight:900}.fev-environment-brand div{min-width:0}.fev-environment-brand small,.fev-environment-brand em{display:block;color:#718096;font-size:.67rem;font-style:normal}.fev-environment-brand strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.98rem}.fev-readiness{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:.64rem;font-weight:850}.fev-readiness i{width:6px;height:6px;border-radius:50%;background:currentColor}.fev-readiness.is-ready{color:#047857;background:#e8f8f1}.fev-readiness.is-action{color:#b45309;background:#fff4df}.fev-readiness.is-pending{color:#64748b;background:#eef2f7}
.fev-signal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:15px 18px 11px}.fev-signal-grid>div{min-width:0;display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #e7edf5;border-radius:11px;background:#fafcff}.fev-signal-grid>div>span{flex:0 0 29px;height:29px;display:grid;place-items:center;border-radius:9px;color:#0891b2;background:#e8f9fb;font-size:.7rem}.fev-signal-grid p{min-width:0;margin:0}.fev-signal-grid small{display:block;color:#8a98ab;font-size:.56rem}.fev-signal-grid strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.66rem}.fev-progress{margin:0 18px 12px;padding:12px;border:1px solid #e4ebf4;border-radius:12px}.fev-progress>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:.65rem}.fev-progress>div:first-child span{color:#7c8ba0}.fev-progress__track{height:6px;margin:8px 0;border-radius:999px;background:#edf2f7;overflow:hidden}.fev-progress__track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#14b8a6)}.fev-progress>small{display:block;overflow:hidden;color:#7f8da1;font-size:.58rem;text-overflow:ellipsis;white-space:nowrap}.fev-app-link{display:flex;align-items:center;gap:10px;margin:0 18px 15px;padding:11px 12px;border:1px solid #d7e9ed;border-radius:12px;background:#f4fbfc}.fev-app-link>span{flex:0 0 31px;height:31px;display:grid;place-items:center;border-radius:9px;color:#0891b2;background:#ddf5f7}.fev-app-link>div{min-width:0;flex:1}.fev-app-link small{display:block;color:#79909a;font-size:.56rem}.fev-app-link strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.67rem}.fev-app-link a,.fev-app-link em{padding:6px 8px;border-radius:8px;text-decoration:none;font-size:.59rem;font-style:normal;font-weight:800}.fev-app-link a{color:#047857;background:#dff7ed}.fev-app-link em{color:#64748b;background:#e8eef3}.fev-environment-card>footer{padding:12px 18px;border-top:1px solid #edf1f7;background:#fbfcfe}.fev-environment-card>footer>span{color:#8290a5;font-size:.64rem}.fev-environment-card>footer>div{display:flex;align-items:center;gap:6px}.fev-environment-card>footer a,.fev-environment-card>footer button{height:31px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 9px;border:1px solid #d7e1ed;border-radius:9px;color:#475569;background:#fff;text-decoration:none;font-size:.65rem;font-weight:800}.fev-environment-card>footer form{margin:0}.fev-environment-card>footer button{width:31px;padding:0;cursor:pointer}.fev-environment-card>footer .is-edit{color:#1d4ed8;border-color:#bfdbfe}.fev-environment-card>footer .is-danger{color:#dc2626;border-color:#fecaca}.fev-environment-card>footer .is-success{color:#047857;border-color:#a7f3d0}
.fev-onboarding{margin:0 25px 24px;border:1px solid #dbe7f4;border-radius:19px;background:linear-gradient(180deg,#fbfdff,#f6faff)}.fev-onboarding__intro{padding:25px;border-bottom:1px solid #dfe8f3}.fev-onboarding__intro>span{flex:0 0 54px;height:54px;display:grid;place-items:center;border-radius:16px;color:#fff;background:linear-gradient(145deg,#0891b2,#2563eb);box-shadow:0 10px 25px rgba(8,145,178,.2);font-size:1.15rem}.fev-onboarding__intro>div{flex:1}.fev-onboarding__intro small{color:#0891b2;text-transform:uppercase;letter-spacing:.1em;font-size:.62rem;font-weight:900}.fev-onboarding__intro h3{margin:4px 0;font-size:1.35rem;letter-spacing:-.025em}.fev-onboarding__intro p{margin:0;color:var(--fev-muted);font-size:.78rem}.fev-activation-path{padding:23px}.fev-activation-path>div>small{color:#2563eb;text-transform:uppercase;letter-spacing:.09em;font-size:.59rem;font-weight:900}.fev-activation-path h4{margin:3px 0;font-size:1rem}.fev-activation-path>div>p{margin:0;color:#738198;font-size:.7rem}.fev-activation-path ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0 0;padding:0;list-style:none}.fev-activation-path li{position:relative;display:flex;gap:10px;padding:14px;border:1px solid #e0e9f4;border-radius:14px;background:#fff}.fev-activation-path li:not(:last-child):after{content:"";position:absolute;z-index:2;right:-11px;top:31px;width:11px;height:1px;background:#b9c9dc}.fev-activation-path li>span{position:relative;flex:0 0 37px;height:37px;display:grid;place-items:center;border-radius:11px;color:#2563eb;background:#eaf2ff}.fev-activation-path li>span b{position:absolute;right:-4px;bottom:-4px;width:16px;height:16px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;color:#fff;background:#2563eb;font-size:.45rem}.fev-activation-path li small,.fev-activation-path li strong,.fev-activation-path li em{display:block}.fev-activation-path li small{color:#8795a8;text-transform:uppercase;font-size:.49rem;font-weight:800}.fev-activation-path li strong{margin-top:2px;font-size:.68rem}.fev-activation-path li em{margin-top:3px;color:#7b899e;font-size:.57rem;font-style:normal;line-height:1.4}.fev-onboarding__notes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 23px 23px}.fev-onboarding__notes>span{display:grid;grid-template-columns:32px 1fr;column-gap:9px;padding:12px;border:1px solid #e3eaf3;border-radius:12px;background:#fff}.fev-onboarding__notes i{grid-row:1/3;width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:#0891b2;background:#e8f9fb}.fev-onboarding__notes strong{font-size:.66rem}.fev-onboarding__notes small{color:#7c8b9f;font-size:.56rem;line-height:1.4}.fev-filter-empty{margin:0 25px 24px;padding:46px 20px;border:1px dashed #cbd9ea;border-radius:17px;text-align:center;background:#fafcff}.fev-filter-empty>span{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 12px;border-radius:16px;color:#2563eb;background:#eaf2ff}.fev-filter-empty h3{margin:0 0 5px;font-size:1.05rem}.fev-filter-empty p{margin:0 0 15px;color:var(--fev-muted);font-size:.76rem}.fev-registry__footer{min-height:58px;padding:10px 25px;border-top:1px solid #e7edf5;background:#fbfcfe}.fev-registry__footer>div:first-child{display:flex;align-items:center;gap:10px;color:#7a889c;font-size:.7rem}.fev-registry__footer em{padding:4px 7px;border-radius:7px;color:#2563eb;background:#eaf2ff;font-style:normal;font-weight:800}
@media(max-width:1100px){.fev-hero{grid-template-columns:1fr 290px}.fev-metrics{grid-template-columns:repeat(2,1fr)}.fev-environment-grid{grid-template-columns:1fr}.fev-activation-path ol{grid-template-columns:repeat(2,1fr)}.fev-activation-path li:nth-child(2):after{display:none}.fev-onboarding__notes{grid-template-columns:1fr}}
@media(max-width:760px){.flagship-environments-page{padding:22px 14px 38px}.fev-page-header,.fev-registry__header,.fev-onboarding__intro,.fev-registry__footer{align-items:flex-start;flex-direction:column}.fev-page-header .fev-button,.fev-onboarding__intro .fev-button{width:100%}.fev-hero{display:block;min-height:auto;padding:28px 24px}.fev-radar{display:none}.fev-metrics{grid-template-columns:1fr}.fev-toolbar{grid-template-columns:1fr;margin-inline:14px}.fev-toolbar .fev-button,.fev-toolbar .fev-icon-button{width:100%}.fev-environment-grid{padding-inline:14px}.fev-signal-grid{grid-template-columns:1fr}.fev-environment-card>footer{align-items:flex-start;flex-direction:column}.fev-onboarding,.fev-filter-empty{margin-inline:14px}.fev-onboarding__intro>span{display:none}.fev-activation-path ol{grid-template-columns:1fr}.fev-activation-path li:after{display:none!important}}