/* MATE : captures originales, voile sombre indépendant des images. */
body.mate-immersive{background:#0b1119;isolation:isolate;--muted:#c0cbd2;--line:#d6e6ff26}
.mate-scenery{position:fixed;inset:0;z-index:-1;pointer-events:none;background-size:cover;background-position:55% center;background-repeat:no-repeat}
.mate-scenery::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,10,18,.69),rgba(5,10,18,.25) 58%,rgba(5,10,18,.16)),linear-gradient(180deg,rgba(5,10,18,.27),rgba(5,10,18,.10) 40%,rgba(5,10,18,.66))}
body[data-scenery=matches] .mate-scenery{background-position:65% center}
body[data-scenery=chat] .mate-scenery{background-position:64% center}
body[data-scenery=profile] .mate-scenery{background-position:64% center}
body.mate-immersive>aside{background:rgba(8,15,24,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:#d9eaff20}
body.mate-immersive main>header{background:rgba(8,15,24,.60);padding-inline:18px;border-radius:0 0 16px 16px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
body.mate-immersive .heading{padding:22px 24px;border:1px solid #deedff20;border-radius:18px;background:linear-gradient(100deg,rgba(8,15,24,.90),rgba(8,15,24,.66));box-shadow:0 12px 35px #0002}
body.mate-immersive .heading h1{color:#f6f9ff;text-shadow:0 2px 12px #0005}
body.mate-immersive .sidebox,body.mate-immersive .empty,body.mate-immersive .form,body.mate-immersive .chat,body.mate-immersive .discovery-filters{background:rgba(10,18,28,.90);border:1px solid #daeaff28;box-shadow:0 12px 36px #0003;border-radius:18px}
body.mate-immersive .form{padding:26px}
body.mate-immersive .empty{padding:32px}
body.mate-immersive .match-row,body.mate-immersive .match-item{background:rgba(10,18,28,.93)}
body.mate-immersive input,body.mate-immersive textarea,body.mate-immersive select{background-color:#111d29;color:#f1f5fa;border-color:#dcecff32}
body.mate-immersive .visual-select summary,body.mate-immersive .visual-options{background:#111d29}
body.mate-immersive .actions button:not(.like){background:#101c29ed}
body.mate-immersive .safety-actions{background:#0b1421dd;border-radius:12px;padding:10px 14px}
body.mate-immersive main>footer{color:#d0d9e2;background:#0a121de6;border-radius:12px;padding:18px;margin-top:30px}
body.mate-immersive .card{box-shadow:0 14px 45px #0006;border:1px solid #dcecff30}
@media(max-width:760px){
 .mate-scenery{background-position:57% center}
 .mate-scenery::after{background:linear-gradient(180deg,#060d1640,#060d1659 55%,#060d16a6)}
 body.mate-immersive .heading{padding:17px 16px;border-radius:14px}
 body.mate-immersive .heading h1{font-size:clamp(25px,7vw,34px)}
 body.mate-immersive .form{padding:18px 14px}
 body.mate-immersive>aside{background:#09121af5}
 body.mate-immersive main>header{padding-inline:10px}
 body.mate-immersive .empty{padding:24px 16px}
}