.capture-bar[hidden]{display:none}.arb-panel{margin:10px 0 20px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:16px}.arb-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.arb-heading h1{font-size:22px;margin:4px 0 14px}.arb-heading h1 small{font-size:12px;color:var(--muted)}.arb-status{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:5px 8px}.arb-input{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:6px;padding:7px;margin-bottom:10px}.arb-input textarea{flex:1;min-width:0;border:0;resize:vertical;min-height:30px;max-height:160px;font-size:14px;padding:4px}.arb-input button{font-size:12px}.arb-row{display:flex;gap:7px;align-items:center;min-height:42px;border-bottom:1px solid #edf0f5;padding:5px 4px}.arb-check{width:25px;height:25px;flex-shrink:0;border:1px solid var(--line);border-radius:4px;color:transparent;display:grid;place-items:center}.arb-check:hover,.arb-check.inert{color:var(--action)}.arb-check.inert{border:0}.arb-title{flex:1;min-width:0;text-align:left;padding:0;font-size:13px}.arb-title>span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.arb-title>small{font-size:10px;color:var(--muted)}.arb-row.past .arb-title{color:#667184}.arb-row.past{background:#f8f9fc}.arb-row.focused{border-left:2px solid var(--action)}.arb-project-label{font-size:10px;color:var(--muted);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arb-actions{display:flex;gap:2px}.arb-icon{width:30px;height:30px;display:grid;place-items:center;position:relative;color:#5b6575;border:1px solid transparent;border-radius:4px;flex-shrink:0}.arb-icon:hover,.arb-icon:focus-visible{border-color:var(--line);background:#edf1fc;color:var(--action)}.arb-icon span{display:none}.arb-icon[data-tip]:hover:after,.arb-icon[data-tip]:focus-visible:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%);background:#253554;color:white;padding:4px 7px;border-radius:4px;font-size:11px;white-space:nowrap;z-index:5}.arb-more{display:none}.arb-linked{display:inline-flex;color:var(--action)}.arb-subheading{font-size:12px;margin:16px 0 6px;color:var(--muted);display:flex;gap:6px}.arb-subheading span{margin-left:auto;font-size:10px}.arb-fold{margin-top:12px;border-top:1px solid var(--line);padding-top:9px}.arb-fold>summary{font-size:12px;color:var(--muted)}.arb-empty{font-size:12px;color:var(--muted);padding:12px 3px}.arb-note{font-size:10px;color:var(--muted);margin:10px 0 0}.arb-warning{background:#fff6e8;color:#775320;font-size:12px;padding:9px;border-radius:4px;margin:8px 0;display:block}.arb-risks{font-size:12px;color:var(--action);margin:5px 0 12px}.arb-risks button{font-size:12px;text-decoration:underline;margin-left:8px}@media(hover:hover){.arb-actions{opacity:0}.arb-row:hover .arb-actions,.arb-row:focus-within .arb-actions{opacity:1}}@media(max-width:767px),(hover:none){.arb-panel{padding:10px}.arb-row{min-height:44px;flex-wrap:wrap}.arb-title{min-width:130px}.arb-project-label{display:none}.arb-actions{display:none}.arb-more{display:grid;width:36px;height:36px}.arb-row.menu-open .arb-actions{display:flex;width:100%;justify-content:flex-end;padding-bottom:4px}.arb-row.menu-open .arb-icon{width:auto;display:flex;gap:5px;padding:5px 8px;min-height:44px}.arb-row.menu-open .arb-icon span{display:inline;font-size:11px}.arb-input textarea{font-size:16px}.arb-heading{align-items:flex-start}.arb-status{max-width:130px;text-align:left}.arb-icon[data-tip]:after{display:none}.arb-subheading span{display:none}.arb-linked{min-height:36px;align-items:center}}

/* SuperNote application tokens and folder-chip treatment, source index.html. */
:root{--bg:#fff;--ink:#111;--muted:#686868;--line:#e0e0e0;--accent:#5B7BE2;--action:#5B7BE2;--soft:#f5f5f5;--sp-hover:#edf1fc}
body{background:var(--bg)}#operator-sidebar{background:var(--soft);padding:10px 8px}.sidebar-caption{padding:6px 8px 10px;color:var(--muted);letter-spacing:1px}
#operator-sidebar details{margin-bottom:4px}#operator-sidebar summary{min-height:38px;gap:5px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:5px 8px;font-weight:500;font-size:12px;color:#444}
#operator-sidebar summary:hover{border-color:#a0b4f0;background:#fff;color:#111}#operator-sidebar details[open]>summary{border-color:var(--accent);color:var(--accent);background:var(--sp-hover)}#operator-sidebar summary .ui-icon{flex-shrink:0;width:16px;height:16px}
#operator-sidebar summary small{font-size:10px;font-weight:700;color:var(--muted)}.side-section{margin:4px 0 4px 14px;padding-left:6px}#operator-sidebar a{border-radius:8px;min-height:34px;align-items:center;color:#444;font-size:12px}#operator-sidebar a:hover{background:var(--sp-hover)}
.op-project,.op-box{border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:none}.op-project header{background:var(--soft);border-radius:7px 7px 0 0}.op-project-title{color:#444;font-weight:500}.op-project-title .ui-icon{color:var(--accent)}.op-project-grid{gap:8px}.op-pin{border-radius:8px}.op-pin.selected{background:var(--accent);color:#fff}
.work-sources button,.work-stats button{background:var(--soft);border:1px solid var(--line);border-radius:8px;color:#444}.work-sources button.selected{background:var(--accent);border-color:var(--accent);color:white}.work-sources button.selected small{color:white}.work-row{padding:4px 0;gap:8px}.work-item{align-items:center;min-height:38px;padding:5px 8px}.work-item b{font-size:13px;font-weight:500}.work-item small,.work-summary{font-size:11px}.work-search input,.work-search select{font-size:13px;min-height:38px;padding:6px 10px;border-color:var(--line)}
.arb-row{border-color:var(--line);border-radius:8px}.arb-row:hover{background:var(--soft)}.arb-fold{border-color:var(--line)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:767px){#operator-sidebar summary,#operator-sidebar a,.work-item{min-height:44px}.work-search input{font-size:16px}}

.side-pin{display:flex;align-items:center;gap:5px}.side-pin.selected{color:var(--accent)}.side-pin .ui-icon{width:14px;height:14px}

/* Generated ARBITER identity. Alpha mask follows the shared SuperNote accent. */
.app-header .brand{display:flex;align-items:center;flex-shrink:0;width:164px;min-height:44px}
.app-header .brand .arb-brand-mark{display:block;width:164px;height:52px;background:var(--accent);mask:url('/arbiterdev/arbiter-lockup.png') center/contain no-repeat;-webkit-mask:url('/arbiterdev/arbiter-lockup.png') center/contain no-repeat}
@media(max-width:1100px){.app-header .brand{width:130px}.app-header .brand .arb-brand-mark{display:block;width:130px;height:44px}}
@media(max-width:767px){.app-header .brand{width:38px}.app-header .brand .arb-brand-mark{width:32px;height:36px;mask-image:url('/arbiterdev/arbiter-symbol.png');-webkit-mask-image:url('/arbiterdev/arbiter-symbol.png')}}

.side-project{position:relative}.side-project>details>summary{padding-right:58px}.side-tools{position:absolute;right:4px;top:5px;display:flex;gap:1px}.side-tool{display:flex;align-items:center;justify-content:center;width:24px;height:28px;padding:3px;border-radius:5px;color:var(--muted)}.side-tool .ui-icon{width:14px;height:14px}.side-tool:hover{background:var(--sp-hover);color:var(--accent)}.side-tool.selected{color:var(--accent)}.side-chats{margin-left:12px;padding:3px 0 5px;border-left:1px solid var(--line)}.side-chats a .ui-icon{flex-shrink:0;width:14px}.side-chats a span{flex:1}.side-chats a small{font-size:9px;color:var(--muted);flex-shrink:0}@media(max-width:767px){.side-tools{top:1px}.side-tool{width:36px;height:42px}.side-project>details>summary{padding-right:80px}}

/* Compact daily entry: metadata on one line, input first. */
.topbar{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:36px;padding:4px 0;margin:0;overflow-x:auto;white-space:nowrap}.topbar #date{font-size:11px;flex-shrink:0}.topbar .sync-label{font-size:10px;margin:0;flex:1;white-space:nowrap}.topbar>div{margin-left:auto;display:flex;align-items:center;gap:6px}.topbar #arb-account{font-size:11px;flex-shrink:0;padding:3px 6px;min-height:28px}.arb-daily #save-state{display:none}.arb-daily .arb-panel{margin:0 0 8px;padding:0;border:0;background:transparent}.arb-daily .arb-input{padding:4px 6px;margin:0 0 6px;min-height:40px}.arb-daily .arb-input textarea{min-height:28px;font-size:13px;resize:none}.arb-daily .arb-input button{padding:5px 10px;min-height:30px}.arb-daily .arb-fold{margin-top:6px;padding-top:6px}.arb-daily .arb-list:empty{display:none}@media(max-width:767px){.arb-daily .arb-input textarea{font-size:16px}.arb-daily .arb-input button{min-height:44px}.topbar #refresh{min-height:36px}}

/* Compact high-contrast workspace. User density rules override showcase spacing. */
:root{--ink:#192231;--muted:#505d6d;--action:#3658b5;--accent:#5b7be2;--soft:#f2f4f8;--sp-hover:#e9effc;--paper:#fff;--surface-ring:rgba(34,54,87,.12)}
body{font-family:'Avenir Next','Apple SD Gothic Neo','Noto Sans KR',sans-serif;color:var(--ink);-webkit-font-smoothing:auto}
button,input,select,textarea{font-family:inherit}input::placeholder,textarea::placeholder{color:#5c6879;opacity:1}
.app-header{box-shadow:0 3px 16px rgba(30,48,80,.035)}.nav{color:#475568;font-weight:500}.nav.active{color:#294b9e;border-color:var(--accent)}
.primary{background:var(--action);color:#fff;border-radius:8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.quiet,.secondary{color:#35465c;border-color:transparent;border-radius:8px;box-shadow:0 0 0 1px var(--surface-ring),inset 0 1px 0 #fff}
button,summary,a{transition:color .18s cubic-bezier(.32,.72,0,1),background-color .18s cubic-bezier(.32,.72,0,1),transform .18s cubic-bezier(.32,.72,0,1)}button:active{opacity:1;transform:scale(.98)}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #3658b5;outline-offset:2px}
.op-box,.op-project,.arb-input{border-color:transparent;box-shadow:0 0 0 1px var(--surface-ring),0 3px 12px rgba(30,48,80,.025),inset 0 1px 0 #fff;border-radius:10px}
.arb-input:focus-within{box-shadow:0 0 0 2px rgba(54,88,181,.5),0 3px 12px rgba(30,48,80,.03)}
.arb-title,.op-next,.work-item b{color:var(--ink);font-weight:500}.arb-title>small,.arb-project-label,.arb-note,.topbar .sync-label,.side-chats a small{font-size:11px;color:var(--muted)}
.arb-row.past .arb-title{color:#526071}.arb-row.past{background:#f1f3f6}.arb-fold>summary{font-size:12px;color:#35465c;font-weight:600}.arb-check{border-color:#7d8b9d}.arb-icon,.side-tool{color:#485971}
.op-project-state,.op-project footer,.op-box footer,.op-feed small,.work-meta,.work-type,.work-item small,.work-summary{color:var(--muted)}
#operator-sidebar{background:#f5f7fa;padding:10px 8px}.sidebar-caption{align-items:center;padding:0 3px 10px;letter-spacing:0;font-size:12px;color:#35465c}.sidebar-caption b{font-size:11px;margin-left:4px;font-weight:500}
.folder-view-toggle{display:flex;gap:2px;padding:3px;border-radius:9px;background:#e9edf3;box-shadow:inset 0 0 0 1px rgba(34,54,87,.04)}.folder-view-toggle button{font-size:11px;font-weight:600;min-height:28px;padding:4px 7px;border-radius:6px;color:#526071}.folder-view-toggle button[aria-pressed=true]{background:white;color:#294b9e;box-shadow:0 1px 3px rgba(30,48,80,.08)}
#operator-sidebar summary{font-size:13px;font-weight:500;color:#25344a;border-color:transparent;box-shadow:inset 0 0 0 1px var(--surface-ring),0 1px 3px rgba(30,48,80,.025)}#operator-sidebar details[open]>summary{color:#294b9e;background:#e9effc;border-color:transparent;box-shadow:inset 0 0 0 1px rgba(54,88,181,.32)}#operator-sidebar summary small{font-size:11px;color:#526071}#operator-sidebar a{color:#334257}#operator-sidebar a:hover{color:#294b9e}
#operator-sidebar[data-folder-view=box] .side-folder-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-items:start}
#operator-sidebar[data-folder-view=box] .side-project{min-width:0;background:#fff;border-radius:10px;box-shadow:inset 0 0 0 1px var(--surface-ring)}
#operator-sidebar[data-folder-view=box] details{margin:0}#operator-sidebar[data-folder-view=box] summary{min-height:70px;padding:8px 7px 30px;gap:4px;flex-wrap:wrap;align-content:flex-start;border-radius:10px;background:transparent;box-shadow:none}
#operator-sidebar[data-folder-view=box] summary:before{display:none}#operator-sidebar[data-folder-view=box] summary>span{flex:1 1 calc(100% - 26px);font-size:12px;white-space:normal;overflow-wrap:anywhere;line-height:1.35}#operator-sidebar[data-folder-view=box] summary small{position:absolute;bottom:9px;left:9px}
#operator-sidebar[data-folder-view=box] .side-tools{top:auto;bottom:4px;right:5px}#operator-sidebar[data-folder-view=box] .side-project:has(details[open]){grid-column:1/-1}#operator-sidebar[data-folder-view=box] .side-project:has(details[open]) .side-tools{top:4px;bottom:auto}#operator-sidebar[data-folder-view=box] details[open]>summary{min-height:38px;padding:7px 58px 7px 8px;flex-wrap:nowrap}#operator-sidebar[data-folder-view=box] details[open]>summary small{position:static}#operator-sidebar[data-folder-view=box] details[open]>summary>span{white-space:nowrap}
@media(max-width:767px){.folder-view-toggle button{min-height:44px;padding:5px 10px}#operator-sidebar[data-folder-view=box] summary{min-height:94px;padding-bottom:46px}#operator-sidebar[data-folder-view=box] summary small{bottom:17px}#operator-sidebar[data-folder-view=box] details[open]>summary{min-height:46px;padding-right:80px}.side-chats a{min-height:44px}.topbar .sync-label{font-size:11px}}
@media(prefers-reduced-motion:reduce){button,summary,a{transition:none}button:active{transform:none}}

.folder-add{margin-left:auto;margin-right:4px;font-size:20px;line-height:1;width:30px;height:30px;color:var(--action);border-radius:7px;background:white;box-shadow:0 0 0 1px var(--surface-ring)}.folder-pending{font-size:12px;color:var(--muted);line-height:1.5}#folder-create-error{color:#a12828;font-size:12px}#folder-create-form input[type=checkbox]{width:auto;min-height:auto;margin-right:6px}@media(max-width:767px){.folder-add{width:44px;height:44px}}

/* v0.2: Louie Hwang identity; compact working surfaces. */
:root{--bg:#fbfaf6;--paper:#fbfaf6;--ink:#1a1a22;--muted:#555968;--line:#d4d2d9;--accent:#7c4dff;--action:#6031cd;--soft:#f0eee9;--sp-hover:#f0eaff;--sidebar-width:224px}
body{background:var(--paper);font-family:'Pretendard Variable','Pretendard',-apple-system,'Apple SD Gothic Neo',sans-serif;color:var(--ink)}
.app-header{background:#fbfaf6;border-bottom:2px solid #1a1a22;gap:8px}.app-header nav{min-width:0;overflow-x:auto}.app-header .nav{white-space:nowrap}.app-header .brand{width:125px}.app-header .brand .arb-brand-mark{width:125px;background:#1a1a22}#os-version{font:11px ui-monospace,monospace;color:#6031cd;white-space:nowrap}#operator-sidebar{background:#f0eee9;border-right:1px solid #c7c4ce}main#content{padding:0 20px 24px;min-width:0}.topbar{margin-bottom:5px}.primary{background:#6031cd;color:white}.op-project,.op-box,dialog{border-color:#1a1a22}.op-project{box-shadow:2px 2px 0 #ddd3f6}#operator-sidebar details[open]>summary{color:#5327bd;border-color:#6031cd;background:#f0eaff}
.os-deck{margin:3px 0 18px}.os-deck>header,.os-today>header,.os-work-head,.os-context header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px}.os-deck>header b{font-size:12px}.os-deck>header button{font-size:12px;color:var(--action)}.os-rail{display:flex;gap:10px;overflow-x:auto;padding:4px 4px 7px 0;scroll-snap-type:x proximity}.os-tile{flex:0 0 151px;min-width:0;display:grid;grid-template-columns:22px 1fr;gap:5px 8px;text-align:left;padding:11px 12px;border:1.5px solid #1a1a22;border-radius:10px;background:white;box-shadow:3px 3px 0 var(--tile-color);scroll-snap-align:start;--tile-color:#7c4dff;transition:transform .16s}.tone-1{--tile-color:#00b8a9}.tone-2{--tile-color:#ff4081}.tone-3{--tile-color:#f59e0b}.os-tile strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.os-tile small{grid-column:2;font-size:11px;color:#555968}.os-tile[aria-pressed=true]{background:#efe7ff;border-color:#6031cd}.os-tile:hover{transform:translateY(-2px)}.os-add{box-shadow:none;background:#f0eee9}.os-cockpit{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:start}.os-main{min-width:0}.os-today,.os-workspace{background:white;border:1.5px solid #1a1a22;border-radius:10px;padding:0 14px 12px;margin-bottom:16px}.os-today{box-shadow:3px 3px 0 #00b8a9}.os-today>header{min-height:39px}.os-today header h2,.os-work-head h2,.os-context h2{font-size:14px;margin:0;display:flex;align-items:center;gap:6px}.os-today header small,.os-workspace h3 small,.os-context h2 small{font-size:11px;color:var(--muted);font-weight:400}.os-work-head{min-height:48px}.os-work-head h2{overflow-wrap:anywhere}.os-access{display:flex;align-items:center;gap:7px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:0 0 10px}.os-access a,.os-access button{display:inline-flex;align-items:center;gap:5px;text-decoration:none;color:#492293;background:#f4efff;border:1px solid #c7b8e6;padding:6px 8px;font-size:12px;border-radius:5px;min-height:34px}.os-workspace h3{font-size:12px;margin:14px 0 2px;display:flex;gap:10px}.os-workspace footer,.os-context footer{font-size:11px;color:#555968;padding:10px 0 0}.os-context{min-width:0}.os-context section{border-top:2px solid #1a1a22;margin-bottom:22px}.os-context section:first-child{border-top-color:#b32c55}.os-context .op-feed{flex-direction:column;align-items:flex-start;gap:4px;padding:9px 0}.os-context .op-feed>span{max-width:100%;white-space:normal;overflow-wrap:anywhere}.os-context .op-feed small{font-size:11px}.os-more{font-size:12px;color:var(--action);padding:10px 0}.os-inbox{display:flex;gap:8px;align-items:center;min-height:40px;border:1px solid #1a1a22;border-radius:6px;padding:8px;width:100%;font-size:12px;background:#fff}.arb-daily .os-today .arb-panel{margin:0}.os-workspace .op-feed{padding-left:0;padding-right:0;min-height:40px}.os-workspace .op-feed small{font-size:11px}.os-workspace .op-feed>span{min-width:0}.os-workspace button.secondary{white-space:nowrap}.os-workspace :target{scroll-margin-top:80px}button:focus-visible,a:focus-visible{outline:2px solid #6031cd;outline-offset:3px}
@media(max-width:1200px){.os-cockpit{grid-template-columns:minmax(0,1fr) 215px}.app-header .brand{width:95px}.app-header .brand .arb-brand-mark{width:95px}.app-header .nav{padding:10px 6px}}
@media(max-width:1000px){.os-cockpit{grid-template-columns:1fr}.os-context{display:grid;grid-template-columns:1fr 1fr;gap:16px}.os-context section{margin-bottom:0}.os-inbox{grid-column:1/-1}.os-workspace .op-feed small{max-width:120px;white-space:normal}}
@media(max-width:767px){main#content{padding:0 12px 20px}.app-header .brand,.app-header .brand .arb-brand-mark{width:36px}.os-tile{flex-basis:145px;min-height:68px}.os-context{grid-template-columns:1fr}.os-access a,.os-access button,.os-deck>header button,.os-more{min-height:44px}.os-today,.os-workspace{padding-left:10px;padding-right:10px}.os-cockpit{gap:8px}.os-workspace .op-feed{min-height:44px}.os-work-head{flex-wrap:wrap;padding:8px 0}.os-context header button{min-height:44px}.os-tile:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.os-tile{transition:none}}

/* v0.2 shared dialogs — Louie Hwang BI, all workflows. */
dialog#detail{width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:20px;background:#fbfaf6;color:#1a1a22;border:2px solid #1a1a22;border-radius:14px;box-shadow:6px 6px 0 #7c4dff;overflow:auto;overscroll-behavior:contain}
dialog#detail::backdrop{background:rgba(20,18,32,.48);backdrop-filter:blur(3px)}
#detail .close{position:sticky;float:right;top:0;right:auto;display:grid;place-items:center;width:34px;height:34px;min-height:34px;padding:0;border:1px solid #1a1a22;border-radius:7px;background:#fff;color:#1a1a22;font-size:23px;line-height:1;z-index:2}
#detail .close:hover{background:#efe7ff;box-shadow:2px 2px 0 #7c4dff}
#detail-body{min-width:0}#detail h2{font-size:17px;line-height:1.4;margin:0 0 16px;padding:4px 45px 12px 0;border-bottom:2px solid #1a1a22;overflow-wrap:anywhere}#detail h3{font-size:13px;margin:16px 0 8px}#detail p{font-size:12px;line-height:1.6;color:#555968;overflow-wrap:anywhere}#detail .field{font-size:12px;color:#33323d;margin:12px 0;font-weight:600}
#detail input:not([type=checkbox]):not([type=radio]),#detail select,#detail textarea{width:100%;min-width:0;min-height:38px;margin-top:5px;padding:8px 10px;border:1px solid #a6a1b2;border-radius:7px;background:#fff;color:#1a1a22;font-size:13px;box-shadow:none}#detail textarea{min-height:86px;line-height:1.5}#detail input::placeholder,#detail textarea::placeholder{color:#62606e}
#detail input[type=checkbox],#detail input[type=radio]{display:inline-block;width:17px;height:17px;min-height:0;padding:0;margin:0 7px 0 0;vertical-align:middle;accent-color:#6031cd;flex-shrink:0}#detail .field:has(input[type=checkbox]),#detail .checkline{min-height:36px;display:flex;align-items:center;font-weight:500}#detail .field>span:has(input[type=checkbox]){display:flex;align-items:center}
#detail .primary,#detail .secondary,#detail .quiet,#detail .choice{border:1px solid #1a1a22;border-radius:7px;min-height:36px;font-size:12px;padding:7px 12px}#detail .primary{background:#6031cd;color:white;box-shadow:2px 2px 0 #1a1a22}#detail .secondary,#detail .quiet{background:#fff;color:#1a1a22}#detail .secondary:hover,#detail .quiet:hover,#detail .choice:hover{background:#efe7ff}#detail .choice.selected{background:#6031cd;color:white}#detail .actions,#detail .row-buttons{gap:8px}#detail button:disabled{box-shadow:none;opacity:.5}
#detail hr{border:0;border-top:1px solid #d4d2d9;margin:16px 0}#detail .folder-pending,#detail .arb-warning{border-left:3px solid #00867c;background:#e9f4f1;border-radius:0 6px 6px 0;padding:9px 11px;color:#31564f;font-size:12px}#detail [role=alert]:not(:empty){border-left:3px solid #b32c55;background:#fbeaf0;padding:9px 11px;border-radius:0 6px 6px 0;color:#8b2344}#detail .path,#detail .work-preview{background:#f0eee9;border:1px solid #d4d2d9;border-radius:7px;font-size:12px}#detail .resource-link{border-color:#c6b5e7;background:#f3edff;color:#492293;font-size:12px;min-height:36px}#detail .list-row{min-width:0;gap:8px}#detail .list-row>div{min-width:0}#detail .task-title{overflow-wrap:anywhere}#detail .op-feed{min-width:0}#detail :focus-visible{outline:2px solid #6031cd;outline-offset:3px}
@media(max-width:767px){dialog#detail{width:calc(100vw - 24px);max-height:calc(100dvh - 32px);padding:15px;border-radius:12px;box-shadow:4px 4px 0 #7c4dff}#detail h2{font-size:16px;padding-top:10px}#detail .close{width:44px;height:44px}#detail input:not([type=checkbox]):not([type=radio]),#detail select,#detail textarea{font-size:16px;min-height:44px}#detail .primary,#detail .secondary,#detail .quiet,#detail .choice,#detail .resource-link{min-height:44px}#detail .field:has(input[type=checkbox]),#detail .checkline{min-height:44px}#detail .list-row{flex-wrap:wrap}#detail .row-buttons{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){dialog#detail::backdrop{backdrop-filter:none}}

/* Project selection stays adjacent to its content; personal tasks are collapsible. */
.os-deck{margin-bottom:10px}.os-tile{padding:8px 10px}.os-rail{gap:9px}.os-workspace{scroll-margin-top:85px}.os-today>summary{display:flex;align-items:center;gap:7px;min-height:42px;font-size:13px;font-weight:650;cursor:pointer;list-style:none}.os-today>summary:before{content:'›';font-size:18px}.os-today[open]>summary:before{transform:rotate(90deg)}.os-today>summary small{font-size:11px;font-weight:400;color:var(--muted)}.os-today>summary span{margin-left:auto;font-size:11px;font-weight:400;color:var(--muted)}.os-today:not([open]){padding-bottom:0;box-shadow:none}.os-workspace .op-feed{min-height:38px;padding-top:7px;padding-bottom:7px}.os-workspace footer{padding-top:8px}.os-workspace h3{margin-top:10px}@media(max-width:767px){.os-today>summary,.os-workspace .op-feed{min-height:44px}}

/* v0.2 sidebar: paper, ink outlines, restrained brand accents. */
#operator-sidebar{background:#f3f0e8;border-right:2px solid #1a1a22;padding:10px 10px 18px}.sidebar-caption{color:#1a1a22;gap:5px;padding:0 0 10px;border-bottom:1px solid #c9c3cf;margin-bottom:10px;font-size:12px;flex-wrap:wrap}.sidebar-caption b{color:#6031cd;font-family:ui-monospace,monospace}.folder-view-toggle{background:#e9e3f1;border:1px solid #1a1a22;border-radius:6px;padding:2px;box-shadow:none}.folder-view-toggle button{color:#4e475b;border-radius:3px}.folder-view-toggle button[aria-pressed=true]{color:#fff;background:#6031cd;box-shadow:none}.folder-add{border:1px solid #1a1a22;border-radius:6px;background:#fff;color:#6031cd;box-shadow:2px 2px 0 #00b8a9}.folder-add:hover{background:#eee5ff}
#operator-sidebar .side-project{--folder-accent:#7c4dff;margin-bottom:6px}#operator-sidebar .side-project:nth-child(4n+2){--folder-accent:#00b8a9}#operator-sidebar .side-project:nth-child(4n+3){--folder-accent:#ff4081}#operator-sidebar .side-project:nth-child(4n){--folder-accent:#f59e0b}
#operator-sidebar summary{background:#fffdf9;border:1px solid #1a1a22;border-left:3px solid var(--folder-accent);border-radius:6px;color:#1a1a22;min-height:38px;font-size:12px;font-weight:600;box-shadow:none}#operator-sidebar summary .ui-icon{color:#1a1a22}#operator-sidebar summary small{color:#58505f}#operator-sidebar summary:hover{background:#f1eafa;border-color:#1a1a22;border-left-color:var(--folder-accent)}#operator-sidebar details[open]>summary{background:#eee5ff;color:#492293;border-color:#6031cd;box-shadow:2px 2px 0 var(--folder-accent);margin-bottom:5px}#operator-sidebar .side-tools{top:4px;right:4px}#operator-sidebar .side-tool{color:#4e475b;border-radius:4px}#operator-sidebar .side-tool:hover{background:#ded1f5;color:#492293}#operator-sidebar .side-tool.selected{background:#6031cd;color:white}#operator-sidebar .side-chats{border-left:1px solid #9e8fb5;margin-left:11px;padding-left:4px}#operator-sidebar .side-chats a{color:#36303e;border-radius:4px;font-size:12px;min-height:36px}#operator-sidebar .side-chats a:hover{background:#e8def4;color:#492293}#operator-sidebar .side-chats a small{color:#62586c;font-size:10px}#operator-sidebar .side-chats a span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#operator-sidebar[data-folder-view=box] .side-project{background:#fffdf9;border-radius:7px;box-shadow:2px 2px 0 var(--folder-accent);margin-bottom:3px}#operator-sidebar[data-folder-view=box] summary{border-radius:7px}#operator-sidebar[data-folder-view=box] details[open]>summary{box-shadow:none}#operator-sidebar[data-folder-view=box] .side-tools{top:auto;bottom:4px}#operator-sidebar[data-folder-view=box] .side-project:has(details[open]) .side-tools{top:4px;bottom:auto}
@media(max-width:767px){#operator-sidebar summary,#operator-sidebar .side-chats a{min-height:44px}#operator-sidebar .side-tools{top:1px}#operator-sidebar[data-folder-view=box] .side-project:has(details[open]) .side-tools{top:1px}}

.os-recent-chat>span{display:block;min-width:0}.os-recent-chat>span>.ui-icon{vertical-align:middle;width:16px;height:16px;margin-right:5px}.os-recent-chat>span>small{display:block;margin:3px 0 0 24px;color:var(--muted);font-size:11px}.os-recent-chat{min-height:52px!important}.os-work-head h2 small{font-size:11px;color:var(--muted);font-weight:400}.os-recent-chat:hover{background:#f3edff}.os-today{margin-top:5px}

.os-chat-row{display:flex;gap:9px;align-items:flex-start;padding:10px 3px;border-bottom:1px solid var(--line);border-left:3px solid transparent}.os-chat-row.is-important{border-left-color:#7c4dff;background:#f3edff;padding-left:6px}.os-star{display:grid;place-items:center;flex-shrink:0;width:30px;height:32px;color:#62596d;border:1px solid transparent;border-radius:5px}.os-star[aria-pressed=true]{color:#6031cd}.os-star:hover{border-color:#6031cd;background:white}.os-chat-content{min-width:0;flex:1}.os-chat-title{display:block;font-size:13px;font-weight:600;text-decoration:none;overflow-wrap:anywhere}.os-chat-title:hover{text-decoration:underline}.os-chat-content>small{display:block;font-size:11px;color:#555968;margin:3px 0}.os-chat-next{display:block;max-width:100%;text-align:left;font-size:12px;color:#62596d;padding:3px 0;overflow-wrap:anywhere}.os-chat-next.has-next{color:#492293;font-weight:500}.os-chat-next:hover{text-decoration:underline}@media(max-width:767px){.os-star{width:44px;height:44px}.os-chat-next{min-height:44px}}

.os-edited,.os-summary-source{display:inline-block;font:10px ui-monospace,monospace;color:#62596d;margin-top:2px}.os-edited{color:#492293;background:#e9dff7;padding:2px 5px;border-radius:3px}

/* Project > worked-on task > next action: compact work hierarchy. */
.work-group{margin:0 0 8px;border:1px solid #c5bed0;border-radius:7px;overflow:hidden;background:#fffdf9}.work-group>summary{display:flex;align-items:center;gap:7px;min-height:42px;padding:6px 10px;cursor:pointer;background:#f0eaf9;list-style:none}.work-group>summary:before{content:'›';font-size:17px}.work-group[open]>summary:before{transform:rotate(90deg)}.work-group>summary strong{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-group>summary>small{margin-left:auto;font-size:11px;color:#55505e;white-space:nowrap}.work-counts{display:flex;gap:7px;font-size:11px;color:#554d61;white-space:nowrap}.work-group-tools{display:flex;align-items:center;gap:9px;padding:2px 10px;border-bottom:1px solid #e2dde9}.work-group-tools button{display:flex;align-items:center;gap:3px;font-size:11px;min-height:30px;color:#514261}.work-group-tools button[aria-pressed=true]{color:#6031cd;font-weight:700}.work-group-tools>span{margin-left:auto;font-size:10px;color:#62596d}.work-group-tools .ui-icon{width:13px;height:13px}.work-task{display:flex;align-items:flex-start;gap:8px;padding:7px 10px;border-bottom:1px solid #e4e0e9;min-width:0}.work-task:last-child{border-bottom:0}.work-task-body{flex:1;min-width:0}.work-task-title{display:block;font-size:13px;font-weight:600;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;color:#24202e}.work-task-title:hover{text-decoration:underline}.work-next{display:block;text-align:left;padding:2px 0;font-size:12px;line-height:1.45;color:#492293;max-width:100%;overflow-wrap:anywhere}.work-next:hover{text-decoration:underline}.work-task-body>small{display:block;font-size:10px;color:#62596d;line-height:1.6}.work-status{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:4px;padding:3px 6px;font-size:10px;min-height:25px;white-space:nowrap;background:#efedf2;color:#554d61}.status-doing{background:#ede4ff;color:#492293}.status-pending{background:#fff0d0;color:#805100}.status-review{background:#e0f2f0;color:#00695f}.status-done{background:#e5ede5;color:#39573c}.work-edit{display:grid;place-items:center;width:28px;height:30px;flex-shrink:0;border:1px solid #d2c9df;border-radius:5px;color:#514261;background:#fff}.work-edit:hover{border-color:#6031cd;background:#eee5ff}.work-overflow>summary{cursor:pointer;font-size:11px;padding:8px 12px;color:#492293}.side-chats .work-status{min-height:20px;padding:1px 4px;font-size:10px!important}.work-group :focus-visible{outline:2px solid #6031cd;outline-offset:2px}
@media(max-width:767px){.work-group>summary{flex-wrap:wrap;min-height:44px}.work-group>summary>small{display:none}.work-counts{margin-left:auto}.work-task{gap:5px;padding:6px}.work-edit{width:32px;min-height:44px}.work-task>.work-status{min-height:44px;padding:3px 4px}.work-next{min-height:44px}.work-group-tools button{min-height:44px}.work-task-title{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.work-task-body>small{font-size:10px}}

#operator-sidebar[data-folder-view=list] .side-project>details>summary{padding-right:66px}#operator-sidebar[data-folder-view=list] .side-project>details>summary>small{white-space:nowrap;margin-left:auto;font-size:10px}.arb-previous>summary{color:#554d61}.arb-panel>.arb-fold{display:inline-block;vertical-align:top;margin-right:12px;min-width:68px}.arb-panel>.arb-fold[open]{display:block;margin-right:0}.arb-panel>.arb-fold>summary{min-height:32px}@media(max-width:767px){.arb-panel>.arb-fold>summary{min-height:44px}}

/* Direct manipulation controls: no separate project toolbar. */
.work-group>summary{gap:6px}.work-head-icon,.work-grip{display:inline-grid;place-items:center;min-width:26px;height:28px;padding:3px;border:1px solid #cdc4da;border-radius:4px;background:#fff;color:#514261;flex-shrink:0}.work-head-icon[aria-pressed=true]{background:#6031cd;color:#fff}.work-group>summary>.work-counts{margin-left:auto}.work-grip{cursor:grab;font-size:17px;touch-action:manipulation}.work-grip:active{cursor:grabbing}.work-drop-target{outline:2px solid #6031cd;outline-offset:-2px;background:#f0e7ff}.work-filters{display:flex;gap:5px;margin:8px 0 10px}.work-filters button{flex:1;min-height:32px;border:1px solid #b8abc9;border-radius:5px;font-size:12px;background:#fff;color:#443750}.work-filters button[aria-pressed=true]{background:#6031cd;color:#fff;border-color:#6031cd}.work-note-preview{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;font-size:11px;color:#47625d;padding:2px 0}.work-note-log article{border-bottom:1px solid #d2c9de;padding:8px 0}.work-note-log article p{white-space:pre-wrap;margin:0!important;color:#292331!important}.work-note-log small{font-size:11px;color:#62596d}.work-edit{position:relative}.work-edit sup{position:absolute;right:-2px;top:-4px;background:#6031cd;color:white;border-radius:6px;font-size:9px;padding:0 3px}.work-move-options{display:flex;gap:10px;margin-bottom:16px}.work-move-options button,.work-sort-choice{border:1px solid #b8abc9;border-radius:5px;padding:5px 9px;font-size:11px}.work-task{gap:5px}.work-task>.work-grip{min-width:22px;width:22px}.work-task>.work-edit{width:25px;min-width:25px}.work-group>summary:has(button:focus-visible){outline:2px solid #6031cd}@media(max-width:767px){.work-head-icon,.work-grip,.work-filters button,.work-move-options button,.work-sort-choice{min-height:44px}.work-task{flex-wrap:wrap}.work-task-body{flex-basis:calc(100% - 80px)}.work-task>.work-edit{width:44px;min-height:44px}.work-task>.work-edit:first-of-type{margin-left:auto}.work-group>summary strong{max-width:45%}}

.work-group-shell{position:relative}.work-group-shell>.work-group>summary{padding-left:42px;padding-right:100px}.work-header-grip{position:absolute;left:9px;top:7px;z-index:1}.work-header-actions{position:absolute;right:8px;top:7px;z-index:1;display:flex;gap:4px}.work-group-shell>.work-group>summary:before{display:none}.work-group-shell>.work-group>summary strong:before{content:'›';display:inline-block;margin-right:6px}.work-group-shell>.work-group[open]>summary strong:before{transform:rotate(90deg)}@media(max-width:767px){.work-header-actions,.work-header-grip{top:3px}.work-group-shell>.work-group>summary{min-height:50px;padding-right:108px}.work-group-shell>.work-group>summary strong{max-width:none}.work-group-shell .work-counts{font-size:10px;gap:4px}}

.hamburger-mark{display:block;width:20px;height:14px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;position:relative}.hamburger-mark:after{content:'';position:absolute;top:5px;left:0;width:20px;border-top:2px solid currentColor}#sidebar-toggle,#system-open{display:grid;place-items:center}.more-mark{font-size:18px;letter-spacing:2px;line-height:1}.drag-dots{width:10px;height:16px;background:radial-gradient(circle,currentColor 1.2px,transparent 1.4px) 0 0/5px 5px}.work-grip{border-color:transparent;background:transparent;color:#786c86}.work-grip:hover,.work-grip:focus-visible{border-color:#b6a3d1;background:#eee6fa;color:#492293}#header-menu{position:absolute;right:14px;top:calc(100% + 6px);z-index:100;width:205px;padding:6px;border:1px solid #1a1a22;border-radius:8px;background:#fbfaf6;box-shadow:3px 3px 0 #7c4dff}#header-menu[hidden]{display:none}#header-menu button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:38px;padding:8px 10px;font-size:13px;text-align:left;border-radius:4px;color:#292331}#header-menu button:hover:not(:disabled),#header-menu button:focus-visible{background:#eee5ff}#header-menu small{font-size:10px;color:#62596d}#header-menu button:disabled{color:#746b7c;cursor:default}#header-menu hr{border:0;border-top:1px solid #d2c9df;margin:4px 0}@media(max-width:767px){#header-menu button{min-height:44px}}

/* BI header: ink controls, violet interaction, no permanent button boxes. */
.app-header{align-items:center;gap:8px;border-top-color:var(--accent)}
.app-header .header-actions{display:flex;align-items:center;gap:2px;margin-left:auto;flex:0 0 auto;align-self:center}
.app-header #sidebar-toggle,.app-header #system-open,.app-header #refresh{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;margin:0;border:0;border-radius:7px;box-shadow:none;background:transparent;color:var(--ink);line-height:1;transform:none}
.app-header #sidebar-toggle svg,.app-header #system-open svg,.app-header #refresh svg{display:block;width:22px;height:22px;flex:none}
.app-header #sidebar-toggle:hover,.app-header #system-open:hover,.app-header #refresh:hover{background:var(--sp-hover);color:var(--action);box-shadow:none}
.app-header #system-open[aria-expanded=true]{background:var(--sp-hover);color:var(--action)}
.app-header #sidebar-toggle:focus-visible,.app-header #system-open:focus-visible,.app-header #refresh:focus-visible{outline:2px solid var(--action);outline-offset:-3px}
.app-header #refresh:disabled{opacity:.6;cursor:wait}
.app-header #refresh[aria-busy=true] svg{animation:header-refresh-turn 1s linear infinite}
@keyframes header-refresh-turn{to{transform:rotate(360deg)}}
.topbar>div:empty{display:none}#header-menu{right:12px;max-width:calc(100vw - 24px)}
@media(max-width:767px){.app-header{column-gap:4px}.app-header #sidebar-toggle{margin:0}.app-header .header-actions{order:0;margin-left:auto}.app-header nav{order:3;flex-basis:100%}.app-header .brand{flex:0 0 112px;width:112px}.app-header .brand .arb-brand-mark{width:112px}#os-version{font-size:10px}}
@media(prefers-reduced-motion:reduce){.app-header #refresh[aria-busy=true] svg{animation:none}}

/* Small actions are unboxed; hierarchy stays in project surfaces. */
.work-task>.work-edit,.work-header-actions>.work-head-icon,.arb-actions>.arb-icon,.arb-more,.side-tools>.side-tool{border:0;box-shadow:none;background:transparent;color:#514261;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;padding:4px}
.work-task>.work-edit{width:30px;min-width:30px;height:32px}
.work-task>.work-edit:hover,.work-header-actions>.work-head-icon:hover,.arb-actions>.arb-icon:hover,.arb-more:hover,.side-tools>.side-tool:hover{background:#eee5ff;color:#6031cd;box-shadow:none}
.work-header-actions>.work-head-icon[aria-pressed=true]{background:transparent;color:#6031cd}
.work-header-actions>.work-head-icon[aria-pressed=true] svg{fill:#e6dcff}
.work-edit svg,.work-head-icon svg,.side-tool svg{width:17px;height:17px;display:block;flex:none}
#todo-local-status{font-size:11px;color:#6031cd;min-height:28px;padding:3px 7px}#todo-local-status[hidden]{display:none}
@media(pointer:coarse){.work-task>.work-edit,.work-header-actions>.work-head-icon,.arb-actions>.arb-icon,.arb-more,.side-tools>.side-tool{min-width:44px;min-height:44px}}

@media(pointer:coarse){.work-group-shell>.work-group>summary{padding-right:108px;min-height:52px}.work-group-shell:has(.work-header-actions [data-work-project])>.work-group>summary{padding-right:156px}.work-header-actions,.work-header-grip{top:4px}.side-project:has(.side-tools) summary{padding-right:104px}}

.handoff-target{display:flex;align-items:center;gap:8px}.handoff-target strong{color:var(--ink);overflow-wrap:anywhere}.handoff-target span{font-size:11px;white-space:nowrap}.handoff-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.handoff-actions button,.handoff-actions a{min-height:40px;padding:8px 12px;border-radius:6px;display:inline-flex;align-items:center;text-decoration:none}.handoff-actions a{color:var(--action);background:var(--sp-hover)}#handoff-form textarea{min-height:210px;line-height:1.5;font-size:14px;resize:vertical}#handoff-feedback{color:#4e4560;font-size:12px}.handoff-help{font-size:12px}.handoff-entry{display:flex;align-items:center;gap:6px;margin-top:14px;color:var(--action);min-height:44px}.handoff-record{padding:10px 0;border-bottom:1px solid var(--line)}.handoff-record small{display:block;font-size:11px;color:var(--muted)}.handoff-record pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.5 inherit}.handoff-record button{min-height:36px;color:var(--action)}

/* Header urgent drawer: no permanent workspace column. */
.arb-v02 .os-cockpit{grid-template-columns:minmax(0,1fr) 280px}
.app-header #urgent-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-width:44px;height:44px;padding:0;margin:0;border:0;background:transparent;box-shadow:none;color:var(--ink);border-radius:7px}
#urgent-bell:hover,#urgent-bell[aria-expanded=true]{color:var(--action);background:var(--sp-hover)}
.urgent-badge{position:absolute;top:1px;right:0;min-width:17px;height:17px;padding:0 4px;border-radius:10px;background:#c5263d;color:white;font-size:10px;font-weight:700;line-height:17px;text-align:center;border:1px solid #fbfaf6}.urgent-badge[hidden]{display:none}
#urgent-panel{position:fixed;inset:12px 12px 12px auto;margin:0;width:360px;max-width:calc(100vw - 24px);height:calc(100dvh - 24px);max-height:none;padding:0;border:1px solid #1a1a22;border-radius:12px;background:#fbfaf6;color:#1a1a22;box-shadow:5px 5px 0 #d9c9ff;overflow:hidden}
#urgent-panel[open]{display:flex;flex-direction:column}#urgent-panel::backdrop{background:rgb(26 26 34 / .12)}
#urgent-panel header{display:flex;align-items:center;gap:2px;min-height:54px;padding:0 10px 0 16px;border-bottom:1px solid #ddd6e4}#urgent-panel h2{flex:1;font-size:14px;margin:0}#urgent-panel small{font-size:11px;color:#61566b}#urgent-panel h2 small{margin-left:6px}
#urgent-panel header button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;box-shadow:none;background:transparent;color:#514261;border-radius:6px}#urgent-panel button:hover{background:#eee5ff}
#urgent-panel .urgent-list{flex:1;overflow:auto;min-height:0;padding:4px 12px}#urgent-panel .urgent-row{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;min-height:56px;padding:10px 4px;text-align:left;border:0;border-bottom:1px solid #e4dfe8;border-radius:0;box-shadow:none;background:transparent;overflow-wrap:anywhere}#urgent-panel .urgent-row strong{font-size:13px;font-weight:550}#urgent-panel .urgent-empty{font-size:13px;color:#61566b;padding:20px 4px}#urgent-panel footer{border-top:1px solid #ddd6e4;padding:6px 12px}#urgent-panel footer button{width:100%;text-align:left;min-height:44px;border:0;background:transparent;box-shadow:none;font-size:12px}
@media(max-width:480px){#urgent-panel{inset:0;margin:0;width:100%;max-width:100%;height:100dvh;border-radius:0;border:0;box-shadow:none;padding-bottom:env(safe-area-inset-bottom)}}

/* Recent chats occupy the former urgent column; the bell stays a popup. */
#os-context{display:block;min-width:0}#os-context .chat-rail{border-top:2px solid #6031cd;margin:0}#os-context .chat-rail header{min-height:42px;display:flex;align-items:center}#os-context .rail-chat{display:flex;flex-direction:column;gap:5px;padding:11px 6px;border-bottom:1px solid #ddd6e4;text-decoration:none;color:#1a1a22;overflow-wrap:anywhere}#os-context .rail-chat:hover{background:#eee5ff}#os-context .rail-chat strong{font-size:13px;font-weight:550}#os-context .rail-chat span{font-size:12px;color:#514261;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#os-context .rail-chat small{font-size:11px;color:#61566b}#os-context .chat-rail summary{font-size:12px;padding:12px 6px;cursor:pointer}
@media(max-width:1100px){.arb-v02 .os-cockpit{grid-template-columns:minmax(0,1fr) 240px}}
@media(max-width:900px){.arb-v02 .os-cockpit{grid-template-columns:minmax(0,1fr)}#os-context .chat-rail{margin-top:8px}}

#os-context .handoff-rail{border-top:2px solid #6031cd;margin:0;min-width:0} .handoff-rail>header{min-height:42px;display:flex;align-items:center}.handoff-rail .field{font-size:12px;margin:0 0 10px}.handoff-rail select{width:100%;min-width:0;text-overflow:ellipsis;font-size:12px}.handoff-rail .handoff-target{margin:0 0 10px;align-items:flex-start}.handoff-rail .handoff-target strong{font-size:12px}.handoff-rail #handoff-form textarea{min-height:150px;font-size:13px}.handoff-rail .handoff-actions{gap:4px}.handoff-rail .handoff-actions button,.handoff-rail .handoff-actions a{font-size:12px;min-height:36px;padding:6px 8px}.handoff-rail #handoff-feedback,.handoff-rail .handoff-help,.rail-empty{font-size:11px;line-height:1.5;color:#61566b}.handoff-rail #handoff-direct-send{flex:1}.handoff-rail .handoff-help button{font-size:11px;min-height:36px}@media(pointer:coarse){.handoff-rail .handoff-actions button,.handoff-rail .handoff-actions a{min-height:44px}}

.handoff-rail>header{justify-content:space-between}.rail-collapse{border:0;background:transparent;box-shadow:none;min-width:36px;min-height:40px;font-size:22px;color:#6031cd}.rail-replies{margin-bottom:12px;border-bottom:1px solid #ddd6e4;padding-bottom:10px}.rail-replies>header{display:flex;align-items:center;justify-content:space-between;font-size:12px}.rail-replies button{border:0;background:transparent;box-shadow:none;min-width:36px;min-height:36px}.rail-replies>small{font-size:10px;color:#61566b}#rail-reply-list{max-height:340px;overflow:auto;overscroll-behavior:contain}.rail-reply{padding:10px 0;border-bottom:1px solid #e4dfe8}.rail-reply>div{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.6}.rail-reply small{font-size:10px;color:#61566b}.handoff-rail.collapsed>:not(header){display:none}.handoff-rail.collapsed>header h2{display:none}.arb-v02 .os-cockpit.rail-collapsed{grid-template-columns:minmax(0,1fr) 40px}@media(max-width:900px){.arb-v02 .os-cockpit.rail-collapsed{grid-template-columns:minmax(0,1fr)}.handoff-rail.collapsed>header h2{display:block}}

/* Compact chat-first rail and header actions. */
.handoff-rail #handoff-form textarea{min-height:82px;max-height:220px}.handoff-rail>header{min-height:34px}.handoff-rail .rail-replies{position:relative;margin-bottom:8px;padding-bottom:6px}.rail-replies>header{position:absolute;right:0;top:-34px}.handoff-rail>header{padding-right:30px}.handoff-rail .rail-collapse{min-width:28px;min-height:32px}.rail-replies button{min-width:28px;min-height:32px}.rail-replies>small:empty,#handoff-feedback:empty{display:none}.handoff-rail #handoff-feedback{margin:4px 0}.handoff-rail .field{margin-bottom:6px}#rail-reply-list{max-height:380px;min-height:120px}.handoff-rail.collapsed>header{padding-right:0}
.app-header #sidebar-toggle,.app-header #system-open,.app-header #refresh,.app-header #urgent-bell{width:32px;min-width:32px;height:32px;min-height:32px;flex-basis:32px;border-radius:4px}.app-header #sidebar-toggle svg,.app-header #system-open svg,.app-header #refresh svg,.app-header #urgent-bell svg{width:17px;height:17px}.app-header .header-actions{gap:0}.urgent-badge{min-width:14px;height:14px;line-height:14px;font-size:9px;padding:0 3px;right:-1px;top:-1px}
@media(pointer:coarse){.app-header #sidebar-toggle,.app-header #system-open,.app-header #refresh,.app-header #urgent-bell{width:44px;min-width:44px;height:44px;min-height:44px;flex-basis:44px}.urgent-badge{top:4px;right:3px}}

/* Composer first; responses remain below it. */
.handoff-rail .rail-replies{margin-top:10px;border-top:1px solid #ddd6e4;border-bottom:0;padding-top:4px}.handoff-rail .rail-replies>header{position:static;justify-content:flex-end;height:28px}.handoff-rail>header{padding-right:0}

.work-title-line{display:flex;align-items:flex-start;gap:4px;min-width:0}.work-title-line .work-task-title{flex:1;min-width:0;border:0;background:transparent;box-shadow:none;padding:0;text-align:left;color:inherit;font:inherit;cursor:pointer}.work-title-line .work-task-title:hover{color:var(--action)}.work-origin{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;width:26px;height:26px;border:0;color:#61566b;border-radius:4px}.work-origin svg{width:15px;height:15px}.work-origin:hover{background:#eee5ff;color:var(--action)}@media(pointer:coarse){.work-origin{flex-basis:44px;width:44px;height:44px}.work-title-line .work-task-title{min-height:44px}}

.handoff-rail:not(.collapsed){height:var(--rail-height,600px);display:flex;flex-direction:column;overflow:hidden}.handoff-rail>header,.handoff-rail>.rail-target-label,.handoff-rail>#rail-compose{flex:none}.handoff-rail>header h2{margin-right:auto}.rail-expand{display:flex;align-items:center;justify-content:center;width:30px;height:32px;border:0;box-shadow:none;background:transparent;color:#6031cd;padding:4px}.rail-expand svg{width:16px;height:16px}.handoff-rail.collapsed .rail-expand{display:none}.handoff-rail .rail-replies{display:flex;flex-direction:column;min-height:0;flex:1;margin-bottom:0}.handoff-rail #rail-reply-list{flex:1;min-height:0;max-height:none;overflow:auto}.handoff-rail #handoff-direct-send{justify-content:center;text-align:center}.reply-more>div{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.6}.reply-more summary,.reply-history-more>summary{cursor:pointer;color:#6031cd;font-size:12px;padding:8px 0}.arb-v02 .os-cockpit.rail-wide{grid-template-columns:minmax(0,1fr)}.os-cockpit.rail-wide>.os-main{display:none}.os-cockpit.rail-wide #os-context{width:100%}.os-cockpit.rail-wide .handoff-rail{padding:0 12px 10px;border:1px solid #ddd6e4;border-top:2px solid #6031cd;border-radius:8px}

/* One compact action row and shared viewport bottom. */
.handoff-rail>header{justify-content:flex-start;gap:0}.rail-tools{display:flex;align-items:center;gap:0;margin-left:auto}.rail-tools button{display:flex;align-items:center;justify-content:center;width:28px;min-width:28px;height:30px;min-height:30px;padding:0;border:0;box-shadow:none;background:transparent;color:#6031cd}.rail-tools svg{width:16px;height:16px}.rail-message-time{display:block;text-align:right;font-size:10px;line-height:1.4;color:#61566b;margin-top:6px}.handoff-rail .rail-replies{margin-top:6px;padding-top:0}.rail-reply{padding:8px 0}

/* Central list keeps natural document scrolling. Only chat follows its height. */
.os-cockpit{align-items:start}.os-cockpit>.os-main{height:auto;overflow:visible}.os-cockpit #os-workspace{min-height:0}.handoff-rail:not(.collapsed){height:var(--rail-height,600px)}
.rail-reply{max-width:94%;padding:10px;border-radius:8px;margin:8px 0;background:#f0eee9;border:0}.rail-reply.rail-user{margin-left:auto;background:#eee5ff;border-right:2px solid #6031cd}.rail-reply.rail-assistant{margin-right:auto;background:#f0eee9}.rail-user .rail-message-time:before{content:'나 · '}

/* Pin only the chat column; the central document remains unrestricted. */
@media(min-width:901px){#os-context{min-height:400px}.handoff-rail.rail-fixed{position:fixed;top:var(--rail-top);left:var(--rail-left);width:var(--rail-width);box-sizing:border-box;z-index:10;background:#fbfaf6}.handoff-rail.rail-fixed:not(.collapsed){height:var(--rail-height);margin:0!important;padding-bottom:env(safe-area-inset-bottom)}.handoff-rail.rail-fixed #rail-reply-list{overflow-y:auto;overscroll-behavior:contain}.os-cockpit.rail-wide{min-height:calc(100dvh - 150px)}}

/* Readable conversation typography, preserving Arbiter's existing palette. */
.rail-reply .chat-markdown{white-space:normal;line-height:1.6;font-size:13px}.chat-markdown>:first-child{margin-top:0}.chat-markdown>:last-child{margin-bottom:0}.chat-markdown p{margin:0 0 8px}.chat-markdown strong{font-weight:700}.chat-markdown ul,.chat-markdown ol{padding-left:22px;margin:8px 0;list-style-position:outside}.chat-markdown ul{list-style-type:disc}.chat-markdown ol{list-style-type:decimal}.chat-markdown li{margin:3px 0}.chat-markdown pre{overflow-x:auto;max-width:100%;background:#24222c;color:#f6f3fb;padding:10px;border-radius:6px;margin:8px 0;white-space:pre;font:12px/1.5 ui-monospace,monospace}.chat-markdown code{font-family:ui-monospace,monospace;font-size:.92em}.chat-markdown :not(pre)>code{background:#ded9e8;padding:1px 4px;border-radius:3px}.chat-markdown pre code{background:none;color:inherit;padding:0}.chat-markdown blockquote{margin:8px 0;padding-left:10px;border-left:2px solid #9d8cb7;color:#514261}.chat-markdown h1,.chat-markdown h2,.chat-markdown h3{font-size:14px;margin:12px 0 6px}.chat-markdown table{display:block;overflow:auto;border-collapse:collapse;max-width:100%}.chat-markdown th,.chat-markdown td{padding:5px;border-bottom:1px solid #cbc4d5}.chat-markdown a{color:#6031cd;text-decoration:underline;overflow-wrap:anywhere}.rail-load-older{display:block;margin:12px auto;min-height:36px;border:0;background:transparent;color:#6031cd;font-size:12px}.rail-reply{padding:12px;margin:10px 0;border-radius:8px}.os-cockpit.rail-wide .rail-reply{max-width:85%}.rail-user{align-self:flex-end}.rail-message-time{font-variant-numeric:tabular-nums}

/* One assistant turn, one bubble; compact paragraph rhythm. */
.rail-reply{padding:8px 10px;margin:6px 0}.rail-reply .chat-markdown{line-height:1.45}.chat-markdown p{margin:0 0 4px}.chat-markdown ul,.chat-markdown ol{margin:4px 0;padding-left:20px}.chat-markdown li{margin:1px 0}.chat-markdown li>p{margin:0}.chat-markdown h1,.chat-markdown h2,.chat-markdown h3{margin:8px 0 4px}.chat-markdown pre{margin:5px 0;padding:8px}.chat-paragraph-group+.chat-paragraph-group{margin-top:6px}.chat-paragraph-group>:last-child{margin-bottom:0}.rail-message-time{margin-top:4px;line-height:1.25}

/* Expanded chat is an edge-to-edge workspace, not a framed card. */
body.chat-full-mode{overflow:hidden}.chat-full-mode #os-context .handoff-rail{position:fixed;top:var(--rail-top);left:var(--rail-left);width:var(--rail-width);height:var(--rail-height);box-sizing:border-box;border:0;border-radius:0;box-shadow:none;margin:0;padding:0 14px env(safe-area-inset-bottom);background:#fbfaf6;z-index:10}.chat-full-mode .handoff-rail>header{min-height:38px}.chat-full-mode #rail-reply-list{border:0;border-radius:0;box-shadow:none;outline:none}.chat-full-mode #rail-reply-list:focus-visible{outline:1px solid #6031cd;outline-offset:-1px}

/* Sidebar titles select the same conversation as central titles. */
#operator-sidebar .side-chat-row{display:flex;align-items:center;gap:2px;min-width:0}#operator-sidebar .side-chat-title{display:flex;align-items:center;gap:6px;flex:1;min-width:0;min-height:36px;padding:5px 4px;text-align:left;font-size:12px;color:var(--ink);border:0;background:transparent;box-shadow:none;border-radius:4px}#operator-sidebar .side-chat-title>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#operator-sidebar .side-chat-title>svg{width:15px;height:15px;flex:none}#operator-sidebar .side-chat-title small{font-size:10px;white-space:nowrap}#operator-sidebar .side-chat-title:hover{background:#eee5ff;color:var(--action)}#operator-sidebar a.side-chat-origin{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;width:26px;min-height:32px;margin:0;padding:0;color:#61566b;border-radius:4px}#operator-sidebar .side-chat-origin svg{width:14px;height:14px}@media(pointer:coarse){#operator-sidebar .side-chat-title,#operator-sidebar a.side-chat-origin{min-height:44px}#operator-sidebar a.side-chat-origin{flex-basis:36px}}

/* Compact image attachments; original images remain private, outside shell cache. */
.handoff-rail .handoff-actions .attach-image{flex:0 0 32px;width:32px;padding:4px;border:0;background:transparent;box-shadow:none;color:var(--purple,#6031cd)}
.attach-image svg{width:20px;height:20px}.image-file[hidden]{display:none}
.image-drafts{display:flex;gap:6px;flex-wrap:wrap}.image-drafts:empty{display:none}
.chat-image{position:relative;display:inline-block;margin:4px 6px 4px 0;max-width:100%;vertical-align:top}
.chat-image img{display:block;max-width:100%;width:auto;max-height:260px;object-fit:contain;border-radius:6px}
.image-drafts .chat-image img{height:56px;width:70px;object-fit:cover}
.chat-image button,.chat-image .image-download{position:absolute;right:3px;bottom:3px;display:grid;place-items:center;width:28px;height:28px;padding:4px;background:#fbfaf6;color:#6031cd;border:1px solid #d5ccdf;border-radius:4px;box-shadow:none}
.chat-image button{top:2px;bottom:auto}.chat-image svg{width:17px;height:17px}
@media(pointer:coarse){.handoff-rail .handoff-actions .attach-image{flex-basis:44px;width:44px}.chat-image button,.chat-image .image-download{width:44px;height:44px}}

@media(min-width:901px){.arb-v02 .os-cockpit:not(.rail-wide):not(.rail-collapsed){grid-template-columns:minmax(0,1fr) var(--work-rail-width,280px)}}
.work-divider{position:fixed;width:9px;z-index:12;cursor:col-resize;touch-action:none;user-select:none;background:transparent}.work-divider[hidden]{display:none}.work-divider:before{content:"";position:absolute;left:4px;top:0;bottom:0;width:2px;border-radius:2px;background:#7c4dff33}.work-divider:hover:before,.work-divider.dragging:before,.work-divider:focus-visible:before{background:#7C4DFF;width:3px}.work-divider:focus-visible{outline:1px solid #7C4DFF;outline-offset:1px}