/* Performer Beta 5.5 — Ruhun Uyanışı/antrenman senkronu ve mobil diyet. */

/* Set arası seçim: uzun Arapça metin + günlük ilerleme aynı kartta okunur. */
.beta22-modal{width:min(920px,calc(100% - 24px))}
.beta22-modal .beta22-words{grid-template-columns:repeat(3,minmax(0,1fr));max-height:48vh;overflow:auto;padding-right:5px}
.beta22-modal .beta22-words label>span{display:grid;grid-template-rows:1fr auto;place-items:center;gap:5px;min-height:105px;font-family:inherit;font-size:inherit}
.beta22-modal .beta22-words label>span>b{font-family:'Noto Naskh Arabic','Traditional Arabic',Tahoma,serif;font-size:22px;line-height:1.7;font-weight:700}
.beta22-modal .beta22-words label>span>small{font-family:inherit;font-size:11px;line-height:1.3;color:#aebaca;direction:ltr}
.beta22-modal .beta22-count input:disabled+span{opacity:.34;cursor:not-allowed}

/* Ruhun Uyanışı kartlarındaki kısmi tesbih ilerlemesi. */
.beta55-task-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:-3px 0 13px}
.beta55-task-progress>span{height:7px;border-radius:999px;background:#252d39;overflow:hidden}
.beta55-task-progress>span>i{display:block;height:100%;border-radius:inherit;background:var(--zikr-tone,#c2a1ff);box-shadow:0 0 14px var(--zikr-tone,#c2a1ff)}
.beta55-task-progress>strong{font-size:12px;white-space:nowrap;color:#cbd5e1}
.beta25-task.has-progress{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--zikr-tone,#c2a1ff) 38%,transparent)}

/* Aylık rapor: her gün tek renk yerine zikir bazında yığılmış dağılım. */
.beta55-stacked-bars article>div{display:flex!important;flex-direction:column-reverse;justify-content:flex-start;overflow:hidden;background:#111722;border-radius:9px 9px 3px 3px}
.beta55-stacked-bars article>div>i{position:static!important;display:block!important;width:100%!important;min-height:0;border-radius:0!important;box-shadow:none!important;flex:0 0 auto}
.beta55-stacked-bars article>strong{font-size:10px;line-height:1.2;min-height:24px;display:grid;place-items:end center}
.beta55-zikr-legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.beta55-zikr-legend span{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;line-height:1.35}
.beta55-zikr-legend span>i{width:9px;height:9px;border-radius:50%;flex:0 0 9px}
.beta55-zikr-legend small{color:var(--muted)}

/* Mobil Diyet: başlıktan sonra ilk olarak öğün kartları görünür. */
@media(max-width:700px){
  .nutrition35-page{display:flex;flex-direction:column;gap:0}
  .nutrition35-page>.pagehead{order:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;padding:0;min-height:0}
  .nutrition35-page>.pagehead>div{display:block}
  .nutrition35-page>.pagehead .eyebrow,.nutrition35-page>.pagehead p,.nutrition35-page>.pagehead>a{display:none}
  .nutrition35-page>.pagehead h1{font-size:34px;line-height:1;margin:0}
  .nutrition35-page>.pagehead .page-score{position:static;margin:0;padding:9px 11px;font-size:13px;white-space:nowrap}
  .nutrition35-page>.nutrition35-meals{order:2;margin:0 0 12px;gap:10px}
  .nutrition35-page>.nutrition35-add-form{order:3}
  .nutrition35-page>.nutrition35-summary{order:4;margin-top:2px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:9px}
  .nutrition35-page>.nutrition35-summary .nutrition35-macro{padding:8px 6px;min-width:0}
  .nutrition35-page>.nutrition35-summary .nutrition35-macro-label{font-size:7px;letter-spacing:.08em;overflow:hidden;text-overflow:ellipsis}
  .nutrition35-page>.nutrition35-summary strong{font-size:16px}
  .nutrition35-page>.nutrition35-summary strong small{display:block;font-size:8px;margin:2px 0 0}
  .nutrition35-page>.diet-apply{order:5}
  .nutrition35-page>.nutrition35-tools{order:6}
  .nutrition35-page>.nutrition35-library{order:7}
  .nutrition35-meal{padding:14px}
  .nutrition35-meal header{margin-bottom:4px}
  .nutrition35-meal-actions .save-meal-template{display:none}
}

@media(max-width:620px){
  .beta22-modal .beta22-words{grid-template-columns:1fr 1fr;max-height:50vh}
  .beta22-modal .beta22-words label>span{min-height:94px;padding:8px}
  .beta22-modal .beta22-words label>span>b{font-size:19px}
  .beta55-monthly{padding:16px}
  .beta55-stacked-bars{min-width:720px}
}
/* Beta 17.3: Ruhun Uyanışı aylık dağılımı — üç grup (Esmâü'l-Hüsnâ · Salavât · Dua) */
.b55-groups{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important}
.b55-groups span{display:grid!important;grid-template-columns:12px minmax(0,1fr);align-items:center;column-gap:8px;row-gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--text,#fff) 3%,transparent);font-size:12px!important}
.b55-groups span>i{width:12px!important;height:12px!important;border-radius:4px!important;grid-row:span 2}
.b55-groups span>b{color:var(--text);font-size:13px}
.b55-groups span>em{font-style:normal;color:var(--muted);font-size:11px}
.b55-groups span.is-empty{opacity:.5}
.b55-group-detail{margin-top:12px}
.b55-group-detail>summary{cursor:pointer;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.04em}
.b55-group-detail>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:10px}
.b55-group-detail section{border-left:3px solid var(--g);padding:2px 0 2px 12px}
.b55-group-detail h3{margin:0 0 6px;font-size:13px}
.b55-group-detail h3 small{display:block;color:var(--muted);font-weight:500;font-size:11px}
.b55-group-detail ol{list-style:none;margin:0;padding:0;display:grid;gap:3px}
.b55-group-detail li{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted)}
.b55-group-detail li b{color:var(--text);font-variant-numeric:tabular-nums}
@media(max-width:560px){.b55-groups{grid-template-columns:1fr!important}}