/* AIO-20261103-WORKSPACE: Office-only Codex layout. PlayChat owns input/focus sizing. */
.aio-project-permission-state{margin:8px 0 6px;color:var(--text2);font-size:12px;line-height:1.4}
.aio-project-permission-button{margin-top:4px;white-space:normal;text-align:left}
.main:has(#page-ai_office.active.aio-workspace){height:100dvh;display:flex;flex-direction:column;overflow:hidden}
.main:has(#page-ai_office.active.aio-workspace)>.topbar{position:relative;flex-shrink:0}
.main:has(#page-ai_office.active.aio-workspace)>.content{display:flex;flex:1;min-height:0;overflow:hidden}
#page-ai_office.active.aio-workspace{display:flex;flex:1;min-height:0;overflow:hidden;--aio-stream-ink:var(--text);--aio-stream-muted:var(--text2)}
#page-ai_office.aio-workspace .aio-shell{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);flex:1;min-height:0;position:relative;overflow:hidden}
#page-ai_office.aio-workspace .aio-section-tabs{display:none!important}
#page-ai_office.aio-workspace .aio-section-tabs [data-aio-tab]{flex:0 0 auto;min-height:42px;text-align:left;white-space:normal;border-radius:10px;padding:10px 12px}
#page-ai_office.aio-workspace .aio-mobile-status{font-size:11px;margin-top:auto;flex-shrink:0}
#page-ai_office.aio-workspace .aio-shell>[data-aio-section]{grid-column:1;grid-row:1;min-width:0;min-height:0;overflow:auto}
#page-ai_office.aio-workspace [hidden]{display:none!important}
#page-ai_office.aio-workspace .aio-workbench{grid-column:1;grid-row:1;display:grid;grid-template-columns:minmax(220px,28%) minmax(0,1fr);min-width:0;min-height:0;overflow:hidden}
.aio-workspace-section-picker{min-width:0;width:146px;max-width:32vw;flex:0 1 auto;font:inherit;font-size:12px;font-weight:600;padding:9px 8px;border:0;border-radius:22px;background:#D6DDF5;color:#3E4F8C;color-scheme:light}
.main:has(#page-ai_office.active) #aio-department-popover #aio-refresh{width:100%;flex-basis:auto;justify-content:flex-start;gap:8px;margin-top:10px;border-radius:12px;font-size:12px}
.main:has(#page-ai_office.active) #aio-department-popover #aio-refresh svg{flex-shrink:0}
.aio-workspace-sidebar{display:flex;flex-direction:column;gap:10px;min-height:0;min-width:0;overflow:auto;padding:14px;border-right:1px solid var(--border);background:var(--bg2);overscroll-behavior:contain;touch-action:pan-y}
.aio-workspace-list-title{margin:0;font-size:16px}
.aio-workspace-sidebar>label{font-size:12px;display:grid;gap:6px}
#page-ai_office.aio-workspace .aio-workspace-search{font:inherit;width:100%;box-sizing:border-box;min-width:0;padding:10px;border-radius:12px}
#page-ai_office.aio-workspace #aio-projects{display:grid;grid-template-columns:1fr;gap:6px}
#page-ai_office.aio-workspace .aio-workspace-projects>.th{display:grid;gap:8px;padding:0;background:transparent}
.aio-workspace-projects .aio-actions{display:flex;flex-wrap:wrap;gap:4px}
.aio-workspace-projects .aio-actions button{font-size:11px}
#page-ai_office.aio-workspace .aio-workspace-selected-project{box-shadow:inset 3px 0 var(--blue)}
#page-ai_office.aio-workspace #aio-thread-list{display:grid;gap:6px;max-height:none;overflow:visible}
#page-ai_office.aio-workspace #aio-thread-list .aio-thread-item{padding:12px;border-radius:10px}
.aio-workspace-conversation{display:flex;min-width:0;min-height:0;overflow:hidden;position:relative}
#page-ai_office.aio-workspace #aio-thread-detail{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;padding:0;border:0;background:var(--bg);color:var(--aio-stream-ink);position:static;height:auto;width:auto;overflow:hidden;border-radius:0}
.aio-workspace-conversation .aio-thread-toolbar,.aio-workspace-draft-head{display:flex;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--bg2);color:var(--aio-stream-ink);flex-shrink:0}
.aio-workspace-conversation .aio-thread-toolbar h3,.aio-workspace-draft-head h3{font-size:16px;margin:0;overflow-wrap:anywhere}
#page-ai_office.aio-workspace .aio-thread-toolbar .aio-meta{color:var(--aio-stream-muted)}
#page-ai_office.aio-workspace #aio-thread-progress{flex-shrink:0;max-height:100px;overflow-y:auto;font-size:12px;padding:4px 20px}
#page-ai_office.aio-workspace #aio-thread-progress:empty{display:none}
.aio-workspace-progress{flex-shrink:0;font-size:12px;color:var(--aio-stream-muted);border-bottom:1px solid var(--border)}
.aio-workspace-progress>summary{cursor:pointer;padding:8px 20px}
.aio-workspace-progress>summary [data-aio-progress]{display:inline-flex;gap:8px;flex-wrap:wrap}
.aio-workspace-progress>summary small{font:inherit;opacity:.8}
.aio-workspace-transcript{display:grid;grid-template-columns:18px minmax(0,1fr);flex:1;min-height:0;min-width:0;position:relative;overflow:hidden}
#page-ai_office.aio-workspace .aio-workspace-stream{grid-column:2;min-height:0;min-width:0;flex:none;overflow-y:auto!important;overflow-x:hidden!important;touch-action:pan-y!important;overscroll-behavior:contain;padding:24px clamp(12px,3vw,48px);box-sizing:border-box}
#page-ai_office.aio-workspace #aio-tasks{display:flex;flex-direction:column;gap:20px;background:var(--bg)}
.aio-message-rail{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:4px;align-items:center;min-height:0;overflow:auto;padding:18px 2px;scrollbar-width:none;border:0}
.aio-message-rail:empty{visibility:hidden}
.aio-message-tick{display:block;flex:0 0 12px;width:12px;padding:0;border:0;border-radius:0;background:linear-gradient(var(--text2),var(--text2)) center/8px 2px no-repeat;cursor:pointer;opacity:.6}
.aio-message-tick:hover,.aio-message-tick:focus-visible{opacity:1;outline:2px solid var(--blue);outline-offset:1px}
#page-ai_office.aio-workspace .aio-workspace-stream :is(.aio-task,.aio-discussion-message.is-ai){--text:var(--aio-stream-ink);--text2:var(--aio-stream-muted);--text3:var(--aio-stream-muted);align-self:stretch;width:auto;max-width:none;padding:8px 8px 12px 16px;margin:0 0 0 4px;border:0;border-left:1px solid var(--border2);border-radius:0;background:transparent;color:var(--aio-stream-ink);position:relative;flex-shrink:0}
.aio-workspace-stream :is(.aio-task,.aio-discussion-message.is-ai)::before{content:'';position:absolute;left:-4px;top:20px;width:7px;height:7px;border-radius:50%;background:var(--blue)}
#page-ai_office.aio-workspace .aio-workspace-stream :is(.aio-report,.aio-report p,.aio-report li){font-size:16px;line-height:1.55}
#page-ai_office.aio-workspace .aio-workspace-stream .aio-report :is(p,ul,ol){margin-block:8px}
#page-ai_office.aio-workspace .aio-workspace-stream .aio-task-head{gap:12px}
#page-ai_office.aio-workspace .aio-workspace-stream .aio-task-head>b{font-size:15px}
.aio-workspace-request{align-self:flex-end;max-width:85%;background:var(--blue-bg);color:#2E5A7F;border-radius:18px 18px 4px 18px;padding:12px 16px;box-sizing:border-box;flex-shrink:0;overflow-wrap:anywhere}
.aio-workspace-request>small{font-size:11px;color:#2E5A7F}
.aio-workspace-request .aio-report{color:inherit}
.aio-workspace-no-task{margin:auto;padding:24px;color:var(--text2);text-align:center}
.aio-workspace-draft{display:flex;flex:1;min-height:0;min-width:0;flex-direction:column}
.aio-workspace-new-intro{margin:auto;padding:24px;max-width:620px;line-height:1.7;color:var(--text2);overflow:auto;min-height:0}
.aio-workspace-new-intro h2{font-size:24px;color:var(--text)}
.aio-workspace-new-intro li{margin:8px 0}
#page-ai_office.aio-workspace :is(#aio-form,#aio-chat-form){display:flex;flex-direction:column;gap:6px;padding:10px 20px max(6px,env(safe-area-inset-bottom));border-top:1px solid var(--border);margin:0;background:var(--bg2);flex-shrink:0;position:relative;min-width:0}
#page-ai_office.aio-workspace .aio-workspace-composer{--pc-composer:var(--aio-field-bg,#CDEBE4);--pc-text:var(--aio-field-ink,#2F6B5F);--pc-muted:var(--aio-field-ink,#2F6B5F);border-color:transparent!important;outline:none!important;box-shadow:none!important;border-radius:22px}
#page-ai_office.aio-workspace .aio-workspace-composer textarea{border:0!important;outline:none!important;box-shadow:none!important;background:transparent!important;color:var(--pc-text)!important;resize:none;font:inherit;line-height:24px;min-height:26px;max-height:120px;padding:4px 4px 2px}
#page-ai_office.aio-workspace .aio-workspace-composer textarea::placeholder{color:var(--pc-muted)!important;opacity:1}
#page-ai_office.aio-workspace .aio-workspace-composer .chat-composer-bar{min-height:40px;flex-shrink:0}
#page-ai_office.aio-workspace .aio-workspace-composer :is(.aio-compose-icon,.aio-compose-send){display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-height:40px;padding:0;border-radius:50%;flex-shrink:0}
.aio-workspace-composer svg{width:20px;height:20px}
#page-ai_office.aio-workspace .aio-workspace-composer .aio-compose-icon{background:#E1D9F1;color:#5B4A86;border-color:transparent}
#page-ai_office.aio-workspace .aio-workspace-composer .aio-compose-icon:nth-of-type(2){background:#F9D9C4;color:#8A4B2A}
#page-ai_office.aio-workspace .aio-workspace-composer .aio-compose-send{margin-left:auto;background:var(--aio-action-bg);color:var(--aio-action-ink)}
.aio-workspace-settings{position:relative;font-size:12px;color:#2F6B5F}
.aio-workspace-settings>summary{cursor:pointer;padding:8px;list-style:none}
.aio-workspace-settings-fields{position:absolute;z-index:35;bottom:calc(100% + 12px);left:0;display:grid;gap:10px;width:min(480px,calc(100vw - 50px));max-height:min(60dvh,460px);overflow:auto;overscroll-behavior:contain;box-sizing:border-box;padding:16px;border:1px solid var(--border2);border-radius:14px;background:#E1D9F1;color:#2B2A28;box-shadow:0 12px 40px #0003}
.aio-workspace-settings-fields:empty{display:none}
.aio-workspace-settings-fields :is(select,textarea){width:100%;box-sizing:border-box}
.aio-workspace-settings-fields .aio-review-extra{min-width:0}
.aio-workspace-settings-fields input[type=file]{display:none}
.aio-workspace-latest{position:absolute;z-index:2;right:20px;bottom:12px;width:40px;height:40px;border-radius:50%;border:1px solid var(--border2);background:var(--aio-action-bg);color:var(--aio-action-ink);font-size:20px;cursor:pointer}
#page-ai_office.aio-workspace #aio-section-discussion .aio-discussion-workspace{height:100%!important;min-height:0;grid-template-columns:minmax(220px,28%) minmax(0,1fr)}
#page-ai_office.aio-workspace #aio-discussion-detail{display:flex;flex-direction:column;gap:24px}
#page-ai_office.aio-workspace .aio-discussion-sidebar{padding:14px;gap:10px;background:var(--bg2)}
#page-ai_office.aio-workspace #aio-discussion-form{padding:10px 20px max(6px,env(safe-area-inset-bottom))}
.aio-workspace-back{display:none}
@media(max-width:760px){
 body.aio-mobile-viewport .main:has(#page-ai_office.active.aio-workspace){top:var(--visual-vt,var(--aio-vp-top,0px))!important;height:var(--visual-vh,var(--aio-vp-height,100dvh))!important}
 #page-ai_office.aio-workspace .aio-shell{display:flex;flex-direction:column}
 .aio-workspace-section-picker{width:128px;max-width:32vw;padding:9px 6px;font-size:11px}
 .main:has(#page-ai_office.active.aio-workspace)>.topbar :is(h2,.page-title,.page-sub){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #page-ai_office.aio-workspace .aio-shell>[data-aio-section]{flex:1;min-height:0}
 #page-ai_office.aio-workspace .aio-workbench{display:flex;flex:1;min-height:0}
 #page-ai_office.aio-workspace .aio-workspace-sidebar{flex:1;min-width:0;border:0}
 #page-ai_office.aio-workspace .aio-workspace-conversation{display:none;flex:1}
 #page-ai_office.aio-workspace-thread-open .aio-workspace-sidebar{display:none}
 #page-ai_office.aio-workspace-thread-open .aio-workspace-conversation{display:flex}
 #page-ai_office.aio-workspace #aio-thread-detail{inset:auto!important;position:relative!important;height:auto!important;width:100%!important;padding:0!important}
 #page-ai_office.aio-workspace .aio-workspace-back{display:inline-flex;flex-shrink:0;padding:8px;font-size:12px}
 .aio-workspace-conversation .aio-thread-toolbar,.aio-workspace-draft-head{padding:8px;min-height:42px}
 #page-ai_office.aio-workspace #aio-thread-heading h3{font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 #page-ai_office.aio-workspace #aio-thread-heading .aio-meta{font-size:11px}
 #page-ai_office.aio-workspace #aio-thread-progress{max-height:72px;padding:4px 8px}
 #page-ai_office.aio-workspace .aio-workspace-stream{padding:12px 8px;scrollbar-gutter:auto}
 #page-ai_office.aio-workspace .aio-workspace-stream :is(.aio-report,.aio-report p,.aio-report li){font-size:17px;line-height:1.45}
 #page-ai_office.aio-workspace :is(#aio-form,#aio-chat-form,#aio-discussion-form){padding:6px 8px var(--chat-pad-bot,max(6px,env(safe-area-inset-bottom)))}
 #page-ai_office.aio-workspace #aio-section-discussion .aio-discussion-workspace{grid-template-columns:minmax(0,1fr)}
 .aio-workspace-settings-fields{position:fixed;left:12px;right:12px;top:calc(var(--visual-vt,var(--aio-vp-top,0px)) + 120px);bottom:auto;width:auto;max-height:min(55dvh,calc(var(--visual-vh,var(--aio-vp-height,100dvh)) - 190px))}
 .aio-workspace-new-intro{padding:16px;font-size:14px}
 .aio-workspace-new-intro h2{font-size:20px}
}