/* CRM POINT v17 · complete presentation layer. Loaded after existing component CSS.
   Existing forms, selectors, permission checks and API handlers remain authoritative. */
body.crm-point{--blue:var(--point-blue);--line:var(--point-line);--point-soft:#f5f8fd;--point-input:#fbfdff;--point-hover:#edf5ff;--point-good-bg:#e7f6ef;--point-good:#237457;--point-warn-bg:#fff5de;--point-warn:#8b641e;--point-bad-bg:#fff0f1;--point-bad:#ad5264;--point-bubble:#edf5ff;--point-note:#fffbef;--bot-border:var(--point-line);color-scheme:light}
.crm-point [hidden]{display:none!important}
.crm-point :is(h1,h2,h3,h4){color:var(--point-text);letter-spacing:-.025em}
.crm-point :is(.muted,.eyebrow,.result-count,.settings-help,.custom-field small,.custom-readonly,.template-help,.template-heading p,.template-kind,.template-list-item p,.template-meta dt,.template-empty,.template-empty p,.template-form-footer span,.template-detail-actions p,.template-sync small,.settings-intro p,.bot-section-title,.run-log time,.worker-status>span:last-child,.integration-platform p,.incoming-thread p,.archive-row small){color:var(--point-muted)}
.crm-point .eyebrow{font-size:10px;letter-spacing:1.3px;font-weight:600}
.crm-point :is(.card,.board-toolbar,.template-library,.template-detail,.template-summary>div,.template-sync,.integration-platform,.bot-builder,.rights-drawer,.deal-editor,.mobile-move-dialog,.template-dialog,.crm-filter-dialog){background:var(--point-card);color:var(--point-text);border-color:var(--point-line);border-radius:var(--point-radius);box-shadow:var(--point-shadow)}
.crm-point .card{padding:22px;margin-bottom:18px}
.crm-point :is(.card h2,.settings-intro h2,.template-heading h2){font-size:19px;font-weight:650}
.crm-point .list-card{padding:0}
.crm-point :is(button,.primary){border-radius:9px}
.crm-point :is(button[type=submit]:not(.secondary):not(.compact),.primary,.message-footer button,.composer-bottom button,.audio-send,#send-template,.template-form-footer button,.template-sync button){background:var(--point-blue);color:white;border-color:var(--point-blue)}
.crm-point :is(.secondary,.outline-button,.audio-tool,.audio-cancel,.template-composer-tools button,.filter-tabs button,.mobile-filter-tabs button,.mobile-bot-tabs button,.client-mode-buttons button,.thread-actions button,.bot-add){background:var(--point-blue-soft);color:#356baf;border-color:var(--point-line)}
.crm-point :is(.secondary,.outline-button,.audio-tool,.audio-cancel,.template-composer-tools button,.filter-tabs button,.bot-add):hover{background:var(--point-hover);color:var(--point-blue)}
.crm-point :is(.text-link,.table-action,.text-button,.template-list-tools a,.template-sync summary,.mobile-template-back,.field-file .field-file-link,.crm-filter-pagination a){color:var(--point-blue)}
.crm-point :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){color:var(--point-text);background:var(--point-input);border:1px solid var(--point-line);border-radius:9px;box-shadow:none;min-width:0}
.crm-point :is(input,select,textarea):focus{border-color:#70b7ff;box-shadow:0 0 0 3px #4b9dfc14;outline:0}
.crm-point :is(input,textarea)::placeholder{color:var(--point-muted);opacity:.8}
.crm-point :is(label,.check-label,.custom-field,.template-editor label,.template-dialog label){color:var(--point-muted)}
.crm-point input:is([type=checkbox],[type=radio]){accent-color:var(--point-blue)}
.crm-point :is(input,select,textarea):disabled{background:var(--point-soft);color:var(--point-muted)}
.crm-point :is(.entry-form label,.field-settings-form label){margin:14px 0}
.crm-point .entry-form>p{font-size:12px;margin-bottom:17px}
.crm-point .entry-form .form-actions{margin-top:18px}
.crm-point .form-actions button{font-size:13px}
.crm-point .card p{font-size:13px}
.crm-point :is(th,td){border-color:var(--point-line);padding:15px 16px}
.crm-point th{background:var(--point-soft);color:var(--point-muted);font-size:11px;font-weight:600}
.crm-point td{font-size:13px;color:var(--point-text)}
.crm-point tbody tr:hover{background:var(--point-soft)}
.crm-point .person-cell strong{font-size:13px}
.crm-point :is(.contact-links,.person-cell small){font-size:12px}
.crm-point .contact-avatar{background:var(--point-blue-soft);color:var(--point-blue);border:1px solid var(--point-line)}
.crm-point .avatar-1{background:#efeaff;color:#9b7bdd}.crm-point .avatar-2{background:#e2f4f0;color:#49a28e}.crm-point .avatar-3{background:#fff1d9;color:#b9954d}.crm-point .avatar-4{background:#fdeaf3;color:#c4789e}
.crm-point :is(.badge,.status-label,.field-flags b,.template-status,.column-count){background:var(--point-blue-soft);color:var(--point-blue)}
.crm-point :is(.status-done,.template-status[data-status=APPROVED],.template-status[data-status=READY],.worker-status.healthy,.automation-trigger,.notification-sound[aria-pressed=true]){background:var(--point-good-bg);color:var(--point-good);border-color:var(--point-line)}
.crm-point :is(.status-today,.template-status[data-status=PENDING],.template-status[data-status=SUBMITTING],.setup-note,.worker-status,.preview-banner,.template-hint,.record-fields-hint){background:var(--point-warn-bg);color:var(--point-warn);border-color:var(--point-line)}
.crm-point :is(.setup-note p,.template-hint p){color:inherit}
.crm-point :is(.status-overdue,.template-status[data-status=REJECTED],.template-status[data-status=UNKNOWN],.template-status[data-status=DISABLED],.field-flags .required-flag,.audio-stop){background:var(--point-bad-bg);color:var(--point-bad);border-color:var(--point-line)}
.crm-point :is(.overdue,.field-file .field-file-error,.audio-status[data-error="1"]){color:var(--point-bad)!important}
.crm-point :is(.filter-tabs button.selected,.mobile-filter-tabs button[aria-selected=true],.mobile-bot-tabs button[aria-selected=true],.client-mode-buttons button[aria-pressed=true]){background:var(--point-blue);color:white;border-color:var(--point-blue)}
.crm-point .point-page-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 20px;gap:16px}
.point-page-heading h1{font-size:25px;margin:3px 0 0;line-height:1.3}
.point-page-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--point-blue-soft);color:var(--point-blue)}
.point-page-symbol svg{width:22px;height:22px}
.crm-point .point-breadcrumb{min-width:0}
.crm-point .point-topbar-actions{margin-left:auto}
.crm-point .point-mobile-profile summary{display:grid;place-items:center;min-height:44px;min-width:44px;list-style:none;cursor:pointer}
.point-mobile-profile .point-popover-panel{right:-43px;color:var(--point-text);font-size:13px}
.point-mobile-profile .point-popover-panel form{margin-top:14px}
.crm-point main>footer{display:block;padding-bottom:12px;color:var(--point-muted);font-size:11px;opacity:.7}
.crm-point :is(.page-tools,.entity-tools){gap:12px}
.crm-point .page-tools{margin-bottom:18px}
.crm-point .search-box input{background:var(--point-card);font-size:13px}
.crm-point .filter-tabs{gap:6px;margin-bottom:18px}
.crm-point .filter-tabs button{font-size:12px}
.crm-point .directory-grid{gap:20px;grid-template-columns:minmax(0,1fr) 325px}
/* Kanban: the board scrolls within its own viewport; all business fields are retained. */
.crm-point .board-toolbar{padding:14px;gap:10px;align-items:center}
.crm-point .board-toolbar :is(select,input,.toolbar-link,button){font-size:12px}
.crm-point .board-toolbar .pipeline-switch{flex:1 1 200px}
.crm-point .board-toolbar label{font-size:10px}
.crm-point .board-summary{font-size:13px;margin:17px 0 14px}
.crm-point .board-summary .muted{font-size:11px}
.crm-point .kanban{gap:14px;scrollbar-width:thin;scrollbar-color:#b5c7dc transparent;min-width:0;padding-bottom:16px}
.crm-point .kanban-column{width:274px;min-width:274px;background:#eaf0f8;border:1px solid #e1e9f3;border-radius:13px;overflow:hidden}
.crm-point .column-heading{padding:15px 13px 13px;background:transparent;border-bottom:1px solid var(--point-line)}
.crm-point .column-heading h2{font-size:13px;line-height:1.5;font-weight:650}
.crm-point .column-heading .muted{font-size:10px;color:var(--point-muted)}
.crm-point .column-count{font-size:10px;min-width:24px}
.crm-point .column-add{font-size:12px;color:#6493cb;padding:9px 13px}
.crm-point .column-cards{padding:0 9px 9px;gap:10px}
.crm-point .deal-card{background:var(--point-card);border:1px solid var(--point-line);border-radius:10px;padding:12px 13px;box-shadow:0 3px 10px #14365e04}
.crm-point .deal-card:hover{border-color:#87b6ef;box-shadow:0 6px 18px #14365e0c}
.crm-point .deal-title{font-size:13px;line-height:1.4;color:var(--point-text);margin-bottom:7px;padding-right:17px}
.crm-point .deal-amount{font-size:18px;line-height:1.4;letter-spacing:-.5px;color:var(--point-text);margin:6px 0}
.crm-point .deal-contact{font-size:12px;color:var(--point-text);margin:0 0 3px}
.crm-point .deal-card :is(.muted,.deal-bottom,.deal-owner){font-size:10px;color:var(--point-muted)}
.crm-point .deal-bottom{padding-top:8px;gap:8px}
.crm-point .deal-owner{padding-top:8px;margin-top:8px;border-color:var(--point-line)}
.crm-point .column-empty{color:var(--point-muted);font-size:12px}
.crm-point :is(.editor-header,.editor-actions,.rights-save,.rights-drawer>.section-heading){background:var(--point-card);border-color:var(--point-line)}
.crm-point :is(.deal-client-section,.permission-pipeline){border-color:var(--point-line);border-radius:10px}
.crm-point :is(.deal-editor,.rights-drawer){border-radius:16px 0 0 16px;box-shadow:-15px 0 60px #071b3930}
.crm-point .deal-editor{font-size:13px;padding:20px 24px}
.crm-point .editor-header h2{font-size:22px}
.crm-point .editor-header{padding-bottom:15px}
.crm-point .deal-editor label{font-size:12px;margin:10px 0}
.crm-point .deal-editor h3{font-size:14px}
.crm-point .deal-editor :is(input,select){font-size:13px;min-height:38px}
.crm-point .deal-editor #new-client .muted{font-size:11px;line-height:1.4}
.crm-point :is(.drawer-backdrop,.rights-backdrop){background:#06162b70;backdrop-filter:blur(3px)}
.crm-point dialog::backdrop{background:#031025a8;backdrop-filter:blur(4px)}
/* Chat shell: full available height, separate inbox and timeline scroll areas. */
body.crm-app.crm-point.crm-workspace main{padding:0!important;min-height:0;height:100dvh;overflow:hidden}
.crm-point.crm-workspace main>.app-header,.crm-point.crm-workspace main>footer{display:none!important}
.crm-point.crm-workspace :is(.conversation-workspace,.conversation-panel){background:var(--point-bg);color:var(--point-text)}
.crm-point.crm-workspace :is(.inbox-panel,.record-panel,.conversation-top,.thread-actions,.record-save,.record-content,.record-scroll,.channel-panel){background:var(--point-card);border-color:var(--point-line);color:var(--point-text)}
.crm-point.crm-workspace .inbox-heading h1{font-size:23px;color:var(--point-text)}
.crm-point.crm-workspace :is(.inbox-caption,.inbox-bottom){background:var(--point-card);color:var(--point-muted);border-color:var(--point-line)}
.crm-point.crm-workspace .ws-eyebrow{font-size:9px;letter-spacing:1.4px;color:var(--point-muted)}
.crm-point.crm-workspace .thread-item{background:transparent;border-color:var(--point-line)}
.crm-point.crm-workspace .thread-item:hover{background:var(--point-soft)}
.crm-point.crm-workspace .thread-item[data-unread="1"]{background:var(--point-blue-soft)}
.crm-point.crm-workspace .thread-item.active,.crm-point.crm-workspace .thread-item.active[data-unread="1"]{background:#e1eeff;border-left:3px solid #3e90f7;padding-left:9px}
.crm-point.crm-workspace .thread-item .thread-title{color:var(--point-text);font-weight:600}
.crm-point.crm-workspace .thread-item :is(.thread-client,.thread-preview,.thread-meta){color:var(--point-muted)}
.crm-point.crm-workspace .thread-item[data-unread="1"] :is(.thread-title,.thread-preview){font-weight:650;color:var(--point-text)}
.crm-point.crm-workspace .thread-item .unread-dot{background:var(--point-blue);color:#fff}
.crm-point.crm-workspace :is(.inbox-heading h1 span,.inbox-filters button){background:var(--point-soft);color:var(--point-muted)}
.crm-point.crm-workspace .inbox-filters button.selected{background:var(--point-blue-soft);color:var(--point-blue)}
.crm-point.crm-workspace .inbox-search input{background:var(--point-soft);border-color:var(--point-line)}
.crm-point.crm-workspace :is(.record-heading,.record-tabs,.configure-card,.record-panel>.archive-record-button){background:#102a49;color:#b3c9e2;border-color:#23405e}
.crm-point.crm-workspace .record-heading h1{color:#edf5ff;font-size:22px}
.crm-point.crm-workspace :is(.record-back,.record-switch,.record-subtitle,.record-pipeline,.record-tabs button,.record-panel>.archive-record-button button){color:#a5bedc}
.crm-point.crm-workspace .record-tabs button.selected{color:#78bbff;border-bottom-color:#78bbff}
.crm-point.crm-workspace .record-badge{color:#9fc6ee;border-color:#3e5d7d}
.crm-point.crm-workspace .stage-picker-toggle{color:#bdddff}
.crm-point.crm-workspace .stage-progress span{background:#28425e}
.crm-point.crm-workspace .stage-progress span.reached{background:#4679ae}
.crm-point.crm-workspace .stage-progress span.current{background:#77baff}
.crm-point.crm-workspace :is(.record-field>span:first-child,.record-divider,.record-info,.record-save>span,.composer-top>span,.message-composer>label,.message-footer small,.composer-bottom>span,.thread-actions form>span,.chat-sync-status,.history-heading>.selected,.history-toolbar input,.conversation-top small){color:var(--point-muted)}
.crm-point.crm-workspace :is(.record-field input,.record-field select,.message-composer textarea,.note-composer textarea){background:var(--point-input);color:var(--point-text);border-color:var(--point-line)}
.crm-point.crm-workspace .record-divider{font-size:10px;letter-spacing:1.3px}
.crm-point.crm-workspace .conversation-top strong{color:var(--point-text)}
.crm-point.crm-workspace :is(.conversation-top .outline-button,.icon-button,.with-inbox .chat-list-back){color:var(--point-muted);border-color:var(--point-line)}
.crm-point.crm-workspace .history-toolbar{background:var(--point-bg)}
.crm-point.crm-workspace .timeline-day{background:var(--point-blue-soft);color:var(--point-muted);font-size:10px}
.crm-point.crm-workspace :is(.timeline-event,.timeline-event small,.timeline-event strong){color:var(--point-muted)}
.crm-point.crm-workspace .message-bubble{background:var(--point-card);border-color:var(--point-line);border-radius:13px 13px 13px 3px;box-shadow:0 2px 3px #17345a03}
.crm-point.crm-workspace .message-bubble.own{background:var(--point-bubble);border-color:var(--point-line);border-radius:13px 13px 3px 13px}
.crm-point.crm-workspace .message-bubble :is(p,strong),.crm-point.crm-workspace .message-bubble.own :is(p,strong){color:var(--point-text)}
.crm-point.crm-workspace .message-bubble :is(small,time),.crm-point.crm-workspace .message-bubble.own :is(small,time){color:var(--point-muted)}
.crm-point.crm-workspace .message-bubble p{font-size:14px;line-height:1.55}
.crm-point.crm-workspace .note-bubble{background:var(--point-note);border-color:var(--point-line)}
.crm-point.crm-workspace .note-bubble p{color:var(--point-warn)}
.crm-point.crm-workspace .composer-wrap{background:var(--point-card);border-color:var(--point-line)}
.crm-point.crm-workspace :is(.composer-top select,.message-composer select){background:var(--point-soft);color:var(--point-text)}
.crm-point.crm-workspace .composer-notice{color:var(--point-warn)}
.crm-point .audio-draft{background:var(--point-card);border-color:var(--point-line)}
.crm-point :is(.audio-limit,.audio-status,.audio-composer,.audio-draft-title){color:var(--point-muted)}
.crm-point .message-bubble :is(.media-links a,.media-error),.crm-point .message-bubble.own :is(.media-links a,.media-error){color:var(--point-blue)}
.crm-point :is(.chat-location,.channel-empty){background:var(--point-card);border-color:var(--point-line);color:var(--point-text)!important}
.crm-point :is(.chat-location small,.chat-location b,.channel-empty p,.channel-empty strong){color:var(--point-muted)}
.crm-point .new-messages-bar button{background:var(--point-card);border-color:var(--point-line);color:var(--point-blue)}
/* Settings, permissions, pipeline automation, files and integrations. */
.crm-point :is(.stage-picker,.custom-readonly,.field-file input[type=file],.permission-master,.rights-legend,.rule-group th,.integration-managers,.integration-help,.automation-explainer,.template-explainer){background:var(--point-soft);color:var(--point-text);border-color:var(--point-line)}
.crm-point :is(.custom-group-title,.stage-picker-caption,.stage-picker small,.rights-block p,.automation-explainer p,.template-explainer p,.template-explainer b,.integration-platform b){color:var(--point-muted)}
.crm-point .stage-choice{background:var(--point-blue-soft);color:var(--point-text)}
.crm-point .stage-choice[aria-selected=true]{background:var(--point-hover);color:var(--point-blue)}
.crm-point :is(.field-catalog-item.selected,.field-catalog-item:hover,.template-list-item.selected,.template-list-item:hover){background:var(--point-blue-soft);border-left-color:var(--point-blue)}
.crm-point :is(.field-catalog-item small,.field-file small){color:var(--point-muted)}
.crm-point .field-file input::file-selector-button{background:var(--point-blue-soft);color:var(--point-blue);padding:9px 12px;border-radius:7px}
.crm-point .integration-platform{border-radius:14px;padding:20px}
.crm-point .platform-symbol{border-radius:12px}
.crm-point .integration-help pre{background:var(--point-card);color:var(--point-muted);border:1px solid var(--point-line);overflow:auto;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}
.crm-point :is(.stage-row,.field-catalog-item,.permission-master,.rights-block,.custom-group-title,.archive-row,.incoming-thread,.integration-managers,.run-log li,.bot-canvas-tools){border-color:var(--point-line)}
.crm-point .automation-column{background:var(--point-soft);border-color:var(--point-line);border-radius:12px}
.crm-point .automation-column .column-heading{background:var(--point-card)}
.crm-point .automation-trigger.inactive{background:var(--point-card);color:var(--point-muted);border-color:var(--point-line)}
.crm-point .automation-add{color:var(--point-blue);border-color:#779ec8}
/* Bot builder retains the existing canvas, palette and properties controls. */
.crm-point .bot-canvas-wrap{background:var(--point-soft)}
.crm-point .bot-canvas{background-image:radial-gradient(#a9bed066 1px,transparent 1px)}
.crm-point .bot-canvas-tools{background:var(--point-card);color:var(--point-muted)}
.crm-point .bot-node{background:var(--point-card);color:var(--point-text);border-color:var(--point-line);border-radius:10px;box-shadow:0 3px 12px #0c284b0a}
.crm-point .bot-node.selected{border-color:var(--point-blue);box-shadow:0 0 0 3px #5f9fe522}
.crm-point :is(.bot-node-kind,.bot-node small,.bot-builder label,.bot-empty p){color:var(--point-muted)}
.crm-point .bot-empty>span{background:var(--point-blue-soft);color:var(--point-blue)}
/* Templates, editor/preview, send picker and filter windows. */
.crm-point .templates-page{color:var(--point-text)}
.crm-point .template-summary>div{border-radius:12px}
.crm-point .template-summary strong{color:var(--point-blue)}
.crm-point :is(.template-summary span,.template-preview-label){color:var(--point-muted)}
.crm-point .template-preview{background:linear-gradient(140deg,#2b75c6,#245b99);border-radius:12px 12px 3px 12px}
.crm-point .template-preview :is(p,small){color:white}
.crm-point :is(.template-dialog-heading,.crm-filter-dialog header,.crm-filter-dialog footer){background:var(--point-card);border-color:var(--point-line)}
.crm-point :is(.template-dialog-tabs,.template-quick-list article,.template-list-item,.template-list-tools,.template-detail-actions,.template-form-footer){border-color:var(--point-line)}
.crm-point :is(.template-dialog-heading p,.template-dialog-tabs button,.template-quick-list p,.crm-filter-dialog small,.crm-filter-dialog legend,.filter-launch>span){color:var(--point-muted)}
.crm-point .template-dialog-tabs button[aria-selected=true]{color:var(--point-blue);border-bottom-color:var(--point-blue)}
.crm-point :is(.crm-filter-dialog .filter-presets,.filter-presets>button,.filter-saved-row button){background:var(--point-soft);color:var(--point-text)}
.crm-point :is(.crm-filter-dialog fieldset,.crm-filter-dialog .filter-presets,.filter-tags,.filter-fields){border-color:var(--point-line)}
.crm-point .filter-select-actions button{color:var(--point-blue)}
/* Authentication shares the brand but keeps the original login form/CSRF flow. */
body.crm-point.point-login{min-height:100dvh;background:radial-gradient(ellipse at top left,#e1eeff,transparent 65%),#f3f6fb;padding:36px 24px}
.point-login-brand{display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:auto;gap:18px}
.point-login-brand .point-wordmark{color:#142d4d;font-size:21px}
.point-login-brand>span{color:var(--point-muted);font-size:12px}
.crm-point .login{margin:12vh auto 40px;max-width:440px;padding:38px;border-radius:20px;box-shadow:0 18px 60px #12365c0a}
.crm-point .login h1{font-size:28px;line-height:1.25;margin:12px 0}
.crm-point .login p{font-size:14px;margin:0 0 28px}
.crm-point .login label{margin:18px 0;font-size:12px}
.crm-point .login input{min-height:46px}
.crm-point .login button{min-height:46px;margin-top:6px;font-weight:600}
.crm-point .login footer{font-size:11px;text-align:center;color:var(--point-muted);margin-top:24px}
@media(min-width:901px){
 .crm-app.crm-point aside#crm-navigation{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#355475 transparent;height:100dvh}
 .crm-app.crm-point aside nav{flex:none}.crm-app.crm-point aside .rail-account{padding-top:18px}
 .crm-point .kanban{max-width:100%;max-height:calc(100dvh - 285px);min-height:300px;overflow:auto;align-items:stretch}
 .crm-point .kanban-column{display:flex;flex-direction:column;max-height:100%;flex-shrink:0}
 .crm-point .column-cards{overflow-y:auto;min-height:0;scrollbar-width:thin}
 .crm-point .template-layout{grid-template-columns:minmax(250px,.75fr) minmax(0,1.5fr)}
}
@media(min-width:901px) and (max-width:1200px){
 .crm-point .directory-grid{grid-template-columns:minmax(0,1fr)}
 .crm-point .point-breadcrumb>span:first-of-type{display:none}
 .crm-point .bot-builder{grid-template-columns:170px minmax(0,1fr)}
 .crm-point .settings-layout{grid-template-columns:245px minmax(0,1fr)}
}
@media(max-width:900px){
 body.crm-point{--point-bg:#071426;--point-card:#10233d;--point-text:#dceaff;--point-muted:#91a8c5;--point-line:#233b59;--point-blue:#5ba8ff;--point-blue-soft:#193657;--point-soft:#122944;--point-input:#0d1f37;--point-hover:#244b76;--point-bubble:#1c3f69;--point-note:#302d25;--point-good-bg:#173c38;--point-good:#8ed7b3;--point-warn-bg:#393525;--point-warn:#e3c385;--point-bad-bg:#3e293b;--point-bad:#eba2b3;--point-shadow:0 4px 18px #0000000c;--bot-border:#233b59;color-scheme:dark}
 .crm-point :is(.secondary,.outline-button,.audio-tool,.audio-cancel,.template-composer-tools button,.filter-tabs button,.mobile-filter-tabs button,.mobile-bot-tabs button,.client-mode-buttons button,.thread-actions button,.bot-add){color:#a0caff}
 .crm-point :is(.filter-tabs button.selected,.mobile-filter-tabs button[aria-selected=true],.mobile-bot-tabs button[aria-selected=true],.client-mode-buttons button[aria-pressed=true]){background:#2b6bb2;color:white}
 .crm-point :is(button[type=submit]:not(.secondary):not(.compact),.primary,.message-footer button,.composer-bottom button,.audio-send,#send-template,.template-form-footer button,.template-sync button){background:#337fdd;color:white;border-color:#438deb}
 .crm-point .card{padding:17px;border-radius:14px}
 .crm-point .list-card{padding:0}
 .crm-point .point-page-heading{margin:1px 0 18px}
 .point-page-heading h1{font-size:24px;letter-spacing:-.7px}
 .point-page-symbol{width:39px;height:39px;background:#153556;color:#75b9ff}
 .crm-point .point-mobile-profile .point-popover-panel{box-shadow:0 15px 50px #0008;background:#10233d;border-color:#35506f}
 .crm-point .point-mobile-profile .point-popover-panel p{font-size:12px}
 .crm-point .point-mobile-profile .notification-sound{width:100%}
 .crm-point :is(.page-tools,.section-heading,.settings-intro,.template-heading){gap:12px}
 .crm-point .page-tools .primary{font-size:12px}
 .crm-point .page-tools .result-count{font-size:11px}
 .crm-point .entity-tools{font-size:11px;margin-bottom:14px}
 .crm-point .entity-tools .toolbar-link{font-size:11px;padding:8px 11px}
 .crm-point :is(.card h2,.settings-intro h2,.template-heading h2){font-size:18px}
 .crm-point .card p{font-size:12px}
 .crm-point .entry-form label{max-width:none;margin:14px 0}
 .crm-point .entry-form .form-actions{max-width:none}
 .crm-point .mobile-card-table tbody tr{border-color:var(--point-line);padding:14px 3px}
 .crm-point .mobile-card-table tbody td{padding:6px 10px;font-size:13px}
 .crm-point .mobile-card-table td::before{color:#7e9dbf;font-size:11px}
 .crm-point .person-cell strong{font-size:14px}
 .crm-point .person-cell small{font-size:10px}
 .crm-point .contact-links{font-size:13px;gap:8px}
 .crm-point :is(.table-action,.table-action+.table-action){display:inline-flex;align-items:center;min-height:44px}
 .crm-point .avatar-1{background:#30294c;color:#baa1ee}.crm-point .avatar-2{background:#173b41;color:#8bcdbd}.crm-point .avatar-3{background:#383629;color:#d9bd7d}.crm-point .avatar-4{background:#3a2c46;color:#d2a0c7}
 .crm-point .filter-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding:2px 0 5px;scrollbar-width:none;gap:6px}
 .crm-point .filter-tabs button{flex-shrink:0;white-space:nowrap;font-size:11px;padding:8px 11px}
 .crm-point .board-toolbar{padding:12px;gap:9px}
 .crm-point .board-toolbar .pipeline-switch{flex-basis:100%}
 .crm-point .board-toolbar :is(.toolbar-link,.notification-sound){font-size:11px}
 .crm-point .board-toolbar .filter-launch{flex:1;min-width:0}
 .crm-point .board-summary{font-size:12px;margin:16px 0 10px}
 .crm-point .board-summary .muted{font-size:10px;line-height:1.5}
 .crm-point .mobile-stage-navigation{background:var(--point-card);border:1px solid var(--point-line);border-radius:12px;padding:8px 12px;margin:0 0 15px}
 .crm-point .mobile-stage-navigation label{font-size:10px;margin:0}
 .crm-point .mobile-stage-navigation small{font-size:9px;color:var(--point-muted)}
 .crm-point .kanban{max-height:none;min-height:0;gap:12px;scroll-snap-type:x mandatory;scroll-padding:0}
 .crm-point .kanban-column{width:calc(100vw - 53px);min-width:calc(100vw - 53px);max-width:430px;background:#0e2037;border-color:#1c3553;border-radius:14px;scroll-snap-align:start}
 .crm-point .column-heading{padding:13px}
 .crm-point .column-heading h2{font-size:14px}
 .crm-point .column-heading .muted{font-size:10px}
 .crm-point .column-add{min-height:44px;display:flex;align-items:center;color:#8bbbeb}
 .crm-point .deal-card{padding:12px 14px;border-color:#28415e;background:linear-gradient(135deg,#142d4b,#10233d)}
 .crm-point .deal-title{font-size:14px;min-height:0;padding-right:25px;margin-bottom:5px}
 .crm-point .deal-amount{font-size:20px;margin:6px 0}
 .crm-point .deal-contact{font-size:13px}
 .crm-point .deal-card .muted{font-size:11px}
 .crm-point .deal-bottom{font-size:11px;padding-top:8px}
 .crm-point .deal-owner{font-size:11px;padding-top:8px;margin-top:8px}
 .crm-point .mobile-stage-change{font-size:11px;margin:9px 0 0;border:1px solid #2a486d;min-height:44px}
 .crm-point :is(.deal-editor,.rights-drawer){border-radius:0;padding:16px;box-shadow:none}
 .crm-point .editor-header h2{font-size:21px}
 .crm-point .deal-editor label{font-size:12px;margin:11px 0}
 .crm-point .deal-editor .editor-section{padding:12px}
 .crm-point .client-mode-buttons{gap:7px}
 .crm-point .client-mode-buttons button{font-size:11px}
 .crm-point .editor-actions{padding-top:12px}
 .crm-point :is(.crm-filter-dialog,.template-dialog){border-radius:0}
 .crm-point .mobile-filter-tabs,.crm-point .mobile-bot-tabs{background:var(--point-card);border-color:var(--point-line)}
 .crm-point .mobile-filter-tabs button,.crm-point .mobile-bot-tabs button{font-size:12px}
 body.crm-app.crm-point.crm-workspace main{height:calc(var(--crm-vh) - var(--crm-top) - var(--crm-bottom));margin-left:0;padding:0!important}
 .crm-point.crm-workspace .inbox-heading{padding:16px 16px 10px}
 .crm-point.crm-workspace .inbox-heading h1{font-size:25px}
 .crm-point.crm-workspace .thread-item.active,.crm-point.crm-workspace .thread-item.active[data-unread="1"]{background:#1d3d62;border-left-color:#78bbff}
 .crm-point.crm-workspace .thread-item[data-unread="1"]{background:#142e4c}
 .crm-point.crm-workspace .thread-item .thread-title{font-size:14px}
 .crm-point.crm-workspace .thread-item .thread-preview{font-size:12px}
 .crm-point.crm-workspace .thread-item .thread-client{font-size:11px}
 .crm-point.crm-workspace :is(.conversation-top,.thread-actions){background:#10233d}
 .crm-point.crm-workspace .conversation-top .record-toggle{background:#193657;color:#a6d0ff;border-color:#2a4b72}
 .crm-point.crm-workspace .conversation-top strong{font-size:14px}
 .crm-point.crm-workspace .conversation-tools button{font-size:12px}
 .crm-point.crm-workspace .message-bubble{max-width:88%;border-color:#223d5c}
 .crm-point.crm-workspace .message-bubble.own{border-color:#2e5481}
 .crm-point.crm-workspace .message-bubble p{font-size:14px;line-height:1.5}
 .crm-point.crm-workspace .composer-wrap{background:#0c1e35;border-top:1px solid #203955}
 .crm-point.crm-workspace .message-composer textarea{border-color:#294765;background:#122944;border-radius:12px}
 .crm-point.crm-workspace .mobile-attachments-toggle{color:#83bdff}
 .crm-point.crm-workspace .record-field{margin-bottom:6px}
 .crm-point.crm-workspace .record-field>span:first-child{font-size:11px}
 .crm-point.crm-workspace .record-info{font-size:10px}
 .crm-point .audio-draft audio{color-scheme:light}
 .crm-point .template-layout{grid-template-columns:minmax(0,1fr)}
 .crm-point .template-explainer{border:1px solid var(--point-line);font-size:12px}
 .crm-point .template-summary{gap:8px}
 .crm-point .template-summary>div{padding:12px 10px}
 .crm-point .template-summary strong{font-size:24px}
 .crm-point .template-summary span{font-size:10px}
 .crm-point .template-preview{background:#1e4a77}
 .crm-point .template-preview p{font-size:14px}
 .crm-point .integration-platform{padding:18px}
 .crm-point .platform-symbol{background:#183d3a;color:#88d4b1}
 .crm-point .platform-instagram .platform-symbol{background:#3b2b48;color:#e0a0d0}
 .crm-point .platform-tiktok .platform-symbol{background:#213853;color:#c3d8f1}
 .crm-point .platform-telephony .platform-symbol{background:#1d3d61;color:#97c7ff}
 .crm-point .bot-builder{border-radius:12px;overflow:hidden}
 .crm-point .bot-node{background:#15314f;border-color:#365572}
 .crm-point .bot-canvas-tools{font-size:11px}
 .crm-point .rules-table{font-size:12px}
 .crm-point .rules-table :is(th,td){padding:9px 7px}
 .crm-point .access-matrix :is(th,td){padding:9px 8px}
 body.crm-point.point-login{padding:24px 18px;background:radial-gradient(ellipse at top,#173452,transparent 70%),#071426}
 .point-login-brand{display:block}.point-login-brand .point-wordmark{color:#e6f1ff;font-size:20px}
 .point-login-brand>span{display:block;font-size:10px;margin-top:10px}
 .crm-point .login{margin:12vh auto 32px;padding:25px;box-shadow:0 20px 50px #0002}
 .crm-point .login h1{font-size:25px}
 .crm-point .login .point-eyebrow{display:block;font-size:9px}
 .crm-point .login input{font-size:16px}
 .crm-point .login footer{font-size:10px}
}
@media(max-width:359px){.crm-point .point-page-heading h1{font-size:22px}.crm-point .card{padding:14px}.crm-point .list-card{padding:0}.crm-point .board-toolbar{padding:10px}.crm-point .kanban-column{width:calc(100vw - 39px);min-width:calc(100vw - 39px)}.crm-point .client-mode-buttons button{font-size:10px}.crm-point .template-heading{gap:10px}.crm-point .login{padding:22px}}
/* Secondary controls keep their semantic prominence, including unclassed buttons. */
.crm-point .point-mobile-bottom button{background:transparent;color:#758fae;border:0}
.crm-point .point-mobile-bottom button[aria-expanded=true]{background:#193657;color:#b5d9ff}
.crm-point .rail-account button{background:transparent;color:#a7bbd1;border:0}
.crm-point .record-tabs button{background:transparent;border-radius:0}
.crm-point .close-editor{background:var(--point-soft);color:var(--point-muted);border:1px solid var(--point-line)}
.crm-point .archive-record-button button{background:transparent!important;color:var(--point-muted);font-size:11px;border:1px solid var(--point-line);border-radius:7px}
.crm-point .record-panel>.archive-record-button button{color:#a5bedc;border-color:#365472}
@media(max-width:900px){
 .crm-point .board-toolbar>.filter-launch{flex:1 1 100%;width:100%;min-width:0;justify-content:space-between;flex-wrap:nowrap}
 .crm-point .board-toolbar>.filter-launch button{min-width:0;white-space:normal;font-size:13px}
 .crm-point .board-toolbar>.filter-launch>span{font-size:10px;flex-shrink:0}
 .crm-point .access-matrix-scroll{overflow:visible}
 .crm-point .access-matrix,.crm-point .access-matrix tbody{display:block;width:100%;min-width:0}
 .crm-point .access-matrix thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .crm-point .access-matrix tbody tr{display:grid;grid-template-columns:minmax(0,1fr);border:1px solid var(--point-line);border-radius:10px;margin-bottom:12px;padding:6px 12px;background:var(--point-soft)}
 .crm-point .access-matrix tbody th{display:block;text-align:left;padding:10px 0;background:transparent;color:var(--point-text);font-size:14px;border-bottom:1px solid var(--point-line)}
 .crm-point .access-matrix tbody td{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;padding:7px 0;align-items:center;border:0;min-width:0}
 .crm-point .access-matrix tbody td::before{content:attr(data-point-label);color:var(--point-muted);font-size:11px}
 .crm-point .access-matrix select{width:100%;min-width:0;font-size:13px!important}
}
.crm-point :is(.pipeline-settings-bar,.pipeline-create-panel,.pipeline-stage-add,.message-unavailable){background:var(--point-card);color:var(--point-text);border-color:var(--point-line);border-radius:13px}
.crm-point :is(.channel-panel>div,.channel-panel p,.channel-panel>span,.channel-panel b,.channel-panel small,.pipeline-stage-order span){color:var(--point-muted)}
.crm-point .pipeline-workspace-heading h2{font-size:25px;margin:4px 0 7px}
.crm-point .pipeline-workspace-heading p{font-size:13px}
.crm-point .pipeline-workspace-heading{margin-bottom:18px}
.crm-point .column-add:hover{background:var(--point-blue-soft)}
@media(max-width:900px){.crm-point .pipeline-workspace-heading h2{font-size:23px}.crm-point .pipeline-workspace-heading .eyebrow{display:none}.crm-point .pipeline-settings-bar{padding:14px}.crm-point .pipeline-create-panel summary{color:var(--point-blue)}}

.crm-point .login button{background:#2874d3;color:white}
.crm-point .template-eyebrow{color:var(--point-muted)}
@media(max-width:900px){.crm-point .point-mobile-bottom button[aria-current=page]{background:linear-gradient(180deg,#1b416b77,#142a4500);color:#66b4ff}}
.crm-point :is(.contact-detail,.record-contact-mini strong){color:var(--point-text);border-color:var(--point-line)}
.crm-point :is(.contact-detail span,.contact-hint,.record-contact-mini>div>span,.note-meta){color:var(--point-muted)}
.crm-point .template-help{color:var(--point-muted)!important}

/* v17.1: desktop order follows the existing DOM: inbox, record, conversation.
   Keep the previous panel widths and the separate mobile screens. */
@media(min-width:901px){
 .crm-point.crm-workspace .with-inbox>.record-panel{border-left:0;border-right:1px solid var(--point-line)}
}
@media(min-width:901px) and (max-width:1250px){
 .crm-point.crm-workspace .conversation-workspace.with-inbox.record-visible{grid-template-columns:320px minmax(0,1fr)}
 .crm-point.crm-workspace .with-inbox.record-visible>.record-panel{grid-column:1}
 .crm-point.crm-workspace .with-inbox.record-visible>.conversation-panel{grid-column:2}
}
@media(min-width:1251px){
 .crm-point.crm-workspace .conversation-workspace.with-inbox{grid-template-columns:360px 310px minmax(0,1fr)}
 .crm-point.crm-workspace .with-inbox>.record-panel{grid-column:2}
 .crm-point.crm-workspace .with-inbox>.conversation-panel{grid-column:3}
}
@media(min-width:1281px) and (max-width:1399px){
 .crm-point.crm-workspace .conversation-workspace.with-inbox{grid-template-columns:325px 310px minmax(0,1fr)}
}
@media(min-width:1400px){
 .crm-point.crm-workspace .conversation-workspace.with-inbox{grid-template-columns:350px 330px minmax(0,1fr)}
}