/* Para o tema claro (ou "day") */
html[yd-theme="light"],
html[yd-theme="day"] {
    --bg-menu: var(--prin);
    --yd-bg-menu: rgb(9, 87, 175);
    /* Use o gradiente primário do Ydra */
}

/* Para o tema escuro */
html[yd-theme="dark"] {
    --bg-menu: var(--notuD);
    --yd-bg-menu: color-mix(in oklch, var(--yd-pri) 10%, transparent);
    /* Use a cor noturna/escura */
}

html,
body {
    min-height: 100vh;
    display: inline-block;
    width: 100%;
}

[yd-sidebar] {
    background: var(--bg-menu);
}

[yd-sidebar-it] {
    color: var(--yd-color_);
}

[yd-sidebar-it][act] {
    background: var(--yd-bg-menu);
}

[yd-sidebar-tgl] {
    right: 0;
}

[yd-sidebar-tgl] i {
    color: transparent;
}

[yd-sidebar-hdr] {
    background: rgba(255, 255, 255, 1);
}

[yd-sidebar][col] {
    width: 6.4rem;
}

[yd-sidebar] {
    width: 23rem;
}

[yd-sidebar]:not([hid])[col]~[yd-sidebar-push] {
    margin-left: 6.4rem;
}

[yd-sidebar]:not([hid])~[yd-sidebar-push] {
    margin-left: 23rem;
}


/* ── Topbar — apenas na coluna do conteúdo ── */
.san-topbar {
    position: sticky;
    top: 0;
    z-index: 100;
    height: 6.4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 2.4rem;
    background: var(--yd-gls-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border-bottom: 1px solid var(--yd-bor);
}

/* ── Coluna principal ── */
.san-main {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 100dvh;
}

.san-content {
    flex: 1;
    padding: var(--yd-s-g);
}

.san-footer {
    padding: var(--yd-s-m) var(--yd-s-g);
    font-size: var(--yd-f-pp);
    color: var(--yd-txt-mut);
    border-top: 1px solid var(--yd-bor);
    background: var(--yd-bg-sec);
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    bottom: -23px;
}

.san-divider {
    width: 1px;
    height: 2rem;
    background: var(--yd-bor);
    flex-shrink: 0;
}