.updatesPage{padding:18px;max-width:1180px;margin:0 auto}
.updatesHero{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}
.updatesHero h2{margin:4px 0 5px;font-size:24px}.updatesHero p{margin:0;color:#91a4ba;font-size:11px}
.updatesEyebrow{font-size:8px;letter-spacing:.16em;color:#82a5ca;font-weight:900}.updatesEyebrow i{margin-right:6px}
.updatesStatusGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:13px}
.updatesStatusGrid article{display:grid;grid-template-columns:28px minmax(0,1fr);gap:2px 8px;padding:12px;border-radius:12px;background:rgb(35 54 78 / 72%);box-shadow:inset 0 0 0 1px rgb(145 173 207 / 8%)}
.updatesStatusGrid article>i{grid-row:1/4;align-self:center;color:#8eacd0;font-size:15px;text-align:center}
.updatesStatusGrid span{font-size:8px;color:#8095ad;text-transform:uppercase;letter-spacing:.08em}
.updatesStatusGrid b{display:flex;align-items:center;gap:6px;font-size:11px;color:#e7eef6;min-width:0}
.updatesStatusGrid small{font-size:8px;color:#72879f}
.updatesBadge{display:inline-flex!important;padding:2px 6px;border-radius:999px!important;font-size:7px!important;line-height:1.4;text-transform:uppercase;letter-spacing:.04em}
.updatesBadge.good{background:rgb(56 154 107 / 18%);color:#86d9ac}.updatesBadge.bad{background:rgb(185 77 77 / 18%);color:#eba5a5}
.updatesBadge.warn{background:rgb(196 148 67 / 18%);color:#e4bd77}.updatesBadge.muted{background:rgb(126 143 163 / 14%);color:#8698ab}
.updatesCard{display:flex;align-items:center;gap:14px;padding:15px;margin-top:11px;border-radius:13px;background:rgb(28 45 66 / 78%);box-shadow:inset 0 0 0 1px rgb(145 173 207 / 8%)}
.updatesCardIcon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:11px;background:rgb(85 122 171 / 18%);color:#9cbbdf;font-size:17px}
.updatesCardIcon.danger{background:rgb(157 89 74 / 16%);color:#d6a895}
.updatesCardBody{min-width:0;flex:1}.updatesCardBody h3{margin:0 0 4px;font-size:13px;color:#edf3f9}.updatesCardBody>p{margin:0;color:#8297af;font-size:9px;line-height:1.5}
.disasterCard{align-items:flex-start}.disasterContents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;margin:13px 0 10px}
.disasterContents span{font-size:9px;color:#b9c8d9}.disasterContents i{margin-right:6px;color:#75c39b}
.updatesWarning{display:flex;gap:8px;padding:9px 10px;border-radius:9px;background:rgb(181 130 65 / 10%);color:#c6a56f;font-size:8.5px;line-height:1.45}
.updatesWarning i{margin-top:2px}
.disasterPasswordRow{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;gap:9px;align-items:end;margin-top:12px}
.disasterPasswordRow label{display:flex;flex-direction:column;gap:5px}.disasterPasswordRow label>span{font-size:8px;color:#8499b1;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.disasterPasswordRow input{width:100%;min-height:36px;border:1px solid rgb(140 167 199 / 15%);border-radius:9px;padding:0 10px;background:rgb(13 25 39 / 72%);color:#e7eef7;font:inherit;font-size:10px;outline:none}
.disasterPasswordRow input:focus{border-color:rgb(121 162 211 / 45%);box-shadow:0 0 0 2px rgb(94 139 197 / 10%)}
.passwordControl{position:relative}.passwordControl input{padding-right:38px}.passwordControl button{position:absolute;right:4px;top:4px;width:28px;height:28px;border:0;border-radius:7px;background:transparent;color:#8297ae;cursor:pointer}
.passwordControl button:hover{background:rgb(128 163 205 / 12%);color:#fff}
.disasterActions{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}.disasterDownloadBtn{min-width:235px}
.disasterStatus{font-size:8.5px;line-height:1.4}.disasterStatus.good{color:#82cca5}.disasterStatus.bad{color:#e39e9e}.disasterStatus.working{color:#d0b279}
@media(max-width:980px){.updatesStatusGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.disasterPasswordRow{grid-template-columns:1fr 1fr}.disasterPasswordRow>.btn{grid-column:1/-1}}
@media(max-width:640px){.updatesPage{padding:11px}.updatesHero,.updatesCard{flex-direction:column}.updatesHero>.btn,.updatesCard>a.btn{width:100%}.updatesStatusGrid{grid-template-columns:1fr}.disasterContents,.disasterPasswordRow{grid-template-columns:1fr}.disasterPasswordRow>.btn{grid-column:auto}.disasterDownloadBtn{width:100%;min-width:0}}