.ota-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px 34px;background:radial-gradient(circle at 90% 0,#cefbff,transparent 45%),linear-gradient(120deg,#edf5ff,#f6f2ff);border:1px solid #cbdfee;border-radius:24px;margin-bottom:20px;color:#183c65}.ota-hero h2{font-size:clamp(26px,3vw,38px);margin:10px 0}.ota-hero p{max-width:650px;margin:0;line-height:1.7}.ota-eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:#246889}.ota-orb{flex:0 0 100px;height:100px;display:grid;place-items:center;font-size:64px;color:#fff;background:linear-gradient(145deg,#63ddec,#1977c9 65%,#6258d3);border:4px solid #ddfaff;border-radius:29px;transform:rotate(-9deg);box-shadow:8px 9px 0 #b8d8ef,0 20px 28px #277cbb32}.ota-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}.ota-layout label{display:block;margin:18px 0 7px;font-weight:650}.ota-layout input,.ota-layout select{width:100%;min-width:0;min-height:48px}.ota-layout button{margin-top:18px}.ota-layout .panel{min-width:0}.ota-device{display:flex;flex-wrap:wrap;gap:9px 20px;margin:16px 0;padding:16px;border-radius:14px;background:var(--bg,#edf5fb);border:1px solid var(--border,#d8e4f0)}.ota-device small{flex-basis:100%;line-height:1.6}.ota-history{margin-top:20px}.ota-job{padding:18px 0;display:flex;flex-wrap:wrap;align-items:center;gap:16px;border-top:1px solid var(--border,#dde5ef)}.ota-job>div:first-child{flex:1;min-width:180px}.ota-job small{display:block;color:var(--muted,#586f84);margin-top:4px}.ota-status{border-radius:30px;padding:6px 12px;font-size:15px;background:#edf4fa;color:#2d5576}.ota-status.completed{background:#dff8eb;color:#146144}.ota-status.failed,.ota-status.expired{background:#fff0e5;color:#9b471c}.ota-status.downloading,.ota-status.rebooting{background:#e5ecff;color:#2f53a3}.ota-indeterminate{height:5px;width:100%;background:linear-gradient(90deg,#dceafa,#45b9e1,#636cda,#dceafa);background-size:200%;border-radius:4px;animation:ota-flow 2s linear infinite}.setup-steps{padding-left:25px;line-height:1.8}.setup-steps li{padding:7px 0}#otaMessage{padding:12px 16px;background:#fff0ed;border-radius:12px}#otaFile{padding:12px;border:1px dashed #a6bed4;border-radius:12px}#otaView [hidden]{display:none!important}@keyframes ota-flow{to{background-position:200%}}@media(max-width:850px){.ota-layout{grid-template-columns:1fr}.ota-hero{padding:23px}.ota-orb{flex-basis:70px;height:70px;font-size:46px}.ota-hero h2{font-size:27px}}@media(max-width:430px){.ota-orb{display:none}.ota-hero{padding:21px}.ota-job{gap:10px}}@media(prefers-reduced-motion:reduce){.ota-indeterminate{animation:none}}
.rollout-panel{margin-top:20px}.rollout-tools{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:16px 0}.rollout-tools>span{margin-left:auto;color:var(--muted,#547086);font-size:15px}.rollout-targets{max-height:250px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 22px;padding:3px}.rollout-targets label{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--border,#d6e4ec);border-radius:12px;min-width:0;min-height:48px}.rollout-targets input{width:20px;height:20px;flex-shrink:0;accent-color:#1879b4}.rollout-targets span{flex:1;overflow-wrap:anywhere}.rollout-targets small{color:var(--muted,#658094);font-size:12px}.rollout-plan{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;border-top:1px solid var(--border,#d6e4ee);margin-top:22px;padding-top:20px}.rollout-plan p{font-size:15px;color:var(--muted,#55748d);margin-bottom:0}.rollout-plan-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.rollout-review ol{max-height:240px;overflow:auto}.rollout-review{margin:18px 0}@media(max-width:650px){.rollout-targets{grid-template-columns:1fr}.rollout-targets small{max-width:75px}.rollout-tools>span{margin-left:0}}