/* Local visual experiment: neutral surfaces and flat primary action. */
:root{--design-lime:#c8ff3d}
.cf-app[data-cf-theme="light"]{--cf-bg:#f3f4f5!important;--cf-panel:#ffffff!important;--cf-raised:#ffffff!important;--cf-line:#dfe2e5!important;--cf-tint:#eef0f2!important;--cf-own:#eef0f2!important;--cf-quote:#eef0f2!important}
html[data-theme="light"]{--transition-bg:#f3f4f5!important;--transition-surface:#ffffff!important;--transition-line:#dfe2e5!important;--transition-soft:#eef0f2!important;--transition-selected:#eef0f2!important;--transition-search:#ffffff!important}
.crm-new-request{background:#c8ff3d!important;color:#101214!important;box-shadow:none!important;border:1px solid transparent!important;border-radius:12px!important;min-height:44px}
.cf-app[data-cf-theme="light"] .cf-setting{border:1px solid #dfe2e5!important;border-radius:14px!important;background:#ffffff!important}

/* Mobile work conversations: title/action, search, compact incoming strip. */
.crm-pro-chats{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-auto-rows:max-content;gap:12px 8px;align-items:center;align-content:start!important;height:auto!important;min-height:0!important}
.crm-pro-chats::before{content:'Рабочие чаты';grid-row:1;grid-column:1;font-size:18px;font-weight:800;line-height:1.2}
.crm-pro-chats>.crm-new-request{grid-row:1;grid-column:2;margin:0!important;min-height:44px;padding:10px 12px!important}
.crm-pro-chats>.crm-chats-card{display:contents!important}
.crm-pro-chats .crm-list-tools{grid-row:2;grid-column:1 / -1;margin:0!important}
.crm-pro-chats>.cf-setting{grid-row:3;grid-column:1;min-height:52px;padding:10px!important;margin:0!important;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.crm-pro-chats>.cf-setting small{font-size:11px;color:var(--cf-muted)}
.crm-pro-chats>button:first-child{grid-row:3;grid-column:2;min-height:52px;margin:0!important;font-size:12px;border-radius:12px}
.crm-pro-chats .crm-chat-list{grid-row:4;grid-column:1 / -1}
.crm-pro-chats .crm-chat-list:empty{display:none}
.crm-pro-chats .crm-chats-empty{grid-row:5;grid-column:1 / -1;margin-top:8px!important;min-height:0!important;padding:24px 12px!important}
@media(max-width:350px){.crm-pro-chats::before{font-size:16px}.crm-pro-chats>.crm-new-request{font-size:12px;padding:10px!important}}
.cf-app[data-cf-theme="dark"] .crm-pro-chats>.cf-setting,
.cf-app[data-cf-theme="dark"] .crm-pro-chats>button:first-child{background:var(--cf-panel)!important;color:var(--cf-text)!important;border:1px solid var(--cf-line)!important}
@media(max-width:350px){
 .cf-brandbar .cf-brand{font-size:20px!important;white-space:nowrap;flex-shrink:0}
 .cf-brandbar .cf-brand-actions{min-width:0}
 .cf-brandbar .client-header-actions{gap:4px!important}
 .cf-brandbar{gap:6px!important;padding-left:12px!important;padding-right:12px!important}
 .cf-brandbar .apk-theme-select{font-size:11px!important;padding:6px!important;min-width:48px!important}
 .cf-brandbar .client-header-profile{font-size:12px!important;padding:6px 8px!important;min-height:44px}
}
html body .cf-app[data-cf-theme="dark"] .crm-workspace .crm-pro-chats>button.cf-setting,
html body .cf-app[data-cf-theme="dark"] .crm-workspace .crm-pro-chats>button:first-child{background:#1b1f21!important;color:#f4f6f5!important;border:1px solid #394044!important}
.static-entry__card{border:1px solid #dedfe1!important;box-shadow:none!important;border-radius:18px!important}
.static-entry__loading{background:#c8ff3d!important;color:#101214!important;box-shadow:none!important}
.static-entry__choices span{border:1px solid #dedfe1!important;background:#f3f4f5!important}
.static-entry{background:#f3f4f5!important}
button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(prefers-color-scheme:dark){.static-entry{background:#101214!important}.static-entry__card{border-color:#383a3d!important}.static-entry__choices span{background:#202225!important;border-color:#383a3d!important}}

/* Four real header controls must share one row; the old three-column grid
   placed the added bell in the profile slot and pushed profile over content. */
html body #root .cf-app .cf-brandbar:has(.client-header-actions){display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;min-height:60px!important;height:auto!important;padding:8px 12px!important;box-sizing:border-box}
html body #root .cf-app .cf-brandbar .cf-brand{font-size:20px!important;white-space:nowrap;flex:0 0 auto;line-height:1.2!important}
html body #root .cf-app .cf-brandbar .cf-brand-actions{display:flex!important;flex:0 1 auto!important;min-width:0}
html body #root .cf-app .cf-brandbar .client-header-actions{display:flex!important;align-items:center;flex:0 1 auto!important;gap:5px!important;min-width:0}
html body #root .cf-app .cf-brandbar .client-header-actions>*,html body #root .cf-app .cf-brandbar .client-header-profile{position:relative;flex:0 0 auto;grid-column:auto!important;grid-row:auto!important;margin:0!important}
html body #root .cf-app .cf-brandbar .apk-theme-select{min-width:49px!important;min-height:44px!important;padding:7px 6px!important;font-size:12px!important}
html body #root .cf-app .cf-brandbar .local-bell{display:inline-flex!important;align-items:center;justify-content:center;min-width:36px!important;width:36px;min-height:44px!important;padding:0!important;border-radius:12px!important;background:var(--cf-panel)!important;border:1px solid var(--cf-line)!important;color:var(--cf-text)!important;box-shadow:none!important}
html body #root .cf-app .cf-brandbar .client-header-profile{min-height:44px!important;max-width:86px;padding:7px 8px!important;font-size:12px!important;border-radius:12px!important;background:var(--cf-panel)!important;color:var(--cf-text)!important;box-shadow:none!important}
html body #root .cf-app .cf-brandbar .client-header-profile svg{width:16px!important;height:16px!important}
html body #root .cf-app .crm-workspace .crm-pro-chats>button.cf-setting{border:1px solid var(--cf-line)!important;border-radius:12px!important;background:var(--cf-panel)!important;color:var(--cf-text)!important;box-sizing:border-box;min-width:0}
html body #root .cf-app .crm-workspace .crm-pro-chats>button.cf-setting small{margin:0!important;text-align:left!important;white-space:normal!important}
html body #root .cf-app .crm-workspace .crm-pro-chats>.crm-new-request{box-shadow:none!important}
@media(max-width:350px){html body #root .cf-app .cf-brandbar .cf-brand{font-size:18px!important}}
html body #root .cf-app .cf-brandbar .apk-theme-select{width:54px!important;max-width:54px!important}
html body #root .cf-app .cf-brandbar .client-header-profile{max-width:none!important}
html body #root .cf-app .cf-brandbar .apk-theme-select{display:inline-flex!important;align-items:center;justify-content:center;white-space:nowrap!important;gap:3px!important}
html body #root .cf-app .cf-admin-user-toolbar>label{display:flex!important;align-items:center;gap:8px;padding:8px 12px!important;border:1px solid var(--cf-line)!important;border-radius:12px!important;background:var(--cf-panel)!important}
html body #root .cf-app .cf-admin-user-toolbar>label>svg{width:18px!important;height:18px!important;flex:0 0 18px}
html body #root .cf-app .cf-admin-user-toolbar>label>input{min-width:0;flex:1;width:100%;margin:0!important;padding:4px 0!important;border:0!important;background:transparent!important;min-height:32px!important}
.cf-admin-nav{scrollbar-width:thin;scrollbar-color:var(--cf-line) transparent}
html body #root .cf-app .cf-admin-user-toolbar>label{flex-direction:row!important}
html body #root .cf-app .cf-admin-nav button{background:var(--cf-panel)!important;color:var(--cf-text)!important;border:1px solid var(--cf-line)!important;border-radius:12px!important}
html body #root .cf-app .cf-admin-nav button[aria-current=page]{background:var(--cf-raised)!important;border-color:var(--cf-text)!important}
html body #root .cf-app .cf-compose textarea{outline:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
html body #root .cf-app .cf-compose:focus-within{outline:2px solid var(--cf-line);outline-offset:2px}

/* v08: integrated header, visible role and equally neutral touch targets. */
html body #root .cf-app[data-cf-theme][data-contrast] .cf-brandbar.cf-brandbar{background:var(--la-bg)!important;color:var(--la-text)!important;min-height:65px!important;padding:8px 12px!important;gap:8px!important;border-bottom:1px solid var(--la-line)!important}
html body #root .cf-app .cf-brandbar .cf-brand[data-role-label]::after{content:attr(data-role-label)!important;display:block!important;font:10px/1.4 Arial,sans-serif!important;letter-spacing:0!important;color:var(--la-muted)!important;margin-top:3px!important}
html body #root .cf-app .cf-brandbar .client-header-actions{gap:8px!important}
html body #root .cf-app .cf-brandbar .apk-theme-select,html body #root .cf-app .cf-brandbar .local-bell,html body #root .cf-app .cf-brandbar .client-header-profile{height:44px!important;min-height:44px!important;box-sizing:border-box!important;border:1px solid var(--la-line)!important;border-radius:12px!important;background:transparent!important;color:var(--la-text)!important;box-shadow:none!important}
html body #root .cf-app .cf-brandbar .local-bell{width:44px!important;min-width:44px!important}
html body #root .cf-app .cf-brandbar .client-header-profile{width:88px!important;min-width:88px!important;padding:0 6px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;white-space:nowrap!important}
@media(max-width:350px){html body #root .cf-app .cf-brandbar .client-header-profile{width:82px!important;min-width:82px!important;font-size:11px!important}html body #root .cf-app .cf-brandbar .cf-brand{font-size:18px!important}}