/* ATLAS Academy: black #0A0D14, royal blue #5B8CFF (Miro 2026-10-12) */
:root,.gl-dark,body.gl-dark{--atlas-black:#0A0D14;--atlas-s1:#0F1420;--atlas-s2:#131A28;--atlas-s3:#1B2334;--atlas-blue:#5B8CFF;--atlas-blue-l:#8FB0FF;--atlas-text:#EEF2FA;--atlas-text2:#C9D2E3;--atlas-muted:#8E99AE}
body,.layout-page,.page-with-contextual-sidebar,.content-wrapper,.navbar-gitlab,.top-bar-fixed{background:#0A0D14!important;color:#EEF2FA!important;font-family:"Atkinson Hyperlegible Next","Atkinson Hyperlegible","Helvetica Neue",Arial,system-ui,sans-serif!important}
h1,h2,h3,.page-title{font-family:"Cabinet Grotesk","Helvetica Neue",Arial,sans-serif!important;font-weight:800!important;letter-spacing:-.02em;color:#EEF2FA!important}
.navbar-gitlab,.super-sidebar,.nav-sidebar,aside,.gl-bg-default,.card,.gl-card,.well,.dropdown-menu,.modal-content,.login-box,.new-session-tabs{background:#0F1420!important;border-color:#1B2334!important;color:#EEF2FA!important}
.gl-bg-subtle,.gl-bg-strong,thead th,.table-holder .table thead{background:#131A28!important}
a,.gl-link{color:#8FB0FF}a:hover{color:#EEF2FA}
.btn-confirm,.gl-button.btn-confirm,.btn-success,.btn-primary{background:#5B8CFF!important;border-color:#5B8CFF!important;color:#070A12!important;font-weight:700}
.btn-confirm:hover,.btn-success:hover{background:#8FB0FF!important;border-color:#8FB0FF!important}
input,textarea,select,.form-control,.gl-form-input{background:#131A28!important;border-color:#1B2334!important;color:#EEF2FA!important}
.text-secondary,.gl-text-secondary,.gl-text-subtle,.text-muted{color:#8E99AE!important}
hr,.border,.gl-border,.nav-links{border-color:#1B2334!important}
.login-page .brand-logo img,.navbar-brand img{max-height:56px}

/* login page: no orange bloom, a quiet royal-blue glow instead */
body.login-page::before{background-image:radial-gradient(ellipse 60% 45% at 50% 108%,rgba(91,140,255,.28),rgba(91,140,255,0) 70%)!important;background-color:#0A0D14!important;opacity:1!important}
.top-scrim,.bottom-scrim{background:transparent!important}
body.login-page{background:#0A0D14!important}
.login-page .gl-w-full a[href*="forum.gitlab.com"],.login-page a[href*="about.gitlab.com"],.login-page a[href*="docs.gitlab.com"]{display:none!important}
.login-page .container h1,.login-page h1{font-size:2.4rem;line-height:1.05}
.login-page .brand-logo img,.login-page img[alt*="ATLAS"],.login-page img.gl-max-w-full{max-height:72px}
.header-message,.footer-message{font-family:"Cabinet Grotesk","Helvetica Neue",Arial,sans-serif;font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem}
/* app chrome */
.super-sidebar,.super-sidebar *,.top-bar-fixed *{--super-sidebar-bg:#0A0D14}
.super-sidebar{background:#0A0D14!important;border-right:1px solid #1B2334!important}
.super-sidebar .super-sidebar-nav-item-current,.super-sidebar [aria-current=page]{background:#1B2334!important;box-shadow:inset 3px 0 0 #5B8CFF}
.project-home-panel,.gl-card,.issuable-list,.commit-list,.file-holder,.tree-table,.blob-viewer,.diff-file{background:#0F1420!important;border-color:#1B2334!important}
.nav-tabs .nav-link.active,.gl-tab-nav-item-active{color:#8FB0FF!important;box-shadow:inset 0 -2px 0 #5B8CFF!important}
.gl-badge,.badge{background:#1B2334!important;color:#C9D2E3!important}
pre,code,.code{background:#131A28!important;color:#EEF2FA!important}
::selection{background:#5B8CFF;color:#070A12}
::-webkit-scrollbar-thumb{background:#1B2334}

/* animated royal-blue + black backdrop (Miro 2026-11-10): slow drifting glows, panels stay readable */
@keyframes atlas-drift{0%{background-position:0% 0%,100% 100%,50% 50%}50%{background-position:100% 60%,0% 40%,50% 50%}100%{background-position:0% 0%,100% 100%,50% 50%}}
@keyframes atlas-pulse{0%,100%{opacity:.85}50%{opacity:1}}
html,body,body.login-page,.layout-page,.page-with-contextual-sidebar,.content-wrapper{background:transparent!important}
body::before,body.login-page::before{content:""!important;position:fixed!important;inset:0!important;z-index:-1!important;pointer-events:none!important;opacity:1!important;
 background-color:#05070d!important;
 background-image:radial-gradient(ellipse 55% 50% at 20% 25%,rgba(91,140,255,.55),rgba(91,140,255,0) 70%),radial-gradient(ellipse 50% 55% at 85% 80%,rgba(43,88,214,.5),rgba(43,88,214,0) 70%),linear-gradient(160deg,#05070d 0%,#0b1630 45%,#05070d 100%)!important;
 background-size:160% 160%,160% 160%,100% 100%!important;
 animation:atlas-drift 28s ease-in-out infinite,atlas-pulse 9s ease-in-out infinite}
html{background:#05070d!important}
.navbar-gitlab,.super-sidebar,.nav-sidebar,aside{background:rgba(10,13,20,.72)!important;backdrop-filter:blur(10px)}
.card,.gl-card,.well,.login-box,.new-session-tabs,.project-home-panel,.issuable-list,.commit-list,.file-holder,.tree-table,.blob-viewer,.diff-file{background:rgba(15,20,32,.78)!important;backdrop-filter:blur(8px)}
@media (prefers-reduced-motion:reduce){body::before,body.login-page::before{animation:none!important}}
/* let the animated backdrop show through the page container; stronger glow */
.panels-container,.panel-content-inner,.content-panels,.gl-bg-default.gl-rounded-lg,.broadcast-wrapper{background:rgba(8,12,22,.35)!important}
body::before,body.login-page::before{background-image:radial-gradient(ellipse 60% 55% at 18% 22%,rgba(91,140,255,.75),rgba(91,140,255,0) 70%),radial-gradient(ellipse 55% 60% at 88% 82%,rgba(43,88,214,.7),rgba(43,88,214,0) 70%),radial-gradient(ellipse 40% 40% at 60% 10%,rgba(143,176,255,.35),rgba(143,176,255,0) 70%),linear-gradient(160deg,#04060b 0%,#0d1b3d 45%,#04060b 100%)!important;background-size:170% 170%,170% 170%,150% 150%,100% 100%!important}
@keyframes atlas-drift{0%{background-position:0% 0%,100% 100%,80% 0%,50% 50%}50%{background-position:100% 70%,0% 30%,10% 90%,50% 50%}100%{background-position:0% 0%,100% 100%,80% 0%,50% 50%}}
/* v3: brighter, clearly blue-and-black */
.panels-container,.panel-content-inner,.content-panels{background:rgba(6,9,18,.12)!important}
body::before,body.login-page::before{background-image:radial-gradient(circle 38vmax at 20% 30%,rgba(70,125,255,.95),rgba(70,125,255,0) 70%),radial-gradient(circle 42vmax at 85% 75%,rgba(35,85,230,.9),rgba(35,85,230,0) 70%),radial-gradient(circle 28vmax at 60% 8%,rgba(143,176,255,.5),rgba(143,176,255,0) 70%),linear-gradient(160deg,#03050a 0%,#0a1840 50%,#03050a 100%)!important;background-size:140% 140%,140% 140%,130% 130%,100% 100%!important}

/* v4 (Miro 2026-11-10): royal-blue frosted glass, readable text */
:root,.gl-dark,body.gl-dark{--atlas-glass:rgba(30,58,130,.38);--atlas-glass-hi:rgba(60,100,210,.30);--atlas-edge:rgba(160,190,255,.28)}
body::before,body.login-page::before{background-image:radial-gradient(circle 46vmax at 18% 22%,rgba(80,135,255,1),rgba(80,135,255,0) 72%),radial-gradient(circle 50vmax at 88% 80%,rgba(40,95,240,.95),rgba(40,95,240,0) 72%),radial-gradient(circle 34vmax at 62% 6%,rgba(150,185,255,.6),rgba(150,185,255,0) 72%),linear-gradient(160deg,#071330 0%,#0f2a6b 50%,#071330 100%)!important;background-size:140% 140%,140% 140%,130% 130%,100% 100%!important}
html{background:#071330!important}
.navbar-gitlab,.super-sidebar,.nav-sidebar,aside,.top-bar-fixed{background:var(--atlas-glass)!important;backdrop-filter:blur(22px) saturate(160%)!important;-webkit-backdrop-filter:blur(22px) saturate(160%)!important;border-color:var(--atlas-edge)!important}
.super-sidebar{border-right:1px solid var(--atlas-edge)!important}
.card,.gl-card,.well,.login-box,.new-session-tabs,.project-home-panel,.issuable-list,.commit-list,.file-holder,.tree-table,.blob-viewer,.diff-file,.dropdown-menu,.modal-content,.gl-new-dropdown-panel,.gl-dashboard-widget,[class*="widget"],[class*="dashboard-card"]{background:var(--atlas-glass)!important;backdrop-filter:blur(20px) saturate(160%)!important;-webkit-backdrop-filter:blur(20px) saturate(160%)!important;border:1px solid var(--atlas-edge)!important;border-radius:14px!important;box-shadow:0 8px 32px rgba(3,10,40,.35),inset 0 1px 0 rgba(255,255,255,.12)!important}
.panels-container,.panel-content-inner,.content-panels,.content-wrapper,.layout-page{background:transparent!important}
.breadcrumbs,.gl-breadcrumbs,.top-bar-fixed{background:rgba(20,45,110,.30)!important}
.super-sidebar .super-sidebar-nav-item-current,.super-sidebar [aria-current=page]{background:var(--atlas-glass-hi)!important;box-shadow:inset 3px 0 0 #8FB0FF}
.gl-tab-nav-item,.gl-tab-content{background:transparent!important}
input,textarea,select,.form-control,.gl-form-input,.gl-search-box-by-type-input{background:rgba(10,25,70,.55)!important;border-color:var(--atlas-edge)!important}
.gl-badge,.badge{background:rgba(120,160,255,.25)!important;color:#EEF2FA!important}
body,.gl-text-default,.gl-text-strong,p,li,span,td,th,label{color:#F4F7FF}
.text-secondary,.gl-text-secondary,.gl-text-subtle,.text-muted{color:#C9D6F2!important}
a,.gl-link{color:#B5CCFF}
h1,h2,h3,h4,.page-title{text-shadow:0 1px 12px rgba(5,15,60,.55)}
pre,code,.code{background:rgba(8,20,60,.6)!important}
::-webkit-scrollbar-thumb{background:rgba(160,190,255,.35)}

/* v5: hide header/footer bars, dark-blue glass everywhere */
.header-message,.footer-message,.header-message+*:empty{display:none!important}
.breadcrumbs,.gl-breadcrumbs,.top-bar-fixed,.top-bar-container,nav[aria-label="Breadcrumb"],.gl-breadcrumbs-list{background:rgba(14,34,90,.5)!important;backdrop-filter:blur(20px) saturate(160%)!important;-webkit-backdrop-filter:blur(20px) saturate(160%)!important;border-color:var(--atlas-edge)!important}
.gl-bg-default,.gl-bg-subtle,.gl-bg-strong,.gl-bg-section,.gl-bg-overlap,.gl-card-body,.gl-card-header,.activities,.event-item,.event-block,[class*="gl-bg-"],section,.content-list,.home-panel,.gl-mt-5 > div{background-color:rgba(18,42,110,.42)!important;backdrop-filter:blur(18px) saturate(150%)!important;-webkit-backdrop-filter:blur(18px) saturate(150%)!important;border-color:var(--atlas-edge)!important}
.gl-bg-transparent{background:transparent!important}
.btn-default,.gl-button.btn-default{background:rgba(120,160,255,.22)!important;color:#F4F7FF!important;border-color:var(--atlas-edge)!important}

/* v6: breadcrumb strip + logo fix */
.panel-header-inner,.panel-header,.js-panel-header-inner{background:rgba(14,34,90,.5)!important;backdrop-filter:blur(20px) saturate(160%)!important;-webkit-backdrop-filter:blur(20px) saturate(160%)!important;border-color:var(--atlas-edge)!important}
.gl-breadcrumbs{background:transparent!important;backdrop-filter:none!important}
.navbar-brand,.navbar-brand *,a[href="/"] img,img.gl-h-6{background:transparent!important;backdrop-filter:none!important;box-shadow:none!important;border:0!important}
a.brand-logo,.brand-logo{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:transparent!important}