/* Sdílený admin sidebar layout — menu vlevo, obsah vpravo.
   Používá: admin.html (SPA admin) i cms/admin/* (CMS builder). Sjednocený vzhled.
   Vyžaduje FitBreak theme proměnné z css/style.css. */

.admin-layout { display: flex; gap: 0; align-items: stretch; width: 100%; }

.admin-sidebar {
    width: 236px; flex-shrink: 0; position: sticky; top: 0; align-self: flex-start;
    min-height: 100vh; max-height: 100vh; overflow-y: auto;
    background: var(--color-bg-card, #161d27);
    border: none; border-right: 1px solid var(--color-border, #232c38);
    border-radius: 0; padding: 16px 12px;
}
.admin-sidebar-brand {
    font-weight: 800; font-size: 1.05rem; color: var(--color-text, #e6e6e6);
    padding: var(--space-sm, 10px) var(--space-md, 16px) var(--space-md, 16px);
    border-bottom: 1px solid var(--color-border, #232c38); margin-bottom: var(--space-sm, 10px);
}
.admin-nav { display: flex; flex-direction: column; gap: 2px; margin: 0; }
.admin-nav-section {
    font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.6px;
    color: var(--color-text-muted, #6b7785); margin: var(--space-md, 16px) 0 4px; padding: 0 var(--space-md, 16px);
}
.admin-nav-btn, a.admin-nav-btn {
    display: flex; align-items: center; gap: 10px; width: 100%; text-align: left; text-decoration: none;
    padding: 10px var(--space-md, 16px); border: none; border-radius: var(--radius-md, 8px);
    background: transparent; color: var(--color-text-secondary, #8b95a1);
    font-family: var(--font-body, inherit); font-weight: 600; font-size: 0.9rem; cursor: pointer; transition: all 0.15s;
}
.admin-nav-btn:hover, a.admin-nav-btn:hover { background: var(--color-bg-input, #1a212b); color: var(--color-text, #e6e6e6); }
.admin-nav-btn.active, a.admin-nav-btn.active { background: var(--color-primary, #f6a821); color: #fff; }
.admin-nav-btn svg { flex-shrink: 0; opacity: 0.9; }

.admin-main { flex: 1; min-width: 0; padding: 28px 32px; }

@media (max-width: 860px) {
    .admin-layout { flex-direction: column; }
    .admin-sidebar { width: 100%; position: static; }
    .admin-nav { flex-direction: row; flex-wrap: wrap; }
    .admin-nav-btn, a.admin-nav-btn { width: auto; }
    .admin-nav-section { width: 100%; }
}