/* Private and public status dashboard cards. */
.status-lock-panel { display: grid; max-width: 760px; grid-template-columns: auto minmax(0, 1fr); gap: 18px; align-items: start; }

.status-dashboard { display: grid; gap: 14px; }

.status-hero { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; }

.status-hero h2 { margin: 2px 0 0; font-size: 1.2rem; }

.status-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }

.status-guidance { padding: 14px 16px; border: 1px solid rgba(36, 124, 95, 0.22); border-radius: 10px; background: rgba(36, 124, 95, 0.07); }

.status-guidance h3 { margin: 0 0 8px; font-size: 0.92rem; }

.status-guidance ul { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }

.status-guidance li { position: relative; padding-left: 18px; color: var(--muted); font-size: 0.78rem; line-height: 1.45; }

.status-guidance li::before { position: absolute; top: 0.55em; left: 0; width: 7px; height: 7px; border-radius: 50%; background: var(--accent); content: ""; }

.status-grid { display: grid; gap: 14px; }

.status-group { padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255, 255, 255, 0.18); }

.status-group-header { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 14px; align-items: baseline; margin-bottom: 12px; }

.status-group-header h3 { margin: 0; font-size: 0.95rem; }

.status-group-header p { margin: 0; color: var(--muted); font-size: 0.74rem; line-height: 1.4; }

.status-group-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }

.status-card { padding: 16px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); box-shadow: var(--shadow); }

.status-card-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }

.status-card h3 { margin: 0; font-size: 0.98rem; }

.status-pill { display: inline-flex; min-height: 24px; align-items: center; padding: 0 9px; border-radius: 999px; background: rgba(47, 180, 124, 0.12); color: var(--accent); font-size: 0.68rem; font-weight: 820; text-transform: uppercase; letter-spacing: 0.04em; white-space: nowrap; }

.status-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }

.status-metric { min-width: 0; padding: 10px 11px; border: 1px solid var(--line); border-radius: 8px; background: rgba(255, 255, 255, 0.3); }

.status-metric span, .status-metric strong { display: block; overflow-wrap: anywhere; }

.status-metric span { color: var(--muted); font-size: 0.7rem; font-weight: 720; text-transform: uppercase; letter-spacing: 0.03em; }

.status-metric strong { margin-top: 4px; font-size: 0.86rem; }

.status-note { margin: 12px 0 0; color: var(--muted); font-size: 0.8rem; line-height: 1.45; }

.status-lite-panel { display: grid; gap: 16px; }

.status-lite-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }

@media (max-width: 820px) {
.status-lite-grid { grid-template-columns: 1fr; }

.status-group-grid { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
.status-lock-panel { grid-template-columns: 1fr; }

.status-hero { align-items: stretch; flex-direction: column; }

.status-actions { display: grid; grid-template-columns: 1fr 1fr; justify-content: stretch; }

.status-metrics { grid-template-columns: 1fr; }
}