/* Saudi Water Authority identity overrides */
:root{
  --swa-bright-blue:#1971E5;
  --swa-cobalt:#003EB1;
  --swa-navy:#000066;
  --swa-turquoise:#1AD9C7;
  --swa-light-gray:#EDEDED;
  --swa-sky:#90D4FA;
  --swa-soft:#F5FAFF;
  --gold:#1AD9C7;
  --blue:#1971E5;
  --text:#0B2345;
}
body{
  color:#0B2345;
  background:
    radial-gradient(circle at 12% 10%,rgba(26,217,199,.20),transparent 25%),
    radial-gradient(circle at 88% 5%,rgba(144,212,250,.24),transparent 27%),
    linear-gradient(145deg,#000066 0%,#003EB1 55%,#1971E5 100%) !important;
}
.app-shell{width:min(1160px,94vw)}
.hero{padding:24px 16px 30px}
.swa-logo-wrap{width:min(760px,100%);margin:0 auto 20px}
.swa-logo{display:block;width:100%;height:auto;border-radius:26px;box-shadow:0 20px 55px rgba(0,0,102,.28)}
.brand{background:rgba(255,255,255,.13)!important;color:#fff!important;border:1px solid rgba(144,212,250,.72)!important;letter-spacing:0!important}
.hero h1{font-size:clamp(32px,5vw,54px)!important;color:#fff!important}
.hero p{color:rgba(255,255,255,.90)!important}
.card{border:1px solid rgba(144,212,250,.42);box-shadow:0 24px 70px rgba(0,0,102,.22)}
h1,h2,h3,.mycard-welcome{color:#000066}
input,select{border:1.5px solid #CFE9FB!important;background:#fff!important;color:#0B2345!important}
input:focus,select:focus{outline:none;border-color:#1971E5!important;box-shadow:0 0 0 4px rgba(25,113,229,.14)}
button,.start-prediction-btn,.faq-back-btn{
  background:linear-gradient(135deg,#1971E5,#003EB1)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 10px 24px rgba(0,62,177,.20);
}
button:hover{filter:brightness(1.05);transform:translateY(-1px)}
button.secondary-action{background:linear-gradient(135deg,#1AD9C7,#0091F5)!important;color:#000066!important}
button:disabled{background:#A8B7C8!important;color:#fff!important;box-shadow:none}
.main-nav .nav-btn{background:rgba(255,255,255,.12)!important;border-color:rgba(144,212,250,.52)!important}
.main-nav .nav-btn:hover{background:rgba(26,217,199,.24)!important;color:#fff!important}
.main-nav .nav-icon{background:rgba(26,217,199,.18)!important}
.rank-box,.result,.leaderboard-explain,.faq-item[open] summary{background:#EEF7FF!important;color:#003EB1!important;border-color:#B8DDFF!important}
.progress-bar div,.points-pill,.leaderboard-points,.top-three-points{background:linear-gradient(135deg,#1971E5,#1AD9C7)!important;color:#fff!important}
.badge-card{background:linear-gradient(135deg,rgba(25,113,229,.10),rgba(26,217,199,.12))!important;border-color:rgba(25,113,229,.25)!important}
.badge-icon{background:linear-gradient(135deg,#90D4FA,#1AD9C7)!important;border-color:#62C0F9!important;box-shadow:0 10px 24px rgba(25,113,229,.18)!important}
.match-card{border-color:rgba(25,113,229,.24)!important}
.timer{background:rgba(144,212,250,.20)!important;border-color:#90D4FA!important;color:#003EB1!important}
.notice{background:#F0FBFF!important;color:#00349C!important;border-color:#A1E7FF!important}
th{background:#003EB1;color:#fff}
tbody tr:nth-child(even){background:#F7FBFF}
footer{color:rgba(255,255,255,.92)!important}
.participant-greeting{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(236,252,255,.94))!important;border-color:#90D4FA!important;color:#000066!important}
.login-hint,.new-user-hint{background:#F0FBFF;border:1px solid #A1E7FF;color:#00349C;border-radius:14px;padding:12px 14px;line-height:1.8;font-weight:700}
.registration-divider{display:flex;align-items:center;gap:12px;margin:22px 0 4px;color:#003EB1;font-weight:900}
.registration-divider::before,.registration-divider::after{content:"";height:1px;background:#B8DDFF;flex:1}
.field-note{display:block;color:#526174;margin-top:6px;line-height:1.7}
.field-lock-note{color:#003EB1!important}
.admin-login-overlay,.support-login-overlay{background:linear-gradient(145deg,#000066,#003EB1 65%,#1971E5)!important}
.admin-login-card button,.support-login-card button{background:linear-gradient(135deg,#1971E5,#003EB1)!important;color:#fff!important}
.admin-visit-report-card,.auto-results-panel,.support-mini-card{border-color:#CFE9FB!important}
.admin-visit-kpi-card,.stat-card{background:linear-gradient(135deg,#EEF7FF,#F4FFFD)!important;color:#003EB1!important;border-color:#B8DDFF!important}
.support-admin-link{background:linear-gradient(135deg,#1971E5,#003EB1)!important}
@media(max-width:640px){
  .swa-logo-wrap{margin-bottom:14px}.swa-logo{border-radius:18px}
  .card{padding:18px}.hero{padding-inline:8px}.hero p{font-size:17px}
}

/* Final identity enforcement loaded at the end of every page */
.main-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.admin-logout-btn,.support-logout-btn,.btn-logout-card{
  background:linear-gradient(135deg,#003EB1,#000066)!important;
  color:#fff!important;
  border:1px solid rgba(144,212,250,.65)!important;
}
@media(max-width:820px){.main-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:480px){.main-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.registration-panel{margin-top:18px;border:1px solid #B8DDFF;border-radius:16px;background:#F7FBFF;overflow:hidden}
.registration-panel summary{cursor:pointer;list-style:none;padding:14px 16px;text-align:center;color:#003EB1;font-weight:900;background:linear-gradient(135deg,#EEF7FF,#F4FFFD)}
.registration-panel summary::-webkit-details-marker{display:none}
.registration-panel summary::before{content:'＋';display:inline-block;margin-left:8px;color:#1AD9C7;font-size:20px;vertical-align:-1px}
.registration-panel[open] summary::before{content:'−'}
.registration-content{padding:16px}
.support-whatsapp-btn,a[href*="wa.me"]{
  background:linear-gradient(135deg,#1AD9C7,#003EB1)!important;
  color:#fff!important;
  border-color:#90D4FA!important;
}