/* WKAU Campus — welcoming, colourful study community, not an admin dashboard */
:root{--ink:#243c42;--bg:#f6f8ff;--muted:#6c7a8b;--teal:#247e77;--purple:#7761bd;--peach:#f7b96f;--border:#e6e8f1}
body{background:#f7f8fd!important;color:var(--ink)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.shell main{max-width:1200px}
.topbar{background:#fff!important;border-bottom:1px solid #e9ebf2!important;box-shadow:0 3px 20px #3644600a}
.brand{border:0!important;background:transparent!important}
.brand-icon{display:grid;place-items:center;width:48px;height:48px;min-width:48px;background:#ece9ff!important;border-radius:16px!important;color:#6552a7!important;font:900 19px Inter,-apple-system,sans-serif;letter-spacing:-.07em}
.brand strong{font-size:17px;letter-spacing:.075em}.brand small{color:#8a91a4}
.tabs{background:white!important;border:1px solid #e9ebf4!important;border-radius:16px!important;padding:6px!important;box-shadow:0 6px 18px #32435c08!important;gap:6px!important;width:max-content;max-width:100%;overflow-x:auto}
.tab{padding:12px 18px!important;border-radius:11px!important;border:0!important;font-weight:750}
.tab.active{background:#e9f3f0!important;color:#277f71!important}
.tab:hover:not(.active){background:#f5f5fb!important}
.eyebrow{color:#7f73b8!important;letter-spacing:.11em}
.home-hero{background:linear-gradient(120deg,#edf7f6,#f4edff 72%,#fff0e6)!important;padding:35px 38px!important;border:1px solid #e8e4f2!important;border-radius:25px!important;min-height:310px!important;box-shadow:none;gap:24px}
.home-hero h1{font:850 clamp(33px,3.7vw,49px)/1.14 Inter,-apple-system,sans-serif!important;letter-spacing:-.045em;color:#263e49!important}
.home-hero h1 em{font-style:normal!important;color:#7060bb!important}
.home-hero p{color:#5d7280!important;font-size:14px}
.hero-label{color:#8174bc!important;font-weight:850}
.hero-primary,.hero-secondary{border-radius:13px!important;padding:12px 17px!important;min-height:45px!important;font-weight:780}
.hero-primary{background:#287e74!important;border-color:#287e74!important;color:white!important}
.hero-primary:hover{background:#226a63!important}
.hero-secondary{border:1px solid #d6d3e9!important;background:white!important;color:#5c5689!important}
.hero-stat-box{background:#fff!important;border:1px solid #e7e3f4!important;border-radius:20px!important;box-shadow:0 9px 24px #7772a20e!important;padding:24px!important;max-width:none}
.hero-stat-rule{width:42px;height:42px;display:grid;place-items:center;background:#fff3d8;border-radius:13px;color:#c29136;font-size:23px;margin-bottom:13px}
.hero-stat-box strong{font:850 48px Inter,-apple-system,sans-serif!important;letter-spacing:-.04em}
.hero-progress-track{height:9px!important;background:#ebeaf5!important;border-radius:50px!important}
.hero-progress-fill{border-radius:50px!important;background:linear-gradient(90deg,#47ac9b,#9274da)!important}
#home-completion-scope{border-radius:10px!important;border-color:#e4e6f2!important}
.home-kpis{background:transparent!important;border:0!important;gap:13px!important;margin:20px 0 38px!important;border-radius:0!important}
.kpi-tile{background:white!important;border:1px solid #e6e9f3!important;border-radius:17px!important;padding:18px!important;box-shadow:0 4px 16px #3d45610b!important;display:flex!important;flex-direction:row!important;gap:12px!important;align-items:center!important}
.kpi-symbol{width:43px!important;height:43px!important;display:grid!important;place-items:center!important;border-radius:13px!important;font:900 16px Inter,-apple-system,sans-serif!important;background:#e8f6ef!important;color:#3b9887!important}
.kpi-star{background:#fff3d9!important;color:#ac7b23!important}
.kpi-save{background:#eee9ff!important;color:#8269c1!important}
.kpi-check{background:#e6f5eb!important;color:#4f9d69!important}
.kpi-tile strong{font:850 27px Inter,-apple-system,sans-serif!important;color:#273d48}
.home-section-head h2,.home-panel-header h2{font-family:Inter,-apple-system,sans-serif!important;font-weight:840!important;letter-spacing:-.04em}
.home-section-head h2{font-size:28px!important}
.home-module-grid{gap:17px!important}
.home-module-card{border-radius:22px!important;min-height:236px!important;padding:26px!important;transition:transform .18s,box-shadow .18s!important}
.home-module-card:hover{transform:translateY(-3px)!important;box-shadow:0 14px 30px #2a52601e!important}
.home-module-card.circulation-card{background:linear-gradient(135deg,#dff5ef,#b5e9df)!important;border:1px solid #c3e6db!important}
.home-module-card.gu-card{background:linear-gradient(135deg,#eee6ff,#d8cefa)!important;border:1px solid #e1d4f5!important}
.module-number{color:#607a79!important}.gu-card .module-number{color:#787093!important}
.module-card-icon{border-radius:15px!important;width:50px!important;height:50px!important;font:800 28px Inter,sans-serif!important;background:#ffffff99!important;color:#4a9888!important;border:0!important}
.gu-card .module-card-icon{color:#8472c5!important}
.module-card-title{font:850 31px Inter,-apple-system,sans-serif!important;color:#213d46!important}
.module-card-desc,.module-card-bottom{color:#557772!important}
.gu-card .module-card-desc,.gu-card .module-card-bottom{color:#68618c!important}
.module-card-bottom{border-top:1px solid #ffffffa8!important}
.module-go{background:#ffffff9c!important;color:#548676!important;border:0!important;width:39px!important;height:39px!important;font-size:22px!important}
.home-panel{border-radius:19px!important;box-shadow:0 5px 17px #36435b0a!important;border:1px solid #e5e9f1!important}
.panel-link{color:#7967b7!important;text-decoration:none!important}
.preview-rank{padding:12px 2px!important}
.preview-avatar{background:#e3f5ec!important;color:#4f8f73!important}
.rank-tag{border:0!important;border-radius:7px!important;background:#f1edff!important;color:#7660b4!important}
.quick-icon{width:40px!important;height:40px!important;border:0!important;border-radius:12px!important;font:800 14px Inter,sans-serif!important}
.quick-icon.amber{background:#fff0d7!important;color:#b88b32!important}
.quick-icon.blue{background:#e3f1ff!important;color:#4f8ac3!important}
.quick-icon.purple{background:#eee7ff!important;color:#8a6dcc!important}
.primary,.ghost,.answer,.question-save,.question-source,.question-report{border-radius:10px!important}
.card,.auth-card{border-radius:18px!important;border-color:#e7eaf1!important;box-shadow:0 5px 16px #49506a0b!important}
.filters{border-radius:18px!important}
.question-card{border-radius:18px!important}
.pill{border-radius:999px!important;padding:6px 11px!important}
.pill.repeated{background:#fff1bf!important;border:1px solid #eccc76!important;color:#91670d!important}
.question-save{background:#e7f5ef!important;color:#227264!important;border-color:#b9ddd1!important}
.question-save.saved{background:#d2ebdf!important;color:#175d4f!important}
.question-source{background:#f1edff!important;color:#6c58ab!important;border-color:#ded5fa!important}
.question-report{background:#fff!important;color:#77818c!important}
.answer{border-radius:12px!important}.answer .letter{border-radius:9px!important}
.view-switch button{border-radius:9px!important}
.profile-avatar-preview{border-radius:50%!important;border:4px solid white!important;box-shadow:0 2px 15px #6556aa1d!important}
.profile-page-head h2{font:850 29px Inter,-apple-system,sans-serif!important}
.auth-card h2{font:850 27px Inter,-apple-system,sans-serif!important}
.intro h1{font:840 clamp(37px,4vw,56px)/1.1 Inter,-apple-system,sans-serif!important;letter-spacing:-.05em}
.intro h1 em{font-style:normal!important;color:#6f66b8!important}
.dhikr-reminder{border-radius:16px!important;background:#fff9ee!important;border-color:#f2e2bb!important}
@media(max-width:860px){.home-hero{grid-template-columns:1fr!important}.hero-stat-box{max-width:none!important}}
@media(max-width:610px){.tabs{width:100%!important}.tab{padding:11px 12px!important}
.home-hero{padding:26px 21px!important;border-radius:20px!important}
.home-hero h1{font-size:35px!important}
.home-kpis{grid-template-columns:1fr 1fr!important;gap:9px!important}
.kpi-tile{padding:12px!important;gap:7px!important}
.kpi-symbol{width:34px!important;height:34px!important}
.kpi-tile strong{font-size:23px!important}
.home-module-grid{grid-template-columns:1fr!important}
.home-module-card{min-height:199px!important}
.home-bottom-grid{grid-template-columns:1fr!important}
}
/* Arabic study prayer — warm, legible and responsive. */
.home-hero .hero-duaa{max-width:760px;text-align:center;position:relative;padding:12px 10px;color:#27454c}
.duaa-kicker{display:flex;align-items:center;justify-content:center;gap:14px;font-family:"Geeza Pro","Noto Naskh Arabic","Traditional Arabic",serif;font-size:19px;font-weight:800;color:#7b67b2;margin-bottom:14px}
.duaa-kicker span{font-size:16px;color:#d6a249}
.home-hero .duaa-heading{font-family:"Geeza Pro","Noto Naskh Arabic","Traditional Arabic",serif!important;letter-spacing:0!important;font-weight:800!important;font-size:clamp(27px,3.15vw,42px)!important;line-height:1.75!important;margin:0 0 19px!important;color:#275d57!important}
.duaa-heading span{color:#7860b7}
.home-hero .duaa-text{font-family:"Geeza Pro","Noto Naskh Arabic","Traditional Arabic",serif!important;font-size:clamp(18px,1.65vw,23px)!important;line-height:2.05!important;font-weight:500;color:#425767!important;max-width:760px!important;margin:0 0 9px!important}
.home-hero .duaa-closing{font-family:"Geeza Pro","Noto Naskh Arabic","Traditional Arabic",serif!important;color:#8a5ea9!important;font-weight:800!important;font-size:clamp(19px,1.8vw,25px)!important;line-height:1.95!important;max-width:760px!important;margin:14px 0 0!important}
.home-hero:has(.hero-duaa){grid-template-columns:minmax(0,1fr) 260px!important;padding-top:28px!important;padding-bottom:28px!important}
.home-hero:has(.hero-duaa) .hero-stat-box{align-self:center}
@media(max-width:850px){.home-hero:has(.hero-duaa){grid-template-columns:1fr!important}.home-hero .hero-duaa{padding:5px 0 10px}.home-hero .duaa-heading{font-size:34px!important}}
@media(max-width:550px){.home-hero .duaa-heading{font-size:27px!important}.home-hero .duaa-text{font-size:19px!important;line-height:1.95!important}.home-hero .duaa-closing{font-size:20px!important}.duaa-kicker{font-size:17px}}

/* Current student: recognizable without an extra "(you)" label. */
.preview-rank.is-self{background:#e9f6f2!important;border:1px solid #aed9cd!important;border-radius:12px;padding:11px 12px!important;margin:5px -11px;box-shadow:inset 4px 0 0 #399e88}
.rank-row.you{background:#e9f6f2!important;border:1px solid #aed9cd!important;border-radius:13px!important;box-shadow:inset 4px 0 0 #399e88!important}
.preview-rank.is-self .preview-name,.rank-row.you .rank-display-name{color:#176d60!important;font-weight:850!important}

/* Welcoming guest entry — distinct from permanent sign-in. */
.guest-divider{display:flex;align-items:center;gap:14px;color:#9ca5b2;font-size:12px;font-weight:700;margin:11px 0 2px}
.guest-divider:before,.guest-divider:after{content:"";height:1px;background:#e6e9f3;flex:1}
.guest-entry{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 16px;background:#e9f5f0;color:#206c61;border:1px solid #cde6dd;border-radius:11px;font-weight:800;font-size:13px}
.guest-entry:hover{background:#ddf0e8}
.guest-entry:disabled{opacity:.55}
.guest-notice{color:#7e8894;font-size:11px;line-height:1.65;text-align:center;margin:0}