:root{--bg:#f3f6fa;--panel:#fff;--soft:#f7f9fc;--line:#e2e9f2;--text:#263f63;--muted:#7d8da3;--blue:#1769e0;--blue2:#0b51bd;--nav:#0e2a56;--green:#20a66a;--red:#c53e3e;--shadow:0 12px 34px rgba(31,57,91,.08)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:285px;background:linear-gradient(180deg,#12376f,#09244c);color:#fff;padding:18px 14px;display:flex;flex-direction:column;z-index:20;box-shadow:8px 0 24px rgba(9,36,76,.08)}.brand{display:flex;align-items:center;gap:12px;padding:6px 8px 17px;border-bottom:1px solid rgba(255,255,255,.09)}.brand img{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:12px;padding:5px}.brand h1{font-size:15px;margin:0}.brand p{font-size:9px;color:#aac4eb;margin:3px 0 0}.penny-side{display:flex;gap:10px;align-items:center;margin:14px 6px;padding:10px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.05);border-radius:12px}.penny-side img{width:45px;height:45px;border-radius:12px;object-fit:cover}.penny-side strong{font-size:10px;display:block}.penny-side small{font-size:8px;color:#bed2ef;display:block}.penny-side span{display:flex;align-items:center;gap:5px;font-size:8px;color:#d7e6fb;margin-top:4px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#7d8ca3}.dot.on{background:#23c77a;box-shadow:0 0 0 3px rgba(35,199,122,.12)}.nav{display:grid;gap:5px;overflow:auto}.nav-btn{border:0;background:transparent;color:#d5e4f8;border-radius:10px;padding:10px 11px;display:flex;align-items:center;gap:10px;text-align:left;font-size:10px;font-weight:800;cursor:pointer}.nav-btn b{font-size:14px;width:19px;text-align:center}.nav-btn:hover{background:rgba(255,255,255,.06)}.nav-btn.active{background:linear-gradient(135deg,#2785f4,#0b51bd);color:#fff;box-shadow:0 7px 18px rgba(0,0,0,.17)}.side-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.09);padding:13px 7px 3px;display:flex;align-items:center;justify-content:space-between;gap:8px}.side-foot strong{display:block;font-size:9px}.side-foot span{display:block;font-size:8px;color:#a9c1e2;margin-top:2px}.side-foot button{border:0;background:transparent;color:#d5e4f8;font-size:8px;cursor:pointer}.main{margin-left:285px;padding:18px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.topbar small{font-size:8px;color:#8293a9;text-transform:uppercase;letter-spacing:.08em}.topbar h2{font-size:19px;margin:2px 0 0}.top-actions{display:flex;gap:8px;align-items:center}.pill,.role-pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;font-size:8px;font-weight:900;display:inline-flex;align-items:center;gap:6px}.role-pill{text-transform:uppercase;background:#eaf3ff;color:#0b51bd}.mini-select{border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 8px;font-size:9px;color:var(--text)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:15px}.stat{background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px;display:flex;gap:11px;align-items:center;box-shadow:0 3px 10px rgba(40,59,90,.03)}.stat-icon{width:39px;height:39px;border-radius:10px;display:grid;place-items:center;background:#eef5ff;font-size:17px}.stat label{display:block;font-size:8px;color:var(--muted);font-weight:900;text-transform:uppercase}.stat strong{display:block;font-size:18px;margin:1px 0}.stat small{display:block;font-size:8px;color:#91a0b3}.card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 14px rgba(28,52,84,.035);overflow:hidden;min-width:0}.card-head{padding:13px 15px;border-bottom:1px solid #edf1f6;display:flex;align-items:center;justify-content:space-between;gap:12px}.card-head h3{font-size:11px;margin:0}.card-head p{font-size:8px;color:var(--muted);margin:2px 0 0}.chat-grid{display:grid;grid-template-columns:335px minmax(0,1fr) 310px;gap:14px;min-height:690px}.inbox,.chat-pane,.context-pane{height:690px}.inbox{display:flex;flex-direction:column}.search{border:1px solid var(--line);border-radius:8px;padding:7px 8px;width:125px;font-size:9px}.conv-list{overflow:auto;flex:1}.conv{width:100%;border:0;border-bottom:1px solid #edf1f6;background:#fff;padding:11px;display:flex;gap:9px;text-align:left;cursor:pointer;position:relative}.conv:hover{background:#f8fbff}.conv.active{background:#edf5ff;border-left:3px solid var(--blue)}.conv-avatar{width:36px;height:36px;border-radius:10px;background:#eaf1f9;color:#547093;display:grid;place-items:center;font-size:9px;font-weight:900;flex:none}.conv-main{min-width:0;flex:1}.conv-main>div{display:flex;justify-content:space-between;gap:6px}.conv-main strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-main span{font-size:7px;color:#98a5b6}.conv-main p{font-size:8px;color:#61728a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:4px 0}.conv-main small{font-size:7px;color:#9aa7b8}.typing-mini{position:absolute;right:8px;bottom:7px;color:var(--blue)!important;font-weight:900}.chat-pane{display:flex;flex-direction:column}.chat-head{padding:10px 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.client{display:flex;gap:9px;align-items:center;min-width:0}.avatar{width:39px;height:39px;border-radius:10px;background:#eaf1f9;display:grid;place-items:center;font-size:9px;font-weight:900}.client strong{display:block;font-size:10px}.client small{display:block;font-size:8px;color:var(--muted);margin-top:2px}.chat-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.btn{border:1px solid #cfd9e6;background:#fff;color:#405879;border-radius:8px;padding:7px 9px;font-size:8px;font-weight:900;cursor:pointer}.btn:hover{filter:brightness(.985)}.btn.blue{background:linear-gradient(135deg,#2785f4,#0b51bd);border-color:transparent;color:#fff}.btn.red{background:#fff1f1;border-color:#ffd0d0;color:#b73838}.btn.big{width:100%;padding:10px}.messages{flex:1;overflow:auto;background:linear-gradient(180deg,#f8fbff,#f0f5fb);padding:14px}.msg-row{display:flex;gap:7px;margin-bottom:12px;align-items:flex-end}.msg-row.me{justify-content:flex-end}.msg-row.system{justify-content:center}.msg-avatar{width:27px;height:27px;border-radius:8px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;font-size:7px;font-weight:900;overflow:hidden}.msg-avatar img{width:100%;height:100%;object-fit:cover}.msg{max-width:78%;border:1px solid var(--line);background:#fff;border-radius:11px;padding:8px 10px;position:relative;font-size:10px;overflow-wrap:anywhere}.me .msg{background:#1769e0;color:#fff;border-color:#1769e0}.system .msg{background:#eef3f8;color:#63758c;border:0;max-width:90%;text-align:center}.msg-name{font-size:7px;font-weight:900;text-transform:uppercase;color:#7d8da3;margin-bottom:3px}.me .msg-name{color:rgba(255,255,255,.75)}.msg-meta{font-size:7px;color:#9aa7b8;margin-top:5px;text-align:right}.me .msg-meta{color:rgba(255,255,255,.7)}.msg-body code{background:rgba(90,105,120,.12);border-radius:4px;padding:1px 3px}.msg-reacts{display:flex;gap:3px;margin-top:5px}.msg-reacts span{border:1px solid var(--line);border-radius:999px;padding:2px 4px;font-size:7px;background:#f7f9fc;color:#445d7c}.msg-actions{display:flex;gap:3px;margin-top:5px;opacity:.25}.msg:hover .msg-actions{opacity:1}.msg-actions button{border:0;background:transparent;font-size:8px;cursor:pointer;color:inherit}.chat-attachment img{display:block;max-width:220px;max-height:150px;border-radius:7px;margin-top:6px}.chat-attachment span,.file-attachment{display:block;font-size:8px;margin-top:4px;color:inherit}.visitor-typing{font-size:8px;color:var(--blue);font-weight:900}.reply-tools{display:flex;gap:5px;padding:7px 9px 0;background:#fff}.reply-tools button{border:0;background:#eef3f8;border-radius:7px;padding:6px;cursor:pointer}.reply-tools select{border:1px solid var(--line);border-radius:7px;font-size:8px;padding:5px;background:#fff}.composer{padding:8px 9px 10px;border-top:0;display:flex;gap:7px;background:#fff}.composer textarea{flex:1;resize:none;border:1px solid var(--line);border-radius:9px;min-height:46px;max-height:100px;padding:8px 9px;font-size:10px;outline:none}.composer textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,105,224,.08)}.send{width:44px;border:0;border-radius:9px;background:linear-gradient(135deg,#2785f4,#0b51bd);color:#fff;font-size:16px;cursor:pointer}.emoji-line{padding:6px 10px;background:#fff;border-top:1px solid var(--line);font-size:18px;cursor:pointer}.hidden{display:none!important}.context-pane{display:flex;flex-direction:column}.context-scroll{padding:13px;overflow:auto}.visitor-card{display:flex;gap:10px;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line)}.big-avatar{width:48px;height:48px;border-radius:12px;background:#eaf1f9;display:grid;place-items:center;font-size:11px;font-weight:900}.visitor-card strong{font-size:10px;display:block}.visitor-card span{display:block;font-size:8px;color:var(--muted);margin-top:2px}.ctx{padding:10px 0;border-bottom:1px solid #edf1f6}.ctx label{display:block;font-size:7px;text-transform:uppercase;color:#8a99ac;font-weight:900}.ctx strong{display:block;font-size:9px;margin-top:3px}.ctx span{display:block;font-size:7px;color:#8392a5;margin-top:2px;overflow-wrap:anywhere}.context-section{padding-top:12px;margin-top:6px;border-top:1px solid var(--line)}.context-section h4{font-size:9px;margin:0 0 7px}.row-gap{display:grid;gap:5px}.row-gap select,.context-section select,.context-section textarea,.guide-box input{width:100%;border:1px solid var(--line);border-radius:7px;padding:7px;font-size:8px;background:#fff;color:var(--text)}.context-section textarea{min-height:55px;resize:vertical;margin-bottom:5px}.tags{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:6px}.tags span{background:#eaf3ff;color:#0b51bd;padding:4px 6px;border-radius:999px;font-size:7px;font-weight:900}.tags button{border:0;background:transparent;color:inherit;cursor:pointer}.notes{display:grid;gap:5px;margin-bottom:6px}.notes>div{border:1px solid var(--line);border-radius:7px;padding:6px}.notes strong{font-size:7px}.notes span{float:right;font-size:6px;color:var(--muted)}.notes p{font-size:8px;margin:4px 0 0}.guide-box{display:grid;gap:5px;margin-top:8px}.guide-box small{font-size:7px;color:var(--muted)}.hero-empty img{width:80px;height:80px;border-radius:18px;margin-bottom:8px}.hero-empty strong,.hero-empty span{display:block}.hero-empty span{font-size:8px;margin-top:3px}.empty{height:100%;min-height:110px;display:grid;place-items:center;text-align:center;padding:20px;color:#8b9aaf;font-size:9px}.empty.small{min-height:70px}.page-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-7{grid-column:span 7}.span-6{grid-column:span 6}.span-5{grid-column:span 5}.span-4{grid-column:span 4}.panel-body{padding:14px}.panel-body label{display:block;font-size:8px;font-weight:900;color:#667b96;margin-bottom:7px}.field{width:100%;border:1px solid var(--line);border-radius:8px;padding:8px 9px;background:#fff;color:var(--text);font-size:9px;outline:none;margin:4px 0 8px}.field:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,105,224,.07)}textarea.field{resize:vertical;min-height:75px}.field.tall{min-height:145px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.check{display:flex!important;align-items:center;gap:6px!important}.check input{width:14px;height:14px}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th{font-size:7px;text-transform:uppercase;letter-spacing:.05em;color:#8190a4;text-align:left;background:#f8fafc;padding:9px 10px;border-bottom:1px solid #edf1f6}.table-wrap td{font-size:8px;padding:9px 10px;border-bottom:1px solid #edf1f6;vertical-align:top}.table-wrap td strong{display:block;font-size:9px}.table-wrap td small{display:block;color:#8493a7;margin-top:2px;max-width:340px;overflow-wrap:anywhere}.actions{white-space:nowrap}.status{display:inline-block;border-radius:999px;padding:4px 6px;background:#edf2f7;color:#6d7e94;font-size:7px;font-weight:900;text-transform:uppercase}.status.online,.status.indexed{background:#e5f7ef;color:#147a55}.status.away,.status.queued,.status.indexing,.status.scanning{background:#fff4da;color:#96620d}.status.offline,.status.error{background:#ffeaea;color:#ad3434}.departments{padding:14px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.departments>span{background:#eaf3ff;color:#0b51bd;border-radius:999px;padding:6px 8px;font-size:8px;font-weight:900}.departments form{display:flex;gap:5px;align-items:center}.departments .field{margin:0}.rule-list{padding:0 14px 14px;display:grid;gap:6px}.rule{border:1px solid var(--line);border-radius:9px;padding:9px;display:flex;justify-content:space-between;gap:8px;align-items:center}.rule strong{font-size:9px;display:block}.rule small{font-size:7px;color:var(--muted);display:block;margin-top:2px}.flow-builder{padding:14px;display:grid;gap:8px}.flow-node{border:1px solid var(--line);border-radius:10px;padding:8px;background:#f9fbfe;display:grid;grid-template-columns:28px 1fr;gap:8px;cursor:grab}.flow-node>b{width:28px;height:28px;border-radius:8px;background:#eaf3ff;color:#0b51bd;display:grid;place-items:center}.flow-node strong{font-size:8px}.flow-node .field{margin:4px 0 0}.site-grid{padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.site-card{border:1px solid var(--line);border-radius:10px;padding:10px}.site-card>div{display:flex;justify-content:space-between;gap:8px}.site-card strong{font-size:9px}.site-card code{font-size:7px;background:#eef3f8;padding:3px 5px;border-radius:5px}.site-card p{display:flex;gap:4px;flex-wrap:wrap}.site-card p span{font-size:7px;background:#f3f6fa;padding:3px 5px;border-radius:6px}.site-card small{font-size:7px;color:var(--muted)}.site-card details{margin-top:8px}.site-card summary{font-size:8px;cursor:pointer}.site-card pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#0d1d31;color:#d9e8ff;padding:8px;border-radius:7px;font-size:7px}.connector-grid{padding:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.connector{border:1px solid var(--line);border-radius:10px;padding:9px;display:flex;gap:8px;align-items:center}.connector>b{font-size:20px}.connector strong{font-size:8px;display:block}.connector small{font-size:7px;color:var(--muted)}.code-field{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;min-height:90px}.secret-box{margin-top:8px;background:#0d1d31;color:#d9e8ff;padding:8px;border-radius:7px;font-size:8px;overflow-wrap:anywhere}.heatmap{margin:16px;display:grid;grid-template-columns:repeat(10,1fr);gap:2px;aspect-ratio:1.5}.heatmap i{background:#1769e0;border-radius:2px;min-height:12px}.help{padding:0 14px 14px;color:var(--muted);font-size:8px}.penny-hero{background:linear-gradient(135deg,#174a95,#0b3a81);color:#fff;padding:18px;min-height:220px;position:relative;overflow:hidden}.penny-info{display:flex;gap:12px;align-items:center}.penny-info img{width:82px;height:82px;border-radius:18px;object-fit:cover;border:2px solid rgba(255,255,255,.65)}.penny-info small{font-size:7px;background:rgba(255,255,255,.14);padding:4px 6px;border-radius:999px}.penny-info h3{font-size:20px;margin:7px 0 0}.penny-info p{font-size:10px;margin:1px 0;color:#dce9ff}.penny-hero>p{font-size:9px;line-height:1.6;color:#dbe9ff;max-width:430px}.health-grid{padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.health-grid>div{border:1px solid var(--line);border-radius:10px;padding:12px;display:grid;grid-template-columns:12px 1fr;gap:6px}.health-grid strong{font-size:9px}.health-grid span{grid-column:2;font-size:8px;color:var(--muted)}.test-answer{margin:0 14px 14px;border:1px solid var(--line);border-radius:9px;background:#f7faff;padding:10px;min-height:90px;font-size:9px;line-height:1.5}.diag-list{padding:14px;display:grid;gap:8px}.diag{border:1px solid var(--line);border-radius:9px;padding:10px;display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center}.diag>i{width:9px;height:9px;border-radius:50%;background:#c53e3e}.diag.ok>i{background:#20a66a}.diag strong{display:block;font-size:9px}.diag span{display:block;font-size:7px;color:var(--muted)}.diag b{font-size:7px}.diag.ok b{color:#16845b}.diag.bad b{color:#b83838}.media-overlay{position:fixed;right:22px;bottom:22px;width:380px;background:#07111e;border:1px solid #2f425a;border-radius:14px;overflow:hidden;z-index:80;box-shadow:0 20px 54px rgba(0,0,0,.35)}.media-overlay>video:first-child{width:100%;height:250px;background:#000;object-fit:contain}.media-overlay>video:nth-child(2){position:absolute;right:10px;bottom:48px;width:100px;height:75px;object-fit:cover;background:#111;border:2px solid #fff;border-radius:8px}.media-overlay>div{display:flex;justify-content:space-between;align-items:center;color:#fff;padding:8px 10px;font-size:8px}.toast{position:fixed;right:20px;top:20px;z-index:100;background:#173e73;color:#fff;padding:10px 12px;border-radius:9px;font-size:9px;box-shadow:0 12px 30px rgba(20,45,80,.23);max-width:360px}.toast.bad{background:#a73a3a}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 0,#e5f0ff,#f3f6fa 48%)}.login-card{width:min(900px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 54px rgba(22,58,112,.12);overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr}.login-visual{background:linear-gradient(145deg,#174a95,#082a60);padding:28px;color:#fff;position:relative;min-height:440px;overflow:hidden}.login-visual .oa{width:72px;background:#fff;border-radius:16px;padding:7px}.login-visual h1{font-size:27px;margin:24px 0 8px}.login-visual p{font-size:12px;color:#d5e4ff;max-width:360px;line-height:1.6}.login-penny{position:absolute;width:320px;right:-34px;bottom:-34px}.login-form{padding:42px 34px;display:flex;flex-direction:column;justify-content:center}.login-form h2{margin:0 0 5px}.login-form>p{font-size:10px;color:var(--muted);margin:0 0 18px}.label{font-size:8px;font-weight:900;color:#627995;text-transform:uppercase}.error{font-size:9px;color:var(--red);margin-top:8px}.legacy{margin-top:12px}.legacy summary{font-size:8px;color:var(--muted);cursor:pointer}footer{text-align:center;color:#91a0b4;font-size:8px;padding:20px}
@media(max-width:1450px){.chat-grid{grid-template-columns:310px minmax(0,1fr)}.context-pane{grid-column:1/-1;height:auto;min-height:320px}.context-scroll{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.visitor-card{grid-column:1/-1}.context-section{border:1px solid var(--line);border-radius:9px;padding:10px;margin:0}}
@media(max-width:1100px){.sidebar{position:static;width:auto;min-height:auto}.app{display:block}.nav{grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible}.side-foot{margin-top:10px}.main{margin-left:0}.chat-grid{grid-template-columns:300px minmax(0,1fr)}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.span-8,.span-7,.span-6,.span-5,.span-4{grid-column:span 12}.site-grid{grid-template-columns:1fr}.connector-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.main{padding:10px}.topbar{align-items:flex-start}.top-actions{flex-wrap:wrap;justify-content:flex-end}.stats{grid-template-columns:1fr 1fr;gap:8px}.chat-grid{grid-template-columns:1fr}.inbox{height:350px}.chat-pane{height:650px}.context-pane{height:auto}.context-scroll{display:block}.context-section{margin-top:8px}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.brand,.penny-side{display:none}.sidebar{padding:8px}.page-grid{gap:9px}.form-grid{grid-template-columns:1fr}.login-card{grid-template-columns:1fr}.login-visual{display:none}.login-form{padding:28px 20px}.table-wrap table{min-width:700px}.media-overlay{left:8px;right:8px;bottom:8px;width:auto}}
/* OA SUPPORT v2.0 multi-property editor */
.site-edit{display:grid;gap:5px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.site-edit label{font-size:7px;font-weight:900;color:var(--muted)}.site-edit .field{margin-top:3px}.toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:4px 0 8px}
@media(max-width:760px){.toggle-grid{grid-template-columns:1fr}}