/* ==========================================================================
   Neds CRM - application UI (Kommo-style layout, Neds teal accent)
   ========================================================================== */
:root {
    --c-accent: #0C5350; --c-accent2: #1B7E78; --c-accent3: #7FD1C3;
    --c-soft: #E3F0ED; --c-soft2: #D2E6E0;
    --c-bg: #F4F6F8; --c-surface: #FFFFFF; --c-surface2: #F8FAFB;
    --c-ink: #18222B; --c-mut: #66707B; --c-faint: #939CA6;
    --c-line: #E6EAEE; --c-line2: #EEF1F4;
    --c-danger: #C0453C; --c-danger-soft: #FBEAE8;
    --c-amber: #C8923B; --c-amber-soft: #FBF1E2; --c-blue: #3A6EA5; --c-blue-soft: #E7EEF6;
    --c-r: 14px; --c-r-sm: 10px; --c-r-pill: 999px;
    --c-shadow: 0 1px 2px rgba(24,34,43,.05), 0 8px 24px -12px rgba(24,34,43,.12);
    --c-shadow-lg: 0 10px 30px -12px rgba(24,34,43,.18);
    --fd: 'Clash Display','Plus Jakarta Sans',system-ui,sans-serif;
    --fb: 'Plus Jakarta Sans',system-ui,sans-serif;
    --sb: 244px;
    --tb: 60px;
}
*,*::before,*::after{box-sizing:border-box}*{margin:0}
html{-webkit-text-size-adjust:100%}
body.crm{font-family:var(--fb);background:var(--c-bg);color:var(--c-ink);-webkit-font-smoothing:antialiased;line-height:1.5}
img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}ul{list-style:none;padding:0}
.icon{width:1.25rem;height:1.25rem;display:block;flex:none}
.muted{color:var(--c-mut);font-size:.9rem}.muted a{color:var(--c-accent);text-decoration:underline}
.ta-right{text-align:right}.nowrap{white-space:nowrap}
code{background:var(--c-soft);color:var(--c-accent);padding:.1rem .4rem;border-radius:6px;font-size:.85em;word-break:break-all}
:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;border-radius:4px}

/* Layout */
.crm-app{min-height:100vh}
.crm-sb-toggle{display:none}
.crm-sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sb);background:var(--c-surface);border-right:1px solid var(--c-line);display:flex;flex-direction:column;z-index:40;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.crm-brand{display:flex;align-items:center;gap:.6rem;padding:1rem 1.1rem;border-bottom:1px solid var(--c-line2)}
.crm-brand__mark{width:34px;height:34px;border-radius:10px;flex:none}
.crm-brand__name{font-family:var(--fd);font-weight:700;font-size:1.1rem;letter-spacing:-.01em}
.crm-brand__name span{color:var(--c-accent)}
.crm-nav{flex:1;overflow-y:auto;padding:.7rem .6rem;display:flex;flex-direction:column;gap:.1rem}
.crm-nav__group{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--c-faint);padding:.9rem .7rem .3rem;font-weight:600}
.crm-nav__link{display:flex;align-items:center;gap:.7rem;padding:.6rem .7rem;border-radius:var(--c-r-sm);font-size:.92rem;font-weight:500;color:var(--c-mut);transition:background .2s,color .2s;position:relative}
.crm-nav__link:hover{background:var(--c-surface2);color:var(--c-ink)}
.crm-nav__link.is-active{background:var(--c-soft);color:var(--c-accent);font-weight:600}
.crm-nav__link .icon{width:1.15rem;height:1.15rem}
.crm-nav__badge{margin-left:auto;background:var(--c-danger);color:#fff;font-size:.68rem;font-weight:700;border-radius:var(--c-r-pill);padding:.05rem .45rem}
.crm-nav__beta{margin-left:auto;background:var(--c-soft);color:var(--c-accent);font-size:.62rem;font-weight:700;border-radius:var(--c-r-pill);padding:.1rem .45rem;text-transform:uppercase}
.crm-int{display:flex;gap:.5rem;padding:.4rem .9rem}
.crm-int a{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:var(--c-surface2);color:var(--c-mut)}
.crm-int a:hover{color:var(--c-accent);background:var(--c-soft)}
.crm-int a .icon{width:1.05rem;height:1.05rem}
.crm-user{display:flex;align-items:center;gap:.6rem;padding:.8rem 1.1rem;border-top:1px solid var(--c-line2)}
.crm-ava{width:34px;height:34px;border-radius:50%;background:linear-gradient(150deg,var(--c-accent2),var(--c-accent));color:#EAF4F1;display:grid;place-items:center;font-family:var(--fd);font-weight:600;font-size:.8rem;flex:none}
.crm-user__name{font-weight:600;font-size:.85rem;line-height:1.1}
.crm-user__mail{font-size:.72rem;color:var(--c-faint)}
.crm-user__out{margin-left:auto;color:var(--c-faint)}
.crm-user__out:hover{color:var(--c-danger)}

.crm-main{margin-left:var(--sb);min-height:100vh;display:flex;flex-direction:column}
.crm-top{height:var(--tb);display:flex;align-items:center;gap:1rem;padding:0 clamp(1rem,3vw,1.8rem);background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--c-line);position:sticky;top:0;z-index:30}
.crm-top__title{font-family:var(--fd);font-weight:600;font-size:1.05rem}
.crm-burger{display:none;cursor:pointer;color:var(--c-mut)}
.crm-top__right{margin-left:auto;display:flex;align-items:center;gap:.6rem}
.crm-content{padding:clamp(1rem,2.5vw,1.8rem);flex:1;width:100%;max-width:1320px}
.crm-content--flush{padding:0;max-width:none;display:flex;flex:1;min-height:0}

/* Page head */
.ph{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.3rem;flex-wrap:wrap}
.ph__title{font-family:var(--fd);font-size:clamp(1.3rem,1.1rem+.8vw,1.7rem);font-weight:700;letter-spacing:-.02em}
.ph__sub{color:var(--c-mut);font-size:.92rem;margin-top:.2rem}

/* Flash */
.crm-flash{padding:.75rem 1rem;border-radius:var(--c-r-sm);margin-bottom:1rem;font-size:.9rem;font-weight:500}
.crm-flash--success{background:var(--c-soft);color:#0A3B39;border:1px solid var(--c-soft2)}
.crm-flash--error{background:var(--c-danger-soft);color:#8E2C24;border:1px solid #F0C9C4}

/* Buttons */
.cbtn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;font-size:.9rem;line-height:1;border:1px solid transparent;border-radius:var(--c-r-pill);padding:.62rem 1.1rem;cursor:pointer;transition:background .25s,box-shadow .25s,border-color .25s,transform .15s;white-space:nowrap}
.cbtn:active{transform:scale(.98)}
.cbtn .icon{width:1.05rem;height:1.05rem}
.cbtn--primary{background:var(--c-accent);color:#EAF4F1;box-shadow:var(--c-shadow)}
.cbtn--primary:hover{background:#0a4744}
.cbtn--outline{background:var(--c-surface);border-color:var(--c-line);color:var(--c-ink)}
.cbtn--outline:hover{border-color:var(--c-accent3)}
.cbtn--ghost{background:transparent;color:var(--c-mut)}
.cbtn--ghost:hover{background:var(--c-surface2);color:var(--c-ink)}
.cbtn--sm{padding:.45rem .8rem;font-size:.82rem}
.cbtn--block{width:100%}
.cbtn--danger{background:var(--c-danger-soft);color:#8E2C24}
.cbtn[disabled]{opacity:.5;cursor:not-allowed}
.cbtn.is-loading{opacity:.6;pointer-events:none}
.iconbtn{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:var(--c-r-sm);border:1px solid var(--c-line);background:var(--c-surface);color:var(--c-mut);cursor:pointer;transition:.2s}
.iconbtn:hover{border-color:var(--c-accent3);color:var(--c-accent)}
.iconbtn .icon{width:1.05rem;height:1.05rem}
.iconbtn--danger:hover{color:var(--c-danger);border-color:#E7B6B0;background:var(--c-danger-soft)}

/* Forms */
.cform{display:flex;flex-direction:column;gap:.85rem}
.crow{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}
.cfield{display:flex;flex-direction:column;gap:.35rem}
.clabel{font-size:.82rem;font-weight:600}
.chint{font-size:.78rem;color:var(--c-mut)}
.cinput,.cselect,.ctextarea{width:100%;font-size:.92rem;background:var(--c-surface2);border:1px solid var(--c-line);border-radius:var(--c-r-sm);padding:.6rem .8rem;transition:border-color .2s,box-shadow .2s,background .2s}
.cinput:focus,.cselect:focus,.ctextarea:focus{outline:none;border-color:var(--c-accent);background:#fff;box-shadow:0 0 0 3px rgba(12,83,80,.12)}
.ctextarea{resize:vertical;min-height:90px;line-height:1.5}
.cselect{appearance:none;-webkit-appearance:none;cursor:pointer}

/* Panels & cards */
.panel{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--c-r);padding:clamp(1rem,2vw,1.5rem);box-shadow:var(--c-shadow);margin-bottom:1.2rem}
.panel__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.panel__title{font-family:var(--fd);font-weight:600;font-size:1.05rem}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;align-items:start}
.grid-2--side{grid-template-columns:.85fr 1.15fr}

/* KPI */
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.2rem}
.kpi{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--c-r);padding:1.1rem 1.2rem;box-shadow:var(--c-shadow)}
.kpi__label{font-size:.8rem;color:var(--c-mut)}
.kpi__val{font-family:var(--fd);font-size:1.7rem;font-weight:700;letter-spacing:-.02em;margin-top:.25rem}
.kpi--accent{background:linear-gradient(150deg,var(--c-accent2),var(--c-accent));color:#EAF4F1;border-color:transparent}
.kpi--accent .kpi__label{color:rgba(234,244,241,.85)}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--c-accent3);display:inline-block;animation:cpulse 2s infinite}
@keyframes cpulse{0%,100%{opacity:1}50%{opacity:.4}}

/* Tables */
.ctable{width:100%;border-collapse:collapse;font-size:.9rem}
.ctable th{text-align:left;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--c-faint);font-weight:600;padding:.55rem .7rem;border-bottom:1px solid var(--c-line)}
.ctable td{padding:.7rem .7rem;border-bottom:1px solid var(--c-line2);vertical-align:middle}
.ctable tr:last-child td{border-bottom:none}
.ctable__sub{display:block;font-size:.78rem;color:var(--c-faint)}
.ctable__empty{text-align:center;color:var(--c-mut);padding:1.6rem}
.ctable__act{display:flex;gap:.3rem;justify-content:flex-end}
.cbadge{display:inline-block;font-size:.74rem;font-weight:600;padding:.2rem .55rem;border-radius:var(--c-r-pill);background:var(--c-surface2);color:var(--c-mut);border:1px solid var(--c-line)}
.cbadge--won,.cbadge--connected,.cbadge--sent{background:var(--c-soft);color:#0A3B39;border-color:var(--c-soft2)}
.cbadge--lost,.cbadge--failed,.cbadge--disconnected{background:var(--c-danger-soft);color:#8E2C24;border-color:#F0C9C4}
.cbadge--open,.cbadge--devam{background:var(--c-blue-soft);color:var(--c-blue);border-color:#D2E0F0}
.cbadge--pending,.cbadge--draft,.cbadge--beklemede{background:var(--c-amber-soft);color:var(--c-amber);border-color:#F0DEC2}
.tagpill{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;font-weight:600;color:var(--c-accent);background:var(--c-soft);border-radius:var(--c-r-pill);padding:.2rem .6rem}
.searchbox{position:relative}
.searchbox input{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--c-r-pill);padding:.5rem .9rem .5rem 2.2rem;font-size:.88rem;min-width:220px}
.searchbox input:focus{outline:none;border-color:var(--c-accent)}
.searchbox .icon{position:absolute;left:.7rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:var(--c-faint)}

/* Empty state */
.empty{text-align:center;max-width:44ch;margin:2.5rem auto;display:flex;flex-direction:column;align-items:center;gap:.8rem}
.empty__ic{width:3.4rem;height:3.4rem;border-radius:16px;display:grid;place-items:center;background:var(--c-soft);color:var(--c-accent)}
.empty__ic .icon{width:1.6rem;height:1.6rem}
.empty h3{font-family:var(--fd);font-size:1.15rem}
.empty p{color:var(--c-mut)}

/* Inbox */
.inbox{display:grid;grid-template-columns:330px 1fr;flex:1;min-height:0;height:calc(100vh - var(--tb))}
.inbox__list{border-right:1px solid var(--c-line);background:var(--c-surface);display:flex;flex-direction:column;min-height:0}
.inbox__filters{display:flex;gap:.3rem;padding:.7rem .8rem;border-bottom:1px solid var(--c-line2)}
.inbox__filter{font-size:.8rem;font-weight:600;color:var(--c-mut);padding:.35rem .7rem;border-radius:var(--c-r-pill);background:var(--c-surface2)}
.inbox__filter.is-active{background:var(--c-soft);color:var(--c-accent)}
.inbox__convos{overflow-y:auto;flex:1}
.convo{display:flex;gap:.7rem;padding:.8rem .9rem;border-bottom:1px solid var(--c-line2);cursor:pointer;transition:background .15s}
.convo:hover{background:var(--c-surface2)}
.convo.is-active{background:var(--c-soft)}
.convo__main{min-width:0;flex:1}
.convo__top{display:flex;justify-content:space-between;gap:.5rem}
.convo__name{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.convo__time{font-size:.72rem;color:var(--c-faint);flex:none}
.convo__last{font-size:.82rem;color:var(--c-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.convo__ch{font-size:.68rem;color:var(--c-faint);text-transform:capitalize}
.convo__unread{background:var(--c-accent);color:#fff;font-size:.68rem;font-weight:700;border-radius:var(--c-r-pill);padding:.05rem .4rem;flex:none}
.thread{display:flex;flex-direction:column;min-height:0;background:var(--c-surface2)}
.thread__head{display:flex;align-items:center;gap:.7rem;padding:.8rem 1.1rem;background:var(--c-surface);border-bottom:1px solid var(--c-line)}
.thread__name{font-weight:600}
.thread__meta{font-size:.76rem;color:var(--c-faint)}
.thread__actions{margin-left:auto;display:flex;gap:.4rem}
.thread__body{flex:1;overflow-y:auto;padding:1.2rem;display:flex;flex-direction:column;gap:.6rem}
.bub{max-width:70%;padding:.6rem .85rem;border-radius:16px;font-size:.9rem;line-height:1.45;position:relative}
.bub__meta{display:block;font-size:.66rem;margin-top:.25rem;opacity:.7}
.bub--in{align-self:flex-start;background:var(--c-surface);border:1px solid var(--c-line);border-bottom-left-radius:5px}
.bub--out{align-self:flex-end;background:var(--c-accent);color:#EAF4F1;border-bottom-right-radius:5px}
.bub--ai{align-self:flex-end;background:#2A3B59;color:#EAF0FB;border-bottom-right-radius:5px}
.bub--system{align-self:center;background:var(--c-amber-soft);color:var(--c-amber);font-size:.8rem;border-radius:var(--c-r-pill)}
.thread__compose{padding:.8rem 1rem;background:var(--c-surface);border-top:1px solid var(--c-line);display:flex;flex-direction:column;gap:.5rem}
.compose__row{display:flex;gap:.5rem;align-items:flex-end}
.compose__row textarea{flex:1;min-height:42px;max-height:120px}
.compose__tools{display:flex;gap:.4rem}

/* Kanban */
.kanban{display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem;align-items:flex-start}
.kcol{flex:0 0 280px;background:var(--c-surface2);border:1px solid var(--c-line);border-radius:var(--c-r);display:flex;flex-direction:column;max-height:calc(100vh - 220px)}
.kcol__head{padding:.8rem 1rem;border-bottom:1px solid var(--c-line);display:flex;align-items:center;justify-content:space-between}
.kcol__name{font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:.5rem}
.kcol__dot{width:9px;height:9px;border-radius:50%}
.kcol__sum{font-size:.74rem;color:var(--c-mut)}
.kcol__body{padding:.7rem;overflow-y:auto;display:flex;flex-direction:column;gap:.6rem;min-height:80px;flex:1}
.kcol__body.drag-over{background:var(--c-soft)}
.kcard{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--c-r-sm);padding:.8rem;box-shadow:var(--c-shadow);cursor:grab}
.kcard:active{cursor:grabbing}
.kcard.dragging{opacity:.5}
.kcard__title{font-weight:600;font-size:.9rem;margin-bottom:.3rem}
.kcard__amt{font-family:var(--fd);font-weight:700;color:var(--c-accent)}
.kcard__contact{font-size:.78rem;color:var(--c-mut);display:flex;align-items:center;gap:.4rem;margin-top:.4rem}

/* Calendar */
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--c-line);border:1px solid var(--c-line);border-radius:var(--c-r);overflow:hidden}
.cal__day{background:var(--c-surface);min-height:140px;padding:.5rem}
.cal__dnum{font-size:.8rem;color:var(--c-faint);font-weight:600;display:flex;justify-content:space-between}
.cal__dnum.is-today span{background:var(--c-accent);color:#fff;border-radius:50%;width:1.4rem;height:1.4rem;display:grid;place-items:center}
.cal__ev{margin-top:.35rem;background:var(--c-soft);color:#0A3B39;border-radius:6px;padding:.25rem .4rem;font-size:.76rem;cursor:pointer}
.cal__ev.done{opacity:.5;text-decoration:line-through}

/* Segment rule builder */
.rule{display:grid;grid-template-columns:1fr 1fr 1.4fr auto;gap:.5rem;align-items:center;margin-bottom:.5rem}
.match-count{font-family:var(--fd);font-weight:700;font-size:2rem;color:var(--c-accent)}

/* Login */
.crm-auth{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}
.crm-auth__brandside{background:linear-gradient(160deg,#10423F,var(--c-accent));color:#EAF4F1;padding:clamp(2rem,5vw,4rem);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.crm-auth__glow{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(127,209,195,.4),transparent 70%);top:-15%;right:-10%;filter:blur(40px)}
.crm-auth__brandside h1{font-family:var(--fd);font-size:clamp(1.8rem,1.2rem+2vw,2.8rem);font-weight:700;line-height:1.1;position:relative;max-width:16ch}
.crm-auth__brandside p{color:rgba(234,244,241,.8);margin-top:1rem;position:relative;max-width:40ch}
.crm-auth__list{position:relative;display:flex;flex-direction:column;gap:.8rem;margin-top:2rem}
.crm-auth__list li{display:flex;align-items:center;gap:.6rem;color:rgba(234,244,241,.92)}
.crm-auth__list .icon{width:1.1rem;color:var(--c-accent3)}
.crm-auth__form{display:flex;align-items:center;justify-content:center;padding:clamp(1.5rem,4vw,3rem)}
.crm-auth__card{width:min(100%,400px)}
.crm-auth__card h2{font-family:var(--fd);font-size:1.5rem;font-weight:700}
.crm-auth__card .muted{margin-bottom:1.4rem}
.crm-auth__alt{margin-top:1.2rem;font-size:.9rem;color:var(--c-mut);text-align:center}
.crm-auth__alt a{color:var(--c-accent);font-weight:600}
.plan-pick{display:flex;gap:.5rem;margin-top:.3rem}
.plan-pick label{flex:1;border:1px solid var(--c-line);border-radius:var(--c-r-sm);padding:.5rem;text-align:center;font-size:.82rem;font-weight:600;cursor:pointer}
.plan-pick input{position:absolute;opacity:0}
.plan-pick input:checked+span{color:var(--c-accent)}
.plan-pick label:has(input:checked){border-color:var(--c-accent);background:var(--c-soft)}

/* Dashboard chart */
.cchart{width:100%;height:140px;display:block}
.feed{display:flex;flex-direction:column;gap:.1rem;max-height:360px;overflow-y:auto}
.feed__row{display:flex;align-items:center;gap:.6rem;padding:.55rem .3rem;border-bottom:1px solid var(--c-line2);font-size:.86rem}
.feed__row:last-child{border-bottom:none}

/* Dialog */
.crm-dialog{border:none;border-radius:var(--c-r);padding:1.4rem;width:min(92vw,460px);box-shadow:var(--c-shadow-lg);color:var(--c-ink)}
.crm-dialog::backdrop{background:rgba(24,34,43,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.crm-dialog .panel__head{margin-bottom:.4rem}

/* Responsive */
@media (max-width:1024px){.kpis{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-2--side{grid-template-columns:1fr}}
@media (max-width:920px){
    .crm-sidebar{transform:translateX(-100%);box-shadow:var(--c-shadow-lg)}
    .crm-sb-toggle:checked~.crm-sidebar{transform:translateX(0)}
    .crm-main{margin-left:0}
    .crm-burger{display:inline-grid;place-items:center}
    .inbox{grid-template-columns:1fr}
    .inbox__list{display:none}
    .inbox.show-list .inbox__list{display:flex}
    .cal{grid-template-columns:1fr}
    .crow,.rule{grid-template-columns:1fr}
    .crm-auth{grid-template-columns:1fr}
    .crm-auth__brandside{display:none}
}
@media (max-width:560px){.kpis{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}

/* Completeness additions */
.seg-toggle{display:inline-flex;background:var(--c-surface2);border:1px solid var(--c-line);border-radius:var(--c-r-pill);padding:.2rem}
.seg-toggle a{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;font-weight:600;color:var(--c-mut);padding:.4rem .8rem;border-radius:var(--c-r-pill)}
.seg-toggle a .icon{width:.95rem;height:.95rem}
.seg-toggle a.is-active{background:var(--c-accent);color:#EAF4F1}

.inbox--panel{grid-template-columns:320px 1fr 300px}
.inbox__contact{border-left:1px solid var(--c-line);background:var(--c-surface);overflow-y:auto}
.inbox__contact-head{display:flex;align-items:center;gap:.7rem;padding:1rem;border-bottom:1px solid var(--c-line2)}
.inbox__contact-block{padding:1rem;border-bottom:1px solid var(--c-line2);display:flex;flex-direction:column;gap:.4rem}
.inbox__contact-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--c-faint);margin-bottom:.3rem}
.kv{display:flex;align-items:center;gap:.5rem;font-size:.86rem;color:var(--c-ink)}
.kv .icon{width:1rem;height:1rem;color:var(--c-mut)}

.chatwrap{display:flex;flex-direction:column;height:calc(100vh - 210px);padding:0;overflow:hidden}
.chatwrap__body{flex:1;overflow-y:auto;padding:1.2rem;display:flex;flex-direction:column;gap:.5rem;background:var(--c-surface2)}
.chatmsg{display:flex;flex-direction:column;max-width:72%}
.chatmsg--me{align-self:flex-end;align-items:flex-end}
.chatmsg__name{font-size:.72rem;color:var(--c-faint);margin-bottom:.1rem;padding-left:.3rem}
.chatwrap .thread__compose{border-top:1px solid var(--c-line)}

.dayrow{display:flex;align-items:center;gap:.7rem;padding:.7rem .3rem;border-bottom:1px solid var(--c-line2)}
.dayrow:last-child{border-bottom:none}
.dayrow__time{font-family:var(--fd);font-weight:700;color:var(--c-accent);width:3rem}

.cal--month .cal__hd{background:var(--c-surface2);text-align:center;font-size:.74rem;font-weight:600;color:var(--c-faint);padding:.4rem;text-transform:uppercase}
.cal--month .cal__day{min-height:96px}
.cal__day--out{background:var(--c-surface2);opacity:.55}

@media (max-width:920px){.inbox--panel{grid-template-columns:1fr}.inbox__contact{display:none}.cal--month .cal__hd{display:none}}

/* Dashboard (Ana sayfa, Kommo-style) */
.dash-welcome{display:grid;grid-template-columns:1fr 340px;gap:1rem;align-items:center;background:linear-gradient(120deg,#EAF3F1,#EEF0FB);border:1px solid var(--c-line);border-radius:var(--c-r);padding:clamp(1.4rem,3vw,2.4rem);margin-bottom:1.2rem;overflow:hidden}
.dash-welcome__hi{color:var(--c-mut);font-weight:600;margin-bottom:.4rem}
.dash-welcome__title{font-family:var(--fd);font-size:clamp(1.5rem,1.1rem+1.6vw,2.2rem);font-weight:700;letter-spacing:-.02em;line-height:1.1;max-width:18ch;margin-bottom:1.2rem}
.dash-welcome__art{justify-self:end}.dash-welcome__art svg{width:100%;max-width:340px;height:auto}
.dash-trial{display:flex;align-items:center;gap:.8rem;margin-top:1rem}
.dash-trial__bar{flex:1;height:8px;background:var(--c-line2);border-radius:99px;overflow:hidden}
.dash-trial__bar>div{height:100%;background:var(--c-accent)}
.dash-over{display:flex;flex-direction:column}
.dash-over li{display:flex;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid var(--c-line2);font-size:.92rem}
.dash-over li:last-child{border-bottom:none}.dash-over span{color:var(--c-mut)}.dash-over strong{font-family:var(--fd)}
.edu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.edu-card{display:flex;align-items:center;gap:.8rem;padding:1rem;border:1px solid var(--c-line);border-radius:var(--c-r);background:var(--c-surface2);transition:transform .25s,box-shadow .25s,border-color .25s}
.edu-card:hover{transform:translateY(-3px);box-shadow:var(--c-shadow);border-color:var(--c-accent3)}
.edu-card__ic{width:2.6rem;height:2.6rem;border-radius:12px;display:grid;place-items:center;background:var(--c-soft);color:var(--c-accent);flex:none}
.edu-card.is-done .edu-card__ic{background:var(--c-accent);color:#EAF4F1}
.edu-card__body{flex:1;min-width:0}.edu-card__body h3{font-size:.95rem;font-weight:600}.edu-card__body p{font-size:.8rem;color:var(--c-mut)}
.edu-card__go{color:var(--c-faint)}.edu-card.is-done{opacity:.72}
@media(max-width:980px){.dash-welcome{grid-template-columns:1fr}.dash-welcome__art{display:none}.edu-grid{grid-template-columns:1fr}}

/* AI page */
.aihero{text-align:center;padding:clamp(2rem,5vw,3.5rem) 0}
.aihero__eyebrow{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;color:var(--c-accent)}
.aihero__eyebrow .icon{width:1.1rem;height:1.1rem}
.aihero__title{font-family:var(--fd);font-size:clamp(2rem,1.4rem+2.8vw,3.4rem);font-weight:700;letter-spacing:-.03em;line-height:1.04;margin:.8rem 0;color:var(--c-ink)}
.aihero__sub{color:var(--c-mut);max-width:44ch;margin:0 auto 1.6rem}
.aihero__cta{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap}
.ai-section{text-align:center;padding:clamp(1rem,3vw,2rem) 0 clamp(1.5rem,3vw,2.5rem)}
.ai-section__title{font-family:var(--fd);font-size:clamp(1.4rem,1.1rem+1.4vw,2rem);font-weight:700;letter-spacing:-.02em}
.ai-section__sub{color:var(--c-mut);max-width:48ch;margin:.5rem auto 1.6rem}
.ai-feats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;text-align:left}
.ai-feat{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--c-r);padding:1.2rem;box-shadow:var(--c-shadow)}
.ai-feat__ic{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:12px;background:var(--c-soft);color:var(--c-accent);margin-bottom:.7rem}
.ai-feat h3{font-family:var(--fd);font-size:1.02rem;font-weight:600;margin-bottom:.3rem}
.ai-feat p{color:var(--c-mut);font-size:.85rem;line-height:1.5}
@media(max-width:900px){.ai-feats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.ai-feats{grid-template-columns:1fr}}

/* Sidebar integration brand rows + bottom links */
.crm-introw{display:flex;align-items:center;gap:.7rem;padding:.5rem .7rem;border-radius:var(--c-r-sm);font-size:.9rem;font-weight:500;color:var(--c-mut)}
.crm-introw:hover{background:var(--c-surface2);color:var(--c-ink)}
.crm-introw svg{width:20px;height:20px;flex:none}
.crm-foot{border-top:1px solid var(--c-line2);margin-top:.4rem;padding-top:.4rem}

/* Channel connect page */
.connect-hero{text-align:center;background:linear-gradient(160deg,#fff,var(--c-soft));border:1px solid var(--c-line);border-radius:var(--c-r);padding:clamp(1.6rem,4vw,2.6rem);margin-bottom:1.2rem}
.connect-hero__ic{width:3.4rem;height:3.4rem;border-radius:16px;display:grid;place-items:center;margin:0 auto 1rem;color:#fff}
.connect-hero__ic .icon{width:1.7rem;height:1.7rem}
.connect-hero h2{font-family:var(--fd);font-size:clamp(1.3rem,1.1rem+1vw,1.8rem);font-weight:700}
.connect-hero .cbtn{margin-top:1.2rem}
.connect-note{margin-top:1rem;display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--c-mut);background:var(--c-surface2);border:1px solid var(--c-line);border-radius:var(--c-r-sm);padding:.7rem 1rem;text-align:left}
.connect-note .icon{width:1.1rem;height:1.1rem;flex:none}
.steps-list{display:flex;flex-direction:column;gap:.9rem}
.steps-list li{display:flex;gap:.7rem;align-items:flex-start;font-size:.92rem}
.steps-list__n{width:1.7rem;height:1.7rem;border-radius:50%;background:var(--c-soft);color:var(--c-accent);display:grid;place-items:center;font-weight:700;font-size:.8rem;flex:none}
.connect-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}
.connect-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.1rem;border:1px solid var(--c-line);border-radius:var(--c-r);background:var(--c-surface2);font-weight:600;font-size:.88rem;transition:transform .2s,border-color .2s,box-shadow .2s}
.connect-btn:hover{transform:translateY(-2px);border-color:var(--c-accent3);box-shadow:var(--c-shadow)}
.connect-btn svg{width:30px;height:30px}
@media(max-width:640px){.connect-grid{grid-template-columns:repeat(2,1fr)}}