:root{--red:#e52624;--red-dark:#c71e1c;--ink:#232323;--muted:#6b7178;--paper:#f5f5f5;--line:#e6e8ea;--white:#fff;--green:#16845b;--amber:#b87300;--blue:#3167c7;--shadow:0 16px 44px rgba(25,31,38,.08);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Gilroy",Inter,Arial,sans-serif;color:var(--ink);background:#f3f4f5;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;background:#1f2124;color:#fff;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:3px 8px 24px;font-size:19px;font-weight:800;letter-spacing:-.3px}.brand-mark{width:10px;height:25px;background:var(--red);transform:skew(-15deg);display:inline-block}.nav{display:grid;gap:5px}.nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:10px;color:#cfd2d5;font-weight:600}.nav a:hover{background:#292c30;color:#fff}.nav a.active{background:#fff;color:#202225}.nav svg{width:18px;height:18px}.side-section{margin:23px 10px 8px;color:#777e85;font-size:10px;font-weight:800;letter-spacing:1.3px}.source-pill{display:flex;align-items:center;gap:8px;margin:2px 8px;padding:7px 4px;color:#cfd2d5;font-size:12px}.source-dot{width:8px;height:8px;border-radius:50%;background:var(--red)}.source-dot.dark{background:#fff}.sidebar-bottom{margin-top:auto;border-top:1px solid #36393d;padding-top:14px}.userbox{padding:9px 8px;color:#d6d9dc}.userbox strong{display:block;color:#fff}.userbox small{color:#8f969d}.content{min-width:0}.topbar{height:70px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,255,255,.92);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.topbar-left{display:flex;align-items:center;gap:13px}.mobile-menu{display:none}.top-title{font-weight:800;font-size:16px}.top-actions{display:flex;align-items:center;gap:10px}.main{padding:28px 32px 50px;max-width:1680px;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.page-head .eyebrow,.eyebrow{display:block;color:var(--red);font-size:10px;font-weight:800;letter-spacing:1.4px;margin-bottom:6px}.page-head h1{margin:0;font-size:34px;line-height:1.06;letter-spacing:-1.1px}.page-head p{margin:7px 0 0;color:var(--muted);max-width:720px}.btn{appearance:none;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;min-height:42px;padding:9px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:750;cursor:pointer;transition:.18s}.btn:hover{border-color:#cfd3d7;background:#fafafa}.btn-primary{background:var(--red);border-color:var(--red);color:#fff}.btn-primary:hover{background:var(--red-dark);border-color:var(--red-dark)}.btn-dark{background:var(--ink);border-color:var(--ink);color:#fff}.btn-danger{color:#b32726;border-color:#efcaca;background:#fff}.btn-small{min-height:34px;padding:6px 10px;font-size:12px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 0 rgba(0,0,0,.015)}.card-pad{padding:20px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.stat{padding:18px 19px;background:#fff;border:1px solid var(--line);border-radius:16px}.stat span{display:block;color:var(--muted);font-size:11px;font-weight:700;margin-bottom:8px}.stat strong{font-size:27px;letter-spacing:-.7px}.stat small{display:block;margin-top:5px;color:#91979d}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.section-title h2{margin:0;font-size:18px}.section-title p{margin:3px 0 0;color:var(--muted);font-size:12px}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:12px;margin-bottom:14px;background:#fff;border:1px solid var(--line);border-radius:14px}.toolbar input,.toolbar select{min-height:38px;margin:0}.toolbar .grow{flex:1;min-width:220px}.field,input,select,textarea{width:100%;border:1px solid #dfe2e5;border-radius:10px;background:#fff;min-height:44px;padding:10px 12px;color:var(--ink);outline:none}textarea{min-height:110px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(229,38,36,.10)}label{display:grid;gap:6px;color:#363b40;font-size:12px;font-weight:700}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:16px}table{width:100%;border-collapse:collapse;min-width:860px}th,td{padding:13px 14px;border-bottom:1px solid #eef0f1;text-align:left;vertical-align:middle}th{background:#fafafa;color:#747b82;font-size:10px;text-transform:uppercase;letter-spacing:.65px;font-weight:800;position:sticky;top:0}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfcfc}.cell-title{font-weight:750}.cell-sub{display:block;margin-top:3px;color:var(--muted);font-size:11px}.badge{display:inline-flex;align-items:center;min-height:25px;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap;background:#eff1f2;color:#50565b}.badge-red{background:#fff0f0;color:#c92523}.badge-dark{background:#25282c;color:#fff}.badge-green{background:#eaf7f1;color:#137451}.badge-amber{background:#fff5df;color:#956000}.badge-blue{background:#edf3ff;color:#315da8}.badge-muted{background:#f0f1f2;color:#6a7076}.empty{padding:36px;text-align:center;color:var(--muted)}.split{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:16px}.detail-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px;border-bottom:1px solid var(--line)}.detail-title h2{margin:0 0 5px;font-size:22px}.detail-body{padding:20px}.kv{display:grid;grid-template-columns:150px 1fr;gap:10px 16px;font-size:13px}.kv dt{color:var(--muted)}.kv dd{margin:0;font-weight:600}.comments{display:grid;gap:10px}.comment{padding:12px 14px;background:var(--paper);border-radius:12px}.comment small{display:block;color:var(--muted);margin-top:4px}.activity{display:grid;gap:10px}.activity-item{display:grid;grid-template-columns:8px 1fr;gap:10px}.activity-dot{width:8px;height:8px;border-radius:50%;background:#d2d6da;margin-top:6px}.activity-item strong{font-size:12px}.activity-item small{display:block;color:var(--muted)}.kanban-shell{overflow-x:auto;padding-bottom:8px}.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(275px,1fr);gap:12px;min-width:max-content}.lane{width:300px;background:#eceeef;border-radius:16px;padding:10px;min-height:520px}.lane-head{display:flex;align-items:center;justify-content:space-between;padding:5px 5px 10px}.lane-head strong{font-size:12px}.lane-head span{color:var(--muted);font-size:11px}.deal-card{background:#fff;border:1px solid #e2e5e7;border-radius:13px;padding:13px;margin-bottom:9px;box-shadow:0 4px 12px rgba(25,31,38,.04);cursor:grab}.deal-card.dragging{opacity:.45}.deal-card h3{margin:0 0 8px;font-size:14px}.deal-card .meta{display:grid;gap:4px;color:#656c73;font-size:11px}.deal-card .amount{margin-top:10px;font-size:16px;font-weight:850}.deal-card.overdue{border-color:#efc1bf}.lane.drop-target{outline:2px dashed var(--red);outline-offset:-4px}.bar-list{display:grid;gap:12px}.bar-row{display:grid;grid-template-columns:160px 1fr 80px;gap:12px;align-items:center}.bar{height:8px;background:#eef0f1;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:var(--red);border-radius:999px}.attachment{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;margin-top:8px}.attachment strong{font-size:12px}.attachment small{display:block;color:var(--muted)}.flash{padding:12px 15px;border-radius:12px;margin-bottom:14px;font-weight:650}.flash-success{background:#eaf7f1;color:#176f51}.flash-error{background:#fff0f0;color:#9e2827}.login-body,.install-body{min-height:100vh;background:#efefef;display:grid;place-items:center;padding:20px}.login-shell,.install-shell{width:min(720px,100%)}.login-card,.install-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:var(--shadow)}.login-card{width:min(430px,100%);margin:auto}.login-card h1,.install-card h1{font-size:36px;line-height:1.05;margin:0 0 10px;letter-spacing:-1px}.login-card p,.install-card>p{color:var(--muted);margin:0 0 24px}.install-brand{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:16px}.install-form{display:grid;gap:20px}.form-section{display:grid;gap:13px;padding-top:4px}.form-section h2{margin:0;font-size:17px}.alert{padding:11px 13px;border-radius:10px;margin:10px 0}.alert-error{background:#fff0f0;color:#9e2827}.source-card{padding:18px}.source-secret{display:flex;gap:8px;align-items:center}.source-secret input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.muted{color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:8px}.tabs{display:flex;gap:6px;padding:5px;background:#eceeef;border-radius:11px;width:max-content}.tabs a{padding:7px 11px;border-radius:8px;font-size:12px;font-weight:750}.tabs a.active{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08)}.danger-zone{border-color:#f0c6c4}.danger-zone .section-title h2{color:#a12a29}
@media(max-width:1050px){.app{grid-template-columns:78px minmax(0,1fr)}.sidebar{padding-inline:10px}.brand strong,.nav span,.side-section,.source-pill span,.userbox strong,.userbox small{display:none}.brand{justify-content:center}.nav a{justify-content:center}.source-pill{justify-content:center}.stats{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.main{padding:24px}.topbar{padding:0 24px}}
@media(max-width:720px){.app{display:block}.sidebar{position:fixed;z-index:50;left:-270px;width:250px;transition:left .2s}.sidebar.open{left:0}.brand strong,.nav span,.side-section,.source-pill span,.userbox strong,.userbox small{display:initial}.nav a{justify-content:flex-start}.source-pill{justify-content:flex-start}.mobile-menu{display:inline-flex}.main{padding:18px 14px 40px}.topbar{height:62px;padding:0 14px}.stats{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:14px}.stat strong{font-size:22px}.page-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:29px}.grid-2,.grid-3{grid-template-columns:1fr}.toolbar{align-items:stretch}.toolbar>*{width:100%}.bar-row{grid-template-columns:110px 1fr 55px}.login-card,.install-card{padding:24px}.lane{width:276px}}

/* 1.1.0 — Yandex Metrica + CRM analytics */
.analytics-filter{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.analytics-filter select,.analytics-filter input{width:auto;min-width:130px;min-height:40px}.analytics-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:-4px 0 18px}.metric-strip>div{background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px 14px}.metric-strip span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.5px;font-weight:800}.metric-strip b{display:block;margin-top:5px;font-size:16px}.analytics-grid{align-items:stretch}.traffic-chart{height:220px;display:flex;align-items:flex-end;gap:5px;padding:12px 2px 0;border-bottom:1px solid #eceeef;overflow-x:auto}.traffic-day{height:100%;min-width:16px;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.traffic-day i{display:block;width:min(18px,75%);min-height:4px;background:var(--red);border-radius:5px 5px 2px 2px;transition:.18s}.traffic-day:hover i{background:var(--red-dark)}.traffic-day span{font-size:9px;color:#8a9198;white-space:nowrap;transform:rotate(-45deg);transform-origin:center;margin-bottom:-16px}.traffic-chart{padding-bottom:24px}.empty.compact{padding:22px 8px}.analytics-table{min-width:920px}.funnel-list{display:grid;gap:9px}.funnel-list>div{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--paper);border-radius:11px}.funnel-list span{color:var(--muted);font-size:12px}.funnel-list b{font-size:16px}.analytics-connect{border-color:#dfe4e8}.analytics-source-map{padding:15px;border:1px solid var(--line);border-radius:14px;background:#fafbfb;display:grid;gap:12px}.analytics-source-map .section-title{margin-bottom:0}.analytics-source-map h2{font-size:15px}.analytics-source-map label{margin-top:0}.analytics-actions{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.analytics-actions form{margin:0}.alert{padding:11px 13px;border-radius:10px;margin:10px 0}.alert-error{background:#fff0f0;color:#9e2827}
@media(max-width:1200px){.metric-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.analytics-filter{width:100%}.analytics-filter>*{width:100%!important}.analytics-stats{grid-template-columns:1fr 1fr}.metric-strip{grid-template-columns:1fr 1fr}.traffic-chart{height:190px}.traffic-day{min-width:14px}.analytics-actions{align-items:stretch}.analytics-actions form,.analytics-actions button{width:100%}}

.crm-version{padding:0 8px 4px;color:#707780;font-size:11px;letter-spacing:.04em}


/* 1.2.0 — Analytics dashboard */
.analytics-head{margin-bottom:18px}.analytics-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:12px}.analytics-kpis .stat{min-height:128px}.analytics-kpis .stat-feature{border-color:#efbdbc;background:linear-gradient(180deg,#fff 0%,#fffafa 100%)}.delta{font-weight:700}.delta.up{color:#1c7b59}.delta.down{color:#b23a38}.metric-strip-compact{grid-template-columns:repeat(5,minmax(0,1fr));margin:0 0 16px}.analytics-traffic-card{margin-top:0}.traffic-chart-rich{height:260px;gap:7px;padding-top:24px}.traffic-chart-rich .traffic-day{position:relative;min-width:19px}.traffic-lead{height:18px;font-size:10px;font-weight:850;color:var(--red);line-height:18px}.chart-legend{display:flex;gap:18px;margin-top:10px;color:var(--muted);font-size:11px}.chart-legend span{display:inline-flex;align-items:center;gap:6px}.chart-legend i{display:inline-block;width:11px;height:11px;border-radius:3px}.legend-visits{background:var(--red)}.legend-leads{border:2px solid var(--red);background:#fff}.analytics-site-table{border:0}.site-cell{display:grid;gap:5px}.site-cell small{color:var(--muted);font-size:10px}.analytics-mid{align-items:stretch}.funnel-pro{display:grid;gap:15px}.funnel-step>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.funnel-step span{font-size:12px;color:#565e65}.funnel-step b{font-size:15px}.funnel-track{height:11px;background:#eef0f1;border-radius:999px;overflow:hidden}.funnel-track i{display:block;height:100%;background:linear-gradient(90deg,var(--red),#f04b49);border-radius:999px}.funnel-step small{display:block;margin-top:5px;color:#949aa0;font-size:10px}.funnel-foot{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.funnel-foot span{padding:8px 10px;background:var(--paper);border-radius:9px;color:var(--muted);font-size:11px}.funnel-foot b{color:var(--ink)}.bar-list-compact .bar-row{grid-template-columns:145px 1fr 70px}.analytics-breakdowns{align-items:stretch}.rank-list{display:grid}.rank-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid #eef0f1}.rank-row:last-child{border-bottom:0}.rank-no{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#f0f1f2;color:#70777d;font-size:10px;font-weight:800}.rank-main{min-width:0}.rank-main strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.rank-main small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.rank-row>b{font-size:11px;white-space:nowrap}.stage-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.stage-box{padding:12px;background:var(--paper);border-radius:11px;min-width:0}.stage-box span{display:block;color:var(--muted);font-size:10px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-box strong{display:block;font-size:22px;margin:5px 0 2px}.stage-box small{display:block;color:#7c8389;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics-settings{padding:0;overflow:hidden}.analytics-settings>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px}.analytics-settings>summary::-webkit-details-marker{display:none}.analytics-settings>summary>div{display:grid;gap:2px}.analytics-settings>summary strong{font-size:16px}.analytics-settings>summary small{color:var(--muted);font-size:11px}.analytics-settings-body{padding:0 20px 20px;border-top:1px solid var(--line);padding-top:18px}
@media(max-width:1350px){.analytics-kpis{grid-template-columns:repeat(3,1fr)}.stage-strip{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1050px){.analytics-breakdowns{grid-template-columns:1fr}.metric-strip-compact{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.analytics-kpis{grid-template-columns:1fr 1fr}.analytics-kpis .stat{min-height:105px}.metric-strip-compact{grid-template-columns:1fr 1fr}.traffic-chart-rich{height:210px}.stage-strip{grid-template-columns:1fr 1fr}.bar-list-compact .bar-row{grid-template-columns:105px 1fr 55px}.analytics-settings>summary{align-items:flex-start}.analytics-settings>summary>.badge{flex-shrink:0}}


/* 1.2.1 — global dropdowns, arrows, source links */
select{-webkit-appearance:none;appearance:none;padding-right:42px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1.5 1.75 7 7.25l5.5-5.5' stroke='%23232323' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:14px 9px}
.rk-native-select{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;opacity:0!important;pointer-events:none!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;overflow:hidden!important}
.rk-select{position:relative;width:100%;min-width:0}
.rk-select__trigger{width:100%;min-height:44px;padding:10px 42px 10px 12px;border:1px solid #dfe2e5;border-radius:10px;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:flex-start;text-align:left;font:inherit;font-weight:600;cursor:pointer;position:relative;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}
.rk-select__trigger:hover{border-color:#cfd4d8;background:#fff}.rk-select.open .rk-select__trigger,.rk-select__trigger:focus-visible{border-color:var(--red);box-shadow:0 0 0 3px rgba(229,38,36,.10)}
.rk-select__trigger::after{content:"";position:absolute;right:14px;top:50%;width:14px;height:9px;transform:translateY(-50%);background:center/14px 9px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1.5 1.75 7 7.25l5.5-5.5' stroke='%23232323' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");transition:transform .18s ease}.rk-select.open .rk-select__trigger::after{transform:translateY(-50%) rotate(180deg)}
.rk-select__value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rk-select__menu{position:absolute;z-index:1200;top:calc(100% + 7px);left:0;right:0;min-width:max(100%,190px);max-height:300px;overflow:auto;padding:6px;background:#fff;border:1px solid #e0e3e6;border-radius:12px;box-shadow:0 18px 42px rgba(20,27,35,.15);opacity:0;visibility:hidden;transform:translateY(-4px) scale(.985);transform-origin:top;transition:opacity .14s ease,transform .14s ease,visibility .14s ease}
.rk-select.open .rk-select__menu{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.rk-select__option{position:relative;width:100%;min-height:38px;padding:9px 34px 9px 10px;border:0;border-radius:8px;background:transparent;color:#33393f;text-align:left;font:inherit;font-size:12px;font-weight:600;cursor:pointer;display:block;white-space:normal;line-height:1.35}.rk-select__option:hover,.rk-select__option.is-focused{background:#f4f5f6;color:#171a1d}.rk-select__option.is-selected{background:#fff2f2;color:#bf2624}.rk-select__option.is-selected::after{content:"";position:absolute;right:11px;top:50%;width:12px;height:9px;transform:translateY(-55%);border-left:2px solid var(--red);border-bottom:2px solid var(--red);rotate:-45deg}.rk-select__option:disabled{opacity:.45;cursor:not-allowed}
.toolbar .rk-select{width:auto;min-width:155px}.toolbar .rk-select__trigger{min-height:38px;padding-block:8px}.analytics-filter .rk-select{width:auto;min-width:132px}.analytics-filter .rk-select__trigger{min-height:40px;padding-block:8px}label>.rk-select{margin-top:0}
.source-pill.source-link{border-radius:9px;transition:background-color .16s ease,color .16s ease}.source-pill.source-link:hover{background:#292c30;color:#fff}.source-link-icon{width:13px;height:13px;margin-left:auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.58;transition:opacity .16s ease,transform .16s ease}.source-pill.source-link:hover .source-link-icon{opacity:1;transform:translate(1px,-1px)}
.analytics-settings>summary{position:relative;padding-right:46px}.analytics-settings>summary::after{content:"";position:absolute;right:20px;top:50%;width:14px;height:9px;transform:translateY(-50%);background:center/14px 9px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1.5 1.75 7 7.25l5.5-5.5' stroke='%23232323' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");transition:transform .18s ease}.analytics-settings[open]>summary::after{transform:translateY(-50%) rotate(180deg)}
@media(max-width:720px){.toolbar .rk-select,.analytics-filter .rk-select{width:100%;min-width:0}.rk-select__menu{position:fixed;left:14px;right:14px;top:auto;bottom:14px;max-height:min(55vh,420px);border-radius:16px;padding:8px;transform:translateY(12px) scale(.99);box-shadow:0 24px 70px rgba(15,20,25,.28)}.rk-select.open .rk-select__menu{transform:translateY(0) scale(1)}.rk-select__option{min-height:44px;padding:11px 38px 11px 12px;font-size:13px}}


/* 1.2.2 — dropdown overlay fix + clean source links */
html,body{max-width:100%;overflow-x:hidden}
.rk-select{position:relative;min-width:0}
.rk-select__menu{
  position:fixed!important;
  z-index:5000!important;
  left:0;top:0;right:auto!important;bottom:auto!important;
  min-width:0!important;max-width:calc(100vw - 20px);
  max-height:min(320px,calc(100vh - 24px));
  overflow:auto;
  padding:6px;
  background:#fff;
  border:1px solid #e0e3e6;
  border-radius:12px;
  box-shadow:0 18px 42px rgba(20,27,35,.16);
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translateY(-4px) scale(.985);
  transform-origin:top;
  transition:opacity .14s ease,transform .14s ease,visibility .14s ease;
}
.rk-select__menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
.rk-select__menu.open-up{transform-origin:bottom}
.source-pill.source-link{background:transparent!important;border-radius:0;transition:color .16s ease}
.source-pill.source-link:hover{background:transparent!important;color:#fff}
.source-pill.source-link span{text-decoration:none;text-underline-offset:3px;text-decoration-thickness:1px}
.source-pill.source-link:hover span{text-decoration:underline}
.source-link-icon{display:none!important}
@media(max-width:720px){
  .rk-select__menu{left:10px!important;right:10px!important;width:auto!important;top:auto!important;bottom:10px!important;max-width:none;max-height:min(55vh,420px);border-radius:16px;padding:8px;transform:translateY(12px) scale(.99)}
  .rk-select__menu.open{transform:translateY(0) scale(1)}
}


/* 1.2.3 — Global UI polish + mobile redesign */
:root{
  --surface:#ffffff;
  --surface-soft:#f7f8f9;
  --line-strong:#d9dde1;
  --shadow-soft:0 8px 28px rgba(26,31,38,.055);
  --shadow-float:0 18px 48px rgba(22,28,35,.12);
}
body{background:#f4f5f6;color:#202326;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.content{background:linear-gradient(180deg,#f7f8f9 0,#f3f4f5 220px)}
.sidebar{box-shadow:1px 0 0 rgba(255,255,255,.035);z-index:60}
.brand{letter-spacing:-.45px}.brand-mark{box-shadow:0 0 0 1px rgba(255,255,255,.04)}
.nav a{position:relative;transition:background-color .16s ease,color .16s ease,transform .16s ease}
.nav a:hover{transform:translateX(1px)}
.nav a.active::before{content:"";position:absolute;left:-7px;top:50%;width:3px;height:20px;border-radius:5px;background:var(--red);transform:translateY(-50%)}
.source-pill{transition:color .16s ease}.source-pill.source-link:hover{transform:none}
.topbar{height:68px;border-bottom-color:#e7e9eb;box-shadow:0 1px 0 rgba(0,0,0,.015)}
.top-title{letter-spacing:-.2px}.mobile-label{display:none}
.main{padding-top:30px}
.page-head{margin-bottom:24px}.page-head h1{font-size:36px;letter-spacing:-1.35px}.page-head p{font-size:13px;line-height:1.55}
.btn{border-color:#dfe3e6;box-shadow:0 1px 0 rgba(0,0,0,.015);transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.btn:hover{box-shadow:0 5px 16px rgba(26,31,38,.07);transform:translateY(-1px)}
.btn:active{transform:translateY(0);box-shadow:none}
.btn-primary{box-shadow:0 7px 18px rgba(229,38,36,.16)}
.card,.stat,.table-wrap,.toolbar{border-color:#e3e6e8;box-shadow:var(--shadow-soft)}
.card{transition:border-color .16s ease,box-shadow .16s ease}.card:hover{border-color:#dde1e4}
.stat{position:relative;overflow:hidden;min-height:108px}.stat::after{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:transparent}.stat:hover::after{background:var(--red)}
.stat span{letter-spacing:.35px}.stat strong{font-size:29px}.stat small{font-size:10.5px}
.section-title h2{letter-spacing:-.28px}.section-title p{line-height:1.45}
.toolbar{padding:10px;gap:8px}.toolbar .grow{min-width:240px}
.field,input,select,textarea{border-color:#dce1e5;background:#fff;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
.field:hover,input:hover,textarea:hover{border-color:#cfd5da}
.table-wrap{overflow:auto;scrollbar-width:thin;scrollbar-color:#c7ccd1 transparent}
table{font-size:12.5px}th{background:#f8f9fa;color:#697078;top:0;z-index:2}td{color:#34393e}.cell-title{font-size:13px}.cell-title:hover{color:var(--red)}
tbody tr{transition:background-color .14s ease}tbody tr:hover{background:#fafbfb}
.badge{letter-spacing:.05px}
.attachment{background:#fff;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.attachment:hover{border-color:#d6dbe0;box-shadow:0 5px 18px rgba(26,31,38,.055);transform:translateY(-1px)}
.detail-title{padding:22px}.detail-body{padding:22px}.split{gap:18px}
.comment{border:1px solid #eceeef;background:#fafbfb}.activity-item{padding-bottom:3px}
.tabs{background:#e9ecee;border:1px solid #e1e4e6}.tabs a{transition:.15s}.tabs a:hover{background:#f5f6f7}.tabs a.active{background:#fff;color:#171a1d}
.lane{background:#eceff1;border:1px solid #e2e5e7;min-height:540px}.lane-head{padding:7px 7px 11px}.lane-head strong{font-size:12.5px}.deal-card{transition:box-shadow .16s ease,border-color .16s ease,transform .16s ease}.deal-card:hover{border-color:#d6dade;box-shadow:0 9px 22px rgba(25,31,38,.08);transform:translateY(-1px)}
.deal-card:active{cursor:grabbing}.kanban-shell{scrollbar-width:thin;scrollbar-color:#c9ced3 transparent}
.flash{border:1px solid transparent}.flash-success{border-color:#cfe9dc}.flash-error{border-color:#f1d3d2}
.rk-select__trigger{box-shadow:none!important}.rk-select__trigger:hover{border-color:#cfd5da!important;background:#fff!important}.rk-select.open .rk-select__trigger{border-color:var(--red)!important;box-shadow:0 0 0 3px rgba(229,38,36,.09)!important}
.rk-select__menu{box-shadow:var(--shadow-float)!important}

/* Mobile drawer overlay */
.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(20,24,28,.46);backdrop-filter:blur(2px);z-index:55;opacity:0;transition:opacity .2s ease}
.sidebar-backdrop.show{opacity:1}
body.mobile-nav-open{overflow:hidden}

@media(max-width:1050px) and (min-width:721px){
  .main{padding:24px 22px 44px}
  .page-head h1{font-size:32px}
  .topbar{padding-inline:22px}
}

@media(max-width:720px){
  body{font-size:13px;background:#f3f4f5}
  .app{display:block;min-height:100dvh}
  .content{min-height:100dvh;background:#f4f5f6}
  .sidebar{left:-286px;width:278px;height:100dvh;padding:18px 14px 20px;box-shadow:18px 0 50px rgba(11,15,20,.22);transition:left .22s ease}
  .sidebar.open{left:0}
  .sidebar-backdrop{display:block}
  .brand{padding:4px 10px 18px;font-size:18px}
  .nav{gap:3px}.nav a{min-height:44px;padding:11px 12px;border-radius:11px}.nav a.active::before{left:-5px;height:18px}
  .side-section{margin-top:20px}.source-pill{min-height:38px;margin-inline:10px}
  .sidebar-bottom{padding-top:10px}.userbox{padding:8px 10px}
  .topbar{height:58px;padding:0 12px;gap:8px}.topbar-left{gap:9px;min-width:0}.top-title{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:34vw}
  .mobile-menu{display:inline-flex;width:38px;min-width:38px;height:38px;padding:0;font-size:0;border-radius:11px}
  .mobile-menu::before{content:"";width:18px;height:14px;background:linear-gradient(#232323 0 0) top/18px 1.7px no-repeat,linear-gradient(#232323 0 0) center/18px 1.7px no-repeat,linear-gradient(#232323 0 0) bottom/18px 1.7px no-repeat}
  .top-actions{gap:6px;margin-left:auto}.top-actions .btn{min-height:36px;padding:7px 10px;font-size:11px;border-radius:9px}.desktop-label{display:none}.mobile-label{display:inline}
  .top-action-leads{display:none}
  .main{padding:18px 12px 32px;max-width:none}
  .page-head{gap:14px;margin-bottom:17px}.page-head h1{font-size:28px;letter-spacing:-.8px}.page-head p{font-size:12px;margin-top:5px}.eyebrow,.page-head .eyebrow{font-size:9px;margin-bottom:5px}
  .page-head>.actions,.page-head>.tabs,.page-head>form{width:100%}.page-head>form .rk-select{width:100%}
  .btn{min-height:40px;border-radius:10px}.btn-small{min-height:34px}
  .stats,.analytics-kpis{grid-template-columns:1fr 1fr!important;gap:8px;margin-bottom:12px}.stat,.analytics-kpis .stat{min-height:96px!important;padding:13px 14px;border-radius:14px}.stat span{font-size:9px;margin-bottom:5px}.stat strong{font-size:23px;letter-spacing:-.45px}.stat small{font-size:9px;line-height:1.35}
  .card{border-radius:15px}.card-pad{padding:15px}.grid-2,.grid-3,.analytics-grid,.analytics-mid,.analytics-breakdowns{grid-template-columns:1fr!important;gap:10px}
  .section-title{gap:10px;margin-bottom:12px}.section-title h2{font-size:16px}.section-title p{font-size:10.5px}.section-title .btn{flex-shrink:0}
  .toolbar{display:grid;grid-template-columns:1fr;gap:8px;padding:9px;border-radius:13px;margin-bottom:10px;box-shadow:none}.toolbar>*{width:100%!important}.toolbar .grow{min-width:0}.toolbar .btn{width:100%}
  .field,input,select,textarea{min-height:43px;border-radius:10px;padding:10px 11px}textarea{min-height:96px}
  .tabs{width:100%;display:grid;grid-template-columns:1fr 1fr}.tabs a{text-align:center;padding:8px}
  .split{grid-template-columns:1fr;gap:10px}.detail-title{padding:16px}.detail-title h2{font-size:19px}.detail-body{padding:15px}.kv{grid-template-columns:105px 1fr;gap:8px 10px;font-size:12px}
  .attachment{padding:10px 11px;border-radius:10px;margin-top:7px;align-items:flex-start}.attachment strong{font-size:11.5px}.attachment small{font-size:10px}.attachment .btn{min-height:32px;padding:5px 8px}
  .danger-zone{margin-top:10px!important}

  /* Tables become readable mobile cards instead of horizontal sheets */
  .table-wrap{overflow:visible;border:0;background:transparent;box-shadow:none;border-radius:0}
  .table-wrap table{display:block;min-width:0;width:100%;border:0;background:transparent}
  .table-wrap thead{display:none}
  .table-wrap tbody{display:grid;gap:9px}
  .table-wrap tr{display:block;background:#fff;border:1px solid #e3e6e8;border-radius:14px;overflow:hidden;box-shadow:0 5px 18px rgba(25,31,38,.035)}
  .table-wrap td{display:grid;grid-template-columns:minmax(92px,34%) minmax(0,1fr);gap:10px;align-items:start;width:100%;padding:9px 12px;border-bottom:1px solid #eef0f1;font-size:12px;text-align:left!important}
  .table-wrap td:last-child{border-bottom:0}
  .table-wrap td::before{content:attr(data-label);color:#858c93;font-size:9px;font-weight:800;letter-spacing:.45px;text-transform:uppercase;padding-top:2px}
  .table-wrap td:empty{display:none}
  .table-wrap .cell-title{font-size:12.5px}.table-wrap .cell-sub{font-size:10px}
  .analytics-table{min-width:0!important}

  /* Kanban is touch friendly and scroll-snaps column by column */
  .kanban-shell{margin-inline:-12px;padding:0 12px 10px;scroll-snap-type:x mandatory;scroll-padding-inline:12px;-webkit-overflow-scrolling:touch}
  .kanban{gap:10px}.lane{width:calc(100vw - 38px);max-width:355px;min-height:390px;scroll-snap-align:start;border-radius:15px;padding:9px}
  .deal-card{padding:12px;border-radius:12px}.deal-card h3{font-size:13px}.deal-card .amount{font-size:15px}

  /* Analytics */
  .metric-strip,.metric-strip-compact{grid-template-columns:1fr 1fr!important;gap:8px;margin-bottom:10px}.metric-strip>div{padding:10px 11px}.metric-strip span{font-size:8.5px}.metric-strip b{font-size:14px}
  .analytics-filter{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:7px}.analytics-filter>*{width:100%!important;min-width:0!important}.analytics-filter .btn{grid-column:1/-1}.analytics-filter input[hidden]{display:none!important}
  .traffic-chart-rich{height:190px;margin-inline:-4px;gap:4px}.traffic-day{min-width:17px!important}.traffic-day span{font-size:8px}.chart-legend{gap:11px;flex-wrap:wrap;font-size:9px}
  .bar-row,.bar-list-compact .bar-row{grid-template-columns:95px 1fr 45px!important;gap:8px}.bar-row span{font-size:10px}.bar-row b{font-size:10px;text-align:right}
  .rank-row{grid-template-columns:24px minmax(0,1fr) auto;padding:9px 0}.rank-main strong{font-size:11px}.rank-main small{font-size:9px}.rank-row>b{font-size:10px}
  .stage-strip{grid-template-columns:1fr 1fr!important;gap:7px}.stage-box{padding:10px}.stage-box strong{font-size:19px}.stage-box span{font-size:9px}
  .analytics-settings>summary{padding:14px 40px 14px 15px}.analytics-settings-body{padding:14px 15px 16px}

  .login-body,.install-body{padding:12px}.login-card,.install-card{padding:24px 18px;border-radius:20px}.login-card h1,.install-card h1{font-size:30px}
  .rk-select__menu{z-index:7000!important}
}

@media(max-width:390px){
  .stats,.analytics-kpis{grid-template-columns:1fr 1fr!important}
  .stat strong{font-size:21px}
  .top-title{max-width:30vw}
  .top-actions .btn{padding-inline:8px}
  .table-wrap td{grid-template-columns:82px minmax(0,1fr);padding-inline:10px}
  .analytics-filter{grid-template-columns:1fr}
  .analytics-filter .btn{grid-column:auto}
}


/* 1.2.4 — Analytics UI & data cleanup */
.analytics-controls{position:sticky;top:62px;z-index:22;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-4px 0 14px;padding:9px 10px;border:1px solid rgba(220,224,228,.92);border-radius:14px;background:rgba(246,247,248,.94);backdrop-filter:blur(12px);box-shadow:0 8px 28px rgba(25,30,35,.05)}
.period-pills{display:flex;align-items:center;gap:5px;min-width:0}.period-pills a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 12px;border-radius:9px;color:#656d75;font-size:11px;font-weight:800;white-space:nowrap}.period-pills a:hover{background:#fff;color:var(--ink)}.period-pills a.active{background:#222529;color:#fff;box-shadow:0 6px 16px rgba(24,27,30,.12)}
.analytics-controls .analytics-filter{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin:0;width:auto}.analytics-controls .analytics-filter input[type=date]{min-height:38px;margin:0;width:132px}.analytics-controls .analytics-filter .btn{min-height:38px}
.analytics-kpis-primary{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.analytics-kpis-primary .stat{min-height:116px;padding:17px 18px}.analytics-kpis-primary .stat strong{font-size:29px;line-height:1.05}.analytics-kpis-primary .stat small{margin-top:auto;padding-top:8px}
.metric-strip-secondary{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:14px}.metric-strip-secondary>div{min-height:58px;padding:10px 13px}
.analytics-summary-grid{margin:0 0 14px;gap:12px}.analytics-summary-grid>.card{min-height:170px}.summary-chain{display:grid;grid-template-columns:auto 18px auto 18px auto 18px auto;align-items:center;justify-content:start;gap:8px;padding:12px 0 8px}.summary-chain>div{display:grid;gap:3px}.summary-chain strong{font-size:25px;letter-spacing:-.55px}.summary-chain span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.45px;font-weight:750}.summary-chain>i{font-style:normal;color:#a0a6ab;font-size:18px}.summary-notes{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.summary-notes span{padding:7px 9px;border-radius:8px;background:var(--paper);font-size:10px;color:#6d747a}.summary-notes b{color:var(--ink)}
.attention-list{display:grid;gap:7px}.attention-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;padding:8px 10px;border:1px solid #f2dddd;border-radius:9px;background:#fff8f8;font-size:11px}.attention-row b{display:grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#ffe2e1;color:#b72a28;font-size:10px}.attention-ok{display:grid;gap:4px;padding:14px;border-radius:10px;background:#eef8f3;color:#256a4c}.attention-ok b{font-size:12px}.attention-ok span{font-size:10px;color:#5b796c}
.analytics-traffic-card{margin-top:0!important}.traffic-chart-rich{height:205px;padding-top:20px;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#f0f2f3 25%);border-bottom:1px solid #e9ecee}.traffic-chart-rich .traffic-day{min-width:18px}.traffic-chart-rich .traffic-day i{width:min(16px,68%)}.traffic-lead span{display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#fff;color:var(--red);border:1px solid #ffc7c5;font-size:9px}.chart-legend{margin-top:8px}
.analytics-compare{margin-top:14px}.analytics-site-table{border:1px solid #eceff1;border-radius:12px;overflow:hidden}.analytics-site-table table{margin:0}.analytics-site-table thead th{background:#f6f7f8;color:#6f767d;font-size:9px;letter-spacing:.35px;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid #e6e9eb}.analytics-site-table tbody td{padding-top:13px;padding-bottom:13px}.analytics-site-table tbody tr:hover{background:#fcfcfc}.table-sub{display:block;margin-top:3px;color:#8a9198;font-size:9px;font-weight:500}
.analytics-mid{margin-top:14px!important;gap:12px}.funnel-pro{gap:12px}.funnel-track{height:9px}.funnel-step small{font-size:9px}.bar-list-compact .bar-row{grid-template-columns:155px 1fr 54px;min-height:31px}.bar-list-compact .bar-row>span{font-size:11px}.bar-list-compact .bar-row>b{font-size:11px}
.analytics-breakdowns{margin-top:14px!important;gap:12px}.rank-technical{opacity:.62}.rank-technical .rank-no{background:#f4f4f4}.rank-technical strong{font-weight:650}.rank-row{padding:9px 0}
.analytics-stages{margin-top:14px}.stage-pipeline{display:grid;gap:8px}.stage-line{display:grid;grid-template-columns:120px minmax(120px,1fr) 34px 90px;align-items:center;gap:10px;min-height:32px}.stage-line>span{font-size:11px;color:#5f676e}.stage-line>b{font-size:12px;text-align:right}.stage-line>small{font-size:9px;color:#858c92;text-align:right}.stage-bar{height:9px;border-radius:999px;background:#eff1f2;overflow:hidden}.stage-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--red),#f24d4a);min-width:0}
.analytics-settings{margin-top:14px!important}.analytics-settings>summary small{line-height:1.35}
@media(max-width:1350px){.analytics-kpis-primary{grid-template-columns:repeat(3,1fr)}.metric-strip-secondary{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1050px){.analytics-controls{align-items:stretch;flex-direction:column}.analytics-controls .analytics-filter{width:100%;justify-content:flex-start}.period-pills{overflow-x:auto;padding-bottom:1px}.period-pills::-webkit-scrollbar{display:none}.summary-chain{grid-template-columns:auto 12px auto 12px auto 12px auto}.summary-chain strong{font-size:22px}}
@media(max-width:720px){
 .analytics-controls{top:54px;margin-inline:-4px;padding:8px;border-radius:12px}.period-pills{width:100%}.period-pills a{min-height:34px;padding:7px 10px;font-size:10px}.analytics-controls .analytics-filter{display:grid;grid-template-columns:1fr 1fr}.analytics-controls .analytics-filter>*{width:100%!important}.analytics-controls .analytics-filter .btn{grid-column:1/-1}
 .analytics-kpis-primary{grid-template-columns:1fr 1fr!important}.analytics-kpis-primary .stat{min-height:96px;padding:13px 14px}.analytics-kpis-primary .stat strong{font-size:23px}.metric-strip-secondary{grid-template-columns:1fr 1fr!important}
 .analytics-summary-grid{grid-template-columns:1fr!important}.analytics-summary-grid>.card{min-height:0}.summary-chain{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:4px}.summary-chain strong{font-size:19px}.summary-chain span{font-size:8px}.summary-chain>i{font-size:14px}.summary-notes{gap:6px}.summary-notes span{font-size:9px}
 .traffic-chart-rich{height:170px;overflow-x:auto;justify-content:flex-start}.traffic-chart-rich .traffic-day{min-width:22px!important;flex:0 0 22px}.analytics-site-table{border:0;overflow:visible}.analytics-site-table table{min-width:0!important}.analytics-site-table thead{display:none}.analytics-site-table tbody,.analytics-site-table tr,.analytics-site-table td{display:block}.analytics-site-table tr{padding:12px 13px;margin-bottom:9px;border:1px solid #e6e9eb;border-radius:12px;background:#fff}.analytics-site-table td{display:grid!important;grid-template-columns:105px 1fr;gap:10px;padding:6px 0!important;border:0!important;text-align:right}.analytics-site-table td::before{content:attr(data-label);text-align:left;color:#8a9198;font-size:9px;text-transform:uppercase;font-weight:800}.analytics-site-table td:first-child{grid-template-columns:1fr;text-align:left;padding-bottom:9px!important;border-bottom:1px solid #eef0f1!important;margin-bottom:3px}.analytics-site-table td:first-child::before{display:none}
 .stage-line{grid-template-columns:95px minmax(80px,1fr) 28px 70px;gap:7px}.stage-line>span{font-size:10px}.stage-line>small{font-size:8px}.bar-list-compact .bar-row{grid-template-columns:110px 1fr 42px}
}


/* 1.2.5 — Kanban UI polish */
.kanban-page-head{align-items:flex-end;margin-bottom:16px}.kanban-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.kanban-overview>div{position:relative;overflow:hidden;padding:13px 15px;background:#fff;border:1px solid #e2e5e8;border-radius:14px;box-shadow:0 6px 20px rgba(27,32,39,.035)}.kanban-overview>div::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#d9dde1}.kanban-overview>div.is-alert::before{background:var(--red)}.kanban-overview span{display:block;color:#747b82;font-size:9px;font-weight:850;letter-spacing:.65px;margin-bottom:4px}.kanban-overview strong{font-size:21px;line-height:1.1;letter-spacing:-.45px}.kanban-overview small{display:block;color:#92989e;font-size:9.5px;margin-top:4px}
.kanban-toolbar{justify-content:space-between;padding:9px 10px;margin-bottom:12px}.kanban-filter,.kanban-scroll-actions{display:flex;align-items:center;gap:8px}.kanban-scroll-actions .btn{width:36px;min-width:36px;padding:0;font-size:16px}.kanban-shell-wrap{position:relative}.kanban-shell{overflow-x:auto;overflow-y:hidden;padding:2px 2px 12px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#bfc5ca #e9ecee}.kanban-shell::-webkit-scrollbar{height:8px}.kanban-shell::-webkit-scrollbar-track{background:#e9ecee;border-radius:999px}.kanban-shell::-webkit-scrollbar-thumb{background:#bfc5ca;border-radius:999px}.kanban-shell::-webkit-scrollbar-thumb:hover{background:#aeb5bb}.kanban{grid-auto-columns:258px;gap:10px;padding-bottom:1px}
.lane{position:relative;width:258px;min-height:500px;padding:9px;background:#eef0f2;border:1px solid #e0e4e7;border-radius:17px;box-shadow:inset 0 1px 0 rgba(255,255,255,.6);transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.lane::before{content:"";position:absolute;left:13px;right:13px;top:0;height:3px;border-radius:0 0 6px 6px;background:#aeb5bb}.lane-new::before{background:#7e858c}.lane-qualify::before{background:#4774cf}.lane-proposal::before{background:#d49422}.lane-negotiation::before{background:#9a63c7}.lane-won::before{background:#2d9a6d}.lane-lost::before{background:#d75b58}.lane-archive::before{background:#9da3a9}
.lane-head{position:sticky;top:0;z-index:2;display:block;padding:8px 6px 10px;background:linear-gradient(180deg,#eef0f2 78%,rgba(238,240,242,0));border-radius:11px 11px 0 0}.lane-title{display:flex;align-items:center;gap:7px}.lane-title strong{font-size:12.5px;letter-spacing:-.1px}.lane-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#fff;color:#575e64;font-size:10px;font-weight:850;border:1px solid #dde1e4}.lane-sum{display:block;margin-top:3px;color:#7b8288;font-size:10px;font-weight:700}.lane-cards{min-height:420px}
.deal-card{position:relative;margin-bottom:8px;padding:0;border:1px solid #e0e4e7;border-radius:14px;background:#fff;box-shadow:0 5px 15px rgba(24,30,36,.045);overflow:hidden;cursor:grab;transition:box-shadow .16s ease,border-color .16s ease,transform .16s ease}.deal-card>a{display:block;padding:12px 12px 11px}.deal-card:hover{border-color:#cfd5da;box-shadow:0 10px 25px rgba(24,30,36,.085);transform:translateY(-2px)}.deal-card.dragging{opacity:.38;transform:rotate(1deg) scale(.985);box-shadow:none}.deal-card.overdue{border-color:#efc2bf;box-shadow:0 5px 16px rgba(204,57,53,.07)}.deal-card.overdue::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--red)}
.deal-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:4px}.deal-card-top h3{margin:0;font-size:13px;line-height:1.32;letter-spacing:-.1px}.deal-card-top>span{flex:0 0 auto;color:#a0a6ab;font-size:9px;font-weight:700}.deal-client{color:#555d64;font-size:10.5px;margin-bottom:7px}.deal-chips{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-bottom:7px}.deal-chips .badge{min-height:22px;padding:3px 7px;font-size:9px}.mini-chip{display:inline-flex;align-items:center;min-height:22px;padding:3px 7px;border-radius:999px;background:#f1f3f4;color:#60676e;font-size:9px;font-weight:700}.deal-service{padding:7px 8px;margin:0 0 7px;border-radius:8px;background:#f7f8f9;color:#596168;font-size:10px;line-height:1.35}.deal-next{margin:0 0 8px;color:#6e757b;font-size:9.5px;font-weight:650}.deal-next.is-overdue{color:#b7302d}.deal-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding-top:8px;border-top:1px solid #eef0f1}.deal-card .amount{margin:0;font-size:15px;line-height:1;font-weight:900;letter-spacing:-.3px}.deal-open{color:#91979c;font-size:9px;font-weight:750;transition:color .15s ease,transform .15s ease}.deal-card:hover .deal-open{color:var(--red);transform:translateX(2px)}
.lane-empty{min-height:122px;border:1px dashed #d3d8dc;border-radius:12px;display:grid;place-items:center;align-content:center;gap:3px;color:#92999f;text-align:center;background:rgba(255,255,255,.34)}.lane-empty span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#fff;border:1px solid #dfe3e6;font-size:16px;line-height:1;color:#8c9399}.lane-empty strong{font-size:10.5px;color:#747b81}.lane-empty small{font-size:9px}.lane.drop-target{outline:none;border-color:#ef8f8c;background:#fff5f5;box-shadow:0 0 0 3px rgba(229,38,36,.08) inset}.lane.drop-target .lane-empty{border-color:#ebaaa8;color:#b64a47;background:#fff}
@media(max-width:1050px) and (min-width:721px){.kanban-overview{grid-template-columns:repeat(2,1fr)}.kanban{grid-auto-columns:250px}.lane{width:250px}}
@media(max-width:720px){.kanban-page-head{align-items:flex-start;margin-bottom:14px}.kanban-page-head .tabs{width:100%;margin-top:4px}.kanban-page-head .tabs a{flex:1;text-align:center}.kanban-overview{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px}.kanban-overview>div{padding:10px 11px;border-radius:12px}.kanban-overview strong{font-size:18px}.kanban-overview span{font-size:8px}.kanban-overview small{font-size:8.5px}.kanban-toolbar{position:sticky;top:66px;z-index:9;display:block;padding:8px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px)}.kanban-filter{display:grid;grid-template-columns:1fr auto;width:100%}.kanban-filter .rk-select{width:100%}.kanban-scroll-actions{display:none}.kanban-shell{margin-inline:-12px;padding:2px 12px 12px;scroll-snap-type:x mandatory;scroll-padding-inline:12px}.kanban{grid-auto-columns:min(86vw,340px);gap:9px}.lane{width:min(86vw,340px);min-height:390px;padding:8px;scroll-snap-align:start}.lane-cards{min-height:315px}.lane-head{padding:8px 5px 9px}.deal-card>a{padding:11px}.deal-card-top h3{font-size:12.5px}.deal-service{font-size:9.5px}.deal-card .amount{font-size:14px}.lane-empty{min-height:105px}}

/* 1.3.0 — Users & Roles */
.users-layout,.roles-layout{align-items:start}
.user-list,.role-list{display:grid;gap:8px}.user-row,.role-row{display:grid;align-items:center;gap:12px;padding:11px 12px;border:1px solid #e7eaec;border-radius:12px;background:#fff;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.user-row{grid-template-columns:40px minmax(0,1fr) auto 12px}.user-row:hover,.role-row:hover{border-color:#d5dade;box-shadow:0 8px 22px rgba(24,30,36,.055);transform:translateY(-1px);color:inherit}.user-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#24272b;color:#fff;font-size:14px;font-weight:850}.user-row-main{display:grid;min-width:0}.user-row-main strong{font-size:12px}.user-row-main small{margin-top:2px;color:#8a9198;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-chip{display:inline-flex;align-items:center;min-height:26px;padding:5px 9px;border-radius:999px;background:#f2f4f5;color:#5e666d;font-size:9.5px;font-weight:800}.status-dot{width:9px;height:9px;border-radius:50%;background:#b5bbc0}.status-dot.is-active{background:#2d9a6d;box-shadow:0 0 0 4px rgba(45,154,109,.10)}.status-dot.is-off{background:#c9ced2}
.role-row{grid-template-columns:minmax(0,1fr) auto}.role-row>div{display:grid;min-width:0}.role-row strong{font-size:12px}.role-row small{margin-top:3px;color:#868d93;font-size:9.5px;line-height:1.45}.role-row>span{color:#7b8288;font-size:9.5px;white-space:nowrap}.role-row>span b{color:#23272b;font-size:12px}
.permission-editor{display:grid;gap:14px;margin:4px 0 18px}.permission-group{display:grid;gap:8px}.permission-group>strong{font-size:9px;letter-spacing:.8px;color:#8a9198}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.permission-item{display:flex;align-items:flex-start;gap:10px;margin:0;padding:11px 12px;border:1px solid #e5e8eb;border-radius:11px;background:#fafbfb;cursor:pointer;transition:border-color .15s ease,background .15s ease}.permission-item:hover{border-color:#d2d7dc;background:#fff}.permission-item input{width:17px;height:17px;min-height:17px;margin:1px 0 0;flex:0 0 17px;accent-color:var(--red)}.permission-item>span{display:grid;gap:2px}.permission-item b{font-size:10.5px;color:#252a2e}.permission-item small{font-size:9px;line-height:1.35;color:#8b9298}.permission-item:has(input:checked){border-color:#f0b6b4;background:#fff8f8}.permission-item:has(input:disabled){opacity:.66;cursor:default}.permission-summary{display:flex;flex-wrap:wrap;gap:6px}.permission-summary span{display:inline-flex;padding:6px 8px;border-radius:8px;background:#f1f3f4;color:#616970;font-size:9.5px;font-weight:750}.switch-line{display:flex!important;align-items:center;gap:9px!important;margin:4px 0 18px!important}.switch-line input{width:18px;height:18px;min-height:18px;margin:0;padding:0;accent-color:var(--red)}.switch-line span{font-size:11px;font-weight:700}.role-editor{max-width:980px}.role-editor>.install-form>.actions{justify-content:flex-start;gap:8px}.role-editor textarea{min-height:78px}
@media(max-width:900px){.users-layout,.roles-layout{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr}}
@media(max-width:720px){.user-row{grid-template-columns:36px minmax(0,1fr) auto 10px;padding:10px}.user-avatar{width:36px;height:36px;border-radius:10px}.role-chip{max-width:105px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.permission-grid{grid-template-columns:1fr}.permission-item{padding:10px}.role-row{padding:10px}.page-head>a.btn{width:100%;justify-content:center}}

/* 1.3.1 — Settings cleanup */
.settings-tabs{margin:0 0 18px}.settings-tabs a{min-width:92px;text-align:center}.sidebar .brand strong{letter-spacing:-.35px}
@media(max-width:720px){.settings-tabs{grid-template-columns:1fr 1fr;margin-bottom:14px}.settings-tabs a{min-width:0}}


/* 1.3.2 — Mobile dropdown polish + bottom navigation */
.mobile-bottom-nav{display:none}
.rk-select-backdrop{display:none}
@media(max-width:720px){
  /* Reserve space for the fixed bottom navigation. */
  .main{padding-bottom:96px}
  .site-footer{padding-bottom:96px}

  .mobile-bottom-nav{
    position:fixed;
    z-index:45;
    left:0;right:0;bottom:0;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    align-items:stretch;
    min-height:68px;
    padding:7px 8px calc(7px + env(safe-area-inset-bottom,0px));
    border-top:1px solid rgba(218,222,226,.94);
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(16px);
    box-shadow:0 -10px 30px rgba(23,28,34,.07);
  }
  .mobile-bottom-nav a,.mobile-bottom-nav button{
    appearance:none;
    min-width:0;
    border:0;
    background:transparent;
    color:#7a8188;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    padding:4px 2px;
    border-radius:11px;
    font:inherit;
    font-size:9px;
    line-height:1.05;
    font-weight:750;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  .mobile-bottom-nav svg{
    width:20px;height:20px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.75;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .mobile-bottom-nav a.active{color:var(--red);background:#fff3f3}
  .mobile-bottom-nav a:active,.mobile-bottom-nav button:active{background:#f3f4f5}
  .mobile-bottom-nav span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  /* The side drawer always sits above the bottom navigation. */
  .sidebar{z-index:80}
  .sidebar-backdrop{z-index:75}

  /* Mobile selects: same chevron, same focus state and a real bottom sheet. */
  .rk-select__trigger{
    min-height:46px!important;
    padding:10px 50px 10px 13px!important;
    border-radius:12px!important;
    font-size:13px!important;
    background:#fff!important;
  }
  .rk-select__trigger::after{
    right:8px!important;
    width:34px!important;
    height:34px!important;
    border-radius:9px;
    background-color:#f3f4f5!important;
    background-size:13px 8px!important;
    background-position:center!important;
    box-shadow:inset 0 0 0 1px #e5e8ea;
  }
  .rk-select.open .rk-select__trigger::after{background-color:#fff0f0!important;box-shadow:inset 0 0 0 1px #f2c9c7}
  .rk-select-backdrop{
    position:fixed;
    z-index:6990;
    inset:0;
    display:block;
    background:rgba(18,22,26,.34);
    backdrop-filter:blur(2px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .16s ease,visibility .16s ease;
  }
  .rk-select-backdrop.show{opacity:1;visibility:visible;pointer-events:auto}
  body.mobile-select-open{overflow:hidden}
  .rk-select__menu{
    z-index:7000!important;
    left:10px!important;
    right:10px!important;
    width:auto!important;
    top:auto!important;
    bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;
    max-height:min(62dvh,460px)!important;
    padding:18px 8px 8px!important;
    border-radius:20px!important;
    border-color:#e1e5e8!important;
    box-shadow:0 28px 80px rgba(16,21,27,.30)!important;
    transform:translateY(18px) scale(.985)!important;
  }
  .rk-select__menu::before{
    content:"";
    position:absolute;
    top:7px;left:50%;
    width:38px;height:4px;
    margin-left:-19px;
    border-radius:999px;
    background:#d4d8dc;
  }
  .rk-select__menu.open{transform:translateY(0) scale(1)!important}
  .rk-select__option{
    min-height:48px!important;
    padding:12px 44px 12px 13px!important;
    border-radius:11px!important;
    font-size:13px!important;
  }
  .rk-select__option+.rk-select__option{margin-top:2px}
  .rk-select__option.is-selected{background:#fff1f1!important;color:#bd2725!important}
  .rk-select__option.is-selected::after{right:16px!important}

  /* Avoid sticky controls sitting under the mobile bar when the viewport is short. */
  .kanban-shell{padding-bottom:16px}
}
@media(max-width:390px){
  .mobile-bottom-nav{padding-inline:5px}
  .mobile-bottom-nav a,.mobile-bottom-nav button{font-size:8.5px}
  .mobile-bottom-nav svg{width:19px;height:19px}
}


/* 1.3.3 — mobile header, active bottom navigation and SVG controls */
.mobile-top-brand{display:none}
.rk-select__chevron{display:none}
@media(max-width:720px){
  /* Header is now brand-first. Navigation lives in the bottom bar. */
  .topbar{height:58px;padding:0 14px;justify-content:space-between}
  .topbar-left{min-width:0;flex:1}
  .mobile-menu,.top-title{display:none!important}
  .mobile-top-brand{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:38px;
    color:#202326;
    font-size:15px;
    font-weight:900;
    letter-spacing:-.35px;
  }
  .mobile-top-brand__mark{
    display:block;
    width:8px;
    height:22px;
    flex:0 0 8px;
    background:var(--red);
    transform:skew(-14deg);
    border-radius:1px;
  }
  .top-actions{gap:6px}
  .top-actions .top-action-leads,.top-actions .top-action-kanban{display:none}

  /* Bottom navigation is the primary mobile navigation. */
  .mobile-bottom-nav{
    z-index:90;
    min-height:70px;
    padding:6px 7px calc(6px + env(safe-area-inset-bottom,0px));
    background:rgba(255,255,255,.985);
    box-shadow:0 -8px 28px rgba(20,25,31,.10);
    pointer-events:auto;
    touch-action:manipulation;
  }
  .mobile-bottom-nav a,.mobile-bottom-nav button{
    position:relative;
    z-index:1;
    min-height:54px;
    color:#858b91;
    padding:5px 2px 4px;
    gap:3px;
    font-size:9.5px;
    font-weight:800;
    cursor:pointer;
    pointer-events:auto;
  }
  .mobile-bottom-nav svg{
    width:21px;
    height:21px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.75;
    stroke-linecap:round;
    stroke-linejoin:round;
    vector-effect:non-scaling-stroke;
  }
  .mobile-bottom-nav a.active,.mobile-bottom-nav button.active,.mobile-bottom-nav button.is-open{
    color:var(--red);
    background:#fff1f1;
  }
  .mobile-bottom-nav a.active::after,.mobile-bottom-nav button.active::after,.mobile-bottom-nav button.is-open::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:1px;
    width:18px;
    height:2px;
    border-radius:999px;
    background:var(--red);
    transform:translateX(-50%);
  }
  .sidebar{z-index:110}
  .sidebar-backdrop{z-index:105}

  /* Real SVG chevrons for every enhanced select. */
  .rk-select__trigger::after{display:none!important}
  .rk-select__trigger{
    display:flex!important;
    align-items:center!important;
    gap:10px;
    padding:10px 11px 10px 13px!important;
  }
  .rk-select__value{min-width:0;flex:1}
  .rk-select__chevron{
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    flex:0 0 34px;
    margin-left:auto;
    border:1px solid #e3e6e8;
    border-radius:9px;
    background:#f5f6f7;
    color:#30353a;
    transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease;
  }
  .rk-select__chevron svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .rk-select.open .rk-select__chevron{transform:rotate(180deg);background:#fff1f1;border-color:#f0c9c8;color:var(--red)}
  .rk-select__option.is-selected::after{
    content:""!important;
    position:absolute!important;
    right:15px!important;
    top:50%!important;
    width:17px!important;
    height:17px!important;
    transform:translateY(-50%)!important;
    rotate:0deg!important;
    border:0!important;
    background:center/17px 17px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M3.5 8.75 6.7 12 13.5 5.2' stroke='%23e52624' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  }
  .analytics-settings>summary::after{
    width:18px!important;
    height:18px!important;
    background:center/18px 18px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='m4.5 6.75 4.5 4.5 4.5-4.5' stroke='%23232323' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  }
}


/* 1.3.4 — mobile tap/click fix */
.sidebar-backdrop{pointer-events:none;visibility:hidden}
.sidebar-backdrop.show{pointer-events:auto;visibility:visible}
@media(max-width:720px){
  .sidebar-backdrop{pointer-events:none!important;visibility:hidden!important}
  .sidebar-backdrop.show{pointer-events:auto!important;visibility:visible!important}
  .mobile-bottom-nav{pointer-events:auto!important}
  .mobile-bottom-nav a,.mobile-bottom-nav button{pointer-events:auto!important}
}

/* 1.3.5 — mobile polish: compact analytics, clean SVG actions, drawer profile spacing */
.ui-icon{display:inline-block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;vertical-align:middle}
.ui-icon-inline{width:16px;height:16px;margin-left:1px}
.button-icon{display:inline-grid;place-items:center}
.attachment-icon{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border:1px solid #e5e8ea;border-radius:9px;background:#f7f8f9;color:#50575e}
.attachment-icon .ui-icon{width:16px;height:16px}
.deal-open{display:inline-flex;align-items:center;gap:3px}
.deal-open .ui-icon{width:14px;height:14px}
.kanban-scroll-actions .ui-icon{width:16px;height:16px}
.summary-arrow{display:grid;place-items:center;color:#a0a6ab}
.summary-arrow .ui-icon{width:16px;height:16px}

@media(max-width:720px){
  /* Drawer: profile and role must read as two separate lines. */
  .sidebar{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .sidebar .brand{padding:10px 14px 24px}
  .sidebar-bottom{padding:14px 10px 4px;margin-top:auto}
  .sidebar-bottom .userbox{display:grid;gap:5px;padding:8px 4px 10px}
  .sidebar-bottom .userbox strong{display:block;line-height:1.15;font-size:14px;letter-spacing:-.15px}
  .sidebar-bottom .userbox small{display:block;line-height:1.25;font-size:11px;color:#8f969d}
  .sidebar-bottom .crm-version{padding:0 4px 6px;font-size:10px;color:#777e85}
  .sidebar-bottom>a.nav span{display:block;padding:9px 4px!important}

  /* Cleaner mobile page rhythm. */
  .main{padding-inline:12px;padding-top:17px}
  .page-head{align-items:flex-start}
  .page-head h1{font-size:27px;line-height:1.04}
  .page-head p{line-height:1.55}
  .page-head>.actions{width:auto!important;display:flex;gap:8px;align-self:flex-start}
  .page-head>.actions .btn{width:auto;min-width:0;padding-inline:13px}
  .btn .ui-icon{pointer-events:none}
  .detail-title{padding:15px 16px}.detail-body{padding:16px}
  .detail-title h2{font-size:20px}
  .kv{grid-template-columns:104px minmax(0,1fr);gap:9px 11px}
  .kv dt{font-size:12px}.kv dd{min-width:0;overflow-wrap:anywhere}
  .kv dd>a{display:inline-flex;align-items:center;gap:4px;color:#252a2e}
  .kv dd>a .ui-icon{width:15px;height:15px}
  .attachment{align-items:center}

  /* Analytics site comparison: use a compact 2-column metric grid instead of a very tall list. */
  .analytics-compare{padding:14px!important}
  .analytics-site-table tbody{gap:10px!important}
  .analytics-site-table tr{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0;
    padding:12px!important;
    margin:0 0 10px!important;
    border-radius:14px!important;
    box-shadow:0 6px 20px rgba(24,30,36,.035);
  }
  .analytics-site-table td{
    display:block!important;
    min-width:0;
    padding:9px 8px!important;
    border:0!important;
    text-align:left!important;
  }
  .analytics-site-table td::before{
    display:block!important;
    content:attr(data-label)!important;
    margin:0 0 4px;
    color:#92989e;
    font-size:8.5px;
    line-height:1.2;
    letter-spacing:.45px;
    text-transform:uppercase;
    font-weight:800;
  }
  .analytics-site-table td:first-child{
    grid-column:1/-1;
    display:block!important;
    padding:2px 4px 11px!important;
    margin:0 0 3px!important;
    border-bottom:1px solid #eef0f1!important;
  }
  .analytics-site-table td:first-child::before{display:none!important}
  .analytics-site-table td b{font-size:14px}
  .analytics-site-table .table-sub{margin-top:2px;font-size:9px}
  .analytics-site-table .site-cell{display:flex;align-items:center;justify-content:space-between;gap:10px}
  .analytics-site-table .site-cell .badge{justify-self:auto;flex:0 0 auto;width:auto;max-width:65%}
  .analytics-site-table .site-cell small{margin-left:auto;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  /* More compact funnel summary on phones. */
  .summary-chain{grid-template-columns:1fr 14px 1fr!important;gap:7px!important;justify-content:stretch!important}
  .summary-chain>div{padding:8px 9px;border-radius:10px;background:#f7f8f9}
  .summary-chain>div strong{font-size:20px!important}
  .summary-chain>div span{font-size:8px!important}
  .summary-chain>div:nth-of-type(1){grid-row:1;grid-column:1}
  .summary-chain>.summary-arrow:nth-of-type(1){grid-row:1;grid-column:2}
  .summary-chain>div:nth-of-type(2){grid-row:1;grid-column:3}
  .summary-chain>.summary-arrow:nth-of-type(2){display:none}
  .summary-chain>div:nth-of-type(3){grid-row:2;grid-column:1}
  .summary-chain>.summary-arrow:nth-of-type(3){grid-row:2;grid-column:2}
  .summary-chain>div:nth-of-type(4){grid-row:2;grid-column:3}

  /* Bottom nav stays visually light and does not compete with content. */
  .mobile-bottom-nav{min-height:66px;padding-top:5px}
  .mobile-bottom-nav a,.mobile-bottom-nav button{min-height:51px;border-radius:10px}
  .mobile-bottom-nav svg{width:20px;height:20px}

  /* Settings tabs and long toolbars remain usable on narrow screens. */
  .settings-tabs{gap:5px}
  .settings-tabs a{font-size:10.5px;padding:8px 6px}
  .toolbar .btn,.analytics-filter .btn{font-weight:800}
}

@media(max-width:390px){
  .page-head>.actions{width:100%!important}
  .page-head>.actions .btn{flex:1}
  .kv{grid-template-columns:92px minmax(0,1fr)}
  .analytics-site-table tr{padding:10px!important}
  .analytics-site-table td{padding:8px 6px!important}
  .analytics-site-table .site-cell{display:grid;gap:5px;justify-content:start}
  .analytics-site-table .site-cell small{margin-left:0;text-align:left}
}


/* 1.3.6 — branding cleanup + robust mobile header */
@media(max-width:720px){
  .topbar-left>.mobile-menu{display:none!important;width:0!important;min-width:0!important;height:0!important;padding:0!important;border:0!important;overflow:hidden!important}
  .topbar-left>.top-title{display:none!important}
  .mobile-top-brand{display:inline-flex!important}
}

/* 1.3.7 — Advanced Kanban: visual drag, ordering, compact cards */
.deal-card{will-change:transform}
.deal-card-link{display:block;position:relative;padding-right:68px!important}
.deal-card-tools{position:absolute;z-index:4;top:8px;right:8px;display:flex;align-items:center;gap:3px}
.deal-card-tools button{display:grid;place-items:center;width:25px;height:25px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:#a0a7ad;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}
.deal-card-tools button:hover{background:#f3f5f6;border-color:#e4e7e9;color:#353b40}
.deal-card-tools button:active{transform:scale(.94)}
.deal-card-tools .ui-icon{width:15px;height:15px;pointer-events:none}
.deal-drag-handle{cursor:grab!important;touch-action:none;-webkit-user-select:none;user-select:none}
.deal-drag-handle:active{cursor:grabbing!important}
.deal-card-collapse .ui-icon{transition:transform .18s ease}
.deal-card.collapsed .deal-card-collapse .ui-icon{transform:rotate(-90deg)}
.deal-card.collapsed .deal-card-detail{display:none!important}
.deal-card.collapsed .deal-card-link{min-height:48px;padding:14px 68px 13px 12px!important;display:flex;align-items:center}
.deal-card.collapsed .deal-card-top{width:100%;margin:0;display:block;min-width:0}
.deal-card.collapsed .deal-card-top h3{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}
.deal-card.collapsed .deal-card-top>span{display:none}
.deal-card.dragging{opacity:.22!important;transform:none!important;border-style:dashed;border-color:#ef8f8c!important;background:#fff7f7!important;box-shadow:none!important}
.deal-card.dragging *{pointer-events:none}
body.kanban-dragging{cursor:grabbing!important}
body.kanban-dragging .deal-card{transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}
.kanban-drag-ghost{position:fixed!important;left:-200vw!important;top:-200vh!important;width:250px!important;z-index:-1!important;opacity:.96!important;transform:rotate(1.2deg) scale(1.015)!important;box-shadow:0 20px 48px rgba(24,30,36,.2)!important;border-color:#f0a09d!important;pointer-events:none!important}
.touch-drag-source{opacity:.18!important;border-style:dashed!important;border-color:#ef8f8c!important;background:#fff7f7!important;box-shadow:none!important}
.touch-drag-ghost{position:fixed!important;left:0!important;top:0!important;z-index:9999!important;margin:0!important;opacity:.97!important;pointer-events:none!important;box-shadow:0 22px 48px rgba(17,23,29,.23)!important;border-color:#ef8f8c!important;transform-origin:top left;transition:none!important}
.touch-drag-ghost .deal-card-tools{display:none!important}
body.kanban-touch-dragging{overflow:hidden!important;touch-action:none!important}
.deal-card.is-saving::after{content:"";position:absolute;z-index:6;right:10px;bottom:9px;width:12px;height:12px;border:2px solid #e1e4e6;border-top-color:var(--red);border-radius:50%;animation:rk-spin .65s linear infinite;background:#fff}
@keyframes rk-spin{to{transform:rotate(360deg)}}
.lane.drop-target{border-color:#ef8f8c!important;background:#fff5f5!important;box-shadow:0 0 0 3px rgba(229,38,36,.08) inset!important}
.lane.drop-target .lane-cards{border-radius:12px}
@media(max-width:720px){
  .deal-card-tools{top:7px;right:7px;gap:2px}
  .deal-card-tools button{width:28px;height:28px;border-color:#e7eaec;background:rgba(255,255,255,.94)}
  .deal-card-tools .ui-icon{width:16px;height:16px}
  .deal-card-link{padding-right:73px!important}
  .deal-card.collapsed .deal-card-link{min-height:51px;padding:14px 73px 13px 11px!important}
  .touch-drag-ghost{max-width:calc(100vw - 28px)!important}
}

/* 1.3.8 — consolidated Kanban navigation + dashboard analytics */
.dashboard-head{align-items:center}
.dashboard-source-filter{min-width:170px}
.dashboard-source-filter .rk-select{min-width:170px}
.dashboard-operational .stat-alert{border-color:#efc4c2;background:linear-gradient(180deg,#fff 0,#fff8f8 100%)}
.dashboard-operational .stat-alert strong{color:#bd2d2b}
.dashboard-analytics{margin:22px 0 18px}
.dashboard-analytics>.section-title{margin-bottom:12px}
.dashboard-kpis{margin-bottom:0}
.dashboard-kpis .stat{display:flex;flex-direction:column;min-height:116px}
.dashboard-kpis .stat small{margin-top:auto;padding-top:7px}
.dashboard-feed{margin-top:0}
@media(max-width:720px){
 .dashboard-head{align-items:stretch}
 .dashboard-head .dashboard-source-filter{width:100%;min-width:0}
 .dashboard-head .dashboard-source-filter .rk-select{width:100%;min-width:0}
 .dashboard-analytics{margin-top:18px}
 .dashboard-analytics>.section-title{align-items:flex-end}
 .dashboard-analytics>.section-title .btn{min-height:34px;padding:6px 9px}
 .dashboard-kpis{grid-template-columns:1fr 1fr!important}
 .dashboard-kpis .stat{min-height:98px!important}
}