/*
 * stationdetail.css — Station Center detail page. Single ui-panel with a
 * back button + 3-building grid + material balance + action buttons. Shares
 * .op-* classes from outpost.css (building-grid/building-card/status-row/
 * mat-grid/etc.) since this page shows the same building layout the
 * Substation-detail view inside Outpost does — sd-* is only what's unique
 * to this page's own shell.
 */

.sd-main {
    position: relative; z-index: 2; flex: 1;
    display: flex; justify-content: center; padding: 16px 20px; min-height: 0; overflow: hidden;
}
.sd-panel {
    flex: 1; max-width: 900px;
    padding: 16px 18px;
}

.sd-building-card { position: relative; background: rgba(58,36,16,.05); border: 1.5px solid rgba(58,36,16,.15); border-radius: 12px; padding: 20px 14px; text-align: center; }

.sd-mat-section { margin-bottom: 16px; }

.sd-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 6px; }
.sd-actions .ui-btn { flex: 1; min-width: 160px; padding: 13px 10px; font-size: 12.5px; }

@container (max-width: 720px) {
    .op-building-grid { grid-template-columns: 1fr; }
}