:root { color-scheme: dark; }
body { margin: 0; background: #1b1424; color: #eee7f2; font-family: "Courier New", "SimSun", "Songti SC", monospace; }
.admin-shell { display: flex; flex-direction: column; height: 100vh; height: 100dvh; }
.editor-header { position: relative; z-index: 1000; display: flex; flex-shrink: 0; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding: 12px 20px; border-bottom: 1px solid #51405e; background: #140f1b; font-size: 14px; }
.editor-header a { color: #c4a0de; }
#editor-message { padding: 0 20px; color: #c5b7cf; font-size: 14px; }
.editor-frame { display: block; flex: 1; width: 100%; min-height: 0; border: 0; border-top: 1px solid #51405e; }
#nc-root { padding-top: 8px; }
/* Keep the Decap controls functional while matching the site's square, dark surfaces. */
#nc-root, #nc-root * { font-family: "Courier New", "SimSun", "Songti SC", monospace !important; border-radius: 0 !important; box-shadow: none !important; }
#nc-root [class*="AppMainContainer"], #nc-root [class*="AppHeader"], #nc-root [class*="Sidebar"], #nc-root [class*="Toolbar"], #nc-root [class*="CollectionTop"], #nc-root [class*="EditorContainer"], #nc-root [class*="EditorInterface"], #nc-root [class*="ControlPane"], #nc-root [class*="PreviewPane"], #nc-root [class*="LoginPage"], #nc-root [class*="Modal"], #nc-root [class*="Card"], #nc-root [class*="ListCard"], #nc-root [class*="ControlContainer"], #nc-root [class*="Field"], #nc-root [class*="Dropdown"], #nc-root [class*="ListItem"], #nc-root [class*="Pane"] { background-color: #231a2e !important; color: #eee7f2 !important; border-color: #51405e !important; }
#nc-root button, #nc-root [role="button"] { background: #35263f !important; color: #eee7f2 !important; border: 1px solid #8e729f !important; }
#nc-root button:hover { background: #51405e !important; }
#nc-root input, #nc-root textarea, #nc-root select, #nc-root [contenteditable="true"], #nc-root [class*="CodeMirror"] { background: #140f1b !important; color: #eee7f2 !important; border-color: #51405e !important; }
#nc-root a, #nc-root label, #nc-root [class*="Label"], #nc-root [class*="Heading"], #nc-root [class*="Title"], #nc-root [class*="Description"], #nc-root [class*="Hint"], #nc-root [class*="Text"] { color: #c5b7cf !important; }
#nc-root a:hover { color: #c4a0de !important; }
#nc-root [class*="AppHeader"] { position: relative !important; top: auto !important; }
#nc-root svg { color: inherit; }
#nc-root :focus-visible { outline: 2px solid #c4a0de; outline-offset: 2px; }
#nc-root button:disabled { opacity: 0.5; }
@media(max-width: 600px) { .editor-header { padding: 12px; } }

body { background: #1b1424 !important; color: #eee7f2 !important; }
#nc-root [class*="-card"], #nc-root [class*="Login"], #nc-root [class*="CollectionMain"], #nc-root [class*="ControlWrapper"] { background-color: #231a2e !important; color: #eee7f2 !important; }
#nc-root [class*="Control"], #nc-root [class*="DateTime"], #nc-root [class*="Boolean"], #nc-root [class*="Markdown"], #nc-root [class*="Editor"] { background-color: #231a2e !important; color: #eee7f2 !important; border-color: #51405e !important; }
#nc-root [class*="ControlLabel"]::after { background: #51405e !important; }
#nc-root [class*="Toggle"], #nc-root [class*="Switch"] { border-color: #8e729f !important; }
#nc-root [class*="Toggle"]::after, #nc-root [class*="Switch"]::after { background: #c4a0de !important; }
#nc-root [class*="ControlContainer"] > div { background: #231a2e !important; border-color: #51405e !important; }
#nc-root p, #nc-root span, #nc-root [contenteditable="true"] * { color: #c5b7cf !important; }
#nc-root [class*="Error"], #nc-root [class*="Error"] * { color: #efb5c7 !important; }
#nc-root [role="switch"][aria-checked="true"] { background: #8e729f !important; }
#nc-root small, #nc-root [class*="Breadcrumb"] { color: #c5b7cf !important; }
#nc-root [class*="TopBarContainer"], #nc-root [class*="NestedObjectLabel"], #nc-root [class*="ListItem"] > div { background-color: #231a2e !important; color: #c5b7cf !important; border-color: #51405e !important; }
#nc-root [class*="TopBarContainer"] { background-color: #140f1b !important; }
.Toastify__toast { background: #35263f !important; color: #eee7f2 !important; border: 1px solid #8e729f !important; border-radius: 0 !important; box-shadow: none !important; }
.Toastify__toast-body, .Toastify__toast-icon svg { color: #eee7f2 !important; fill: #c4a0de !important; }
.Toastify__progress-bar { background: #c4a0de !important; }