.ops-hero{border:1px solid #296780;border-radius:22px;padding:32px;background:linear-gradient(100deg,#071827ed,#122e4cc9),url('/assets/jdn-banner-v2.png') center/cover;margin-bottom:22px}
.ops-hero h2{font-size:clamp(26px,4vw,40px);line-height:1.12;letter-spacing:-1px;margin:10px 0}.ops-hero p{max-width:620px;color:#b9d8e9}.ops-toolbar,.ops-tabs{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ops-toolbar{justify-content:space-between;margin-bottom:16px}.ops-tabs [aria-pressed=true]{background:#145472;border-color:#5bd5ff;color:white}.ops-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.ops-card{background:#0c2030;border:1px solid #284759;border-radius:16px;padding:22px;margin-bottom:16px;min-width:0;overflow-wrap:anywhere}.ops-card h3{margin:0 0 12px}.ops-card p{color:#b7cbd9;line-height:1.65}.ops-value{font-size:28px;color:#77dcff}.ops-list{padding-left:20px;line-height:1.9}.ops-table-wrap{overflow-x:auto;max-width:100%}.ops-table{border-collapse:collapse;width:100%;font-size:14px}.ops-table th,.ops-table td{text-align:left;border-bottom:1px solid #294456;padding:12px 8px;vertical-align:top;white-space:pre-wrap;overflow-wrap:anywhere}.ops-table th{color:#9ad9f0}.ops-card summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:600}.ops-card details{border-top:1px solid #244556}.ops-tag{color:#8fe7c3}.ops-warning{color:#ffcc84!important}.ops-help{font-size:13px;color:#a4bfd2!important}.ops-preview-item{border-left:3px solid #73baff;padding:12px 16px;margin:12px 0;background:#10293a;display:flex;gap:16px;align-items:flex-start}.ops-preview-item img{width:76px;max-height:110px;object-fit:cover;border-radius:8px}.ops-preview-copy{white-space:pre-wrap;line-height:1.6}.ops-card .button{margin:8px 8px 0 0}.ops-toolbar button,.ops-card button{min-height:44px}.ops-card button:focus-visible,.ops-tabs button:focus-visible{outline:3px solid #70dfff;outline-offset:3px}#ops-status{color:#b8d6e5;min-height:24px}
@media(max-width:600px){.ops-hero{padding:22px}.ops-grid{grid-template-columns:minmax(0,1fr)}.ops-card{padding:16px}.ops-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.ops-tabs .button{white-space:normal}.ops-toolbar{align-items:stretch}.workspace{min-width:0}.ops-table th,.ops-table td{min-width:110px}.ops-preview-item{padding:10px}.ops-hero h2{letter-spacing:0}.ops-toolbar>.button{width:100%}}