:root{--ink:#172b4d;--muted:#77849a;--blue:#315f9f;--pale:#eef4fb;--line:#e6ebf1;--bg:#f4f7fb;--white:#fff;--mint:#edf7f3;--shadow:0 8px 28px rgba(27,55,93,.055)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;display:flex;min-height:100vh}.rail{width:72px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:18px 0;gap:14px}.brand{font-size:13px;font-weight:800;color:var(--blue);margin:4px 0 22px}.brand span{color:#6d819d}.nav{height:42px;width:42px;border:0;background:transparent;border-radius:13px;color:#8290a5;font-size:19px;cursor:pointer}.nav.active{color:var(--blue);background:var(--pale)}.avatar{margin-top:auto;border-radius:50%;background:#dfe9f5;color:#38577c;font-weight:700;width:36px;height:36px;display:grid;place-items:center;font-size:11px}.app{width:calc(100% - 72px);max-width:1760px;margin:auto;padding:26px 30px 18px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.eyebrow{font-size:10px;letter-spacing:.12em;color:#8694a8;font-weight:700;margin:0 0 5px}.top h1{font-size:25px;letter-spacing:-.04em;margin:0}.topright{display:flex;align-items:center;gap:20px}.preview{font-size:12px;color:#697a90;background:#e9f2fb;padding:8px 12px;border-radius:20px}.preview i{display:inline-block;width:7px;height:7px;background:#5c9b7b;border-radius:50%;margin-right:6px}.profile{font-size:13px}.profile b{margin-left:8px;color:#94a0b1}.layout{display:grid;grid-template-columns:292px minmax(400px,1fr) 240px;gap:14px;min-height:calc(100vh - 155px)}.panel{background:var(--white);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);min-width:0}.inbox{padding:18px 14px}.inboxhead,.convhead,.detailtitle{display:flex;justify-content:space-between;align-items:center}.inboxhead h2,.convhead h2,.detailtitle h2{font-size:15px;margin:0}.inboxhead small,.person small{font-size:11px;color:var(--muted)}.inboxhead .retention-note{display:block;margin-top:3px}.iconbtn{border:1px solid var(--line);background:#fff;width:32px;height:32px;border-radius:10px;color:var(--blue);font-size:19px}.search{margin:17px 0 12px;background:#f7f9fc;border:1px solid var(--line);border-radius:9px;padding:8px 10px;color:#99a5b6;display:flex;gap:7px}.search input{border:0;outline:0;background:transparent;width:100%;font:inherit;font-size:12px}.filters{display:flex;gap:5px;border-bottom:1px solid var(--line);padding-bottom:12px;white-space:nowrap}.filters button{border:0;background:transparent;color:#718096;font-size:10px;padding:6px 7px;border-radius:7px}.filters button.selected{background:var(--pale);color:var(--blue);font-weight:700}.filters b{margin-left:3px}.list{padding-top:8px}.thread{display:flex;gap:10px;padding:12px 7px;border-radius:10px;cursor:pointer}.thread:hover,.thread.active{background:#f2f6fb}.thread .personavatar{flex:0 0 37px}.threadmeta{min-width:0;flex:1}.threadtop{display:flex;justify-content:space-between;gap:5px}.threadtop b{font-size:12px}.threadtop time{font-size:10px;color:#98a3b2}.thread p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#78869a;font-size:11px;margin:5px 0 0}.personavatar{height:37px;width:37px;display:grid;place-items:center;border-radius:50%;background:#e8f0f8;color:#3b6290;font-weight:700}.thread:nth-child(2) .personavatar{background:#f8eddf;color:#9a7041}.thread:nth-child(3) .personavatar{background:#e8f4ef;color:#4a806d}.unread{height:7px;width:7px;border-radius:50%;background:#5a8bc6;align-self:center}.conversation{display:flex;flex-direction:column;overflow:hidden}.convhead{padding:16px 20px;border-bottom:1px solid var(--line)}.person{display:flex;align-items:center;gap:10px}.person h2{margin-bottom:2px}.actions{display:flex;gap:7px}.subtle{border:1px solid var(--line);background:white;color:#65758c;padding:7px 10px;border-radius:8px;font-size:11px}.messages{padding:24px 22px;display:flex;flex:1;flex-direction:column;gap:14px;overflow:auto;background:linear-gradient(#fff,#fcfdff)}.bubble{max-width:75%;border-radius:13px;padding:11px 13px;font-size:13px}.bubble.in{background:#f0f4f8;align-self:flex-start;border-bottom-left-radius:4px}.bubble.out{background:#eaf2fb;align-self:flex-end;border-bottom-right-radius:4px}.bubble time{display:block;font-size:10px;color:#8d9bad;margin-top:5px}.replyarea{border-top:1px solid var(--line);padding:14px 18px}.assist{display:flex;align-items:center;justify-content:space-between;background:#f5f8fc;border:1px solid #e6edf5;border-radius:10px;padding:10px 12px;margin-bottom:9px}.assist strong{font-size:11px;color:#345d8f;display:block}.assist small{font-size:10px;color:#8592a4;display:block;margin-top:2px}.assist button{border:0;color:#fff;background:var(--blue);padding:8px 11px;border-radius:8px;font-size:10px;font-weight:700}.replyarea textarea{width:100%;height:62px;resize:vertical;border:1px solid var(--line);border-radius:9px;padding:10px;font:inherit;font-size:12px;outline-color:#aac4e4}.sendrow{display:flex;justify-content:space-between;align-items:center;margin-top:9px;color:#9aa5b3;font-size:10px}.sendrow button{background:#e9edf2;border:0;color:#9aa3ae;border-radius:8px;padding:9px 12px;font-size:11px}.details{padding:18px 15px}.detailtitle{padding-bottom:13px;border-bottom:1px solid var(--line)}.detailtitle .subtle{padding:5px 8px}.profilecard{display:flex;flex-direction:column;align-items:center;padding:21px 0 19px;gap:5px}.personavatar.large{width:52px;height:52px;font-size:18px;margin-bottom:5px}.profilecard b{font-size:13px}.profilecard small{font-size:10px;color:var(--muted)}.detailblock{border-top:1px solid var(--line);padding:13px 0}.detailblock label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8996a8;font-weight:700}.status{font-size:11px;margin-top:9px;color:#547f6a}.tag{display:inline-block;font-size:10px;color:#4a6d94;background:#edf3fa;padding:6px 8px;border-radius:7px;margin-top:8px}.detailblock p{font-size:11px;color:#8995a6;margin:8px 0}.addnote{font-size:10px;border:0;background:none;color:#5278a4;padding:0}.assignee{font-size:11px;margin-top:8px}footer{display:flex;justify-content:space-between;color:#95a0af;font-size:10px;padding:12px 4px 0}@media(max-width:1100px){.layout{grid-template-columns:260px 1fr}.details{display:none}}@media(max-width:700px){.rail{width:54px}.app{width:calc(100% - 54px);padding:18px 10px}.top{align-items:flex-start}.top h1{font-size:21px}.topright{gap:8px}.profile{display:none}.preview{font-size:10px;padding:7px 9px}.layout{display:flex;flex-direction:column;min-height:auto}.inbox{padding:14px}.inbox .list{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));overflow:auto}.thread{min-width:175px}.conversation{min-height:65vh}.convhead{padding:13px}.messages{min-height:260px;padding:17px}.bubble{max-width:88%}.replyarea{padding:11px}.assist small{max-width:210px}footer{font-size:9px}}
.thread{width:100%;text-align:left;border:0;background:transparent;font:inherit}.threadpreview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#78869a;font-size:11px;margin-top:5px}.empty-state{padding:14px 8px;color:#8995a6;font-size:12px}.sendrow button:not(:disabled){background:var(--blue);color:#fff;cursor:pointer}.sendrow button:disabled{cursor:not-allowed}.actions button{cursor:pointer}

#appRoot[hidden],#loginScreen[hidden]{display:none!important}.app-root{display:flex;width:100%;min-height:100vh}.login-screen{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#eaf2fb 0,transparent 42%),var(--bg);padding:20px}.login-card{width:min(100%,410px);background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px;box-shadow:0 18px 60px rgba(27,55,93,.12)}.login-brand{font-size:17px;margin:0 0 28px}.login-card h1{font-size:23px;letter-spacing:-.04em;margin:0}.login-copy{color:var(--muted);font-size:13px;margin:8px 0 24px}.login-card label{display:block;font-size:12px;font-weight:700;margin-bottom:7px}.login-card input{width:100%;height:44px;border:1px solid var(--line);border-radius:9px;padding:0 12px;font:inherit;outline-color:#aac4e4}.login-card button{margin-top:14px;width:100%;height:42px;border:0;border-radius:9px;background:var(--blue);color:#fff;font:inherit;font-weight:700;cursor:pointer}.login-card button:disabled{opacity:.6}.login-error{min-height:18px;color:#b04444;font-size:12px;margin:10px 0 0}.notice{margin:-8px 0 14px;padding:10px 13px;border-radius:9px;background:#edf7f3;color:#426c5b;font-size:12px}.notice.error{background:#fff0ef;color:#a33c38}.notice[hidden]{display:none}.sync-note{font-size:10px;color:#98a3b2;margin:12px 2px 0}.thread{width:100%;text-align:left;border:0;background:transparent;font:inherit}.threadpreview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#78869a;font-size:11px;margin-top:5px}.empty-state{padding:14px 8px;color:#8995a6;font-size:12px}.sendrow button:not(:disabled){background:var(--blue);color:#fff;cursor:pointer}.sendrow button:disabled{cursor:not-allowed}.actions button,.subtle{cursor:pointer}.replyarea textarea:disabled{background:#f7f9fc;cursor:not-allowed}@media(max-width:1100px){.layout{grid-template-columns:260px 1fr}.details{display:none}}@media(max-width:700px){.app-root .rail{width:54px}.app-root .app{width:calc(100% - 54px);padding:18px 10px}.app-root .top{align-items:flex-start}.app-root .top h1{font-size:21px}.app-root .topright{gap:8px}.app-root .profile{display:none}.app-root .preview{font-size:10px;padding:7px 9px}.app-root .layout{display:flex;flex-direction:column;min-height:auto}.app-root .inbox{padding:14px}.app-root .inbox .list{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));overflow:auto}.app-root .thread{min-width:175px}.app-root .conversation{min-height:65vh}.app-root .convhead{padding:13px}.app-root .messages{min-height:260px;padding:17px}.app-root .bubble{max-width:88%}.app-root .replyarea{padding:11px}.app-root .assist small{max-width:210px}.app-root footer{font-size:9px}}

.nav{display:grid;place-items:center;text-decoration:none}.nav:hover{background:#f5f8fc;color:var(--blue)}
.leads-view[hidden],#leadDetail[hidden],#callPlanCard[hidden]{display:none!important}
.leads-view{min-height:calc(100vh - 155px)}
.leads-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 16px}
.leads-heading h2{font-size:16px;margin:0 0 4px}.leads-heading p{font-size:12px;color:var(--muted);margin:0}
.lead-search{width:min(330px,100%);display:flex;align-items:center;gap:7px;padding:9px 12px;background:#fff;border:1px solid var(--line);border-radius:9px;color:#9aa5b3}
.lead-search input{width:100%;border:0;outline:0;background:transparent;font:inherit;font-size:12px;color:var(--ink)}
.leads-layout{display:grid;grid-template-columns:minmax(250px,330px) minmax(0,1fr);gap:14px;min-height:560px}
.leads-list{padding:14px 12px;overflow:hidden}.leads-list-head{display:flex;justify-content:space-between;align-items:center;padding:2px 6px 12px;border-bottom:1px solid var(--line);font-size:12px}.leads-list-head span{font-size:10px;color:var(--muted);background:#f1f5f9;border-radius:20px;padding:3px 8px}
.lead-list{padding-top:7px;max-height:calc(100vh - 280px);overflow:auto}
.lead-row{display:flex;width:100%;align-items:center;gap:10px;text-align:left;border:0;background:transparent;padding:11px 8px;border-radius:10px;cursor:pointer;font:inherit;color:var(--ink)}
.lead-row:hover,.lead-row.active{background:#f2f6fb}.lead-row .personavatar{flex:0 0 38px}
.lead-row-copy{display:flex;min-width:0;flex:1;flex-direction:column;align-items:flex-start;gap:3px}.lead-row-copy b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.lead-row-copy>span:not(.lead-category-tag){font-size:11px;color:#74839a}
.lead-category-tag{display:inline-block;background:#edf3fa;color:#456c99;font-size:10px;padding:3px 7px;border-radius:20px}
.lead-list-empty{padding:18px 9px}
.lead-workspace{padding:21px;overflow:hidden}
.lead-empty{min-height:480px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px}
.empty-icon{width:52px;height:52px;display:grid;place-items:center;background:#eef4fb;color:var(--blue);border-radius:16px;font-size:22px;margin-bottom:13px}
.lead-empty h3{font-size:15px;margin:0 0 6px}.lead-empty p{max-width:320px;color:var(--muted);font-size:12px;margin:0}
.lead-profile{display:flex;align-items:center;gap:13px;padding:2px 2px 17px;border-bottom:1px solid var(--line)}
.lead-profile .personavatar{flex:0 0 52px}.lead-profile-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.lead-profile-copy h3{margin:0;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-profile-copy a{font-size:12px;color:var(--blue);text-decoration:none}.lead-profile-copy small{font-size:10px;color:var(--muted)}
.lead-profile-actions{display:flex;align-items:center;gap:8px}.primary-button{display:inline-flex;justify-content:center;align-items:center;gap:6px;border:0;background:var(--blue);color:#fff;text-decoration:none;border-radius:8px;padding:9px 12px;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.primary-button:hover{background:#254e87}.primary-button:disabled,.primary-button.disabled{opacity:.45;pointer-events:none}
.lead-fields{display:flex;align-items:end;gap:10px;padding:15px 2px 19px;border-bottom:1px solid var(--line)}
.lead-fields label{display:flex;flex-direction:column;gap:5px;min-width:135px;font-size:10px;color:#7b899c;font-weight:700}
.lead-fields select{height:35px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:inherit;font-size:12px;padding:0 9px}
.lead-fields .subtle{height:35px}
.call-planner{padding-top:20px}.call-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.call-title .eyebrow{margin-bottom:3px}.call-title h3{font-size:15px;margin:0}.call-title>span{font-size:10px;color:#78869a;background:#f4f7fb;border-radius:20px;padding:6px 9px}
.call-planner>label{font-size:11px;font-weight:700;color:#526680}.call-hint{margin:4px 0 8px;color:#8794a5;font-size:11px}
.call-planner textarea{display:block;width:100%;min-height:92px;resize:vertical;border:1px solid var(--line);border-radius:9px;padding:11px 12px;font:inherit;font-size:12px;outline-color:#aac4e4;color:var(--ink)}
.call-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}.call-actions span{font-size:10px;color:#8895a6}.call-actions button:disabled{opacity:.6;cursor:wait}
.call-plan-card{margin-top:17px;border:1px solid #e1eaf4;background:#f7faff;border-radius:11px;padding:13px}
.call-plan-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:9px;border-bottom:1px solid #e4ebf3}.call-plan-head b{font-size:11px;color:#345d8f}.call-plan-head .subtle{padding:5px 8px}
.call-plan-text{padding-top:10px;white-space:pre-wrap;font-size:12px;line-height:1.65;color:#31425a}
@media(max-width:900px){.leads-layout{grid-template-columns:minmax(220px,280px) minmax(0,1fr)}.lead-profile{flex-wrap:wrap}.lead-profile-actions{margin-left:auto}}
@media(max-width:700px){.leads-view{min-height:unset}.leads-heading{align-items:flex-start;flex-direction:column}.lead-search{width:100%}.leads-layout{display:flex;flex-direction:column;min-height:unset}.leads-list{max-height:31vh}.lead-list{max-height:22vh}.lead-workspace{padding:16px 13px}.lead-empty{min-height:240px}.lead-profile{align-items:flex-start}.lead-profile-copy{padding-top:4px}.lead-profile-actions{width:100%;margin:4px 0 0 65px}.lead-fields{align-items:stretch;flex-wrap:wrap}.lead-fields label{flex:1 1 42%;min-width:120px}.lead-fields .subtle{flex:1 1 100%}.call-title{align-items:flex-start;gap:10px}.call-title>span{white-space:nowrap}.call-actions{align-items:stretch;flex-direction:column}.call-actions .primary-button{width:100%}.leads-view+.app footer{font-size:9px}}
.lead-empty[hidden],#inboxView[hidden]{display:none!important}

.lead-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.lead-status-filter{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;white-space:nowrap}
.lead-status-filter select{height:38px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);padding:0 9px;font:inherit;font-size:11px}
.lead-sync-time{display:block;margin-top:5px;color:#8794a5;font-size:10px}
.lead-row-preview{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8a96a5!important;font-size:10px!important}
.lead-back{display:none}
#leadDetail{max-height:calc(100vh - 265px);overflow:auto;scrollbar-width:thin}
.lead-extra{margin:10px 0;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 12px}
.lead-extra>summary{padding:11px 0;color:#385d4b;font-size:11px;font-weight:750;cursor:pointer;list-style:none}
.lead-extra>summary::-webkit-details-marker{display:none}
.lead-extra>summary:after{content:"+";float:right;color:#7e9388;font-size:15px;line-height:12px}
.lead-extra[open]>summary:after{content:"−"}
.lead-extra[open]{padding-bottom:12px}
.summary-fields{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin:1px 0 11px}
.summary-fields p{display:grid;gap:2px;margin:0;padding:7px 8px;border-radius:8px;background:#f7f9f7;font-size:10px;line-height:1.4}
.summary-fields b{color:#52705f;font-size:9px}
.summary-fields span{color:#64746c}
.control-label{display:block;margin:9px 0 5px;color:#75847c;font-size:10px;font-weight:700}
.note-field{display:block;width:100%;min-height:66px;resize:vertical;border:1px solid var(--line);border-radius:9px;padding:9px 10px;color:var(--ink);font:inherit;font-size:11px;outline-color:#aac4e4}
#leadCallStatus{width:100%;height:35px;font-size:11px}
.lead-messages{display:grid;gap:7px;max-height:260px;overflow:auto;padding:0 0 2px}
.lead-message{max-width:92%;border:1px solid #edf0ee;border-radius:10px;background:#f8faf8;padding:8px 10px}
.lead-message.out{justify-self:end;background:#edf6f0}
.lead-message b{font-size:9px;color:#718078}
.lead-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:3px 0;color:#31433a;font-size:11px;line-height:1.45}
.lead-message time{display:block;text-align:right;color:#8b9891;font-size:9px}
.lead-no-messages{color:var(--muted);font-size:10px}
.call-planner{padding-top:8px}
@media(max-width:700px){
  .lead-toolbar{width:100%;display:grid;grid-template-columns:1fr auto;justify-content:stretch}
  .lead-search{grid-column:1/-1}
  .lead-status-filter{grid-column:1/-1;justify-content:space-between}
  .lead-status-filter select{flex:1}
  .leads-layout.mobile-detail .leads-list{display:none}
  .leads-layout.mobile-detail .lead-workspace{display:block;max-height:calc(100dvh - 230px);overflow:auto}
  .leads-layout:not(.mobile-detail) .lead-workspace{display:none}
  .lead-back{display:block;margin:-4px 0 10px;border:0;background:transparent;color:var(--blue);font-size:11px;font-weight:700;padding:4px 0}
  #leadDetail{max-height:none;overflow:visible}
  .summary-fields{grid-template-columns:1fr}
  .lead-profile-actions{margin:5px 0 0 65px}
  .lead-profile-actions>*{flex:1}
}

.message-nav{display:grid;place-items:center;color:#426996}
.message-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.message-nav:hover{background:#f5f8fc;color:var(--blue)}
.messages-view{width:100%;min-width:0;min-height:calc(100vh - 145px);overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#f4f7f5;box-shadow:var(--shadow)}
.messages-view[hidden]{display:none!important}
.messages-view iframe{display:block;width:100%;height:calc(100vh - 165px);min-height:500px;border:0;border-radius:15px;background:#f4f7f5}
@media(max-width:700px){.messages-view{min-height:calc(100dvh - 120px)}.messages-view iframe{height:calc(100dvh - 160px);min-height:560px}}