/* The matter directory: one restrained instrument, from the first overview to the original source.
   Dark by default through the portal theme; a saved light preference stays light. Status comes from
   the existing source-bound directory model, never inferred from visual decoration. */
body.signed-in:not(.review-mode):not(.intake-mode){
 --bg:#F5F5F7;--pane:#FFFFFF;--ink:#1D1D1F;--soft:#636368;--rule:#D2D2D7;--hover:rgba(29,29,31,.04);
 --fill:rgba(29,29,31,.045);--fill-2:rgba(29,29,31,.08);--fill-3:rgba(29,29,31,.13);--ph:#E8E8ED;--video:#000;--on-ink:#FFFFFF;
 --ui:-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,"Inter",sans-serif;
 --ui-d:-apple-system,BlinkMacSystemFont,"SF Pro Display",system-ui,"Inter",sans-serif;
 --t-page:52px;--t-name:18px;--t-body:14px;--t-sec:13px;--t-cap:12px;
 background:var(--bg);color:var(--ink);font:400 var(--t-body)/1.5 var(--ui);letter-spacing:-.008em;
 font-kerning:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 40px 48px}
:root[data-theme="dark"] body.signed-in:not(.review-mode):not(.intake-mode){
 --bg:#131315;--pane:#1B1B1E;--ink:#F5F5F7;--soft:#ABABB2;--rule:#36363B;--hover:rgba(245,245,247,.04);
 --fill:rgba(245,245,247,.04);--fill-2:rgba(245,245,247,.09);--fill-3:rgba(245,245,247,.15);--ph:#26262A;--on-ink:#1D1D1F}
body.signed-in:not(.review-mode):not(.intake-mode) .wrap{max-width:1360px}
body.signed-in:not(.review-mode):not(.intake-mode) .wrap>header{position:static;display:flex;align-items:center;gap:12px;min-height:80px;margin:0;padding:0;border:0;border-bottom:1px solid var(--rule);border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
body.signed-in:not(.review-mode):not(.intake-mode) .wrap>header img{width:28px;height:28px}
body.signed-in:not(.review-mode):not(.intake-mode) .wrap>header a{font-size:19px;font-weight:500;letter-spacing:-.025em;color:var(--ink)}
body.signed-in:not(.review-mode):not(.intake-mode) .theme-toggle{margin-left:auto;width:44px;height:44px;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--soft);transition:background-color .16s,color .16s}
body.signed-in:not(.review-mode):not(.intake-mode) .theme-toggle:hover{color:var(--ink);background:var(--fill-2);border-color:var(--rule)}
body.signed-in:not(.review-mode):not(.intake-mode) footer{border-top:1px solid var(--rule);margin-top:64px;padding-top:24px;color:var(--soft);font-size:var(--t-cap)}
body.signed-in:not(.review-mode):not(.intake-mode) :focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.mdash,.mdash input,.mdash select,.mdash button{font-family:var(--ui)}
.mdash :where(h1,h2,h3,p,ul){margin:0;padding:0}
.mdash-top{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px 16px;padding:36px 0 28px}
.mdash-title{grid-column:1/3;font:500 var(--t-page)/1.05 var(--ui-d);letter-spacing:-.05em;color:var(--ink)}
.mdash-title-dot{color:var(--soft)}
.mdash-intro{grid-column:1/3;grid-row:2;color:var(--soft);font-size:18px;letter-spacing:-.025em}
.mdash-who{grid-column:3;grid-row:2;align-self:end;font-size:var(--t-cap);color:var(--soft);text-align:right;overflow-wrap:anywhere;min-width:0}
.mdash-who #acctWho{color:inherit;font-size:inherit}
.mdash-top #signOut{grid-column:3;grid-row:1;justify-self:end;align-self:center;min-height:44px;border:1px solid var(--rule);border-radius:8px;background:transparent;color:var(--soft);font-size:var(--t-sec);padding:10px 16px}
.mdash-top #signOut:hover{background:var(--fill-2);color:var(--ink)}
.mdash-search{grid-column:1;grid-row:3;display:flex;align-items:center;gap:10px;min-width:0;min-height:52px;margin-top:22px;padding:0 18px;border:1px solid var(--rule);border-radius:10px;background:var(--pane);color:var(--soft);cursor:text;transition:border-color .16s}
.mdash-search svg{flex:none}
.mdash-search:focus-within{border-color:var(--ink);outline:1px solid var(--ink)}
.mdash-search input{flex:1;min-width:0;height:48px;border:0;outline:0;background:none;font:400 15px/1.5 var(--ui);color:var(--ink)}
.mdash-search input::placeholder{color:var(--soft);opacity:1}
body.signed-in .mdash .mdash-new{grid-column:2/4;grid-row:3;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;margin-top:22px;padding:0 24px;border:0;border-radius:10px;background:var(--ink);color:var(--on-ink);font:500 var(--t-body)/1 var(--ui);letter-spacing:-.01em;transform:none;transition:opacity .16s}
body.signed-in .mdash .mdash-new:hover{opacity:.86;transform:none}
body.signed-in .mdash .mdash-new[hidden]{display:none}

/* Compact, functional controls. Counts summarize this authorized directory, including off-screen cards. */
.mdash-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;padding:22px 0 0;border-top:1px solid var(--rule)}
.mdash-filters{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.mdash-filters button{display:inline-flex;align-items:center;gap:10px;min-height:44px;border:1px solid transparent;border-radius:8px;padding:10px 13px;background:transparent;color:var(--soft);font:500 13px/1 var(--ui);cursor:pointer;white-space:nowrap}
.mdash-filters button:hover{background:var(--fill)}
.mdash-filters button[aria-pressed="true"]{background:var(--fill-2);border-color:var(--rule);color:var(--ink)}
.mdash-filters button span{display:grid;place-items:center;min-width:23px;min-height:23px;border-radius:5px;background:var(--fill-2);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}
.mdash-display{display:flex;align-items:center;gap:12px;margin-left:auto}
.mdash-sort select{min-height:44px;max-width:100%;border:1px solid var(--rule);border-radius:8px;padding:10px 30px 10px 12px;background:var(--pane);color:var(--soft);font:400 var(--t-sec)/1.4 var(--ui);cursor:pointer}
.mdash-views{display:flex;gap:2px;border:1px solid var(--rule);border-radius:8px;padding:3px}
.mdash-views button{display:grid;place-items:center;min-width:38px;min-height:36px;padding:0;border:0;border-radius:5px;color:var(--soft);background:transparent;cursor:pointer}
.mdash-views button[aria-pressed="true"]{background:var(--fill-2);color:var(--ink)}
.mdash-directory-status{flex-basis:100%;color:var(--soft);font-size:var(--t-cap)}
.mdash-directory-status:empty{display:none}
.mdash-clear{margin:0;padding:6px 0;min-height:36px;border:0;background:none;color:var(--ink);font-size:var(--t-sec);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.mdash-clear[hidden]{display:none}
.mdash-sec{margin-top:30px}
.mdash-sec[hidden]{display:none}
.mdash-h{display:flex;align-items:baseline;gap:10px;margin:0 0 16px!important;font:500 var(--t-body)/1.4 var(--ui);letter-spacing:-.012em;text-transform:none;color:var(--ink)}
.mdash-n{font-weight:400;color:var(--soft);font-variant-numeric:tabular-nums}
.mdash .mlist-empty{padding:44px 24px;border:1px solid var(--rule);border-radius:12px;text-align:center;color:var(--soft);font-size:var(--t-body)}
.mdash .mlist-empty:empty{display:none}
.mdash-more{margin-top:8px!important;min-height:44px;padding:8px 0;border:0;background:none;font:400 var(--t-sec)/1.4 var(--ui);color:var(--soft);text-decoration:underline;text-underline-offset:4px;cursor:pointer}.mdash-more:hover{color:var(--ink)}
.mdash-more[hidden]{display:none}

/* Attention stays scannable: an unobtrusive index of actionable matters. */
.mdash-needs{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px;padding:8px 20px!important;border:1px solid var(--rule);border-radius:12px;background:var(--fill)}
.mcard.is-needs{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:center;padding:14px 0;cursor:pointer}
.mcard.is-needs .mcard-frame{margin:0;width:76px;border-radius:5px;aspect-ratio:4/3}
.mcard.is-needs .mcard-body{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name open" "status open";column-gap:16px;row-gap:3px;align-items:center;padding:0}
.mcard.is-needs .mcard-name{grid-area:name;font-size:13px;font-weight:500;-webkit-line-clamp:1}
.mcard.is-needs .mcard-status{grid-area:status;margin-top:0!important;font-size:12px;color:var(--soft)}
.mcard.is-needs .mcard-foot{grid-area:open;margin:0;padding:0;align-self:center}
.mcard.is-needs .mcard-open{min-height:40px;padding:8px 12px;font-size:12px;background:var(--pane)}
.mcard.is-needs .mcard-nopic{font-size:11px;text-align:center;padding:6px}

/* Source frames are contained, never decorative crops outside their matter. */
.mdash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;align-items:stretch}
.mcard{position:relative;display:flex;flex-direction:column;min-width:0;color:var(--ink);cursor:pointer}
.mcard[hidden]{display:none!important}
.mdash-grid>.mcard{background:var(--pane);border:1px solid var(--rule);border-radius:12px;overflow:hidden;transition:border-color .16s,background-color .16s}
.mdash-grid>.mcard:hover{border-color:var(--soft)}
.mdash-grid>.mcard:focus-within{outline:2px solid var(--ink);outline-offset:3px}
.mcard-frame{position:relative;aspect-ratio:16/9;overflow:hidden;display:grid;place-items:center;background:var(--ph);border-bottom:1px solid var(--rule)}
.mcard-frame[data-frame="drawn"]{background:var(--video)}
.mcard-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .16s}
.mcard:hover .mcard-frame img{opacity:.92}
.mcard-nopic{font-size:var(--t-sec);color:var(--soft)}
.mdash-grid .mcard-frame[data-frame="none"]{aspect-ratio:auto;min-height:72px;padding:20px 22px;justify-items:start;background:var(--fill)}
.mcard-body{display:flex;flex-direction:column;flex:1;min-width:0;padding:22px}
.mcard-name{font-size:var(--t-name);font-weight:500;line-height:1.35;letter-spacing:-.025em;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.mcard:hover .mcard-name{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.mcard-status{position:relative;margin-top:14px!important;padding-left:15px!important;font-size:var(--t-sec);line-height:1.5;color:var(--ink);font-variant-numeric:tabular-nums}
.mcard-counts{margin-top:7px!important;font-size:var(--t-cap);line-height:1.6;color:var(--soft);font-variant-numeric:tabular-nums}
.mcard-counts:empty{display:none}
.mcard-foot{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:22px}
.mcard-glyph{position:absolute;left:0;top:6px;width:7px;height:7px;border-radius:50%;box-shadow:inset 0 0 0 1.3px currentColor}
.mcard-glyph.is-ok{background:currentColor}
.mcard-glyph.is-run{background:linear-gradient(90deg,currentColor 50%,transparent 50%)}
.mcard-glyph.is-part{background:linear-gradient(0deg,currentColor 50%,transparent 50%)}
.mcard-glyph.is-stop{border-radius:1px;background:currentColor}
.mcard-glyph.is-wait{color:var(--soft)}
.mcard-glyph.is-err{border-radius:1px;color:var(--soft)}
.mcard-open,.mcard-retry{flex:none;min-height:44px;padding:10px 16px;border:1px solid var(--rule);border-radius:7px;background:var(--fill);color:var(--ink);font:500 var(--t-sec)/1.4 var(--ui);letter-spacing:-.01em;cursor:pointer;transition:background-color .16s}
.mcard-open:hover,.mcard:hover .mcard-open,.mcard-retry:hover{background:var(--fill-2)}
.mdash-grid .mcard-open{background:var(--ink);color:var(--on-ink);border-color:transparent}
.mdash-grid .mcard-open:hover{opacity:.88}
.mcard-retry{background:transparent}.mcard-retry[hidden]{display:none}.mcard-retry:disabled{opacity:.5;cursor:default}
.mcard-loader{position:fixed;left:-9999px;top:0;width:96px;height:54px;opacity:0;pointer-events:none}

/* Shared discovery preserves both the parent documents and its explicitly linked recording groups. */
.shared-workspace-bar{display:grid;grid-template-columns:minmax(180px,420px) minmax(0,1fr);align-items:center;gap:20px;padding:0 0 24px;letter-spacing:0}
.shared-workspace-bar[hidden],.shared-workspace-bar label[hidden]{display:none}
.shared-workspace-bar:has(label[hidden]){grid-template-columns:minmax(0,1fr)}
.shared-workspace-bar label{display:grid;gap:6px;min-width:0;font-size:var(--t-cap);color:var(--soft)}
.shared-workspace-bar select{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--rule);border-radius:8px;background:var(--pane);color:var(--ink);font:400 var(--t-body)/1.4 var(--ui);text-overflow:ellipsis}
.shared-workspace-bar select:disabled{opacity:1}
.shared-workspace-bar h2{font-size:17px;font-weight:500;line-height:1.4;overflow-wrap:anywhere;letter-spacing:0}
.shared-workspace-bar:not(:has(label[hidden])) h2{display:none}
.shared-workspace-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px;margin-bottom:28px}
.shared-workspace-link{display:flex;flex-direction:column;justify-content:space-between;gap:14px;min-width:0;min-height:108px;padding:22px;border:1px solid var(--rule);border-radius:12px;background:var(--pane);color:var(--ink);text-decoration:none;overflow-wrap:anywhere}
.shared-workspace-link strong{font:500 17px/1.4 var(--ui);letter-spacing:-.02em}
.shared-workspace-link span{font:400 var(--t-sec)/1.45 var(--ui);color:var(--soft)}
.shared-workspace-link:hover{border-color:var(--soft)}
.shared-upload-entry{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border:1px solid var(--rule);border-radius:12px;background:var(--pane);margin-bottom:24px}
.shared-upload-entry[hidden]{display:none}
.shared-upload-entry p{color:var(--soft);font-size:var(--t-sec);margin-top:5px}
.shared-upload-entry a{flex:none;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.mcard-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0 0;font-size:var(--t-sec);line-height:1.5;color:var(--soft);overflow-wrap:anywhere}
.mcard-group-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;min-height:46px;border:1px solid var(--rule);border-radius:8px;color:var(--ink);text-decoration:none;background:var(--fill)}
.mcard-group-link:hover{background:var(--fill-2)}
.mcard-group-link strong{font-weight:500}.mcard-group-count{color:var(--soft);font-size:var(--t-cap);text-align:right}
.mcard-reference{font-size:var(--t-sec);line-height:1.6;color:var(--soft);margin-top:8px!important;overflow-wrap:anywhere}
.mcard-context{margin:0 0 8px!important;color:var(--soft);font-size:var(--t-cap)}
.mdash-grid>.mcard:not([data-groups="0"]){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}
.mdash-grid>.mcard:not([data-groups="0"]) .mcard-frame{margin:26px 0 26px 26px;aspect-ratio:16/10;min-height:0;align-self:start;border-radius:8px;border:1px solid var(--rule)}
.mdash-grid>.mcard:not([data-groups="0"]) .mcard-frame img{object-fit:contain}
.mdash-grid>.mcard:not([data-groups="0"]) .mcard-body{padding:26px}
.mdash-grid>.mcard:not([data-groups="0"]) .mcard-name{font-size:27px;line-height:1.2;-webkit-line-clamp:3}
.mdash-grid>.mcard.is-shared-fallback:not([data-groups="0"]){grid-template-columns:minmax(0,1fr)}
.mdash-grid>.mcard.is-shared-fallback:not([data-groups="0"]) .mcard-frame{margin:0;min-height:0;aspect-ratio:auto;padding:16px 26px;display:block;border:0;border-bottom:1px solid var(--rule);border-radius:0;background:var(--fill)}
.mcard-shared-cover{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.mcard-cover-label{font-size:var(--t-sec);font-weight:500;color:var(--ink)}

/* List view uses the same accessible cards and handlers; only their presentation changes. */
.mdash-grid[data-view="list"]{grid-template-columns:minmax(0,1fr);gap:10px}
.mdash-grid[data-view="list"]>.mcard[data-groups="0"]{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:stretch}
.mdash-grid[data-view="list"]>.mcard[data-groups="0"] .mcard-frame{height:100%;min-height:126px;aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--rule)}
.mdash-grid[data-view="list"]>.mcard[data-groups="0"] .mcard-body{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name open" "status open" "counts open";gap:0 28px;padding:22px 24px}
.mdash-grid[data-view="list"]>.mcard[data-groups="0"] .mcard-name{grid-area:name;font-size:17px}
.mdash-grid[data-view="list"]>.mcard[data-groups="0"] .mcard-status{grid-area:status;margin-top:7px!important}
.mdash-grid[data-view="list"]>.mcard[data-groups="0"] .mcard-counts{grid-area:counts;margin-top:4px!important}
.mdash-grid[data-view="list"]>.mcard[data-groups="0"] .mcard-foot{grid-area:open;align-self:center;margin:0;padding:0}
@media(max-width:1000px){.mdash-needs{grid-template-columns:minmax(0,1fr)}.mdash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mdash-who{max-width:240px}.mdash-display{margin-left:0}}
@media(max-width:700px){
 body.signed-in:not(.review-mode):not(.intake-mode){padding:0 20px 32px}
 body.signed-in:not(.review-mode):not(.intake-mode) .wrap>header{min-height:66px}
 body.signed-in:not(.review-mode):not(.intake-mode) .wrap>header a{font-size:17px}
 body.signed-in:not(.review-mode):not(.intake-mode) footer{margin-top:40px}
 .mdash-top{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:32px 0 24px}
 .mdash-title{grid-column:1;grid-row:1;font-size:40px}.mdash-intro{grid-column:1/3;grid-row:2;font-size:16px}
 .mdash-top #signOut{grid-column:2;grid-row:1;padding:8px 12px;font-size:12px}
 .mdash-who{grid-column:1/3;grid-row:3;max-width:none;text-align:left;margin:0!important;font-size:12px}
 .mdash-search{grid-column:1/3;grid-row:4;margin-top:18px;min-height:50px}.mdash-search input{font-size:16px}
 body.signed-in .mdash .mdash-new{grid-column:1/3;grid-row:5;margin-top:2px;min-height:48px}
 .mdash-controls{gap:14px;padding-top:18px}.mdash-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%}.mdash-filters button{flex-direction:column;gap:6px;font-size:12px;padding:8px 4px;min-height:64px;justify-content:center}.mdash-filters button span{min-width:20px;min-height:20px;font-size:11px}
 .mdash-display{width:100%;justify-content:space-between}.mdash-views button{min-width:44px;min-height:44px}.mdash-sort select{font-size:13px}
 .mdash-sec{margin-top:26px}.mdash-h{margin-bottom:14px!important}.mdash-grid{grid-template-columns:minmax(0,1fr);gap:18px}
 .mdash-needs{padding:4px 14px!important}.mcard.is-needs{grid-template-columns:54px minmax(0,1fr);gap:10px;padding:14px 0;align-items:start}.mcard.is-needs .mcard-frame{width:54px;aspect-ratio:1}.mcard.is-needs .mcard-body{column-gap:10px;grid-template-columns:minmax(0,1fr);grid-template-areas:"name" "status" "open"}.mcard.is-needs .mcard-name{-webkit-line-clamp:2}.mcard.is-needs .mcard-foot{margin-top:8px}.mcard.is-needs .mcard-open{min-height:44px;padding:8px 14px}
 .mcard-body{padding:20px}.mcard-name{font-size:18px}.mcard-open,.mcard-retry{min-height:44px}
 .shared-workspace-bar{grid-template-columns:minmax(0,1fr);gap:10px;padding-bottom:24px}.shared-upload-entry{align-items:flex-start;flex-direction:column;padding:20px}.shared-upload-entry a{width:100%;justify-content:center}
 .mdash-grid>.mcard:not([data-groups="0"]){grid-template-columns:minmax(0,1fr)}.mdash-grid>.mcard:not([data-groups="0"]) .mcard-frame{aspect-ratio:16/9;max-height:180px;margin:16px 16px 0}.mdash-grid>.mcard:not([data-groups="0"]) .mcard-body{padding:20px}.mdash-grid>.mcard:not([data-groups="0"]) .mcard-name{font-size:23px}
 .mdash-grid>.mcard.is-shared-fallback:not([data-groups="0"]) .mcard-frame{padding:14px 20px}.mcard-groups{grid-template-columns:minmax(0,1fr);margin-top:16px}.mcard-shared-cover{gap:5px}.mcard-shared-cover .mcard-nopic{flex-basis:100%}
 .mdash-grid[data-view="list"]>.mcard[data-groups="0"]{grid-template-columns:72px minmax(0,1fr)}.mdash-grid[data-view="list"]>.mcard[data-groups="0"] .mcard-frame{width:56px;height:56px;aspect-ratio:1;align-self:start;margin:16px 0 0 12px;padding:0;min-height:0;border:0;border-radius:6px}.mdash-grid[data-view="list"]>.mcard[data-groups="0"] .mcard-nopic{font-size:11px;overflow-wrap:anywhere}.mdash-grid[data-view="list"]>.mcard[data-groups="0"] .mcard-body{grid-template-columns:minmax(0,1fr);grid-template-areas:"name" "status" "counts" "open";padding:16px;gap:0}.mdash-grid[data-view="list"]>.mcard[data-groups="0"] .mcard-name{font-size:15px}.mdash-grid[data-view="list"]>.mcard[data-groups="0"] .mcard-foot{margin-top:12px}
}
@media(prefers-reduced-motion:reduce){.mdash *{transition:none!important}}