/* Instance pages use the same neutral surfaces and task hierarchy as the work views. */
:root { --workspace-width:1040px;--workspace-padding:32px; }
.page-header>.workspace-topbar { --header-width:var(--workspace-width);--header-padding:var(--workspace-padding);max-width:var(--workspace-width); }
.workspace-page { width:100%;max-width:var(--workspace-width);margin-inline:auto;padding:24px var(--workspace-padding) 48px; }
.inbox-controls { display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--line); }
.inbox-controls .seg { flex-shrink:0; }.inbox-filter-group { display:flex;align-items:center;gap:8px; }
.inbox-filter-group .sel { width:160px;min-width:0; }.inbox-filter-group .sel-btn { height:34px;padding:5px 10px;font-size:13px; }
.inbox-controls .btn { font-size:14px;min-height:36px;gap:6px; }.inbox-controls .inbox-unread-filter { border:1px solid var(--line-strong);border-radius:var(--button-radius);background:var(--glass-2); }.inbox-controls .seg button { min-height:30px; }.inbox-controls .seg { padding:3px; }.inbox-controls .inbox-unread-filter[aria-pressed=false] { color:var(--ink-faint); }.inbox-controls .inbox-unread-filter[aria-pressed=true] { background:var(--accent);border-color:var(--accent);color:var(--on-accent); }.inbox-controls .inbox-unread-filter[aria-pressed=true]:hover { background:var(--accent-hover);border-color:var(--accent-hover); }
.inbox-bulk { display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 8px;font-size:var(--text-sm);color:var(--ink-muted); }
.inbox-bulk>div { display:flex;gap:8px; }.inbox-bulk .btn { padding:5px 10px;min-height:32px;font-size:var(--text-label);gap:6px; }
.inbox-group-heading { font-size:var(--text-ui);font-weight:600;color:var(--ink);margin:20px 8px 8px; }
.inbox-list { display:flow-root;position:relative;overflow-anchor:none; }.inbox-exit-layer { position:absolute;inset:0 0 auto;overflow:hidden;pointer-events:none;z-index:1; }
.inbox-row { position:relative;display:block;padding:0;border:1px solid transparent;border-bottom-color:var(--line);border-radius:var(--radius-md);transition:background var(--motion-fast),border-color var(--motion-fast); }
.inbox-row + .inbox-row { margin-top:6px; }
.inbox-row.unread { background:var(--surface-raised);  border-color:var(--line);}.inbox-row:hover,.inbox-row:focus-within { background:var(--surface-control);  border-color:var(--line-strong);}
.inbox-open { display:flex;width:100%;flex-direction:row;align-items:flex-start;flex:1;gap:14px;min-width:0;padding:18px 12px 10px;background:none;border:0;border-radius:8px;font:inherit;text-align:left;color:var(--ink);cursor:pointer; }
.inbox-open:hover { background:none; }.inbox-person { position:relative;flex-shrink:0;margin-top:1px; }.inbox-person .avatar { display:flex;border-radius:8px;font-size:13px; }
.inbox-unread-dot { position:absolute;bottom:-2px;right:-3px;width:7px;height:7px;border:2px solid var(--surface-canvas);border-radius:50%;background:var(--run);box-sizing:content-box; }
.inbox-copy { display:flex;flex:1;min-width:0;flex-direction:column;gap:6px; }.inbox-event { font-size:var(--text-label);line-height:1.5;color:var(--ink-muted); }.inbox-event strong { font-weight:500;color:var(--ink); }
.inbox-row.unread .inbox-event { color:var(--ink-muted);  font-size:var(--text-label); line-height:1.5;}.inbox-row.unread .inbox-event:before { content:none; }
.inbox-task-title { color:var(--ink);font-size:var(--text-ui);font-weight:500;line-height:1.5;overflow-wrap:anywhere; }.inbox-row.read .inbox-task-title { color:var(--ink);  font-size:var(--text-ui); font-weight:500; line-height:1.5;}
.inbox-excerpt { display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;color:var(--ink-muted);font-size:var(--text-label);line-height:1.5; }
.inbox-context { display:flex;gap:10px;align-items:center;color:var(--ink-muted);font-size:var(--text-sm);line-height:1.4; }.inbox-task-key { font-family:var(--font-mono);font-size:var(--text-xs);  color:var(--ink-faint);}
.inbox-row-footer { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px 12px 58px; }
.inbox-context { flex-wrap:wrap;gap:6px 10px;  font-size:var(--text-sm); color:var(--ink-muted);}.inbox-time { position:static;color:var(--ink-faint);font-size:var(--text-xs);line-height:1.5;white-space:nowrap; }.inbox-time:before { content:'·';margin-right:10px;color:var(--ink-ghost); }
.inbox-row-actions { display:flex;flex-direction:row;gap:4px;flex-shrink:0;padding:0; }.inbox-row-actions .btn { width:auto;height:30px;min-width:0;min-height:30px;padding:4px 7px;font-size:var(--text-label);gap:5px;color:var(--ink-soft);opacity:1; }.inbox-row-actions .btn:hover { color:var(--ink); }

.inbox-empty { padding:72px 16px!important; }.inbox-empty-icon { display:grid;place-items:center;width:48px;height:48px;margin:0 auto 18px;border:1px solid var(--line-strong);border-radius:12px;color:var(--ink-muted); }.inbox-empty-icon svg { width:24px;height:24px; }.inbox-empty h2 { font-size:18px; }.inbox-empty p { font-size:14px; }.inbox-load-more { display:block;margin:24px auto 0; }
.storage-page>section { margin-bottom:32px; }.storage-section-heading { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px; }.storage-section-heading h2 { font-size:var(--text-ui);line-height:1.4;font-weight:600;margin:0;  color:var(--ink);}.storage-section-heading p { font-size:var(--text-label);line-height:1.5;color:var(--ink-muted);margin:6px 0 0; }.storage-section-heading>span { color:var(--ink-muted);font-size:var(--text-sm); }.storage-section-heading .btn { font-size:var(--text-label);min-height:34px;gap:6px;flex-shrink:0; }
.storage-capacity { padding:24px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface-raised);  border-color:var(--line);}.storage-health { display:inline-flex;align-items:center;gap:6px;color:var(--ink-muted); }.storage-health:before { content:'';width:5px;height:5px;background:var(--ok);border-radius:50%; }.storage-health.attention:before { background:var(--warn); }
.storage-amount { display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:14px;color:var(--ink-muted); }.storage-amount>strong { font-size:28px;font-weight:500;letter-spacing:-.6px;color:var(--ink);font-variant-numeric:tabular-nums; }.storage-free { margin-left:auto;font-size:13px; }
.storage-meter { position:relative;display:flex;overflow:hidden;width:100%;height:8px;border-radius:4px;background:var(--fill-selected);margin:22px 0 18px; }.storage-segment { flex-shrink:1;height:100%; }.storage-segment.permanent,.storage-breakdown i.permanent { background:var(--ink-muted); }.storage-segment.temporary,.storage-breakdown i.temporary { background:var(--run); }.storage-segment.other,.storage-breakdown i.other { background:var(--ink-ghost); }.storage-threshold { position:absolute;top:0;bottom:0;width:1px;background:var(--ink-muted);opacity:.45; }
.storage-breakdown { display:flex;flex-wrap:wrap;gap:12px 28px;font-size:var(--text-sm);color:var(--ink-muted); }.storage-breakdown>span { display:flex;align-items:center;gap:7px; }.storage-breakdown i { width:6px;height:6px;border-radius:2px; }.storage-breakdown strong { font-weight:500;color:var(--ink);margin-left:5px;font-variant-numeric:tabular-nums; }
.storage-cleanup { padding:0 0 28px;border-bottom:1px solid var(--line); }.storage-cleanup-summary { display:flex;justify-content:space-between;gap:12px;padding:14px 16px;margin-bottom:18px;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised);font-size:var(--text-label);color:var(--ink); }.storage-cleanup-summary>span:last-child { color:var(--ink-muted);white-space:nowrap; }.storage-cleanup-summary strong { font-weight:500; }
.storage-policy { margin:0;font-size:var(--text-label);line-height:1.5; }.storage-policy>div { display:grid;grid-template-columns:180px 1fr;gap:16px;padding:7px 0; }.storage-policy dt { color:var(--ink-muted); }.storage-policy dd { margin:0;color:var(--ink); }
.storage-project-list { border-top:1px solid var(--line); }.storage-project-row { display:flex;align-items:center;gap:12px;min-height:58px;border-bottom:1px solid var(--line);font-size:14px; }.storage-project-avatar { display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border:1px solid var(--line-strong);border-radius:7px;background:var(--fill-hover);font-size:12px;color:var(--ink-muted); }.storage-project-name { flex:1;min-width:0;overflow-wrap:anywhere;  font-size:var(--text-ui); font-weight:500; color:var(--ink);}.storage-project-count { font-size:var(--text-sm);color:var(--ink-muted); }.storage-project-row>strong { min-width:80px;text-align:right;font-size:var(--text-label);font-weight:500;font-variant-numeric:tabular-nums;  color:var(--ink);}
.storage-history-empty { display:flex;align-items:center;gap:10px;color:var(--ink-muted);font-size:var(--text-label);padding:8px 0; }.storage-history-row { display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:var(--text-label); }.storage-history-icon { color:var(--ink-muted); }.storage-history-row>div { flex:1; }.storage-history-row strong { font-weight:500;  color:var(--ink);}.storage-history-row time { display:block;color:var(--ink-muted);font-size:12px;margin-top:5px; }.storage-history-row>span:last-child { color:var(--ink-muted); }
@media(max-width:700px) { :root { --workspace-padding:18px; }.workspace-page { padding-top:18px; }.inbox-controls { align-items:flex-start;flex-wrap:wrap;gap:12px; }.inbox-filter-group { flex:1;justify-content:flex-end; }.inbox-filter-group .sel { width:140px; }.inbox-bulk { align-items:flex-start;}.inbox-bulk>div { flex-wrap:wrap;justify-content:flex-end;gap:2px; }.inbox-open { padding:16px 8px 8px;gap:10px; }.inbox-row-footer { padding:0 8px 12px 50px;flex-wrap:wrap;gap:8px; }.inbox-row-actions { margin-left:auto; }.inbox-row-actions .btn { min-height:34px;}.storage-capacity { padding:18px;}.storage-amount>strong { font-size:25px; }.storage-policy>div { grid-template-columns:145px 1fr;gap:12px; }.storage-section-heading { align-items:flex-start; }.storage-cleanup .storage-section-heading { flex-wrap:wrap; }.storage-cleanup-summary { flex-wrap:wrap;gap:6px;} }
@media(max-width:420px) { .inbox-filter-group { flex:1 1 100%;min-width:0;max-width:100%;flex-wrap:wrap;justify-content:space-between; }.inbox-filter-group .sel { flex:1 1 130px;min-width:0;width:auto; }.inbox-filter-group .sel-btn { min-width:0; }.inbox-bulk { flex-wrap:wrap;}.inbox-bulk>div { margin-left:auto; }.storage-free { flex-basis:100%;margin-left:0;margin-top:4px; }.storage-health { max-width:125px;text-align:right; }.storage-policy>div { grid-template-columns:1fr;gap:2px; }.storage-project-row>strong { min-width:60px;} }

@media(pointer:coarse) { .inbox-row-actions .btn { min-height:44px;padding-inline:10px;} }

/* Reuse the Board multi-select field without project-specific text overrides. */
.inbox-filter-group [data-filter-key="inboxProjects"] { height:36px;min-height:36px;font-size:var(--text-ui); }