/* CRM uses a calm, light workspace independent of chat bubble colors. */
.crm-body #app{height:var(--app-height,100dvh);display:flex;flex-direction:column;overflow:hidden}
.crm-body .topnav{flex:0 0 auto}
.crm-workspace,.crm-panel,.crm-modal-backdrop,.crm-toast{--crm-ink:#233044;--crm-muted:#7b8799;--crm-line:#e6ebf1;--crm-blue:#347ad5;--crm-blue-light:#edf4fe;--crm-surface:#fff;--crm-bg:#f5f7fa;--crm-red:#c54949;--crm-green:#33866f;color:var(--crm-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.45;box-sizing:border-box;color-scheme:light}
.crm-workspace *,.crm-panel *,.crm-modal-backdrop *{box-sizing:border-box}
.crm-workspace{display:flex;flex-direction:column;flex:1;min-height:0;padding:20px 24px 0;background:var(--crm-bg);overflow:hidden}
.crm-workspace-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;flex-shrink:0}
.crm-mobile-back{display:none;min-height:44px;min-width:44px;align-items:center;gap:6px;margin:0 0 8px;padding:0 10px;border:1px solid #dce5f0;border-radius:9px;background:#fff;color:#3b648f;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.crm-mobile-back:focus-visible{outline:3px solid #91bffa;outline-offset:2px}
.crm-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.2px;color:var(--crm-muted)}
.crm-workspace h1{margin:0;font-size:22px;font-weight:650;letter-spacing:-.4px;line-height:1.2}
.crm-workspace-head p{margin:3px 0 0;font-size:12px;color:var(--crm-muted)}
.crm-workspace-head>.crm-mobile-back{display:inline-flex;margin:0;flex-shrink:0}
.crm-workspace-title{min-width:0;flex:1}
.crm-workspace-title h1{display:flex;align-items:center;gap:8px}.crm-workspace-title h1 .hub-section-icon{flex:0 0 28px;color:var(--crm-blue)}
.crm-workspace-head .crm-eyebrow{display:none}
.crm-head-actions,.crm-inline-actions{display:flex;align-items:center;gap:9px}
.crm-date-chip{font-size:12px;color:#748196;margin-right:9px}
.crm-workspace button,.crm-panel button,.crm-modal-backdrop button{font-family:inherit;cursor:pointer}
.crm-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;border:1px solid #dfe6ef;border-radius:8px;padding:9px 14px;background:#fff;color:#42516a;font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap;text-decoration:none;transition:background .15s,border-color .15s}
.crm-btn:hover{background:#f6f9fd;border-color:#bfcfe4}
.crm-btn.crm-btn-primary{background:#347ad5;border-color:#347ad5;color:#fff;box-shadow:0 2px 3px #347ad512}
.crm-btn.crm-btn-primary:hover{background:#286bc3;border-color:#286bc3}
.crm-btn-small{min-height:31px;padding:6px 10px;font-size:12px}
.crm-btn-block{width:100%;margin-top:14px}
.crm-icon-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid transparent;border-radius:7px;background:transparent;color:#758299;font-size:20px;line-height:1;padding:0}
.crm-icon-btn:hover{background:#edf3fa;color:#347ad5}
.crm-text-btn{border:0;background:transparent;padding:0;color:#347ad5;text-align:left;font-size:inherit;line-height:inherit}
.crm-text-btn:hover{text-decoration:underline}
.crm-workspace button:disabled,.crm-panel button:disabled,.crm-modal-backdrop button:disabled{opacity:.45;cursor:default}
.crm-workspace :focus-visible,.crm-panel :focus-visible,.crm-modal-backdrop :focus-visible{outline:2px solid #67a2e9;outline-offset:3px}
.crm-tabs{display:flex;gap:27px;align-items:center;flex-shrink:0;border-bottom:1px solid #dfe6ef;margin:0 0 12px}
.crm-tab{border:0;border-bottom:3px solid transparent;background:transparent;padding:11px 1px 13px;color:#7b8799;font-size:14px;font-weight:600;white-space:nowrap}
.crm-tab.is-active{color:#286bc3;border-bottom-color:#347ad5}
.crm-tabs-spacer,.crm-toolbar-spacer{flex:1}
.crm-settings-tab{font-size:12px}
.crm-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:9px;flex-wrap:wrap}
.crm-scope{display:flex;align-items:center;padding:3px;background:#e9edf3;border-radius:8px;flex-shrink:0}
.crm-scope button{border:0;border-radius:6px;background:transparent;padding:7px 13px;color:#778397;font-size:12px;font-weight:600;white-space:nowrap}
.crm-scope button.is-active{background:#fff;color:#2f4868;box-shadow:0 1px 4px #1a355014}
.crm-timezone{font-size:11px;color:#8a96a6}
.crm-task-filters{display:flex;gap:8px;margin-bottom:12px;overflow:auto;padding-bottom:1px;scrollbar-width:none}
.crm-filter{border:1px solid transparent;border-radius:7px;background:transparent;padding:7px 12px;color:#758299;font-size:12px;white-space:nowrap}
.crm-filter:hover{background:#eaf0f7}
.crm-filter.is-active{border-color:#d4e4f8;background:#eaf3ff;color:#286fc8;font-weight:600}
.crm-pipeline-picker{display:flex;align-items:center;max-width:270px;flex:1;min-width:150px}
.crm-pipeline-picker select,.crm-search{height:37px;background:#fff;border:1px solid #dfe6ef;border-radius:8px;color:#42516a;font:inherit;font-size:12px;padding:8px 11px;min-width:0;width:100%}
.crm-search{max-width:320px;flex:1}
.crm-content{min-height:0;flex:1;overflow:auto;padding-bottom:28px;scrollbar-width:thin;scrollbar-color:#ccd6e3 transparent}
.crm-list-caption,.crm-board-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#8390a1;font-size:12px;margin:1px 2px 12px}
.crm-list-caption b{font-weight:600;color:#566780;font-size:13px}
.crm-task-list{background:#fff;border:1px solid var(--crm-line);border-radius:12px;overflow:hidden;box-shadow:0 3px 12px #25394e03}
.crm-task{display:flex;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid #edf0f5;min-width:0;background:#fff}
.crm-task:last-child{border-bottom:0}
.crm-task:hover{background:#fcfdff}
.crm-check{border:1.5px solid #cbd7e5;border-radius:50%;width:22px;height:22px;flex:0 0 22px;background:#fff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;padding:0;transition:background .15s,border-color .15s}
.crm-check:hover{border-color:#347ad5;background:#eff6ff;color:#347ad5}
.crm-task.is-done .crm-check{border-color:#79ae9d;background:#79ae9d;color:#fff}
.crm-task-main{min-width:0;flex:1}
.crm-task-title{display:block;font-size:14px;font-weight:600;color:#2f4058;overflow-wrap:anywhere;max-width:100%}
.crm-task.is-done .crm-task-title{text-decoration:line-through;color:#8b98aa}
.crm-task-context{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;font-size:11px;color:#98a3b1}
.crm-task-context .crm-text-btn{font-size:12px;color:#6989b0}
.crm-task-context span:before{content:"·";margin-right:8px;color:#c4cbd5}
.crm-task-person{display:block;font-size:11px;color:#99a3b1;margin-top:3px}
.crm-task-meta{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0;font-size:11px;color:#9aa5b4}
.crm-task-meta time{font-size:12px;color:#75879e;white-space:nowrap}
.crm-task.is-overdue .crm-task-meta time{color:#c75a55}
.crm-task.is-today .crm-task-meta time{color:#348575}
.crm-chat-link{font-size:19px;margin-left:3px}
.crm-load-more{display:flex;justify-content:center;padding:20px}
.crm-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-height:270px;border:1px solid #e6ebf2;border-radius:12px;background:#fff;padding:30px;margin:8px 0}
.crm-empty-mark{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:17px;background:#edf5fd;color:#7da4d5;font-size:25px;margin-bottom:13px}
.crm-empty h3{font-size:17px;font-weight:600;margin:0 0 8px}
.crm-empty p{font-size:13px;color:#8b98aa;max-width:360px;margin:0 0 20px;line-height:1.6}
.crm-loading{display:flex;align-items:center;justify-content:center;gap:11px;padding:50px 20px;color:#8b98aa;font-size:13px}
.crm-loading span{width:17px;height:17px;border:2px solid #d9e7f6;border-top-color:#5790d6;border-radius:50%;animation:crm-spin 1s linear infinite}
@keyframes crm-spin{to{transform:rotate(360deg)}}
.crm-form-error,.crm-workspace-error{padding:11px 13px;border:1px solid #f0d1ce;background:#fff3f1;border-radius:8px;color:#b84f46;font-size:13px;line-height:1.5;overflow-wrap:anywhere;margin:8px 0 14px}
.crm-form-error[hidden],.crm-workspace-error[hidden],.crm-workspace [hidden],.crm-modal-backdrop [hidden]{display:none!important}
.crm-board-caption strong{font-size:13px;font-weight:600;color:#5b6c83}
.crm-board{display:flex;align-items:stretch;gap:14px;min-height:340px;height:calc(100% - 34px);overflow-x:auto;overflow-y:hidden;padding-bottom:6px;scrollbar-width:thin;scrollbar-color:#c7d3e3 transparent}
.crm-stage-column{width:277px;min-width:250px;flex:0 0 277px;background:#edf1f6;border:1px solid #e7ecf3;border-radius:12px;display:flex;flex-direction:column;max-height:100%;transition:background .15s}
.crm-stage-head{padding:15px 14px 12px;border-top:3px solid var(--crm-stage-color);border-radius:11px 11px 0 0;flex:0 0 auto}
.crm-stage-head>div{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:4px}
.crm-stage-head h2{margin:0;font-size:13px;font-weight:650;color:#4a5c75}
.crm-stage-head span{font-size:10px;font-weight:650;background:#fff9;border-radius:5px;color:#7c8a9f;min-width:20px;text-align:center;padding:2px 4px}
.crm-stage-head small{font-size:11px;color:#95a2b2}
.crm-stage-cards{overflow-y:auto;min-height:100px;padding:0 9px 10px;scrollbar-width:thin;flex:1}
.crm-stage-empty{padding:36px 14px;font-size:11px;color:#a2aebd;text-align:center;border:1px dashed #d8e0eb;border-radius:8px}
.crm-deal-card{background:#fff;border:1px solid #e1e7ef;border-radius:9px;padding:15px 13px 10px;margin-bottom:9px;box-shadow:0 2px 3px #334e7003}
.crm-deal-card[draggable=true]{cursor:grab}
.crm-deal-card:hover{border-color:#c8d7e9;box-shadow:0 3px 9px #334e700a}
.crm-deal-card.is-dragging{opacity:.4}
.crm-stage-column.is-drop-target{background:#e2edfa;border-color:#a7c6ed}
.crm-deal-title{font-weight:600;color:#3b71b1;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.crm-deal-amount{display:block;font-size:14px;color:#33465f;font-weight:600;margin-top:8px}
.crm-deal-card p{margin:7px 0 12px;font-size:11px;color:#8b99ac;overflow-wrap:anywhere}
.crm-deal-footer{display:flex;align-items:center;gap:7px;font-size:10px;color:#97a3b4;border-top:1px solid #f0f3f7;padding-top:8px}
.crm-deal-footer>.crm-icon-btn{margin-left:auto;width:25px;height:25px;font-size:17px}
.crm-avatar-mini{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#edf3fa;color:#7891b1;font-size:10px;font-weight:600}
.crm-mobile-stage{display:none;margin-top:9px;border-top:1px solid #edf0f5;padding-top:8px;gap:8px;align-items:center;font-size:10px;color:#8795a7}
.crm-mobile-stage select{min-width:0;flex:1;width:100%;padding:6px 8px;border:1px solid #e1e8f1;background:#fff;border-radius:6px;color:#5d7190;font-size:12px}
.crm-panel{padding:15px 12px 24px;background:#f6f8fb;min-height:100%;font-size:13px}
.crm-contact-card{display:flex;align-items:center;gap:12px;padding:4px 2px 19px;overflow:hidden}
.crm-contact-avatar{width:43px;height:43px;flex:0 0 43px;display:flex;align-items:center;justify-content:center;border:1px solid #d9e4f0;border-radius:14px;background:linear-gradient(135deg,#eef4fc,#fff);color:#688ab5;font-size:19px;font-weight:600}
.crm-contact-card>div:last-child{min-width:0}
.crm-contact-card h3{font-size:14px;font-weight:650;margin:0 0 3px;overflow-wrap:anywhere;line-height:1.4}
.crm-contact-card span{font-size:11px;color:#8897ab;overflow-wrap:anywhere}
.crm-panel-card{background:#fff;border:1px solid #e3e9f1;border-radius:11px;padding:15px 13px;margin-bottom:12px;box-shadow:0 2px 5px #33465b03}
.crm-panel-card>h3{font-weight:600;font-size:14px;margin:13px 0 9px;line-height:1.5;overflow-wrap:anywhere}
.crm-panel-amount{font-size:21px;letter-spacing:-.5px;font-weight:600;color:#3d506c;margin:7px 0 12px}
.crm-stage-label{border:1px solid #e4ebf2;border-left:3px solid var(--crm-stage-color);border-radius:6px;padding:7px 9px;font-size:11px;color:#62748b}
.crm-deal-facts{display:grid;grid-template-columns:1fr 1fr;gap:11px 8px;margin:17px 0 0;font-size:11px}
.crm-deal-facts dt{color:#9aa6b6}
.crm-deal-facts dd{margin:0;color:#6b7e98;text-align:right;overflow-wrap:anywhere}
.crm-panel-note{border-top:1px solid #eef2f7;margin-top:15px;padding-top:11px;font-size:12px;line-height:1.6;white-space:pre-wrap;color:#7c8ca2;overflow-wrap:anywhere}
.crm-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.crm-section-head h2,.crm-section-head h3{margin:0;font-size:15px;font-weight:600;color:#425772}
.crm-section-head .crm-text-btn{font-size:11px}
.crm-count{font-size:10px;color:#91a1b7;font-weight:500;margin-left:4px}
.crm-subtle{font-size:12px;color:#93a0b2;line-height:1.65;margin:8px 0}
.crm-task-compact{padding:12px 0;gap:9px;align-items:flex-start;flex-wrap:wrap}
.crm-task-compact .crm-check{width:19px;height:19px;flex-basis:19px;margin-top:1px}
.crm-task-compact .crm-task-title{font-size:12px}
.crm-task-compact .crm-task-context{font-size:10px}
.crm-task-compact .crm-task-context .crm-text-btn{display:none}
.crm-task-compact .crm-task-context span:before{display:none}
.crm-task-compact .crm-task-meta{margin-left:28px;flex-direction:row;gap:8px;flex-basis:calc(100% - 28px);align-items:center;justify-content:space-between}
.crm-task-compact .crm-task-meta time{font-size:10px}
.crm-task-compact .crm-task-meta>span{font-size:9px;text-align:right}
.crm-task-compact .crm-chat-link{display:none}
.crm-modal-backdrop{position:fixed;inset:0;z-index:10100;display:flex;align-items:center;justify-content:center;padding:24px;background:#182d4961;backdrop-filter:blur(3px)}
.crm-dialog{display:flex;flex-direction:column;width:min(100%,560px);max-height:calc(100dvh - 48px);background:#fff;border:1px solid #e8edf3;border-radius:15px;box-shadow:0 22px 85px #10254333;overflow:hidden}
.crm-dialog-wide{width:min(100%,720px)}
.crm-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:20px 23px 17px;border-bottom:1px solid #eaf0f6;flex-shrink:0}
.crm-dialog-head h2{margin:0;font-size:18px;letter-spacing:-.3px;font-weight:600;color:#304761}
.crm-dialog-content{padding:23px;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.crm-form{display:flex;flex-direction:column;gap:17px}
.crm-field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:500;color:#74859b;min-width:0}
.crm-field input,.crm-field textarea,.crm-field select{display:block;width:100%;min-width:0;background:#fff;border:1px solid #dfe7f0;border-radius:8px;padding:10px 11px;color:#364d69;font-family:inherit;font-size:14px;line-height:1.4;outline:none;margin:0;box-shadow:0 1px 2px #2a476405}
.crm-field input:focus,.crm-field textarea:focus,.crm-field select:focus{border-color:#92b9ec;box-shadow:0 0 0 3px #347ad50a}
.crm-field input::placeholder,.crm-field textarea::placeholder{color:#a8b4c4;font-weight:400}
.crm-field textarea{resize:vertical;min-height:70px}
.crm-field input[type=color]{height:41px;padding:5px 8px}
.crm-field input:disabled,.crm-field textarea:disabled,.crm-field select:disabled{background:#f8fafc;color:#8b99ab}
.crm-form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px}
.crm-schedule{border:1px solid #e4ebf4;border-radius:10px;padding:15px 14px 12px;margin:0;background:#fafcff}
.crm-schedule legend{color:#5f7592;font-size:12px;font-weight:600;padding:0 6px}
.crm-schedule small,.crm-field small{font-size:10px;font-weight:400;color:#97a5b8}
.crm-presets{display:flex;gap:7px;flex-wrap:wrap;margin:11px 0 8px}
.crm-presets button{padding:5px 8px;background:#edf4fe;border:1px solid #dfebfb;border-radius:5px;color:#668ebc;font-size:10px}
.crm-presets button:hover{background:#e3effe;color:#347ad5}
.crm-form-hint{margin:0;color:#91a0b5;font-size:11px;line-height:1.6}
.crm-form-footer{display:flex;gap:8px;justify-content:flex-end;align-items:center;padding-top:17px;margin-top:1px;border-top:1px solid #edf1f7}
.crm-form-footer .crm-btn{min-width:95px}
.crm-form .crm-form-error{margin:0}
.crm-dialog-tasks{margin-top:24px;border-top:1px solid #edf1f7;padding-top:20px}
.crm-dialog-tasks .crm-task-compact{padding:13px 0}
.crm-checkbox{display:flex;align-items:center;gap:8px;font-size:12px;color:#6c7f99}
.crm-checkbox input{accent-color:#347ad5;width:16px;height:16px}
.crm-toast{position:fixed;z-index:11000;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#fff;border:1px solid #d8e7e0;border-radius:10px;color:#397a65;box-shadow:0 7px 25px #1a354522;max-width:calc(100vw - 30px);font-size:13px;text-align:center}
.crm-toast-error{border-color:#f1d5d0;color:#b64a42}
.crm-settings-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:23px;align-items:start}
.crm-pipeline-list{padding:18px 13px;border:1px solid #e2e9f2;border-radius:11px;background:#fff}
.crm-pipeline-list .crm-section-head{padding:0 5px;margin-bottom:15px}
.crm-pipeline-list h2{font-size:14px}
.crm-pipeline-item{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;background:transparent;border:1px solid transparent;border-radius:7px;padding:10px 12px;margin-bottom:4px;color:#667b96}
.crm-pipeline-item.is-active{background:#edf4fe;border-color:#dbe8fa;color:#3e7ecb}
.crm-pipeline-item span{font-size:13px;font-weight:600;overflow-wrap:anywhere}
.crm-pipeline-item small{font-size:10px;color:#95a4b7}
.crm-settings-card{padding:22px;border:1px solid #e2e9f2;border-radius:11px;background:#fff;margin-bottom:18px}
.crm-settings-card .crm-section-head h2{margin-top:4px;font-size:17px}
.crm-stage-settings{margin:18px 0}
.crm-stage-setting{display:flex;gap:9px;align-items:center;border-top:1px solid #edf2f7;padding:11px 0}
.crm-stage-setting:first-child{border-top:0}
.crm-stage-setting>i{width:9px;height:9px;border-radius:50%;flex:0 0 9px}
.crm-stage-setting>div{flex:1;min-width:0}
.crm-stage-setting strong{display:block;font-size:12px;font-weight:600;color:#5b6f8a;overflow-wrap:anywhere}
.crm-stage-setting small{display:block;font-size:10px;color:#9cabbc;margin-top:2px}
.crm-stage-setting.is-archived>div{opacity:.55}
.crm-stage-setting .crm-text-btn{font-size:11px}
.crm-rule-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 0;border-top:1px solid #edf2f7}
.crm-rule-row>div:first-child{min-width:0}
.crm-rule-row strong{font-size:13px;font-weight:600;color:#5b6f8a;overflow-wrap:anywhere}
.crm-rule-row p{color:#8395ab;font-size:11px;margin:6px 0 3px}
.crm-rule-row small{font-size:10px;color:#a1aebe}
.crm-rule-row .crm-text-btn{font-size:11px}
.crm-toggle{width:32px;height:18px;padding:2px;border:0;border-radius:10px;background:#dae2ec;flex-shrink:0}
.crm-toggle span{display:block;height:14px;width:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #24436a22;transition:transform .15s}
.crm-toggle.is-active{background:#659bdc}
.crm-toggle.is-active span{transform:translateX(14px)}
.crm-settings-empty{padding:25px 12px;text-align:center;font-size:12px;color:#99a8bb;border:1px dashed #e4ebf5;border-radius:8px;margin-top:16px}
.crm-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.crm-workspace{padding:18px 20px 0}.crm-settings-layout{grid-template-columns:185px minmax(0,1fr);gap:16px}.crm-stage-column{width:255px;flex-basis:255px}.crm-date-chip{display:none}}
@media(max-width:960px){.crm-mobile-back{display:inline-flex}}
@media(max-width:720px){
  .crm-workspace{padding:10px 12px 0}.crm-workspace-head{gap:9px;margin-bottom:6px}.crm-workspace h1{font-size:18px}.crm-eyebrow{font-size:9px;letter-spacing:1px}.crm-workspace-head p{display:none}.crm-head-actions .crm-btn{padding:9px 11px;font-size:12px;min-height:44px}.crm-workspace-head>.crm-mobile-back{padding:0 8px;font-size:12px}
  .crm-tabs{gap:23px;margin-bottom:8px}.crm-tab{min-height:44px;font-size:13px;padding:9px 1px}.crm-settings-tab{font-size:10px;white-space:normal;max-width:100px;text-align:right}.crm-toolbar{gap:7px;margin-bottom:5px}.crm-scope{padding:2px}.crm-scope button{min-height:40px;padding:7px 10px;font-size:11px}.crm-timezone{font-size:9px;margin-left:auto}.crm-toolbar-spacer{display:none}.crm-toolbar>.crm-icon-btn{margin-left:auto;width:44px;height:44px}.crm-pipeline-picker{order:2;flex-basis:100%;max-width:none}.crm-search{order:3;max-width:none;flex-basis:100%}.crm-task-filters{gap:4px;margin-bottom:7px}.crm-filter{min-height:44px;font-size:11px;padding:7px 9px}.crm-content{padding-bottom:max(16px,env(safe-area-inset-bottom,0px))}
  .crm-task{padding:14px 12px;gap:9px;flex-wrap:wrap;align-items:flex-start}.crm-task-main{flex-basis:calc(100% - 63px)}.crm-task-title{font-size:13px}.crm-check{margin-top:2px;width:20px;height:20px;flex-basis:20px}.crm-task-meta{margin-left:29px;order:3;flex-direction:row;align-items:center;gap:12px;flex-basis:calc(100% - 29px);justify-content:space-between}.crm-task-meta time{font-size:11px}.crm-task-meta>span{font-size:10px}.crm-chat-link{order:2;width:22px;height:22px;margin-left:0}.crm-task-person{display:none}.crm-task-context{font-size:10px}.crm-task-context .crm-text-btn{font-size:11px}.crm-list-caption{font-size:10px}.crm-list-caption b{font-size:12px}
  .crm-board{gap:10px;scroll-snap-type:x proximity;min-height:280px}.crm-stage-column{flex-basis:80vw;width:80vw;max-width:315px;scroll-snap-align:start}.crm-mobile-stage{display:flex}.crm-stage-head h2{font-size:14px}.crm-deal-title{font-size:14px}.crm-deal-card{padding:14px}.crm-board-caption{font-size:10px}.crm-board-caption strong{font-size:12px}
  .crm-modal-backdrop{padding:12px;align-items:flex-end}.crm-dialog{max-height:calc(100dvh - 24px);border-radius:13px}.crm-dialog-head{padding:15px 17px}.crm-dialog-head h2{font-size:16px}.crm-dialog-content{padding:17px;scroll-padding-bottom:20px}.crm-form{gap:15px}.crm-field input,.crm-field select,.crm-field textarea{font-size:16px;min-height:43px;padding:10px}.crm-form-grid{gap:11px}.crm-field{font-size:11px}.crm-presets{gap:6px}.crm-presets button{font-size:10px;padding:7px 8px}.crm-form-footer .crm-btn{min-height:42px}.crm-schedule{padding:12px 10px 10px}
  .crm-panel{padding:14px 12px 25px}.crm-task-compact .crm-task-meta{margin-left:28px;flex-basis:calc(100% - 28px)}.crm-task-compact .crm-task-main{flex-basis:calc(100% - 30px)}
  .crm-task{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:4px 8px;padding:12px 8px}
  .crm-task .crm-task-main{grid-column:2;grid-row:1;padding-top:4px}
  .crm-task.crm-task-no-chat .crm-task-main{grid-column:2 / 4}
  .crm-task .crm-check,.crm-task.is-done .crm-check{grid-column:1;grid-row:1;position:relative;width:44px;height:44px;min-width:44px;min-height:44px;flex-basis:44px;margin:0;border:0;background:transparent;color:transparent;font-size:0}
  .crm-task .crm-check:before{content:"";position:absolute;inset:11px;border:1.5px solid #cbd7e5;border-radius:50%;background:#fff}
  .crm-task .crm-check:hover:before{border-color:#347ad5;background:#eff6ff}
  .crm-task.is-done .crm-check:before{border-color:#79ae9d;background:#79ae9d}
  .crm-task.is-done .crm-check:after{content:"✓";position:absolute;inset:11px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff}
  .crm-task .crm-chat-link{grid-column:3;grid-row:1;width:44px;height:44px;min-width:44px;min-height:44px;order:initial;margin:0}
  .crm-task .crm-task-meta,.crm-task-compact .crm-task-meta{grid-column:2 / 4;grid-row:2;margin:0;min-width:0;max-width:100%;flex-wrap:wrap;gap:4px 8px}
  .crm-task .crm-task-meta>span{overflow-wrap:anywhere;min-width:0;max-width:100%}
  .crm-task-context .crm-text-btn{overflow-wrap:anywhere;max-width:100%}
  .crm-workspace-head>div:first-child{min-width:0}.crm-head-actions{flex-shrink:0}
  .crm-head-actions .crm-btn,[data-panel-task],[data-deal-task],[data-create-empty]{min-height:44px;min-width:44px}
  .crm-dialog-head [data-crm-close]{width:44px;height:44px;min-width:44px;min-height:44px}
  .crm-form-footer .crm-btn{min-height:44px}
  .crm-settings-layout{display:flex;flex-direction:column;gap:14px}.crm-pipeline-list{width:100%;padding:12px;display:flex;gap:5px;overflow:auto;align-items:stretch}.crm-pipeline-list .crm-section-head{min-width:87px;gap:3px;margin:0}.crm-pipeline-item{width:auto;min-width:115px;margin:0;padding:9px 10px;flex-shrink:0;max-width:170px}.crm-settings-main{width:100%}.crm-settings-card{padding:16px}.crm-settings-card .crm-section-head{align-items:flex-start;flex-wrap:wrap}.crm-settings-card .crm-section-head h2{font-size:15px}.crm-stage-setting{gap:5px}.crm-stage-setting .crm-icon-btn{width:28px;height:30px}.crm-stage-setting strong{font-size:11px}.crm-stage-setting .crm-text-btn{font-size:10px}.crm-rule-row{align-items:flex-start;flex-direction:column;gap:10px}.crm-rule-row>.crm-inline-actions{align-self:flex-end}
}
@media(max-width:380px){.crm-timezone{display:none}.crm-settings-tab{max-width:76px}.crm-head-actions .crm-btn{font-size:11px}.crm-form-grid{grid-template-columns:minmax(0,1fr)}.crm-schedule .crm-form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.crm-task-context{gap:4px}}
@media(pointer:coarse){.crm-mobile-stage{display:flex}.crm-deal-card[draggable=true]{cursor:default}}
@media(prefers-reduced-motion:reduce){.crm-loading span{animation:none}.crm-btn,.crm-check,.crm-toggle span,.crm-stage-column{transition:none}}

/* Daily task cards keep context visible and give every action its own label. */
.crm-task-list{display:grid;gap:9px;background:transparent;border:0;box-shadow:none;overflow:visible}
.crm-task.crm-task-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(112px,168px);align-items:start;gap:10px 18px;padding:14px 16px;border:1px solid #e2e9f1;border-radius:12px;background:#fff;box-shadow:0 2px 5px #25394e03}
.crm-task.crm-task-card:last-child{border-bottom:1px solid #e2e9f1}
.crm-task-card .crm-task-main{grid-column:1;grid-row:1;padding:0;min-width:0}
.crm-task-heading{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.crm-kind-badge{display:inline-flex;align-items:center;border-radius:5px;padding:3px 7px;background:#eef3fb;color:#6e86aa;font-size:10px;font-weight:600;line-height:1.4}
.crm-kind-call{background:#eaf5f0;color:#54866d}.crm-kind-meeting{background:#f3edfb;color:#8c6ca7}
.crm-task-state{font-size:10px;color:#6c9683}
.crm-task-card .crm-task-title{margin:5px 0 3px;font-size:14px;font-weight:600;line-height:1.4;cursor:default;color:#344b66;overflow-wrap:anywhere}
.crm-task-contact{display:block;margin:0;color:#8b9aad;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.crm-task-card .crm-task-meta{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;margin:0;min-width:0;max-width:100%;font-size:11px;color:#70829a;overflow-wrap:anywhere}
.crm-task-card .crm-task-meta time{white-space:normal;font-size:12px;line-height:1.5}
.crm-task-card .crm-task-meta{order:0}
.crm-task-meta-label{display:block;margin-bottom:2px;color:#a0adbc;font-size:9px;font-weight:400}
.crm-task-actions{grid-column:1 / -1;display:flex;align-items:center;flex-wrap:wrap;gap:8px;border-top:1px solid #edf1f6;padding-top:9px;min-width:0}
.crm-task-actions .crm-task-action{min-height:44px;min-width:44px;font-size:12px;padding:10px 12px}
.crm-task-actions .crm-task-link{background:#f7f9fc;border-color:#edf1f6;color:#6d87a7}
.crm-task-readonly{font-size:11px;color:#a0adbc;margin-right:auto}
.crm-task-result{grid-column:1 / -1;padding:10px 12px;border-radius:7px;background:#f6faf8;font-size:12px;color:#6b8477;min-width:0}
.crm-task-result>span{display:block;color:#91a99b;font-size:10px;margin-bottom:3px}.crm-task-result p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.crm-task-group{margin-bottom:17px}.crm-task-group-head{display:flex;align-items:center;justify-content:space-between;margin:12px 1px 8px}
.crm-task-group-head h2{margin:0;font-size:14px;color:#60738d;font-weight:600}.crm-task-group-head h2 span{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;min-width:22px;min-height:22px;padding:2px 5px;border-radius:6px;background:#e8eef6;color:#8c9caf;font-size:10px}
.crm-task-group-head p{margin:3px 0 0;font-size:10px;color:#a0acbb}.crm-task-group-overdue .crm-task-group-head h2{color:#c0776f}.crm-task-group-overdue .crm-task-group-head h2 span{background:#f7ebe9;color:#be8982}
.crm-task-card.crm-task-compact{grid-template-columns:minmax(0,1fr);gap:11px;padding:13px 11px;margin-bottom:10px}
.crm-task-card.crm-task-compact .crm-task-main{grid-column:1;grid-row:auto}.crm-task-card.crm-task-compact .crm-task-title{font-size:12px;margin-top:7px}
.crm-task-card.crm-task-compact .crm-task-meta{grid-column:1;grid-row:auto;flex-direction:row;justify-content:space-between;gap:9px;flex-wrap:wrap;font-size:10px}
.crm-task-card.crm-task-compact .crm-task-meta time{font-size:10px}.crm-task-card.crm-task-compact .crm-task-meta>span{font-size:10px;text-align:left}
.crm-task-card.crm-task-compact .crm-task-actions{gap:6px;padding-top:10px}.crm-task-card.crm-task-compact .crm-task-action{font-size:10px;padding:9px 8px;flex:1 1 calc(50% - 6px)}
.crm-task-card.crm-task-compact .crm-task-contact{font-size:10px}
.crm-action-task-summary{padding:0 0 13px;border-bottom:1px solid #edf1f6;min-width:0}.crm-action-task-summary h3{margin:8px 0 4px;font-size:14px;font-weight:600;color:#4a607b;overflow-wrap:anywhere}.crm-action-task-summary p{margin:0;color:#94a2b5;font-size:11px;overflow-wrap:anywhere}
.crm-field-optional{font-size:10px;font-weight:400;color:#a1adbd}
.crm-next-toggle{display:flex;align-items:center;gap:10px;min-height:44px;padding:11px 12px;border:1px solid #dfeaf7;border-radius:9px;background:#f6faff;cursor:pointer}
.crm-next-toggle input{width:18px;height:18px;flex:0 0 18px;accent-color:#347ad5}.crm-next-toggle strong{display:block;font-size:12px;color:#55799f;font-weight:600}.crm-next-toggle small{display:block;margin-top:2px;font-size:10px;color:#92a5bb}
.crm-next-task{display:flex;flex-direction:column;gap:13px;border:0;padding:0;margin:0;min-width:0}.crm-next-task>legend{padding:0 0 12px;color:#8296ae;font-size:11px;font-weight:600}.crm-next-task .crm-schedule{min-width:0}
.crm-next-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #e3eaf3;border-radius:9px;background:#fbfcfe;min-width:0}
.crm-next-summary>div{min-width:0}.crm-next-summary strong{display:block;font-size:12px;font-weight:600;color:#5f7691;overflow-wrap:anywhere}.crm-next-summary span{display:block;margin-top:4px;font-size:12px;color:#69907e}.crm-next-summary small{display:block;margin-top:3px;font-size:10px;color:#98a8bc;overflow-wrap:anywhere}
.crm-next-summary [data-next-edit]{flex-shrink:0;min-height:44px;min-width:44px}.crm-next-editor{display:flex;flex-direction:column;gap:13px;min-width:0}
.crm-completion-form{gap:13px}.crm-completion-form .crm-form-footer{padding-top:13px}.crm-completion-form .crm-field textarea{min-height:60px}
@media(max-width:720px){
  .crm-task-list{gap:8px}.crm-task.crm-task-card{grid-template-columns:minmax(0,1fr) minmax(96px,.65fr);gap:9px 12px;padding:11px 12px}
  .crm-task-card .crm-task-main{grid-column:1;grid-row:1}.crm-task-card .crm-task-title{font-size:13px;margin-top:4px}
  .crm-task-card .crm-task-meta{grid-column:2;grid-row:1;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;gap:6px}
  .crm-task-card .crm-task-meta>span{font-size:11px;text-align:left}.crm-task-card .crm-task-meta time{font-size:11px;line-height:1.4}.crm-task-meta-label{margin-bottom:1px}
  .crm-task-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;padding-top:8px}.crm-task-actions .crm-task-action{width:100%;font-size:12px;padding:9px 8px;white-space:normal}.crm-task-readonly{grid-column:1 / -1}
  .crm-task-card.crm-task-compact{grid-template-columns:minmax(0,1fr);padding:12px 10px}.crm-task-card.crm-task-compact .crm-task-action{font-size:11px}
  .crm-task-card .crm-task-contact{display:block;font-size:11px}.crm-task-group{margin-bottom:16px}.crm-task-group-head{margin-top:10px}
  .crm-next-task>.crm-form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .crm-completion-form .crm-form-footer .crm-btn{min-width:0;white-space:normal}.crm-completion-form .crm-form-footer .crm-btn-primary{flex:1}
}

/* Deal viewing is separate from editing: show identity, stage and key facts first. */
.crm-deal-summary{min-width:0;padding:17px;border:1px solid var(--crm-line);border-radius:12px;background:var(--crm-surface)}
.crm-deal-summary-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,.6fr);align-items:start;gap:12px 20px}
.crm-deal-identity,.crm-deal-pipeline{min-width:0;overflow-wrap:anywhere}
.crm-deal-identity h2,.crm-deal-identity h3{margin:0;font-size:18px;line-height:1.35;font-weight:650;color:var(--crm-ink)}
.crm-deal-identity p{margin:5px 0 0;color:#7b8b9e;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.crm-deal-identity p>span{color:#99a6b6;font-size:10px;margin-right:3px}
.crm-deal-pipeline{text-align:right;font-size:12px;color:#657d99;line-height:1.4}
.crm-deal-pipeline small,.crm-deal-pipeline>span{display:block;font-size:10px;color:#92a0b2;margin-bottom:3px}
.crm-deal-pipeline strong{font-size:12px;font-weight:600}
.crm-deal-stage{display:flex;align-items:center;gap:7px;width:fit-content;max-width:100%;margin-top:12px;padding:6px 9px;border:1px solid #e0e9f3;border-left:3px solid var(--crm-stage-color,#347ad5);border-radius:6px;background:#f7faff;color:#5e7591;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.crm-deal-stage>span{font-size:10px;color:#8a9bb0;flex-shrink:0}.crm-deal-stage>strong{min-width:0;font-weight:600}
.crm-deal-summary .crm-deal-facts{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:13px 0 0;padding-top:12px;border-top:1px solid #edf1f6}
.crm-deal-summary .crm-deal-facts>div{min-width:0}
.crm-deal-summary .crm-deal-facts dt{margin-bottom:3px;font-size:10px;color:#8b9baf}
.crm-deal-summary .crm-deal-facts dd{text-align:left;font-size:14px;font-weight:600;line-height:1.4;color:#425c7b}
.crm-deal-description{margin:13px 0 0;padding-top:12px;border-top:1px solid #edf1f6;color:#6f8198;font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.crm-deal-description p{margin:0}.crm-deal-description h3{margin:0 0 6px;font-size:12px;font-weight:600;color:#4e6885}
.crm-deal-description>span{display:block;margin-bottom:4px;font-size:10px;color:#8b9baf}
.crm-deal-description summary{min-height:44px;padding:5px 0;color:#617e9f;cursor:pointer;overflow-wrap:anywhere}
.crm-deal-description details[open] p{margin-top:8px}
.crm-deal-summary-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;min-width:0}
.crm-deal-summary-actions .crm-btn{min-height:44px;min-width:44px;white-space:normal}
.crm-deal-notes{min-width:0;margin-top:20px}
.crm-deal-notes .crm-section-head{margin-bottom:10px}
.crm-deal-notes-list{display:grid;gap:9px;min-width:0}
.crm-deal-note{min-width:0;padding:11px 12px;border:1px solid #e6edf4;border-radius:9px;background:#fbfcfe}
.crm-deal-note>header{display:flex;align-items:baseline;justify-content:space-between;gap:6px 12px;flex-wrap:wrap;color:#71869f;font-size:11px;line-height:1.4}
.crm-deal-note>header strong{min-width:0;font-size:11px;font-weight:600;color:#54708f;overflow-wrap:anywhere}
.crm-deal-note time{font-size:10px;color:#94a2b3}
.crm-deal-note>p{margin:7px 0 0;color:#617790;font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.crm-deal-notes .crm-btn,.crm-deal-summary .crm-btn{min-height:44px;min-width:44px}
.crm-deal-notes [data-all-notes]{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.crm-deal-task-fold{margin-top:16px;border-top:1px solid #e8eef5}
.crm-deal-task-fold>summary{min-height:44px;padding:12px 0;color:#5d7694;font-size:13px;font-weight:600;cursor:pointer;overflow-wrap:anywhere}
.crm-deal-task-fold .crm-dialog-tasks{margin:0;padding:4px 0 0;border:0}
.crm-note-privacy{margin:0;color:#8293a9;font-size:11px;font-weight:400;line-height:1.5}
.crm-note-context{min-width:0;padding-bottom:10px;border-bottom:1px solid #e9eff5;color:#506a88;font-size:13px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.crm-note-privacy+.crm-deal-summary-actions{margin-bottom:14px}
.crm-note-preview .crm-deal-note{background:#fafcfe}
.crm-panel-card>.crm-deal-notes{margin-top:0;padding-top:0;border-top:0}
@media(max-width:720px){
  .crm-deal-summary{padding:12px;border-radius:10px}
  .crm-deal-summary-head{grid-template-columns:minmax(0,1fr) minmax(88px,.6fr);gap:10px}
  .crm-deal-identity h2,.crm-deal-identity h3{font-size:16px}.crm-deal-identity p{margin-top:4px;font-size:11px}
  .crm-deal-pipeline,.crm-deal-pipeline strong{font-size:11px}.crm-deal-pipeline small,.crm-deal-pipeline>span{font-size:9px}
  .crm-deal-stage{margin-top:10px;padding:5px 8px;font-size:11px}
  .crm-deal-summary .crm-deal-facts{gap:10px;margin-top:10px;padding-top:10px}.crm-deal-summary .crm-deal-facts dd{font-size:13px}
  .crm-deal-description{margin-top:10px;padding-top:10px;font-size:12px}
  .crm-deal-summary-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;margin-top:10px}.crm-deal-summary-actions .crm-btn{width:100%;padding:9px 8px;font-size:12px}
  .crm-deal-notes{margin-top:16px}.crm-deal-note{padding:10px 11px}
}

/* Keep internal notes distinct from sending a message to the customer. */
.chat-app .reply-actions{gap:8px;min-height:48px;padding:4px max(10px,env(safe-area-inset-right,0px)) 4px max(10px,env(safe-area-inset-left,0px))}
.chat-app .chat-note-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;min-width:44px;margin-left:auto;padding:8px 11px;border:1px solid var(--theme-border,var(--border,#dbe5eb));border-radius:10px;background:var(--theme-panel,var(--panel,#fff));color:var(--theme-link,var(--text,#3b6d94));font:inherit;font-size:12px;font-weight:500;line-height:1.35;cursor:pointer}
.chat-app .chat-note-btn:hover{background:var(--theme-hover,#f0f4f7)}
.chat-app .chat-note-btn:focus-visible,.chat-app #chatTaskBtn:focus-visible{outline:2px solid var(--theme-accent,#347ad5);outline-offset:2px}
.chat-app #chatTaskBtn,html[data-theme] .chat-app #chatTaskBtn{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:auto;max-width:none;min-width:44px;min-height:44px;height:auto;padding:7px 10px!important;border-radius:8px;font-size:12px;font-weight:500;line-height:1.3;flex-shrink:0}
.chat-app #chatTaskBtn span{display:inline}
.chat-app #chatTaskBtn svg{flex-shrink:0}
@media(max-width:960px){
  .chat-app .reply-actions{min-height:52px;gap:6px;padding:4px max(8px,env(safe-area-inset-right,0px)) 4px max(8px,env(safe-area-inset-left,0px))}
  .chat-app .reply-actions .ignore-reply-btn,.chat-app .reply-actions .chat-note-btn{min-height:44px;min-width:44px;max-width:100%;padding:6px 9px;font-size:12px;font-weight:500;line-height:1.3}
  .chat-app .reply-actions .ignore-reply-btn{min-width:0;gap:5px}.chat-app .reply-actions .chat-note-btn{flex:0 0 auto}
  .chat-app .ignore-reply-count{min-width:22px;height:22px;font-size:10px;flex-shrink:0}
}
@media(max-width:600px){
  .chat-app .chat-header{display:grid;grid-template-columns:44px minmax(0,1fr);gap:2px 6px;flex:0 0 auto;padding-top:calc(5px + env(safe-area-inset-top,0px));padding-bottom:4px}
  .chat-app .chat-header>.mobile-back-btn{grid-column:1;grid-row:1;width:44px;height:44px;min-width:44px}
  .chat-app .chat-header>.chat-identity{grid-column:2;grid-row:1;min-width:0}
  .chat-app .chat-header .chat-heading{flex:1;min-width:0}.chat-app .chat-header .chat-sub{max-width:none}
  .chat-app .chat-header>.chat-actions{grid-column:1 / -1;grid-row:2;justify-content:flex-end;gap:3px;min-width:0}
  .chat-app .chat-header .chat-actions .ghost{width:44px;height:44px;min-width:44px;min-height:44px}
  .chat-app #chatTaskBtn,html[data-theme] .chat-app #chatTaskBtn{width:auto;max-width:none;margin-right:auto;font-size:12px}
  .chat-app #chatTaskBtn span{display:inline}
}