/* MyOffice TEA2 v4 r3 — global command bar + assistant layer */
:root{
 --mo-ai-violet:#9a8cff;
 --mo-ai-blue:#64d9ff;
 --mo-ai-green:#67f0bd;
 --mo-ai-warn:#ffc96a;
}
.tea2-shell{grid-template-rows:126px minmax(0,1fr) 82px!important}
.tea2-header{padding-bottom:58px!important}
.side-rail{top:132px!important}
.mo-commandbar{
 position:absolute;z-index:40;left:50%;bottom:31px;transform:translateX(-50%);
 width:min(980px,70vw);height:42px;display:flex;align-items:center;gap:7px;padding:4px 7px;
 border:1px solid rgba(183,230,255,.34);border-radius:15px;
 background:linear-gradient(135deg,rgba(242,251,255,.18),rgba(36,108,163,.16));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 10px 28px rgba(0,27,65,.16);
 backdrop-filter:blur(24px) saturate(160%);
}
.mo-commandbar button,.mo-commandbar select{
 height:32px;border:1px solid rgba(169,224,255,.28);border-radius:10px;
 background:rgba(6,51,91,.42);color:#f7fcff;font:inherit;
}
.mo-commandbar button{padding:0 10px;display:flex;align-items:center;gap:7px;cursor:pointer}
.mo-commandbar button:hover,.mo-commandbar button:focus-visible{outline:0;border-color:rgba(122,222,255,.7);background:rgba(19,100,160,.46)}
.mo-commandbar select{padding:0 28px 0 9px;max-width:180px}
.mo-command-search{flex:1;min-width:180px;justify-content:flex-start!important}
.mo-command-search span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cbe4f3}
.mo-command-kbd{margin-left:auto;font-size:9px;padding:2px 5px;border:1px solid rgba(188,230,255,.2);border-radius:6px;color:#9dcbe5}
.mo-command-approval{position:relative}
.mo-count{
 min-width:18px;height:18px;padding:0 5px;display:inline-grid;place-items:center;border-radius:999px;
 background:linear-gradient(180deg,#ff7c92,#dc3e5b);font-size:9px;font-weight:900;
 box-shadow:0 4px 12px rgba(190,31,69,.25)
}
.mo-james-button{background:linear-gradient(135deg,rgba(90,213,255,.24),rgba(130,104,255,.22))!important}
.mo-presence-dot{width:8px;height:8px;border-radius:50%;background:#6ef3be;box-shadow:0 0 12px rgba(110,243,190,.8)}
.mo-assistant{
 position:fixed;z-index:2147481000;right:18px;top:144px;bottom:96px;width:360px;
 display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;
 border:1px solid rgba(190,232,255,.38);border-radius:22px;
 background:linear-gradient(150deg,rgba(236,249,255,.19),rgba(34,88,146,.24));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 24px 64px rgba(0,23,56,.28);
 backdrop-filter:blur(32px) saturate(165%);transition:width .18s ease,transform .18s ease,opacity .18s ease;
}
.mo-assistant[data-state="closed"]{width:54px;top:auto;height:54px;bottom:104px;border-radius:18px}
.mo-assistant[data-state="closed"] .mo-assistant-main,
.mo-assistant[data-state="closed"] .mo-assistant-context,
.mo-assistant[data-state="closed"] .mo-assistant-composer,
.mo-assistant[data-state="closed"] .mo-assistant-head-copy,
.mo-assistant[data-state="closed"] .mo-assistant-head-actions button:not([data-mo-assistant-toggle]){display:none!important}
.mo-assistant[data-state="closed"] .mo-assistant-head{height:52px;padding:0;justify-content:center}
.mo-assistant[data-state="closed"] [data-mo-assistant-toggle]{width:40px;height:40px;border-radius:13px}
.mo-assistant[data-state="wide"]{width:min(620px,46vw)}
.mo-assistant-head{min-height:58px;display:flex;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid rgba(185,228,255,.17)}
.mo-ai-avatar{
 width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:13px;
 background:radial-gradient(circle at 30% 20%,#9ef0ff,#38a8ef 50%,#675de3);
 border:1px solid rgba(216,246,255,.72);box-shadow:inset 0 1px 0 #fff6,0 7px 20px rgba(49,124,221,.28);
 font-size:18px;font-weight:900;color:white;
}
.mo-assistant-head-copy{min-width:0;flex:1}
.mo-assistant-head-copy small,.mo-assistant-head-copy strong{display:block}
.mo-assistant-head-copy small{font-size:9px;color:#83dfff;letter-spacing:1px;text-transform:uppercase}
.mo-assistant-head-copy strong{margin-top:2px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mo-assistant-head-actions{display:flex;gap:5px}
.mo-assistant-head-actions button{width:31px;height:31px;border:1px solid rgba(177,226,255,.25);border-radius:9px;background:rgba(5,45,82,.35);color:#fff;cursor:pointer}
.mo-assistant-head-actions button:hover{background:rgba(34,121,185,.4)}
.mo-assistant-context{padding:8px 10px;border-bottom:1px solid rgba(181,226,255,.14)}
.mo-context-chip{display:flex;align-items:center;gap:7px;min-width:0;padding:8px 9px;border:1px solid rgba(173,224,255,.2);border-radius:11px;background:rgba(235,248,255,.06)}
.mo-context-chip b{font-size:10px;color:#8ce2ff;text-transform:uppercase;letter-spacing:.8px}
.mo-context-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#edf9ff}
.mo-assistant-main{min-height:0;overflow:auto;padding:9px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(104,205,255,.45) transparent}
.mo-assistant-note{padding:10px;border:1px solid rgba(175,224,255,.17);border-radius:13px;background:rgba(239,249,255,.055)}
.mo-assistant-note small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#91d7f7}
.mo-assistant-note strong{display:block;margin-top:4px;font-size:12px}
.mo-assistant-note p{margin:5px 0 0;font-size:10.5px;line-height:1.45;color:#c9e0ef}
.mo-assistant-note.james{border-color:rgba(102,216,255,.3);background:linear-gradient(145deg,rgba(80,193,255,.1),rgba(82,84,213,.08))}
.mo-assistant-note.adam{border-color:rgba(155,140,255,.34);background:linear-gradient(145deg,rgba(137,113,255,.11),rgba(46,96,177,.08))}
.mo-assistant-quick{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.mo-assistant-quick button{min-height:38px;padding:7px 8px;border:1px solid rgba(171,222,255,.21);border-radius:11px;background:rgba(233,248,255,.065);color:#effaff;text-align:left;font-size:10px;cursor:pointer}
.mo-assistant-quick button:hover{border-color:rgba(119,220,255,.55);background:rgba(68,169,224,.13)}
.mo-assistant-composer{padding:9px;border-top:1px solid rgba(180,226,255,.16);background:rgba(2,34,65,.18)}
.mo-assistant-recipient{display:flex;gap:6px;margin-bottom:7px}
.mo-assistant-recipient button{height:27px;padding:0 9px;border:1px solid rgba(173,224,255,.2);border-radius:999px;background:rgba(5,49,88,.35);color:#cce6f5;font-size:9px;cursor:pointer}
.mo-assistant-recipient button.active{background:linear-gradient(135deg,rgba(62,185,245,.55),rgba(111,92,231,.5));border-color:rgba(163,229,255,.55);color:#fff}
.mo-assistant-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}
.mo-assistant-form textarea{min-height:58px;max-height:160px;resize:vertical;border:1px solid rgba(170,222,255,.25);border-radius:12px;background:rgba(3,37,70,.48);color:#fff;padding:9px;font:inherit;font-size:11px}
.mo-assistant-send{width:42px;border:1px solid rgba(160,228,255,.48);border-radius:12px;background:linear-gradient(180deg,#41bfff,#126fd6);color:white;font-size:17px;cursor:pointer}
.mo-approval-drawer{
 position:fixed;z-index:2147481500;top:138px;right:18px;bottom:96px;width:min(560px,45vw);
 display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid rgba(195,233,255,.4);border-radius:22px;
 background:linear-gradient(150deg,rgba(239,250,255,.2),rgba(30,80,135,.28));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 28px 72px rgba(0,19,49,.32);
 backdrop-filter:blur(34px) saturate(165%);overflow:hidden;
}
.mo-approval-drawer[hidden]{display:none!important}
.mo-approval-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(181,225,255,.16)}
.mo-approval-head>div{flex:1}.mo-approval-head small,.mo-approval-head strong{display:block}
.mo-approval-head small{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#8ddfff}
.mo-approval-head strong{margin-top:3px;font-size:16px}
.mo-approval-close{width:34px;height:34px;border:1px solid rgba(176,226,255,.25);border-radius:10px;background:rgba(4,43,80,.35);color:#fff;cursor:pointer}
.mo-approval-list{overflow:auto;padding:10px;display:flex;flex-direction:column;gap:8px}
.mo-approval-item{padding:11px;border:1px solid rgba(176,225,255,.19);border-radius:14px;background:rgba(238,249,255,.06)}
.mo-approval-item small{font-size:9px;color:#8fd6f4;text-transform:uppercase;letter-spacing:.7px}
.mo-approval-item strong{display:block;margin-top:4px;font-size:12px}
.mo-approval-item p{margin:6px 0 0;font-size:10.5px;line-height:1.45;color:#c4deed}
.mo-approval-actions{display:flex;gap:6px;margin-top:9px}
.mo-approval-actions button{height:31px;padding:0 10px;border-radius:9px;border:1px solid rgba(176,226,255,.24);background:rgba(6,52,92,.42);color:white;font-size:10px;cursor:pointer}
.mo-approval-actions .approve{background:linear-gradient(180deg,#39c996,#198c69)}
.mo-approval-actions .reject{background:linear-gradient(180deg,#e96880,#af304c)}
.mo-empty{padding:18px;border:1px dashed rgba(171,221,255,.22);border-radius:13px;text-align:center;color:#b9d5e6;font-size:11px}
@media(max-width:1180px){.mo-commandbar{width:min(920px,78vw)}.mo-assistant{width:330px}.mo-assistant[data-state="wide"]{width:min(560px,55vw)}}
@media(max-width:760px){
 .tea2-shell{grid-template-rows:auto 70vh auto!important}.tea2-header{padding-bottom:6px!important}.mo-commandbar{position:fixed;left:8px;right:8px;bottom:82px;transform:none;width:auto;height:46px;z-index:2147480000}
 .mo-commandbar .mo-command-search{display:none}.mo-commandbar select{max-width:132px}.mo-assistant{top:72px;right:8px;bottom:136px;width:calc(100vw - 16px)}
 .mo-assistant[data-state="closed"]{right:10px;bottom:138px}.mo-assistant[data-state="wide"]{width:calc(100vw - 16px)}
 .mo-approval-drawer{top:72px;right:8px;bottom:136px;width:calc(100vw - 16px)}
}
body.myoffice-v4-ai #rightRail{display:none!important}
body.myoffice-v4-ai:not(.mo-assistant-collapsed) .main-screen{margin-right:392px!important}
body.myoffice-v4-ai.mo-assistant-wide .main-screen{margin-right:min(652px,48vw)!important}
body.myoffice-v4-ai.mo-assistant-collapsed .main-screen{margin-right:66px!important}
.mo-create-menu{position:fixed;z-index:2147481600;min-width:230px;padding:7px;border:1px solid rgba(190,232,255,.38);border-radius:14px;background:linear-gradient(150deg,rgba(236,249,255,.2),rgba(26,78,132,.3));box-shadow:0 20px 50px rgba(0,20,52,.3);backdrop-filter:blur(28px) saturate(160%)}
.mo-create-menu[hidden]{display:none!important}
.mo-create-menu button{width:100%;min-height:36px;display:flex;align-items:center;gap:9px;padding:7px 9px;border:0;border-radius:9px;background:transparent;color:#fff;text-align:left;font-size:10.5px;cursor:pointer}
.mo-create-menu button:hover{background:rgba(87,187,238,.14)}
@media(max-width:1180px){body.myoffice-v4-ai:not(.mo-assistant-collapsed) .main-screen{margin-right:360px!important}}
@media(max-width:760px){body.myoffice-v4-ai .main-screen,body.myoffice-v4-ai:not(.mo-assistant-collapsed) .main-screen,body.myoffice-v4-ai.mo-assistant-wide .main-screen,body.myoffice-v4-ai.mo-assistant-collapsed .main-screen{margin-right:36px!important}}
html:not([data-tea2-auth="ready"]) .mo-commandbar,
html:not([data-tea2-auth="ready"]) .mo-assistant,
html:not([data-tea2-auth="ready"]) .mo-approval-drawer,
html:not([data-tea2-auth="ready"]) .mo-create-menu{display:none!important}
@media(max-width:760px){.mo-commandbar button>span:not(.mo-count){display:none}.mo-commandbar button{min-width:38px;justify-content:center;padding:0 8px}.mo-commandbar select{max-width:132px}}
.mo-mode-spacer{flex:1}
.mo-assistant-recipient [data-mo-mode]{font-size:8.5px;padding:0 7px}
.mo-assistant-recipient [data-mo-mode].active{background:linear-gradient(135deg,rgba(75,194,249,.45),rgba(106,91,225,.42));border-color:rgba(161,226,255,.48);color:#fff}
.mo-chat-row{max-width:94%;padding:9px 10px;border:1px solid rgba(174,225,255,.18);border-radius:13px;background:rgba(236,249,255,.055)}
.mo-chat-row.owner{align-self:flex-end;background:linear-gradient(145deg,rgba(50,154,220,.22),rgba(42,101,180,.18));border-color:rgba(118,214,255,.28)}
.mo-chat-row.james{align-self:flex-start;background:linear-gradient(145deg,rgba(98,205,255,.11),rgba(100,87,220,.09));border-color:rgba(130,220,255,.26)}
.mo-chat-row small{display:block;font-size:8.5px;letter-spacing:.7px;color:#8cdcf7;text-transform:uppercase}
.mo-chat-row p{margin:5px 0 0;font-size:10.8px;line-height:1.48;color:#e7f5fd;white-space:pre-wrap;overflow-wrap:anywhere}
.mo-chat-row.busy{opacity:.82}
.mo-chat-row.busy p:after{content:"";display:inline-block;width:12px;height:4px;margin-left:5px;border-radius:999px;background:linear-gradient(90deg,#77ddff,#998dff);animation:moThink .9s ease-in-out infinite alternate}
.mo-citations{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}
.mo-citations span{max-width:100%;padding:3px 6px;border:1px solid rgba(170,223,255,.18);border-radius:999px;background:rgba(3,45,82,.36);font-size:8px;color:#9ccfe8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@keyframes moThink{from{transform:scaleX(.35);opacity:.35}to{transform:scaleX(1);opacity:1}}