/* ATLA — surfaces et mouvements de navigation; la scène d’entrée est un film. */
/* Des surfaces profondes, stables au repos. Les animations se déclenchent sur action. */
html.atla-hud body{background:#080f15!important;}
html.atla-hud .main-col{background:radial-gradient(ellipse at 95% 0,#1c536129,transparent 52%);}
html.atla-hud .sidebar{background:#080f17!important;border-right:1px solid #376576!important;}
html.atla-hud .side-nav-btn.active{background:linear-gradient(90deg,#123849,#12202a)!important;border-left-color:#b0f5ff!important;box-shadow:inset 0 0 25px #5adaf00b;}
html.atla-hud :is(.dash-bloc,.gestion-panel,.gestion-details,.kpi-card,.client-card,.project-card,.panel){border-color:#355464!important;box-shadow:0 14px 32px #0004,inset 0 1px #a9f2ff16!important;}
html.atla-hud .panel{background:linear-gradient(145deg,#192731,#10191f)!important;}
html.atla-hud :is(button,.btn-primary,.side-nav-btn){transition-property:transform,opacity!important;}
html.atla-hud :is(button,.btn-primary):active{transform:translateY(1px) scale(.97)!important;}
html.atla-hud :is(.client-card,.project-card,.kpi-card){transition:transform .22s cubic-bezier(.2,.8,.2,1)!important;}
@media(hover:hover) and (pointer:fine){html.atla-hud :is(.client-card,.project-card,.kpi-card):hover{transform:perspective(1000px) translateY(-4px) rotateX(1.5deg)!important;}html.atla-hud .side-nav-btn:hover{transform:translateX(3px);}}
#soumissionView{--sw-edge:#395965;--sw-panel:#111d26;--sw-accent:#b4f3fb;}
#soumissionView .sw-header{align-items:flex-start;flex-direction:column;gap:18px;}
#soumissionView .sw-header h2{font-weight:500;font-size:clamp(28px,3vw,43px);letter-spacing:-1.3px;}
#soumissionView .sw-eyebrow{font-family:ui-monospace,SFMono-Regular,monospace;letter-spacing:2.6px;color:#a5dce6;}
#soumissionView #swSuivi{border-radius:4px 24px 4px 24px;position:relative;background:linear-gradient(130deg,#172a35,#0c161e 65%);}
#soumissionView .sw-overview{background:linear-gradient(90deg,#15323e80,transparent),repeating-linear-gradient(0deg,transparent 0 27px,#8adaed08 27px 28px);border-bottom-color:#406474;}
#soumissionView .sw-overview h3{font-size:20px;color:#c1e7ed;}
#soumissionView .sw-nav{gap:12px;border:0;padding:6px;background:#0e1b24;border:1px solid #304d5d;border-radius:8px;width:max-content;max-width:100%;}
#soumissionView .sw-nav button{padding:12px 20px;border:0;border-radius:5px;}
#soumissionView .sw-nav button[aria-pressed="true"]{background:#233e4c;color:#e4fbff;box-shadow:inset 0 1px #8ff0ff4a;}
#soumissionView .dash-bloc{border-radius:4px 20px 4px 20px;background:linear-gradient(140deg,#192c37,#111d26 65%);}
#soumissionView .soum-workflow button{position:relative;border-radius:3px 12px 3px 12px;background:#10242f;}
#soumissionView .soum-workflow button::after{content:'';position:absolute;bottom:0;left:12px;width:28px;height:2px;background:#8feaff;pointer-events:none;}
#hudReplay{font-size:11px!important;letter-spacing:1px;min-height:44px;color:#c4e9f2;background:transparent;border:1px solid #375b6b;border-radius:5px;padding:8px 12px;cursor:pointer;}
@media(max-width:700px){
 #soumissionView .sw-header{align-items:stretch;gap:16px;}
 #soumissionView .sw-nav{width:100%;}#soumissionView .sw-nav button{flex:1;padding:12px 8px;}
}
@media(prefers-reduced-motion:reduce){
 html.atla-hud :is(button,.client-card,.project-card,.kpi-card,.side-nav-btn){transition:none!important;transform:none!important;}
}
@media print{#vaultLoader,#hudReplay{display:none!important;}}
@media(hover:hover) and (pointer:fine){html.atla-hud .btn-primary:hover{transform:translateY(-2px)!important;}}
@media(prefers-reduced-motion:reduce){html.atla-hud .btn-primary:hover{transform:none!important;}}
@media(prefers-reduced-motion:reduce){
 html.atla-hud :is(.client-card,.project-card,.kpi-card):hover,
 html.atla-hud :is(button,.btn-primary):active,
 html.atla-hud .side-nav-btn:hover{transform:none!important;}
}