/* AegeanGuard Launch 5.0 — public-launch polish and accessibility */
:root{
  --launch-glow:rgba(56,229,193,.16);
  --launch-blue:rgba(93,184,255,.16);
  --launch-red:rgba(255,98,95,.14);
}

/* Accessibility and platform feel */
:focus-visible{outline:3px solid color-mix(in srgb,var(--teal) 72%,white);outline-offset:3px}
button,a,input,select,textarea{accent-color:var(--teal)}
button:disabled{opacity:.55;cursor:not-allowed;transform:none!important}
::selection{background:rgba(56,229,193,.28);color:var(--text)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
@media(prefers-contrast:more){:root{--line:rgba(255,255,255,.2);--line2:rgba(56,229,193,.42)}html[data-theme="light"]{--line:rgba(0,0,0,.22);--line2:rgba(0,120,105,.42)}}

/* Release-quality shell */
body{background:
 radial-gradient(900px 520px at 70% -160px,var(--launch-glow),transparent 70%),
 radial-gradient(700px 460px at 0% 55%,rgba(93,184,255,.055),transparent 70%),var(--bg)}
.sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--bg2) 96%,transparent),color-mix(in srgb,var(--bg) 98%,transparent));border-right-color:color-mix(in srgb,var(--line) 115%,transparent)}
.topbar{border-bottom:1px solid color-mix(in srgb,var(--line) 80%,transparent)}
.brand-mark{box-shadow:0 10px 35px rgba(56,229,193,.1)}
.primary-btn{box-shadow:0 10px 26px rgba(56,229,193,.13)}
.primary-btn:hover{box-shadow:0 14px 34px rgba(56,229,193,.2)}
.panel,.metric-card,.risk-card,.quick-action{box-shadow:0 12px 42px rgba(0,0,0,.08)}

.hero-card{isolation:isolate;overflow:hidden;background:
 radial-gradient(420px 280px at 88% 18%,rgba(93,184,255,.16),transparent 68%),
 radial-gradient(420px 300px at 54% 100%,rgba(56,229,193,.11),transparent 72%),
 linear-gradient(145deg,color-mix(in srgb,var(--panel) 96%,#062931),var(--panel));border-color:rgba(56,229,193,.14)}
.hero-card:before{content:"";position:absolute;width:460px;height:460px;right:-220px;bottom:-280px;border:1px solid rgba(56,229,193,.09);border-radius:50%;box-shadow:0 0 0 58px rgba(56,229,193,.025),0 0 0 116px rgba(93,184,255,.018);z-index:-1}
.hero-content p{max-width:720px;font-size:clamp(12px,1.1vw,15px);line-height:1.7}
.trust-strip span{border:1px solid var(--line);background:color-mix(in srgb,var(--panel2) 82%,transparent);padding:7px 9px;border-radius:999px}

/* Network pulse: the bridge from utility to living network */
.launch-pulse{position:relative;margin:14px 0;display:grid;grid-template-columns:minmax(320px,1.05fr) minmax(300px,.8fr);gap:18px;padding:22px;border:1px solid rgba(56,229,193,.16);border-radius:26px;background:
 radial-gradient(circle at 88% 10%,rgba(56,229,193,.11),transparent 31%),
 linear-gradient(145deg,color-mix(in srgb,var(--panel) 97%,#05272d),color-mix(in srgb,var(--panel2) 92%,#081c25));overflow:hidden}
.launch-pulse:after{content:"";position:absolute;right:-75px;top:-110px;width:280px;height:280px;border-radius:50%;border:1px solid rgba(56,229,193,.11);box-shadow:0 0 0 38px rgba(56,229,193,.02),0 0 0 76px rgba(93,184,255,.016);pointer-events:none}
.launch-pulse-copy{position:relative;z-index:2}.launch-pulse-copy h3{font-size:clamp(24px,2.5vw,38px);letter-spacing:-.045em;margin:7px 0 8px;line-height:1.04}.launch-pulse-copy p{color:var(--muted);line-height:1.65;font-size:10px;max-width:650px}.launch-pulse-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}
.launch-kpis{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}.launch-kpis div{padding:15px;border-radius:16px;background:color-mix(in srgb,var(--panel3) 76%,transparent);border:1px solid var(--line);min-height:78px;display:flex;flex-direction:column;justify-content:center}.launch-kpis strong{font-size:24px;letter-spacing:-.04em}.launch-kpis span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:4px;font-weight:800}
.launch-recent{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;position:relative;z-index:2}.launch-recent-card{display:flex;gap:9px;align-items:center;background:color-mix(in srgb,var(--panel2) 82%,transparent);border:1px solid var(--line);padding:10px;border-radius:14px;min-width:0;cursor:pointer;transition:.18s}.launch-recent-card:hover{border-color:var(--line2);transform:translateY(-1px)}.launch-recent-emoji{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--panel3);font-size:20px;flex:0 0 auto}.launch-recent-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.launch-recent-copy b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.launch-recent-copy small{font-size:7px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.launch-recent-card .status-tag{margin-left:auto;flex:0 0 auto}
.launch-skeleton{height:58px;border-radius:14px;background:linear-gradient(100deg,var(--panel2) 25%,var(--panel3) 45%,var(--panel2) 65%);background-size:220% 100%;animation:launchShimmer 1.3s linear infinite}@keyframes launchShimmer{to{background-position:-220% 0}}

.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0 17px}.trust-card{text-align:left;display:flex;align-items:center;gap:11px;padding:13px 14px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text);cursor:pointer;transition:.18s}.trust-card:hover{transform:translateY(-2px);border-color:var(--line2)}.trust-card div{display:flex;flex-direction:column;gap:3px}.trust-card b{font-size:9px}.trust-card small{font-size:7px;color:var(--muted);line-height:1.45}.trust-icon{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;background:rgba(56,229,193,.09);color:var(--teal);font-weight:950;flex:0 0 auto}.trust-icon.danger{background:rgba(255,98,95,.09);color:var(--danger)}

/* Connection and recovery states */
.connection-banner{position:fixed;z-index:2600;left:50%;top:12px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;max-width:min(620px,calc(100vw - 24px));padding:9px 11px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:0 16px 45px rgba(0,0,0,.28);backdrop-filter:blur(18px);font-size:9px}.connection-banner[hidden]{display:none}.connection-banner>span{width:8px;height:8px;border-radius:50%;background:var(--warning);box-shadow:0 0 0 4px rgba(255,177,74,.12)}.connection-banner.online>span{background:var(--safe);box-shadow:0 0 0 4px rgba(84,212,154,.12)}.connection-banner button{border:0;background:transparent;color:var(--teal);font-size:8px;font-weight:850;cursor:pointer;padding:3px 5px}

/* Dialog & feedback refinement */
.feedback-dialog{max-width:570px}.feedback-dialog h2{font-size:32px;letter-spacing:-.04em;margin:10px 0}.feedback-dialog form{display:flex;flex-direction:column;gap:10px;margin-top:17px}.feedback-dialog textarea{resize:vertical;min-height:120px}

/* Better public-network cards */
.feed-card{transition:border-color .18s,transform .18s,box-shadow .18s}.feed-card:hover{border-color:color-mix(in srgb,var(--line2) 85%,transparent);box-shadow:0 16px 46px rgba(0,0,0,.13)}.feed-photo{aspect-ratio:16/10;max-height:none}.social-btn{min-height:36px}.network-card{box-shadow:0 10px 34px rgba(0,0,0,.07)}.network-empty{border:1px dashed var(--line);border-radius:18px;background:color-mix(in srgb,var(--panel) 55%,transparent)}

/* Desktop navigation legibility */
.nav-item{min-height:42px}.nav-item.active{box-shadow:inset 0 0 0 1px rgba(56,229,193,.06)}
.sidebar-footer .legal-links{flex-wrap:wrap}

/* Mobile launch quality */
@media(max-width:900px){
 .launch-pulse{grid-template-columns:1fr}.launch-recent{grid-template-columns:1fr}.trust-row{grid-template-columns:1fr}.launch-kpis{grid-template-columns:repeat(4,1fr)}.launch-kpis div{padding:11px;min-height:68px}.launch-kpis strong{font-size:20px}
}
@media(max-width:800px){
 body{overscroll-behavior-y:none}.view{padding-left:12px;padding-right:12px}.topbar{box-shadow:0 9px 28px rgba(0,0,0,.12)}
 .hero-card{border-radius:24px}.hero-card:before{right:-290px}.hero-card h2{font-size:clamp(34px,10vw,43px)}
 .launch-pulse{padding:17px;border-radius:22px;margin-top:11px}.launch-pulse-copy h3{font-size:28px}.launch-kpis{grid-template-columns:1fr 1fr}.launch-kpis div{min-height:72px}
 .trust-row{gap:7px}.trust-card{padding:11px 12px}.trust-card small{font-size:9px}.trust-card b{font-size:11px}
 .mobile-tabbar{box-shadow:0 18px 54px rgba(0,0,0,.42);border-color:color-mix(in srgb,var(--line) 140%,transparent)}
 .mobile-tab{min-height:52px}.mobile-tab small{font-size:10px}.mobile-tab.report-tab span{box-shadow:0 11px 30px rgba(56,229,193,.34)}
 dialog{max-height:calc(100dvh - 22px);overflow:auto}.feedback-dialog{margin:auto 10px;width:calc(100% - 20px)}
 .connection-banner{top:8px;font-size:10px}
}
@media(max-width:480px){
 .launch-kpis strong{font-size:22px}.launch-kpis span{font-size:8px}.launch-recent-card{padding:9px}.launch-pulse-actions{flex-direction:column}.launch-pulse-actions button{width:100%}
}