/* Rowan lives beside Awen, with space to compare and develop ideas together. */
/* Only the active work room changes palette; Awen keeps its own theme. */
body[data-room=work]{--bg:#edf3fa;--panel:#f8fbff;--fg:#20364e;--dim:#536b84;--line:#d3dfed;--mine:#dce9f8;--theirs:#ffffff;--accent:#285f9a;--moon:#73a4d8}
:root[data-theme=dark] body[data-room=work]{--bg:#0c1725;--panel:#142236;--fg:#e5eefb;--dim:#a2b7d0;--line:#2a405a;--mine:#1d3654;--theirs:#1a2d46;--accent:#8ebfff;--moon:#80b2ef}
[hidden]{display:none!important}
#roomTabs{flex:none;display:flex;align-items:center;gap:6px;padding:8px max(14px,calc((100vw - 1440px)/2));border-bottom:1px solid var(--line)}
#roomTabs button{font:inherit;text-align:left;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--dim);padding:8px 16px;min-height:44px;font-weight:650}
#roomTabs button span{font-size:12px;font-weight:400;margin-left:8px}#roomTabs button.selected{background:var(--panel);border-color:var(--line);color:var(--fg)}
.work-page-nav{display:none;align-items:center;gap:4px;margin-left:12px}
body[data-room=work] .work-page-nav{display:flex}
.work-page-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 13px;border:1px solid transparent;border-radius:10px;color:var(--dim);font-size:14px;text-decoration:none;white-space:nowrap}
.work-page-nav a[aria-current=page]{color:var(--fg);background:var(--panel);border-color:var(--line);font-weight:650}
.work-page-nav a:hover{color:var(--fg)}.work-page-nav a:focus-visible,#roomTabs button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
body[data-room=work]>#thread,body[data-room=work]>#composer,body[data-room=work]>#noteCard,body[data-room=work]>#jc,body[data-room=work]>#liveCard,body[data-room=work]>#seasonGreeting{display:none!important}
body[data-room=work] header .who,body[data-room=work] header .avatar,body[data-room=work] #seasonBtn{visibility:hidden}
body[data-room=work] header{display:none}
body[data-work-only=true] #awenTab{display:none}body[data-work-only=true] #menuBtn{display:none}
#workRoom{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;padding:16px 18px max(16px,env(safe-area-inset-bottom))}
#workPageState{display:none;flex:none;width:min(100%,960px);margin:0 auto 10px;font-size:13px;line-height:1.5;color:var(--dim)}
body[data-work-page=profile] #workPageState:not(:empty),body[data-work-page=board] #workPageState:not(:empty){display:block}
#workPageState[data-error=true]{color:var(--bad)}
.work-toolbar{display:none;align-items:center;gap:6px;margin-left:auto}
body[data-room=work] .work-toolbar{display:flex}
#roomTabs .work-toolbar button{font-size:12px;font-weight:500;padding:7px 11px;min-height:38px;border-color:var(--line);border-radius:9px;white-space:normal}
.work-layout{display:grid;flex:1;width:min(100%,1120px);min-height:0;grid-template: minmax(0,1fr) / minmax(0,1fr);margin-inline:auto;align-items:stretch}
.work-layout[data-view=profile]{max-width:860px}.work-layout[data-view=board]{max-width:960px}
.work-layout>.work-panel{display:none}
.work-layout[data-view=conversation]>.work-conversation{display:flex}
.work-layout[data-view=profile]>.work-profile,.work-layout[data-view=board]>.work-board{display:block}
.work-panel{min-width:0;min-height:0;border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:18px}
.work-profile,.work-board{overflow-y:auto;overscroll-behavior:contain}
.work-profile,.work-board{padding:24px 28px}.work-profile{font-size:15px}.work-profile #workProfile{max-width:72ch;margin-inline:auto}.work-profile>.work-panel-heading{max-width:72ch;margin-inline:auto;margin-bottom:18px}
.work-conversation{display:flex;flex-direction:column;min-height:0;padding:0;overflow:hidden}
.work-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.work-panel-heading h2{font:22px/1.2 Georgia,serif;margin:0}.work-panel-heading p{margin:6px 0 0}
.work-muted{color:var(--dim);font-size:13px;line-height:1.55}.work-profile p{font-size:15px;line-height:1.7}.work-profile h3{font-size:14px;margin:23px 0 7px;color:var(--accent)}.work-profile ul{padding-left:19px;font-size:14px;line-height:1.7}.work-profile li+li{margin-top:6px}.work-profile details{border-top:1px solid var(--line);padding:14px 0}.work-profile summary{font-size:15px;font-weight:650;cursor:pointer}.work-profile details p{font-size:14px}.work-profile a,.work-item a{color:var(--accent)}
.work-project-state{display:inline-block;font-size:11px;color:var(--dim);margin:6px 0}.work-evidence-note{font-size:11px!important;color:var(--dim)}
#workTurns{flex:1;overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:18px;scroll-behavior:smooth}.work-turn{margin:0 0 18px;padding:12px 14px;border-radius:13px;background:var(--bg);font-size:14px;overflow-wrap:anywhere}.work-turn[data-role=assistant]{background:transparent;border-left:2px solid var(--accent);border-radius:0 10px 10px 0}.work-turn-label{color:var(--accent);font-size:11px;font-weight:700;margin-bottom:7px;display:flex;justify-content:space-between;gap:10px}.work-turn-text{white-space:pre-wrap;line-height:1.65}.work-turn time{font-size:10px;color:var(--dim);font-weight:400}.work-turn-controls{display:flex;gap:12px;margin-top:10px}.work-turn-controls button{font:inherit;font-size:11px;border:0;padding:0;background:none;color:var(--accent)}
.work-compose{flex:none;padding:12px 15px 14px;border-top:1px solid var(--line)}.work-actor{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--dim);margin-bottom:9px}.work-actor select{width:auto!important;padding:3px 6px!important;font-size:12px!important}
#workRoom textarea,#workRoom select,.work-item-dialog input,.work-item-dialog select,.work-item-dialog textarea{font:inherit;font-size:14px;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:9px;padding:9px 10px;width:100%}#workMessage{resize:vertical;max-height:25dvh;min-height:60px;font-size:16px!important;display:block}#workMessage:focus,.work-item-dialog input:focus,.work-item-dialog textarea:focus{outline:2px solid var(--accent);outline-offset:1px}
.work-compose-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}#workState{font-size:11px;line-height:1.4;color:var(--dim)}#workState[data-error=true],#workItemState[data-error=true]{color:var(--bad)}
.work-button{background:var(--accent);color:var(--panel);border:1px solid transparent;border-radius:10px;font:inherit;font-size:13px;font-weight:650;padding:10px 14px;min-height:40px;white-space:nowrap}.work-button.secondary{border-color:var(--line);background:transparent;color:var(--dim)}.work-button:disabled{opacity:.5;cursor:wait}.work-text-button{background:none;border:0;color:var(--accent);font:inherit;font-size:12px;white-space:nowrap;padding:7px 0}#workFilter{font-size:12px!important;margin:14px 0 12px}.work-item{border:1px solid var(--line);border-radius:12px;padding:13px;margin-bottom:10px}.work-item-kind{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}.work-item h3{font-size:14px;margin:5px 0 8px}.work-item-body{font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;max-height:230px;overflow:auto}.work-item-meta{font-size:10px;color:var(--dim);margin-top:10px}.work-item-actions{display:flex;gap:13px;margin-top:5px}.work-empty{font-size:14px;color:var(--dim);line-height:1.6;padding:14px 2px}
.work-item-dialog{width:min(570px,calc(100% - 24px));max-height:90dvh;padding:24px;border:1px solid var(--line);border-radius:19px;background:var(--panel);color:var(--fg)}.work-item-dialog::backdrop{background:#10202199}.work-item-dialog label{display:block;font-size:13px;margin-top:16px}.work-item-dialog input,.work-item-dialog select,.work-item-dialog textarea{display:block;margin-top:6px}.work-dialog-actions{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:18px}#workItemState{font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#workAccess{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:var(--bg);padding:26px}#workAccess>div{max-width:400px;text-align:center}#workAccess h1{font:36px Georgia,serif}#workAccess p{color:var(--dim);line-height:1.65}#migrateDevice{max-width:280px;background:#ffffff10;color:#fff3de;border:1px solid #ffffff40;border-radius:12px;padding:12px;font:inherit;font-size:13px}#migrationState{color:#f1dec2;font-size:12px;max-width:280px;text-align:center}
@media(max-width:1023px){#roomTabs{padding-inline:10px}.work-page-nav{margin-left:4px}.work-page-nav a{padding-inline:10px}#workRoom{padding:10px 10px max(10px,env(safe-area-inset-bottom))}.work-panel{border-radius:14px}.work-compose{padding:10px 12px}.work-actor{margin-bottom:6px}#workMessage{height:72px;min-height:48px;max-height:22dvh}.work-compose-actions{margin-top:8px}body[data-room=work] #roomTabs{padding:6px 10px}body[data-room=work] #roomTabs>button{font-size:14px;padding:7px 9px;min-height:40px}body[data-room=work] #awenTab span{display:none}#roomTabs .work-toolbar button{font-size:11px;padding:6px 8px;min-height:38px}#roomTabs #workDevice{max-width:107px}.work-toolbar{gap:5px}}
@media(max-width:760px){body[data-room=work] #roomTabs{flex-wrap:wrap;gap:5px}.work-page-nav{order:3;flex:1 0 100%;margin:0;gap:5px}.work-page-nav a{flex:1;min-height:40px;font-size:13px;padding:7px 5px}.work-profile,.work-board{padding:18px}.work-profile p{font-size:14px}.work-profile summary{font-size:14px}}
@media(max-width:360px){body[data-room=work] #roomTabs>button{font-size:13px;padding-inline:6px}#roomTabs .work-toolbar button{font-size:10px;padding-inline:6px}#roomTabs #workDevice{max-width:100px}}
@media(prefers-reduced-motion:reduce){#workTurns{scroll-behavior:auto}}
#workDeviceExplain,#workDeviceState,#workDeviceResult label{font-size:14px;color:var(--dim);line-height:1.6}#workDeviceResult{margin-top:18px}#workDeviceLink{font-size:12px;overflow-wrap:anywhere}
@media(max-height:600px){#workRoom{padding-top:8px;padding-bottom:8px}.work-page-nav a{min-height:32px;padding-block:5px}.work-compose{padding:7px 10px}.work-actor{margin-bottom:4px}#workMessage{height:48px;min-height:40px;max-height:20dvh}.work-compose-actions{margin-top:5px}.work-compose .work-button{min-height:34px;padding:6px 12px}#workTurns{padding:12px}}