/* Office uses Basecoat's surface and control tokens. Identity belongs to portraits. */
:root{--background:#fafafa;--foreground:#18181b;--card:#fff;--card-foreground:#18181b;--muted:#f4f4f5;--muted-foreground:#71717a;--border:#e4e4e7;--primary:#18181b;--primary-foreground:#fafafa;--secondary:#f4f4f5;--secondary-foreground:#18181b;--destructive:#b91c1c;--ring:#a1a1aa;--radius:.5rem;--font-sans:Inter,system-ui,sans-serif;--nav-height:calc(64px + env(safe-area-inset-bottom));color-scheme:light}
:root.dark{--background:#09090b;--foreground:#fafafa;--card:#111113;--card-foreground:#fafafa;--muted:#202023;--muted-foreground:#a1a1aa;--border:#29292d;--primary:#fafafa;--primary-foreground:#18181b;--secondary:#27272a;--secondary-foreground:#fafafa;--destructive:#fca5a5;--ring:#71717a;color-scheme:dark}
*{box-sizing:border-box}html{font-family:Inter,system-ui,sans-serif;scroll-padding-bottom:160px}body{margin:0;background:var(--background);color:var(--foreground);font-size:14px;font-weight:400;line-height:1.5;-webkit-tap-highlight-color:transparent}body.modal-open{overflow:hidden}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:default}h1,h2,h3,p,ol,dl{margin:0}h1{font-size:24px;font-weight:600;line-height:1.3;letter-spacing:-.035em}h2{font-size:16px;font-weight:600;line-height:1.5;letter-spacing:-.015em}h3,.row-title{font-size:15px;font-weight:500;line-height:1.5}strong,b{font-weight:500}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}code{font-size:12px}.meta{font-size:12px;color:var(--muted-foreground);line-height:1.5}.muted{color:var(--muted-foreground)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.symbol-bank{position:absolute;width:0;height:0;overflow:hidden}.icon{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ring);outline-offset:3px}h1[tabindex="-1"]:focus{outline:none;box-shadow:none}.skip-link{position:fixed;left:16px;top:-80px;padding:16px;background:var(--primary);color:var(--primary-foreground);z-index:300}.skip-link:focus{top:8px}
/* Controls keep a 44 px hit area, including dense rows. */
.btn{font-family:inherit;font-weight:600;font-size:14px;min-height:44px;height:auto;padding:8px 16px;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transition:background-color 150ms ease-out,opacity 150ms ease-out,transform 120ms ease-out;box-shadow:none}.btn:active:not(:disabled){transform:translateY(1px)}.btn[data-size=icon]{width:44px;min-width:44px;height:44px;padding:0}.btn[data-size=sm]{min-height:44px;font-size:12px}.btn:disabled{opacity:.5}.btn[aria-busy=true]{opacity:.65}.btn[data-variant=primary],.btn:not([data-variant]){background:var(--primary);color:var(--primary-foreground);border:1px solid var(--primary)}.btn[data-variant=outline]{border:1px solid var(--border);background:var(--card);color:var(--foreground)}.btn[data-variant=outline]:hover,.btn[data-variant=ghost]:hover{background:var(--muted)}.btn[data-variant=ghost]{border:1px solid transparent;background:transparent;color:var(--foreground)}.btn[data-variant=secondary]{background:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border)}.btn[data-variant=destructive]{background:#b91c1c;color:#fff;border:1px solid #b91c1c}.input,.textarea{width:100%;max-width:100%;min-height:44px;padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--foreground);font-size:14px;box-shadow:none}.textarea{display:block;resize:vertical;line-height:1.5;min-height:96px}.input::placeholder,.textarea::placeholder{color:var(--muted-foreground)}select.input{width:auto;padding-right:32px}label{display:grid;gap:8px;font-weight:500}fieldset{border:0;padding:0;margin:24px 0}legend{font-weight:600;margin-bottom:8px}.check-label{display:flex;gap:16px;align-items:center;min-height:48px;cursor:pointer;font-weight:400;padding:8px 0}.check-label .meta{display:block}.input[type=checkbox]{width:16px;height:16px;min-height:16px;flex:none;padding:0;accent-color:var(--primary)}.input[role=switch]{width:32px;height:20px;min-height:20px}.card{display:block;padding:0;gap:0;border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:var(--card);color:var(--foreground);box-shadow:0 1px 2px #00000003}.padded{padding:24px}.padded>h3+p{margin-top:8px}.padded>label{margin-top:16px}.padded>.btn{margin-top:16px}.wrap{display:flex;flex-wrap:wrap;gap:8px}.truncate{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Shell */
.topbar{height:72px;max-width:none;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.wordmark{display:flex;gap:8px;align-items:center;font-size:16px;font-weight:600;min-height:44px;letter-spacing:-.02em}.wordmark>.icon{width:24px;height:24px}.topbar-right{display:flex;align-items:center;gap:16px}.page{max-width:none;margin:0 auto;padding:32px 24px calc(var(--nav-height) + 32px);min-width:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:32px}.page-heading>div{min-width:0}.page-heading p{margin-top:8px}.page-heading>.btn{align-self:flex-start;flex:none}.module{margin-top:32px}.module>h2{margin-bottom:16px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;min-width:0}.section-head h2{display:flex;align-items:center;gap:8px}.section-head>h3{min-width:0}.count,.nav-count{border-radius:999px;display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;padding:0 8px;background:var(--muted);color:var(--muted-foreground);font-size:12px;font-weight:500}.text-link{font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:8px;min-height:44px}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.section-head .text-link{margin-top:-8px;margin-bottom:-8px}.bottom-nav{position:fixed;z-index:30;inset:auto 0 0;display:flex;justify-content:space-around;min-height:var(--nav-height);padding:8px 16px calc(8px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--border)}.bottom-nav>a{position:relative;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;min-width:64px;min-height:48px;font-size:12px;color:var(--muted-foreground);border-radius:var(--radius)}.bottom-nav>a[aria-current=page]{color:var(--foreground);background:var(--muted);font-weight:500}.bottom-nav .icon{width:16px;height:16px}.bottom-nav .nav-count{position:absolute;top:-4px;right:0;background:var(--primary);color:var(--primary-foreground);min-height:20px;min-width:20px;padding:0 4px}.rail{display:none}.back-link{padding-left:0;margin:0 0 24px;justify-content:flex-start;color:var(--muted-foreground)!important}.back-link:hover{background:transparent!important;color:var(--foreground)!important}
/* Identity and state */
.portrait{display:inline-block;flex:none;object-fit:cover;image-rendering:pixelated;border-radius:var(--radius);background:var(--muted);border:2px solid var(--agent-accent,var(--border))}.avatar-24{width:24px;height:24px}.avatar-32{width:32px;height:32px}.avatar-40{width:40px;height:40px}.initials{display:inline-grid;place-items:center;font-size:12px;font-weight:500;color:var(--muted-foreground);border-color:var(--border)}.agent-dr-doom{--agent-accent:#54826c}.agent-kingpin{--agent-accent:#9a728e}.agent-taskmaster{--agent-accent:#a78160}.agent-the-collector{--agent-accent:#8976a2}.agent-doctor-strange{--agent-accent:#688c9e}.agent-reed-richards{--agent-accent:#6a83ac}.owner-chip{display:inline-flex;align-items:center;gap:8px;font-size:12px}.badge.status{border:0;border-radius:999px;font-size:12px;font-weight:400;padding:0 8px;min-height:24px;display:inline-flex;align-items:center;white-space:nowrap;background:var(--muted);color:var(--muted-foreground)}.s-in-progress,.s-working{background:#eff6ff!important;color:#1d4ed8!important}.s-blocked,.s-stale{background:#fffbeb!important;color:#92400e!important}.s-in-review{background:#f5f3ff!important;color:#6d28d9!important}.s-done{background:#f0fdf4!important;color:#166534!important}.s-declined,.s-dropped{background:#fef2f2!important;color:#b91c1c!important}.dark .s-in-progress,.dark .s-working{background:#172554!important;color:#bfdbfe!important}.dark .s-blocked,.dark .s-stale{background:#422006!important;color:#fde68a!important}.dark .s-in-review{background:#2e1065!important;color:#ddd6fe!important}.dark .s-done{background:#052e16!important;color:#bbf7d0!important}.dark .s-declined,.dark .s-dropped{background:#450a0a!important;color:#fecaca!important}.badge:not(.status){font-size:12px;font-weight:400;padding:4px 8px;max-width:100%;white-space:normal;overflow-wrap:anywhere}.state-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--muted-foreground);flex:none}.state-dot.working{background:#16a34a}.state-dot.stale{background:#b45309}.state-dot.offline{background:var(--border)}.connection{display:flex;gap:16px;background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:24px}.connection .icon{margin-top:4px}.connection p{font-size:12px;color:var(--muted-foreground);margin-top:8px}
/* Rows: title, metadata, one decision and one overflow. */
.list-surface{background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);min-width:0}.ticket-row{position:relative;padding:16px;display:flex;gap:8px;align-items:center;min-width:0;transition:background-color 150ms ease-out,opacity 150ms ease-out}.ticket-row+.ticket-row{border-top:1px solid var(--border)}.ticket-row:first-child{border-radius:calc(var(--radius) + 4px) calc(var(--radius) + 4px) 0 0}.ticket-row:last-child{border-radius:0 0 calc(var(--radius) + 4px) calc(var(--radius) + 4px)}.ticket-row:hover{background:color-mix(in srgb,var(--muted) 50%,var(--card))}.ticket-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:8px;min-height:48px;justify-content:flex-start}.row-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;text-overflow:clip;overflow-wrap:anywhere}.ticket-meta{display:flex;gap:8px;align-items:center;min-width:0;font-size:12px;color:var(--muted-foreground)}.ticket-meta .status{flex:none}.row-actions{display:flex;align-self:flex-start;align-items:center;gap:0;flex:none}.row-actions>.btn:first-child{font-size:12px;padding-left:8px;padding-right:8px}.row-actions>.btn[data-size=icon]{width:44px}.is-pending{opacity:.6}.pick-label{min-width:44px;align-self:stretch;display:flex;align-items:center;justify-content:center;cursor:pointer}.pick-label input{margin:0}.ticket-row:has(.pick-label){padding-left:8px}.ticket-row:has(.pick-label) .row-actions>.btn:first-child{display:none}.lane-control{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;background:var(--muted);padding:8px;border-radius:calc(var(--radius) + 4px);margin-bottom:24px}.lane-control a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font-size:12px;font-weight:500;color:var(--muted-foreground);border-radius:var(--radius);white-space:nowrap}.lane-control a[aria-selected=true]{background:var(--card);box-shadow:0 1px 3px #00000012;color:var(--foreground)}.lane-control a>span{font-size:12px;opacity:.8}.work-tools{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:16px}.owner-filter{display:flex;gap:8px;align-items:center;min-width:0}.owner-filter select{max-width:184px;min-width:0}.bulk-dock{position:sticky;bottom:calc(var(--nav-height) + 8px);display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--border);background:var(--card);border-radius:var(--radius);padding:16px;margin-top:16px;box-shadow:0 4px 16px #00000008;font-size:12px}
/* Today */
.mention-row{display:flex;align-items:flex-start;gap:16px;padding:16px;min-height:64px}.mention-row+.mention-row{border-top:1px solid var(--border)}.mention-row>div{flex:1;min-width:0}.mention-row .section-head{margin-bottom:8px;align-items:flex-start}.mention-row strong{font-size:14px}.mention-row>svg{align-self:center}.mention-row:hover,.working-row:hover,.record-button:hover,.council-row:hover,.settings-row:hover{background:var(--muted)}.mention-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px}.mention-row .meta:last-child{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.working-row{display:flex;align-items:center;gap:16px;padding:16px;border-radius:inherit}.working-row>div{min-width:0;flex:1}.working-row p{margin-top:8px;overflow-wrap:anywhere}.working-row+.working-row{border-top:1px solid var(--border)}.agent-strip{display:flex;align-items:center;gap:8px;padding-top:16px}.agent-strip>a{display:grid;place-items:center;min-width:44px;min-height:44px;border-radius:var(--radius)}.agent-strip>.meta{margin-left:auto;display:none}.brief-card{width:100%;text-align:left;display:flex;gap:16px;padding:24px;transition:background-color 150ms ease-out}.brief-card:hover{background:var(--muted)}.brief-card>div{min-width:0}.brief-card h3{margin-top:8px;overflow-wrap:anywhere}.brief-card p{margin-top:8px}.brief-card .text-link{margin-top:8px}.file-icon,.empty-icon{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid var(--border);border-radius:var(--radius);background:var(--muted);color:var(--muted-foreground);flex:none}.usage-grid{display:grid;gap:24px}.usage-item .section-head{margin-bottom:8px}.usage-item>p{margin-top:8px}.meter{height:8px;border-radius:999px;background:var(--muted);overflow:hidden}.meter>span{height:100%;display:block;border-radius:inherit;background:var(--primary);transition:width 150ms ease-out}.meter.unknown{border:1px dashed var(--border);background:transparent}
/* Ticket detail */
.detail-page{padding-bottom:calc(var(--nav-height) + 112px)}.ticket-heading{margin-bottom:24px}.ticket-heading>.section-head{justify-content:flex-start;gap:16px;margin-bottom:16px}.ticket-heading h1{overflow-wrap:anywhere}.detail-meta{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:16px}.notice{margin-top:16px;padding:16px;background:var(--muted);border:1px solid var(--border);border-radius:var(--radius)}.notice p{margin-top:8px;color:var(--muted-foreground);white-space:pre-wrap;overflow-wrap:anywhere}.description>div{padding:16px}.description>div+div{border-top:1px solid var(--border)}.description dt{font-size:12px;color:var(--muted-foreground);margin-bottom:8px;font-weight:500}.description dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.comment{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--border)}.comment>div{flex:1;min-width:0}.comment-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}.comment-head time{font-size:12px}.comment p{margin-top:8px;white-space:pre-wrap;overflow-wrap:anywhere}.comment .btn{font-size:12px;margin-top:8px;padding:8px;border-color:var(--border)}.comment-resolved{display:inline-flex;align-items:center;gap:4px;margin-top:8px;min-height:44px}.mention{font-size:12px;display:inline-block;max-width:100%;padding:2px 8px;border:1px solid var(--border);border-radius:999px;background:var(--muted);color:var(--foreground);font-weight:500;overflow-wrap:anywhere}.ticket-ref{text-decoration:underline;text-underline-offset:3px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px}.comment-composer{margin-top:24px;display:grid;gap:16px}.comment-composer textarea{margin-top:-8px}.mention-chips{display:flex;gap:0;flex-wrap:wrap;margin:-8px -8px}.mention-chips .btn{font-size:12px;font-weight:400;padding:8px}.composer-footer{display:flex;justify-content:space-between;align-items:center;gap:16px}.composer-footer>.meta{max-width:160px}.record{border-bottom:1px solid var(--border)}.record summary{display:flex;align-items:center;justify-content:space-between;min-height:56px;gap:16px;cursor:pointer;list-style:none}.record summary::after{content:'+';font-size:16px;color:var(--muted-foreground)}.record[open] summary::after{content:'−'}.record summary .meta{margin-left:auto}.record>div{padding-bottom:16px}.record>div .meta{margin-top:8px}.history{list-style:none;padding:0 0 16px}.history li{padding:8px 0;overflow-wrap:anywhere}.history li+li{border-top:1px solid var(--border)}.history p{white-space:pre-wrap;margin:8px 0}.history time{display:block;margin-top:8px}.history.card{padding:16px}.action-dock{position:fixed;z-index:25;bottom:var(--nav-height);left:0;right:0;background:var(--card);border-top:1px solid var(--border);padding:16px 24px}.action-dock>div{display:flex;gap:8px;max-width:720px;margin:auto}.action-dock .btn:first-child{flex:1}.action-dock .btn:last-child{margin-left:auto}
/* Agents and chat */
.agent-row{display:flex;padding:16px;gap:8px}.agent-row+.agent-row{border-top:1px solid var(--border)}.agent-main{display:flex;gap:16px;flex:1;min-width:0}.agent-main>div{min-width:0;flex:1}.agent-name{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.agent-name h3{font-weight:500}.agent-main p.meta{margin-top:8px}.agent-task{margin:8px 0;overflow-wrap:anywhere}.agent-row>.btn{flex:none}.profile-hero{overflow:hidden}.portrait-window{height:240px;background:var(--muted);overflow:hidden}.portrait-window .portrait{width:100%;height:100%;object-fit:cover;object-position:50% 28%;border:0;border-radius:0}.profile-info{padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.profile-info h1{margin-top:0}.profile-info>.btn{margin-top:16px;width:100%}.quip{font-size:12px;color:var(--muted-foreground);margin-top:16px}.chat-open .topbar,.chat-open .bottom-nav{display:none}.chat-page{position:fixed;inset:0;display:flex;flex-direction:column;background:var(--background);height:100dvh;min-height:0;z-index:35}.chat-head{display:flex;align-items:center;gap:8px;padding:16px;border-bottom:1px solid var(--border);background:var(--card);padding-top:calc(16px + env(safe-area-inset-top))}.chat-head h1{font-size:16px;letter-spacing:-.015em}.chat-identity{flex:1;min-width:0}.chat-identity>.meta{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px}.chat-head>.portrait{margin-right:8px}.chat-head>.btn{flex:none}.chat-page>.connection{border-radius:0;border-left:0;border-right:0;margin:0;font-size:12px;padding:8px 16px}.chat-page>.connection p{margin-top:0}.chat-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 24px;display:flex;flex-direction:column;gap:16px;scrollbar-width:thin}.day-divider{display:flex;align-items:center;gap:16px;margin:8px 0;color:var(--muted-foreground);font-size:12px}.day-divider:before,.day-divider:after{content:'';height:1px;background:var(--border);flex:1}.message{display:flex;align-items:flex-end;gap:8px;max-width:92%;align-self:flex-start}.message>div{min-width:0}.message.mine{align-self:flex-end;max-width:86%}.bubble{background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);padding:16px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.mine .bubble{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.bubble .mention{color:inherit;background:color-mix(in srgb,currentColor 12%,transparent)}.message-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted-foreground);margin-top:8px}.mine .message-meta{justify-content:flex-end}.message.failed .message-meta{color:var(--destructive)}.message-meta .btn{font-size:12px;min-height:44px;padding:8px}.typing{display:flex;align-items:center;gap:8px}.typing>span{display:flex;gap:8px;padding:16px;background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px)}.typing i{width:4px;height:4px;background:var(--muted-foreground);border-radius:50%;animation:typing 1.2s ease-out infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.is-hidden{display:none!important}.chat-bottom{background:var(--card);border-top:1px solid var(--border);padding:8px 16px calc(8px + env(safe-area-inset-bottom))}.quick-replies{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:8px}.quick-replies .btn{font-weight:400;font-size:12px;flex:none;background:var(--card);padding:8px}.chat-composer{display:flex;align-items:flex-end;gap:8px}.chat-composer textarea{min-width:0;min-height:48px;max-height:144px;height:48px;resize:none;flex:1}.chat-composer>.btn{flex:none;margin-bottom:0;min-height:48px;width:48px}.chat-hint{text-align:center;padding-top:8px}.queue-copy{padding:0 0 8px}.chat-scroll .empty{margin:auto}
/* Records, settings and system states */
.record-row,.settings-row{display:flex;align-items:center;gap:16px;padding:16px;width:100%;text-align:left}.record-row+.record-row,.settings-row+.settings-row,.shadow-row+.shadow-row,.council-row+.council-row{border-top:1px solid var(--border)}.record-row>div,.settings-row>div{flex:1;min-width:0}.record-row h3,.settings-row h3{overflow-wrap:anywhere}.record-row .meta,.settings-row .meta{margin-top:8px}.record-button{border:0;color:inherit;background:transparent}.record-row .btn{flex:none}.council-row{display:flex;gap:16px;align-items:center;padding:24px}.council-row>div{flex:1;min-width:0}.council-row .meta{margin-top:8px}.file-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.shadow-row{padding:16px}.shadow-row .section-head{margin-bottom:8px;align-items:flex-start}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;background:var(--muted);border-radius:var(--radius)}.theme-options .btn{padding:8px}.version{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted-foreground);margin-top:32px}.empty{text-align:center;padding:32px 24px;display:flex;flex-direction:column;align-items:center;gap:8px}.empty>.empty-icon{margin-bottom:8px}.empty p{font-size:14px;color:var(--muted-foreground);max-width:320px}.skeleton-list{padding:8px 16px}.skeleton-row{display:flex;gap:16px;align-items:center;padding:16px 0}.skeleton-row>div:last-child{flex:1;min-width:0}.skeleton{background:var(--muted);border-radius:var(--radius);animation:breathe 1.6s ease-out infinite}.sk-avatar{width:40px;height:40px}.sk-title{height:16px;width:85%}.sk-meta{height:12px;width:60%;margin-top:16px}.error-state{display:flex;align-items:flex-start;gap:16px;padding:24px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px}.error-state>.icon{margin-top:4px;color:var(--destructive)}.error-state p{color:var(--muted-foreground);margin:8px 0 16px}.form-error{color:var(--destructive);font-size:12px;min-height:16px;margin:8px 0}.demo-tabs{display:flex;gap:8px;margin-bottom:16px}.table{width:100%;font-size:14px}.table th{font-size:12px;color:var(--muted-foreground);font-weight:500;text-align:left}.table td,.table th{padding:16px 8px}
/* Native modal dialogs supply focus trapping and inert background content. */
.office-sheet.dialog{position:fixed;inset:auto 0 0;margin:0 auto;width:100%;max-width:560px;max-height:calc(100dvh - 24px);overflow:visible;background:transparent;padding:0;border:0;color:var(--foreground);border-radius:calc(var(--radius) + 8px) calc(var(--radius) + 8px) 0 0;animation:sheet-in 220ms ease-out}.office-sheet.dialog::backdrop{background:#0008;animation:fade-in 150ms ease-out}.office-sheet.dialog>.sheet-surface{display:flex;flex-direction:column;padding:0;background:var(--card);border:1px solid var(--border);border-radius:inherit;max-height:calc(100dvh - 24px);overflow:hidden;box-shadow:0 16px 64px #0002}.office-sheet.dialog .sheet-head{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);padding:16px 24px}.office-sheet.dialog .sheet-head h2{overflow-wrap:anywhere;min-width:0;flex:1}.sheet-head .btn{flex:none}.sheet-body{padding:24px 24px calc(24px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;min-height:0}.sheet-body form{display:grid;gap:16px}.sheet-body form>label+.textarea{margin-top:-8px}.sheet-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:8px}.sheet-actions>.btn:last-child{flex:1}.sheet-body .notice{margin-bottom:16px}.selected-ids{font-family:ui-monospace,monospace;font-size:12px;line-height:2;margin:16px 0}.artifact{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-size:12px;line-height:1.8;color:var(--foreground);margin:0}.reader-sheet .sheet-head h2{font-size:16px}.reader-sheet .sheet-body{min-height:160px}.office-menu{position:fixed;z-index:70;min-width:200px;padding:8px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px #0000001a;animation:fade-in 120ms ease-out}.office-menu button{display:flex;width:100%;background:transparent;border:0;align-items:center;min-height:44px;text-align:left;padding:8px 16px;color:var(--foreground);border-radius:var(--radius);font-size:14px}.office-menu button:hover,.office-menu button:focus{background:var(--muted)}.office-menu .destructive-text{color:var(--destructive)}.office-menu [role=separator]{height:1px;background:var(--border);margin:8px 0}#toasts{position:fixed;z-index:100;bottom:calc(var(--nav-height) + 88px);left:16px;right:16px;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:440px;margin:auto}.office-toast{pointer-events:auto;display:flex;align-items:flex-start;gap:8px;padding:16px;background:var(--card);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px #00000012;animation:fade-in 150ms ease-out;font-size:14px}.office-toast>.icon{margin-top:4px}.office-toast>div{flex:1;min-width:0}.office-toast a{display:inline-flex;align-items:center;min-height:44px;font-weight:500;font-size:12px;text-decoration:underline;text-underline-offset:4px}.office-toast>.btn{margin:-8px -8px -8px 0}.chat-open #toasts{bottom:192px}#tooltip{position:fixed;z-index:400;max-width:min(256px,calc(100vw - 16px));pointer-events:none;background:var(--primary);color:var(--primary-foreground);border:1px solid var(--border);padding:8px 16px;border-radius:var(--radius);font-size:12px;box-shadow:0 4px 16px #0002}#tooltip[hidden]{display:none}.pin-page{min-height:100dvh;display:grid;place-items:center;padding:24px}.pin-panel{width:100%;max-width:360px}.pin-panel>.wordmark{justify-content:center;margin-bottom:48px}.pin-heading{text-align:center;margin-bottom:32px}.pin-heading .empty-icon{margin-bottom:24px;width:48px;height:48px}.pin-heading p{margin-top:16px}.pin-panel form{display:grid;gap:16px}.pin-input{text-align:center;letter-spacing:16px;font-size:24px;height:64px;padding-left:32px}.pin-panel form>.btn{width:100%}.pin-footer{text-align:center;margin-top:24px}
@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes sheet-in{from{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes breathe{50%{opacity:.5}}@keyframes typing{50%{opacity:.35}}
@media(min-width:640px){.usage-grid{grid-template-columns:1fr 1fr;gap:32px}.agent-strip>.meta{display:block}.profile-hero{display:grid;grid-template-columns:240px 1fr}.portrait-window{height:100%;min-height:336px}.profile-info>.btn{width:auto}.row-actions>.btn:first-child{padding:8px 16px;font-size:14px}.row-actions{gap:8px}.ticket-meta{gap:16px}.lane-control{grid-template-columns:repeat(8,minmax(0,1fr))}.lane-control a{flex-direction:column;gap:0}.ticket-row:has(.pick-label) .row-actions>.btn:first-child{display:inline-flex}}
@media(min-width:1024px){:root{--nav-height:0px}.topbar,.bottom-nav{display:none}.rail{display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:224px;padding:24px 16px;border-right:1px solid var(--border);background:var(--card);z-index:30}.rail>.wordmark{padding:0 16px}.rail-caption{font-size:12px;color:var(--muted-foreground);padding:32px 16px 8px}.rail nav{display:grid;gap:8px}.rail nav>a{display:flex;align-items:center;gap:16px;min-height:44px;padding:8px 16px;border-radius:var(--radius);color:var(--muted-foreground)}.rail nav>a[aria-current=page]{background:var(--muted);color:var(--foreground);font-weight:500}.rail nav>a:hover{background:var(--muted)}.rail nav .nav-count{margin-left:auto}.rail-footer{margin-top:auto;border-top:1px solid var(--border);padding:24px 8px 0;display:flex;gap:8px;align-items:center}.rail-footer>div{display:flex;flex-direction:column;gap:0;flex:1}.rail-footer strong{font-size:14px}.page{margin-left:224px;padding:48px 32px 64px;padding-bottom:64px;width:calc(100% - 224px)}.action-dock{left:224px;bottom:0}.detail-page{padding-bottom:128px}.chat-page{left:224px;right:0;max-width:none;margin:auto;border-left:1px solid var(--border);border-right:1px solid var(--border)}.chat-head{padding:24px}.chat-scroll{padding:24px 32px}.chat-bottom{padding:16px 24px}.chat-hint{display:block}.bulk-dock{bottom:16px}.pin-page{margin:0;width:100%}#toasts{left:auto;right:24px;bottom:96px;width:400px}.chat-open #toasts{bottom:176px}.office-toast{box-shadow:0 8px 32px #00000020}}
@media(max-width:374px){.ticket-row{padding:16px 8px}.row-actions>.btn:first-child{padding:8px}.lane-control{gap:0}.lane-control a{gap:4px}.agent-strip{gap:0}.agent-strip>a{min-width:44px}.agent-name .status{font-size:12px}.agent-row{padding:16px 8px}.chat-head{padding-left:8px;padding-right:8px}.chat-head>.portrait{margin-right:0}.chat-identity>.meta{gap:4px}.composer-footer{align-items:flex-end;flex-direction:column}.sheet-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.btn[aria-busy=true]::before{content:"";width:16px;height:16px;flex:none;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:busy-spin .8s linear infinite}.btn[aria-busy=true][data-size=icon]>.icon{display:none}@keyframes busy-spin{to{transform:rotate(360deg)}}

.row-heading{display:flex;gap:8px;align-items:baseline;min-width:0}.row-heading>code{flex:none;color:var(--muted-foreground)}.row-heading>.row-title{min-width:0;flex:1}

/* Explicit control shapes avoid inheriting the CDN input pill radius. */
input.input[type=checkbox]{appearance:none;-webkit-appearance:none;display:inline-block;position:relative;margin:0;width:16px;height:16px;min-height:16px;border:1px solid var(--muted-foreground);border-radius:4px;background:var(--card);box-shadow:none;vertical-align:middle;cursor:pointer}
input.input[type=checkbox]::before,input.input[type=checkbox]::after{content:none}
input.input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary)}
input.input[type=checkbox]:checked::after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid var(--primary-foreground);border-width:0 2px 2px 0;transform:rotate(45deg)}
input.input[type=checkbox][role=switch]{width:32px;height:20px;min-height:20px;border-radius:999px;background:var(--muted)}
input.input[type=checkbox][role=switch]::after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border:0;border-radius:50%;background:var(--muted-foreground);transform:none}
input.input[type=checkbox][role=switch]:checked{background:var(--primary)}
input.input[type=checkbox][role=switch]:checked::after{left:15px;background:var(--primary-foreground)}
input.input[type=radio]{width:16px;height:16px;min-height:16px;padding:0;border-radius:50%;accent-color:var(--primary)}
input.input[type=checkbox]:disabled{opacity:.5;cursor:default}
.ticket-meta{flex-wrap:wrap;column-gap:8px;row-gap:4px}.ticket-meta>code{flex:none}.ticket-meta>.truncate{flex-basis:100%}
.chat-state{min-width:0;overflow-wrap:anywhere}.chat-identity>.chat-ticket-count{display:block;margin-top:2px}
@media(max-width:639px){.row-title{-webkit-line-clamp:unset;overflow:visible}}
/* Agent introductions keep the roster flat and the profile state below its remit. */
.department{font-size:11px;font-weight:500;color:var(--muted-foreground)}.agent-responsibility{margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.agent-state{margin-top:12px}.agent-task{margin-top:4px}.profile-responsibility{font-weight:400;line-height:1.6}.profile-about{line-height:1.6;margin:4px 0 12px}
/* Shared document typography. Tables and code own their horizontal overflow. */
.markdown{width:100%;max-width:100%;min-width:0;font-family:var(--font-sans);font-size:15px;font-weight:400;line-height:1.6;white-space:normal;overflow-wrap:anywhere;color:var(--foreground)}.markdown>*{margin:0}.markdown>*+*{margin-top:16px}.markdown h1{font-size:20px;font-weight:600;line-height:1.35;letter-spacing:-.025em}.markdown h2{font-size:16px;font-weight:600;line-height:1.5;margin-top:24px}.markdown h3{font-size:14px;font-weight:600;line-height:1.5;margin-top:24px}.markdown>:first-child{margin-top:0}.markdown p{margin:0}.markdown p+p,.markdown *+p{margin-top:16px}.markdown strong,.markdown-inline strong{font-weight:600}.markdown ul,.markdown ol{padding-left:24px;list-style-position:outside}.markdown ul{list-style-type:disc}.markdown ol{list-style-type:decimal}.markdown li{padding:0;border:0}.markdown li+li{margin-top:8px}.markdown li>p{margin:0}.markdown li>*+*{margin-top:8px}.markdown ul ul{list-style-type:circle}.markdown li>ul,.markdown li>ol{margin-top:8px}.markdown code,.markdown-inline code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;background:var(--muted);border-radius:4px;padding:2px 5px;box-decoration-break:clone}.markdown pre,.artifact{display:block;width:100%;max-width:100%;min-width:0;overflow-x:auto;white-space:pre;overflow-wrap:normal;word-break:normal;padding:16px;background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);font-size:13px;line-height:1.6}.markdown pre code{padding:0;background:none;border-radius:0;font-size:inherit;white-space:inherit}.markdown blockquote{border-left:2px solid var(--border);padding:0 0 0 16px;color:var(--muted-foreground)}.markdown blockquote>*+*{margin-top:16px}.markdown hr{height:0;border:0;border-top:1px solid var(--border);margin:24px 0}.markdown a,.markdown-inline a{text-decoration:underline;text-underline-offset:3px}.markdown .ticket-ref,.markdown-inline .ticket-ref{font-size:inherit}.md-citation{font-size:12px;color:var(--muted-foreground)}.md-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.md-meta-chip{font-size:12px;color:var(--muted-foreground);border:1px solid var(--border);border-radius:999px;padding:3px 9px;max-width:100%;overflow-wrap:anywhere}.md-meta-chip>span{font-weight:600;margin-right:4px}.md-table{max-width:100%;min-width:0}.md-table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}.markdown table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.6;text-align:left}.markdown th,.markdown td{padding:12px;min-width:140px;vertical-align:top;border-bottom:1px solid var(--border)}.markdown th{font-weight:600;background:var(--muted)}.markdown tbody tr:nth-child(even){background:var(--muted)}.markdown tbody tr:last-child td{border-bottom:0}.md-definitions{display:none}.markdown-inline{white-space:normal;line-height:1.6;overflow-wrap:anywhere}.mine .markdown-inline code{color:inherit;background:color-mix(in srgb,currentColor 12%,transparent)}.mine .md-citation{color:inherit;opacity:.8}.brief-card{display:flex;cursor:default}.brief-card:hover{background:var(--card)}.brief-card>div{flex:1}.brief-preview{margin-top:16px;min-width:0;max-width:100%}.brief-card .markdown h3{margin-top:24px}.brief-card .markdown p{margin-top:0}.brief-card .markdown *+p{margin-top:16px}.brief-card .btn{margin-top:16px}.sheet-body{min-width:0}.reader-sheet .sheet-body{line-height:1.6}
@media(max-width:390px){.md-table-pair>.md-table-scroll{display:none}.md-definitions{display:block;margin:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.md-definitions>div{padding:12px}.md-definitions>div+div{border-top:1px solid var(--border)}.md-definitions>div:nth-child(odd){background:var(--muted)}.md-definitions dt{font-weight:600;font-size:13px}.md-definitions dd{margin:4px 0 0;font-size:13px}.md-definition-head{color:var(--muted-foreground)}.brief-card{padding:16px;gap:12px}.brief-card>.file-icon{display:none}}

@media(min-width:768px){.office-sheet.dialog{inset:0;margin:auto;height:fit-content;max-height:calc(100dvh - 64px);border-radius:calc(var(--radius) + 4px)}.office-sheet.dialog>.sheet-surface{max-height:calc(100dvh - 64px)}.reader-sheet.dialog{max-width:800px}.sheet-body{padding-bottom:24px}.sheet-actions>.btn:last-child{flex:0}}

/* All columns own their overflow; prose alone has a reading measure. */
.page,.workspace{overflow-wrap:anywhere}.page>*{min-width:0}.section-head{flex-wrap:wrap}.section-head .text-link{flex:none}.row-title,.agent-responsibility,.mention-preview{display:block;overflow:visible}.ticket-meta>.truncate,.mention-row .meta:last-child{white-space:normal;overflow:visible;text-overflow:clip}.agent-strip{flex-wrap:wrap}.owner-chip{max-width:100%;min-height:44px}.description dd,.comment p,.notice p,.profile-about,.profile-responsibility,.working-row p,.bubble,.markdown p,.markdown blockquote{max-width:72ch}.markdown>ul,.markdown>ol{max-width:72ch}.btn{max-width:100%;white-space:normal}.pick-label{min-height:44px}.table{table-layout:fixed}.table td,.table th{overflow-wrap:anywhere}.record-row>div,.settings-row>div,.council-row>div,.agent-main>div{overflow-wrap:anywhere}.error-state>div{min-width:0}.demo-tabs{flex-wrap:wrap}
.work-controls{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.work-controls .lane-control{flex:1;min-width:0;margin:0}.view-switch{display:none;flex:none;padding:4px;background:var(--muted);border-radius:var(--radius)}.work-page[data-view=board] .lane-control a[aria-selected=true]{box-shadow:none}/* Board height includes the heading and controls; only cards consume the remainder. */
.work-page[data-view=board]{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-bottom:16px}
.work-page[data-view=board]>.page-heading,.work-controls,.work-tools{flex-shrink:0}
.board-region{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}.board{display:flex;flex:1 1 0;gap:16px;width:100%;min-width:0;max-width:100%;min-height:0;overflow-x:scroll;overflow-y:hidden;overscroll-behavior:contain;padding-bottom:8px;scrollbar-width:none}
.board::-webkit-scrollbar{display:none}
.board-scrollbar{appearance:none;flex:none;width:100%;height:8px;margin:0;border:0;border-radius:8px;background:var(--muted);cursor:ew-resize}.board-scrollbar::-webkit-slider-thumb{appearance:none;width:var(--thumb,24px);height:8px;border-radius:8px;background:var(--muted-foreground)}.board-scrollbar::-moz-range-thumb{width:var(--thumb,24px);height:8px;border:0;border-radius:8px;background:var(--muted-foreground)}.board-scrollbar:disabled{cursor:default;opacity:.35}
.board-column{display:flex;flex-direction:column;flex:0 0 280px;width:280px;min-width:280px;min-height:0}
.board-column>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:8px;min-height:52px;flex:none;padding:0 0 8px}
.board-column h2{letter-spacing:0}.board-column .count{background:transparent;min-width:0;padding:0;font-weight:400}
.board-options{position:relative;margin-left:auto}.board-options summary{list-style:none;display:grid;place-items:center;width:44px;height:44px;cursor:pointer;border-radius:var(--radius);color:var(--muted-foreground)}.board-options summary::-webkit-details-marker{display:none}.board-options summary:hover{background:var(--muted)}.board-options>.btn{position:absolute;right:0;top:44px;width:176px;background:var(--card);border:1px solid var(--border);box-shadow:0 4px 16px #0002}
.board-cards{min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;overscroll-behavior-x:auto;padding:2px 2px 8px;scrollbar-width:thin}
.board-empty{padding:16px 12px;border:1px dashed var(--border);border-radius:8px;text-align:center}
.board-card.ticket-row{display:flex;flex-direction:column;align-items:stretch;gap:8px;border:1px solid var(--border);border-radius:8px;padding:12px;background:var(--card);margin-bottom:8px;cursor:grab;touch-action:none;transition:transform 150ms ease-out,box-shadow 150ms ease-out}
.board-card:hover{transform:translateY(-1px);box-shadow:0 3px 10px #00000012}.board-card .ticket-main{touch-action:none;user-select:none}.board-card .ticket-meta{gap:8px;flex-wrap:wrap}.board-card .row-title{display:block;-webkit-line-clamp:unset;overflow:visible;white-space:normal;overflow-wrap:anywhere}.board-card .row-actions{align-self:stretch;justify-content:space-between;gap:8px}.board-card .row-actions>.btn:first-child{font-size:12px;padding:8px}.board-card .owner-chip{min-height:24px}.board-card img{pointer-events:none}
.board-column.drop-target>header h2{outline:1px dashed var(--ring);outline-offset:3px}.board-column.drop-target .board-empty{border-color:var(--ring)}
.board-card.drag-source{border:1px dashed var(--ring);background:transparent;box-shadow:none;transform:none}.drag-source>*{visibility:hidden}.board-card.drag-ghost{position:fixed;left:0;top:0;z-index:90;margin:0;pointer-events:none;box-shadow:0 16px 40px #0004;cursor:grabbing;opacity:.95;will-change:transform}
@media(min-width:1024px){html:has(.work-page[data-view=board]),body:has(.work-page[data-view=board]){height:100%;overflow:hidden}.workspace>.work-page[data-view=board]{overflow:hidden;padding-bottom:16px}}
@media(min-width:1024px){.view-switch{display:flex}.work-controls .lane-control a{font-size:12px;white-space:normal;text-align:center}.work-controls .lane-control{gap:4px}.chat-scroll{padding:24px 32px}.chat-bottom{padding:16px 32px}}
@media(min-width:1440px){.page{padding-left:48px;padding-right:48px}.today-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}.today-columns>div{min-width:0}.today-context{display:flex;flex-direction:column}.today-context .today-brief{order:-1}.today-decisions>.module:first-child,.today-context>.today-brief{margin-top:0}.today-context .today-working{margin-top:32px}.agent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;border:0;background:transparent}.agent-grid .agent-row{border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:var(--card);padding:24px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) clamp(480px,35vw,720px);gap:32px;margin-left:224px;width:calc(100% - 224px);padding:0 48px;min-width:0}.workspace>.page{margin:0;width:100%;height:100dvh;overflow-y:auto;overscroll-behavior:contain;padding:48px 0 32px;scrollbar-width:thin}.workspace>.detail-page{display:flex;flex-direction:column;overflow:hidden;border-left:1px solid var(--border);padding:0 0 0 32px}.detail-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:48px 0 24px;scrollbar-width:thin}.workspace .work-controls{flex-wrap:wrap}.workspace .lane-control{flex-basis:100%;grid-template-columns:repeat(4,minmax(0,1fr))}.workspace .action-dock{position:static;flex:none;padding:16px 0}.workspace .action-dock>div{flex-wrap:wrap}.workspace .detail-page>.back-link{margin-bottom:24px}.workspace .ticket-row:not(.board-card){flex-wrap:wrap}.workspace .ticket-row:not(.board-card) .ticket-main{flex-basis:calc(100% - 64px)}.workspace .ticket-row:not(.board-card) .row-actions{margin-left:auto}.chat-head,.chat-bottom{padding-left:48px;padding-right:48px}.chat-scroll{padding-left:48px;padding-right:48px}}
@media(min-width:1920px){.agent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.ticket-row{flex-wrap:wrap}.ticket-row .ticket-main{flex-basis:calc(100% - 64px)}.ticket-row .row-actions{margin-left:auto}.lane-control a{flex-wrap:wrap;gap:4px;white-space:normal;text-align:center}.lane-control{gap:4px}.check-label input{flex:none}.chat-head{padding-left:24px;padding-right:24px}.chat-bottom{padding-left:24px;padding-right:24px}.sheet-actions{flex-wrap:wrap}.agent-strip>.meta{display:none}}

/* Eight 280px lanes + seven 16px gaps = 2352px; compact rail frees 2400px here. */
@media(min-width:2560px){body:has(.work-page[data-view=board]) .rail{width:64px;padding:24px 8px}body:has(.work-page[data-view=board]) .rail>.wordmark{font-size:0;padding:0;justify-content:center}body:has(.work-page[data-view=board]) .rail-caption,body:has(.work-page[data-view=board]) .rail-footer>div,body:has(.work-page[data-view=board]) .rail-footer>.meta{display:none}body:has(.work-page[data-view=board]) .rail nav{margin-top:32px}body:has(.work-page[data-view=board]) .rail nav>a{position:relative;padding:0;justify-content:center;gap:0}body:has(.work-page[data-view=board]) .rail nav>a>span:not(.nav-count){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}body:has(.work-page[data-view=board]) .rail .nav-count{position:absolute;top:-4px;right:-4px}body:has(.work-page[data-view=board]) #app>.page,body:has(.work-page[data-view=board]) .workspace{margin-left:64px;width:calc(100% - 64px)}}