/* Task and access surfaces share compact spacing and explicit button geometry. */
.work-board {--work-muted:#756780; --work-ink:#3b2d4d; color:var(--work-ink)}
.work-board .work-heading {gap:16px;flex-wrap:nowrap;align-items:center}
.work-board .work-page-heading {margin-bottom:24px;align-items:flex-start}
.work-board h1 {margin:0;font-size:24px;line-height:1.4;font-weight:600;letter-spacing:0}
.work-board h2 {margin:0;font-size:16px;line-height:1.5;font-weight:600}
.work-heading p {margin:6px 0 0;font-size:13px;line-height:1.6;color:var(--work-muted,var(--muted))}
.work-button,.work-form button,.work-heading>.secondary,.work-heading>.primary {
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;
  padding:9px 16px;border-radius:8px;font-size:13px;line-height:20px;white-space:nowrap;flex-shrink:0
}
.work-button svg,.work-form button svg,.work-heading>button svg {width:16px;height:16px;flex-shrink:0}
.work-board .secondary {background:var(--paper);border:1px solid #d9cce8;color:#674688}
.work-board button:hover {filter:brightness(.98)}
.work-count {display:inline-flex;justify-content:center;align-items:center;min-width:18px;font-size:11px;font-weight:400;line-height:20px;color:var(--work-muted)}
.work-list-section {margin:0 0 28px}
.work-filters {display:flex;gap:24px;overflow-x:auto;border-bottom:1px solid var(--line)}
.work-filters button {display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 0 12px;font-size:13px;color:var(--work-muted);border-bottom:2px solid transparent;border-radius:0;margin-bottom:-1px;white-space:nowrap}
.work-filters button[aria-pressed=true] {border-color:var(--violet);color:var(--violet-deep);font-weight:600}
.work-empty {display:flex;align-items:center;gap:16px;padding:28px 8px;min-height:112px}
.work-empty>svg {width:28px;height:28px;color:#9684aa;flex-shrink:0}
.work-empty strong {font-size:14px;font-weight:500;line-height:1.6}
.work-empty p,.work-hint {margin:6px 0 0;font-size:12px;line-height:1.7;color:var(--work-muted)}
.work-board .activity-row {padding:16px 8px;align-items:center;gap:12px;border-radius:6px;border-bottom:1px solid var(--line)}
.work-board .activity-info {flex:1;min-width:0;gap:4px}
.work-board .activity-info strong {font-size:14px;line-height:1.6;color:var(--work-ink)}
.work-board .activity-info>span {font-size:12px;line-height:1.6;color:var(--work-muted)}
.work-board .activity-icon {width:36px;height:36px;border-radius:10px}
.work-board .activity-icon svg {width:18px;height:18px}
.work-board .chev {width:16px;height:16px;flex-shrink:0;color:#917da4;margin-left:auto}
.work-status {font-size:11px;line-height:20px;background:var(--wash);border:1px solid var(--line);border-radius:6px;padding:2px 8px;white-space:nowrap;color:#756182}
.work-records {margin:24px 0 0;border-top:1px solid var(--line);padding-top:16px}
.work-records>summary {display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;color:#756780}
.work-records>summary:before {content:'›';font-size:20px;line-height:20px}
.work-records[open]>summary:before {transform:rotate(90deg)}
.work-records>summary::-webkit-details-marker {display:none}
.work-records>summary>span {margin-left:auto;font-size:12px}
.work-records .activity-info {flex:1}
.work-section {margin:20px 0;padding-top:12px}
.work-section h2 {margin:0 0 12px}
.work-form .secondary {color:#674688}
.work-section .work-notice>span {min-width:0;overflow-wrap:anywhere}

.profile-panel[data-panel=permissions] .profile-identity {padding:44px 0 16px}
.profile-panel[data-panel=permissions] .portrait-wrap {width:88px;margin-bottom:12px;border-radius:20px;box-shadow:0 0 0 4px #ffffffb3}
.profile-panel[data-panel=permissions] .avatar-caption {display:none}
.profile-panel[data-panel=permissions] .profile-identity h1 {font-size:20px;margin:4px 0}
.profile-panel[data-panel=permissions] .working-status {display:none}
.profile-panel[data-panel=permissions] .connection-state {font-size:12px}
.profile-panel[data-panel=permissions] .avatar-status-line {margin-top:8px}
.access-panel {color:#443450;font-size:13px;line-height:1.6}
.access-heading h2 {font-size:18px;font-weight:600;margin:4px 0;overflow-wrap:anywhere}
.access-heading p {margin:0 0 8px;color:#756780;font-size:12px}
.access-eyebrow {font-size:11px;color:#756780}
.access-tag {display:inline-block;font-size:11px;color:#674688;background:#eee5f6;border-radius:5px;padding:2px 8px}
.access-context {font-size:12px;line-height:1.7;color:#756780;margin:12px 0 0}
.access-section {border-top:1px solid #e3d8ed;padding-top:16px;margin-top:20px}
.access-section h3 {font-size:13px;font-weight:600;margin:0 0 12px;color:#443450}
.access-item {margin:0 0 12px}
.access-item strong {font-weight:500;font-size:13px;display:block}
.access-item p,.access-note {margin:4px 0 12px;font-size:12px;color:#756780;line-height:1.7;overflow-wrap:anywhere}
.access-tools {list-style:none;margin:8px 0 0;padding:0}
.access-tools li {position:relative;padding:4px 0 4px 14px;font-size:12px;line-height:1.6}
.access-tools li:before {content:'';width:4px;height:4px;border-radius:50%;background:#a38ab6;position:absolute;left:0;top:12px}
.access-details summary {cursor:pointer;font-size:13px;font-weight:500}
.access-details summary span {float:right;color:#756780;font-weight:400;font-size:12px}
.access-details[open] summary {margin-bottom:12px}
.access-footnote {font-size:11px;color:#756780;line-height:1.7;margin:20px 0 0}
.work-board :focus-visible,.work-records :focus-visible,.access-panel :focus-visible {outline:2px solid var(--violet);outline-offset:3px}
@media(max-width:600px) {
  .work-board .work-page-heading {flex-wrap:wrap;gap:12px}
  .work-board .work-page-heading>.primary {width:auto}
  .work-board .work-heading {gap:12px}
  .work-filters {gap:12px}
  .work-filters button {font-size:12px;gap:4px}
  .work-board .work-button {padding:8px 12px}
  .work-empty {gap:12px;padding:24px 0}
  .work-status {padding:2px 6px}
}
@media(max-width:380px) {
  .work-filters {gap:8px}
  .work-count {min-width:18px;padding:1px 4px}
  .work-board .work-rule-row {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
  .work-rule-row .chev {display:none}
}

/* One matter per row; progress, unread state and next action stay together. */
.page-content.work-page {width:100%;max-width:1000px;margin:0 auto;padding:40px 40px 64px}
.work-board .work-page-heading {margin-bottom:16px}
.work-management {display:flex;align-items:center;justify-content:flex-end;gap:20px;margin-bottom:28px}
.work-management button,.work-back {display:inline-flex;align-items:center;gap:6px;min-height:36px;font-size:12px;color:var(--work-muted);padding:4px 0}
.work-management svg {width:15px;height:15px}
.work-back {margin:0 0 20px}
.work-list {list-style:none;padding:0;margin:0}
.work-item {border-bottom:1px solid var(--line)}
.work-item-link {display:flex;width:100%;gap:16px;align-items:flex-start;text-align:left;padding:24px 8px;border-radius:6px}
.work-item-link:hover {background:var(--wash)}
.work-item-mark {display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--work-muted);flex-shrink:0;margin-top:1px}
.work-item-mark.attention {color:var(--violet-deep)}
.work-item-mark svg {width:21px;height:21px}
.work-item-copy {min-width:0;flex:1;display:grid;gap:6px}
.work-item-title {display:flex;align-items:baseline;gap:8px}
.work-item-title strong {font-size:15px;font-weight:500;line-height:1.6;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.work-unread-dot {width:6px;height:6px;border-radius:50%;background:var(--violet);flex-shrink:0;align-self:center}
.work-item-summary {font-size:13px;line-height:1.7;color:var(--work-muted);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}
.work-item-meta {display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:var(--work-muted);font-size:11px;line-height:1.6;margin-top:2px}
.work-unread-label {color:var(--violet-deep)}
.work-item-link>.chev {margin-top:5px}
.work-detail h3 {font-size:14px;font-weight:600;margin:24px 0 12px}
.work-detail .work-goal {font-size:17px;line-height:1.6;color:var(--ink)}
.work-detail-unread {display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.work-detail .work-section summary {font-size:13px}
.work-detail .work-time {font-size:11px}
@media(max-width:760px) {
  .page-content.work-page {padding:24px 20px 48px}
  .work-management {justify-content:flex-start;margin-bottom:20px;gap:20px}
  .work-item-link {padding:20px 0;gap:12px}
}
@media(max-width:380px) {
  .page-content.work-page {padding:24px 12px 40px}
  .work-filters {gap:12px}
  .work-filters button {gap:2px}
  .work-count {min-width:12px;font-size:10px}
  .work-item-link {gap:8px}
  .work-item-title strong {font-size:14px}
  .work-item-mark {width:20px}
}