:root {
    color-scheme: light;
    --ink: #191b24;
    --muted: #555c6e;
    --border: #e3e5ed;
    --rail: #f6f7fb;
    --surface: #ffffff;
    --accent: #4235c4;
    --accent-hover: #3225a8;
    --accent-soft: #eeedfc;
    --danger: #a2283c;
    font: 14px/1.55 Inter, "Segoe UI", "Microsoft YaHei", system-ui, sans-serif;
    color: var(--ink);
    background: var(--surface);
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100dvh; }
h1, h2, h3, p, dl, dd { margin: 0; }
h1 { font-size: clamp(27px, 3.5vw, 39px); line-height: 1.15; letter-spacing: -.035em; overflow-wrap: anywhere; }
h2 { font-size: 17px; }
small, .muted { color: var(--muted); }
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }
button, input, select, textarea { font: inherit; }
:focus-visible { outline: 2px solid #685bea; outline-offset: 3px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.skip-link { position: fixed; z-index: 10; inset: 8px auto auto 8px; transform: translateY(-160%); padding: 10px; background: white; }
.skip-link:focus { transform: none; }

.workspace { display: grid; grid-template-columns: 220px minmax(0, 1fr); }
.sidebar {
    position: sticky; top: 0; height: 100dvh; display: flex; flex-direction: column;
    padding: 21px 13px 16px; background: var(--rail); border-right: 1px solid var(--border);
}
.brand, .auth-brand { display: flex; gap: 9px; align-items: center; color: var(--ink); font-weight: 680; }
.brand { margin: 0 5px 28px; font-size: 15px; }
.brand:hover { text-decoration: none; }
.brand-mark { width: 30px; height: 30px; display: grid; place-content: center; gap: 3px; flex: none; border-radius: 8px; background: var(--accent); }
.brand-mark i { width: 13px; height: 2px; border-radius: 2px; background: #fff; }
.brand-mark i:last-child { width: 8px; }
.workspace-nav, .project-nav { display: grid; gap: 3px; }
.workspace-nav a, .project-nav a {
    display: flex; gap: 10px; align-items: center; padding: 7px 9px; min-height: 36px;
    color: #454b5c; border-radius: 7px; text-decoration: none; font-size: 13px;
}
.workspace-nav a:hover, .project-nav a:hover { background: #ecedf5; }
.workspace-nav a[aria-current] { color: var(--accent); font-weight: 700; }
.project-nav a[aria-current] { background: var(--accent-soft); color: #382ba5; font-weight: 700; }
.project-nav { margin-top: 23px; padding-top: 15px; border-top: 1px solid var(--border); overflow-y: auto; }
.project-nav h2 { margin: 0 0 5px 9px; font-size: 12px; color: var(--muted); font-weight: 650; }
.project-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nav-symbol, .project-icon { width: 14px; height: 14px; flex: none; position: relative; }
.files-symbol { border: 1.5px solid currentColor; border-radius: 3px; }
.files-symbol::after { content: ""; position: absolute; inset: 36% 23% auto; height: 24%; border-block: 1px solid currentColor; }
.admin-symbol { border: 1.5px solid currentColor; border-radius: 50%; display: grid; place-items: center; }
.admin-symbol::after { content: ""; width: 4px; height: 4px; border: 1px solid currentColor; border-radius: 50%; }
.project-icon { height: 11px; border: 1.5px solid currentColor; border-radius: 2px; }
.project-icon::before { content: ""; position: absolute; top: -4px; left: -1.5px; width: 6px; height: 3px; border: 1px solid currentColor; border-bottom: 0; border-radius: 2px 2px 0 0; }
.account { margin-top: auto; padding: 12px 5px 0; border-top: 1px solid var(--border); }
.account-profile { display: flex; gap: 8px; align-items: center; overflow-wrap: anywhere; }
.account-profile small { display: block; }
.avatar { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: #eae8ff; color: var(--accent); flex: none; }
.account-actions { display: flex; gap: 12px; margin-top: 9px; align-items: center; }
.account-actions a, .account-actions .text-button { color: var(--muted); font-size: 12px; }
.main-content { width: min(100%, 1380px); margin-inline: auto; min-width: 0; padding: 34px clamp(23px, 4vw, 58px); }

.library-header, .page-intro { display: flex; justify-content: space-between; align-items: end; gap: 14px; margin: 3px 0 26px; }
.breadcrumb { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 9px; color: var(--muted); font-size: 12px; }
.breadcrumb a { color: inherit; }
.page-intro p { margin-top: 8px; color: var(--muted); }
.back-link { display: inline-block; margin-bottom: 10px; }
.library-filter { padding: 12px 0; border-block: 1px solid var(--border); }
.filter-main, .toolbar-selects { display: flex; align-items: center; gap: 8px; }
.search-field { flex: 1 1 210px; max-width: 380px; position: relative; }
.search-field::before { content: ""; position: absolute; top: 11px; left: 12px; width: 9px; height: 9px; border: 1.5px solid #777d90; border-radius: 50%; pointer-events: none; }
.search-field::after { content: ""; position: absolute; top: 21px; left: 21px; width: 5px; height: 1.5px; background: #777d90; transform: rotate(45deg); pointer-events: none; }
.search-field input { padding-left: 34px; background: var(--rail); }
.toolbar-selects { min-width: 0; }
.toolbar-selects .project-picker { display: none; }
.extra-filters { position: relative; }
.extra-filters > summary { list-style: none; }
.extra-filters > summary::-webkit-details-marker { display: none; }
.filter-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--accent); }
.filter-more {
    position: absolute; z-index: 2; right: 0; top: calc(100% + 6px); width: 224px; display: grid; gap: 10px; padding: 12px;
    border: 1px solid var(--border); border-radius: 10px; background: white; box-shadow: 0 8px 30px #1f21421c;
}
.result-bar { display: flex; gap: 12px; align-items: center; padding: 10px 0; color: var(--muted); font-size: 12px; }
.library-quota { margin-left: auto; }
.library-quota.warning { color: #8a500f; }
.library-quota.critical, .library-quota.stopped { color: var(--danger); }

.library-table { width: 100%; border-collapse: collapse; table-layout: fixed; text-align: left; }
.library-table th { color: var(--muted); font-size: 12px; font-weight: 650; background: #f8f8fc; }
.library-table th:first-child { width: 41%; }
.library-table th:nth-child(2), .library-table th:nth-child(3), .library-table th:nth-child(4) { width: 15%; }
.library-table th:last-child { width: 14%; }
.library-table :is(th, td) { padding: 10px 8px; border-bottom: 1px solid var(--border); vertical-align: middle; }
.library-table :is(th, td):first-child { padding-inline-start: 10px; }
.library-table :is(th, td):last-child { padding-inline-end: 10px; }
.library-table td { padding-block: 13px; }
.library-table tbody tr:hover { background: #fbfbfe; }
.library-table td small { display: block; margin-top: 2px; font-size: 12px; }
.file-item { display: flex; gap: 10px; align-items: center; }
.file-text, .doc-owner { min-width: 0; overflow-wrap: anywhere; }
.file-text strong { display: block; font-size: 14px; line-height: 1.45; font-weight: 680; }
.file-text .row-filename { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.file-text .row-mobile-project { display: none; }
.type-tag { flex: none; width: 34px; height: 38px; display: grid; place-items: center; color: #415677; background: #e8eef8; border-radius: 7px; font-size: 9px; font-weight: 800; }
.type-html { color: #8c4c1c; background: #ffeddb; }
.type-markdown { color: #5a3995; background: #f0e8fc; }
.type-pdf { color: #a03542; background: #fdecee; }
.type-docx { color: #2454a3; background: #e8effe; }
.status-tag { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; padding: 2px 7px; border-radius: 5px; background: #eeeff4; color: #51586b; font-size: 12px; font-weight: 650; }
.status-tag::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.status-tag.live { background: #e5f5eb; color: #246445; }
.status-tag.expired { background: #fff0db; color: #864d12; }
.document-actions, .share-buttons, .dialog-actions { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.doc-actions .button, .doc-actions .share-trigger { border-color: transparent; color: var(--accent); }
.doc-actions .button:hover, .doc-actions .share-trigger:hover { background: var(--accent-soft); }
.empty-state { display: grid; justify-items: center; gap: 8px; padding: 42px 12px; text-align: center; }
.empty-state p { color: var(--muted); }
.empty-icon { position: relative; display: block; width: 22px; height: 25px; color: #675eb1; }
.paging { display: flex; gap: 12px; justify-content: end; padding: 12px 0; color: var(--muted); font-size: 12px; }

button, .button {
    display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 36px; width: fit-content;
    padding: 6px 11px; border: 1px solid transparent; border-radius: 7px; color: #fff;
    background: var(--accent); cursor: pointer; font-weight: 650; text-decoration: none; white-space: nowrap;
}
button:hover, .button:hover { background: var(--accent-hover); text-decoration: none; }
.quiet { color: #41475a; border-color: var(--border); background: #fff; }
.quiet:hover { background: var(--rail); }
.query-button { color: var(--accent); background: var(--accent-soft); }
.query-button:hover { background: #e5e2fc; }
.text-button { min-height: 0; padding: 0; border: 0; color: var(--accent); background: transparent; }
.text-button:hover { background: transparent; text-decoration: underline; }
.danger, .text-button.danger { color: var(--danger); }
.compact { min-height: 30px; padding: 4px 7px; font-size: 12px; }
label { display: grid; gap: 5px; min-width: 0; font-size: 13px; color: #3f4658; font-weight: 600; }
label small { font-weight: 400; }
input, select, textarea { width: 100%; min-width: 0; min-height: 36px; padding: 7px 9px; border: 1px solid #d9dce8; border-radius: 7px; color: var(--ink); background: white; }
textarea { resize: vertical; }
input[type="checkbox"] { width: auto; min-height: 0; }
input[type="file"] { min-height: 46px; border-style: dashed; background: var(--rail); }
input::file-selector-button { margin-right: 7px; padding: 4px 8px; border: 0; border-radius: 5px; color: var(--accent); background: var(--accent-soft); font: inherit; cursor: pointer; }
.stack { display: grid; gap: 13px; margin-top: 14px; }
.dialog-actions { justify-content: end; }
.action-dialog { width: min(490px, calc(100vw - 28px)); max-height: calc(100dvh - 28px); margin: auto; padding: 20px; border: 1px solid var(--border); border-radius: 12px; color: var(--ink); background: white; box-shadow: 0 18px 54px #22234233; }
.action-dialog::backdrop { background: #20223755; }
.file-drawer { position: fixed; inset: 0 0 0 auto; width: min(420px, 100vw); height: 100dvh; max-height: none; max-width: none; margin: 0; padding: 23px; border-radius: 0; border-block: 0; border-right: 0; }
.dialog-heading { display: flex; align-items: start; justify-content: space-between; gap: 10px; margin-bottom: 17px; }
.dialog-heading h2 { font-size: 20px; }
.dialog-heading p { margin-top: 3px; color: var(--muted); overflow-wrap: anywhere; }
.icon-button { width: 30px; min-height: 30px; padding: 0; color: #454b61; background: var(--rail); font-size: 19px; flex: none; }
.icon-button:hover { background: var(--accent-soft); }
.file-metadata { display: grid; gap: 7px; padding-block: 12px; border-block: 1px solid var(--border); font-size: 13px; }
.file-metadata > div { display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 8px; }
.file-metadata dt { color: var(--muted); }
.file-metadata dd { overflow-wrap: anywhere; white-space: pre-line; }
.drawer-section-title { margin: 17px 0 10px; font-size: 15px; }
.file-dialog-content, .share-form { display: grid; gap: 10px; }
.file-secondary { display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; padding-top: 10px; margin-top: 4px; border-top: 1px solid var(--border); }

.panel { padding: 17px; margin-bottom: 15px; border: 1px solid var(--border); border-radius: 9px; }
.editor { max-width: 710px; }
.form-actions, .panel-heading, .inline { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.panel-heading { justify-content: space-between; margin-bottom: 11px; }
.panel-heading span { color: var(--muted); font-size: 13px; }
.section-nav { display: flex; gap: 7px; flex-wrap: wrap; margin-bottom: 14px; }
.section-nav a { padding: 5px 9px; border-radius: 6px; background: var(--accent-soft); }
.inline { align-items: end; padding-block: 9px; border-top: 1px solid var(--border); }
.inline label { flex: 1 1 122px; }
.activity-row { display: grid; grid-template-columns: minmax(115px, 1fr) minmax(70px, 1fr) 2fr; gap: 8px; padding: 7px 0; border-top: 1px solid var(--border); overflow-wrap: anywhere; }
.activity-row time { color: var(--muted); }
.notice, .error { margin: 0 0 14px; padding: 9px 12px; border: 1px solid #afd7c0; border-radius: 7px; color: #235e42; background: #ebf8ef; }
.error { border-color: #edbac0; color: #8b2937; background: #fff1f2; }
.error ul { margin: 0; padding-left: 18px; }

.guest { display: grid; align-content: center; background: radial-gradient(ellipse at top, #e9e6fb, transparent 67%), #f7f7fc; }
.guest .main-content { max-width: 480px; padding-block: 26px; }
.auth-layout { padding: 29px; border: 1px solid var(--border); border-radius: 13px; background: #fff; box-shadow: 0 12px 45px #35297810; }
.auth-change { max-width: 510px; }
.auth-brand { margin-bottom: 25px; color: var(--muted); }
.auth-form h1 { font-size: 27px; }
.auth-form .stack { margin-top: 17px; }
.auth-form button { width: 100%; margin-top: 3px; }

@media (max-width: 1050px) {
    .workspace { grid-template-columns: 169px minmax(0, 1fr); }
    .main-content { padding-inline: clamp(18px, 3vw, 32px); }
    .library-table .updated-column { display: none; }
    .library-table th:first-child { width: 44%; }
    .library-table th:last-child { width: 22%; }
}
@media (max-width: 760px) {
    .workspace { grid-template-columns: 145px minmax(0, 1fr); }
    .sidebar { padding-inline: 9px; }
    .brand { font-size: 13px; gap: 6px; }
    .brand-mark { width: 26px; height: 26px; }
    .library-table .owner-column { display: none; }
    .library-table th:first-child { width: 57%; }
    .library-table th:last-child { width: 24%; }
    .library-table .row-mobile-project { display: block; }
}
@media (max-width: 570px) {
    .workspace { display: block; }
    .sidebar { position: static; height: auto; display: flex; flex-flow: row wrap; gap: 7px 10px; align-items: center; padding: 9px 12px; border-right: 0; border-bottom: 1px solid var(--border); }
    .brand { margin: 0; }
    .workspace-nav { display: flex; }
    .workspace-nav a { padding-inline: 5px; }
    .workspace-nav .nav-symbol, .project-nav, .account-profile { display: none; }
    .account { margin: 0 0 0 auto; padding: 0; border: 0; }
    .account-actions { margin: 0; gap: 8px; }
    .main-content { padding: 20px 13px; }
    .library-header { margin-bottom: 17px; }
    .filter-main { flex-wrap: wrap; }
    .search-field { flex: 1 0 100%; max-width: none; }
    .toolbar-selects .project-picker { display: grid; max-width: min(42vw, 200px); }
    .library-table th:first-child { width: 53%; }
    .library-table th:last-child { width: 22%; }
    .library-table td, .library-table th { padding-inline: 5px; }
    .library-table :is(td, th):last-child { padding-inline-end: 4px; }
    .document-actions { gap: 1px; }
    .file-item { gap: 5px; }
    .type-tag { width: 28px; }
    .activity-row { grid-template-columns: 1fr 1fr; }
    .activity-row > span { grid-column: 1 / -1; }
}

/* Admin workspace layout */
:root {
    --ink: #172536;
    --muted: #536477;
    --border: #dfe4e8;
    --rail: #f5f6f8;
    --accent: #0d746c;
    --accent-hover: #095f58;
    --accent-soft: #eaf3f1;
}
:focus-visible { outline-color: #16877d; }
.workspace { grid-template-columns: 240px minmax(0, 1fr); }
.sidebar {
    background: #fff;
    padding: 0 12px 14px;
}
.sidebar .brand {
    height: 64px;
    flex: none;
    margin: 0 -12px 12px;
    padding-inline: 20px;
    border-bottom: 1px solid var(--border);
    font-size: 17px;
}
.sidebar .brand-mark { width: 35px; height: 35px; display: grid; place-items: center; color: #fff; }
.sidebar .brand-mark .ui-icon { width: 22px; height: 22px; }
.ui-icon { flex: none; vertical-align: middle; }
.workspace-nav { gap: 4px; }
.workspace-nav a { min-height: 40px; padding-inline: 13px; color: #2f455b; font-size: 14px; }
.workspace-nav a:hover { background: #f4f6f7; }
.workspace-nav a[aria-current] { background: #eaf2f1; color: var(--accent); font-weight: 650; }
.account { margin-inline: -12px; padding: 13px 20px 0; }
.account-profile { gap: 12px; }
.account-profile > div { min-width: 0; }
.account-profile small { font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.avatar { width: 34px; height: 34px; background: #e4e8eb; color: #4b6275; }
.workspace-body { min-width: 0; min-height: 100dvh; background: var(--rail); }
.topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 64px;
    padding: 9px 25px;
    border-bottom: 1px solid var(--border);
    background: #fff;
}
.topbar > span { color: var(--muted); }
.topbar-actions { display: flex; align-items: center; gap: 8px; }
.topbar-actions :is(button, .button), .library-filter button { min-height: 39px; padding-inline: 13px; border-radius: 8px; }
.workspace .main-content { width: 100%; max-width: none; padding: 25px 26px; }
.workspace .page-intro { margin: 0 0 16px; }
.workspace h1 { font-size: 19px; letter-spacing: -.01em; }
.workspace .page-intro p { margin-top: 4px; font-size: 13px; }

.library-filter, .file-table, .workspace .panel {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 12px;
    box-shadow: 0 1px 3px #24354612;
}
.library-filter { margin-bottom: 17px; padding: 12px 14px; }
.filter-main { gap: 12px; align-items: center; }
.search-field { max-width: none; flex: 1 1 160px; }
.search-field input { background: #fff; }
.filter-main input, .filter-main select { min-height: 39px; border-radius: 8px; border-color: var(--border); }
.search-field::before { top: 12px; border-color: #697e8f; }
.search-field::after { top: 22px; background: #697e8f; }
.toolbar-select { flex: 0 0 auto; }
.toolbar-select select { min-width: 100px; max-width: 170px; font-weight: 500; }
.extra-filters { margin-top: 7px; font-size: 12px; }
.extra-filters > summary { width: fit-content; list-style: revert; cursor: pointer; color: var(--muted); }
.filter-more {
    position: static; width: auto; display: flex; flex-wrap: wrap; align-items: end; gap: 9px;
    margin-top: 8px; padding: 0; border: 0; border-radius: 0; box-shadow: none;
}
.filter-more label { min-width: 125px; }
.filter-more button { min-height: 36px; }
.file-table { overflow: hidden; }
.library-table th { background: var(--rail); color: #40536a; font-size: 13px; }
.library-table :is(th, td) { padding: 10px 12px; border-bottom-color: #edf0f2; }
.library-table :is(th, td):first-child { padding-inline-start: 17px; }
.library-table :is(th, td):last-child { padding-inline-end: 17px; }
.library-table th:first-child { width: 28%; }
.library-table th:nth-child(2) { width: 9%; }
.library-table th:nth-child(3) { width: 10%; }
.library-table th:nth-child(4) { width: 18%; }
.library-table th:nth-child(5) { width: 9%; }
.library-table th:nth-child(6) { width: 11%; }
.library-table th:last-child { width: 15%; text-align: right; }
.library-table tbody tr:hover { background: #f9fbfb; }
.file-item { gap: 8px; }
.file-icon { display: inline-flex; color: #677d91; flex: none; }
.file-title { display: block; width: 100%; max-width: 100%; overflow: hidden; text-overflow: ellipsis; text-align: left; color: var(--ink); font-weight: 600; }
.file-title:hover { color: var(--accent); }
.library-table .row-mobile-project { display: none; }
.document-actions { justify-content: flex-end; gap: 11px; }
.document-actions > :is(a, button) { font-size: 13px; }
.detail-link { color: var(--muted); }
.status-tag { font-weight: 500; }
.table-footer {
    display: flex; gap: 12px; align-items: center; min-height: 52px; padding: 8px 17px;
    background: var(--rail); color: var(--muted); font-size: 12px;
}
.paging { margin-left: auto; gap: 4px; padding: 0; }
.paging > :is(a, span) { min-width: 27px; padding: 3px 5px; text-align: center; background: #fff; border: 1px solid var(--border); border-radius: 4px; }
.paging [aria-current] { color: #fff; background: var(--accent); border-color: var(--accent); }
.paging + .library-quota { margin-left: 0; }
.file-picker { display: grid; gap: 6px; }
.file-drop {
    display: grid;
    justify-items: center;
    gap: 4px;
    padding: 16px 12px;
    border: 1.5px dashed #a7c5c0;
    border-radius: 9px;
    color: var(--ink);
    background: #f7fbfa;
    cursor: pointer;
    text-align: center;
}
.file-drop:hover, .file-drop.dragging { border-color: var(--accent); background: var(--accent-soft); }
.file-drop:focus-within { outline: 2px solid var(--accent); outline-offset: 2px; }
.file-drop-icon { color: var(--accent); }
.file-drop > span:not(.file-drop-icon) { color: var(--muted); font-weight: 400; }
.file-picker-message { color: var(--accent); font-size: 13px; overflow-wrap: anywhere; }
.file-picker-message.invalid { color: var(--danger); }
.file-picker-message:empty { display: none; }
.guest { background: #f4f6f7; }
@media (max-width: 1180px) {
    .workspace { grid-template-columns: 185px minmax(0, 1fr); }
    .library-table .owner-column { display: none; }
    .library-table .updated-column { display: table-cell; }
    .library-table th:first-child { width: 28%; }
    .library-table th:nth-child(4) { width: 23%; }
    .library-table th:nth-child(6) { width: 13%; }
    .library-table th:last-child { width: 18%; }
}
@media (max-width: 900px) {
    .workspace { grid-template-columns: 157px minmax(0, 1fr); }
    .workspace .main-content { padding: 19px 16px; }
    .topbar { padding-inline: 16px; }
    .library-table .updated-column, .library-table .size-column { display: none; }
    .library-table th:first-child { width: 46%; }
    .library-table th:nth-child(2) { width: 11%; }
    .library-table th:nth-child(6) { width: 17%; }
    .library-table th:last-child { width: 26%; }
    .library-table :is(th, td) { padding-inline: 7px; }
    .library-table :is(th, td):first-child { padding-inline-start: 10px; }
    .library-table :is(th, td):last-child { padding-inline-end: 10px; }
    .document-actions { gap: 7px; }
    .toolbar-select select { min-width: 0; max-width: 130px; }
    .filter-main { gap: 7px; }
}
@media (max-width: 660px) {
    .workspace { display: block; }
    .sidebar { height: auto; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 6px; padding: 8px 12px; border: 0; border-bottom: 1px solid var(--border); }
    .sidebar .brand { height: auto; margin: 0 5px 0 0; padding: 0; border: 0; font-size: 14px; }
    .sidebar .brand-mark { width: 28px; height: 28px; }
    .sidebar .brand-mark .ui-icon { width: 18px; height: 18px; }
    .workspace-nav { display: flex; flex-wrap: wrap; gap: 2px; }
    .workspace-nav a { padding: 4px 6px; min-height: 30px; font-size: 12px; }
    .workspace-nav .ui-icon, .account-profile { display: none; }
    .account { margin: 0 0 0 auto; padding: 0; border: 0; }
    .account-actions { margin: 0; }
    .workspace-body { min-height: calc(100dvh - 47px); }
    .topbar { padding: 8px 12px; min-height: 53px; }
    .topbar-actions :is(button, .button) { min-height: 34px; padding-inline: 8px; }
    .workspace .main-content { padding: 16px 12px; }
    .filter-main { flex-wrap: wrap; }
    .search-field { flex: 1 0 100%; }
    .library-table .type-column { display: none; }
    .library-table .row-mobile-project { display: block; }
    .library-table th:first-child { width: 45%; }
    .library-table th:nth-child(6) { width: 23%; }
    .library-table th:last-child { width: 32%; }
}