/* FariDocs 1.20.2 — compact portal navigation and account menu */
.workspace-body,
.workspace-body button,
.workspace-body input,
.workspace-body textarea,
.workspace-body select {
    font-family: Inter, "Aptos", "Segoe UI Variable", "Segoe UI", ui-sans-serif, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
}

.workspace-app { grid-template-columns: 210px minmax(0, 1fr); }
.workspace-sidebar { padding: 22px 12px; }
.workspace-sidebar > div { padding: 0 9px 18px; }
.workspace-sidebar nav { gap: 4px; margin-top: 17px; }
.workspace-sidebar nav a { gap: 8px; padding: 9px 10px; border-radius: 7px; font-size: 10px; }
.workspace-sidebar nav a span { width: 19px; }
.workspace-create-link { margin-top: 16px; padding: 10px 8px; font-size: 9px; }

.workspace-user-menu { position: relative; }
.workspace-user-menu summary { list-style: none; }
.workspace-user-menu summary::-webkit-details-marker { display: none; }
.workspace-user-menu-trigger {
    min-height: 40px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 9px 5px 5px;
    border: 1px solid var(--ws-line);
    border-radius: 24px;
    background: #fff;
    color: var(--ws-text);
    font-size: 10px;
    font-weight: 800;
    cursor: pointer;
    user-select: none;
}
.workspace-user-menu-trigger b {
    width: 29px;
    height: 29px;
    display: grid;
    flex: 0 0 29px;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--ws-navy), var(--ws-teal));
    color: #fff;
}
.workspace-user-menu-trigger i { color: var(--ws-muted); font-style: normal; transition: transform .18s ease; }
.workspace-user-menu[open] .workspace-user-menu-trigger i { transform: rotate(180deg); }
.workspace-user-dropdown {
    position: absolute;
    z-index: 80;
    top: calc(100% + 9px);
    right: 0;
    width: 220px;
    overflow: hidden;
    border: 1px solid var(--ws-line);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 20px 55px rgba(9, 39, 55, .18);
}
.workspace-user-dropdown > div { display: grid; gap: 2px; padding: 14px; border-bottom: 1px solid var(--ws-line); }
.workspace-user-dropdown > div strong,
.workspace-user-dropdown > div small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workspace-user-dropdown > div strong { font-size: 11px; }
.workspace-user-dropdown > div small { color: var(--ws-muted); font-size: 8px; }
.workspace-user-dropdown a,
.workspace-user-dropdown button {
    width: 100%;
    min-height: 39px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 8px 14px;
    border: 0;
    background: transparent;
    color: var(--ws-text);
    font-size: 10px;
    font-weight: 800;
    text-align: left;
}
.workspace-user-dropdown a:hover,
.workspace-user-dropdown button:hover { background: #eef7f6; }
.workspace-user-dropdown a span,
.workspace-user-dropdown button span { width: 18px; color: var(--ws-teal); text-align: center; }
.workspace-user-dropdown form { margin: 0; border-top: 1px solid var(--ws-line); }

.unified-generator-report .report-table-scroll table { min-width: 720px; }
.unified-generator-report th:nth-child(1) { width: 23%; }
.unified-generator-report th:nth-child(2) { width: 25%; }
.unified-generator-report th:nth-child(3) { width: 11%; }
.unified-generator-report th:nth-child(4) { width: 24%; }
.unified-generator-report th:nth-child(5) { width: 17%; }
.report-workflow-kinds { display: flex; flex-wrap: wrap; gap: 5px; }

html[data-theme="dark"] .workspace-user-menu-trigger,
html[data-theme="dark"] .workspace-user-dropdown { border-color: #365666; background: #0d2836; color: #e6f3f6; }
html[data-theme="dark"] .workspace-user-dropdown a,
html[data-theme="dark"] .workspace-user-dropdown button { color: #e6f3f6; }
html[data-theme="dark"] .workspace-user-dropdown a:hover,
html[data-theme="dark"] .workspace-user-dropdown button:hover { background: #143845; }

@media (max-width: 800px) {
    .workspace-app { grid-template-columns: 1fr; }
    .workspace-sidebar { padding: 13px; }
    .workspace-sidebar nav { margin: 0; }
    .workspace-user-menu-name,
    .workspace-user-menu-trigger i { display: none; }
    .workspace-user-menu-trigger { min-height: 38px; padding: 4px; }
    .workspace-user-menu-trigger b { width: 28px; height: 28px; flex-basis: 28px; }
}

@media (max-width: 520px) {
    .workspace-user-dropdown { position: fixed; top: 67px; right: 12px; width: min(240px, calc(100vw - 24px)); }
}
