*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'Leelawadee UI','Tahoma',system-ui,sans-serif;background:#070a10;color:#ecf1ff}body{overflow-x:hidden}.glow{position:fixed;border-radius:50%;filter:blur(130px);opacity:.13;pointer-events:none}.g1{width:520px;height:520px;background:#635bff;left:18%;top:-220px}.g2{width:480px;height:480px;background:#15d6bd;right:-180px;bottom:-220px}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh;position:relative}.side{position:sticky;top:0;height:100vh;padding:22px 15px;border-right:1px solid #1b2232;background:rgba(8,11,18,.88);backdrop-filter:blur(20px);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 22px}.logo{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#735cff,#1dd8cc);display:grid;place-items:center;font-weight:800}.brand b{display:block;letter-spacing:.5px}.brand small{display:block;color:#67728b;font-size:10px;letter-spacing:1.5px}.company-button{width:100%;border:1px solid #252e42;background:#101522;color:#fff;border-radius:13px;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;text-align:left;margin-bottom:18px;cursor:pointer}.company-button small{display:block;color:#6e7991;font-size:10px}.company-button b{font-size:13px}.company-button i{font-style:normal;color:#7f8ba6}nav{display:flex;flex-direction:column;gap:5px}nav button{border:0;background:transparent;color:#8994aa;text-align:left;padding:10px 12px;border-radius:10px;cursor:pointer;font-size:13px;display:flex;gap:11px;align-items:center}nav button:hover,nav button.active{background:#111827;color:#f2f5ff}nav button.active{box-shadow:inset 2px 0 #7367ff}.side-foot{margin-top:auto}.health{border:1px solid #20293a;border-radius:12px;padding:10px;display:flex;gap:9px;align-items:center}.health>span{width:9px;height:9px;border-radius:50%;background:#59647a}.health>span.ok{background:#31d69b;box-shadow:0 0 12px #31d69b}.health b{font-size:11px;display:block}.health small{font-size:9px;color:#69758e}main{padding:28px 34px 60px;min-width:0}header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}h1{font-size:26px;margin:0 0 3px}header p{margin:0;color:#74809a;font-size:12px}.head-actions{display:flex;gap:8px}button{font-family:inherit}.primary,.ghost,.danger,.secondary{border-radius:10px;padding:9px 14px;cursor:pointer;font-weight:600;font-size:12px}.primary{border:0;color:#fff;background:linear-gradient(135deg,#6659f4,#4e8cff)}.ghost,.secondary{border:1px solid #293247;background:#101521;color:#aeb8cc}.danger{border:1px solid #582c37;background:#241117;color:#ff9aa9}.grid{display:grid;gap:14px}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.card{border:1px solid #20283a;background:rgba(13,18,28,.86);border-radius:16px;padding:17px}.metric small,.muted{color:#6e7a93}.metric b{font-size:27px;display:block;margin:7px 0 3px}.metric span{font-size:10px;color:#77849e}.panel{border:1px solid #20283a;background:rgba(11,16,25,.88);border-radius:17px;padding:18px;margin-top:14px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel-head h3{margin:0;font-size:15px}.panel-head p{margin:2px 0 0;color:#69758e;font-size:10px}.status-grid{grid-template-columns:repeat(3,1fr)}.status-item{padding:14px;border-radius:12px;background:#0c111b;border:1px solid #1b2434}.status-item b{display:block;font-size:12px;margin-bottom:4px}.status-item span{font-size:10px;color:#71809a}.oktxt{color:#3bdda6!important}.chat-layout{display:grid;grid-template-columns:1fr 300px;gap:14px;height:calc(100vh - 145px)}.chatbox{display:flex;flex-direction:column;min-height:500px}.messages{flex:1;overflow:auto;padding:8px}.msg{display:flex;margin:12px 0}.msg.user{justify-content:flex-end}.bubble{max-width:78%;padding:12px 14px;border-radius:14px;background:#111827;border:1px solid #222c40;font-size:13px;line-height:1.65;white-space:pre-wrap}.msg.user .bubble{background:#20283a}.sources{font-size:9px;color:#697994;margin-top:6px}.composer{display:flex;gap:8px;border-top:1px solid #1d2636;padding-top:12px}.composer textarea{flex:1;resize:none;min-height:48px;max-height:120px}.field,textarea,input,select{width:100%}.field{margin-bottom:12px}.field label,.field>span{display:block;color:#93a0b7;font-size:11px;margin-bottom:6px}input,textarea,select{background:#0b1019;border:1px solid #263044;color:#edf2ff;border-radius:10px;padding:10px 11px;font:inherit;font-size:12px;outline:none}input:focus,textarea:focus,select:focus{border-color:#625ff1}.row{display:flex;gap:10px}.row>*{flex:1}.table{width:100%;border-collapse:collapse}.table th{text-align:left;color:#627089;font-size:10px;font-weight:500;padding:9px;border-bottom:1px solid #20293a}.table td{padding:10px 9px;border-bottom:1px solid #151d2b;font-size:11px;color:#bdc7d9}.pill{display:inline-flex;padding:3px 8px;border-radius:100px;background:#161f31;color:#9bacce;font-size:9px}.dropzone{border:1px dashed #34405a;border-radius:14px;padding:28px;text-align:center;background:#0a0f18}.dropzone b{display:block}.dropzone p{font-size:11px;color:#69768d}.doc-list{display:grid;gap:8px;margin-top:12px}.doc{display:flex;align-items:center;justify-content:space-between;border:1px solid #1d2637;background:#0b111b;padding:11px;border-radius:11px}.doc b{font-size:11px}.doc small{display:block;color:#68758d}.analytics-cols{grid-template-columns:1fr 1fr}.rank{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #182131;font-size:11px}.empty{padding:40px;text-align:center;color:#64718a}.modal{position:fixed;inset:0;background:rgba(0,0,0,.7);display:grid;place-items:center;z-index:100;padding:20px}.modal.hidden{display:none}.modal-card{width:min(650px,96vw);max-height:90vh;overflow:auto;background:#0d121c;border:1px solid #29334a;border-radius:18px;padding:20px;box-shadow:0 30px 80px #000}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.modal-head h2{margin:0;font-size:18px}.modal-head p{margin:3px 0;color:#68758d;font-size:10px}.modal-head button{border:0;background:transparent;color:#fff;font-size:24px;cursor:pointer}.toast{position:fixed;right:22px;bottom:22px;background:#131b29;border:1px solid #2b3852;padding:11px 15px;border-radius:11px;font-size:11px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}.code{font-family:Consolas,monospace;background:#080c13;border:1px solid #1c2535;border-radius:9px;padding:10px;color:#9fd6c8;font-size:10px;word-break:break-all}.warn{border:1px solid #493d25;background:#1b170c;color:#e6c36a;padding:10px;border-radius:10px;font-size:10px;margin:10px 0}.green{color:#32d39b}.red{color:#ff7c92}.hidden{display:none!important}@media(max-width:1000px){.shell{grid-template-columns:72px 1fr}.side{padding:18px 8px}.brand div:not(.logo),.company-button span,.company-button i,nav span,.side-foot div div{display:none}.company-button{justify-content:center;height:42px}.cards{grid-template-columns:1fr 1fr}.chat-layout{grid-template-columns:1fr}.chat-layout>.panel:last-child{display:none}}@media(max-width:650px){main{padding:20px 12px}.cards,.status-grid,.analytics-cols{grid-template-columns:1fr}.head-actions .ghost{display:none}}

/* ===== MARKKY AI CORE v2.1 — Modern Chat UI ===== */
.modern-chat{height:calc(100vh - 146px);min-height:620px;gap:16px}
.chat-main{padding:0;overflow:hidden;min-height:0;background:linear-gradient(180deg,rgba(11,16,26,.96),rgba(7,11,18,.94));box-shadow:0 18px 60px rgba(0,0,0,.18)}
.chat-topbar{height:72px;flex:0 0 72px;padding:0 18px;border-bottom:1px solid #1d2638;display:flex;align-items:center;justify-content:space-between;background:rgba(12,17,27,.78);backdrop-filter:blur(16px)}
.chat-agent{display:flex;align-items:center;gap:11px}.agent-avatar,.message-avatar{display:grid;place-items:center;font-weight:800;letter-spacing:-.2px;background:linear-gradient(135deg,#745fff,#20d7ca);color:#fff;box-shadow:0 8px 24px rgba(78,92,255,.18)}
.agent-avatar{width:38px;height:38px;border-radius:12px;font-size:11px}.chat-agent b{display:block;font-size:13px}.chat-agent small{display:flex;align-items:center;gap:6px;color:#71809a;font-size:10px;margin-top:3px}.online-dot{width:7px;height:7px;border-radius:50%;background:#31d69b;box-shadow:0 0 10px rgba(49,214,155,.8)}
.chat-actions{display:flex;align-items:center;gap:8px}.compact{padding:7px 10px;font-size:10px}
.chat-thread{flex:1;min-height:0;overflow-y:auto;padding:26px max(22px,calc((100% - 880px)/2));scroll-behavior:smooth;background:radial-gradient(circle at 50% 0%,rgba(83,74,210,.055),transparent 38%)}
.chat-thread::-webkit-scrollbar,.conversation-list::-webkit-scrollbar{width:7px}.chat-thread::-webkit-scrollbar-thumb,.conversation-list::-webkit-scrollbar-thumb{background:#1f2940;border-radius:10px}.chat-thread::-webkit-scrollbar-track,.conversation-list::-webkit-scrollbar-track{background:transparent}
.msg{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;margin:0 0 22px;align-items:start;animation:messageIn .18s ease-out}.msg.user{display:grid;grid-template-columns:minmax(0,1fr) 34px}.msg.user .message-avatar{grid-column:2}.msg.user .message-body{grid-column:1;grid-row:1;justify-self:end;align-items:flex-end}.msg.assistant .message-body{align-items:flex-start}
.message-avatar{width:32px;height:32px;border-radius:10px;font-size:9px}.msg.user .message-avatar{background:#202a3c;color:#aeb9cf;box-shadow:none;border:1px solid #2d3950}
.message-body{display:flex;flex-direction:column;min-width:0;max-width:min(820px,88%)}.message-meta{display:flex;align-items:center;gap:8px;min-height:17px;margin:0 2px 5px;color:#64718a;font-size:9px}.message-meta b{color:#aeb9cf;font-size:9px;letter-spacing:.55px}.msg.user .message-meta{justify-content:flex-end}.message-meta span:not(:first-child){opacity:.75}
.bubble{max-width:100%;padding:13px 15px;border-radius:6px 17px 17px 17px;border:1px solid #202a3c;background:linear-gradient(180deg,#101724,#0e1520);color:#e8eefb;font-size:13px;line-height:1.72;white-space:pre-wrap;word-break:break-word;box-shadow:0 8px 28px rgba(0,0,0,.12)}
.msg.user .bubble{border-radius:17px 6px 17px 17px;background:linear-gradient(135deg,#273149,#1d2638);border-color:#34405a;color:#f4f7ff;box-shadow:0 10px 28px rgba(0,0,0,.15)}
.source-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.source-chip{border:1px solid #24304a;background:#0b121d;color:#7789ab;border-radius:999px;padding:4px 8px;font-size:9px}.msg.user .source-row{justify-content:flex-end}
.composer-wrap{flex:0 0 auto;padding:12px 18px 14px;background:linear-gradient(180deg,rgba(8,12,19,.12),rgba(8,12,19,.96) 28%);border-top:1px solid #171f2e}.modern-composer{border:1px solid #2a354b;background:#0c121e;border-radius:17px;padding:7px 7px 7px 14px;display:flex;align-items:flex-end;gap:8px;box-shadow:0 12px 32px rgba(0,0,0,.18);transition:.2s}.modern-composer:focus-within{border-color:#565ee9;box-shadow:0 0 0 3px rgba(88,83,232,.08),0 12px 32px rgba(0,0,0,.18)}
.modern-composer textarea{border:0;background:transparent;padding:8px 2px;min-height:38px;max-height:150px;line-height:1.6;font-size:13px;overflow-y:auto;box-shadow:none}.modern-composer textarea:focus{border:0}.send-button{width:40px;height:40px;min-width:40px;border:0;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#675cf5,#4b8dff);color:#fff;cursor:pointer;font-size:17px;transition:.18s;box-shadow:0 8px 22px rgba(78,102,255,.24)}.send-button:hover{transform:translateY(-1px);filter:brightness(1.05)}.send-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.send-button.loading span{animation:pulseSend .8s infinite alternate}
.composer-note{display:flex;justify-content:space-between;gap:14px;color:#536079;font-size:9px;padding:7px 5px 0}
.conversation-panel{margin-top:0;min-height:0;padding:0;overflow:hidden;background:rgba(10,15,24,.9)}.conversation-head{height:72px;padding:0 14px;margin:0;border-bottom:1px solid #1b2435}.conversation-head h3{font-size:13px}.conversation-head p{font-size:9px}.icon-btn{width:30px;height:30px;border:1px solid #29344a;background:#111827;color:#95a1b8;border-radius:9px;cursor:pointer}.conversation-list{height:calc(100% - 72px);overflow-y:auto;padding:8px}.conversation-item{width:100%;border:1px solid transparent;background:transparent;color:#c5cede;border-radius:12px;padding:10px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center;text-align:left;cursor:pointer;transition:.16s}.conversation-item:hover{background:#101725;border-color:#1b2638}.conversation-item.active{background:linear-gradient(135deg,rgba(96,83,245,.14),rgba(46,111,208,.08));border-color:#31385c;box-shadow:inset 2px 0 #7867ff}.conv-avatar{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#151e2e;border:1px solid #263249;color:#8796b2;font-size:10px;font-weight:800}.conversation-item.active .conv-avatar{background:linear-gradient(135deg,#6d5df4,#3f83ed);border-color:transparent;color:#fff}.conv-copy{min-width:0}.conv-copy b,.conv-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-copy b{font-size:10px;color:#dbe2ef;margin-bottom:3px}.conv-copy small{font-size:9px;color:#66758f}.conv-time{font-size:8px;color:#536079;align-self:start;padding-top:2px}.conv-empty{padding:24px 10px;font-size:10px}
.chat-welcome{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px 18px;color:#8d9ab2}.welcome-orb{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(111,90,255,.95),rgba(29,210,197,.9));color:#fff;font-size:22px;box-shadow:0 18px 55px rgba(84,87,255,.2);margin-bottom:15px}.chat-welcome h2{margin:0;color:#eef3ff;font-size:18px}.chat-welcome p{margin:8px 0 17px;font-size:10px;line-height:1.7;color:#687791}.suggestions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:680px}.suggest{border:1px solid #29344a;background:#0f1623;color:#9ca9bf;padding:8px 11px;border-radius:10px;cursor:pointer;font-size:10px}.suggest:hover{border-color:#48537b;color:#d9e1ef;background:#131c2b}
.chat-loading{min-height:100%;display:flex;align-items:center;justify-content:center;gap:5px}.chat-loading span,.typing-bubble>span{width:6px;height:6px;border-radius:50%;background:#6d78a1;animation:typing 1s infinite ease-in-out}.chat-loading span:nth-child(2),.typing-bubble>span:nth-child(2){animation-delay:.13s}.chat-loading span:nth-child(3),.typing-bubble>span:nth-child(3){animation-delay:.26s}.typing-bubble{display:flex;align-items:center;gap:5px;color:#7d8aa4;min-height:45px}.typing-bubble em{font-style:normal;font-size:10px;margin-left:5px}.error-bubble{border-color:#5b2f3c;background:#21121a;color:#ffb2bf}
@keyframes typing{0%,70%,100%{transform:translateY(0);opacity:.4}35%{transform:translateY(-4px);opacity:1}}@keyframes messageIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes pulseSend{from{transform:translateX(-1px)}to{transform:translateX(2px)}}
@media(max-width:1180px){.chat-layout.modern-chat{grid-template-columns:minmax(0,1fr) 260px}.chat-thread{padding-left:24px;padding-right:24px}.message-body{max-width:92%}}
@media(max-width:1000px){.modern-chat{height:calc(100vh - 132px)}.chat-layout.modern-chat{grid-template-columns:1fr}.conversation-panel{display:none!important}.chat-thread{padding-left:max(16px,calc((100% - 780px)/2));padding-right:max(16px,calc((100% - 780px)/2))}}
@media(max-width:650px){.modern-chat{height:calc(100vh - 110px);min-height:520px}.chat-topbar{height:62px;flex-basis:62px;padding:0 12px}.chat-agent small{display:none}.compact{font-size:0;width:34px;height:34px;padding:0}.compact:after{content:'＋';font-size:16px}.chat-thread{padding:18px 11px}.msg{grid-template-columns:29px minmax(0,1fr);gap:7px;margin-bottom:17px}.msg.user{grid-template-columns:minmax(0,1fr) 29px}.message-avatar{width:28px;height:28px;border-radius:9px}.message-body{max-width:93%}.bubble{font-size:12px;padding:11px 12px}.composer-wrap{padding:9px 10px 10px}.composer-note span:first-child{display:none}.composer-note{justify-content:flex-end}.chat-welcome h2{font-size:16px}.suggestions{flex-direction:column;width:100%}.suggest{width:100%}}
/* v2.2 chat hotfix */
.bubble{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
.send-button:disabled{opacity:.55;cursor:not-allowed;transform:none!important}
.typing-msg{min-height:58px}

/* v2.6 knowledge mode toggle */
.mode-toggle{transition:.18s;white-space:nowrap}.mode-toggle.open{border-color:#2d6f64!important;color:#79e5cf!important;background:rgba(22,128,103,.12)!important}.mode-toggle.locked{border-color:#725b2d!important;color:#f0c875!important;background:rgba(146,102,24,.12)!important}

/* AI Staff operational screens */
.staff-two{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-list{display:grid;gap:8px}.staff-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid #202b40;border-radius:13px;background:#0d1420;margin:7px 0;min-width:0}.staff-item>div:first-child{min-width:0}.staff-item b,.staff-item small{display:block}.staff-item b{font-size:12px;color:#e9efff}.staff-item small{font-size:10px;color:#8390aa;margin-top:5px;overflow-wrap:anywhere}.staff-item strong{white-space:nowrap;color:#6fe5c9}.staff-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.staff-actions button{white-space:nowrap}.staff-thread{max-height:44vh;overflow:auto;display:grid;gap:8px;margin-bottom:14px}.staff-message{padding:10px 12px;border:1px solid #28354d;border-radius:12px;background:#131c2b}.staff-message.incoming{background:#1b2336}.staff-message b,.staff-message small{font-size:10px;color:#91a6c7}.staff-message p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0}.staff-message small{display:block;text-align:right}.staff-item .pill{white-space:nowrap}nav{overflow-y:auto;min-height:0}nav::-webkit-scrollbar{width:4px}nav::-webkit-scrollbar-thumb{background:#2b3650;border-radius:4px}
.staff-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0}.staff-checklist>div{background:#0d1420;border:1px solid #253147;border-radius:10px;padding:11px;font-size:12px;color:#c6d5eb}
.staff-actions a.primary{display:inline-flex;align-items:center;text-decoration:none}
@media(max-width:850px){.staff-two{grid-template-columns:1fr}.staff-item{align-items:flex-start;flex-direction:column}.staff-actions{width:100%}}
@media(max-width:650px){.staff-actions button{font-size:11px}.staff-item{padding:11px}.staff-two .panel{margin-top:0}}
/* v3.4 Personal Agent usability */
.attach-btn{width:auto!important;min-width:54px;padding:0 10px!important;white-space:nowrap}
.feedback-row{display:flex;gap:6px;margin-top:6px;opacity:.75}.feedback-row:hover{opacity:1}
.feedback-btn{border:1px solid #25334b;background:#101827;color:#aebbd0;border-radius:8px;padding:4px 8px;cursor:pointer}
.feedback-btn:hover{border-color:#5b70ff;color:#fff}.feedback-btn:disabled{opacity:.4;cursor:default}
.integration-company-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:20px}.integration-company-list .company-button{margin:0;min-height:72px}.integration-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.integration-heading h3{margin:5px 0}.integration-heading p{margin:0}.integration-live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:11px}.integration-live-grid>div{border:1px solid #253149;background:#0d1522;border-radius:12px;padding:14px;min-width:0}.integration-live-grid small,.integration-live-grid b,.integration-live-grid span{display:block}.integration-live-grid small{font-size:11px;color:#8996ae}.integration-live-grid b{font-size:15px;margin:6px 0;overflow-wrap:anywhere}.integration-live-grid span{font-size:11px}.secret-state{font-size:11px;margin-left:6px}.integration-company-list .company-button span{display:block}@media(max-width:650px){.integration-live-grid{grid-template-columns:1fr}.integration-heading{align-items:flex-start;flex-direction:column}}