/* Approved OTTO page: history at left, a floating helper, no landing pad. */
#emailView{--otto-bg:#fff;--otto-side:#f7f7f9;--otto-text:#182134;--otto-muted:#737c8c;--otto-line:#e6e8ed;--otto-selected:#eee8fa}
#emailView .ai-shell{grid-template-columns:224px minmax(0,1fr)!important;overflow:hidden}
#emailView .ai-sidebar{display:flex!important;padding:22px 12px 16px;background:var(--otto-side)!important;border-right:1px solid var(--otto-line)!important;overflow:hidden;color:var(--otto-text)}
#emailView .otto-history-heading{color:var(--purple,#6537b7);font-size:16px;font-weight:750;letter-spacing:1px;padding:0 10px 20px}
#emailView .otto-new-chat{border:0;background:transparent;text-align:left;padding:11px 10px;color:var(--otto-text);font-weight:600;border-radius:9px;cursor:pointer}
#emailView #ottoHistorySearch{margin:9px 0 15px;width:100%;min-width:0;background:var(--otto-bg);border:1px solid var(--otto-line);border-radius:9px;padding:10px;font-size:12px;color:var(--otto-text)}
#emailView #ottoHistoryList{flex:1;min-height:0;overflow:auto;padding-bottom:12px}
#emailView .otto-history-group{font-size:11px;color:var(--otto-muted);margin:18px 10px 6px}
#emailView .otto-history-row{display:flex;align-items:center;border-radius:8px;position:relative;margin:3px 0}
#emailView .otto-history-row.selected,#emailView .otto-history-row:hover{background:var(--otto-selected)}
#emailView .otto-history-open{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;border:0;background:none;padding:11px 9px;font-size:12px;color:var(--otto-text);cursor:pointer}
#emailView details{flex:none}#emailView summary{cursor:pointer;list-style:none;padding:8px;font-size:18px;color:var(--otto-muted)}#emailView summary::-webkit-details-marker{display:none}
#emailView .otto-chat-options{position:absolute;right:3px;top:36px;z-index:30;min-width:160px;padding:6px;border:1px solid var(--otto-line);border-radius:9px;background:var(--otto-bg);box-shadow:0 6px 18px #0002;display:flex;flex-direction:column}
#emailView .otto-chat-options button{text-align:left;background:none;border:0;border-radius:6px;padding:8px;color:var(--otto-text);cursor:pointer}
#emailView .otto-chat-options input{width:145px;min-width:0;background:var(--otto-bg);color:var(--otto-text)}
#emailView .otto-history-empty{font-size:12px;color:var(--otto-muted);padding:12px;line-height:1.5}
#emailView #ottoArchiveToggle{background:none;border:0;text-align:left;color:var(--otto-muted);padding:10px;cursor:pointer;font-size:12px}
#emailView #ottoHistoryStatus{border-top:1px solid var(--otto-line);padding:12px 9px 0;margin:4px 0 0;color:var(--otto-muted);font-size:11px;line-height:1.5}
#emailView .ai-main{min-height:0;position:relative;background:var(--otto-bg)!important}
#emailView .ai-main-top{display:flex!important;min-height:48px;height:48px;border:0;padding:10px 24px;gap:14px;flex:none}
#emailView .ai-main-top strong{color:var(--otto-text);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
#emailView #aiConnectionNote{display:none}#emailView #ottoNotificationsBtn{margin-left:auto;border:0;background:none;color:var(--otto-muted);font-size:12px;cursor:pointer;white-space:nowrap}
#emailView #ottoHoverAnchor{height:140px;width:140px;margin:clamp(22px,7vh,80px) auto -8px;position:relative;flex:none;z-index:2}
#ottoChatRobot{width:140px;height:140px;position:absolute;inset:0;visibility:hidden;pointer-events:none}
#ottoChatRobot .otto-hover-body{width:100%;height:100%;position:relative}
#ottoChatRobot[data-arrived=true] .otto-hover-body{animation:otto-chat-hover 4s ease-in-out infinite}
#ottoChatRobot img{width:100%;height:100%;object-fit:contain}
#ottoChatRobot .otto-only-face{position:absolute;left:29%;top:35%;width:44%;height:23%;border-radius:8px;background:linear-gradient(#213940,#183238);border:1px solid #8fc35170;color:#d9ffa9;font:bold 15px/1 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:1px;display:flex;align-items:center;justify-content:center;text-shadow:0 0 5px #b3ff7070;box-shadow:inset 0 0 5px #9ceb3430}
#emailView .ai-conversation{padding:0 28px 20px!important;min-height:0;flex:1;overflow:auto;background:var(--otto-bg)!important}
#emailView .ai-welcome{margin:0 auto!important;max-width:740px!important;width:100%!important}
#emailView .ai-welcome h2{font-size:clamp(27px,3vw,38px)!important;color:var(--otto-text)!important;line-height:1.2;letter-spacing:-1px}
#emailView .ai-welcome p{font-weight:400!important;margin-top:12px!important;color:var(--otto-muted)!important;font-size:14px!important}
#emailView .ai-suggestions{margin-top:26px;gap:9px;flex-wrap:wrap}#emailView .ai-prompt{border-radius:22px;padding:11px 15px;min-width:0;box-shadow:none;font-size:12px}#emailView .ai-prompt-icon{display:none}
#emailView .ai-composer-wrap{padding:16px 28px 22px!important;flex:none;background:var(--otto-bg)!important}
#emailView .ai-composer{box-shadow:none!important;border:1px solid var(--otto-line);background:var(--otto-side);border-radius:24px;min-height:62px}
#emailView .ai-send{border-radius:50%;width:38px;height:38px;background:var(--purple,#6537b7)}
#emailView .ai-data-notice{font-size:10px;color:var(--otto-muted);line-height:1.5;margin-top:10px}
#emailView.otto-has-chat #ottoHoverAnchor{margin:0 auto -17px;height:115px}
#emailView.otto-has-chat .ai-conversation{padding-top:14px!important}
#emailView .ai-message{max-width:780px;margin-left:auto;margin-right:auto}
body.ai-home #toolSidebar>.otto-page-brand{display:none!important}body.ai-home #toolSidebar>.platform-brand{display:flex!important}
@keyframes otto-chat-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(prefers-reduced-motion:reduce){#ottoChatRobot .otto-hover-body{animation:none!important}}
html[data-color-mode="dark"] #emailView,html[data-theme="dark"] #emailView{--otto-bg:#141b24;--otto-side:#10161f;--otto-text:#f2f3f7;--otto-muted:#aab4c3;--otto-line:#303b4a;--otto-selected:#342c49}
@media(max-width:1200px){#emailView .ai-shell{grid-template-columns:195px minmax(0,1fr)!important}#emailView .ai-composer-wrap{padding-left:20px!important;padding-right:20px!important}}
@media(max-height:760px){#emailView #ottoHoverAnchor{margin-top:8px}#emailView .ai-suggestions{margin-top:18px}#emailView .ai-composer-wrap{padding-bottom:12px!important}}

#emailView .otto-email-tools{max-width:840px;margin:0 auto 8px;display:flex;gap:12px;align-items:center;font-size:11px;color:var(--otto-muted)}#ottoAttachEmail{border:1px solid var(--otto-line);border-radius:14px;background:var(--otto-side);color:var(--otto-text);padding:6px 12px;cursor:pointer}#emailView .otto-reply-card{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--otto-line);border-radius:14px;background:var(--otto-side)}#emailView .otto-reply-card textarea{min-height:160px;width:100%;padding:12px;background:var(--otto-bg);color:var(--otto-text);border:1px solid var(--otto-line);border-radius:9px;font:inherit}#emailView .otto-reply-card button{align-self:flex-start;padding:8px 12px;border:0;border-radius:9px;background:var(--purple);color:white;cursor:pointer}
#aiActionReviewOverlay{position:fixed;inset:0;z-index:22000;display:none;align-items:center;justify-content:center;padding:18px;background:#18213477;pointer-events:auto}#aiActionReviewOverlay.is-open{display:flex}#aiActionReviewOverlay .ai-action-review{background:var(--panel,#fff);border:1px solid #e2e4ed;border-radius:18px;box-shadow:0 24px 80px #0003;width:min(760px,calc(100vw - 36px));max-height:calc(100vh - 36px);overflow:auto;pointer-events:auto}#aiActionReviewOverlay button,#emailView .ai-action-bubble button{padding:10px 14px;border-radius:10px;border:1px solid #dedee8;background:#f7f7fa;color:#342253;cursor:pointer}#aiActionReviewOverlay #confirmAiActionBtn,#emailView .ai-action-bubble .primary{background:#5426b9;color:#fff;border-color:#5426b9}#aiActionReviewOverlay button:disabled{opacity:.5;cursor:wait}#emailView .ai-action-bubble [data-cancel-ai-action]{margin-left:8px;color:#493c60;background:transparent}
#aiDuplicateOverrideWrap[hidden]{display:none!important}