/* Tema Atlas oscuro: tipografía y orden visual. Los colores ya vienen remapeados en cada página.
   No cambia el HTML: el orden se reorganiza con CSS. */
:root{--atlas-display:'Sora',system-ui,sans-serif;--atlas-ui:'Plus Jakarta Sans',system-ui,sans-serif;--atlas-data:'JetBrains Mono',ui-monospace,monospace;
 --atlas-accent:106 163 236}
html body{font-family:var(--atlas-ui)!important;letter-spacing:0}
/* Títulos grandes en Sora; etiquetas e interfaz en Plus Jakarta Sans. */
h1,h2[class*="text-2xl"],h2[class*="text-3xl"],h2[class*="text-4xl"],#cloud-title,.panel-header h1,#modal-title{font-family:var(--atlas-display)!important;font-weight:600!important;letter-spacing:-.02em!important}
h1{font-size:max(1em,28px)}
h2,h3{font-family:var(--atlas-ui)}

/* Efecto de selección al pasar el cursor: borde iluminado, brillo y un leve ascenso. */
button:not(:disabled),.btn,a[class*="border"],a[class*="rounded"],[role="tab"],.nav-item,.plan,.provider,.shortcut,.world-chip,.account-world,.app-plan,.app-world,.action,.initial.available{transition:border-color .18s,box-shadow .18s,background-color .18s,transform .18s,color .18s}
button:not(:disabled):hover,.btn:hover,a[class*="border"]:hover,a[class*="rounded"]:hover,[role="tab"]:hover,.nav-item:hover,.plan:hover,.provider:hover,.shortcut:hover,.world-chip:hover,.account-world:hover,.app-plan:hover,.app-world:hover,.action:hover,.initial.available:hover{
 border-color:rgb(var(--atlas-accent)/.75)!important;box-shadow:0 0 0 1px rgb(var(--atlas-accent)/.45),0 0 22px rgb(var(--atlas-accent)/.22)!important;transform:translateY(-1px)}
button:not(:disabled):active,.btn:active,a[class*="rounded"]:active{transform:translateY(0)}
input:focus,select:focus,textarea:focus{border-color:rgb(var(--atlas-accent)/.8)!important;box-shadow:0 0 0 3px rgb(var(--atlas-accent)/.18)!important;outline:none}
@media (prefers-reduced-motion:reduce){*{transition:none!important;transform:none!important}}
code,kbd,.font-mono,[class*="tabular"],.license-metrics strong,.license-metrics b{font-family:var(--atlas-data)!important;font-variant-numeric:tabular-nums}

/* Ilustración propia de cada página, detrás de todo el contenido. */
html body{background-image:var(--page-art,none)!important;background-repeat:no-repeat!important;background-position:right 3vw bottom!important;background-size:auto min(86vh,820px)!important;background-attachment:fixed!important}
@media (max-width:700px){html body{background-size:88vw auto!important;background-position:center bottom!important}}

/* Login: la tarjeta de acceso pasa a la izquierda y el mensaje a la derecha. */
@media (min-width:1024px){
 main>.grid>section:first-child{order:2}
 main>.grid{grid-template-columns:420px 1fr!important}
}

/* Panel: primero el estado de la licencia y los accesos; la promoción baja. */
#dashboard{display:flex!important;flex-direction:column}
#dashboard>.panel-header{order:0}
#dashboard>.metrics-panel{order:1}
#dashboard>.shortcuts-panel{order:2}
#dashboard>.profile-panel{order:3}
#dashboard>.cloud-banner{order:4}
#dashboard>.videos-panel{order:5}
#dashboard>.dashboard-footer{order:6}
/* BotCloud no se ofrece: fuera el banner y el acceso directo. */
#dashboard>.cloud-banner,.cloud-shortcut{display:none!important}
.license-metrics h2,.license-metrics h3,.license-metrics span{font-family:var(--atlas-ui)!important;letter-spacing:.08em}