/* Performer Beta 5.2 — colored navigation + premium İLİM */

/* Her ana alanın kendi rengi; simge, metin ve aktif durum birlikte çalışır. */
aside nav a[data-route],.mobile-dock a[data-route]{--route-color:#9ba5b7}
aside nav a[data-route="home"]{--route-color:#8d86ff}
aside nav a[data-route="dashboard"]{--route-color:#54d8ed}
aside nav a[data-route="progress"]{--route-color:#60adff}
aside nav a[data-route="challenge"]{--route-color:#f2c64f}
aside nav a[data-route="prayer"],.mobile-dock a[data-route="prayer"]{--route-color:#bb79ff}
aside nav a[data-route="makeup_prayer"]{--route-color:#579cff}
aside nav a[data-route="quran"],.mobile-dock a[data-route="quran"]{--route-color:#e9bb50}
aside nav a[data-route="zikr"],.mobile-dock a[data-route="zikr"]{--route-color:#ef7de7}
aside nav a[data-route="ilim"]{--route-color:#4fd4b5}
aside nav a[data-route="day"],.mobile-dock a[data-route="day"]{--route-color:#5ee096}
aside nav a[data-route="hydration"],.mobile-dock a[data-route="hydration"]{--route-color:#48d8cc}
aside nav a[data-route="nutrition"],.mobile-dock a[data-route="nutrition"]{--route-color:#ffae55}
aside nav a[data-route="programs"]{--route-color:#f181ad}
aside nav a[data-route="body_trend"]{--route-color:#8ca6c9}
aside nav a[data-route="settings"]{--route-color:#b7c0cf}

aside nav a[data-route] .nav-icon,aside nav a[data-route]>span:last-child,
.mobile-dock a[data-route] .nav-icon,.mobile-dock a[data-route] small{color:var(--route-color)!important}
aside nav a[data-route] .nav-icon{border-color:color-mix(in srgb,var(--route-color) 42%,transparent)!important}
aside nav a[data-route].active{border-color:color-mix(in srgb,var(--route-color) 45%,var(--glass-border))!important;background:linear-gradient(100deg,color-mix(in srgb,var(--route-color) 14%,transparent),color-mix(in srgb,var(--glass) 90%,transparent))!important;box-shadow:inset 2px 0 var(--route-color),0 0 25px color-mix(in srgb,var(--route-color) 12%,transparent)!important}
.mobile-dock a[data-route].active{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--route-color) 40%,transparent))}

/* İLİM: daha ağır, katmanlı ve kitap rengine göre ayrışan görsel dil. */
.ilim-page{--ilim:#4fd4b5;isolation:isolate}
.ilim-page:before{content:"";position:fixed;z-index:-1;inset:0 0 0 var(--side,0);pointer-events:none;background:radial-gradient(circle at 76% 0,rgba(79,212,181,.095),transparent 34%),radial-gradient(circle at 8% 78%,rgba(217,189,122,.055),transparent 28%)}
.ilim-head{border-color:rgba(214,190,126,.24);background:radial-gradient(circle at 80% 8%,rgba(79,212,181,.16),transparent 34%),linear-gradient(132deg,rgba(24,34,46,.98),rgba(8,11,18,.99) 66%);box-shadow:0 26px 80px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.04)}
.ilim-head:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,rgba(255,255,255,.035),transparent 30%,rgba(217,189,122,.04))}
.ilim-head h1{font-weight:900;text-shadow:0 8px 40px rgba(79,212,181,.14)}
.ilim-head-actions{display:flex;gap:10px;margin-top:22px}
.ilim-head-actions .btn{border-color:rgba(79,212,181,.3);color:#bff6e8;background:rgba(79,212,181,.07)}
.ilim-day-score{border-color:rgba(217,189,122,.34);background:linear-gradient(145deg,rgba(22,29,38,.94),rgba(8,11,17,.94));box-shadow:0 24px 60px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04)}
.ilim-day-score strong{color:#d9bd7a}
.ilim-kpis article,.ilim-detail-kpis article{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(23,31,42,.99),rgba(10,14,21,.99));box-shadow:0 16px 45px rgba(0,0,0,.18)}
.ilim-kpis article:after,.ilim-detail-kpis article:after{content:"";position:absolute;right:-18px;bottom:-34px;width:86px;height:86px;border:1px solid rgba(79,212,181,.1);border-radius:50%}
.ilim-library,.ilim-chart-panel,.ilim-notebook,.ilim-global-notes,.ilim-note-filter,.ilim-book-settings,.ilim-reach-card{background:linear-gradient(145deg,rgba(20,29,40,.98),rgba(9,13,20,.98));box-shadow:0 22px 65px rgba(0,0,0,.22)}

.ilim-book-card{position:relative;border-color:color-mix(in srgb,var(--book-accent) 34%,transparent);background:radial-gradient(circle at 92% 3%,color-mix(in srgb,var(--book-accent) 15%,transparent),transparent 34%),linear-gradient(145deg,rgba(20,29,39,.99),rgba(9,13,20,.99));box-shadow:0 22px 55px rgba(0,0,0,.23),inset 3px 0 var(--book-accent);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.ilim-book-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,var(--book-accent),transparent 68%)}
.ilim-book-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--book-accent) 58%,transparent);box-shadow:0 28px 70px rgba(0,0,0,.3),0 0 28px color-mix(in srgb,var(--book-accent) 9%,transparent),inset 3px 0 var(--book-accent)}
.ilim-book-top{display:flex;align-items:center;justify-content:space-between;gap:14px}
.ilim-book-category{color:var(--book-accent)}
.ilim-book-notes{padding:5px 9px;border:1px solid color-mix(in srgb,var(--book-accent) 35%,transparent);border-radius:999px;color:color-mix(in srgb,var(--book-accent) 85%,white);font-size:9px;font-weight:900;letter-spacing:.12em}
.ilim-book-main h3{letter-spacing:-.025em}.ilim-progress i{background:linear-gradient(90deg,var(--book-accent),color-mix(in srgb,var(--book-accent) 58%,white));box-shadow:0 0 18px color-mix(in srgb,var(--book-accent) 45%,transparent)}
.ilim-detail-head{position:relative;overflow:hidden;padding:32px;border:1px solid color-mix(in srgb,var(--book-accent) 32%,transparent);border-radius:26px;background:radial-gradient(circle at 85% 5%,color-mix(in srgb,var(--book-accent) 16%,transparent),transparent 38%),linear-gradient(135deg,rgba(22,31,42,.98),rgba(9,12,19,.98));box-shadow:inset 3px 0 var(--book-accent),0 24px 70px rgba(0,0,0,.25)}
.ilim-detail-head .eyebrow,.ilim-detail-progress strong,.ilim-detail .ilim-back{color:var(--book-accent)}
.ilim-detail-nav{display:flex;gap:18px;flex-wrap:wrap}.ilim-detail-nav .ilim-back{margin-bottom:18px}
.ilim-reach-card{border-color:color-mix(in srgb,var(--book-accent) 35%,transparent);background:linear-gradient(120deg,color-mix(in srgb,var(--book-accent) 8%,rgba(12,17,24,.98)),rgba(12,17,24,.98))}

/* Ayrıntılı not sistemi ve bütün kitapların birleşik not defteri. */
.ilim-note-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end;margin:0 0 24px;padding:18px;border:1px solid rgba(79,212,181,.18);border-radius:18px;background:rgba(3,7,12,.28)}
.ilim-note-form .span-2{grid-column:span 2}.ilim-note-form .wide{grid-column:1/-1}.ilim-note-form textarea{min-height:130px}.ilim-note-form .ilim-check{grid-column:span 2}.ilim-note-form>.btn{min-height:46px}
.ilim-notes{gap:14px}.ilim-notes>article{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;overflow:hidden;padding:20px 18px 18px 21px;border-color:color-mix(in srgb,var(--book-accent) 24%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--book-accent) 5%,rgba(5,8,13,.78)),rgba(7,10,16,.78));box-shadow:inset 3px 0 var(--book-accent)}
.ilim-notes>article.pinned{border-color:color-mix(in srgb,#e8bf62 50%,var(--line));background:linear-gradient(135deg,rgba(232,191,98,.08),rgba(7,10,16,.82))}
.ilim-note-body{min-width:0}.ilim-note-book{display:inline-block;margin-bottom:8px;color:var(--book-accent);font-size:12px;font-weight:900;text-decoration:none}.ilim-note-book:hover{text-decoration:underline}
.ilim-note-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.ilim-note-meta span{color:var(--book-accent)!important}.ilim-note-meta small{padding:4px 7px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.05em}
.ilim-note-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.ilim-note-tags em{padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--book-accent) 10%,transparent);color:color-mix(in srgb,var(--book-accent) 80%,white);font-size:10px;font-style:normal;font-weight:700}
.ilim-note-actions{display:flex!important;align-items:flex-start}.ilim-note-actions button{cursor:pointer}.ilim-note-edit{margin-top:17px}.ilim-note-edit>summary{color:var(--book-accent)}
.ilim-note-edit .ilim-note-form{grid-template-columns:repeat(4,minmax(0,1fr));margin:13px 0 0;background:rgba(0,0,0,.18)}
.ilim-note-filter{padding:22px}.ilim-note-filter form{display:grid;grid-template-columns:2fr 1.2fr 1fr auto auto auto;gap:12px;align-items:end}.ilim-note-filter label{display:grid;gap:7px;color:var(--muted);font-size:11px;font-weight:700}.ilim-note-filter .ilim-check{display:flex;align-items:center;min-height:46px;padding:0 12px;border:1px solid var(--line);border-radius:12px}.ilim-note-filter .ilim-check input{width:auto}.ilim-global-notes{padding:28px}
.ilim-recovery{max-width:850px;margin:8vh auto;padding:clamp(26px,5vw,58px);border:1px solid rgba(79,212,181,.28);border-radius:28px;background:radial-gradient(circle at 90% 0,rgba(79,212,181,.14),transparent 36%),linear-gradient(145deg,rgba(21,30,41,.98),rgba(8,12,18,.98));box-shadow:0 30px 90px rgba(0,0,0,.34)}.ilim-recovery h1{margin:12px 0;font-size:clamp(34px,5vw,64px)}.ilim-recovery p{max-width:650px;color:var(--muted);line-height:1.7}.ilim-recovery>div{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}

@media(max-width:1180px){
  .ilim-note-filter form{grid-template-columns:1fr 1fr 1fr}.ilim-note-filter form>label:first-of-type{grid-column:1/-1}
}
@media(max-width:760px){
  .ilim-page:before{inset:0}.ilim-detail-head{padding:23px 18px}.ilim-head-actions{margin-top:16px}
  .ilim-note-form,.ilim-note-edit .ilim-note-form{grid-template-columns:1fr 1fr;padding:14px}.ilim-note-form .span-2,.ilim-note-form .wide{grid-column:1/-1}.ilim-note-form .ilim-check{grid-column:1/-1}
  .ilim-note-filter{padding:16px}.ilim-note-filter form{grid-template-columns:1fr 1fr}.ilim-note-filter form>label:first-of-type{grid-column:1/-1}.ilim-note-filter .ilim-check{grid-column:1/-1}.ilim-global-notes{padding:18px}
}
@media(max-width:480px){
  .ilim-note-form,.ilim-note-edit .ilim-note-form,.ilim-note-filter form{grid-template-columns:1fr}.ilim-note-form .span-2,.ilim-note-form .wide,.ilim-note-form .ilim-check,.ilim-note-filter form>label:first-of-type,.ilim-note-filter .ilim-check{grid-column:1}
  .ilim-notes>article{grid-template-columns:1fr}.ilim-note-actions{margin-top:14px}
}