.base-storage-section { display: grid; gap: 7px; }
.base-storage-cold { border: 1px dashed #3b473f; border-radius: 7px; padding: 6px 7px; color: #78857d; font-size: 9px; line-height: 1.45; }
.base-storage-cold.active { border-style: solid; border-color: #4f6758; background: #142019; color: #a7bbae; }
.base-storage-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.base-storage-columns > div { min-width: 0; }
.base-storage-columns h4 { margin: 0 0 4px; color: #87958c; font-size: 9px; }
.base-storage-row { display: flex; align-items: center; justify-content: space-between; gap: 5px; min-height: 28px; padding: 4px 0; border-top: 1px solid #29332d; color: #c4cec7; font-size: 9px; }
.base-storage-row:first-of-type { border-top: 0; }
.base-storage-row span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.base-demolish { margin-top: 7px; width: 100%; border-color: #4d403d; color: #bfa9a3; background: #1c1716; }
.base-demolish:hover { background: #271d1b; }
.base-demolish:disabled { opacity: .35; }
.base-rest-section { display: grid; gap: 7px; border-color: #465247; background: #121915; }
.base-rest-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.base-rest-actions .base-action { margin: 0; min-height: 34px; }

@media (max-width: 760px) {
  .base-storage-columns { grid-template-columns: 1fr; }
  .base-rest-actions { grid-template-columns: 1fr; }
}