/* Shared portal layout: wide displays, touch devices and small phones. */
html{scroll-padding-top:92px}body{min-width:0}.main *{min-width:0}
.hero{overflow:clip}.hero-glow,.footer-glow{max-width:100%;animation:none!important;transform:translateX(-50%)!important}
html .main,html:not(.tv-mode) .main,html.tv-mode .main{width:100%!important;max-width:2300px!important;padding:84px clamp(20px,3.3vw,96px) 48px!important}
.navbar,.navbar.scrolled{height:66px!important;padding:0 clamp(20px,3.3vw,96px)!important;background:rgba(6,12,24,.94)!important;gap:24px;border-bottom:1px solid #233447}
.navbar-brand{flex-shrink:0}.navbar-links{min-width:0;gap:6px;flex:1;justify-content:center}.navbar-link{white-space:nowrap;font-size:13px!important;padding:10px 12px!important}.navbar-actions{flex-shrink:0}.navbar-cta{min-height:40px;display:inline-flex;align-items:center;justify-content:center}
.grid.cards{grid-template-columns:repeat(auto-fit,minmax(min(265px,100%),1fr))!important}.matrix,.daemon-grid{grid-template-columns:repeat(auto-fit,minmax(min(215px,100%),1fr))!important}.stars-grid,.ind-grid,.eco-grid,.lanes{grid-template-columns:repeat(auto-fit,minmax(min(255px,100%),1fr))!important}.cap-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))!important}
.card,.agent,.daemon,.star-card,.ind-card,.eco-card,.lane{overflow-wrap:anywhere}.hero-stats,.dash-grid{max-width:1400px!important}.terminal-body pre,.dt-sample,pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.modal{padding:16px}.modal-box{width:min(960px,100%);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto}.detail-box{width:min(1000px,100%)}
.operations-center{margin:32px 0 36px;padding:28px;border:1px solid #2c4559;border-radius:20px;background:linear-gradient(130deg,#112636,#0c172b)}.ops-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.ops-eyebrow{font-size:11px;letter-spacing:2px;color:#69e0d2}.ops-heading h2{font-size:26px;margin:4px 0 8px}.ops-heading p{color:#a6bbce;font-size:14px;line-height:1.8;margin:0}.ops-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0}.ops-metrics>div{border:1px solid #2b4358;background:#0b1b2b;border-radius:12px;padding:18px}.ops-metrics small,.ops-metrics span{display:block;font-size:12px;color:#91a9be}.ops-metrics b{display:block;font-size:20px;line-height:1.6;margin:6px 0;color:#e6f5fb;overflow-wrap:anywhere}.ops-metrics a{font-size:12px;color:#66dfd0}.ops-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:24px}.ops-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.ops-title h3{font-size:16px;margin:0}.ops-title span,.ops-title a{font-size:12px;color:#8baec1}.ops-templates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ops-templates>a{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:12px;border:1px solid #2b455c;background:#102336;color:#daeaf5;text-decoration:none}.ops-templates>a:hover{border-color:#4bc8bb}.ops-templates span{font-size:11px;color:#66dfd0}.ops-templates b{font-size:16px}.ops-templates p{font-size:12px;color:#a0b9ca;line-height:1.8;flex:1}.ops-templates em{font-size:12px;font-style:normal;color:#66dfd0}.ops-history{border-left:1px solid #2a4053;padding-left:24px}#opsRecent{font-size:13px;color:#91a9be;line-height:1.8}.ops-run{display:block;padding:12px 0;border-bottom:1px solid #233c50;color:#d8e7f3;text-decoration:none}.ops-run b{display:block;font-size:13px}.ops-run span{font-size:11px;color:#91a9be;margin-right:12px}.ops-advanced{margin:32px 0;border:1px solid #283c54;border-radius:12px;padding:18px;color:#a7bed0}.ops-advanced>summary{cursor:pointer;font-size:14px;font-weight:600}.ops-advanced .section{margin-top:28px}
@media(min-width:1920px){.ops-heading h2{font-size:30px}.ops-templates b{font-size:18px}.ops-templates p{font-size:14px}.ops-metrics b{font-size:24px}.grid.cards{gap:22px!important}.card p{font-size:14px!important}.ops-layout{grid-template-columns:minmax(0,2fr) minmax(360px,1fr)}}
@media(min-width:3000px){html .main,html:not(.tv-mode) .main,html.tv-mode .main{max-width:2760px!important}.navbar-links{gap:16px}.navbar-link{font-size:16px!important}.grid.cards{grid-template-columns:repeat(5,minmax(0,1fr))!important}.operations-center{padding:38px}.ops-templates>a{padding:26px}.ops-heading p{font-size:17px}}
@media(max-width:1100px){.navbar{gap:14px}.navbar-link{font-size:12px!important;padding:10px 6px!important}.navbar-brand p{display:none}.navbar-actions .search-trigger{display:none}.ops-layout{grid-template-columns:1fr}.ops-history{border-left:0;padding-left:0;border-top:1px solid #2a4053;padding-top:20px}.ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){html{scroll-padding-top:124px}html .main,html:not(.tv-mode) .main,html.tv-mode .main{padding:130px 16px 32px!important}.navbar,.navbar.scrolled{height:112px!important;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:60px 44px;gap:0 12px;padding:0 16px!important}.navbar-brand{grid-column:1;grid-row:1}.navbar-actions{grid-column:2;grid-row:1}.navbar-links{grid-column:1/3;grid-row:2;display:flex!important;justify-content:flex-start;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;gap:8px;scrollbar-width:thin;padding-bottom:3px}.navbar-link{flex-shrink:0;font-size:13px!important;padding:8px 10px!important}.navbar-actions .navbar-cta{font-size:12px!important;padding:7px 12px!important;min-height:40px}.navbar-brand h1{font-size:17px}.hero h1{font-size:clamp(32px,9vw,48px)!important}.hero .desc{font-size:14px!important;line-height:1.9!important}.hero-stats,.dash-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.stat-card{padding:14px!important}.stat-card strong{font-size:25px!important}.stat-card span{font-size:12px!important}.dash-card{padding:16px!important}.dash-value{font-size:30px!important}.dash-label{font-size:13px!important}.dash-sub{font-size:11px!important}.ops-heading{align-items:flex-start;flex-direction:column;gap:16px}.ops-heading h2{font-size:23px}.ops-heading .btn{width:100%;justify-content:center;min-height:44px}.operations-center{padding:18px;margin-top:22px}.ops-templates{grid-template-columns:1fr}.ops-templates>a{display:grid;grid-template-columns:26px 1fr;gap:8px 12px}.ops-templates>a p,.ops-templates>a em{grid-column:2}.ops-metrics{gap:10px}.ops-metrics>div{padding:12px}.ops-metrics b{font-size:17px}.ops-metrics span,.ops-metrics small{font-size:11px}.ops-title{gap:8px}.grid.cards,.cap-grid,.stars-grid,.ind-grid,.eco-grid,.lanes{grid-template-columns:1fr!important}.matrix,.daemon-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.matrix .agent,.daemon-grid .daemon{padding:12px!important}.matrix .agent h4,.daemon-grid .daemon h4{font-size:13px!important}.modal{padding:8px}.modal-box{max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:16px!important}.modal textarea,.modal input,.search-input-wrap input{font-size:16px!important}.tabs{max-width:100%;overflow:auto;justify-content:flex-start}.tab{flex-shrink:0}.footer-inner{display:block!important}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.arch-row{flex-wrap:wrap}.arch-box{flex:1 1 130px}.ops-title h3{font-size:15px}}
@media(max-width:380px){.matrix,.daemon-grid{grid-template-columns:1fr!important}.navbar-brand h1{font-size:15px}.navbar-logo{width:29px;height:29px}.navbar-brand{gap:7px}.ops-metrics b{font-size:15px}.hero-stats .stat-card{padding:11px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
