@font-face { font-family:'CW Inter'; src:url('/fonts/inter-latin-variable.woff2') format('woff2'); font-weight:100 900; font-style:normal; font-display:swap; }
@font-face { font-family:'CW Lora'; src:url('/fonts/lora-latin-variable.woff2') format('woff2'); font-weight:400 700; font-style:normal; font-display:swap; }
:root { font-family:var(--font-family,system-ui,sans-serif); }
html[data-appearance-active='true'] body { color:var(--page-ink,var(--ink)); background:var(--page); }
html[data-appearance-active='true'] :is(.card,.auth-panel,.sidebar,.product-detail,.course-detail,.admin-workspace,.operation-row,.run-row,.definition-row) { background:var(--surface); color:var(--ink); }
html[data-appearance-active='true'] :is(.primary,.primary-action,.claim-strip button,.admin-sidebar) { background:var(--accent); color:var(--on-accent); }
html[data-appearance-active='true'] :is(.primary,.primary-action,.claim-strip button):active { background:var(--accent-press); }
html[data-appearance-active='true'] :is(.text-button,.sidebar-course-row,.module-nav button,.portal-branding a) { color:var(--accent-text); }
html[data-appearance-active='true'] :is(.portal-branding,.portal-dns,.setup-status,.policy-status) { background:var(--surface-soft); color:var(--ink); border-color:var(--line); }
@media(min-width:901px) { html[data-member-template='focus'] .workspace-shell:not(.sidebar-collapsed) { grid-template-columns:minmax(260px,300px) minmax(0,1fr); } }
.appearance-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.appearance-fields input[type='color'] { width:100%; height:44px; padding:4px; cursor:pointer; }
.appearance-actions { display:flex; flex-wrap:wrap; gap:10px; }
.appearance-editor { display:grid; gap:20px; }
.appearance-help { font-size:.875rem; line-height:1.5; }
.appearance-preview { padding:24px; border-radius:12px; background:var(--page); font-family:var(--font-family,system-ui); color:var(--ink); border:1px solid var(--line); }
.appearance-preview-card { max-width:450px; margin:auto; padding:24px; display:grid; gap:14px; background:var(--surface); border:1px solid var(--line); border-radius:12px; }
.appearance-preview small { color:var(--accent-text,var(--accent)); letter-spacing:.1em; font-weight:700; }
.appearance-preview h3,.appearance-preview p { margin:0; }
.appearance-preview input { background:var(--surface-soft); color:var(--ink); border:1px solid var(--line); }
.appearance-preview .preview-primary { background:var(--accent); color:var(--on-accent,#fff); border:0; padding:12px; border-radius:8px; font:inherit; font-weight:700; }
.preview-product { display:flex; align-items:center; gap:12px; padding:14px; background:var(--surface-soft); border:1px solid var(--line); border-radius:10px; }
.preview-product div { flex:1; }.preview-product p { font-size:12px; color:var(--muted); }.preview-product>span { color:var(--accent-text,var(--accent)); }
[data-theme-shape='square'] :is(.appearance-preview-card,.preview-product,.preview-primary),html[data-theme-shape='square'] :is(.card,.primary,.secondary) { border-radius:0; }
[data-theme-shape='rounded'] :is(.appearance-preview-card,.preview-product),html[data-theme-shape='rounded'] .card { border-radius:20px; }
[data-theme-shape='rounded'] .preview-primary,html[data-theme-shape='rounded'] :is(.primary,.secondary) { border-radius:999px; }
.installation-scope-summary { padding:12px; background:var(--surface-soft,#f3f6fa); border-radius:8px; }
@media(max-width:600px) { .appearance-fields { grid-template-columns:1fr; }.appearance-preview { padding:12px; } }

html[data-appearance-active='true'] :is(input,textarea,select,.choice,.policy,.policy-section,.portal-domain-status,.portal-provider-states div,.dns-fields>div,.dns-share,.learning-course-status,.capability-row,.operation-row code) { background:var(--surface); color:var(--ink); border-color:var(--line); }
html[data-appearance-active='true'] :is(.secondary,.exceptions summary,.module-metadata summary,.status-chip) { color:var(--accent-text); }
html[data-appearance-active='true'] .secondary { background:var(--surface); }
html[data-appearance-active='true'] .admin-sidebar :is(a,small,.admin-sidebar-account,.secondary,.admin-brand-mark) { color:var(--on-accent); }
html[data-appearance-active='true'] .admin-sidebar .secondary { background:transparent; }
html[data-appearance-active='true'] .admin-nav a.is-active { box-shadow:inset 3px 0 currentColor; }
html[data-appearance-active='true'] .sidebar-course-row.is-selected { background:var(--accent-soft); border-color:var(--accent); }
html[data-appearance-active='true'] :is(.auth-panel,.appearance-preview) input { background:var(--surface); color:var(--ink); }
[data-installation-scope-form] { display:grid; gap:12px; }

html[data-appearance-active='true'] :is(.auth-shell,.admin-workspace) { background:var(--page); color:var(--page-ink); }
html[data-appearance-active='true'] :is(.auth-copy p,.auth-copy .eyebrow,.auth-brand span,.portal-attribution-auth,.portal-legal-links-auth a,.admin-header p,.page-intro p) { color:var(--page-muted); }
html[data-appearance-active='true'] .auth-brand strong { color:var(--page-accent); }
html[data-appearance-active='true'] .sidebar-header strong { color:var(--accent-text); }