/* Readable density: compact enough for work, with usable controls and clear hierarchy. */
.quiet,.muted,.section-note,.omni-test-hint,.wf-caption{color:var(--ui-muted)}
.page-heading p,.section-head p,.omni-panel p,.omni-card p,.project-card p,.view-heading p{color:var(--ui-muted);font-size:13px;line-height:1.75}
.page-heading .eyebrow,.eyebrow{color:var(--ui-muted)}
.nav-item,.nav-group .nav-item{font-size:13px;min-height:39px}.nav-group summary{font-size:12px;color:var(--ui-muted)}
.workspace strong{font-size:13px;color:var(--ui-text)}.workspace small{font-size:11px;color:var(--ui-muted)}
.breadcrumbs{font-size:12px}.breadcrumbs strong{font-size:13px;color:var(--ui-secondary)}
.breadcrumbs>span:first-child{color:var(--ui-muted)}
.topbar-actions{gap:12px}.topbar-edition{padding-left:10px}
.btn{font-size:13px;min-height:39px}.btn:disabled{opacity:.58}
.field label,.board-inspector .field label,.studio-filter .field label{font-size:12px;color:var(--ui-secondary);line-height:1.55}
.field input,.field select,.field textarea{font-size:13px;min-height:41px;color:var(--ui-text)}
.field input[type=checkbox],.field input[type=radio]{min-height:0;width:auto;accent-color:var(--accent)}
.field input[type=file]{padding:8px;font-size:12px;white-space:normal}
.field input[type=file]::file-selector-button{border:0;border-radius:5px;padding:6px 10px;margin-right:8px;background:var(--ui-hover);color:var(--ui-accent);cursor:pointer}
.field :is(input,textarea,select)[aria-invalid=true]{border-color:var(--ui-danger);box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-danger) 15%,transparent)}
.required-mark{color:var(--ui-accent)}
.field-tools{display:flex;align-items:start;gap:8px;flex-wrap:wrap;margin-top:6px}
.field-tool,.copy-code{font:inherit;font-size:12px;line-height:1.5;color:var(--ui-accent);border:1px solid var(--ui-line);background:var(--ui-surface);border-radius:5px;padding:4px 8px;cursor:pointer}
.field-tool:hover,.copy-code:hover{background:var(--ui-hover)}
.field-validation{font-size:12px;line-height:1.5;color:var(--ui-danger);overflow-wrap:anywhere}
.inline-form-error{padding:12px 14px;background:var(--ui-danger-bg);border:1px solid var(--ui-danger);border-radius:8px;color:var(--ui-danger);font-size:13px;line-height:1.6;white-space:pre-wrap;margin:12px 0;overflow-wrap:anywhere}
button[aria-busy=true]{cursor:progress}.btn[aria-busy=true]::before{content:'';width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;flex:none}
.section-note,.omni-panel .section-note,.wf-caption{font-size:12px;line-height:1.7}
.omni-table{font-size:13px}.omni-table th{font-size:12px;color:var(--ui-muted)}.omni-table td{color:var(--ui-secondary);overflow-wrap:anywhere}
.omni-scroll{max-width:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--ui-line) transparent;scroll-padding:12px;position:relative}
.omni-table{min-width:0;width:100%}.omni-table.ui-wide-table{min-width:540px}.omni-scroll:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}
.omni-columns>* , .omni-grid>*,.server-panels>*,.analytics-top>*{min-width:0}
.omni-state,.status,.wf-badge{font-size:11px}.stat-label{font-size:12px;color:var(--ui-muted)}.stat-foot{font-size:11px;color:var(--ui-muted)}
.project-card h3{font-size:16px}.project-card p{min-height:46px}.project-card-bottom small{font-size:11px;color:var(--ui-muted)}
.project-heading .omni-subtitle{font-size:12px;color:var(--ui-muted)}
.hub-widget h3{font-size:14px}.hub-widget p,.hub-widget .stat-mini,.channel-overview>span:nth-child(2){font-size:12px;color:var(--ui-muted)}
.segmented button,.hub-search input,.global-search,.integration-tabs button{font-size:12px}
.integration-tabs button{min-height:40px}.integration-header .btn{flex:none}.integration-header h2{font-size:25px}
.integration-search{display:flex;gap:12px;align-items:center;margin:0 0 20px;flex-wrap:wrap}.integration-search .hub-search{min-height:42px;max-width:520px}
.integration-search p{font-size:12px;color:var(--ui-muted);margin:0}.integration-search input{font-size:13px}
#integration-search-empty{padding:30px;text-align:center;border:1px dashed var(--ui-line);border-radius:12px;color:var(--ui-muted)}
.modal-heading{position:sticky;top:0;background:var(--ui-surface);z-index:10}.modal-heading p{font-size:13px;color:var(--ui-muted)}
.modal-body{overflow-wrap:anywhere}.modal-actions{position:sticky;bottom:-25px;background:var(--ui-surface);padding-top:16px;padding-bottom:8px;z-index:2}
.modal-heading h2{color:var(--ui-text)}
.guide-lead{color:var(--ui-secondary);font-size:15px;line-height:1.8;margin-top:0}.guide-tip{background:var(--ui-subtle);border-left:3px solid var(--ui-accent);padding:15px;border-radius:0 8px 8px 0;color:var(--ui-secondary);font-size:13px;line-height:1.8;margin:16px 0 24px}
.code-wrap{position:relative;min-width:0;margin:12px 0}.code-wrap>.omni-code,.code-wrap>pre{margin:0;padding-top:46px;max-width:100%;max-height:440px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
.copy-code{position:absolute;top:8px;right:8px;font-size:11px;line-height:1.5}
.omni-code,.wf-json{font-size:12px;line-height:1.7}
.board-inspector .field :is(input,select,textarea){font-size:12px;min-height:37px}.board-inspector .section-note{font-size:11px;color:var(--ui-muted)}
.board-inspector h3{font-size:15px}.board-inspector .btn{font-size:12px;min-height:36px}
.board-node-preview{color:var(--ui-muted)}.board-node-title{color:var(--ui-text)}.board-node-head{color:var(--ui-secondary)}
.board-port-labels>span{color:var(--ui-secondary)}.board-navigation button,.board-tools button{width:34px;height:34px}
.board-inspector .message-preview-head{font-size:11px}.board-inspector .preview-note{font-size:10px;color:var(--ui-muted)}
.board-hint,.board-caption{font-size:10px;color:var(--ui-muted)}
.save-indicator{font-size:11px}.wf-tabs .btn{font-size:13px}.wf-metrics span{font-size:12px}
.wf-card-actions .btn,.omni-flow-toolbar .btn,.wf-toolbar .btn{font-size:12px;min-height:36px}
.wf-log{grid-template-columns:150px minmax(0,1fr);overflow-wrap:anywhere}
.chat-list-top h2{font-size:20px}.chat-search input{font-size:13px}.chat-folders button{font-size:12px;min-height:44px}
.omni-person strong,.exp-ticket>div strong{font-size:14px}.chat-person-preview,.omni-person small,.exp-ticket p{font-size:12px}
.chat-person-time,.exp-ticket small{font-size:11px}.chat-list-footer{font-size:11px;color:var(--ui-muted)}
.message-text{font-size:14px}.message-meta{font-size:10px}.message-author{font-size:12px}.message-author>span{font-size:10px}
.message-button{font-size:12px;min-height:34px}.chat-compose-top small{font-size:11px}.chat-compose-top select{font-size:12px}
.telegram-composer>textarea{font-size:14px}.telegram-composer:focus-within{box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-accent) 45%,transparent)}
.exp-conversation-head h3{font-size:15px}.exp-conversation-head small{font-size:11px}.exp-conversation-head .btn{font-size:12px;min-height:36px}
.exp-desk-stats span{font-size:12px;color:var(--ui-muted)}
.profile-drawer-body .btn{font-size:12px}.profile-drawer-body .section-note{font-size:12px}
.chart-label{fill:var(--ui-muted)}.chart-tooltip,.chart-meta,.chart-legend,.chart-legend button{font-size:12px;color:var(--ui-muted)}
.chart-table-toggle{font-size:13px;color:var(--ui-accent)}.channel-chart-row header,.channel-chart-row header b{font-size:12px;color:var(--ui-secondary)}
.studio-filter .field select{font-size:13px;min-height:40px}.chart-legend button{padding:8px 0}.chart-tooltip{flex-wrap:wrap;gap:5px 16px}
.auto-entry{gap:12px}.auto-entry>div{min-width:0;overflow-wrap:anywhere}.auto-entry small{font-size:12px;line-height:1.6}
.auto-entry .btn{flex:none}.auto-staff-steps{flex-wrap:wrap}.auto-staff-steps span{font-size:12px}
.auto-staff-steps span:before{display:none}.exp-api-explain span{font-size:12px;color:var(--ui-secondary)}
.omni-audit strong{font-size:13px;color:var(--ui-secondary)}.omni-audit small{font-size:12px;color:var(--ui-muted)}
.omni-audit code{font-size:12px}.info-row{font-size:13px;color:var(--ui-muted)}.info-row b{color:var(--ui-text)}
body:has(.manual-article) .theme-toggle{float:right;margin:0 0 10px 8px}
.manual-article{scroll-margin-top:20px}.manual-article p{line-height:1.85}.manual-article h2{font-size:25px}
body:has(.manual-article) :is(input,button):focus-visible{outline:3px solid var(--ui-accent);outline-offset:3px}
.developers-page{position:relative}.developers-page .omni-actions .btn{color:var(--ui-secondary)}.developers-page .omni-actions .btn.primary{color:white}
.developers-filter{width:100%;padding:12px;border:1px solid var(--ui-line);border-radius:8px;background:var(--ui-surface);color:var(--ui-text);font-size:14px;margin:14px 0}
.developers-endpoint{font-size:13px;line-height:1.8}.developers-count{font-size:12px;color:var(--ui-muted)}
@media(max-width:1100px){.global-search span{display:none}.global-search kbd{margin-left:0}.topbar-actions{gap:8px}.topbar-edition{display:none}.studio-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.btn{min-height:42px}.field input,.field select,.field textarea{font-size:16px;min-height:44px}.field label{font-size:13px}.topbar-actions{gap:6px}.topbar .icon-button,.theme-toggle{min-width:38px;min-height:38px}.breadcrumbs strong{max-width:190px}.section-head{flex-wrap:wrap}.omni-actions{flex-wrap:wrap}.modal-body{padding:20px}.modal-heading{padding:20px}.modal-actions{bottom:-20px}.copy-code,.field-tool{min-height:32px}.board-inspector .field :is(input,select,textarea){font-size:16px;min-height:44px}.board-inspector .field label{font-size:13px}.board-inspector .btn{min-height:40px}.studio-form-grid{grid-template-columns:1fr}.omni-table .btn{min-height:36px}.wf-log{grid-template-columns:1fr}.auto-entry{align-items:flex-start;flex-wrap:wrap}.integration-header{flex-direction:column;padding:22px}.project-actions{gap:5px}.project-actions .btn{font-size:12px}.telegram-composer>textarea{font-size:16px}.omni-flow-toolbar{gap:6px}.omni-flow-toolbar .btn{min-height:38px}.omni-flow-toolbar select{min-height:38px}.exp-conversation-head .omni-actions{max-width:180px}.exp-desk-stats{gap:8px}.exp-desk-stats>div{padding:12px}.chart-tooltip{font-size:11px}.developers-page h1{font-size:29px}.developers-page{padding-top:62px}.modal-body .field-row{grid-template-columns:1fr}.code-wrap>.omni-code{font-size:12px}}
@media(max-width:420px){.global-search kbd{display:none}.topbar{gap:8px;padding:0 12px}.breadcrumbs strong{max-width:150px}.topbar-actions{gap:3px}.topbar .theme-toggle{min-width:34px;width:34px}.topbar .icon-button{min-width:32px;width:32px}.project-heading h1{font-size:20px}.project-actions{flex-wrap:wrap}.exp-contract-row.output{grid-template-columns:minmax(70px,1fr) 12px minmax(70px,1fr) 34px}}
.board-find{position:absolute;left:18px;top:68px;width:310px;max-width:calc(100% - 36px);border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-surface);box-shadow:0 10px 35px #0003;z-index:8;padding:8px}
.board-find input{width:100%;padding:10px;background:var(--ui-subtle);border:1px solid var(--ui-line);color:var(--ui-text);border-radius:7px;font-size:13px;min-width:0}
.board-find-results{max-height:260px;overflow:auto;margin-top:7px}.board-find-results button{display:block;text-align:left;width:100%;background:none;border:0;border-radius:6px;padding:9px 10px;color:var(--ui-text)}
.board-find-results button:hover,.board-find-results button:focus-visible{background:var(--ui-hover)}.board-find-results strong{display:block;font-size:12px;font-weight:500}.board-find-results small{display:block;color:var(--ui-muted);font-size:11px;margin-top:3px}.board-find-results p{font-size:12px;padding:10px;color:var(--ui-muted)}
@media(max-width:760px){.board-find input{font-size:16px}.board-find-results button{min-height:48px}}

.stat-label{padding-right:30px;min-height:36px;align-items:flex-start}.stat-glyph{width:29px;height:29px;right:16px;top:20px}
.chart-legend [data-series=incoming] i{background:var(--tone-blue-text)}.chart-legend [data-series=outgoing] i{background:var(--tone-green-text)}
.auth-form{width:min(380px,100%);min-width:0;max-width:100%}.auth-form-wrap{min-width:0}
@media(max-width:760px){.auth-form-wrap{padding-left:24px;padding-right:24px}.auth-form .eyebrow{font-size:11px}.auth-form .btn{white-space:normal}}

/* Keep bot connection actions visible inside short mobile dialogs. */
#om-channel .modal-actions{bottom:0;padding-bottom:12px}
.project-actions{flex-wrap:wrap}