/* Shared CRM components on tablets and desktops. Mobile navigation stays in its own layer. */
@media(min-width:861px){
 body{--workspace-gap:12px;--workspace-radius:var(--crm-radius-card,14px);--workspace-inner-radius:var(--crm-radius-inset,10px);--workspace-control-radius:var(--crm-radius-control,8px)}
 body #mainApp .app{min-width:0;align-items:stretch}
 body #mainApp .sidebar{flex:0 0 220px;width:220px;box-sizing:border-box;padding:12px 10px!important;gap:4px!important}
 body #mainApp .sidebar :is(button,a){border-radius:var(--workspace-control-radius);min-height:40px;line-height:1.35}
 body #mainApp #content{flex:1;min-width:0;max-width:1600px;box-sizing:border-box;padding:16px 20px 24px!important}
 body #mainApp #content :is(.view-title,h1){line-height:1.2}
 body #mainApp #content .view-sub{max-width:78ch;line-height:1.45;margin:6px 0 16px!important}
 body #mainApp #content :is(.chart-card,.stat-tile,.role-card,.person-card,.kcard,.kcol,.qstep,.role-work-client,.role-work-stat,.role-task-row,.role-assignment-card,.role-assignment-form,.assignment-client-card,.wait-row,.cf-stage,.team-doc-card,.team-doc-upload,.memo-card,.memo-preview,.price-card,.bug-card,.bug-row,.dup-card,.duty-row,.pl-item,.ann-group,.off-slot,.off-list-row,.off-mode,.modal-section,.client-filter-bar,.dash-pay-form,.ov-card,.ov-row,.lk-card,.pr-tile,.tariff-rate,.payroll-freeze,.poa-card){border:0!important;border-radius:var(--workspace-radius)!important;box-shadow:none!important;background:var(--surface)!important;padding:12px!important;min-width:0;box-sizing:border-box;text-align:left;gap:10px!important}
 body #mainApp #content :is(.chart-card,.role-card,.qstep,.modal-section) :is(.role-work-client,.role-task-row,.role-assignment-card,.assignment-client-card,.team-doc-card,.memo-card,.memo-preview,.price-card,.bug-row,.dup-card,.duty-row,.pl-item,.ann-group,.off-slot,.off-list-row,.ov-row,.pr-tile,.poa-card){border-radius:var(--workspace-inner-radius)!important;background:var(--surface-2)!important}
 body #mainApp #content :is(.chart-card,.modal-section,.role-card,.memo-card,.qstep){margin-bottom:12px!important}
 body #mainApp #content :is(.chart-card,.modal-section,.role-card,.memo-card)>:last-child{margin-bottom:0!important}
 body #mainApp #content :is(.chart-title,.cc-section-title){margin:0 0 8px!important;font-size:15px;line-height:1.35}
 body #mainApp #content :is(.note,.modal-note-text,.term-calc,.cc-fact,.memo-box,.memo-say,.memo-fact,.med-guide-chapter,.med-guide-target,.premed-group,.qstep-warn,.assign-how,.assign-due,.clause-box,.legal-link-box,.sw-panel,.sw-doc,.sw-act,.sw-send,.sw-now,.sw-check,.faq-item,.tariff-breakdown,.piecework-list,.comp-rows,.stats-list){border:0!important;border-radius:var(--workspace-inner-radius)!important;box-shadow:none!important;padding:12px!important;min-width:0;box-sizing:border-box}
 body #mainApp #content :is(.note,.modal-hint,.modal-help,.finance-hint){line-height:1.45;overflow-wrap:break-word}
 body #mainApp #content :is(.stat-row,.cards-grid,.modal-grid,.modal-cols,.ak-fields){gap:12px!important}
 body #mainApp #content :is(.modal-controls,.work-act,.task-act,.team-doc-actions,.cf-acts,.sw-actions,.kcard-actions){display:flex;flex-wrap:wrap;gap:8px!important;align-items:center!important}
 body #mainApp #content :is(.mini-btn,.modal-close){border:0;border-radius:var(--workspace-control-radius);min-height:30px!important;padding:6px 10px!important;font-size:12px!important;line-height:1.35}
 body #mainApp #content :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=color]),textarea,select){box-sizing:border-box;min-width:0;max-width:100%;border:0!important;border-radius:var(--workspace-control-radius)!important;box-shadow:none!important;background:var(--surface-2)!important;color:var(--text)!important;padding:6px 9px!important;font-size:14px!important;line-height:1.35!important;min-height:32px}
 body #mainApp #content textarea{min-height:48px;line-height:1.4;resize:vertical}
 body #mainApp #content :is(input,textarea,select,button,a,summary):focus-visible{outline:2px solid var(--text-muted)!important;outline-offset:-3px!important;box-shadow:none!important}
 body #mainApp #content :is(.modal-field-label,.finance-label){font-size:12px;line-height:1.35;margin-bottom:5px}
 body #mainApp #content .declined-strip{border:0!important;border-radius:var(--workspace-inner-radius)!important;background:var(--surface-2)!important;padding:12px!important;margin:0 0 12px!important}
 body #mainApp #content .declined-strip>summary{min-height:40px;align-content:center;cursor:pointer;line-height:1.4}
 body #mainApp #content .declined-list:has([id^="anketa_"]){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding:12px 0 0!important}
 body #mainApp #content .declined-list>div:has(>[id^="anketa_"]){margin:0!important;padding:0!important;min-height:0!important}
 body #mainApp #content .declined-list :is(input,textarea)[id^="anketa_"]{display:block;width:100%!important;background:var(--surface)!important;margin-top:5px!important}
 body #mainApp #content .declined-strip .declined-list input[id^="anketa_"]{height:32px!important;min-height:32px!important;padding:6px 10px!important}
 body #mainApp #content .declined-list textarea[id^="anketa_"]{height:48px;min-height:48px!important}
 body #mainApp #content .workspace-med-fields{gap:12px!important}
 body #mainApp #content .workspace-med-fields textarea{background:var(--surface)!important}
 body #mainApp #content .workspace-med-section>summary{font-size:14px!important}
 body #mainApp #content :is(.cc-tabs,.ak-tabs,.tc-tabs,.ch-parts,.mode-tabs){display:flex;flex-wrap:nowrap;gap:4px;padding:4px;border:0!important;border-radius:var(--workspace-radius);background:var(--surface-2);overflow-x:auto;max-width:100%;box-sizing:border-box}
 body #mainApp #content :is(.cc-tabs,.ak-tabs,.tc-tabs,.ch-parts,.mode-tabs)>button{flex:none;border:0!important;border-radius:var(--workspace-control-radius);padding:6px 10px!important;min-height:30px!important;white-space:nowrap;box-shadow:none!important}
 body #mainApp #content :is(.cc-tabs,.ak-tabs,.tc-tabs,.ch-parts,.mode-tabs)>button:is(.active,.primary,[aria-selected=true]){background:var(--accent)!important;color:var(--accent-ink)!important}
 body #mainApp #content .ios-case-avatar{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--accent-soft-2);color:var(--accent-text);font-size:16px}
 body #mainApp #content .ios-case-info{background:var(--surface);border:0;border-radius:var(--workspace-inner-radius);padding:8px 12px;margin:8px 0}
 body #mainApp #content .ios-case-info>summary{min-height:30px;align-content:center;cursor:pointer;font-weight:600}
 body #mainApp #content .ios-case-info[open]>summary{margin-bottom:12px}
 body #mainApp #content .ios-secondary-section>summary{min-height:30px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:12px}
 body #mainApp #content .ios-secondary-section>summary>.cc-section-title{margin:0!important}
 body #mainApp #content .ios-secondary-section[open]>summary{margin-bottom:12px}
 body #mainApp #content :is(.ios-reference-chapter,.ios-editor-secondary,.ios-client-request-fold)>summary{min-height:30px;align-content:center;cursor:pointer;font-weight:600;color:var(--text)}
 body #mainApp #content :is(.ios-reference-chapter,.ios-client-request-fold)[open]>summary{margin-bottom:12px}
 body #mainApp #content .memo-row+.memo-row{margin-top:12px!important}
 body #mainApp #content .doc-req-list{display:grid;gap:10px!important;border:0!important;overflow:visible!important}
 body #mainApp #content .doc-req-list>label.doc-req{border:0!important;border-radius:var(--workspace-radius)!important;background:var(--surface-2);padding:12px!important;margin:0!important;min-width:0}
 body #mainApp #content .doc-req-list>label.doc-req>span{min-width:0;overflow-wrap:break-word}
 body #mainApp #content :is(.task-row,.team-doc-card)[data-ios-dense]{min-height:0!important;padding:12px!important;margin:0 0 10px!important;border-radius:var(--workspace-radius)!important;gap:6px 12px!important}
 body #mainApp #content .task-row[data-ios-dense]{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important}
 body #mainApp #content .task-row[data-ios-dense]>.task-what{min-width:0!important;grid-column:1!important;grid-row:1!important;overflow-wrap:break-word!important;word-break:normal!important;line-height:1.4}
 body #mainApp #content .task-row[data-ios-dense]>:is(.task-state,.task-meta){grid-column:1!important;margin:0!important;width:auto!important}
 body #mainApp #content .task-row[data-ios-dense]>.ios-row-actions{grid-column:2!important;grid-row:1 / span 3!important}
 body #mainApp #content .task-row[data-ios-dense]>.ios-row-actions[open]{grid-column:1/-1!important;grid-row:4!important;width:100%;min-width:0}
 body #mainApp #content .ios-row-actions{min-width:0;position:relative}
 body #mainApp #content .ios-row-actions>summary{display:flex;align-items:center;min-height:28px;padding:0 10px;cursor:pointer;color:var(--accent-text);font-size:13px;list-style:none;white-space:nowrap}
 body #mainApp #content .ios-row-actions>summary::-webkit-details-marker{display:none}
 body #mainApp #content .ios-row-actions :is(.task-act,.work-act,.team-doc-actions){gap:8px!important;margin-top:6px!important}
 body #mainApp #content .task-meta{font-size:12px!important;line-height:1.4}
 body #mainApp #content .work-list{gap:8px!important}
 body #mainApp #content .work-list>.work-row[data-ios-dense]{grid-template-columns:minmax(0,1fr) 130px auto!important;grid-template-rows:auto!important;gap:12px!important;align-items:center!important;border:0!important;border-radius:var(--workspace-radius);padding:12px!important;background:var(--surface-2)}
 body #mainApp #content .work-row[data-ios-dense]>.work-kind{display:none!important}
 body #mainApp #content .work-row[data-ios-dense]>.work-main{grid-column:1!important;grid-row:1!important}
 body #mainApp #content .work-row[data-ios-dense]>.work-due{grid-column:2!important;grid-row:1!important;font-size:12px!important}
 body #mainApp #content .work-row[data-ios-dense]>.ios-row-actions{grid-column:3!important;grid-row:1!important}
 body #mainApp #content .work-row[data-ios-dense]>.ios-row-actions[open]{grid-column:1/-1!important;grid-row:2!important}
 body #mainApp #content .qstep-list{display:grid;gap:12px!important}
 body #mainApp #content article.qstep{display:grid;gap:12px;margin:0!important}
 body #mainApp #content .qstep-title.ios-step-duplicate{display:none!important}
 body #mainApp #content .qstep-items{padding:0!important;margin:0!important;gap:8px}
 body #mainApp #content .qstep-items>li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border:0;border-radius:var(--workspace-control-radius);background:var(--surface-2)}
 body #mainApp #content .qstep-text{font-size:14px;line-height:1.4;min-width:0}
 body #mainApp #content .qstep-mark{display:none}
 body #mainApp #content .qstep-foot{margin:0!important;padding:0!important;border:0!important;display:flex;flex-wrap:wrap;gap:8px}
 body #mainApp #content .ios-step-details{border:0;padding:0;margin:0;font-size:13px;color:var(--text-secondary)}
 body #mainApp #content .ios-step-details>summary{min-height:36px;cursor:pointer;align-content:center}
 body #mainApp #content .ios-step-details>.muted{margin-top:8px;line-height:1.45}
 body #mainApp #content .kanban{grid-template-columns:repeat(4,minmax(240px,1fr))!important;gap:12px!important;scroll-snap-type:none}
 body #mainApp #content .kanban>.kcol{min-height:110px!important}
 body #mainApp #content :is(.table-wrap,.cc-stage-docs){min-width:0;max-width:100%;overflow-x:auto}
 body #mainApp #content .ruling-form{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))!important;gap:12px!important}
 body #mainApp #content .ruling-form>label{min-width:0}
 body #mainApp #content table{border:0!important;box-shadow:none!important;width:100%;font-size:14px}
 body #mainApp #content th{font-size:12px;line-height:1.35;color:var(--text-secondary);padding:10px 12px}
 body #mainApp #content td{padding:10px 12px;line-height:1.4;overflow-wrap:break-word;vertical-align:top}
 body #mainApp #content :is(.sw-doc,.sw-act,.sd-card,.sd-stage){min-width:0;max-width:100%;box-sizing:border-box}
 body #mainApp #content :is(.team-doc-name,.sd-name,.sw-doc b){overflow-wrap:break-word;word-break:normal;min-width:0}
 body #mainApp #content .ios-client-doc-table tr.ios-client-doc-row{height:auto!important}
 body #mainApp #content .ios-client-doc-table td{padding:10px 12px!important;min-height:0!important;white-space:normal!important}
 body #mainApp #content .ios-doc-internal-kind{display:none!important}
 body #mainApp #content .ios-client-doc-name b{font-size:14px!important;line-height:1.4!important}
 body #mainApp #content .ios-client-doc-date{font-size:12px!important;color:var(--text-secondary);white-space:nowrap!important}
 body #mainApp #content .ios-client-doc-action>a{min-height:36px;padding:8px 12px;font-size:13px;white-space:nowrap}
 body #mainApp #content .doc-list:has(.ios-client-doc-compact){display:grid;gap:8px}
 body #mainApp #content .ios-client-doc-compact{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px!important;margin:0!important;border-radius:var(--workspace-radius);background:var(--surface-2)}
 body #mainApp #content .ios-client-doc-compact .doc-main{min-width:0}
 body #mainApp #content .ios-client-doc-compact .doc-main b{font-size:14px!important;overflow-wrap:break-word}
 body #mainApp #content .ios-client-doc-compact .doc-main small{font-size:12px;line-height:1.4}
 body #mainApp #content .ios-client-next>div:has(.ios-client-next-item){display:grid;gap:14px;margin:0!important}
 body #mainApp #content .ios-client-next .ios-client-next-item{display:block!important;min-height:0!important;height:auto!important;padding:0!important;margin:0!important;background:transparent!important;text-align:left!important;white-space:normal!important}
 body #mainApp #content .ios-client-next-item>b{display:block;font-size:12px;line-height:1.4;color:var(--text-secondary);margin-bottom:4px}
 body #mainApp #content .ios-client-next-item>span{display:block;font-size:14px;line-height:1.45;white-space:pre-line}
 body #mainApp #content .ios-contact-hours{padding:12px!important;border-radius:var(--workspace-radius);background:var(--surface-2);font-size:13px}
 body #mainApp #content .team-chat{grid-template-columns:minmax(270px,320px) minmax(0,1fr);gap:16px;height:clamp(480px,calc(100dvh - 170px),1000px);min-height:0;margin:0!important}
 body #mainApp #content :is(.tc-list,.tc-panel,.chat-win){min-width:0;min-height:0;border:0!important;border-radius:var(--workspace-radius);background:var(--surface);overflow:hidden}
 body #mainApp #content .tc-list{display:grid;grid-template-rows:auto minmax(0,1fr)}
 body #mainApp #content .tc-head{padding:10px;gap:8px;display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:center}
 body #mainApp #content .tc-head .tc-tabs{min-height:0;margin:0!important}
 body #mainApp #content .tc-rows{display:block;overflow-y:auto;padding:0 10px 10px;scrollbar-width:thin}
 body #mainApp #content .ios-chat-group{border:0;border-radius:var(--workspace-radius);background:var(--surface-2);margin:0 0 10px;overflow:hidden}
 body #mainApp #content .ios-chat-group>summary{padding:12px;min-height:40px;box-sizing:border-box;font-size:13px;font-weight:600;cursor:pointer;color:var(--text)}
 body #mainApp #content .ios-chat-group .tc-row{padding:10px!important;margin:0!important;min-width:0;border-radius:var(--workspace-control-radius)}
 body #mainApp #content .ios-chat-group .tc-top>b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;line-height:1.3}
 body #mainApp #content .ios-chat-group .tc-row:is(.active,.is-active){background:var(--accent-soft-2)}
 body #mainApp #content .ios-chat-group .tc-more-agents{margin:8px;max-width:calc(100% - 16px)}
 body #mainApp #content .tc-panel{display:flex;flex-direction:column}
 body #mainApp #content .tc-panel>.chat-win{flex:1;margin:0;display:flex;flex-direction:column}
 body #mainApp #content .ch-top{padding:12px 16px;gap:10px;flex:none}
 body #mainApp #content .ios-chat-audience{padding:8px 16px;background:var(--surface-2);color:var(--text-secondary);font-size:12px;line-height:1.4;flex:none}
 body #mainApp #content .ios-chat-audience.is-client{background:var(--accent-soft);color:var(--accent-text)}
 body #mainApp #content .team-chat .ch-scroll{flex:1 1 0;min-height:0;max-height:none!important;padding:16px;overflow-y:auto;scrollbar-width:thin}
 body #mainApp #content .ch-bubble{border:0!important;border-radius:var(--workspace-radius);line-height:1.45;overflow-wrap:break-word;box-shadow:none!important}
 body #mainApp #content .ch-send{flex:none;border:0!important;background:var(--surface);padding:12px 16px;box-sizing:border-box}
 body #mainApp #content .ch-send-row{display:flex;align-items:flex-end;gap:10px}
 body #mainApp #content .ch-send-row textarea{flex:1;min-width:0;min-height:32px;max-height:120px}
 body #mainApp #content .ch-send-row :is([data-ch-pick],.ch-go){flex:none;width:32px;min-height:32px;padding:6px;border-radius:var(--workspace-control-radius)}
 body #mainApp #content .ch-go{font-size:22px}
 body #mainApp #content .ios-upload-info{font-size:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}
 body #mainApp #content .ios-upload-empty{display:none!important}
 body #mainApp #content :is(.ios-doc-menu,.ios-chat-menu){display:none!important}
 body #mainApp #content .team-doc-card.ios-doc-enhanced>.team-doc-actions{display:flex!important}
 body #mainApp #content .ios-answer-form{padding:12px;border-radius:var(--workspace-radius);background:var(--surface-2);box-sizing:border-box;width:100%}
 body #mainApp #content .ios-answer-form label{display:grid;gap:8px;font-size:14px}
 body #mainApp #content .ios-answer-form textarea{width:100%;background:var(--surface)!important}
 body #mainApp #content .pool-banner.ios-pool-collapsed>:not(.ios-pool-toggle){display:none!important}
 body #mainApp #content .pool-banner.ios-pool-collapsed{padding:8px 12px!important;margin-bottom:12px}
 body #mainApp #content .ios-pool-toggle{min-height:36px}
 body #mainApp #content .ios-lead-scopes{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
 body #mainApp #content .ios-pool-guide{font-size:13px;line-height:1.45;margin:0 0 16px;color:var(--text-secondary)}
 body #mainApp #content .ios-pool-guide>summary{min-height:36px;align-content:center;cursor:pointer}
 body #mainApp #content .ios-pool-cards{display:grid;gap:10px;margin:12px 0}
 body #mainApp #content .ios-pool-card{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--workspace-radius);background:var(--surface);min-width:0;box-sizing:border-box}
 body #mainApp #content .ios-pool-face{display:grid!important;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;flex:1;min-width:0;order:0;transform:none!important}
 body #mainApp #content .ios-pool-face>td{padding:0!important;min-width:0}
 body #mainApp #content .ios-pool-face>td[data-label="Клиент"]{grid-column:2}
 body #mainApp #content .ios-pool-face>td[data-label="Оценка"]{grid-column:3}
 body #mainApp #content .ios-pool-face>td .muted{font-size:12px;line-height:1.4;margin-top:4px}
 body #mainApp #content .ios-pool-avatar{display:grid;place-items:center;grid-column:1;width:40px;height:40px;border-radius:50%;background:var(--accent-soft-2);color:var(--accent-text);font-weight:600}
 body #mainApp #content .ios-pool-actions{display:flex;flex:none;position:static;order:1;gap:8px;align-items:center}
 body #mainApp #content .ios-pool-actions>button{min-height:40px;padding:8px 12px;border:0;border-radius:var(--workspace-control-radius);cursor:pointer;background:var(--accent-soft-2);color:var(--accent-text);font:inherit;font-size:13px}
 body #mainApp #content .ios-pool-more{display:none!important}
 body #mainApp #content .ios-field-hint{font-size:12px;line-height:1.45;margin:6px 0 12px}
 body #mainApp #content .ios-field-hint>summary{cursor:pointer;color:var(--text-secondary)}
 body #mainApp #content .ios-editor-secondary{padding:8px 10px;border:0;border-radius:var(--workspace-control-radius);background:var(--surface-2);margin:0}
 body #mainApp #content .ios-editor-hidden{display:none!important}
 body #mainApp #content [hidden]{display:none!important}
 /* Grid items size to their contents; section spacing belongs to the parent. */
 body #mainApp #content :is(.finance-page,.finance-section){gap:12px!important}
 body #mainApp #content .finance-page>.chart-card{margin:0!important}
 body #mainApp #content .workspace-team-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:start;gap:12px;margin-bottom:12px}
 body #mainApp #content .workspace-team-groups>.finance-section{margin:0!important}
 body #mainApp #content .workspace-team-groups .staff-payroll-grid{grid-template-columns:minmax(0,1fr)!important}
 body #mainApp #content .workspace-inline-help{font-size:12px;line-height:1.4;margin:0}
 body #mainApp #content .workspace-inline-help>summary{min-height:28px;align-content:center;cursor:pointer;color:var(--text-secondary)}
 body #mainApp #content .workspace-inline-help[open]>p{margin:6px 0!important}
 body #mainApp #content .payroll-freeze{display:flex;gap:8px 16px;flex-wrap:wrap;align-items:center;padding:10px 12px!important}
 body #mainApp #content .payroll-freeze .workspace-inline-help{flex:1;min-width:180px}
 body #mainApp #content .payroll-freeze .finance-actions{margin:0}
 body #mainApp #content .salary-settings>summary{min-height:30px;padding:4px 0;font-size:13px}
 body #mainApp #content :is(.cards-grid,.staff-payroll-grid){align-items:start!important;gap:12px!important}
 body #mainApp #content :is(.cards-grid,.staff-payroll-grid)>:is(.chart-card,.role-card,.person-card){margin:0!important;min-height:0!important;height:auto!important}
 body #mainApp #content .staff-payroll-grid.is-payroll{grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr))!important}
 body #mainApp #content .payroll-card{display:grid!important;align-content:start!important;gap:8px!important}
 body #mainApp #content .payroll-card>:is(.salary-summary,.salary-case-detail,.salary-breakdown,.payroll-title,.finance-actions){margin:0!important}
 body #mainApp #content .payroll-title{gap:8px!important;min-height:0!important}
 body #mainApp #content .payroll-title h3{font-size:15px!important;margin:2px 0!important}
 body #mainApp #content .salary-summary{padding:8px 0!important}
 body #mainApp #content :is(.salary-case-detail,.salary-breakdown)>summary{min-height:28px!important;padding:4px 0!important}
 body #mainApp #content .workspace-payroll-extras{border:0;padding:0;margin:0}
 body #mainApp #content .workspace-payroll-extras>summary{min-height:30px;align-content:center;font-size:13px;font-weight:600;cursor:pointer}
 body #mainApp #content .workspace-payroll-extras[open]>summary{margin-bottom:8px}
 body #mainApp #content .workspace-payroll-extras .piece-row{border:0!important;border-radius:var(--workspace-control-radius)!important;background:var(--surface-2);padding:10px!important;margin:0 0 8px!important}
 body #mainApp #content .piece-actions{gap:6px!important;margin-top:6px!important}
 body #mainApp #content .stat-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;align-items:stretch;gap:10px!important;margin-bottom:12px}
 body #mainApp #content .stat-tile{padding:10px 12px!important;min-height:70px;height:auto}
 body #mainApp #content .stat-label{font-size:12px!important;line-height:1.3!important;margin-bottom:5px;min-height:0!important}
 body #mainApp #content .stat-value{font-size:20px!important;line-height:1.2!important}
 body #mainApp #content .stat-row>:nth-child(9) .stat-value{font-size:17px!important}
 body #mainApp #content .person-card{padding:8px 10px!important;background:transparent!important;min-height:0!important}
 body #mainApp #content .person-card :is(p,h3){margin:0 0 3px!important}
 body #mainApp #content .finance-section:has(>.staff-payroll-grid:not(.is-payroll)){gap:8px!important;padding:12px!important}
 body #mainApp #content .finance-section>.staff-payroll-grid:not(.is-payroll){margin:0!important;gap:6px 16px!important}
 body[data-workspace-view="team"] #mainApp #content .staff-payroll-grid>.stat-tile{padding:6px 0!important;min-height:0!important;border:0!important;border-radius:0!important;background:transparent!important}
 body #mainApp #content :is(.kom-person,.kom-agents,.kom-agent,.kom-more,.kom-cases){border:0!important;border-radius:var(--workspace-control-radius)!important;box-shadow:none!important}
 body #mainApp #content .kom-person{min-height:32px;padding:6px 10px;background:var(--surface-2)}
 body #mainApp #content .kom-person.is-picked{background:var(--accent-soft-2)}
 body #mainApp #content .kom-agents{padding:8px 10px!important;background:var(--surface-2)}
 body #mainApp #content .detail-page{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;margin-bottom:16px}
 body #mainApp #content .detail-page>.modal-head{padding:0 0 10px!important;border:0!important}
 body #mainApp #content .detail-page>.modal-body{padding:0!important}
 body #mainApp #content .detail-page .cc-head{padding:0!important;gap:8px!important;margin:0 0 10px!important;border:0!important;background:transparent!important}
 body #mainApp #content .cc-head :is(.cc-head-top,.cc-head-meta){gap:8px!important}
 body #mainApp #content .cc-tabs{margin:10px 0 12px!important}
 body #mainApp #content .cc-tabs>button::after{display:none!important}
 body #mainApp #content .cc-flow{padding:0!important}
 body #mainApp #content :is(.cf-stage,.cf-list>li,.sw-panel,.sw-doc,.sw-act,.sw-send,.sw-check){border:0!important;box-shadow:none!important}
 body #mainApp #content .cf-stage{padding:10px!important;border-radius:var(--workspace-radius)!important;background:var(--surface-2);gap:10px!important}
 body #mainApp #content .cf-stage.is-now{background:var(--accent-soft)}
 body #mainApp #content .cf-stage .cf-body{min-width:0}
 body #mainApp #content .cf-stage :is(.badge,.tag,.cf-pill,.cf-t){border:0!important;background:var(--accent-soft-2);border-radius:8px}
 body #mainApp #content .uniform-date-control{border:0!important;border-radius:var(--workspace-control-radius)!important;box-shadow:none!important;background:var(--surface-2)!important;min-height:32px!important;height:32px!important}
 body #mainApp #content .uniform-date-control>input{background:transparent!important;height:32px!important;min-height:32px!important}
 body #mainApp #content .workspace-chat-modes{position:relative;min-width:0}
 body #mainApp #content .workspace-chat-modes>summary{display:grid;place-items:center;width:40px;height:40px;padding:0;border-radius:50%;cursor:pointer;list-style:none;background:var(--surface-2);color:var(--text-secondary)}
 body #mainApp #content .workspace-chat-modes>summary::-webkit-details-marker{display:none}
 body #mainApp #content .workspace-chat-modes[open]>summary{background:var(--accent-soft-2);color:var(--accent-text)}
 body #mainApp #content .workspace-chat-modes>div{position:absolute;right:0;top:46px;z-index:50;min-width:180px;padding:6px;background:var(--surface-2);border-radius:var(--workspace-control-radius);box-shadow:var(--shadow-1)}
 body #mainApp #content .workspace-chat-modes .tc-tabs{display:grid;gap:4px;padding:0!important;background:transparent;margin:0!important}
 body #mainApp #content .workspace-chat-modes .tc-tabs>button{width:100%;text-align:left;min-height:30px!important}
 body #mainApp #content .workspace-chat-actions{position:relative;flex:none;margin-left:auto}
 body #mainApp #content .workspace-chat-actions>summary{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--workspace-control-radius);cursor:pointer;list-style:none;background:var(--surface-2);font-size:21px;line-height:1}
 body #mainApp #content .workspace-chat-actions>summary::-webkit-details-marker{display:none}
 body #mainApp #content .workspace-chat-actions[open]>summary{background:var(--accent-soft-2);color:var(--accent-text)}
 body #mainApp #content .workspace-chat-actions>.ch-top-acts{display:flex!important;flex-direction:column;align-items:stretch;gap:4px;position:absolute;right:0;top:38px;z-index:50;min-width:180px;padding:6px;border-radius:var(--workspace-control-radius);background:var(--surface-2);box-shadow:var(--shadow-1)}
 body #mainApp #content .workspace-chat-actions .ch-top-acts>button{min-height:30px;text-align:left;padding:6px 10px;border:0;border-radius:8px;color:var(--text)}
 body #mainApp #content .tc-head .tc-search{height:32px!important;min-height:32px!important;padding:6px 10px!important;margin:0!important}
 body #mainApp #content .tc-list{border-radius:var(--workspace-radius)}
 body #mainApp #content .ios-chat-group>summary{padding:8px 10px;min-height:32px}
 body #mainApp #content .ios-chat-group .tc-row{min-height:58px!important;padding:8px!important}
 body #mainApp #content .sd-sheet{display:grid!important;grid-template-columns:minmax(0,1fr);gap:10px!important;border:0!important;border-radius:var(--workspace-radius)!important;box-shadow:none!important;padding:12px!important;background:var(--surface)!important;max-width:1100px;margin:0!important}
 body #mainApp #content .sd-sheet>*{margin:0!important;min-width:0}
 body #mainApp #content .sd-sheet .sd-field{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-content:start;align-items:start;margin:0!important;gap:6px 10px!important}
 body #mainApp #content .sd-sheet .sd-field>span{grid-column:1;grid-row:1}
 body #mainApp #content .sd-sheet .sd-field>.sd-help-acts{grid-column:2;grid-row:1}
 body #mainApp #content .sd-sheet .sd-field>textarea{grid-column:1/-1;grid-row:2}
 body #mainApp #content .sd-sheet .sd-field>.ios-field-hint{grid-column:1/-1;grid-row:3}
 body #mainApp #content .sd-sheet .sd-field .sd-hint{display:none!important}
 body #mainApp #content .sd-sheet .sd-field>textarea{padding:8px 10px!important;min-height:60px!important;background:var(--surface-2)!important}
 body #mainApp #content .sd-sheet .sd-actions-bar{margin:0!important;padding:10px 0 0!important;border:0!important;background:var(--surface)!important}
 body #mainApp #content .sd-sheet .ios-field-hint{margin:0!important;padding:0!important}
 body #mainApp #content table:not(.doc-sheet table):not(.sd-preview table):not(.tpl-preview table){display:table!important;border-collapse:separate!important;border-spacing:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important}
 body #mainApp #content table:not(.doc-sheet table):not(.sd-preview table):not(.tpl-preview table)>thead{display:table-header-group!important;background:transparent!important}
 body #mainApp #content table:not(.doc-sheet table):not(.sd-preview table):not(.tpl-preview table)>tbody{display:table-row-group!important;background:transparent!important}
 body #mainApp #content table:not(.doc-sheet table):not(.sd-preview table):not(.tpl-preview table) tr{display:table-row!important;border:0!important;padding:0!important;margin:0!important;background:transparent!important;border-radius:0!important}
 body #mainApp #content table:not(.doc-sheet table):not(.sd-preview table):not(.tpl-preview table) :is(td,th){display:table-cell!important;border:0!important;padding:8px 10px!important;background:transparent!important;vertical-align:top!important}
 body #mainApp #content table:not(.doc-sheet table):not(.sd-preview table):not(.tpl-preview table) th{font-size:11px!important;color:var(--text-secondary);font-weight:600}
 body #mainApp #content table:not(.doc-sheet table):not(.sd-preview table):not(.tpl-preview table) td::before{display:none!important;content:none!important}
 body #mainApp #content table:has(>tbody>tr:only-child>td[colspan]:only-child)>thead{display:none!important}
 body #mainApp #content .workspace-table-wrap{border:0!important;border-radius:0!important;background:transparent!important}
 body #mainApp #content :is(.client-filter-empty,.promo-card,.promo-step,.promo-terms,.sched-row,.payroll-formula,.txt-card,.txt-body,.mat-card,.uch-adm,.pack-files,.ch-cant,.cc-person,.cc-row,.tc-row,.kom-excl,.memo-card-nums,.vz-card,.aiq-card,.ch-opt,.akd-sec,.ref-sec,.case-hide,.cm-row,.pool-banner,.econ-steps,.modal-hint){border:0!important;box-shadow:none!important}
 body #mainApp #content :is(.akd-sec,.ref-sec,.txt-card,.mat-card,.promo-card){background:var(--surface-2);border-radius:var(--workspace-control-radius)}
 body #mainApp #content .pl-cell.is-picked{background:var(--accent-soft-2)!important}
 body #mainApp #content input[type=file]{border:0!important;padding:0!important;background:transparent!important;min-height:30px}
 body #mainApp #content input[type=file]::file-selector-button{border:0;border-radius:var(--workspace-control-radius);padding:6px 10px;min-height:30px;background:var(--surface-2);color:var(--text);font-family:inherit;cursor:pointer}
 body #mainApp .topbar :is(.notification-bell,#crmDisciplineTop,#crmTeamDebtsTop){width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;border:0!important;border-radius:var(--workspace-control-radius)!important;box-shadow:none!important;background:var(--surface-2)!important}
 body #mainApp .notification-tools button{min-height:30px!important;padding:6px 10px!important}
 #crmTeamDebts{color:var(--text)!important;background:var(--veil)!important}
 #crmTeamDebts .team-debts-sheet{background:var(--surface)!important;color:var(--text)!important;border:0!important;border-radius:var(--workspace-radius);padding:14px;font-family:'Euclid Flex',sans-serif}
 #crmTeamDebts .team-debts-sheet :is(h2,b,summary,button){color:inherit}
 #crmTeamDebts .team-debts-sheet h2{font-size:17px}
 #crmTeamDebts .team-debts-sheet button{min-height:30px;padding:5px 10px;border-radius:var(--workspace-control-radius);background:var(--surface-2)}
 #crmTeamDebts .team-debts-sheet header button{width:30px;height:30px;font-size:20px}
 #crmTeamDebts .team-debts-sheet nav{margin:10px 0}
 #crmTeamDebts .team-debts-sheet nav [aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}
 #crmTeamDebts .td-person>summary{min-height:48px}
 #crmTeamDebts :focus-visible{outline:0!important;box-shadow:inset 0 -2px 0 var(--accent-text)}
 /* Calendar cell boundaries convey dates, unlike decorative card outlines. */
 body #mainApp #content .pl-grid{gap:1px;background:var(--border);padding:1px;border-radius:var(--workspace-control-radius);overflow:hidden}
 body #mainApp #content .pl-cell{border:0!important;border-radius:0!important;background:var(--surface)!important;min-height:76px;padding:6px!important}
 body #mainApp #content .pl-cell.is-picked{background:var(--accent-soft-2)!important}
 body #mainApp #content .pl-cell.is-other{opacity:1;color:var(--text-muted)}
 body #mainApp .person-avatar{border:0!important;box-shadow:none!important;outline:0!important;border-radius:50%!important}
 body #mainApp #content .tc-list{overflow:visible!important;position:relative}
 body #mainApp #content .tc-head{position:relative;z-index:3;border:0!important;box-shadow:none!important}
 body #mainApp #content .tc-rows{position:relative;z-index:1;overflow-y:auto;overflow-x:hidden;border-radius:0 0 var(--workspace-radius) var(--workspace-radius)}
 body #mainApp #content :is(.ch-top,.ch-send,.cc-tabs,.cc-flow){border:0!important;box-shadow:none!important}
 body #mainApp #content .workspace-chat-modes>summary{border:0!important;outline:0!important;box-shadow:none!important}
 body #mainApp #content .workspace-chat-modes>summary:focus-visible{box-shadow:inset 0 -2px 0 var(--accent-text)!important}
 body #mainApp #content .ch-send-row :is([data-ch-pick],.ch-go){display:grid;place-items:center;flex:0 0 32px!important;width:32px!important;height:32px!important;min-height:32px!important;border:0!important;border-radius:var(--workspace-control-radius)!important;padding:6px!important;background:var(--surface-2)!important;color:var(--text)!important;cursor:pointer}
 body #mainApp #content .ch-send-row [data-ch-pick] svg{display:block;width:18px;height:18px;flex:none}
 body #mainApp #content .ch-send-row .ch-go{background:var(--accent)!important;color:var(--accent-ink)!important}
 body #mainApp #content .ch-send-row textarea{height:32px;min-height:32px!important;max-height:120px!important;padding:6px 9px!important;font-size:14px!important}
 body #mainApp #content :is(.task-row,.task-card,.work-row,.cf-stage,.cf-list>li,.sw-panel,.team-doc-card):is(.is-done,.done,.is-got){opacity:1!important}
 body #mainApp #content :is(.cf-stage,.cf-list>li,.sw-panel,.sw-doc,.sw-act,.sw-send,.sw-check,.steps-gap,.obzor-case,.sd-vych-row){border:0!important;box-shadow:none!important}
 body #mainApp #content .cf-stage :is(.badge,.tag,.cf-pill,.cf-t){border-radius:var(--workspace-control-radius)!important}
 body #mainApp #content .workspace-review-list{display:grid;gap:8px;margin-top:8px}
 body #mainApp #content .workspace-review-item{background:var(--surface-2);padding:8px 10px;border-radius:var(--workspace-control-radius)}
 body #mainApp #content .workspace-review-item>summary{cursor:pointer;font-weight:600;line-height:1.4}
 body #mainApp #content .workspace-review-item>div{margin-top:6px;font-size:12px;line-height:1.45;color:var(--text-secondary)}
 body #mainApp #content .obzor-case{margin-top:12px;padding:10px;background:var(--surface-2);border-radius:var(--workspace-inner-radius)}
 body #mainApp #content .obzor-head{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
 body #mainApp #content .workspace-review-kind{font-size:11px;color:var(--critical);font-weight:600}

}
@media(min-width:1100px){
 body #mainApp #content .declined-list:has([id^="anketa_"]){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 16px!important}
 body #mainApp #content .declined-list>:is(.modal-controls,.modal-hint,.workspace-med-groups){grid-column:1/-1}
}
@media(min-width:1200px){
 body #mainApp #content .sd-sheet{grid-template-columns:repeat(2,minmax(0,1fr))}
 body #mainApp #content .sd-sheet>:not(.sd-field){grid-column:1/-1}
 body[data-workspace-view="roles"] #mainApp #content .staff-payroll-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 body #mainApp #content .workspace-team-groups{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:1400px){body #mainApp #content .staff-payroll-grid.is-payroll{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(min-width:861px) and (max-width:1100px){
 body #mainApp .sidebar{flex-basis:190px;width:190px}
 body #mainApp #content{padding:16px!important}
 body #mainApp #content .team-chat{grid-template-columns:240px minmax(0,1fr);gap:12px}
 body #mainApp #content .work-list>.work-row[data-ios-dense]{grid-template-columns:minmax(0,1fr) auto!important;gap:6px 12px!important}
 body #mainApp #content .work-row[data-ios-dense]>.work-main{grid-column:1/-1!important}
 body #mainApp #content .work-row[data-ios-dense]>.work-due{grid-column:1!important;grid-row:2!important}
 body #mainApp #content .work-row[data-ios-dense]>.ios-row-actions{grid-column:2!important;grid-row:2!important}
 body #mainApp #content .work-row[data-ios-dense]>.ios-row-actions[open]{grid-column:1/-1!important;grid-row:3!important}
}
@media(min-width:1200px){
 body #mainApp #content .workspace-med-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
 body #mainApp #content .workspace-med-fields>div:has(#anketa_currentComplaints){grid-column:1/-1}
 body #mainApp #content .doc-req-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}


@media(min-width:861px){body #mainApp #content .ch-body,body #mainApp #content .ch-body>div{font-size:13px!important;line-height:1.5!important}body #mainApp #content .ch-send-row textarea{font-size:13px!important}}

/* Keep the recipient selector visible in the mobile case header. */
body #mainApp #content .ch-top .ch-parts{display:flex!important;gap:4px;flex-shrink:0}
@media(max-width:860px){body.ios-preview-active #mainApp #content .ch-top{flex-wrap:wrap}body.ios-preview-active #mainApp #content .ch-top .ch-parts{order:5;flex:0 0 100%;width:100%;margin:4px 0 0}body.ios-preview-active #mainApp #content .ch-top .ch-parts>button{flex:1;white-space:nowrap;min-height:30px!important;font-size:12px!important}}

@media(max-width:860px){body.ios-preview-active #mainApp #content .ch-top .ch-parts{position:relative!important;margin-left:0!important;overflow:visible!important;box-sizing:border-box}body.ios-preview-active #mainApp #content .ch-top .ch-parts>.ios-segment-highlight{display:none!important}body.ios-preview-active #mainApp #content .ch-top .ch-parts>button{flex:1 1 0;min-width:0!important;overflow:hidden;text-overflow:ellipsis;padding:5px 6px!important}body.ios-preview-active #mainApp #content .ch-top .ch-parts>button.primary{background:var(--accent)!important}}

/* Shared chat treatment: compact controls, clear selection and restrained depth. */
body #mainApp #content .ch-parts{padding:4px;border-radius:10px!important;background:var(--tint-2);isolation:isolate}
body #mainApp #content .ch-parts>button{border-radius:7px!important;transition:background-color 180ms ease,color 180ms ease,box-shadow 180ms ease;min-height:30px}
body #mainApp #content .ch-parts>button.primary{box-shadow:0 1px 3px rgba(0,0,0,.12)}
body #mainApp #content .tc-row{transition:background-color 180ms ease,box-shadow 180ms ease;border-radius:8px!important}
body #mainApp #content .tc-row.active{box-shadow:inset 2px 0 var(--accent)}
body #mainApp #content .ios-chat-group{margin-bottom:8px}
body #mainApp #content .ios-chat-group>summary{border-radius:8px;transition:background-color 180ms ease}
body #mainApp #content .ios-chat-group-body{padding-top:4px}
body #mainApp #content .aiw-report{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}
body #mainApp #content .aiw-report-section{min-width:0;padding:16px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card,var(--bg-app));font-size:13px;line-height:1.65;overflow-wrap:anywhere}
body #mainApp #content .aiw-report-section.is-lead,body #mainApp #content .aiw-report-section.is-action{grid-column:1/-1}
body #mainApp #content .aiw-report-section.is-lead{background:color-mix(in srgb,var(--accent) 7%,var(--bg-card,var(--bg-app)));border-color:color-mix(in srgb,var(--accent) 24%,var(--border))}
body #mainApp #content .aiw-report-section h3{display:flex;align-items:center;gap:9px;margin:0 0 10px;font-size:14px;line-height:1.4;color:var(--text)}
body #mainApp #content .aiw-section-mark{display:inline-grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border-radius:7px;background:var(--tint-2);font-size:10px;font-weight:600;color:var(--text-secondary)}
body #mainApp #content .aiw-report-section.is-attention .aiw-section-mark{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--text)}
body #mainApp #content .aiw-report-section.is-risk .aiw-section-mark{color:var(--critical);background:color-mix(in srgb,var(--critical) 9%,transparent)}
body #mainApp #content .aiw-report-section p{margin:0 0 8px;max-width:100ch}
body #mainApp #content .aiw-report-section :is(ol,ul){margin:0;padding-left:20px}
body #mainApp #content .aiw-report-section li{padding:0 0 8px 3px}
body #mainApp #content .aiw-report-section li:last-child,body #mainApp #content .aiw-report-section p:last-child{margin-bottom:0;padding-bottom:0}
@media(max-width:1100px){body #mainApp #content .aiw-report{grid-template-columns:minmax(0,1fr)}}
@media(max-width:860px){body.ios-preview-active #mainApp #content .ch-top .ch-parts{border-radius:10px!important;gap:4px!important}body.ios-preview-active #mainApp #content .ch-top .ch-parts>button{border-radius:7px!important}body #mainApp #content .aiw-report-section{padding:12px}}
@media(prefers-reduced-motion:reduce){body #mainApp #content :is(.tc-row,.ch-parts>button,.ios-chat-group>summary){transition:none}}
body #mainApp #content .tc-sub:has(.tc-part){display:flex;gap:6px}
body #mainApp #content .tc-part+.tc-part::before{content:'·';margin-right:6px;opacity:.5}
body #mainApp #content .aiw-report{align-items:start}

@media(min-width:861px){body #mainApp #content .team-chat .ch-top{display:flex!important;align-items:center;flex-wrap:nowrap!important;gap:10px;padding:12px 16px!important}body #mainApp #content .team-chat .ch-top .ch-parts{flex:0 0 auto!important;width:auto!important;margin:0!important;align-self:center}body #mainApp #content .team-chat .ch-top-mid{flex:0 1 auto;min-width:0;max-width:45%}body #mainApp #content .team-chat .workspace-chat-actions{margin-left:auto}}

@layer crm-filter-visibility {
  #mainApp [data-page-hidden],#mainApp [hidden],#mainApp .is-hidden,#mainApp .is-hidden-row{display:none!important}
}
@media(max-width:860px){
 body.ios-preview-active #mainApp #iosClients .client-filter-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px!important;margin:0 0 10px;border-radius:10px}
 body.ios-preview-active #mainApp #iosClients .client-filter-bar>label:first-child{grid-column:1/-1}
 body.ios-preview-active #mainApp #iosClients .client-filter-bar :is(input,select){width:100%;min-height:34px;font-size:16px;box-sizing:border-box}
 body.ios-preview-active #mainApp #iosClients .client-filter-meta{grid-column:1/-1;font-size:12px}
 body.ios-preview-active #mainApp #iosClients .client-filter-empty{margin:8px 0 12px;font-size:13px}
}

body #mainApp #content .cc-flow{padding:12px!important}
body #mainApp #content .cc-flow .cf-stage{padding:0!important;margin:8px 0!important;overflow:hidden}
body #mainApp #content .cc-flow .workspace-case-stage>summary{padding:10px 12px!important;gap:10px;align-items:baseline}
body #mainApp #content .cc-flow .workspace-case-stage>.workspace-flow-content{padding:0 12px 12px!important}
body #mainApp #content .cc-flow .workspace-case-stage>summary>b{min-width:0;overflow-wrap:anywhere;font-size:13px;line-height:1.4}
body #mainApp #content .cc-flow .cf-track{max-width:1050px;gap:6px 16px!important}
body #mainApp #content .cc-flow .cf-acts{gap:8px!important;align-items:center}
body #mainApp #content .cc-flow .cf-acts>.mini-btn:not(.primary){background:var(--surface-2)!important;border:1px solid var(--border)!important;border-radius:8px!important;padding:5px 10px!important;min-height:30px!important;color:var(--text)!important;cursor:pointer}
body #mainApp #content input[type=checkbox]:not([role=switch]){box-sizing:border-box!important;width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important;padding:0!important;margin:0!important;flex:0 0 16px!important;align-self:center;vertical-align:middle;border-radius:4px!important;accent-color:var(--accent)}
body #mainApp #content label:has(>input#ccHearingEstimated){display:flex!important;align-items:center!important;gap:8px!important;min-height:24px!important;line-height:1.4!important}
@media(max-width:600px){body #mainApp #content .cc-flow .cf-acts>.mini-btn{white-space:normal!important;text-align:left;max-width:100%;height:auto!important}}

/* The close icon uses geometry rather than the font's multiplication-sign baseline. */
#crmTeamDebts .team-debts-sheet header>button[data-td-close]{display:grid!important;place-items:center!important;padding:0!important;font-size:0!important;line-height:1!important;flex-shrink:0;box-sizing:border-box}
#crmTeamDebts .team-debts-sheet header>button[data-td-close]::before{content:"";display:block;width:12px;height:12px;background:linear-gradient(currentColor,currentColor) center/12px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 12px no-repeat;transform:rotate(45deg);pointer-events:none}

#crmTeamDebts .team-debts-sheet header>button[data-td-close]{position:relative!important}
#crmTeamDebts .team-debts-sheet header>button[data-td-close]::before{position:absolute;left:50%;top:50%;margin:0;transform:translate(-50%,-50%) rotate(45deg)}
@media(min-width:861px){#crmTeamDebts .team-debts-sheet{border-radius:22px}}
body #mainApp .notification-panel{border:0!important;outline:0;scrollbar-width:none!important;-ms-overflow-style:none}
body #mainApp .notification-panel::-webkit-scrollbar{display:none!important;width:0;height:0}
body #mainApp .notification-bell:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}
body #mainApp .notification-bell:focus-visible{outline:2px solid var(--accent)!important;outline-offset:2px}

/* Separate questions and choices, including the mobile surface overrides. */
body #mainApp #content .uch-test .uch-q{margin:20px 0 0!important;padding:18px!important;border:1px solid var(--border)!important;border-radius:16px!important;background:var(--surface-2)!important}
body #mainApp #content .uch-test .uch-q>b{display:block;line-height:1.5;overflow-wrap:anywhere}
body #mainApp #content .uch-test .uch-opts{display:grid!important;gap:10px!important;margin-top:16px!important}
body #mainApp #content .uch-test .uch-opts .uch-opt{display:flex!important;align-items:flex-start!important;gap:12px!important;width:100%!important;min-width:0!important;min-height:52px!important;padding:14px!important;margin:0!important;border:1px solid var(--border)!important;border-radius:12px!important;background:var(--surface)!important;color:var(--text)!important;text-align:left!important;white-space:normal!important;line-height:1.5!important;height:auto!important;cursor:pointer}
body #mainApp #content .uch-test .uch-choice-marker{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:1px solid currentColor;border-radius:50%;font-size:13px;font-weight:700;line-height:1}
body #mainApp #content .uch-test .uch-choice-text{min-width:0;overflow-wrap:anywhere;align-self:center}
body #mainApp #content .uch-test .uch-opts .uch-opt.is-on{border:2px solid var(--accent)!important;padding:13px!important;background:var(--surface)!important}
body #mainApp #content .uch-test .uch-opt.is-on .uch-choice-marker{background:var(--accent);border-color:var(--accent);color:#111}
body #mainApp #content .uch-test .uch-opt:focus-visible{outline:3px solid var(--accent)!important;outline-offset:3px}
@media(max-width:600px){body #mainApp #content .uch-test .uch-q{padding:14px!important}body #mainApp #content .uch-test .uch-opts .uch-opt{font-size:15px!important}}

/* Desktop reading widths; wide tables keep their existing local scroll area. */
@media(min-width:861px){
 html body #mainApp #content{max-width:1440px!important;margin-inline:auto!important;box-sizing:border-box}
 html body #mainApp #content>.detail-page{max-width:1200px!important;width:100%;margin-inline:auto!important;box-sizing:border-box}
}

/* Only the outer chat list owns rounded clipping; the scroll viewport stays rectangular. */
@media(min-width:861px){
 html body #mainApp #content .team-chat .tc-list {overflow:hidden!important;padding-bottom:12px!important;box-sizing:border-box!important;}
 html body #mainApp #content .team-chat .tc-rows {min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;border-radius:0!important;padding-bottom:12px!important;scrollbar-gutter:stable;}
}