/* Unipopbras — Etapa 5. Regras globais sem interferir nas rotas PHP/JSON. */
:root{color-scheme:light}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #35a6ec!important;outline-offset:3px}
:where(button,input,select,textarea){font:inherit}
:where(button,[role=button]){touch-action:manipulation}
:where(img,svg){max-width:100%}
img{height:auto}
:where(.app-content,.panel,.st-panel,.p4-surface,.course-card){min-width:0}
:where(.app-shell,.public-shell){-webkit-tap-highlight-color:transparent}
:where(.btn,.course-card,.st-course-card,.p4-kpi){transition-duration:.2s}
:where(.btn,.icon-btn,.mobile-menu,[data-admin-export]):disabled{cursor:wait;opacity:.65}
:where(.public-shell,.app-shell) :where(input,select,textarea){min-width:0}
:where(.public-shell,.app-shell) :where(input,select,textarea):focus{border-color:#117ac2;box-shadow:0 0 0 3px rgba(27,153,224,.10)}
.skip-to-content{position:fixed;top:-70px;left:12px;z-index:600;background:#06377c;color:#fff;padding:12px 18px;border-radius:8px;font-weight:800}
.skip-to-content:focus{top:10px}
.public-header{z-index:120}
.app-topbar{z-index:95}
#sidebarToggle[aria-expanded=true]{background:#e7f3ff;color:#0756a3}
@media(max-width:760px){.app-sidebar.open{box-shadow:12px 0 0 200vw rgba(6,36,75,.25)}.app-content{overflow-wrap:anywhere}.public-header .header-actions{gap:8px}.mobile-bottom-nav{height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.app-content{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.toast-host{bottom:calc(80px + env(safe-area-inset-bottom))}}
@media(max-width:480px){.app-topbar .user-chip{max-width:140px}.app-topbar .top-actions{gap:5px}.st-welcome h1,.p4-hero h1{overflow-wrap:normal}.p4-guide-item{max-width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
@media print{.skip-to-content,.page-loader,.mobile-bottom-nav,.app-topbar,.app-sidebar,.public-header,.public-footer,.toast-host{display:none!important}.app-content,.app-stage{margin:0!important;padding:0!important}}