/* ADS-WEB-STD-001 structured warp destination daughter pages */
body.warp-page { min-width:1600px; }
.warp-page .ads-app { width:1600px; grid-template-columns:244px 1fr; align-items:start; }
.warp-page .topnav { position:relative!important; top:auto!important; left:auto!important; right:auto!important; }
.warp-page .main { min-width:0; }
.warp-shell { display:grid; gap:16px; }
.warp-top-actions { display:flex; justify-content:flex-end; gap:10px; flex-wrap:wrap; margin-bottom:8px; }
.warp-titlebar { border:1px solid rgba(74,178,239,.22); border-radius:14px; background:linear-gradient(90deg,rgba(4,13,22,.92),rgba(2,7,13,.78)); padding:30px 36px; position:relative; overflow:hidden; }
.warp-titlebar:after { content:""; position:absolute; inset:0; background:radial-gradient(circle at 72% 12%,rgba(255,64,64,.14),transparent 24%); pointer-events:none; }
.warp-titlebar h1 { margin:0; text-transform:uppercase; letter-spacing:.055em; font-size:3.05rem; line-height:1; position:relative; z-index:1; }
.warp-titlebar .red-sub { color:#ff5353; font-size:1.25rem; margin-top:8px; position:relative; z-index:1; }
.warp-titlebar p { max-width:780px; color:#cde2ef; line-height:1.55; margin:18px 0 0; position:relative; z-index:1; }
.warp-badge { display:inline-flex; align-items:center; gap:8px; border:1px solid rgba(53,226,132,.32); color:#36ee86; border-radius:999px; padding:7px 11px; text-transform:uppercase; font-weight:950; font-size:.78rem; background:rgba(53,226,132,.07); }
.warp-grid { display:grid; gap:14px; }
.warp-grid.two { grid-template-columns:.95fr 1.45fr; }
.warp-grid.three { grid-template-columns:repeat(3,1fr); }
.warp-grid.four { grid-template-columns:repeat(4,1fr); }
.warp-grid.six { grid-template-columns:repeat(6,1fr); }
.warp-panel { border:1px solid rgba(74,178,239,.22); border-radius:12px; background:linear-gradient(180deg,rgba(5,17,28,.92),rgba(2,8,14,.9)); padding:18px; overflow:hidden; }
.warp-panel.red { border-color:rgba(255,75,75,.38); }
.warp-panel.gold { border-color:rgba(224,166,74,.38); }
.warp-panel.green { border-color:rgba(53,226,132,.28); }
.warp-panel h2, .warp-panel h3 { margin:0 0 12px; text-transform:uppercase; letter-spacing:.07em; color:#ff5353; }
.warp-panel h2.cyan, .warp-panel h3.cyan { color:#8fe5ff; }
.warp-panel h2.gold, .warp-panel h3.gold { color:#f0b444; }
.warp-panel p, .warp-panel li { color:#c9ddea; line-height:1.45; }
.warp-hero-img { min-height:286px; border:1px solid rgba(255,75,75,.28); border-radius:12px; background-image:var(--hero); background-size:cover; background-position:center; position:relative; overflow:hidden; }
.warp-hero-img:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(2,7,13,.12),rgba(2,7,13,.04) 52%,rgba(2,7,13,.25)); }
.kv { display:grid; gap:0; }
.kv div { display:grid; grid-template-columns:1fr auto; gap:12px; border-bottom:1px solid rgba(255,255,255,.07); padding:8px 0; color:#dce9f1; }
.kv span { color:#9fb9c9; }
.kv b { color:#fff; }
.kv b.gold { color:#f0b444; } .kv b.green { color:#35e284; } .kv b.red { color:#ff5353; }
.gauge { width:124px; height:124px; border-radius:50%; border:13px solid rgba(255,255,255,.08); border-top-color:#ff5353; border-right-color:#ff5353; display:grid; place-items:center; margin:6px auto 14px; box-shadow:0 0 25px rgba(255,83,83,.12); }
.gauge.green { border-top-color:#35e284; border-right-color:#35e284; }
.gauge.gold { border-top-color:#f0b444; border-right-color:#f0b444; }
.gauge strong { font-size:2rem; display:block; text-align:center; }
.gauge small { display:block; font-size:.66rem; text-transform:uppercase; color:#a9bfce; text-align:center; }
.bar-row { display:grid; grid-template-columns:155px 1fr 52px 72px; gap:10px; align-items:center; padding:7px 0; color:#dce9f1; border-bottom:1px solid rgba(255,255,255,.06); }
.bar { height:7px; border-radius:999px; background:rgba(255,255,255,.08); overflow:hidden; } .bar i { display:block; height:100%; background:linear-gradient(90deg,#ff5353,#f0b444); }
.status-red { color:#ff5353; font-weight:950; } .status-gold { color:#f0b444; font-weight:950; } .status-green { color:#35e284; font-weight:950; }
.button-row { display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.warp-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; border:1px solid rgba(74,178,239,.42); color:#9ee8ff; background:rgba(74,178,239,.08); border-radius:8px; padding:10px 14px; text-decoration:none; text-transform:uppercase; font-weight:950; letter-spacing:.04em; }
.warp-button.red { border-color:rgba(255,83,83,.45); color:#ff7171; background:rgba(255,83,83,.08); }
.warp-button.gold { border-color:rgba(224,166,74,.48); color:#ffd27a; background:rgba(224,166,74,.1); }
.note-box { display:flex; gap:14px; align-items:flex-start; border:1px solid rgba(74,178,239,.18); border-radius:10px; padding:14px; background:rgba(2,8,14,.52); color:#c9ddea; }
.note-box .icon { width:42px; height:42px; border:1px solid rgba(74,178,239,.3); border-radius:8px; display:grid; place-items:center; color:#8fe5ff; flex:0 0 auto; }
.score-card { text-align:center; min-height:170px; display:flex; flex-direction:column; justify-content:space-between; }
.score-card h3 { color:#bdeeff; font-size:.86rem; }
.score-card .score { width:84px; height:84px; margin:0 auto 8px; border:9px solid rgba(255,255,255,.08); border-top-color:#35e284; border-right-color:#35e284; border-radius:50%; display:grid; place-items:center; font-size:1.45rem; font-weight:950; }
.score-card.orange .score { border-top-color:#ff8a2d; border-right-color:#ff8a2d; color:#ff9e44; }
.score-card.gold .score { border-top-color:#f0b444; border-right-color:#f0b444; color:#ffd16e; }
.score-card p { margin:0; font-size:.82rem; }
.table { width:100%; border-collapse:collapse; } .table th, .table td { padding:8px 8px; border-bottom:1px solid rgba(255,255,255,.07); text-align:left; color:#dce9f1; } .table th { color:#8fe5ff; text-transform:uppercase; font-size:.72rem; letter-spacing:.06em; }
.route-preview { min-height:205px; border:1px solid rgba(224,166,74,.28); border-radius:10px; background:radial-gradient(circle at 16% 50%,rgba(224,166,74,.32),transparent 5%), radial-gradient(circle at 88% 47%,rgba(255,83,83,.34),transparent 7%), linear-gradient(180deg,rgba(3,11,18,.95),rgba(2,7,13,.98)); position:relative; overflow:hidden; }
.route-preview:before { content:""; position:absolute; left:18%; right:12%; top:52%; height:2px; background:linear-gradient(90deg,#e0a64a,#ff5353); transform:rotate(-4deg); box-shadow:0 0 18px rgba(255,83,83,.35); }
.route-preview .sol, .route-preview .target { position:absolute; text-transform:uppercase; letter-spacing:.06em; font-weight:950; }
.route-preview .sol { left:13%; top:44%; color:#ffd27a; } .route-preview .target { right:8%; top:38%; color:#ff6a6a; text-align:right; }
.network-art { min-height:230px; border-radius:12px; border:1px solid rgba(255,83,83,.22); background-image:var(--hero); background-size:cover; background-position:center; }
.mini-metric { border:1px solid rgba(224,166,74,.28); border-radius:10px; padding:14px; background:rgba(2,8,14,.65); min-height:110px; }
.mini-metric b { display:block; font-size:1.55rem; color:#f0b444; margin-top:6px; } .mini-metric span { color:#9fb9c9; text-transform:uppercase; font-size:.74rem; letter-spacing:.06em; }
.footer-nav { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; border:1px solid rgba(74,178,239,.18); border-radius:12px; padding:14px; background:rgba(4,13,22,.72); }
.ghost-free-note { display:flex; justify-content:space-between; color:#8aa8b8; font-size:.82rem; padding:6px 2px 0; }
@media(max-width:1600px){ .warp-page .ads-app{width:1600px;} }

.warp-grid.five{grid-template-columns:repeat(4,1fr)}