:root{--ink:#17231d;--muted:#6f7d75;--line:#e2e9e5;--green:#0da66a;--green-dark:#087c50;--green-soft:#e8f8f0;--bg:#f4f7f5;--white:#fff;--sidebar:#0d241a;--shadow-sm:0 1px 2px rgba(14,37,26,.04),0 5px 16px rgba(14,37,26,.04);--shadow-md:0 16px 40px rgba(14,37,26,.12);--radius:12px}
html{font-size:16px}body{font-size:14px;-webkit-font-smoothing:antialiased}.hidden{display:none!important}button,input,textarea,select{font-family:inherit}button{transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .1s}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid rgba(13,166,106,.2);outline-offset:2px}.ui-icon,.nav-item svg,.topbar svg,.list-tools svg,.list-caption svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;font-size:12px;font-weight:700}.primary svg,.secondary svg{width:16px;height:16px}.primary:disabled,.secondary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.secondary:hover:not(:disabled){border-color:#c9d5ce;background:#f8faf9}.modal-backdrop{backdrop-filter:blur(4px);animation:fade-in .16s ease}.modal{border:1px solid rgba(255,255,255,.5);animation:modal-in .2s ease}.field input:focus,.field select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(13,166,106,.1);outline:0}.toast{display:flex;align-items:center;min-height:44px;font-size:12px}.sidebar{width:248px;padding:24px 14px 16px;border-right:1px solid rgba(255,255,255,.04)}.app-shell>main{margin-left:248px;width:calc(100% - 248px)}.brand{padding:0 9px 22px}.company-switch{min-height:52px}.sidebar nav{margin-top:18px}.nav-item{min-height:42px;padding:0 12px;font-size:12px}.nav-item span{width:20px;height:20px;display:grid;place-items:center}.nav-item span svg{width:18px;height:18px}.nav-item:hover{background:#1c382b}.nav-item.active{background:#214032;box-shadow:inset 3px 0 #19c27d}.badge.hidden{display:none}.profile button{width:30px;height:30px;cursor:pointer;border-radius:7px}.profile button:hover{background:#ffffff12}.topbar{height:80px;padding:0 24px}.topbar h1{font-size:20px}.topbar p{font-size:11px}.top-actions button{height:38px}.top-actions .primary{padding:0 15px}.top-actions .primary svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}.icon-btn,.filter-btn{display:grid;place-items:center}.icon-btn:hover,.filter-btn:hover,.icon-btn.active,.filter-btn.active{background:var(--green-soft);border-color:#bfe8d3;color:var(--green-dark)}.inbox-grid{grid-template-columns:300px minmax(480px,1fr) 280px;height:calc(100vh - 80px);min-height:540px}.conversation-list,.chat-panel,.details-panel{border-color:var(--line)}.list-tools{padding:14px 12px 9px}.search{height:39px}.search span{display:grid;place-items:center;color:#89958e}.search svg{width:15px;height:15px}.filter-btn{width:39px;height:39px}.filter-btn svg{width:16px;height:16px}.tabs{gap:18px;padding:0 13px}.tabs button{font-size:10px;padding:8px 0 11px}.list-caption{padding:14px 14px 7px}.list-caption button{display:flex;align-items:center;gap:3px;cursor:pointer}.list-caption svg{width:13px;height:13px}.conversation{grid-template-columns:42px minmax(0,1fr) auto;padding:12px 12px;min-height:66px}.conversation h3{font-size:12px}.conversation p{max-width:none}.conversation:focus-visible{outline-offset:-3px}.avatar{overflow:hidden}.avatar.has-photo{background:#edf2ef!important}.avatar img{width:100%;height:100%;object-fit:cover}.chat-header{height:64px}.chat-body{padding:22px clamp(16px,3vw,36px);scroll-behavior:smooth}.bubble{font-size:13px;padding:10px 13px;box-shadow:var(--shadow-sm)}.message{max-width:min(78%,720px)}.composer{padding:8px 9px;border-radius:12px;transition:border-color .16s,box-shadow .16s}.composer:focus-within{border-color:#93d8b7;box-shadow:0 0 0 3px rgba(13,166,106,.08)}.composer textarea{min-height:34px;max-height:120px}.compose-actions .send{display:grid;place-items:center;width:36px;height:34px}.compose-actions .send svg{width:16px;height:16px}.details-title{height:56px}.detail-row>span{width:28px;height:28px;border-radius:7px;background:#f1f5f2;display:grid;place-items:center}.detail-row svg{width:14px;height:14px}.resolve{display:flex;align-items:center;justify-content:center;gap:7px}.resolve svg{width:15px;height:15px}.connection-pill{font-weight:700}.inbox-empty .big-icon{width:54px;height:54px;border-radius:15px;background:var(--green-soft);display:grid;place-items:center;margin:auto}.inbox-empty .big-icon svg{width:26px;height:26px}.inbox-empty h2{font-size:16px}.settings-catalog>button,.settings-catalog>.settings-card-disabled,.provider-grid>*{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:12px;padding:19px;text-align:left;font-family:inherit;display:flex;gap:13px;min-height:145px}.settings-catalog>.settings-card-disabled{opacity:.58}.settings-card-icon svg{width:20px;height:20px}.settings-back{display:grid;place-items:center}.settings-back svg{width:17px;height:17px}.connection-row{box-shadow:var(--shadow-sm)}.connection-delete{width:34px;height:34px;border-radius:8px}.connection-delete:hover{background:#fff0ee;color:#b3443e}.overview-page{max-width:1240px;margin:auto;padding:32px}.module-head{margin-bottom:24px}.module-head>div>span,.module-eyebrow{font-size:9px;letter-spacing:1.2px;color:var(--green);font-weight:800}.module-head h1{font:700 25px Manrope;margin:7px 0 4px}.module-head p{margin:0;color:var(--muted);font-size:12px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metric-grid article{position:relative;padding:20px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm)}.metric-grid article>i{position:absolute;right:18px;top:18px;width:38px;height:38px;border-radius:10px;background:var(--green-soft);color:var(--green-dark);display:grid;place-items:center}.metric-grid article>i svg{width:19px;height:19px}.metric-grid article>span,.metric-grid article>small{display:block;color:var(--muted);font-size:10px}.metric-grid article>strong{display:block;font:700 30px Manrope;margin:12px 0 5px}.operation-card{margin-top:15px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow-sm)}.operation-card h2{font:700 15px Manrope;margin:0 0 4px}.operation-card p{font-size:10px;color:var(--muted);margin:0 0 18px}.operation-list{display:grid;gap:8px}.operation-list>div{display:grid;grid-template-columns:12px 1fr auto;gap:9px;align-items:center;padding:11px 12px;border-radius:9px;background:#f8faf9}.operation-list strong{font-size:11px}.operation-list small{font-size:9px;color:var(--muted)}.channel-dot{width:8px;height:8px;border-radius:50%;background:#a9b3ad}.channel-dot.connected{background:var(--green)}.channel-dot.connecting{background:#e4a536}.module-loading,.module-error{min-height:60vh;display:grid;place-items:center;align-content:center;gap:12px;color:var(--muted)}.module-loading i{width:25px;height:25px;border:2px solid #d9e4de;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}.module-error h2{font:700 16px Manrope;margin:0}.module-error p{font-size:11px}.generic-page .empty-state{background:#fff;border:1px solid var(--line);border-radius:14px;margin-top:24px}.generic-page .empty-state .big-icon{width:52px;height:52px;display:grid;place-items:center;margin:auto;border-radius:14px;background:var(--green-soft)}.generic-page .empty-state svg{width:24px;height:24px}.generic-page .empty-state h2{font:700 16px Manrope}.generic-page .empty-state p{color:var(--muted);font-size:11px}.profile-menu{z-index:10}.profile-menu button[data-page=settings]{display:none}
.mobile-chat-back{display:none;width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);place-items:center;flex:none}.mobile-chat-back svg{width:17px;height:17px}.contact-identity{display:flex;align-items:center;gap:10px}.contact-identity>span{width:34px;height:34px;border-radius:10px;background:var(--green-soft);color:var(--green-dark);display:grid;place-items:center;font-size:9px;font-weight:800;flex:none}.contact-actions button{width:32px;height:32px;border-radius:8px;display:grid;place-items:center}.contact-actions button:hover{background:#f0f5f2;color:var(--green-dark)}.contact-actions button:last-child:hover{background:#fff0ee;color:#b3443e}.contact-actions svg{width:15px;height:15px}.contacts-empty>span{width:54px;height:54px;border-radius:15px;background:var(--green-soft);display:grid;place-items:center;margin:auto}.contacts-empty>span svg{width:25px;height:25px}.secondary.loading svg{animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{from{opacity:0}}@keyframes modal-in{from{opacity:0;transform:translateY(8px) scale(.98)}}
@media(max-width:1180px){.inbox-grid{grid-template-columns:285px minmax(420px,1fr)}.details-panel{display:none}}
@media(max-width:820px){.sidebar{width:68px;padding:20px 9px}.app-shell>main{margin-left:68px;width:calc(100% - 68px)}.brand{padding-left:9px}.inbox-grid{grid-template-columns:260px minmax(400px,1fr);overflow:auto}.metric-grid{grid-template-columns:1fr}.overview-page{padding:22px 16px}}
@media(max-width:620px){.topbar{height:70px;padding:0 14px}.topbar h1{font-size:17px}.top-actions .icon-btn{display:none}.top-actions .primary{font-size:0;width:38px;padding:0}.top-actions .primary svg{margin:0}.inbox-grid{height:calc(100vh - 70px);display:block}.conversation-list{display:block;height:100%}.chat-panel{display:none}.inbox-page.chat-open .conversation-list{display:none}.inbox-page.chat-open .chat-panel{display:flex;height:100%}.mobile-chat-back{display:grid}.message{max-width:88%}.compose-hint{display:none}.metric-grid{grid-template-columns:1fr}.operation-list>div{grid-template-columns:12px 1fr}.operation-list small{grid-column:2}.contacts-head>div:last-child{display:grid;grid-template-columns:1fr 1fr}.contacts-head button span{white-space:nowrap}}