/* Shadcn Admin layout tokens; light slate and soft graphite dark palette. */
:root { color-scheme: light; --background:#f8fafc; --foreground:#0f172a; --card:#fff; --card-foreground:#0f172a; --muted:#f1f5f9; --muted-foreground:#64748b; --border:#e2e8f0; --input:#e2e8f0; --primary:#0f172a; --primary-foreground:#f8fafc; --secondary:#f1f5f9; --secondary-foreground:#0f172a; --accent:#f1f5f9; --accent-foreground:#0f172a; --ring:#0f172a; --success:#166534; --success-bg:#f0fdf4; --warning:#a16207; --warning-bg:#fefce8; --danger:#b91c1c; --danger-bg:#fef2f2; --hover-border:#cbd5e1; --row-hover-border:#94a3b8; --placeholder:#94a3b8; --nav-indicator:#365e4d; --online:#22c55e; --pending:#f59e0b; --offline:#ef4444; --link:#2563eb; --reserved:#1d4ed8; --reserved-bg:#eff6ff; --notice:#9a3412; --notice-bg:#fff7ed; --notice-border:#fed7aa; --scope-accent:#f59e0b; --shadow-rgb:15 23 42; --overlay:#0f172a66; --radius:.625rem; font:14px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; background:var(--background); color:var(--foreground); }
[data-theme="dark"] {
  color-scheme:dark;
  --background:#1c1c1f; --foreground:#ecebed; --card:#232326; --card-foreground:#ecebed;
  --muted:#2b2b30; --muted-foreground:#a6a6af; --border:#36363b; --input:#414147;
  --primary:#bacabb; --primary-foreground:#1b251e; --secondary:#2b2b30; --secondary-foreground:#ecebed;
  --accent:#303135; --accent-foreground:#ecebed; --ring:#bacabb;
  --success:#a2cfb1; --success-bg:#28372f; --warning:#d9bd86; --warning-bg:#3b3328;
  --danger:#e3a5a0; --danger-bg:#402c2d; --reserved:#b8bad3; --reserved-bg:#30303e;
  --hover-border:#5b5d60; --row-hover-border:#686d69; --placeholder:#9999a3; --nav-indicator:#bacabb;
  --online:#91b89c; --pending:#c8ad7e; --offline:#ce918b; --link:#b8cfbf;
  --notice:#d9bd86; --notice-bg:#322e27; --notice-border:#514735; --scope-accent:#bca778;
  --shadow-rgb:0 0 0; --overlay:#00000073;
}
[data-theme="dark"] fieldset { border:1px solid var(--border); border-radius:8px; }
[data-theme="dark"] legend { padding:0 6px; color:var(--muted-foreground); font-size:12px; }
* { box-sizing:border-box; } body { min-width:320px; margin:0; background:var(--background); color:var(--foreground); } button,input,textarea,select { font:inherit; } button { cursor:pointer; } button:disabled { opacity:.5; cursor:not-allowed; } button,a,input,textarea,select,summary { outline-offset:3px; } :focus-visible { outline:2px solid var(--ring); } a { color:inherit; } [hidden],.icon-defs { display:none !important; } .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.icon, nav svg, .command-item svg, .command-search svg, .panel-title svg { width:16px; height:16px; flex:0 0 auto; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
/* App shell */
.work-queue { list-style:none; margin:0; padding:0; }
.work-queue li { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; padding:8px 16px; border-bottom:1px solid var(--border); }
.work-queue li:last-child { border-bottom:0; }
.work-queue .link-button { min-width:0; padding:0; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:500; color:var(--foreground); }
.work-queue li > span { flex:none; font-size:11px; padding:2px 7px; border-radius:6px; color:var(--warning); background:var(--warning-bg); }
.queue-footer { display:flex; align-items:center; gap:10px; padding:10px 16px; border-top:1px solid var(--border); color:var(--muted-foreground); font-size:12px; }
#dialog-body > h2 { font-size:14px; font-weight:600; margin:22px 0 10px; }
.command-footer { display:flex; gap:14px; }
.shell { min-height:100vh; display:grid; grid-template-columns:232px minmax(0,1fr); transition:grid-template-columns .2s ease; } .sidebar { z-index:30; display:flex; flex-direction:column; position:sticky; top:0; width:232px; height:100vh; padding:12px 10px; overflow-x:hidden; background:var(--card); border-right:1px solid var(--border); transition:width .2s ease,transform .2s ease; } .brand { display:flex; align-items:center; gap:10px; min-height:44px; padding:0 8px; color:var(--foreground); text-decoration:none; } .seal { display:grid; place-items:center; width:28px; height:28px; flex:0 0 28px; border-radius:8px; background:var(--primary); color:var(--primary-foreground); font:600 16px/1 "Songti SC",serif; } .brand-copy { display:grid; line-height:1.2; white-space:nowrap; } .brand-copy strong { font-size:14px; font-weight:650; } .brand-copy small,.sidebar-footer-copy small { margin-top:3px; color:var(--muted-foreground); font-size:11px; }
nav { display:grid; gap:3px; margin-top:20px; } nav button { display:flex; align-items:center; gap:10px; width:100%; min-height:36px; padding:0 10px; border:1px solid transparent; border-radius:8px; background:transparent; color:var(--muted-foreground); text-align:left; white-space:nowrap; transition:background .15s,color .15s; } nav button:hover { color:var(--foreground); background:var(--muted); } nav [aria-current] { position:relative; color:var(--foreground); background:var(--muted); font-weight:600; } nav [aria-current]::before { content:""; width:4px; height:4px; margin-left:-4px; border-radius:50%; background:var(--nav-indicator); } .nav-group { margin:14px 0 3px; padding:0 10px; color:var(--muted-foreground); font-size:11px; font-weight:600; letter-spacing:.04em; } .sidebar-footer,.local { display:flex; align-items:center; gap:9px; margin-top:auto; padding:12px 8px 3px; border-top:1px solid var(--border); color:var(--muted-foreground); font-size:12px; } .local-indicator { width:7px; height:7px; flex:0 0 7px; border-radius:999px; background:var(--online); box-shadow:0 0 0 3px color-mix(in srgb,var(--online) 16%,transparent); } .sidebar-footer-copy { display:grid; line-height:1.2; white-space:nowrap; }.sidebar-footer-copy strong { color:var(--foreground); font-size:12px; }
body.sidebar-collapsed .shell { grid-template-columns:68px minmax(0,1fr); } body.sidebar-collapsed .sidebar { width:68px; padding-inline:10px; } body.sidebar-collapsed .brand { justify-content:center; padding:0; } body.sidebar-collapsed nav button { justify-content:center; padding:0; } body.sidebar-collapsed nav [aria-current]::before { position:absolute; left:7px; margin:0; } body.sidebar-collapsed .brand-copy,body.sidebar-collapsed .nav-label,body.sidebar-collapsed .nav-group,body.sidebar-collapsed .sidebar-caption,body.sidebar-collapsed .sidebar-footer-copy { display:none; } body.sidebar-collapsed .sidebar-footer { justify-content:center; padding-inline:0; }
main { min-width:0; background:var(--background); } .top { z-index:20; display:flex; align-items:center; justify-content:space-between; gap:16px; position:sticky; top:0; min-height:56px; padding:0 28px; background:color-mix(in srgb,var(--background) 92%,transparent); border-bottom:1px solid var(--border); backdrop-filter:blur(10px); } .top-leading,.top-actions { display:flex; align-items:center; gap:10px; min-width:0; }.top h1 { margin:0; font-size:15px; font-weight:650; letter-spacing:-.01em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.top-divider { width:1px; height:20px; background:var(--border); }.icon-button { display:grid; place-items:center; width:36px; height:36px; padding:0; border:1px solid transparent; border-radius:8px; background:transparent; color:var(--muted-foreground); }.icon-button:hover { color:var(--foreground); background:var(--muted); }.icon-button .icon { width:17px; height:17px; }
.command-trigger { display:flex; align-items:center; gap:8px; min-width:190px; height:32px; padding:0 9px; border:1px solid var(--border); border-radius:7px; background:var(--card); color:var(--muted-foreground); text-align:left; box-shadow:0 1px 2px rgb(var(--shadow-rgb) / 0.0392); }.command-trigger span { flex:1; }.command-trigger kbd { padding:1px 5px; border:1px solid var(--border); border-radius:4px; background:var(--muted); color:var(--muted-foreground); font:11px ui-monospace,SFMono-Regular,monospace; } #connection { display:inline-flex; align-items:center; gap:6px; color:var(--muted-foreground); font-size:12px; white-space:nowrap; }#connection::before { content:""; width:6px; height:6px; border-radius:999px; background:var(--pending); }#connection[data-state="online"]::before { background:var(--online); }#connection[data-state="offline"]::before { background:var(--offline); } .workspace { max-width:1600px; min-height:calc(100vh - 56px); margin:0 auto; padding:28px; }
/* Shared controls and surfaces */
.primary,.secondary,.link-button { min-height:36px; border-radius:8px; font-size:13px; font-weight:500; transition:background .15s,border-color .15s,color .15s,box-shadow .15s; }.primary { padding:0 13px; border:1px solid var(--primary); background:var(--primary); color:var(--primary-foreground); box-shadow:0 1px 2px rgb(var(--shadow-rgb) / 0.0824); }.primary:hover { opacity:.9; }.secondary { padding:0 12px; border:1px solid var(--border); background:var(--card); color:var(--foreground); box-shadow:0 1px 2px rgb(var(--shadow-rgb) / 0.0314); }.secondary:hover { background:var(--muted); }.link-button { min-height:30px; padding:0 5px; border:0; background:transparent; color:var(--muted-foreground); }.link-button:hover { color:var(--foreground); background:var(--muted); } .overview-toolbar,.panel-head,.section-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }.overview-toolbar { margin-bottom:20px; }.quick-actions,.refresh-control { display:flex; align-items:center; gap:8px; }.refresh-control,#overview-updated { color:var(--muted-foreground); font-size:12px; }
.summary { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; margin-bottom:20px; }.summary button { position:relative; display:grid; min-height:92px; padding:15px; border:1px solid var(--border); border-radius:var(--radius); background:var(--card); color:var(--foreground); text-align:left; box-shadow:0 1px 2px rgb(var(--shadow-rgb) / 0.0314); }.summary button:hover { border-color:var(--hover-border); background:color-mix(in srgb,var(--card) 92%,var(--muted)); }.summary span { color:var(--muted-foreground); font-size:12px; }.summary strong { margin-top:2px; font-size:24px; line-height:1.15; letter-spacing:-.03em; }.summary-icon { position:absolute; top:14px; right:14px; display:grid; place-items:center; width:27px; height:27px; border-radius:7px; background:var(--muted); color:var(--muted-foreground); }.summary-icon .icon { width:15px; height:15px; }
.dashboard-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; }.panel { min-width:0; overflow:hidden; border:1px solid var(--border); border-radius:var(--radius); background:var(--card); box-shadow:0 1px 2px rgb(var(--shadow-rgb) / 0.0314); }.panel-head { min-height:50px; padding:0 16px; border-bottom:1px solid var(--border); }.panel h2,.panel-title h2 { margin:0; font-size:14px; font-weight:600; }.panel-title { display:flex; align-items:center; gap:8px; }.panel-title svg { color:var(--muted-foreground); }
.table-wrap { overflow:auto; border:1px solid var(--border); border-radius:var(--radius); background:var(--card); }.panel .table-wrap { border:0; border-radius:0; }.data-table { width:100%; border-collapse:collapse; text-align:left; font-size:13px; }.data-table th { height:36px; padding:0 14px; border-bottom:1px solid var(--border); background:var(--muted); color:var(--muted-foreground); font-size:12px; font-weight:500; white-space:nowrap; }.data-table td { height:44px; padding:8px 14px; border-bottom:1px solid var(--border); vertical-align:middle; }.data-table tbody tr:last-child td { border-bottom:0; }.data-table tbody tr:hover { background:color-mix(in srgb,var(--muted) 55%,transparent); }.data-table .secondary,.data-table .link-button { min-height:27px; padding-inline:7px; font-size:12px; }.data-table small { display:block; margin-top:2px; color:var(--muted-foreground); font-size:11px; }.table-title { padding:0; border:0; background:none; color:var(--foreground); font-weight:550; text-align:left; }.table-title:hover { text-decoration:underline; }.table-meta,.list-meta { margin:8px 0; color:var(--muted-foreground); font-size:12px; }
.filter-panel { margin:0 0 16px; }.filter-line { display:flex; flex-wrap:wrap; align-items:end; gap:8px; }.filter-line .search { flex:0 1 330px; }.filter-line > label:not(.search) { max-width:190px; }label { display:grid; min-width:0; gap:5px; color:var(--muted-foreground); font-size:12px; }input,select,textarea { width:100%; min-width:0; border:1px solid var(--input); border-radius:8px; background:var(--card); color:var(--foreground); box-shadow:0 1px 2px rgb(var(--shadow-rgb) / 0.0235); }input,select { height:36px; padding:0 10px; }textarea { min-height:80px; padding:9px 10px; resize:vertical; }input::placeholder,textarea::placeholder { color:var(--placeholder); }input:disabled,select:disabled { background:var(--muted); color:var(--muted-foreground); }input[type=checkbox] { width:15px; height:15px; accent-color:var(--primary); box-shadow:none; }.filter-grid,.fields-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; margin-top:12px; }.scope { padding-top:12px; border-top:1px solid var(--border); }details { margin-top:10px; }summary { color:var(--muted-foreground); font-size:12px; cursor:pointer; }.hint,.muted { color:var(--muted-foreground); font-size:12px; }.hint { margin:5px 0; }
/* Records, categories and assets */
.domain-tabs { display:flex; gap:4px; width:100%; min-width:0; max-width:100%; margin:0 0 16px; padding:4px; overflow-x:auto; border-radius:9px; background:var(--muted); scrollbar-width:thin; }.domain-tabs [role="tab"] { flex:0 0 auto; min-height:32px; padding:0 12px; border:1px solid transparent; border-radius:6px; background:transparent; color:var(--muted-foreground); white-space:nowrap; }.domain-tabs [role="tab"]:hover { color:var(--foreground); }.domain-tabs [aria-selected="true"] { border-color:var(--border); background:var(--card); color:var(--foreground); box-shadow:0 1px 2px rgb(var(--shadow-rgb) / 0.051); font-weight:550; }.category-tree-actions { display:flex; gap:4px; margin-left:auto; }.category-name { white-space:nowrap; }.category-depth-1 { padding-left:28px !important; }.category-depth-2 { padding-left:44px !important; }.category-depth-3 { padding-left:60px !important; }.category-depth-4 { padding-left:76px !important; }.category-depth-5 { padding-left:92px !important; }.category-depth-6 { padding-left:108px !important; }.category-depth-7 { padding-left:124px !important; }.category-depth-8 { padding-left:140px !important; }.category-toggle { display:flex; align-items:center; gap:7px; padding:0; border:0; background:transparent; color:inherit; }.category-chevron { width:7px; height:7px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(-45deg); transition:transform .15s; }.category-toggle[aria-expanded="true"] .category-chevron { transform:translateY(-2px) rotate(45deg); }.category-leaf { padding-left:21px; }.definition-card[data-category-id] { cursor:pointer; }.definition-card[data-category-id]:hover { background:var(--muted); }.concept-mark { margin-left:6px; color:var(--muted-foreground); font-size:10px; }.product-empty { height:112px; color:var(--muted-foreground); text-align:center; }
.asset-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr)); gap:14px; }.asset-card { display:flex; flex-direction:column; min-width:0; padding:0; overflow:hidden; border:1px solid var(--border); border-radius:var(--radius); background:var(--card); color:var(--foreground); text-align:left; box-shadow:0 1px 2px rgb(var(--shadow-rgb) / 0.0314); transition:transform .15s,border-color .15s,box-shadow .15s; }.asset-card:hover { border-color:var(--hover-border); box-shadow:0 7px 20px rgb(var(--shadow-rgb) / 0.0706); transform:translateY(-1px); }.asset-card .thumbnail { display:grid; width:100%; aspect-ratio:16/10; overflow:hidden; place-items:center; background:var(--muted); color:var(--muted-foreground); }.thumbnail img { width:100%; height:100%; object-fit:cover; }.thumbnail span { display:-webkit-box; padding:16px; overflow:hidden; overflow-wrap:anywhere; -webkit-box-orient:vertical; -webkit-line-clamp:3; }.card-content { display:grid; width:100%; gap:6px; padding:12px; }.card-content strong { overflow-wrap:anywhere; font-weight:600; }.chips { display:flex; flex-wrap:wrap; gap:4px; }.chips span { padding:2px 6px; border-radius:5px; background:var(--muted); color:var(--muted-foreground); font-size:11px; overflow-wrap:anywhere; }.more { display:block; margin:14px auto 0; }.status { display:inline-flex; align-items:center; min-height:20px; padding:1px 7px; border-radius:999px; background:var(--muted); color:var(--muted-foreground); font-size:11px; line-height:1.35; white-space:nowrap; }.status-confirmed,.status-reviewed,.status-completed { background:var(--success-bg); color:var(--success); }.status-pending,.status-draft,.status-planned { background:var(--warning-bg); color:var(--warning); }.status-conflict,.status-stale,.status-uncertain { background:var(--danger-bg); color:var(--danger); }.status-reserved { background:var(--reserved-bg); color:var(--reserved); }.status-released { background:var(--muted); color:var(--muted-foreground); }
.empty { display:grid; min-height:180px; place-items:center; padding:26px; border:1px dashed var(--border); border-radius:var(--radius); background:color-mix(in srgb,var(--card) 70%,var(--muted)); color:var(--muted-foreground); text-align:center; }.panel .empty { min-height:160px; border:0; border-radius:0; background:transparent; }.empty > div { display:grid; justify-items:center; }.empty-mark { display:grid; place-items:center; width:32px; height:32px; margin-bottom:9px; border-radius:8px; background:var(--muted); color:var(--muted-foreground); }.empty-mark .icon { width:16px; height:16px; }.empty h3 { margin:0 0 4px; color:var(--foreground); font-size:13px; font-weight:600; }.empty p { margin:0; font-size:12px; }.list-placeholder { padding:22px; color:var(--muted-foreground); text-align:center; }.notice { margin:0 0 14px; padding:9px 12px; border:1px solid var(--notice-border); border-radius:8px; background:var(--notice-bg); color:var(--notice); font-size:12px; }.queue-row { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:51px; padding:9px 14px; border-bottom:1px solid var(--border); }.queue-row:last-child { border-bottom:0; }.queue-row p { margin:3px 0 0; color:var(--muted-foreground); font-size:12px; }
/* Dialogs */
dialog { width:min(720px,calc(100% - 28px)); max-height:min(88vh,860px); padding:20px; overflow:auto; border:1px solid var(--border); border-radius:var(--radius); background:var(--card); color:var(--foreground); box-shadow:0 24px 80px rgb(var(--shadow-rgb) / 0.2196); }dialog::backdrop { background:var(--overlay); }.dialog-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; }.dialog-head h2 { margin:0; font-size:16px; line-height:1.3; overflow-wrap:anywhere; }.dialog-form { display:grid; gap:13px; }.dialog-form .fields-grid { margin-top:0; }.dialog-form .actions { display:flex; justify-content:flex-end; gap:8px; padding-top:14px; margin-top:3px; border-top:1px solid var(--border); }.dialog-actions { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0 18px; }.media-detail { width:100%; max-height:360px; object-fit:contain; border-radius:8px; background:var(--muted); }.copy-detail { padding:12px; border-radius:8px; background:var(--muted); white-space:pre-wrap; overflow-wrap:anywhere; }.select-assets,.check-list { display:grid; gap:7px; max-height:210px; overflow:auto; }.check-list { padding:10px; border:1px solid var(--border); border-radius:8px; }.select-assets label,.check-list label { display:flex; align-items:center; gap:7px; overflow-wrap:anywhere; }.compact-list { display:grid; gap:0; margin:8px 0 16px; overflow:hidden; border:1px solid var(--border); border-radius:8px; }.compact-list > div { padding:9px 12px; border-bottom:1px solid var(--border); overflow-wrap:anywhere; }.compact-list > div:last-child { border-bottom:0; }.compact-list small { display:block; margin-top:3px; color:var(--muted-foreground); }.evidence-fields,.subject-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.subject-row { align-items:end; padding:11px; margin-bottom:8px; border:1px solid var(--border); border-radius:8px; background:var(--muted); }.legacy-note,.workflow-note { margin:8px 0; padding:9px 10px; border-radius:8px; background:var(--muted); color:var(--muted-foreground); font-size:12px; }.timeline { padding-left:20px; overflow-wrap:anywhere; }.timeline li { margin:8px 0; }code { font-family:ui-monospace,SFMono-Regular,monospace; font-size:.9em; } dialog[data-view="detail"] { position:fixed; top:0; right:0; bottom:0; left:auto; width:min(620px,92vw); max-height:none; height:100vh; margin:0; border-width:0 0 0 1px; border-radius:0; }
.command-dialog { width:min(600px,calc(100% - 28px)); padding:0; overflow:hidden; }.command-search { display:flex; align-items:center; gap:10px; padding:12px 14px; border-bottom:1px solid var(--border); color:var(--muted-foreground); }.command-search input { height:30px; padding:0; border:0; border-radius:0; box-shadow:none; background:transparent; }.command-search input:focus { outline:0; }.command-results { max-height:360px; overflow:auto; padding:6px; }.command-item { display:grid; grid-template-columns:18px minmax(0,1fr) auto; align-items:center; gap:10px; width:100%; min-height:42px; padding:0 9px; border:0; border-radius:7px; background:transparent; color:var(--foreground); text-align:left; }.command-item:hover,.command-item[aria-selected="true"] { background:var(--muted); }.command-item small { color:var(--muted-foreground); }.command-footer { padding:8px 14px; border-top:1px solid var(--border); color:var(--muted-foreground); font-size:11px; } #sidebar-scrim { display:none; }
@media (max-width:1100px) { .summary { grid-template-columns:repeat(3,minmax(0,1fr)); }.dashboard-grid { grid-template-columns:1fr; } }
@media (max-width:760px) { .shell,body.sidebar-collapsed .shell { display:block; }.sidebar,body.sidebar-collapsed .sidebar { position:fixed; inset:0 auto 0 0; width:232px; padding:12px 10px; transform:translateX(-100%); box-shadow:12px 0 36px rgb(var(--shadow-rgb) / 0.1098); }.sidebar .brand,body.sidebar-collapsed .brand { justify-content:flex-start; padding:0 8px; }.sidebar nav button,body.sidebar-collapsed nav button { justify-content:flex-start; padding:0 10px; }.sidebar .brand-copy,body.sidebar-collapsed .brand-copy,.sidebar .nav-label,body.sidebar-collapsed .nav-label,.sidebar .nav-group,body.sidebar-collapsed .nav-group,.sidebar .sidebar-caption,body.sidebar-collapsed .sidebar-caption,.sidebar .sidebar-footer-copy,body.sidebar-collapsed .sidebar-footer-copy { display:grid; }.sidebar .sidebar-footer,body.sidebar-collapsed .sidebar-footer { justify-content:flex-start; padding-inline:8px; }body.sidebar-open .sidebar { transform:translateX(0); }#sidebar-scrim { position:fixed; inset:0; z-index:25; background:var(--overlay); }body.sidebar-open #sidebar-scrim { display:block; }.top { min-height:52px; padding:0 16px; }.top-divider,.command-trigger span,.command-trigger kbd { display:none; }.command-trigger { min-width:36px; width:36px; padding:0; justify-content:center; }.workspace { padding:18px 16px; }.summary { gap:9px; margin-bottom:16px; }.summary button { min-height:78px; padding:11px; }.summary strong { font-size:21px; }.summary-icon { top:10px; right:10px; width:24px; height:24px; }.overview-toolbar { align-items:flex-start; }.quick-actions { flex-wrap:wrap; }.refresh-control #overview-updated { display:none; }.filter-line .search { flex:1 1 100%; }.filter-line > label:not(.search) { flex:1 1 130px; max-width:none; }.asset-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.card-content { padding:10px; }.data-table th,.data-table td { padding-left:10px; padding-right:10px; }.evidence-fields { grid-template-columns:1fr; }dialog { padding:16px; }dialog[data-view="detail"] { width:100%; max-width:none; border:0; }.domain-tabs { margin-inline:-2px; } }
@media (max-width:430px) { .top-actions { gap:3px; }.top #connection { display:none; }.summary { grid-template-columns:repeat(2,minmax(0,1fr)); }.asset-grid { grid-template-columns:1fr; }.quick-actions .secondary { display:none; } } @media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; transition-duration:.01ms !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; } }

@media (max-width:760px) { .data-table { min-width:640px; } input,select,textarea { font-size:16px; } }

/* Encyclopedia: evidence-first, dense reading surface */
.knowledge-subtabs,.encyclopedia-mode { display:flex; gap:4px; margin:0 0 14px; padding-bottom:8px; border-bottom:1px solid var(--border); overflow-x:auto; }.encyclopedia-mode { margin-bottom:10px; padding-bottom:0; border:0; }.subtab { flex:0 0 auto; min-height:30px; padding:0 10px; border:1px solid transparent; border-radius:6px; background:transparent; color:var(--muted-foreground); font-size:12px; }.subtab:hover,.subtab[aria-selected="true"] { background:var(--muted); color:var(--foreground); }.subtab[aria-selected="true"] { font-weight:600; }.coverage-note { min-height:18px; margin:0 0 10px; color:var(--muted-foreground); font-size:12px; }.encyclopedia-table { table-layout:fixed; min-width:900px; }
.encyclopedia-title-col { width:27%; }.encyclopedia-topic-col { width:122px; }.encyclopedia-status-col { width:88px; }.encyclopedia-count-col { width:60px; }
.encyclopedia-table td { height:42px; padding-top:7px; padding-bottom:7px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.encyclopedia-table tbody tr { cursor:pointer; }.encyclopedia-table tbody tr:focus-within { background:var(--muted); }
.encyclopedia-title,.encyclopedia-summary { display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.encyclopedia-title { font-size:13px; line-height:20px; }.encyclopedia-summary,.encyclopedia-topic { color:var(--muted-foreground); font-size:12px; }
.encyclopedia-table .encyclopedia-count { text-align:right; font-variant-numeric:tabular-nums; }
.detail-section { margin:18px 0; }.detail-section h3 { margin:0 0 7px; font-size:13px; }.detail-section p { margin:0; color:var(--muted-foreground); line-height:1.7; white-space:pre-wrap; }.encyclopedia-detail-meta,.scope-note { margin:0 0 10px; color:var(--muted-foreground); font-size:12px; }.scope-note { padding:9px 10px; border-left:3px solid var(--scope-accent); background:var(--muted); line-height:1.5; }.source-markers { margin-left:4px; font-size:10px; }.source-markers a { color:inherit; text-decoration:none; }.property-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; margin:0; border:1px solid var(--border); background:var(--border); }.property-list div { padding:8px 10px; background:var(--card); }.property-list dt { color:var(--muted-foreground); font-size:11px; }.property-list dd { margin:3px 0 0; overflow-wrap:anywhere; font-size:12px; }.parameter { display:flex; flex-wrap:wrap; gap:5px; padding:8px 0; border-bottom:1px solid var(--border); font-size:12px; }.parameter:last-child { border:0; }.parameter span { color:var(--muted-foreground); }.relation-list { display:grid; justify-items:start; gap:5px; }.source-list { margin:0; padding-left:20px; color:var(--muted-foreground); font-size:12px; line-height:1.7; }.source-list a { color:var(--link); overflow-wrap:anywhere; }.field-group { margin:0 0 16px; }.field-group h3 { margin:0 0 7px; font-size:13px; }.field-group .data-table { min-width:560px; }.field-group td strong,.field-group td small { display:block; }.field-group td small { margin-top:3px; color:var(--muted-foreground); font-family:ui-monospace,SFMono-Regular,monospace; font-size:10px; }.field-group em { display:inline-block; margin-top:4px; padding:1px 4px; border-radius:4px; background:var(--warning-bg); color:var(--warning); font-size:10px; font-style:normal; }
@media (max-width:760px) { .property-list { grid-template-columns:1fr; }.encyclopedia-mode,.knowledge-subtabs { margin-inline:-2px; } }

.category-label { display:flex; align-items:center; gap:4px; }
.category-label .category-toggle { width:24px; height:28px; justify-content:center; flex-shrink:0; border-radius:4px; }
.category-label .category-toggle:hover { background:var(--accent); }
.category-toggle-spacer { width:24px; flex-shrink:0; }
.category-open { border:0; background:transparent; padding:4px 0; color:inherit; font:inherit; text-align:left; }
.category-open:hover { color:var(--link); }
.category-path,.category-inherited { margin:0 0 12px; color:var(--muted-foreground); font-size:12px; line-height:1.6; }
.category-knowledge-tools { display:grid; gap:7px; padding:0 0 14px; border-bottom:1px solid var(--border); }
.category-knowledge-tools label { color:var(--muted-foreground); font-size:12px; }
.category-knowledge-tools select { width:100%; min-width:0; }
.category-knowledge-tools .link-button { justify-self:start; }
.category-back { margin-bottom:12px; }
.encyclopedia-article { min-width:0; overflow-wrap:anywhere; }
.encyclopedia-article .chips .link-button { white-space:normal; text-align:left; }