@import url("workspace-vivid.css?v=20261011");
@import url("workspace-refinement.css?v=20261014-rc3");
/* Shared appearance: the default is light; stored choices apply on every page. */
:root{--preferences-bg:#fff;--preferences-ink:#153e53;--preferences-line:#c5d9e4;--preferences-hover:#edf5f8}
html[data-theme="dark"]{--preferences-bg:#122131;--preferences-ink:#eaf3fb;--preferences-line:#38536a;--preferences-hover:#233c51;--theme-page:#0c1622;--theme-panel:#142333;--theme-glow:#326fc530;--theme-ink:#eef6ff;color-scheme:dark;background:var(--theme-page)}
html[data-theme="dim"]{--preferences-bg:#293947;--preferences-ink:#f0f5f9;--preferences-line:#617184;--preferences-hover:#3b4d60;--theme-page:#25323f;--theme-panel:#303f4e;--theme-glow:#9283cf35;--theme-ink:#f5f5fa;color-scheme:dark;background:var(--theme-page)}
html:is([data-theme="dark"],[data-theme="dim"]) body{background-color:var(--theme-page);color:var(--theme-ink)}
html:is([data-theme="dark"],[data-theme="dim"]) :is(input,textarea,select){color-scheme:dark}
/* Keep wordmarks legible, without recoloring photographic assets. */
html:is([data-theme="dark"],[data-theme="dim"]) :is(.portal-brand>img,.admin-login img){background:#fff;border-radius:7px;padding:5px;box-sizing:border-box}
.theme-emblem-filter{position:absolute;pointer-events:none}
html:is([data-theme="dark"],[data-theme="dim"]) [data-theme-image][src*="escudo-uam-colores.gif"]{background:none;filter:drop-shadow(0 0 1px #f4f8ff) drop-shadow(0 0 8px #a020a055);animation:uam-emblem-halo 12s ease-in-out infinite}
[data-theme-image]{object-fit:contain;aspect-ratio:16/9;height:auto}
/* Broad ambient lighting belongs to the page, never to a tight rectangular hero. */
html:is([data-theme="dark"],[data-theme="dim"]) body.portal-section-inicio{background-color:var(--theme-page)!important;background-image:radial-gradient(ellipse 100vw 65vh at 25% 15%,var(--theme-glow),transparent 85%),radial-gradient(ellipse 90vw 65vh at 95% 60%,#755b9c20,transparent 85%)!important}
html:is([data-theme="dark"],[data-theme="dim"]) body.portal-section-inicio :is(.home-experience,.home-hero){background:transparent!important;background-image:none!important}
html:is([data-theme="dark"],[data-theme="dim"]) body.portal-section-inicio .home-experience:before{opacity:.12;mask-image:radial-gradient(ellipse,#000,transparent 75%)}
html:is([data-theme="dark"],[data-theme="dim"]) body.portal-section-inicio .home-hero h1{color:var(--theme-ink)!important;-webkit-text-fill-color:var(--theme-ink)!important;background-image:none!important;text-shadow:0 4px 36px var(--theme-glow)}
html:is([data-theme="dark"],[data-theme="dim"]) body :is(.home-story-panel,.home-guide-card,.workspace-mega-panel,.admin-page-navigation,.cert-panel){box-shadow:0 12px 40px #0000001f,inset 0 1px 0 #b2dcff0b}
html:is([data-theme="dark"],[data-theme="dim"]) body .home-action-primary{background:linear-gradient(115deg,#873669,#6042c5)!important;color:#fff!important;box-shadow:0 8px 32px #8468ee30}
html:is([data-theme="dark"],[data-theme="dim"]) body .portal-header{background:var(--theme-page)!important}
/* Compact controls are in the header's normal flow, immediately after its brand. */
.has-interface-preferences{overflow:visible}
.has-interface-preferences>.suoda-preferences,.suoda-preferences-bar>.suoda-preferences{position:relative;z-index:80;display:inline-flex!important;flex-flow:row nowrap!important;align-items:center!important;align-self:center;width:76px!important;min-width:76px!important;max-width:76px!important;height:40px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;justify-self:start;gap:4px;color:inherit;font:14px/1.5 system-ui,sans-serif}
.suoda-preferences button{font:inherit;cursor:pointer;background:transparent;color:inherit;border:0;font-weight:600}
.suoda-preferences button.suoda-preferences-trigger{display:flex;align-items:center;justify-content:center;width:36px!important;min-width:36px!important;height:40px!important;min-height:40px!important;padding:4px!important;border:0!important;background:transparent!important;border-radius:8px!important;flex:none!important;line-height:1!important}
.suoda-preferences-trigger svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.suoda-preferences .suoda-language-code{display:none!important}
.suoda-preferences .suoda-preferences-trigger:hover{background:#86adc525!important}
.suoda-preferences :focus-visible{outline:3px solid #4098c0;outline-offset:2px}
.suoda-preferences-popover{position:absolute;top:calc(100% + 10px);left:0;bottom:auto;right:auto;z-index:100;display:block;width:300px;max-width:calc(100vw - 20px);max-height:min(65dvh,520px);overflow:auto;overscroll-behavior:contain;box-sizing:border-box;border:1px solid var(--preferences-line);border-radius:16px;background:var(--preferences-bg);color:var(--preferences-ink);box-shadow:0 16px 45px #00132440;padding:16px;font-weight:400;text-align:left}
.has-interface-preferences .suoda-preferences-popover[hidden],.suoda-preferences-popover[hidden]{display:none!important}
.suoda-preferences-popover strong{display:block;margin:0 0 12px}.suoda-preferences-popover button{display:block;width:100%;text-align:left;margin:4px 0;padding:10px 12px;min-height:44px;border-radius:10px;line-height:1.5}.suoda-preferences-popover button:hover,.suoda-preferences-popover button[aria-pressed="true"]{background:var(--preferences-hover)}.suoda-preferences-popover button[aria-pressed="true"]:after{content:'✓';margin-left:8px}.suoda-preferences-popover p,.suoda-preferences-popover small{font-size:12px;line-height:1.6}.suoda-preferences-popover a{color:inherit;text-decoration:underline}
.suoda-preferences-bar{position:absolute;inset:max(10px,env(safe-area-inset-top)) auto auto max(12px,env(safe-area-inset-left));padding:0;background:transparent;z-index:100;color:var(--preferences-ink)}
.suoda-preferences-popover .goog-te-gadget{font-size:11px;color:var(--preferences-ink)}.suoda-preferences-popover .goog-te-combo{max-width:100%;width:100%;min-height:44px;margin:10px 0;padding:8px;color:#172d3d;background:#fff;border:1px solid #abc3d1;border-radius:8px}
.portal-header.has-interface-preferences{grid-template-columns:auto 76px minmax(0,1fr) auto;gap:clamp(8px,1vw,18px)}
.admin-topbar.has-interface-preferences{grid-template-columns:auto 76px minmax(145px,.5fr) minmax(0,2fr);gap:16px}
@media(max-width:1100px){.portal-header.has-interface-preferences{grid-template-columns:minmax(0,1fr) 76px auto}.portal-header.has-interface-preferences .portal-brand{grid-column:1;grid-row:1}.portal-header.has-interface-preferences .suoda-preferences{grid-column:2;grid-row:1}.portal-header.has-interface-preferences .portal-menu-toggle{grid-column:3;grid-row:1}.portal-header.has-interface-preferences .portal-nav{grid-column:1/-1}.portal-header.has-interface-preferences .portal-roles{grid-column:1/-1;grid-row:auto;position:static;justify-content:flex-end}.admin-topbar.has-interface-preferences{grid-template-columns:minmax(0,1fr) 76px}.admin-topbar.has-interface-preferences>nav,.admin-topbar.has-interface-preferences>div:not(.suoda-preferences){grid-column:1/-1}.workspace-top.has-interface-preferences{gap:10px;flex-wrap:wrap}.workspace-top.has-interface-preferences>span{display:none}}
@media(max-width:600px){.portal-header.has-interface-preferences{padding:8px;gap:4px}.portal-header.has-interface-preferences .portal-brand>img{max-width:130px;width:100%;height:auto}.portal-header.has-interface-preferences .portal-brand>span{display:none}.portal-header.has-interface-preferences .portal-roles{display:none}.portal-header.has-interface-preferences.nav-open .portal-roles{display:flex;justify-content:flex-start;gap:10px}.portal-header.has-interface-preferences.nav-open .portal-roles a{display:flex}.portal-header.has-interface-preferences .portal-nav{top:100%;position:absolute}.has-interface-preferences .suoda-preferences-popover,.suoda-preferences-bar .suoda-preferences-popover{position:fixed;top:var(--preferences-menu-top,70px);left:10px;max-height:calc(100dvh - var(--preferences-menu-top,70px) - 20px)}.workspace-top.has-interface-preferences{gap:8px;padding:10px}.workspace-top.has-interface-preferences>a{display:none}.workspace-top.has-interface-preferences>div:not(.suoda-preferences){flex:1;min-width:110px}.workspace-top.has-interface-preferences h1{font-size:.95rem}.workspace-account>summary{padding:8px}.admin-topbar.has-interface-preferences{padding:12px;gap:8px}.admin-login-page{padding-top:64px}}
@media(prefers-reduced-motion:reduce){html:is([data-theme="dark"],[data-theme="dim"]) .home-ambient{animation:none}}
@media print{.suoda-preferences,.suoda-preferences-bar{display:none!important}}

html:is([data-theme="dark"],[data-theme="dim"]) body .admin-login{border:1px solid #53718c40;border-radius:24px;background-color:var(--theme-panel)!important;box-shadow:0 24px 70px #00000040}

@keyframes uam-emblem-halo{0%,100%{filter:drop-shadow(0 0 1px #f4f8ff) drop-shadow(0 0 5px #0070c044)}20%{filter:drop-shadow(0 0 1px #f4f8ff) drop-shadow(0 0 12px #a020a070)}40%{filter:drop-shadow(0 0 1px #f4f8ff) drop-shadow(0 0 7px #c0002055)}60%{filter:drop-shadow(0 0 1px #f4f8ff) drop-shadow(0 0 12px #f0800060)}80%{filter:drop-shadow(0 0 1px #f4f8ff) drop-shadow(0 0 7px #50a01060)}}
@media(prefers-reduced-motion:reduce){html:is([data-theme="dark"],[data-theme="dim"]) [data-theme-image]{animation:none}}

.suoda-language-more{display:grid;gap:6px;margin:12px 0;font-size:13px}.suoda-language-more select{width:100%;min-height:44px;background:var(--preferences-bg);color:var(--preferences-ink);border:1px solid var(--preferences-line);border-radius:8px;padding:8px}.suoda-browser-help{font-size:13px;margin:12px 0}.suoda-browser-help summary{cursor:pointer;min-height:36px}.suoda-preferences .suoda-flag{width:22px;height:15px;border-radius:2px;box-shadow:0 0 0 1px #7d95a83d}

html[data-theme="light"] .workspace-controls{background:#edf3f7;border-bottom:1px solid #cedce6}
html[data-theme="light"] .workspace-sections-options{background:#f5f8fa}
html[data-theme="light"] .workspace-section-group{background:#eaf1f6;border-color:#d3e0e9}
html[data-theme="light"] .workspace-section-group button{background:#fff;border-color:#dce6ed}
html[data-theme="light"] .workspace-menu-heading{background:transparent}
html[data-theme="light"] .group-layout>aside{background:#eaf2f6;border:1px solid #d0e0e9;border-radius:18px;padding:20px}
html[data-theme="light"] .account-examples{background:#f0f5f8}
.certificate-return-nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.exam-shell>nav{flex-wrap:wrap;gap:12px}.exam-shell>nav a{min-height:40px;display:inline-flex;align-items:center}.mc-top.has-interface-preferences,.group-top.has-interface-preferences{flex-wrap:wrap;gap:16px}.mc-top .suoda-preferences{color:#fff}

/* Final small corrections share the palette of the existing SU ODA panels. */
html[data-theme] .student-view{background:var(--work-soft)!important;color:var(--work-ink)!important;border:1px solid var(--work-line)}
html[data-theme] .home-carousel-dots button{background:transparent!important;border:0;box-shadow:none;color:var(--work-ink)}
html[data-theme] .home-carousel-dots button::after{background:var(--work-muted)!important}
html[data-theme] .home-carousel-dots button.is-active::after{background:var(--work-accent)!important}
.home-carousel-dots button:focus-visible{outline:2px solid var(--work-accent);outline-offset:2px}
html[data-theme] .submission-status:not(:empty){position:static;margin:12px 0 0;padding:12px 14px;border:1px solid var(--work-line);border-left:3px solid var(--work-accent);border-radius:9px;background:var(--work-soft)!important;color:var(--work-ink)!important;overflow-wrap:anywhere;line-height:1.6}
html[data-theme] .submission-status.is-error{border-left-color:#c54f59}
html[data-theme] .course-toast{background:var(--work-card);color:var(--work-ink);border:1px solid var(--work-line);border-radius:10px;pointer-events:none;max-width:min(420px,calc(100vw - 32px))}
