/* ARCH - stile area riservata (login e Control Center), stessi colori del sito */
.area{min-height:100vh;background:radial-gradient(circle at 70% 20%,#144c83,#051322 60%,#02070b);display:flex;flex-direction:column}
.area-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;background:#030b13;border-bottom:1px solid #1b3245}
.area-top img{height:58px;width:auto;display:block}
.area-top .who{font-size:13px;color:#bed5e6;display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.card{width:min(420px,calc(100% - 32px));margin:60px auto;background:#05101c;border:1px solid #078ce5;border-radius:17px;box-shadow:0 15px 40px #0009;padding:28px}
.card h1{font-size:22px;margin:0 0 6px;letter-spacing:1px}
.card p{color:#b6c8d9;font-size:14px;line-height:1.5}
.card label{display:block;font-size:13px;margin:16px 0 6px;color:#d7e7f6}
.card input{width:100%;background:#020811;border:1px solid #26465d;border-radius:10px;padding:12px;color:#fff;font:inherit}
.card input:focus{outline:2px solid #30bdfc;border-color:#30bdfc}
.card .button{width:100%;margin-top:22px;border:1px solid #1bb4ff}
.card .button:disabled{opacity:.6;cursor:wait}
.msg{min-height:20px;margin-top:14px;font-size:13px;color:#ff9b9b}
.back{display:block;text-align:center;margin-top:16px;font-size:13px;color:#7fc8ff}
.cc{padding:28px 24px;max-width:1200px;width:100%;margin:0 auto}
.cc h1{font:clamp(26px,3vw,36px) Georgia,serif;margin:0 0 6px}
.cc .sub{color:#b6c8d9;margin:0 0 26px}
.mods{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;list-style:none;margin:0;padding:0}
.mods li{background:#0c2237;border:1px solid #234a65;border-radius:12px;padding:18px}
.mods h2{font-size:16px;margin:0 0 10px;color:#29c6ff}
.badge{display:inline-block;font-size:11px;border-radius:20px;padding:4px 10px;border:1px solid #3d5466;color:#c0d2e2;margin-right:6px}
.badge.off{border-color:#7a5b2a;color:#ffd08a}
.badge.int{border-color:#2a6a7a;color:#8ae8ff}
.role{text-transform:uppercase;letter-spacing:2px;font-size:11px;color:#18caff}
.linkbtn{background:none;border:1px solid #168cd0;border-radius:30px;color:#bed5e6;padding:8px 16px}
.linkbtn:hover{background:#0a2a46}
@media(max-width:600px){.area-top{padding:10px 14px}.area-top img{height:44px}.cc{padding:20px 16px}}

.mods a.modlink{color:inherit;text-decoration:none}.mods a.modlink h2{color:#7fd0ff}.mods a.modlink:hover h2{text-decoration:underline}

/* V14 FINAL: moduli non disponibili chiaramente distinti da quelli operativi */
.mods li:not(:has(a.modlink)){opacity:.55}
.mods li:not(:has(a.modlink)) h2{color:#9fb6c9}