/* Seletor de tema na barra superior (os dois temas) e ajustes manuais do tema claro que o gerador não decide sozinho. */
.tema-topo { position: relative; }
.tema-topo > summary { list-style: none; cursor: pointer; color: var(--sub); border-radius: 8px; }
.tema-topo > summary::-webkit-details-marker { display: none; }
.tema-topo > summary:hover { color: var(--texto); }
.tema-topo .tema-ico { display: none; }
html:not([data-tema-pref]) .tema-topo .tema-ico[data-tema-ico="escuro"],
html[data-tema-pref="escuro"] .tema-topo .tema-ico[data-tema-ico="escuro"],
html[data-tema-pref="claro"] .tema-topo .tema-ico[data-tema-ico="claro"],
html[data-tema-pref="sistema"] .tema-topo .tema-ico[data-tema-ico="sistema"] { display: inline-flex; }
.menu-tema { position: absolute; right: 0; top: calc(100% + 8px); z-index: 50; min-width: 230px; padding: 6px; background: var(--cartao); border: 1px solid var(--borda-forte); border-radius: 10px; box-shadow: 0 12px 32px rgba(0, 0, 0, .35); }
.menu-tema form { margin: 0; }
.tema-topo .menu-tema .sessao-link { width: 100%; display: flex; align-items: center; gap: 8px; padding: 8px 10px; border: 0; border-radius: 8px; background: transparent; color: var(--texto); font-weight: 400; text-align: left; cursor: pointer; }
.tema-topo .menu-tema .sessao-link:hover:not(:disabled) { background: var(--cartao-2); }
.menu-tema .tema-marca { margin-left: auto; color: var(--marca); visibility: hidden; display: inline-flex; }
.menu-tema [aria-checked="true"] .tema-marca { visibility: visible; }
html[data-tema="claro"] .menu-tema { box-shadow: 0 12px 32px rgba(15, 23, 42, .14); }