:root{font-family:Arial,sans-serif;color:#24342c;background:#f4f5f0}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #d2d9d0;background:#fff;color:#24342c;border-radius:9px;padding:11px 16px}button:hover{filter:brightness(.96)}a{color:inherit}h1{font-size:32px;letter-spacing:-1px;margin:5px 0 20px}h2{font-size:20px}.eyebrow{font-size:11px;letter-spacing:2px;color:#69766d}#login{min-height:100vh;display:grid;place-items:center;background:#e8ede3}#login form{width:min(440px,95vw);padding:40px;background:white;border-radius:20px}#login h1{font-size:42px}label{display:block;font-size:13px;margin:14px 0}input,select,textarea{width:100%;padding:11px;margin-top:7px;border:1px solid #cbd5cc;border-radius:7px;background:#fff}textarea{min-height:90px}#shell{min-height:100vh;display:grid;grid-template-columns:215px 1fr}#shell[hidden]{display:none}aside{padding:28px 18px;background:#18362a;color:#f1f5ee;display:flex;flex-direction:column;gap:28px}.brand{font-size:27px;font-weight:700}.brand span{display:block;font-size:12px;margin-top:8px;font-weight:400;color:#b3c8b8}nav{display:grid;gap:5px}nav button{background:none;border:0;color:#c9d7cd;text-align:left}nav button.active{background:#365c46;color:white}.office{font-size:13px;margin-top:auto}main{padding:32px;min-width:0}header{display:flex;align-items:center;justify-content:space-between;gap:12px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.metric,.panel{background:white;border:1px solid #e1e5dc;border-radius:13px;padding:22px}.metric span{font-size:12px;color:#64736a}.metric strong{display:block;font-size:30px;margin-top:14px}.board{display:flex;gap:13px;overflow:auto;padding-bottom:16px}.column{min-width:245px;width:245px;background:#e9ede5;border-radius:12px;padding:12px}.column h2{font-size:13px;display:flex;justify-content:space-between}.card{display:block;width:100%;text-align:left;margin:10px 0;padding:16px;border:0;background:#fff;box-shadow:0 2px 5px #18362a08}.card strong,.card span{display:block}.card span{font-size:12px;color:#66736b;margin-top:9px}.table-wrap{overflow:auto;background:white;border-radius:12px}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:16px;text-align:left;font-size:13px;border-bottom:1px solid #edf0e8}th{color:#637067;font-weight:400}td button{padding:6px 9px}.empty{padding:35px;color:#6b766d}.connectors{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.connector strong{display:block;margin-bottom:15px}.hint{font-size:13px;line-height:1.6;color:#65746b}dialog{border:0;border-radius:16px;width:min(540px,94vw);max-height:90vh;padding:28px}dialog::backdrop{background:#17322970}.control-row{margin-top:20px}#message{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#24342c;color:white;border-radius:10px;padding:15px;max-width:90vw;z-index:5}.quick{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:800px){#shell{grid-template-columns:1fr}aside{padding:16px;gap:15px}.brand{font-size:22px}nav{display:flex;overflow:auto}nav button{white-space:nowrap}.office{margin:0}#logout{align-self:flex-start}main{padding:20px}.metrics{grid-template-columns:repeat(2,1fr)}h1{font-size:26px}.metric{padding:16px}.metric strong{font-size:24px}}
.integration-card{margin-top:18px;max-width:850px}.integration-card form{margin-top:16px}.integration-card a{display:inline-block;margin:8px 12px 8px 0}.integration-card .control-row button{min-width:0;padding:10px 6px;font-size:13px}.channel-choices input{width:auto;margin:0 10px 0 0}.channel-choices label{display:flex;align-items:center}.inbox-layout{display:grid;grid-template-columns:240px 1fr;gap:18px;margin-top:18px}.chat-list{display:grid;align-content:start;gap:7px;max-height:650px;overflow:auto}.chat-list button{text-align:left}.chat-list button.selected{border:2px solid currentColor}.chat-feed{max-height:480px;overflow:auto;padding:15px 0}.bubble{border:1px solid #cbd5cc;border-radius:12px;padding:12px;margin:10px 0;max-width:90%}.bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 10px}.bubble small{font-size:10px;color:#65746b}.bubble.outgoing{margin-left:auto;background:#f4f5f0}@media(max-width:700px){.inbox-layout{grid-template-columns:1fr}.chat-list{max-height:180px}.integration-card{padding:16px}.integration-card .control-row button{font-size:12px}}@media(prefers-color-scheme:dark){:root{color:#edf4ed;background:#18251e}.panel,.metric,.table-wrap,.card,dialog{background:#22332a;color:#edf4ed;border-color:#46574b}.hint,.metric span,.card span{color:#bccabe}button,input,select,textarea{background:#263a2e;color:#edf4ed;border-color:#627466}#login{background:#18251e}#login form{background:#22332a}.bubble.outgoing{background:#304737}.column{background:#21372a}}
.bot-step{border:1px solid #cbd5cc;border-radius:10px;padding:14px;margin:14px 0;overflow-wrap:anywhere}.bot-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}.bot-step textarea,.bot-step select{min-width:0}.bot-list .integration-card{max-width:none}@media(prefers-color-scheme:dark){.bot-step{border-color:#46574b}}
.app-toolbar{display:flex;justify-content:flex-end;gap:8px;margin-bottom:16px}.app-toolbar button{font-size:12px;min-height:40px}.customer-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;margin-top:18px}.customer-card{text-align:left;padding:18px;min-height:100px}.customer-card strong,.customer-card span,.customer-card small{display:block;margin:6px 0;overflow-wrap:anywhere}.customer-hub{margin-top:18px;max-width:1000px}.client-section{margin-top:26px;padding-top:12px;border-top:1px solid #cbd5cc}.client-record,.notification-item{display:block;width:100%;text-align:left;border:1px solid #cbd5cc;border-radius:12px;padding:14px;margin:12px 0;overflow-wrap:anywhere}.notification-item.unread{border-left:4px solid currentColor}.notification-item p{white-space:pre-wrap}.notification-item small{display:block;margin-bottom:10px}.notification-category{padding:14px 0;border-top:1px solid #cbd5cc}.check-label{display:flex;align-items:center;gap:10px;min-height:40px}.check-label input{width:22px;height:22px;margin:0;flex-shrink:0;accent-color:#20824b}.board[data-filtered=true] .column{width:100%;min-width:0}.board[data-filtered=true]{display:block;margin-top:18px}#mobile-nav{display:none}#network-status{padding:12px;border:1px solid currentColor;border-radius:8px}@media(max-width:800px){#shell>aside{display:none}#shell.show-menu>aside{display:flex;margin-bottom:10px}#shell.show-menu #nav{display:grid;grid-template-columns:1fr 1fr;gap:5px;overflow:visible}#shell.show-menu #nav button{font-size:13px;min-height:44px;white-space:normal}main{padding:16px 12px calc(90px + env(safe-area-inset-bottom))}#mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;position:fixed;bottom:0;left:0;right:0;z-index:4;background:#18362a;padding:8px 5px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #46574b}#mobile-nav button{padding:10px 2px;border:0;color:#e9f0eb;background:transparent;text-align:center;font-size:10px;min-height:44px;white-space:nowrap}#mobile-nav button.active{background:#365c46;color:#fff}input,select,textarea{font-size:16px}button{touch-action:manipulation;min-height:44px}header{align-items:flex-start}header h1{font-size:26px}header #add{font-size:12px;padding:10px;flex-shrink:0}.customer-hub{padding:16px}.app-toolbar{justify-content:space-between}.app-toolbar button{max-width:70%;overflow-wrap:anywhere}.table-wrap table{font-size:12px}#message{bottom:calc(84px + env(safe-area-inset-bottom))}.client-record .control-row button{font-size:12px;padding:10px 5px}.notification-category .control-row{margin-top:4px}#login form{padding:26px}.metrics{gap:10px}.metric strong{font-size:22px}.bubble{max-width:98%}.inbox-layout .chat-list{display:flex;overflow:auto;max-height:100px}.chat-list button{min-width:170px;max-width:210px}}@media(prefers-color-scheme:dark){.client-record,.client-section,.notification-item,.notification-category{border-color:#46574b}}
.phone-records{display:none}@media(max-width:800px){.phone-records{display:block}.phone-records~.table-wrap{display:none}.phone-records .client-record strong{font-size:17px}.phone-records .hint{margin:8px 0}}