/* UX reference: MKS.DevPart.Public/css/sysimple-dashboard.css.
   Match its base, light, VS and Midnight palettes without loading legacy dependencies. */
#docClientEditor .connected-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
#docClientEditor .connected-control { display:flex; flex-direction:column; gap:6px; font-size:13px; }
#docClientEditor .connected-control[hidden] { display:none; }
#docClientEditor .connected-control select, #docClientEditor .connected-control input { box-sizing:border-box; width:100%; min-width:0; height:36px; min-height:34px; padding:6px 8px; font-size:13px; }
#docClientEditor .connected-preview { max-height:45vh; overflow:auto; border:1px solid var(--client-line); background:var(--client-surface-2); }
#docClientEditor .connected-preview details, #docClientEditor .connected-change { padding:12px 14px; border-bottom:1px solid var(--client-line); }
#docClientEditor .connected-preview summary { cursor:pointer; font-weight:600; }
#docClientEditor .connected-preview p { white-space:pre-wrap; overflow-wrap:anywhere; }
#docClientEditor .connected-change.conflict, #docClientEditor .connected-change.conserved { border-left:3px solid var(--client-warning); }
#docClientEditor .connected-server-row { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:10px 0; border-bottom:1px solid var(--client-line); }
#docClientEditor .connected-server-row span { flex:1; min-width:160px; }
#docClientEditor #connectedDocsDialog [data-status] { padding:10px; background:var(--client-surface-2); border-left:3px solid var(--client-accent); }
#docClientEditor #connectedDocsDialog [data-status]:empty { display:none; }
#docClientEditor #connectedDocsDialog [data-status].error { border-color:var(--client-danger); }
#docClientEditor #connectedDocsDialog [data-actions] { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
@media(max-width:600px) { #docClientEditor .connected-grid { grid-template-columns:1fr; } }
#docClientEditor {
    --client-bg: #17191d;
    --client-panel: #202328;
    --client-surface-2: #272b31;
    --client-surface-3: #15171a;
    --client-text: #f5f7fa;
    --client-muted: rgba(245,247,250,.72);
    --client-line: rgba(255,255,255,.10);
    --client-line-strong: rgba(255,255,255,.18);
    --client-accent: #3c8dbc;
    --client-soft: rgba(60,141,188,.16);
    --client-success: #00a65a;
    --client-warning: #f39c12;
    --client-danger: #dd4b39;
    --client-success-soft: rgba(0,166,90,.14);
    --client-warning-soft: rgba(243,156,18,.16);
    --client-danger-soft: rgba(221,75,57,.16);
    --client-shadow: 0 2px 8px rgba(0,0,0,.12);
    --studio-radius: 0px;
    --adm-bg: var(--client-bg);
    --adm-panel: var(--client-panel);
    --adm-surface: var(--client-panel);
    --adm-surface-2: var(--client-surface-2);
    --adm-border: var(--client-line);
    --adm-text: var(--client-text);
    --adm-text-soft: var(--client-muted);
    --adm-primary: var(--client-accent);
    --adm-primary-soft: var(--client-soft);
    --adm-input-bg: var(--client-surface-3);
    --adm-success: var(--client-success);
    --adm-warning: var(--client-warning);
    --adm-danger: var(--client-danger);
    --doc-bg: var(--client-bg);
    --doc-card: var(--client-panel);
    --doc-text: var(--client-text);
    --doc-muted: var(--client-muted);
    --doc-line: var(--client-line);
    --doc-soft: var(--client-surface-2);
    --doc-header-bg: var(--client-surface-2);
    --doc-toc-bg: var(--client-surface-2);
    --doc-block-bg: var(--client-panel);
    --doc-block-top-bg: var(--client-surface-2);
    --doc-control-bg: var(--client-surface-2);
    --doc-control-text: var(--client-text);
    --doc-control-border: var(--client-line);
    --doc-field-focus-bg: var(--client-surface-3);
    --doc-info-bg: var(--client-soft);
    --doc-info-border: var(--client-accent);
    --doc-warning-bg: var(--client-warning-soft);
    --doc-warning-border: var(--client-warning);
    --doc-success-bg: var(--client-success-soft);
    --doc-success-border: var(--client-success);
    color: var(--client-text);
}
#docClientEditor[data-theme="light"] {
    --client-bg: #f3f5f7; --client-panel: #ffffff;
    --client-surface-2: #f9fafb; --client-surface-3: #eef1f4;
    --client-text: #263238; --client-muted: rgba(38,50,56,.76);
    --client-line: rgba(38,50,56,.12); --client-line-strong: rgba(38,50,56,.22);
    --client-soft: rgba(60,141,188,.12); --client-success-soft: rgba(0,166,90,.12);
    --client-shadow: 0 2px 8px rgba(38,50,56,.06);
}
#docClientEditor[data-theme="vscode"], #docClientEditor[data-theme="dark"] {
    --client-bg: #16181b; --client-panel: #24272d;
    --client-surface-2: #2a2e35; --client-surface-3: #1b1e23;
}
#docClientEditor[data-theme="midnight"] {
    --client-bg: #101317; --client-panel: #1c2128;
    --client-surface-2: #232933; --client-surface-3: #15191f;
    --client-accent: #5cb8ff; --client-soft: rgba(92,184,255,.16);
}
#docClientEditor .app { height: 100dvh; display: flex; flex-direction: column; min-width: 0; background: var(--client-bg) !important; }
#docClientEditor .app > .sys-studio-header { flex: 0 0 auto; }
#docClientEditor .doc-module-toolbar, #docClientEditor .doc-module-toolbar .topbar-center, #docClientEditor .doc-module-toolbar .topbar-right { display: flex !important; }
#docClientEditor .shell > .center-pane, #docClientEditor .shell > .left-pane, #docClientEditor .shell > .right-pane { height: 100% !important; min-height: 0 !important; overflow: auto !important; }
#docClientEditor .doc-module-toolbar { flex: 0 0 auto; min-height: 62px !important; padding: 10px 20px !important; background: var(--client-panel) !important; color: var(--client-text) !important; border-color: var(--client-line) !important; flex-wrap: wrap; }
#docClientEditor .doc-module-toolbar .topbar-center { justify-content: flex-start; }
#docClientEditor .doc-module-toolbar button, #docClientEditor .client-contextbar button, #docClientEditor .left-pane button, #docClientEditor .client-dialog button {
    background: var(--client-panel) !important; color: var(--client-text) !important; border: 1px solid var(--client-line) !important;
    border-radius: 0 !important; min-height: 34px !important; padding: 6px 11px !important; font-size: 13px !important; font-weight: 600 !important; box-shadow: none !important; cursor: pointer;
}
#docClientEditor button:disabled { opacity: .42; cursor: default !important; }
#docClientEditor button:focus-visible, #docClientEditor summary:focus-visible { outline: 3px solid var(--client-accent) !important; outline-offset: 3px; }
#docClientEditor .doc-module-toolbar button.active-mode, #docClientEditor .client-sidebar-tabs button[aria-pressed="true"] { background: var(--client-soft) !important; color: var(--client-accent) !important; border-color: var(--client-soft) !important; }
#docClientEditor #insertContentBtn, #docClientEditor #applyChangesBtn, #docClientEditor .client-dialog button[type="submit"] { background: var(--client-accent) !important; color: #fff !important; border-color: var(--client-accent) !important; }
#docClientEditor .mode-buttons { border-left: 1px solid var(--client-line); padding-left: 10px; }
#saveIndicator { font-size: 12px; color: var(--client-success); padding: 0 8px; }
#saveIndicator.save-error { color: var(--client-danger); max-width: 250px; }
#docClientEditor .doc-menu-panel { background: var(--client-panel); border-color: var(--client-line); min-width: 275px; }
#docClientEditor .doc-action-menu:hover .doc-menu-panel, #docClientEditor .doc-action-menu:focus-within .doc-menu-panel { display: none; }
#docClientEditor .doc-action-menu.is-open .doc-menu-panel { display: grid; gap: 5px; }
#docClientEditor .doc-menu-panel button { text-align: left; justify-content: flex-start; border-color: transparent !important; }
#docClientEditor .doc-menu-panel button:hover { background: var(--client-soft) !important; }
#docClientEditor .client-contextbar { display: flex; align-items: center; gap: 12px; flex: 0 0 auto; padding: 10px 12px; border-bottom: 1px solid var(--client-line); background: var(--client-panel); }
.client-document-heading { display: grid; gap: 3px; flex: 1; min-width: 0; }
.client-document-heading strong { font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.client-document-heading span { color: var(--client-muted); font-size: 12px; }
#docClientEditor .shell { flex: 1 1 auto; height: auto !important; min-height: 0; grid-template-columns: 260px minmax(0,1fr) 300px; }
#docClientEditor .shell.right-hidden { grid-template-columns: 260px minmax(0,1fr); }
#docClientEditor .shell.left-hidden { grid-template-columns: minmax(0,1fr) 300px; }
#docClientEditor .shell.left-hidden.right-hidden { grid-template-columns: minmax(0,1fr); }
#docClientEditor .left-pane, #docClientEditor .right-pane { background: var(--client-panel) !important; border-color: var(--client-line) !important; color: var(--client-text) !important; }
#docClientEditor .center-pane { background: var(--client-bg) !important; padding: 0 0 28px; }
#docClientEditor .left-pane .pane-section { padding: 12px; gap: 12px; }
#docClientEditor .left-pane .panel-card, #docClientEditor .right-pane .panel-card { color: var(--client-text) !important; background: var(--client-panel) !important; border-color: var(--client-line) !important; }
#docClientEditor .left-pane label, #docClientEditor .right-pane label, #docClientEditor .left-pane .small-note, #docClientEditor .right-pane .small-note { color: var(--client-muted) !important; font-size: 12px; line-height: 1.65; }
#docClientEditor .panel-title { color: var(--client-text) !important; }
.client-sidebar-tabs { display: flex; gap: 8px; padding: 16px 16px 0; }
.client-sidebar-tabs button { flex: 1; }
.client-pages-heading { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.client-pages-heading h2 { font-size: 13px; margin: 0; }
#docClientEditor .left-pane #addPageBtn { min-width: 34px; color: var(--client-accent) !important; background: var(--client-soft) !important; font-size: 21px !important; padding: 0 !important; }
#docClientEditor #pageSearch, #docClientEditor #newDocumentTitle { width: 100%; padding: 10px 12px; background: var(--client-bg) !important; border: 1px solid var(--client-line) !important; border-radius: 0; color: var(--client-text) !important; font: inherit; font-size: 12px; }
#docClientEditor .left-pane .page-item { display: flex; width: 100%; align-items: flex-start; gap: 10px; padding: 12px 10px !important; text-align: left; white-space: normal; }
#docClientEditor .left-pane .page-item.active { background: var(--client-soft) !important; border-color: var(--client-accent) !important; }
#docClientEditor .page-item-title { display: block; color: var(--client-text) !important; font-size: 13px; line-height: 1.5; font-weight: 600; overflow-wrap: anywhere; }
#docClientEditor .page-item-meta { display: block; color: var(--client-muted) !important; margin-top: 4px; font-size: 11px; }
.client-page-number { flex: 0 0 24px; display: grid; place-items: center; height: 26px; border-radius: 0; color: var(--client-accent); background: var(--client-panel); font-size: 12px; }
.client-page-actions { display: flex; flex-wrap: wrap; gap: 5px; }
#docClientEditor .client-page-actions button { font-size: 11px !important; padding: 5px 7px !important; }
#docClientEditor .client-page-actions .danger { color: var(--client-danger) !important; }
#docClientEditor #status { font-size: 11px; padding: 12px 16px; color: var(--client-muted); background: transparent; border: 0; line-height: 1.6; }
#docClientEditor .editor-wrap { width: 100%; max-width: 1020px; margin: 0 auto; padding: 0; }
#docClientEditor .canvas-page { border-radius: 0; box-shadow: 0 3px 18px #253f6610 !important; }
#docClientEditor .canvas-page-header { padding: 15px 18px; background: var(--doc-card, #fff) !important; }
#docClientEditor .canvas-page .page-title-input { color: var(--doc-text, #20324c) !important; background: transparent !important; font-size: 25px !important; font-weight: 600 !important; border: 0 !important; margin-top: 12px !important; }
#docClientEditor .canvas-page .page-intro-input { color: var(--doc-muted, #607087) !important; background: transparent !important; font-family: inherit; min-height: 48px !important; border: 0 !important; font-size: 14px; }
#docClientEditor .canvas-body { display: block; }
#docClientEditor .canvas-toc { display: none; }
#docClientEditor .canvas-main { padding: 10px 14px 20px; min-width: 0; }
#docClientEditor .block-card { border-radius: 0; box-shadow: none !important; }
#docClientEditor .block-card .block-top { background: var(--doc-soft, #f7f9fc) !important; padding: 7px 10px; }
#docClientEditor .block-body { padding: 10px 12px; }
#docClientEditor .block-type { font-size: 10px; letter-spacing: .04em; }
#docClientEditor .type-chip { border: 0; background: transparent; padding: 0; }
#docClientEditor .canvas-page .block-title-edit { background: transparent !important; color: var(--doc-text, #23354c) !important; font-size: 17px !important; padding: 2px 0 10px !important; }
#docClientEditor .canvas-page .editable { font-size: 14px; line-height: 1.8; min-height: 64px; white-space: pre-wrap; font-weight: 400; }
#docClientEditor .canvas-page .icon-btn { min-width: 29px; height: 29px; padding: 3px !important; border-radius: 0; }
#docClientEditor .insert-bar { margin: 8px 0; }
#docClientEditor .insert-btn { font-size: 11px; padding: 4px 10px; min-height: 28px; border-style: dashed; }
#docClientEditor .preview-only-designer { display: block; max-width: 1020px; margin: 0 auto; padding: 0; }
#docClientEditor .preview-only-designer h1, #docClientEditor .preview-only-designer h2, #docClientEditor .preview-only-designer h3, #docClientEditor .preview-only-designer p { color: var(--doc-text, #23354c) !important; }
#docClientEditor .preview-only-designer > .space-left, #docClientEditor .preview-only-designer > .space-right { display: none; }
#docClientEditor .client-table-editor .table-wrap { margin: 10px 0; overflow: auto; }
#docClientEditor .client-table-editor .smart-table th, #docClientEditor .client-table-editor .smart-table td { padding: 3px !important; min-width: 110px; }
#docClientEditor .client-table-editor .smart-table input { border: 1px solid transparent !important; padding: 8px !important; min-width: 100px; width: 100%; color: var(--doc-text) !important; font-size: 13px; }
#docClientEditor .client-table-editor .smart-table input:focus { border-color: var(--client-accent) !important; }
#docClientEditor .client-table-remove { background: transparent !important; color: var(--doc-muted) !important; border: 0 !important; font-size: 11px; padding: 5px; }
#docClientEditor .client-dialog { color: var(--client-text); background: var(--client-panel); padding: 26px; width: min(740px,calc(100vw - 32px)); max-height: calc(100dvh - 48px); border: 1px solid var(--client-line); border-radius: 0; box-shadow: 0 24px 80px #0b203c40; }
.client-dialog::backdrop { background: #16284180; backdrop-filter: blur(3px); }
.client-dialog-heading { display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; }
.client-dialog h2 { margin: 0; font-size: 23px; letter-spacing: -.03em; }
.client-dialog h3 { font-size: 16px; margin: 24px 0 14px; }
.client-dialog p { color: var(--client-muted); line-height: 1.65; font-size: 13px; }
.client-dialog-heading p { margin: 6px 0 20px; }
#docClientEditor .client-dialog .panel-card { background: transparent !important; border: 0 !important; }
#docClientEditor #blockPicker .mini-toolbar { display: contents; }
#docClientEditor #blockPicker .btn-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; }
#docClientEditor #blockPicker .add-block-btn { min-height: 70px !important; display: flex; gap: 10px; justify-content: flex-start; text-align: left; }
#docClientEditor #blockPicker .add-block-btn:hover { background: var(--client-soft) !important; border-color: var(--client-accent) !important; }
.client-local-note { background: var(--client-soft); padding: 12px 14px; border-radius: 0; }
#libraryList { display: grid; gap: 8px; max-height: 210px; overflow: auto; }
.client-library-row { display: flex; align-items: center; gap: 6px; }
.client-library-row .client-library-item { flex: 1; min-width: 0; }
.client-archive-toggle { display: flex; align-items: center; gap: 7px; font-size: 12px; margin: 16px 0 10px; color: var(--client-muted); }
#docClientEditor .client-library-item { display: flex; width: 100%; gap: 14px; align-items: center; text-align: left; padding: 14px !important; }
.client-library-item > span:nth-child(2) { flex: 1; min-width: 0; }
.client-library-item strong { display: block; overflow-wrap: anywhere; }
.client-library-item small { display: block; margin-top: 5px; color: var(--client-muted); font-weight: 400; }
.client-library-item > span:last-child { color: var(--client-accent); font-size: 12px; }
.client-dialog form > label { display: block; font-size: 13px; margin-bottom: 8px; }
.client-templates { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; border: 0; padding: 0; margin: 18px 0; }
.client-templates legend { font-size: 13px; padding: 0 0 10px; }
.client-templates label { border: 1px solid var(--client-line); border-radius: 0; padding: 14px; cursor: pointer; display: grid; grid-template-columns: 20px 1fr; gap: 7px; }
.client-templates label:has(:checked) { background: var(--client-soft); border-color: var(--client-accent); }
.client-templates input { margin: 2px 0 0; accent-color: var(--client-accent); }
.client-templates strong { font-size: 13px; }
.client-templates span { grid-column: 2; color: var(--client-muted); font-size: 12px; }
.client-dialog-actions { display: flex; justify-content: flex-end; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.client-checklist-row { display: flex; gap: 10px; align-items: center; margin: 8px 0; }
.client-checklist-row input[type="text"] { flex: 1; min-width: 0; }
.client-checklist-row input[type="checkbox"] { width: 18px; height: 18px; accent-color: var(--client-accent); }
#docClientEditor .client-checklist > button { background: var(--doc-card) !important; color: var(--doc-text) !important; border: 1px solid var(--doc-line) !important; font-size: 12px; padding: 7px 10px; }
@media (max-width: 1100px) {
    #docClientEditor .doc-module-toolbar { padding: 10px 12px !important; }
    #docClientEditor .shell { grid-template-columns: 230px minmax(0,1fr) 280px; }
    #docClientEditor .shell.right-hidden { grid-template-columns: 230px minmax(0,1fr); }
    #docClientEditor .center-pane { padding: 20px; }
    #docClientEditor .client-contextbar { flex-wrap: wrap; padding: 12px; }
    #docClientEditor .canvas-main { padding: 12px 22px 28px; }
    #docClientEditor .canvas-page-header { padding: 24px; }
}
@media (max-width: 700px) {
    #docClientEditor .app { height: 100dvh; }
    #docClientEditor .doc-module-toolbar .topbar-center, #docClientEditor .doc-module-toolbar .topbar-right { width: 100%; justify-content: flex-start; flex-wrap: wrap; }
    #docClientEditor .doc-module-toolbar button { font-size: 11px !important; padding: 6px 8px !important; }
    #docClientEditor .doc-module-toolbar .mode-buttons { width: auto !important; flex: 0 0 auto; }
    #docClientEditor .doc-module-toolbar .topbar-center { flex-direction: row !important; align-items: center !important; }
    #docClientEditor .doc-module-toolbar .mode-buttons { display: flex !important; }
    #docClientEditor .doc-module-toolbar button { width: auto !important; flex: 0 0 auto; }
    #saveIndicator { font-size: 10px; }
    #docClientEditor .client-contextbar { gap: 7px; }
    .client-document-heading { flex-basis: calc(100% - 155px); }
    #docClientEditor .client-contextbar button { font-size: 11px !important; }
    #docClientEditor .shell, #docClientEditor .shell.right-hidden, #docClientEditor .shell.left-hidden { display: block; position: relative; }
    #docClientEditor .left-pane, #docClientEditor .right-pane { display: none; position: absolute; top: 0; bottom: 0; width: min(310px, 90vw); z-index: 100; box-shadow: 5px 0 25px #14213530; }
    #docClientEditor .left-pane { left: 0; }
    #docClientEditor .right-pane { right: 0; }
    #docClientEditor .left-pane.mobile-pane-open, #docClientEditor .right-pane.mobile-pane-open { display: block !important; }
    #docClientEditor .center-pane { padding: 12px 8px 40px; }
    #docClientEditor .canvas-page-header { padding: 20px; }
    #docClientEditor .canvas-page .page-title-input { font-size: 25px !important; }
    #docClientEditor .canvas-main { padding: 8px 12px 24px; }
    #docClientEditor .block-body { padding: 14px; }
    #docClientEditor #blockPicker .btn-grid, .client-templates { grid-template-columns: 1fr 1fr; }
    #docClientEditor .client-dialog { padding: 20px; }
    #docClientEditor .doc-menu-panel { left: 0; right: auto; min-width: 245px; }
    #docClientEditor .toast { min-width: 0; max-width: calc(100vw - 32px); right: 16px; }
}

#docClientEditor #toggleAllPagesBtn, #docClientEditor #toggleLeftPaneBtn, #docClientEditor #toggleRightPaneBtn { display: inline-flex !important; }
#docClientEditor .canvas-page .icon-btn, #docClientEditor .canvas-page .insert-btn, #docClientEditor .canvas-page .html-toolbar button, #docClientEditor .canvas-page .mini-toolbar button { background: var(--doc-card, #fff) !important; color: var(--doc-text, #23354c) !important; border: 1px solid var(--doc-line, #dce4ed) !important; border-radius: 0; }
#docClientEditor .canvas-page .block-title-edit { border: 0 !important; }
#docClientEditor #status { color: var(--client-muted) !important; background: transparent !important; border: 0 !important; }
#docClientEditor .client-table-editor .mini-toolbar button { font-size: 12px; padding: 7px 10px; }
#docClientEditor .client-contextbar, #docClientEditor .client-pages-heading h2, #docClientEditor .client-dialog h2, #docClientEditor .client-dialog h3, #docClientEditor .client-dialog label, #docClientEditor .client-document-heading strong { color: var(--client-text) !important; }

/* Dashboard command bar, segmented controls and framed work panels. */
#docClientEditor .doc-module-toolbar { margin: 14px 14px 0; width: auto !important; min-height: 54px !important; padding: 10px 12px !important; border: 1px solid var(--client-line) !important; box-shadow: var(--client-shadow) !important; }
#docClientEditor .client-contextbar { margin: 0 14px 14px; background: var(--client-surface-2); border: 1px solid var(--client-line); border-top: 0; }
#docClientEditor .shell { gap: 14px; padding: 0 14px 14px; background: var(--client-bg); }
#docClientEditor .left-pane, #docClientEditor .right-pane { border: 1px solid var(--client-line) !important; box-shadow: var(--client-shadow); }
#docClientEditor .canvas-page, #docClientEditor .preview-page { border: 1px solid var(--client-line) !important; border-radius: 0 !important; box-shadow: var(--client-shadow) !important; }
#docClientEditor .canvas-page-header, #docClientEditor .preview-header { background: var(--client-surface-2) !important; }
#docClientEditor .client-sidebar-tabs { gap: 0; padding: 0; border-bottom: 1px solid var(--client-line); background: var(--client-surface-2); }
#docClientEditor .client-sidebar-tabs button { border: 0 !important; border-right: 1px solid var(--client-line) !important; min-height: 40px !important; }
#docClientEditor .client-sidebar-tabs button[aria-pressed="true"] { box-shadow: inset 0 -2px var(--client-accent) !important; }
#docClientEditor .mode-buttons { gap: 0 !important; padding: 0; border: 1px solid var(--client-line); background: var(--client-surface-3); }
#docClientEditor .mode-buttons button { border: 0 !important; border-right: 1px solid var(--client-line) !important; }
#docClientEditor .left-pane .page-item { background: var(--client-surface-2) !important; }
#docClientEditor .left-pane .page-item.active { border-left: 3px solid var(--client-accent) !important; background: var(--client-soft) !important; }
#docClientEditor .client-page-number { border: 1px solid var(--client-line); }
#docClientEditor #applyChangesBtn { background: var(--client-success-soft) !important; border-color: var(--client-success) !important; color: var(--client-text) !important; }
#docClientEditor #applyChangesBtn:hover { background: var(--client-success) !important; color: #fff !important; }
#docClientEditor .client-page-actions .danger, #docClientEditor .block-actions .danger { background: var(--client-danger-soft) !important; border-color: var(--client-danger) !important; color: var(--client-text) !important; }
#docClientEditor input:not([type="checkbox"]):not([type="radio"]), #docClientEditor textarea, #docClientEditor select { border-radius: 0 !important; }
#docClientEditor .smart-table th { background: var(--client-surface-2) !important; font-size: 12px; }
#docClientEditor .smart-table td { font-size: 13px; }
#docClientEditor .client-dialog { border-radius: 0; padding: 18px; }
#docClientEditor .client-dialog::backdrop { background: rgba(0,0,0,.45); backdrop-filter: none; }
#docClientEditor .toast { border-radius: 0; box-shadow: var(--client-shadow); font-size: 13px; font-weight: 600; background: var(--client-panel) !important; color: var(--client-text) !important; border: 1px solid var(--client-line); border-left: 3px solid var(--client-success); }
#docClientEditor .toast.error { border-left-color: var(--client-danger); }
#docClientEditor .toast.warn { border-left-color: var(--client-warning); }
#docClientEditor .admonition, #docClientEditor .quote-preview, #docClientEditor .type-chip, #docClientEditor .drag-handle, #docClientEditor .insert-bar, #docClientEditor .html-preview, #docClientEditor .table-preview, #docClientEditor .mermaid-preview, #docClientEditor .media-preview { border-radius: 0 !important; }
#docClientEditor .admonition { padding: 10px 12px; border-width: 1px; border-left-width: 3px; }
#docClientEditor .type-icon { background: transparent; border: 0; border-radius: 0; color: var(--client-accent); }
#docClientEditor .canvas-page .page-title-input { margin: 8px 0 !important; line-height: 1.2 !important; }
#docClientEditor .canvas-page .page-intro-input { min-height: 38px !important; height: 38px; margin: 0 !important; }
#docClientEditor .insert-bar { min-height: 28px; padding: 0; margin: 6px 0; }
#docClientEditor .insert-bar .insert-btn { min-height: 28px !important; padding: 4px 10px !important; font-size: 11px; }
#docClientEditor .preview-toc { background: var(--client-surface-2) !important; border-color: var(--client-line); }
#docClientEditor .preview-toc a { color: var(--client-muted) !important; }
#docClientEditor .preview-toc a:hover { color: var(--client-text) !important; background: var(--client-soft); }
#docClientEditor .mermaid-preview > div > .small-note, #docClientEditor .mermaid-card > div > div { color: var(--client-muted) !important; }
#docClientEditor .mermaid .nodeLabel p, #docClientEditor .mermaid .edgeLabel p { color: inherit !important; }
#docClientEditor #saveIndicator { color: var(--client-muted); }
#docClientEditor #saveIndicator.save-error { color: var(--client-danger); }
@media (max-width: 700px) {
    #docClientEditor .doc-module-toolbar { margin: 8px 8px 0; }
    #docClientEditor .client-contextbar { margin: 0 8px 8px; }
    #docClientEditor .shell { padding: 0 8px 8px; }
    #docClientEditor .center-pane { padding: 0 0 20px; }
    #docClientEditor .canvas-page-header { padding: 14px; }
    #docClientEditor .client-dialog button { min-height: 40px !important; }
}