html.admin-console { color-scheme: light; background: #f5f7fa; }
html.admin-console body { margin: 0; background: #f5f7fa; }
html.admin-console .editor-panel, html.admin-console .editor-panel * { letter-spacing: 0; }
html.admin-console .workspace { display: block; min-height: 100vh; background: #f5f7fa; }
html.admin-console .workspace[hidden] { display: none; }
html.admin-console .editor-panel { --muted: #707987; --line: #e7eaf0; --text: #26313f; width: 100%; min-height: 100vh; max-height: none; display: block; padding: 0; overflow: visible; color: #26313f; background: #f5f7fa; border: 0; }
html.admin-console .editor-topline { position: sticky; top: 0; z-index: 35; display: flex; align-items: center; justify-content: flex-start; gap: 18px; height: 64px; min-height: 64px; padding: 0 24px; background: #fff; border-bottom: 1px solid #e7eaf0; backdrop-filter: none; }
.console-brand-mark { width: 28px; height: 28px; }
html.admin-console .admin-branding { display: flex; align-items: center; gap: 10px; flex: 0 0 190px; }
html.admin-console .editor-topline h1 { margin: 0; font-size: 17px; font-weight: 650; white-space: nowrap; color: #1e2938; }
.console-brand-label { display: none; color: #86909e; font-size: 12px; white-space: nowrap; }
html.admin-console .admin-session-control { display: flex; align-items: center; gap: 20px; margin-left: auto; color: #455263; }
html.admin-console .save-state { display: flex; align-items: center; gap: 7px; color: #455263; font-size: 13px; }
html.admin-console .save-state i { width: 7px; height: 7px; background: #28a779; box-shadow: none; }
html.admin-console #admin-logout { color: #86909e; border: 0; background: transparent; font-size: 12px; }
#console-breadcrumb { display: flex; align-items: center; gap: 12px; color: #485262; font-size: 13px; white-space: nowrap; }
#console-breadcrumb span { color: #b6bdc8; }
html.admin-console .admin-shell-body { display: grid; grid-template-columns: 216px minmax(0,1fr); min-height: calc(100vh - 64px); }
html.admin-console .admin-nav { position: sticky; top: 64px; align-self: start; display: block; width: 216px; height: calc(100vh - 64px); overflow-y: auto; margin: 0; padding: 14px 12px 30px; border-right: 1px solid #e7eaf0; background: #fff; scrollbar-width: thin; }
.console-nav-caption { margin: 16px 12px 8px; color: #a0a8b5; font-size: 11px; font-weight: 500; }
.console-nav-group:first-child .console-nav-caption { margin-top: 4px; }
.console-nav-link, .console-nav-parent { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 42px; margin: 3px 0; padding: 10px 12px; border: 0; border-radius: 6px; background: transparent; color: #525e6d; text-align: left; font-size: 13px; font-weight: 450; line-height: 20px; cursor: pointer; }
.console-nav-parent > span:nth-child(2) { flex: 1; }
.console-nav-parent > .console-icon:last-child { width: 14px; height: 14px; }
.console-nav-link:hover, .console-nav-parent:hover { background: #f6f8fb; color: #2c6fed; }
.console-nav-parent.is-current { color: #286ee8; }
.console-subnav { margin: 4px 0 10px; }
.console-subnav .console-nav-link { padding-left: 43px; min-height: 37px; font-size: 13px; }
.console-nav-link.is-active { background: #eaf2ff; color: #246be8; font-weight: 550; }
.console-icon { display: inline-block; flex: 0 0 auto; width: 17px; height: 17px; background-color: currentColor; -webkit-mask: var(--console-icon) center / contain no-repeat; mask: var(--console-icon) center / contain no-repeat; }
html.admin-console .admin-content { display: block; min-width: 0; padding: 26px 28px 40px; background: #f5f7fa; }
html.admin-console #admin-config { width: 100%; max-width: none; margin: 0; }
html.admin-console #admin-config > .admin-segment { display: none; }
.console-page-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 20px; }
.console-page-heading h2 { margin: 0 0 5px; color: #202b3b; font-size: 21px; font-weight: 650; line-height: 29px; }
.console-page-heading > div > span { color: #8b94a3; font-size: 12px; }
.console-primary, .console-button, .console-icon-button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; flex: 0 0 auto; height: 35px; min-height: 35px; padding: 0 13px; border: 1px solid #dde3eb; border-radius: 5px; background: #fff; color: #4f5a6a; font: inherit; font-size: 13px; font-weight: 500; line-height: 20px; white-space: nowrap; cursor: pointer; }
.console-primary { border-color: #2e74ed; background: #2e74ed; color: #fff; }
.console-primary:hover { background: #2466d9; }
.console-button:hover, .console-icon-button:hover { border-color: #abc5f1; background: #f6f9ff; color: #246be8; }
.console-icon-button { width: 35px; padding: 0; }
.console-icon-button img { width: 18px; height: 18px; opacity: .66; }
.console-button:disabled, .console-primary:disabled, .console-icon-button:disabled, .console-switch:disabled { opacity: .45; cursor: not-allowed; }
.console-catalog { min-width: 0; border: 1px solid #e5e9ef; border-radius: 6px; background: #fff; }
.console-list-toolbar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; padding: 17px 18px 14px; }
.console-search { display: flex; align-items: center; gap: 8px; width: 260px; min-width: 160px; height: 35px; padding: 0 11px; border: 1px solid #e0e5ec; border-radius: 5px; color: #9aa4b3; background: #fff; }
html.admin-console .console-search input { width: 100%; height: 31px; min-height: 31px; padding: 0; border: 0; background: transparent; color: #364255; font-size: 13px; outline: none; }
.console-search:focus-within { border-color: #5896f6; box-shadow: 0 0 0 2px #eaf2ff; }
.console-toolbar-end { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; }
html.admin-console .console-toolbar-end select, html.admin-console .console-filter-row select, html.admin-console .console-pagination select { width: auto; max-width: 200px; min-height: 34px; height: 34px; padding: 0 30px 0 10px; border: 1px solid #e2e6ed; border-radius: 5px; background-color: #fff; color: #647082; font-size: 12px; }
.console-sync { color: #16815d; border-color: #c7e6d8; background: #f4fcf8; }
.console-filter-row { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding: 0 18px 16px; }
.console-filter-row > span:first-child { display: flex; align-items: center; gap: 6px; color: #97a1ae; font-size: 12px; margin-right: 4px; }
.console-text-button { border: 0; background: transparent; color: #2e74ed; font-size: 12px; cursor: pointer; }
.console-filter-count { margin-left: auto; color: #a0a8b5; font-size: 12px; }
.console-table-scroll { width: 100%; overflow-x: auto; scrollbar-width: thin; }
.console-table { width: 100%; min-width: 1020px; border-collapse: collapse; table-layout: fixed; font-size: 13px; line-height: 21px; }
.console-table th { height: 46px; padding: 9px 12px; background: #f7f8fa; color: #738092; font-size: 12px; font-weight: 500; text-align: left; white-space: nowrap; border-top: 1px solid #edf0f4; border-bottom: 1px solid #edf0f4; }
.console-table th:first-child, .console-table td:first-child { padding-left: 20px; }
.console-table th button { display: inline-flex; align-items: center; gap: 5px; padding: 0; background: transparent; border: 0; color: inherit; font: inherit; cursor: pointer; }
.console-table th button .console-icon { width: 12px; height: 12px; color: #a6b1c0; }
.console-table td { height: 74px; padding: 13px 12px; color: #485363; border-bottom: 1px solid #edf0f4; vertical-align: middle; }
.console-table tr:last-child td { border-bottom: 0; }
.console-table tbody tr:hover { background: #fafcff; }
.console-table .console-id { max-width: 85px; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 13px; color: #6c7b90; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.console-avatar { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; overflow: hidden; border-radius: 8px; background: #edf3ff; color: #5988db; }
.console-avatar.workflows { background: #eaf8f3; color: #269579; }
.console-avatar .console-icon { width: 20px; height: 20px; }
.console-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }
.console-name { min-width: 165px; max-width: 280px; }
.console-name button { display: block; max-width: 100%; padding: 0; border: 0; background: transparent; color: #293648; text-align: left; font: inherit; font-weight: 550; overflow-wrap: anywhere; cursor: pointer; }
.console-name button:hover { color: #2e74ed; }
.console-name small, .console-cell-sub { display: block; margin-top: 3px; color: #9aa4b2; font-size: 11px; line-height: 17px; }
.console-table .console-number { font-variant-numeric: tabular-nums; }
.console-table .console-date { white-space: nowrap; color: #8490a1; font-size: 11px; font-variant-numeric: tabular-nums; }
.console-table .console-row-actions { min-width: 104px; white-space: nowrap; }
.console-table th:last-child, .console-table td:last-child { position: sticky; z-index: 2; right: 0; min-width: 105px; background: #fff; box-shadow: -7px 0 10px -10px #405672; }
.console-table th:nth-last-child(2), .console-table td:nth-last-child(2) { position: sticky; z-index: 2; right: 105px; min-width: 85px; white-space: nowrap; background: #fff; }
.console-table th:last-child, .console-table th:nth-last-child(2) { background: #f7f8fa; }
.console-row-actions button { padding: 3px 0; border: 0; background: transparent; color: #2d76e9; font-size: 12px; cursor: pointer; }
.console-row-actions button + button { margin-left: 16px; }
.console-row-actions button.is-danger { color: #da737c; }
.console-switch { display: inline-flex; align-items: center; width: 30px; height: 17px; padding: 2px; border: 0; border-radius: 9px; background: #cbd2dd; vertical-align: middle; cursor: pointer; }
.console-switch > span { width: 13px; height: 13px; background: #fff; border-radius: 50%; box-shadow: 0 1px 2px #0002; }
.console-switch.is-on { background: #347def; }
.console-switch.is-on > span { margin-left: 13px; }
.console-status { margin-left: 6px; color: #7c899b; font-size: 11px; vertical-align: middle; white-space: nowrap; }
.console-pagination { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 64px; padding: 12px 18px; color: #8b96a6; border-top: 1px solid #edf0f4; font-size: 12px; }
.console-pagination b { color: #55657a; font-weight: 500; }
.console-pagination > div { display: flex; align-items: center; gap: 12px; }
.console-pagination .console-icon-button { width: 28px; height: 28px; min-height: 28px; border: 0; }
.console-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; min-height: 300px; color: #a0aab9; }
.console-empty > .console-icon { width: 35px; height: 35px; color: #b9c6d8; margin-bottom: 8px; }
.console-empty strong { color: #768397; font-size: 14px; font-weight: 500; }
.console-empty span { font-size: 12px; }
.console-empty button { margin-top: 6px; padding: 4px; border: 0; background: transparent; color: #2e74ed; cursor: pointer; }
.console-error { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 18px 14px; padding: 11px 14px; border: 1px solid #f4d5d6; border-radius: 5px; background: #fff6f6; color: #c75461; font-size: 13px; }
.console-error button { padding: 0; border: 0; background: transparent; color: #ba3948; text-decoration: underline; cursor: pointer; }
.console-drawer-backdrop { position: fixed; z-index: 85; inset: 0; background: rgba(30,42,59,.3); }
.console-drawer { position: fixed; z-index: 86; inset: 0 0 0 auto; display: flex; flex-direction: column; width: min(820px,calc(100% - 32px)); height: 100dvh; padding: 0; border: 0; background: #fff; box-shadow: -10px 0 45px #182e4920; color: #354254; }
.console-drawer > header { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 22px 26px 18px; border-bottom: 1px solid #edf0f4; }
.console-drawer > header small { color: #9ba5b4; font-size: 11px; }
.console-drawer h2 { margin: 5px 0 0; font-size: 19px; font-weight: 600; line-height: 27px; overflow-wrap: anywhere; }
.console-drawer-tabs { display: flex; gap: 25px; padding: 0 26px; border-bottom: 1px solid #edf0f4; }
.console-drawer-tabs button { min-height: 49px; padding: 0 2px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: #8994a4; font-size: 13px; cursor: pointer; }
.console-drawer-tabs button[aria-selected="true"] { border-color: #2e74ed; color: #2e74ed; }
.console-drawer-body { flex: 1; min-height: 0; padding: 24px 26px; overflow-y: auto; overscroll-behavior: contain; }
.console-drawer-body > fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.console-drawer-body .agent-config-card, .console-drawer-body .workflow-config-card { margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; }
.console-drawer-body .admin-card-head, .console-drawer-body [data-remove-catalog] { display: none; }
html.admin-console .console-drawer-body .catalog-config-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 21px 18px; margin: 0; padding: 0; border: 0; background: transparent; }
html.admin-console .console-drawer-body label, html.admin-console .console-drawer-body label small { color: #677486; font-size: 12px; font-weight: 400; }
html.admin-console .console-drawer-body label small { display: block; margin-bottom: 7px; line-height: 18px; }
html.admin-console .console-drawer-body input:not([type="checkbox"]):not([type="radio"]), html.admin-console .console-drawer-body select, html.admin-console .console-drawer-body textarea { width: 100%; max-width: 100%; min-height: 39px; box-sizing: border-box; padding: 9px 11px; border: 1px solid #dfe5ed; border-radius: 5px; background: #fff; color: #344257; outline: none; font: inherit; font-size: 13px; line-height: 20px; }
html.admin-console .console-drawer-body input:focus, html.admin-console .console-drawer-body textarea:focus, html.admin-console .console-drawer-body select:focus { border-color: #79a7f3; box-shadow: 0 0 0 2px #edf4ff; }
html.admin-console .console-drawer-body input[type="file"] { font-size: 12px; }
.console-drawer-body .agent-copy-grid { display: grid; grid-template-columns: 1fr; gap: 25px; margin-top: 0; }
html.admin-console .console-drawer-body .agent-copy-grid textarea { min-height: 150px; resize: vertical; }
.console-drawer-body .agent-operation-grid { margin-top: 24px; padding-top: 20px; border-top: 1px solid #edf0f4; }
.console-icon-field { display: grid; gap: 10px; margin-bottom: 26px; }
.console-icon-caption { color: #677486; font-size: 12px; }
.console-icon-upload-row { display: flex; align-items: center; gap: 16px; }
.console-icon-field .console-icon-thumbnail { width: 72px; height: 72px; padding: 0; border: 1px dashed #c7d7ee; border-radius: 7px; cursor: pointer; }
.console-icon-field .console-icon-thumbnail:hover { border-color: #5291f2; }
.console-icon-thumbnail > .console-icon { width: 28px; height: 28px; }
.console-icon-upload-actions { display: flex; align-items: center; gap: 10px; }
.console-icon-upload-row small { display: block; margin-top: 7px; color: #9aa5b5; font-size: 11px; overflow-wrap: anywhere; }
.console-icon-upload-row > div { min-width: 0; }
.console-icon-upload-row .console-button { height: 32px; min-height: 32px; }
.console-drawer-body .workflow-schema-config, .console-drawer-body .workflow-showcase-config { margin: 0; padding: 0; border: 0; background: #fff; }
.console-drawer-body .workflow-showcase-fields { display: grid; grid-template-columns: 1fr; gap: 20px; }
.console-drawer-body .workflow-schema-head, .console-drawer-body .workflow-showcase-head { color: #354254; }
.console-drawer-body .workflow-schema-head span, .console-drawer-body .workflow-schema-head small, .console-drawer-body .admin-help-text { color: #8c98a7; }
.console-drawer-body .workflow-parameter-card { border-color: #e2e7ee; border-radius: 6px; background: #fafbfd; }
.console-drawer-body .workflow-parameter-card strong { color: #465469; }
.console-drawer-body .workflow-schema-param { border: 1px solid #e2e7ee; border-radius: 6px; background: #fafbfd; padding: 16px; margin-top: 14px; }
.console-drawer-body .workflow-schema-head { margin: 23px 0 12px; }
.console-drawer-body .workflow-schema-head strong, .console-drawer-body .workflow-showcase-head strong { color: #52647b; font-size: 14px; }
.console-drawer-body .workflow-schema-head span, .console-drawer-body .workflow-schema-head b, .console-drawer-body .workflow-showcase-head label, .console-drawer-body .workflow-source-type, .console-drawer-body .workflow-schema-param-toolbar span { font-size: 11px; color: #8c9aad; }
.console-drawer-body .workflow-schema-head-actions button { background: #f0faf7; color: #268f70; font-size: 12px; border-color: #cbe9de; border-radius: 5px; }
.console-drawer-body .workflow-schema-param-toolbar button { font-size: 12px; color: #d45e6d; }
.console-drawer-body .workflow-page-settings textarea { min-height: 100px; }
.console-drawer-body .workflow-options-field { margin-top: 16px; color: #76869d; font-size: 12px; }
.console-drawer-body .workflow-schema-toggle b { font-size: 12px; color: #76869d; }
.console-drawer-body .workflow-schema-toggle i { background: #cbd2dd; }
.console-drawer-body[data-console-editor-panel="basic"] .agent-copy-grid,
.console-drawer-body[data-console-editor-panel="basic"] .workflow-schema-config,
.console-drawer-body[data-console-editor-panel="basic"] .workflow-showcase-config,
.console-drawer-body:not([data-console-editor-panel="basic"]) .console-icon-field,
.console-drawer-body:not([data-console-editor-panel="basic"]) .catalog-config-row,
.console-drawer-body:not([data-console-editor-panel="basic"]) .agent-operation-grid,
.console-drawer-body[data-console-editor-panel="parameters"] .workflow-showcase-config,
.console-drawer-body[data-console-editor-panel="showcase"] .workflow-schema-config { display: none !important; }
.console-drawer > footer { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; padding: 17px 26px; border-top: 1px solid #e7ebf1; background: #fff; }
.console-drawer > footer > span { flex: 1; color: #9aa4b2; font-size: 11px; }
.console-drawer .console-error { margin: 0 0 20px; }
.console-drawer-body [data-console-sync-one] { grid-column: 2; align-self: end; }
html.admin-console .editor-panel button:focus-visible, html.admin-console .editor-panel a:focus-visible { outline: 2px solid #5d94ef; outline-offset: 3px; }
html.admin-console .admin-context { margin: 0 0 20px; padding: 0; border: 0; }
html.admin-console .admin-context strong { color: #263449; font-size: 20px; }
html.admin-console .admin-context span { color: #8c97a6; font-size: 12px; }
html.admin-console .admin-config-card, html.admin-console .dashboard-chart-card, html.admin-console .dashboard-quick { border: 1px solid #e5e9ef; border-radius: 6px; background: #fff; color: #455166; box-shadow: none; }
html.admin-console .admin-card-head { color: #455166; border-color: #edf0f4; }
html.admin-console .admin-card-head strong { font-size: 14px; }
html.admin-console .admin-card-head span { color: #8c97a6; }
html.admin-console .admin-content label, html.admin-console .admin-content label small { color: #758195; }
html.admin-console .admin-content input:not([type="checkbox"]):not([type="radio"]), html.admin-console .admin-content select, html.admin-console .admin-content textarea { background-color: #fff; color: #364357; border-color: #e0e5ed; border-radius: 5px; }
html.admin-console .admin-config-card label { font-size: 12px; }
html.admin-console .admin-config-card input:not([type="checkbox"]):not([type="radio"]), html.admin-console .admin-config-card select, html.admin-console .admin-config-card textarea { font-size: 13px; min-height: 38px; }
html.admin-console .editor-panel .outline-button { border: 1px solid #dfe5ed; border-radius: 5px; background: #fff; color: #63748a; }
html.admin-console .editor-panel .primary-small { border-radius: 5px; background: #2e74ed; color: #fff; box-shadow: none; }
html.admin-console .editor-panel .table-link { color: #3279ec; }
html.admin-console .editor-panel .table-link.danger { color: #d45e6d; }
html.admin-console .admin-wide-table { background: #fff; border: 1px solid #e5e9ef; }
html.admin-console .admin-wide-head { background: #f7f8fa; color: #8190a3; border-color: #edf0f4; }
html.admin-console .admin-wide-row { color: #546176; border-color: #edf0f4; }
html.admin-console .status-pill { background: #edf7f2; color: #2d9270; border: 0; }
html.admin-console .status-pill.blue { background: #edf3ff; color: #4982d8; }
html.admin-console .status-pill.gray { background: #f0f2f6; color: #919aa8; }
html.admin-console .dashboard-metric { background: #fff; border: 1px solid #e5e9ef; color: #536277; }
html.admin-console .dashboard-metric strong { color: #263b56; }
html.admin-console .dashboard-quick button { border-color: #edf0f4; color: #6b7d94; }
html.admin-console .admin-modal { color: #42536a; background: #fff; border-color: #e0e6ef; border-radius: 8px; }
html.admin-console .admin-modal-head { border-color: #e7ebf1; }
html.admin-console .admin-modal input, html.admin-console .admin-modal textarea, html.admin-console .admin-modal select { color: #344257; background: #fff; border-color: #dfe5ed; }
html.admin-console .security-note, html.admin-console .schema-preview { color: #7c899c; background: #f7f9fc; border-color: #e6ebf2; }
html.admin-console .preview-stage { display: none; }
html.console-preview-open .preview-stage { display: flex; position: fixed; z-index: 45; inset: 64px 0 0 auto; width: 470px; padding: 16px; overflow: auto; background: #e9edf4; box-shadow: -8px 0 30px #20355520; }
html.console-preview-open .admin-content { padding-right: 490px; }
html.console-preview-open .stage-note { display: none; }
html.console-preview-open .stage-toolbar { color: #57677e; }
html.console-sidebar-hidden .admin-shell-body { grid-template-columns: minmax(0,1fr); }
html.console-sidebar-hidden .admin-nav { display: none; }
html.admin-console .admin-auth-shell { background: #f5f7fa; color: #344357; }
html.admin-console .admin-auth-panel { background: #fff; border: 1px solid #e2e7ee; border-radius: 8px; box-shadow: 0 15px 50px #24426b0a; }
html.admin-console .admin-auth-panel h2, html.admin-console .admin-auth-brand strong { color: #344357; }
html.admin-console .admin-auth-form input { color: #344357; background: #fff; border-color: #dfe5ed; }
html.admin-console .admin-auth-form button { background: #2e74ed; }
@media (min-width: 1700px) { .console-brand-label { display: inline; } html.admin-console .admin-branding { flex-basis: 190px; } .console-table { font-size: 14px; } .console-table .console-date { font-size: 12px; } }
@media (max-width: 1000px) { html.admin-console .admin-shell-body { grid-template-columns: 190px minmax(0,1fr); } html.admin-console .admin-nav { width: 190px; } html.admin-console .admin-content { padding: 22px 18px; } html.admin-console .admin-branding { flex-basis: 165px; } html.admin-console .admin-session-control { gap: 12px; } }
@media (max-width: 700px) { html.admin-console .editor-topline { gap: 12px; padding: 0 14px; height: 58px; min-height: 58px; } html.admin-console .admin-branding { flex-basis: auto; } html.admin-console .admin-branding h1 { font-size: 15px; } .console-brand-mark { width: 23px; height: 23px; } #console-breadcrumb { display: none; } html.admin-console .admin-session-control { gap: 10px; } html.admin-console .admin-session-control .save-state { display: none; } html.admin-console .admin-shell-body { display: block; } html.admin-console .admin-nav { position: fixed; z-index: 34; inset: 58px auto 0 0; width: 205px; height: calc(100dvh - 58px); box-shadow: 12px 0 25px #28385012; } html.admin-console .admin-content { padding: 20px 14px 30px; } html.admin-console:not(.console-sidebar-hidden) .admin-content { pointer-events: none; } .console-page-heading h2 { font-size: 20px; } .console-list-toolbar { align-items: stretch; padding: 14px; } .console-search { width: 100%; } .console-toolbar-end { justify-content: flex-end; } .console-filter-row { padding: 0 14px 14px; gap: 7px; } .console-filter-row > span:first-child { display: none; } html.admin-console .console-filter-row select { max-width: 140px; } .console-pagination { padding: 12px; gap: 8px; } .console-pagination > div { gap: 6px; } .console-drawer { width: 100%; } .console-drawer > header { padding: 17px 18px; } .console-drawer-body { padding: 20px 18px; } .console-drawer-tabs { padding: 0 18px; gap: 20px; } .console-drawer > footer { padding: 14px 18px; } .console-drawer > footer > span { font-size: 10px; } html.admin-console .console-drawer-body .catalog-config-row { grid-template-columns: minmax(0,1fr); } .console-drawer-body [data-console-sync-one] { grid-column: 1; } html.console-preview-open .preview-stage { width: 100%; inset: 58px 0 0; } html.console-preview-open .admin-content { padding-right: 14px; } }
@media (prefers-reduced-motion: no-preference) { .console-switch > span { transition: margin-left .15s; } }
@media (max-width: 700px) { .console-drawer-body .workflow-schema-param-top, .console-drawer-body .workflow-schema-param.is-output .workflow-schema-param-top { grid-template-columns: minmax(0,1fr); } .console-drawer-body .workflow-schema-head { flex-wrap: wrap; } }