@font-face{font-family:'PT Sans';src:url('./fonts/pt-sans-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:'PT Sans';src:url('./fonts/pt-sans-700.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--bg:#f5f5f5;--surface:#fff;--soft:#f7f7f7;--text:#363b42;--muted:#93979a;--border:#e5e5e5;--accent:#4d88f5;--focus:#2e76c9;--link:#2165a3;--violet:#8b74fb;--sidebar:#203849;--side-text:#c3ced4;--side-muted:#91a2ad;--green:#41b998;--pink:#f3569d;--yellow:#dfb350}
:root[data-theme=dark]{--bg:#17242d;--surface:#22333f;--soft:#1b2c38;--text:#e1e8ec;--muted:#91a1ad;--border:#344650;--accent:#4d88f5;--focus:#72a9ff;--link:#83b9f1;--sidebar:#142c3d;--side-text:#d9e3e9;--side-muted:#9eb0bd}
body{font-family:'PT Sans',Arial,sans-serif;font-size:15px;line-height:1.35}button,input,select,textarea{font-family:inherit}button,.button,input,select,textarea{border-radius:4px}button,.button{font-weight:400}.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}h1{font-size:27px;letter-spacing:0}h2{font-size:17px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.main{margin-left:70px}.topbar{height:68px;padding:0 30px}.topbar .pipeline-trigger{font-size:17px}.panel{border-radius:6px}.icon{width:22px;height:22px}.kommo-shell{min-height:100vh}.crm-rail{position:fixed;inset:0 auto 0 0;width:70px;z-index:30;background:var(--sidebar);color:var(--side-muted);display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}.crm-rail::-webkit-scrollbar{display:none}.rail-logo{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;flex-shrink:0;min-height:70px;background:#0d1c25;color:#fff;font-size:9px;letter-spacing:1.5px;font-weight:700}.rail-logo img{width:29px;height:29px}.crm-rail nav{display:flex;flex-direction:column;padding-top:14px}.crm-rail nav a{min-height:75px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:11px;text-align:center;padding:6px 2px;color:var(--side-muted)}.crm-rail nav .icon{width:34px;height:34px;stroke-width:1.15}.crm-rail nav a:hover{color:#fff;background:#ffffff06}.crm-rail nav a.active{color:#fff;font-weight:700}.crm-rail nav a.active .icon{color:#61bde3;stroke-width:1.6}.rail-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:6px}.rail-bottom button{border:0;background:none;color:var(--side-muted);padding:7px}.rail-bottom button:hover{color:#fff}.pipeline-trigger{border:0;background:transparent;border-radius:0;gap:10px;padding:0;color:var(--text);font-weight:700;font-size:16px;letter-spacing:.7px;text-transform:uppercase;white-space:nowrap;min-width:0}.pipeline-trigger svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;flex-shrink:0}.pipeline-trigger:hover{color:var(--link)}
.pipeline-switcher{position:fixed;inset:0 auto 0 70px;margin:0;width:280px;max-width:calc(100vw - 70px);height:100vh;max-height:100vh;border:0;border-radius:0;padding:0;box-shadow:none;background:var(--surface);color:var(--text)}.pipeline-switcher[open]{display:flex;flex-direction:column}.pipeline-switcher::backdrop{background:#0006;backdrop-filter:none;left:70px}.pipeline-switcher header{height:69px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--border);flex-shrink:0}.pipeline-switcher h2{font-size:16px;letter-spacing:.8px}.pipeline-switcher header button{border:0;background:none;color:var(--muted);font-size:22px;padding:5px}.pipeline-switcher nav a{height:59px;padding:0 30px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:16px}.pipeline-switcher a:hover{background:var(--soft)}.pipeline-switcher .selected{font-weight:700;color:#287bc0}.pipeline-switcher .selected span{font-size:13px}.selector-settings{display:flex;align-items:center;gap:12px;padding:22px 30px;color:var(--muted)}.all-leads{margin-top:auto;padding:25px 30px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);border-top:1px solid var(--border)}
body[data-page=pipeline] #content,body[data-page=overview] #content,body[data-page=insights] #content{padding:0;max-width:none;margin:0}body[data-page=pipeline] .topbar,body[data-page=overview] .topbar,body[data-page=insights] .topbar{display:none}.pipeline-view{height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.pipeline-toolbar{height:70px;min-height:70px;display:flex;align-items:center;background:var(--surface);border-bottom:1px solid var(--border);gap:12px;padding:0 30px}.pipeline-heading{display:flex;align-items:center;gap:28px;height:100%;padding-right:18px;border-right:1px solid var(--border);flex-shrink:0}.pipeline-views{display:flex;align-items:center;gap:15px}.pipeline-views a{color:#c8cbcc}.pipeline-views .selected{color:var(--accent)}.pipeline-views .icon{width:20px;height:20px}.pipeline-search{position:relative;display:flex;align-items:center;flex:1;min-width:150px;gap:6px}.pipeline-search input{border:0;background:transparent;padding:8px 0;min-width:80px;flex:1;font-size:16px;outline-offset:0}.pipeline-search input::placeholder{color:#a7a9ab}.pipeline-search select#lead-status{background:#dbe6b6;color:#737961;border:1px solid #b8ca8d;font-size:15px;width:110px;padding:5px 4px;appearance:none;cursor:pointer}.pipeline-total{color:var(--muted);white-space:nowrap;font-size:15px}.pipeline-total b{font-weight:400;color:var(--text)}.pipeline-toolbar .automate,.new-lead-button{height:40px;white-space:nowrap;font-size:13px;letter-spacing:.1px;padding:0 14px}.automate{border-color:var(--border);font-weight:700;background:var(--surface)}.new-lead-button{min-width:100px}.filter-details>summary,.pipeline-more>summary{cursor:pointer;list-style:none;color:var(--muted);display:flex;align-items:center;justify-content:center;padding:5px}.filter-details summary::-webkit-details-marker,.pipeline-more summary::-webkit-details-marker{display:none}.filter-details>summary .icon{width:17px;height:17px}.filter-details{position:relative}.filter-details[open]>summary{color:var(--accent)}#pipeline-filters{position:absolute;right:0;top:37px;z-index:15;background:var(--surface);border:1px solid var(--border);box-shadow:0 8px 30px #0002;width:280px;padding:20px;display:grid;gap:12px;border-radius:4px}#pipeline-filters h3{font-size:16px}#pipeline-filters input,#pipeline-filters select{padding:7px 9px;font-size:14px}#pipeline-filters>div{display:flex;align-items:center;justify-content:space-between;gap:12px}#pipeline-filters a{color:var(--link);font-size:13px}.pipeline-more{position:relative}.pipeline-more>div{position:absolute;right:0;top:32px;background:var(--surface);box-shadow:0 6px 25px #0002;border:1px solid var(--border);min-width:170px;z-index:15;padding:5px}.pipeline-more a,.pipeline-more button{display:block;padding:10px 12px;border:0;border-radius:0;width:100%;text-align:left;font-size:14px}.pipeline-more a:hover,.pipeline-more button:hover{background:var(--soft)}.pipeline-summary{display:grid;grid-template-columns:1fr 1fr 1fr 1.4fr 1.1fr;gap:20px;padding:18px 30px 16px;min-height:85px;background:var(--surface);border-bottom:1px solid var(--border)}.pipeline-summary>div,.pipeline-summary>a{display:flex;flex-direction:column;gap:1px;align-items:flex-start;color:var(--muted);font-size:13px}.pipeline-summary strong{font-size:22px;font-weight:400;line-height:1.25}.pipeline-summary .summary-green{color:var(--green)}.pipeline-summary .summary-yellow{color:var(--yellow)}.pipeline-summary .summary-pink{color:var(--pink)}.pipeline-summary .prospective{align-items:flex-end;color:var(--text)}.pipeline-summary .prospective strong{color:var(--muted);font-size:20px}.pipeline-summary>a.selected{background:var(--soft);outline:6px solid var(--soft)}.pipeline-summary a:hover strong{text-decoration:underline}.board{overflow:auto;flex:1;display:flex;align-items:stretch;gap:10px;padding:0 30px 18px;min-height:0;scrollbar-color:#bec4c8 transparent;scrollbar-width:thin}.column{width:334px;flex:0 0 334px;display:flex;flex-direction:column;position:relative}.stage-head{height:64px;min-height:64px;border:0;border-bottom:2px solid var(--stage-color,#9cf);border-radius:0;margin:0 0 10px;padding:13px 20px 8px;background:var(--bg);display:block;text-align:center;position:sticky;top:0;z-index:2}.stage-head h2{font-size:13px;line-height:18px;letter-spacing:.9px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-head p{font-size:14px;margin-top:2px}.stage-add{position:absolute;right:0;top:15px;width:22px;height:22px;font-size:20px;border:0;background:none;padding:0;color:var(--muted);opacity:0}.stage-head:hover .stage-add,.stage-add:focus{opacity:1}.cards{display:flex;flex-direction:column;gap:5px;min-height:0}.kommo-lead-card{padding:7px 5px 5px;background:var(--surface);border:1px solid #c8c8c8;border-radius:4px;box-shadow:none;cursor:grab;overflow:hidden}.kommo-lead-card:hover{border-color:#8cabbc}.kommo-lead-card:focus-visible{outline:2px solid var(--focus);outline-offset:-1px}.lead-card-top{display:flex;justify-content:space-between;gap:6px;font-size:13px;color:var(--muted);min-height:18px;line-height:18px}.lead-card-top>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.lead-card-top time{flex-shrink:0;font-size:12px}.lead-company{font-size:14px;line-height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.kommo-lead-card h3{font-size:16px;line-height:20px;font-weight:400;margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kommo-lead-card h3 a{color:var(--link)}.lead-value{font-size:14px;line-height:19px}.kommo-lead-card footer{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:23px;margin-top:3px}.lead-tags{display:flex;align-items:center;gap:3px;overflow:hidden;white-space:nowrap;min-width:0;font-size:12px}.lead-supplier{color:var(--muted);max-width:105px;overflow:hidden;text-overflow:ellipsis;margin-right:2px}.lead-tag{border:1px solid var(--border);color:var(--muted);border-radius:3px;padding:1px 4px;max-width:90px;overflow:hidden;text-overflow:ellipsis;line-height:16px}.tag-overflow{flex-shrink:0}.lead-task-status{display:flex;align-items:center;white-space:nowrap;gap:3px;font-size:12px;flex-shrink:0}.lead-task-status i{width:5px;height:5px;border-radius:50%;display:block;background:#afb5ba}.lead-task-status.task-late i{background:var(--pink)}.lead-task-status.task-today{color:var(--green)}.lead-task-status.task-today i{background:var(--green)}.lead-task-status.task-future i{background:var(--yellow)}.quick-add-slot{margin-bottom:5px}.quick-add-button{height:54px;display:flex;width:100%;border:1px dashed #d0d0d0;border-radius:4px;background:transparent;font-size:16px;color:var(--text)}.column:not(:first-child)>.quick-add-slot:has(>.quick-add-button){display:none}.quick-add-form{padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:4px;display:grid;gap:7px}.quick-add-form input{padding:7px 9px}.quick-add-form>div{display:flex;gap:8px}.quick-add-form button{padding:6px 12px}.load-stage{font-size:13px;text-align:center;color:var(--link);padding:15px}.drop-target .cards{background:#4d88f50c;outline:1px dashed var(--accent);min-height:150px}.dragging{opacity:.45}.pipeline-list{overflow:auto;flex:1;padding:20px 30px}.pipeline-list .table-wrap{border-radius:3px}.pipeline-list th{background:var(--soft);font-weight:700}.pipeline-list td,.pipeline-list th{padding:11px 14px}
.dashboard-view{min-height:100dvh;padding:20px 32px 40px;position:relative;color:#fff;background:linear-gradient(#172d3d22,#172d3d33),url('./dashboard-mountains.jpg') center center/cover fixed}.dashboard-header{display:flex;align-items:center;gap:32px}.dashboard-brand{display:flex;align-items:center;gap:8px;color:#fff;font-size:33px;font-weight:700;letter-spacing:1px;flex-shrink:0}.dashboard-brand img{height:27px;width:27px}.dashboard-search{height:38px;display:flex;align-items:center;gap:8px;border:1px solid #ffffffa0;flex:1;padding:0 14px}.dashboard-search input{background:none;border:0;border-radius:0;padding:6px 0;color:#fff;min-width:0;font-size:17px;outline:none}.dashboard-search input::placeholder{color:#ffffffa8}.dashboard-search .icon{width:22px;height:22px}.activities-button{background:#173345b8;border-radius:12px;display:flex;align-items:center;gap:15px;height:38px;padding:0 22px;font-size:13px;font-weight:700;white-space:nowrap}.activities-button .icon{width:19px;height:19px}.dashboard-view>h1{text-align:center;text-transform:uppercase;font-size:42px;font-weight:700;letter-spacing:.5px;text-shadow:0 2px 2px #0003;margin:53px 0 34px}.dashboard-controls{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:43px}.dashboard-periods,.dashboard-user{display:flex;border:1px solid #ffffff8c;border-radius:28px;overflow:hidden;background:#ffffff08;align-items:center;height:39px}.dashboard-periods a,.dashboard-periods button,.dashboard-user a{display:flex;align-items:center;justify-content:center;color:white;background:none;border:0;border-radius:0;font-size:16px;padding:8px 20px;gap:7px;white-space:nowrap}.dashboard-periods .selected,.dashboard-user .selected{background:#ffffff24;font-weight:700}.dashboard-periods button .icon{width:15px;height:15px}.dashboard-user select{width:130px;background:#ffffff1a;border:0;border-left:1px solid #ffffff30;border-radius:0;color:white;padding:8px 13px;font-size:16px;cursor:pointer}.dashboard-user option{background:#fff;color:#343e45}.dashboard-setup{position:absolute;right:0;border:1px solid #ffffff8c;border-radius:25px;background:#ffffff08;color:#fff;font-size:16px;padding:7px 20px}.dashboard-setup .icon{width:18px;height:18px}.dashboard-pipeline-report{background:#71818a70;border-radius:12px;display:flex;padding:16px 16px 14px;min-height:217px;margin-bottom:10px;overflow:hidden}.dashboard-pipeline-report>nav{width:151px;flex:0 0 151px;border-right:1px solid #ffffff70;display:flex;flex-direction:column;gap:8px;padding-right:10px}.dashboard-pipeline-report>nav a{color:#ffffffb8;font-size:12px;letter-spacing:.7px;font-weight:700}.dashboard-pipeline-report>nav a.selected{color:white}.report-new{width:164px;flex:0 0 164px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:10px 3px 0}.report-new>strong{font-size:49px;line-height:1.1;text-shadow:0 2px 3px #0004;font-weight:700}.report-new>span{font-size:13px;font-weight:700;letter-spacing:.5px;margin-top:3px}.report-new>small{color:#fff;font-size:12px;margin-top:auto;padding-top:20px}.report-stages{display:flex;gap:15px;overflow:auto;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;min-width:0;flex:1;padding-bottom:0}.report-stage{width:192px;flex:0 0 192px;text-align:center;display:flex;flex-direction:column;min-height:184px}.report-stage header{border-bottom:3px solid var(--stage-color,#9cf);padding-bottom:6px}.report-stage header h2{font-size:12px;font-weight:700;letter-spacing:.7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 3px}.report-stage header>span{font-size:13px}.report-stage-number{border:1px solid #ffffff7c;border-radius:12px;background:#17324670;height:95px;flex-shrink:0;margin-top:14px;display:flex;align-items:center;justify-content:center;flex-direction:column}.report-stage-number strong{font-size:47px;font-weight:700;line-height:1.1}.report-stage-number span{font-size:14px;font-weight:700}.report-stage footer{margin-top:14px;font-size:11px}.report-stage footer i{display:block;border-top:3px solid #ffffffd0;margin:0 14px 6px}.dashboard-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(5,210px);gap:10px}.dashboard-widget{background:#102d43ed;border-radius:11px;padding:15px 16px 12px;min-width:0;display:flex;flex-direction:column;color:#edf1f5;box-shadow:0 2px 4px #0004;overflow:hidden}.dashboard-widget h2{font-size:12px;font-weight:700;margin:0 0 9px;line-height:16px}.dashboard-number{display:block;font-size:49px;line-height:1.08;letter-spacing:-1px;font-weight:400}.dashboard-number.violet{color:#8a74fb}.dashboard-number.green{color:#25ca80}.dashboard-widget .metric-detail{font-size:13px;margin-top:2px}.dashboard-widget>footer{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;padding-top:20px}.metric-rule{border-top:1px solid #ffffffb5;display:block;width:108px;margin:0 0 20px}.dashboard-widget>footer .metric-rule{margin-bottom:27px}.metric-delta{color:#29cf87;font-weight:400;font-size:21px}.dashboard-widget small{color:#adbbc5;font-size:12px}.dashboard-overdue{grid-area:1/1/2/2}.dashboard-completed{grid-area:1/2/2/3}.dashboard-current{grid-area:2/1/3/2}.dashboard-without{grid-area:2/2/3/3}.dashboard-owners{grid-area:1/3/3/5}.dashboard-activity{grid-area:1/5/3/7}.dashboard-uploads{grid-area:3/1/5/3}.dashboard-sources{grid-area:3/3/5/5}.dashboard-usage{grid-area:3/5/5/7}.dashboard-notes{grid-area:5/1/6/2}.dashboard-won{grid-area:5/2/6/3}.dashboard-incoming{grid-area:5/3/6/4}.dashboard-outgoing{grid-area:5/4/6/5}.widget-total{display:flex;justify-content:space-between;gap:10px;min-height:84px}.widget-total>div:first-child>strong{display:block;font-size:14px;margin-top:1px}.widget-change{text-align:right;margin-left:auto;padding-top:3px;display:flex;flex-direction:column;align-items:flex-end}.widget-change b{font-size:22px;color:#29cf87;font-weight:400}.widget-change small{display:block;margin-top:1px}.dashboard-owners>.metric-rule,.dashboard-activity>.metric-rule{margin-top:24px;margin-bottom:12px}.dashboard-bar{margin:0 0 13px}.dashboard-bar>div{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:15px;margin-bottom:5px;min-width:0}.dashboard-bar a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.dashboard-bar>div>b{color:#29cf87;font-weight:400;flex-shrink:0}.dashboard-bar progress{height:4px;width:100%;display:block;border-radius:4px;background:#081e30;accent-color:#ffd96b}.dashboard-bar progress::-webkit-progress-bar{background:#081e30;border-radius:4px}.dashboard-bar progress::-webkit-progress-value{background:#ffd96b;border-radius:4px}.dashboard-bar progress::-moz-progress-bar{background:#ffd96b;border-radius:4px}.dashboard-activity .dashboard-bar progress::-webkit-progress-value{background:#518cf5}.dashboard-activity .activity-color-0 progress::-webkit-progress-value{background:#86a658}.dashboard-activity .dashboard-bar progress::-moz-progress-bar{background:#518cf5}.activity-type-icon{color:#5595f5;font-size:17px;margin-right:5px}.dashboard-activity .activity-color-0 .activity-type-icon{color:#86a658}.dashboard-empty{text-align:center;padding:35px 12px;color:#b3c3cf;font-size:13px}.dashboard-empty-warning{color:#ffd36b;font-size:13px;font-weight:700;margin:13px 0 20px}.upload-placeholders{display:grid;gap:22px;opacity:.08}.upload-placeholders>div{display:flex;align-items:center;gap:15px}.upload-placeholders span{display:grid;place-items:center;background:#76add2;font-size:9px;width:22px;height:27px}.upload-placeholders i{height:4px;background:#76add2;width:75%}.upload-placeholders>div:nth-child(even) i{width:60%}.source-chart{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;flex:1;min-width:0}.source-chart>svg{width:min(90%,270px);height:auto;max-height:280px;flex-shrink:1}.source-legend{width:100%;display:grid;gap:8px}.source-legend a{display:flex;align-items:center;gap:7px;font-size:12px;min-width:0}.source-legend span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-legend strong{margin-left:auto}.source-legend i{height:5px;width:5px;flex-shrink:0;border-radius:50%}.source-color-0 i{background:#4a91d5}.source-color-1 i{background:#53bfa0}.source-color-2 i{background:#ad87dc}.source-color-3 i{background:#f1c86b}.source-color-4 i{background:#ef7ea2}.source-color-5 i{background:#69c5dc}.usage-period{text-align:right;color:#b3c3cf;font-size:12px;margin:0 0 20px}.usage-note{margin-top:auto;font-size:12px;color:#a9bac8}.dashboard-plain{background:#244557}.dashboard-light-widgets .dashboard-widget{background:#ffffffed;color:#293d4c}.dashboard-light-widgets .dashboard-widget small{color:#6f8190}.dashboard-light-widgets .dashboard-bar progress::-webkit-progress-bar{background:#d9e2e8}.dashboard-light-widgets .metric-rule{border-color:#8fa1ae}.dashboard-light-widgets .dashboard-empty{color:#6f8190}.dashboard-light-widgets .dashboard-empty-warning{color:#9b7923}.widget-choices{border:1px solid var(--border);padding:15px;border-radius:4px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.widget-choices legend{font-size:13px;color:var(--muted);padding:0 5px}.widget-choices label{display:flex;align-items:center;font-size:13px;gap:7px}.widget-choices input{width:auto;accent-color:var(--accent)}
:root[data-theme=dark] .kommo-lead-card{border-color:#46525b}:root[data-theme=dark] .quick-add-button{border-color:#46525b}:root[data-theme=dark] .pipeline-search select#lead-status{background:#48563c;border-color:#687d50;color:#d5e1bf}:root[data-theme=dark] .dashboard-view{background-image:linear-gradient(#0c203650,#0c203655),url('./dashboard-mountains.jpg')}
@media(min-width:1700px){.column{width:350px;flex-basis:350px}.pipeline-toolbar{gap:18px}.dashboard-grid{grid-template-rows:repeat(5,220px)}}
@media(max-width:1250px){.pipeline-toolbar{padding:0 22px;gap:10px}.pipeline-heading{gap:20px;padding-right:14px}.pipeline-total{font-size:13px}.pipeline-toolbar .automate{padding:0 10px;font-size:12px}.new-lead-button{padding:0 11px;font-size:12px}.dashboard-controls{justify-content:flex-start}.dashboard-setup{right:0}.dashboard-periods a,.dashboard-periods button,.dashboard-user a{padding:8px 14px}.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(7,200px)}.dashboard-activity{grid-area:3/1/5/3}.dashboard-sources{grid-area:3/3/5/5}.dashboard-uploads{grid-area:5/1/7/3}.dashboard-usage{grid-area:5/3/7/5}.dashboard-notes{grid-area:7/1/8/2}.dashboard-won{grid-area:7/2/8/3}.dashboard-incoming{grid-area:7/3/8/4}.dashboard-outgoing{grid-area:7/4/8/5}.dashboard-view>h1{margin-top:45px}.dashboard-number{font-size:44px}}
@media(max-width:1000px){.pipeline-toolbar{padding:0 16px;flex-wrap:wrap;height:112px;min-height:112px;align-content:center;row-gap:8px}.pipeline-heading{border:0;height:auto;margin-right:auto}.pipeline-total{margin-left:auto}.pipeline-search{order:5;flex-basis:calc(100% - 80px);border-top:1px solid var(--border);padding-top:4px}.pipeline-more{order:6}.pipeline-search input{font-size:15px}.filter-details{position:static}.pipeline-summary{gap:12px;padding:15px 18px;font-size:12px;min-height:80px}.pipeline-summary>div,.pipeline-summary>a{font-size:12px}.pipeline-summary .prospective strong{font-size:16px}.board{padding:0 18px 18px}.dashboard-view{padding:18px 22px 35px}.dashboard-header{gap:20px}.dashboard-brand{font-size:28px}.activities-button{padding:0 16px}.dashboard-controls{flex-wrap:wrap;justify-content:center;padding-right:0;margin-bottom:30px}.dashboard-setup{position:static;font-size:14px;padding:7px 14px}.dashboard-periods a,.dashboard-periods button,.dashboard-user a{font-size:14px;padding:8px 13px}.dashboard-user select{font-size:14px;width:118px}.dashboard-pipeline-report>nav{width:125px;flex-basis:125px}.report-new{width:120px;flex-basis:120px}.dashboard-pipeline-report{padding:14px 12px}.report-stage{width:180px;flex-basis:180px}}
@media(max-width:760px){.main,.compact .main{margin-left:58px}.crm-rail{width:58px}.rail-logo{min-height:62px}.crm-rail nav a{min-height:64px;font-size:9px}.crm-rail nav .icon{width:29px;height:29px}.crm-rail nav{padding-top:6px}.pipeline-switcher{left:58px;max-width:calc(100vw - 58px)}.pipeline-switcher::backdrop{left:58px}.pipeline-toolbar{padding:0 13px}.pipeline-trigger{font-size:14px;letter-spacing:.3px;max-width:185px}.pipeline-heading{gap:14px;padding-right:0}.pipeline-views{gap:10px}.pipeline-toolbar .automate{display:none}.pipeline-total{font-size:12px}.pipeline-summary{grid-template-columns:1fr 1fr 1fr;gap:12px;min-height:126px}.pipeline-summary strong{font-size:20px}.pipeline-summary .prospective{grid-column:3;grid-row:2;align-items:flex-start}.pipeline-summary>div:nth-child(4){grid-row:2;grid-column:1/3}.pipeline-summary>div:nth-child(4) strong{font-size:18px}.column{width:295px;flex-basis:295px}.stage-head{height:60px;min-height:60px}.kommo-lead-card h3{font-size:15px}.topbar{padding:0 16px}.dashboard-header{gap:14px;flex-wrap:wrap}.dashboard-brand{font-size:26px}.dashboard-brand img{height:24px;width:24px}.dashboard-search{order:3;flex-basis:100%}.activities-button{margin-left:auto;font-size:11px;gap:8px;padding:0 12px;height:33px}.dashboard-view>h1{font-size:33px;margin:32px 0 24px}.dashboard-periods a,.dashboard-periods button{padding:7px 12px}.dashboard-periods{max-width:100%;height:36px}.dashboard-user{height:36px}.dashboard-controls{gap:10px}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:190px}.dashboard-widget{padding:14px}.dashboard-owners{grid-area:3/1/5/3}.dashboard-activity{grid-area:5/1/7/3}.dashboard-uploads{grid-area:7/1/9/3}.dashboard-sources{grid-area:9/1/11/3}.dashboard-usage{grid-area:11/1/13/3}.dashboard-notes{grid-area:13/1/14/2}.dashboard-won{grid-area:13/2/14/3}.dashboard-incoming{grid-area:14/1/15/2}.dashboard-outgoing{grid-area:14/2/15/3}.dashboard-widget h2{font-size:11px}.dashboard-number{font-size:40px}.dashboard-pipeline-report>nav{width:105px;flex-basis:105px}.dashboard-pipeline-report>nav a{font-size:10px}.report-new{width:90px;flex-basis:90px}.report-new strong{font-size:38px}.report-new small{font-size:10px}.report-stage{width:165px;flex-basis:165px}.dashboard-pipeline-report{margin-left:-7px;margin-right:-7px}.dashboard-view{padding-left:16px;padding-right:16px}}
@media(max-width:440px){.pipeline-total{display:none}.pipeline-toolbar{height:103px;min-height:103px}.pipeline-heading{gap:10px}.pipeline-trigger{font-size:13px}.new-lead-button{min-width:90px;font-size:11px;padding:0 8px;height:34px}.pipeline-search select#lead-status{width:95px;font-size:13px}.pipeline-views .icon{width:18px}.pipeline-views{gap:7px}.dashboard-periods a,.dashboard-periods button{padding:7px 9px;font-size:12px}.dashboard-widget{padding:12px}.dashboard-number{font-size:36px}.dashboard-grid{gap:8px}.dashboard-user a,.dashboard-user select{font-size:13px}.widget-choices{grid-template-columns:1fr}}
/* Lead columns retain natural card heights while the board scrolls. */
.cards{flex:0 0 auto}.kommo-lead-card{flex:0 0 auto}
.crm-rail nav a{position:relative}.rail-badge{position:absolute;top:7px;right:2px;background:#d74a59;color:white;border-radius:12px;font-size:10px;line-height:17px;min-width:20px;padding:0 4px;font-weight:700}
.kommo-lead-card{position:relative}.lead-move{position:absolute;right:3px;top:2px;height:22px;padding:0 4px;border:0;background:var(--surface);color:var(--muted);opacity:0;cursor:pointer}.kommo-lead-card:hover .lead-move,.lead-move:focus-visible{opacity:1}.drag-ghost{position:fixed;z-index:200;pointer-events:none;box-shadow:0 6px 20px #0003;opacity:.92;transform:rotate(1deg);cursor:grabbing}
@media(max-width:620px){.dashboard-pipeline-report{display:grid;grid-template-columns:85px minmax(0,1fr);gap:10px}.dashboard-pipeline-report>nav{grid-column:1/-1;flex-direction:row;width:auto;border-right:0;border-bottom:1px solid #ffffff60;padding:0 0 9px;overflow:auto;gap:16px;white-space:nowrap}.report-new{width:85px;min-height:185px}.report-stages{width:100%}}
/* Calendar: Kommo task board, list and day timeline. */
body[data-page=calendar] #content{padding:0;max-width:none;margin:0}body[data-page=calendar] .topbar{display:none}.calendar-view{height:100dvh;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.calendar-toolbar{height:70px;min-height:70px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;padding:0 30px 0 24px}.calendar-views{display:flex;align-items:center;gap:18px;height:100%;padding:0 24px 0 6px;border-right:1px solid var(--border);flex-shrink:0}.calendar-views a{color:#c9ccce;display:flex}.calendar-views .selected{color:var(--accent)}.calendar-views .icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.5}.calendar-search{display:flex;align-items:center;gap:7px;flex:1;min-width:120px}.event-scope{background:#dbe6b6;border-color:#b8ca8d;color:#737961;padding:4px 5px;white-space:nowrap;font-size:16px}.calendar-search input{width:90px;min-width:60px;flex:1;border:0;background:transparent;padding:7px 0;font-size:16px}.calendar-search input::placeholder{color:#a7a9ab}.calendar-filter{position:relative}.calendar-filter>summary{list-style:none;color:var(--muted);font-size:16px;cursor:pointer}.calendar-filter summary::-webkit-details-marker,.calendar-more summary::-webkit-details-marker{display:none}.calendar-filter[open]>summary{color:var(--accent)}#calendar-filters{position:absolute;z-index:20;top:35px;right:0;width:280px;background:var(--surface);border:1px solid var(--border);box-shadow:0 8px 30px #0002;padding:20px;display:grid;gap:11px;border-radius:4px}#calendar-filters input,#calendar-filters select{font-size:14px;padding:7px 9px}#calendar-filters>div{display:flex;justify-content:space-between;align-items:center}#calendar-filters a{color:var(--link)}.calendar-count{color:var(--muted);white-space:nowrap;font-size:15px;margin-left:auto}.calendar-more{height:100%;padding:0 10px 0 18px;border-left:1px solid var(--border);display:flex;align-content:center;position:relative}.calendar-more>summary{cursor:pointer;list-style:none;letter-spacing:2px}.calendar-more>div{position:absolute;top:60px;right:0;z-index:15;min-width:200px;background:var(--surface);border:1px solid var(--border);padding:5px;box-shadow:0 6px 25px #0002}.calendar-more a,.calendar-more button{display:block;width:100%;text-align:left;border:0;background:none;padding:10px;font-size:14px;color:var(--text)}.calendar-settings,.new-event{height:41px;padding:0 14px;white-space:nowrap;font-size:13px;font-weight:700}.calendar-settings .icon{width:16px;height:16px}.calendar-settings{background:var(--surface)}.calendar-board{padding:13px 22px 30px;display:grid;grid-template-columns:repeat(4,minmax(300px,1fr));gap:15px;overflow:auto;flex:1;align-items:start}.calendar-lane{min-width:0}.event-group>header{text-align:center;padding:0 5px 7px;border-bottom:2px solid #c8c8c8;margin-bottom:7px;min-height:51px}.event-group h2{font-size:13px;font-weight:700;letter-spacing:1px;margin:0 0 4px}.event-group header>span{font-size:15px;color:#7d8082}.group-overdue>header{border-color:#ee7c80}.group-today>header{border-color:#75bba5}.event-cards{display:flex;flex-direction:column;gap:5px}.event-card{background:var(--surface);border:1px solid #cbcbcb;border-radius:5px;padding:6px 8px;position:relative;cursor:pointer;font-size:15px;color:var(--text)}.event-card:hover{border-color:#9eacb5}.event-people{display:flex;justify-content:space-between;align-items:baseline;gap:8px;line-height:18px;font-size:14px;margin-bottom:2px}.event-people>span:first-child{min-width:0;color:var(--muted)}.event-people>span:last-child{flex-shrink:0;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-card mark,.list-stage mark{background:var(--stage-color,#ddd);color:#333;border-radius:3px;padding:0 4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.event-lead{color:var(--link);font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;line-height:21px;margin-bottom:4px}.event-due{font-size:14px;line-height:19px}.event-due small{font-size:14px;color:var(--muted)}.event-late{color:#e9777d}.event-today{color:#68b59b}.event-type{white-space:nowrap}.event-type i{font-size:17px;font-style:normal;font-weight:700;color:#6091ed;margin-right:3px}.event-type.kind-followup i{color:#86a457}.event-type b{font-weight:700}.event-body{line-height:18px;font-size:14px;overflow-wrap:anywhere}.event-complete{position:absolute;right:4px;bottom:4px;border:1px solid var(--border);background:var(--surface);padding:1px 5px;min-height:22px;color:var(--muted);opacity:0}.event-card:hover .event-complete,.event-card:focus-within .event-complete{opacity:1}.event-completed{opacity:.7}.event-done-label{color:#62a48b;font-size:12px}.events-more{border:1px solid #ccc;border-radius:4px;text-align:center;display:block;padding:3px;margin-top:5px;color:var(--muted);font-size:14px}.events-more:hover{background:var(--surface)}.future-lane .event-group+.event-group{margin-top:30px}.calendar-list{overflow:auto;flex:1;padding:16px}.calendar-list table{width:100%;min-width:1000px;border-collapse:collapse;background:var(--surface);table-layout:fixed}.calendar-list th{background:var(--surface);font-size:13px;color:var(--muted);letter-spacing:1px;font-weight:700;border-right:1px solid var(--border);text-align:left;padding:13px 10px;position:sticky;top:0;z-index:1}.calendar-list td{border-bottom:1px solid var(--border);padding:8px 10px;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:41px}.calendar-list th:first-child{width:38px}.calendar-list th:nth-child(2){width:160px}.calendar-list th:nth-child(3){width:215px}.calendar-list th:nth-child(4){width:300px}.calendar-list th:nth-child(5){width:140px}.calendar-list th:nth-child(6){width:350px}.calendar-list th:last-child{width:42px}.calendar-list td>a{color:inherit;text-decoration:underline}.calendar-list .event-type b{font-weight:400}.calendar-list td>button{border:0;background:transparent;padding:0;color:inherit}.calendar-list .list-complete{border:1px solid var(--border);width:20px;height:20px;border-radius:4px;color:var(--muted)}.list-stage{display:inline-flex;gap:4px;align-items:center;max-width:100%;font-size:13px;border:1px solid var(--border);padding:3px}.list-stage mark{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-list .event-comment{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:15px}.calendar-empty{text-align:center;padding:50px;color:var(--muted)}.calendar-date-nav{display:flex;gap:15px;align-items:center;height:100%;border-right:1px solid var(--border);padding-right:18px;flex-shrink:0}.calendar-date-nav>a{font-size:25px;line-height:1}.calendar-date-nav input{border:0;background:none;width:140px;padding:0;font-size:15px}.calendar-date-nav>span{font-size:16px}.calendar-timeline{overflow:auto;flex:1;background:var(--surface)}.calendar-timeline>h2{position:sticky;top:0;margin:0;padding:12px;text-align:center;background:var(--surface);font-size:15px;font-weight:400;color:var(--muted);border-bottom:1px solid var(--border);z-index:2}.timeline-all-day{display:grid;grid-template-columns:95px 1fr;border-bottom:1px solid var(--border);padding:3px 6px 0 0;max-height:225px;overflow:auto}.timeline-all-day>span{text-align:right;padding:4px 15px;color:var(--muted);font-size:14px}.timeline-all-day>div{display:grid;gap:2px}.timeline-event{display:block;width:100%;text-align:left;padding:3px 6px;background:#349bd1;color:#fff;border:1px solid #2788bc;border-radius:3px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.timeline-hours{background:var(--soft)}.timeline-hour{display:grid;grid-template-columns:95px 1fr;min-height:50px;border-bottom:1px solid var(--border)}.timeline-hour>span{text-align:right;padding:0 15px;background:var(--surface);color:var(--muted);font-size:14px}.timeline-hour>div{border-left:1px solid var(--border);min-width:0;padding:1px 4px;display:grid;gap:2px}.calendar-editor{width:750px;max-width:calc(100vw - 32px);background:var(--bg);padding:28px 32px}.calendar-editor .dialog-title h2{font-size:17px;font-weight:400;border-bottom:3px solid var(--accent);padding:0 8px 8px}.calendar-editor .event-editor-box{background:var(--surface);border:1px solid #ccc;border-radius:5px;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.calendar-editor textarea{min-height:100px;resize:vertical;border:0;padding:8px 0}.calendar-editor .event-editor-lead{color:var(--link)}.calendar-editor .form-actions{justify-content:flex-start;flex-direction:row-reverse;float:left;gap:15px}.calendar-editor .form-actions .primary{min-width:105px}.calendar-editor label{font-size:13px}.calendar-editor .event-done-choice{grid-column:1/-1}.calendar-editor .event-done-choice select{max-width:180px}.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}
:root[data-theme=dark] .event-card{border-color:#46525b}:root[data-theme=dark] .event-scope{background:#48563c;border-color:#687d50;color:#d5e1bf}:root[data-theme=dark] .events-more{border-color:#46525b}:root[data-theme=dark] .event-group header>span{color:var(--muted)}
@media(max-width:1250px){.calendar-toolbar{padding:0 18px;gap:10px}.calendar-settings{font-size:11px;padding:0 10px}.calendar-views{padding-right:18px;gap:15px}.calendar-board{padding-left:18px;padding-right:18px;grid-template-columns:repeat(4,minmax(300px,1fr))}.calendar-date-nav{gap:10px;padding-right:10px}.calendar-date-nav input{width:125px}.calendar-toolbar:has(.calendar-date-nav) .calendar-settings{display:none}}
@media(max-width:1000px){.calendar-toolbar{height:110px;min-height:110px;flex-wrap:wrap;align-content:center;gap:8px 12px}.calendar-views{height:40px;margin-right:auto;border:0}.calendar-search{order:5;flex-basis:calc(100% - 50px);border-top:1px solid var(--border);padding-top:4px}.calendar-more{order:6;height:auto;padding:5px;border:0}.calendar-more>div{top:30px}.calendar-count{margin-left:0}.calendar-date-nav{height:40px}.calendar-toolbar:has(.calendar-date-nav) .calendar-count{display:none}.calendar-filter{position:static}#calendar-filters{right:12px;top:108px}.calendar-toolbar{position:relative;z-index:5}.calendar-list{padding:12px}.calendar-settings{height:35px}.new-event{height:35px}}
@media(max-width:760px){.calendar-board{grid-template-columns:repeat(4,300px);gap:14px;padding:13px 14px 25px}.calendar-toolbar{padding-left:13px;padding-right:13px}.calendar-settings{display:none}.calendar-views{gap:14px;padding-right:0;padding-left:0}.calendar-count{font-size:13px}.new-event{font-size:11px;padding:0 10px}.calendar-date-nav{gap:7px;border:0;padding-right:0}.calendar-date-nav input{width:116px;font-size:13px}.calendar-date-nav>span{display:none}.calendar-toolbar:has(.calendar-date-nav) .calendar-views{margin-right:0}.calendar-editor{padding:20px}.calendar-editor .event-editor-box{grid-template-columns:1fr;padding:12px}.calendar-editor .event-editor-box>label{grid-column:1/-1}.timeline-all-day,.timeline-hour{grid-template-columns:65px 1fr}.timeline-hour>span,.timeline-all-day>span{padding-right:8px;font-size:12px}}
.calendar-more>summary{height:100%;display:flex;align-items:center}.calendar-more{display:block}.calendar-date-nav label{display:block}.calendar-toolbar>*{min-width:0}.calendar-toolbar .new-event{flex-shrink:0}.event-people>span:last-child{flex-shrink:1}.event-people>span:first-child{flex:1}.calendar-editor .form-actions{float:none;justify-content:flex-end;flex-direction:row}
@media(max-width:1350px) and (min-width:1001px){.calendar-settings{font-size:11px;padding:0 8px}.calendar-toolbar{padding:0 14px;gap:9px}.calendar-search input{width:65px}.calendar-views{gap:12px;padding-right:14px}.calendar-toolbar .new-event{font-size:12px;padding:0 10px}.calendar-count{font-size:13px}}
@media(max-width:1150px) and (min-width:1001px){.calendar-toolbar .calendar-settings{display:none}}
@media(max-width:1350px){.calendar-toolbar:has(.calendar-date-nav) .calendar-settings{display:none}}
/* Contacts: compact lists toolbar and full-width Kommo directory. */
body[data-page=contacts] #content{padding:0;max-width:none;margin:0}body[data-page=contacts] .topbar{display:none}.directory-view{height:100dvh;display:flex;flex-direction:column;background:var(--bg);overflow:hidden;position:relative}.directory-toolbar{height:70px;min-height:70px;display:flex;align-items:center;background:var(--surface);border-bottom:1px solid var(--border);gap:20px;padding:0 30px 0 0}.directory-trigger{border:0;border-right:1px solid var(--border);background:none;border-radius:0;font-size:17px;font-weight:700;letter-spacing:1px;padding:0 30px;height:100%;text-align:left;white-space:nowrap;max-width:285px;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.directory-search{display:flex;align-items:center;gap:7px;flex:1;min-width:150px;height:100%}.directory-scope{background:#dbe6b6;border-color:#b8ca8d;color:#737961;padding:4px 5px;font-size:16px;white-space:nowrap;max-width:215px;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.directory-search input{border:0;background:none;flex:1;min-width:70px;padding:8px 0;font-size:16px}.directory-search input::placeholder{color:#a7a9ab}.directory-filter-toggle{border:0;background:none;padding:5px;color:var(--muted)}.directory-filter-toggle .icon{width:17px;height:17px}.directory-count{color:var(--muted);font-size:15px;white-space:nowrap;margin-left:auto}.directory-more{position:relative;border-left:1px solid var(--border);height:100%;padding:0 20px}.directory-more summary{height:100%;display:flex;align-items:center;list-style:none;letter-spacing:2px;cursor:pointer}.directory-more summary::-webkit-details-marker{display:none}.directory-more>div{position:absolute;right:0;top:69px;width:205px;background:var(--surface);border:1px solid var(--border);box-shadow:0 8px 25px #0002;z-index:22;padding:8px}.directory-more button,.directory-more a{display:block;width:100%;padding:10px;text-align:left;border:0;background:none;color:var(--text);font-size:15px}.directory-more button:hover,.directory-more a:hover{background:var(--soft)}.directory-add{height:41px;white-space:nowrap;font-size:13px;font-weight:700;padding:0 14px;flex-shrink:0}.directory-table-scroll{flex:1;overflow:auto;padding:16px 16px 0;position:relative}.directory-table{width:100%;min-width:820px;border-collapse:collapse;table-layout:fixed;background:var(--surface)}.directory-table .directory-check-column{width:40px}.directory-table .directory-col-name{width:35%}.directory-table .directory-col-email{width:35%}.directory-table .directory-col-createdAt{width:29%}.directory-table:has(.directory-col-phone) .directory-col-name{width:260px}.directory-table:has(.directory-col-phone) .directory-col-email{width:280px}.directory-table:has(.directory-col-phone) .directory-col-createdAt{width:190px}.directory-table .directory-col-phone,.directory-table .directory-col-companyName{width:180px}.directory-table th{height:45px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:13px;letter-spacing:1px;font-weight:700;text-align:left;padding:0 10px;position:sticky;top:0;z-index:2}.directory-table th:last-child{border-right:0}.directory-table th a{display:flex;align-items:center;justify-content:space-between;gap:8px}.directory-table th a>span{font-size:12px;font-weight:400}.directory-table td{height:41px;padding:6px 10px;border-bottom:1px solid var(--border);font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:var(--surface)}.directory-table th:first-child,.directory-table td:first-child{padding-left:16px;padding-right:4px}.directory-table input[type=checkbox]{appearance:none;-webkit-appearance:none;width:20px;height:20px;padding:0;border:1px solid var(--border);border-radius:4px;background:var(--surface);display:grid;place-content:center;cursor:pointer}.directory-table input:checked:after{content:'✓';font-size:15px;color:var(--accent)}.directory-table input:indeterminate:after{content:'−';color:var(--accent)}.directory-name{display:flex;align-items:center;gap:8px;min-width:0}.directory-name>a{color:var(--link);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.directory-tags{display:flex;margin-left:auto;align-items:center;justify-content:flex-end;gap:3px;max-width:46%;font-size:12px;color:var(--muted)}.directory-tags a{border:1px solid var(--border);border-radius:3px;padding:1px 4px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.directory-tags i{font-size:17px;color:#b5b8ba;font-style:normal;padding-right:3px}.company-glyph{width:17px;height:17px;flex-shrink:0;stroke:#8d97a0;fill:none;stroke-width:1.5}.directory-email{color:var(--text);text-decoration:underline;text-underline-offset:2px}.directory-unknown{color:var(--muted);font-size:14px}.directory-table tr:hover td{background:var(--soft)}.directory-table tr.selected td{background:#4d88f50d}.directory-table tr.selected td:first-child{box-shadow:inset 3px 0 #3197c1}.directory-empty{text-align:center;color:var(--muted);height:140px!important}.directory-selection{position:sticky;top:45px;background:var(--soft);z-index:3;display:flex;align-items:center;gap:25px;padding:10px 16px;min-width:750px;border-left:3px solid #3197c1;box-shadow:0 1px 3px #0001;font-size:14px}.directory-selection[hidden]{display:none}.directory-selection a{color:var(--link)}.directory-selection button{border:0;background:none;color:var(--muted);padding:0}.directory-filter-panel{position:absolute;z-index:20;top:70px;left:148px;right:20px;max-height:calc(100dvh - 120px);background:var(--surface);box-shadow:0 8px 25px #0002;border:1px solid var(--border);display:grid;grid-template-columns:235px 1fr;overflow:auto}.directory-filter-panel[hidden]{display:none}.directory-filter-panel>nav{border-right:1px solid var(--border);padding:0 22px;background:var(--surface)}.directory-filter-panel>nav a{display:block;padding:19px 4px;border-bottom:1px solid var(--border);font-size:16px;line-height:20px}.directory-filter-panel>nav .selected{font-weight:700;color:#3197c1}.directory-filter-panel>form{padding:18px 22px;background:var(--soft);display:grid;grid-template-columns:minmax(220px,1fr) minmax(160px,1fr);gap:30px;min-width:0}.directory-filter-fields{display:flex;flex-direction:column;gap:10px}.directory-filter-fields label{font-size:12px;color:var(--muted);gap:3px}.directory-filter-fields input,.directory-filter-fields select{padding:7px 9px;font-size:15px;background:var(--surface);color:var(--text);min-height:32px}.directory-tag-picker{min-width:0}.directory-tag-picker h3{font-size:13px;color:var(--muted);margin:0 0 15px}.directory-tag-picker input{background:var(--surface);font-size:15px;padding:8px 10px}.directory-tag-picker>div{margin-top:10px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.directory-tag-picker button{border:0;background:none;padding:0;font-size:14px;color:var(--muted);gap:5px}.directory-tag-picker button[hidden]{display:none}.directory-tag-picker button span{padding:4px 5px;border:1px solid #c9c9c9;border-radius:4px;color:var(--text);font-size:16px;display:inline-block}.directory-tag-picker button.selected span{background:#dce9f8;border-color:#8bb7e5;color:#276a9f}.directory-filter-panel form>footer{grid-column:1/-1;display:flex;justify-content:flex-end;align-items:center;gap:12px;position:sticky;bottom:-18px;background:var(--soft);padding:12px 0}.directory-filter-panel footer>a{margin-right:auto;color:var(--link)}.directory-lists nav a{font-size:16px}.directory-lists nav a:last-child{font-size:15px}.directory-table-scroll>.pagination{background:var(--surface);font-size:13px;padding:15px;border-top:0;margin-top:0}.directory-view .pagination .button{font-size:13px;padding:5px 12px}
:root[data-theme=dark] .directory-scope{background:#48563c;border-color:#687d50;color:#d5e1bf}:root[data-theme=dark] .directory-tag-picker button.selected span{background:#294566;color:#a4cff2;border-color:#5583ad}
@media(max-width:1250px){.directory-toolbar{gap:13px;padding-right:20px}.directory-trigger{padding:0 22px;font-size:16px;max-width:235px}.directory-more{padding:0 14px}.directory-count{font-size:13px}.directory-filter-panel{left:100px;right:15px;grid-template-columns:200px 1fr}.directory-filter-panel>form{gap:20px;padding:16px}.directory-filter-panel>nav{padding:0 16px}.directory-filter-panel>nav a{font-size:14px}}
@media(max-width:1000px){.directory-toolbar{height:110px;min-height:110px;flex-wrap:wrap;align-content:center;gap:8px 12px;padding:0 16px}.directory-trigger{padding:0;height:36px;border:0;margin-right:auto;max-width:230px}.directory-search{order:5;flex-basis:calc(100% - 55px);height:35px;border-top:1px solid var(--border)}.directory-more{order:6;height:35px;border:0;padding:0 5px}.directory-more>div{top:35px}.directory-add{height:35px;font-size:12px;padding:0 10px}.directory-filter-panel{top:110px;left:12px;right:12px;max-height:calc(100dvh - 135px);grid-template-columns:170px 1fr}.directory-filter-panel>form{grid-template-columns:minmax(180px,1fr) 140px;gap:15px}.directory-scope{font-size:14px}.directory-search input{font-size:15px}.directory-count{margin-left:0}}
@media(max-width:760px){.directory-toolbar{padding:0 13px;gap:7px}.directory-trigger{font-size:14px;max-width:170px}.directory-count{font-size:12px}.directory-add{font-size:11px;padding:0 8px}.directory-filter-toggle{display:none}.directory-search{flex-basis:calc(100% - 30px)}.directory-scope{max-width:145px}.directory-table-scroll{padding:12px 10px 0}.directory-table{min-width:780px}.directory-filter-panel{display:block;max-height:calc(100dvh - 125px);top:110px;left:10px;right:10px}.directory-filter-panel[hidden]{display:none}.directory-filter-panel>nav{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--border);gap:20px;padding:0 14px}.directory-filter-panel>nav a{white-space:nowrap;font-size:13px;padding:13px 0;border:0}.directory-filter-panel>form{display:block;padding:14px}.directory-tag-picker{margin-top:20px}.directory-tag-picker>div{flex-direction:row;flex-wrap:wrap}.directory-filter-panel form>footer{bottom:-14px}.directory-selection{gap:16px}.directory-table td{font-size:15px}.directory-table .directory-col-name{width:300px}.directory-table .directory-col-email{width:300px}.directory-table .directory-col-createdAt{width:180px}}
@media(max-width:440px){.directory-trigger{max-width:135px;font-size:13px}.directory-count{display:none}.directory-trigger{margin-right:auto}.directory-more>div{right:0}.directory-scope{max-width:125px;font-size:13px}}
@media(max-width:760px){.directory-search{flex-basis:calc(100% - 50px);min-width:0}.directory-more{margin-left:auto}.directory-toolbar{row-gap:7px}}
.directory-selection{gap:20px;min-width:920px;overflow:visible;font-size:15px;color:var(--muted)}.directory-selection>strong{font-size:13px;color:var(--text);white-space:nowrap}.directory-selection>button{white-space:nowrap;font-size:15px;display:flex;gap:6px;align-items:center}.directory-selection>button:hover{color:var(--link)}.directory-selection [data-bulk=delete]{color:#e5777f}.directory-selection-more{position:relative;margin-left:auto}.directory-selection-more summary{list-style:none;cursor:pointer;white-space:nowrap}.directory-selection-more summary::-webkit-details-marker{display:none}.directory-selection-more>div{position:absolute;right:0;top:28px;min-width:170px;background:var(--surface);border:1px solid var(--border);padding:8px;box-shadow:0 6px 20px #0002;display:grid;gap:12px}.directory-selection-more a,.directory-selection-more button{font-size:14px;padding:5px;text-align:left;display:block;white-space:nowrap}
.event-card mark:empty{display:none}
.event-card:has(.event-lead[href^="#contact/"]) .event-people,.event-card:has(.event-lead[href^="#company/"]) .event-people{display:none}
.directory-selection{position:absolute;top:61px;left:16px;right:16px;min-height:41px;box-sizing:border-box;margin:0}.directory-selection-more{margin-left:0}.directory-selection-more>div{right:auto;left:0}

/* Keep column headers and selection actions together while the contact rows scroll. */
.directory-table thead{position:sticky;top:0;z-index:6;background:var(--surface)}.directory-table th{position:static}.directory-table .directory-selection-row[hidden]{display:none}.directory-selection-row>th{height:auto;padding:0!important;border:0;letter-spacing:0;font-weight:400}.directory-selection{position:static;inset:auto;min-height:42px;min-width:0;width:100%;box-shadow:0 1px 3px #0001;margin:0}.directory-table:has(.directory-selection:not([hidden])){min-width:920px}.directory-selection-more>div{z-index:8}

.directory-selection .directory-deselect{font-size:13px;color:var(--link);text-transform:none;border-right:1px solid var(--border);padding-right:14px}.directory-table:has(.directory-selection:not([hidden])){min-width:1060px}

/* Only bulk actions stay pinned; column labels scroll with the records. */
.directory-table thead{position:static}.directory-table .directory-selection-row{position:sticky;top:0;z-index:6;background:var(--surface)}
/* Mail: compact Kommo inbox, mailbox drawer and conversation overlay. */
body[data-page=mail] .topbar{display:none}body[data-page=mail] #content{padding:0}.mail-view{min-height:100vh;background:var(--bg)}.mail-toolbar{height:70px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:11px;padding:0 30px 0 0}.mail-folder-trigger{height:70px;min-width:120px;max-width:300px;border:0;border-right:1px solid var(--border);border-radius:0;background:transparent;font-size:17px;font-weight:700;letter-spacing:1px;padding:0 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-folder-trigger span{margin-left:8px;color:var(--text)}.mail-search{display:flex;align-items:center;flex:1;min-width:140px;padding:0 10px;color:var(--muted);font-size:25px;gap:8px}.mail-search input{border:0;box-shadow:none;background:transparent;min-width:60px;width:100%;font-size:17px;padding:8px 0}.mail-search select{width:110px;border:0;color:var(--muted);background:transparent;font-size:12px}.mail-toolbar>.button{font-size:13px;font-weight:700;letter-spacing:.5px;height:42px;display:inline-flex;align-items:center;padding:0 13px;border-radius:4px;white-space:nowrap}.mail-list{padding:16px 16px 25px;position:relative}.mail-table{width:100%;table-layout:fixed;border-collapse:collapse;background:var(--surface)}.mail-check-col{width:46px}.mail-from-col{width:20%}.mail-date-col{width:85px}.mail-table th{height:45px;font-size:13px;letter-spacing:1px;color:var(--muted);font-weight:700;text-align:left;padding:0 10px;border-bottom:1px solid var(--border)}.mail-table th:nth-child(2),.mail-table th:nth-child(3){border-right:1px solid var(--border)}.mail-table th:last-child{text-align:right;padding-right:16px}.mail-table td{height:42px;border-bottom:1px solid var(--border);padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px}.mail-table input[type=checkbox],.mail-selection input{appearance:none;width:20px;height:20px;border:1px solid var(--border);border-radius:4px;background:var(--surface);margin:0;vertical-align:middle;cursor:pointer}.mail-table input:checked,.mail-selection input:checked{appearance:auto;accent-color:var(--accent)}.mail-table input:indeterminate{appearance:auto;accent-color:var(--accent)}.mail-table td:first-child,.mail-table th:first-child{text-align:center}.mail-table a{color:inherit}.mail-from a{text-decoration:underline;text-underline-offset:3px}.mail-row.unread .mail-from,.mail-row.unread .mail-subject{font-weight:700}.mail-row.selected{background:color-mix(in srgb,var(--accent) 8%,var(--surface));box-shadow:inset 3px 0 #2794c3}.mail-row:hover{background:var(--soft)}.mail-message>div{display:flex;align-items:center;gap:11px;min-width:0;overflow:hidden}.mail-lead{background:var(--mail-lead-color,#dceaff);color:#313b44!important;max-width:40%;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;padding:3px 6px;border-radius:3px;text-decoration:none;font-size:14px}.mail-preview{display:flex;align-items:center;min-width:0;gap:12px;flex:1;text-decoration:none;overflow:hidden}.mail-subject{flex-shrink:0;max-width:65%;overflow:hidden;text-overflow:ellipsis}.mail-snippet{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.mail-date{text-align:right;padding-right:16px!important;font-size:14px!important}.mail-date a{text-decoration:none}.mail-empty{background:var(--surface);text-align:center;padding:90px 20px;color:var(--muted)}.mail-empty .icon{width:50px;height:50px;opacity:.5}.mail-empty h2{font-size:20px;font-weight:400;margin-top:18px}.mail-empty p{font-size:15px}.mail-list .pagination{justify-content:flex-end;font-size:13px}.mail-selection{position:sticky;top:0;z-index:7;display:flex;align-items:center;gap:16px;min-height:45px;flex-wrap:wrap;padding:9px 15px;background:var(--surface);box-shadow:0 2px 6px #0001;border-left:3px solid #2994c7}.mail-selection[hidden]{display:none}.mail-selection button{border:0;background:transparent;padding:0;font-size:15px;color:var(--muted)}.mail-selection button:hover{color:var(--accent)}.mail-selection .mail-delete{color:#d86c74}.mail-selection #mail-selected-count{font-size:12px;color:var(--muted)}.mail-folders{position:fixed;left:70px;top:0;margin:0;width:305px;max-width:calc(100vw - 70px);height:100vh;max-height:100vh;border:0;border-radius:0;padding:0;background:var(--surface);color:var(--text);box-shadow:8px 0 25px #0001}.mail-folders::backdrop{background:#0006;left:70px}.mail-folders header{height:70px;border-bottom:1px solid var(--border);padding:0 30px;display:flex;align-items:center;justify-content:space-between;font-size:17px;letter-spacing:1px}.mail-folders header button{border:0;background:none}.mail-folders nav a{display:flex;align-items:center;gap:12px;height:60px;padding:0 30px;border-bottom:1px solid var(--border);text-decoration:none;color:var(--text);font-size:16px}.mail-folders nav a.selected{background:var(--soft);color:var(--accent)}.mail-folders nav a b{margin-left:auto;border-radius:15px;font-size:12px;color:#fff;background:#2898c8;padding:2px 7px}.mail-folders nav .mail-mailbox{padding-left:31px;font-size:15px}.mail-mailbox .icon{color:#349ac3;flex-shrink:0;width:19px}.mail-mailbox span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-folders footer{position:absolute;bottom:0;left:0;width:100%;border-top:1px solid var(--border);padding:15px 20px;display:flex;flex-direction:column;gap:12px;font-size:14px}.mail-folders footer .pipeline-trigger{padding:0;max-width:100%;font-size:14px}.mail-overlay{position:fixed;inset:0 0 0 70px;z-index:30;background:#0006;display:flex;justify-content:flex-end}.mail-overlay-dismiss{position:absolute;inset:0}.mail-sheet{position:relative;background:var(--bg);width:min(1180px,calc(100% - 240px));height:100%;display:flex;flex-direction:column;box-shadow:-2px 0 8px #0001}.mail-sheet>header{display:flex;gap:20px;align-items:center;justify-content:space-between;background:var(--surface);border-bottom:1px solid var(--border);padding:17px 22px;min-height:70px;flex-shrink:0}.mail-sheet>header h2{font-weight:400;font-size:20px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-sheet>header>a{font-size:25px;text-decoration:none;color:var(--muted)}.mail-thread-tools{display:flex;gap:14px;align-items:center;padding:12px 22px;flex-wrap:wrap;border-bottom:1px solid var(--border);background:var(--surface)}.mail-thread-tools>a{margin-right:auto;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.mail-thread-tools button{padding:4px 8px;font-size:12px}.mail-thread-tools .badge{font-size:11px}.mail-thread-messages{padding:18px 22px;flex:1;overflow:auto}.mail-thread-card{border:1px solid var(--border);border-radius:4px;margin-bottom:12px;background:var(--surface);overflow:hidden}.mail-thread-card summary{display:flex;gap:12px;padding:14px 12px;cursor:pointer;list-style:none}.mail-envelope{color:#6393d3;border:1px solid #6393d3;border-radius:50%;width:39px;height:39px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.mail-thread-card summary>span:last-child{min-width:0;display:flex;flex-direction:column;gap:3px}.mail-thread-card small{font-size:13px;color:var(--muted)}.mail-thread-card u{font-size:17px}.mail-collapsed-snippet{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.mail-thread-card[open] .mail-collapsed-snippet{display:none}.mail-thread-body{padding:0 18px 20px 63px;overflow-wrap:anywhere}.mail-thread-body .message-body{font-size:15px;line-height:1.55;white-space:pre-wrap}.mail-reply-box{margin:10px 16px 16px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:4px;display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:14px}.mail-reply-box>span{flex:1;color:var(--muted)}.mail-reply-box>small{flex-basis:100%;color:var(--muted);font-size:12px}.mail-compose-sheet{width:min(1100px,calc(100% - 240px));background:var(--surface)}#mail-compose-form{display:flex;flex-direction:column;flex:1;min-height:0;padding:0 22px}.mail-compose-field{display:flex;align-items:center;border-bottom:1px solid var(--border);gap:12px;min-height:49px}.mail-compose-field label{width:55px;color:var(--muted);font-size:15px}.mail-compose-field input{border:0;background:none;flex:1;box-shadow:none;font-size:16px;padding:10px 0;min-width:0}.mail-compose-field input[readonly]{color:var(--muted)}#mail-compose-form textarea{flex:1;width:100%;border:0;border-radius:0;resize:none;min-height:180px;padding:22px 0;box-shadow:none;background:transparent;line-height:1.6;font-size:16px}#mail-compose-form footer{border-top:1px solid var(--border);display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:18px 0;font-size:14px}#mail-compose-form footer span{color:var(--muted);font-size:12px;flex-basis:100%}.mail-settings-sheet{width:min(850px,calc(100% - 160px))}.mail-settings-content{padding:20px 30px;overflow:auto;font-size:15px;line-height:1.6}.mail-settings-content h3{font-size:16px;font-weight:700;margin:20px 0 10px}.mail-settings-content article{display:flex;gap:15px;padding:20px 0;border-bottom:1px solid var(--border)}.mail-settings-content article p{margin:5px 0;color:var(--muted)}.mail-settings-content small{color:var(--muted)}
@media(max-width:1000px){.mail-toolbar{padding-right:14px;gap:8px}.mail-folder-trigger{padding:0 18px;max-width:220px}.mail-search select{width:85px}.mail-from-col{width:24%}.mail-sheet,.mail-compose-sheet,.mail-settings-sheet{width:calc(100% - 55px)}}
@media(max-width:760px){.mail-toolbar{height:auto;min-height:105px;flex-wrap:wrap;padding:0 12px 10px;gap:7px}.mail-folder-trigger{height:52px;padding:0 8px;border:0;min-width:100px;font-size:15px;margin-right:auto;max-width:220px}.mail-search{order:4;flex-basis:100%;height:32px;font-size:23px;padding:0 5px}.mail-search input{font-size:15px}.mail-toolbar>.button{height:34px;font-size:11px;padding:0 10px}.mail-list{padding:10px 8px}.mail-check-col{width:32px}.mail-from-col{width:25%}.mail-date-col{width:60px}.mail-table th{font-size:10px;letter-spacing:.4px;padding:0 5px}.mail-table td{font-size:13px;padding:0 5px;height:48px}.mail-table input[type=checkbox]{width:17px;height:17px}.mail-date{font-size:11px!important;padding-right:7px!important}.mail-table th:last-child{padding-right:7px}.mail-message>div{gap:3px;align-items:flex-start;flex-direction:column}.mail-preview{width:100%;gap:6px}.mail-subject{max-width:100%;font-size:13px}.mail-snippet{display:none}.mail-lead{max-width:95%;font-size:10px;padding:1px 4px}.mail-folders,.mail-overlay{left:58px}.mail-folders{max-width:calc(100vw - 58px)}.mail-folders::backdrop{left:58px}.mail-sheet,.mail-compose-sheet,.mail-settings-sheet{width:100%}.mail-sheet>header{padding:14px;min-height:58px}.mail-sheet>header h2{font-size:16px}.mail-thread-tools{padding:10px 12px;gap:8px}.mail-thread-messages{padding:12px}.mail-thread-card small{font-size:11px}.mail-thread-card u{font-size:15px}.mail-thread-body{padding:0 12px 15px}.mail-thread-card summary{padding:12px 8px;gap:8px}.mail-envelope{width:30px;height:30px}.mail-envelope .icon{width:19px}.mail-thread-tools .badge{display:none}.mail-selection{gap:12px;padding:10px;font-size:12px}.mail-selection button{font-size:13px}.mail-settings-content{padding:15px}#mail-compose-form{padding:0 14px}}
.mail-selection button{display:inline-flex;align-items:center;gap:5px}.mail-selection button .icon{width:17px;height:17px}.mail-compose-sheet{background:var(--bg)}#mail-compose-form{justify-content:flex-end;padding:16px;overflow:auto}.mail-compose-card{display:flex;flex-direction:column;min-height:510px;max-height:100%;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:5px;box-shadow:0 2px 8px #0001}.mail-compose-field{border:0;min-height:49px}.mail-compose-field label{width:90px;flex-shrink:0}.mail-compose-field input,.mail-compose-field select{border:1px solid var(--border);border-radius:4px;padding:8px 10px;font-size:15px;flex:1;min-width:0;background:var(--surface);color:var(--text)}.mail-format-notice{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;padding:12px 0;border-bottom:1px solid var(--border)}.mail-format-notice span{font-size:11px}.mail-sheet>header{position:relative}.mail-sheet .mail-overlay-close{color:var(--muted)}
@media(max-width:760px){.mail-compose-card{min-height:480px;max-height:none;padding:10px}.mail-compose-field label{width:50px}.mail-format-notice span{display:none}#mail-compose-form{padding:10px}.mail-compose-sheet>header{min-height:58px}}
.mail-filter-trigger{border:0;background:none;padding:5px;color:var(--muted)}.mail-filter-panel{position:absolute;z-index:12;left:190px;right:190px;top:70px;min-height:500px;max-height:calc(100vh - 90px);display:flex;background:var(--surface);border:1px solid var(--border);box-shadow:0 7px 17px #0001;overflow:auto}.mail-filter-panel[hidden]{display:none}.mail-filter-panel nav{width:24%;min-width:180px;border-right:1px solid var(--border);padding:0 22px}.mail-filter-panel nav a{display:block;color:var(--text);text-decoration:none;padding:18px 6px;font-size:16px;border-bottom:1px solid var(--border)}.mail-filter-panel nav a:first-child{color:#3498c7;font-weight:700}.mail-filter-panel form{padding:18px 22px;width:100%;max-width:430px;display:flex;flex-direction:column;gap:10px}.mail-filter-panel label{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:4px}.mail-filter-panel input,.mail-filter-panel select{height:34px;font-size:14px;border-radius:4px;background:var(--surface);width:100%}.mail-filter-dates{display:flex;gap:10px}.mail-filter-dates label{min-width:0;flex:1}.mail-filter-actions{display:flex;align-items:center;gap:16px;font-size:14px;padding-top:10px}.mail-filter-actions button{padding:7px 14px}.mail-filter-actions>button:last-child{background:transparent;border:0;color:var(--muted)}
@media(max-width:1000px){.mail-filter-panel{left:190px;right:30px}.mail-filter-panel nav{min-width:160px;padding:0 12px}}
@media(max-width:760px){.mail-filter-panel{left:58px;right:0;top:105px;max-height:calc(100vh - 105px);min-height:0}.mail-filter-panel nav{min-width:105px;width:30%;padding:0 8px}.mail-filter-panel nav a{font-size:13px;padding:17px 3px}.mail-filter-panel form{padding:14px 12px}.mail-filter-dates{flex-direction:column}}
.mail-filter-panel input,.mail-filter-panel select{padding:6px 9px;line-height:normal}.mail-thread-count{border-radius:4px;background:#bcbfc1;color:#fff;min-width:18px;height:19px;line-height:19px;text-align:center;font-size:12px;padding:0 4px;flex-shrink:0}
.mail-folders::backdrop{backdrop-filter:none}
/* Kommo email settings: accounts column and configuration cards. */
.email-settings-header{height:70px;border-bottom:1px solid var(--border);background:var(--surface);display:flex;justify-content:flex-end;align-items:center;padding:0 32px}.email-settings-header .button{font-weight:700;font-size:15px;padding:9px 12px}.email-settings-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:44px;padding:26px 32px 80px;max-width:1800px;margin:auto}.email-settings-layout>aside>h2,.email-smart-addresses>h2{font-size:14px;font-weight:700;letter-spacing:.8px;margin:0 0 18px}.connected-email-list{display:flex;flex-direction:column;gap:9px}.connected-email-list>button{display:flex;align-items:center;gap:15px;text-align:left;border:0;box-shadow:0 2px 4px #0001;background:var(--surface);border-radius:1px;padding:14px 15px;min-height:65px;width:100%;font-size:16px;overflow:hidden}.connected-email-list .icon{width:37px;height:37px;flex-shrink:0;color:#aaa;stroke-width:1}.connected-email-list>button>span{min-width:0}.connected-email-list u{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-underline-offset:2px}.connected-email-list small{display:block;font-size:14px;color:var(--muted);margin-top:2px}.email-add-account{display:inline-block;background:none;margin-top:10px;font-size:16px;color:var(--muted);border-color:#c8c8c8}.email-smart-addresses{margin-top:68px;font-size:16px;color:var(--muted);line-height:1.45}.email-smart-addresses h2{color:var(--text);font-size:13px;white-space:nowrap}.email-smart-addresses>p{margin:0 0 12px}.email-smart-addresses>a{font-size:14px}.email-status-card{border:1px solid var(--border);border-radius:4px;padding:13px;margin-top:9px;font-size:14px}.email-status-card strong{color:var(--text);font-weight:400}.email-status-card p{margin:5px 0 0}.email-mailbox-note{font-size:12px;margin-top:16px!important}.email-settings-sections{padding-top:59px;display:flex;flex-direction:column;gap:20px}.email-settings-card{padding:20px;background:var(--surface);border-radius:4px;box-shadow:0 2px 4px #00000008}.email-settings-card>h2{font-weight:400;font-size:21px;margin:0 0 5px}.email-settings-card>p{color:var(--muted);font-size:16px;line-height:1.4;margin:0 0 20px}.email-add-template{font-size:16px;color:var(--muted);border-radius:1px;padding:9px 14px;background:none;margin-bottom:9px}.email-template-list>div{display:flex;align-items:center;border-bottom:1px solid var(--border);margin-bottom:8px}.email-template-list button{border:0;background:none;font-size:16px}.email-template-list button:first-child{text-align:left;flex:1}.email-template-list button:last-child{color:var(--muted)}#email-no-thread textarea{width:390px;max-width:100%;height:100px;min-height:100px;resize:vertical;font-size:15px;border:1px solid var(--border);background:transparent;border-radius:3px;padding:10px}#email-no-thread button{display:block;margin:10px 0 4px;font-size:14px;padding:6px 12px}.email-signatures{display:grid;grid-template-columns:1fr 1fr;gap:20px}.email-signatures>nav{display:flex;flex-direction:column;gap:10px}.email-signatures>nav>button{text-align:left;width:100%;border:1px solid var(--border);padding:8px 12px;font-size:16px;background:none;border-radius:3px;overflow:hidden;text-overflow:ellipsis}.email-signatures>nav>button.selected{border-color:var(--accent)}#email-signature-form>input{height:36px;border:1px solid var(--border);border-radius:3px;padding:7px 10px;margin-bottom:10px;background:var(--surface);font-size:15px;width:100%}.signature-editor{border:1px solid var(--border);border-radius:3px;padding:14px 16px 10px}.signature-format-label{font-size:12px;color:var(--muted);padding-bottom:7px}.signature-editor textarea{border:0;background:transparent;padding:8px 0;width:100%;height:100px;min-height:100px;resize:vertical;box-shadow:none;font-size:15px;line-height:1.4}.signature-editor label{display:flex;align-items:center;gap:12px;border-top:1px solid var(--border);padding-top:10px;font-size:14px}.signature-editor select{flex:1;min-width:0;background:transparent;border:1px solid var(--border);padding:6px 10px;height:34px}.email-signature-actions{display:flex;gap:10px;margin-top:10px}.email-signature-actions button{font-weight:700;font-size:14px;padding:8px 12px;background:transparent}.email-signature-actions button:last-child:not(:first-child){color:var(--muted);font-weight:400;border:0}.email-template-dialog{width:760px!important;max-width:calc(100vw - 40px)}.email-template-body{min-height:230px!important}.email-account-info{font-size:15px;line-height:1.6}.mail-draft-presets{display:flex;gap:15px;margin-top:8px}.mail-draft-presets select{border:0;background:transparent;color:var(--link);padding:5px;font-size:13px;width:160px}
/* Kommo lead card: separate details and activity scroll areas. */
body[data-page=lead] .topbar{display:none}body[data-page=lead] #content{padding:0;height:100dvh;overflow:hidden}.lead-card-view{height:100dvh;display:grid;grid-template-columns:400px minmax(0,1fr) 68px;overflow:hidden}.lead-details-column{height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column;border-right:6px solid #d1d1d1;background:var(--surface)}.lead-card-header{background:#213e4a;color:#fff;flex-shrink:0}.lead-title-row{display:flex;gap:9px;align-items:flex-start;padding:20px 22px 10px 10px}.lead-title-row>a{font-size:30px;line-height:30px;color:#8497a2;text-decoration:none}.lead-card-title{font-size:24px;font-weight:700;line-height:1.35;color:#fff;background:none;border:0;padding:0;text-align:left;flex:1;overflow-wrap:anywhere}.lead-more{position:relative}.lead-more summary{font-size:22px;list-style:none;cursor:pointer;line-height:24px}.lead-more>div{position:absolute;top:26px;right:0;background:var(--surface);box-shadow:0 3px 15px #0003;border:1px solid var(--border);width:180px;z-index:10;padding:5px}.lead-more button,.lead-more a{display:block;color:var(--text);text-align:left;text-decoration:none;font-size:14px;padding:8px;width:100%;border:0;background:none}.lead-card-header .lead-tags{display:flex;flex-wrap:wrap;gap:5px;align-items:center;padding:8px 30px 12px;min-height:45px;font-size:15px}.lead-card-header .lead-tags>span{color:#8299a3;margin-right:4px}.lead-card-header .lead-tags button{background:#304e5b;border:1px solid #3a5661;color:#fff;padding:1px 7px;border-radius:4px;font-size:15px}.lead-card-header .lead-tags .lead-add-tag{background:none;color:#9bb1bc;border:0}.lead-stage-picker{padding:0 30px 12px}.lead-stage-picker>button{border:0;background:none;color:#8099a3;font-size:14px;text-transform:uppercase;padding:0;text-align:left;display:block}.lead-stage-picker>select{padding:2px 0;border:0;background:#213e4a;color:#fff;font-weight:700;font-size:16px;box-shadow:none;width:100%;height:29px}.lead-stage-progress{display:flex;height:5px;margin-top:8px;overflow:hidden;border-radius:6px}.lead-stage-progress i{background:var(--stage-color,#ccc);flex:1;opacity:.65}.lead-stage-progress i.current{opacity:1;box-shadow:inset 0 0 0 1px #fff8;flex:1.2}.lead-card-tabs{display:flex;padding:0 22px;gap:14px;align-items:center;height:45px}.lead-card-tabs a,.lead-card-tabs button{font-size:16px;font-weight:700;white-space:nowrap;text-decoration:none;color:#7e969f;background:none;border:0;padding:11px 0 10px;border-radius:0;position:relative}.lead-card-tabs .active{color:white}.lead-card-tabs .active:after{content:'';position:absolute;bottom:-1px;height:4px;background:var(--surface);left:-8px;right:-8px}.lead-detail-scroll{overflow:auto;flex:1;min-height:0}.lead-main-fields,.lead-statistics{padding:18px 30px 15px}.lead-field-row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:9px;align-items:start;min-height:35px;font-size:15px;line-height:1.5;padding:3px 0}.lead-field-row>span:first-child{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-field-row>select,.lead-field-value{min-width:0;width:100%;border:0;padding:0;background:none;box-shadow:none;font-size:15px;color:var(--text);text-align:left;line-height:1.5;white-space:normal;overflow-wrap:anywhere;height:auto}.lead-field-value{display:flex;gap:4px;align-items:baseline}.lead-field-value>span{font-size:12px;color:var(--muted)}.lead-field-value:hover{color:var(--link)}.lead-field-row .placeholder{color:var(--muted)}.lead-field-row>a{font-size:14px;overflow-wrap:anywhere}.lead-related{border-top:1px solid var(--border);padding:14px 30px}.lead-related>header{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:16px;font-weight:700;margin-bottom:10px}.lead-related header a{color:var(--text)}.lead-related header button{border:0;background:none;padding:0;color:var(--muted)}.lead-related .lead-field-row{font-size:14px;grid-template-columns:85px minmax(0,1fr)}.lead-related .lead-field-row>a{font-size:14px}.lead-add-contact{background:none;border:0;border-bottom:1px solid var(--border);padding:14px 30px;width:100%;text-align:left;color:var(--muted);font-size:15px}.lead-products{padding:0 0 25px}.lead-product-add{border:0;border-radius:0;border-bottom:1px solid var(--border);width:100%;text-align:left;padding:17px 30px;font-size:18px;background:transparent;color:var(--muted)}.lead-products>article{position:relative;padding:15px 30px;border-bottom:1px solid var(--border);font-size:14px}.lead-products>article strong{display:block;font-weight:400;font-size:16px}.lead-products>article p{color:var(--muted);margin:5px 0}.lead-products>article>button{position:absolute;right:10px;top:13px;border:0;background:none;color:var(--muted)}.lead-products-empty{padding:12px 30px;font-size:14px}.lead-commerce{border-bottom:1px solid var(--border);padding:15px 25px;font-size:13px}.lead-commerce summary{font-size:16px;cursor:pointer}.lead-commerce dl{grid-template-columns:90px 1fr}.lead-commerce p{font-size:13px}.lead-activity-column{height:100%;min-height:0;min-width:0;display:flex;flex-direction:column;background:var(--bg)}.lead-activity-scroll{overflow:auto;flex:1;min-height:0;padding:10px 22px 26px;scrollbar-width:thin}.lead-closed-banner{background:var(--surface);padding:24px 18px;box-shadow:0 5px 7px #0001;font-size:18px;text-align:center;margin:0 -5px 20px}.lead-closed-banner>span{color:#57b96a;border:2px solid currentColor;border-radius:50%;padding:0 3px;margin-right:6px}.lead-closed-banner.lost>span{color:#e58085}.lead-day-separator{border-top:1px solid #c5c5c5;position:relative;text-align:center;margin:25px -22px 22px;height:1px}.lead-day-separator span{display:inline-block;position:relative;top:-12px;background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:0 12px;color:var(--muted);font-size:12px}.lead-note-event,.lead-email-event,.lead-completed-task,.lead-open-task{background:var(--surface);border:1px solid #ccc;border-radius:4px;margin-bottom:14px;font-size:15px}.lead-note-event{display:flex;gap:12px;padding:14px;background:color-mix(in srgb,#fff8c4 20%,var(--surface))}.lead-note-event>div{min-width:0;flex:1}.lead-note-event p{margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.lead-event-symbol{width:37px;height:37px;border:1px solid #6795d5;color:#6795d5;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lead-note-event .lead-event-symbol{border:0;color:var(--muted);font-size:23px}.lead-email-event summary{display:flex;gap:12px;padding:13px 10px;cursor:pointer;list-style:none}.lead-email-event summary>span:last-child{min-width:0;display:flex;flex-direction:column;gap:3px}.lead-email-event small,.lead-note-event small,.lead-completed-task small,.lead-open-task small{font-size:13px;color:var(--muted)}.lead-email-event u{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-event-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.lead-email-event[open] .lead-event-preview{display:none}.lead-email-body{padding:0 15px 15px 60px;overflow-wrap:anywhere;line-height:1.5}.lead-email-event>a{display:block;padding:0 15px 14px 60px;font-size:13px}.lead-system-event{margin:16px 5px 20px;color:var(--muted);font-size:13px;line-height:1.5}.lead-system-event small{margin-right:10px}.lead-completed-task{padding:14px;display:flex;gap:12px}.lead-completed-task>span{color:#58b16b;font-size:22px}.lead-completed-task p{margin:4px 0}.lead-completed-task div>span{font-size:12px;color:var(--muted)}.lead-open-task{display:flex;gap:12px;padding:11px 10px;background:transparent}.lead-open-task.overdue{border-color:#e76aa1}.lead-open-task.overdue .lead-event-symbol{color:#e76aa1;border-color:#e76aa1}.lead-open-task>div{min-width:0;flex:1}.lead-task-edit{display:block;text-align:left;padding:0;background:none;border:0;font-size:16px;line-height:1.5;color:var(--text)}.lead-task-result{display:flex;gap:10px;margin-top:7px}.lead-task-result input{height:39px;min-width:0;flex:1;background:var(--surface);border:1px solid #ccc;border-radius:4px;padding:8px 11px;font-size:14px}.lead-task-result button{font-size:13px;font-weight:700;padding:7px 15px;background:var(--surface);border:1px solid var(--border);color:var(--text)}.lead-activity-empty{text-align:center;margin-top:100px;color:var(--muted);font-size:15px}.lead-composer{flex-shrink:0;margin:0 9px 15px 15px;background:var(--surface);border:1px solid #ccc;box-shadow:0 2px 8px #0001;border-radius:4px;padding:12px 14px 9px;min-height:105px}.lead-composer>div:first-child{display:flex;gap:10px;align-items:center}.lead-composer select{color:var(--link);border:0;padding:0 18px 0 0;background:transparent;box-shadow:none;font-size:14px;width:auto;max-width:160px;height:24px}.lead-composer-hint{color:var(--muted);font-size:13px}.lead-composer textarea{width:100%;border:0;padding:9px 0 0;background:none;box-shadow:none;min-height:40px;height:40px;font-size:15px;resize:vertical}.lead-composer footer{display:flex;justify-content:flex-end}.lead-composer footer button{font-size:12px;padding:5px 12px}.lead-composer .form-error{margin:0;font-size:12px}.lead-composer-task{display:flex;align-items:center;gap:12px;margin-bottom:8px}.lead-composer-task[hidden]{display:none}.lead-composer-task input{font-size:13px;background:none;border:1px solid var(--border);padding:5px;min-width:0;max-width:240px}.lead-tools-rail{background:#e6e6e6;display:flex;align-items:center;flex-direction:column;gap:0}.lead-tools-rail button,.lead-tools-rail a{display:flex;align-items:center;justify-content:center;width:100%;height:70px;padding:0;border:0;border-radius:0;background:none;color:#59616b}.lead-tools-rail .icon{width:27px;height:27px}.lead-tools-rail a:hover,.lead-tools-rail button:hover{background:var(--surface)}.lead-setup-info>button{display:flex;width:100%;padding:9px;border:0;border-bottom:1px solid var(--border);background:none;text-align:left}.lead-setup-info>button>span{margin-left:auto;color:var(--muted)}.lead-setup-info>p{color:var(--muted);line-height:1.5}
:root[data-theme=dark] .lead-details-column{border-color:#304653}:root[data-theme=dark] .lead-tools-rail{background:#203541}:root[data-theme=dark] .lead-tools-rail button,:root[data-theme=dark] .lead-tools-rail a{color:var(--side-text)}:root[data-theme=dark] .lead-note-event,:root[data-theme=dark] .lead-email-event,:root[data-theme=dark] .lead-completed-task{border-color:var(--border)}:root[data-theme=dark] .lead-composer,:root[data-theme=dark] .lead-task-result input{border-color:var(--border)}
@media(min-width:1600px){.lead-card-view{grid-template-columns:425px minmax(0,1fr) 70px}}
@media(max-width:1100px){.email-settings-layout{grid-template-columns:240px minmax(0,1fr);gap:25px;padding:25px 22px 60px}.email-signatures{grid-template-columns:1fr}.email-settings-sections{padding-top:59px}.email-smart-addresses h2{white-space:normal}.lead-card-view{grid-template-columns:345px minmax(0,1fr) 45px}.lead-card-title{font-size:20px}.lead-card-tabs{gap:12px;padding:0 18px}.lead-card-tabs a,.lead-card-tabs button{font-size:15px}.lead-card-header .lead-tags{padding-left:24px;padding-right:20px}.lead-stage-picker{padding:0 24px 12px}.lead-main-fields,.lead-statistics{padding:16px 22px}.lead-field-row{grid-template-columns:110px minmax(0,1fr);font-size:14px}.lead-field-value,.lead-field-row>select{font-size:14px}.lead-related{padding:14px 22px}.lead-activity-scroll{padding-left:16px;padding-right:16px}.lead-task-result{flex-wrap:wrap}.lead-task-result button{margin-left:auto}.lead-closed-banner{font-size:15px}.lead-composer-hint{font-size:11px}.lead-tools-rail button,.lead-tools-rail a{height:55px}.lead-tools-rail .icon{width:23px}}
@media(max-width:760px){.email-settings-header{height:58px;padding:0 16px}.email-settings-layout{display:block;padding:20px 15px 40px}.email-settings-sections{padding-top:25px}.email-settings-layout>aside{display:flex;flex-direction:column}.email-smart-addresses{margin-top:25px}.email-smart-addresses h2{font-size:12px}.email-settings-card{padding:17px}.email-settings-card>p{font-size:14px}.email-settings-card>h2{font-size:20px}.email-signatures{gap:14px}.email-settings-header .button{padding:6px 12px}.email-signature-actions button{font-size:13px}.mail-draft-presets{gap:6px}.mail-draft-presets select{width:130px}body[data-page=lead] #content{height:auto;overflow:visible}.lead-card-view{display:flex;flex-direction:column;height:auto;min-height:100dvh;overflow:visible}.lead-details-column{border-right:0;border-bottom:4px solid var(--border);height:auto;max-height:none}.lead-detail-scroll{max-height:420px;flex:auto}.lead-card-title{font-size:21px}.lead-title-row{padding:17px 16px 6px 9px}.lead-card-header .lead-tags{padding:10px 24px}.lead-stage-picker{padding-left:24px;padding-right:24px}.lead-card-tabs{padding:0 24px;gap:20px}.lead-card-tabs a,.lead-card-tabs button{font-size:15px}.lead-main-fields{padding:15px 24px}.lead-field-row{grid-template-columns:125px minmax(0,1fr);min-height:34px}.lead-activity-column{height:700px;min-height:500px}.lead-activity-scroll{padding:16px 12px}.lead-tools-rail{display:none}.lead-composer{margin:0 10px 15px;padding:12px}.lead-composer-hint{display:none}.lead-note-event{padding:11px 8px;gap:7px}.lead-event-symbol{width:29px;height:29px}.lead-email-event summary{gap:8px}.lead-email-event u{font-size:14px}.lead-email-event small,.lead-note-event small,.lead-open-task small{font-size:11px}.lead-email-body{padding:0 12px 12px}.lead-open-task{gap:8px}.lead-task-edit{font-size:14px}.lead-task-result{gap:7px}.lead-task-result input{flex-basis:100%;font-size:13px}.lead-task-result button{padding:6px 10px}.lead-closed-banner{font-size:14px;margin:0 0 20px;padding:17px 10px}.lead-day-separator{margin-left:-12px;margin-right:-12px}}
.lead-card-title{display:block;justify-content:flex-start}.lead-field-value,.lead-add-contact,.lead-product-add,.connected-email-list>button,.email-template-list button:first-child,.email-signatures>nav>button{justify-content:flex-start}.lead-stage-progress i{opacity:1}.lead-system-event summary{cursor:pointer}.lead-system-event>p{white-space:pre-wrap;overflow-wrap:anywhere}
/* Consolidated analytics, independent of the Dashboard workspace. */
body[data-page=insights] .topbar{display:none}body[data-page=insights] #content{padding:0}.insights-shell{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:100vh;background:var(--bg)}.analytics-sidebar{position:sticky;top:0;height:100dvh;background:var(--surface);border-right:1px solid var(--border)}.analytics-sidebar>h2{height:70px;margin:0;display:flex;align-items:center;padding:0 31px;border-bottom:1px solid var(--border);font-size:16px;letter-spacing:1.5px;font-weight:700}.analytics-sidebar nav a{display:flex;align-items:center;min-height:60px;padding:15px 31px;color:var(--text);text-decoration:none;font-size:17px;line-height:1.4;border-bottom:1px solid var(--border)}.analytics-sidebar nav a.active{font-weight:700;color:#287bbd}.analytics-sidebar nav a:hover{background:var(--soft)}.analytics-content{padding:15px 27px 35px;min-width:0}.analytics-header{height:55px;display:flex;align-items:flex-start;gap:17px}.analytics-header h1{margin:10px 0 0;font-size:17px;letter-spacing:1.5px;line-height:1.25;font-weight:700}.analytics-filter-button{display:flex;align-items:center;gap:6px;justify-content:flex-start;background:var(--surface);height:38px;padding:0 12px;border:1px solid var(--border);font-size:16px;font-weight:700;border-radius:4px;flex-shrink:0}.analytics-filter-button .icon{width:18px;height:18px}.analytics-filter-button span{font-weight:400;padding-left:3px}.analytics-business{margin-left:auto;padding-top:7px;min-width:0}.analytics-business .pipeline-trigger{font-size:11px;padding:0;color:var(--muted);max-width:135px;letter-spacing:.5px}.analytics-business .pipeline-trigger svg{width:10px}.insights-filter-summary{display:flex;gap:15px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin:0 0 12px}.insight-chart-panel,.insight-leads-panel{border:1px solid #c9c9c9;background:var(--bg);margin-bottom:10px;padding:13px 15px 15px}.insight-chart-panel>header{display:flex;justify-content:space-between;align-items:flex-start;height:51px}.insight-chart-panel h2,.insight-leads-panel>h2,.insight-contacts-panel>h2,.insight-tasks-panel>h2{font-size:16px;font-weight:700;line-height:1.3;margin:0}.insight-chart-panel>header>h2,.insight-chart-panel>header>span{width:80px;flex-shrink:0}.insight-chart-panel nav{display:flex;border-bottom:1px solid #ccc;gap:16px}.insight-chart-panel nav a{position:relative;display:block;padding:1px 0 6px;font-size:13px;font-weight:700;text-decoration:none;color:#777}.insight-chart-panel nav a.active{color:#4ba0ca}.insight-chart-panel nav a.active:after{content:'';position:absolute;bottom:-3px;left:0;right:0;height:3px;background:#4ba0ca}.insight-chart{position:relative;height:355px}.insight-chart>svg{height:100%;width:100%;overflow:visible}.insight-chart-grid line{stroke:#ddd;stroke-width:1}.insight-chart-grid text{fill:#777;font-family:'PT Sans',sans-serif;font-size:12px}.insight-chart-line{fill:none;stroke-width:3;vector-effect:non-scaling-stroke}.insight-chart-line.new{stroke:#2795c9}.insight-chart-line.won{stroke:#7a9e48}.insight-chart-point{stroke:var(--bg);stroke-width:2;cursor:pointer;vector-effect:non-scaling-stroke}.insight-chart-point.new{fill:#2795c9}.insight-chart-point.won{fill:#7a9e48}.insight-chart-point:focus{outline:none;stroke:var(--text);stroke-width:3}.insight-chart-panel>footer{display:flex;gap:16px;font-size:11px;color:var(--muted);padding:4px 18px 0 30px;align-items:center}.insight-chart-panel>footer>span{display:flex;align-items:center;gap:5px}.insight-chart-panel>footer small{margin-left:auto;font-size:10px}.insight-chart-panel i,.insight-chart-tooltip i{display:inline-block;width:7px;height:7px;border-radius:50%}.insight-chart-panel i.new{background:#2795c9}.insight-chart-panel i.won{background:#7a9e48}.insight-chart-tooltip{position:absolute;z-index:8;background:var(--surface);border:1px solid var(--border);box-shadow:0 4px 12px #0002;padding:11px 22px 11px 12px;width:250px;font-size:13px;border-radius:3px}.insight-chart-tooltip[hidden]{display:none}.insight-chart-tooltip strong{display:block;font-weight:400;font-size:12px;color:var(--muted);margin-bottom:5px}.insight-chart-tooltip>a{display:flex;align-items:center;gap:7px;color:var(--text);text-decoration:none;padding:2px 0}.insight-chart-tooltip button{position:absolute;right:4px;top:1px;border:0;background:none;color:var(--muted);font-size:16px;padding:0 3px}.insight-leads-grid{display:grid;grid-template-columns:minmax(145px,1fr) minmax(230px,1.3fr) minmax(140px,1fr);gap:20px;padding:23px 20px 10px}.analytics-content h3{font-size:12px;font-weight:700;color:#777;margin:0 0 16px;line-height:1.3}.insight-breakdown-row{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--text);margin-bottom:12px;min-width:0}.insight-breakdown-row>strong{font-family:system-ui,sans-serif;font-size:30px;font-weight:200;line-height:1.2;min-width:66px;text-align:right;letter-spacing:-1px;flex-shrink:0}.insight-breakdown-row>span{min-width:0;display:flex;flex-direction:column;justify-content:center;border-left:2px solid var(--insight-color,#d5d9dc);padding:3px 0 3px 14px;line-height:1.2}.insight-breakdown-row b{font-weight:400;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insight-breakdown-row small{font-size:15px;color:#bfc3c6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insight-breakdown-row:hover b{text-decoration:underline}.insight-show-all>summary{display:flex;gap:11px;list-style:none;cursor:pointer;color:var(--text);margin-bottom:12px}.insight-show-all>summary>strong{font-family:system-ui,sans-serif;font-size:30px;font-weight:200;line-height:1.2;min-width:66px;text-align:right;letter-spacing:-1px}.insight-show-all>summary>span{display:flex;flex-direction:column;padding:3px 0 3px 14px;border-left:2px solid #d5d9dc;font-size:17px}.insight-show-all>summary small{font-size:14px;color:var(--muted)}.insight-show-all[open]>summary{display:none}.insight-donut{position:relative;align-self:start;width:100%;max-width:340px;margin:0 auto;aspect-ratio:1}.insight-donut svg{width:100%;height:100%;overflow:visible}.insight-donut-track,.insight-donut-arc{fill:none;stroke-width:12}.insight-donut-track{stroke:#d4d9dc}.insight-donut.thin .insight-donut-track,.insight-donut.thin .insight-donut-arc{stroke-width:7}.insight-donut-arc:hover{stroke-width:15}.insight-donut.thin .insight-donut-arc:hover{stroke-width:10}.insight-donut a:focus .insight-donut-arc{stroke-width:15;outline:none}.insight-donut-center{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 10px}.insight-donut-center strong{font-family:system-ui,sans-serif;font-size:74px;letter-spacing:-3px;font-weight:200;line-height:1.3;color:var(--text);max-width:100%}.insight-donut-center small{color:var(--muted);font-size:14px;margin:0 0 9px}.insight-donut-center span{color:var(--muted);font-size:16px;margin-top:12px}.insight-contacts-panel,.insight-tasks-panel{background:var(--surface);margin-bottom:10px;padding:13px 15px 22px}.insight-contacts-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:22px 0 0}.insight-contacts-grid>section:last-child{padding:10px 0 0 10px}.insight-contacts-grid .insight-donut{width:285px;max-width:100%;margin-left:0}.insight-contact-legend{padding:4px 12px 8px}.insight-contact-legend>a{display:flex;align-items:center;gap:8px;color:var(--text);font-size:15px;text-decoration:none;margin-bottom:6px}.insight-contact-legend strong{font-weight:400;min-width:40px;text-align:right}.insight-contact-legend span{border-left:2px solid var(--insight-color);padding-left:8px}.insight-contact-legend b{font-weight:400;color:var(--muted)}.insight-tasks-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:25px;padding:22px 0 0}.insight-tasks-grid .insight-donut{max-width:285px;margin-left:0}.insight-tasks-grid>section{padding-top:10px}.insight-tasks-grid .insight-breakdown-row>strong{min-width:65px}.insight-tasks-grid .insight-breakdown-row b{color:var(--muted)}.insight-tasks-grid .insight-breakdown-row small{color:var(--muted)}.insight-no-data{font-size:14px;color:var(--muted);padding:15px 0}.insight-method{font-size:12px;color:var(--muted);line-height:1.5;margin:0 0 12px}.insight-leads-panel>.insight-method{margin:12px 0}.insight-outcomes{display:flex;gap:20px;margin:25px 0 30px;flex-wrap:wrap}.insight-outcomes>a{display:flex;flex-direction:column;color:var(--text);text-decoration:none;border-left:3px solid #4d9ac7;padding:0 18px}.insight-outcomes strong{font-size:40px;font-weight:400}.insight-outcomes span{font-size:14px;color:var(--muted)}.insight-activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.insight-unavailable{background:var(--surface);border:1px solid var(--border);padding:35px;line-height:1.5}.insight-unavailable h2{font-size:20px;font-weight:400;margin:0 0 12px}.insight-unavailable p{color:var(--muted);font-size:15px;max-width:650px}.insight-records{border:1px solid var(--border);background:var(--surface)}.insight-records>header{display:flex;justify-content:space-between;padding:16px;gap:15px;font-size:14px}.insight-records>header>span{color:var(--muted)}.insight-records-scroll{overflow:auto}.insight-records table{width:100%;border-collapse:collapse;font-size:14px}.insight-records th{text-align:left;color:var(--muted);font-weight:700;font-size:12px;padding:12px;border-block:1px solid var(--border);white-space:nowrap}.insight-records td{padding:12px;border-bottom:1px solid var(--border);vertical-align:top}.insight-records td:first-child{min-width:190px;max-width:400px;overflow-wrap:anywhere}.insight-records .pagination{padding:13px;font-size:12px}.insights-filter{position:fixed;left:370px;top:0;margin:0;width:285px;height:100dvh;max-height:100dvh;max-width:calc(100vw - 370px);border:0;border-radius:0;padding:0;background:var(--bg);color:var(--text);box-shadow:3px 0 10px #0001}.insights-filter::backdrop{background:#0006;backdrop-filter:none;left:370px}.insights-filter>header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--border)}.insights-filter h2{font-size:16px;letter-spacing:1.3px;margin:0;font-weight:700}.insights-filter header button{border:0;background:none;padding:0}.insights-filter form{display:flex;flex-direction:column;height:calc(100dvh - 70px);min-height:0}.insights-filter-scroll{padding:28px 31px 15px;overflow:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:12px}.insights-filter-scroll>label,.insight-appointment>label,.insight-custom-dates>label{display:flex;flex-direction:column;gap:5px;font-size:14px;color:var(--muted)}.insights-filter-scroll select,.insights-filter-scroll input:not([type=checkbox]):not([type=radio]){width:100%;height:34px;min-height:34px;background:var(--surface);border:1px solid #ccc;border-radius:5px;padding:5px 7px;line-height:normal;font-size:14px;color:var(--text)}.insight-date-mode{display:flex;gap:17px;font-size:13px}.insight-date-mode>label{display:flex;align-items:center;gap:4px}.insight-date-mode input{margin:0;accent-color:#4b9bcb}.insight-filter-choices,.insight-appointment{border:1px solid #ccc;background:var(--surface);border-radius:5px;font-size:14px;padding:0 7px;flex-shrink:0;min-height:34px}.insight-filter-choices summary,.insight-appointment summary{padding:7px 0;cursor:pointer;color:var(--muted);list-style:none}.insight-filter-choices[open],.insight-appointment[open]{padding-bottom:10px}.insight-filter-choices>label{display:flex;align-items:center;gap:6px;font-size:13px;padding:4px 0}.insight-filter-choices input[type=checkbox]{margin:0;width:15px;height:15px;accent-color:#4b9bcb}.insight-custom-dates{display:flex;flex-direction:column;gap:8px}.insight-custom-dates[hidden]{display:none}.insights-filter-scroll h3{margin:12px 0 0;font-size:16px;color:var(--text)}.insight-filter-help{font-size:11px;line-height:1.5;color:var(--muted);margin:8px 0}.insights-filter form>footer{display:flex;gap:20px;align-items:center;padding:14px 30px;background:var(--surface);border-top:1px solid var(--border);font-size:14px}.insights-filter .form-error{font-size:12px;padding:0 20px;margin:0}.insights-filter form>footer button{padding:7px 16px;font-size:14px}.insight-appointment label{margin:5px 0}
:root[data-theme=dark] .insight-chart-panel,:root[data-theme=dark] .insight-leads-panel{border-color:var(--border)}:root[data-theme=dark] .insight-chart-grid line{stroke:#334854}:root[data-theme=dark] .insight-chart-grid text,:root[data-theme=dark] .analytics-content h3{fill:var(--muted);color:var(--muted)}:root[data-theme=dark] .insight-breakdown-row small{color:#8fa1ac}:root[data-theme=dark] .insight-donut-track{stroke:#344b59}:root[data-theme=dark] .insights-filter-scroll select,:root[data-theme=dark] .insights-filter-scroll input,:root[data-theme=dark] .insight-filter-choices,:root[data-theme=dark] .insight-appointment{border-color:var(--border)}
@media(max-width:1350px){.insights-shell{grid-template-columns:250px minmax(0,1fr)}.analytics-sidebar>h2{padding:0 25px}.analytics-sidebar nav a{padding:14px 25px;font-size:16px}.analytics-content{padding:15px 23px 30px}.insight-leads-grid{grid-template-columns:minmax(130px,1fr) minmax(210px,1.3fr) minmax(130px,1fr);gap:12px;padding:23px 5px 10px}.insight-breakdown-row{gap:8px}.insight-breakdown-row>strong{min-width:54px;font-size:28px}.insight-breakdown-row>span{padding-left:10px}.insight-breakdown-row b{font-size:15px}.insight-breakdown-row small{font-size:13px}.insight-donut-center strong{font-size:65px}.insight-donut-center span{font-size:14px}.insight-donut-center small{font-size:12px}.insight-tasks-grid{gap:18px}.insights-filter{left:320px;max-width:calc(100vw - 320px)}.insights-filter::backdrop{left:320px}.analytics-business{display:none}.insight-tasks-grid .insight-breakdown-row>strong{min-width:50px}.insight-chart{height:330px}}
@media(max-width:1050px){.insights-shell{grid-template-columns:205px minmax(0,1fr)}.analytics-sidebar nav a{padding:14px 20px;font-size:15px}.analytics-sidebar>h2{padding:0 20px;font-size:15px}.analytics-content{padding:15px}.analytics-header{gap:12px}.analytics-header h1{font-size:14px}.analytics-filter-button{font-size:14px;padding:0 9px}.insight-leads-grid{grid-template-columns:1fr 1fr}.insight-leads-grid>.insight-donut{grid-column:2;grid-row:1}.insight-leads-grid>section:last-child{grid-column:1/3}.insight-leads-grid>section:last-child .insight-breakdown{display:flex;gap:20px;flex-wrap:wrap}.insight-tasks-grid{grid-template-columns:1fr 1fr}.insight-tasks-grid>section:last-child{grid-column:1/3}.insight-tasks-grid>section:last-child .insight-breakdown{display:flex;gap:20px;flex-wrap:wrap}.insight-donut-center strong{font-size:58px}.insight-contacts-grid .insight-donut{width:240px}.insight-chart{height:300px}.insights-filter{left:275px;max-width:calc(100vw - 275px)}.insights-filter::backdrop{left:275px}}
@media(max-width:760px){.insights-shell{display:block}.analytics-sidebar{position:static;height:auto;border-right:0}.analytics-sidebar>h2{height:47px;padding:0 16px;font-size:14px}.analytics-sidebar nav{display:flex;overflow:auto;border-bottom:1px solid var(--border)}.analytics-sidebar nav a{flex-shrink:0;border-bottom:0;border-right:1px solid var(--border);min-height:45px;font-size:13px;padding:10px 14px}.analytics-content{padding:12px}.analytics-header{height:auto;min-height:56px;gap:10px}.analytics-header h1{font-size:13px;letter-spacing:.6px;line-height:1.5;margin-top:8px}.analytics-filter-button{height:34px;font-size:13px;padding:0 7px;gap:4px}.analytics-filter-button .icon{width:15px}.insight-chart-panel{padding:12px 8px}.insight-chart-panel>header{height:42px;align-items:flex-start}.insight-chart-panel>header>h2{font-size:14px;width:50px}.insight-chart-panel>header>span{display:none}.insight-chart-panel nav{gap:12px}.insight-chart-panel nav a{font-size:11px}.insight-chart{height:230px}.insight-chart-grid text{font-size:14px}.insight-chart-line{stroke-width:2}.insight-chart-point{r:5}.insight-chart-panel>footer{padding:4px 3px 0;font-size:10px;gap:10px}.insight-chart-panel>footer small{max-width:130px;text-align:right;font-size:9px}.insight-leads-panel,.insight-contacts-panel,.insight-tasks-panel{padding:12px 10px}.insight-leads-panel>h2,.insight-contacts-panel>h2,.insight-tasks-panel>h2{font-size:14px}.insight-leads-grid{display:flex;flex-direction:column;padding:12px 0;gap:16px}.insight-leads-grid>.insight-donut{order:-1;max-width:270px}.insight-leads-grid>section:last-child .insight-breakdown{display:block}.insight-breakdown-row>strong{font-size:30px;min-width:57px}.insight-breakdown-row b{font-size:16px}.insight-breakdown-row small{font-size:14px}.insight-contacts-grid{display:block;padding-top:12px}.insight-contacts-grid .insight-donut{margin:auto;width:260px}.insight-contacts-grid>section:last-child{padding:15px 0 0}.insight-contact-legend{padding:2px 0 15px}.insight-tasks-grid{display:block;padding-top:12px}.insight-tasks-grid .insight-donut{margin:auto;width:260px}.insight-tasks-grid>section{padding-top:15px}.insight-tasks-grid>section:last-child .insight-breakdown{display:block}.insight-activity-grid{grid-template-columns:1fr;gap:15px}.insight-unavailable{padding:22px}.insights-filter{left:58px;width:285px;max-width:calc(100vw - 58px)}.insights-filter::backdrop{left:58px}.insights-filter>header{height:58px;padding:0 24px}.insights-filter form{height:calc(100dvh - 58px)}.insights-filter-scroll{padding:20px 24px}.insight-donut-center strong{font-size:66px}.insight-records td{font-size:13px}.insight-records>header{font-size:12px}.insight-outcomes{gap:14px}.insight-outcomes strong{font-size:33px}}
.insight-filter-business{border-bottom:1px solid var(--border);padding-bottom:12px;display:flex;flex-direction:column;gap:5px}.insight-filter-business>span{font-size:12px;color:var(--muted)}.insight-filter-business .pipeline-trigger{font-size:14px;padding:3px 0;max-width:100%;justify-content:flex-start}
@media(min-width:1101px){.insight-breakdown-row>strong,.insight-show-all>summary>strong{font-size:36px;min-width:74px}.insight-tasks-grid .insight-breakdown-row>strong{min-width:74px}}

/* Pipeline board: compact Kommo controls and scroll-revealed summary. */
.pipeline-views .icon{width:22px;height:22px;stroke-linecap:butt}
.pipeline-summary-wrap{height:0;flex:0 0 auto;overflow:hidden;transition:height .18s ease}
.pipeline-summary-wrap.summary-open{height:85px}
.pipeline-summary-wrap .pipeline-summary{height:85px;box-sizing:border-box}
.board.scrolled .stage-head{height:40px;min-height:40px;justify-content:center}
.board.scrolled .stage-head p{display:none}
.kommo-lead-card .lead-tags{display:flex;align-items:center;gap:3px;padding:0;min-height:0;flex-wrap:nowrap;font-size:12px;white-space:nowrap;overflow:hidden}
.kommo-lead-card footer{min-height:20px}
.kommo-lead-card .lead-task-status{flex-shrink:0}
.task-late{color:#e56789}
.pipeline-more>div{max-height:75vh;overflow:auto;min-width:210px}
.pipeline-more hr{border:0;border-top:1px solid var(--border);margin:5px 0}
.pipeline-more>div>span{display:block;padding:8px 12px;color:var(--muted);font-size:12px}
.pipeline-minimap{position:absolute;bottom:18px;right:20px;display:flex;gap:3px;padding:6px;border:1px solid var(--border);background:var(--surface);box-shadow:0 2px 8px #0002;z-index:4}
.pipeline-minimap button{width:15px;height:39px;padding:0;border:0;border-top:3px solid var(--map-color);border-radius:0;background:var(--bg)}
.pipeline-minimap button::after{content:'';display:block;height:24px;margin:3px;background:var(--border)}
.pipeline-view{position:relative}
.pipeline-layout-options{display:flex;gap:16px;flex-wrap:wrap;margin:8px 0 20px}.pipeline-layout-options label{display:flex;align-items:center;gap:6px}
@media(max-width:1000px){.pipeline-summary-wrap.summary-open,.pipeline-summary-wrap .pipeline-summary{height:126px}}
@media(prefers-reduced-motion:reduce){.pipeline-summary-wrap{transition:none}}

.pipeline-selection{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 30px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;z-index:5}.pipeline-selection[hidden]{display:none}.pipeline-selection button{border:0;background:transparent;padding:5px;color:var(--text)}
.kommo-lead-card .pipeline-check{position:absolute;left:5px;top:5px;z-index:2;width:15px;height:15px;opacity:0;cursor:pointer}.kommo-lead-card:hover .pipeline-check,.kommo-lead-card:focus-within .pipeline-check,.selecting .pipeline-check,.pipeline-check:checked{opacity:1}.kommo-lead-card:has(.pipeline-check:checked){border-color:#4c8bf5;background:color-mix(in srgb,var(--surface) 94%,#4c8bf5)}.kommo-lead-card:hover .lead-card-top>span,.kommo-lead-card:focus-within .lead-card-top>span,.selecting .lead-card-top>span{padding-left:20px}.pipeline-list .pipeline-check{margin-right:10px;width:15px;height:15px;vertical-align:middle}.lead-last-message{font-size:12px;color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:4px 0}

.board{display:block}.board-track{display:flex;align-items:stretch;gap:10px;width:max-content;min-width:100%;min-height:100%}.board-track .column{flex-shrink:0}.board-track .stage-head{flex-shrink:0}.kommo-lead-card [hidden]{display:none!important}

.pipeline-list{padding:16px}.pipeline-lead-table{background:var(--surface);width:100%;min-width:1400px;border-collapse:collapse;table-layout:fixed}.pipeline-lead-table th{color:var(--muted);font-size:13px;letter-spacing:.6px;text-align:left;height:47px;font-weight:600;background:var(--surface);position:static}.pipeline-lead-table td{height:43px;padding:5px 10px;border-bottom:1px solid var(--border);font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pipeline-lead-table th{padding:10px}.pipeline-lead-table th:nth-child(1){width:210px}.pipeline-lead-table th:nth-child(2){width:190px}.pipeline-lead-table th:nth-child(3){width:650px}.pipeline-lead-table th:nth-child(4){width:240px}.pipeline-lead-table th:nth-child(5){width:110px}.pipeline-lead-table th:nth-child(6){width:220px}.pipeline-lead-table mark{background:var(--stage-color);padding:5px 7px;border-radius:3px;color:#333}.pipeline-list-title{display:flex;align-items:center;gap:6px;min-width:0}.pipeline-list-title>a{overflow:hidden;text-overflow:ellipsis;min-width:100px}.pipeline-list-title .lead-task-status{flex-shrink:0}.pipeline-list-tags{display:flex;gap:3px;margin-left:auto;max-width:45%;overflow:hidden;flex-shrink:0}.pipeline-lead-table td:nth-child(4)>a{color:var(--text);text-decoration:underline}
.kommo-lead-card .lead-tag{flex-shrink:0}.kommo-lead-card .lead-supplier{flex-shrink:0;max-width:100px;overflow:hidden;text-overflow:ellipsis}.pipeline-lead-table th input{width:15px;height:15px;margin-right:10px;vertical-align:middle}
/* Workspace settings and the independent pipeline automation editor. */
body[data-page=settings] .topbar,body[data-page=connections] .topbar,body[data-page=pipeline-edit] .topbar{display:none}body[data-page=settings] #content,body[data-page=connections] #content,body[data-page=pipeline-edit] #content{padding:0;height:100dvh;overflow:hidden}
.workspace-settings{height:100%;display:grid;grid-template-columns:280px minmax(0,1fr);background:var(--bg)}.settings-sidebar{background:var(--surface);border-right:1px solid var(--border);overflow:auto}.settings-sidebar h1{height:70px;margin:0;padding:23px 30px;border-bottom:1px solid var(--border);font-size:16px;letter-spacing:1.7px;font-weight:700;box-sizing:border-box}.settings-sidebar nav a{display:block;min-height:60px;padding:19px 30px;border-bottom:1px solid var(--border);font-size:17px;color:var(--text)}.settings-sidebar nav a.selected{font-weight:700;color:#287fc2}.settings-main{overflow:auto;min-width:0}.settings-header{min-height:70px;display:flex;align-items:center;gap:12px;padding:14px 28px;background:var(--bg);box-sizing:border-box}.settings-header h2{font-size:21px;font-weight:400;margin:0 auto 0 0}.settings-header button,.settings-header .button{min-height:38px}.settings-paper{background:var(--surface);margin:0 28px 22px;padding:24px 20px;border-radius:3px;box-shadow:0 1px 2px #0001}.settings-paper h3{font-size:20px;font-weight:400;margin:0 0 12px}.settings-paper p{font-size:15px;line-height:1.5;color:var(--muted);margin:10px 0 20px}.settings-paper fieldset{border:0;display:grid;grid-template-columns:160px minmax(150px,320px);gap:16px 20px;padding:0;margin:20px 0}.settings-paper fieldset>label{display:contents;font-size:15px}.settings-paper input[readonly]{background:var(--soft);color:var(--muted)}.settings-paper .button{display:inline-flex}.settings-main [hidden]{display:none!important}.integration-search{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.integration-search label{display:flex;flex:1;align-items:center;gap:8px;min-width:100px;font-size:24px;color:var(--muted)}.integration-search input{border:0;background:transparent;font-size:17px;box-shadow:none;padding:5px}.integration-search>.button,.integration-search>button{font-size:12px;white-space:nowrap}.integration-banner{min-height:250px;background:linear-gradient(115deg,#223d53,#4c6796);margin:24px 28px 30px;border-radius:5px;color:#fff;display:flex;align-items:center;padding:32px;gap:30px;box-shadow:0 4px 14px #0001}.integration-banner small{color:#ccdfed;font-size:12px;letter-spacing:1px}.integration-banner h2{font-size:34px;font-weight:600;margin:12px 0}.integration-banner p{font-size:16px;line-height:1.5;max-width:440px;color:#dbe7f1}.integration-banner a{display:inline-block;color:#27455e;background:#fff;border-radius:4px;padding:11px 18px;font-weight:600;margin-top:10px}.integration-banner-symbols{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-left:auto}.integration-banner-symbols .icon{width:56px;height:56px;background:#ffffff13;padding:18px;box-sizing:content-box;border-radius:12px;stroke-width:1.2}.integration-catalog{background:var(--surface);padding:28px 34px;min-height:40vh}.integration-categories{display:flex;align-items:center;gap:0;flex-wrap:wrap;margin-bottom:30px}.integration-categories button{color:#528de6;border:1px solid #528de6;border-radius:0;background:transparent;font-size:15px;padding:9px 15px;margin-left:-1px}.integration-categories button:first-child{border-radius:4px 0 0 4px}.integration-categories button.selected{color:#fff;background:#528de6}.integration-categories select{border:0;width:auto;min-width:130px;margin-left:auto;color:#528de6;font-size:14px}.integration-catalog h2{font-size:20px;font-weight:400;margin:0 0 18px}.integration-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:28px 18px}.integration-grid article{min-width:0}.integration-art{display:flex;width:100%;height:105px;border:0;border-radius:5px;align-items:center;justify-content:center;gap:8px;color:#fff;background:var(--integration-color);padding:15px}.integration-art>span{font-size:38px}.integration-art>strong{font-size:18px;line-height:1.1}.integration-grid h3{font-size:16px;margin:14px 0 7px}.integration-grid p{font-size:13px;color:var(--muted);min-height:35px;overflow-wrap:anywhere}.integration-status{font-size:13px;padding:8px 10px;background:var(--surface);border:1px solid var(--border);color:var(--text)}.settings-connections{padding:28px}.settings-connections .heading h1{font-size:24px}.settings-connections .panel{margin-bottom:18px}.security-checks>div{display:flex;gap:20px;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--border)}.security-checks{margin-bottom:30px}.security-checks span{color:var(--green);font-size:14px}.settings-table{width:100%;border-collapse:collapse;background:var(--surface)}.settings-table th{background:var(--surface);position:static;color:var(--muted);font-size:12px;letter-spacing:.6px;font-weight:600}.settings-table td,.settings-table th{padding:14px 12px;border-bottom:1px solid var(--border);text-align:left}.settings-table td{font-size:15px}.settings-table button{padding:0;border:0;background:transparent;color:var(--link);text-align:left}.settings-users>input{margin-bottom:20px;width:320px}.settings-template-toolbar{display:flex;gap:20px;align-items:center;padding:15px 28px;background:var(--surface);border-bottom:1px solid var(--border)}.settings-template-toolbar input{max-width:300px;border:0}.settings-template-toolbar span{margin-left:auto;color:var(--muted)}.settings-template-table{min-width:800px}.settings-template-body{max-width:350px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.pipeline-editor{height:100%;display:flex;flex-direction:column;min-width:0;background:var(--bg)}.pipeline-editor-header{height:70px;flex-shrink:0;display:flex;align-items:center;gap:16px;background:var(--surface);border-bottom:1px solid var(--border);padding-right:30px}.pipeline-editor-header>div{width:345px;flex-shrink:0;align-self:stretch;display:flex;align-items:center;padding:0 30px;border-right:1px solid var(--border)}.pipeline-editor-header .pipeline-trigger{width:100%;justify-content:space-between}.pipeline-editor-dirty{margin-right:auto;font-size:12px;color:var(--muted)}.pipeline-editor-header>button{min-height:38px}.pipeline-editor-body{display:flex;flex:1;min-height:0;overflow:hidden}.pipeline-source-panel{width:345px;flex-shrink:0;padding:28px 30px;overflow:auto;border-right:1px solid var(--border)}.pipeline-source-panel h2{font-size:14px;letter-spacing:.8px;margin:0 0 20px}.pipeline-source-panel article{padding:16px;border:1px solid #ccc;margin:0 0 18px}.pipeline-source-panel h3{font-size:17px;font-weight:400;margin:0 0 8px}.pipeline-source-panel p{font-size:14px;color:var(--muted);line-height:1.3}.pipeline-source-panel article a{color:var(--link);font-size:14px;text-decoration:underline}.settings-state{color:var(--green);font-size:12px}.pipeline-source-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--surface);box-shadow:0 2px 4px #0001;margin-bottom:10px;border-radius:3px;min-height:66px}.pipeline-source-card .icon{width:35px;height:35px;stroke-width:1;flex-shrink:0}.pipeline-source-card span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;text-decoration:underline}.pipeline-source-card small{display:block;color:var(--muted);font-size:12px;text-decoration:none;margin-top:4px}.pipeline-source-panel>.button{margin-top:5px;font-weight:600}.pipeline-archived{margin:25px 0}.pipeline-archived>div{display:flex;gap:10px;align-items:center;margin:10px 0}.pipeline-archived button{font-size:12px}.pipeline-editor-scroll{flex:1;min-width:0;overflow:auto;background:var(--surface)}.pipeline-editor-track{display:flex;min-width:100%;width:max-content;min-height:100%;background:repeating-linear-gradient(to bottom,transparent 0,transparent 139px,var(--border) 139px,var(--border) 140px)}.pipeline-edit-stage{width:330px;flex-shrink:0;min-height:700px;border-right:1px solid var(--border);position:relative}.pipeline-edit-stage>header{display:flex;align-items:center;gap:4px;border-bottom:4px solid var(--stage-color);height:38px;background:var(--bg);position:relative;z-index:2;padding:0 10px}.stage-name-input{background:transparent!important;outline:0;border:0!important;box-shadow:none!important;text-align:center;text-transform:uppercase;font-size:14px!important;font-weight:700;letter-spacing:.5px;width:100%;padding:3px!important;min-width:0}.stage-grip{font-size:20px;color:#bbb;background:transparent;border:0;padding:0;cursor:grab}.stage-delete{padding:0;border:0;background:none;color:#df8282;font-size:17px;opacity:0}.pipeline-edit-stage:hover .stage-delete,.pipeline-edit-stage:focus-within .stage-delete{opacity:1}.stage-color-picker{height:18px;width:18px;flex-shrink:0;display:block}.stage-color-picker input{width:18px;height:18px;border:0;padding:0;background:transparent;cursor:pointer}.stage-insert{position:absolute;right:-14px;bottom:-18px;width:28px;height:28px;padding:0;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--muted);font-size:25px;z-index:3}.pipeline-edit-hint{background:var(--bg);min-height:48px;display:flex;align-items:center;justify-content:center}.pipeline-edit-hint button{border:0;background:none;font-size:15px;color:var(--muted);text-decoration:underline;max-width:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.stage-automation-tile{display:flex;gap:10px;text-align:left;width:100%;border:0;border-radius:0;min-height:110px;padding:17px 10px;background:#f0fbed;color:#7a918c;font-size:14px;font-weight:400;line-height:1.35}.automation-check{border:2px solid #81c5ae;border-radius:50%;color:#81c5ae;font-size:25px;line-height:29px;width:30px;height:30px;flex-shrink:0;text-align:center}.stage-automation-tile strong{display:block;margin:3px 0;color:#667d74}.stage-automation-tile small{display:block;font-size:12px;margin-top:8px}.automation-add{height:110px;background:transparent;border:1px dashed var(--border);border-radius:0;width:100%;color:var(--muted);font-weight:400}.stage-automation-area{min-height:200px}.pipeline-outcome{text-align:center;padding:30px 15px;color:var(--muted);font-size:13px}.pipeline-edit-stage>footer{display:flex;align-items:center;padding:10px;gap:8px;background:var(--surface);border-block:1px solid var(--border);font-size:12px;color:var(--muted)}.pipeline-edit-stage>footer select{width:115px;padding:4px;font-size:12px;border:0;margin-left:auto}.pipeline-edit-stage>footer button{padding:4px 6px;background:none;border:0}.pipeline-add-stage{width:200px;align-self:flex-start;margin:12px;font-size:14px;white-space:nowrap}.editor-drop{outline:2px dashed var(--accent);outline-offset:-3px}.pipeline-source-panel>.muted{font-size:12px;margin-top:30px;line-height:1.5}
:root[data-theme=dark] .stage-automation-tile{background:#243e35;color:#a6c5b4}:root[data-theme=dark] .stage-automation-tile strong{color:#c1ddcd}:root[data-theme=dark] .pipeline-source-panel article{border-color:var(--border)}
@media(max-width:1050px){.workspace-settings{grid-template-columns:220px minmax(0,1fr)}.settings-sidebar nav a{padding:18px 22px;font-size:15px}.settings-sidebar h1{padding-left:22px}.integration-banner-symbols{display:none}.integration-search{flex-wrap:wrap}.settings-paper{margin-inline:18px}.settings-header{padding-inline:18px}.pipeline-source-panel,.pipeline-editor-header>div{width:280px;padding-inline:20px}}
@media(max-width:700px){.workspace-settings{grid-template-columns:155px minmax(0,1fr)}.settings-sidebar nav a{padding:16px 12px;font-size:13px;min-height:54px}.settings-sidebar h1{font-size:13px;padding-left:12px}.integration-banner{margin:18px;padding:20px;min-height:190px}.integration-banner h2{font-size:25px}.integration-catalog{padding:18px}.integration-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.settings-paper fieldset{display:flex;flex-direction:column}.settings-paper fieldset>label{display:flex}.settings-header h2{font-size:18px}.security-checks>div{flex-direction:column;gap:6px}.pipeline-source-panel,.pipeline-editor-header>div{width:220px;padding-inline:15px}.pipeline-editor-header{padding-right:12px;gap:10px}.pipeline-editor-dirty{display:none}.pipeline-editor-header>button:first-of-type{margin-left:auto}.pipeline-edit-stage{width:300px}}
.stage-delete .icon{width:15px;height:15px;stroke-width:1.5}

.source-history{max-width:1100px;margin:20px}.source-history-item{border-top:1px solid var(--border,#ddd);padding:18px 0}.source-history-item header{display:flex;justify-content:space-between;gap:16px}.source-history-item p{white-space:pre-wrap;overflow-wrap:anywhere}.source-history pre{max-height:450px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.source-history details{margin-top:12px}

.source-related{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.lead-imported-history{margin:14px 20px;font-size:13px}.source-history-item header strong{overflow-wrap:anywhere;min-width:0}

.source-migration-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.source-migration-counts article{display:grid;gap:5px;padding:16px;background:var(--soft);border:1px solid var(--border);border-radius:4px}.source-migration-counts span{color:var(--muted);font-size:13px}.source-migration-counts strong{font-size:29px;font-weight:400}.source-export-limit{margin-top:16px}.source-export-notes{margin:12px 0 20px}.source-export-notes summary{cursor:pointer;color:var(--link)}.source-export-notes li{margin:8px 0}@media(max-width:650px){.source-migration-counts{grid-template-columns:repeat(2,minmax(0,1fr))}}