:root {
    color-scheme: light;
    --bg: #f3f5f7;
    --bg-highlight: #eef5fb;
    --panel: #ffffff;
    --panel-soft: #f7f8fa;
    --sidebar: #ffffff;
    --line: #dfe3e8;
    --line-strong: #cfd5dc;
    --text: #15171a;
    --muted: #70747d;
    --accent: #1764c0;
    --accent-hover: #0f55a8;
    --accent-contrast: #ffffff;
    --accent-soft: rgba(23, 100, 192, .10);
    --accent-border: rgba(23, 100, 192, .28);
    --support: #20bfa8;
    --pin: #b66a00;
    --pin-bg: #fff3d6;
    --pin-border: #e8bd67;
    --input: #ffffff;
    --code-bg: #f2f5f8;
    --code-text: #174e78;
    --shadow: 0 10px 30px rgba(32, 45, 58, .07);
}

:root[data-theme="dark"] {
    color-scheme: dark;
    --bg: #0b1015;
    --bg-highlight: #132029;
    --panel: #121920;
    --panel-soft: #10171d;
    --sidebar: rgba(10, 15, 20, .92);
    --line: #29323b;
    --line-strong: #39444e;
    --text: #f4f7fb;
    --muted: #9ca7b3;
    --accent: #20d8c2;
    --accent-hover: #19baa8;
    --accent-contrast: #07110f;
    --accent-soft: rgba(32, 216, 194, .10);
    --accent-border: rgba(32, 216, 194, .35);
    --support: #67e8da;
    --pin: #fbbf24;
    --pin-bg: rgba(251, 191, 36, .13);
    --pin-border: rgba(251, 191, 36, .42);
    --input: #10171d;
    --code-bg: #0a1015;
    --code-text: #b7f7ee;
    --shadow: none;
}

html, body { background-color: var(--bg); color: var(--text); }
body { background: radial-gradient(circle at 65% 0, var(--bg-highlight) 0, var(--bg) 42%); }
.sidebar { background: var(--sidebar); }
.panel, .login-card, .upload-expander > summary, .erp-card {
    background: var(--panel);
    border-color: var(--line);
    box-shadow: var(--shadow);
}
.erp-card:hover {
    background: var(--panel);
    border-color: var(--accent-border);
    box-shadow: 0 12px 34px rgba(23, 100, 192, .11);
}
:root[data-theme="dark"] .panel,
:root[data-theme="dark"] .upload-expander > summary {
    background: linear-gradient(145deg, rgba(23,31,39,.96), rgba(14,21,27,.96));
}
:root[data-theme="dark"] .erp-card:hover { background: linear-gradient(145deg, rgba(25,45,49,.96), rgba(14,23,28,.96)); box-shadow:none; }
.nav-link:hover, .nav-link.active { color: var(--accent); background: var(--accent-soft); }
.brand-icon, .accent, .erp-card-icon, .erp-card-arrow, .knowledge-stat-icon,
.erp-tab:hover, .erp-tab.active, .markdown-content a, .search-button, .upload-plus {
    color: var(--accent);
}
.brand-icon { border-color: var(--accent); }
.brand-icon img { width:100%; height:100%; object-fit:contain; padding:3px; }
.erp-card-icon, .knowledge-stat-icon, .upload-plus { background: var(--accent-soft); }
.erp-card-top-meta, .integration-filters { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.integration-badge { display:inline-flex; align-items:center; gap:5px; width:max-content; padding:3px 8px; border:1px solid var(--accent-border); border-radius:999px; background:var(--accent-soft); color:var(--accent); font-size:.68rem; font-weight:750; line-height:1.35; }
.integration-api { color:#6d4cc7; border-color:rgba(109,76,199,.28); background:rgba(109,76,199,.10); }
.integration-views { color:#087a63; border-color:rgba(8,122,99,.28); background:rgba(8,122,99,.10); }
.integration-file_transfer { color:#a65d00; border-color:rgba(166,93,0,.28); background:rgba(166,93,0,.10); }
:root[data-theme="dark"] .integration-api { color:#bca7ff; }
:root[data-theme="dark"] .integration-views { color:#71e3c8; }
:root[data-theme="dark"] .integration-file_transfer { color:#ffc477; }
.muted, .text-secondary { color: var(--muted) !important; }
.form-control, .form-control:focus, .form-select, .form-select:focus {
    background-color: var(--input);
    border-color: var(--line-strong);
    color: var(--text);
}
.form-control:focus, .form-select:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 .2rem var(--accent-soft);
}
.form-control::placeholder { color: var(--muted); opacity:.85; }
.form-control::file-selector-button { background: var(--panel-soft); color: var(--text); }
.form-check-input { background-color: var(--input); border-color: var(--line-strong); }
.form-check-input:checked { background-color: var(--accent); border-color: var(--accent); }
.btn-accent, .login-submit { background: var(--accent); color: var(--accent-contrast); border-color:var(--accent); }
.btn-accent:hover, .login-submit:hover { background: var(--accent-hover); color: var(--accent-contrast); border-color:var(--accent-hover); }
.btn-outline-light { color:var(--text); border-color:var(--line-strong); }
.btn-outline-light:hover { color:var(--accent-contrast); background:var(--accent); border-color:var(--accent); }
.tag { color:var(--accent); background:var(--accent-soft); border-color:var(--accent-border); }
.tag.active { background:var(--accent); color:var(--accent-contrast); }
.context-picker { background:var(--input); border-color:var(--line-strong); }
.context-layer summary:hover, .context-layer[open] summary, .search-button:hover { background:var(--accent-soft); }
.context-layer[open] summary, .context-layer summary::after { color:var(--accent); }
.erp-context-group summary, .repeatable { background:var(--panel-soft); }
.context-option:has(input:checked) { border-color:var(--accent); background:var(--accent-soft); }
.context-option input { accent-color:var(--accent); }
.document-source-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.document-source-option { display:flex; align-items:flex-start; gap:11px; padding:14px 16px; border:1px solid var(--line); border-radius:9px; background:var(--panel-soft); cursor:pointer; }
.document-source-option:hover { border-color:var(--accent-border); background:var(--accent-soft); }
.document-source-option:has(input:checked) { border-color:var(--accent); background:var(--accent-soft); }
.document-source-option input { margin-top:3px; accent-color:var(--accent); }
.tag-input-row { display:flex; align-items:stretch; gap:8px; }
.tag-picker { position:relative; flex:1 1 auto; min-width:0; }
.tag-picker > summary {
    min-height:38px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:7px 12px;
    border:1px solid var(--line-strong);
    border-radius:7px;
    background:var(--input);
    color:var(--text);
    cursor:pointer;
    list-style:none;
}
.tag-picker > summary::-webkit-details-marker { display:none; }
.tag-picker[open] > summary { border-color:var(--accent); box-shadow:0 0 0 .2rem var(--accent-soft); }
.tag-picker[open] > summary i { transform:rotate(180deg); }
.tag-picker-options {
    position:absolute;
    z-index:20;
    top:calc(100% + 6px);
    left:0;
    right:0;
    max-height:220px;
    overflow:auto;
    padding:10px;
    border:1px solid var(--line-strong);
    border-radius:8px;
    background:var(--panel);
    box-shadow:var(--shadow);
}
.tag-picker-options ul { display:grid; gap:4px; margin:0; padding:0; list-style:none; }
.tag-picker-options label { display:flex; align-items:center; gap:9px; padding:7px 8px; border-radius:6px; cursor:pointer; }
.tag-picker-options label:hover { background:var(--accent-soft); }
.tag-picker-options input { accent-color:var(--accent); }
.tag-add-button {
    width:40px;
    flex:0 0 40px;
    border:1px solid var(--line-strong);
    border-radius:7px;
    background:var(--panel-soft);
    color:var(--accent);
}
.tag-add-button:hover, .tag-add-button.active { border-color:var(--accent); background:var(--accent-soft); }
.source-badge { display:inline-flex; align-items:center; gap:5px; margin-top:5px; padding:2px 7px; border-radius:999px; color:var(--accent); background:var(--accent-soft); font-size:.7rem; font-weight:700; }
.query-code, .markdown-content pre { background:var(--code-bg); color:var(--code-text); border-color:var(--line); }
.markdown-table-wrap { width:100%; margin:1.35rem 0; overflow-x:auto; border:1px solid var(--line); border-radius:10px; background:var(--panel); }
.markdown-content table { width:100%; min-width:560px; margin:0; border-collapse:collapse; color:var(--text); font-size:.88rem; line-height:1.5; }
.markdown-content th,.markdown-content td { padding:11px 14px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
.markdown-content th:last-child,.markdown-content td:last-child { border-right:0; }
.markdown-content tbody tr:last-child td { border-bottom:0; }
.markdown-content thead th { background:var(--accent-soft); color:var(--text); font-size:.78rem; font-weight:750; letter-spacing:.025em; }
.markdown-content tbody tr:nth-child(even) { background:var(--panel-soft); }
.markdown-content tbody tr:hover { background:var(--accent-soft); }
.markdown-content td code { white-space:nowrap; }
.query-code-wrap { position:relative; }
.query-code-wrap .query-code { padding-right:52px; }
.query-copy-button {
    position:absolute;
    top:10px;
    right:10px;
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border:1px solid var(--line-strong);
    border-radius:8px;
    background:var(--panel);
    color:var(--muted);
    box-shadow:var(--shadow);
}
.query-copy-button:hover { color:var(--accent); border-color:var(--accent); background:var(--accent-soft); }
.query-copy-button.copied { color:#087a4b; border-color:#55b98a; background:#e7f8ef; }
:root[data-theme="dark"] .query-copy-button.copied { color:#6ee7b7; border-color:rgba(16,185,129,.45); background:rgba(16,185,129,.12); }
.query-key-row { display:flex; align-items:center; gap:8px; margin:0 0 9px; color:var(--muted); font-size:.7rem; }
.query-key-row > span { font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.query-key-row code { min-width:0; overflow:hidden; color:var(--muted); font-size:.7rem; text-overflow:ellipsis; white-space:nowrap; }
.query-key-copy { flex:0 0 auto; width:27px; height:27px; display:grid; place-items:center; padding:0; border:1px solid var(--line); border-radius:7px; background:var(--panel-soft); color:var(--muted); }
.query-key-copy:hover { color:var(--accent); border-color:var(--accent); background:var(--accent-soft); }
.query-key-copy.copied { color:#087a4b; border-color:#55b98a; background:#e7f8ef; }
:root[data-theme="dark"] .query-key-copy.copied { color:#6ee7b7; border-color:rgba(16,185,129,.45); background:rgba(16,185,129,.12); }
.search-button { background:var(--panel-soft); border-color:var(--line-strong); }
.pinned-grid { display:grid; grid-template-columns:repeat(auto-fill,240px); grid-auto-rows:210px; justify-content:start; gap:14px; }
.pinned-card { width:240px; height:210px; min-width:0; display:flex; flex-direction:column; padding:18px; overflow:hidden; border:1px solid var(--line); border-radius:12px; background:var(--panel); box-shadow:var(--shadow); }
.pinned-card h3 { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.pinned-card p { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.pinned-icon { width:40px; height:40px; display:grid; place-items:center; border-radius:9px; background:var(--accent-soft); color:var(--accent); }
.pinned-kind { color:var(--accent); font-size:.7rem; font-weight:750; letter-spacing:.06em; text-transform:uppercase; }
.pinned-open { display:flex; justify-content:space-between; align-items:center; color:var(--accent); font-size:.82rem; font-weight:700; text-decoration:none; }
.pinned-empty { grid-column:1/-1; width:100%; display:flex; align-items:center; justify-content:center; gap:9px; min-height:110px; color:var(--muted); }
.pin-form { display:inline-flex; margin:0; }
.pin-button { min-height:32px; display:inline-flex; align-items:center; gap:6px; padding:5px 9px; border:1px solid var(--line-strong); border-radius:7px; background:var(--panel); color:var(--muted); font-size:.76rem; }
.pin-button:hover { border-color:var(--accent); background:var(--accent-soft); color:var(--accent); }
.pin-button.active { border-color:var(--pin-border); background:var(--pin-bg); color:var(--pin); }
.pin-button.active:hover { border-color:var(--pin); background:var(--pin-bg); color:var(--pin); }
.pin-button.active i { color:var(--pin); }
.pin-content-action { position:absolute; top:14px; right:14px; z-index:2; }
.integration-queries { overflow:hidden; }
.integration-queries-header { padding:20px 22px 17px; }
.integration-queries-kicker { display:flex; align-items:center; gap:6px; margin-bottom:5px; color:var(--accent); font-size:.7rem; font-weight:750; letter-spacing:.06em; text-transform:uppercase; }
.integration-query-tabs { display:flex; gap:4px; overflow-x:auto; padding:0 18px; border-bottom:1px solid var(--line); }
.integration-query-tab { white-space:nowrap; padding:11px 13px; border:0; border-bottom:2px solid transparent; background:transparent; color:var(--muted); font-size:.82rem; }
.integration-query-tab span { margin-left:5px; padding:2px 6px; border-radius:999px; background:var(--panel-soft); font-size:.68rem; }
.integration-query-tab:hover,.integration-query-tab.active { color:var(--accent); border-bottom-color:var(--accent); }
.integration-query-panels { padding:4px 22px 10px; }
.integration-query-item { border-bottom:1px solid var(--line); }
.integration-query-item:last-child { border-bottom:0; }
.integration-query-item summary { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:15px 0; cursor:pointer; list-style:none; }
.integration-query-item summary::-webkit-details-marker { display:none; }
.integration-query-item summary small { display:block; margin-top:3px; color:var(--muted); font-size:.76rem; font-weight:400; }
.integration-query-item summary > span:last-child > i { color:var(--muted); transition:transform .18s ease; }
.integration-query-item[open] summary > span:last-child > i { transform:rotate(180deg); color:var(--accent); }
.integration-query-database { padding:3px 7px; border:1px solid var(--line); border-radius:999px; color:var(--muted); font-size:.68rem; }
.integration-query-empty { display:flex; align-items:center; justify-content:center; gap:8px; min-height:90px; padding:20px; border-top:1px solid var(--line); color:var(--muted); font-size:.82rem; }
.home-quick-links { overflow:hidden; }
.home-quick-links-header { padding:20px 22px 17px; border-bottom:1px solid var(--line); }
.home-quick-links-kicker { display:flex; align-items:center; gap:6px; margin-bottom:5px; color:var(--accent); font-size:.7rem; font-weight:750; letter-spacing:.06em; text-transform:uppercase; }
.home-quick-links-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:10px; padding:14px 22px 18px; }
.home-quick-link-item { position:relative; display:grid; grid-template-columns:32px minmax(0,1fr) auto; align-items:center; gap:9px; min-height:62px; padding:10px 11px; border:1px solid var(--line); border-radius:9px; background:var(--panel-soft); transition:border-color .18s ease,background .18s ease,transform .18s ease; }
.home-quick-link-item:hover { border-color:var(--accent-border); background:var(--accent-soft); transform:translateY(-1px); }
.home-quick-link-icon { width:32px; height:32px; display:grid; place-items:center; border-radius:8px; background:var(--panel); color:var(--accent); font-size:.82rem; }
.home-quick-link-content { min-width:0; }
.home-quick-link-content > a { display:block; width:max-content; max-width:100%; overflow:hidden; color:var(--text); font-size:.8rem; font-weight:700; text-overflow:ellipsis; white-space:nowrap; text-decoration:none; }
.home-quick-link-content > a:hover { color:var(--accent); text-decoration:underline; text-underline-offset:3px; }
.home-quick-link-content p { margin:2px 0 0; overflow:hidden; color:var(--muted); font-size:.68rem; text-overflow:ellipsis; white-space:nowrap; }
.home-quick-link-category { display:block; margin-bottom:1px; color:var(--accent); font-size:.58rem; font-weight:750; letter-spacing:.05em; text-transform:uppercase; }
.home-quick-link-arrow { color:var(--muted); font-size:.8rem; }
.home-quick-link-item:has(a:hover) .home-quick-link-arrow { color:var(--accent); transform:translateX(2px); }
.home-quick-links-empty { grid-column:1/-1; display:flex; align-items:center; justify-content:center; gap:8px; min-height:90px; color:var(--muted); font-size:.82rem; }
.erp-tab.active { border-bottom-color:var(--accent); }
.link-card:hover, .upload-expander > summary:hover { border-color:var(--accent-border); background:var(--accent-soft); }

.recent-updates { overflow:hidden; }
.recent-updates-header { padding:20px 22px 16px; border-bottom:1px solid var(--line); }
.recent-updates-kicker { display:block; margin-bottom:5px; color:var(--accent); font-size:.72rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.recent-updates-list { display:grid; }
.recent-update-item { display:grid; grid-template-columns:38px minmax(0,1fr) auto 16px; align-items:center; gap:13px; padding:14px 22px; color:var(--text); text-decoration:none; border-bottom:1px solid var(--line); transition:background .16s ease; }
.recent-update-item:last-child { border-bottom:0; }
.recent-update-item:hover { color:var(--text); background:var(--accent-soft); }
.recent-update-icon { width:38px; height:38px; display:grid; place-items:center; border-radius:9px; color:var(--accent); background:var(--accent-soft); }
.recent-update-content { min-width:0; }
.recent-update-content strong,.recent-update-content small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.recent-update-content small { margin-top:2px; color:var(--muted); font-size:.76rem; }
.recent-update-kind { display:block; margin-bottom:2px; color:var(--accent); font-size:.66rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.recent-update-item time { color:var(--muted); font-size:.76rem; white-space:nowrap; }
.recent-update-arrow { color:var(--muted); font-size:.8rem; }
.recent-updates-empty { display:flex; align-items:center; justify-content:center; gap:10px; padding:30px; color:var(--muted); }
@media(max-width:640px) { .recent-update-item { grid-template-columns:34px minmax(0,1fr) 14px; padding:13px 16px; }.recent-update-item time { grid-column:2; font-size:.7rem; }.recent-update-icon { width:34px; height:34px; }.recent-update-arrow { grid-column:3; grid-row:1 / span 2; } }
.table { --bs-table-bg:transparent; --bs-table-color:var(--text); --bs-table-border-color:var(--line); }
.border-secondary { border-color:var(--line) !important; }
:root[data-theme="light"] .text-white { color:var(--text) !important; }
:root[data-theme="light"] .status-ok { color:#087a4b; background:#e7f8ef; border-color:#bdebd2; }
:root[data-theme="light"] .status-pending { color:#946200; background:#fff4d6; border-color:#f3dda2; }
.theme-toggle {
    width:38px;
    height:38px;
    display:inline-grid;
    place-items:center;
    flex:0 0 auto;
    border:1px solid var(--line-strong);
    border-radius:10px;
    background:var(--panel);
    color:var(--text);
    transition:border-color .18s ease, background .18s ease, color .18s ease;
}
.theme-toggle:hover { border-color:var(--accent); color:var(--accent); background:var(--accent-soft); }
.theme-toggle .theme-icon-dark { display:none; }
:root[data-theme="dark"] .theme-toggle .theme-icon-light { display:none; }
:root[data-theme="dark"] .theme-toggle .theme-icon-dark { display:inline; }
.theme-toggle-fixed { position:fixed; top:24px; right:24px; z-index:10; }
@media(max-width:600px) { .theme-toggle-fixed { top:14px; right:14px; } .document-source-options { grid-template-columns:1fr; } }
@media(max-width:600px) { .markdown-content table { min-width:480px; font-size:.82rem; }.markdown-content th,.markdown-content td { padding:9px 11px; } }

.document-browser { display:grid; gap:18px; }
.document-browser-toolbar { align-items:center; }
.document-groups { display:grid; gap:24px; }
.document-group { overflow:hidden; border:1px solid var(--line); border-radius:14px; background:var(--panel); box-shadow:var(--shadow); }
.document-group-header { display:flex; align-items:center; gap:14px; padding:18px 20px; border-bottom:1px solid var(--line); background:linear-gradient(90deg, var(--accent-soft), transparent 70%); }
.document-group-icon { width:42px; height:42px; display:grid; place-items:center; flex:0 0 auto; border:1px solid var(--accent-border); border-radius:11px; background:var(--panel); color:var(--accent); font-size:1.1rem; }
.document-group-title { min-width:0; }
.document-group-title h3 { margin:1px 0 0; font-size:1rem; font-weight:750; }
.document-group-title p { margin:4px 0 0; color:var(--muted); font-size:.8rem; }
.document-group-kicker { display:block; color:var(--accent); font-size:.68rem; font-weight:750; letter-spacing:.07em; text-transform:uppercase; }
.document-group-count { margin-left:auto; padding:5px 10px; border:1px solid var(--line); border-radius:999px; background:var(--panel); color:var(--muted); font-size:.75rem; white-space:nowrap; }
.document-group-body { padding:16px; background:var(--panel-soft); }
.document-card-grid { display:grid; gap:12px; }
.document-card { display:flex; align-items:stretch; gap:16px; padding:16px; border:1px solid var(--line); border-radius:11px; background:var(--panel); transition:border-color .18s ease, transform .18s ease, box-shadow .18s ease; }
.document-card:hover { border-color:var(--accent-border); transform:translateY(-1px); box-shadow:0 8px 22px rgba(32,45,58,.07); }
.document-card-main { display:flex; align-items:flex-start; gap:13px; min-width:0; flex:1 1 auto; }
.document-file-icon { width:42px; height:42px; display:grid; place-items:center; flex:0 0 auto; border-radius:10px; background:var(--accent-soft); color:var(--accent); font-size:1.15rem; }
.document-card-content { min-width:0; flex:1 1 auto; }
.document-card-heading { display:flex; align-items:center; flex-wrap:wrap; gap:7px; }
.document-card-heading > a { color:var(--text); font-weight:700; text-decoration:none; }
.document-card-heading > a:hover { color:var(--accent); }
.shared-document-badge { display:inline-flex; align-items:center; gap:5px; padding:2px 7px; border-radius:999px; background:rgba(32,191,168,.11); color:var(--support); font-size:.7rem; font-weight:700; }
.document-card-description { margin:6px 0 0; color:var(--muted); font-size:.82rem; }
.document-card-meta { display:flex; align-items:center; flex-wrap:wrap; gap:10px 16px; margin-top:10px; color:var(--muted); font-size:.75rem; }
.document-card-meta > span { display:inline-flex; align-items:center; gap:6px; }
.document-card-tags { display:flex; flex-wrap:wrap; gap:5px; }
.document-links-contexts { display:flex; align-items:flex-start; flex-wrap:wrap; gap:7px 10px; margin-top:11px; padding-top:10px; border-top:1px dashed var(--line); }
.document-links-label { padding-top:3px; color:var(--muted); font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.document-links-contexts > div { display:flex; flex-wrap:wrap; gap:5px; }
.context-chip { padding:3px 7px; border:1px solid var(--line); border-radius:6px; background:var(--panel-soft); color:var(--muted); font-size:.7rem; }
.document-card-actions { display:flex; align-items:center; gap:7px; flex:0 0 auto; padding-left:14px; border-left:1px solid var(--line); }
.document-card-actions form { margin:0; }
.document-action-button { min-height:34px; display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border:1px solid var(--line-strong); border-radius:7px; background:var(--panel); color:var(--text); font-size:.76rem; text-decoration:none; }
.document-action-button:hover { border-color:var(--accent); background:var(--accent-soft); color:var(--accent); }
.document-action-button.danger:hover { border-color:#dc3545; background:rgba(220,53,69,.08); color:#dc3545; }
.document-group-empty { display:flex; align-items:center; justify-content:center; gap:8px; min-height:72px; color:var(--muted); font-size:.82rem; }
:root[data-theme="dark"] .document-group, :root[data-theme="dark"] .document-card { box-shadow:none; }
@media(max-width:760px) {
    .pinned-grid { grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); grid-auto-rows:210px; }
    .pinned-card { width:100%; }
    .home-quick-links-grid { grid-template-columns:1fr; }
    .document-group-header { align-items:flex-start; flex-wrap:wrap; }
    .document-group-count { margin-left:0; }
    .document-card { flex-direction:column; }
    .document-card-actions { justify-content:flex-end; padding:12px 0 0; border-left:0; border-top:1px solid var(--line); }
}