/* Shared theme switch. Label names the action, so it works without the icon. */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid var(--rule);border-radius:var(--r-md);background:var(--surface);color:var(--ink);font:600 .8125rem/1.2 var(--f-ui);cursor:pointer;white-space:nowrap;flex:none}
.theme-toggle:hover{background:var(--sel-soft);border-color:var(--brand)}
.theme-toggle:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.theme-toggle .theme-sun{display:none}
:root[data-theme=dark] .theme-toggle .theme-sun{display:block}
:root[data-theme=dark] .theme-toggle .theme-moon{display:none}
.theme-toolbar{display:flex;justify-content:flex-end;margin-bottom:20px}
@media(max-width:1199px){.global-role{display:none}}
@media(max-width:760px){.global-account .theme-toggle{padding:8px}.global-account [data-theme-label]{display:none}}
@media(max-width:420px){.global-brand .church-logo{width:100px;height:auto}.global-account{gap:2px}.global-inner{column-gap:4px}.global-profile{padding-inline:4px}}
@media print{.theme-toggle,.theme-toolbar{display:none!important}}