/* Modular workspace preferences and Approvals placeholder */
.customize-settings-panel{scrollbar-gutter:stable}
.customize-settings-intro{padding:2px 2px 14px}
.customize-settings-intro h2{margin:0 0 6px;font-family:'Bricolage Grotesque',sans-serif;font-size:18px;color:var(--ink)}
.customize-settings-panel .settings-section:last-child{margin-bottom:2px}
.theme-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.theme-card{display:flex;align-items:center;gap:11px;min-width:0;padding:10px;text-align:left;border:1px solid var(--border);border-radius:var(--r2);background:var(--surface2);color:var(--text);cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}
.theme-card:hover{transform:translateY(-1px);border-color:var(--border2)}
.theme-card.selected{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-dim)}
.theme-card>span:last-child{display:flex;flex-direction:column;min-width:0}.theme-card strong{font-size:12px}.theme-card small{font-size:10px;color:var(--muted)}
.theme-swatch{display:flex;width:48px;height:34px;overflow:hidden;flex:0 0 auto;border:1px solid rgba(0,0,0,.12);border-radius:7px}.theme-swatch i{display:block;flex:1}
.theme-swatch-default i:nth-child(1){background:#f5f6fa}.theme-swatch-default i:nth-child(2){background:#3a3fff}.theme-swatch-default i:nth-child(3){background:#ff4f6a}
.theme-swatch-neon i:nth-child(1){background:#080b12}.theme-swatch-neon i:nth-child(2){background:#24f4c7}.theme-swatch-neon i:nth-child(3){background:#ff3df2}
.theme-swatch-editorial i:nth-child(1){background:#f2efe6}.theme-swatch-editorial i:nth-child(2){background:#b52c20}.theme-swatch-editorial i:nth-child(3){background:#1e5a78}
.theme-swatch-studio i:nth-child(1){background:#fff5ea}.theme-swatch-studio i:nth-child(2){background:#e45c3a}.theme-swatch-studio i:nth-child(3){background:#a83b78}
.theme-swatch-evergreen i:nth-child(1){background:#edf3ec}.theme-swatch-evergreen i:nth-child(2){background:#267a55}.theme-swatch-evergreen i:nth-child(3){background:#d97941}
@media(max-width:520px){.theme-picker{grid-template-columns:1fr}}

[data-workspace-nav][hidden]{display:none !important}
.workspace-soon-tag,.workspace-badge{display:inline-flex;align-items:center;width:max-content;padding:3px 7px;border-radius:999px;background:rgba(245,158,11,.12);color:#9a3412;font-family:'DM Mono',monospace;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.workspace-preference-list{display:grid;gap:10px;margin:16px 0 12px}
.workspace-preference-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;border:1px solid var(--border);border-radius:var(--r2);background:var(--surface);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}
.workspace-preference-card:hover{border-color:var(--border2);box-shadow:var(--shadow-sm)}
.workspace-preference-card input{width:18px;height:18px;flex:0 0 auto;accent-color:var(--brand);cursor:pointer}
.workspace-preference-card input:disabled{cursor:not-allowed;opacity:.55}
.workspace-preference-copy{display:flex;flex-direction:column;gap:4px;color:var(--ink)}
.workspace-preference-copy small{font-size:12px;line-height:1.5;color:var(--muted)}
.workspace-preference-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.workspace-preference-note{min-height:18px;margin:0 0 10px;color:#9a3412;font-size:12px;font-weight:600}
.workspace-kicker{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--brand);font-family:'DM Mono',monospace;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
.approvals-coming-soon-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:28px;padding:28px;border:1px solid var(--border);border-radius:var(--r);background:linear-gradient(145deg,var(--surface),var(--surface2));box-shadow:var(--shadow-sm)}
.approvals-coming-soon-card h2{margin:14px 0 16px;font-family:'Bricolage Grotesque',sans-serif;font-size:22px;color:var(--ink)}
.approvals-coming-soon-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--brand-dim);color:var(--brand);font-size:22px;font-weight:800}
.approvals-coming-soon-list{display:grid;gap:12px;margin:0;padding:0;list-style:none;color:var(--text);font-size:13px;line-height:1.5}
.approvals-coming-soon-list li{position:relative;padding-left:22px}
.approvals-coming-soon-list li::before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:800}
.approvals-beta-cta{align-self:start;padding:18px;border:1px solid var(--border);border-radius:var(--r2);background:var(--surface)}
.approvals-beta-cta p{margin:12px 0 16px;color:var(--muted);font-size:13px;line-height:1.6}
@media(max-width:900px){.approvals-coming-soon-card{grid-template-columns:1fr;padding:20px}.workspace-preference-card{align-items:flex-start}}

/* AI Assist private beta */
.ai-beta-gate, .ai-assist-panel { border-color: color-mix(in srgb, var(--brand) 35%, var(--border)); background: linear-gradient(145deg, color-mix(in srgb, var(--brand) 7%, var(--surface)), var(--surface)); }
.ai-beta-gate p, .ai-assist-panel p { color: var(--muted); font-size: 12px; line-height: 1.6; margin: 7px 0 12px; }
.ai-eyebrow { color: var(--brand); font: 500 10px/1.4 'DM Mono', monospace; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 3px; }
.ai-status { min-height: 18px; margin-top: 8px; color: var(--muted); font: 11px/1.5 'DM Mono', monospace; }
.ai-status.success { color: var(--success, #16a34a); } .ai-status.error { color: var(--danger, #dc2626); } .ai-status.loading { color: var(--brand); }
#aiWaitlistForm { border-top: 1px solid var(--border); margin-top: 12px; padding-top: 12px; }
.ai-action-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.ai-action-grid .btn { justify-content: center; }
.ai-results { display: grid; gap: 9px; margin-top: 10px; }
.ai-result-card { border: 1px solid var(--border); border-radius: 9px; background: var(--surface); padding: 11px; }
.ai-result-label { color: var(--brand); font: 500 10px/1.4 'DM Mono', monospace; letter-spacing: .04em; text-transform: uppercase; }
.ai-result-text { color: var(--ink); font-size: 13px; line-height: 1.55; margin: 7px 0 10px; white-space: pre-wrap; }
.ai-result-actions { display: flex; flex-wrap: wrap; gap: 5px; }
.ai-settings-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; }
.ai-optional { color: var(--subtle); font: 10px 'DM Mono', monospace; text-transform: uppercase; }
@media (max-width: 640px) { .ai-settings-grid, .ai-action-grid { grid-template-columns: 1fr; } }
.ai-settings-locked { border-color: color-mix(in srgb, var(--brand) 35%, var(--border)); background: linear-gradient(145deg, color-mix(in srgb, var(--brand) 7%, var(--surface)), var(--surface)); }

/* AI Settings is intentionally mounted outside the tab panels as a visible fallback. */

/* ═══════════════════════════════════════════
   POSTIQ LIBRARY
   Additive only — drop before the closing
   comment in app.css
   ═══════════════════════════════════════════ */