/* TWENTY6 • Winter Edition - premium frost/aurora UI */
:root{--canvas:#071824;--frost:#daeeef;--ice:#b8e7ee;--mint:#a2eecb;--snow:#f7ffff;--winter-line:rgba(201,241,237,.15);--green:#0f9065;--ink:#172e35}
.app-body{background:radial-gradient(ellipse 100% 40% at 90% -10%,#1b4550 0%,transparent 70%),radial-gradient(ellipse at 10% 70%,#0d3b36 0%,transparent 45%),#071824;color:#e9f8f7;background-attachment:fixed}
.app-body:before{content:"";position:fixed;pointer-events:none;z-index:0;inset:0;opacity:.25;background-image:radial-gradient(1px 1px at 25px 27px,#eefeff 95%,transparent),radial-gradient(1px 1px at 95px 135px,#eefeff 95%,transparent),radial-gradient(2px 2px at 155px 65px,#eefeff 90%,transparent);background-size:235px 220px,310px 290px,440px 300px}
.app-layout,.content-shell{position:relative;z-index:1}
.sidebar{background:linear-gradient(175deg,#091e2a 2%,#08282c 52%,#071c22 100%);border-right:1px solid rgba(174,240,225,.12);box-shadow:12px 0 60px #0002}
.brand{margin-bottom:38px}.brand-logo{width:58px;height:58px;border:2px solid #b5eee181;box-shadow:0 0 0 4px #c7fff112,0 0 25px #2bab9066}.brand-lines strong span{color:#8ce3d3}
.sidebar-label{color:#8faeb3;font-size:9px;margin-bottom:13px;padding-left:16px;letter-spacing:1.8px}
.nav-item{color:#a2bfc2;padding:14px 14px;border:1px solid transparent;font-size:13px;font-weight:640}
.nav-item:hover{background:#c5f7ed0a;color:white}
.nav-item.active{background:linear-gradient(110deg,#1c5c59a8,#1e5c5270);color:#f1ffff;box-shadow:inset 3px 0 0 #a0ffe0,0 9px 27px #020f1950;border:1px solid #abffdf26}
.nav-icon{color:#b7efec;font-size:20px}
.nav-new{margin-left:auto;background:#b8f7d6;color:#0c4338;font-size:8px;border-radius:4px;letter-spacing:.6px;padding:4px 5px;font-weight:900}
.sidebar-info{background:linear-gradient(120deg,#1b534d55,#14374644);border-color:#c8fff12a;color:#c5f4eb;letter-spacing:.4px}
.sidebar-info small{color:#7ca8a5}.sidebar-profile{border-color:#b8e9d02b}.logout-btn{background:#b8edeb22}.topbar{background:rgba(10,32,43,.77);border-color:#dafbf31c;backdrop-filter:blur(18px)}
.topbar-eyebrow{color:#daeeee}.topbar-eyebrow #breadcrumb{color:#a3c8c8}.topbar-end{color:#d6f0ec}.topbar-separator{border-color:#d5f9ec35}.top-avatar{background:#c9fff0;color:#0c4b3f}.secure-badge{background:#c5f5fa0f;color:#c3f3f1;border:1px solid #ddfffa27;letter-spacing:1px}.menu-btn{color:white}
.main-content{max-width:1660px;padding:33px 39px 54px}.site-footer{background:transparent;border-top:1px solid #b4e9de1a;color:#8caead}.page-heading h1{color:#edfbfa}.page-heading h1 span{color:#b4f9dc}.page-heading p{color:#a6c6c8}.kicker{color:#9aefcc}.kicker-line{background:#96edcf}
.btn-primary{background:linear-gradient(115deg,#1b956e,#146b66);color:#fff;box-shadow:0 7px 24px #0b876127}.btn-primary:hover{background:#157c63}.btn-outline{background:#eaf8f5;border-color:#c3ded8;color:#146957}.btn-light{background:#e9f3f0}.surface{box-shadow:0 13px 42px #00000019}.metric-card{box-shadow:0 13px 42px #00000022}.metric-card.featured{background:linear-gradient(128deg,#166f5b,#0d4b58);border-color:#56a99844}
.bottom-card{background:#daf5e9}.notice{color:#7e5d1e}.surface .section-kicker{color:#198a70}
.winter-start{animation:pageEnter .42s both}@keyframes pageEnter{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}
.winter-hero{position:relative;isolation:isolate;min-height:480px;border-radius:25px;overflow:hidden;box-shadow:0 26px 75px #00000038;border:1px solid #d0faff36;background:radial-gradient(ellipse at 81% 24%,#316c77 0%,transparent 38%),radial-gradient(ellipse at 40% -5%,#25755f 0%,transparent 47%),linear-gradient(111deg,#092a35 5%,#124c50 54%,#102c43 100%)}
.winter-hero:before{content:"";position:absolute;pointer-events:none;inset:0;z-index:-1;background:linear-gradient(90deg,#071e2d88 3%,transparent 75%),url('winter-mountains.svg') center bottom / cover no-repeat;opacity:.87}
.winter-hero:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background-image:radial-gradient(1.4px 1.4px at 12% 14%,#e6feff 98%,transparent),radial-gradient(2px 2px at 75% 25%,#e4fffe 95%,transparent),radial-gradient(1.2px 1.2px at 42% 56%,#ecffff 98%,transparent),radial-gradient(1.7px 1.7px at 96% 60%,#d7faff 98%,transparent);background-size:190px 230px,290px 220px,270px 360px,370px 300px;opacity:.58;animation:snowFloat 36s linear infinite}
@keyframes snowFloat{to{background-position:0 320px,0 460px,0 390px,0 480px}}
.aurora{position:absolute;border-radius:50%;filter:blur(35px);pointer-events:none;z-index:-1}.aurora-one{width:450px;height:90px;background:#a0ffe43c;right:6%;top:17%;transform:rotate(-18deg)}.aurora-two{width:340px;height:140px;background:#68b9ef32;right:1%;top:2%;transform:rotate(-29deg)}
.winter-hero-inner{position:relative;z-index:4;padding:49px 50px 25px;max-width:765px}
.winter-overline{display:flex;align-items:center;gap:12px;font-size:9px;font-weight:900;letter-spacing:2.1px;color:#c9f8eb}.winter-overline i{display:block;width:32px;height:1px;background:#a0d3d1;opacity:.5}.pulse-dot{width:7px;height:7px;background:#9dffd1;box-shadow:0 0 0 4px #92ffdd1b,0 0 16px #a8ffe6;border-radius:50%}
.winter-hello{font-size:11px;font-weight:730;color:#abd0d0;letter-spacing:3px;margin:51px 0 9px}.winter-hero h1{font-size:clamp(52px,5.8vw,86px);line-height:.99;letter-spacing:-4.5px;font-weight:870;margin:0 0 21px;color:#f3fffd;text-shadow:0 8px 28px #00172550}.winter-hero h1 span{color:#a2f9d9}.winter-hero p{font-size:13px;line-height:1.8;color:#d2e9e7;max-width:440px;margin:0 0 25px}
.hero-cta{display:flex;gap:11px;flex-wrap:wrap}.hero-cta .btn{font-size:12px;padding:13px 17px;min-height:46px;position:relative;z-index:5}.hero-btn-primary{background:#b5ffe1;color:#083d35;box-shadow:0 6px 24px #a7fbd92b}.hero-btn-primary:hover{background:white}.hero-btn-glass{color:#ebfffb;background:#e9ffff13;border:1px solid #ddfffa69;backdrop-filter:blur(12px)}.hero-btn-glass:hover{background:#e9ffff30}.cta-symbol{font-size:17px;margin-right:3px}.hero-cta .btn>span:last-child{margin-left:17px;font-size:15px}
.hero-footer{display:flex;gap:14px;align-items:center;color:#c1d9d6;font-size:9px;letter-spacing:1.35px;font-weight:700;margin-top:48px;opacity:.86}
.hero-graphic{position:absolute;right:-35px;top:56px;width:465px;height:395px;z-index:2;pointer-events:none}.hero-target{position:absolute;width:300px;height:300px;right:105px;top:14px;transform:rotate(13deg);border:1px solid #c3f4e98a;border-radius:50%;box-shadow:0 0 0 20px #bbfff91c,0 0 0 55px #a9fcff0b,0 0 0 97px #9ce9fa0b,inset 0 0 50px #93c7f44a;background:radial-gradient(circle at 46% 46%,#103f4a 0 9%,#caeee7 10% 12%,#1b6f76 13% 19%,#bfdfd4 20% 21%,#0b3f54 22% 42%,#9abfc9 43% 44%,#145965 45% 64%,#97c5c9 65% 66%,#123949 67% 100%)}
.target-ring{position:absolute;border:1px solid #d4fcfb8d;border-radius:50%;inset:15px}.target-ring-b{inset:62px;border-color:#e6ffebaf}.target-ring-c{inset:115px}.target-center{position:absolute;inset:135px;border-radius:50%;background:#b7ffe0;box-shadow:0 0 22px #d7ffef}.target-dart{position:absolute;left:51%;top:36%;font-size:119px;line-height:1;color:#effff9;transform:rotate(135deg);filter:drop-shadow(0 7px 8px #011a1b9a)}.graphic-star{position:absolute;color:#d1faff96;font-size:46px}.star-a{top:10px;right:40px}.star-b{right:2px;bottom:15px;font-size:35px}.star-c{left:5px;bottom:50px;font-size:32px}
.winter-section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin:34px 1px 16px}.winter-mini{color:#9edbcc;font-size:10px;font-weight:900;letter-spacing:2.25px}.winter-section-top h2,.games-section-head h2{font-size:clamp(23px,2.7vw,32px);letter-spacing:-1px;margin:8px 0 0;color:#f1fffc}.winter-section-top h2 span,.games-section-head h2 span{color:#9fe5d2}.winter-aside{color:#7ea5ad;font-size:11px}
.winter-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.shortcut-card{display:flex;position:relative;overflow:hidden;align-items:flex-start;gap:13px;text-align:left;padding:23px 18px;min-height:169px;background:linear-gradient(145deg,#153a43db,#0e2d38db);border:1px solid #d4f9f72d;border-radius:18px;color:#effff9;box-shadow:0 12px 22px #0002;transition:transform .2s,border-color .2s,background .2s}.shortcut-card:hover{transform:translateY(-4px);border-color:#b1fce79c;background:#1b5052}.shortcut-card:after{content:"";position:absolute;width:160px;height:160px;border:1px solid #d8ffec12;border-radius:50%;bottom:-100px;right:-55px;box-shadow:0 0 0 29px #f7fff706,0 0 0 55px #f7fff704}.shortcut-icon{flex-shrink:0;width:42px;height:42px;background:#c6fff014;border:1px solid #d3ffed26;border-radius:13px;display:grid;place-items:center;color:#a6ffda;font-size:25px}.shortcut-play .shortcut-icon{color:#f3f3cf}.shortcut-stats .shortcut-icon{color:#a7dcff}.shortcut-copy{display:flex;flex-direction:column;gap:10px;padding-top:2px;max-width:100%}.shortcut-copy small{font-size:9px;letter-spacing:1.2px;font-weight:800;color:#9ebdbd}.shortcut-copy strong{font-size:18px;line-height:1.13;font-weight:830;letter-spacing:-.4px}.shortcut-copy>span{font-size:11px;color:#aac4c6;line-height:1.55}.shortcut-arrow{position:absolute;right:19px;top:20px;color:#d0fdf3;font-size:19px}
.home-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:17px;border:1px solid #d3f5f62b;background:#d1f5f30b;border-radius:17px;overflow:hidden;backdrop-filter:blur(7px)}.home-stat{padding:25px 23px;min-height:132px;display:flex;flex-direction:column;gap:10px;border-right:1px solid #d3f5f626}.home-stat:last-child{border:0}.home-stat>span{color:#94b8bd;font-size:9px;font-weight:830;letter-spacing:1.05px}.home-stat strong{font-size:25px;color:#eefefc;line-height:1.1;letter-spacing:-.8px}.home-stat small{color:#85a8ab;font-size:10px}.home-stat .status-on{color:#b2ffdd;font-size:21px}.winter-quote{margin:22px 0 0;border:1px solid #b1ddde1c;border-radius:13px;background:#7aeecc06;display:flex;align-items:center;gap:15px;padding:17px 22px;color:#a0c1be}.winter-quote>span:first-child{font-size:23px;color:#b3e9dd}.winter-quote p{margin:0;font-size:13px;font-weight:500;letter-spacing:.2px}.winter-quote p b{color:#f0fefa}.quote-right{margin-left:auto;font-size:9px;font-weight:800;letter-spacing:1.3px;white-space:nowrap}
.games-hero{position:relative;border:1px solid #bffbf73e;border-radius:23px;background:radial-gradient(circle at 83% 15%,#36777a 0%,transparent 34%),linear-gradient(123deg,#0b333d,#183d56 70%,#104654);min-height:258px;display:flex;align-items:center;overflow:hidden;padding:40px 45px;box-shadow:0 22px 60px #0002}.games-hero:after{content:'❄';position:absolute;right:7%;top:0;font-size:245px;line-height:1;color:#e6ffff09;transform:rotate(16deg)}.games-hero-copy{position:relative;z-index:2;max-width:650px}.games-hero h1{color:#f2fffc;font-size:clamp(35px,4.4vw,57px);letter-spacing:-2.6px;margin:13px 0}.games-hero h1 span{color:#9cffe0}.games-hero p{font-size:13px;color:#beddda;line-height:1.7;max-width:540px}.games-badge{display:inline-block;margin-top:7px;border:1px solid #baf8eb55;padding:9px 13px;border-radius:20px;color:#c6fff3;font-weight:760;letter-spacing:1px;font-size:9px}.games-hero-icon{font-size:175px;position:absolute;right:10%;top:30px;color:#8ddfc43a;line-height:1}.games-section-head{display:flex;justify-content:space-between;align-items:end;margin:31px 3px 17px}.games-counter{color:#b6e8dc;border:1px solid #a3d5dc3c;border-radius:20px;font-size:10px;font-weight:850;letter-spacing:1px;padding:8px 12px}
.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px;margin-bottom:24px}.game-card{border:1px solid #dcfff730;background:#102e39;border-radius:20px;overflow:hidden;box-shadow:0 15px 35px #0003;min-width:0}.game-card-art{height:180px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 45% 30%,#488776 0%,#1b5754 31%,#102d45 70%)}.game-featured .game-card-art{background:radial-gradient(circle at 45% 30%,#6abf9d 0%,#1d6660 28%,#0d3450 73%)}.game-art-grid{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 38px,#d9ffff0b 39px 40px),repeating-linear-gradient(90deg,transparent 0 38px,#d9ffff0b 39px 40px);transform:perspective(120px) rotateX(30deg) scale(1.6);opacity:.5}.game-art-symbol{position:relative;color:#e3fff5;font-size:110px;line-height:1;text-shadow:0 0 40px #bdf7ee77;transform:rotate(-14deg)}.game-card-spark{position:absolute;top:18px;right:23px;color:#d7ffffa1;font-size:20px}.game-index{position:absolute;left:21px;top:19px;border:1px solid #deffff74;border-radius:8px;padding:6px 10px;color:#ecffff;font-size:9px;font-weight:850;letter-spacing:1px}.game-card-main{padding:22px}.game-tags{display:flex;justify-content:space-between;gap:9px;margin-bottom:13px}.game-tags span{font-size:9px;letter-spacing:1px;color:#b0ded7;font-weight:800}.game-tags span:first-child{color:#b9ffe3}.game-tags .game-live{color:#d6fbe9}.game-card h3{color:#f6ffff;font-size:21px;margin:0 0 10px;letter-spacing:-.6px}.game-card p{color:#a7c8c9;font-size:12px;line-height:1.65;min-height:60px;margin:0 0 22px}.game-card-actions{display:flex;gap:8px}.game-open{flex:1;justify-content:space-between;letter-spacing:.7px;font-size:10px;min-height:43px}.game-open span{font-size:16px}.game-admin-btn{background:#d6fff116;color:#c0eadd;border:1px solid #d8fff129;border-radius:10px;width:43px}.game-admin-btn.danger{color:#ffd8d8}.game-admin{margin-top:21px}.game-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.game-form-wide{grid-column:1/-1}.game-form-buttons{grid-column:1/-1;display:flex;gap:12px}
@media(max-width:1300px){.hero-graphic{right:-145px;opacity:.67}.winter-hero-inner{max-width:700px}.winter-hero h1{font-size:70px}.shortcut-card{padding:19px 15px;gap:10px}.shortcut-copy strong{font-size:16px}.home-stat{padding:20px 15px}}
@media(max-width:1080px){.winter-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.shortcut-stats{grid-column:1/-1}.home-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.home-stat:nth-child(2){border-right:none}.home-stat:nth-child(-n+2){border-bottom:1px solid #d3f5f626}.winter-hero h1{font-size:62px}.hero-graphic{right:-205px}.winter-hero-inner{padding-left:37px}}
@media(max-width:800px){.winter-hero{min-height:520px}.winter-hero-inner{padding:37px 30px 24px}.winter-hero h1{font-size:clamp(47px,9vw,66px)}.winter-hello{margin-top:50px}.hero-graphic{right:-180px;top:210px;opacity:.40;transform:scale(.7)}.winter-hero p{max-width:410px}.main-content{padding:24px 18px 45px}.games-hero{padding:27px 24px}.games-hero-icon{display:none}}
@media(max-width:560px){.winter-overline{font-size:8px;letter-spacing:1px;gap:8px}.winter-hero{border-radius:18px;min-height:520px}.winter-hero-inner{padding:30px 22px 22px}.winter-hello{margin-top:47px;font-size:9px;letter-spacing:2px}.winter-hero h1{font-size:clamp(43px,11vw,59px);letter-spacing:-2.8px}.winter-hero p{font-size:12px}.hero-cta{flex-direction:column;align-items:stretch}.hero-cta .btn{width:100%;justify-content:space-between}.hero-footer{flex-wrap:wrap;gap:8px;font-size:7px;letter-spacing:.7px;margin-top:28px}.winter-section-top{margin-top:25px}.winter-aside,.quote-right{display:none}.winter-shortcuts{grid-template-columns:1fr}.shortcut-stats{grid-column:auto}.shortcut-card{min-height:135px;padding:22px}.home-stats{grid-template-columns:1fr 1fr}.home-stat{padding:17px 10px;min-height:120px}.home-stat>span{font-size:8px}.home-stat strong{font-size:18px}.home-stat small{font-size:9px}.winter-quote{padding:15px}.game-form{grid-template-columns:1fr}.game-form-wide,.game-form-buttons{grid-column:1}.game-form-buttons{flex-wrap:wrap}.games-hero{min-height:255px}.games-hero h1{font-size:35px}.games-section-head{gap:8px}.games-section-head h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.winter-hero:after{animation:none}.shortcut-card{transition:none}}
/* Game manager panel stays a full-width card even when admin-only permissions display it. */
body.role-admin .game-admin.admin-only{display:block;background:linear-gradient(145deg,#183945,#112f3c);color:#f0fffb;border-color:#b8fff03b}
.game-admin .surface-heading h2{color:#effffc}.game-admin .section-copy{color:#a8c8ca;font-size:12px;max-width:730px}
.game-admin .field label{color:#b8dbd8}.game-admin .field input,.game-admin .field select{background:#0a2530;border:1px solid #648f9369;color:#f5fffe}.game-admin .field input::placeholder{color:#83a2a8}
.game-create-tile{min-height:365px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:15px;text-align:left;background:repeating-linear-gradient(135deg,#a6f8eb04 0 10px,transparent 10px 20px),#bdf5e50a;border:1.5px dashed #b6fff46a;border-radius:20px;padding:26px;color:#ddfff6;transition:background .18s,border-color .18s;box-shadow:none}
.game-create-tile:hover{background:#b0ffe219;border-color:#b4ffea}
.game-create-plus{width:60px;height:60px;border-radius:18px;border:1px solid #baffea67;color:#bcffe8;display:grid;place-items:center;font-size:37px;font-weight:250;background:#b7ffed16}
.game-create-tile strong{font-size:20px;letter-spacing:-.4px}.game-create-tile small{color:#9ebec1;font-size:12px;line-height:1.55;max-width:220px}
body:not(.role-admin) .game-create-tile{display:none}
/* Anmeldung im gleichen Winter-Stil, mit bestehender sicherer Passkey-Funktion. */
.auth-body{background:#091e2b}.auth-showcase{background:radial-gradient(ellipse at 80% 20%,#30766a 0%,transparent 45%),linear-gradient(150deg,#062c36,#0b2338 70%,#0c3e44)}
.auth-showcase:before{content:"";position:absolute;inset:0;background:url('winter-mountains.svg') center bottom/cover no-repeat;opacity:.42;pointer-events:none}
.showcase-inner{position:relative;z-index:1}.showcase-brand img{border-color:#b4fff3b0;box-shadow:0 0 35px #b3ffe34e}
.showcase-brand small{color:#9ccdc9}.auth-showcase-content h1 em{color:#a6ffdf}.auth-showcase-content>p{color:#bad8d9}.showcase-highlights>div{border-color:#d5fff43b;background:#b7fff411}.showcase-highlights>div span{color:#b4ffdd}.showcase-bottom{color:#a1c5c4}
.auth-panel{background:linear-gradient(142deg,#effcf8,#fcffff)}
.auth-form-wrap .kicker{color:#0e8569}.auth-form-wrap .kicker-line{background:#0f9d7b}.auth-form-wrap h2 span{color:#12846b}.auth-panel .btn-primary{background:linear-gradient(110deg,#168c6e,#13576a)}.auth-panel .btn-passkey{background:#e3f5f1;color:#0c635a;border-color:#b6ddd3}
.setup-container{background:#f3fcf9;border-color:#bde2d8}

/* TWENTY6 2.1: auffaellige Vereinsmarke und saubere E-Mail-Felder */
.showcase-brand{gap:24px;align-items:center}
.showcase-brand img{width:152px;height:152px;flex:0 0 152px;border:4px solid #dafff8;box-shadow:0 0 0 8px #bdfff217,0 16px 50px #0003,0 0 55px #b8ffec59;object-fit:contain;background:#fff}
.showcase-brand strong{font-size:clamp(32px,3.2vw,45px);letter-spacing:-1.8px}
.showcase-brand small{font-size:10px;letter-spacing:1.15px;line-height:1.7}
.brand-logo{height:76px;width:76px;flex:0 0 76px}
.sidebar .brand{gap:12px;margin-bottom:42px}
.sidebar .brand-lines strong{font-size:24px}
.legacy-note{margin:1px 0 0;font-size:10.5px;line-height:1.5;color:#78948d}
#accountUsername{overflow-wrap:anywhere}
.setup-logo img{width:150px;height:150px}
@media(max-width:1300px){.showcase-inner{padding:42px 38px 34px 43px}.showcase-brand img{width:120px;height:120px;flex-basis:120px}.showcase-brand strong{font-size:32px}.showcase-brand{gap:17px}}
@media(max-width:1130px){.sidebar .brand-logo{width:62px;height:62px;flex-basis:62px}.sidebar .brand-lines strong{font-size:20px}.sidebar .brand-lines small{font-size:7px}}
@media(max-width:800px){.mobile-auth-logo img{width:116px;height:116px;filter:drop-shadow(0 5px 18px #036c7040)}.mobile-auth-logo{margin-bottom:22px}}
@media(max-width:540px){.setup-logo img{width:126px;height:126px}}
/* Kontrastkorrektur: helle Admin-Karten auf dunkler Winterseite */
.surface:not(.game-admin){color:#19372f}
.surface:not(.game-admin) .surface-heading h2,.surface:not(.game-admin) h3{color:#18382f}

/* TWENTY6 2.3 – Verbindlicher Passkey / Benutzer löschen */
.auth-form-wrap{display:flex;flex-direction:column;align-items:stretch}
.auth-form-wrap .auth-divider{margin:14px 0;order:3}
.auth-form-wrap #passkeyLoginBtn{order:1;background:#146c63;color:#fff;border:1px solid #0d5d52;min-height:55px;font-weight:800;font-size:14px}
.auth-form-wrap #passkeyLoginBtn:hover{background:#0e514a}
.auth-form-wrap>.auth-small:not(#resetMessage){order:2;margin:15px 0}
.auth-form-wrap .enrollment-details{order:4}
.auth-form-wrap #showResetBtn{order:5}
.auth-form-wrap #resetRequestForm{order:6}
.auth-form-wrap #resetMessage{order:7}
.auth-form-wrap #authError{order:8}
.enrollment-details{border:1px solid #c7e2da;border-radius:14px;background:#f5fbf8;margin-top:5px;padding:14px 17px}
.enrollment-details summary{cursor:pointer;font-weight:750;color:#1b6256;font-size:13px;padding:6px 0;list-style:revert}
.enrollment-details .stack-form{margin-top:15px}
.enrollment-details .hint{margin:12px 0}
.enroll-checklist{background:#e8f8f1;border-radius:13px;padding:10px 17px;margin-bottom:25px;color:#175e50;font-weight:700;font-size:12px}
.enroll-checklist p{margin:10px 0}
.btn-danger{background:#a52f39!important;color:#fff!important;border:1px solid #912531!important;box-shadow:none!important}
.btn-danger:disabled{opacity:.43;cursor:not-allowed}
.delete-warning{background:#fff2ef;color:#8c2832;border:1px solid #f0cec8;border-radius:12px;padding:15px;line-height:1.65;font-size:12px}
.delete-actions{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap}
.delete-actions .btn{min-width:130px}
#deleteConfirmEmail{width:100%;border:1px solid #d0ded8;border-radius:9px;padding:12px;font:inherit}
#deleteUserForm label{font-size:12px;line-height:1.6}
#deleteUserDialog{max-width:485px}
#editUserDialog .btn-danger{margin-top:4px}
.passkey-item button:disabled{opacity:.25;cursor:not-allowed}
@media(max-width:520px){.delete-actions .btn{width:100%}.enrollment-details{padding:12px}}