.storage-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:16px;
}
.storage-card{
  min-height:132px;
  padding:20px;
  border:1px solid #e2e6e4;
  border-radius:15px;
  background:#fff;
  box-shadow:0 3px 12px rgba(21,35,52,.035);
  display:flex;
  flex-direction:column;
}
.storage-card span{font-size:13px;color:#78838f}
.storage-card strong{margin-top:12px;color:#0f1d35;font-size:29px;line-height:1.1}
.storage-card small{margin-top:auto;padding-top:12px;color:#89939d;font-size:12px}
.storage-layout{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:16px;
  align-items:start;
}
.storage-panel{padding:24px;min-width:0}
.storage-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}
.storage-panel-head .btn{flex:0 0 auto;white-space:nowrap}
.storage-panel-head h3{margin:0 0 5px;color:#112039;font-size:19px}
.storage-panel-head p{margin:0;color:#7b8792;font-size:13px;line-height:1.55}
.storage-checked{color:#8c969f;font-size:12px;white-space:nowrap}
.storage-scope{display:grid;gap:8px}
.storage-scope>span{font-size:13px;color:#5e6976;font-weight:750}
.storage-scope select{
  width:100%;
  height:46px;
  border:1px solid #dce3e3;
  border-radius:11px;
  padding:0 13px;
  background:#fff;
  color:#16243b;
  font:inherit;
}
.storage-warning{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:16px 0;
  padding:13px 14px;
  border:1px solid #f2dfb5;
  border-radius:12px;
  background:#fffaf0;
  color:#8a6622;
}
.storage-warning svg{flex:0 0 auto;margin-top:1px}
.storage-warning p{margin:0;font-size:13px;line-height:1.55}
.maintenance-preview{margin-top:18px;padding:17px;border-radius:13px;border:1px solid #d8e5e5;background:#f7fbfb}
.maintenance-preview strong{display:block;color:#17263c;font-size:15px}
.maintenance-preview p{margin:6px 0 0;color:#687681;font-size:13px;line-height:1.6}
.maintenance-preview b{color:#b54e3c}
.maintenance-preview.is-blocked{border-color:#f0d0c9;background:#fff6f3}
.maintenance-preview.is-empty{border-color:#e3e6e4;background:#fafbf9}
.maintenance-preview label{display:grid;gap:7px;margin:15px 0 12px}
.maintenance-preview label span{font-size:12px;color:#66737e;font-weight:750}
.maintenance-preview input{
  width:100%;
  height:43px;
  border:1px solid #dcc1bb;
  border-radius:10px;
  padding:0 12px;
  background:#fff;
  color:#15243a;
  font:inherit;
}
.storage-resource-list{display:grid;gap:0;border:1px solid #e4e8e6;border-radius:12px;overflow:hidden}
.storage-resource-row{min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border-bottom:1px solid #edf0ef;font-size:13px}
.storage-resource-row:last-child{border-bottom:0}
.storage-resource-row span{color:#596674}
.storage-resource-row strong{color:#17263d}
.storage-empty{padding:28px;text-align:center;color:#8a949d;font-size:13px}
.backup-footnote{display:flex;align-items:flex-start;gap:10px;margin-top:16px;padding:13px;border-radius:11px;background:#f3f7f6;color:#67747d;font-size:12px;line-height:1.55}
.backup-footnote svg{flex:0 0 auto;color:#229c92}

@media(max-width:1180px){
  .storage-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .storage-layout{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:680px){
  .storage-summary{grid-template-columns:minmax(0,1fr);gap:10px}
  .storage-card{min-height:112px;padding:17px}
  .storage-panel{padding:18px}
  .storage-panel-head{display:grid;gap:10px}
  .storage-panel-head .btn{width:max-content}
  .storage-checked{white-space:normal}
}