:root {
    --font-project: "Roboto", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}

html, body, button, input, textarea, select {
    font-family: var(--font-project);
}

button, input, textarea, select {
    font-size: inherit;
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"],
[role="button"],
summary,
.primary,
.secondary-button,
.danger-button,
.postit-open {
    font-weight: 600 !important;
}

@media (max-width: 820px) {
    .app-shell { grid-template-columns: 1fr; }
    .sidebar {
        padding: 12px 16px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
    }
    .sidebar nav {
        display: flex;
        order: 3;
        flex: 1 0 100%;
        gap: 4px;
        margin: 0;
        overflow-x: auto;
        scrollbar-width: none;
    }
    .sidebar nav::-webkit-scrollbar { display: none; }
    .sidebar nav a, .sidebar nav span {
        flex: 0 0 auto;
        padding: 8px 10px;
        font-size: 12px;
        white-space: nowrap;
    }
    .sidebar form { margin-left: auto; }
    .sidebar .logout { width: auto; margin: 0; padding: 9px 11px; }
    .workspace-head { align-items: flex-start; flex-direction: column; }
}