.tree-restart-panel { max-width: 1000px; }
.tree-restart-current { border-color: rgba(230, 172, 56, .2); }
.tree-restart-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; margin: 12px 0 15px; }
.tree-restart-metrics > div { min-width: 0; padding: 12px; border: 1px solid rgba(255,255,255,.075); border-radius: 10px; background: rgba(7,13,15,.55); }
.tree-restart-metrics span { display: block; color: #758783; font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.tree-restart-metrics strong { display: block; margin-top: 5px; overflow-wrap: anywhere; color: #f1f5f4; font-size: 14px; }
.tree-restart-now { display: grid; grid-template-columns: minmax(150px, 210px) repeat(3, auto); align-items: end; gap: 9px; }
.tree-restart-note { margin: 12px 0 0; color: #859793; font-size: 11px; line-height: 1.5; }
.tree-restart-min-online { display: grid; grid-template-columns: minmax(190px, 240px) auto minmax(220px, 1fr); align-items: end; gap: 10px; margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.075); }
.tree-restart-min-online > span { align-self: center; color: #7f918d; font-size: 11px; line-height: 1.45; }
.tree-restart-note code, .tree-restart-section-head code { color: #ebc267; }
.tree-restart-section-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.tree-restart-section-head p { margin: 5px 0 0; color: #899b97; font-size: 12px; line-height: 1.45; }
.tree-restart-rules { display: grid; gap: 9px; margin-top: 15px; }
.tree-restart-rule { display: grid; grid-template-columns: minmax(150px, 1fr) minmax(150px, .8fr) minmax(150px, .7fr) auto; align-items: end; gap: 10px; padding: 12px; border: 1px solid rgba(255,255,255,.075); border-radius: 10px; background: rgba(7,13,15,.52); }
.tree-restart-warning { display: flex; min-height: 61px; align-items: center; justify-content: space-between; gap: 10px; color: #a9bab7; font-size: 12px; font-weight: 800; }
.tree-restart-save-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 14px; }
.tree-restart-save-row > span { color: #7f918d; font-size: 11px; line-height: 1.45; }
.tree-restart-blood-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 15px; }
.tree-restart-shutdown-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 15px; }
.tree-restart-shutdown-grid .is-wide { grid-column: 1 / -1; }

@media (max-width: 820px) {
  .tree-restart-metrics { grid-template-columns: 1fr; }
  .tree-restart-now { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tree-restart-min-online { grid-template-columns: minmax(180px, 1fr) auto; }
  .tree-restart-min-online > span { grid-column: 1 / -1; }
  .tree-restart-now .tree-admin-field { grid-column: 1 / -1; }
  .tree-restart-rule { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tree-restart-blood-grid, .tree-restart-shutdown-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 520px) {
  .tree-restart-now, .tree-restart-min-online, .tree-restart-rule, .tree-restart-blood-grid, .tree-restart-shutdown-grid { grid-template-columns: 1fr; }
  .tree-restart-shutdown-grid .is-wide { grid-column: auto; }
  .tree-restart-min-online > span { grid-column: auto; }
  .tree-restart-min-online .tree-admin-btn { width: 100%; }
  .tree-restart-now .tree-admin-btn, .tree-restart-rule .tree-admin-btn { width: 100%; }
  .tree-restart-section-head, .tree-restart-save-row { align-items: stretch; flex-direction: column; }
  .tree-restart-save-row .tree-admin-btn, .tree-restart-section-head .tree-admin-btn { width: 100%; }
}