/* Work-only structure. Chat typography, bubble skin, avatar and actions are shared. */
.work-panel{--work-gap:var(--ui-space-8);--work-radius:var(--ui-radius-24);--work-inset:var(--ui-space-12);--work-toolbar-size:calc(36px * var(--ui-spacing-scale));--work-overlay-width:24rem;--work-heading-font:var(--ui-font-16,16px);position:relative;display:flex;flex-direction:column;gap:var(--work-gap)}
#work.work-panel{height:calc(100dvh - 110px - env(safe-area-inset-top,0px) - var(--nav-h) - var(--nav-offset) - env(safe-area-inset-bottom,0px));min-height:0;padding-bottom:0}
.work-heading{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--work-gap);padding:var(--work-inset);border-radius:var(--work-radius)}
.work-members,.work-heading-actions{display:flex;gap:var(--ui-space-4)}.work-heading-actions{justify-content:flex-end}.work-heading-title{text-align:center}.work-heading-title h2{font:600 var(--work-heading-font) var(--ui-serif);margin:0}.work-heading-title p{font-size:var(--chat-meta-size);margin:var(--ui-space-2) 0;color:var(--muted)}
.work-members button,.work-heading-actions button{width:var(--work-toolbar-size);height:var(--work-toolbar-size);border-radius:var(--ui-radius-round);border:var(--ui-size-1) solid var(--surface-border);background:var(--glass);color:var(--accent);padding:0;overflow:hidden}.work-members img{width:100%;height:100%;object-fit:cover}
#work .work-conversation{flex:1 1 0;min-height:0;overflow:auto;overscroll-behavior:contain;padding:var(--work-inset) var(--ui-space-4);margin:0}
#workForm{flex:0 0 auto;position:relative;bottom:auto;margin:0;grid-template-columns:var(--work-toolbar-size) minmax(0,1fr) auto var(--work-toolbar-size)}
#workForm .work-tool-picker{grid-column:3;grid-row:var(--compose-row,1)}#workForm #workSend{grid-column:4;grid-row:var(--compose-row,1)}#workForm .compose-actions{display:contents}#workForm #workAttach{grid-column:1;grid-row:var(--compose-row,1);border:0;background:var(--accent-soft)}
#workForm #workQuote,#workForm #workAttachments{grid-column:1/-1;grid-row:auto}#workForm:has(#workQuote:not([hidden])){--compose-row:2}
#workToolToggle{border:0;background:var(--selected-fill);color:var(--accent);border-radius:var(--work-radius);padding:var(--ui-space-8);font-size:var(--chat-meta-size);white-space:nowrap}
.work-tool-picker{position:relative}.work-tool-menu{position:absolute;bottom:calc(100% + var(--work-inset));right:0;z-index:8;width:min(20rem,calc(100vw - var(--work-inset)*4));display:grid;grid-template-columns:1fr 1fr;gap:var(--work-gap);padding:var(--work-inset);border-radius:var(--work-radius);background:var(--bg);box-shadow:var(--composer-shadow)}.work-tool-menu button{padding:var(--ui-space-8);color:var(--ink)}.work-tool-menu-title,.work-tool-handle{grid-column:1/-1;text-align:center}
.work-mention-menu{position:absolute;bottom:100%;left:0;background:var(--bg);padding:var(--work-inset);z-index:8}.work-search-bar{display:flex;gap:var(--work-gap)}.work-search-bar input{margin:0;min-width:0}
.work-tools-panel{--work-tool-touch:calc(44px * var(--ui-spacing-scale));--work-tool-card-radius:var(--ui-radius-16,var(--work-radius));position:absolute;right:0;top:0;z-index:12;box-sizing:border-box;width:min(var(--work-overlay-width),100%);max-height:100%;overflow:auto;overscroll-behavior:contain;padding:var(--ui-space-16,var(--work-inset));border-radius:var(--work-radius);background:var(--bg);box-shadow:var(--composer-shadow);color:var(--ink)}
.work-tools-title{display:flex;justify-content:space-between;align-items:center;gap:var(--work-gap);margin-bottom:var(--work-inset)}.work-tools-title strong{font-size:var(--ui-font-18,18px)}.work-tools-title p{margin:var(--ui-space-4) 0 0;color:var(--muted)}
#workToolsClose{flex:none;width:var(--work-tool-touch);height:var(--work-tool-touch);border-radius:var(--ui-radius-round);border:0;background:var(--selected-fill);color:var(--ink);font-size:var(--ui-font-20,20px)}
#workCheckRuntime.work-connection-button{display:flex;align-items:center;justify-content:center;gap:var(--work-gap);width:100%;min-height:var(--work-tool-touch);margin-bottom:var(--work-inset);border:var(--ui-size-1) solid var(--surface-border);border-radius:var(--work-tool-card-radius);background:var(--accent-soft);color:var(--ink);font:600 var(--ui-font-14,14px) var(--ui-sans, sans-serif);box-shadow:var(--composer-shadow)}#workCheckRuntime span{font-size:var(--ui-font-20,20px)}
.work-tool-catalog{display:grid;gap:var(--work-inset)}.work-tool-card{display:grid;gap:var(--work-gap);padding:var(--work-inset);border:var(--ui-size-1) solid var(--surface-border);border-radius:var(--work-tool-card-radius);background:var(--glass)}.work-tool-card-heading{display:flex;align-items:center;gap:var(--work-inset);min-width:0}.work-tool-badge{display:grid;place-items:center;flex:none;width:var(--work-tool-touch);height:var(--work-tool-touch);border-radius:var(--ui-radius-12,12px);background:var(--accent-soft);font:600 var(--ui-font-14,14px) var(--ui-serif);color:var(--ink)}.work-tool-identity{min-width:0;display:grid;gap:var(--ui-space-4)}.work-tool-identity strong{font-size:var(--ui-font-16,16px);overflow-wrap:anywhere}.work-tool-state{color:var(--muted);font-size:var(--chat-meta-size)}
.work-tool-card-actions{display:flex;gap:var(--work-gap)}.work-tool-card-actions button{flex:1;min-width:0;min-height:var(--work-tool-touch);border:var(--ui-size-1) solid var(--surface-border);border-radius:var(--ui-radius-12,12px);background:var(--glass);color:var(--ink);font-size:var(--ui-font-14,14px)}.work-tool-card-actions .work-tool-use{background:var(--accent-soft);font-weight:600}
.work-tools-panel p,.work-tools-panel details{font-size:var(--chat-meta-size);line-height:1.6}.work-tool-settings{border-top:var(--ui-size-1) solid var(--border);padding-top:var(--ui-space-4)}.work-tools-panel summary{cursor:pointer;min-height:var(--work-tool-touch);align-content:center;color:var(--ink)}.work-tool-settings label{display:grid;gap:var(--work-gap);color:var(--muted);margin-bottom:var(--work-inset)}.work-tool-card input{box-sizing:border-box;width:100%;min-width:0;min-height:var(--work-tool-touch);margin:0;font-size:var(--ui-font-14,14px)}
#workToolAdd{width:100%;min-height:var(--work-tool-touch);margin-block:var(--work-inset);border:var(--ui-size-1) dashed var(--border);border-radius:var(--work-tool-card-radius);background:transparent;color:var(--ink)}#workToolNotice:empty{display:none}#workToolNotice{padding:var(--work-inset);border-radius:var(--work-tool-card-radius);background:var(--accent-soft);overflow-wrap:anywhere}
.work-feedback{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-space-4) var(--work-gap);flex:none;color:var(--muted);padding-inline:var(--work-inset)}.work-feedback:has(#workTaskStatus:empty):has(#workStatus:empty){display:none}.work-feedback #workStatus{color:var(--ink);overflow-wrap:anywhere}
#workRepairDelivery,#workResumeReview{flex:none;min-height:calc(44px * var(--ui-spacing-scale));padding:var(--ui-space-8) var(--work-inset);border-radius:var(--work-radius);border:var(--ui-size-1) solid var(--surface-border);background:var(--accent-soft);color:var(--ink)}
#workTaskStatus:empty,#workStatus:empty{display:none}#workStatus,#workTaskStatus{margin:0;font-size:var(--chat-meta-size)}
body.work-view .chat-top-identity,body.work-view .chat-top-actions{display:none}body.work-view .topbar{display:none}
nav.glass{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:550px){nav.glass button{font-size:var(--ui-font-9,9px);letter-spacing:0}}
/* Work-only composer alignment: avoid subtracting the shared nav clearance twice. */
/* Work-only iPhone safe-area fallback and panel-to-nav alignment. */
body.work-view #work.work-panel{--work-safe-top:env(safe-area-inset-top,0px);margin-top:var(--work-safe-top);height:calc(100dvh - var(--work-safe-top) - var(--nav-h) - var(--nav-offset) - env(safe-area-inset-bottom,0px) - 12px)}
#work #workForm{grid-template-columns:var(--work-toolbar-size) minmax(0,1fr) auto var(--work-toolbar-size)}
#workForm .work-tool-picker,#workForm #workSend,#workForm #workAttach{grid-row:var(--actions-row,1)}
#workForm #workAttachments:empty{display:none}

/* 2026-10-19：Work 的高度仍由下面那条 calc 决定（工作台的固定高度），
   但不再让脚本往里写 inline height。上一条 "height:auto" 的尝试会让内容堆叠、
   输入框上浮，已撤回。 */
.work-panel > *{min-height:0}

/* iPhone standalone mode can report a zero top inset; scope fallback to mobile Work only. */
@media(max-width:550px){body.work-view #work.work-panel{--work-safe-top:max(env(safe-area-inset-top,0px),47px)}}