/* v7.5.4 UI foundation — local CRM styles only; no third-party runtime dependency. */
:root{--ui-surface:#fff;--ui-surface-soft:#f6f8f7;--ui-border:#e4e9e6;--ui-text:#18221d;--ui-muted:#69766f;--ui-danger:#b42318;--ui-radius:14px;--ui-shadow:0 10px 30px rgba(18,36,27,.07)}
#app-header{gap:20px;align-items:center}#app-header h1{letter-spacing:-.025em}.project-switcher{display:flex;gap:8px;align-items:center}.project-switcher select{min-width:220px}
.panel,.card,.connection-card,.data-action-card{border-color:var(--ui-border);box-shadow:none}.panel{border-radius:var(--ui-radius)}.panel-head{gap:16px}.panel-head h2{letter-spacing:-.015em}.panel-head small,.admin-summary p,.data-action-card p{color:var(--ui-muted)}
.settings-tabs{position:sticky;top:0;z-index:3;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border:1px solid var(--ui-border);border-radius:12px;padding:5px;gap:4px}.settings-tabs button{min-height:38px;border-radius:8px}.settings-tabs button.active{box-shadow:0 1px 2px rgba(0,0,0,.06)}
.data-action-grid{align-items:stretch}.data-action-card{border-radius:12px;background:var(--ui-surface)}.danger-zone{border:1px solid rgba(180,35,24,.25);background:#fff9f8}.danger-zone .danger{background:var(--ui-danger)}
.seed-overlay{backdrop-filter:blur(3px)}.seed-modal{width:min(850px,calc(100vw - 32px));border-radius:22px;box-shadow:0 30px 80px rgba(14,27,20,.24)}.seed-head h2{letter-spacing:-.025em}.seed-track{height:10px}.seed-steps span{min-height:46px;display:flex;align-items:center;border:1px solid transparent}.seed-steps span.running{border-color:rgba(28,75,57,.18)}.seed-steps span.done{font-weight:650}.seed-modal .bad{margin-top:18px;border-radius:10px;padding:12px 14px}
.v754-empty-state{max-width:720px;margin:8vh auto;padding:48px;text-align:center;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:20px;box-shadow:var(--ui-shadow)}.v754-empty-state h2{font-size:clamp(26px,4vw,38px);margin:8px 0 12px;letter-spacing:-.035em}.v754-empty-state>p:not(.eyebrow){max-width:580px;margin:0 auto 24px;color:var(--ui-muted);line-height:1.65}.v754-empty-state .row-actions{justify-content:center}.v754-empty-icon{width:52px;height:52px;margin:0 auto 18px;display:grid;place-items:center;border-radius:14px;background:var(--ui-surface-soft);font-size:28px;color:var(--green)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--green) 28%,transparent);outline-offset:2px}
@media(max-width:760px){#app-header{align-items:flex-start}.project-switcher{width:100%;flex-wrap:wrap}.project-switcher select{min-width:0;flex:1}.settings-tabs{position:static;overflow-x:auto;flex-wrap:nowrap}.settings-tabs button{white-space:nowrap}.seed-modal{padding:20px}.seed-steps{grid-template-columns:1fr}.v754-empty-state{margin:20px 0;padding:28px 20px}}
