/* Project intelligence: a quiet working canvas within the ElystrumCore identity. */
.dashboard { color-scheme:light; --bg:#edf0ee; --surface:#fff; --elevated:#edf3f4; --text:#101b26; --muted:#536473; --quiet:#61717c; --accent:#23667a; --line:#dce3e4; --warning:#8b592e; --success:#2c6853; font-size:14px; line-height:1.55; font-variant-numeric:tabular-nums; }
.dashboard button,.dashboard select,.dashboard a { touch-action:manipulation; }
.dashboard .button { min-height:44px; font-size:13px; font-weight:550; border-radius:6px; }
.dashboard .button-primary { background:var(--ink); border-color:var(--ink); color:var(--chalk); }
.dashboard .button-primary:hover { background:#254858; border-color:#254858; }
.dashboard .badge { color:#2a6375; background:#e8f1f3; border-radius:4px; font-size:11px; padding:4px 8px; font-weight:500; }
.dashboard .badge.review { color:#87542d; background:#f7ecdf; }
.dashboard .badge.ready,.dashboard .badge.reviewed { color:#2e6750; background:#e9f3ed; }
.topbar,.sidebar { color-scheme:dark; --text:var(--chalk); --muted:#aab8c3; --quiet:#97aab7; --accent:var(--ice); --surface:var(--ink); --elevated:#1b2c37; --line:#263742; color:var(--text); }
.topbar { position:sticky; top:0; z-index:30; min-height:76px; padding:0 24px; display:flex; align-items:center; gap:26px; border-bottom:1px solid var(--line); background:var(--deep); }
.topbar .brand { width:208px; flex:none; gap:10px; }.topbar .brand-name { font-size:20px; }.topbar .brand img { width:40px; height:40px; }.topbar .brand-name small { font-size:13px; }
.workspace { display:flex; gap:16px; align-items:center; font-size:13px; }.workspace>span { font-weight:550; }.workspace small { display:flex; gap:16px; align-items:center; color:var(--quiet); font-size:12px; }.workspace small::before { content:'/'; color:#5a6b75; }
.topbar-actions { display:flex; align-items:center; gap:12px; margin-left:auto; }
.search-trigger { min-height:40px; display:flex; align-items:center; gap:10px; color:#adbdc8; background:#101c25; border:1px solid #31434f; border-radius:6px; padding:8px 12px; font-size:12px; }.search-trigger:hover { background:#1b2c37; border-color:#6b8797; }.search-trigger kbd { font:10px var(--font); color:#a0b4c0; padding:2px 5px; border:1px solid #334b58; border-radius:3px; margin-left:12px; }
.workspace-mode { color:#bbd5df; font-size:11px; padding:5px 10px; border:1px solid #344b59; border-radius:20px; white-space:nowrap; }
.icon-button { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; padding:0; background:transparent; border:0; border-radius:6px; color:var(--muted); position:relative; flex:none; }.icon-button:hover { background:var(--elevated); color:var(--text); }.notification-dot { position:absolute; top:8px; right:8px; width:5px; height:5px; background:var(--ice); border-radius:50%; }.mobile-nav { display:none; }
.app-shell { background:var(--deep); display:grid; grid-template-columns:232px minmax(0,1fr); min-height:calc(100vh - 76px); }
.sidebar { position:sticky; top:76px; height:calc(100dvh - 76px); overflow-y:auto; align-self:start; display:flex; flex-direction:column; padding:24px 14px 22px; border-right:1px solid var(--line); background:var(--deep); }
.sidebar-project { display:flex; gap:10px; align-items:center; padding:0 10px 26px; }.project-symbol { width:32px; height:36px; display:grid; place-items:center; border:1px solid #355465; border-radius:5px; color:var(--ice); background:#152c38; font:500 12px var(--display); flex:none; }.sidebar-project strong { display:block; font-size:11px; font-weight:550; }.sidebar-project div>span { display:block; font-size:10px; color:var(--quiet); margin-top:3px; }
.sidebar-label { font-size:11px; color:var(--quiet); margin:0 12px 10px; }.sidebar nav { display:flex; flex-direction:column; gap:5px; }.sidebar nav>a { display:flex; align-items:center; gap:12px; padding:11px 12px; min-height:44px; border-radius:5px; font-size:13px; color:var(--muted); }.sidebar nav>a:hover { color:var(--text); background:#142731; }.sidebar nav>a[aria-current="page"] { background:#19343f; color:var(--ice); box-shadow:inset 2px 0 var(--ice); }.sidebar nav .icon { width:17px; height:17px; }
.nav-count { margin-left:auto; font-size:11px; border-radius:4px; background:#223843; color:#b8cbd5; padding:0 6px; }
.sidebar-bottom { margin-top:auto; padding-top:56px; }.preview-status { border-top:1px solid var(--line); padding:22px 10px 0; }.status-title { display:flex; align-items:center; gap:8px; font-size:12px; }.status-title .icon { width:15px; color:var(--ice); }.preview-status p { font-size:11px; color:var(--quiet); line-height:1.8; margin:8px 0 0; }.back-link { display:flex; align-items:center; gap:9px; font-size:12px; color:var(--muted); margin:22px 10px 0; }.back-link .icon { width:16px; }.back-link:hover { color:var(--ice); }
.content { min-width:0; padding:24px 32px 48px; background:var(--bg); }#view,.demo-banner { max-width:1392px; margin-inline:auto; }
.demo-banner { display:flex; gap:9px; align-items:center; margin-bottom:22px; color:var(--quiet); font-size:11px; }.demo-banner>.icon { width:14px; height:14px; flex:none; }.demo-banner p { margin:0; display:flex; gap:10px; align-items:center; }.demo-banner strong { color:var(--muted); font-weight:550; }.demo-banner p>span { font-weight:400; }.reset-button { border:0; background:transparent; color:var(--accent); font-size:11px; padding:8px 10px; min-height:36px; margin-left:auto; white-space:nowrap; border-radius:5px; }.reset-button:hover { background:#dfe8e8; }
.overview-intro { position:relative; overflow:hidden; display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:178px; padding:27px 32px; background:var(--ink); color:var(--chalk); border:1px solid #2b404d; border-radius:8px; margin-bottom:24px; }.overview-intro>div { position:relative; z-index:1; }.intro-context { display:flex; flex-wrap:wrap; align-items:center; gap:12px; color:#b5c6d0; font-size:11px; margin-bottom:14px; }.intro-context>span { padding:2px 7px; border:1px solid #405564; border-radius:4px; color:#b8d8e3; font-size:10px; }.overview-intro h1,.view-heading h1 { font:500 34px/1.15 var(--display); letter-spacing:-.035em; margin:0 0 9px; }.overview-intro>div>p:last-child { font-size:13px; color:#b9c9d2; margin:0; max-width:52ch; }.overview-core { width:146px; height:146px; object-fit:contain; margin:-12px 16px -12px 0; flex:none; }
.view-heading { display:flex; align-items:center; justify-content:space-between; gap:28px; margin-bottom:28px; padding-top:6px; }.view-heading h1 { font-size:32px; }.view-heading p { color:var(--muted); font-size:13px; margin:0; max-width:65ch; }.heading-actions { display:flex; gap:10px; flex:none; align-items:center; }
.metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-bottom:26px; gap:0; border:1px solid var(--line); border-radius:7px; overflow:hidden; background:white; }.metric { padding:18px 22px; border-right:1px solid var(--line); display:block; transition:background .15s; }.metric:last-child { border:0; }.metric:hover { background:#f3f7f7; }.metric:focus-visible { outline-offset:-3px; }.metric-title { display:flex; align-items:center; gap:8px; font-size:12px; color:var(--muted); }.metric-title .icon { width:16px; height:16px; color:#627f8c; }.metric-title .icon:last-child { margin-left:auto; width:13px; opacity:0; }.metric:hover .metric-title .icon:last-child,.metric:focus-visible .metric-title .icon:last-child { opacity:1; }.metric strong { display:block; font:500 32px/1 var(--display); letter-spacing:-.03em; margin:17px 0 10px; }.metric small { display:block; font-size:11px; color:var(--quiet); }.metric.attention { background:#fbf7f1; }.metric.attention:hover { background:#f6eddf; }.metric.attention strong { color:var(--warning); }
.overview-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.04fr); gap:22px; align-items:stretch; }.panel { border:1px solid var(--line); border-radius:7px; padding:24px; background:var(--surface); min-width:0; }.panel-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:21px; }.panel h2 { font-size:16px; font-weight:600; letter-spacing:-.02em; line-height:1.4; margin:0; }.panel-head p { font-size:12px; color:var(--quiet); margin:5px 0 0; }.panel-head>a,.panel-head>span { font-size:11px; white-space:nowrap; color:var(--accent); }.panel-head>a { padding-block:8px; }.panel-head>span { color:var(--quiet); }.panel-head>a:hover { text-decoration:underline; text-underline-offset:4px; }.panel-count { display:inline-block; background:#f4e8d9; color:#8b592e; padding:1px 7px; border-radius:4px; font-size:11px; margin-left:5px; vertical-align:middle; }
.review-item { border-top:1px solid var(--line); }.review-item button { display:flex; align-items:center; gap:18px; width:100%; min-height:115px; border:0; background:transparent; color:var(--text); text-align:left; padding:18px 2px; }.review-item button:hover { background:#f5f8f8; }.review-item-copy { min-width:0; flex:1; }.review-item small { display:flex; gap:12px; align-items:center; color:var(--warning); font-size:10px; margin-bottom:6px; }.review-item small>span { color:var(--quiet); }.review-item strong { display:block; font-size:14px; font-weight:550; margin-bottom:6px; }.finding-summary { display:block; font-size:12px; color:var(--muted); line-height:1.65; max-width:54ch; }.review-item button>.icon { color:var(--accent); width:16px; }
.chart-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:23px; }.chart-toolbar>div { display:flex; align-items:center; gap:12px; }.chart-toolbar strong { font:500 33px/1 var(--display); letter-spacing:-.04em; }.chart-toolbar>div>span { color:var(--muted); font-size:12px; }.chart-toolbar small { display:block; color:var(--quiet); font-size:10px; margin-top:3px; }
.select-field select,.sort-field select { min-height:40px; border:1px solid #c9d4d9; border-radius:5px; background:white; color:var(--text); padding:8px 10px; font-size:12px; }.select-field select { max-width:145px; }
.chart-plot { position:relative; display:grid; grid-template-columns:20px 1fr; gap:12px; }.chart-axis { position:relative; height:160px; color:#6b7d87; font-size:10px; text-align:right; }.chart-axis span { position:absolute; right:0; line-height:16px; }.chart-axis span:nth-child(1) { top:0; }.chart-axis span:nth-child(2) { top:49.333px; }.chart-axis span:nth-child(3) { top:98.667px; }.chart-axis span:nth-child(4) { top:148px; }.chart-columns { position:relative; display:flex; justify-content:space-around; gap:10px; }.chart-columns::before { content:''; position:absolute; inset:8px 0 auto; height:148px; background:repeating-linear-gradient(to top,#e5eaec 0,#e5eaec 1px,transparent 1px,transparent 33.333%); border-top:1px solid #e5eaec; pointer-events:none; }.chart-column { position:relative; display:flex; flex-direction:column; align-items:center; flex:1; max-width:70px; gap:9px; border:0; border-radius:4px; padding:0; color:var(--quiet); background:transparent; font-size:11px; min-width:24px; }.chart-column svg { width:100%; height:160px; overflow:visible; }.chart-track { fill:#edf3f4; }.chart-bar { fill:#668e9d; transition:fill .15s; }.chart-column text { font:500 12px var(--font); fill:#426274; }.chart-column[aria-pressed="true"] .chart-bar { fill:#224e62; }.chart-column[aria-pressed="true"]>span { color:#194b60; font-weight:650; }.chart-column:hover .chart-bar { fill:#388499; }.chart-column:focus-visible { outline-offset:4px; }.chart-foot { margin:12px 0 19px; color:var(--quiet); font-size:10px; }
.chart-selection { border-top:1px solid var(--line); padding-top:15px; }.chart-selection-heading { display:flex; align-items:center; justify-content:space-between; font-size:11px; margin-bottom:8px; }.chart-selection-heading strong { font-weight:600; }.chart-selection-heading span { color:var(--quiet); }.chart-records { display:grid; gap:3px; }.chart-records button { border:0; background:transparent; display:flex; align-items:center; gap:9px; width:100%; min-height:38px; color:var(--muted); font-size:11px; text-align:left; padding:6px; border-radius:4px; }.chart-records button:hover { background:#edf4f5; color:var(--text); }.chart-records button .icon { width:14px; height:14px; color:#648391; }.chart-records button .icon:last-child { margin-left:auto; }.chart-records p { font-size:12px; color:var(--quiet); }
.table-panel { grid-column:1/-1; }.table-scroll { position:relative; overflow-x:auto; }.data-table { width:100%; border-collapse:collapse; text-align:left; white-space:nowrap; }.data-table th { padding:12px 14px; background:#f5f7f7; color:var(--quiet); font-size:11px; font-weight:500; border-block:1px solid var(--line); }.data-table th:first-child { border-radius:4px 0 0 4px; }.data-table th:last-child { border-radius:0 4px 4px 0; }.data-table td { padding:15px 14px; border-bottom:1px solid #e5eaec; font-size:12px; }.data-table tr:last-child td { border-bottom:0; }.data-table tbody tr:hover { background:#f7fafa; }.data-table .secondary { color:var(--muted); }.table-link { display:flex; align-items:center; gap:12px; min-height:40px; background:transparent; border:0; padding:3px 0; color:var(--text); text-align:left; font-size:13px; font-weight:500; }.table-link:hover { color:var(--accent); }.table-link .icon { width:17px; height:20px; flex:none; color:#67828e; }.record-id { display:inline-block; color:var(--quiet); font-size:10px; font-weight:400; margin-top:3px; }.view-link { color:var(--accent); border:0; background:transparent; min-height:40px; padding:6px 0; font-size:12px; white-space:nowrap; }.view-link:hover { text-decoration:underline; text-underline-offset:4px; }
.coverage { display:grid; gap:6px; font-size:10px; color:var(--quiet); }.coverage meter { appearance:none; height:4px; width:120px; border:0; background:#e3ebed; border-radius:4px; overflow:hidden; }.coverage meter::-webkit-meter-bar { border:0; background:#e3ebed; height:4px; }.coverage meter::-webkit-meter-optimum-value { background:#608999; }.coverage meter::-moz-meter-bar { background:#608999; }
.toolbar { margin-bottom:20px; }.search-controls { display:flex; gap:16px; align-items:center; margin-bottom:20px; }.search-field { display:flex; align-items:center; gap:9px; min-height:44px; width:360px; max-width:100%; border:1px solid #c9d4d9; border-radius:6px; background:white; color:var(--quiet); padding:0 13px; }.search-field input { width:100%; min-width:0; min-height:42px; border:0; outline:0; background:transparent; font-size:13px; color:var(--text); }.search-field input::placeholder { color:#70828d; }.search-field:focus-within { outline:2px solid var(--accent); outline-offset:2px; }.search-field .icon { width:16px; height:16px; }.sort-field { margin-left:auto; display:flex; align-items:center; gap:10px; font-size:12px; color:var(--quiet); }.sort-field select { min-height:44px; }.record-controls { display:flex; align-items:center; gap:18px; flex-wrap:wrap; }.filters { display:flex; align-items:center; gap:4px; background:#e2e8e8; border:1px solid #d8e0e2; padding:3px; border-radius:7px; }.filter { display:flex; align-items:center; justify-content:center; gap:8px; min-height:37px; border:1px solid transparent; background:transparent; border-radius:4px; padding:7px 12px; color:var(--muted); font-size:12px; }.filter>span { font-size:10px; color:#6c7e88; padding:0 4px; border-radius:3px; }.filter[aria-pressed="true"] { color:var(--text); background:white; border-color:#d2dcdf; box-shadow:0 1px 2px #1525310a; }.filter[aria-pressed="true"]>span { color:var(--accent); background:#edf4f5; }.filter:hover:not([aria-pressed="true"]) { background:#eef3f3; }.result-count { margin-left:auto; color:var(--quiet); font-size:12px; }
.empty { padding:42px 20px; text-align:center; color:var(--muted); font-size:13px; }.empty .icon { width:28px; height:28px; margin:auto; color:#547687; }.empty h2 { font:500 23px var(--display); margin:15px 0 10px; color:var(--text); }.empty .button { margin-top:10px; }.dataset-note { margin-top:22px; padding-top:18px; border-top:1px solid #d5dee0; font-size:12px; color:var(--muted); }.dataset-note strong { font-weight:550; }.dataset-note p { margin:4px 0 0; max-width:80ch; }
.workflow-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }.workflow-card { padding:26px; }.workflow-top { display:flex; gap:22px; align-items:center; margin-bottom:24px; }.workflow-art { width:94px; height:106px; padding:8px; border-radius:6px; background:var(--ink); object-fit:contain; flex:none; }.workflow-top h2 { font:500 23px/1.2 var(--display); letter-spacing:-.025em; margin:6px 0 12px; }.workflow-top p { margin:0; font-size:11px; color:var(--quiet); }.workflow-flow { display:grid; gap:14px; margin:0 0 26px; }.flow-step { display:flex; align-items:flex-start; gap:12px; color:var(--muted); font-size:12px; line-height:1.7; }.flow-step>span:first-child { display:grid; place-items:center; width:22px; height:22px; background:#eef4f5; border:1px solid #d8e4e7; color:var(--accent); font-size:10px; border-radius:50%; flex:none; }.workflow-card .workflow-flow { min-height:106px; }.workflow-card footer { border-top:1px solid var(--line); padding-top:15px; display:flex; align-items:center; justify-content:space-between; gap:16px; color:var(--quiet); font-size:11px; }.workflow-detail { margin-bottom:24px; }.workflow-identity { display:flex; gap:22px; align-items:center; margin-bottom:30px; }.workflow-identity h2 { font:500 26px var(--display); margin-bottom:10px; }.workflow-detail>.workflow-flow { grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }.flow-step strong { display:block; font-size:11px; font-weight:550; color:var(--accent); margin-bottom:6px; }.flow-step p { margin:0; color:var(--text); font-size:13px; }.workflow-detail>p { margin:0; padding-top:20px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; }
.activity-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:22px; align-items:start; }.event-list { list-style:none; margin:0; padding:0; }.event-list li { display:flex; align-items:flex-start; gap:12px; padding-block:16px; border-top:1px solid var(--line); }.event-list .icon { color:#68828e; width:16px; height:18px; margin-top:2px; }.event-list strong { display:block; font-size:12px; font-weight:550; }.event-list small { font-size:11px; color:var(--quiet); }.event-list time { color:var(--quiet); font-size:10px; margin-left:auto; white-space:nowrap; }
.record-dialog,.command-dialog { color:var(--text); background:white; border:1px solid #bacbd3; border-radius:9px; padding:0; width:min(600px,calc(100% - 32px)); max-height:calc(100dvh - 48px); box-shadow:0 28px 120px #07152266; }.record-dialog::backdrop,.command-dialog::backdrop { background:#06121bd6; backdrop-filter:blur(4px); }.dialog-header { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:28px 30px; background:#f5f8f8; border-bottom:1px solid var(--line); }.dialog-header small { font-size:11px; color:var(--quiet); }.dialog-header h2 { font:500 29px/1.15 var(--display); letter-spacing:-.025em; margin:10px 0 0; }.dialog-header .icon-button { margin:-8px -12px 0 0; }.dialog-body { padding:28px 30px; }.record-meta { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin:0 0 28px; }.record-meta dt { color:var(--quiet); font-size:11px; margin-bottom:6px; }.record-meta dd { margin:0; font-size:13px; }.review-note { padding:18px 20px; border-left:3px solid var(--copper); background:#f9f3eb; font-size:13px; line-height:1.85; color:#775332; border-radius:0 5px 5px 0; }.dialog-limit { color:var(--quiet); font-size:11px; line-height:1.8; margin:18px 0 0; }.dialog-footer { border-top:1px solid var(--line); padding:20px 30px; display:flex; justify-content:flex-end; gap:10px; }
.command-dialog { margin-top:14vh; }.command-input { display:flex; align-items:center; gap:12px; padding:14px 20px; border-bottom:1px solid var(--line); }.command-input input { border:0; background:transparent; color:var(--text); min-width:0; flex:1; min-height:40px; font-size:14px; }.command-results { padding:8px; max-height:380px; overflow-y:auto; }.command-result { display:flex; align-items:center; gap:12px; width:100%; min-height:48px; padding:12px; border:0; border-radius:5px; background:transparent; color:var(--text); font-size:13px; text-align:left; }.command-result small { color:var(--quiet); font-size:10px; margin-left:auto; }.command-result:hover,.command-result:focus-visible { background:#edf4f5; }.command-hint { padding:14px 20px; border-top:1px solid var(--line); margin:0; font-size:11px; color:var(--quiet); }.toast { position:fixed; z-index:50; bottom:24px; left:50%; transform:translateX(-50%); max-width:calc(100% - 32px); padding:14px 20px; color:#d1f1e3; background:#16372c; border:1px solid #54816c; border-radius:7px; box-shadow:0 12px 40px #0c211433; font-size:13px; }
@media(min-width:1700px) { .content { padding:28px 44px 56px; } }
@media(max-width:1250px) { .workspace small { display:none; }.workspace-mode { display:none; }.content { padding-inline:24px; }.metric { padding:17px; }.panel { padding:21px; }.overview-grid { gap:18px; }.finding-summary { font-size:11px; } }
@media(max-width:1050px) { .search-trigger>span:nth-child(2),.search-trigger kbd { display:none; }.search-trigger { padding:8px 12px; }.overview-grid,.activity-layout { grid-template-columns:1fr; }.metrics { grid-template-columns:1fr 1fr; }.metric:nth-child(2) { border-right:0; }.metric:nth-child(-n+2) { border-bottom:1px solid var(--line); }.workflow-grid { grid-template-columns:1fr; }.review-item button { min-height:100px; }.finding-summary { font-size:12px; }.review-item-copy { max-width:none; }.workflow-card .workflow-flow { min-height:0; }.overview-intro { padding:25px; }.overview-core { width:110px; height:110px; margin:0; }.overview-intro h1 { font-size:30px; }.intro-context>span { display:none; }.view-heading { align-items:flex-start; }.workflow-detail>.workflow-flow { grid-template-columns:1fr; gap:20px; }.sort-field>span { display:none; }.search-controls { gap:12px; } }
@media(max-width:700px) { .topbar { min-height:68px; padding-inline:16px; gap:10px; }.topbar .brand { width:auto; gap:8px; }.topbar .brand-name { font-size:18px; }.topbar .brand img { width:35px; height:35px; }.workspace { display:none; }.topbar-actions { gap:3px; }.topbar-actions>a { display:none; }.search-trigger { min-height:44px; border:0; background:transparent; padding:8px; }.mobile-nav { display:inline-flex; }.app-shell { grid-template-columns:1fr; min-height:calc(100vh - 68px); }.sidebar { display:none; position:fixed; inset:68px 0 auto; height:auto; max-height:calc(100dvh - 68px); z-index:20; padding:20px; border-bottom:1px solid var(--line); box-shadow:0 20px 50px #06111baa; }.sidebar.open { display:flex; }.sidebar-project,.preview-status { display:none; }.sidebar-bottom { padding-top:20px; }.back-link { margin:0 12px; }.content { padding:16px 16px 36px; }.demo-banner { margin-bottom:14px; gap:7px; align-items:flex-start; }.demo-banner>.icon { margin-top:9px; }.demo-banner p { display:block; flex:1; font-size:10px; padding-top:6px; }.demo-banner strong { display:block; font-size:11px; margin-bottom:2px; }.demo-banner p>span { display:block; max-width:26ch; }.reset-button { font-size:10px; min-height:44px; padding-inline:6px; }.overview-intro { min-height:164px; padding:23px 22px; margin-bottom:18px; }.overview-intro>div { max-width:85%; }.overview-intro h1 { font-size:29px; }.overview-intro>div>p:last-child { font-size:12px; max-width:26ch; }.intro-context { font-size:10px; margin-bottom:10px; }.overview-core { position:absolute; right:-38px; top:0; width:170px; height:170px; opacity:.2; }.metrics { margin-bottom:18px; }.metric { padding:17px 15px; }.metric-title { gap:7px; font-size:11px; }.metric-title .icon { width:14px; height:14px; }.metric-title .icon:last-child { display:none; }.metric strong { font-size:30px; margin-block:14px 8px; }.metric small { font-size:10px; line-height:1.65; }.overview-grid,.activity-layout,.workflow-grid { gap:18px; }.panel { padding:20px; }.panel-head { gap:10px; margin-bottom:18px; }.panel h2 { font-size:15px; }.panel-head p { font-size:11px; }.panel-head>a,.panel-head>span { font-size:10px; }.review-item button { min-height:120px; padding:17px 0; gap:12px; }.review-item strong { font-size:13px; }.finding-summary { font-size:11px; }.review-item small { font-size:10px; }.review-item button>.icon { width:14px; }.chart-toolbar { gap:10px; margin-bottom:22px; }.chart-toolbar strong { font-size:31px; }.chart-toolbar>div { gap:9px; }.chart-toolbar>div>span { font-size:11px; }.chart-toolbar small { font-size:9px; }.select-field select { font-size:11px; min-height:44px; padding:7px; max-width:115px; }.chart-columns { gap:3px; }.chart-axis { font-size:9px; }.chart-column { font-size:10px; min-height:194px; }.chart-column text { font-size:14px; }.chart-records button { min-height:44px; font-size:11px; }.chart-selection-heading { font-size:11px; }.chart-foot { font-size:10px; }.view-heading { flex-direction:column; gap:18px; margin-bottom:23px; padding-top:10px; }.view-heading h1 { font-size:30px; }.view-heading p { font-size:12px; }.heading-actions { width:100%; }.heading-actions .button { font-size:12px; }.search-controls { flex-wrap:wrap; gap:12px; }.search-field { width:100%; }.sort-field { margin-left:0; }.sort-field>span { display:block; }.filters { flex-wrap:wrap; width:100%; gap:3px; }.filter { flex:1 0 calc(50% - 4px); min-height:44px; font-size:11px; padding:8px; }.record-controls { gap:12px; }.result-count { margin-left:0; }.data-table { min-width:640px; }.data-table th,.data-table td { padding-inline:12px; }.table-scroll::before { content:'Swipe for more columns'; display:block; position:sticky; left:0; font-size:10px; color:var(--quiet); padding:0 0 12px; }.table-link,.view-link { min-height:44px; }.workflow-top { gap:18px; margin-bottom:22px; }.workflow-art { width:74px; height:92px; padding:5px; }.workflow-top h2 { font-size:22px; }.workflow-top p { font-size:10px; }.workflow-top .badge { font-size:10px; }.workflow-card footer { flex-wrap:wrap; gap:5px 12px; }.workflow-identity { gap:18px; }.workflow-identity h2 { font-size:23px; }.event-list strong { font-size:11px; }.event-list time { font-size:9px; }.event-list li { gap:10px; }.record-dialog,.command-dialog { width:calc(100% - 24px); }.dialog-header,.dialog-body { padding:24px; }.dialog-header h2 { font-size:26px; }.dialog-footer { padding:18px 24px; }.record-meta { gap:22px 15px; }.review-note { font-size:12px; padding:16px; }.command-input { padding:12px 16px; gap:8px; }.command-input input { font-size:12px; }.command-result { font-size:12px; }.command-result small { max-width:62px; text-align:right; }.command-hint { font-size:10px; }.toast { font-size:12px; } }
@media(max-width:370px) { .topbar { padding-inline:12px; }.topbar .brand-name { font-size:17px; }.topbar .brand img { width:32px; height:32px; }.topbar .brand { gap:6px; }.icon-button { width:40px; }.content { padding-inline:12px; }.panel { padding:17px; }.overview-intro { padding-inline:19px; }.overview-intro h1 { font-size:27px; }.metric { padding:15px 12px; }.metric-title { gap:6px; }.chart-toolbar { flex-wrap:wrap; row-gap:14px; }.chart-toolbar>div { flex:1; }.chart-toolbar small { font-size:8px; }.select-field select { max-width:110px; }.dialog-footer { flex-direction:column-reverse; }.dialog-footer .button { width:100%; }.workflow-top { gap:13px; }.workflow-top h2 { font-size:20px; } }