/* UI-01 Overview: identity, attention, architecture, work, then observed activity. */ #workspaceShell[data-archbro-ui="next"] .ui-next-overview{width:100%;max-width:1184px;font-size:14px;line-height:1.55} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-header{padding:0;margin-bottom:24px} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-header h1{font-size:28px;font-weight:700;line-height:1.2;overflow-wrap:anywhere} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-purpose{max-width:68ch;margin-top:8px;font-size:14px;line-height:1.55;overflow-wrap:anywhere;color:var(--ui-next-ink)} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-version{padding-bottom:16px;margin-bottom:24px} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-version .is-unavailable{padding:8px 0;background:transparent;border:0} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-version .is-unavailable button{background:transparent;box-shadow:none;font-weight:500;color:var(--ui-next-muted)} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-section{padding:0 0 24px;margin:0 0 24px} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-section-heading{gap:16px;margin-bottom:12px;align-items:baseline;flex-wrap:wrap} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-section-heading h2{font-size:18px;font-weight:650;line-height:1.35;overflow-wrap:anywhere} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-section-heading p{max-width:68ch;font-size:14px;line-height:1.55;overflow-wrap:anywhere} #workspaceShell[data-archbro-ui="next"] .ui-next-overview :is(.ui-next-overview-area,.ui-next-overview-work){gap:16px;padding:12px 8px;border-radius:6px;min-height:44px} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-area strong,#workspaceShell[data-archbro-ui="next"] .ui-next-overview-work strong{font-size:14px;font-weight:650;line-height:1.4;overflow-wrap:anywhere} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-area span span{max-width:66ch;line-height:1.55;overflow-wrap:anywhere} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-section-footer{align-items:baseline;flex-wrap:wrap;line-height:1.5} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-section-footer>span{max-width:68ch;overflow-wrap:anywhere} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-attention{align-items:center;gap:16px} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-attention>div{min-width:0;max-width:68ch;overflow-wrap:anywhere} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-aside .ui-next-overview-section-heading h2{font-size:14px;font-weight:650;color:var(--ui-next-ink)} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-aside :is(p,code){font-size:12px;line-height:1.55;overflow-wrap:anywhere} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-context-row{display:grid;margin:8px 0;grid-template-columns:max-content minmax(0,1fr);gap:8px;align-items:baseline} #workspaceShell[data-archbro-ui="next"] .ui-next-overview :is(.ui-next-text-action,.ui-next-secondary-action){white-space:normal;min-height:40px} @media(max-width:1100px){ } @media(max-width:620px){ #workspaceShell[data-archbro-ui="next"] .ui-next-overview-header h1{font-size:26px} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-section-heading{gap:8px} #workspaceShell[data-archbro-ui="next"] .ui-next-overview :is(.ui-next-overview-area,.ui-next-overview-work){align-items:flex-start;gap:12px} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-attention{align-items:flex-start;flex-direction:column} #workspaceShell[data-archbro-ui="next"] .ui-next-overview :is(.ui-next-text-action,.ui-next-secondary-action){min-height:44px} #workspaceShell[data-archbro-ui="next"] .ui-next-overview :is(.ui-next-overview-section-footer,.ui-next-status-banner){align-items:flex-start;gap:12px;flex-wrap:wrap} } #workspaceShell[data-archbro-ui="next"] .ui-next-overview-project-metadata{font-size:12px;color:var(--ui-next-muted);margin:12px 0 0;overflow-wrap:anywhere} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-version{border:0;margin:0 0 24px;padding:0;font-size:12px;color:var(--ui-next-muted)} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-version summary{padding:8px 0;cursor:pointer} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-version details>div{padding:12px 0} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-section{border:0;border-top:0;border-bottom:1px solid var(--ui-next-line-soft);border-radius:0;background:transparent;box-shadow:none} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-section-heading{display:flex;justify-content:space-between} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-section-heading h2{margin:0} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-section-heading p{margin:8px 0 0;color:var(--ui-next-muted)} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-attention{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 20px;margin:0 0 32px;border-radius:8px;border-left:3px solid var(--ui-next-accent);background:var(--ui-next-accent-soft)} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-attention small{font-size:12px;font-weight:500;color:var(--ui-next-muted)} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-attention h2{font-size:17px;line-height:1.35;margin:4px 0 8px} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-attention p{font-size:14px;line-height:1.55;margin:0;max-width:65ch} #workspaceShell[data-archbro-ui="next"] .ui-next-overview .ui-next-primary-action{min-height:40px;padding:10px 16px;border:1px solid var(--ui-next-accent);border-radius:8px;background:var(--ui-next-accent);color:var(--ui-next-surface);font-size:14px;font-weight:650;white-space:normal;flex-shrink:0;cursor:pointer} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-status{display:inline-flex;gap:6px;font-size:12px;font-weight:500;padding:4px 8px;border-radius:6px;background:var(--ui-next-surface-muted);border:0;color:var(--ui-next-muted);white-space:normal} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-status.pending{background:var(--ui-next-accent-soft);color:var(--ui-next-ink)} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-area-icon{display:flex;align-items:center;justify-content:center;flex:0 0 32px;height:32px;border-radius:6px;background:var(--ui-next-surface-muted);color:var(--ui-next-muted)} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-area-icon svg{width:20px;height:20px} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-area-copy{display:grid;gap:6px;min-width:0;flex:1} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-area-copy>span{color:var(--ui-next-muted);font-size:14px} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-area-copy small{font-size:12px;color:var(--ui-next-muted);overflow-wrap:anywhere} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-area-count{font-size:12px;color:var(--ui-next-muted);white-space:nowrap;padding-top:3px} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-area:hover,#workspaceShell[data-archbro-ui="next"] .ui-next-overview-work:hover{background:var(--ui-next-hover)} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-work{display:flex;align-items:flex-start;justify-content:space-between;width:100%;border:0;border-bottom:1px solid var(--ui-next-line-soft);background:transparent;text-align:left;cursor:pointer} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-work>span:first-child{display:grid;gap:6px;min-width:0} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-work small{font-size:12px;color:var(--ui-next-muted)} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-architecture-empty{padding:24px;background:var(--ui-next-surface-muted);border-radius:10px} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-architecture-empty p{max-width:65ch;color:var(--ui-next-muted)} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-activity p{font-size:13px;line-height:1.55;max-width:70ch;overflow-wrap:anywhere} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-activity-row{padding:12px 0;border-bottom:1px solid var(--ui-next-line-soft)} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-activity-row>p{margin:0 0 4px} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-activity-row small,#workspaceShell[data-archbro-ui="next"] .ui-next-overview-activity-row details{font-size:12px;color:var(--ui-next-muted)} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-activity pre{font-size:12px;max-width:72ch;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--ui-next-surface-muted);padding:12px;border-radius:6px} #workspaceShell[data-archbro-ui="next"] .ui-next-overview summary{cursor:pointer;min-height:40px;padding-block:8px} #workspaceShell[data-archbro-ui="next"] .ui-next-overview summary:focus-visible{outline:2px solid var(--ui-next-accent);outline-offset:3px;border-radius:4px} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-goal-disclosure{font-size:14px;border-top:1px solid var(--ui-next-line-soft);padding-top:16px} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-skeleton{min-height:500px} @media(max-width:620px){ #workspaceShell[data-archbro-ui="next"] .ui-next-overview-attention{align-items:flex-start;flex-direction:column;gap:16px} #workspaceShell[data-archbro-ui="next"] .ui-next-overview :is(.ui-next-primary-action,.ui-next-secondary-action){min-height:44px} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-work{flex-wrap:wrap} } /* Overview hierarchy (#265/#266): summary, then architecture + one next step, then secondary cards and collapsed details. */ #workspaceShell[data-archbro-ui="next"] .ui-next-overview-header{margin-bottom:20px} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-purpose.is-clamped{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} #workspaceShell[data-archbro-ui="next"] .ui-next-overview .ui-next-overview-purpose-toggle{min-height:32px;margin-top:4px;padding:4px 0} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-hero{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:20px;align-items:stretch;margin:0 0 32px} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-hero.is-single{grid-template-columns:minmax(0,1fr)} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-section.ui-next-overview-card{margin:0;padding:20px;border:1px solid var(--ui-next-line-soft);border-radius:12px;background:var(--ui-next-surface)} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-hero .ui-next-overview-attention{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:16px;margin:0;padding:20px;border-radius:12px} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-hero .ui-next-overview-attention p{overflow-wrap:anywhere} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-architecture-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-architecture-preview>:is(.ui-next-overview-architecture-empty,.ui-next-overview-diagram-preview){grid-column:1/-1} #workspaceShell[data-archbro-ui="next"] .ui-next-overview .ui-next-overview-area{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:12px;border:1px solid var(--ui-next-line-soft);border-radius:8px;background:var(--ui-next-surface-muted);text-align:left;font:inherit;color:var(--ui-next-ink);cursor:pointer} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-area-copy{gap:2px} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-area-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-area-count{padding-top:0} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start;margin:0 0 24px} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-secondary>.ui-next-task-summary{grid-row:span 2} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-card .ui-next-overview-work:last-child{border-bottom:0} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-details{border-top:1px solid var(--ui-next-line-soft);padding-top:8px;font-size:14px} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-details>summary{font-weight:600} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-details .ui-next-overview-aside{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:12px 0 8px} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-details .ui-next-overview-version{grid-column:1/-1;margin:0} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-details .ui-next-overview-section{margin:0;padding:0;border:0} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-details .ui-next-overview-section-heading h2{font-size:14px} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-details :is(p,code){font-size:12px;line-height:1.55;overflow-wrap:anywhere} @media(max-width:900px){ #workspaceShell[data-archbro-ui="next"] .ui-next-overview-hero,#workspaceShell[data-archbro-ui="next"] .ui-next-overview-secondary,#workspaceShell[data-archbro-ui="next"] .ui-next-overview-details .ui-next-overview-aside{grid-template-columns:minmax(0,1fr)} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-hero .ui-next-overview-attention{order:-1} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-secondary>.ui-next-task-summary{grid-row:auto} } @media(max-width:620px){ #workspaceShell[data-archbro-ui="next"] .ui-next-overview-section.ui-next-overview-card{padding:16px} #workspaceShell[data-archbro-ui="next"] .ui-next-overview-architecture-preview{grid-template-columns:minmax(0,1fr)} #workspaceShell[data-archbro-ui="next"] .ui-next-overview .ui-next-overview-purpose-toggle{min-height:44px} } /* The queue remains a full-width four-column list; selected details are a nonmodal drawer. */ [data-archbro-ui="next"] .ui-next-tasks {width:min(1376px,100%);max-width:1376px;margin:0 auto;padding:4px 0} [data-archbro-ui="next"] .ui-next-task-page-head {margin-bottom:24px} [data-archbro-ui="next"] .ui-next-task-page-head h1 {font-size:28px;font-weight:700;line-height:1.2;margin:0;overflow-wrap:anywhere} [data-archbro-ui="next"] .ui-next-task-page-head small {display:none} [data-archbro-ui="next"] .ui-next-task-page-head p {font-size:14px;line-height:1.55;max-width:68ch;margin:8px 0 0} [data-archbro-ui="next"] .ui-next-task-permission, [data-archbro-ui="next"] .ui-next-task-mode {font-size:12px} [data-archbro-ui="next"] .ui-next-task-toolbar {padding:12px 0;border:0;border-radius:0;border-top:1px solid var(--ui-next-line-soft);border-bottom:1px solid var(--ui-next-line-soft);background:transparent;gap:14px} [data-archbro-ui="next"] .ui-next-task-filter label,[data-archbro-ui="next"] .ui-next-task-filter>span {font-size:12px} [data-archbro-ui="next"] .ui-next-task-search input,[data-archbro-ui="next"] .ui-next-task-filter select {font-size:13px;border-radius:6px} [data-archbro-ui="next"] .ui-next-task-layout {display:block} [data-archbro-ui="next"] .ui-next-task-table-shell {border:0;border-radius:0;margin-top:16px} [data-archbro-ui="next"] .ui-next-task-table-head {padding:0;min-height:44px;background:transparent} [data-archbro-ui="next"] .ui-next-task-table-head strong {font-size:14px;font-weight:600} [data-archbro-ui="next"] .ui-next-task-table-head span {font-size:12px} [data-archbro-ui="next"] .ui-next-task-table-wrap {max-height:none;min-height:0;overflow:visible} [data-archbro-ui="next"] .ui-next-task-table th {font-size:11px;background:transparent;letter-spacing:.04em;font-weight:600} [data-archbro-ui="next"] .ui-next-task-table th,[data-archbro-ui="next"] .ui-next-task-table td {padding:15px 12px;font-size:13px;border-color:var(--ui-next-line-soft)} [data-archbro-ui="next"] .ui-next-task-table th:first-child {width:55%} [data-archbro-ui="next"] .ui-next-task-table th:nth-child(2) {width:17%} [data-archbro-ui="next"] .ui-next-task-table th:nth-child(3) {width:13%} [data-archbro-ui="next"] .ui-next-task-table th:nth-child(4) {width:15%} [data-archbro-ui="next"] .ui-next-task-open {font-size:14px;font-weight:600} [data-archbro-ui="next"] .ui-next-task-row-meta {display:block;color:var(--ui-next-muted);font-size:12px;margin-top:4px} [data-archbro-ui="next"] .ui-next-task-table tr:hover {background:var(--ui-next-surface-muted)} [data-archbro-ui="next"] .ui-next-task-status {font-size:12px;font-weight:500;border:0;background:transparent;padding:0;gap:7px} [data-archbro-ui="next"] .ui-next-task-status::before {content:"";display:block;flex:none;width:7px;height:7px;border-radius:50%;background:currentColor} [data-archbro-ui="next"] .ui-next-task-status.status-blocked {color:var(--ui-next-warning);background:transparent} [data-archbro-ui="next"] .ui-next-task-status.status-in_progress,[data-archbro-ui="next"] .ui-next-task-status.status-done {background:transparent} [data-archbro-ui="next"] .ui-next-task-detail.is-drawer {position:fixed;top:var(--workspace-topbar-height,64px);right:0;bottom:0;z-index:90;width:min(500px,100vw);max-height:none;margin:0;padding:24px;border-radius:0;border-left:1px solid var(--ui-next-line);box-shadow:-12px 0 36px rgba(20,26,40,.12);overflow:auto;overscroll-behavior:contain} [data-archbro-ui="next"] .ui-next-task-drawer-close {min-height:44px;display:block;margin:0 0 20px auto;font:inherit;font-size:13px;padding:6px 10px;border:1px solid var(--ui-next-line);border-radius:6px;background:var(--ui-next-surface);color:var(--ui-next-ink);cursor:pointer} [data-archbro-ui="next"] .ui-next-task-detail-head h2 {font-size:20px;font-weight:650} [data-archbro-ui="next"] .ui-next-task-detail p,[data-archbro-ui="next"] .ui-next-task-description,[data-archbro-ui="next"] .ui-next-task-detail-section>p,[data-archbro-ui="next"] .ui-next-task-criteria {font-size:14px;line-height:1.55;max-width:68ch;overflow-wrap:anywhere} [data-archbro-ui="next"] .ui-next-task-facts dt,[data-archbro-ui="next"] .ui-next-task-detail-head small {font-size:11px} [data-archbro-ui="next"] .ui-next-task-facts dd,[data-archbro-ui="next"] .ui-next-task-detail-section h3,[data-archbro-ui="next"] .ui-next-task-link,[data-archbro-ui="next"] .ui-next-task-dependency,[data-archbro-ui="next"] .ui-next-task-primary,[data-archbro-ui="next"] .ui-next-task-secondary {font-size:13px} /* UI-02: concise context first, technical metadata in a native disclosure. */ [data-archbro-ui="next"] .ui-next-task-summary {display:flex;gap:24px;margin:20px 0;flex-wrap:wrap} [data-archbro-ui="next"] .ui-next-task-summary>div {min-width:0;flex:1} [data-archbro-ui="next"] .ui-next-task-summary dt {font-size:12px;color:var(--ui-next-muted)} [data-archbro-ui="next"] .ui-next-task-summary dd {font-size:14px;font-weight:500;margin:4px 0 0;overflow-wrap:anywhere} [data-archbro-ui="next"] .ui-next-task-technical {margin-top:24px;font-size:12px;color:var(--ui-next-muted)} [data-archbro-ui="next"] .ui-next-task-technical>summary {min-height:44px;padding:12px 0;cursor:pointer} [data-archbro-ui="next"] .ui-next-task-facts {border:0;border-radius:0;padding:12px 0;background:transparent} [data-archbro-ui="next"] .ui-next-task-open {min-height:44px;line-height:1.4;overflow-wrap:anywhere;white-space:normal} [data-archbro-ui="next"] .ui-next-task-table tr.selected {background:var(--ui-next-accent-soft);box-shadow:inset 3px 0 var(--ui-next-accent)} [data-archbro-ui="next"] .ui-next-task-table tr.selected .ui-next-task-open {color:var(--ui-next-ink);font-weight:650} [data-archbro-ui="next"] .ui-next-task-detail :is(button,input,select,textarea,summary):focus-visible {outline:2px solid var(--ui-next-accent);outline-offset:3px} @media(max-width:760px){ [data-archbro-ui="next"] .ui-next-task-table {min-width:0;width:100%;table-layout:fixed} [data-archbro-ui="next"] .ui-next-task-table th:first-child {width:62%} [data-archbro-ui="next"] .ui-next-task-table th:nth-child(2) {width:38%} [data-archbro-ui="next"] .ui-next-task-toolbar {grid-template-columns:1fr} [data-archbro-ui="next"] .ui-next-task-filter select,[data-archbro-ui="next"] .ui-next-task-search input {min-height:44px} [data-archbro-ui="next"] .ui-next-task-detail.is-drawer {top:var(--workspace-topbar-height,64px);width:100%;padding:20px;border:0} [data-archbro-ui="next"] .ui-next-task-summary {gap:16px} } /* The review list reads like a pull request list: one bordered box with state tabs, using actual server statuses. */ [data-archbro-ui="next"] .ui-next-review-list {max-width:1180px;margin:0 auto;padding:32px 0 48px} [data-archbro-ui="next"] .ui-next-review-list h1 {margin:0;font-size:26px;font-weight:650;line-height:1.3} [data-archbro-ui="next"] .ui-next-review-list header p {font-size:14px;color:var(--ui-next-muted);margin:6px 0 20px} [data-archbro-ui="next"] .next-review-list-box {border:1px solid var(--ui-next-line);border-radius:var(--ui-next-radius-md);background:var(--ui-next-surface);overflow:hidden} [data-archbro-ui="next"] .next-review-list-toolbar {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 12px 8px 8px;border-bottom:1px solid var(--ui-next-line);background:var(--ui-next-surface-muted)} [data-archbro-ui="next"] .next-review-list-toolbar nav {display:flex;gap:4px;flex-wrap:wrap} [data-archbro-ui="next"] .next-review-list-toolbar button {display:inline-flex;min-height:36px;align-items:center;gap:8px;background:transparent;color:var(--ui-next-muted);border:0;border-radius:6px;font:inherit;font-size:14px;font-weight:600;padding:0 12px;cursor:pointer} [data-archbro-ui="next"] .next-review-list-toolbar button>span {min-width:22px;padding:0 7px;border-radius:999px;background:var(--ui-next-hover);font-size:12px;line-height:20px;text-align:center} [data-archbro-ui="next"] .next-review-list-toolbar button:hover {color:var(--ui-next-ink)} [data-archbro-ui="next"] .next-review-list-toolbar button.is-active {color:var(--ui-next-ink);background:var(--ui-next-surface);box-shadow:0 0 0 1px var(--ui-next-line)} [data-archbro-ui="next"] .next-review-list-toolbar input {height:36px;width:280px;max-width:100%;min-width:0;font:inherit;font-size:13px;border:1px solid var(--ui-next-line);background:var(--ui-next-surface);color:var(--ui-next-ink);border-radius:6px;padding:0 12px} [data-archbro-ui="next"] .next-review-list-row {display:grid;grid-template-columns:14px minmax(0,1fr) auto;align-items:start;gap:12px;width:100%;padding:14px 16px;text-align:left;border:0;border-bottom:1px solid var(--ui-next-line-soft);background:transparent;color:var(--ui-next-ink);font:inherit;cursor:pointer} [data-archbro-ui="next"] .next-review-list-row:last-child {border-bottom:0} [data-archbro-ui="next"] .next-review-list-row:hover {background:var(--ui-next-surface-muted)} [data-archbro-ui="next"] .next-review-list-row:focus-visible {outline:2px solid var(--ui-next-accent);outline-offset:-2px} [data-archbro-ui="next"] .next-review-list-icon {width:12px;height:12px;margin-top:5px;border:2px solid var(--review-status,var(--ui-next-muted));border-radius:50%} [data-archbro-ui="next"] .next-review-list-copy {display:grid;gap:4px;min-width:0} [data-archbro-ui="next"] .next-review-list-copy strong {font-size:15px;font-weight:600;line-height:1.4;overflow-wrap:anywhere} [data-archbro-ui="next"] .next-review-list-copy p {margin:0;font-size:13px;line-height:1.5;color:var(--ui-next-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} [data-archbro-ui="next"] .next-review-list-copy small {display:flex;align-items:center;gap:4px;flex-wrap:wrap;font-size:12px;color:var(--ui-next-muted)} [data-archbro-ui="next"] .next-review-list-side {display:flex;align-items:center;gap:10px;white-space:nowrap;min-height:22px} [data-archbro-ui="next"] .next-review-list-comments {font-size:12px;color:var(--ui-next-muted)} [data-archbro-ui="next"] .next-review-review-state {padding:2px 8px;border:1px solid var(--ui-next-line);border-radius:999px;font-size:12px;color:var(--ui-next-muted)} [data-archbro-ui="next"] .next-review-review-state.is-approved {color:var(--ui-next-success);border-color:color-mix(in srgb,var(--ui-next-success) 40%,var(--ui-next-line))} [data-archbro-ui="next"] .next-review-review-state.is-changes-requested {color:var(--ui-next-danger);border-color:color-mix(in srgb,var(--ui-next-danger) 40%,var(--ui-next-line))} [data-archbro-ui="next"] .next-review-list-empty {margin:0;padding:32px 16px;text-align:center;color:var(--ui-next-muted)} /* One status vocabulary for list rows, the header pill and the rail: open green, accepted purple, closed red. */ [data-archbro-ui="next"] :is(.next-review-status,.next-review-list-row).is-pending {--review-status:var(--ui-next-success)} [data-archbro-ui="next"] :is(.next-review-status,.next-review-list-row).is-accepted {--review-status:var(--ui-next-accent)} [data-archbro-ui="next"] :is(.next-review-status,.next-review-list-row):is(.is-rejected,.is-closed) {--review-status:var(--ui-next-danger)} [data-archbro-ui="next"] :is(.next-review-status,.next-review-list-row).is-superseded {--review-status:var(--ui-next-muted)} [data-archbro-ui="next"] span.next-review-status {display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border:1px solid color-mix(in srgb,var(--review-status,var(--ui-next-muted)) 45%,transparent);border-radius:999px;background:color-mix(in srgb,var(--review-status,var(--ui-next-muted)) 12%,var(--ui-next-surface));color:var(--review-status,var(--ui-next-muted));font-size:12px;font-weight:600} [data-archbro-ui="next"] .next-review-status>i {width:7px;height:7px;border-radius:50%;background:currentColor} [data-archbro-ui="next"] .next-review-header h2 {font-size:24px;font-weight:650} [data-archbro-ui="next"] .next-review-header p,[data-archbro-ui="next"] .next-review-content p,[data-archbro-ui="next"] .next-review-content li {font-size:14px;line-height:1.6} [data-archbro-ui="next"] .next-review-header-actions button,[data-archbro-ui="next"] .next-review-tabs button {font-size:13px} [data-archbro-ui="next"] .next-review-proposal-item strong {font-size:13px} [data-archbro-ui="next"] .next-review-proposal-item small,[data-archbro-ui="next"] .next-review-header-meta {font-size:12px} /* Neutral unselected graph cards; retain explicit review and target semantics. */ [data-archbro-ui="next"] .next-graph-node:not(.cv-node):not([data-review-change]):not(.is-selected):not([class*="target-"])>rect {fill:var(--ui-next-surface);stroke:var(--ui-next-line)} [data-archbro-ui="next"] .next-graph-node-label {font-size:13px;font-weight:600;fill:var(--ui-next-ink)} [data-archbro-ui="next"] .next-graph-node-kind {font-size:10px;fill:var(--ui-next-muted)} [data-archbro-ui="next"] .next-graph-node-source {font-size:10px;fill:var(--ui-next-muted)} [data-archbro-ui="next"] .next-graph-group-toggle>rect {fill:var(--ui-next-surface);stroke:var(--ui-next-line);stroke-width:1} [data-archbro-ui="next"] .next-graph-group-toggle:hover>rect,[data-archbro-ui="next"] .next-graph-group-toggle:focus>rect {fill:var(--ui-next-accent-soft);stroke:var(--ui-next-accent)} [data-archbro-ui="next"] .next-inspector {font-size:13px} /* Account security keeps its formal dialog and controls; match V41 typography. */ [data-archbro-ui="next"] #accountSettingsDialog:not([data-in-page="true"]) {border-radius:10px;background:var(--ui-next-surface);color:var(--ui-next-ink)} html:has(#workspaceShell[data-archbro-ui="next"]) #accountSettingsDialog h2 {font-size:24px;font-weight:650} html:has(#workspaceShell[data-archbro-ui="next"]) #accountSettingsDialog input,html:has(#workspaceShell[data-archbro-ui="next"]) #accountSettingsDialog select {font-size:14px} html:has(#workspaceShell[data-archbro-ui="next"]) #accountSettingsDialog label,html:has(#workspaceShell[data-archbro-ui="next"]) #accountSettingsDialog p {font-size:13px} @media (max-width:1500px) { [data-archbro-ui="next"] .ui-next-tasks,[data-archbro-ui="next"] .ui-next-review-list {padding-left:0;padding-right:0} } @media (max-width:1050px) { [data-archbro-ui="next"] .ui-next-task-toolbar {grid-template-columns:minmax(180px,1fr) repeat(3,minmax(120px,.7fr)) auto} } @media (max-width:760px) { [data-archbro-ui="next"] .ui-next-tasks,[data-archbro-ui="next"] .ui-next-review-list {padding:4px 0 24px} [data-archbro-ui="next"] .ui-next-task-toolbar {grid-template-columns:1fr} [data-archbro-ui="next"] .ui-next-task-table-wrap {overflow:auto} [data-archbro-ui="next"] .ui-next-task-table {min-width:0;width:100%;table-layout:fixed} [data-archbro-ui="next"] .ui-next-task-table th:first-child {width:62%} [data-archbro-ui="next"] .ui-next-task-table th:nth-child(2) {width:38%} [data-archbro-ui="next"] .next-review-list-toolbar {align-items:stretch;flex-direction:column;gap:12px} [data-archbro-ui="next"] .next-review-list-toolbar input {width:100%;max-width:none} [data-archbro-ui="next"] .next-review-list-row {gap:12px} } @media (prefers-reduced-motion:reduce) { [data-archbro-ui="next"] .ui-next-task-detail.is-drawer {scroll-behavior:auto} } [data-archbro-ui="next"] .ui-next-task-search input {font-size:13px;font-weight:400} [data-archbro-ui="next"] .ui-next-task-filter {font-size:12px;font-weight:500} [data-archbro-ui="next"] .ui-next-task-page-head {padding:0} [data-archbro-ui="next"] .ui-next-task-completed-toggle {margin-top:16px;border:0;background:transparent;color:var(--ui-next-muted);font:inherit;font-size:13px;cursor:pointer;padding:8px 0} [data-archbro-ui="next"] .ui-next-task-table-shell {border:1px solid var(--ui-next-line-soft);border-radius:8px} [data-archbro-ui="next"] .ui-next-task-table-head {padding:0 16px} [data-archbro-ui="next"] .ui-next-task-table th {background:var(--ui-next-surface-muted)} [data-archbro-ui="next"] .ui-next-task-table td {padding:12px 16px} [data-archbro-ui="next"] .ui-next-task-status {border-radius:999px;padding:3px 7px;white-space:nowrap;flex-shrink:0;max-width:100%;line-height:1.4} [data-archbro-ui="next"] .ui-next-task-status::before {display:none} [data-archbro-ui="next"] .ui-next-task-status.status-in_progress {background:var(--ui-next-accent-soft)} [data-archbro-ui="next"] .ui-next-task-status.status-blocked {background:var(--ui-next-warning-bg)} [data-archbro-ui="next"] .ui-next-task-status.status-todo {background:var(--ui-next-surface-muted)} [data-archbro-ui="next"].ui-next-ask-open {display:grid;grid-template-columns:minmax(0,1fr) var(--ask-drawer-width,392px)} [data-archbro-ui="next"].ui-next-ask-open #workspaceMain {grid-column:1} [data-archbro-ui="next"].ui-next-ask-open .topbar {width:100vw} [data-archbro-ui="next"] .ui-next-ask-drawer {grid-column:2;top:var(--workspace-topbar-height,64px);margin-top:0;height:calc(100dvh - var(--workspace-topbar-height,64px));box-shadow:none} [data-archbro-ui="next"] .ui-next-ask-header {min-height:50px;padding:10px 14px;background:var(--ui-next-surface)} [data-archbro-ui="next"] .ui-next-ask-header small {display:none} [data-archbro-ui="next"] .ui-next-ask-header h2 {font-size:16px} [data-archbro-ui="next"] .ui-next-ask-context {background:var(--ui-next-surface)} [data-archbro-ui="next"] .ui-next-ask-context-chip {font-size:12px;border:0;background:transparent;padding:2px 0} [data-archbro-ui="next"] .ui-next-ask-intro {border:0;background:transparent;padding:8px 0} [data-archbro-ui="next"] .ui-next-ask-intro>strong {font-size:14px;font-weight:600} [data-archbro-ui="next"] .ui-next-ask-intro>p {font-size:14px} [data-archbro-ui="next"] .ui-next-ask-suggestions {display:grid;gap:0} [data-archbro-ui="next"] .ui-next-ask-suggestion {border:0;border-radius:0;font-size:14px;padding:13px 4px;text-align:left} [data-archbro-ui="next"] .ui-next-ask-suggestion:hover {background:var(--ui-next-surface-muted)} [data-archbro-ui="next"] .ui-next-ask-message-copy {font-size:14px} [data-archbro-ui="next"] .ui-next-ask-message-meta {font-size:12px} [data-archbro-ui="next"] .ui-next-ask-composer textarea {font-size:14px} [data-archbro-ui="next"] .ui-next-ask-send {font-size:14px} @media (max-width:1180px) { [data-archbro-ui="next"].ui-next-ask-open {display:block} [data-archbro-ui="next"].ui-next-ask-open .topbar {width:100%} [data-archbro-ui="next"] .ui-next-ask-drawer {top:var(--workspace-topbar-height,64px);margin-top:0;height:calc(100dvh - var(--workspace-topbar-height,64px))} } @media (max-width:1050px) { } @media (max-width:800px) { [data-archbro-ui="next"] .ui-next-task-detail.is-drawer {top:var(--workspace-topbar-height,64px)} } @media (max-width:760px) { } [data-archbro-ui="next"].ui-next-ask-open #workspaceMain {overflow:visible} [data-archbro-ui="next"].ui-next-ask-open .topbar {max-width:none} [data-archbro-ui="next"][data-ui-next-route="overview"] #workspace {padding-top:20px} [data-archbro-ui="next"] .next-graph-node-label {font-size:16px} [data-archbro-ui="next"] .next-graph-node-kind,[data-archbro-ui="next"] .next-graph-node-source {font-size:14px} /* Review detail reads like a pull request: one header and tab row across the page, then the change rail beside the content. */ [data-archbro-ui="next"] .ui-next-review-root {grid-template-columns:272px minmax(0,1fr);column-gap:24px;row-gap:0;align-items:start;min-height:calc(100dvh - 112px)} [data-archbro-ui="next"] .ui-next-review-root.is-rail-hidden {grid-template-columns:40px minmax(0,1fr)} [data-archbro-ui="next"] .ui-next-review-root>:is(.next-review-header,.next-review-tabs) {grid-column:1/-1} [data-archbro-ui="next"] .next-review-header {display:flex;align-items:flex-start;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;padding:4px 0 16px;border:0;background:transparent} [data-archbro-ui="next"] .next-review-header-copy {display:grid;gap:8px;min-width:0;flex:1 1 480px} [data-archbro-ui="next"] .next-review-back-list {justify-self:start;min-height:28px;padding:0;border:0;background:transparent;color:var(--ui-next-muted);font:inherit;font-size:13px;font-weight:600;cursor:pointer} [data-archbro-ui="next"] .next-review-back-list:hover {color:var(--ui-next-accent)} [data-archbro-ui="next"] .next-review-title-row {margin:0} [data-archbro-ui="next"] .next-review-header h2 {margin:0;font-size:26px;font-weight:650;line-height:1.25} [data-archbro-ui="next"] .next-review-header-meta {display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;margin:0;color:var(--ui-next-muted);font-size:13px} [data-archbro-ui="next"] .next-review-header-meta>span:not(.next-review-status) {padding:0;border:0;background:transparent;font-size:13px} [data-archbro-ui="next"] .next-review-header-meta>span:not(.next-review-status)~span:not(.next-review-status)::before {content:"·";margin-right:10px} [data-archbro-ui="next"] .next-review-header-copy>p {margin:0;max-width:80ch;color:var(--ui-next-muted);font-size:14px;line-height:1.6} [data-archbro-ui="next"] .next-review-header-actions {display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto} [data-archbro-ui="next"] .next-review-header-actions button {min-height:36px;padding:0 14px;border-radius:var(--ui-next-radius-md);font-size:13px} [data-archbro-ui="next"] .next-review-tabs {display:flex;gap:4px;margin:0 0 20px;padding:0;border-bottom:1px solid var(--ui-next-line);background:transparent;overflow-x:auto} [data-archbro-ui="next"] .next-review-tabs button {display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0 0 -1px;padding:0 12px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--ui-next-muted);font-size:14px;font-weight:600} [data-archbro-ui="next"] .next-review-tabs button:hover {border-color:transparent;border-bottom-color:var(--ui-next-line);background:transparent;color:var(--ui-next-ink)} [data-archbro-ui="next"] .next-review-tabs button.is-active {border-color:transparent;border-bottom-color:var(--ui-next-accent);background:transparent;color:var(--ui-next-ink)} [data-archbro-ui="next"] :is(.next-review-tab-count,.next-review-context-rail>header h4 span) {min-width:22px;padding:0 7px;border-radius:999px;background:var(--ui-next-hover);color:var(--ui-next-muted);font-size:12px;font-weight:600;line-height:20px;text-align:center} [data-archbro-ui="next"] .next-review-context-rail {align-self:start;position:sticky;top:calc(var(--workspace-topbar-height,64px) + 16px);max-height:calc(100dvh - var(--workspace-topbar-height,64px) - 32px);min-width:0;padding:0;overflow:auto;border:1px solid var(--ui-next-line);border-radius:var(--ui-next-radius-md);background:var(--ui-next-surface)} [data-archbro-ui="next"] .next-review-context-rail>header {display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;margin:0;padding:0 8px 0 14px;border-bottom:1px solid var(--ui-next-line);background:var(--ui-next-surface-muted)} [data-archbro-ui="next"] .next-review-context-rail>header h4 {display:flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:650} [data-archbro-ui="next"] .next-review-context-rail>header>button {width:28px;height:28px;border:1px solid var(--ui-next-line);border-radius:6px;background:var(--ui-next-surface);color:var(--ui-next-ink);cursor:pointer} [data-archbro-ui="next"] .next-review-context-changes>p {margin:0;padding:14px;color:var(--ui-next-muted);font-size:13px} [data-archbro-ui="next"] .next-review-context-changes button {display:grid;gap:3px;width:100%;min-width:0;padding:10px 14px;border:0;border-bottom:1px solid var(--ui-next-line-soft);background:transparent;color:var(--ui-next-ink);font:inherit;text-align:left;cursor:pointer} [data-archbro-ui="next"] .next-review-context-changes button:hover {background:var(--ui-next-surface-muted)} [data-archbro-ui="next"] .next-review-context-changes button>span {color:var(--review-change-color,var(--ui-next-muted));font-size:11px;font-weight:600} [data-archbro-ui="next"] .next-review-context-changes button strong {font-size:13px;font-weight:600;overflow-wrap:anywhere} [data-archbro-ui="next"] .next-review-context-changes button small {color:var(--ui-next-muted);font-size:12px} [data-archbro-ui="next"] .next-review-context-changes button.is-selected {background:var(--ui-next-accent-soft);box-shadow:inset 3px 0 var(--ui-next-accent)} [data-archbro-ui="next"] .next-review-context-changes button:focus-visible {outline:2px solid var(--ui-next-accent);outline-offset:-2px} [data-archbro-ui="next"] .next-review-other-proposals {margin:0;padding:10px 14px;font-size:13px} [data-archbro-ui="next"] .next-review-other-proposals summary {color:var(--ui-next-muted);font-weight:600;cursor:pointer} [data-archbro-ui="next"] .next-review-other-proposals .next-review-proposal-list {padding:6px 0 0;max-height:none} [data-archbro-ui="next"] .next-review-context-rail.is-hidden {overflow:visible;border:0;background:transparent} [data-archbro-ui="next"] .next-review-context-rail.is-hidden>:not(header),[data-archbro-ui="next"] .next-review-context-rail.is-hidden>header h4 {display:none} [data-archbro-ui="next"] .next-review-context-rail.is-hidden>header {justify-content:center;padding:0;border:0;background:transparent} [data-archbro-ui="next"] .next-review-main {display:grid;gap:16px;align-content:start;min-width:0;overflow:visible;border:0;border-radius:0;background:transparent} [data-archbro-ui="next"] .next-review-content {padding:0;background:transparent} [data-archbro-ui="next"] .next-review-architecture-toolbar {align-items:center} [data-archbro-ui="next"] .next-review-compare-menu>summary {min-height:32px;padding:0 12px;border-radius:var(--ui-next-radius-md);font-size:13px} [data-archbro-ui="next"] .next-review-compare-menu>div {top:38px} [data-archbro-ui="next"] .next-review-legend {gap:6px} [data-archbro-ui="next"] .next-review-legend span {padding:3px 9px;font-size:12px;line-height:18px} [data-archbro-ui="next"] .next-review-graph-pane>header {padding:8px 12px} /* Decisions sit above the evidence so Approve, Reject and Accept are visible without scrolling past the diagram. */ [data-archbro-ui="next"] .next-review-decision-bar {margin:0;padding:10px 12px 10px 16px;border-radius:var(--ui-next-radius-md);background:var(--ui-next-surface-muted)} [data-archbro-ui="next"] .next-review-decision-bar button {min-height:36px;font-size:13px} @media (pointer:fine) { [data-archbro-ui="next"] .next-review-graph-pane header button {min-width:32px;min-height:32px} } @media (max-width:1050px) { [data-archbro-ui="next"] .ui-next-review-root {grid-template-columns:232px minmax(0,1fr);column-gap:16px} } @media (max-width:760px) { [data-archbro-ui="next"] .ui-next-review-root,[data-archbro-ui="next"] .ui-next-review-root.is-rail-hidden {grid-template-columns:minmax(0,1fr)} [data-archbro-ui="next"] .next-review-context-rail {position:static;max-height:none;margin-bottom:16px} [data-archbro-ui="next"] .next-review-context-changes {max-height:200px;overflow:auto} [data-archbro-ui="next"] .next-review-header-copy {flex:none} [data-archbro-ui="next"] .next-review-list-row {grid-template-columns:14px minmax(0,1fr)} [data-archbro-ui="next"] .next-review-list-side {grid-column:2;flex-wrap:wrap;white-space:normal} [data-archbro-ui="next"] .next-review-header-actions {justify-content:flex-start;flex-wrap:wrap} [data-archbro-ui="next"] .next-review-tabs {margin-bottom:12px} } /* V41 Settings is a routed page. The existing account form is nonmodal in-page. */ [data-archbro-ui="next"][data-ui-next-route="settings"] #workspace {padding:0;overflow:auto} [data-archbro-ui="next"][data-ui-next-route="settings"] #pageTitle, [data-archbro-ui="next"][data-ui-next-route="settings"] #pageSubtitle {display:none} [data-archbro-ui="next"] #workspace .v41-settings-page {width:min(768px,100%);max-width:768px;margin:0 auto;padding:0 24px 40px;min-height:calc(100dvh - 56px);background:transparent;border:0;border-radius:0} [data-archbro-ui="next"] #accountSettingsDialog[data-in-page="true"] {position:static;inset:auto;transform:none;display:none;width:100%;max-width:none;height:auto;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--ui-next-ink);box-shadow:none;overflow:visible} [data-archbro-ui="next"] #accountSettingsDialog[data-in-page="true"][open] {display:block} [data-archbro-ui="next"] #accountSettingsDialog[data-in-page="true"] #accountSettingsForm {display:block;height:auto;min-height:0;overflow:visible} [data-archbro-ui="next"] #accountSettingsDialog[data-in-page="true"] .dialog-head {display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:34px 0 24px;border-bottom:1px solid var(--ui-next-line);background:transparent} [data-archbro-ui="next"] #accountSettingsDialog[data-in-page="true"] .dialog-head small {display:block;font-size:11px;color:var(--ui-next-muted);margin-bottom:7px;text-transform:none;letter-spacing:0} [data-archbro-ui="next"] #accountSettingsDialog[data-in-page="true"] .dialog-head h3 {margin:0;font-size:28px;line-height:1.25;letter-spacing:-.55px} [data-archbro-ui="next"] .v41-settings-subtitle {margin:7px 0 0;font-size:14px;line-height:1.55;color:var(--ui-next-muted)} [data-archbro-ui="next"] #accountSettingsDialog[data-in-page="true"] .dialog-close {min-height:44px;width:auto;height:auto;flex:none;padding:7px 0;border:0;background:transparent;font-size:12px;color:var(--ui-next-muted);white-space:nowrap} [data-archbro-ui="next"] #accountSettingsDialog[data-in-page="true"] .settings-nav {display:flex;flex-wrap:wrap;gap:20px;padding:0;overflow:visible;border:0;border-bottom:1px solid var(--ui-next-line-soft);background:transparent} [data-archbro-ui="next"] #accountSettingsDialog[data-in-page="true"] .settings-nav button {min-width:0;min-height:44px;width:auto;display:flex;gap:0;padding:10px 0;border:0;border-radius:0;background:transparent;font-size:12px;color:var(--ui-next-muted);font-weight:500} [data-archbro-ui="next"] #accountSettingsDialog[data-in-page="true"] .settings-nav button.active {font-weight:650;color:var(--ui-next-ink);box-shadow:inset 0 -2px var(--ui-next-accent)} [data-archbro-ui="next"] #accountSettingsDialog[data-in-page="true"] .settings-nav button svg {display:none} [data-archbro-ui="next"] #accountSettingsDialog[data-in-page="true"] .settings-nav button>span {font:inherit;width:auto;text-align:left;overflow-wrap:normal} [data-archbro-ui="next"] #accountSettingsDialog[data-in-page="true"] #settingsPanel {padding:0;overflow:visible;background:transparent;max-width:none} [data-archbro-ui="next"] .v41-settings-group {display:grid;grid-template-columns:180px minmax(0,1fr);gap:34px;padding:28px 0;border-bottom:1px solid var(--ui-next-line)} [data-archbro-ui="next"] .v41-settings-group h2 {font-size:18px;font-weight:650;margin:2px 0 0} [data-archbro-ui="next"] .v41-settings-row {display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:center;gap:30px;min-height:64px;padding:12px 0;border-bottom:1px solid var(--ui-next-line-soft);margin:0} [data-archbro-ui="next"] .v41-settings-row:last-child {border-bottom:0} [data-archbro-ui="next"] .v41-settings-row>span {min-width:0} [data-archbro-ui="next"] .v41-settings-row strong {font-size:14px;font-weight:600;display:block} [data-archbro-ui="next"] .v41-settings-row small {display:block;font-size:12px;line-height:1.5;color:var(--ui-next-muted);margin-top:3px} [data-archbro-ui="next"] .v41-settings-row select {width:100%;height:44px;padding:6px 10px;font-size:12px;border:1px solid var(--ui-next-line);border-radius:6px;background:var(--ui-next-surface);color:var(--ui-next-ink)} [data-archbro-ui="next"] .v41-settings-row select[hidden] {display:none} [data-archbro-ui="next"] .v41-settings-segmented {display:grid;grid-template-columns:repeat(3,1fr);padding:3px;border:1px solid var(--ui-next-line);border-radius:6px;background:var(--ui-next-surface-muted)} [data-archbro-ui="next"] .v41-settings-segmented button {min-height:44px;border:0;border-radius:4px;background:transparent;font-size:12px;color:var(--ui-next-muted);cursor:pointer} [data-archbro-ui="next"] .v41-settings-segmented button[aria-checked="true"] {background:var(--ui-next-surface);color:var(--ui-next-ink);box-shadow:0 0 0 1px var(--ui-next-line)} [data-archbro-ui="next"] .v41-settings-extra {margin-top:14px;font-size:12px;color:var(--ui-next-muted)} [data-archbro-ui="next"] .v41-settings-extra summary {cursor:pointer} [data-archbro-ui="next"] .v41-settings-extra .settings-lens-group {display:flex;gap:8px;margin-top:12px} [data-archbro-ui="next"] .v41-settings-extra button {flex:1;border:1px solid var(--ui-next-line);border-radius:6px;padding:8px;font-size:12px} [data-archbro-ui="next"] #accountSettingsDialog[data-in-page="true"] .dialog-actions {padding:18px 0;position:static;border:0;background:transparent;gap:16px} [data-archbro-ui="next"] #accountSettingsDialog[data-in-page="true"] .settings-section-heading:not(.sr-only) {padding:28px 0 20px} [data-archbro-ui="next"] #accountSettingsDialog[data-in-page="true"] .settings-fields, [data-archbro-ui="next"] #accountSettingsDialog[data-in-page="true"] .settings-methods {max-width:650px} [data-archbro-ui="next"] .v41-settings-segmented button:focus-visible, [data-archbro-ui="next"] .v41-settings-page button:focus-visible {outline:2px solid var(--ui-next-accent);outline-offset:3px} /* Ask keeps V41's right-hand floating drawer, compact context and conversation. */ [data-archbro-ui="next"] .ui-next-ask-header h2 {font-size:13px} [data-archbro-ui="next"] .ui-next-ask-title-wrap {display:flex;align-items:center;gap:8px} [data-archbro-ui="next"] .ui-next-ask-title-wrap::before {content:'✧';display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:var(--ui-next-accent-soft);color:var(--ui-next-accent);font-size:20px} [data-archbro-ui="next"] .ui-next-ask-header-button {min-width:44px;width:44px;height:44px;padding:0;font-size:17px;border:0;background:transparent;color:var(--ui-next-muted)} [data-archbro-ui="next"] .ui-next-ask-context {height:38px;min-height:38px;padding:0 12px;display:flex;align-items:center;border-bottom:1px solid var(--ui-next-line-soft)} [data-archbro-ui="next"] .ui-next-ask-context-label {display:none} [data-archbro-ui="next"] .ui-next-ask-context-chips {display:flex;align-items:center;gap:7px;flex-wrap:nowrap;min-width:0;width:100%} [data-archbro-ui="next"] .ui-next-ask-context-chip {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} [data-archbro-ui="next"] .ui-next-ask-context-chip:first-child {font-weight:600} [data-archbro-ui="next"] .ui-next-ask-context-chip:last-child:not(:first-child) {font-family:monospace;color:var(--ui-next-muted);font-size:9px;flex:none} [data-archbro-ui="next"] .ui-next-ask-body {padding:14px 12px 20px} [data-archbro-ui="next"] .ui-next-ask-intro>strong {font-size:17px;color:var(--ui-next-ink);font-weight:650} [data-archbro-ui="next"] .ui-next-ask-intro>p {display:block;font-size:14px;line-height:1.55;max-width:68ch} [data-archbro-ui="next"] .ui-next-ask-suggestion {display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;min-height:44px;padding:7px 9px;border-radius:7px;margin-top:4px} [data-archbro-ui="next"] .ui-next-ask-suggestion-arrow {color:var(--ui-next-muted);opacity:.5} [data-archbro-ui="next"] .ui-next-ask-composer {position:relative;margin:10px 11px 11px;padding:7px 7px 6px;border:1px solid var(--ui-next-line);border-radius:11px;background:var(--ui-next-surface)} [data-archbro-ui="next"] .ui-next-ask-composer:focus-within {border-color:var(--ui-next-accent)} [data-archbro-ui="next"] .ui-next-ask-input {width:100%;border:0;background:transparent;outline:0;box-shadow:none;min-height:68px;resize:none;padding:8px;font-size:14px;line-height:1.55} [data-archbro-ui="next"] .ui-next-ask-composer-hint {font-size:12px} [data-archbro-ui="next"] .ui-next-ask-send {width:44px;height:44px;min-height:44px;padding:0;border-radius:8px;font-size:18px} @media(max-width:760px) { [data-archbro-ui="next"] .v41-settings-page {padding:0 20px 40px} [data-archbro-ui="next"] .v41-settings-group {grid-template-columns:150px minmax(0,1fr);gap:24px} [data-archbro-ui="next"] .v41-settings-row {grid-template-columns:minmax(0,1fr) 200px;gap:16px} } @media(max-width:620px) { [data-archbro-ui="next"] .v41-settings-page {padding:0 16px 40px} [data-archbro-ui="next"] #accountSettingsDialog[data-in-page="true"] .dialog-head {display:block;padding:22px 0} [data-archbro-ui="next"] #accountSettingsDialog[data-in-page="true"] .dialog-head h3 {font-size:25px} [data-archbro-ui="next"] #accountSettingsDialog[data-in-page="true"] .dialog-close {margin-top:14px} [data-archbro-ui="next"] #accountSettingsDialog[data-in-page="true"] .settings-nav {gap:16px} [data-archbro-ui="next"] .v41-settings-group {display:block;padding:24px 0} [data-archbro-ui="next"] .v41-settings-group h2 {margin-bottom:14px} [data-archbro-ui="next"] .v41-settings-row {grid-template-columns:1fr;gap:9px;padding:12px 0} } [data-archbro-ui="next"] #accountSettingsDialog[data-in-page="true"] .settings-nav {flex-direction:row;align-items:center} [data-archbro-ui="next"] #accountSettingsDialog[data-in-page="true"] .settings-nav button {flex:0 0 auto} [data-archbro-ui="next"] #accountSettingsDialog[data-in-page="true"] #settingsPanel .v41-settings-group h2 {font-size:18px;line-height:1.5;font-weight:650;letter-spacing:0} [data-archbro-ui="next"] #accountSettingsDialog[data-in-page="true"] #settingsPanel .v41-settings-row {font-weight:400;letter-spacing:0;text-transform:none} [data-archbro-ui="next"] #accountSettingsDialog[data-in-page="true"] #settingsPanel .v41-settings-row strong {font-size:14px;font-weight:600;letter-spacing:0;color:var(--ui-next-ink)} [data-archbro-ui="next"] #accountSettingsDialog[data-in-page="true"] #settingsPanel .v41-settings-row small {font-size:12px;line-height:1.5;font-weight:400;letter-spacing:0;color:var(--ui-next-muted)} [data-archbro-ui="next"] #accountSettingsDialog[data-in-page="true"] .dialog-head small {font-size:13px;font-weight:600;letter-spacing:0} [data-archbro-ui="next"][data-ui-next-route="settings"] .ui-next-project-switcher-trigger, [data-archbro-ui="next"][data-ui-next-route="settings"] #uiNextSearchButton, [data-archbro-ui="next"][data-ui-next-route="settings"] #notificationBtn {display:none} [data-archbro-ui="next"].ui-next-ask-open {display:block} [data-archbro-ui="next"].ui-next-ask-open #workspaceMain {width:calc(100% - var(--ask-drawer-width,400px));overflow:visible} [data-archbro-ui="next"].ui-next-ask-open .topbar {width:100vw} [data-archbro-ui="next"] .ui-next-ask-drawer {position:fixed;inset:var(--workspace-topbar-height,64px) 0 0 auto;margin:0;height:calc(100dvh - var(--workspace-topbar-height,64px));width:var(--ask-drawer-width,400px);z-index:100} [data-archbro-ui="next"] .ui-next-ask-input:focus {outline:0;box-shadow:none;border:0} [data-archbro-ui="next"] .ui-next-ask-send {min-width:28px;max-width:28px;justify-self:end} [data-archbro-ui="next"] .ui-next-ask-suggestion {font-weight:560;color:var(--ui-next-ink)} [data-archbro-ui="next"] .ui-next-text-action {color:var(--ui-next-accent);text-decoration:none;font-weight:500} [data-archbro-ui="next"] .ui-next-task-summary>.ui-next-overview-section-heading p {display:none} /* A task opened while Ask is open sits beside Ask instead of under it (#workspace isolates its layers, so it cannot rise above Ask). */ @media(min-width:1101px) { [data-archbro-ui="next"].ui-next-ask-open .ui-next-task-detail.is-drawer {right:var(--ask-drawer-width,400px);width:min(500px,calc(100vw - var(--ask-drawer-width,400px)))} } @media(min-width:801px) and (max-width:1100px) { [data-archbro-ui="next"].ui-next-ask-open .ui-next-task-detail.is-drawer {right:clamp(340px,min(var(--ask-drawer-width,400px),44vw),420px);width:min(500px,calc(100vw - clamp(340px,min(var(--ask-drawer-width,400px),44vw),420px)))} } @media(min-width:801px) and (max-width:1100px) { [data-archbro-ui="next"].ui-next-ask-open #workspaceMain {width:100%} [data-archbro-ui="next"] .ui-next-ask-drawer {top:var(--workspace-topbar-height,64px);height:calc(100dvh - var(--workspace-topbar-height,64px));z-index:100;width:min(var(--ask-drawer-width,400px),44vw);min-width:340px;max-width:420px} } @media(max-width:800px) { [data-archbro-ui="next"].ui-next-ask-open #workspaceMain {width:100%} [data-archbro-ui="next"] .ui-next-ask-drawer {width:min(var(--ask-drawer-width,400px),calc(100vw - 48px));max-width:calc(100vw - 48px)} } @media(max-width:620px) { [data-archbro-ui="next"] .ui-next-ask-drawer {top:var(--workspace-topbar-height,64px);height:calc(100dvh - var(--workspace-topbar-height,64px));width:100vw;min-width:0;max-width:none} [data-archbro-ui="next"] .ui-next-ask-resizer {display:none} } [data-archbro-ui="next"][data-ui-next-route="settings"] #workspaceSwitcherBtn {display:none} [data-archbro-ui="next"][data-ui-next-route="settings"] .brand::after {content:"";border:0;padding:0;margin:0} [data-archbro-ui="next"] .v41-settings-top-context {font-size:13px;color:var(--ui-next-muted)} [data-archbro-ui="next"] .v41-settings-top-context[hidden] {display:none} [data-archbro-ui="next"] .ui-next-ask-scrim {display:none!important} @media(max-width:800px) { [data-archbro-ui="next"] .ui-next-ask-drawer {z-index:100} [data-archbro-ui="next"][data-ui-next-route="settings"] .topbar {height:56px;min-height:56px;flex:0 0 56px;flex-wrap:nowrap;grid-template-rows:56px} } [data-archbro-ui="next"][data-ui-next-route="project-settings"] #workspace {padding:0;overflow:auto} [data-archbro-ui="next"] #editProjectDialog[data-in-page="true"] {position:static;inset:auto;display:none;width:100%;max-width:none;height:auto;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:var(--ui-next-surface);color:var(--ui-next-ink);box-shadow:none;overflow:visible} [data-archbro-ui="next"] #editProjectDialog[data-in-page="true"][open] {display:block} [data-archbro-ui="next"] #editProjectDialog[data-in-page="true"] .dialog-head {display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:34px 0 24px;margin:0;border-bottom:1px solid var(--ui-next-line)} [data-archbro-ui="next"] #editProjectDialog[data-in-page="true"] .dialog-head small {display:block;font-size:11px;text-transform:uppercase;color:var(--ui-next-muted);margin-bottom:7px} [data-archbro-ui="next"] #editProjectDialog[data-in-page="true"] .dialog-head h3 {font-size:28px;margin:0;letter-spacing:-.55px} [data-archbro-ui="next"] #editProjectDialog[data-in-page="true"] .dialog-close {min-height:44px;width:auto;height:auto;flex:none;padding:7px 0;border:0;background:transparent;font-size:12px;color:var(--ui-next-muted);white-space:nowrap} [data-archbro-ui="next"] .v41-project-source {max-width:620px} [data-archbro-ui="next"] .v41-project-source dl {margin:0} [data-archbro-ui="next"] .v41-project-source dl>div {display:grid;grid-template-columns:110px minmax(0,1fr);gap:18px;padding:10px 0;border-bottom:1px solid var(--ui-next-line-soft);font-size:13px} [data-archbro-ui="next"] .v41-project-source dd {margin:0;overflow-wrap:anywhere} [data-archbro-ui="next"] .v41-project-source dd a {color:var(--ui-next-accent);text-decoration:none} [data-archbro-ui="next"] .v41-project-source dd a:hover {text-decoration:underline} [data-archbro-ui="next"] .v41-project-source dd a[title] {font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace} [data-archbro-ui="next"] .v41-project-source dt {color:var(--ui-next-muted)} [data-archbro-ui="next"] .v41-project-source-note {margin:12px 0 0;color:var(--ui-next-muted);font-size:12px;line-height:1.5} [data-archbro-ui="next"] #editProjectDialog[data-in-page="true"] form>label {display:grid;grid-template-columns:180px minmax(0,1fr);gap:34px;margin:0;padding:24px 0;align-items:start;font-size:14px;font-weight:600;color:var(--ui-next-ink);border-bottom:1px solid var(--ui-next-line-soft);letter-spacing:0} [data-archbro-ui="next"] #editProjectDialog[data-in-page="true"] input, [data-archbro-ui="next"] #editProjectDialog[data-in-page="true"] textarea, [data-archbro-ui="next"] #editProjectDialog[data-in-page="true"] select {font-size:13px;font-weight:400;padding:10px;border:1px solid var(--ui-next-line);border-radius:6px;background:var(--ui-next-surface);color:var(--ui-next-ink);margin:0} [data-archbro-ui="next"] #editProjectDialog[data-in-page="true"] .dialog-hint {background:transparent;border:0;margin:0;padding:0 0 16px 214px;font-size:12px;line-height:1.5;color:var(--ui-next-muted)} [data-archbro-ui="next"] #editProjectDialog[data-in-page="true"] .dialog-actions {padding:24px 0;gap:12px} [data-archbro-ui="next"] .v41-project-settings-panel .v41-project-danger-zone:not([hidden]) {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;max-width:620px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--ui-next-danger) 45%,var(--ui-next-line-soft));border-radius:10px} [data-archbro-ui="next"] .v41-project-danger-zone h4 {margin:0 0 6px;font-size:14px;color:var(--ui-next-ink)} [data-archbro-ui="next"] .v41-project-danger-zone p {margin:0;max-width:520px;font-size:12px;line-height:1.6;color:var(--ui-next-muted)} [data-archbro-ui="next"] .v41-project-danger-zone .danger-btn {min-height:44px;background:transparent;border:1px solid var(--ui-next-danger);color:var(--ui-next-danger)} [data-archbro-ui="next"] .v41-project-danger-zone .danger-btn:hover {background:color-mix(in srgb,var(--ui-next-danger) 10%,var(--ui-next-surface))} @media(max-width:620px) { [data-archbro-ui="next"] #editProjectDialog[data-in-page="true"] form>label {grid-template-columns:1fr;gap:9px} [data-archbro-ui="next"] #editProjectDialog[data-in-page="true"] .dialog-hint {padding:0 0 16px} [data-archbro-ui="next"] .v41-project-settings-panel .v41-project-danger-zone:not([hidden]) {grid-template-columns:1fr;gap:14px} [data-archbro-ui="next"] .v41-project-danger-zone .danger-btn {justify-self:start} } /* Keep the full-width V41 toolbar above the right-hand conversation. */ [data-archbro-ui="next"] .ui-next-ask-input:focus-visible {outline:0;box-shadow:none} [data-archbro-ui="next"] .ui-next-ask-composer:focus-within {box-shadow:0 0 0 1px var(--ui-next-accent)} @media(max-width:800px) { [data-archbro-ui="next"].ui-next-ask-open .topbar {width:100%} } /* Overview work is a section; task-detail metadata retains its flex layout. */ #workspaceShell[data-archbro-ui="next"] .ui-next-overview-section.ui-next-task-summary{display:block} /* Ask intents: three compact chips above the composer; free text stays primary. */ [data-archbro-ui="next"] .ui-next-ask-intro>p {margin:0;font-size:13px;line-height:1.5;color:var(--ui-next-muted)} [data-archbro-ui="next"] .ui-next-ask-quick-intents {display:flex;flex-wrap:wrap;gap:6px;padding:2px 2px 4px} [data-archbro-ui="next"] .ui-next-ask-quick-intent {min-height:30px;padding:3px 10px;border:1px solid var(--ui-next-line);border-radius:999px;background:var(--ui-next-surface);color:var(--ui-next-ink);font-size:12px;cursor:pointer} [data-archbro-ui="next"] .ui-next-ask-quick-intent:hover:not(:disabled) {border-color:var(--ui-next-accent);color:var(--ui-next-accent)} [data-archbro-ui="next"] .ui-next-ask-quick-intent[aria-pressed="true"] {border-color:var(--ui-next-accent);background:var(--ui-next-accent-soft);color:var(--ui-next-accent)} [data-archbro-ui="next"] .ui-next-ask-quick-intent:disabled {opacity:.5;cursor:default} /* Ask drawer buttons use the shared SVG icons rather than text glyphs. */ [data-archbro-ui="next"] :is(.ui-next-ask-header-button,.ui-next-ask-send)>.ui-icon{width:18px;height:18px} [data-archbro-ui="next"] .ui-next-ask-suggestion-arrow>.ui-icon{width:14px;height:14px} /* Clear filters is a quiet text action beside the filters, not an empty-looking box under the search field. */ [data-archbro-ui="next"] .ui-next-task-toolbar>.ui-next-task-secondary{justify-self:start;min-height:39px;padding:0 8px;border-color:transparent;background:transparent;color:var(--ui-next-accent);font-size:13px;font-weight:600} [data-archbro-ui="next"] .ui-next-task-toolbar>.ui-next-task-secondary:disabled{color:var(--ui-next-muted)} @media(min-width:1181px){[data-archbro-ui="next"] .ui-next-task-toolbar{grid-template-columns:minmax(180px,1.4fr) repeat(3,minmax(120px,.7fr)) auto auto}} @media(max-width:760px){[data-archbro-ui="next"] .ui-next-task-toolbar>.ui-next-task-secondary{min-height:44px}} /* Project Settings tab: a section menu beside one section at a time, like a GitHub repository's settings. */ [data-archbro-ui="next"] #workspace .v41-project-settings-page {width:min(1040px,100%);max-width:1040px} [data-archbro-ui="next"] .v41-project-settings-head {padding:32px 0 20px} [data-archbro-ui="next"] .v41-project-settings-head h2 {margin:0;font-size:26px;line-height:1.25;letter-spacing:-.4px} [data-archbro-ui="next"] .v41-project-settings-head p {margin:4px 0 0;font-size:14px;color:var(--ui-next-muted);overflow-wrap:anywhere} [data-archbro-ui="next"] .v41-project-settings-layout {display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px;align-items:start} [data-archbro-ui="next"] .v41-project-settings-menu {position:sticky;top:12px;display:grid;gap:2px} [data-archbro-ui="next"] .v41-project-settings-menu button {min-height:40px;padding:8px 12px;border:0;border-radius:7px;background:transparent;color:var(--ui-next-ink);font-size:14px;text-align:left;cursor:pointer} [data-archbro-ui="next"] .v41-project-settings-menu button:hover {background:var(--ui-next-hover)} [data-archbro-ui="next"] .v41-project-settings-menu button[aria-current="true"] {background:var(--ui-next-accent-soft);font-weight:650;box-shadow:inset 3px 0 var(--ui-next-accent)} [data-archbro-ui="next"] .v41-project-settings-menu button.danger {color:var(--ui-next-danger)} [data-archbro-ui="next"] .v41-project-settings-menu button[data-unsaved="true"]::after {content:"";display:inline-block;width:7px;height:7px;margin-left:8px;border-radius:50%;background:var(--ui-next-accent);vertical-align:middle} [data-archbro-ui="next"] .v41-project-settings-menu button[hidden] {display:none} [data-archbro-ui="next"] .v41-project-settings-panel {min-width:0} [data-archbro-ui="next"] .v41-project-settings-panel[hidden] {display:none} /* The section menu already names the open section, so its heading stays for screen readers only. */ [data-archbro-ui="next"] .v41-project-settings-panel>h3 {position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap} [data-archbro-ui="next"] .v41-project-settings-panel .v41-project-source, [data-archbro-ui="next"] .v41-project-settings-panel .v41-project-danger-zone {margin-top:16px} [data-archbro-ui="next"] .v41-project-settings-panel #editProjectDialog[data-in-page="true"] {background:transparent} [data-archbro-ui="next"] .v41-project-settings-panel #editProjectDialog[data-in-page="true"] .dialog-head {display:none} [data-archbro-ui="next"] .v41-project-settings-panel #editProjectDialog[data-in-page="true"] form>label {grid-template-columns:170px minmax(0,1fr);gap:24px;padding:18px 0} [data-archbro-ui="next"] .v41-project-settings-panel #editProjectDialog[data-in-page="true"] .dialog-hint {padding-left:194px} [data-archbro-ui="next"] #sharingDialog[data-in-page="true"] {position:static;inset:auto;display:none;width:100%;max-width:620px;height:auto;max-height:none;margin:16px 0 0;padding:0;border:0;border-radius:0;background:transparent;color:var(--ui-next-ink);box-shadow:none;overflow:visible} [data-archbro-ui="next"] #sharingDialog[data-in-page="true"][open] {display:block} [data-archbro-ui="next"] #sharingDialog[data-in-page="true"] .dialog-head {display:none} [data-archbro-ui="next"] #sharingDialog[data-in-page="true"] #sharingContent {padding-top:0} [data-archbro-ui="next"] #sharingDialog[data-in-page="true"] :is(input,select) {border-color:var(--ui-next-line);background:var(--ui-next-surface);color:var(--ui-next-ink)} [data-archbro-ui="next"] #sharingDialog[data-in-page="true"] .sharing-row {border-color:var(--ui-next-line-soft)} [data-archbro-ui="next"] #sharingDialog[data-in-page="true"] .muted {color:var(--ui-next-muted)} /* Collaborators: the people with access, then one invite row (email, role, Invite) and a one-line note. */ [data-archbro-ui="next"] #sharingDialog[data-in-page="true"] h4 {margin:0 0 4px;font-size:13px;font-weight:650;color:var(--ui-next-muted)} [data-archbro-ui="next"] #sharingDialog[data-in-page="true"] .sharing-row {display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:10px 0} [data-archbro-ui="next"] #sharingDialog[data-in-page="true"] .sharing-row>p {margin:0;flex:1 1 160px;font-size:13px;color:var(--ui-next-muted)} [data-archbro-ui="next"] #sharingDialog[data-in-page="true"] .sharing-row>p.muted {flex-basis:100%;order:9;font-size:12px} [data-archbro-ui="next"] #sharingDialog[data-in-page="true"] .sharing-row>:is(button,select) {margin:0} [data-archbro-ui="next"] #sharingDialog[data-in-page="true"] .sharing-row>button {min-height:40px;padding:0 12px;font-size:13px} [data-archbro-ui="next"] #sharingDialog[data-in-page="true"] form {grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:6px 10px;margin:20px 0 0} [data-archbro-ui="next"] #sharingDialog[data-in-page="true"] form label {display:block;margin:0 0 6px;font-size:13px;font-weight:600} [data-archbro-ui="next"] #sharingDialog[data-in-page="true"] form input {margin:0} [data-archbro-ui="next"] #sharingDialog[data-in-page="true"] form select {width:auto} [data-archbro-ui="next"] #sharingDialog[data-in-page="true"] form>button {grid-column:auto;margin:0;min-height:44px} [data-archbro-ui="next"] #sharingDialog[data-in-page="true"] form>p {grid-column:1/-1;margin:0;font-size:12px} @media(max-width:620px) { [data-archbro-ui="next"] #sharingDialog[data-in-page="true"] form {grid-template-columns:minmax(0,1fr) auto} [data-archbro-ui="next"] #sharingDialog[data-in-page="true"] form>div:first-child {grid-column:1/-1} [data-archbro-ui="next"] #sharingDialog[data-in-page="true"] form select {width:100%} } @media(max-width:760px) { [data-archbro-ui="next"] .v41-project-settings-layout {grid-template-columns:1fr;gap:16px} [data-archbro-ui="next"] .v41-project-settings-menu {position:static;display:flex;gap:4px;overflow-x:auto;scrollbar-width:thin} [data-archbro-ui="next"] .v41-project-settings-menu button {flex:none;white-space:nowrap} [data-archbro-ui="next"] .v41-project-settings-menu button[aria-current="true"] {box-shadow:inset 0 -2px var(--ui-next-accent)} [data-archbro-ui="next"] .v41-project-settings-head {padding:22px 0 14px} [data-archbro-ui="next"] .v41-project-settings-head h2 {font-size:22px} [data-archbro-ui="next"] .v41-project-settings-panel #editProjectDialog[data-in-page="true"] form>label {grid-template-columns:1fr;gap:9px} [data-archbro-ui="next"] .v41-project-settings-panel #editProjectDialog[data-in-page="true"] .dialog-hint {padding-left:0} } /* Phones zoom into any field under 16px when it is tapped; settings fields stay at 16px there. */ @media(max-width:620px) { [data-archbro-ui="next"] :is(#editProjectDialog,#accountSettingsDialog,#sharingDialog)[data-in-page="true"] :is(input,select,textarea) {font-size:16px} } /* All four settings sections fit one row on a 360px phone instead of cutting off "Danger zone". */ @media(max-width:620px) { [data-archbro-ui="next"] .v41-project-settings-menu button {padding:8px 9px;font-size:13px} }