/* Continuous work surfaces. The quick composer and assistant remain floating. */
.app-sidebar{border-radius:0!important;inset:0 auto 0 0!important;height:100dvh!important;border-right:1px solid var(--line);box-shadow:none!important}
.topbar{border-radius:0!important;box-shadow:none!important;background:var(--canvas);border-bottom:1px solid var(--line);margin:0!important}
.page-canvas{border-radius:0!important;box-shadow:none!important;background:transparent!important}
.settings-section,.project-chats,.project-members,.hub-panel{border-radius:0;box-shadow:none;background:transparent}
.access-page .page-header h1{font:600 1.8rem/1.25 var(--font);letter-spacing:-.025em}
.role-layout{gap:32px;grid-template-columns:260px minmax(0,1fr)}
.role-index{display:block!important;border-right:1px solid var(--line);padding-right:20px}
.role-index-item{flex:1;min-width:0;padding:12px 8px;border:0;border-radius:5px;margin:0}
.role-index-item.is-selected{border:0}
.role-order-row{display:flex;align-items:center;gap:2px;border-bottom:1px solid var(--line);min-height:56px}
.role-order-row[draggable=true]{cursor:grab}.role-order-row[aria-busy=true]{opacity:.6}
.role-order-controls{display:grid;gap:1px}.role-order-controls button{display:grid;place-items:center;width:26px;height:26px;min-height:26px;border:0;background:transparent;color:var(--muted);padding:3px;border-radius:3px}
.role-order-controls button:hover:not(:disabled){color:var(--ink);background:var(--accent-soft)}
.role-order-controls button:disabled{cursor:default;opacity:.25}.role-up{transform:rotate(180deg)}
.role-basics{grid-template-columns:minmax(0,1fr) 150px}.permission-option{border-bottom:1px solid var(--line);padding:16px 0}
.permission-option input{min-height:18px!important;width:18px;height:18px}.role-index-note{font-size:.78rem}
.people-section{border-radius:0!important;box-shadow:none!important;background:transparent!important;margin-top:28px}
.member-row{border-radius:0!important;background:transparent!important;box-shadow:none!important;border-bottom:1px solid var(--line);padding:16px 0}
.member-actions{position:static!important;max-width:420px}.member-actions[open]{align-self:start}
.member-action-body{position:static!important;box-shadow:none!important;border-radius:0!important;border:0!important;background:transparent!important;padding:16px 0!important;width:300px;max-width:100%}
.member-actions summary{font-size:.82rem;color:var(--accent);cursor:pointer;white-space:nowrap;padding:8px 0}
.member-row:has(.member-actions[open]){display:grid!important;grid-template-columns:34px minmax(0,1fr) auto;align-items:start!important;gap:12px}
.member-row:has(.member-actions[open])>.avatar{grid-column:1;grid-row:1}
.member-row:has(.member-actions[open])>.member-main{grid-column:2;grid-row:1}
.member-row:has(.member-actions[open])>.status-badge{grid-column:3;grid-row:1}
.member-row>.member-actions[open]{grid-column:2/-1;grid-row:2;max-width:none;width:100%}
.project-work-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:40px}
.project-work-section{border-top:1px solid var(--line);padding:24px 0 32px;min-width:0}
.project-work-section h2,.project-sharing-section h2{font-size:1rem;margin:0}.project-work-section>.section-header{margin-bottom:16px}
.project-sharing-section{border-left:1px solid var(--line);padding-left:26px;min-width:0}
.project-sharing-section>.field-note{margin:10px 0 24px}.project-share-form{border-top:1px solid var(--line);padding-top:22px;margin-top:22px}
.project-person{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:14px 0}
.project-person strong,.project-person small{display:block;overflow-wrap:anywhere}.project-person small{font-size:.75rem;color:var(--muted);margin-top:4px}
.project-file-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:16px 0;min-width:0}
.project-file-row>div{flex:1;min-width:0}.project-file-row a{font-weight:550;overflow-wrap:anywhere}.project-file-row small{display:block;color:var(--muted);font-size:.75rem;margin-top:5px;overflow-wrap:anywhere}
.project-file-upload{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-top:24px}.project-file-upload label{flex:1;min-width:200px;display:grid;gap:10px}.project-file-upload .field-note{flex-basis:100%;margin:0}
.project-empty{color:var(--muted);padding:20px 0;line-height:1.7;max-width:65ch}
.project-grid{display:block!important}.project-card{display:block!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--line)!important;padding:24px 0!important;margin:0!important}
.project-card h2{font-size:1.1rem;margin:12px 0 6px}.project-card p{max-width:72ch}.project-card-bottom{margin-top:12px}
/* Retain the purple artwork while lifting neutral ink on dark canvases. */
:root[data-theme=dark] .vx-brand-mark>img,:root[data-theme=dark] .vx-brand-wordmark>img,
.marketing-footer .vx-brand-wordmark>img{filter:invert(1) hue-rotate(180deg) brightness(1.05)!important;mix-blend-mode:screen!important;opacity:1!important}
@media(max-width:950px){.role-layout{grid-template-columns:220px minmax(0,1fr);gap:22px}.project-work-layout{grid-template-columns:1fr}.project-sharing-section{border-left:0;border-top:1px solid var(--line);padding:26px 0 0}.member-row{flex-wrap:wrap}.member-actions[open]{flex-basis:100%;padding-left:48px}.role-basics{grid-template-columns:1fr}}
@media(max-width:640px){.role-layout{grid-template-columns:1fr}.role-index{position:static;border-right:0;padding-right:0}.role-order-controls button{width:34px;height:34px}.project-file-row{align-items:start;flex-wrap:wrap}.project-file-row>.text-link{margin-left:30px}.project-file-upload button{width:100%}.member-action-body{width:100%}.member-actions[open]{padding-left:0}.project-work-section .section-header{flex-wrap:wrap;gap:14px}.member-row:has(.member-actions[open])>.member-actions{grid-column:1/-1}}