/* Glas-overlay och kort för inloggning (com_users login + #login i headern)
   och för redigeringsmodalen (jmod-dialog). Fristående från Tailwind-bygget. */
.sb-overlay{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(30,33,36,.42);-webkit-backdrop-filter:blur(16px) saturate(130%);backdrop-filter:blur(16px) saturate(130%)}
.sb-overlay-close{position:absolute;top:18px;right:18px;width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font:400 26px/42px Gotham,system-ui,sans-serif;text-align:center;cursor:pointer;transition:background .15s;text-decoration:none}
.sb-overlay-close:hover{background:#00A3D0;color:#fff}
.sb-card{width:min(440px,100%);background:#fff;border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.35);padding:40px 40px 32px;color:#454545;font-family:Gotham,system-ui,sans-serif;animation:sb-card-in .22s ease-out}
@keyframes sb-card-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.sb-card{animation:none}}
.sb-card-logo{display:block;height:56px;margin:0 auto 18px}
.sb-card h1{font-size:24px;font-weight:700;margin:0;text-align:center;letter-spacing:-.01em}
.sb-card .sb-card-sub{text-align:center;color:#8a8580;font-size:14px;margin:6px 0 26px}
.sb-field{display:block;margin-bottom:16px}
.sb-field span{display:block;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8a8580;margin-bottom:6px}
.sb-field input{width:100%;box-sizing:border-box;height:50px;padding:0 16px;border:1px solid #d9d4cc;border-radius:12px;font:inherit;font-size:16px;color:#222;background:#fff;transition:border-color .15s,box-shadow .15s}
.sb-field input:focus{outline:0;border-color:#00A3D0;box-shadow:0 0 0 4px rgba(0,163,208,.18)}
.sb-btn{display:block;width:100%;height:50px;border:0;border-radius:12px;background:#00A3D0;color:#fff;font:700 14px/50px Gotham,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;margin-top:6px;transition:background .15s,transform .1s}
.sb-btn:hover{background:#0089b0}
.sb-btn:active{transform:translateY(1px)}
.sb-btn.sb-btn-ghost{background:#fff;color:#454545;border:1px solid #d9d4cc;line-height:48px}
.sb-btn.sb-btn-ghost:hover{background:#f6f3ef}
.sb-card-links{display:flex;justify-content:center;gap:22px;margin-top:22px;font-size:14px}
.sb-card-links a{color:#00A3D0;text-decoration:none;border-bottom:1px solid rgba(0,163,208,.35)}
.sb-card-links a:hover{border-bottom-color:#00A3D0}
.sb-card-alert{background:#fdf1f0;border:1px solid #f0c2bf;color:#8a2c27;border-radius:12px;padding:12px 14px;font-size:14px;margin-bottom:18px}
.sb-card-alert strong{display:block;margin-bottom:2px}
.sb-card-user{text-align:center;font-size:15px;margin:0 0 20px}
.sb-card-user b{display:block;font-size:18px;margin-top:4px}
/* Redigeringsmodalen delar bakgrund och rundning */
.jmod-dialog{background:rgba(30,33,36,.42)!important;-webkit-backdrop-filter:blur(16px) saturate(130%);backdrop-filter:blur(16px) saturate(130%)}
.jmod-dialog-box{border-radius:20px!important;box-shadow:0 30px 80px rgba(0,0,0,.35)!important}
.sb-overlay.hidden{display:none}
/* Laddas efter compiled.css och skulle annars slå ut [v-cloak]{display:none}, så att #login blinkar fram innan Vue startat */
.sb-overlay[v-cloak]{display:none}