:root { --platform-orange: #f36b21; }
.platform-body { min-height: 100vh; background: #f6f6f7; color: #1b1b1d; }
.platform-topbar { min-height: 72px; padding: 12px clamp(18px, 4vw, 56px); background: #101011; color: #fff; display: flex; align-items: center; justify-content: space-between; gap: 20px; position: sticky; top: 0; z-index: 20; }
.platform-topbar .brand { color: #fff; text-decoration: none; }
.platform-actor { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }
.platform-badge, .workspace-badge { display: inline-flex; align-items: center; min-height: 30px; padding: 5px 10px; border-radius: 999px; background: #f36b21; color: #fff; font-size: .78rem; font-weight: 800; letter-spacing: .02em; }
.platform-shell { width: min(1440px, calc(100% - 32px)); margin: 0 auto; padding: 34px 0 60px; display: grid; gap: 22px; }
.platform-heading { align-items: center; }
.platform-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.platform-search { display: flex; gap: 8px; flex-wrap: wrap; }
.platform-search input { min-width: min(420px, 70vw); }
.platform-churches form { margin: 0; }
.platform-hub { display: grid; gap: 20px; }
.hub-status-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 0 24px; }
.hub-status-grid span { border: 1px solid #e5e5e8; border-radius: 14px; padding: 14px; background: #fff; display: grid; gap: 5px; min-width: 0; }
.hub-status-grid small { color: #72727a; font-weight: 700; }
.hub-status-grid b { overflow-wrap: anywhere; }
.platform-hub-form { padding: 0 24px; }
.platform-actions { padding: 0 24px 24px; flex-wrap: wrap; }
.secret-reveal { border: 2px solid #f36b21; padding: 22px; display: grid; gap: 16px; }
.secret-reveal code { display: block; padding: 14px; border-radius: 10px; background: #101011; color: #fff; overflow-wrap: anywhere; user-select: all; }
.workspace-ribbon { background: #fff4ed; border: 1px solid #ffd1b9; border-radius: 14px; padding: 11px 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.workspace-ribbon > div { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.demo-simulation-notice { border: 1px solid #f1ad83; background: #fff7f1; color: #6f3518; padding: 12px 14px; border-radius: 12px; font-weight: 700; }
body, button, input, select, textarea { font-size: max(16px, 1rem); }
.sidebar nav { overflow-y: auto; overscroll-behavior: contain; }
@media (max-width: 800px) {
    .platform-topbar { align-items: flex-start; position: static; }
    .platform-actor b, .platform-badge { display: none; }
    .platform-shell { width: min(100% - 20px, 1440px); padding-top: 20px; }
    .platform-stats, .hub-status-grid { grid-template-columns: 1fr; }
    .hub-status-grid, .platform-hub-form, .platform-actions { padding-left: 14px; padding-right: 14px; }
    .platform-search input { min-width: 0; width: 100%; }
    .workspace-ribbon { align-items: flex-start; flex-direction: column; }
}