/* FFGospel National Command Center — Design System 1.0 */
:root{
  --ffg-ink-950:#020914;--ffg-ink-900:#040d1a;--ffg-ink-850:#071426;--ffg-ink-800:#0a1c34;
  --ffg-blue-700:#225da9;--ffg-blue-500:#4d9cff;--ffg-blue-300:#8ac0ff;
  --ffg-gold-700:#a77c2e;--ffg-gold-500:#d9b257;--ffg-gold-300:#f0d38b;
  --ffg-white:#f7f9fd;--ffg-slate-300:#b8c7da;--ffg-slate-500:#8399b7;
  --ffg-success:#42d6a4;--ffg-warning:#efbd5b;--ffg-danger:#ef626d;--ffg-info:#68aefb;
  --ffg-border:rgba(113,168,235,.2);--ffg-surface:rgba(9,27,51,.88);--ffg-surface-strong:#0a1d36;
  --ffg-space-1:4px;--ffg-space-2:8px;--ffg-space-3:12px;--ffg-space-4:16px;--ffg-space-5:20px;--ffg-space-6:24px;--ffg-space-8:32px;
  --ffg-radius-sm:7px;--ffg-radius-md:11px;--ffg-radius-lg:16px;--ffg-radius-xl:22px;
  --ffg-shadow-sm:0 8px 22px rgba(0,0,0,.18);--ffg-shadow-lg:0 24px 70px rgba(0,0,0,.34);
  --ffg-fast:160ms;--ffg-standard:260ms;--ffg-font-ui:"DM Sans",Arial,sans-serif;--ffg-font-display:"Cormorant Garamond",Georgia,serif;
}
html{color-scheme:dark;scroll-behavior:smooth}button,input,select,textarea{font-family:var(--ffg-font-ui)}
.skip-link{position:fixed;left:18px;top:-60px;z-index:1000;background:var(--ffg-gold-500);color:var(--ffg-ink-950);padding:10px 14px;border-radius:0 0 8px 8px;font-weight:800;text-decoration:none;transition:top var(--ffg-fast)}.skip-link:focus{top:0}
:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--ffg-blue-300);outline-offset:3px}
.nav-group{margin:0}.nav-section{width:100%;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left}.nav-section i{font-size:12px;transition:transform var(--ffg-fast)}.nav-section[aria-expanded="false"] i{transform:rotate(-90deg)}
.nav-group-items{display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--ffg-standard),opacity var(--ffg-standard);opacity:1}.nav-group-items>*{overflow:hidden}.nav-group.collapsed .nav-group-items{display:none}.nav-item>span:not(.nav-badge){min-width:0;flex:1}
.system-reference{display:flex;align-items:center;gap:8px;color:#8ea6c4;text-decoration:none;font-size:11px;margin-top:17px;padding:9px 0;border-top:1px solid rgba(255,255,255,.08)}.system-reference:hover{color:var(--ffg-gold-300)}
.sidebar-scrim{display:none;position:fixed;inset:0;border:0;background:rgba(0,5,14,.66);backdrop-filter:blur(4px);z-index:15}
.topbar{isolation:isolate}.top-popover{position:absolute;right:24px;top:calc(100% - 10px);z-index:40;width:320px;padding:18px;background:rgba(5,18,35,.98);border:1px solid var(--ffg-border);border-radius:var(--ffg-radius-lg);box-shadow:var(--ffg-shadow-lg);backdrop-filter:blur(20px)}.top-popover[hidden]{display:none}.top-popover:before{content:"";position:absolute;right:96px;top:-6px;width:11px;height:11px;background:#07182e;border-left:1px solid var(--ffg-border);border-top:1px solid var(--ffg-border);transform:rotate(45deg)}
.top-popover h2{font:700 20px var(--ffg-font-display);margin:5px 0 13px;color:var(--ffg-white)}.popover-eyebrow{color:var(--ffg-gold-500);font:800 9px Manrope;letter-spacing:.15em}.top-popover button,.top-popover a{width:100%;display:flex;gap:10px;align-items:center;border:0;border-top:1px solid rgba(115,163,220,.13);background:transparent;color:var(--ffg-white);padding:11px 2px;text-align:left;text-decoration:none;cursor:pointer}.top-popover button:hover,.top-popover a:hover{color:var(--ffg-gold-300)}.top-popover button>i,.top-popover a>i{font-size:19px;color:var(--ffg-blue-300)}.top-popover b,.top-popover small{display:block}.top-popover b{font-size:12px}.top-popover small{color:var(--ffg-slate-500);font-size:10px;margin-top:2px}.profile-popover{width:210px}.profile-popover:before{right:34px}.profile>i{font-size:13px;color:var(--ffg-slate-500)}
.workspace:not(:has(.command-home)){padding:28px 34px 52px;max-width:1660px;margin:auto}.module-breadcrumb{display:flex;align-items:center;gap:7px;color:var(--ffg-slate-500);font-size:11px;margin-bottom:18px}.module-breadcrumb button{border:0;background:transparent;color:var(--ffg-blue-300);padding:0;cursor:pointer}.module-breadcrumb i{font-size:10px}.section-kicker{display:block;color:var(--ffg-gold-500);font:800 9px Manrope;letter-spacing:.17em;margin-bottom:7px}.section-head{align-items:center;margin-bottom:24px}.section-head h2{font:700 clamp(26px,2.5vw,38px) var(--ffg-font-display);letter-spacing:-.02em}.section-head p{font-size:13px;line-height:1.55}.head-actions .btn{display:inline-flex;align-items:center;gap:7px;min-height:42px}
.btn{transition:transform var(--ffg-fast),border-color var(--ffg-fast),background var(--ffg-fast),box-shadow var(--ffg-fast)}.btn:hover{transform:translateY(-2px)}.btn.gold,.primary{background:linear-gradient(135deg,var(--ffg-gold-300),var(--ffg-gold-500));color:#182033;box-shadow:0 10px 25px rgba(217,178,87,.16)}.btn.outline,.secondary{background:rgba(7,24,45,.7);color:#c9d8ea;border:1px solid var(--ffg-border)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.card,.kpi{border-radius:var(--ffg-radius-lg);transition:transform var(--ffg-standard),border-color var(--ffg-standard),box-shadow var(--ffg-standard)}.card:hover,.kpi:hover{border-color:rgba(106,172,255,.34)}.kpi{min-height:128px}.kpi-icon{font-style:normal;font-size:17px}.kpi .delta{display:inline-flex;align-items:center;gap:5px}.card-title h2{font-size:16px}.card-title p{line-height:1.45}
.tag{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.tag i{font-size:13px}.tag.blue{background:rgba(75,145,235,.13);border-color:rgba(93,162,247,.2);color:#8ec0ff}
table{background:rgba(3,15,30,.2)}th{background:rgba(35,83,143,.12);padding:13px 11px}td{padding:14px 11px}tbody tr{transition:background var(--ffg-fast)}tbody tr:last-child td{border-bottom:0}
.dialog-card{background:linear-gradient(145deg,#0b203c,#07162b)}.dialog-card label{color:#b9cae0}.dialog-card input,.dialog-card select,.ui-field input,.ui-field select,.ui-field textarea{min-height:44px;background:#071a32;color:var(--ffg-white);border:1px solid var(--ffg-border);border-radius:var(--ffg-radius-sm);padding:10px 12px}.dialog-card input:focus,.dialog-card select:focus,.ui-field :is(input,select,textarea):focus{border-color:var(--ffg-blue-300);box-shadow:0 0 0 3px rgba(77,156,255,.12)}.dialog-close{color:#b9cbe2;cursor:pointer}
.toast{background:#071b34;border:1px solid var(--ffg-border);box-shadow:var(--ffg-shadow-lg);display:flex;align-items:center;gap:9px}.toast:before{content:"✓";width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:rgba(66,214,164,.15);color:var(--ffg-success);font-weight:900}
.ui-page{min-height:100vh;background:radial-gradient(circle at 80% 0,rgba(37,101,181,.2),transparent 28%),#030b17;color:var(--ffg-white);font-family:var(--ffg-font-ui)}.ui-catalog{width:min(1180px,calc(100% - 40px));margin:auto;padding:56px 0 80px}.ui-catalog-header{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-bottom:28px;border-bottom:1px solid var(--ffg-border)}.ui-catalog-header h1{font:700 clamp(38px,6vw,68px)/.95 var(--ffg-font-display);margin:6px 0}.ui-catalog-header p{max-width:620px;color:var(--ffg-slate-300);line-height:1.6}.ui-back{display:inline-flex;align-items:center;gap:8px;color:var(--ffg-gold-300);text-decoration:none;border:1px solid rgba(217,178,87,.35);padding:10px 13px;border-radius:var(--ffg-radius-sm);white-space:nowrap}.ui-section{padding:38px 0;border-bottom:1px solid rgba(113,168,235,.13)}.ui-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.ui-section-head h2{font:700 30px var(--ffg-font-display);margin:0}.ui-section-head span{font:800 9px Manrope;letter-spacing:.14em;color:var(--ffg-blue-300)}.ui-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ui-grid.two{grid-template-columns:repeat(2,1fr)}.ui-swatch{min-height:115px;border-radius:var(--ffg-radius-md);padding:15px;display:flex;flex-direction:column;justify-content:end;border:1px solid rgba(255,255,255,.1)}.ui-swatch b,.ui-swatch small{display:block}.ui-swatch small{font-size:10px;opacity:.72;margin-top:3px}.ui-demo{background:var(--ffg-surface);border:1px solid var(--ffg-border);border-radius:var(--ffg-radius-lg);padding:20px}.ui-demo-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ui-field{display:grid;gap:7px}.ui-field label{font-size:11px;font-weight:700;color:var(--ffg-slate-300)}.ui-alert{display:flex;gap:12px;align-items:flex-start;border-radius:var(--ffg-radius-md);padding:14px;border:1px solid}.ui-alert i{font-size:21px}.ui-alert b,.ui-alert span{display:block}.ui-alert span{font-size:11px;opacity:.75;margin-top:3px}.ui-alert.info{background:rgba(104,174,251,.08);border-color:rgba(104,174,251,.25);color:#b8d9ff}.ui-alert.success{background:rgba(66,214,164,.08);border-color:rgba(66,214,164,.24);color:#91edce}.ui-alert.warning{background:rgba(239,189,91,.08);border-color:rgba(239,189,91,.25);color:#f4d58d}.ui-alert.danger{background:rgba(239,98,109,.08);border-color:rgba(239,98,109,.25);color:#ffadb3}
@media(max-width:1050px){.workspace:not(:has(.command-home)){padding:24px 22px 45px}.ui-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.sidebar-scrim.show{display:block}.workspace:not(:has(.command-home)){padding:21px 16px 38px}.top-popover{position:fixed;left:16px;right:16px;top:76px;width:auto}.top-popover:before{display:none}.section-head{align-items:flex-start}.head-actions{width:100%}.head-actions .btn{flex:1;justify-content:center}.ui-catalog{width:min(100% - 28px,1180px);padding-top:32px}.ui-catalog-header{display:block}.ui-back{margin-top:18px}.ui-grid,.ui-grid.two{grid-template-columns:1fr}.module-breadcrumb{margin-bottom:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.nav-group-items,.nav-section i,.btn,.card,.kpi{transition:none!important}}