/* Maeve Live Agent — a quiet workspace, shared by Home and the contextual panel. */
.ma-surface{--ma-ink:#252333;--ma-muted:#888392;--ma-line:#eceaf1;--ma-purple:#7450b8;position:relative;display:flex;flex-direction:column;height:calc(100dvh - 38px);min-height:580px;background:#fff;color:var(--ma-ink);font-family:inherit;isolation:isolate;overflow:hidden}
.ma-surface *{box-sizing:border-box}
.ma-surface [hidden],.ma-drawer[hidden]{display:none!important}
.ma-surface button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ma-surface button:focus-visible,.ma-fab:focus-visible{outline:3px solid #bb9fee;outline-offset:3px}
.ma-surface button:disabled{opacity:.45;cursor:wait}
.ma-header{height:86px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid transparent;gap:12px}
.ma-brand{display:flex;align-items:center;gap:11px}
.ma-brand-mark{width:38px;height:38px;border:1px solid #e7dff1;border-radius:13px;color:#825bb9;display:grid;place-items:center;background:#faf7fe}
.ma-brand strong{font-size:16px;font-weight:650;letter-spacing:-.4px;display:block}
.ma-subtitle{display:block;font-size:11px;color:var(--ma-muted);margin-top:2px}
.ma-header-actions{display:flex;gap:5px}
.ma-header-actions button,.ma-history-head button{border:0;background:transparent;color:#8a8594;width:35px;height:35px;border-radius:10px;display:grid;place-items:center}
.ma-header-actions button:hover,.ma-history-head button:hover{background:#f5f2f9;color:var(--ma-purple)}
.ma-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#e8e3ee transparent}
.ma-empty{max-width:780px;margin:clamp(30px,8vh,105px) auto 30px;padding:0 28px;text-align:center}
.ma-eyebrow{display:flex;justify-content:center;align-items:center;gap:8px;letter-spacing:2.1px;font-size:10px;font-weight:650;color:#a59aac}
.ma-eyebrow>span{height:5px;width:5px;background:#a28aae;border-radius:100%}
.ma-empty h1{font-size:clamp(32px,3.5vw,49px);font-weight:500;letter-spacing:-2.1px;line-height:1.15;margin:22px 0 13px;color:#342a40}
.ma-empty>p{color:#958d9c;font-size:15px;line-height:1.6;margin:0}
.ma-suggestions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:43px;text-align:left}
.ma-suggestions button{position:relative;display:grid;grid-template-columns:27px 1fr;grid-template-rows:auto auto;column-gap:13px;row-gap:5px;padding:22px 20px;border:1px solid #ece8f0;border-radius:16px;background:linear-gradient(120deg,#fff,#fdfbff);color:#6f5789;text-align:left;transition:border-color .18s,transform .18s,box-shadow .18s}
.ma-suggestions button:hover{border-color:#c5b0de;transform:translateY(-2px);box-shadow:0 7px 22px #52326d07}
.ma-suggestions button>svg:first-child{grid-row:1/3;align-self:center;color:#a282b7}
.ma-suggestions strong{font-weight:550;font-size:13px;color:#453c4f;letter-spacing:-.1px}
.ma-suggestions span{font-size:11px;line-height:1.5;color:#a299aa;padding-right:10px}
.ma-suggestions button>svg:last-child{position:absolute;right:15px;top:29px;color:#c2b9ca}
.ma-activity-name{margin:27px 0 0;font-size:11px;color:#aca4b3;letter-spacing:.2px}
.ma-messages{padding:20px 36px 25px;max-width:850px;width:100%;margin:auto}
.ma-message{display:flex;gap:12px;margin:0 0 27px;align-items:flex-start;font-size:14px;line-height:1.8;animation:ma-in .2s ease-out}
.ma-user{justify-content:flex-end}
.ma-user .ma-message-content{background:#f3edf9;border:1px solid #eae0f4;padding:12px 19px;border-radius:20px 20px 5px 20px;max-width:85%;color:#584466}
.ma-message-content{min-width:0;overflow-wrap:anywhere;flex:0 1 auto;max-width:calc(100% - 43px);white-space:normal}
.ma-message-content strong{font-weight:650}
.ma-message-content a{color:#7450b8;text-underline-offset:3px}
.ma-message-content code{background:#f5f2f8;padding:2px 5px;border-radius:4px;font-size:.88em}
.ma-message-content pre{overflow:auto;padding:14px;background:#f7f5fa;border-radius:12px;white-space:pre}
.ma-message-content pre code{background:none;padding:0}
.ma-subheading{display:inline-block;margin-top:7px}
.ma-avatar{flex:none;width:29px;height:29px;display:grid;place-items:center;background:#f7f2fc;color:#9875b7;border:1px solid #eee6f5;border-radius:10px;margin-top:3px}
.ma-commentary{color:#9c93a3;font-size:12px;margin-bottom:15px}
.ma-commentary .ma-avatar{width:22px;height:22px;margin-left:3px;margin-right:4px}
.ma-composer-area{padding:8px 36px 18px;flex:none;width:100%;max-width:850px;margin:auto;background:#fff}
.ma-composer{background:#fff;border:1px solid #e7e2ed;box-shadow:0 5px 24px #3b205308,0 1px 3px #3b205306;border-radius:21px;padding:15px 16px 10px;transition:border-color .2s,box-shadow .2s;margin:0}
.ma-composer:focus-within{border-color:#c6b3dd;box-shadow:0 5px 28px #7450b80b,0 0 0 3px #7450b805}
.ma-composer textarea{width:100%;max-height:180px;min-height:29px;background:transparent;border:0;outline:0;resize:none;box-shadow:none;font:inherit;font-size:14px;line-height:1.6;color:#4d4258;padding:0 4px}
.ma-composer textarea::placeholder{color:#b0a6b8}
.ma-composer-tools{display:flex;align-items:center;gap:9px;margin-top:8px}
.ma-composer-tools>button{border:0;background:transparent;color:#a194ac;width:33px;height:33px;display:grid;place-items:center;border-radius:11px;padding:0}
.ma-composer-tools>button:hover{background:#f6f2fa}
.ma-composer-context{font-size:10px;color:#b0a6b7;flex:1}
.ma-composer-tools>.ma-send{margin-left:auto;background:#80609f;color:white;border-radius:12px;width:35px;height:35px;box-shadow:0 2px 5px #65458017}
.ma-composer-tools>.ma-send:hover{background:#6d478e}
.ma-working .ma-send{background:#60516d}
.ma-footnote{text-align:center;font-size:9px;color:#b9b0c1;margin:12px 0 0;letter-spacing:.1px}
.ma-footnote span{padding:0 5px}
.ma-activity{display:flex;gap:8px;align-items:center;color:#9786a5;font-size:11px;padding:0 10px 12px}
.ma-activity i{width:6px;height:6px;background:#a487bc;border-radius:50%;animation:ma-pulse 1.5s infinite}
.ma-activity[data-state=error]{color:#a1585e}
.ma-error{border:1px solid #efd9d9;background:#fff8f8;color:#9a5555;border-radius:12px;padding:11px 14px;font-size:12px;line-height:1.6;margin-bottom:10px}
.ma-file,.ma-attachment{display:inline-flex;align-items:center;gap:8px;border:1px solid #e6deed;border-radius:10px;padding:8px 12px;background:#fff;color:#765c87;font-size:11px;margin:5px 5px 5px 0;max-width:100%;overflow-wrap:anywhere}
.ma-attachment{background:#faf7fd;padding:5px 9px;font-size:10px}
.ma-attachments{display:flex;flex-wrap:wrap}
.ma-drag{outline:3px dashed #b59aca;outline-offset:-9px}
.ma-history,.ma-settings{position:absolute;z-index:5;inset:75px 25px auto auto;width:320px;max-width:calc(100% - 40px);max-height:70%;overflow:auto;background:#fff;border:1px solid #e7e0ec;border-radius:18px;box-shadow:0 20px 70px #38234c19;padding:17px}
.ma-history-head{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;color:#584366;margin-bottom:10px}
.ma-thread{display:block;width:100%;text-align:left;border:0;border-radius:11px;background:transparent;padding:12px 10px;color:#655570;margin:3px 0}
.ma-thread span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.ma-thread small{display:block;margin-top:5px;font-size:10px;color:#a298ad}
.ma-thread:hover,.ma-thread.active{background:#f7f3fb}
.ma-muted{font-size:12px;color:#a294aa;line-height:1.6}
.ma-settings p{font-size:12px;line-height:1.7;color:#9a8ca4}
.ma-connection-badge{display:inline-flex;align-items:center;gap:7px;background:#f4f8f3;color:#739068;border:1px solid #e6eee1;border-radius:20px;padding:6px 10px;font-size:10px}
.ma-connection-badge i{width:5px;height:5px;border-radius:50%;background:#82a16d}
.ma-connect-option{border-top:1px solid #efe9f3;margin-top:18px;padding-top:17px}
.ma-connect-option strong,.ma-connect-option>span{display:block;font-size:12px;color:#715881}
.ma-connect-option>span{font-size:10px;color:#a795b2;margin:7px 0 13px}
.ma-secondary{display:flex;align-items:center;gap:9px;width:100%;border:1px solid #e5dceb;background:#fcf9fe;color:#816591;border-radius:10px;padding:10px;font-size:11px!important}
.ma-connect-result{font-size:11px;line-height:1.7;margin-top:12px}
.ma-connect-result a{color:#79549b}
.ma-connect-result small{display:block;color:#aa99b5;margin-top:7px}
.ma-new{margin-left:auto;font-size:8px;letter-spacing:.9px;color:#a182b4;border:1px solid #e9dff1;padding:3px 5px;border-radius:5px;font-weight:600}
.ma-fab{position:fixed;z-index:110;right:27px;bottom:24px;background:#fff;color:#80559f;border:1px solid #e3d5ec;box-shadow:0 5px 24px #49206014;border-radius:18px;display:flex;align-items:center;gap:9px;padding:13px 17px;font:inherit;font-size:12px;cursor:pointer}
body[data-maeve-tab=agent] .ma-fab,body:not(.ma-agent-available) .ma-fab{display:none}
.ma-drawer{position:fixed;right:18px;top:18px;bottom:18px;width:470px;max-width:calc(100vw - 36px);z-index:400;background:#fff;border:1px solid #e7dfed;box-shadow:0 15px 100px #33154c25;border-radius:22px;overflow:hidden}
.ma-docked{height:100%;min-height:0;border-radius:22px}
.ma-docked .ma-header{padding:0 22px;height:76px;border-bottom-color:#f1ebf5}
.ma-docked .ma-subtitle{font-size:9px}
.ma-docked .ma-header-actions{gap:0}
.ma-docked .ma-header-actions button{width:28px}
.ma-docked .ma-empty{margin-top:45px;padding:0 23px}
.ma-docked .ma-empty h1{font-size:30px;letter-spacing:-1px}
.ma-docked .ma-empty>p{font-size:12px}
.ma-docked .ma-suggestions{grid-template-columns:1fr;gap:9px;margin-top:25px}
.ma-docked .ma-suggestions button{padding:15px}
.ma-docked .ma-suggestions button>svg:last-child{top:22px}
.ma-docked .ma-suggestions span{font-size:10px}
.ma-docked .ma-composer-area{padding:8px 18px 17px}
.ma-docked .ma-messages{padding:22px 20px}
.ma-docked .ma-message{font-size:13px}
.ma-docked .ma-composer-context{font-size:9px}
.ma-agent-page{max-width:none!important;padding:0!important;width:100%!important;background:#fff!important;box-shadow:none!important;border:0!important;border-radius:0!important}
body[data-maeve-tab=agent] #dash-title,body[data-maeve-tab=agent] #dash-subtitle,body[data-maeve-tab=agent] #maeve-desktop-jumpbar{display:none!important}
body[data-maeve-tab=agent] .app-main{background:#fff!important}
.ma-with-home{grid-template-columns:repeat(6,minmax(0,1fr))!important}
@keyframes ma-pulse{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes ma-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:681px){body[data-maeve-tab=agent] .dashboard-body{margin-top:0!important}body[data-maeve-tab=agent] .dash-header{display:none!important}}
@media(max-width:680px){
 .ma-surface{height:calc(100dvh - 124px - env(safe-area-inset-bottom));min-height:400px}
 .ma-header{height:64px;padding:0 18px}.ma-brand-mark{width:31px;height:31px;border-radius:10px}.ma-brand strong{font-size:14px}.ma-subtitle{font-size:9px}
 .ma-header-actions button{width:30px;height:32px}.ma-header-actions{gap:2px}
 .ma-empty{margin-top:36px;padding:0 22px}.ma-empty h1{font-size:33px;letter-spacing:-1.3px;margin-top:19px}.ma-empty>p{font-size:12px}.ma-eyebrow{font-size:8px;letter-spacing:1.5px}
 .ma-suggestions{gap:9px;margin-top:26px}.ma-suggestions button{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:16px 13px;min-height:112px;border-radius:14px}.ma-suggestions strong{font-size:11px}.ma-suggestions span{font-size:9px;padding-right:0;line-height:1.5}.ma-suggestions button>svg:last-child{display:none}
 .ma-activity-name{margin-top:20px;font-size:10px}.ma-composer-area{padding:6px 14px 10px}.ma-composer{padding:13px 12px 9px;border-radius:18px}.ma-composer textarea{font-size:16px}.ma-composer-context{font-size:9px}.ma-footnote{font-size:8px;margin-top:9px}
 .ma-messages{padding:16px 17px}.ma-message{font-size:13px;gap:9px;margin-bottom:22px}.ma-user .ma-message-content{max-width:92%;padding:10px 14px}.ma-avatar{width:25px;height:25px}.ma-message-content{max-width:calc(100% - 35px)}
 .ma-fab{bottom:calc(77px + env(safe-area-inset-bottom));right:15px;border-radius:16px;padding:12px}.ma-fab span{display:none}
 .ma-drawer{inset:0;max-width:none;width:100%;border:0;border-radius:0}.ma-docked{height:100dvh;min-height:0;border-radius:0}.ma-docked .ma-composer-area{padding-bottom:calc(16px + env(safe-area-inset-bottom))}
 .ma-docked .ma-empty{margin-top:30px}.ma-docked .ma-suggestions{grid-template-columns:1fr 1fr}.ma-docked .ma-suggestions button{padding:14px;min-height:105px}.ma-docked .ma-header{height:70px;padding:0 16px}
 .ma-history,.ma-settings{right:14px;top:61px}
}
@media(prefers-reduced-motion:reduce){.ma-surface *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
@media(max-width:680px){body[data-maeve-tab=agent] #side-actions,body:has(.ma-drawer:not([hidden])) #side-actions{display:none!important}.ma-drawer{z-index:1200}.ma-composer-context{max-width:calc(100% - 86px)}}
@media(max-width:680px){.ma-fab{bottom:calc(132px + env(safe-area-inset-bottom));z-index:1050}}