/* Note: This file provides the blue theme with white background required for web admin modules. */

body.admin-theme .hero-card {
    border-top: 6px solid #2563eb;
}

body.admin-theme .panel {
    background: #ffffff;
}

body.admin-theme .header-nav a {
    font-weight: 600;
}

body.private-app .hero-card {
    border-top: 6px solid #0f766e;
}


.notice.success { background: #ecfdf5; border: 1px solid #10b981; color: #065f46; padding: 0.75rem 1rem; border-radius: 0.75rem; margin-bottom: 1rem; }
.stack-form { display: grid; gap: 0.75rem; }
.stack-form label { display: grid; gap: 0.35rem; font-weight: 600; }
.stack-form input, .stack-form select, .stack-form textarea { padding: 0.7rem 0.8rem; border: 1px solid #cbd5e1; border-radius: 0.6rem; background: #fff; }
.stack-form button { width: fit-content; background: #1d4ed8; color: white; border: none; border-radius: 0.65rem; padding: 0.7rem 1rem; cursor: pointer; }
.data-table { width: 100%; border-collapse: collapse; }
.data-table th, .data-table td { border-bottom: 1px solid #e2e8f0; padding: 0.75rem; vertical-align: top; text-align: left; }
.data-table th { background: #eff6ff; }
.page-section { margin-bottom: 1.5rem; }
.admin-grid { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.admin-card { background: white; border: 1px solid #dbeafe; border-radius: 1rem; padding: 1rem; box-shadow: 0 10px 20px rgba(15, 23, 42, 0.04); }
.admin-card.wide { grid-column: 1 / -1; }
.compact, .muted { color: #475569; }
.indent { margin-left: 1rem; }
.compact-list { margin: 0.2rem 0 0; padding-left: 1.25rem; }
.room-meta-card { margin: 1rem 0; padding: 1rem; background: #f8fafc; border: 1px solid #cbd5e1; border-radius: 0.85rem; }

.admin-hero-card { background: linear-gradient(135deg, #ffffff 0%, #eef5ff 100%); }