/* Email Alerts pages (/alerts) - matches the site theme (navy ink, purple alerts accent). */
:root{ --ea:#6d28d9; --ea-light:#7c3aed; --ea-dark:#5b21b6; --ink:#0a2540;
       --muted:#64748b; --ea-shadow:0 6px 24px rgba(16,42,77,0.08); }
*{box-sizing:border-box;}
body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:#f2f4f7;margin:0;color:#334155;line-height:1.6;}

/* Hero */
.ea-hero{position:relative;overflow:hidden;color:#fff;
    background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 55%,#5b21b6 100%);padding:44px 20px 64px;}
.ea-hero::after{content:'';position:absolute;inset:0;
    background-image:radial-gradient(rgba(255,255,255,0.12) 1px,transparent 1px);background-size:22px 22px;pointer-events:none;}
.ea-hero-inner{max-width:1100px;margin:0 auto;position:relative;}
.ea-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,0.16);
    border:1px solid rgba(255,255,255,0.28);color:#fff;font-weight:700;font-size:0.74rem;letter-spacing:0.05em;
    text-transform:uppercase;padding:5px 13px;border-radius:100px;margin-bottom:14px;}
.ea-hero h1{font-size:2.1rem;font-weight:800;margin:0 0 10px;letter-spacing:-0.02em;}
.ea-hero p{opacity:0.95;max-width:660px;margin:0;font-size:1.02rem;}

/* Layout + cards */
.ea-wrap{max-width:1100px;margin:-30px auto 60px;padding:0 16px;position:relative;}
.ea-wrap.narrow{max-width:760px;}
.ea-card{background:#fff;border:1px solid #e8eef5;border-radius:16px;box-shadow:var(--ea-shadow);padding:24px 26px;margin-bottom:22px;}
.ea-card h2{font-size:1.3rem;font-weight:800;color:var(--ink);margin:0 0 4px;}
.ea-card h2 i{color:var(--ea-light);margin-right:8px;}
.ea-card .sub{color:var(--muted);font-size:0.92rem;margin:0 0 18px;}
.ea-card.danger{border-color:#f3c9c9;}
.ea-card.danger h2{color:#b91c1c;}
.ea-card.danger h2 i{color:#dc2626;}

/* How it works steps */
.ea-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:22px;}
.ea-step{background:#faf5ff;border:1px solid #ecdcff;border-radius:12px;padding:14px 16px;}
.ea-step .n{display:inline-flex;width:26px;height:26px;border-radius:50%;background:var(--ea);color:#fff;
    font-weight:800;font-size:0.85rem;align-items:center;justify-content:center;margin-bottom:8px;}
.ea-step strong{display:block;color:var(--ink);font-size:0.95rem;}
.ea-step span{color:var(--muted);font-size:0.84rem;}

/* Form fields */
.ea-field{margin-bottom:16px;}
.ea-field label{display:block;font-weight:700;color:var(--ink);font-size:0.9rem;margin-bottom:6px;}
.ea-input{width:100%;padding:11px 14px;border:1px solid #d8e0ea;border-radius:10px;font-size:0.95rem;color:#334155;background:#fff;}
.ea-input:focus{outline:none;border-color:var(--ea-light);box-shadow:0 0 0 3px rgba(124,58,237,0.15);}

/* Game pickers */
/* Bulk select controls */
.ea-bulk{display:inline-flex;gap:8px;flex-wrap:wrap;}
.ea-mini{display:inline-flex;align-items:center;gap:6px;background:#faf5ff;border:1px solid #e0cdf7;color:var(--ea-dark);
    font-weight:700;font-size:0.8rem;padding:6px 12px;border-radius:8px;cursor:pointer;transition:0.15s;}
.ea-mini:hover{background:#f1e6ff;}
.ea-choose-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:4px;}
.ea-choose-head label{margin:0;}

.ea-region{margin:20px 0 8px;font-size:0.76rem;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;color:var(--ea-dark);}
.ea-games{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:10px;}
.ea-game{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid #e8eef5;border-radius:12px;
    padding:11px 13px;cursor:pointer;transition:0.15s;margin:0;}
.ea-game:hover{border-color:#cbb6f0;background:#faf7ff;}
.ea-game input{margin-top:3px;width:17px;height:17px;accent-color:var(--ea);flex-shrink:0;}
.ea-game .g-name{font-weight:700;color:var(--ink);font-size:0.92rem;}
.ea-game .g-when{display:block;color:var(--ea-dark);font-weight:600;font-size:0.76rem;margin-top:1px;}
.ea-game .g-blurb{display:block;color:var(--muted);font-size:0.79rem;margin-top:2px;}

/* Buttons */
.ea-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;
    border:none;font-weight:700;font-size:0.96rem;padding:12px 24px;border-radius:10px;cursor:pointer;text-decoration:none;transition:0.15s;}
.ea-btn:hover{filter:brightness(1.06);color:#fff;box-shadow:0 8px 20px rgba(109,40,217,0.3);}
.ea-btn.ghost{background:#fff;color:var(--ea-dark);border:1.5px solid var(--ea);box-shadow:none;}
.ea-btn.ghost:hover{background:#faf5ff;filter:none;}
.ea-btn.danger{background:#fff;color:#b91c1c;border:1.5px solid #e7a3a3;box-shadow:none;}
.ea-btn.danger:hover{background:#fef2f2;filter:none;box-shadow:none;}

/* Notices */
.ea-alert{background:#fef2f2;border:1px solid #fecaca;color:#7f1d1d;border-radius:10px;padding:11px 14px;margin-bottom:16px;font-size:0.9rem;}
.ea-note{background:#f4f9ff;border:1px solid #e2ecf9;border-radius:12px;padding:11px 15px;color:#0c4a6e;font-size:0.88rem;margin-bottom:18px;}
.ea-note i{color:#007BFF;margin-right:6px;}
.ea-manage-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;}
.ea-manage-row .ea-input{flex:1 1 280px;}
.ea-turnstile{margin:6px 0 16px;}
.ea-signed{color:var(--muted);font-size:0.9rem;margin:0 0 18px;}
.ea-signed strong{color:var(--ink);}

/* Manage pill (in hero) + modal */
.ea-manage-pill{display:inline-flex;align-items:center;gap:8px;margin-top:18px;background:rgba(255,255,255,0.16);
    border:1px solid rgba(255,255,255,0.42);color:#fff;font-weight:700;font-size:0.88rem;padding:9px 17px;border-radius:100px;cursor:pointer;transition:0.15s;}
.ea-manage-pill:hover{background:rgba(255,255,255,0.28);}
.ea-manage-pill i{font-size:0.85rem;}

.ea-modal{position:fixed;inset:0;z-index:1090;display:flex;align-items:center;justify-content:center;padding:18px;}
.ea-modal[hidden]{display:none;}
.ea-modal-backdrop{position:absolute;inset:0;background:rgba(10,37,64,0.55);}
.ea-modal-card{position:relative;z-index:1;background:#fff;border-radius:16px;box-shadow:0 24px 60px rgba(10,37,64,0.35);
    width:440px;max-width:100%;padding:28px 26px 24px;animation:eaModalIn .2s ease;}
@keyframes eaModalIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
.ea-modal-close{position:absolute;top:11px;right:14px;background:transparent;border:none;font-size:24px;line-height:1;color:#94a3b8;cursor:pointer;border-radius:6px;padding:0 6px;}
.ea-modal-close:hover{color:#5b21b6;}
.ea-modal-card h2{font-size:1.25rem;font-weight:800;color:var(--ink);margin:0 0 4px;}
.ea-modal-card h2 i{color:var(--ea-light);margin-right:8px;}

/* Status / message page */
.ea-msg-wrap{max-width:640px;margin:64px auto;padding:0 16px;}
.ea-msg-card{background:#fff;border:1px solid #e8eef5;border-radius:16px;box-shadow:var(--ea-shadow);padding:42px 32px;text-align:center;}
.ea-msg-icon{width:66px;height:66px;border-radius:50%;background:#faf5ff;color:var(--ea);display:flex;align-items:center;justify-content:center;font-size:1.7rem;margin:0 auto 18px;}
.ea-msg-card h1{font-size:1.5rem;font-weight:800;color:var(--ink);margin:0 0 10px;}
.ea-msg-card p{color:var(--muted);margin:0 0 24px;font-size:0.98rem;}

@media(max-width:600px){ .ea-hero h1{font-size:1.6rem;} .ea-card{padding:20px 18px;} .ea-msg-card{padding:32px 22px;} }