.document-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}
.document-actions form { margin: 0; }
.delete-test {
    border: 0;
    border-radius: 7px;
    padding: 7px 9px;
    background: #fae4e7;
    color: var(--danger);
    font-weight: 800;
}
.delete-test:hover { background: var(--danger); color: #fff; }
.badge.test { background: #eee8ff; color: #6842a0; }
.sidebar { height: 100dvh; }
.sidebar nav { min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
.sidebar-user { grid-template-columns: 34px minmax(0,1fr); }
.logout-button { grid-column: 1/-1; display: block; margin-top: 7px; padding: 10px; border-radius: 8px; background: #254b4d; color: #fff!important; text-align: center; font-weight: 800; }
.menu-backdrop { display: none; }
.top-logout { padding: 10px 13px; border-radius: 8px; background: #fae4e7; color: var(--danger); font-weight: 800; white-space: nowrap; }
.mobile-section { display: none; }
@media (max-width:760px) {
    .sidebar { width: min(290px,86vw); overflow: hidden; z-index: 50; }
    .sidebar nav a { min-height: 45px; display: flex; align-items: center; touch-action: manipulation; }
    .menu-open { overflow: hidden; }
    .menu-open .menu-backdrop { display: block; position: fixed; inset: 0; z-index: 40; border: 0; background: rgba(4,18,20,.55); }
    .menu-button { min-width: 46px; min-height: 46px; border-radius: 9px!important; background: #edf4f3!important; touch-action: manipulation; }
    .topbar { height: auto; min-height: 88px; flex-wrap: wrap; padding-top: 10px!important; padding-bottom: 10px!important; }
    .topbar>div:not(.today) { flex: 1; }
    .topbar h1 { font-size: 19px; }
    .mobile-section { display: block; order: 5; width: 100%; }
    .mobile-section span { position: absolute; width: 1px; height: 1px; overflow: hidden; }
    .mobile-section select { min-height: 46px; font-size: 16px; background: #fff; }
    .top-logout { margin-left: auto; min-height: 44px; display: inline-flex; align-items: center; }
}