:root {
  --bg: #07110e;
  --bg-2: #0a1712;
  --surface: rgba(15, 31, 24, .94);
  --surface-solid: #0f1f18;
  --surface-2: #14271f;
  --surface-3: #1a3026;
  --text: #f4fbf6;
  --text-soft: #c8d8cd;
  --muted: #8fa399;
  --line: rgba(139, 203, 117, .17);
  --line-strong: rgba(139, 203, 117, .38);
  --green: #50cf72;
  --green-2: #8bcb75;
  --green-3: #b9ef8c;
  --deep-green: #145a38;
  --gold: #d9bd67;
  --gold-soft: rgba(217,189,103,.13);
  --danger: #ff8d8d;
  --danger-bg: rgba(255, 108, 108, .11);
  --shadow: 0 20px 64px rgba(0,0,0,.38);
  --header-h: 74px;
  --nav-h: 91px;
  --radius-xl: 27px;
  --radius-lg: 21px;
  --radius-md: 16px;
  --radius-sm: 12px;
  --ease: cubic-bezier(.2,.8,.2,1);
  color-scheme: dark;
}

body[data-theme="light"] {
  --bg: #edf6ef;
  --bg-2: #f7fbf8;
  --surface: rgba(255,255,255,.95);
  --surface-solid: #ffffff;
  --surface-2: #e8f3ea;
  --surface-3: #dcecdf;
  --text: #14261a;
  --text-soft: #314b38;
  --muted: #637a69;
  --line: rgba(20, 90, 56, .14);
  --line-strong: rgba(20, 90, 56, .32);
  --deep-green: #145a38;
  --shadow: 0 18px 55px rgba(31,87,45,.16);
  color-scheme: light;
}

* { box-sizing: border-box; }
html { min-height: 100%; background: var(--bg); scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100dvh;
  background:
    radial-gradient(circle at 50% -12%, rgba(80,207,114,.14), transparent 32rem),
    linear-gradient(180deg, var(--bg), var(--bg-2));
  color: var(--text);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  overscroll-behavior-y: none;
}
button, input, textarea, select { font: inherit; }
button { color: inherit; }
button, [role="button"] { -webkit-tap-highlight-color: transparent; }
button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline: 2px solid var(--green);
  outline-offset: 3px;
}
img { max-width: 100%; }
.svg-defs { position: absolute; width: 0; height: 0; overflow: hidden; }
.icon { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.hidden { display: none !important; }
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }

/* Splash */
.splash {
  position: fixed;
  inset: 0;
  z-index: 300;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 22px;
  background:
    radial-gradient(circle at 50% 45%, rgba(75,215,104,.18), transparent 15rem),
    radial-gradient(circle at 50% 50%, rgba(12,57,34,.45), transparent 35rem),
    #050d0a;
  transition: opacity .55s var(--ease), visibility .55s;
}
.splash::before, .splash::after {
  content: "";
  position: absolute;
  left: 50%;
  width: min(82vw, 430px);
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, rgba(122,255,145,.75), transparent);
  box-shadow: 0 0 18px rgba(80,207,114,.55);
}
.splash::before { top: 18%; }
.splash::after { bottom: 18%; }
.splash.hide { opacity: 0; visibility: hidden; pointer-events: none; }
.splash-glow {
  position: absolute;
  width: 230px;
  height: 230px;
  border-radius: 50%;
  background: rgba(72,215,105,.18);
  filter: blur(70px);
  animation: breathe 2.8s ease-in-out infinite;
}
.splash-logo { position:relative; width: min(55vw, 265px); filter: brightness(1.45) saturate(1.12) drop-shadow(0 0 25px rgba(80,207,114,.25)); }
.splash-version { position:relative; color:#9cd68c; font-size:10px; font-weight:800; letter-spacing:.18em; text-align:center; }
@keyframes breathe { 50% { transform:scale(1.18); opacity:.72; } }

/* Main shell */
.app-shell {
  position: relative;
  width: 100%;
  min-height: 100dvh;
  margin: 0 auto;
  overflow: clip;
  background:
    radial-gradient(circle at 80% 8%, rgba(80,207,114,.08), transparent 17rem),
    linear-gradient(180deg, var(--bg), var(--bg-2));
}
.app-header {
  position: sticky;
  top: 0;
  z-index: 80;
  height: calc(var(--header-h) + env(safe-area-inset-top));
  padding: calc(9px + env(safe-area-inset-top)) 17px 9px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: color-mix(in srgb, var(--bg) 86%, transparent);
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(20px) saturate(1.25);
  -webkit-backdrop-filter: blur(20px) saturate(1.25);
}
.brand-button {
  min-width: 0;
  border: 0;
  padding: 0;
  background: transparent;
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
  cursor: pointer;
}
.brand-symbol { width: 37px; height: 44px; display:grid; place-items:center; color:var(--green-2); }
.brand-symbol svg { width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:24; stroke-linecap:round; stroke-linejoin:round; }
.brand-symbol .fill { fill:var(--green); stroke:none; }
.brand-symbol .soft { fill:var(--green-2); }
.brand-symbol .leaf { fill:rgba(139,203,117,.45); stroke:var(--green-2); stroke-width:18; }
.brand-text { min-width: 0; }
.brand-text strong { display:block; font: 600 22px/1 Georgia, "Times New Roman", serif; letter-spacing:.18em; white-space:nowrap; }
.brand-text small { display:block; margin-top:4px; color:var(--muted); font-size:8px; letter-spacing:.03em; white-space:nowrap; }
.header-actions { display:flex; align-items:center; gap:7px; min-width:0; }
.location-pill, .icon-button {
  border: 1px solid var(--line);
  background: var(--surface);
  box-shadow: inset 0 1px rgba(255,255,255,.03);
  cursor:pointer;
}
.location-pill {
  min-width:0;
  max-width: 128px;
  height: 42px;
  padding: 0 11px;
  border-radius: 999px;
  display:flex;
  align-items:center;
  gap:6px;
  color:var(--text-soft);
}
.location-pill .icon { color:var(--green-2); width:19px; }
.location-pill span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }
.icon-button { position:relative; width:42px; height:42px; border-radius:14px; display:grid; place-items:center; }
.notification-dot { position:absolute; width:8px; height:8px; border-radius:50%; right:5px; top:4px; background:var(--green-2); box-shadow:0 0 10px rgba(139,203,117,.75); }
.app-main { min-height: calc(100dvh - var(--header-h)); padding: 0 15px calc(var(--nav-h) + env(safe-area-inset-bottom) + 26px); }
.view { animation: view-in .32s var(--ease); }
@keyframes view-in { from { opacity:.25; transform:translateY(8px); } }

/* Generic components */
.page-header {
  padding: 19px 0 13px;
  display:flex;
  align-items:center;
  gap:12px;
}
.page-header .back-button { width:42px; height:42px; border:1px solid var(--line); border-radius:14px; background:var(--surface); display:grid; place-items:center; cursor:pointer; }
.page-header-copy { min-width:0; flex:1; }
.page-header h1 { margin:0; font-size:22px; letter-spacing:-.02em; }
.page-header p { margin:4px 0 0; color:var(--muted); font-size:12px; }
.page-header-actions { display:flex; align-items:center; gap:7px; }
.eyebrow { color:var(--green-2); font-size:10px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.section-head { margin: 22px 2px 11px; display:flex; align-items:end; justify-content:space-between; gap:12px; }
.section-head h2 { margin:0; font-size:19px; letter-spacing:-.02em; }
.section-head p { margin:4px 0 0; color:var(--muted); font-size:12px; }
.text-button { border:0; background:transparent; color:var(--green-2); font-size:13px; font-weight:700; padding:7px 0; cursor:pointer; display:flex; align-items:center; gap:3px; }
.text-button .icon { width:16px; height:16px; }
.card {
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(145deg, rgba(255,255,255,.018), transparent 55%),
    var(--surface);
  box-shadow: inset 0 1px rgba(255,255,255,.025);
}
.card-pad { padding:17px; }
.soft-card { background:var(--surface-2); border:1px solid var(--line); border-radius:var(--radius-md); }
.primary-button, .secondary-button, .danger-button {
  min-height: 50px;
  border-radius: 15px;
  padding: 0 18px;
  border: 1px solid transparent;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  font-weight:800;
  cursor:pointer;
  transition: transform .14s, filter .14s;
}
.primary-button:active, .secondary-button:active, .danger-button:active { transform:scale(.98); }
.primary-button { color:#07110e; background:linear-gradient(135deg, #8de87e, #43bf68); box-shadow:0 12px 30px rgba(67,191,104,.2); }
.secondary-button { color:var(--text); background:var(--surface-2); border-color:var(--line); }
.danger-button { color:var(--danger); background:var(--danger-bg); border-color:rgba(255,141,141,.22); }
.button-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.full-width { width:100%; }
.chip-row { display:flex; gap:8px; overflow:auto; scrollbar-width:none; padding:2px 0 4px; }
.chip-row::-webkit-scrollbar { display:none; }
.chip {
  flex:none;
  min-height:36px;
  padding:0 13px;
  border-radius:999px;
  border:1px solid var(--line);
  background:var(--surface);
  color:var(--muted);
  font-size:12px;
  font-weight:700;
  cursor:pointer;
  white-space:nowrap;
}
.chip.active { color:#07110e; background:var(--green-2); border-color:var(--green-2); }
.badge { display:inline-flex; align-items:center; gap:5px; min-height:25px; padding:0 9px; border-radius:999px; color:var(--green-2); background:rgba(80,207,114,.09); border:1px solid var(--line); font-size:10px; font-weight:800; letter-spacing:.03em; }
.badge.gold { color:var(--gold); background:var(--gold-soft); border-color:rgba(217,189,103,.23); }
.badge.muted { color:var(--muted); background:var(--surface-2); }
.divider { height:1px; background:var(--line); margin:15px 0; }
.empty-state { padding:31px 20px; text-align:center; }
.empty-icon { width:66px; height:66px; border-radius:22px; margin:0 auto 14px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.09); border:1px solid var(--line); }
.empty-icon .icon { width:30px; height:30px; }
.empty-state h3 { margin:0; font-size:17px; }
.empty-state p { margin:8px auto 18px; max-width:280px; color:var(--muted); font-size:13px; line-height:1.55; }

/* Home */
.home-intro { padding:17px 2px 13px; display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.home-intro h1 { margin:3px 0 0; font:500 25px/1.15 Georgia,"Amiri Quran","Amiri","Noto Naskh Arabic","Noto Sans Arabic","Times New Roman",serif; }
.home-intro p { margin:7px 0 0; color:var(--muted); font-size:12px; line-height:1.45; }
.version-badge { flex:none; margin-top:4px; }
.prayer-hero {
  position:relative;
  min-height:260px;
  overflow:hidden;
  padding:21px 20px 18px;
  border-radius:28px;
  border:1px solid rgba(139,203,117,.42);
  color:#102117;
  background:
    radial-gradient(circle at 68% 62%, rgba(255,244,177,.95), transparent 9rem),
    linear-gradient(135deg, #e4f2bd 0%, #dae7b8 43%, #bcd2a3 100%);
  box-shadow:0 18px 44px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.5);
}
body[data-theme="light"] .prayer-hero { box-shadow:0 18px 44px rgba(46,91,56,.18), inset 0 1px rgba(255,255,255,.7); }
.prayer-hero::before {
  content:"";
  position:absolute;
  inset:auto -2% -4px 29%;
  height:58%;
  opacity:.28;
  background-repeat:no-repeat;
  background-position:right bottom;
  background-size:contain;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 620 270'%3E%3Cg fill='%2313261a'%3E%3Cpath d='M0 240h620v30H0zM285 240V120h45v120zM276 120h63l-31-34zM303 86V45h8v41zM307 30l8 15h-16zM370 240V148h80v92zM355 148h110c-12-44-43-68-55-73-13 5-44 29-55 73zM396 74h28l-14-20zM406 54V33h8v21zM488 240V165h52v75zM480 165h68c-8-29-29-46-34-49-6 3-27 20-34 49zM85 240V166h52v74zM77 166h68c-8-29-29-46-34-49-6 3-27 20-34 49zM170 240v-95h72v95zM158 145h96c-10-38-38-59-48-64-10 5-38 26-48 64z'/%3E%3C/g%3E%3C/svg%3E");
}
.prayer-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(230,244,197,.98) 0%, rgba(230,244,197,.82) 45%, transparent 78%); pointer-events:none; }
.hero-content { position:relative; z-index:2; }
.active-label { display:flex; align-items:center; gap:8px; color:#3e7c48; font-size:12px; font-weight:900; letter-spacing:.1em; }
.pulse-dot { width:8px; height:8px; border-radius:50%; background:#4da960; box-shadow:0 0 0 0 rgba(77,169,96,.45); animation:pulse 2s infinite; }
@keyframes pulse { 70% { box-shadow:0 0 0 9px transparent; } }
.prayer-hero h2 { margin:14px 0 3px; font:500 clamp(34px,10vw,48px)/1.05 Georgia,"Amiri Quran","Amiri","Noto Naskh Arabic","Noto Sans Arabic","Times New Roman",serif; letter-spacing:-.035em; }
.hero-tagline { margin:0; color:#46604d; font-size:15px; }
.hero-time-grid { margin-top:23px; display:grid; grid-template-columns:auto 1px auto; gap:17px; align-items:end; width:max-content; }
.hero-time-grid .separator { height:55px; background:rgba(19,57,31,.22); }
.hero-time-block span { display:block; color:#4c6252; font-size:11px; }
.hero-time-block strong { display:block; margin-top:5px; font-size:26px; letter-spacing:-.04em; font-variant-numeric:tabular-nums; }
.hero-progress { margin-top:17px; width:min(82%, 320px); height:6px; border-radius:999px; background:rgba(28,66,39,.16); overflow:hidden; }
.hero-progress span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#4eb568,#80cf70); transition:width .6s var(--ease); }
.hero-footer { position:relative; z-index:2; margin-top:13px; display:flex; align-items:center; gap:8px; color:#3d7948; border:0; padding:0; background:transparent; font-size:12px; font-weight:800; cursor:pointer; }
.hero-footer .icon { width:18px; height:18px; }
.prayer-timeline { margin-top:11px; display:grid; grid-template-columns:repeat(6,1fr); gap:5px; }
.prayer-chip { min-width:0; padding:8px 3px 7px; border:1px solid var(--line); border-radius:13px; background:var(--surface); text-align:center; color:var(--muted); cursor:pointer; }
.prayer-chip strong { display:block; color:var(--text-soft); font-size:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.prayer-chip span { display:block; margin-top:3px; font-size:9px; font-variant-numeric:tabular-nums; }
.prayer-chip.active { color:var(--green-2); border-color:var(--line-strong); background:rgba(80,207,114,.1); box-shadow:inset 0 0 20px rgba(80,207,114,.05); }
.prayer-chip.active strong { color:var(--green-2); }

.task-card { overflow:hidden; }
.task-list { display:flex; flex-direction:column; }
.task-row {
  position:relative;
  min-height:64px;
  padding:10px 12px;
  display:grid;
  grid-template-columns:34px 34px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  border-bottom:1px solid var(--line);
}
.task-row:last-child { border-bottom:0; }
.task-check {
  width:30px;
  height:30px;
  border-radius:9px;
  border:1.5px solid var(--muted);
  background:transparent;
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:.18s var(--ease);
}
.task-check .icon { width:18px; height:18px; opacity:0; transform:scale(.5); }
.task-row.completed .task-check { color:#07110e; border-color:var(--green); background:var(--green); }
.task-row.completed .task-check .icon { opacity:1; transform:scale(1); }
.task-category-icon { width:31px; height:31px; display:grid; place-items:center; color:var(--green-2); }
.task-category-icon .icon { width:25px; height:25px; }
.task-copy { min-width:0; }
.task-copy strong { display:block; font-size:14px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:.2s; }
.task-copy small { display:flex; gap:7px; align-items:center; margin-top:5px; color:var(--muted); font-size:10px; }
.task-row.completed .task-copy strong { color:var(--muted); text-decoration:line-through; }
.task-meta { text-align:right; color:var(--muted); font-size:10px; white-space:nowrap; }
.task-menu-button { width:31px; height:31px; border:0; background:transparent; color:var(--muted); border-radius:9px; display:grid; place-items:center; cursor:pointer; }
.task-menu-button .icon { width:19px; height:19px; }
.task-footer { padding:14px; border-top:1px solid var(--line); display:flex; align-items:center; gap:12px; }
.task-footer-progress { min-width:0; flex:1; }
.task-footer-progress p { margin:0 0 7px; color:var(--muted); font-size:10px; }
.linear-progress { height:7px; border-radius:999px; background:var(--surface-3); overflow:hidden; }
.linear-progress span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--deep-green),var(--green)); transition:width .5s var(--ease); }
.add-compact { min-height:40px; padding:0 12px; border:1px solid var(--line-strong); border-radius:12px; color:var(--green-2); background:rgba(80,207,114,.07); display:flex; align-items:center; gap:5px; font-size:11px; font-weight:800; cursor:pointer; }
.add-compact .icon { width:17px; height:17px; }

.home-dual-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.motivation-card, .progress-card { min-height:178px; padding:16px; }
.motivation-card { position:relative; overflow:hidden; }
.motivation-card::after { content:"“"; position:absolute; right:9px; top:-18px; color:rgba(139,203,117,.1); font:110px Georgia,serif; }
.motivation-icon { width:43px; height:43px; border-radius:15px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.09); }
.motivation-card h3, .progress-card h3 { margin:12px 0 0; font-size:14px; }
.motivation-card p { position:relative; z-index:1; margin:9px 0 0; color:var(--text-soft); font-size:11px; line-height:1.52; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; }
.progress-ring-wrap { margin:10px auto 0; width:88px; height:88px; position:relative; display:grid; place-items:center; }
.progress-ring { width:88px; height:88px; transform:rotate(-90deg); }
.progress-ring circle { fill:none; stroke-width:9; }
.progress-ring .track { stroke:var(--surface-3); }
.progress-ring .value { stroke:var(--green); stroke-linecap:round; stroke-dasharray:226; transition:stroke-dashoffset .6s var(--ease); }
.progress-ring-label { position:absolute; text-align:center; }
.progress-ring-label strong { display:block; color:var(--green-2); font-size:21px; }
.progress-ring-label span { color:var(--muted); font-size:8px; }
.progress-mini { margin-top:8px; display:flex; justify-content:center; gap:8px; color:var(--muted); font-size:9px; }

.quick-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.quick-card { min-width:0; min-height:91px; padding:12px 5px 9px; border:1px solid var(--line); border-radius:17px; background:var(--surface); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; color:var(--text-soft); text-align:center; cursor:pointer; }
.quick-card .quick-icon { width:40px; height:40px; border-radius:14px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.08); }
.quick-card .icon { width:22px; height:22px; }
.quick-card span { width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:10px; }
.upcoming-list { display:flex; flex-direction:column; gap:8px; }
.upcoming-item { padding:13px; display:grid; grid-template-columns:44px minmax(0,1fr) auto; gap:11px; align-items:center; }
.date-tile { width:44px; height:46px; border-radius:13px; display:grid; place-items:center; align-content:center; color:var(--green-2); background:rgba(80,207,114,.08); border:1px solid var(--line); }
.date-tile strong { font-size:16px; line-height:1; }
.date-tile span { margin-top:3px; font-size:8px; text-transform:uppercase; }
.upcoming-copy { min-width:0; }
.upcoming-copy strong { display:block; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.upcoming-copy small { display:block; margin-top:5px; color:var(--muted); font-size:9px; }
.upcoming-time { color:var(--gold); font-size:10px; }

/* Tasks */
.date-switcher { display:grid; grid-template-columns:42px minmax(0,1fr) 42px; gap:8px; align-items:center; margin-bottom:12px; }
.date-switcher button { height:42px; border:1px solid var(--line); border-radius:13px; background:var(--surface); display:grid; place-items:center; cursor:pointer; }
.date-switcher-label { text-align:center; }
.date-switcher-label strong { display:block; font-size:14px; }
.date-switcher-label small { display:block; margin-top:4px; color:var(--muted); font-size:10px; }
.task-group { margin-top:13px; overflow:hidden; }
.task-group-head { padding:13px 14px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid var(--line); }
.task-group-title { display:flex; align-items:center; gap:9px; }
.task-group-title .icon { color:var(--green-2); }
.task-group-title strong { font-size:14px; }
.task-group-title span { color:var(--muted); font-size:10px; }
.task-actions-inline { display:flex; gap:4px; }
.floating-action {
  position:fixed;
  z-index:70;
  right:max(18px, calc((100vw - 520px)/2 + 18px));
  bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 18px);
  width:58px;
  height:58px;
  border-radius:20px;
  border:1px solid rgba(185,239,140,.48);
  color:#07110e;
  background:linear-gradient(145deg,#9dec88,#43c86b);
  box-shadow:0 14px 35px rgba(38,143,73,.35);
  display:grid;
  place-items:center;
  cursor:pointer;
}
.floating-action .icon { width:28px; height:28px; stroke-width:2.3; }
.history-summary { padding:14px; display:grid; grid-template-columns:repeat(3,1fr); gap:8px; text-align:center; }
.history-summary div { padding:12px 4px; border-radius:13px; background:var(--surface-2); }
.history-summary strong { display:block; font-size:17px; color:var(--green-2); }
.history-summary span { display:block; margin-top:4px; color:var(--muted); font-size:9px; }

/* Calendar */
.calendar-card { padding:15px 12px 13px; }
.calendar-toolbar { display:grid; grid-template-columns:40px minmax(0,1fr) 40px; align-items:center; gap:7px; }
.calendar-toolbar button { width:40px; height:40px; border:0; border-radius:12px; background:var(--surface-2); display:grid; place-items:center; cursor:pointer; }
.calendar-toolbar strong { text-align:center; font-size:17px; }
.weekdays, .calendar-grid { display:grid; grid-template-columns:repeat(7,1fr); }
.weekdays { margin-top:13px; color:var(--muted); font-size:9px; text-align:center; }
.weekdays span { padding:7px 0; }
.calendar-grid { row-gap:5px; margin-top:2px; }
.calendar-day { position:relative; aspect-ratio:1; border:0; border-radius:13px; background:transparent; color:var(--text-soft); display:grid; place-items:center; align-content:center; gap:4px; cursor:pointer; }
.calendar-day.outside { opacity:.25; }
.calendar-day.today { box-shadow:inset 0 0 0 1px var(--line-strong); }
.calendar-day.selected { color:#07110e; background:linear-gradient(145deg,var(--green-2),var(--green)); box-shadow:0 8px 18px rgba(80,207,114,.2); }
.calendar-day strong { font-size:12px; font-weight:700; }
.day-dots { height:4px; display:flex; gap:2px; }
.day-dot { width:4px; height:4px; border-radius:50%; background:var(--green-2); }
.day-dot.gold { background:var(--gold); }
.calendar-day.selected .day-dot { background:#173c25; }
.calendar-legend { margin-top:11px; padding-top:11px; border-top:1px solid var(--line); display:flex; justify-content:center; gap:17px; color:var(--muted); font-size:9px; }
.calendar-legend span { display:flex; align-items:center; gap:6px; }
.legend-dot { width:7px; height:7px; border-radius:50%; background:var(--green-2); }
.legend-dot.gold { background:var(--gold); }
.selected-day-card { margin-top:12px; overflow:hidden; }
.selected-day-head { padding:14px; display:flex; align-items:center; justify-content:space-between; gap:10px; border-bottom:1px solid var(--line); }
.selected-day-head strong { font-size:14px; }
.selected-day-head span { color:var(--green-2); font-size:11px; }

/* Routines */
.routine-list { display:flex; flex-direction:column; gap:10px; }
.routine-card { padding:15px; }
.routine-card-head { display:grid; grid-template-columns:46px minmax(0,1fr) auto; gap:11px; align-items:center; }
.routine-icon { width:46px; height:46px; border-radius:15px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.08); border:1px solid var(--line); }
.routine-copy { min-width:0; }
.routine-copy strong { display:block; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.routine-copy small { display:block; margin-top:5px; color:var(--muted); font-size:9px; }
.routine-items { margin:13px 0 0; padding:12px; border-radius:14px; background:var(--surface-2); display:flex; flex-direction:column; gap:7px; }
.routine-item { display:flex; align-items:center; gap:8px; color:var(--text-soft); font-size:11px; }
.routine-item::before { content:""; width:5px; height:5px; border-radius:50%; background:var(--green-2); }
.routine-footer { margin-top:13px; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.routine-complete { min-height:38px; padding:0 12px; border-radius:12px; border:1px solid var(--line-strong); background:rgba(80,207,114,.07); color:var(--green-2); font-size:10px; font-weight:800; cursor:pointer; display:flex; align-items:center; gap:6px; }
.routine-complete.done { color:#07110e; background:var(--green); border-color:var(--green); }

/* Profile */
.profile-hero { margin-top:14px; padding:22px 17px; text-align:center; overflow:hidden; position:relative; }
.profile-hero::before { content:""; position:absolute; width:180px; height:180px; border-radius:50%; top:-100px; left:50%; transform:translateX(-50%); background:rgba(80,207,114,.15); filter:blur(38px); }
.profile-avatar { position:relative; width:91px; height:91px; margin:0 auto; border-radius:29px; padding:4px; background:linear-gradient(145deg,var(--green-3),var(--deep-green)); box-shadow:0 15px 35px rgba(0,0,0,.25); }
.profile-avatar-inner { width:100%; height:100%; border-radius:25px; overflow:hidden; background:var(--surface-2); display:grid; place-items:center; color:var(--green-2); font:600 28px Georgia,serif; }
.profile-avatar-inner img { width:100%; height:100%; object-fit:cover; }
.photo-edit { position:absolute; right:-5px; bottom:-5px; width:33px; height:33px; border-radius:12px; border:3px solid var(--surface-solid); background:var(--green); color:#07110e; display:grid; place-items:center; cursor:pointer; }
.photo-edit .icon { width:16px; height:16px; }
.profile-hero h1 { position:relative; margin:14px 0 0; font-size:21px; }
.profile-hero p { position:relative; margin:6px 0 0; color:var(--muted); font-size:11px; }
.profile-stats { margin-top:15px; display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }
.profile-stat { padding:13px 4px; border-radius:14px; background:var(--surface-2); }
.profile-stat strong { display:block; color:var(--green-2); font-size:17px; }
.profile-stat span { display:block; margin-top:4px; color:var(--muted); font-size:8px; }
.menu-card { overflow:hidden; }
.menu-row { width:100%; min-height:58px; padding:10px 13px; border:0; border-bottom:1px solid var(--line); background:transparent; display:grid; grid-template-columns:38px minmax(0,1fr) auto; gap:10px; align-items:center; text-align:left; cursor:pointer; }
.menu-row:last-child { border-bottom:0; }
.menu-icon { width:38px; height:38px; border-radius:12px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.07); }
.menu-icon .icon { width:19px; height:19px; }
.menu-copy { min-width:0; }
.menu-copy strong { display:block; font-size:12px; }
.menu-copy small { display:block; margin-top:4px; color:var(--muted); font-size:9px; }
.menu-row > .icon { color:var(--muted); width:17px; }
.version-line { padding:16px 0 3px; text-align:center; color:var(--muted); font-size:9px; letter-spacing:.05em; }

/* Settings and forms */
.settings-group { margin-top:12px; overflow:hidden; }
.setting-row { min-height:64px; padding:12px 14px; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:12px; }
.setting-row:last-child { border-bottom:0; }
.setting-copy strong { display:block; font-size:12px; }
.setting-copy small { display:block; margin-top:4px; color:var(--muted); font-size:9px; line-height:1.4; }
.toggle { position:relative; width:48px; height:28px; flex:none; }
.toggle input { position:absolute; opacity:0; }
.toggle span { position:absolute; inset:0; border-radius:999px; background:var(--surface-3); border:1px solid var(--line); transition:.2s; cursor:pointer; }
.toggle span::after { content:""; position:absolute; width:20px; height:20px; top:3px; left:3px; border-radius:50%; background:var(--muted); transition:.2s var(--ease); }
.toggle input:checked + span { background:rgba(80,207,114,.22); border-color:var(--line-strong); }
.toggle input:checked + span::after { transform:translateX(20px); background:var(--green); }
.theme-options { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:12px; }
.theme-option { min-height:104px; padding:11px; border:1px solid var(--line); border-radius:17px; background:var(--surface); cursor:pointer; text-align:left; }
.theme-option.active { border-color:var(--green); box-shadow:inset 0 0 0 1px var(--green); }
.theme-preview { height:57px; border-radius:11px; overflow:hidden; padding:8px; }
.theme-preview.dark { background:#07110e; }
.theme-preview.light { background:#eef7f0; }
.theme-preview span { display:block; height:8px; border-radius:4px; background:#54c673; margin-bottom:6px; width:52%; }
.theme-preview i { display:block; height:20px; border-radius:6px; background:rgba(139,203,117,.18); }
.theme-option strong { display:block; margin-top:9px; font-size:11px; }
.customize-list { display:flex; flex-direction:column; gap:8px; }
.customize-row { padding:12px; display:grid; grid-template-columns:34px minmax(0,1fr) auto; gap:9px; align-items:center; }
.drag-handle { color:var(--muted); display:grid; place-items:center; }
.customize-actions { display:flex; gap:5px; }
.mini-button { width:32px; height:32px; border:1px solid var(--line); border-radius:10px; background:var(--surface-2); display:grid; place-items:center; cursor:pointer; }
.mini-button .icon { width:15px; height:15px; }

.field { margin-top:14px; }
.field label, .field > span { display:block; margin:0 0 7px; color:var(--text-soft); font-size:11px; font-weight:700; }
.input, .textarea, .select {
  width:100%;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--surface-2);
  color:var(--text);
  padding:0 13px;
}
.input, .select { height:48px; }
.textarea { min-height:95px; resize:vertical; padding-top:12px; line-height:1.45; }
.input::placeholder, .textarea::placeholder { color:var(--muted); }
.field-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.category-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.category-option { min-height:78px; padding:8px 4px; border:1px solid var(--line); border-radius:15px; background:var(--surface-2); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; color:var(--muted); font-size:9px; cursor:pointer; }
.category-option .icon { width:23px; height:23px; color:var(--green-2); }
.category-option.active { color:var(--text); border-color:var(--green); background:rgba(80,207,114,.1); box-shadow:inset 0 0 18px rgba(80,207,114,.06); }
.form-note { margin:12px 0 0; display:flex; gap:7px; color:var(--muted); font-size:9px; line-height:1.45; }
.form-note .icon { width:15px; height:15px; color:var(--gold); }

/* Modal */
.modal-backdrop, .ai-backdrop {
  position:fixed;
  inset:0;
  z-index:180;
  padding-top:max(38px, env(safe-area-inset-top));
  background:rgba(0,0,0,.66);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:.24s;
}
.modal-backdrop.open, .ai-backdrop.open { opacity:1; visibility:visible; pointer-events:auto; }
.modal-panel {
  position:absolute;
  left:50%;
  bottom:0;
  width:min(100%,520px);
  max-height:92dvh;
  transform:translate(-50%, 105%);
  overflow:auto;
  border:1px solid var(--line);
  border-bottom:0;
  border-radius:28px 28px 0 0;
  background:var(--surface-solid);
  box-shadow:0 -20px 70px rgba(0,0,0,.45);
  transition:transform .32s var(--ease);
  padding:0 17px calc(18px + env(safe-area-inset-bottom));
}
.modal-backdrop.open .modal-panel { transform:translate(-50%,0); }
.modal-grabber { position:sticky; top:0; z-index:2; width:42px; height:4px; margin:9px auto 5px; border-radius:999px; background:var(--surface-3); }
.modal-header { position:sticky; top:13px; z-index:1; padding:11px 0 12px; display:flex; align-items:center; justify-content:space-between; gap:12px; background:linear-gradient(var(--surface-solid) 80%, transparent); }
.modal-header h2 { margin:0; font-size:19px; }
.modal-header p { margin:4px 0 0; color:var(--muted); font-size:9px; }
.modal-close { width:39px; height:39px; border:1px solid var(--line); border-radius:13px; background:var(--surface-2); display:grid; place-items:center; cursor:pointer; }
.modal-body { padding:3px 0 10px; }
.modal-footer { position:sticky; bottom:-1px; padding:13px 0 2px; background:linear-gradient(transparent, var(--surface-solid) 20%); }
.wizard-progress { margin:6px 0 17px; display:grid; grid-template-columns:repeat(4,1fr); gap:6px; }
.wizard-step { height:5px; border-radius:999px; background:var(--surface-3); }
.wizard-step.done, .wizard-step.active { background:var(--green); }
.wizard-step.active { box-shadow:0 0 12px rgba(80,207,114,.45); }
.summary-list { padding:2px 0; }
.summary-row { min-height:48px; padding:10px 0; border-bottom:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; gap:14px; }
.summary-row span { color:var(--muted); font-size:10px; }
.summary-row strong { max-width:65%; text-align:right; font-size:11px; }
.action-sheet-list { display:flex; flex-direction:column; gap:7px; }
.action-sheet-button { min-height:49px; padding:0 13px; border:1px solid var(--line); border-radius:14px; background:var(--surface-2); display:flex; align-items:center; gap:10px; text-align:left; cursor:pointer; }
.action-sheet-button.danger { color:var(--danger); background:var(--danger-bg); }
.action-sheet-button .icon { width:19px; height:19px; }
.confirm-copy { padding:9px 0 16px; color:var(--text-soft); font-size:12px; line-height:1.55; }

/* AI */
.ai-sheet {
  position:absolute;
  left:50%;
  bottom:0;
  width:min(100%,520px);
  height:min(83dvh,720px);
  transform:translate(-50%,105%);
  border:1px solid var(--line);
  border-bottom:0;
  border-radius:28px 28px 0 0;
  background:
    radial-gradient(circle at 50% 0, rgba(80,207,114,.09), transparent 18rem),
    var(--surface-solid);
  box-shadow:0 -20px 70px rgba(0,0,0,.5);
  transition:transform .32s var(--ease);
  display:flex;
  flex-direction:column;
  padding-bottom:env(safe-area-inset-bottom);
}
.ai-backdrop.open .ai-sheet { transform:translate(-50%,0); }
.ai-header { padding:15px 16px 12px; display:grid; grid-template-columns:43px minmax(0,1fr) 42px; gap:10px; align-items:center; border-bottom:1px solid var(--line); }
.ai-avatar { width:43px; height:43px; border-radius:15px; display:grid; place-items:center; color:#07110e; background:linear-gradient(145deg,var(--green-3),var(--green)); }
.ai-header strong { display:block; font-size:14px; }
.ai-header small { display:block; margin-top:4px; color:var(--muted); font-size:8px; }
.ai-messages { min-height:0; flex:1; overflow:auto; padding:15px; display:flex; flex-direction:column; gap:9px; }
.ai-message { max-width:84%; padding:11px 13px; border-radius:16px; font-size:11px; line-height:1.5; white-space:pre-wrap; }
.ai-message.ai { align-self:flex-start; color:var(--text-soft); background:var(--surface-2); border:1px solid var(--line); border-bottom-left-radius:5px; }
.ai-message.user { align-self:flex-end; color:#07110e; background:var(--green-2); border-bottom-right-radius:5px; }
.ai-chips { padding:0 14px 9px; display:flex; gap:7px; overflow:auto; scrollbar-width:none; }
.ai-chips button { flex:none; min-height:32px; padding:0 10px; border:1px solid var(--line); border-radius:999px; background:var(--surface-2); color:var(--green-2); font-size:9px; cursor:pointer; }
.ai-form { margin:0 13px 12px; display:grid; grid-template-columns:minmax(0,1fr) 43px; gap:7px; }
.ai-form input { height:46px; padding:0 13px; border:1px solid var(--line); border-radius:15px; background:var(--surface-2); color:var(--text); }
.ai-form button { width:43px; height:43px; align-self:center; border:0; border-radius:14px; background:var(--green); color:#07110e; display:grid; place-items:center; cursor:pointer; }

/* Stats */
.stats-overview { display:grid; grid-template-columns:repeat(2,1fr); gap:9px; }
.stat-card { min-height:104px; padding:15px; }
.stat-card .stat-icon { width:34px; height:34px; border-radius:12px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.08); }
.stat-card strong { display:block; margin-top:10px; color:var(--green-2); font-size:23px; }
.stat-card span { display:block; margin-top:4px; color:var(--muted); font-size:9px; }
.week-chart { height:190px; padding:18px 12px 12px; display:grid; grid-template-columns:repeat(7,1fr); gap:8px; align-items:end; }
.chart-day { height:100%; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:7px; }
.chart-track { flex:1; width:17px; border-radius:999px; background:var(--surface-3); display:flex; align-items:flex-end; overflow:hidden; }
.chart-value { width:100%; min-height:2px; border-radius:999px; background:linear-gradient(180deg,var(--green-3),var(--green)); transition:height .6s var(--ease); }
.chart-day strong { font-size:8px; color:var(--muted); }
.chart-day span { font-size:8px; color:var(--text-soft); }
.category-bars { padding:15px; display:flex; flex-direction:column; gap:12px; }
.category-bar-head { display:flex; justify-content:space-between; color:var(--text-soft); font-size:10px; }
.category-bar-head span:last-child { color:var(--muted); }

/* Modules */
.module-hero { padding:19px; text-align:center; }
.module-icon-large { width:74px; height:74px; margin:0 auto; border-radius:24px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.09); border:1px solid var(--line); }
.module-icon-large .icon { width:35px; height:35px; }
.module-hero h1 { margin:13px 0 0; font-size:21px; }
.module-hero p { margin:7px auto 0; max-width:310px; color:var(--muted); font-size:11px; line-height:1.5; }
.zikir-counter { margin-top:13px; padding:23px; text-align:center; }
.zikir-phrase { color:var(--gold); font:500 22px Georgia,serif; }
.counter-button { width:174px; height:174px; margin:20px auto 15px; border-radius:50%; border:8px solid var(--surface-3); outline:1px solid var(--line-strong); background:radial-gradient(circle at 40% 30%, rgba(139,203,117,.22), rgba(20,90,56,.12)); color:var(--green-2); display:grid; place-items:center; align-content:center; cursor:pointer; box-shadow:inset 0 0 50px rgba(80,207,114,.08), 0 20px 45px rgba(0,0,0,.22); }
.counter-button strong { font-size:45px; line-height:1; font-variant-numeric:tabular-nums; }
.counter-button span { margin-top:8px; color:var(--muted); font-size:9px; }
.counter-progress { max-width:250px; margin:0 auto; }
.water-grid { margin-top:13px; display:grid; grid-template-columns:repeat(4,1fr); gap:9px; }
.water-glass { aspect-ratio:.8; border:1px solid var(--line); border-radius:8px 8px 16px 16px; background:var(--surface-2); position:relative; overflow:hidden; cursor:pointer; }
.water-glass::after { content:""; position:absolute; left:4px; right:4px; bottom:4px; height:0; border-radius:5px 5px 10px 10px; background:linear-gradient(#8ddbd4,#55a9c9); transition:height .3s var(--ease); }
.water-glass.filled::after { height:75%; }
.kaza-number { margin:13px 0 0; font:500 42px Georgia,serif; color:var(--green-2); text-align:center; }
.kaza-label { margin-top:4px; color:var(--muted); text-align:center; font-size:10px; }
.dua-list { display:flex; flex-direction:column; gap:9px; }
.dua-card { padding:15px; cursor:pointer; }
.dua-card h3 { margin:0; font-size:14px; }
.dua-card .arabic { margin:13px 0 0; color:var(--gold); font:22px/1.8 "Amiri Quran","Amiri","Noto Naskh Arabic","Noto Sans Arabic","Times New Roman",serif; text-align:right; direction:rtl; }
.dua-card p { margin:8px 0 0; color:var(--muted); font-size:10px; line-height:1.5; }
.quran-reader { padding:18px; }
.ayah { padding:14px 0; border-bottom:1px solid var(--line); }
.ayah:last-child { border-bottom:0; }
.ayah-arabic { margin:0; color:var(--gold); font:25px/1.9 "Amiri Quran","Amiri","Noto Naskh Arabic","Noto Sans Arabic","Times New Roman",serif; text-align:right; direction:rtl; }
.ayah-translation { margin:9px 0 0; color:var(--text-soft); font-size:11px; line-height:1.55; }
.ayah-number { color:var(--green-2); font-size:9px; }

/* Bottom nav */
.bottom-nav {
  position:fixed;
  z-index:120;
  left:50%;
  bottom:0;
  width:min(100%,520px);
  height:calc(var(--nav-h) + env(safe-area-inset-bottom));
  padding:9px 35px env(safe-area-inset-bottom);
  transform:translateX(-50%);
  display:grid;
  grid-template-columns:1fr 110px 1fr;
  align-items:center;
  border:1px solid var(--line);
  border-bottom:0;
  border-radius:29px 29px 0 0;
  background:color-mix(in srgb, var(--surface-solid) 92%, transparent);
  box-shadow:0 -16px 55px rgba(0,0,0,.38);
  backdrop-filter:blur(22px) saturate(1.2);
  -webkit-backdrop-filter:blur(22px) saturate(1.2);
}
.nav-button { height:67px; border:0; background:transparent; color:var(--muted); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; font-size:9px; cursor:pointer; }
.nav-button .icon { width:25px; height:25px; }
.nav-button.active { color:var(--green-2); }
.ai-nav-button { position:relative; align-self:end; height:105px; margin-bottom:5px; border:0; background:transparent; color:var(--green-2); display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:4px; font-size:10px; cursor:pointer; }
.ai-symbol { position:relative; z-index:2; width:76px; height:76px; margin-bottom:1px; border-radius:50%; padding:10px; display:grid; place-items:center; color:#dfffd9; background:radial-gradient(circle at 35% 25%, #64d57e, #145a38 65%, #092b1a); border:5px solid var(--surface-solid); outline:1px solid rgba(139,203,117,.4); box-shadow:0 12px 30px rgba(0,0,0,.4), inset 0 0 25px rgba(255,255,255,.12); }
.ai-symbol svg { width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:30; stroke-linecap:round; stroke-linejoin:round; }
.ai-symbol .fill { fill:currentColor; stroke:none; }
.ai-symbol .leaf { fill:rgba(223,255,217,.35); stroke:currentColor; stroke-width:21; }
.ai-orbit { position:absolute; z-index:1; width:84px; height:84px; top:7px; border-radius:50%; border:1px solid rgba(139,203,117,.28); animation:orbit 6s linear infinite; }
.ai-orbit::after { content:""; position:absolute; width:6px; height:6px; border-radius:50%; top:-3px; left:50%; background:var(--green-3); box-shadow:0 0 10px var(--green); }
@keyframes orbit { to { transform:rotate(360deg); } }

/* Toast / celebration */
.toast-region { position:fixed; z-index:260; left:50%; bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 16px); width:min(calc(100% - 30px),470px); transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:7px; pointer-events:none; }
.toast { max-width:100%; padding:11px 14px; border:1px solid var(--line-strong); border-radius:14px; background:rgba(10,24,18,.95); color:#effbf1; box-shadow:0 15px 35px rgba(0,0,0,.35); font-size:10px; line-height:1.4; animation:toast-in .25s var(--ease); }
body[data-theme="light"] .toast { background:rgba(20,44,28,.94); color:#fff; }
@keyframes toast-in { from { opacity:0; transform:translateY(10px) scale(.96); } }
.celebration-layer { position:fixed; inset:0; z-index:250; pointer-events:none; overflow:hidden; }
.confetti { position:absolute; top:-20px; width:8px; height:14px; border-radius:3px; background:var(--green); animation:confetti-fall 1.6s ease-in forwards; }
.confetti.gold { background:var(--gold); }
.confetti.soft { background:var(--green-3); }
@keyframes confetti-fall { to { transform:translate(var(--drift),110dvh) rotate(540deg); opacity:.2; } }
.completion-flash { position:fixed; inset:0; z-index:245; pointer-events:none; background:radial-gradient(circle at 50% 45%, rgba(139,255,153,.3), transparent 36%); animation:flash-out .8s forwards; }
@keyframes flash-out { to { opacity:0; } }

/* Desktop */
@media (min-width: 620px) {
  body { padding:18px 0; }
  .app-shell { max-width:520px; min-height:calc(100dvh - 36px); border:1px solid var(--line); border-radius:30px; box-shadow:var(--shadow); }
  .app-header { top:18px; border-radius:30px 30px 0 0; }
  .bottom-nav { bottom:18px; border-radius:29px; border-bottom:1px solid var(--line); padding-bottom:0; height:var(--nav-h); }
  .floating-action { bottom:calc(var(--nav-h) + 38px); }
  .modal-panel, .ai-sheet { bottom:18px; border-radius:28px; border-bottom:1px solid var(--line); }
  .toast-region { bottom:calc(var(--nav-h) + 40px); }
}

@media (max-width: 370px) {
  .brand-text small { display:none; }
  .brand-text strong { font-size:19px; }
  .location-pill { max-width:105px; }
  .app-main { padding-left:11px; padding-right:11px; }
  .prayer-hero { padding-left:16px; padding-right:16px; }
  .prayer-hero h2 { font-size:34px; }
  .home-dual-grid { grid-template-columns:1fr; }
  .quick-grid { grid-template-columns:repeat(3,1fr); }
  .bottom-nav { grid-template-columns:1fr 95px 1fr; padding-left:22px; padding-right:22px; }
  .ai-symbol { width:69px; height:69px; }
  .category-grid { grid-template-columns:repeat(2,1fr); }
}

@media (prefers-reduced-motion:reduce) {
  *, *::before, *::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; scroll-behavior:auto!important; }
}

/* =========================================================
   MİZAN v3.0 — Akıllı İbadet Sistemi
   ========================================================= */
.view { animation: v3-view-in .34s var(--ease) both; }
@keyframes v3-view-in { from { opacity:.55; transform:translateY(7px); } }
.reduce-motion .view { animation:none; }

.version-badge { box-shadow:0 0 24px rgba(217,189,103,.13); }
.prayer-live-pill {
  display:inline-flex;
  align-items:center;
  min-height:20px;
  margin-left:7px;
  padding:0 7px;
  border-radius:999px;
  font-size:7px;
  letter-spacing:.1em;
  border:1px solid rgba(255,255,255,.14);
}
.prayer-live-pill.live { color:#d9ffd9; background:rgba(80,207,114,.2); }
.prayer-live-pill.cached { color:#ffe5a0; background:rgba(217,189,103,.15); }
.prayer-live-pill.offline { color:#d6dfd8; background:rgba(255,255,255,.07); }
.hero-footer .icon:last-child { width:14px; height:14px; margin-left:auto; }

.prayer-status-card {
  display:grid;
  grid-template-columns:minmax(0,1fr) 39px;
  align-items:center;
  gap:12px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:17px;
  background:var(--surface-2);
}
.prayer-status-card.live { border-color:rgba(80,207,114,.4); box-shadow:inset 0 0 26px rgba(80,207,114,.05); }
.prayer-status-card.cached { border-color:rgba(217,189,103,.3); }
.prayer-status-card strong, .prayer-status-card small { display:block; }
.prayer-status-card strong { margin-top:5px; font-size:12px; }
.prayer-status-card small { margin-top:5px; color:var(--muted); font-size:8px; line-height:1.45; }
.prayer-times-list { margin-top:12px; border:1px solid var(--line); border-radius:17px; overflow:hidden; }
.prayer-time-row { min-height:47px; padding:0 14px; display:grid; grid-template-columns:1fr auto auto; gap:10px; align-items:center; border-bottom:1px solid var(--line); background:var(--surface); }
.prayer-time-row:last-child { border-bottom:0; }
.prayer-time-row span { color:var(--text-soft); font-size:11px; }
.prayer-time-row strong { font-size:14px; font-variant-numeric:tabular-nums; }
.prayer-time-row em { padding:4px 7px; border-radius:999px; color:#07110e; background:var(--green); font-size:7px; font-style:normal; font-weight:900; }
.prayer-time-row.active { background:linear-gradient(90deg,rgba(80,207,114,.13),transparent); }
.prayer-settings-body .field { margin-top:13px; }
.field-help { display:block; margin-top:7px; color:var(--muted); font-size:8px; line-height:1.45; }
.modal-section-title { margin:18px 0 4px; display:flex; align-items:center; gap:8px; color:var(--muted); font-size:8px; text-transform:uppercase; letter-spacing:.13em; }
.modal-section-title::before,.modal-section-title::after { content:""; flex:1; height:1px; background:var(--line); }
.advanced-details { margin-top:13px; padding:12px; border:1px solid var(--line); border-radius:15px; background:var(--surface-2); }
.advanced-details summary { cursor:pointer; color:var(--text-soft); font-size:10px; font-weight:800; }
.advanced-details > p { color:var(--muted); font-size:8px; line-height:1.5; }
.tune-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:9px; }
.tune-grid label { display:grid; grid-template-columns:1fr 67px; gap:7px; align-items:center; color:var(--muted); font-size:8px; }
.tune-grid .input { height:38px; text-align:center; }
.modal-footer-grid { display:grid; grid-template-columns:1fr 1fr; }

.metric-grid { margin-top:12px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.metric-grid.three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.metric-card { min-width:0; padding:13px 10px; border:1px solid var(--line); border-radius:17px; background:var(--surface); box-shadow:0 10px 25px rgba(0,0,0,.08); }
.metric-card span,.metric-card small { display:block; color:var(--muted); font-size:8px; line-height:1.25; }
.metric-card strong { display:block; margin:7px 0 4px; color:var(--green-2); font-size:20px; line-height:1.05; overflow-wrap:anywhere; }
.stats-metric-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.stats-metric-grid .metric-card strong { font-size:18px; }

.kaza-summary-card { margin-top:13px; padding:18px; display:grid; grid-template-columns:minmax(0,1fr) 104px; gap:15px; align-items:center; }
.kaza-summary-card .kaza-number { margin:9px 0 0; text-align:left; font-size:38px; }
.kaza-summary-card small { display:block; margin-top:5px; color:var(--muted); font-size:8px; }
.progress-ring-wrap.compact { width:96px; height:96px; }
.progress-ring-wrap.compact .progress-ring { width:96px; height:96px; }
.progress-ring-wrap.compact .progress-ring-label strong { font-size:17px; }
.kaza-prayer-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.kaza-prayer-card { padding:13px; }
.kaza-prayer-top { display:grid; grid-template-columns:36px minmax(0,1fr) auto; gap:8px; align-items:center; }
.kaza-prayer-top .menu-icon { width:36px; height:36px; }
.kaza-prayer-top strong,.kaza-prayer-top small { display:block; }
.kaza-prayer-top strong { font-size:11px; }
.kaza-prayer-top small { margin-top:3px; color:var(--muted); font-size:8px; }
.kaza-prayer-card .linear-progress { margin:12px 0; }
.kaza-prayer-card .secondary-button { min-height:38px; padding:0 8px; font-size:8px; }
.source-note { margin-top:12px; }
.source-note p { margin:10px 0 0; color:var(--muted); font-size:9px; line-height:1.55; }

.mini-bar-chart { height:165px; padding:16px 12px 11px; display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:7px; align-items:end; }
.mini-bar-column { height:100%; min-width:0; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:6px; }
.mini-bar-value { color:var(--muted); font-size:7px; }
.mini-bar-track { width:17px; flex:1; min-height:45px; border-radius:999px; overflow:hidden; display:flex; align-items:flex-end; background:var(--surface-3); }
.mini-bar-track i { display:block; width:100%; min-height:3px; border-radius:999px; background:linear-gradient(180deg,var(--green-3),var(--green)); transition:height .5s var(--ease); }
.mini-bar-column small { color:var(--text-soft); font-size:7px; }

.fasting-calendar-card { margin-top:13px; padding:14px; }
.calendar-head { display:grid; grid-template-columns:38px 1fr 38px; align-items:center; gap:10px; text-align:center; }
.calendar-head strong,.calendar-head small { display:block; }
.calendar-head strong { font-size:13px; text-transform:capitalize; }
.calendar-head small { margin-top:3px; color:var(--muted); font-size:8px; }
.calendar-weekdays,.fast-calendar-grid { display:grid; grid-template-columns:repeat(7,1fr); gap:5px; }
.calendar-weekdays { margin-top:15px; }
.calendar-weekdays span { padding:5px 0; color:var(--muted); text-align:center; font-size:7px; font-weight:800; }
.fast-calendar-grid { margin-top:4px; }
.fast-day { position:relative; aspect-ratio:1; min-width:0; border:1px solid transparent; border-radius:11px; background:transparent; color:var(--text-soft); display:grid; place-items:center; cursor:pointer; font-size:9px; }
.fast-day.outside { opacity:.34; }
.fast-day.today { border-color:var(--line-strong); }
.fast-day.selected { color:#07110e; background:var(--green-2); font-weight:900; }
.fast-day.has-fast:not(.selected) { color:var(--green-2); background:rgba(80,207,114,.1); }
.fast-day i { position:absolute; bottom:4px; width:4px; height:4px; border-radius:50%; background:currentColor; }
.selected-fast-card { margin-top:10px; padding:14px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:center; }
.selected-fast-card h3 { margin:6px 0 0; font-size:12px; }
.selected-fast-card p { margin:5px 0 0; color:var(--muted); font-size:8px; line-height:1.45; }
.selected-fast-card button { min-height:39px; padding:0 11px; font-size:8px; }
.date-card-row { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; }
.date-plan-card { padding:11px 5px; border:1px solid var(--line); text-align:center; cursor:pointer; }
.date-plan-card strong,.date-plan-card span,.date-plan-card small { display:block; }
.date-plan-card strong { color:var(--green-2); font-size:18px; }
.date-plan-card span { margin-top:2px; color:var(--text-soft); font-size:8px; }
.date-plan-card small { margin-top:5px; color:var(--muted); font-size:7px; }

.quran-continue-card { margin-top:13px; padding:16px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:center; background:linear-gradient(145deg,rgba(80,207,114,.10),var(--surface)); }
.quran-continue-card h2 { margin:7px 0 0; font:500 18px Georgia,serif; }
.quran-continue-card p { margin:6px 0 0; color:var(--muted); font-size:8px; }
.quran-continue-card .primary-button { min-height:42px; padding:0 12px; font-size:8px; }
.hatim-card { margin-top:10px; padding:15px; }
.hatim-top { display:grid; grid-template-columns:minmax(0,1fr) 38px; gap:10px; align-items:center; }
.hatim-top h3 { margin:6px 0 0; font-size:15px; }
.hatim-top p { margin:5px 0 0; color:var(--muted); font-size:8px; }
.hatim-card .linear-progress { margin-top:13px; }
.quran-search-box,.dua-search-box { margin-top:12px; display:grid; grid-template-columns:minmax(0,1fr) 43px; gap:7px; }
.quran-search-box:has(.icon-button + .icon-button),.dua-search-box:has(.icon-button + .icon-button) { grid-template-columns:minmax(0,1fr) 43px 43px; }
.quran-search-box .input,.dua-search-box .input { min-width:0; }
.quran-search-results { display:flex; flex-direction:column; gap:8px; }
.quran-result { width:100%; padding:14px; border:1px solid var(--line); text-align:left; cursor:pointer; }
.quran-result .arabic-snippet { margin:10px 0 0; color:var(--gold); font:18px/1.7 "Amiri Quran","Amiri","Noto Naskh Arabic","Noto Sans Arabic","Times New Roman",serif; direction:rtl; text-align:right; }
.quran-result small { display:block; margin-top:7px; color:var(--muted); font-size:9px; line-height:1.45; }
.surah-list { overflow:hidden; }
.surah-row { width:100%; min-height:62px; padding:8px 12px; border:0; border-bottom:1px solid var(--line); background:transparent; display:grid; grid-template-columns:37px minmax(0,1fr) auto 17px; gap:10px; align-items:center; text-align:left; cursor:pointer; }
.surah-row:last-child { border-bottom:0; }
.surah-number { width:35px; height:35px; border:1px solid var(--line); border-radius:12px; display:grid; place-items:center; color:var(--green-2); font-size:9px; }
.surah-copy strong,.surah-copy small { display:block; }
.surah-copy strong { font-size:11px; }
.surah-copy small { margin-top:4px; color:var(--muted); font-size:7px; }
.surah-arabic { color:var(--gold); font:16px "Amiri Quran","Amiri","Noto Naskh Arabic","Noto Sans Arabic","Times New Roman",serif; direction:rtl; white-space:nowrap; }
.reader-toolbar { margin-bottom:10px; padding:10px 12px; display:flex; align-items:center; justify-content:center; gap:8px; position:sticky; top:calc(var(--header-h) + env(safe-area-inset-top) + 4px); z-index:45; backdrop-filter:blur(17px); }
.reader-toolbar > span { color:var(--muted); font-size:8px; }
.reader-toolbar .mini-button.active { color:#07110e; background:var(--green-2); }
.full-reader { --quran-scale:1; }
.surah-reader-head { padding:6px 0 18px; text-align:center; border-bottom:1px solid var(--line); }
.surah-reader-head h1 { margin:9px 0 0; font:500 27px Georgia,serif; }
.surah-reader-head p { margin:7px 0 0; color:var(--gold); font:24px "Amiri Quran","Amiri","Noto Naskh Arabic","Noto Sans Arabic","Times New Roman",serif; }
.full-reader .ayah-arabic { font-size:calc(25px * var(--quran-scale)); }
.full-reader .ayah-translation { font-size:calc(11px * var(--quran-scale)); }
.verse-toolbar { margin-bottom:9px; display:flex; align-items:center; justify-content:space-between; gap:8px; }
.verse-toolbar > div { display:flex; gap:6px; }
.verse-toolbar .mini-button.active { color:var(--gold); border-color:rgba(217,189,103,.4); background:var(--gold-soft); }
.ayah.current-ayah { margin-left:-8px; margin-right:-8px; padding-left:8px; padding-right:8px; border-radius:13px; background:linear-gradient(90deg,rgba(80,207,114,.09),transparent); }

.daily-dua-pick { margin-top:13px; padding:16px; display:grid; grid-template-columns:minmax(0,1fr) 48px; gap:12px; align-items:center; cursor:pointer; background:linear-gradient(135deg,rgba(217,189,103,.1),var(--surface)); }
.daily-dua-pick h2 { margin:7px 0 0; font:500 18px Georgia,serif; }
.daily-dua-pick p { margin:7px 0 0; color:var(--muted); font-size:9px; line-height:1.5; }
.daily-dua-pick .menu-icon { width:48px; height:48px; color:var(--gold); background:var(--gold-soft); }
.dua-category-strip { overflow:auto; flex-wrap:nowrap; padding-bottom:3px; scrollbar-width:none; }
.dua-category-strip .chip { flex:none; }
.dua-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:9px; }
.dua-card-head h3 { margin:8px 0 0; }
.dua-card .mini-button.active { color:var(--gold); background:var(--gold-soft); border-color:rgba(217,189,103,.35); }
.editor-warning { display:inline-block; margin-top:9px; color:var(--gold); font-size:7px; }
.dua-detail-arabic { padding:7px 0; color:var(--gold); font:29px/1.9 "Amiri Quran","Amiri","Noto Naskh Arabic","Noto Sans Arabic","Times New Roman",serif; text-align:right; direction:rtl; }
.dua-detail-copy { color:var(--text-soft); font-size:11px; line-height:1.65; }

.zikir-counter.enhanced { padding-top:18px; }
.zikir-arabic { color:var(--gold); font:29px/1.7 "Amiri Quran","Amiri","Noto Naskh Arabic","Noto Sans Arabic","Times New Roman",serif; direction:rtl; }
.zikir-counter.enhanced .zikir-phrase { margin-top:2px; font-size:18px; }
.zikir-meaning { max-width:300px; margin:7px auto 0; color:var(--muted); font-size:9px; line-height:1.5; }
.zikir-counter.enhanced .counter-button { margin-top:17px; }
.counter-progress p { color:var(--muted); font-size:8px; }
.target-presets { margin-top:-4px; display:flex; gap:7px; flex-wrap:wrap; }
.searchable-select { min-height:48px; }

.period-tabs { margin:3px 0 12px; display:grid; grid-template-columns:repeat(4,1fr); gap:6px; }
.period-tabs .chip { justify-content:center; padding:0 5px; }
.stats-bar-chart { height:210px; padding:17px 10px 10px; display:flex; gap:6px; align-items:flex-end; overflow-x:auto; }
.stats-bar-column { flex:1 0 25px; min-width:25px; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:6px; }
.stats-bar-column > span { color:var(--muted); font-size:6px; }
.stats-bar-column > div { flex:1; width:15px; border-radius:999px; background:var(--surface-3); overflow:hidden; display:flex; align-items:flex-end; }
.stats-bar-column i { width:100%; min-height:3px; border-radius:999px; background:linear-gradient(180deg,var(--green-3),var(--green)); }
.stats-bar-column small { color:var(--text-soft); font-size:6px; }
.insight-card { margin-top:12px; padding:14px; display:grid; grid-template-columns:42px minmax(0,1fr); gap:11px; align-items:start; }
.insight-card p { margin:5px 0 0; color:var(--muted); font-size:9px; line-height:1.5; }
.v3-hero { background:linear-gradient(145deg,rgba(80,207,114,.09),rgba(217,189,103,.05)); }
.v3-hero .badge { margin-top:12px; }

@media (max-width:390px) {
  .metric-grid.three,.stats-metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .kaza-prayer-grid { grid-template-columns:1fr; }
  .date-card-row { grid-template-columns:repeat(2,1fr); }
  .quran-continue-card,.selected-fast-card { grid-template-columns:1fr; }
  .quran-continue-card button,.selected-fast-card button { width:100%; }
  .surah-row { grid-template-columns:35px minmax(0,1fr) 16px; }
  .surah-arabic { display:none; }
}

/* ===== MİZAN v3.0 · FINAL MODULE POLISH ===== */
.info-note { margin-top:12px; padding:15px 16px; }
.info-note p { margin:9px 0 0; color:var(--muted); font-size:10px; line-height:1.62; }
.compact-empty { padding:23px 18px; }
.compact-empty .empty-icon { width:54px; height:54px; }
.compact-empty h3 { margin-top:12px; }
.compact-head { margin-top:17px; margin-bottom:9px; }
.search-field {
  min-height:50px;
  margin-top:11px;
  padding:0 14px;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--surface);
  display:flex;
  align-items:center;
  gap:10px;
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.search-field > .icon { width:19px; height:19px; color:var(--green-2); }
.search-field input {
  min-width:0;
  width:100%;
  height:48px;
  padding:0;
  border:0;
  outline:0;
  color:var(--text);
  background:transparent;
  font-size:12px;
}
.search-field input::placeholder { color:var(--muted); }
.module-filter-row { margin-top:10px; padding-bottom:4px; }
.module-filter-row .chip { display:inline-flex; align-items:center; gap:6px; }
.module-filter-row .chip .icon { width:14px; height:14px; }
.source-box {
  margin-top:14px;
  padding:13px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--surface-2);
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:10px;
}
.source-box > span { width:38px; height:38px; border-radius:12px; color:var(--green-2); background:rgba(80,207,114,.08); display:grid; place-items:center; }
.source-box strong,.source-box small { display:block; }
.source-box strong { font-size:11px; }
.source-box small { margin-top:4px; color:var(--muted); font-size:9px; line-height:1.45; }
.range-input { width:100%; accent-color:var(--green); }
.toolbar-button {
  min-height:36px;
  padding:0 11px;
  border:1px solid var(--line);
  border-radius:11px;
  color:var(--text-soft);
  background:var(--surface-2);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  font-size:9px;
  font-weight:800;
  cursor:pointer;
}
.toolbar-button .icon { width:15px; height:15px; }
.toolbar-button.active { color:#07110e; border-color:var(--green-2); background:var(--green-2); }

/* Namaz vakitleri */
.prayer-source-card {
  padding:14px;
  display:grid;
  grid-template-columns:46px minmax(0,1fr) 10px;
  align-items:center;
  gap:11px;
}
.prayer-source-icon { width:46px; height:46px; border-radius:15px; color:var(--green-2); background:rgba(80,207,114,.08); display:grid; place-items:center; }
.prayer-source-icon .icon { width:23px; height:23px; }
.prayer-source-card strong,.prayer-source-card small { display:block; }
.prayer-source-card strong { margin-top:5px; font-size:13px; }
.prayer-source-card small { margin-top:4px; color:var(--muted); font-size:9px; }
.status-dot { width:9px; height:9px; border-radius:50%; background:var(--gold); box-shadow:0 0 0 5px rgba(217,189,103,.09),0 0 14px rgba(217,189,103,.4); }
.prayer-source-card.live .status-dot { background:var(--green); box-shadow:0 0 0 5px rgba(80,207,114,.09),0 0 14px rgba(80,207,114,.55); }
.prayer-source-card.loading .status-dot { animation:status-pulse 1.2s ease-in-out infinite; }
.prayer-source-card.error .status-dot { background:var(--danger); box-shadow:0 0 0 5px rgba(255,141,141,.09); }
@keyframes status-pulse { 50% { opacity:.4; transform:scale(.78); } }
.prayer-now-card {
  margin-top:11px;
  padding:21px 18px 18px;
  text-align:center;
  overflow:hidden;
  position:relative;
  background:radial-gradient(circle at 50% 0,rgba(80,207,114,.16),transparent 66%),var(--surface);
}
.prayer-now-card::after { content:""; position:absolute; left:16%; right:16%; bottom:0; height:1px; background:linear-gradient(90deg,transparent,var(--green-2),transparent); box-shadow:0 0 13px var(--green); }
.prayer-now-card h2 { margin:12px 0 0; color:var(--green-3); font:500 50px/1 Georgia,"Amiri Quran","Amiri","Noto Naskh Arabic","Noto Sans Arabic","Times New Roman",serif; letter-spacing:.04em; text-shadow:0 0 24px rgba(80,207,114,.16); }
.prayer-now-card p { margin:9px 0 0; color:var(--text-soft); font-size:11px; }
.prayer-now-card p strong { color:var(--gold); }
.prayer-now-card .linear-progress { margin-top:16px; }
.prayer-list-card { margin-top:11px; overflow:hidden; }
.prayer-time-row {
  min-height:62px;
  padding:8px 11px;
  border-bottom:1px solid var(--line);
  display:grid;
  grid-template-columns:40px minmax(0,1fr) auto 42px;
  align-items:center;
  gap:9px;
}
.prayer-time-row:last-child { border-bottom:0; }
.prayer-time-row.active { background:linear-gradient(90deg,rgba(80,207,114,.11),transparent); }
.prayer-row-icon { width:40px; height:40px; border-radius:13px; color:var(--green-2); background:var(--surface-2); display:grid; place-items:center; }
.prayer-time-row.active .prayer-row-icon { color:#07110e; background:var(--green-2); }
.prayer-row-icon .icon { width:19px; height:19px; }
.prayer-row-copy { min-width:0; }
.prayer-row-copy strong,.prayer-row-copy small { display:block; }
.prayer-row-copy strong { font-size:12px; }
.prayer-row-copy small { min-height:11px; margin-top:4px; color:var(--muted); font-size:8px; }
.prayer-time-row time { color:var(--green-2); font:700 15px/1 ui-monospace,SFMono-Regular,Consolas,monospace; }
.compact-toggle { width:40px; height:24px; }
.compact-toggle span::after { width:16px; height:16px; top:3px; left:3px; }
.compact-toggle input:checked + span::after { transform:translateX(16px); }
.prayer-actions { margin-top:11px; }
.prayer-actions .secondary-button { min-height:46px; padding:0 10px; font-size:10px; }

/* Kıble */
.qibla-card { margin-top:2px; padding:17px; text-align:center; overflow:hidden; }
.qibla-location-badge { width:max-content; max-width:100%; min-height:29px; margin:0 auto; padding:0 10px; border:1px solid var(--line); border-radius:999px; color:var(--green-2); background:rgba(80,207,114,.07); display:flex; align-items:center; justify-content:center; gap:6px; font-size:9px; font-weight:800; }
.qibla-location-badge .icon { width:14px; height:14px; }
.qibla-compass {
  position:relative;
  width:min(73vw,270px);
  aspect-ratio:1;
  margin:21px auto 13px;
  border:1px solid var(--line-strong);
  border-radius:50%;
  background:
    radial-gradient(circle at center,var(--surface-2) 0 19%,transparent 19.5%),
    repeating-conic-gradient(from -1deg,rgba(139,203,117,.52) 0 1deg,transparent 1deg 10deg),
    radial-gradient(circle,transparent 0 68%,rgba(80,207,114,.06) 68% 100%),
    var(--surface-solid);
  box-shadow:inset 0 0 0 12px rgba(80,207,114,.025),inset 0 0 45px rgba(80,207,114,.055),0 20px 45px rgba(0,0,0,.23);
}
.qibla-compass::before,.qibla-compass::after { content:""; position:absolute; left:50%; top:50%; background:var(--line); transform:translate(-50%,-50%); }
.qibla-compass::before { width:1px; height:82%; }
.qibla-compass::after { width:82%; height:1px; }
.cardinal { position:absolute; z-index:2; color:var(--muted); font-size:9px; font-weight:900; }
.cardinal.north { top:10px; left:50%; transform:translateX(-50%); color:var(--gold); }
.cardinal.east { right:12px; top:50%; transform:translateY(-50%); }
.cardinal.south { bottom:10px; left:50%; transform:translateX(-50%); }
.cardinal.west { left:12px; top:50%; transform:translateY(-50%); }
.compass-ticks { position:absolute; inset:17px; border:1px solid var(--line); border-radius:50%; }
.qibla-needle { position:absolute; z-index:4; left:50%; top:50%; width:38px; height:119px; transform-origin:50% 86%; transition:transform .32s var(--ease); pointer-events:none; }
.qibla-needle::before { content:""; position:absolute; left:50%; top:7px; width:3px; height:82px; transform:translateX(-50%); border-radius:999px; background:linear-gradient(180deg,var(--gold),var(--green)); box-shadow:0 0 17px rgba(217,189,103,.38); }
.qibla-needle > span { position:absolute; top:-5px; left:50%; width:38px; height:38px; border-radius:50%; transform:translateX(-50%); color:#07110e; background:linear-gradient(145deg,var(--gold),var(--green-2)); display:grid; place-items:center; box-shadow:0 8px 20px rgba(0,0,0,.28); }
.qibla-needle .icon { width:21px; height:21px; fill:currentColor; }
.kaaba-mark { position:absolute; z-index:5; left:50%; top:50%; width:34px; height:34px; border-radius:11px; transform:translate(-50%,-50%) rotate(45deg); color:var(--gold); background:#07110e; border:2px solid var(--gold); display:grid; place-items:center; font-size:0; box-shadow:0 0 18px rgba(217,189,103,.26); }
.kaaba-mark::after { content:""; width:9px; height:9px; border:1px solid var(--gold); }
.qibla-reading { margin:7px 0 15px; }
.qibla-reading span,.qibla-reading small { display:block; color:var(--muted); }
.qibla-reading span { font-size:9px; text-transform:uppercase; letter-spacing:.11em; }
.qibla-reading strong { display:block; margin-top:5px; color:var(--green-2); font:500 34px Georgia,serif; }
.qibla-reading small { margin-top:5px; font-size:9px; }

/* Profil ve birleşik istatistik */
.profile-mini-grid { margin-top:10px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.profile-mini { min-height:92px; padding:14px; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.profile-mini > span { width:34px; height:34px; border-radius:11px; color:var(--green-2); background:rgba(80,207,114,.08); display:grid; place-items:center; }
.profile-mini .icon { width:18px; height:18px; }
.profile-mini strong { margin-top:8px; color:var(--green-2); font-size:16px; }
.profile-mini small { margin-top:3px; color:var(--muted); font-size:8px; }
.stats-overview.v3-stats { grid-template-columns:repeat(3,minmax(0,1fr)); }
.stats-overview.v3-stats .stat-card { min-height:105px; }
.module-summary { margin-top:12px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; text-align:center; }
.module-summary > div { padding:10px 5px; border-radius:13px; background:var(--surface-2); }
.module-summary strong,.module-summary span { display:block; }
.module-summary strong { color:var(--green-2); font-size:17px; }
.module-summary span { margin-top:4px; color:var(--muted); font-size:8px; line-height:1.35; }

/* Kaza namazı */
.kaza-summary-card { padding:16px; }
.kaza-summary-head { display:grid; grid-template-columns:minmax(0,1fr) 62px; gap:12px; align-items:center; }
.kaza-summary-head strong,.kaza-summary-head small { display:block; }
.kaza-summary-head strong { margin-top:7px; color:var(--green-2); font:500 32px Georgia,serif; }
.kaza-summary-head small { margin-top:5px; color:var(--muted); font-size:9px; }
.kaza-percent { width:62px; height:62px; border:1px solid var(--line-strong); border-radius:20px; color:var(--gold); background:var(--gold-soft); display:grid; place-items:center; font-size:16px; font-weight:900; }
.kaza-summary-card > .linear-progress { margin-top:14px; }
.daily-goal { margin-top:15px; display:flex; align-items:center; justify-content:space-between; color:var(--text-soft); font-size:10px; }
.daily-goal strong { color:var(--green-2); }
.linear-progress.slim { height:5px; margin-top:7px; }
.kaza-summary-card .secondary-button { margin-top:14px; }
.kaza-prayer-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.kaza-prayer-card { padding:13px; }
.kaza-prayer-title { display:grid; grid-template-columns:39px minmax(0,1fr); gap:9px; align-items:center; }
.kaza-prayer-title > span { width:39px; height:39px; border-radius:12px; color:var(--green-2); background:rgba(80,207,114,.08); display:grid; place-items:center; }
.kaza-prayer-title .icon { width:19px; height:19px; }
.kaza-prayer-title strong,.kaza-prayer-title small { display:block; }
.kaza-prayer-title strong { font-size:11px; }
.kaza-prayer-title small { margin-top:4px; color:var(--muted); font-size:8px; }
.kaza-prayer-card .linear-progress { margin-top:11px; }
.kaza-add-button { width:100%; min-height:39px; margin-top:10px; padding:0 7px; border:1px solid var(--line); border-radius:12px; color:var(--green-2); background:var(--surface-2); display:flex; align-items:center; justify-content:center; gap:6px; font-size:8px; font-weight:800; cursor:pointer; }
.kaza-add-button:disabled { opacity:.42; cursor:not-allowed; }
.kaza-add-button .icon { width:14px; height:14px; }

/* Oruç */
.fasting-stat-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.fasting-stat-grid .card,.zikir-stat-grid .card,.dua-stats .card { min-height:82px; padding:13px 6px; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.fasting-stat-grid strong,.zikir-stat-grid strong,.dua-stats strong { color:var(--green-2); font-size:19px; }
.fasting-stat-grid span,.zikir-stat-grid span,.dua-stats span { margin-top:5px; color:var(--muted); font-size:8px; }
.fasting-goal { margin-top:10px; padding:14px; }
.fasting-goal > div:first-child { display:flex; align-items:center; justify-content:space-between; gap:12px; color:var(--text-soft); font-size:10px; }
.fasting-goal strong { color:var(--green-2); }
.fasting-goal .linear-progress { margin-top:10px; }
.fasting-calendar { margin-top:10px; padding:14px 11px 12px; }
.fasting-calendar .calendar-head { grid-template-columns:34px minmax(0,1fr) 34px; }
.fasting-calendar .calendar-head strong { font-size:13px; text-transform:capitalize; }
.fasting-calendar .calendar-head small { font-size:8px; }
.fasting-calendar .calendar-weekdays,.fasting-days { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:4px; }
.fasting-calendar .calendar-weekdays { margin-top:13px; }
.fasting-calendar .calendar-weekdays span { padding:5px 0; color:var(--muted); text-align:center; font-size:7px; font-weight:800; }
.fasting-days { margin-top:3px; }
.fasting-days .fast-day { position:relative; min-width:0; aspect-ratio:.93; padding:4px 1px 12px; border:1px solid transparent; border-radius:10px; color:var(--text-soft); background:transparent; display:flex; flex-direction:column; align-items:center; justify-content:center; cursor:pointer; }
.fasting-days .fast-day.empty { visibility:hidden; }
.fasting-days .fast-day.today { border-color:var(--line-strong); }
.fasting-days .fast-day.logged { color:var(--green-3); background:rgba(80,207,114,.1); border-color:var(--line); }
.fasting-days .fast-day span { font-size:9px; font-weight:800; }
.fasting-days .fast-day i { position:absolute; top:5px; right:5px; width:5px; height:5px; border-radius:50%; background:var(--green); }
.fasting-days .fast-day small { position:absolute; left:2px; right:2px; bottom:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--green-2); font-size:5.5px; }

/* Kur’an ve hatim */
.hatim-mini-card { margin-top:10px; padding:15px; }
.hatim-mini-top { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:start; }
.hatim-mini-top strong { display:block; margin-top:7px; font-size:12px; line-height:1.4; }
.hatim-mini-card .linear-progress { margin-top:13px; }
.hatim-mini-bottom { margin-top:11px; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.hatim-mini-bottom > span { color:var(--muted); font-size:9px; }
.hatim-mini-bottom .text-button { flex:none; font-size:10px; }
.surah-row.active { background:linear-gradient(90deg,rgba(80,207,114,.11),transparent); }
.surah-row.active .surah-number { color:#07110e; border-color:var(--green-2); background:var(--green-2); }
.verse-search-list { display:flex; flex-direction:column; gap:8px; }
.verse-search-row { width:100%; min-height:70px; padding:11px 12px; border:1px solid var(--line); border-radius:15px; color:var(--text); background:var(--surface); display:grid; grid-template-columns:auto minmax(0,1fr) 18px; align-items:center; gap:10px; text-align:left; cursor:pointer; }
.verse-search-row strong,.verse-search-row small { display:block; }
.verse-search-row strong { font-size:11px; }
.verse-search-row small { max-height:35px; margin-top:5px; overflow:hidden; color:var(--muted); font-size:8px; line-height:1.45; }
.verse-search-row > .icon { width:17px; color:var(--muted); }
.reader-navigation { margin-bottom:9px; padding:12px; border:1px solid var(--line); border-radius:16px; background:var(--surface); display:grid; grid-template-columns:34px minmax(0,1fr) 34px; align-items:center; gap:10px; text-align:center; }
.reader-navigation > div { min-width:0; }
.reader-navigation strong,.reader-navigation small { display:block; }
.reader-navigation strong { margin-top:5px; font:500 17px Georgia,serif; }
.reader-navigation small { margin-top:5px; color:var(--muted); font-size:8px; }
.reader-navigation button:disabled { opacity:.25; }
.quran-full-reader { padding:17px 15px; }
.full-ayah { padding:17px 0; border-bottom:1px solid var(--line); scroll-margin-top:170px; }
.full-ayah:last-child { border-bottom:0; }
.full-ayah.bookmarked { margin-left:-9px; margin-right:-9px; padding-left:9px; padding-right:9px; border-radius:14px; background:linear-gradient(90deg,var(--gold-soft),transparent); }
.ayah-top { margin-bottom:9px; display:flex; align-items:center; justify-content:space-between; gap:9px; }
.ayah-number-badge { width:34px; height:34px; border:1px solid var(--line-strong); border-radius:12px; color:var(--green-2); background:var(--surface-2); display:grid; place-items:center; font-size:9px; font-weight:900; }
.ayah-tags { display:flex; align-items:center; gap:5px; }
.ayah-tags span { min-height:23px; padding:0 7px; border:1px solid var(--line); border-radius:999px; color:var(--muted); background:var(--surface-2); display:inline-flex; align-items:center; font-size:7px; }
.ayah-top > div:last-child { display:flex; gap:5px; }
.ayah-position-button,.ayah-top .mini-button { width:31px; height:31px; border:1px solid var(--line); border-radius:10px; color:var(--muted); background:var(--surface-2); display:grid; place-items:center; cursor:pointer; }
.ayah-position-button .icon,.ayah-top .mini-button .icon { width:14px; height:14px; }
.ayah-position-button.active,.full-ayah.bookmarked .bookmark-button { color:var(--gold); border-color:rgba(217,189,103,.34); background:var(--gold-soft); }
.quran-full-reader .ayah-arabic { margin:3px 0 0; color:var(--text); font-size:calc(25px * var(--quran-scale)); line-height:1.95; direction:rtl; text-align:right; font-family:"Amiri Quran","Amiri","Noto Naskh Arabic","Noto Sans Arabic","Times New Roman",serif; }
.quran-full-reader .ayah-translation { margin:13px 0 0; color:var(--text-soft); font-size:calc(10px * var(--quran-scale)); line-height:1.72; }
.reader-bottom-actions { margin-top:12px; }
.hatim-hero { padding:20px 17px; text-align:center; background:radial-gradient(circle at 50% 24%,rgba(80,207,114,.14),transparent 65%),var(--surface); }
.hatim-progress-ring { position:relative; width:148px; height:148px; margin:17px auto 10px; }
.hatim-progress-ring svg { width:100%; height:100%; transform:rotate(-90deg); }
.hatim-progress-ring circle { fill:none; stroke-width:10; }
.hatim-progress-ring .track { stroke:var(--surface-3); }
.hatim-progress-ring .value { stroke:var(--green); stroke-linecap:round; stroke-dasharray:308; transition:stroke-dashoffset .6s var(--ease); filter:drop-shadow(0 0 5px rgba(80,207,114,.35)); }
.hatim-progress-ring > div { position:absolute; inset:0; display:grid; place-content:center; }
.hatim-progress-ring strong,.hatim-progress-ring span { display:block; }
.hatim-progress-ring strong { color:var(--green-2); font:500 26px Georgia,serif; }
.hatim-progress-ring span { margin-top:4px; color:var(--muted); font-size:8px; }
.hatim-hero h2 { margin:9px 0 0; font-size:18px; }
.hatim-hero p { margin:7px 0 0; color:var(--muted); font-size:9px; }
.today-hatim-card { margin-top:10px; padding:16px; }
.today-hatim-card h2 { margin:9px 0 0; font-size:17px; }
.today-hatim-card p { margin:7px 0 0; color:var(--muted); font-size:9px; line-height:1.55; }
.today-hatim-card .button-row { margin-top:13px; }

/* Dua */
.dua-stats,.zikir-stat-grid { margin-top:2px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.dua-meaning { margin:8px 0 0; color:var(--text-soft); font-size:10px; line-height:1.52; }
.dua-detail { color:var(--text-soft); font-size:11px; line-height:1.68; }
.dua-detail > p { margin:12px 0 0; }
.dua-detail > p strong { color:var(--text); }
.dua-detail-arabic { margin:0 !important; padding:9px 0; color:var(--gold); font:29px/1.9 "Amiri Quran","Amiri","Noto Naskh Arabic","Noto Sans Arabic","Times New Roman",serif; text-align:right; direction:rtl; }

/* Zikir */
.counter-card.v3-counter { padding:18px 15px; text-align:center; }
.v3-counter .zikir-arabic { min-height:47px; margin-top:10px; color:var(--gold); font:29px/1.7 "Amiri Quran","Amiri","Noto Naskh Arabic","Noto Sans Arabic","Times New Roman",serif; direction:rtl; }
.v3-counter .zikir-phrase { margin-top:3px; font-size:18px; font-weight:800; }
.v3-counter .zikir-meaning { max-width:300px; margin:7px auto 0; color:var(--muted); font-size:9px; line-height:1.55; }
.v3-counter .counter-button { margin-top:17px; }
.v3-counter .counter-progress { margin:13px auto 0; max-width:320px; }
.v3-counter .counter-progress p { margin:6px 0 0; color:var(--muted); font-size:8px; }
.v3-counter .button-row { margin-top:14px; }
.zikir-library { overflow:hidden; }
.zikir-library-row { width:100%; min-height:68px; padding:9px 12px; border:0; border-bottom:1px solid var(--line); color:var(--text); background:transparent; display:grid; grid-template-columns:55px minmax(0,1fr) 17px; align-items:center; gap:10px; text-align:left; cursor:pointer; }
.zikir-library-row:last-child { border-bottom:0; }
.zikir-library-row.active { background:linear-gradient(90deg,rgba(80,207,114,.11),transparent); }
.zikir-library-arabic { width:55px; overflow:hidden; color:var(--gold); font:18px/1.35 "Amiri Quran","Amiri","Noto Naskh Arabic","Noto Sans Arabic","Times New Roman",serif; direction:rtl; white-space:nowrap; text-overflow:ellipsis; }
.zikir-library-row > .icon { width:16px; color:var(--muted); }

/* V3 karşılama */
.v3-welcome-grid { margin-top:10px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.v3-welcome-grid span { min-height:38px; padding:0 9px; border:1px solid var(--line); border-radius:12px; color:var(--text-soft); background:var(--surface-2); display:flex; align-items:center; gap:7px; font-size:9px; font-weight:700; }
.v3-welcome-grid .icon { width:16px; height:16px; color:var(--green-2); }

@media (max-width:390px) {
  .prayer-time-row { grid-template-columns:38px minmax(0,1fr) auto 40px; gap:7px; }
  .prayer-row-icon { width:38px; height:38px; }
  .kaza-prayer-grid { grid-template-columns:1fr; }
  .stats-overview.v3-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .module-summary { grid-template-columns:1fr; }
  .reader-toolbar { justify-content:flex-start; overflow:auto; scrollbar-width:none; }
  .reader-toolbar > span { white-space:nowrap; }
  .hatim-mini-bottom { align-items:flex-start; flex-direction:column; }
  .hatim-mini-bottom .text-button { padding:0; }
}

/* ==========================================================================\n   MİZAN v4.0 — Premium yaşam sistemi\n   ========================================================================== */
:root {
  --violet: #a999ff;
  --cyan: #75d9ca;
  --player-h: 64px;
}
body::before {
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(circle at 12% 30%,rgba(117,217,202,.045),transparent 22rem),
    radial-gradient(circle at 88% 62%,rgba(169,153,255,.045),transparent 25rem);
}
.app-header { box-shadow:0 8px 32px rgba(0,0,0,.08); }
.home-intro h1 { background:linear-gradient(100deg,var(--text),var(--green-3)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.prayer-hero { box-shadow:0 24px 70px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.05); }
.quick-card { position:relative; overflow:hidden; }
.quick-card::after { content:""; position:absolute; inset:auto -35% -75% 30%; height:90%; border-radius:50%; background:rgba(80,207,114,.07); filter:blur(13px); transition:.28s var(--ease); }
.quick-card:active::after { transform:scale(1.35); }

/* AI v4 */
.ai-header { grid-template-columns:43px minmax(0,1fr) 42px 42px; }
.ai-title-copy { min-width:0; }
.ai-speak-toggle.active { color:#07110e; border-color:var(--green); background:var(--green); }
.ai-form { grid-template-columns:43px minmax(0,1fr) 43px; }
.ai-form .ai-mic-button { color:var(--green-2); background:var(--surface-2); border:1px solid var(--line); }
.ai-form .ai-mic-button.listening { color:#07110e; background:var(--gold); animation:mic-pulse 1s ease-in-out infinite; }
@keyframes mic-pulse { 50% { transform:scale(.92); box-shadow:0 0 0 9px rgba(217,189,103,.1); } }
.ai-context-strip { margin:0 14px 10px; padding:10px 11px; border:1px solid var(--line); border-radius:14px; background:linear-gradient(135deg,rgba(80,207,114,.08),rgba(169,153,255,.05)); display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
.ai-context-strip span { min-width:0; text-align:center; }
.ai-context-strip strong,.ai-context-strip small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ai-context-strip strong { color:var(--green-2); font-size:11px; }
.ai-context-strip small { margin-top:2px; color:var(--muted); font-size:7px; }
.ai-message.ai { position:relative; }
.ai-message.ai::before { content:"M"; position:absolute; left:-7px; top:-5px; width:18px; height:18px; border-radius:7px; color:#07110e; background:var(--green-2); display:grid; place-items:center; font-size:8px; font-weight:900; }
.ai-message .ai-message-time { display:block; margin-top:5px; color:var(--muted); font-size:7px; }
.ai-plan-preview { margin-top:9px; display:flex; flex-direction:column; gap:6px; }
.ai-plan-item { padding:8px 9px; border:1px solid var(--line); border-radius:11px; background:rgba(255,255,255,.02); display:grid; grid-template-columns:22px minmax(0,1fr) auto; gap:7px; align-items:center; }
.ai-plan-item > span:first-child { width:22px; height:22px; border-radius:8px; color:#07110e; background:var(--green-2); display:grid; place-items:center; }
.ai-plan-item .icon { width:12px; height:12px; }
.ai-plan-item strong { font-size:9px; }
.ai-plan-item small { color:var(--muted); font-size:7px; }
.ai-plan-item time { color:var(--green-2); font-size:8px; }

/* V4 home spotlight */
.v4-spotlight { position:relative; margin-top:12px; padding:17px; overflow:hidden; }
.v4-spotlight::before { content:""; position:absolute; width:180px; height:180px; right:-70px; top:-95px; border-radius:50%; background:radial-gradient(circle,rgba(217,189,103,.22),transparent 70%); }
.v4-spotlight-head { position:relative; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.v4-spotlight-head > span:first-child { width:40px; height:40px; border-radius:14px; color:#07110e; background:linear-gradient(145deg,var(--gold),var(--green-2)); display:grid; place-items:center; }
.v4-spotlight-head .icon { width:20px; }
.v4-spotlight-copy { position:relative; margin-top:12px; }
.v4-spotlight-copy p { margin:0; color:var(--text-soft); font-size:11px; line-height:1.65; }
.v4-spotlight-copy strong { display:block; margin-top:9px; color:var(--green-2); font-size:10px; }
.v4-spotlight-actions { position:relative; margin-top:13px; display:flex; gap:8px; }
.v4-spotlight-actions button { min-height:38px; padding:0 12px; font-size:9px; }

/* Discover */
.discover-hero { padding:19px; overflow:hidden; background:radial-gradient(circle at 80% 0,rgba(217,189,103,.17),transparent 55%),radial-gradient(circle at 0 100%,rgba(80,207,114,.13),transparent 48%),var(--surface); }
.discover-hero h2 { margin:11px 0 0; font:500 25px/1.2 Georgia,serif; }
.discover-hero p { margin:8px 0 0; color:var(--muted); font-size:10px; line-height:1.55; }
.discover-tabs { margin:12px 0 9px; }
.discover-card { margin-top:10px; padding:17px; }
.discover-card-head { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.discover-kind { display:flex; align-items:center; gap:8px; }
.discover-kind > span { width:35px; height:35px; border-radius:12px; color:var(--green-2); background:rgba(80,207,114,.09); display:grid; place-items:center; }
.discover-kind strong,.discover-kind small { display:block; }
.discover-kind strong { font-size:12px; }
.discover-kind small { margin-top:3px; color:var(--muted); font-size:8px; }
.discover-actions { display:flex; gap:5px; }
.discover-actions button { width:32px; height:32px; border:1px solid var(--line); border-radius:10px; color:var(--muted); background:var(--surface-2); display:grid; place-items:center; cursor:pointer; }
.discover-actions button.active { color:var(--gold); background:var(--gold-soft); border-color:rgba(217,189,103,.3); }
.discover-actions .icon { width:14px; height:14px; }
.discover-arabic { margin:16px 0 0; color:var(--gold); font:26px/1.85 "Amiri Quran","Amiri","Noto Naskh Arabic","Noto Sans Arabic","Times New Roman",serif; text-align:right; direction:rtl; }
.discover-text { margin:13px 0 0; color:var(--text-soft); font-size:11px; line-height:1.68; }
.discover-source { margin-top:12px; padding-top:11px; border-top:1px solid var(--line); color:var(--muted); font-size:8px; line-height:1.5; }
.discover-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.discover-mini { min-height:136px; padding:14px; text-align:left; cursor:pointer; }
.discover-mini > span { width:35px; height:35px; border-radius:12px; color:var(--green-2); background:rgba(80,207,114,.08); display:grid; place-items:center; }
.discover-mini h3 { margin:11px 0 0; font-size:12px; line-height:1.35; }
.discover-mini p { margin:6px 0 0; color:var(--muted); font-size:8px; line-height:1.48; }
.editorial-warning { margin-top:10px; padding:11px 12px; border:1px solid rgba(217,189,103,.24); border-radius:13px; color:var(--gold); background:var(--gold-soft); font-size:8px; line-height:1.5; }

/* Media center */
.media-hero { padding:20px 17px; text-align:center; overflow:hidden; background:radial-gradient(circle at 50% 20%,rgba(169,153,255,.15),transparent 56%),radial-gradient(circle at 20% 100%,rgba(80,207,114,.12),transparent 45%),var(--surface); }
.media-art { width:118px; height:118px; margin:0 auto; border-radius:34px; color:#eaffea; background:linear-gradient(145deg,#346a55,#10271e 60%,#352f54); border:1px solid rgba(255,255,255,.1); box-shadow:0 24px 60px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.12); display:grid; place-items:center; }
.media-art .icon { width:46px; height:46px; }
.media-hero h2 { margin:15px 0 0; font-size:18px; }
.media-hero p { margin:5px 0 0; color:var(--muted); font-size:9px; }
.media-time { margin-top:15px; display:flex; align-items:center; gap:9px; }
.media-time span { color:var(--muted); font-size:7px; font-variant-numeric:tabular-nums; }
.media-seek { flex:1; accent-color:var(--green); }
.media-controls { margin-top:13px; display:flex; align-items:center; justify-content:center; gap:15px; }
.media-controls button { width:42px; height:42px; border:1px solid var(--line); border-radius:14px; color:var(--text-soft); background:var(--surface-2); display:grid; place-items:center; cursor:pointer; }
.media-controls button.main { width:58px; height:58px; border-radius:20px; color:#07110e; background:linear-gradient(145deg,var(--green-3),var(--green)); box-shadow:0 12px 30px rgba(80,207,114,.2); }
.media-controls button.active { color:var(--gold); border-color:rgba(217,189,103,.3); background:var(--gold-soft); }
.media-options { margin-top:13px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.media-options button { min-height:38px; padding:0 7px; border:1px solid var(--line); border-radius:12px; color:var(--muted); background:var(--surface-2); display:flex; align-items:center; justify-content:center; gap:5px; font-size:8px; cursor:pointer; }
.media-options .icon { width:14px; height:14px; }
.track-list { overflow:hidden; }
.track-row { width:100%; min-height:67px; padding:9px 11px; border:0; border-bottom:1px solid var(--line); color:var(--text); background:transparent; display:grid; grid-template-columns:42px minmax(0,1fr) auto 32px; gap:9px; align-items:center; text-align:left; cursor:pointer; }
.track-row:last-child { border-bottom:0; }
.track-row.active { background:linear-gradient(90deg,rgba(80,207,114,.12),transparent); }
.track-icon { width:42px; height:42px; border-radius:14px; color:var(--green-2); background:var(--surface-2); display:grid; place-items:center; }
.track-row.active .track-icon { color:#07110e; background:var(--green-2); }
.track-copy { min-width:0; }
.track-copy strong,.track-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.track-copy strong { font-size:11px; }
.track-copy small { margin-top:4px; color:var(--muted); font-size:8px; }
.track-row time { color:var(--muted); font-size:8px; }
.track-favorite { width:32px; height:32px; border:0; border-radius:10px; color:var(--muted); background:transparent; display:grid; place-items:center; cursor:pointer; }
.track-favorite.active { color:var(--gold); }
.local-media-note { margin-top:10px; padding:14px; display:grid; grid-template-columns:42px minmax(0,1fr); gap:10px; align-items:center; }
.local-media-note > span { width:42px; height:42px; border-radius:14px; color:var(--violet); background:rgba(169,153,255,.09); display:grid; place-items:center; }
.local-media-note strong,.local-media-note small { display:block; }
.local-media-note strong { font-size:11px; }
.local-media-note small { margin-top:4px; color:var(--muted); font-size:8px; line-height:1.5; }

/* Persistent mini player */
.mini-player { position:fixed; z-index:89; left:50%; bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 6px); width:min(100% - 18px,760px); height:var(--player-h); transform:translateX(-50%); padding:7px 9px; border:1px solid var(--line-strong); border-radius:19px; background:color-mix(in srgb,var(--surface-solid) 92%,transparent); box-shadow:0 16px 45px rgba(0,0,0,.34); backdrop-filter:blur(22px); display:grid; grid-template-columns:42px minmax(0,1fr) 34px 40px 34px; gap:5px; align-items:center; overflow:hidden; }
.mini-player[hidden] { display:none; }
body.media-active .app-main { padding-bottom:calc(var(--nav-h) + var(--player-h) + env(safe-area-inset-bottom) + 34px); }
.mini-cover { width:42px; height:42px; border:0; border-radius:14px; color:#07110e; background:linear-gradient(145deg,var(--green-2),var(--violet)); display:grid; place-items:center; cursor:pointer; }
.mini-copy { min-width:0; border:0; background:transparent; text-align:left; cursor:pointer; }
.mini-copy strong,.mini-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mini-copy strong { font-size:10px; }
.mini-copy small { margin-top:3px; color:var(--muted); font-size:7px; }
.mini-control { width:34px; height:34px; border:0; border-radius:11px; color:var(--text-soft); background:transparent; display:grid; place-items:center; cursor:pointer; }
.mini-control.main { width:40px; height:40px; color:#07110e; background:var(--green-2); }
.mini-control .icon { width:16px; height:16px; }
.mini-progress { position:absolute; left:10px; right:10px; bottom:3px; height:2px; border-radius:9px; overflow:hidden; background:var(--surface-3); }
.mini-progress i { display:block; height:100%; width:0; background:var(--green); transition:width .2s linear; }

/* Library */
.library-hero { padding:18px; overflow:hidden; background:radial-gradient(circle at 100% 0,rgba(169,153,255,.13),transparent 55%),var(--surface); }
.library-hero h2 { margin:10px 0 0; font:500 24px/1.2 Georgia,serif; }
.library-hero p { margin:7px 0 0; color:var(--muted); font-size:9px; line-height:1.55; }
.library-grid { margin-top:10px; display:grid; gap:10px; }
.book-card { padding:14px; display:grid; grid-template-columns:72px minmax(0,1fr); gap:13px; }
.book-cover { position:relative; width:72px; aspect-ratio:.72; border-radius:11px 17px 17px 11px; color:#f3ffe8; background:linear-gradient(145deg,#1d5c3b,#0a2417 65%,#443a22); border-left:5px solid rgba(217,189,103,.7); box-shadow:8px 11px 26px rgba(0,0,0,.23); display:grid; place-items:center; }
.book-cover.violet { background:linear-gradient(145deg,#51467a,#1d1934 65%,#183b2c); }
.book-cover .icon { width:30px; height:30px; }
.book-card-copy { min-width:0; }
.book-card-copy h3 { margin:0; font-size:13px; line-height:1.35; }
.book-card-copy p { margin:6px 0 0; color:var(--muted); font-size:8px; line-height:1.48; }
.book-meta { margin-top:8px; display:flex; flex-wrap:wrap; gap:5px; }
.book-meta span { min-height:22px; padding:0 7px; border:1px solid var(--line); border-radius:999px; color:var(--muted); background:var(--surface-2); display:inline-flex; align-items:center; font-size:7px; }
.book-progress { margin-top:10px; }
.book-progress-head { margin-bottom:6px; display:flex; align-items:center; justify-content:space-between; color:var(--muted); font-size:8px; }
.book-actions { margin-top:10px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.book-actions button { min-height:37px; padding:0 7px; font-size:8px; }
.pdf-reader-view { position:fixed; z-index:140; inset:0; background:var(--bg); display:flex; flex-direction:column; }
.pdf-reader-view[hidden] { display:none; }
.pdf-reader-toolbar { min-height:64px; padding:calc(8px + env(safe-area-inset-top)) 12px 8px; border-bottom:1px solid var(--line); background:var(--surface-solid); display:grid; grid-template-columns:40px minmax(0,1fr) 40px; gap:8px; align-items:center; }
.pdf-reader-toolbar strong,.pdf-reader-toolbar small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pdf-reader-toolbar strong { font-size:12px; }
.pdf-reader-toolbar small { margin-top:3px; color:var(--muted); font-size:7px; }
.pdf-reader-toolbar button { width:40px; height:40px; border:1px solid var(--line); border-radius:12px; background:var(--surface-2); display:grid; place-items:center; cursor:pointer; }
.pdf-reader-frame { width:100%; flex:1; border:0; background:#222; }
.book-note-list { display:flex; flex-direction:column; gap:7px; }
.book-note-item { padding:10px 11px; }
.book-note-item strong,.book-note-item small { display:block; }
.book-note-item strong { font-size:10px; }
.book-note-item p { margin:6px 0 0; color:var(--text-soft); font-size:9px; line-height:1.5; }
.book-note-item small { margin-top:7px; color:var(--muted); font-size:7px; }

/* Achievements */
.level-hero { padding:18px; display:grid; grid-template-columns:86px minmax(0,1fr); gap:14px; align-items:center; overflow:hidden; background:radial-gradient(circle at 10% 50%,rgba(217,189,103,.18),transparent 45%),radial-gradient(circle at 90% 0,rgba(80,207,114,.13),transparent 50%),var(--surface); }
.level-orb { position:relative; width:86px; height:86px; border-radius:50%; color:var(--gold); background:conic-gradient(var(--gold) var(--level-progress,0%),var(--surface-3) 0); display:grid; place-items:center; }
.level-orb::before { content:""; position:absolute; inset:7px; border-radius:50%; background:var(--surface-solid); }
.level-orb > div { position:relative; text-align:center; }
.level-orb strong,.level-orb small { display:block; }
.level-orb strong { font:500 25px Georgia,serif; }
.level-orb small { margin-top:2px; color:var(--muted); font-size:7px; }
.level-copy h2 { margin:0; font-size:18px; }
.level-copy p { margin:6px 0 0; color:var(--muted); font-size:9px; line-height:1.5; }
.level-copy .linear-progress { margin-top:10px; }
.streak-strip { margin-top:10px; padding:13px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.streak-strip > div { min-width:0; text-align:center; }
.streak-strip strong,.streak-strip small { display:block; }
.streak-strip strong { color:var(--green-2); font-size:17px; }
.streak-strip small { margin-top:3px; color:var(--muted); font-size:7px; }
.badge-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.achievement-card { min-height:156px; padding:14px; position:relative; overflow:hidden; }
.achievement-card.locked { opacity:.55; filter:saturate(.45); }
.achievement-card.unlocked { border-color:rgba(217,189,103,.28); background:radial-gradient(circle at 100% 0,rgba(217,189,103,.13),transparent 48%),var(--surface); }
.achievement-icon { width:45px; height:45px; border-radius:16px; color:var(--muted); background:var(--surface-2); display:grid; place-items:center; }
.achievement-card.unlocked .achievement-icon { color:#07110e; background:linear-gradient(145deg,var(--gold),var(--green-2)); box-shadow:0 10px 25px rgba(217,189,103,.16); }
.achievement-card h3 { margin:12px 0 0; font-size:12px; }
.achievement-card p { margin:6px 0 0; color:var(--muted); font-size:8px; line-height:1.45; }
.achievement-card footer { position:absolute; left:14px; right:14px; bottom:12px; display:flex; align-items:center; justify-content:space-between; color:var(--muted); font-size:7px; }
.achievement-card footer strong { color:var(--gold); }
.unlock-ribbon { position:absolute; top:10px; right:-27px; width:95px; height:22px; transform:rotate(37deg); color:#07110e; background:var(--gold); display:grid; place-items:center; font-size:6px; font-weight:900; letter-spacing:.08em; }

/* Profile v4 */
.profile-level-card { margin-top:10px; padding:14px; display:grid; grid-template-columns:48px minmax(0,1fr) auto; gap:10px; align-items:center; cursor:pointer; }
.profile-level-card > span { width:48px; height:48px; border-radius:17px; color:#07110e; background:linear-gradient(145deg,var(--gold),var(--green-2)); display:grid; place-items:center; }
.profile-level-card strong,.profile-level-card small { display:block; }
.profile-level-card strong { font-size:12px; }
.profile-level-card small { margin-top:4px; color:var(--muted); font-size:8px; }
.profile-level-card > .icon { width:17px; color:var(--muted); }

/* v4 welcome */
.v4-welcome-grid { margin-top:10px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.v4-welcome-grid span { min-height:44px; padding:0 9px; border:1px solid var(--line); border-radius:13px; color:var(--text-soft); background:var(--surface-2); display:flex; align-items:center; gap:7px; font-size:9px; font-weight:700; }
.v4-welcome-grid .icon { width:17px; height:17px; color:var(--green-2); }

@media (min-width:780px) {
  .mini-player { bottom:calc(var(--nav-h) + 30px); }
  .library-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .badge-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .discover-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:390px) {
  .ai-header { grid-template-columns:40px minmax(0,1fr) 38px 38px; gap:7px; }
  .ai-header .icon-button { width:38px; height:38px; }
  .discover-grid { grid-template-columns:1fr; }
  .book-card { grid-template-columns:62px minmax(0,1fr); }
  .book-cover { width:62px; }
  .level-hero { grid-template-columns:76px minmax(0,1fr); }
  .level-orb { width:76px; height:76px; }
  .badge-grid { grid-template-columns:1fr; }
  .achievement-card { min-height:137px; }
  .mini-player { width:calc(100% - 10px); grid-template-columns:39px minmax(0,1fr) 31px 37px 31px; gap:3px; }
}

/* =========================================================
   MİZAN v4 integrated premium components
   ========================================================= */
.premium-glow {
  position: relative;
  overflow: hidden;
  border-color: rgba(139,203,117,.24);
  box-shadow: 0 24px 70px rgba(0,0,0,.18), inset 0 1px rgba(255,255,255,.045);
}
.premium-glow::after {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  right: -74px;
  top: -92px;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(circle, rgba(217,189,103,.2), transparent 70%);
}

/* Home discovery card */
.discover-home-card { padding: 15px; }
.discover-home-top { display:grid; grid-template-columns:46px minmax(0,1fr); gap:11px; align-items:start; }
.discover-orb { width:46px; height:46px; border-radius:16px; color:#07110e; background:linear-gradient(145deg,var(--gold),var(--green-2)); display:grid; place-items:center; box-shadow:0 11px 28px rgba(217,189,103,.16); }
.discover-orb .icon { width:22px; height:22px; }
.discover-home-top strong,.discover-home-top p { display:block; }
.discover-home-top strong { margin-top:4px; font-size:12px; }
.discover-home-top p { margin:6px 0 0; color:var(--text-soft); font-size:9px; line-height:1.55; }
.discover-home-actions { margin-top:12px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.discover-home-actions button,.daily-dua-link { min-height:38px; border:1px solid var(--line); border-radius:12px; color:var(--text-soft); background:var(--surface-2); display:flex; align-items:center; justify-content:center; gap:6px; font-size:8px; font-weight:750; cursor:pointer; }
.discover-home-actions .icon,.daily-dua-link .icon { width:15px; height:15px; color:var(--green-2); }
.discover-level-row { margin-top:12px; padding-top:11px; border-top:1px solid var(--line); display:grid; grid-template-columns:auto minmax(60px,1fr) auto; gap:8px; align-items:center; color:var(--muted); font-size:7px; }
.discover-level-row strong { color:var(--gold); font-size:8px; }
.daily-dua-link { width:100%; margin-top:10px; padding:0 10px; justify-content:flex-start; text-align:left; }

/* Discover page */
.discover-hero { margin-bottom:12px; padding:20px 18px; display:grid; grid-template-columns:minmax(0,1fr) 58px; gap:12px; align-items:center; background:radial-gradient(circle at 100% 0,rgba(217,189,103,.2),transparent 50%),radial-gradient(circle at 0 100%,rgba(80,207,114,.14),transparent 50%),var(--surface); }
.discover-hero h1 { margin:8px 0 0; font:500 23px/1.22 Georgia,serif; }
.discover-hero p { margin:8px 0 0; color:var(--muted); font-size:9px; line-height:1.58; }
.discover-hero-mark { width:58px; height:58px; border-radius:20px; color:#07110e; background:linear-gradient(145deg,var(--gold),var(--green-2)); display:grid; place-items:center; transform:rotate(4deg); }
.discover-hero-mark .icon { width:28px; height:28px; }
.daily-content-card,.daily-dua-card { padding:17px; }
.daily-arabic { margin:0; color:var(--gold); font:25px/1.9 "Amiri Quran","Amiri","Noto Naskh Arabic","Noto Sans Arabic","Times New Roman",serif; text-align:right; direction:rtl; }
.daily-translation,.daily-dua-card > p:not(.daily-arabic) { margin:13px 0 0; color:var(--text-soft); font-size:10px; line-height:1.68; }
.daily-content-actions { margin-top:14px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.daily-content-actions button { min-width:0; padding:0 8px; font-size:8px; }
.smart-plan-card { padding:10px; }
.smart-plan-list { display:flex; flex-direction:column; gap:6px; }
.smart-plan-item { width:100%; min-height:56px; padding:8px 9px; border:1px solid transparent; border-radius:14px; color:var(--text); background:var(--surface-2); display:grid; grid-template-columns:30px minmax(0,1fr) 18px; gap:9px; align-items:center; text-align:left; cursor:pointer; }
.smart-plan-item:hover { border-color:var(--line-strong); }
.smart-plan-item.done { opacity:.65; }
.smart-plan-item.done strong { text-decoration:line-through; }
.smart-plan-check { width:30px; height:30px; border:1px solid var(--line-strong); border-radius:11px; color:transparent; background:var(--surface); display:grid; place-items:center; }
.smart-plan-item.done .smart-plan-check { color:#07110e; border-color:var(--green); background:var(--green); }
.smart-plan-check .icon { width:15px; height:15px; }
.smart-plan-item strong,.smart-plan-item small { display:block; }
.smart-plan-item strong { font-size:10px; }
.smart-plan-item small { margin-top:4px; color:var(--muted); font-size:7px; line-height:1.4; }
.smart-plan-item > .icon { width:15px; color:var(--muted); }
.smart-plan-footer { margin-top:9px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.smart-plan-footer button { min-width:0; padding:0 7px; font-size:8px; }
.reflection-card { margin-top:12px; padding:12px; display:grid; grid-template-columns:40px minmax(0,1fr) auto; gap:10px; align-items:center; }
.reflection-card > span { width:40px; height:40px; border-radius:14px; color:var(--green-2); background:rgba(80,207,114,.09); display:grid; place-items:center; }
.reflection-card.done > span { color:#07110e; background:var(--green); }
.reflection-card strong,.reflection-card p { display:block; }
.reflection-card strong { font-size:10px; }
.reflection-card p { margin:4px 0 0; color:var(--muted); font-size:8px; line-height:1.42; }
.reflection-card > button { min-height:34px; padding:0 10px; border:1px solid var(--line); border-radius:11px; color:var(--green-2); background:var(--surface-2); font-size:8px; font-weight:750; cursor:pointer; }
.reflection-card.done > button { color:var(--muted); }

/* Integrated library */
.library-hero { display:grid; grid-template-columns:58px minmax(0,1fr); gap:13px; align-items:center; }
.library-hero-icon { width:58px; height:58px; border-radius:19px; color:#07110e; background:linear-gradient(145deg,var(--green-2),var(--gold)); display:grid; place-items:center; }
.library-hero-icon .icon { width:27px; height:27px; }
.library-hero h1 { margin:5px 0 0; font:500 20px/1.25 Georgia,serif; }
.library-grid { display:grid; grid-template-columns:1fr; gap:9px; }
.library-book-card { width:100%; min-height:126px; padding:12px; border:1px solid var(--line); color:var(--text); background:var(--surface); display:grid; grid-template-columns:66px minmax(0,1fr) 18px; gap:12px; align-items:center; text-align:left; cursor:pointer; }
.library-book-card:hover { border-color:var(--line-strong); transform:translateY(-1px); }
.library-cover { width:66px; height:92px; border-radius:10px 17px 17px 10px; color:#effff0; border-left:5px solid rgba(217,189,103,.7); background:linear-gradient(145deg,#1f6944,#0c281a 64%,#493e25); box-shadow:8px 11px 26px rgba(0,0,0,.24); display:grid; place-items:center; }
.library-book-card.accent-gold .library-cover { background:linear-gradient(145deg,#756333,#332a15 65%,#19442f); }
.library-book-card.accent-violet .library-cover { background:linear-gradient(145deg,#5d5287,#211c39 65%,#173929); }
.library-cover .icon { width:29px; height:29px; }
.library-book-copy { min-width:0; }
.library-book-copy strong,.library-book-copy small,.library-progress-copy { display:block; }
.library-book-copy strong { margin-top:7px; font-size:12px; line-height:1.35; }
.library-book-copy small { margin-top:4px; color:var(--muted); font-size:8px; line-height:1.35; }
.library-progress-copy { margin-top:8px; color:var(--green-2); font-size:7px; }
.library-book-copy .linear-progress { margin-top:6px; }
.library-book-card > .icon { width:16px; color:var(--muted); }
.reader-status-card { padding:13px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; }
.reader-status-card strong,.reader-status-card small { display:block; }
.reader-status-card strong { margin-top:5px; color:var(--green-2); font-size:20px; }
.reader-status-card small { margin-top:4px; color:var(--muted); font-size:8px; }
.reader-page-control { display:flex; align-items:center; gap:5px; }
.reader-page-control button { min-width:33px; height:33px; padding:0 8px; border:1px solid var(--line); border-radius:10px; color:var(--text-soft); background:var(--surface-2); display:grid; place-items:center; font-size:8px; font-weight:800; cursor:pointer; }
.reader-page-control label { color:var(--muted); font-size:7px; text-align:center; }
.reader-page-control input { display:block; width:57px; height:33px; margin-top:3px; border:1px solid var(--line); border-radius:10px; color:var(--text); background:var(--surface-2); text-align:center; }
.pdf-frame-wrap { height:62dvh; overflow:hidden; background:#202020; }
.pdf-frame-wrap iframe { width:100%; height:100%; border:0; background:#252525; }
.pdf-unavailable { min-height:300px; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.library-note-card { margin-top:10px; padding:13px; }
.bookmark-chip-list { display:flex; flex-wrap:wrap; gap:7px; }
.bookmark-chip-list button { min-height:34px; padding:0 11px; border:1px solid var(--line); border-radius:999px; color:var(--green-2); background:var(--surface-2); font-size:8px; cursor:pointer; }

/* Integrated media center */
.now-playing-card { padding:18px; text-align:center; background:radial-gradient(circle at 50% 12%,rgba(169,153,255,.16),transparent 48%),radial-gradient(circle at 15% 100%,rgba(80,207,114,.12),transparent 46%),var(--surface); }
.now-playing-art { width:104px; height:104px; margin:0 auto; border-radius:31px; color:#f5fff3; background:linear-gradient(145deg,#356c56,#10271e 60%,#40375f); border:1px solid rgba(255,255,255,.1); box-shadow:0 23px 58px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.11); display:grid; place-items:center; }
.now-playing-art .icon { width:43px; height:43px; }
.now-playing-copy h1 { margin:14px 0 0; font-size:18px; }
.now-playing-copy p { margin:5px 0 0; color:var(--muted); font-size:9px; }
.now-playing-controls { margin-top:15px; display:flex; align-items:center; justify-content:center; gap:15px; }
.now-playing-controls button { width:43px; height:43px; border:1px solid var(--line); border-radius:14px; color:var(--text-soft); background:var(--surface-2); display:grid; place-items:center; cursor:pointer; }
.now-playing-controls button.main { width:58px; height:58px; border-radius:20px; color:#07110e; border-color:transparent; background:linear-gradient(145deg,var(--green-3),var(--green)); box-shadow:0 12px 30px rgba(80,207,114,.22); }
.media-timeline { margin-top:15px; display:grid; grid-template-columns:32px minmax(0,1fr) 32px; gap:8px; align-items:center; color:var(--muted); font-size:7px; font-variant-numeric:tabular-nums; }
.media-timeline > div { height:4px; border-radius:999px; overflow:hidden; background:var(--surface-3); }
.media-timeline > div span { display:block; width:0; height:100%; background:linear-gradient(90deg,var(--green),var(--gold)); transition:width .2s linear; }
.media-tools { margin-top:10px; padding:10px; display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.media-tools label,.media-tools button { min-height:52px; padding:8px 10px; border:1px solid var(--line); border-radius:14px; color:var(--text-soft); background:var(--surface-2); display:grid; grid-template-columns:20px minmax(0,1fr); gap:7px; align-items:center; text-align:left; font-size:8px; cursor:pointer; }
.media-tools label input { grid-column:1/-1; width:100%; accent-color:var(--green); }
.media-tools button { grid-template-columns:20px minmax(0,1fr) 15px; }
.media-tools strong,.media-tools small { display:block; }
.media-tools strong { font-size:9px; }
.media-tools small { margin-top:3px; color:var(--muted); font-size:7px; }
.media-track-list { display:flex; flex-direction:column; gap:7px; }
.media-track-row { min-height:64px; padding:8px 9px; display:grid; grid-template-columns:42px minmax(0,1fr) auto 34px; gap:8px; align-items:center; }
.media-track-row.active { border-color:rgba(80,207,114,.35); background:linear-gradient(90deg,rgba(80,207,114,.12),var(--surface)); }
.media-track-row.unavailable { opacity:.58; }
.track-play { width:42px; height:42px; border:1px solid var(--line); border-radius:14px; color:var(--green-2); background:var(--surface-2); display:grid; place-items:center; cursor:pointer; }
.media-track-row.active .track-play { color:#07110e; border-color:transparent; background:var(--green-2); }
.track-duration { color:var(--muted); font-size:7px; }
.sleep-timer-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-bottom:10px; }
.sleep-timer-grid button { min-height:72px; border:1px solid var(--line); color:var(--text); background:var(--surface-2); display:flex; flex-direction:column; align-items:center; justify-content:center; cursor:pointer; }
.sleep-timer-grid strong { color:var(--green-2); font-size:21px; }
.sleep-timer-grid span { margin-top:3px; color:var(--muted); font-size:8px; }

/* Integrated persistent player markup */
.mini-player { grid-template-columns:42px minmax(0,1fr) 38px 38px; }
.mini-player-cover { width:42px; height:42px; border:0; border-radius:14px; color:#07110e; background:linear-gradient(145deg,var(--green-2),var(--gold)); display:grid; place-items:center; cursor:pointer; }
.mini-player-copy { min-width:0; border:0; color:var(--text); background:transparent; text-align:left; cursor:pointer; }
.mini-player-copy strong,.mini-player-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mini-player-copy strong { font-size:10px; }
.mini-player-copy small { margin-top:3px; color:var(--muted); font-size:7px; }
.mini-player-control { width:36px; height:36px; border:0; border-radius:12px; color:var(--text-soft); background:var(--surface-2); display:grid; place-items:center; cursor:pointer; }
.mini-player-control:nth-of-type(3) { color:#07110e; background:var(--green-2); }
.mini-player-progress { position:absolute; left:10px; bottom:3px; width:0; height:2px; border-radius:999px; background:linear-gradient(90deg,var(--green),var(--gold)); transition:width .2s linear; }

/* Integrated achievement/profile components */
.achievement-hero { padding:18px; display:grid; grid-template-columns:82px minmax(0,1fr); gap:14px; align-items:center; background:radial-gradient(circle at 10% 50%,rgba(217,189,103,.17),transparent 44%),radial-gradient(circle at 100% 0,rgba(80,207,114,.13),transparent 50%),var(--surface); }
.level-medal { position:relative; width:82px; height:82px; border-radius:50%; color:#07110e; background:linear-gradient(145deg,var(--gold),var(--green-2)); display:grid; place-items:center; box-shadow:0 15px 36px rgba(217,189,103,.16); }
.level-medal .icon { width:33px; height:33px; opacity:.45; }
.level-medal strong { position:absolute; font:600 25px Georgia,serif; }
.achievement-hero h1 { margin:4px 0 0; font:500 20px/1.25 Georgia,serif; }
.achievement-hero p { margin:6px 0 0; color:var(--muted); font-size:8px; line-height:1.45; }
.achievement-hero small { display:block; margin-top:5px; color:var(--muted); font-size:7px; }
.achievement-summary-grid { margin:10px 0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.achievement-summary-grid .card { padding:11px 5px; text-align:center; }
.achievement-summary-grid span,.achievement-summary-grid strong,.achievement-summary-grid small { display:block; }
.achievement-summary-grid span { color:var(--green-2); }
.achievement-summary-grid strong { margin-top:5px; font-size:16px; }
.achievement-summary-grid small { margin-top:3px; color:var(--muted); font-size:7px; }
.badge-card { min-height:151px; padding:13px; position:relative; overflow:hidden; }
.badge-card.locked { opacity:.55; filter:saturate(.45); }
.badge-card.unlocked { border-color:rgba(217,189,103,.28); background:radial-gradient(circle at 100% 0,rgba(217,189,103,.13),transparent 49%),var(--surface); }
.badge-icon { width:44px; height:44px; border-radius:16px; color:var(--muted); background:var(--surface-2); display:grid; place-items:center; }
.badge-card.unlocked .badge-icon { color:#07110e; background:linear-gradient(145deg,var(--gold),var(--green-2)); }
.badge-card strong { display:block; margin-top:11px; font-size:11px; }
.badge-card p { margin:5px 0 0; color:var(--muted); font-size:8px; line-height:1.45; }
.badge-card small { position:absolute; left:13px; right:13px; bottom:11px; color:var(--gold); font-size:7px; }
.v4-profile-hero { position:relative; }
.profile-level-badge { position:absolute; right:-4px; bottom:-2px; width:27px; height:27px; border:3px solid var(--surface-solid); border-radius:50%; color:#07110e; background:var(--gold); display:grid; place-items:center; font-size:9px; font-weight:900; }
.profile-level-copy { width:min(330px,100%); margin:12px auto 0; display:flex; align-items:center; justify-content:space-between; gap:8px; color:var(--muted); font-size:8px; }
.profile-level-copy strong { color:var(--gold); }
.profile-level-progress { width:min(330px,100%); margin:7px auto 0; }
.profile-mini-grid { margin-top:10px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.profile-mini { padding:12px; text-align:center; }
.profile-mini span,.profile-mini strong,.profile-mini small { display:block; }
.profile-mini span { color:var(--green-2); }
.profile-mini strong { margin-top:5px; font-size:16px; }
.profile-mini small { margin-top:3px; color:var(--muted); font-size:7px; }

.v4-reader-toolbar { grid-template-columns:repeat(2,minmax(0,1fr)); }
.v4-reader-toolbar > span { grid-column:1/-1; text-align:center; }
.v4-dua-footer { grid-template-columns:repeat(2,minmax(0,1fr)); }
.ai-clear-chip { border-color:rgba(255,141,141,.25)!important; color:var(--danger)!important; background:var(--danger-bg)!important; }

@media (min-width: 640px) {
  .library-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .badge-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width: 390px) {
  .discover-hero { grid-template-columns:minmax(0,1fr) 48px; padding:17px 15px; }
  .discover-hero h1 { font-size:20px; }
  .discover-hero-mark { width:48px; height:48px; border-radius:16px; }
  .daily-content-actions,.smart-plan-footer { grid-template-columns:1fr; }
  .reflection-card { grid-template-columns:36px minmax(0,1fr); }
  .reflection-card > button { grid-column:1/-1; }
  .reader-status-card { grid-template-columns:1fr; }
  .reader-page-control { justify-content:space-between; }
  .media-tools { grid-template-columns:1fr; }
  .achievement-hero { grid-template-columns:70px minmax(0,1fr); }
  .level-medal { width:70px; height:70px; }
  .mini-player { width:calc(100% - 10px); grid-template-columns:39px minmax(0,1fr) 34px 34px; gap:4px; }
}

/* ==========================================================================
   MİZAN v4.0 — Entegre premium arayüz düzeltmeleri
   ========================================================================== */
.premium-glow {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-xl);
  background:
    radial-gradient(circle at 88% 4%, rgba(217,189,103,.18), transparent 18rem),
    radial-gradient(circle at 8% 100%, rgba(80,207,114,.13), transparent 18rem),
    linear-gradient(145deg, rgba(255,255,255,.025), transparent 60%),
    var(--surface);
  box-shadow: 0 22px 58px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.035);
}

/* V4 ana sayfa keşif kartı */
.discover-home-card { padding: 16px; overflow: hidden; }
.discover-home-top { display:grid; grid-template-columns:48px minmax(0,1fr); gap:12px; align-items:start; }
.discover-orb {
  width:48px; height:48px; border-radius:17px; display:grid; place-items:center;
  color:#07110e; background:linear-gradient(145deg,var(--gold),var(--green-2));
  box-shadow:0 12px 28px rgba(217,189,103,.16);
}
.discover-orb .icon { width:23px; height:23px; }
.discover-home-top strong { display:block; margin-top:5px; color:var(--green-2); font-size:11px; }
.discover-home-top p { margin:8px 0 0; color:var(--text-soft); font-size:11px; line-height:1.6; }
.discover-home-actions { margin-top:13px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.discover-home-actions button {
  min-height:40px; padding:0 10px; border:1px solid var(--line); border-radius:13px;
  color:var(--text-soft); background:var(--surface-2); display:flex; align-items:center; justify-content:center; gap:7px;
  font-size:9px; font-weight:800; cursor:pointer;
}
.discover-home-actions button:first-child { color:#07110e; background:linear-gradient(135deg,var(--green-3),var(--green)); border-color:transparent; }
.discover-home-actions .icon { width:15px; height:15px; }
.discover-level-row { margin-top:12px; display:grid; grid-template-columns:auto minmax(72px,1fr) auto; gap:8px; align-items:center; color:var(--muted); font-size:8px; }
.discover-level-row strong { color:var(--gold); font-size:8px; white-space:nowrap; }
.daily-dua-link {
  width:100%; margin-top:12px; padding:10px 11px; border:1px solid var(--line); border-radius:13px;
  color:var(--text-soft); background:rgba(80,207,114,.055); display:flex; align-items:center; gap:8px;
  text-align:left; font-size:9px; font-weight:750; cursor:pointer;
}
.daily-dua-link .icon { width:16px; color:var(--green-2); }

/* Keşfet */
.discover-view .discover-hero { min-height:190px; padding:21px; display:grid; grid-template-columns:minmax(0,1fr) 72px; gap:12px; align-items:center; }
.discover-view .discover-hero h1 { margin:10px 0 0; max-width:420px; font:500 clamp(24px,7vw,34px)/1.18 Georgia,"Amiri Quran","Amiri","Noto Naskh Arabic","Noto Sans Arabic","Times New Roman",serif; letter-spacing:-.03em; }
.discover-view .discover-hero p { margin:10px 0 0; max-width:460px; color:var(--text-soft); font-size:11px; line-height:1.65; }
.discover-hero-mark {
  width:72px; height:72px; border-radius:24px; color:#07110e;
  background:linear-gradient(145deg,var(--gold),var(--green-2)); display:grid; place-items:center;
  box-shadow:0 18px 45px rgba(217,189,103,.16); transform:rotate(5deg);
}
.discover-hero-mark .icon { width:34px; height:34px; }
.daily-content-card,.daily-dua-card { padding:18px; }
.daily-content-card { background:radial-gradient(circle at 100% 0,rgba(217,189,103,.11),transparent 48%),var(--surface); }
.daily-arabic { margin:0; color:var(--gold); font:27px/1.9 "Amiri Quran","Amiri","Noto Naskh Arabic","Noto Sans Arabic","Times New Roman",serif; direction:rtl; text-align:right; }
.daily-translation { margin:15px 0 0; color:var(--text-soft); font-size:12px; line-height:1.75; }
.daily-content-actions { margin-top:15px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.daily-content-actions button { min-height:43px; padding:0 10px; font-size:10px; }
.smart-plan-card { padding:10px; }
.smart-plan-list { display:flex; flex-direction:column; gap:7px; }
.smart-plan-item {
  width:100%; min-height:62px; padding:10px 11px; border:1px solid var(--line); border-radius:15px;
  color:var(--text); background:var(--surface-2); display:grid; grid-template-columns:34px minmax(0,1fr) 18px;
  gap:10px; align-items:center; text-align:left; cursor:pointer; transition:.18s var(--ease);
}
.smart-plan-item:active { transform:scale(.99); }
.smart-plan-item.done { opacity:.72; background:rgba(80,207,114,.07); }
.smart-plan-check { width:34px; height:34px; border:1px solid var(--line); border-radius:12px; color:var(--muted); background:var(--surface); display:grid; place-items:center; }
.smart-plan-item.done .smart-plan-check { color:#07110e; border-color:var(--green-2); background:var(--green-2); }
.smart-plan-check .icon { width:16px; height:16px; }
.smart-plan-item strong,.smart-plan-item small { display:block; }
.smart-plan-item strong { font-size:11px; line-height:1.35; }
.smart-plan-item small { margin-top:4px; color:var(--muted); font-size:8px; line-height:1.4; }
.smart-plan-item > .icon { width:17px; color:var(--muted); }
.smart-plan-footer { margin-top:9px; padding-top:9px; border-top:1px solid var(--line); display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.smart-plan-footer button { min-height:43px; padding:0 8px; font-size:9px; }
.daily-dua-card > p:not(.daily-arabic) { margin:13px 0 0; color:var(--text-soft); font-size:11px; line-height:1.7; }
.reflection-card { margin-top:12px; padding:14px; display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:11px; align-items:center; }
.reflection-card > span { width:42px; height:42px; border-radius:14px; color:var(--gold); background:var(--gold-soft); display:grid; place-items:center; }
.reflection-card.done > span { color:#07110e; background:var(--green-2); }
.reflection-card strong,.reflection-card p { display:block; margin:0; }
.reflection-card strong { font-size:11px; }
.reflection-card p { margin-top:4px; color:var(--muted); font-size:8px; line-height:1.45; }
.reflection-card > button { min-height:34px; padding:0 10px; border:1px solid var(--line); border-radius:11px; color:var(--green-2); background:var(--surface-2); font-size:8px; font-weight:800; cursor:pointer; }
.reflection-card.done > button { color:var(--muted); }
.info-note p { margin:9px 0 0; color:var(--muted); font-size:9px; line-height:1.6; }

/* Kütüphane */
.library-view .library-hero { min-height:146px; padding:18px; display:grid; grid-template-columns:62px minmax(0,1fr); gap:14px; align-items:center; }
.library-hero-icon { width:62px; height:74px; border-radius:11px 19px 19px 11px; border-left:5px solid var(--gold); color:var(--green-2); background:linear-gradient(145deg,#1c573a,#0b2418 68%,#3e3620); box-shadow:10px 14px 30px rgba(0,0,0,.23); display:grid; place-items:center; }
.library-hero-icon .icon { width:28px; height:28px; }
.library-view .library-hero h1 { margin:8px 0 0; font:500 24px/1.22 Georgia,"Amiri Quran","Amiri","Noto Naskh Arabic","Noto Sans Arabic","Times New Roman",serif; }
.library-view .library-hero p { margin:7px 0 0; color:var(--muted); font-size:9px; line-height:1.5; }
.library-view .search-field,.media-view .search-field { margin-top:11px; }
.library-grid { margin-top:11px; display:grid; gap:9px; }
.library-book-card {
  width:100%; min-height:120px; padding:12px; border:1px solid var(--line); border-radius:var(--radius-lg);
  color:var(--text); background:var(--surface); display:grid; grid-template-columns:67px minmax(0,1fr) 18px;
  gap:12px; align-items:center; text-align:left; cursor:pointer;
}
.library-book-card:active { transform:scale(.995); }
.library-cover { width:67px; height:92px; border-radius:9px 16px 16px 9px; border-left:5px solid var(--gold); color:#efffe8; background:linear-gradient(145deg,#286a48,#0d281b 68%,#4a3f25); box-shadow:8px 11px 24px rgba(0,0,0,.22); display:grid; place-items:center; }
.accent-violet .library-cover { background:linear-gradient(145deg,#594f83,#211d3b 68%,#18362a); border-left-color:var(--violet); }
.accent-gold .library-cover { background:linear-gradient(145deg,#6b5930,#2d250f 68%,#18412c); }
.accent-emerald .library-cover { background:linear-gradient(145deg,#23735d,#0e3027 68%,#30302a); }
.library-cover .icon { width:28px; height:28px; }
.library-book-copy { min-width:0; }
.library-book-copy > strong,.library-book-copy > small,.library-progress-copy { display:block; }
.library-book-copy > strong { margin-top:7px; font-size:12px; line-height:1.35; }
.library-book-copy > small { margin-top:4px; color:var(--muted); font-size:8px; }
.library-progress-copy { margin-top:9px; color:var(--green-2); font-size:8px; }
.library-book-copy .linear-progress { margin-top:6px; }
.library-book-card > .icon { width:17px; color:var(--muted); }
.reader-status-card { padding:14px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:center; }
.reader-status-card strong,.reader-status-card small { display:block; }
.reader-status-card strong { margin-top:5px; color:var(--green-2); font-size:18px; }
.reader-status-card small { margin-top:4px; color:var(--muted); font-size:8px; }
.reader-page-control { display:flex; align-items:center; gap:5px; }
.reader-page-control button { min-width:34px; height:38px; padding:0 9px; border:1px solid var(--line); border-radius:11px; color:var(--text-soft); background:var(--surface-2); display:grid; place-items:center; font-size:8px; font-weight:800; cursor:pointer; }
.reader-page-control label { color:var(--muted); font-size:7px; text-align:center; }
.reader-page-control input { display:block; width:58px; height:38px; margin-top:3px; padding:0 5px; border:1px solid var(--line); border-radius:10px; color:var(--text); background:var(--surface-2); text-align:center; }
.pdf-frame-wrap { margin-top:10px; height:min(68dvh,740px); overflow:hidden; background:#262626; }
.pdf-frame-wrap iframe { width:100%; height:100%; border:0; }
.pdf-unavailable { margin-top:10px; }
.library-note-card { margin-top:10px; padding:14px; }
.library-note-card .textarea { margin-top:2px; }
.library-note-card .secondary-button { margin-top:9px; }
.bookmark-chip-list { display:flex; flex-wrap:wrap; gap:7px; }
.bookmark-chip-list button { min-height:35px; padding:0 11px; border:1px solid var(--line); border-radius:999px; color:var(--green-2); background:var(--surface); font-size:9px; font-weight:800; cursor:pointer; }

/* Medya */
.now-playing-card { position:relative; padding:19px; text-align:center; overflow:hidden; background:radial-gradient(circle at 50% 18%,rgba(169,153,255,.18),transparent 48%),radial-gradient(circle at 14% 100%,rgba(80,207,114,.1),transparent 48%),var(--surface); }
.now-playing-card.playing::before { content:""; position:absolute; inset:-30%; border-radius:50%; background:conic-gradient(from 0deg,transparent,rgba(80,207,114,.06),transparent,rgba(169,153,255,.06),transparent); animation:media-orbit 12s linear infinite; }
@keyframes media-orbit { to { transform:rotate(360deg); } }
.now-playing-art { position:relative; width:116px; height:116px; margin:0 auto; border-radius:34px; color:#f1ffef; background:linear-gradient(145deg,#3b795f,#0b271b 62%,#403663); border:1px solid rgba(255,255,255,.1); box-shadow:0 24px 55px rgba(0,0,0,.31),inset 0 1px rgba(255,255,255,.1); display:grid; place-items:center; }
.now-playing-art .icon { width:46px; height:46px; }
.now-playing-copy { position:relative; }
.now-playing-copy h1 { margin:14px 0 0; font-size:18px; line-height:1.3; }
.now-playing-copy p { margin:5px 0 0; color:var(--muted); font-size:9px; line-height:1.45; }
.now-playing-controls { position:relative; margin-top:15px; display:flex; align-items:center; justify-content:center; gap:15px; }
.now-playing-controls button { width:44px; height:44px; border:1px solid var(--line); border-radius:15px; color:var(--text-soft); background:var(--surface-2); display:grid; place-items:center; cursor:pointer; }
.now-playing-controls button.main { width:60px; height:60px; border:0; border-radius:21px; color:#07110e; background:linear-gradient(145deg,var(--green-3),var(--green)); box-shadow:0 14px 32px rgba(80,207,114,.2); }
.media-timeline { position:relative; margin-top:14px; display:grid; grid-template-columns:32px minmax(0,1fr) 32px; gap:8px; align-items:center; color:var(--muted); font-size:7px; font-variant-numeric:tabular-nums; }
.media-timeline > div { height:4px; border-radius:999px; overflow:hidden; background:var(--surface-3); }
.media-timeline > div span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--green),var(--green-3)); }
.media-tools { margin-top:10px; padding:9px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8px; }
.media-tools label,.media-tools button { min-height:54px; padding:9px 11px; border:1px solid var(--line); border-radius:14px; color:var(--text-soft); background:var(--surface-2); display:flex; align-items:center; gap:8px; font-size:8px; }
.media-tools label { display:grid; grid-template-columns:18px auto minmax(60px,1fr); }
.media-tools label input { min-width:0; accent-color:var(--green); }
.media-tools button { text-align:left; cursor:pointer; }
.media-tools button > span { min-width:0; flex:1; }
.media-tools button strong,.media-tools button small { display:block; }
.media-tools button strong { font-size:9px; }
.media-tools button small { margin-top:3px; color:var(--muted); font-size:7px; }
.media-tools .icon { width:17px; height:17px; }
.media-track-list { display:flex; flex-direction:column; gap:7px; }
.media-track-row { min-height:66px; padding:9px 10px; display:grid; grid-template-columns:40px minmax(0,1fr) auto 34px; gap:9px; align-items:center; }
.media-track-row.active { border-color:var(--line-strong); background:linear-gradient(90deg,rgba(80,207,114,.11),var(--surface)); }
.media-track-row.unavailable { opacity:.58; }
.track-play { width:40px; height:40px; border:0; border-radius:13px; color:var(--green-2); background:var(--surface-2); display:grid; place-items:center; cursor:pointer; }
.media-track-row.active .track-play { color:#07110e; background:var(--green-2); }
.track-play .icon { width:17px; height:17px; }
.media-track-row .track-copy { min-width:0; }
.media-track-row .track-copy strong,.media-track-row .track-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.media-track-row .track-copy strong { font-size:10px; }
.media-track-row .track-copy small { margin-top:4px; color:var(--muted); font-size:7px; }
.track-duration { color:var(--muted); font-size:7px; white-space:nowrap; }

/* Kalıcı mini oynatıcı — app.js ile uyumlu */
.mini-player {
  position:fixed; z-index:92; left:50%; bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 7px);
  width:min(calc(100% - 16px),760px); min-height:61px; transform:translateX(-50%);
  padding:7px 8px; border:1px solid var(--line-strong); border-radius:19px;
  background:color-mix(in srgb,var(--surface-solid) 94%,transparent); box-shadow:0 18px 48px rgba(0,0,0,.38);
  backdrop-filter:blur(24px) saturate(1.2); -webkit-backdrop-filter:blur(24px) saturate(1.2);
  display:grid; grid-template-columns:43px minmax(0,1fr) 39px 39px; gap:5px; align-items:center; overflow:hidden;
}
.mini-player[hidden] { display:none !important; }
.mini-player-cover { width:43px; height:43px; border:0; border-radius:14px; color:#07110e; background:linear-gradient(145deg,var(--green-2),var(--violet)); display:grid; place-items:center; cursor:pointer; }
.mini-player-copy { min-width:0; border:0; background:transparent; text-align:left; cursor:pointer; }
.mini-player-copy strong,.mini-player-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mini-player-copy strong { font-size:10px; }
.mini-player-copy small { margin-top:4px; color:var(--muted); font-size:7px; }
.mini-player-control { width:39px; height:39px; border:0; border-radius:12px; color:var(--text-soft); background:var(--surface-2); display:grid; place-items:center; cursor:pointer; }
.mini-player-control:first-of-type { color:#07110e; background:var(--green-2); }
.mini-player-progress { position:absolute; left:9px; right:9px; bottom:3px; height:2px; border-radius:999px; background:var(--green); transform-origin:left; transform:scaleX(0); }
body.media-active .app-main { padding-bottom:calc(var(--nav-h) + 92px + env(safe-area-inset-bottom)); }

/* Başarılar */
.achievement-hero { padding:18px; display:grid; grid-template-columns:88px minmax(0,1fr); gap:15px; align-items:center; }
.level-medal { position:relative; width:88px; height:88px; border-radius:50%; color:var(--gold); background:conic-gradient(var(--gold) var(--level-progress,72%),var(--surface-3) 0); display:grid; place-items:center; }
.level-medal::before { content:""; position:absolute; inset:7px; border-radius:50%; background:var(--surface-solid); }
.level-medal .icon { position:relative; width:31px; height:31px; }
.level-medal strong { position:absolute; right:5px; bottom:4px; width:28px; height:28px; border-radius:10px; color:#07110e; background:var(--gold); display:grid; place-items:center; font-size:11px; }
.achievement-hero h1 { margin:5px 0 0; font-size:21px; }
.achievement-hero p { margin:5px 0 0; color:var(--muted); font-size:9px; line-height:1.45; }
.achievement-hero .linear-progress { margin-top:10px; }
.achievement-hero small { display:block; margin-top:6px; color:var(--muted); font-size:7px; }
.achievement-summary-grid { margin-top:10px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.achievement-summary-grid section { min-height:95px; padding:12px 7px; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.achievement-summary-grid span:first-child { width:34px; height:34px; border-radius:12px; color:var(--green-2); background:rgba(80,207,114,.08); display:grid; place-items:center; }
.achievement-summary-grid .icon { width:17px; height:17px; }
.achievement-summary-grid strong { margin-top:7px; color:var(--green-2); font-size:17px; }
.achievement-summary-grid small { margin-top:3px; color:var(--muted); font-size:7px; }
.achievements-view .badge-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.badge-card { min-height:126px; padding:13px; display:grid; grid-template-columns:44px minmax(0,1fr); gap:10px; align-items:start; }
.badge-card.locked { opacity:.58; filter:saturate(.45); }
.badge-card.unlocked { border-color:rgba(217,189,103,.28); background:radial-gradient(circle at 100% 0,rgba(217,189,103,.12),transparent 50%),var(--surface); }
.badge-icon { width:44px; height:44px; border-radius:15px; color:var(--muted); background:var(--surface-2); display:grid; place-items:center; }
.badge-card.unlocked .badge-icon { color:#07110e; background:linear-gradient(145deg,var(--gold),var(--green-2)); }
.badge-icon .icon { width:21px; height:21px; }
.badge-card strong { display:block; font-size:11px; line-height:1.35; }
.badge-card p { margin:5px 0 0; color:var(--muted); font-size:8px; line-height:1.45; }
.badge-card small { display:block; margin-top:8px; color:var(--gold); font-size:7px; }

/* Profil v4 */
.v4-profile-hero { position:relative; overflow:hidden; background:radial-gradient(circle at 50% 0,rgba(217,189,103,.11),transparent 40%),var(--surface); }
.profile-level-badge { position:absolute; right:-4px; bottom:-3px; min-width:27px; height:27px; padding:0 6px; border:3px solid var(--surface-solid); border-radius:10px; color:#07110e; background:var(--gold); display:grid; place-items:center; font-size:10px; font-weight:900; }
.profile-level-copy { margin:13px auto 0; width:min(100%,330px); display:flex; align-items:center; justify-content:space-between; gap:10px; color:var(--muted); font-size:8px; }
.profile-level-copy strong { color:var(--gold); }
.profile-level-progress { width:min(100%,330px); margin:7px auto 0; }

/* AI v4, uygulama içi yerel rehber */
.ai-context-strip:empty { display:none; }
.ai-title-copy strong,.ai-title-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ai-title-copy strong { font-size:13px; }
.ai-title-copy small { margin-top:3px; color:var(--muted); font-size:8px; }
.ai-clear-chip { color:var(--danger) !important; border-color:rgba(255,141,141,.22) !important; background:var(--danger-bg) !important; }

@media (min-width:760px) {
  .library-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .achievements-view .badge-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .mini-player { bottom:calc(var(--nav-h) + 26px); }
}
@media (max-width:430px) {
  .discover-view .discover-hero { min-height:175px; grid-template-columns:minmax(0,1fr) 58px; padding:17px; }
  .discover-hero-mark { width:58px; height:58px; border-radius:19px; }
  .discover-hero-mark .icon { width:27px; height:27px; }
  .daily-content-actions,.smart-plan-footer { grid-template-columns:1fr; }
  .reflection-card { grid-template-columns:40px minmax(0,1fr); }
  .reflection-card > button { grid-column:1/-1; }
  .library-book-card { grid-template-columns:58px minmax(0,1fr) 16px; gap:10px; }
  .library-cover { width:58px; height:82px; }
  .reader-status-card { grid-template-columns:1fr; }
  .reader-page-control { justify-content:space-between; }
  .media-tools { grid-template-columns:1fr; }
  .achievement-hero { grid-template-columns:76px minmax(0,1fr); gap:12px; }
  .level-medal { width:76px; height:76px; }
  .achievements-view .badge-grid { grid-template-columns:1fr; }
  .badge-card { min-height:108px; }
  .mini-player { width:calc(100% - 10px); grid-template-columns:40px minmax(0,1fr) 36px 36px; gap:4px; }
  .mini-player-cover { width:40px; height:40px; }
  .mini-player-control { width:36px; height:36px; }
}
.mini-player-progress { transform:none; width:0; right:auto; max-width:calc(100% - 18px); transition:width .2s linear; }

/* =========================================================
   MİZAN v5.0 · Hesap, Aile, Senkronizasyon ve Yönetim Sistemi
   ========================================================= */
.v5-view { padding-bottom: 8px; }
.v5-view .page-header { position: relative; z-index: 2; }
.v5-view button:disabled { opacity: .48; cursor: not-allowed; }
.v5-view .field-help { display:block; margin-top:7px; color:var(--muted); font-size:9px; line-height:1.45; }

.v5-security-note,
.v5-warning-note,
.v5-danger-note {
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:12px;
  align-items:start;
}
.v5-security-note > .icon,
.v5-warning-note > .icon,
.v5-danger-note > .icon {
  width:42px;
  height:42px;
  padding:10px;
  border-radius:14px;
  color:var(--green-2);
  background:rgba(80,207,114,.09);
  border:1px solid var(--line);
}
.v5-warning-note > .icon { color:var(--gold); background:var(--gold-soft); border-color:rgba(217,189,103,.22); }
.v5-danger-note > .icon { color:var(--danger); background:var(--danger-bg); border-color:rgba(255,141,141,.2); }
.v5-security-note strong,
.v5-warning-note strong,
.v5-danger-note strong { display:block; font-size:12px; line-height:1.35; }
.v5-security-note p,
.v5-warning-note p,
.v5-danger-note p { margin:6px 0 0; color:var(--muted); font-size:9px; line-height:1.55; }
.v5-inline-setting { margin-top:14px; border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface-2); }

.v5-connection {
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:27px;
  padding:0 9px;
  border-radius:999px;
  color:var(--muted);
  background:var(--surface-2);
  border:1px solid var(--line);
  font-size:9px;
  font-weight:800;
  white-space:nowrap;
}
.v5-connection > span { width:7px; height:7px; border-radius:50%; background:var(--danger); box-shadow:0 0 10px rgba(255,141,141,.35); }
.v5-connection.online { color:var(--green-2); }
.v5-connection.online > span { background:var(--green); box-shadow:0 0 10px rgba(80,207,114,.55); }

/* V5 welcome */
.v5-welcome-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin:12px 0; }
.v5-welcome-grid span { min-height:48px; padding:10px; border-radius:14px; display:flex; align-items:center; gap:8px; color:var(--text-soft); background:var(--surface-2); border:1px solid var(--line); font-size:10px; font-weight:800; }
.v5-welcome-grid .icon { width:18px; height:18px; color:var(--green-2); }

/* V5 home injection */
.v5-home-injection { margin-top: 12px; }
.v5-home-status {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin:0 0 10px;
}
.v5-home-status button {
  min-width:0;
  min-height:61px;
  padding:9px;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--surface);
  color:var(--text);
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:7px;
  align-items:center;
  text-align:left;
  cursor:pointer;
}
.v5-home-status button > .icon { grid-row:1 / 3; width:18px; height:18px; color:var(--green-2); }
.v5-home-status strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:9px; }
.v5-home-status small { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--muted); font-size:7px; }
.v5-status-dot { grid-row:1 / 3; width:10px; height:10px; border-radius:50%; background:var(--muted); }
.v5-status-dot.secure { background:var(--green); box-shadow:0 0 12px rgba(80,207,114,.5); }
.v5-status-dot.guest { background:var(--gold); box-shadow:0 0 12px rgba(217,189,103,.4); }
.v5-home-announcement {
  width:100%;
  padding:14px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 18px;
  gap:11px;
  align-items:center;
  text-align:left;
  cursor:pointer;
  border-color:rgba(217,189,103,.28);
  background:
    radial-gradient(circle at 0 0, rgba(217,189,103,.14), transparent 42%),
    var(--surface);
}
.v5-home-announcement > span:first-child,
.v5-home-motivation > span:first-child { width:42px; height:42px; border-radius:15px; display:grid; place-items:center; color:var(--gold); background:var(--gold-soft); border:1px solid rgba(217,189,103,.22); }
.v5-home-announcement small,
.v5-home-motivation small { display:block; color:var(--gold); font-size:7px; font-weight:900; letter-spacing:.12em; }
.v5-home-announcement strong,
.v5-home-motivation strong { display:block; margin-top:4px; font-size:12px; }
.v5-home-announcement p,
.v5-home-motivation p { margin:4px 0 0; color:var(--muted); font-size:8px; line-height:1.45; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.v5-home-announcement > .icon:last-child { width:17px; color:var(--muted); }
.v5-home-motivation { margin-top:9px; padding:14px; display:grid; grid-template-columns:42px minmax(0,1fr); gap:11px; align-items:start; }
.v5-home-head { margin-top:17px; }
.v5-home-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.v5-home-grid button { min-height:76px; padding:12px 6px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:8px; cursor:pointer; }
.v5-home-grid button span { width:36px; height:36px; border-radius:13px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.09); }
.v5-home-grid button .icon { width:18px; height:18px; }
.v5-home-grid strong { font-size:9px; }

/* V5 hub */
.v5-hub-hero {
  position:relative;
  overflow:hidden;
  min-height:230px;
  padding:25px 21px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background:
    radial-gradient(circle at 80% 18%, rgba(80,207,114,.22), transparent 12rem),
    radial-gradient(circle at 0 100%, rgba(217,189,103,.11), transparent 15rem),
    linear-gradient(145deg, rgba(20,90,56,.32), transparent 62%),
    var(--surface);
  border-color:rgba(139,203,117,.28);
}
.v5-hub-hero::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(115deg, transparent 20%, rgba(255,255,255,.04) 44%, transparent 65%); transform:translateX(-100%); animation:v5-shimmer 6s ease-in-out infinite; }
@keyframes v5-shimmer { 45%,100% { transform:translateX(120%); } }
.v5-hub-orbit { position:absolute; right:20px; top:18px; width:82px; height:82px; border-radius:28px; display:grid; place-items:center; color:var(--green-3); background:rgba(80,207,114,.1); border:1px solid rgba(139,203,117,.3); box-shadow:0 0 50px rgba(80,207,114,.15); transform:rotate(7deg); }
.v5-hub-orbit .icon { width:38px; height:38px; }
.v5-hub-hero h1 { position:relative; margin:8px 0 0; max-width:310px; font:600 26px/1.08 Georgia,"Times New Roman",serif; letter-spacing:-.02em; }
.v5-hub-hero p { position:relative; margin:10px 0 0; max-width:330px; color:var(--text-soft); font-size:11px; line-height:1.55; }
.v5-hero-badges { position:relative; margin-top:15px; display:flex; flex-wrap:wrap; gap:7px; }
.v5-module-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:13px; }
.v5-module-card { min-height:142px; padding:15px; position:relative; display:flex; flex-direction:column; align-items:flex-start; text-align:left; cursor:pointer; overflow:hidden; }
.v5-module-card::before { content:""; position:absolute; right:-24px; top:-32px; width:94px; height:94px; border-radius:50%; background:rgba(80,207,114,.07); }
.v5-module-icon { width:45px; height:45px; border-radius:16px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.09); border:1px solid var(--line); }
.v5-module-icon .icon { width:22px; height:22px; }
.v5-module-card strong { margin-top:13px; font-size:12px; }
.v5-module-card small { margin-top:5px; color:var(--muted); font-size:8px; line-height:1.4; }
.v5-card-arrow { position:absolute; right:12px; bottom:11px; color:var(--muted); }
.v5-card-arrow .icon { width:16px; height:16px; }
.v5-reality-card { margin-top:13px; }
.v5-reality-card p { margin:9px 0 0; color:var(--muted); font-size:9px; line-height:1.6; }

/* Account */
.v5-account-hero { min-height:130px; padding:18px; display:grid; grid-template-columns:58px minmax(0,1fr) auto; align-items:center; gap:13px; overflow:hidden; }
.v5-account-hero.logged { border-color:rgba(217,189,103,.25); background:radial-gradient(circle at 0 0,rgba(217,189,103,.13),transparent 42%),var(--surface); }
.v5-account-avatar { width:58px; height:58px; border-radius:21px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.09); border:1px solid var(--line); }
.v5-account-hero.logged .v5-account-avatar { color:var(--gold); background:var(--gold-soft); border-color:rgba(217,189,103,.25); }
.v5-account-avatar .icon { width:28px; height:28px; }
.v5-account-hero h1 { margin:4px 0 0; font-size:18px; }
.v5-account-hero p { margin:5px 0 0; color:var(--muted); font-size:9px; }
.v5-account-actions { margin:11px 0 0; }
.danger-row { color:var(--danger); }
.danger-row .menu-icon { color:var(--danger); background:var(--danger-bg); }
.v5-oauth-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.v5-oauth-card { min-height:106px; padding:14px; display:grid; grid-template-columns:36px minmax(0,1fr); grid-template-rows:auto auto; gap:3px 10px; align-items:center; text-align:left; cursor:pointer; }
.v5-oauth-card > strong { grid-row:1/3; width:36px; height:36px; border-radius:12px; display:grid; place-items:center; background:var(--surface-2); border:1px solid var(--line); font-size:16px; }
.v5-oauth-card > span { font-size:10px; font-weight:800; }
.v5-oauth-card > small { color:var(--muted); font-size:7px; }

/* Sync */
.v5-sync-hero { min-height:150px; padding:18px; display:grid; grid-template-columns:58px minmax(0,1fr) auto; gap:13px; align-items:center; }
.v5-sync-hero.success { border-color:rgba(80,207,114,.32); }
.v5-sync-hero.error { border-color:rgba(255,141,141,.28); }
.v5-sync-icon { width:58px; height:58px; border-radius:21px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.09); border:1px solid var(--line); }
.v5-sync-hero.error .v5-sync-icon { color:var(--danger); background:var(--danger-bg); }
.v5-sync-icon .icon { width:29px; height:29px; }
.v5-sync-hero h1 { margin:5px 0 0; font-size:18px; }
.v5-sync-hero p { margin:5px 0 0; color:var(--muted); font-size:9px; line-height:1.45; }
.v5-sync-actions { margin:11px 0; display:grid; grid-template-columns:1fr 1fr 1fr; gap:8px; }
.v5-sync-actions button { min-width:0; padding:0 8px; font-size:9px; }
.v5-sync-detail { padding:5px 14px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.v5-sync-detail > div { min-height:90px; padding:14px 8px; display:grid; grid-template-columns:28px minmax(0,1fr); grid-template-rows:auto auto; align-items:center; gap:3px 7px; border-bottom:1px solid var(--line); }
.v5-sync-detail > div:nth-last-child(-n+2) { border-bottom:0; }
.v5-sync-detail > div:nth-child(odd) { border-right:1px solid var(--line); }
.v5-sync-detail span { grid-row:1/3; width:28px; height:28px; border-radius:10px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.08); }
.v5-sync-detail .icon { width:15px; height:15px; }
.v5-sync-detail strong { font-size:9px; }
.v5-sync-detail small { color:var(--muted); font-size:7px; overflow:hidden; text-overflow:ellipsis; }
.v5-code-card { margin-top:0; }
.v5-code-card code { display:block; padding:12px; border-radius:12px; color:var(--green-3); background:#04100b; border:1px solid var(--line); font:9px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace; overflow:auto; }
body[data-theme="light"] .v5-code-card code { background:#0b1810; color:#c8f5c5; }
.v5-code-card p { margin:10px 0 0; color:var(--muted); font-size:8px; line-height:1.55; }

/* Family */
.v5-family-hero { min-height:145px; padding:20px; display:grid; grid-template-columns:minmax(0,1fr) 72px; gap:12px; align-items:center; background:radial-gradient(circle at 100% 10%,rgba(80,207,114,.17),transparent 11rem),var(--surface); }
.v5-family-hero h1 { margin:5px 0 0; font:600 21px/1.15 Georgia,"Times New Roman",serif; }
.v5-family-hero p { margin:8px 0 0; color:var(--muted); font-size:9px; line-height:1.5; }
.v5-family-symbol { width:72px; height:72px; border-radius:25px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.1); border:1px solid var(--line); }
.v5-family-symbol .icon { width:34px; height:34px; }
.v5-family-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; margin-top:9px; }
.v5-family-summary section { min-height:74px; padding:10px 3px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.v5-family-summary strong { font-size:17px; color:var(--green-2); }
.v5-family-summary span { margin-top:4px; color:var(--muted); font-size:7px; }
.v5-member-strip { display:flex; gap:9px; overflow:auto; padding:2px 1px 6px; scrollbar-width:none; }
.v5-member-strip::-webkit-scrollbar { display:none; }
.v5-member-card { flex:0 0 125px; min-height:137px; padding:13px; position:relative; display:flex; flex-direction:column; align-items:flex-start; }
.v5-member-avatar { width:42px; height:42px; border-radius:15px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.09); }
.v5-member-card strong { margin-top:11px; font-size:10px; }
.v5-member-card small { margin-top:5px; color:var(--muted); font-size:7px; line-height:1.35; }
.v5-member-card > button { position:absolute; right:7px; top:7px; width:27px; height:27px; border:0; border-radius:10px; display:grid; place-items:center; color:var(--muted); background:var(--surface-2); cursor:pointer; }
.v5-member-card > button .icon { width:14px; height:14px; }
.v5-member-card > .badge { margin-top:auto; min-height:21px; padding:0 7px; font-size:7px; }
.v5-family-task-list,
.v5-goal-list { display:grid; gap:8px; }
.v5-family-task { min-height:78px; padding:11px; display:grid; grid-template-columns:40px minmax(0,1fr) 34px; gap:10px; align-items:center; }
.v5-family-task.completed { opacity:.62; }
.v5-family-task.completed strong { text-decoration:line-through; }
.v5-family-task > div strong { display:block; font-size:10px; }
.v5-family-task > div small { display:block; margin-top:5px; color:var(--muted); font-size:7px; }
.v5-family-task > div p { margin:5px 0 0; color:var(--text-soft); font-size:7px; line-height:1.4; }
.v5-template-row { margin-top:10px; display:flex; gap:7px; overflow:auto; scrollbar-width:none; }
.v5-template-row::-webkit-scrollbar { display:none; }
.v5-template-row .chip { font-size:8px; }
.v5-goal-card { padding:14px; }
.v5-goal-head { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.v5-goal-head strong { display:block; font-size:11px; }
.v5-goal-head small { display:block; margin-top:4px; color:var(--muted); font-size:8px; }
.v5-goal-card .linear-progress { margin-top:11px; }
.v5-goal-actions { display:flex; justify-content:flex-end; gap:7px; margin-top:10px; }
.v5-goal-actions .mini-button { width:auto; min-width:37px; padding:0 7px; font-size:8px; }
.v5-empty-inline { display:grid; grid-template-columns:46px minmax(0,1fr); gap:12px; align-items:center; }
.v5-empty-inline > span { width:46px; height:46px; border-radius:16px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.09); }
.v5-empty-inline strong { display:block; font-size:11px; }
.v5-empty-inline p { margin:5px 0 0; color:var(--muted); font-size:8px; line-height:1.45; }

/* Smart notifications */
.v5-notification-hero { min-height:128px; padding:18px; display:grid; grid-template-columns:58px minmax(0,1fr); gap:13px; align-items:center; background:radial-gradient(circle at 0 50%,rgba(217,189,103,.12),transparent 10rem),var(--surface); }
.v5-notification-hero > span { width:58px; height:58px; border-radius:21px; display:grid; place-items:center; color:var(--gold); background:var(--gold-soft); border:1px solid rgba(217,189,103,.23); }
.v5-notification-hero > span .icon { width:27px; height:27px; }
.v5-notification-hero h1 { margin:5px 0 0; font-size:17px; }
.v5-notification-hero p { margin:6px 0 0; color:var(--muted); font-size:8px; line-height:1.45; }
.v5-rule-list { display:grid; gap:8px; }
.v5-rule-card { min-height:105px; padding:12px; display:grid; grid-template-columns:48px minmax(0,1fr) auto; gap:10px; align-items:start; }
.v5-rule-time { width:48px; min-height:36px; padding:0 5px; border-radius:12px; display:grid; place-items:center; color:#07110e; background:var(--green-2); font-size:10px; font-weight:900; }
.v5-rule-card > div:nth-child(2) strong { display:block; font-size:10px; }
.v5-rule-card > div:nth-child(2) small { display:block; margin-top:4px; color:var(--green-2); font-size:7px; }
.v5-rule-card > div:nth-child(2) p { margin:6px 0 0; color:var(--muted); font-size:7px; line-height:1.4; }
.v5-rule-actions { display:grid; grid-template-columns:45px 31px 31px; gap:5px; align-items:center; }
.v5-rule-actions .mini-button { width:31px; height:31px; }

/* Reports */
.v5-report-hero { min-height:130px; padding:19px; display:grid; grid-template-columns:minmax(0,1fr) 64px; gap:12px; align-items:center; background:radial-gradient(circle at 100% 0,rgba(80,207,114,.16),transparent 11rem),var(--surface); }
.v5-report-hero h1 { margin:5px 0 0; font:600 21px/1.15 Georgia,"Times New Roman",serif; }
.v5-report-hero p { margin:7px 0 0; color:var(--muted); font-size:9px; line-height:1.45; }
.v5-report-hero > span { width:64px; height:64px; border-radius:22px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.09); }
.v5-report-hero > span .icon { width:30px; height:30px; }
.v5-report-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; margin-top:9px; }
.v5-report-metrics section { min-height:92px; padding:10px 4px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.v5-report-metrics section > span { width:30px; height:30px; border-radius:11px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.08); }
.v5-report-metrics .icon { width:15px; height:15px; }
.v5-report-metrics strong { margin-top:7px; font-size:15px; }
.v5-report-metrics small { margin-top:3px; color:var(--muted); font-size:6px; }
.v5-report-chart { height:205px; padding:16px 10px 11px; display:flex; align-items:flex-end; gap:5px; overflow:auto; scrollbar-width:none; }
.v5-report-chart::-webkit-scrollbar { display:none; }
.v5-chart-column { flex:1 0 18px; min-width:18px; height:100%; display:grid; grid-template-rows:1fr auto auto; justify-items:center; gap:3px; }
.v5-chart-track { width:10px; height:100%; border-radius:999px; background:var(--surface-2); display:flex; align-items:flex-end; overflow:hidden; }
.v5-chart-track span { width:100%; min-height:3px; border-radius:999px; background:linear-gradient(180deg,var(--green-3),var(--green)); }
.v5-chart-column strong { font-size:6px; }
.v5-chart-column small { color:var(--muted); font-size:6px; text-transform:capitalize; }
.v5-report-actions { margin:11px 0; }

/* Admin */
.v5-admin-lock { min-height:380px; padding:30px 22px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:radial-gradient(circle at 50% 35%,rgba(80,207,114,.14),transparent 11rem),var(--surface); }
.v5-admin-lock > span { width:82px; height:82px; border-radius:29px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.09); border:1px solid var(--line); }
.v5-admin-lock > span .icon { width:38px; height:38px; }
.v5-admin-lock h1 { margin:20px 0 0; font:600 24px/1.15 Georgia,"Times New Roman",serif; }
.v5-admin-lock p { margin:10px auto 18px; max-width:300px; color:var(--muted); font-size:10px; line-height:1.55; }
.v5-admin-lock small { margin-top:13px; color:var(--muted); font-size:7px; }
.v5-admin-hero { min-height:128px; padding:19px; display:grid; grid-template-columns:minmax(0,1fr) 66px; gap:12px; align-items:center; background:radial-gradient(circle at 100% 0,rgba(217,189,103,.14),transparent 11rem),var(--surface); }
.v5-admin-hero h1 { margin:5px 0 0; font-size:20px; }
.v5-admin-hero p { margin:6px 0 0; color:var(--muted); font-size:9px; }
.v5-admin-hero > span { width:66px; height:66px; border-radius:23px; display:grid; place-items:center; color:var(--gold); background:var(--gold-soft); border:1px solid rgba(217,189,103,.23); }
.v5-admin-hero > span .icon { width:31px; height:31px; }
.v5-admin-counts { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; margin-top:9px; }
.v5-admin-counts section { min-height:83px; padding:9px 2px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.v5-admin-counts span { color:var(--green-2); }
.v5-admin-counts .icon { width:16px; height:16px; }
.v5-admin-counts strong { margin-top:6px; font-size:15px; }
.v5-admin-counts small { margin-top:2px; color:var(--muted); font-size:5.5px; }
.v5-admin-toolbar { display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:7px; margin-top:10px; }
.v5-admin-toolbar button { min-width:0; padding:0 7px; font-size:8px; }
.v5-admin-list { display:grid; gap:8px; }
.v5-admin-item { min-height:102px; padding:12px; display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:10px; align-items:start; }
.v5-admin-type { width:42px; height:42px; border-radius:15px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.09); }
.v5-admin-type .icon { width:20px; height:20px; }
.v5-admin-item > div:nth-child(2) strong { display:block; margin-top:6px; font-size:10px; }
.v5-admin-item > div:nth-child(2) small { display:block; margin-top:5px; color:var(--muted); font-size:7px; line-height:1.4; }
.v5-admin-item-actions { display:grid; grid-template-columns:45px 31px 31px; gap:5px; align-items:center; }
.v5-admin-item-actions .mini-button { width:31px; height:31px; }

/* Managed content injections */
.v5-managed-grid { display:grid; gap:8px; }
.v5-managed-card { width:100%; min-height:78px; padding:12px; display:grid; grid-template-columns:42px minmax(0,1fr) 18px; gap:10px; align-items:center; text-align:left; cursor:pointer; }
.v5-managed-card > span:first-child { width:42px; height:42px; border-radius:15px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.09); }
.v5-managed-card strong { display:block; font-size:10px; }
.v5-managed-card small { display:block; margin-top:5px; color:var(--muted); font-size:7px; line-height:1.4; }
.v5-managed-card > .icon:last-child { width:16px; color:var(--muted); }
.v5-managed-body { margin:0 0 14px; color:var(--text-soft); font-size:12px; line-height:1.75; }

/* Profile/settings/stats injection */
.v5-profile-injection,
.v5-settings-injection { margin-top:6px; }
.v5-stats-injection { width:100%; min-height:78px; margin:0 0 12px; padding:13px; display:grid; grid-template-columns:44px minmax(0,1fr) 18px; gap:10px; align-items:center; text-align:left; cursor:pointer; border-color:rgba(217,189,103,.25); background:radial-gradient(circle at 0 0,rgba(217,189,103,.11),transparent 9rem),var(--surface); }
.v5-stats-injection > span { width:44px; height:44px; border-radius:15px; display:grid; place-items:center; color:var(--gold); background:var(--gold-soft); }
.v5-stats-injection strong { display:block; font-size:11px; }
.v5-stats-injection small { display:block; margin-top:5px; color:var(--muted); font-size:8px; }
.v5-stats-injection > .icon:last-child { width:16px; color:var(--muted); }

/* Version */
.v5-version-hero { min-height:180px; padding:21px; display:grid; grid-template-columns:68px minmax(0,1fr); gap:14px; align-items:center; background:radial-gradient(circle at 0 50%,rgba(80,207,114,.14),transparent 11rem),radial-gradient(circle at 100% 0,rgba(217,189,103,.1),transparent 10rem),var(--surface); }
.v5-version-hero > span { width:68px; height:68px; border-radius:24px; display:grid; place-items:center; color:var(--green-3); background:rgba(80,207,114,.1); border:1px solid var(--line); }
.v5-version-hero > span .icon { width:32px; height:32px; }
.v5-version-hero h1 { margin:6px 0 0; font:600 21px/1.15 Georgia,"Times New Roman",serif; }
.v5-version-hero p { margin:8px 0 0; color:var(--muted); font-size:9px; line-height:1.55; }

@media (min-width: 760px) {
  .app-shell { max-width: 780px; border-left:1px solid var(--line); border-right:1px solid var(--line); box-shadow:0 0 90px rgba(0,0,0,.28); }
  .app-main { padding-left:24px; padding-right:24px; }
  .v5-module-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .v5-home-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .v5-account-actions,
  .v5-report-actions { max-width:520px; }
  .v5-report-metrics { grid-template-columns:repeat(8,minmax(0,1fr)); }
  .v5-admin-toolbar { max-width:580px; }
}

@media (max-width: 430px) {
  .v5-account-hero,
  .v5-sync-hero { grid-template-columns:52px minmax(0,1fr); }
  .v5-account-hero > .v5-connection,
  .v5-sync-hero > .v5-connection { grid-column:1 / 3; justify-self:start; }
  .v5-account-avatar,
  .v5-sync-icon { width:52px; height:52px; border-radius:18px; }
}

@media (max-width: 350px) {
  .v5-home-status { grid-template-columns:1fr; }
  .v5-home-status button { min-height:50px; }
  .v5-module-grid { grid-template-columns:1fr; }
  .v5-family-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .v5-report-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .v5-sync-actions,
  .v5-admin-toolbar { grid-template-columns:1fr; }
  .v5-admin-counts { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .v5-rule-card,
  .v5-admin-item { grid-template-columns:42px minmax(0,1fr); }
  .v5-rule-actions,
  .v5-admin-item-actions { grid-column:2; }
}

.reduce-motion .v5-hub-hero::after { animation:none; }

/* =========================================================
   MİZAN v6.0 · Denge, İbadet Günlüğü ve Odak Sistemi
   ========================================================= */
:root { --v6-font-scale: 1; }
body[data-v6-theme="midnight"] {
  --bg:#070c18; --bg-2:#0b1221; --surface:rgba(15,25,42,.95); --surface-solid:#0f192a;
  --surface-2:#16243a; --surface-3:#1d304c; --text:#f4f8ff; --text-soft:#ccd7e8; --muted:#8d9db5;
  --line:rgba(94,202,161,.18); --line-strong:rgba(94,202,161,.38); --green:#54d4a0; --green-2:#83dcb3;
  --green-3:#b6f2d3; --deep-green:#17614c; --gold:#d9c17c;
}
body[data-v6-theme="sand"] {
  --bg:#17130d; --bg-2:#211a10; --surface:rgba(39,31,19,.95); --surface-solid:#272013;
  --surface-2:#352b1b; --surface-3:#443724; --text:#fff9ed; --text-soft:#e6dac5; --muted:#b2a38b;
  --line:rgba(224,188,111,.19); --line-strong:rgba(224,188,111,.42); --green:#9dd184; --green-2:#c3df94;
  --green-3:#e4efb1; --deep-green:#536f3e; --gold:#e0bc6f; --gold-soft:rgba(224,188,111,.14);
}
body[data-theme="light"][data-v6-theme="sand"] {
  --bg:#f5efe2; --bg-2:#fffaf0; --surface:rgba(255,252,245,.96); --surface-solid:#fffdf8;
  --surface-2:#eee3cf; --surface-3:#e3d3b8; --text:#33291b; --text-soft:#584a36; --muted:#7c6c55;
  --line:rgba(112,82,38,.16); --line-strong:rgba(112,82,38,.34); --green:#608d4a; --green-2:#7fac62;
  --green-3:#a6c985; --deep-green:#476737; --gold:#ad7e32;
}
body[data-v6-theme="contrast"] {
  --bg:#020504; --bg-2:#050907; --surface:#0b110e; --surface-solid:#0b110e; --surface-2:#121b16;
  --surface-3:#1b2720; --text:#ffffff; --text-soft:#f3fff6; --muted:#c2d2c6; --line:rgba(167,255,174,.42);
  --line-strong:rgba(167,255,174,.75); --green:#62ff85; --green-2:#b5ff9b; --green-3:#e0ffd3; --gold:#ffd86f;
}
body[data-v6-theme="contrast"] .card,
body[data-v6-theme="contrast"] button,
body[data-v6-theme="contrast"] input,
body[data-v6-theme="contrast"] textarea,
body[data-v6-theme="contrast"] select { border-width:2px; }
body.v6-no-glass .app-header,
body.v6-no-glass .bottom-nav,
body.v6-no-glass .modal-backdrop,
body.v6-no-glass .ai-backdrop { backdrop-filter:none!important; -webkit-backdrop-filter:none!important; }
body.v6-no-glass .card { background:var(--surface-solid); }
body.v6-large-targets .v6-view button,
body.v6-large-targets .v6-view .menu-row { min-height:54px; }

.v6-view { padding-bottom:10px; font-size:calc(1em * var(--v6-font-scale)); }
.v6-view .page-header { position:relative; z-index:2; }
.v6-view button:disabled { opacity:.38; cursor:not-allowed; }
.v6-boundary-note { display:grid; grid-template-columns:42px minmax(0,1fr); gap:12px; align-items:start; margin-top:14px; }
.v6-boundary-note > .icon { width:42px; height:42px; padding:10px; border-radius:14px; color:var(--gold); background:var(--gold-soft); border:1px solid rgba(217,189,103,.24); }
.v6-boundary-note strong { display:block; font-size:calc(11px * var(--v6-font-scale)); line-height:1.4; }
.v6-boundary-note p { margin:6px 0 0; color:var(--muted); font-size:calc(8px * var(--v6-font-scale)); line-height:1.55; }
.v6-range { width:100%; accent-color:var(--green); }

/* Score rings */
.v6-score-ring { --score:0; position:relative; flex:none; display:grid; place-items:center; border-radius:50%; background:conic-gradient(var(--green) calc(var(--score) * 1%), var(--surface-3) 0); box-shadow:0 0 35px rgba(80,207,114,.13); }
.v6-score-ring::before { content:""; position:absolute; inset:8px; border-radius:50%; background:var(--surface-solid); border:1px solid var(--line); }
.v6-score-ring > span { position:relative; display:flex; flex-direction:column; align-items:center; }
.v6-score-ring strong { color:var(--green-2); font:700 26px/1 Georgia,"Times New Roman",serif; }
.v6-score-ring small { margin-top:2px; color:var(--muted); font-size:7px; }
.v6-score-ring.large { width:112px; height:112px; }
.v6-score-ring.small { width:78px; height:78px; }
.v6-score-ring.small::before { inset:6px; }
.v6-score-ring.small strong { font-size:19px; }

/* V6 hub */
.v6-hub-hero { min-height:230px; padding:22px; display:grid; grid-template-columns:minmax(0,1fr) 112px; gap:16px; align-items:center; overflow:hidden; background:radial-gradient(circle at 100% 0,rgba(80,207,114,.22),transparent 15rem),radial-gradient(circle at 0 100%,rgba(217,189,103,.1),transparent 14rem),var(--surface); border-color:rgba(139,203,117,.3); }
.v6-hub-hero h1 { margin:8px 0 0; font:600 26px/1.1 Georgia,"Times New Roman",serif; }
.v6-hub-hero p { margin:10px 0 0; color:var(--muted); font-size:10px; line-height:1.6; }
.v6-insight-card { margin-top:10px; padding:14px; display:grid; grid-template-columns:46px minmax(0,1fr) auto; gap:11px; align-items:center; border-color:rgba(217,189,103,.25); background:radial-gradient(circle at 0 0,rgba(217,189,103,.12),transparent 10rem),var(--surface); }
.v6-insight-card > span { width:46px; height:46px; border-radius:16px; display:grid; place-items:center; color:var(--gold); background:var(--gold-soft); border:1px solid rgba(217,189,103,.22); }
.v6-insight-card small { color:var(--gold); font-size:7px; font-weight:900; letter-spacing:.13em; }
.v6-insight-card strong { display:block; margin-top:4px; font-size:11px; line-height:1.35; }
.v6-insight-card p { margin:4px 0 0; color:var(--muted); font-size:8px; line-height:1.45; }
.v6-insight-card > button { min-height:36px; padding:0 10px; border:1px solid var(--line); border-radius:12px; background:var(--surface-2); color:var(--green-2); font-size:8px; font-weight:900; cursor:pointer; }
.v6-mini-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:10px; }
.v6-mini-metrics section { min-height:92px; padding:10px 5px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.v6-mini-metrics section > span { width:32px; height:32px; border-radius:11px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.09); }
.v6-mini-metrics .icon { width:16px; height:16px; }
.v6-mini-metrics strong { margin-top:7px; font-size:16px; }
.v6-mini-metrics small { margin-top:3px; color:var(--muted); font-size:6.5px; }
.v6-module-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.v6-module-card { min-height:101px; padding:13px; display:grid; grid-template-columns:42px minmax(0,1fr) 17px; gap:10px; align-items:center; text-align:left; cursor:pointer; }
.v6-module-card > span { width:42px; height:42px; border-radius:15px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.09); border:1px solid var(--line); }
.v6-module-card > span .icon { width:20px; height:20px; }
.v6-module-card strong { display:block; font-size:10px; }
.v6-module-card small { display:block; margin-top:5px; color:var(--muted); font-size:7px; line-height:1.4; }
.v6-module-card > .icon:last-child { width:16px; color:var(--muted); }

/* Home injection */
.v6-home-injection { margin:11px 0 0; }
.v6-home-balance { width:100%; min-height:100px; padding:12px; display:grid; grid-template-columns:78px minmax(0,1fr) 17px; gap:11px; align-items:center; text-align:left; cursor:pointer; border-color:rgba(139,203,117,.31); background:radial-gradient(circle at 0 50%,rgba(80,207,114,.12),transparent 11rem),var(--surface); }
.v6-home-balance > span:nth-child(2) small { color:var(--green-2); font-size:7px; font-weight:900; letter-spacing:.12em; }
.v6-home-balance > span:nth-child(2) strong { display:block; margin-top:5px; font-size:12px; }
.v6-home-balance > span:nth-child(2) p { margin:4px 0 0; color:var(--muted); font-size:8px; line-height:1.35; }
.v6-home-balance > .icon:last-child { width:16px; color:var(--muted); }
.v6-home-quick { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; margin-top:8px; }
.v6-home-quick button { min-height:76px; padding:8px 3px; display:flex; flex-direction:column; align-items:center; justify-content:center; cursor:pointer; }
.v6-home-quick button > span { width:30px; height:30px; border-radius:11px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.08); }
.v6-home-quick .icon { width:15px; height:15px; }
.v6-home-quick strong { margin-top:6px; font-size:10px; }
.v6-home-quick small { margin-top:2px; color:var(--muted); font-size:6px; }

/* Balance */
.v6-balance-hero { min-height:175px; padding:20px; display:grid; grid-template-columns:minmax(0,1fr) 112px; gap:13px; align-items:center; background:radial-gradient(circle at 100% 0,rgba(80,207,114,.18),transparent 13rem),var(--surface); }
.v6-balance-hero h1 { margin:7px 0 0; font:600 23px/1.15 Georgia,"Times New Roman",serif; }
.v6-balance-hero p { margin:8px 0 0; color:var(--muted); font-size:9px; line-height:1.5; }
.v6-balance-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:9px; }
.v6-balance-summary section { min-height:77px; padding:10px 5px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.v6-balance-summary strong { color:var(--green-2); font-size:20px; }
.v6-balance-summary small { margin-top:4px; color:var(--muted); font-size:6.5px; }
.v6-pillar-card { padding:8px 14px; }
.v6-pillar-row { min-height:66px; display:grid; grid-template-columns:38px minmax(0,1fr); gap:10px; align-items:center; border-bottom:1px solid var(--line); }
.v6-pillar-row:last-child { border-bottom:0; }
.v6-pillar-row > span { width:38px; height:38px; border-radius:13px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.08); }
.v6-pillar-row .icon { width:18px; height:18px; }
.v6-pillar-row div { display:grid; grid-template-columns:1fr auto; align-items:center; gap:4px 8px; }
.v6-pillar-row strong { font-size:10px; }
.v6-pillar-row small { color:var(--green-2); font-size:8px; }
.v6-pillar-row .linear-progress { grid-column:1 / 3; height:5px; }
.v6-heatmap-card { padding:15px; }
.v6-heatmap { display:grid; grid-template-columns:repeat(10,minmax(0,1fr)); gap:5px; }
.v6-heat { aspect-ratio:1; min-width:0; border:1px solid var(--line); border-radius:5px; cursor:pointer; }
.v6-heat.level-0,.v6-heat-legend .level-0 { background:var(--surface-3); }
.v6-heat.level-1,.v6-heat-legend .level-1 { background:color-mix(in srgb,var(--green) 24%,var(--surface-2)); }
.v6-heat.level-2,.v6-heat-legend .level-2 { background:color-mix(in srgb,var(--green) 46%,var(--surface-2)); }
.v6-heat.level-3,.v6-heat-legend .level-3 { background:color-mix(in srgb,var(--green) 70%,var(--surface-2)); }
.v6-heat.level-4,.v6-heat-legend .level-4 { background:var(--green); box-shadow:0 0 10px rgba(80,207,114,.25); }
.v6-heat-legend { margin-top:12px; display:flex; align-items:center; justify-content:flex-end; gap:5px; color:var(--muted); font-size:7px; }
.v6-heat-legend i { width:11px; height:11px; border-radius:3px; border:1px solid var(--line); }
.v6-day-summary { padding:13px; display:grid; grid-template-columns:78px minmax(0,1fr); gap:12px; align-items:center; }
.v6-day-summary strong { display:block; font-size:12px; }
.v6-day-summary small { display:block; margin-top:6px; color:var(--muted); font-size:8px; line-height:1.45; }

/* Prayer journal */
.v6-prayer-hero { min-height:145px; padding:18px; display:grid; grid-template-columns:minmax(0,1fr) 78px; gap:12px; align-items:center; background:radial-gradient(circle at 100% 0,rgba(80,207,114,.16),transparent 11rem),var(--surface); }
.v6-prayer-hero h1 { margin:6px 0 0; font:600 21px/1.15 Georgia,"Times New Roman",serif; }
.v6-prayer-hero p { margin:7px 0 0; color:var(--muted); font-size:8px; }
.v6-date-switcher { min-height:62px; margin:9px 0; display:grid; grid-template-columns:45px minmax(0,1fr) 45px; gap:8px; align-items:center; }
.v6-date-switcher > button { height:45px; border:1px solid var(--line); border-radius:14px; background:var(--surface); cursor:pointer; }
.v6-date-switcher > button:nth-child(2) { height:55px; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.v6-date-switcher strong { font-size:11px; }
.v6-date-switcher small { margin-top:3px; color:var(--muted); font-size:7px; text-transform:capitalize; }
.v6-prayer-list { display:grid; gap:8px; }
.v6-prayer-row { min-height:82px; padding:12px; display:grid; grid-template-columns:44px minmax(0,1fr) auto; gap:10px; align-items:center; }
.v6-prayer-row > span { width:44px; height:44px; border-radius:15px; display:grid; place-items:center; color:var(--muted); background:var(--surface-2); }
.v6-prayer-row.done { border-color:rgba(80,207,114,.32); }
.v6-prayer-row.done > span { color:#07110e; background:linear-gradient(145deg,var(--green-2),var(--green)); }
.v6-prayer-row strong { display:block; font-size:11px; }
.v6-prayer-row small { display:block; margin-top:4px; color:var(--muted); font-size:7px; }
.v6-prayer-row p { margin:5px 0 0; color:var(--text-soft); font-size:7px; line-height:1.4; }
.v6-prayer-row > button { min-height:36px; padding:0 10px; border:1px solid var(--line); border-radius:12px; color:var(--green-2); background:var(--surface-2); font-size:8px; font-weight:800; cursor:pointer; }
.v6-prayer-actions { margin-top:10px; }
.v6-friday-callout { margin-top:10px; padding:13px; display:grid; grid-template-columns:44px minmax(0,1fr) auto; gap:10px; align-items:center; border-color:rgba(217,189,103,.28); }
.v6-friday-callout > span { width:44px; height:44px; border-radius:15px; display:grid; place-items:center; color:var(--gold); background:var(--gold-soft); }
.v6-friday-callout small { color:var(--gold); font-size:6px; font-weight:900; }
.v6-friday-callout strong { display:block; margin-top:4px; font-size:9px; }
.v6-friday-callout button { border:0; background:transparent; color:var(--green-2); font-size:8px; font-weight:900; cursor:pointer; }
.v6-prayer-history { height:170px; padding:13px 9px; display:flex; align-items:flex-end; gap:4px; overflow:auto; scrollbar-width:none; }
.v6-prayer-history button { flex:1 0 10px; min-width:10px; height:100%; padding:0; border:0; background:transparent; display:grid; grid-template-rows:1fr auto; align-items:end; gap:4px; cursor:pointer; }
.v6-prayer-history button > span { width:100%; min-height:4px; border-radius:999px; background:linear-gradient(180deg,var(--green-2),var(--green)); }
.v6-prayer-history small { color:var(--muted); font-size:5px; }
.v6-check-row input[type="checkbox"] { width:21px; height:21px; accent-color:var(--green); }

/* Quran studio */
.v6-quran-hero { min-height:165px; padding:20px; display:grid; grid-template-columns:minmax(0,1fr) 68px; gap:12px; align-items:center; background:radial-gradient(circle at 100% 0,rgba(217,189,103,.15),transparent 12rem),var(--surface); }
.v6-quran-hero.active { border-color:rgba(80,207,114,.35); background:radial-gradient(circle at 100% 0,rgba(80,207,114,.19),transparent 13rem),var(--surface); }
.v6-quran-hero h1 { margin:7px 0 0; font:600 25px/1.1 Georgia,"Times New Roman",serif; }
.v6-quran-hero p { margin:8px 0 0; color:var(--muted); font-size:9px; }
.v6-quran-mark { width:68px; height:68px; border-radius:24px; display:grid; place-items:center; color:var(--gold); background:var(--gold-soft); border:1px solid rgba(217,189,103,.23); }
.v6-quran-hero.active .v6-quran-mark { color:var(--green-2); background:rgba(80,207,114,.1); border-color:var(--line-strong); }
.v6-quran-mark .icon { width:31px; height:31px; }
.v6-preset-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:7px; }
.v6-preset-grid button { min-height:72px; padding:7px 2px; display:flex; flex-direction:column; align-items:center; justify-content:center; cursor:pointer; }
.v6-preset-grid strong { color:var(--green-2); font-size:18px; }
.v6-preset-grid small { margin-top:3px; color:var(--muted); font-size:7px; }
.v6-memory-list { display:grid; gap:8px; }
.v6-memory-card { padding:12px; display:grid; grid-template-columns:minmax(0,1fr); gap:10px; }
.v6-memory-card.due { border-color:rgba(217,189,103,.34); background:radial-gradient(circle at 100% 0,rgba(217,189,103,.09),transparent 9rem),var(--surface); }
.v6-memory-card strong { display:block; margin-top:7px; font-size:11px; }
.v6-memory-card small { display:block; margin-top:4px; color:var(--muted); font-size:7px; }
.v6-memory-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) 34px; gap:6px; }
.v6-memory-actions button { min-height:34px; border:1px solid var(--line); border-radius:11px; background:var(--surface-2); color:var(--text-soft); font-size:7px; font-weight:800; cursor:pointer; }
.v6-memory-actions .danger { color:var(--danger); background:var(--danger-bg); }

/* Habits */
.v6-habit-hero { min-height:140px; padding:18px; display:grid; grid-template-columns:minmax(0,1fr) 78px; gap:12px; align-items:center; background:radial-gradient(circle at 100% 0,rgba(80,207,114,.15),transparent 11rem),var(--surface); }
.v6-habit-hero h1 { margin:6px 0 0; font:600 21px/1.15 Georgia,"Times New Roman",serif; }
.v6-habit-hero p { margin:7px 0 0; color:var(--muted); font-size:8px; }
.v6-week-strip { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:5px; margin:9px 0; }
.v6-week-strip button { min-height:65px; padding:6px 2px; border:1px solid var(--line); border-radius:14px; background:var(--surface); display:flex; flex-direction:column; align-items:center; justify-content:center; cursor:pointer; }
.v6-week-strip button.active { color:#07110e; background:var(--green-2); border-color:var(--green-2); }
.v6-week-strip button.today:not(.active) { border-color:var(--line-strong); }
.v6-week-strip small { font-size:6px; text-transform:capitalize; }
.v6-week-strip strong { margin-top:3px; font-size:12px; }
.v6-week-strip span { margin-top:4px; min-width:18px; height:18px; padding:0 4px; border-radius:999px; display:grid; place-items:center; background:var(--surface-2); color:var(--muted); font-size:6px; }
.v6-week-strip button.active span { background:rgba(7,17,14,.15); color:#07110e; }
.v6-habit-list { display:grid; gap:8px; margin-bottom:10px; }
.v6-habit-row { min-height:86px; padding:11px; display:grid; grid-template-columns:46px minmax(0,1fr) 34px; gap:10px; align-items:center; }
.v6-habit-row.done { border-color:rgba(80,207,114,.31); }
.v6-habit-check { width:46px; height:46px; border:1px solid var(--line); border-radius:16px; display:grid; place-items:center; color:var(--muted); background:var(--surface-2); cursor:pointer; }
.v6-habit-row.done .v6-habit-check { color:#07110e; background:linear-gradient(145deg,var(--green-2),var(--green)); }
.v6-habit-row strong { display:block; font-size:10px; }
.v6-habit-row small { display:block; margin-top:5px; color:var(--muted); font-size:7px; }
.v6-habit-row .linear-progress { margin-top:7px; height:5px; }

/* Journal */
.v6-journal-form { background:radial-gradient(circle at 100% 0,rgba(217,189,103,.08),transparent 12rem),var(--surface); }
.v6-rating-row { min-height:64px; display:grid; grid-template-columns:38px minmax(0,1fr); gap:10px; align-items:center; border-bottom:1px solid var(--line); }
.v6-rating-row > span { width:38px; height:38px; border-radius:13px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.08); }
.v6-rating-row label { display:block; font-size:9px; font-weight:800; }
.v6-rating-row input { margin-top:8px; }

/* Collections */
.v6-tab-switch { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-bottom:10px; }
.v6-tab-switch button { min-height:48px; border:1px solid var(--line); border-radius:15px; background:var(--surface); color:var(--muted); display:flex; align-items:center; justify-content:center; gap:8px; font-size:9px; font-weight:800; cursor:pointer; }
.v6-tab-switch button.active { color:#07110e; background:var(--green-2); border-color:var(--green-2); }
.v6-collection-list { display:grid; gap:9px; margin-bottom:10px; }
.v6-collection-card { padding:13px; display:grid; grid-template-columns:44px minmax(0,1fr) 34px; gap:10px; align-items:start; }
.v6-collection-card > span { width:44px; height:44px; border-radius:15px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.09); }
.v6-collection-card strong { display:block; font-size:10px; }
.v6-collection-card p { margin:6px 0 0; color:var(--text-soft); font-size:8px; line-height:1.55; white-space:pre-wrap; }
.v6-collection-card small { display:block; margin-top:6px; color:var(--muted); font-size:7px; }
.v6-collection-card > div:last-child { display:grid; gap:5px; }
.v6-collection-card > div:last-child button { width:34px; height:34px; border:1px solid var(--line); border-radius:11px; display:grid; place-items:center; background:var(--surface-2); color:var(--muted); cursor:pointer; }
.v6-collection-card > div:last-child .icon { width:15px; height:15px; }

/* Family */
.v6-week-navigation { min-height:65px; margin-bottom:9px; display:grid; grid-template-columns:44px minmax(0,1fr) 44px; gap:8px; align-items:center; }
.v6-week-navigation > button { height:44px; border:1px solid var(--line); border-radius:14px; background:var(--surface); cursor:pointer; }
.v6-week-navigation > div { text-align:center; }
.v6-week-navigation strong { display:block; font-size:11px; }
.v6-week-navigation small { display:block; margin-top:4px; color:var(--muted); font-size:7px; }
.v6-family-calendar { padding:8px 12px; margin-bottom:10px; }
.v6-family-day { min-height:74px; display:grid; grid-template-columns:48px minmax(0,1fr); gap:9px; align-items:start; padding:9px 0; border-bottom:1px solid var(--line); }
.v6-family-day:last-child { border-bottom:0; }
.v6-family-day.today > span { color:#07110e; background:var(--green-2); }
.v6-family-day > span { width:48px; min-height:52px; border-radius:15px; display:flex; flex-direction:column; align-items:center; justify-content:center; background:var(--surface-2); }
.v6-family-day > span small { font-size:6px; text-transform:capitalize; }
.v6-family-day > span strong { margin-top:3px; font-size:13px; }
.v6-family-day > div { display:grid; gap:5px; }
.v6-family-day > div button { min-height:48px; padding:8px 10px; border:1px solid var(--line); border-radius:12px; background:var(--surface-2); text-align:left; cursor:pointer; }
.v6-family-day > div button.done { opacity:.66; }
.v6-family-day > div button strong { display:block; font-size:8px; }
.v6-family-day > div button small { display:block; margin-top:4px; color:var(--muted); font-size:6px; }
.v6-family-day > div p { margin:15px 0 0; color:var(--muted); font-size:7px; }
.v6-challenge-list { display:grid; gap:8px; }
.v6-challenge-card { min-height:92px; padding:11px; display:grid; grid-template-columns:42px minmax(0,1fr) 36px 34px; gap:9px; align-items:center; }
.v6-challenge-card > span { width:42px; height:42px; border-radius:15px; display:grid; place-items:center; color:var(--gold); background:var(--gold-soft); }
.v6-challenge-card strong { display:block; font-size:9px; }
.v6-challenge-card small { display:block; margin-top:4px; color:var(--muted); font-size:7px; }
.v6-challenge-card .linear-progress { margin-top:7px; height:5px; }
.v6-challenge-card > button { width:36px; height:36px; border:1px solid var(--line); border-radius:12px; display:grid; place-items:center; background:var(--surface-2); color:var(--green-2); cursor:pointer; }
.v6-challenge-card > button.done { color:#07110e; background:var(--green-2); }
.v6-challenge-card > .mini-button { width:34px; height:34px; color:var(--danger); }

/* Focus */
.v6-focus-hero { min-height:155px; padding:19px; display:grid; grid-template-columns:70px minmax(0,1fr); gap:14px; align-items:center; background:radial-gradient(circle at 0 50%,rgba(80,207,114,.18),transparent 12rem),var(--surface); }
.v6-focus-hero > span { width:70px; height:70px; border-radius:24px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.09); border:1px solid var(--line); }
.v6-focus-hero > span .icon { width:32px; height:32px; }
.v6-focus-hero h1 { margin:6px 0 0; font:600 25px/1 Georgia,"Times New Roman",serif; }
.v6-focus-hero p { margin:7px 0 0; color:var(--muted); font-size:8px; }
.v6-focus-presets { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-top:10px; }
.v6-focus-presets button { min-height:142px; padding:15px; text-align:left; cursor:pointer; background:radial-gradient(circle at 100% 0,rgba(80,207,114,.09),transparent 8rem),var(--surface); }
.v6-focus-presets strong { color:var(--green-2); font:700 30px/1 Georgia,"Times New Roman",serif; }
.v6-focus-presets > button > span { color:var(--muted); font-size:9px; }
.v6-focus-presets small { display:block; margin-top:10px; color:var(--text); font-size:9px; font-weight:900; }
.v6-focus-presets p { margin:6px 0 0; color:var(--muted); font-size:7px; line-height:1.45; }
.v6-focus-modal-card { padding:22px; text-align:center; }
.v6-focus-modal-card > span { width:70px; height:70px; margin:auto; border-radius:24px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.09); }
.v6-focus-modal-card h2 { margin:14px 0 0; }
.v6-focus-modal-card p { margin:8px 0 0; color:var(--muted); font-size:9px; }
.v6-focus-overlay { position:fixed; inset:0; z-index:520; padding:24px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; overflow:hidden; background:radial-gradient(circle at 50% 42%,rgba(80,207,114,.2),transparent 18rem),linear-gradient(180deg,#06100c,#020806); }
.v6-focus-overlay[hidden] { display:none; }
.v6-focus-glow { position:absolute; width:300px; height:300px; border-radius:50%; background:rgba(80,207,114,.13); filter:blur(80px); animation:breathe 3s ease-in-out infinite; }
.v6-focus-logo { position:relative; width:92px; height:92px; border-radius:32px; display:grid; place-items:center; color:#b8f29a; background:rgba(80,207,114,.11); border:1px solid rgba(139,203,117,.28); box-shadow:0 0 50px rgba(80,207,114,.15); }
.v6-focus-logo .icon { width:43px; height:43px; }
.v6-focus-overlay > .eyebrow { position:relative; margin-top:25px; }
.v6-focus-overlay h1 { position:relative; margin:13px 0 0; font:500 58px/1 Georgia,"Times New Roman",serif; letter-spacing:.03em; }
.v6-focus-overlay h2 { position:relative; margin:17px 0 0; font-size:17px; }
.v6-focus-overlay p { position:relative; margin:8px 0 0; color:#92a69a; font-size:10px; }
.v6-focus-progress { position:relative; width:min(82vw,360px); height:7px; margin-top:28px; border-radius:999px; background:#15271f; overflow:hidden; }
.v6-focus-progress span { display:block; height:100%; width:0; background:linear-gradient(90deg,#50cf72,#b9ef8c); transition:width .7s linear; }
.v6-focus-overlay > button { position:relative; min-height:48px; margin-top:25px; padding:0 22px; border:1px solid rgba(255,255,255,.13); border-radius:15px; background:rgba(255,255,255,.05); color:#d6e4da; font-weight:800; cursor:pointer; }
body.v6-focus-active { overflow:hidden; }

/* Appearance */
.v6-theme-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.v6-theme-card { min-height:105px; padding:13px; display:grid; grid-template-columns:42px minmax(0,1fr) 20px; gap:10px; align-items:center; text-align:left; cursor:pointer; }
.v6-theme-card.active { border-color:var(--line-strong); box-shadow:0 0 0 1px var(--line-strong),inset 0 1px rgba(255,255,255,.05); }
.v6-theme-card > span { width:42px; height:42px; border-radius:15px; display:grid; place-items:center; }
.v6-theme-card strong { display:block; font-size:10px; }
.v6-theme-card small { display:block; margin-top:5px; color:var(--muted); font-size:7px; line-height:1.4; }
.v6-theme-card.theme-emerald > span { color:#07110e; background:linear-gradient(145deg,#8bcb75,#50cf72); }
.v6-theme-card.theme-midnight > span { color:#07101e; background:linear-gradient(145deg,#83dcb3,#5377bd); }
.v6-theme-card.theme-sand > span { color:#25180b; background:linear-gradient(145deg,#e0bc6f,#9dd184); }
.v6-theme-card.theme-contrast > span { color:#020504; background:linear-gradient(145deg,#fff,#62ff85); }
.v6-preview-card { min-height:120px; margin:11px 0; padding:17px; display:grid; grid-template-columns:52px minmax(0,1fr); gap:12px; align-items:center; }
.v6-preview-card > span { width:52px; height:52px; border-radius:18px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.09); }
.v6-preview-card small { color:var(--green-2); font-size:7px; font-weight:900; }
.v6-preview-card strong { display:block; margin-top:5px; font-size:12px; }
.v6-preview-card p { margin:6px 0 0; color:var(--muted); font-size:8px; }

/* Security, lock and privacy */
.v6-security-hero { min-height:180px; padding:22px; display:grid; grid-template-columns:76px minmax(0,1fr); gap:14px; align-items:center; background:radial-gradient(circle at 0 50%,rgba(80,207,114,.15),transparent 12rem),var(--surface); }
.v6-security-hero > span { width:76px; height:76px; border-radius:27px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.09); border:1px solid var(--line); }
.v6-security-hero > span .icon { width:35px; height:35px; }
.v6-security-hero h1 { margin:7px 0 0; font:600 21px/1.15 Georgia,"Times New Roman",serif; }
.v6-security-hero p { margin:8px 0 0; color:var(--muted); font-size:8px; line-height:1.5; }
.v6-pin-input { text-align:center; font-size:22px; letter-spacing:.3em; }
.v6-lock-screen { position:fixed; inset:0; z-index:610; padding:28px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:radial-gradient(circle at 50% 40%,rgba(80,207,114,.17),transparent 18rem),linear-gradient(180deg,#06100c,#020806); }
.v6-lock-screen[hidden] { display:none; }
.v6-lock-glow { position:absolute; width:260px; height:260px; border-radius:50%; background:rgba(80,207,114,.12); filter:blur(75px); }
.v6-lock-symbol { position:relative; width:90px; height:90px; border-radius:31px; display:grid; place-items:center; color:#b9ef8c; background:rgba(80,207,114,.1); border:1px solid rgba(139,203,117,.26); }
.v6-lock-symbol .icon { width:40px; height:40px; }
.v6-lock-screen > .eyebrow { position:relative; margin-top:24px; }
.v6-lock-screen h1 { position:relative; margin:10px 0 0; font:600 29px/1 Georgia,"Times New Roman",serif; }
.v6-lock-screen p { position:relative; margin:9px 0 18px; color:#93a79a; font-size:10px; }
.v6-lock-screen input { position:relative; width:min(80vw,290px); height:57px; border:1px solid rgba(139,203,117,.3); border-radius:17px; background:#0e1d16; color:white; text-align:center; font-size:22px; letter-spacing:.35em; }
.v6-lock-screen > button { position:relative; width:min(80vw,290px); min-height:52px; margin-top:10px; border:0; border-radius:16px; color:#07110e; background:linear-gradient(135deg,#8de87e,#43bf68); display:flex; align-items:center; justify-content:center; gap:8px; font-weight:900; cursor:pointer; }
.v6-lock-screen > small { position:relative; min-height:18px; margin-top:10px; color:#ffaaa0; font-size:8px; }
body.v6-locked { overflow:hidden; }
.v6-privacy-screen { position:fixed; inset:0; z-index:600; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:#07110e; }
.v6-privacy-screen[hidden] { display:none; }
.v6-privacy-screen > span { width:76px; height:76px; border-radius:27px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.09); }
.v6-privacy-screen strong { margin-top:17px; font-size:17px; }
.v6-privacy-screen small { margin-top:7px; color:var(--muted); font-size:8px; }

/* PWA */
.v6-pwa-hero { min-height:175px; padding:20px; display:grid; grid-template-columns:72px minmax(0,1fr); gap:14px; align-items:center; background:radial-gradient(circle at 0 50%,rgba(80,207,114,.16),transparent 12rem),var(--surface); }
.v6-pwa-hero > span { width:72px; height:72px; border-radius:25px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.09); }
.v6-pwa-hero > span .icon { width:33px; height:33px; }
.v6-pwa-hero h1 { margin:7px 0 0; font:600 21px/1.15 Georgia,"Times New Roman",serif; }
.v6-pwa-hero p { margin:8px 0 0; color:var(--muted); font-size:8px; line-height:1.5; }
.v6-pwa-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:9px; }
.v6-pwa-metrics section { min-height:95px; padding:12px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.v6-pwa-metrics section > span { color:var(--green-2); }
.v6-pwa-metrics strong { margin-top:8px; font-size:11px; }
.v6-pwa-metrics small { margin-top:4px; color:var(--muted); font-size:7px; }

/* Version/injections/welcome */
.v6-version-hero { min-height:190px; padding:22px; display:grid; grid-template-columns:72px minmax(0,1fr); gap:14px; align-items:center; background:radial-gradient(circle at 0 50%,rgba(80,207,114,.15),transparent 12rem),radial-gradient(circle at 100% 0,rgba(217,189,103,.1),transparent 10rem),var(--surface); }
.v6-version-hero > span { width:72px; height:72px; border-radius:25px; display:grid; place-items:center; color:var(--green-3); background:rgba(80,207,114,.1); }
.v6-version-hero > span .icon { width:34px; height:34px; }
.v6-version-hero h1 { margin:7px 0 0; font:600 22px/1.15 Georgia,"Times New Roman",serif; }
.v6-version-hero p { margin:8px 0 0; color:var(--muted); font-size:9px; line-height:1.55; }
.v6-welcome-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:12px 0; }
.v6-welcome-grid span { min-height:48px; padding:10px; border-radius:14px; display:flex; align-items:center; gap:8px; color:var(--text-soft); background:var(--surface-2); border:1px solid var(--line); font-size:9px; font-weight:800; }
.v6-welcome-grid .icon { width:18px; height:18px; color:var(--green-2); }
.v6-profile-injection,.v6-settings-injection { margin-top:6px; }
.v6-stats-injection { width:100%; min-height:82px; margin:0 0 12px; padding:13px; display:grid; grid-template-columns:44px minmax(0,1fr) 18px; gap:10px; align-items:center; text-align:left; cursor:pointer; border-color:rgba(80,207,114,.28); background:radial-gradient(circle at 0 0,rgba(80,207,114,.1),transparent 9rem),var(--surface); }
.v6-stats-injection > span { width:44px; height:44px; border-radius:15px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.09); }
.v6-stats-injection strong { display:block; font-size:11px; }
.v6-stats-injection small { display:block; margin-top:5px; color:var(--muted); font-size:8px; }
.v6-stats-injection > .icon:last-child { width:16px; color:var(--muted); }

@media (min-width:760px) {
  .v6-module-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .v6-heatmap { grid-template-columns:repeat(15,minmax(0,1fr)); }
  .v6-focus-presets,.v6-theme-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:430px) {
  .v6-hub-hero,.v6-balance-hero { grid-template-columns:minmax(0,1fr) 86px; }
  .v6-hub-hero .v6-score-ring.large,.v6-balance-hero .v6-score-ring.large { width:86px; height:86px; }
  .v6-hub-hero h1 { font-size:22px; }
  .v6-insight-card { grid-template-columns:42px minmax(0,1fr); }
  .v6-insight-card > button { grid-column:1 / -1; }
  .v6-module-grid { grid-template-columns:1fr; }
  .v6-module-card { min-height:84px; }
  .v6-memory-actions { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .v6-memory-actions .danger { grid-column:1 / -1; width:100%; }
  .v6-preset-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .v6-challenge-card { grid-template-columns:42px minmax(0,1fr) 36px; }
  .v6-challenge-card > .mini-button { grid-column:3; }
}
@media (max-width:350px) {
  .v6-home-quick,.v6-mini-metrics,.v6-balance-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .v6-theme-grid,.v6-focus-presets { grid-template-columns:1fr; }
  .v6-prayer-row { grid-template-columns:40px minmax(0,1fr); }
  .v6-prayer-row > button { grid-column:2; }
}
.reduce-motion .v6-focus-glow { animation:none; }

/* =========================================================
   MİZAN v6.0 — Premium Akıllı Yaşam
   ========================================================= */
.v6-view { padding-bottom: 8px; }
.v6-view .page-header { position: relative; }
.v6-view .page-header::after {
  content: "V6";
  position: absolute;
  right: 2px;
  bottom: 3px;
  padding: 3px 7px;
  border-radius: 999px;
  color: var(--gold);
  background: var(--gold-soft);
  border: 1px solid rgba(217,189,103,.2);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .08em;
}
.v6-hub-hero,
.v6-coach-hero,
.v6-mode-hero,
.v6-security-hero,
.v6-pwa-hero,
.v6-insight-score,
.v6-quran-goal,
.v6-zikir-total {
  position: relative;
  overflow: hidden;
  padding: 20px;
  display: flex;
  align-items: center;
  gap: 15px;
  min-height: 150px;
  background:
    radial-gradient(circle at 90% 0, rgba(130,235,137,.14), transparent 16rem),
    linear-gradient(145deg, rgba(98,208,112,.09), transparent 60%),
    var(--surface);
}
.v6-hub-hero::before,
.v6-coach-hero::before,
.v6-mode-hero::before,
.v6-security-hero::before,
.v6-pwa-hero::before,
.v6-insight-score::before,
.v6-quran-goal::before,
.v6-zikir-total::before {
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  right:-55px;
  top:-70px;
  border-radius:50%;
  border:1px solid rgba(139,203,117,.14);
  box-shadow:0 0 70px rgba(80,207,114,.08);
}
.v6-hub-hero > div:not(.v6-orbit),
.v6-coach-hero > div,
.v6-mode-hero > div,
.v6-security-hero > div,
.v6-pwa-hero > div,
.v6-insight-score > div:not(.v6-score-ring),
.v6-quran-goal > div:not(.v6-ring),
.v6-zikir-total > div { min-width:0; flex:1; position:relative; z-index:1; }
.v6-hub-hero h2,
.v6-coach-hero h2,
.v6-mode-hero h2,
.v6-security-hero h2,
.v6-pwa-hero h2,
.v6-insight-score h2,
.v6-quran-goal h2 { margin:6px 0 5px; font-size:22px; letter-spacing:-.025em; }
.v6-hub-hero p,
.v6-coach-hero p,
.v6-mode-hero p,
.v6-security-hero p,
.v6-pwa-hero p,
.v6-insight-score p,
.v6-quran-goal p,
.v6-zikir-total p { margin:0; color:var(--muted); font-size:12px; line-height:1.55; }
.v6-hub-hero > button,
.v6-mode-hero > button,
.v6-security-hero > button,
.v6-backup-health > button,
.v6-family-event-list + button {
  position:relative;
  z-index:1;
  min-height:38px;
  padding:0 12px;
  border:1px solid var(--line-strong);
  border-radius:12px;
  color:var(--green-2);
  background:rgba(80,207,114,.07);
  font-size:10px;
  font-weight:850;
  cursor:pointer;
  white-space:nowrap;
}
.v6-orbit,
.v6-coach-avatar,
.v6-mode-hero > span,
.v6-security-hero > span,
.v6-pwa-hero > span,
.v6-zikir-total > span {
  flex:none;
  width:58px;
  height:58px;
  border-radius:20px;
  display:grid;
  place-items:center;
  color:var(--green-2);
  background:linear-gradient(145deg,rgba(80,207,114,.18),rgba(80,207,114,.05));
  border:1px solid var(--line-strong);
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 14px 30px rgba(0,0,0,.12);
}
.v6-orbit .icon,
.v6-coach-avatar .icon,
.v6-mode-hero > span .icon,
.v6-security-hero > span .icon,
.v6-pwa-hero > span .icon,
.v6-zikir-total > span .icon { width:29px; height:29px; }
.v6-coach-hero > strong { flex:none; text-align:center; font-size:23px; color:var(--green-2); }
.v6-coach-hero > strong small { display:block; margin-top:3px; color:var(--muted); font-size:8px; text-transform:uppercase; letter-spacing:.1em; }

.v6-kpi-row,
.v6-summary-grid,
.v6-insight-kpis,
.v6-pwa-status-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
}
.v6-kpi-row > span,
.v6-summary-grid > span,
.v6-insight-kpis > span,
.v6-pwa-status-grid > span {
  min-width:0;
  padding:14px 9px;
  text-align:center;
}
.v6-kpi-row strong,
.v6-summary-grid strong,
.v6-insight-kpis strong,
.v6-pwa-status-grid strong { display:block; color:var(--green-2); font-size:19px; line-height:1; }
.v6-kpi-row small,
.v6-summary-grid small,
.v6-insight-kpis small,
.v6-pwa-status-grid small { display:block; margin-top:6px; color:var(--muted); font-size:9px; line-height:1.3; }
.v6-summary-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.v6-summary-grid.three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.v6-insight-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); }
.v6-insight-kpis > span { padding:15px 7px; }
.v6-insight-kpis strong { font-size:18px; }
.v6-pwa-status-grid .icon { width:19px; height:19px; margin-bottom:7px; color:var(--muted); }
.v6-pwa-status-grid .ok .icon { color:var(--green-2); }
.v6-pwa-status-grid .warn .icon { color:var(--gold); }

.v6-module-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.v6-module-card {
  position:relative;
  min-height:150px;
  padding:16px;
  border:1px solid var(--line);
  text-align:left;
  cursor:pointer;
  overflow:hidden;
}
.v6-module-card::after {
  content:"";
  position:absolute;
  width:90px;
  height:90px;
  right:-45px;
  bottom:-45px;
  border-radius:50%;
  background:rgba(80,207,114,.05);
}
.v6-module-icon {
  width:45px;
  height:45px;
  display:grid;
  place-items:center;
  border-radius:15px;
  color:var(--green-2);
  background:rgba(80,207,114,.1);
  border:1px solid var(--line);
}
.v6-module-icon .icon { width:24px; height:24px; }
.v6-module-card > strong { display:block; margin-top:17px; font-size:14px; }
.v6-module-card > small { display:block; margin-top:6px; padding-right:10px; color:var(--muted); font-size:10px; line-height:1.45; }
.v6-card-arrow { position:absolute; right:10px; top:12px; color:var(--muted); }
.v6-card-arrow .icon { width:17px; height:17px; }

.v6-energy-card { margin-top:12px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.v6-energy-card > div:first-child { min-width:0; }
.v6-energy-card strong { display:block; font-size:13px; }
.v6-energy-card small { display:block; margin-top:4px; color:var(--muted); font-size:9px; }
.v6-energy-buttons { display:flex; gap:4px; flex:none; }
.v6-energy-buttons button {
  width:31px;
  height:31px;
  border-radius:10px;
  border:1px solid var(--line);
  background:var(--surface-2);
  color:var(--muted);
  font-weight:850;
  cursor:pointer;
}
.v6-energy-buttons button.active { color:#07110e; background:var(--green-2); border-color:var(--green-2); }
.v6-plan-list { overflow:hidden; }
.v6-plan-row {
  width:100%;
  min-height:70px;
  border:0;
  border-bottom:1px solid var(--line);
  padding:12px 14px;
  background:transparent;
  display:flex;
  align-items:center;
  gap:11px;
  text-align:left;
  cursor:pointer;
}
.v6-plan-row > span {
  width:38px;
  height:38px;
  border-radius:13px;
  display:grid;
  place-items:center;
  color:var(--green-2);
  background:rgba(80,207,114,.08);
  flex:none;
}
.v6-plan-row > span .icon { width:20px; height:20px; }
.v6-plan-row > div { min-width:0; flex:1; }
.v6-plan-row strong { display:block; font-size:12px; }
.v6-plan-row small { display:block; margin-top:4px; color:var(--muted); font-size:9px; line-height:1.4; }
.v6-plan-row em { color:var(--gold); font-size:9px; font-style:normal; white-space:nowrap; }
.v6-plan-row > .icon { width:16px; color:var(--muted); }
.v6-plan-actions { display:grid; grid-template-columns:1fr 1fr; gap:9px; padding:13px; }
.v6-plan-actions button { min-height:45px; padding:0 10px; font-size:10px; }
.v6-review-card { margin-top:12px; display:flex; gap:12px; }
.v6-review-card > span { color:var(--gold); }
.v6-review-card > span .icon { width:27px; height:27px; }
.v6-review-card strong { display:block; font-size:12px; }
.v6-review-card p { margin:6px 0; color:var(--text-soft); font-size:11px; line-height:1.55; }
.v6-review-card small { color:var(--muted); font-size:8px; }
.v6-review-modal { display:flex; gap:12px; }
.v6-review-modal > .icon { color:var(--gold); flex:none; }
.v6-review-modal p { margin:0; font-size:13px; line-height:1.65; }

.v6-date-switch,
.v6-calendar-head {
  min-height:70px;
  padding:10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.v6-date-switch button,
.v6-calendar-head button {
  width:40px;
  height:40px;
  border-radius:13px;
  border:1px solid var(--line);
  background:var(--surface-2);
  display:grid;
  place-items:center;
  cursor:pointer;
}
.v6-date-switch button:disabled { opacity:.3; cursor:not-allowed; }
.v6-date-switch > div,
.v6-calendar-head > div { min-width:0; flex:1; text-align:center; }
.v6-date-switch strong,
.v6-calendar-head strong { display:block; font-size:13px; text-transform:capitalize; }
.v6-date-switch small,
.v6-calendar-head small { display:block; margin-top:4px; color:var(--muted); font-size:9px; }
.v6-prayer-list { display:grid; gap:8px; margin-top:10px; }
.v6-prayer-log-row {
  width:100%;
  min-height:70px;
  padding:11px 13px;
  display:flex;
  align-items:center;
  gap:10px;
  border-color:var(--line);
  text-align:left;
  cursor:pointer;
}
.v6-prayer-state {
  width:39px;
  height:39px;
  border-radius:14px;
  display:grid;
  place-items:center;
  color:var(--muted);
  background:var(--surface-2);
  border:1px solid var(--line);
  flex:none;
}
.v6-prayer-log-row.on_time .v6-prayer-state { color:#07110e; background:var(--green-2); border-color:var(--green-2); }
.v6-prayer-log-row.late .v6-prayer-state { color:var(--gold); background:var(--gold-soft); }
.v6-prayer-log-row.qaza .v6-prayer-state { color:#9cbaff; background:rgba(104,137,255,.12); }
.v6-prayer-log-row.missed .v6-prayer-state { color:var(--danger); background:var(--danger-bg); }
.v6-prayer-log-row > div { min-width:0; flex:1; }
.v6-prayer-log-row strong { display:block; font-size:13px; }
.v6-prayer-log-row small { display:block; margin-top:4px; color:var(--muted); font-size:9px; }
.v6-prayer-log-row em { color:var(--green-2); font-size:10px; font-style:normal; }
.v6-prayer-log-row > .icon { width:16px; color:var(--muted); }
.v6-prayer-prep { margin-top:10px; display:flex; align-items:center; gap:12px; }
.v6-prayer-prep > span {
  width:44px;
  height:44px;
  border-radius:15px;
  display:grid;
  place-items:center;
  color:var(--gold);
  background:var(--gold-soft);
  flex:none;
}
.v6-prayer-prep > div { min-width:0; flex:1; }
.v6-prayer-prep strong { display:block; font-size:12px; }
.v6-prayer-prep p { margin:5px 0 0; color:var(--muted); font-size:9px; line-height:1.45; }
.v6-prayer-prep button { border:0; color:var(--green-2); background:transparent; font-size:10px; font-weight:800; cursor:pointer; }
.v6-status-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.v6-status-options label { cursor:pointer; }
.v6-status-options input { position:absolute; opacity:0; pointer-events:none; }
.v6-status-options span {
  min-height:65px;
  padding:10px;
  border-radius:14px;
  border:1px solid var(--line);
  background:var(--surface-2);
  display:flex;
  align-items:center;
  gap:8px;
}
.v6-status-options input:checked + span { border-color:var(--green-2); box-shadow:0 0 0 1px rgba(139,203,117,.22); }
.v6-status-options span .icon { color:var(--green-2); }
.v6-status-options span strong { font-size:11px; }

.v6-mini-chart,
.v6-wide-chart {
  height:180px;
  padding:17px 12px 12px;
  display:flex;
  align-items:stretch;
  justify-content:space-around;
  gap:7px;
}
.v6-mini-chart > span,
.v6-wide-chart > span {
  position:relative;
  min-width:0;
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:center;
  gap:5px;
}
.v6-mini-chart i,
.v6-wide-chart i {
  width:72%;
  min-height:4px;
  max-height:112px;
  border-radius:9px 9px 3px 3px;
  background:linear-gradient(180deg,var(--green-2),rgba(80,207,114,.2));
  box-shadow:0 0 14px rgba(80,207,114,.09);
}
.v6-mini-chart small,
.v6-wide-chart small { color:var(--muted); font-size:8px; }
.v6-mini-chart em { position:absolute; top:-1px; color:var(--text-soft); font-size:8px; font-style:normal; }
.v6-wide-chart { height:190px; overflow:hidden; }
.v6-wide-chart > span { gap:4px; }
.v6-wide-chart i { width:66%; }

.v6-mode-hero.accent-gold,
.v6-mode-card.accent-gold { background:linear-gradient(145deg,rgba(217,189,103,.16),transparent 65%),var(--surface); }
.v6-mode-hero.accent-violet,
.v6-mode-card.accent-violet { background:linear-gradient(145deg,rgba(154,119,255,.16),transparent 65%),var(--surface); }
.v6-mode-hero.accent-blue,
.v6-mode-card.accent-blue { background:linear-gradient(145deg,rgba(96,165,250,.14),transparent 65%),var(--surface); }
.v6-mode-grid { display:grid; gap:9px; }
.v6-mode-card {
  width:100%;
  min-height:86px;
  padding:13px;
  display:flex;
  align-items:center;
  gap:12px;
  text-align:left;
  cursor:pointer;
}
.v6-mode-card > span {
  width:43px;
  height:43px;
  display:grid;
  place-items:center;
  border-radius:15px;
  color:var(--green-2);
  background:rgba(80,207,114,.08);
  flex:none;
}
.v6-mode-card > div { min-width:0; flex:1; }
.v6-mode-card strong { display:block; font-size:12px; }
.v6-mode-card small { display:block; margin-top:4px; color:var(--muted); font-size:9px; line-height:1.4; }
.v6-mode-card em { padding:4px 8px; border-radius:999px; color:#07110e; background:var(--green-2); font-size:8px; font-style:normal; font-weight:900; }
.v6-mode-card.active { border-color:var(--line-strong); }

.v6-ring,
.v6-score-ring {
  --p:0;
  flex:none;
  width:90px;
  height:90px;
  border-radius:50%;
  display:grid;
  place-items:center;
  align-content:center;
  background:
    radial-gradient(circle closest-side,var(--surface-solid) 73%,transparent 75% 99%),
    conic-gradient(var(--green-2) calc(var(--p) * 1%),rgba(139,203,117,.12) 0);
  border:1px solid var(--line);
}
.v6-ring strong,
.v6-score-ring strong { display:block; font-size:18px; }
.v6-ring small,
.v6-score-ring small { color:var(--muted); font-size:8px; }
.v6-score-ring { --p:var(--score); width:105px; height:105px; }
.v6-score-ring strong { font-size:29px; color:var(--green-2); }
.v6-active-session {
  margin:11px 0;
  min-height:78px;
  padding:12px;
  display:flex;
  align-items:center;
  gap:11px;
  border-color:var(--line-strong);
}
.v6-pulse {
  width:43px;
  height:43px;
  border-radius:15px;
  display:grid;
  place-items:center;
  color:#07110e;
  background:var(--green-2);
  animation:v6pulse 1.8s ease-in-out infinite;
}
@keyframes v6pulse { 50% { box-shadow:0 0 0 10px rgba(80,207,114,.08); } }
.v6-active-session > div { min-width:0; flex:1; }
.v6-active-session strong { display:block; font-size:12px; }
.v6-active-session small { display:block; margin-top:5px; color:var(--muted); font-size:9px; }
.v6-active-session button { min-height:36px; border:0; border-radius:11px; padding:0 12px; color:#07110e; background:var(--green-2); font-weight:850; font-size:10px; cursor:pointer; }
.v6-note-list,
.v6-session-list,
.v6-custom-dua-list,
.v6-family-event-list,
.v6-insight-list { overflow:hidden; }
.v6-note-row,
.v6-custom-dua-row,
.v6-family-event-row {
  width:100%;
  min-height:70px;
  padding:12px 13px;
  border:0;
  border-bottom:1px solid var(--line);
  display:flex;
  align-items:center;
  gap:11px;
  background:transparent;
  text-align:left;
  cursor:pointer;
}
.v6-note-row > span,
.v6-custom-dua-row > span,
.v6-family-event-row > span {
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:var(--green-2);
  background:rgba(80,207,114,.08);
  flex:none;
}
.v6-note-row > div,
.v6-custom-dua-row > div,
.v6-family-event-row > div { min-width:0; flex:1; }
.v6-note-row strong,
.v6-custom-dua-row strong,
.v6-family-event-row strong { display:block; font-size:12px; }
.v6-note-row small,
.v6-custom-dua-row small,
.v6-family-event-row small { display:block; margin-top:5px; color:var(--muted); font-size:9px; line-height:1.45; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.v6-note-row > .icon,
.v6-custom-dua-row > .icon,
.v6-family-event-row > .icon { width:16px; color:var(--muted); }
.v6-session-row {
  min-height:62px;
  padding:11px 13px;
  border-bottom:1px solid var(--line);
  display:flex;
  align-items:center;
  gap:10px;
}
.v6-session-row > span { color:var(--green-2); }
.v6-session-row strong { display:block; font-size:11px; }
.v6-session-row small { display:block; margin-top:4px; color:var(--muted); font-size:9px; }

.v6-collection-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.v6-collection-card {
  min-height:126px;
  padding:15px;
  position:relative;
  text-align:left;
  cursor:pointer;
}
.v6-collection-card > span {
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  color:var(--green-2);
  background:rgba(80,207,114,.08);
}
.v6-collection-card strong { display:block; margin-top:15px; font-size:12px; }
.v6-collection-card small { display:block; margin-top:5px; color:var(--muted); font-size:9px; }
.v6-collection-card > .icon { position:absolute; right:10px; top:10px; width:15px; color:var(--muted); }
.v6-library-link { margin-top:12px; display:flex; align-items:center; gap:12px; }
.v6-library-link > span { color:var(--gold); }
.v6-library-link > div { min-width:0; flex:1; }
.v6-library-link strong { display:block; font-size:12px; }
.v6-library-link p { margin:5px 0 0; color:var(--muted); font-size:9px; line-height:1.45; }
.v6-library-link button { border:0; color:var(--green-2); background:transparent; font-size:9px; font-weight:850; cursor:pointer; }
.v6-modal-dua-list { display:grid; gap:8px; }
.v6-modal-dua { padding:11px; display:flex; gap:10px; align-items:flex-start; }
.v6-modal-dua > span { color:var(--green-2); flex:none; }
.v6-modal-dua > div { min-width:0; flex:1; }
.v6-modal-dua strong { font-size:11px; }
.v6-modal-dua p { margin:5px 0 0; color:var(--muted); font-size:9px; line-height:1.45; }
.v6-modal-dua button { width:30px; height:30px; border:0; background:transparent; color:var(--muted); cursor:pointer; }

.v6-zikir-program-list { display:grid; gap:10px; margin-top:11px; }
.v6-zikir-program { padding:15px; }
.v6-zikir-program.complete { border-color:rgba(139,203,117,.4); box-shadow:0 0 32px rgba(80,207,114,.06); }
.v6-zikir-head { display:flex; align-items:center; gap:10px; }
.v6-zikir-head > span {
  width:42px;
  height:42px;
  border-radius:15px;
  display:grid;
  place-items:center;
  color:var(--green-2);
  background:rgba(80,207,114,.08);
}
.v6-zikir-head > div { min-width:0; flex:1; }
.v6-zikir-head strong { display:block; font-size:12px; }
.v6-zikir-head small { display:block; margin-top:4px; color:var(--muted); font-size:9px; }
.v6-zikir-head button { width:34px; height:34px; border:0; background:transparent; color:var(--muted); cursor:pointer; }
.v6-zikir-number { margin:16px 0 9px; display:flex; align-items:baseline; gap:4px; }
.v6-zikir-number strong { font-size:35px; line-height:1; letter-spacing:-.04em; }
.v6-zikir-number small { color:var(--muted); font-size:10px; }
.v6-zikir-controls { display:grid; grid-template-columns:48px 52px 1fr; gap:7px; margin-top:13px; }
.v6-zikir-controls button {
  min-height:42px;
  border:1px solid var(--line);
  border-radius:13px;
  background:var(--surface-2);
  font-size:11px;
  font-weight:850;
  cursor:pointer;
}
.v6-zikir-controls button.main { color:#07110e; background:var(--green-2); border-color:var(--green-2); display:flex; align-items:center; justify-content:center; gap:6px; }

.v6-family-calendar { margin-top:10px; padding:10px; }
.v6-weekdays,
.v6-calendar-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:4px; }
.v6-weekdays { margin-bottom:6px; }
.v6-weekdays span { padding:4px 0; color:var(--muted); text-align:center; font-size:8px; font-weight:800; }
.v6-calendar-grid > button,
.v6-calendar-grid > span {
  position:relative;
  aspect-ratio:1/1.1;
  min-width:0;
  border:1px solid transparent;
  border-radius:11px;
  background:var(--surface-2);
}
.v6-calendar-grid > button { padding:5px 2px; color:var(--text); cursor:pointer; }
.v6-calendar-grid > button strong { font-size:10px; }
.v6-calendar-grid > button small { display:flex; justify-content:center; gap:2px; margin-top:5px; }
.v6-calendar-grid > button small i { width:4px; height:4px; border-radius:50%; background:var(--green-2); }
.v6-calendar-grid > button small i.type-aile { background:var(--gold); }
.v6-calendar-grid > button small i.type-saglik { background:#78b7ff; }
.v6-calendar-grid > button small i.type-plan { background:#b99cff; }
.v6-calendar-grid > button em {
  position:absolute;
  top:2px;
  right:2px;
  min-width:13px;
  height:13px;
  padding:0 3px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#07110e;
  background:var(--green-2);
  font-size:7px;
  font-style:normal;
  font-weight:900;
}
.v6-calendar-grid > button.today { border-color:var(--green-2); }
.v6-calendar-grid > button.has-event { background:rgba(80,207,114,.075); }
.v6-family-event-row.done { opacity:.66; }
.v6-family-event-row.done strong { text-decoration:line-through; }
.v6-family-event-row em { display:flex; align-items:center; gap:3px; color:var(--green-2); font-size:8px; font-style:normal; }
.v6-member-checks { display:flex; flex-wrap:wrap; gap:7px; }
.v6-member-checks label { cursor:pointer; }
.v6-member-checks input { position:absolute; opacity:0; }
.v6-member-checks span { display:inline-flex; min-height:34px; padding:0 11px; align-items:center; border-radius:999px; border:1px solid var(--line); background:var(--surface-2); font-size:10px; }
.v6-member-checks input:checked + span { color:#07110e; background:var(--green-2); border-color:var(--green-2); }

.v6-insight-kpis { margin-top:10px; }
.v6-insight-list > div {
  min-height:68px;
  padding:12px 13px;
  border-bottom:1px solid var(--line);
  display:flex;
  align-items:center;
  gap:11px;
}
.v6-insight-list > div > span {
  width:39px;
  height:39px;
  border-radius:14px;
  display:grid;
  place-items:center;
  color:var(--green-2);
  background:rgba(80,207,114,.08);
  flex:none;
}
.v6-insight-list p { margin:0; min-width:0; }
.v6-insight-list strong { display:block; font-size:11px; }
.v6-insight-list small { display:block; margin-top:5px; color:var(--muted); font-size:9px; }

.v6-security-hero.enabled { border-color:rgba(139,203,117,.35); }
.v6-backup-health { min-height:85px; padding:13px; display:flex; align-items:center; gap:11px; }
.v6-backup-health > span {
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  flex:none;
}
.v6-backup-health.ok > span { color:var(--green-2); background:rgba(80,207,114,.09); }
.v6-backup-health.due > span { color:var(--gold); background:var(--gold-soft); }
.v6-backup-health > div { min-width:0; flex:1; }
.v6-backup-health strong { display:block; font-size:11px; }
.v6-backup-health p { margin:5px 0 0; color:var(--muted); font-size:9px; line-height:1.4; }
.v6-disclaimer { margin-top:12px; display:flex; gap:10px; align-items:flex-start; }
.v6-disclaimer > .icon { color:var(--gold); flex:none; }
.v6-disclaimer p { margin:0; color:var(--muted); font-size:9px; line-height:1.55; }

.v6-theme-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.v6-theme-card { position:relative; min-height:140px; padding:14px; text-align:left; cursor:pointer; }
.v6-theme-card > span { display:flex; gap:4px; }
.v6-theme-card > span i { width:25px; height:25px; border-radius:9px; background:#50cf72; }
.v6-theme-card > span i:nth-child(2) { background:#0f1f18; }
.v6-theme-card > span i:nth-child(3) { background:#d9bd67; }
.v6-theme-card.theme-midnight > span i:first-child { background:#52d3d8; }
.v6-theme-card.theme-midnight > span i:nth-child(2) { background:#091628; }
.v6-theme-card.theme-sand > span i:first-child { background:#d5ad65; }
.v6-theme-card.theme-sand > span i:nth-child(2) { background:#241b12; }
.v6-theme-card.theme-forest > span i:first-child { background:#75d28f; }
.v6-theme-card.theme-forest > span i:nth-child(2) { background:#03100a; }
.v6-theme-card strong { display:block; margin-top:15px; font-size:12px; }
.v6-theme-card small { display:block; margin-top:5px; color:var(--muted); font-size:9px; line-height:1.4; }
.v6-theme-card em { position:absolute; right:10px; top:10px; width:25px; height:25px; border-radius:9px; display:grid; place-items:center; color:#07110e; background:var(--green-2); }
.v6-theme-card.active { border-color:var(--line-strong); }
.v6-text-size-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.v6-text-size-row button { min-height:90px; padding:10px; text-align:center; cursor:pointer; }
.v6-text-size-row span { display:block; font-family:Georgia,serif; color:var(--green-2); }
.v6-text-size-row strong { display:block; margin-top:7px; font-size:9px; }
.v6-text-size-row button.active { border-color:var(--green-2); }

.v6-pwa-guide ol { margin:0; padding-left:20px; }
.v6-pwa-guide li { margin:9px 0; color:var(--text-soft); font-size:10px; line-height:1.5; }

.v6-home-injection { margin-top:12px; }
.v6-home-coach {
  min-height:94px;
  padding:13px;
  display:flex;
  align-items:center;
  gap:11px;
  border-color:rgba(217,189,103,.22);
  background:linear-gradient(145deg,rgba(217,189,103,.08),transparent 60%),var(--surface);
}
.v6-home-coach-icon { width:43px; height:43px; border-radius:15px; display:grid; place-items:center; color:var(--gold); background:var(--gold-soft); flex:none; }
.v6-home-coach > div { min-width:0; flex:1; }
.v6-home-coach small { display:block; color:var(--gold); font-size:8px; font-weight:850; letter-spacing:.06em; }
.v6-home-coach strong { display:block; margin-top:5px; font-size:12px; }
.v6-home-coach p { margin:4px 0 0; color:var(--muted); font-size:9px; line-height:1.4; }
.v6-home-coach > button { width:35px; height:35px; border:0; background:transparent; color:var(--muted); cursor:pointer; }
.v6-home-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.v6-home-grid > button { min-height:82px; padding:10px 5px; display:grid; place-items:center; align-content:center; gap:7px; cursor:pointer; }
.v6-home-grid span { width:36px; height:36px; border-radius:13px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.08); }
.v6-home-grid span .icon { width:20px; height:20px; }
.v6-home-grid strong { font-size:9px; }
.v6-profile-injection,
.v6-settings-injection { margin-top:12px; }
.v6-stats-injection {
  width:100%;
  min-height:78px;
  padding:13px;
  display:flex;
  align-items:center;
  gap:11px;
  text-align:left;
  cursor:pointer;
  margin-bottom:10px;
}
.v6-stats-injection > span { width:42px; height:42px; border-radius:15px; display:grid; place-items:center; color:var(--gold); background:var(--gold-soft); flex:none; }
.v6-stats-injection > div { min-width:0; flex:1; }
.v6-stats-injection strong { display:block; font-size:12px; }
.v6-stats-injection small { display:block; margin-top:4px; color:var(--muted); font-size:9px; }
.v6-stats-injection em { color:var(--green-2); font-size:12px; font-style:normal; font-weight:850; }
.v6-stats-injection > .icon { width:16px; color:var(--muted); }
.v6-version-injection h2 { margin:12px 0 6px; }
.v6-version-injection > p { color:var(--muted); font-size:11px; line-height:1.55; }
.v6-release-list { display:grid; gap:7px; margin:15px 0; }
.v6-release-list span { display:flex; gap:8px; align-items:flex-start; color:var(--text-soft); font-size:9px; line-height:1.4; }
.v6-release-list .icon { width:16px; height:16px; color:var(--green-2); }
.v6-welcome-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:12px; }
.v6-welcome-grid span { min-height:44px; padding:0 10px; border-radius:13px; border:1px solid var(--line); background:var(--surface-2); display:flex; align-items:center; gap:8px; font-size:9px; font-weight:800; }
.v6-welcome-grid .icon { width:18px; color:var(--green-2); }
.v6-warning-note { margin-top:11px; display:flex; gap:10px; }
.v6-warning-note > .icon { color:var(--gold); flex:none; }
.v6-warning-note strong { font-size:10px; }
.v6-warning-note p { margin:4px 0 0; color:var(--muted); font-size:9px; line-height:1.45; }

/* V6 application lock */
.v6-lock-overlay {
  position:fixed;
  inset:0;
  z-index:1000;
  display:grid;
  place-items:center;
  padding:24px;
  background:
    radial-gradient(circle at 50% 35%,rgba(80,207,114,.15),transparent 19rem),
    rgba(3,10,7,.985);
  color:#f4fbf6;
}
.v6-lock-overlay[hidden] { display:none !important; }
.v6-lock-glow { position:absolute; width:230px; height:230px; border-radius:50%; background:rgba(80,207,114,.1); filter:blur(70px); }
.v6-lock-card { position:relative; z-index:1; width:min(100%,370px); text-align:center; }
.v6-lock-logo { width:78px; height:78px; border-radius:27px; margin:0 auto 18px; display:grid; place-items:center; color:#8bcb75; border:1px solid rgba(139,203,117,.32); background:rgba(80,207,114,.1); box-shadow:0 0 50px rgba(80,207,114,.12); }
.v6-lock-logo .icon { width:38px; height:38px; }
.v6-lock-card > small { color:#8bcb75; font-size:9px; font-weight:900; letter-spacing:.16em; }
.v6-lock-card h1 { margin:10px 0 7px; font:600 30px/1.1 Georgia,serif; }
.v6-lock-card p { margin:0 auto 20px; max-width:310px; color:#93a89b; font-size:12px; line-height:1.55; }
#v6UnlockForm { display:grid; gap:9px; }
#v6UnlockForm input { height:55px; border:1px solid rgba(139,203,117,.25); border-radius:16px; padding:0 18px; color:#f4fbf6; background:#0e2018; text-align:center; font-size:20px; letter-spacing:.18em; outline:none; }
#v6UnlockForm button,
.v6-passkey-unlock { min-height:51px; border-radius:15px; display:flex; align-items:center; justify-content:center; gap:8px; font-weight:850; cursor:pointer; }
#v6UnlockForm button { border:0; color:#07110e; background:linear-gradient(135deg,#8de87e,#43bf68); }
.v6-passkey-unlock { width:100%; margin-top:9px; border:1px solid rgba(139,203,117,.2); color:#f4fbf6; background:#10231a; }
.v6-lock-message { display:block; min-height:18px; margin-top:10px; color:#ff9e9e !important; letter-spacing:0 !important; }
body.v6-locked { overflow:hidden !important; }

/* V6 presets and accessibility */
body[data-v6-preset="midnight"] {
  --bg:#050b16;
  --bg-2:#081326;
  --surface:rgba(10,25,43,.95);
  --surface-solid:#0a192b;
  --surface-2:#10233a;
  --surface-3:#17304c;
  --green:#52d3d8;
  --green-2:#8be0d8;
  --green-3:#b3f4e9;
  --deep-green:#146176;
  --line:rgba(114,205,220,.17);
  --line-strong:rgba(114,205,220,.37);
}
body[data-v6-preset="sand"] {
  --bg:#17110b;
  --bg-2:#211810;
  --surface:rgba(40,29,19,.95);
  --surface-solid:#281d13;
  --surface-2:#342618;
  --surface-3:#44311e;
  --green:#d5ad65;
  --green-2:#e2c782;
  --green-3:#f4dfa7;
  --deep-green:#7c5725;
  --line:rgba(226,199,130,.17);
  --line-strong:rgba(226,199,130,.36);
  --gold:#efcd75;
}
body[data-v6-preset="forest"] {
  --bg:#020a06;
  --bg-2:#06110b;
  --surface:rgba(7,25,15,.97);
  --surface-solid:#07190f;
  --surface-2:#0c2416;
  --surface-3:#11311f;
  --green:#4fe17b;
  --green-2:#8fe5a1;
  --green-3:#c0f6c8;
  --line:rgba(143,229,161,.2);
  --line-strong:rgba(143,229,161,.45);
}
body.v6-high-contrast {
  --muted:color-mix(in srgb,var(--text) 72%,transparent);
  --line:color-mix(in srgb,var(--green-2) 36%,transparent);
  --line-strong:color-mix(in srgb,var(--green-2) 68%,transparent);
}
body.v6-high-contrast .card { border-width:1.5px; }
body[data-v6-text="large"] .app-main,
body[data-v6-text="large"] .modal-panel,
body[data-v6-text="large"] .ai-sheet { font-size:108%; }
body[data-v6-text="large"] .page-header p,
body[data-v6-text="large"] .section-head p,
body[data-v6-text="large"] small { font-size:calc(1em + 1px); }
body[data-v6-text="xlarge"] .app-main,
body[data-v6-text="xlarge"] .modal-panel,
body[data-v6-text="xlarge"] .ai-sheet { font-size:116%; }
body[data-v6-text="xlarge"] .page-header h1 { font-size:25px; }
body[data-v6-text="xlarge"] .page-header p,
body[data-v6-text="xlarge"] .section-head p,
body[data-v6-text="xlarge"] small { font-size:calc(1em + 2px); }
body.v6-compact .card { --radius-lg:16px; }
body.v6-compact .app-main { padding-left:10px; padding-right:10px; }
body.v6-compact .section-head { margin-top:15px; margin-bottom:8px; }
body.v6-compact .v6-module-card { min-height:128px; padding:12px; }
body.v6-compact .v6-plan-row,
body.v6-compact .v6-prayer-log-row,
body.v6-compact .menu-row { min-height:60px; padding-top:9px; padding-bottom:9px; }

@media (min-width:700px) {
  .v6-module-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .v6-collection-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .v6-theme-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .v6-insight-kpis { grid-template-columns:repeat(6,minmax(0,1fr)); }
}
@media (max-width:370px) {
  .v6-hub-hero,
  .v6-coach-hero,
  .v6-mode-hero,
  .v6-security-hero,
  .v6-pwa-hero,
  .v6-insight-score,
  .v6-quran-goal,
  .v6-zikir-total { padding:15px; gap:10px; }
  .v6-orbit,
  .v6-coach-avatar,
  .v6-mode-hero > span,
  .v6-security-hero > span,
  .v6-pwa-hero > span,
  .v6-zikir-total > span { width:49px; height:49px; border-radius:17px; }
  .v6-hub-hero h2,
  .v6-coach-hero h2,
  .v6-mode-hero h2,
  .v6-security-hero h2,
  .v6-pwa-hero h2,
  .v6-insight-score h2,
  .v6-quran-goal h2 { font-size:18px; }
  .v6-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .v6-energy-card { align-items:flex-start; flex-direction:column; }
  .v6-energy-buttons { width:100%; }
  .v6-energy-buttons button { flex:1; }
  .v6-plan-actions { grid-template-columns:1fr; }
  .v6-score-ring { width:86px; height:86px; }
}

/* =========================
   MİZAN V6 PREMIUM LAYER
   ========================= */

/* Theme presets and accessibility */
body[data-v6-preset="midnight"] {
  --bg:#071019; --bg-2:#091724; --surface:rgba(13,29,43,.95); --surface-solid:#0d1d2b;
  --surface-2:#12283a; --surface-3:#193447; --line:rgba(104,205,212,.16); --line-strong:rgba(104,205,212,.34);
  --green:#59cfd2; --green-2:#91e1dd; --green-3:#b8f2ee; --deep-green:#155d66;
}
body[data-v6-preset="sand"] {
  --bg:#17110b; --bg-2:#21180f; --surface:rgba(40,29,18,.95); --surface-solid:#281d12;
  --surface-2:#342619; --surface-3:#41301f; --line:rgba(225,190,117,.17); --line-strong:rgba(225,190,117,.36);
  --green:#d9bd67; --green-2:#ead18d; --green-3:#f1dfad; --deep-green:#795c24; --gold:#efc972;
}
body[data-v6-preset="forest"] {
  --bg:#030a07; --bg-2:#07110b; --surface:rgba(8,25,16,.97); --surface-solid:#081910;
  --surface-2:#0e2317; --surface-3:#12301e; --line:rgba(103,218,125,.19); --line-strong:rgba(103,218,125,.44);
  --green:#43d66b; --green-2:#7ee58f; --green-3:#aff2b9; --deep-green:#0b5d30;
}
body[data-v6-text="large"] { font-size:17px; }
body[data-v6-text="xlarge"] { font-size:19px; }
body[data-v6-text="large"] .app-main,
body[data-v6-text="xlarge"] .app-main { letter-spacing:.002em; }
body[data-v6-text="large"] .page-header p,
body[data-v6-text="large"] .section-head p,
body[data-v6-text="large"] .menu-copy small,
body[data-v6-text="large"] .v6-view small { font-size:max(10px,.72em); }
body[data-v6-text="xlarge"] .page-header p,
body[data-v6-text="xlarge"] .section-head p,
body[data-v6-text="xlarge"] .menu-copy small,
body[data-v6-text="xlarge"] .v6-view small { font-size:max(11px,.75em); }
.v6-high-contrast { --line:rgba(139,203,117,.38); --line-strong:rgba(139,203,117,.72); --muted:#b8c9bd; }
.v6-high-contrast .card,
.v6-high-contrast .soft-card,
.v6-high-contrast .menu-row { border-color:var(--line-strong); }
.v6-compact .v6-view .section-head { margin-top:14px; margin-bottom:8px; }
.v6-compact .v6-module-card { min-height:95px; padding:12px; }
.v6-compact .v6-plan-row,
.v6-compact .v6-prayer-log-row,
.v6-compact .v6-note-row,
.v6-compact .v6-session-row { min-height:64px; padding:10px 12px; }

.v6-view { padding-bottom:20px; }
.v6-view .card { position:relative; overflow:hidden; }
.v6-view .card::before {
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(145deg,rgba(255,255,255,.025),transparent 46%);
}
.v6-view > * { position:relative; }

/* V6 hub */
.v6-hub-hero {
  min-height:178px; padding:20px; display:grid; grid-template-columns:72px minmax(0,1fr); gap:15px; align-items:center;
  background:radial-gradient(circle at 5% 10%,rgba(80,207,114,.18),transparent 14rem),radial-gradient(circle at 100% 100%,rgba(217,189,103,.11),transparent 13rem),var(--surface);
}
.v6-hub-hero::after { content:""; position:absolute; width:150px; height:150px; border-radius:50%; right:-78px; top:-72px; border:1px solid var(--line); box-shadow:0 0 50px rgba(80,207,114,.08); }
.v6-orbit { width:72px; height:72px; border-radius:25px; display:grid; place-items:center; color:var(--green-3); background:linear-gradient(145deg,rgba(80,207,114,.18),rgba(80,207,114,.05)); border:1px solid var(--line-strong); box-shadow:0 14px 35px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.06); }
.v6-orbit .icon { width:34px; height:34px; }
.v6-hub-hero h2 { margin:7px 0 0; font:600 22px/1.15 Georgia,"Times New Roman",serif; }
.v6-hub-hero p { margin:7px 0 0; color:var(--muted); font-size:10px; line-height:1.55; }
.v6-hub-hero > button { grid-column:1 / -1; min-height:44px; border:1px solid var(--line); border-radius:14px; background:rgba(80,207,114,.1); color:var(--green-3); display:flex; align-items:center; justify-content:center; gap:8px; font-weight:800; cursor:pointer; }
.v6-hub-hero > button .icon { width:17px; }
.v6-kpi-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:10px; }
.v6-kpi-row > span { min-height:80px; padding:13px 6px; display:grid; place-content:center; text-align:center; }
.v6-kpi-row strong { font:700 20px/1 Georgia,"Times New Roman",serif; color:var(--green-3); }
.v6-kpi-row small { margin-top:6px; color:var(--muted); font-size:8px; }
.v6-module-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.v6-module-card { min-height:124px; padding:15px; border:1px solid var(--line); color:var(--text); display:grid; grid-template-columns:44px minmax(0,1fr) 17px; grid-template-rows:auto auto 1fr; gap:3px 10px; text-align:left; cursor:pointer; }
.v6-module-card:active { transform:scale(.985); }
.v6-module-icon { grid-row:1 / 4; width:44px; height:44px; border-radius:16px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.09); border:1px solid rgba(80,207,114,.12); }
.v6-module-icon .icon { width:21px; height:21px; }
.v6-module-card strong { grid-column:2; align-self:end; font-size:11px; line-height:1.25; }
.v6-module-card small { grid-column:2; color:var(--muted); font-size:7.5px; line-height:1.45; }
.v6-card-arrow { grid-column:3; grid-row:1 / 4; align-self:center; color:var(--muted); }
.v6-card-arrow .icon { width:15px; }

/* Coach */
.v6-coach-hero { min-height:145px; padding:18px; display:grid; grid-template-columns:60px minmax(0,1fr) auto; gap:13px; align-items:center; background:radial-gradient(circle at 0 0,rgba(80,207,114,.16),transparent 13rem),var(--surface); }
.v6-coach-avatar { width:60px; height:60px; border-radius:22px; display:grid; place-items:center; color:var(--green-3); background:linear-gradient(145deg,rgba(80,207,114,.18),rgba(80,207,114,.05)); border:1px solid var(--line-strong); box-shadow:0 0 35px rgba(80,207,114,.1); }
.v6-coach-avatar .icon { width:28px; height:28px; }
.v6-coach-hero h2 { margin:6px 0 0; font-size:21px; }
.v6-coach-hero p { margin:5px 0 0; color:var(--muted); font-size:9px; line-height:1.45; }
.v6-coach-hero > strong { color:var(--green-3); font-size:18px; text-align:center; }
.v6-coach-hero > strong small { display:block; margin-top:4px; color:var(--muted); font-size:7px; font-weight:600; }
.v6-energy-card { margin-top:11px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.v6-energy-card strong { display:block; font-size:11px; }
.v6-energy-card small { display:block; margin-top:4px; color:var(--muted); font-size:8px; }
.v6-energy-buttons { display:flex; gap:5px; }
.v6-energy-buttons button { width:32px; height:32px; border-radius:11px; border:1px solid var(--line); background:var(--surface-2); color:var(--muted); font-weight:800; cursor:pointer; }
.v6-energy-buttons button.active { color:#07110e; border-color:transparent; background:var(--green-2); box-shadow:0 8px 20px rgba(80,207,114,.16); }
.v6-plan-list { padding:5px; }
.v6-plan-row { width:100%; min-height:76px; padding:11px 12px; border:0; border-bottom:1px solid var(--line); background:transparent; display:grid; grid-template-columns:42px minmax(0,1fr) auto 16px; gap:10px; align-items:center; text-align:left; cursor:pointer; }
.v6-plan-row:last-of-type { border-bottom:0; }
.v6-plan-row > span { width:42px; height:42px; border-radius:15px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.08); }
.v6-plan-row > span .icon { width:20px; }
.v6-plan-row strong { display:block; font-size:10.5px; }
.v6-plan-row small { display:block; margin-top:4px; color:var(--muted); font-size:7.5px; line-height:1.42; }
.v6-plan-row em { color:var(--gold); font-size:8px; font-style:normal; white-space:nowrap; }
.v6-plan-row > .icon { width:15px; color:var(--muted); }
.v6-plan-actions { padding:11px; display:grid; grid-template-columns:1fr 1.15fr; gap:8px; }
.v6-plan-actions button { min-height:44px; padding:0 8px; font-size:8px; }
.v6-summary-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }
.v6-summary-grid.three { grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:10px; }
.v6-summary-grid > span { min-height:78px; padding:10px 3px; display:grid; place-content:center; text-align:center; }
.v6-summary-grid strong { font-size:16px; color:var(--green-3); }
.v6-summary-grid small { margin-top:5px; color:var(--muted); font-size:6.5px; line-height:1.25; }
.v6-review-card { margin-top:10px; display:grid; grid-template-columns:42px minmax(0,1fr); gap:11px; }
.v6-review-card > span { width:42px; height:42px; border-radius:15px; display:grid; place-items:center; color:var(--gold); background:var(--gold-soft); }
.v6-review-card strong { font-size:10px; }
.v6-review-card p { margin:6px 0 0; color:var(--text-soft); font-size:9px; line-height:1.55; }
.v6-review-card small { display:block; margin-top:7px; color:var(--muted); font-size:7px; }
.v6-disclaimer { margin-top:12px; display:grid; grid-template-columns:24px minmax(0,1fr); gap:8px; align-items:start; color:var(--muted); background:rgba(217,189,103,.035); }
.v6-disclaimer > .icon { color:var(--gold); width:19px; }
.v6-disclaimer p { margin:0; font-size:8px; line-height:1.55; }

/* Prayer journal */
.v6-date-switch { min-height:72px; padding:8px; display:grid; grid-template-columns:44px minmax(0,1fr) 44px; gap:8px; align-items:center; }
.v6-date-switch button { width:44px; height:44px; border-radius:14px; border:1px solid var(--line); background:var(--surface-2); display:grid; place-items:center; cursor:pointer; }
.v6-date-switch button:disabled { opacity:.35; cursor:not-allowed; }
.v6-date-switch button .icon { width:17px; }
.v6-date-switch div { text-align:center; }
.v6-date-switch strong { display:block; font-size:11px; }
.v6-date-switch small { display:block; margin-top:4px; color:var(--muted); font-size:8px; }
.v6-prayer-list { display:grid; gap:8px; margin-top:10px; }
.v6-prayer-log-row { width:100%; min-height:75px; padding:12px; display:grid; grid-template-columns:44px minmax(0,1fr) auto 15px; gap:10px; align-items:center; color:var(--text); text-align:left; cursor:pointer; }
.v6-prayer-state { width:44px; height:44px; border-radius:16px; display:grid; place-items:center; color:var(--muted); background:var(--surface-2); border:1px solid var(--line); }
.v6-prayer-log-row.on_time .v6-prayer-state { color:var(--green-3); background:rgba(80,207,114,.12); }
.v6-prayer-log-row.late .v6-prayer-state { color:var(--gold); background:var(--gold-soft); }
.v6-prayer-log-row.qaza .v6-prayer-state { color:#b6b2ff; background:rgba(139,129,255,.11); }
.v6-prayer-log-row.missed .v6-prayer-state { color:var(--danger); background:var(--danger-bg); }
.v6-prayer-log-row strong { display:block; font-size:11px; }
.v6-prayer-log-row small { display:block; margin-top:4px; color:var(--muted); font-size:8px; }
.v6-prayer-log-row em { color:var(--green-2); font-size:9px; font-style:normal; }
.v6-prayer-log-row > .icon { width:15px; color:var(--muted); }
.v6-prayer-prep { margin-top:10px; display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:10px; align-items:center; }
.v6-prayer-prep > span { width:42px; height:42px; border-radius:15px; display:grid; place-items:center; color:var(--gold); background:var(--gold-soft); }
.v6-prayer-prep strong { display:block; font-size:10px; }
.v6-prayer-prep p { margin:4px 0 0; color:var(--muted); font-size:7.5px; line-height:1.45; }
.v6-prayer-prep button { min-height:34px; padding:0 10px; border:1px solid var(--line); border-radius:11px; background:var(--surface-2); font-size:8px; cursor:pointer; }
.v6-mini-chart { min-height:145px; padding:14px 10px 10px; display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:7px; align-items:end; }
.v6-mini-chart > span { height:110px; display:grid; grid-template-rows:1fr auto auto; gap:4px; align-items:end; justify-items:center; }
.v6-mini-chart i { width:min(17px,70%); min-height:4px; border-radius:999px 999px 4px 4px; background:linear-gradient(180deg,var(--green-3),var(--green)); box-shadow:0 0 13px rgba(80,207,114,.16); }
.v6-mini-chart.quran i { background:linear-gradient(180deg,var(--gold),#a88938); }
.v6-mini-chart small { color:var(--muted); font-size:7px; text-transform:uppercase; }
.v6-mini-chart em { color:var(--text-soft); font-size:7px; font-style:normal; }
.v6-status-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.v6-status-options label { cursor:pointer; }
.v6-status-options input { position:absolute; opacity:0; pointer-events:none; }
.v6-status-options span { min-height:54px; padding:8px; border:1px solid var(--line); border-radius:14px; background:var(--surface-2); display:flex; align-items:center; justify-content:center; gap:7px; color:var(--muted); font-size:9px; font-weight:700; }
.v6-status-options input:checked + span { color:var(--green-3); border-color:var(--line-strong); background:rgba(80,207,114,.1); }
.v6-status-options .missed input:checked + span { color:var(--danger); background:var(--danger-bg); }

/* Special modes */
.v6-mode-hero { min-height:150px; padding:18px; display:grid; grid-template-columns:58px minmax(0,1fr); gap:13px; align-items:center; }
.v6-mode-hero > span { width:58px; height:58px; border-radius:21px; display:grid; place-items:center; color:var(--green-3); background:rgba(80,207,114,.1); }
.v6-mode-hero h2 { margin:5px 0 0; font-size:20px; }
.v6-mode-hero p { margin:5px 0 0; color:var(--muted); font-size:9px; line-height:1.45; }
.v6-mode-hero button { grid-column:1 / -1; min-height:43px; border:1px solid var(--line); border-radius:14px; background:rgba(80,207,114,.1); color:var(--green-3); font-weight:800; cursor:pointer; }
.v6-mode-hero.accent-gold > span { color:var(--gold); background:var(--gold-soft); }
.v6-mode-hero.accent-violet > span { color:#b9b3ff; background:rgba(137,126,255,.1); }
.v6-mode-grid { display:grid; gap:8px; }
.v6-mode-card { min-height:88px; padding:12px; display:grid; grid-template-columns:44px minmax(0,1fr) auto; gap:10px; align-items:center; color:var(--text); text-align:left; cursor:pointer; }
.v6-mode-card > span { width:44px; height:44px; border-radius:15px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.08); }
.v6-mode-card strong { display:block; font-size:10.5px; }
.v6-mode-card small { display:block; margin-top:4px; color:var(--muted); font-size:7.5px; line-height:1.4; }
.v6-mode-card > em { padding:5px 8px; border-radius:999px; color:var(--green-3); background:rgba(80,207,114,.1); font-size:7px; font-style:normal; }
.v6-mode-card.active { border-color:var(--line-strong); box-shadow:0 12px 32px rgba(0,0,0,.15); }
.v6-mode-card.accent-gold > span { color:var(--gold); background:var(--gold-soft); }
.v6-mode-card.accent-violet > span { color:#b9b3ff; background:rgba(137,126,255,.1); }
.v6-mode-card.accent-blue > span { color:#8bcfed; background:rgba(91,177,220,.1); }

/* Quran Plus */
.v6-quran-goal { min-height:145px; padding:17px; display:grid; grid-template-columns:94px minmax(0,1fr); gap:16px; align-items:center; background:radial-gradient(circle at 0 100%,rgba(217,189,103,.1),transparent 12rem),var(--surface); }
.v6-ring,.v6-score-ring { position:relative; width:88px; height:88px; border-radius:50%; display:grid; place-items:center; align-content:center; background:conic-gradient(var(--green) calc(var(--p,0) * 1%),var(--surface-3) 0); }
.v6-ring::before,.v6-score-ring::before { content:""; position:absolute; inset:8px; border-radius:50%; background:var(--surface-solid); border:1px solid var(--line); }
.v6-ring strong,.v6-ring small,.v6-score-ring strong,.v6-score-ring small { position:relative; z-index:1; }
.v6-ring strong { font-size:15px; }
.v6-ring small { margin-top:2px; color:var(--muted); font-size:7px; }
.v6-quran-goal h2 { margin:7px 0 0; font-size:20px; }
.v6-quran-goal p { margin:6px 0 0; color:var(--muted); font-size:9px; line-height:1.45; }
.v6-active-session { min-height:76px; margin-top:10px; padding:11px; display:grid; grid-template-columns:44px minmax(0,1fr) auto; gap:10px; align-items:center; border-color:rgba(80,207,114,.32); }
.v6-pulse { width:44px; height:44px; border-radius:16px; display:grid; place-items:center; color:var(--green-3); background:rgba(80,207,114,.12); animation:v6pulse 1.8s ease-in-out infinite; }
@keyframes v6pulse { 50% { box-shadow:0 0 0 10px rgba(80,207,114,0); transform:scale(1.04); } 0%,100% { box-shadow:0 0 0 0 rgba(80,207,114,.15); } }
.v6-active-session strong { display:block; font-size:10px; }
.v6-active-session small { display:block; margin-top:4px; color:var(--muted); font-size:7.5px; }
.v6-active-session button { min-height:36px; padding:0 11px; border:1px solid var(--line); border-radius:11px; background:var(--surface-2); font-size:8px; cursor:pointer; }
.v6-note-list,.v6-session-list { padding:4px; }
.v6-note-row { width:100%; min-height:72px; padding:11px; border:0; border-bottom:1px solid var(--line); background:transparent; display:grid; grid-template-columns:40px minmax(0,1fr) 15px; gap:10px; align-items:center; color:var(--text); text-align:left; cursor:pointer; }
.v6-note-row:last-child { border-bottom:0; }
.v6-note-row > span { width:40px; height:40px; border-radius:14px; display:grid; place-items:center; color:var(--gold); background:var(--gold-soft); }
.v6-note-row strong { display:block; font-size:10px; }
.v6-note-row small { display:-webkit-box; margin-top:4px; overflow:hidden; color:var(--muted); font-size:7.5px; line-height:1.4; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.v6-note-row > .icon { width:15px; color:var(--muted); }
.v6-session-row { min-height:62px; padding:10px; border-bottom:1px solid var(--line); display:grid; grid-template-columns:38px minmax(0,1fr); gap:10px; align-items:center; }
.v6-session-row:last-child { border-bottom:0; }
.v6-session-row > span { width:38px; height:38px; border-radius:13px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.08); }
.v6-session-row strong { display:block; font-size:9px; }
.v6-session-row small { display:block; margin-top:4px; color:var(--muted); font-size:7px; }

/* Dua collections and zikir programs */
.v6-collection-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.v6-collection-card { min-height:115px; padding:14px; border:1px solid var(--line); color:var(--text); display:grid; grid-template-columns:44px minmax(0,1fr) 14px; grid-template-rows:auto auto; gap:6px 9px; text-align:left; cursor:pointer; }
.v6-collection-card > span { grid-row:1 / 3; width:44px; height:44px; border-radius:16px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.08); }
.v6-collection-card strong { align-self:end; font-size:10px; }
.v6-collection-card small { color:var(--muted); font-size:7px; }
.v6-collection-card > .icon { grid-column:3; grid-row:1 / 3; align-self:center; width:14px; color:var(--muted); }
.v6-custom-dua-list { display:grid; gap:8px; }
.v6-custom-dua-row { width:100%; min-height:82px; padding:12px; display:grid; grid-template-columns:42px minmax(0,1fr) 15px; gap:10px; align-items:center; color:var(--text); text-align:left; cursor:pointer; }
.v6-custom-dua-row > span { width:42px; height:42px; border-radius:15px; display:grid; place-items:center; color:var(--gold); background:var(--gold-soft); }
.v6-custom-dua-row strong { display:block; font-size:10px; }
.v6-custom-dua-row small { display:-webkit-box; margin-top:4px; overflow:hidden; color:var(--muted); font-size:7.5px; line-height:1.4; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.v6-zikir-program-list { display:grid; gap:9px; }
.v6-zikir-program { padding:15px; }
.v6-zikir-head { display:grid; grid-template-columns:46px minmax(0,1fr) auto; gap:10px; align-items:center; }
.v6-zikir-head > span { width:46px; height:46px; border-radius:16px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.09); }
.v6-zikir-head strong { display:block; font-size:11px; }
.v6-zikir-head small { display:block; margin-top:4px; color:var(--muted); font-size:7.5px; }
.v6-zikir-head button { width:36px; height:36px; border:1px solid var(--line); border-radius:12px; background:var(--surface-2); display:grid; place-items:center; cursor:pointer; }
.v6-zikir-number { margin:14px 0 10px; text-align:center; }
.v6-zikir-number strong { display:block; font:700 34px/1 Georgia,"Times New Roman",serif; color:var(--green-3); }
.v6-zikir-number small { display:block; margin-top:5px; color:var(--muted); font-size:8px; }
.v6-zikir-controls { display:grid; grid-template-columns:1fr 1.5fr 1fr; gap:7px; }
.v6-zikir-controls button { min-height:46px; border:1px solid var(--line); border-radius:14px; background:var(--surface-2); font-weight:800; cursor:pointer; }
.v6-zikir-controls button.primary { color:#07110e; background:linear-gradient(135deg,var(--green-2),var(--green)); border-color:transparent; font-size:15px; }
.v6-zikir-total { margin-top:9px; display:flex; align-items:center; justify-content:space-between; color:var(--muted); font-size:7.5px; }

/* Family calendar */
.v6-calendar-head { min-height:68px; padding:8px; display:grid; grid-template-columns:42px minmax(0,1fr) 42px; gap:8px; align-items:center; }
.v6-calendar-head button { width:42px; height:42px; border:1px solid var(--line); border-radius:13px; background:var(--surface-2); display:grid; place-items:center; cursor:pointer; }
.v6-calendar-head div { text-align:center; }
.v6-calendar-head strong { display:block; font-size:12px; text-transform:capitalize; }
.v6-calendar-head small { display:block; margin-top:3px; color:var(--muted); font-size:7px; }
.v6-weekdays { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:4px; margin:12px 2px 6px; text-align:center; color:var(--muted); font-size:7px; font-weight:800; }
.v6-calendar-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:4px; }
.v6-calendar-grid button { position:relative; aspect-ratio:1; min-width:0; padding:3px; border:1px solid var(--line); border-radius:11px; background:var(--surface); color:var(--text-soft); font-size:8px; cursor:pointer; }
.v6-calendar-grid button.outside { opacity:.34; }
.v6-calendar-grid button.today { border-color:var(--green-2); color:var(--green-3); }
.v6-calendar-grid button.has-event::after { content:""; position:absolute; left:50%; bottom:5px; width:4px; height:4px; transform:translateX(-50%); border-radius:50%; background:var(--gold); }
.v6-family-event-list { padding:4px; }
.v6-family-event-row { width:100%; min-height:78px; padding:11px; border:0; border-bottom:1px solid var(--line); background:transparent; color:var(--text); display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:10px; align-items:center; text-align:left; cursor:pointer; }
.v6-family-event-row:last-child { border-bottom:0; }
.v6-family-event-row > span { width:42px; height:42px; border-radius:15px; display:grid; place-items:center; color:var(--gold); background:var(--gold-soft); }
.v6-family-event-row.completed { opacity:.58; }
.v6-family-event-row.completed strong { text-decoration:line-through; }
.v6-family-event-row strong { display:block; font-size:10px; }
.v6-family-event-row small { display:block; margin-top:4px; color:var(--muted); font-size:7.5px; line-height:1.35; }
.v6-family-event-row em { color:var(--green-2); font-size:8px; font-style:normal; }
.v6-member-checks { display:flex; flex-wrap:wrap; gap:7px; }
.v6-member-checks label { cursor:pointer; }
.v6-member-checks input { position:absolute; opacity:0; }
.v6-member-checks span { min-height:35px; padding:0 11px; border:1px solid var(--line); border-radius:999px; background:var(--surface-2); display:flex; align-items:center; font-size:8px; }
.v6-member-checks input:checked + span { color:var(--green-3); border-color:var(--line-strong); background:rgba(80,207,114,.1); }

/* Insights */
.v6-insight-score { min-height:145px; margin-top:10px; padding:17px; display:grid; grid-template-columns:94px minmax(0,1fr); gap:16px; align-items:center; background:radial-gradient(circle at 0 100%,rgba(80,207,114,.12),transparent 12rem),var(--surface); }
.v6-score-ring { --p:var(--score); background:conic-gradient(var(--green) calc(var(--score,0) * 1%),var(--surface-3) 0); }
.v6-score-ring strong { font:700 25px/1 Georgia,"Times New Roman",serif; }
.v6-score-ring small { margin-top:1px; color:var(--muted); font-size:7px; }
.v6-insight-score h2 { margin:7px 0 0; font-size:20px; }
.v6-insight-score p { margin:6px 0 0; color:var(--muted); font-size:8.5px; line-height:1.45; }
.v6-insight-kpis { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin-top:10px; }
.v6-insight-kpis > span { min-height:78px; padding:9px 3px; display:grid; place-content:center; text-align:center; }
.v6-insight-kpis strong { color:var(--green-3); font-size:15px; }
.v6-insight-kpis small { margin-top:5px; color:var(--muted); font-size:6.5px; }
.v6-wide-chart { height:165px; padding:15px 9px 10px; display:grid; grid-template-columns:repeat(14,minmax(0,1fr)); gap:4px; align-items:end; }
.v6-wide-chart > span { height:135px; display:grid; grid-template-rows:1fr auto; gap:5px; align-items:end; justify-items:center; }
.v6-wide-chart i { width:min(12px,72%); min-height:3px; border-radius:999px 999px 3px 3px; background:linear-gradient(180deg,var(--green-3),var(--green)); }
.v6-wide-chart small { color:var(--muted); font-size:5.5px; }
.v6-insight-list { padding:4px; }
.v6-insight-list > div { min-height:69px; padding:10px; border-bottom:1px solid var(--line); display:grid; grid-template-columns:40px minmax(0,1fr); gap:10px; align-items:center; }
.v6-insight-list > div:last-child { border-bottom:0; }
.v6-insight-list > div > span { width:40px; height:40px; border-radius:14px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.08); }
.v6-insight-list p { margin:0; }
.v6-insight-list strong { display:block; font-size:9.5px; }
.v6-insight-list small { display:block; margin-top:4px; color:var(--muted); font-size:7.5px; }

/* Security and lock */
.v6-security-hero { min-height:145px; padding:18px; display:grid; grid-template-columns:62px minmax(0,1fr); gap:14px; align-items:center; background:radial-gradient(circle at 0 50%,rgba(217,189,103,.11),transparent 12rem),var(--surface); }
.v6-security-hero > span { width:62px; height:62px; border-radius:22px; display:grid; place-items:center; color:var(--gold); background:var(--gold-soft); border:1px solid rgba(217,189,103,.2); }
.v6-security-hero.enabled > span { color:var(--green-3); background:rgba(80,207,114,.11); border-color:var(--line-strong); }
.v6-security-hero h2 { margin:5px 0 0; font-size:20px; }
.v6-security-hero p { margin:5px 0 0; color:var(--muted); font-size:8.5px; line-height:1.45; }
.v6-backup-health { margin-top:10px; padding:14px; display:grid; grid-template-columns:44px minmax(0,1fr) auto; gap:10px; align-items:center; }
.v6-backup-health > span { width:44px; height:44px; border-radius:15px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.08); }
.v6-backup-health.warn > span { color:var(--gold); background:var(--gold-soft); }
.v6-backup-health strong { display:block; font-size:10px; }
.v6-backup-health small { display:block; margin-top:4px; color:var(--muted); font-size:7.5px; }
.v6-backup-health button { min-height:34px; padding:0 9px; border:1px solid var(--line); border-radius:11px; background:var(--surface-2); font-size:7px; cursor:pointer; }
.v6-lock-overlay { position:fixed; inset:0; z-index:1000; padding:24px; display:grid; place-items:center; background:radial-gradient(circle at 50% 32%,rgba(80,207,114,.16),transparent 18rem),rgba(3,9,6,.98); backdrop-filter:blur(28px); }
.v6-lock-card { position:relative; width:min(100%,390px); padding:28px 22px; border:1px solid var(--line-strong); border-radius:30px; background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 50%),var(--surface-solid); box-shadow:0 35px 100px rgba(0,0,0,.55); text-align:center; overflow:hidden; }
.v6-lock-glow { position:absolute; left:50%; top:-110px; width:230px; height:230px; transform:translateX(-50%); border-radius:50%; background:rgba(80,207,114,.17); filter:blur(60px); }
.v6-lock-logo { position:relative; width:78px; height:78px; margin:0 auto; border-radius:27px; display:grid; place-items:center; color:var(--green-3); background:rgba(80,207,114,.1); border:1px solid var(--line-strong); }
.v6-lock-logo .icon { width:36px; height:36px; }
.v6-lock-card h2 { position:relative; margin:18px 0 0; font:600 25px/1.2 Georgia,"Times New Roman",serif; }
.v6-lock-card p { position:relative; margin:8px 0 18px; color:var(--muted); font-size:10px; line-height:1.5; }
.v6-lock-card .input { position:relative; text-align:center; letter-spacing:.35em; font-size:18px; }
.v6-lock-message { min-height:20px; margin-top:9px; color:var(--danger); font-size:9px; }
.v6-passkey-unlock { margin-top:9px; width:100%; min-height:46px; border:1px solid var(--line); border-radius:14px; background:var(--surface-2); display:flex; align-items:center; justify-content:center; gap:8px; cursor:pointer; }
.v6-locked .app-shell { filter:blur(12px); transform:scale(.985); pointer-events:none; }
.v6-lock-card.shake { animation:v6shake .32s ease; }
@keyframes v6shake { 20%{transform:translateX(-7px)} 40%{transform:translateX(6px)} 60%{transform:translateX(-4px)} 80%{transform:translateX(3px)} }

/* Appearance */
.v6-theme-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.v6-theme-card { min-height:128px; padding:14px; color:var(--text); text-align:left; cursor:pointer; }
.v6-theme-card > span { display:flex; gap:5px; margin-bottom:12px; }
.v6-theme-card > span i { width:20px; height:20px; border-radius:50%; background:var(--surface-3); border:1px solid var(--line); }
.v6-theme-card:nth-child(1) > span i:nth-child(1){background:#07110e}.v6-theme-card:nth-child(1) > span i:nth-child(2){background:#50cf72}.v6-theme-card:nth-child(1) > span i:nth-child(3){background:#d9bd67}
.v6-theme-card:nth-child(2) > span i:nth-child(1){background:#071019}.v6-theme-card:nth-child(2) > span i:nth-child(2){background:#59cfd2}.v6-theme-card:nth-child(2) > span i:nth-child(3){background:#91e1dd}
.v6-theme-card:nth-child(3) > span i:nth-child(1){background:#17110b}.v6-theme-card:nth-child(3) > span i:nth-child(2){background:#d9bd67}.v6-theme-card:nth-child(3) > span i:nth-child(3){background:#efc972}
.v6-theme-card:nth-child(4) > span i:nth-child(1){background:#030a07}.v6-theme-card:nth-child(4) > span i:nth-child(2){background:#43d66b}.v6-theme-card:nth-child(4) > span i:nth-child(3){background:#7ee58f}
.v6-theme-card strong { display:block; font-size:10px; }
.v6-theme-card small { display:block; margin-top:5px; color:var(--muted); font-size:7.5px; line-height:1.4; }
.v6-theme-card em { position:absolute; right:11px; top:11px; width:25px; height:25px; border-radius:9px; display:grid; place-items:center; color:#07110e; background:var(--green-2); }
.v6-theme-card.active { border-color:var(--line-strong); box-shadow:0 12px 35px rgba(0,0,0,.18); }
.v6-text-size-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.v6-text-size-row button { min-height:92px; padding:10px; color:var(--text); display:grid; place-content:center; gap:7px; text-align:center; cursor:pointer; }
.v6-text-size-row button.active { border-color:var(--line-strong); background:rgba(80,207,114,.08); }
.v6-text-size-row strong { font-size:8px; }

/* PWA */
.v6-pwa-hero { min-height:135px; padding:18px; display:grid; grid-template-columns:58px minmax(0,1fr); gap:13px; align-items:center; background:radial-gradient(circle at 0 100%,rgba(80,207,114,.13),transparent 12rem),var(--surface); }
.v6-pwa-hero > span { width:58px; height:58px; border-radius:21px; display:grid; place-items:center; color:var(--green-3); background:rgba(80,207,114,.1); }
.v6-pwa-hero h2 { margin:5px 0 0; font-size:20px; }
.v6-pwa-hero p { margin:5px 0 0; color:var(--muted); font-size:8.5px; }
.v6-pwa-status-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin:10px 0; }
.v6-pwa-status-grid > span { min-height:92px; padding:11px 4px; display:grid; place-content:center; justify-items:center; text-align:center; }
.v6-pwa-status-grid .icon { width:20px; color:var(--green-2); }
.v6-pwa-status-grid .warn .icon { color:var(--gold); }
.v6-pwa-status-grid strong { margin-top:7px; font-size:9px; }
.v6-pwa-status-grid small { margin-top:4px; color:var(--muted); font-size:6.5px; }
.v6-pwa-guide ol { margin:0; padding-left:18px; color:var(--text-soft); font-size:9px; line-height:1.7; }
.v6-pwa-guide li + li { margin-top:7px; }

/* Home/profile/settings injections */
.v6-home-injection { margin-top:10px; }
.v6-home-coach { min-height:112px; padding:14px; display:grid; grid-template-columns:48px minmax(0,1fr) 34px; gap:10px; align-items:center; background:radial-gradient(circle at 0 50%,rgba(80,207,114,.15),transparent 11rem),var(--surface); }
.v6-home-coach-icon { width:48px; height:48px; border-radius:17px; display:grid; place-items:center; color:var(--green-3); background:rgba(80,207,114,.11); }
.v6-home-coach small { color:var(--green-2); font-size:6.5px; font-weight:800; letter-spacing:.08em; }
.v6-home-coach strong { display:block; margin-top:5px; font-size:10px; }
.v6-home-coach p { margin:4px 0 0; color:var(--muted); font-size:7.3px; line-height:1.4; }
.v6-home-coach > button { width:34px; height:34px; border:1px solid var(--line); border-radius:12px; background:var(--surface-2); display:grid; place-items:center; cursor:pointer; }
.v6-home-head { margin-top:18px; }
.v6-home-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.v6-home-grid button { min-height:78px; padding:10px 4px; display:grid; place-content:center; justify-items:center; gap:7px; color:var(--text); cursor:pointer; }
.v6-home-grid span { width:34px; height:34px; border-radius:12px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.08); }
.v6-home-grid strong { font-size:7.5px; }
.v6-profile-injection,.v6-settings-injection { margin-top:5px; }
.v6-stats-injection { width:100%; min-height:82px; margin:0 0 12px; padding:13px; display:grid; grid-template-columns:44px minmax(0,1fr) 17px; gap:10px; align-items:center; color:var(--text); text-align:left; cursor:pointer; border-color:var(--line-strong); background:radial-gradient(circle at 0 50%,rgba(80,207,114,.12),transparent 10rem),var(--surface); }
.v6-stats-injection > span { width:44px; height:44px; border-radius:15px; display:grid; place-items:center; color:var(--green-3); background:rgba(80,207,114,.1); }
.v6-stats-injection strong { display:block; font-size:10px; }
.v6-stats-injection small { display:block; margin-top:5px; color:var(--muted); font-size:7.5px; }
.v6-ai-chip { min-height:34px; padding:0 11px; border:1px solid var(--line); border-radius:999px; background:rgba(80,207,114,.08); color:var(--green-3); display:flex; align-items:center; gap:6px; font-size:8px; font-weight:700; cursor:pointer; }

/* Welcome/release */
.v6-welcome-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-top:10px; }
.v6-welcome-grid span { min-height:52px; padding:8px; border:1px solid var(--line); border-radius:14px; background:var(--surface-2); display:flex; align-items:center; gap:7px; color:var(--text-soft); font-size:8px; }
.v6-welcome-grid .icon { width:17px; color:var(--green-2); }
.v6-warning-note { display:grid; grid-template-columns:24px minmax(0,1fr); gap:8px; margin-top:10px; }
.v6-warning-note > .icon { width:19px; color:var(--gold); }
.v6-warning-note strong { font-size:9px; }
.v6-warning-note p { margin:4px 0 0; color:var(--muted); font-size:7.5px; line-height:1.45; }
.v6-release-list { display:grid; gap:7px; }
.v6-release-list > span { min-height:50px; padding:9px 11px; border:1px solid var(--line); border-radius:14px; background:var(--surface-2); display:flex; align-items:center; gap:8px; color:var(--text-soft); font-size:8px; }
.v6-release-list > span .icon { width:16px; color:var(--green-2); }
.v6-version-injection { margin-top:12px; }

/* Small modal helpers */
.v6-modal-dua-list { display:grid; gap:7px; max-height:48dvh; overflow:auto; }
.v6-modal-dua { min-height:64px; padding:10px; display:grid; grid-template-columns:32px minmax(0,1fr); gap:9px; align-items:center; cursor:pointer; }
.v6-modal-dua input { width:18px; height:18px; accent-color:var(--green); }
.v6-modal-dua strong { display:block; font-size:9px; }
.v6-modal-dua small { display:block; margin-top:3px; color:var(--muted); font-size:7px; }
.v6-review-modal { color:var(--text-soft); font-size:10px; line-height:1.65; }
.v6-review-modal strong { color:var(--text); }

/* Responsive refinements */
@media (min-width:760px) {
  .v6-module-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .v6-collection-grid,.v6-theme-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .v6-home-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .v6-insight-kpis { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .v6-hub-hero { grid-template-columns:82px minmax(0,1fr) 150px; }
  .v6-hub-hero > button { grid-column:3; grid-row:1; }
}
@media (max-width:390px) {
  .v6-coach-hero { grid-template-columns:52px minmax(0,1fr); }
  .v6-coach-hero > strong { grid-column:1 / -1; justify-self:start; display:flex; gap:5px; align-items:center; }
  .v6-coach-hero > strong small { margin:0; }
  .v6-energy-card { align-items:flex-start; flex-direction:column; }
  .v6-energy-buttons { width:100%; }
  .v6-energy-buttons button { flex:1; }
  .v6-plan-actions { grid-template-columns:1fr; }
  .v6-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:340px) {
  .v6-module-grid,.v6-collection-grid,.v6-theme-grid { grid-template-columns:1fr; }
  .v6-hub-hero,.v6-quran-goal,.v6-insight-score,.v6-security-hero,.v6-pwa-hero { grid-template-columns:1fr; text-align:center; }
  .v6-orbit,.v6-ring,.v6-score-ring,.v6-security-hero > span,.v6-pwa-hero > span { margin:auto; }
  .v6-prayer-log-row { grid-template-columns:40px minmax(0,1fr) 14px; }
  .v6-prayer-log-row em { display:none; }
  .v6-insight-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
.reduce-motion .v6-pulse,.reduce-motion .v6-hub-hero::after { animation:none; }

/* MİZAN v7.0 */
.v7-home-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px}.v7-home-strip button{border:0;background:rgba(255,255,255,.045);color:inherit;border-radius:18px;padding:13px;display:flex;align-items:center;gap:9px;text-align:left}.v7-home-strip button>span{width:38px;height:38px;border-radius:13px;background:rgba(63,167,106,.16);display:grid;place-items:center;color:var(--accent)}.v7-home-strip small{display:block;font-size:9px;letter-spacing:.12em;color:var(--muted)}.v7-home-strip strong{font-size:12px}.v7-home-strip button>svg:last-child{margin-left:auto;width:16px}
.v7-kicker{font-size:10px;letter-spacing:.18em;font-weight:800;color:var(--accent)}.v7-hub-hero,.v7-now-hero{text-align:center;padding:25px 18px;background:radial-gradient(circle at top,rgba(63,167,106,.18),transparent 65%),var(--card)}.v7-hub-hero h1,.v7-now-hero h1{margin:8px 0;font-size:27px}.v7-hub-hero p,.v7-now-hero p{color:var(--muted);line-height:1.55}.v7-progress{height:7px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin:17px 0 8px}.v7-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#9bd77e)}
.v7-hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v7-hub-card{position:relative;border:1px solid var(--border);background:var(--card);color:inherit;border-radius:22px;padding:17px;text-align:left;min-height:138px}.v7-hub-card>span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(63,167,106,.14);color:var(--accent)}.v7-hub-card strong{display:block;margin:14px 0 5px}.v7-hub-card small{color:var(--muted);line-height:1.4}.v7-hub-card>svg:last-child{position:absolute;right:13px;top:15px;width:16px;color:var(--muted)}
.v7-focus-list{display:grid;gap:8px}.v7-focus-item{display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:11px;width:100%;border:0;background:rgba(255,255,255,.035);color:inherit;border-radius:16px;padding:12px;text-align:left}.v7-focus-item>span{width:32px;height:32px;border-radius:50%;background:rgba(63,167,106,.17);display:grid;place-items:center;color:var(--accent);font-weight:800}.v7-focus-item small{display:block;color:var(--muted);margin-top:3px}.v7-toggle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.v7-toggle-grid label{display:grid;gap:7px;text-align:center;background:rgba(255,255,255,.035);padding:11px;border-radius:15px;font-size:11px}.v7-toggle-grid input{accent-color:var(--accent)}
.v7-native-hero{text-align:center;padding:24px}.v7-native-hero>div{width:60px;height:60px;border-radius:20px;background:rgba(63,167,106,.15);display:grid;place-items:center;color:var(--accent);margin:0 auto 12px}.v7-native-hero>div svg{width:28px}.v7-permission,.v7-plan,.v7-queue-item,.v7-check{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--border)}.v7-permission:last-child,.v7-plan:last-child,.v7-queue-item:last-child,.v7-check:last-child{border-bottom:0}.v7-permission-icon,.v7-plan-main>span,.v7-queue-item>span{width:38px;height:38px;border-radius:13px;background:rgba(63,167,106,.13);display:grid;place-items:center;color:var(--accent)}.v7-permission>div,.v7-plan-main>div,.v7-queue-item>div{flex:1}.v7-permission small,.v7-plan small,.v7-queue-item small,.v7-check small{display:block;color:var(--muted);margin-top:3px}.v7-native-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v7-stat{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:14px;text-align:center}.v7-stat span{color:var(--accent)}.v7-stat strong,.v7-stat small{display:block}.v7-stat strong{margin:7px 0 3px}.v7-stat small{color:var(--muted)}
.v7-plan-main{border:0;background:none;color:inherit;display:flex;align-items:center;gap:11px;flex:1;text-align:left}.v7-sync-hero{display:flex;gap:15px;align-items:center}.v7-sync-hero>span{width:58px;height:58px;border-radius:20px;background:rgba(63,167,106,.15);display:grid;place-items:center;color:var(--accent)}.v7-sync-hero small{color:var(--accent);font-weight:800;letter-spacing:.12em}.v7-sync-hero h2{margin:5px 0}.v7-sync-hero p{color:var(--muted);font-size:12px}.v7-diagnostic-score{display:flex;align-items:center;gap:18px}.v7-score-ring{width:88px;height:88px;border-radius:50%;border:8px solid rgba(63,167,106,.2);display:grid;place-items:center;font-size:25px;font-weight:800;color:var(--accent)}.v7-score-ring small{font-size:10px}.v7-check>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center}.v7-check.ok>span{background:rgba(63,167,106,.17);color:var(--accent)}.v7-check.warn>span{background:rgba(221,170,70,.16);color:#ddaa46}.v7-check strong{flex:1}
@media(max-width:360px){.v7-hub-grid{grid-template-columns:1fr}.v7-home-strip{grid-template-columns:1fr}.v7-toggle-grid{grid-template-columns:1fr}}

/* =========================================================
   MİZAN v8.0 — Bulut, Hesap ve Aile Senkronizasyonu
   ========================================================= */
.v8-kicker{display:inline-flex;align-items:center;gap:6px;font-size:9px;letter-spacing:.18em;font-weight:900;color:var(--accent-soft,#8bcb75)}
.v8-hero{position:relative;overflow:hidden;padding:24px 20px;background:linear-gradient(145deg,rgba(63,167,106,.22),rgba(9,22,18,.94) 58%,rgba(201,158,73,.13));border:1px solid rgba(139,203,117,.18)}
.v8-hero:before{content:"";position:absolute;inset:-55% auto auto 48%;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(74,196,125,.18),transparent 66%);pointer-events:none}
.v8-hero h1{font-size:24px;line-height:1.12;margin:12px 0 7px;max-width:260px}
.v8-hero p{font-size:11px;line-height:1.65;color:var(--muted);margin:0;max-width:310px}
.v8-cloud-orb{position:absolute;right:18px;top:18px;width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:rgba(63,167,106,.16);border:1px solid rgba(139,203,117,.24);box-shadow:0 16px 38px rgba(0,0,0,.22)}
.v8-cloud-orb .icon{width:27px;height:27px;color:var(--accent-soft)}
.v8-progress{height:7px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;margin:18px 0 8px}
.v8-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-soft));box-shadow:0 0 18px rgba(63,167,106,.45)}
.v8-hero>small{font-size:9px;color:var(--muted)}
.v8-hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.v8-hub-card{min-height:138px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;position:relative;padding:15px;border-radius:18px;border:1px solid var(--border);background:var(--card);color:var(--text);box-shadow:var(--shadow-sm);overflow:hidden}
.v8-hub-card:before{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-45px;top:-45px;background:rgba(63,167,106,.08)}
.v8-hub-card>.icon:last-child{position:absolute;right:12px;bottom:12px;width:14px;color:var(--muted)}
.v8-hub-card strong{font-size:12px;margin-top:11px}
.v8-hub-card small{font-size:9px;line-height:1.45;color:var(--muted);margin-top:5px;padding-right:10px}
.v8-card-icon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:rgba(63,167,106,.13);border:1px solid rgba(139,203,117,.14);color:var(--accent-soft);flex:0 0 auto}
.v8-card-icon .icon{width:20px;height:20px}
.v8-account-hero,.v8-sync-hero,.v8-family-hero,.v8-admin-hero{display:flex;align-items:center;gap:13px;padding:17px}
.v8-account-hero.connected,.v8-health-hero.ok{border-color:rgba(63,167,106,.35);background:linear-gradient(145deg,rgba(63,167,106,.12),var(--card))}
.v8-account-hero h2,.v8-sync-hero h2,.v8-family-hero h2,.v8-admin-hero h2{font-size:16px;margin:3px 0}
.v8-account-hero p,.v8-sync-hero p,.v8-family-hero p,.v8-admin-hero p{font-size:9px;line-height:1.5;color:var(--muted);margin:0}
.v8-family-hero>.icon-button{margin-left:auto}
.v8-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.v8-stat-grid>div{min-height:84px;padding:12px 8px;border:1px solid var(--border);background:var(--card);border-radius:16px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}
.v8-stat-grid .icon{width:16px;color:var(--accent-soft);margin-bottom:6px}
.v8-stat-grid strong{font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v8-stat-grid small{font-size:8px;color:var(--muted);margin-top:4px}
.v8-auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.v8-auth-grid>.card{min-height:142px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:16px;color:var(--text)}
.v8-auth-grid>.card.wide{grid-column:1/-1;min-height:98px}
.v8-auth-grid strong{font-size:13px;margin-top:13px}
.v8-auth-grid small{font-size:9px;line-height:1.5;color:var(--muted);margin-top:5px}
.v8-sync-hero.status-dirty{border-color:rgba(201,158,73,.35);background:linear-gradient(145deg,rgba(201,158,73,.12),var(--card))}
.v8-sync-hero.status-conflict{border-color:rgba(218,91,91,.4);background:linear-gradient(145deg,rgba(218,91,91,.12),var(--card))}
.v8-sync-hero>.v8-card-icon{align-self:flex-start}
.v8-queue-list{margin-top:10px;border-top:1px solid var(--border)}
.v8-queue-list>div{display:flex;gap:10px;align-items:center;padding:12px 2px;border-bottom:1px solid var(--border)}
.v8-queue-list>div>.icon{width:16px;color:var(--accent-soft)}
.v8-queue-list span{display:flex;flex-direction:column;gap:2px}
.v8-queue-list strong{font-size:10px}.v8-queue-list small{font-size:8px;color:var(--muted)}
.button-row.inline{margin-top:12px;justify-content:flex-start}
.v8-family-empty{text-align:center;padding:28px 20px}
.v8-family-empty>.v8-card-icon{margin:0 auto 14px;width:56px;height:56px;border-radius:18px}
.v8-family-empty h2{font-size:18px;margin:0 0 8px}.v8-family-empty p{font-size:10px;color:var(--muted);line-height:1.6;margin:0 0 20px}
.v8-invite-card{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;padding:16px;background:linear-gradient(145deg,rgba(201,158,73,.13),var(--card));border-color:rgba(201,158,73,.26)}
.v8-invite-card>span{font-size:9px;color:var(--muted)}.v8-invite-card>strong{font-size:24px;letter-spacing:.18em;grid-row:2}.v8-invite-card>small{font-size:8px;color:var(--muted);grid-row:3}.v8-invite-card>button{grid-column:2;grid-row:1/4;align-self:center}
.v8-member-list>div,.v8-device-list>div,.v8-content-list>div,.v8-health-list>div{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--border)}
.v8-member-list>div:last-child,.v8-device-list>div:last-child,.v8-content-list>div:last-child,.v8-health-list>div:last-child{border-bottom:0}
.v8-avatar{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(63,167,106,.15);color:var(--accent-soft);font-size:13px;font-weight:900}
.v8-member-list>div>div,.v8-device-list>div>div,.v8-content-list>div>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}
.v8-member-list strong,.v8-device-list strong,.v8-content-list strong,.v8-health-list strong{font-size:10px}
.v8-member-list small,.v8-device-list small,.v8-content-list small,.v8-health-list small{font-size:8px;color:var(--muted);line-height:1.45}
.v8-member-list em{color:var(--gold);font-style:normal}.v8-member-list em .icon{width:15px}
.v8-family-task-list{padding:4px 14px}
.v8-family-task{width:100%;display:flex;align-items:center;gap:10px;text-align:left;color:var(--text);padding:12px 0;border-bottom:1px solid var(--border)}
.v8-family-task:last-child{border-bottom:0}.v8-family-task>span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(63,167,106,.12);color:var(--accent-soft)}
.v8-family-task>span .icon{width:15px}.v8-family-task>div{display:flex;flex-direction:column;gap:3px;min-width:0}.v8-family-task strong{font-size:10px}.v8-family-task small{font-size:8px;color:var(--muted)}
.v8-family-task.done{opacity:.6}.v8-family-task.done strong{text-decoration:line-through}
.v8-device-list>div>span,.v8-content-list>div>span,.v8-health-list>div>span{width:34px;height:34px;border-radius:11px;background:rgba(63,167,106,.11);color:var(--accent-soft);display:grid;place-items:center;flex:0 0 auto}.v8-device-list>div>span .icon,.v8-content-list>div>span .icon,.v8-health-list>div>span .icon{width:17px}
.icon-button.danger{color:var(--danger,#d85b5b);background:rgba(218,91,91,.1)}
.v8-content-list>div{align-items:flex-start}.v8-content-list>div.inactive{opacity:.5}.v8-content-list p{font-size:8px;line-height:1.5;color:var(--muted);margin:2px 0 0}.v8-content-list .switch{margin-top:5px}
.v8-privacy-list{padding:4px 14px}.v8-privacy-list>label{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--border)}.v8-privacy-list>label:last-child{border-bottom:0}.v8-privacy-list>label>.icon{width:18px;color:var(--accent-soft)}.v8-privacy-list>label>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.v8-privacy-list strong{font-size:10px}.v8-privacy-list small{font-size:8px;color:var(--muted);line-height:1.4}
.v8-health-hero{display:flex;align-items:center;gap:15px;padding:18px}.v8-health-hero.warn{border-color:rgba(201,158,73,.25)}
.v8-score-ring{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;position:relative;font-size:20px;font-weight:900;background:conic-gradient(var(--accent) 0 82%,rgba(255,255,255,.08) 82%);box-shadow:inset 0 0 0 8px var(--card)}
.v8-score-ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--card)}.v8-score-ring>*{position:relative}.v8-score-ring small{font-size:8px;margin-left:-9px;margin-top:15px}.v8-health-hero>div:last-child h2{font-size:15px;margin:4px 0}.v8-health-hero>div:last-child p{font-size:8px;color:var(--muted);margin:0;word-break:break-all}
.v8-health-list>div>strong{flex:1}.v8-health-list>div>small{text-align:right;max-width:45%}
.v8-home-strip{display:flex;flex-direction:column;gap:9px}.v8-home-strip>.card{width:100%;display:flex;align-items:center;gap:11px;padding:13px 14px;color:var(--text);text-align:left;background:linear-gradient(135deg,rgba(63,167,106,.11),var(--card))}.v8-home-strip>.card>span{width:36px;height:36px;border-radius:12px;background:rgba(63,167,106,.13);display:grid;place-items:center;color:var(--accent-soft)}.v8-home-strip>.card>span .icon{width:18px}.v8-home-strip>.card>div{min-width:0;flex:1;display:flex;flex-direction:column}.v8-home-strip>.card small{font-size:8px;letter-spacing:.08em;color:var(--accent-soft);font-weight:800}.v8-home-strip>.card strong{font-size:11px;margin-top:2px}.v8-home-strip>.card p{font-size:8px;color:var(--muted);margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v8-home-strip>.card>.icon{width:14px;color:var(--muted)}
.v8-home-content{border-color:rgba(201,158,73,.22)!important;background:linear-gradient(135deg,rgba(201,158,73,.1),var(--card))!important}.v8-home-content>span{background:rgba(201,158,73,.12)!important;color:var(--gold)!important}
.v8-version-injection{padding:18px}.v8-version-injection h2{font-size:16px;line-height:1.35;margin:10px 0 6px}.v8-version-injection p{font-size:9px;line-height:1.65;color:var(--muted);margin:0 0 14px}
.v8-welcome-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.v8-welcome-grid span{display:flex;align-items:center;gap:7px;padding:10px;border-radius:12px;border:1px solid var(--border);background:var(--card);font-size:9px;font-weight:700}.v8-welcome-grid .icon{width:15px;color:var(--accent-soft)}
.notice-card.danger{border-color:rgba(218,91,91,.28);background:rgba(218,91,91,.08)}
@media (min-width:720px){.v8-hub-grid{grid-template-columns:repeat(3,1fr)}.v8-hub-card{min-height:150px}.v8-home-strip{display:grid;grid-template-columns:1fr 1fr}}

/* ==========================================================
   MİZAN v8.0 — Bulut, hesap ve aile senkronizasyonu
   ========================================================== */
.v8-kicker {
  color: var(--green-3);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .16em;
}
.v8-hero {
  position: relative;
  overflow: hidden;
  padding: 24px;
  background:
    radial-gradient(circle at 88% 8%, rgba(80,207,114,.23), transparent 10rem),
    linear-gradient(145deg, color-mix(in srgb, var(--surface-2) 86%, transparent), color-mix(in srgb, var(--deep-green) 36%, var(--surface-solid)));
  border-color: rgba(80,207,114,.28);
}
.v8-hero::after {
  content: "";
  position: absolute;
  width: 190px;
  height: 190px;
  right: -72px;
  bottom: -104px;
  border: 1px solid rgba(139,203,117,.18);
  border-radius: 50%;
  box-shadow: 0 0 0 24px rgba(139,203,117,.035), 0 0 0 48px rgba(139,203,117,.025);
}
.v8-hero-top { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.v8-hero h1 { position:relative; z-index:1; margin:13px 0 8px; max-width:17ch; font:700 29px/1.08 Georgia, "Times New Roman", serif; }
.v8-hero p { position:relative; z-index:1; margin:0; max-width:45ch; color:var(--text-soft); font-size:12px; line-height:1.65; }
.v8-roadmap { position:relative; z-index:1; display:block; height:7px; margin:21px 0 8px; border-radius:99px; overflow:hidden; background:rgba(255,255,255,.07); border:1px solid var(--line); }
.v8-roadmap span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--green),var(--green-3),var(--gold)); box-shadow:0 0 16px rgba(80,207,114,.38); }
.v8-hero > small { position:relative; z-index:1; color:var(--muted); font-size:9px; }
.v8-status-pill { flex:none; display:inline-flex; align-items:center; gap:6px; min-height:26px; padding:0 10px; border:1px solid var(--line); border-radius:999px; background:color-mix(in srgb,var(--surface-solid) 78%,transparent); color:var(--text-soft); font-size:9px; font-weight:800; }
.v8-status-pill > span { width:7px; height:7px; border-radius:50%; background:var(--muted); box-shadow:0 0 0 4px rgba(143,163,153,.08); }
.v8-status-pill.online > span { background:var(--green); box-shadow:0 0 0 4px rgba(80,207,114,.12), 0 0 10px rgba(80,207,114,.55); }
.v8-status-pill.offline > span { background:var(--danger); box-shadow:0 0 0 4px rgba(255,141,141,.1); }
.v8-status-pill.checking > span { background:var(--gold); animation:v8Pulse 1s ease-in-out infinite; }
@keyframes v8Pulse { 50% { opacity:.35; transform:scale(.72); } }

.v8-summary-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.v8-metric { min-width:0; min-height:98px; padding:15px; display:flex; flex-direction:column; justify-content:flex-end; gap:5px; border:1px solid var(--line); border-radius:19px; background:linear-gradient(160deg,var(--surface),color-mix(in srgb,var(--surface-2) 65%,transparent)); box-shadow:0 12px 34px rgba(0,0,0,.12); }
.v8-metric > span { width:33px; height:33px; display:grid; place-items:center; border-radius:11px; color:var(--green-2); background:rgba(80,207,114,.09); }
.v8-metric > span .icon { width:17px; height:17px; }
.v8-metric strong { margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; }
.v8-metric small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--muted); font-size:9px; }
.v8-metric.warn { border-color:rgba(217,189,103,.36); background:linear-gradient(160deg,var(--surface),var(--gold-soft)); }
.v8-metric.warn > span { color:var(--gold); background:var(--gold-soft); }

.v8-hub-grid { display:grid; gap:10px; }
.v8-hub-card { width:100%; min-height:76px; padding:13px 14px; display:grid; grid-template-columns:43px minmax(0,1fr) 20px; align-items:center; gap:12px; border:1px solid var(--line); border-radius:18px; background:var(--surface); text-align:left; cursor:pointer; box-shadow:0 12px 30px rgba(0,0,0,.1); transition:.2s var(--ease); }
.v8-hub-card:active { transform:scale(.985); }
.v8-hub-card > span { width:43px; height:43px; display:grid; place-items:center; border-radius:14px; color:var(--green-2); background:rgba(80,207,114,.09); }
.v8-hub-card > span .icon { width:20px; height:20px; }
.v8-hub-card > div { min-width:0; }
.v8-hub-card strong { display:block; font-size:12px; }
.v8-hub-card small { display:block; margin-top:4px; color:var(--muted); font-size:9px; line-height:1.35; }
.v8-hub-card > .icon { color:var(--muted); width:17px; height:17px; }

.v8-home-cloud { padding:0; overflow:hidden; border-color:rgba(80,207,114,.28); background:linear-gradient(120deg,rgba(80,207,114,.08),var(--surface)); }
.v8-home-cloud > button { width:100%; min-height:83px; padding:15px; display:grid; grid-template-columns:47px minmax(0,1fr) 20px; gap:12px; align-items:center; border:0; background:transparent; text-align:left; cursor:pointer; }
.v8-home-icon { width:47px; height:47px; display:grid; place-items:center; border-radius:16px; color:var(--green-3); background:linear-gradient(145deg,rgba(80,207,114,.17),rgba(20,90,56,.24)); box-shadow:inset 0 0 0 1px rgba(139,203,117,.18),0 8px 22px rgba(0,0,0,.14); }
.v8-home-cloud small { display:block; color:var(--green-2); font-size:8px; font-weight:900; letter-spacing:.12em; }
.v8-home-cloud strong { display:block; margin-top:4px; font-size:12px; }
.v8-home-cloud p { margin:4px 0 0; color:var(--muted); font-size:9px; line-height:1.4; }
.v8-home-cloud > button > .icon { color:var(--muted); width:17px; }

.v8-auth-hero, .v8-family-hero { padding:26px 21px; text-align:center; background:radial-gradient(circle at 50% 5%,rgba(80,207,114,.17),transparent 12rem),var(--surface); }
.v8-auth-logo, .v8-family-hero > span { width:68px; height:68px; margin:0 auto 15px; display:grid; place-items:center; border-radius:24px; color:var(--green-3); background:linear-gradient(145deg,rgba(80,207,114,.18),rgba(20,90,56,.3)); box-shadow:inset 0 0 0 1px rgba(139,203,117,.2),0 16px 35px rgba(0,0,0,.2); }
.v8-auth-logo .icon, .v8-family-hero > span .icon { width:30px; height:30px; }
.v8-auth-hero h2, .v8-family-hero h2 { margin:7px 0 8px; font:700 25px/1.1 Georgia,"Times New Roman",serif; }
.v8-auth-hero p, .v8-family-hero p { margin:0; color:var(--muted); font-size:11px; line-height:1.65; }
.v8-auth-actions { display:grid; gap:9px; }
.v8-auth-actions .text-button { justify-self:center; }
.v8-verify-card { display:grid; grid-template-columns:40px minmax(0,1fr) auto; align-items:center; gap:11px; padding:13px; }
.v8-verify-card > span { width:40px; height:40px; display:grid; place-items:center; border-radius:13px; color:var(--gold); background:var(--gold-soft); }
.v8-verify-card strong,.v8-verify-card small { display:block; }
.v8-verify-card strong { font-size:11px; }
.v8-verify-card small { margin-top:3px; color:var(--muted); font-size:9px; }
.v8-oauth-grid { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.v8-oauth-grid button { min-height:108px; padding:14px 10px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; border:1px solid var(--line); border-radius:18px; background:var(--surface); cursor:pointer; }
.v8-oauth-grid button > strong { width:35px; height:35px; display:grid; place-items:center; border-radius:50%; background:var(--surface-2); font-size:17px; }
.v8-oauth-grid span { font-size:10px; font-weight:800; }
.v8-oauth-grid small { color:var(--muted); font-size:8px; }
.v8-copy { margin:0 0 13px; color:var(--muted); font-size:10px; line-height:1.65; }
.v8-copy code { padding:2px 5px; border:1px solid var(--line); border-radius:6px; color:var(--green-3); background:var(--surface-2); font-size:9px; }

.v8-account-card { padding:18px; display:grid; grid-template-columns:58px minmax(0,1fr) auto; align-items:center; gap:13px; }
.v8-account-avatar { width:58px; height:58px; display:grid; place-items:center; border-radius:20px; color:#06100b; background:linear-gradient(145deg,var(--green-3),var(--green)); font-size:16px; font-weight:900; box-shadow:0 12px 30px rgba(80,207,114,.22); }
.v8-account-card h2 { margin:4px 0 3px; font-size:16px; }
.v8-account-card p { margin:0; color:var(--muted); font-size:9px; }
.v8-verified { align-self:start; display:inline-flex; align-items:center; gap:4px; padding:6px 8px; border:1px solid rgba(80,207,114,.25); border-radius:999px; color:var(--green-2); background:rgba(80,207,114,.08); font-size:8px; font-weight:800; }
.v8-verified .icon { width:12px; height:12px; }
.v8-action-list { display:grid; }
.v8-action-list > button { width:100%; min-height:66px; padding:10px 0; display:grid; grid-template-columns:39px minmax(0,1fr) 18px; align-items:center; gap:11px; border:0; border-bottom:1px solid var(--line); background:transparent; text-align:left; cursor:pointer; }
.v8-action-list > button:last-child { border-bottom:0; }
.v8-action-list > button > span { width:39px; height:39px; display:grid; place-items:center; border-radius:13px; color:var(--green-2); background:rgba(80,207,114,.08); }
.v8-action-list strong,.v8-action-list small { display:block; }
.v8-action-list strong { font-size:11px; }
.v8-action-list small { margin-top:4px; color:var(--muted); font-size:9px; line-height:1.35; }
.v8-action-list > button > .icon { width:16px; color:var(--muted); }

.v8-sync-hero, .v8-content-hero, .v8-session-hero, .v8-backend-hero, .v8-family-header, .v8-conflict-hero { padding:17px; display:grid; grid-template-columns:48px minmax(0,1fr) auto; gap:13px; align-items:center; }
.v8-sync-hero > span, .v8-content-hero > span, .v8-session-hero > span, .v8-backend-hero > span, .v8-conflict-hero > span { width:48px; height:48px; display:grid; place-items:center; border-radius:16px; color:var(--green-2); background:rgba(80,207,114,.09); }
.v8-sync-hero.conflict > span, .v8-conflict-hero > span { color:var(--gold); background:var(--gold-soft); }
.v8-sync-hero.error > span, .v8-backend-hero.offline > span { color:var(--danger); background:var(--danger-bg); }
.v8-sync-hero small,.v8-content-hero small,.v8-session-hero small,.v8-backend-hero small,.v8-conflict-hero small { color:var(--green-2); font-size:8px; font-weight:900; letter-spacing:.11em; }
.v8-sync-hero h2,.v8-content-hero h2,.v8-session-hero h2,.v8-backend-hero h2,.v8-family-header h2,.v8-conflict-hero h2 { margin:4px 0; font-size:14px; line-height:1.25; }
.v8-sync-hero p,.v8-content-hero p,.v8-session-hero p,.v8-backend-hero p,.v8-family-header p,.v8-conflict-hero p { margin:0; color:var(--muted); font-size:9px; line-height:1.45; }
.v8-conflict-banner { width:100%; min-height:70px; padding:13px; display:grid; grid-template-columns:38px minmax(0,1fr) 18px; gap:10px; align-items:center; border:1px solid rgba(217,189,103,.32); border-radius:17px; background:var(--gold-soft); text-align:left; cursor:pointer; }
.v8-conflict-banner > .icon:first-child { width:22px; height:22px; color:var(--gold); }
.v8-conflict-banner strong,.v8-conflict-banner small { display:block; }
.v8-conflict-banner strong { font-size:10px; }
.v8-conflict-banner small { margin-top:4px; color:var(--muted); font-size:8px; line-height:1.4; }
.v8-conflict-banner > .icon:last-child { width:16px; color:var(--muted); }
.v8-queue-list { display:grid; }
.v8-queue-list > div { min-height:55px; padding:9px 0; display:grid; grid-template-columns:35px minmax(0,1fr); align-items:center; gap:10px; border-bottom:1px solid var(--line); }
.v8-queue-list > div:last-child { border-bottom:0; }
.v8-queue-list > div > span { width:35px; height:35px; display:grid; place-items:center; border-radius:12px; color:var(--green-2); background:rgba(80,207,114,.08); }
.v8-queue-list strong,.v8-queue-list small { display:block; }
.v8-queue-list strong { font-size:10px; }
.v8-queue-list small { margin-top:3px; color:var(--muted); font-size:8px; }
.v8-button-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.v8-button-grid button { min-width:0; }

.v8-family-header { grid-template-columns:minmax(0,1fr) auto; }
.v8-member-scroller { display:flex; gap:9px; overflow-x:auto; padding:2px 1px 7px; scrollbar-width:none; }
.v8-member-scroller::-webkit-scrollbar { display:none; }
.v8-member { flex:0 0 85px; min-height:102px; padding:12px 8px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; border:1px solid var(--line); border-radius:18px; background:var(--surface); text-align:center; }
.v8-member > span { width:42px; height:42px; display:grid; place-items:center; border-radius:15px; color:#07110e; background:linear-gradient(145deg,var(--green-3),var(--green)); font-size:11px; font-weight:900; }
.v8-member strong { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:9px; }
.v8-member small { color:var(--muted); font-size:8px; }
.v8-invite { width:100%; min-height:60px; padding:9px 0; display:grid; grid-template-columns:38px minmax(0,1fr) 18px; align-items:center; gap:10px; border:0; border-bottom:1px solid var(--line); background:transparent; text-align:left; cursor:pointer; }
.v8-invite:last-child { border-bottom:0; }
.v8-invite > span { width:38px; height:38px; display:grid; place-items:center; border-radius:13px; color:var(--gold); background:var(--gold-soft); }
.v8-invite strong { display:block; font-size:17px; letter-spacing:.16em; }
.v8-invite small { display:block; margin-top:2px; color:var(--muted); font-size:8px; }
.v8-family-list { display:grid; }
.v8-family-list button { width:100%; min-height:59px; padding:9px 0; display:grid; grid-template-columns:36px minmax(0,1fr); align-items:center; gap:10px; border:0; border-bottom:1px solid var(--line); background:transparent; text-align:left; cursor:pointer; }
.v8-family-list button:last-child { border-bottom:0; }
.v8-family-list button > span { width:36px; height:36px; display:grid; place-items:center; border-radius:12px; color:var(--gold); background:var(--gold-soft); }
.v8-family-list button.done > span { color:var(--green-2); background:rgba(80,207,114,.09); }
.v8-family-list button.done strong { color:var(--muted); text-decoration:line-through; }
.v8-family-list strong,.v8-family-list small { display:block; }
.v8-family-list strong { font-size:10px; }
.v8-family-list small { margin-top:4px; color:var(--muted); font-size:8px; }
.v8-goal { padding:12px 0; display:grid; grid-template-columns:minmax(0,1fr) 38px; gap:8px; border-bottom:1px solid var(--line); }
.v8-goal:last-child { border-bottom:0; }
.v8-goal strong,.v8-goal small { display:block; }
.v8-goal strong { font-size:10px; }
.v8-goal small { margin-top:3px; color:var(--muted); font-size:8px; }
.v8-goal button { width:36px; height:32px; border:1px solid rgba(80,207,114,.26); border-radius:10px; color:var(--green-3); background:rgba(80,207,114,.08); font-size:10px; font-weight:900; cursor:pointer; }
.v8-goal > span { grid-column:1/-1; height:6px; overflow:hidden; border-radius:99px; background:var(--surface-3); }
.v8-goal > span i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--green),var(--green-3)); }
.v8-event-list { display:grid; }
.v8-event-list > div { min-height:56px; padding:9px 0; display:grid; grid-template-columns:36px minmax(0,1fr); gap:10px; align-items:center; border-bottom:1px solid var(--line); }
.v8-event-list > div:last-child { border-bottom:0; }
.v8-event-list > div > span { width:36px; height:36px; display:grid; place-items:center; border-radius:12px; color:var(--green-2); background:rgba(80,207,114,.08); }
.v8-event-list strong,.v8-event-list small { display:block; }
.v8-event-list strong { font-size:10px; }
.v8-event-list small { margin-top:3px; color:var(--muted); font-size:8px; line-height:1.4; }

.v8-filter-row { display:flex; gap:7px; overflow-x:auto; padding-bottom:4px; scrollbar-width:none; }
.v8-filter-row::-webkit-scrollbar { display:none; }
.v8-filter-row button { flex:none; min-height:31px; padding:0 12px; border:1px solid var(--line); border-radius:999px; color:var(--muted); background:var(--surface); font-size:8px; font-weight:800; cursor:pointer; }
.v8-filter-row button.active { color:#06100b; border-color:transparent; background:var(--green-2); }
.v8-content-list { display:grid; gap:10px; }
.v8-content-card { padding:17px; }
.v8-content-card.inactive { opacity:.58; }
.v8-content-card h3 { margin:9px 0 7px; font-size:14px; }
.v8-content-card p { margin:0; color:var(--text-soft); font-size:10px; line-height:1.65; white-space:pre-wrap; }
.v8-content-card > small { display:block; margin-top:8px; color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:8px; }
.v8-content-card footer { margin-top:13px; padding-top:11px; display:flex; align-items:center; justify-content:space-between; gap:8px; border-top:1px solid var(--line); }
.v8-content-card footer > span { color:var(--muted); font-size:8px; }
.v8-content-card footer div { display:flex; gap:5px; }
.v8-content-card footer button { min-height:27px; padding:0 8px; border:1px solid var(--line); border-radius:8px; background:var(--surface-2); font-size:7px; cursor:pointer; }
.v8-demo-hint { display:block; margin-top:10px; color:var(--gold); text-align:center; font-size:9px; }

.v8-session-list { display:grid; }
.v8-session-list > div { min-height:64px; padding:10px 0; display:grid; grid-template-columns:39px minmax(0,1fr) auto; gap:10px; align-items:center; border-bottom:1px solid var(--line); }
.v8-session-list > div:last-child { border-bottom:0; }
.v8-session-list > div > span:first-child { width:39px; height:39px; display:grid; place-items:center; border-radius:13px; color:var(--muted); background:var(--surface-2); }
.v8-session-list > div.current > span:first-child { color:var(--green-2); background:rgba(80,207,114,.09); }
.v8-session-list strong,.v8-session-list small { display:block; }
.v8-session-list strong { font-size:10px; }
.v8-session-list small { margin-top:4px; color:var(--muted); font-size:8px; }
.danger-link { border:0; padding:7px; color:var(--danger); background:transparent; font-size:8px; font-weight:800; cursor:pointer; }

.v8-backend-hero.online { border-color:rgba(80,207,114,.28); background:linear-gradient(145deg,rgba(80,207,114,.08),var(--surface)); }
.v8-backend-hero.offline { border-color:rgba(255,141,141,.25); background:linear-gradient(145deg,var(--danger-bg),var(--surface)); }
.v8-danger-zone { border-color:rgba(255,141,141,.24); background:linear-gradient(145deg,var(--danger-bg),var(--surface)); }
.v8-danger-zone h2 { margin:8px 0 7px; font-size:16px; }
.v8-danger-zone p { margin:0 0 14px; color:var(--muted); font-size:10px; line-height:1.6; }

.v8-conflict-hero { grid-template-columns:48px minmax(0,1fr); border-color:rgba(217,189,103,.3); background:linear-gradient(145deg,var(--gold-soft),var(--surface)); }
.v8-compare-grid { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.v8-compare-grid article { min-height:151px; padding:16px 12px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; border:1px solid var(--line); border-radius:20px; background:var(--surface); text-align:center; }
.v8-compare-grid article > span { width:45px; height:45px; display:grid; place-items:center; border-radius:15px; color:var(--green-2); background:rgba(80,207,114,.08); }
.v8-compare-grid h3 { margin:3px 0 0; font-size:11px; }
.v8-compare-grid strong { font-size:17px; }
.v8-compare-grid small { color:var(--muted); font-size:8px; line-height:1.35; }
.v8-conflict-actions { display:grid; gap:9px; }

.v8-welcome-grid { margin-top:12px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.v8-welcome-grid span { min-height:43px; padding:8px; display:flex; align-items:center; gap:8px; border:1px solid var(--line); border-radius:12px; color:var(--text-soft); background:var(--surface-2); font-size:9px; font-weight:700; }
.v8-welcome-grid .icon { width:16px; color:var(--green-2); }
.code-input { text-align:center; letter-spacing:.24em; font-size:18px !important; font-weight:900; }
.setting-row.compact { padding:9px 0; }
.form-note.danger { border-color:rgba(255,141,141,.22); color:var(--danger); background:var(--danger-bg); }

@media (min-width:700px) {
  .v8-summary-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .v8-hub-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .v8-content-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .v8-auth-hero, .v8-family-hero { padding:34px; }
}

/* =========================================================
   MİZAN v9.0 — Mobil Yayın Adayı, native köprü ve kalite katmanı
   ========================================================= */
:root{--v9-arabic-scale:1;--v9-accent:#6ee7a4;--v9-blue:#78aefc;--v9-gold:#e8c77a;--v9-danger:#f28d8d}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.v9-hero{position:relative;overflow:hidden;padding:22px;background:linear-gradient(145deg,rgba(29,83,61,.92),rgba(8,24,20,.96) 62%,rgba(10,35,45,.96));border:1px solid rgba(124,237,171,.25)}
.v9-hero-glow{position:absolute;width:210px;height:210px;border-radius:50%;right:-92px;top:-100px;background:radial-gradient(circle,rgba(110,231,164,.28),transparent 68%);pointer-events:none}
.v9-hero-top{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;z-index:1}
.v9-kicker{font-size:9px;font-weight:900;letter-spacing:1.35px;color:#aaf4c6}
.v9-hero h1{position:relative;z-index:1;margin:18px 0 8px;font-size:24px;line-height:1.12;max-width:390px}
.v9-hero p{position:relative;z-index:1;margin:0;color:rgba(239,255,245,.76);font-size:11px;line-height:1.65}
.v9-progress{height:7px;margin:20px 0 7px;border-radius:99px;background:rgba(255,255,255,.09);overflow:hidden}.v9-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#54d98b,#b6f09c)}
.v9-hero>small{font-size:9px;color:rgba(255,255,255,.62)}
.v9-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}
.v9-status-pill{display:inline-flex;align-items:center;gap:5px;border-radius:99px;padding:6px 8px;font-size:8px;font-weight:900;white-space:nowrap}.v9-status-pill .icon{width:11px;height:11px}.v9-status-pill.ready{background:rgba(91,220,143,.16);color:#a8efc2;border:1px solid rgba(91,220,143,.22)}.v9-status-pill.pending{background:rgba(232,199,122,.13);color:#f1d99d;border:1px solid rgba(232,199,122,.2)}
.v9-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.v9-metric{min-height:86px;border-radius:18px;padding:13px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));border:1px solid var(--border);display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center}.v9-metric>span{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:rgba(73,197,119,.13);color:var(--accent)}.v9-metric>span .icon{width:15px;height:15px}.v9-metric strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v9-metric small{grid-column:1/-1;margin-top:5px;font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px}.v9-metric.good{border-color:rgba(91,220,143,.3)}.v9-metric.warn{border-color:rgba(232,199,122,.32)}
.v9-hub-grid{display:grid;gap:9px}.v9-hub-card{width:100%;display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;text-align:left;padding:13px;border-radius:18px;border:1px solid var(--border);background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.022));color:var(--text)}.v9-hub-card:active{transform:scale(.986)}.v9-hub-card>.icon{width:15px;height:15px;color:var(--muted)}.v9-hub-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(66,185,109,.18),rgba(75,143,211,.1));color:var(--v9-accent)}.v9-hub-icon .icon{width:20px;height:20px}.v9-hub-card strong{display:block;font-size:11px}.v9-hub-card small{display:block;margin-top:4px;font-size:8.5px;line-height:1.35;color:var(--muted)}
.v9-runtime-card{display:grid;grid-template-columns:58px 1fr auto;gap:13px;align-items:center;padding:17px}.v9-runtime-orb{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(74,189,119,.2),rgba(66,118,195,.16));color:var(--v9-accent)}.v9-runtime-orb.native{box-shadow:0 0 28px rgba(74,189,119,.18)}.v9-runtime-orb .icon{width:27px;height:27px}.v9-runtime-card h2{font-size:15px;margin:4px 0}.v9-runtime-card p{font-size:9px;color:var(--muted);margin:0;line-height:1.45}
.v9-capability-list{display:grid;gap:2px}.v9-capability-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid var(--border)}.v9-capability-row:last-child{border-bottom:0}.v9-capability-row>span:first-child{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.05);color:var(--accent)}.v9-capability-row>span:first-child .icon{width:15px;height:15px}.v9-capability-row strong{display:block;font-size:10px}.v9-capability-row small{display:block;margin-top:3px;font-size:8px;color:var(--muted)}
.v9-button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.v9-button-grid button{min-height:46px;font-size:9px;padding:10px 8px}
.v9-notification-hero{display:grid;grid-template-columns:50px 1fr;gap:13px;align-items:center;padding:17px;border-left:3px solid var(--v9-gold)}.v9-notification-hero.granted{border-left-color:var(--accent)}.v9-notification-hero>span{width:50px;height:50px;border-radius:17px;display:grid;place-items:center;background:rgba(73,197,119,.12);color:var(--accent)}.v9-notification-hero>span .icon{width:22px;height:22px}.v9-notification-hero h2{margin:4px 0;font-size:15px}.v9-notification-hero p{margin:0;color:var(--muted);font-size:8.5px;line-height:1.45}
.v9-notification-list{display:grid}.v9-notification-list>div{display:grid;grid-template-columns:37px 1fr 34px;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.v9-notification-list>div:last-child{border-bottom:0}.v9-notification-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:rgba(73,197,119,.1);color:var(--accent)}.v9-notification-icon .icon{width:16px;height:16px}.v9-notification-list strong{display:block;font-size:9.5px}.v9-notification-list small{display:block;margin-top:3px;font-size:7.7px;color:var(--muted);line-height:1.35}.icon-button.small{width:31px;height:31px}
.v9-widget-phone{padding:16px;border-radius:28px;background:linear-gradient(155deg,#07110e,#10201b);border:1px solid rgba(109,226,154,.18);box-shadow:inset 0 0 0 5px rgba(255,255,255,.018);display:grid;gap:10px}.v9-widget-preview{position:relative;overflow:hidden;border-radius:19px;padding:15px;background:linear-gradient(145deg,rgba(48,139,91,.88),rgba(17,55,42,.94));border:1px solid rgba(167,246,196,.17);color:#fff}.v9-widget-preview.disabled{filter:grayscale(.7);opacity:.38}.v9-widget-preview.prayer{display:flex;justify-content:space-between;align-items:center;min-height:90px}.v9-widget-preview.prayer small,.v9-widget-preview.now small{font-size:7.5px;letter-spacing:.9px;color:rgba(255,255,255,.68)}.v9-widget-preview.prayer strong{display:block;margin:6px 0;font-size:15px}.v9-widget-preview.prayer span{font-size:9px;color:rgba(255,255,255,.75)}.v9-widget-preview.prayer b{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;background:rgba(255,255,255,.11)}.v9-widget-preview.prayer b .icon{width:23px;height:23px}.v9-widget-preview.now{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;background:linear-gradient(145deg,rgba(42,76,114,.9),rgba(21,41,57,.96))}.v9-widget-preview.now>span{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.1)}.v9-widget-preview.now strong{display:block;font-size:10px;margin:3px 0 6px}.v9-widget-preview.now>b{font-size:13px}.v9-widget-progress{height:4px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}.v9-widget-progress i{display:block;height:100%;background:#9be9b6}.v9-widget-small-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v9-widget-preview.small{min-height:88px;display:grid;place-items:center;text-align:center;background:linear-gradient(145deg,rgba(77,116,153,.75),rgba(24,47,64,.94))}.v9-widget-preview.small:nth-child(2){background:linear-gradient(145deg,rgba(114,86,45,.82),rgba(51,37,20,.95))}.v9-widget-preview.small .icon{width:19px;height:19px}.v9-widget-preview.small strong{font-size:16px}.v9-widget-preview.small small{font-size:7.5px;color:rgba(255,255,255,.72);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v9-ai-hero,.v9-security-hero,.v9-performance-hero,.v9-accessibility-hero,.v9-migration-hero{display:grid;grid-template-columns:52px 1fr;gap:13px;align-items:center;padding:17px}.v9-ai-hero>span,.v9-security-hero>span,.v9-performance-hero>span,.v9-accessibility-hero>span,.v9-migration-hero>span{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:rgba(73,197,119,.11);color:var(--accent)}.v9-ai-hero>span .icon,.v9-security-hero>span .icon,.v9-performance-hero>span .icon,.v9-accessibility-hero>span .icon,.v9-migration-hero>span .icon{width:23px;height:23px}.v9-ai-hero h2,.v9-security-hero h2,.v9-performance-hero h2,.v9-accessibility-hero h2,.v9-migration-hero h2{margin:4px 0;font-size:15px}.v9-ai-hero p,.v9-security-hero p,.v9-performance-hero p,.v9-accessibility-hero p,.v9-migration-hero p{margin:0;color:var(--muted);font-size:8.5px;line-height:1.45}
.v9-command-box{padding:13px;border-radius:19px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid var(--border)}.v9-command-box .textarea{margin-bottom:9px;min-height:82px}.v9-command-examples{display:flex;gap:7px;overflow-x:auto;padding:1px 0 5px;scrollbar-width:none}.v9-command-examples::-webkit-scrollbar{display:none}.v9-command-examples .chip{flex:0 0 auto;max-width:220px;white-space:normal;text-align:left;line-height:1.35;padding:8px 10px}
.v9-proposal{padding:17px;border-color:rgba(109,226,154,.28);background:linear-gradient(145deg,rgba(37,96,66,.42),rgba(13,30,24,.75))}.v9-proposal-head{display:grid;grid-template-columns:45px 1fr auto;gap:10px;align-items:center}.v9-proposal-head>span{width:45px;height:45px;border-radius:15px;display:grid;place-items:center;background:rgba(110,231,164,.13);color:var(--v9-accent)}.v9-proposal-head h2{font-size:14px;margin:4px 0}.v9-proposal>p{font-size:9.5px;color:var(--muted);line-height:1.55;margin:13px 0}.v9-proposal-data{display:grid;gap:1px;border-radius:14px;overflow:hidden;background:var(--border);margin-bottom:14px}.v9-proposal-data>div{display:flex;justify-content:space-between;gap:12px;background:var(--card);padding:10px 11px}.v9-proposal-data span{font-size:8px;color:var(--muted)}.v9-proposal-data strong{font-size:9px;text-align:right}
.v9-history-list{display:grid}.v9-history-list>div{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.v9-history-list>div:last-child{border-bottom:0}.v9-history-list>div>span{width:33px;height:33px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.05);color:var(--muted)}.v9-history-list>div>span.applied,.v9-history-list>div>span.backup,.v9-history-list>div>span.upgrade{color:var(--accent);background:rgba(73,197,119,.1)}.v9-history-list>div>span.rejected,.v9-history-list>div>span.restore{color:var(--v9-gold);background:rgba(232,199,122,.1)}.v9-history-list strong{display:block;font-size:9.5px}.v9-history-list small{display:block;margin-top:3px;font-size:7.7px;color:var(--muted);line-height:1.35}
.v9-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.v9-preset-card{min-height:112px;padding:11px 8px;border-radius:17px;border:1px solid var(--border);background:rgba(255,255,255,.03);color:var(--text);text-align:left;display:flex;flex-direction:column;gap:6px}.v9-preset-card.active{border-color:rgba(100,226,151,.45);background:rgba(73,197,119,.09)}.v9-preset-card>span{width:31px;height:31px;border-radius:11px;display:grid;place-items:center;background:rgba(73,197,119,.1);color:var(--accent)}.v9-preset-card strong{font-size:9.5px}.v9-preset-card small{font-size:7.4px;line-height:1.35;color:var(--muted)}.v9-arabic-sample{padding:18px;text-align:center}.v9-arabic-sample .ayah-arabic{font-size:calc(25px * var(--v9-arabic-scale));line-height:1.9;margin:11px 0}.v9-arabic-sample>span{font-size:9px;color:var(--muted)}
.v9-migration-hero{grid-template-columns:52px 1fr auto}.v9-release-score{display:grid;grid-template-columns:100px 1fr;gap:18px;align-items:center;padding:19px}.v9-score-ring{--score:0;width:94px;height:94px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at center,var(--card) 59%,transparent 61%),conic-gradient(var(--accent) calc(var(--score)*1%),rgba(255,255,255,.08) 0);box-shadow:0 0 28px rgba(73,197,119,.12)}.v9-score-ring strong{font-size:21px}.v9-score-ring span{font-size:7.5px;color:var(--muted);text-transform:uppercase}.v9-release-score h2{font-size:15px;margin:5px 0}.v9-release-score p{font-size:8.5px;line-height:1.45;color:var(--muted);margin:0}.v9-release-list{display:grid;gap:1px}.v9-release-list>div{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.v9-release-list>div:last-child{border-bottom:0}.v9-release-list>div>span:first-child{width:33px;height:33px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.05)}.v9-release-list>.ready>span:first-child{color:var(--accent);background:rgba(73,197,119,.1)}.v9-release-list>.pending>span:first-child{color:var(--v9-gold);background:rgba(232,199,122,.1)}.v9-release-list strong{display:block;font-size:9.5px}.v9-release-list small{display:block;margin-top:3px;font-size:7.7px;color:var(--muted);line-height:1.35}
.v9-home-release{padding:0;overflow:hidden;border-color:rgba(93,222,145,.25);background:linear-gradient(145deg,rgba(27,86,57,.42),rgba(12,28,22,.78))}.v9-home-release-main{width:100%;display:grid;grid-template-columns:45px 1fr auto;gap:11px;align-items:center;text-align:left;padding:14px;color:var(--text)}.v9-home-release-main>.icon{width:15px;color:var(--muted)}.v9-home-release-icon{width:45px;height:45px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(94,225,148,.2),rgba(80,132,208,.12));color:var(--v9-accent)}.v9-home-release-main small{display:block;color:#a5eec0;font-size:7px;letter-spacing:.7px}.v9-home-release-main strong{display:block;margin:4px 0;font-size:10.5px}.v9-home-release-main p{margin:0;color:var(--muted);font-size:7.7px}.v9-home-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border)}.v9-home-shortcuts button{padding:10px 5px;color:var(--muted);font-size:7.5px;border-right:1px solid var(--border)}.v9-home-shortcuts button:last-child{border-right:0}.v9-home-shortcuts .icon{width:12px;height:12px;margin-right:3px;color:var(--accent)}
.v9-welcome{padding:17px}.v9-welcome h2{font-size:16px;line-height:1.35;margin:10px 0 7px}.v9-welcome p{font-size:9px;color:var(--muted);line-height:1.55;margin:0}.v9-welcome-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.v9-welcome-grid span{display:flex;align-items:center;gap:7px;padding:10px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid var(--border);font-size:8px}.v9-welcome-grid .icon{width:14px;height:14px;color:var(--accent)}
body.v9-large-targets button,body.v9-large-targets .setting-row,body.v9-large-targets .action-sheet-button{min-height:48px}body.v9-large-targets{font-size:112%}body.v9-simplified .v9-hero-glow,body.v9-simplified .card::before,body.v9-lite-mode .v9-hero-glow{display:none!important}body.v9-simplified small:not(.eyebrow),body.v9-simplified .notice-card p{line-height:1.5}body.v9-lite-mode *,body.v9-lite-mode *::before,body.v9-lite-mode *::after{animation-duration:.001ms!important;transition-duration:.001ms!important;box-shadow:none!important}body.v9-focus-outline :focus-visible{outline:3px solid #f1d27e!important;outline-offset:3px!important}
body[data-theme="light"] .v9-widget-phone{background:linear-gradient(155deg,#e4eee8,#f6faf7)}body[data-theme="light"] .v9-hero{background:linear-gradient(145deg,#dff4e6,#f6fbf8 70%,#e6f0fa)}body[data-theme="light"] .v9-hero h1{color:#173025}body[data-theme="light"] .v9-hero p,body[data-theme="light"] .v9-hero>small{color:#486455}body[data-theme="light"] .v9-kicker{color:#287b4d}
@media (min-width:700px){.v9-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.v9-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v9-widget-phone{max-width:430px;margin-inline:auto}.v9-release-score{max-width:620px;margin-inline:auto}}
@media (max-width:360px){.v9-hero-actions,.v9-button-grid{grid-template-columns:1fr}.v9-preset-grid{grid-template-columns:1fr}.v9-runtime-card{grid-template-columns:50px 1fr}.v9-runtime-card>.v9-status-pill{grid-column:2}.v9-release-score{grid-template-columns:82px 1fr}.v9-score-ring{width:78px;height:78px}.v9-migration-hero{grid-template-columns:48px 1fr}.v9-migration-hero>.v9-status-pill{grid-column:2}}

/* ======================================================================
   MİZAN v9.0 — Mobil Yayın Adayı
   Native köprü, bildirim motoru, widget stüdyosu, AI işlemleri ve yayın denetimi
   ====================================================================== */
:root {
  --v9-cyan: #63d8c7;
  --v9-cyan-soft: rgba(99,216,199,.10);
  --v9-violet: #a98cf8;
  --v9-violet-soft: rgba(169,140,248,.10);
  --v9-blue: #68a7ff;
  --v9-blue-soft: rgba(104,167,255,.10);
  --v9-arabic-scale: 1;
}
.v9-view { padding-bottom: 112px; }
.v9-view .page-head { position:sticky; top:0; z-index:15; margin:0 -14px 14px; padding:10px 14px 12px; background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 96%,transparent),color-mix(in srgb,var(--bg) 80%,transparent) 72%,transparent); backdrop-filter:blur(15px); }
.v9-view .page-head h1 { font-size:20px; letter-spacing:-.02em; }
.v9-view .page-head p { max-width:42ch; }
.v9-kicker { display:inline-flex; align-items:center; min-height:24px; padding:0 10px; border:1px solid rgba(99,216,199,.25); border-radius:999px; color:var(--v9-cyan); background:var(--v9-cyan-soft); font-size:8px; font-weight:900; letter-spacing:.14em; }
.v9-hero { position:relative; overflow:hidden; min-height:282px; padding:24px 21px 20px; border-color:rgba(99,216,199,.23); background:radial-gradient(circle at 84% 9%,rgba(169,140,248,.18),transparent 36%),radial-gradient(circle at 6% 92%,rgba(80,207,114,.13),transparent 42%),linear-gradient(145deg,color-mix(in srgb,var(--surface-solid) 92%,#09231d),var(--surface)); box-shadow:0 22px 58px rgba(0,0,0,.23); }
.v9-hero::before { content:""; position:absolute; inset:-40% -55% auto auto; width:250px; height:250px; border:1px solid rgba(99,216,199,.12); border-radius:50%; box-shadow:0 0 0 28px rgba(99,216,199,.025),0 0 0 56px rgba(169,140,248,.02); animation:v9Orbit 18s linear infinite; pointer-events:none; }
.v9-hero-orbit { position:absolute; top:19px; right:18px; width:55px; height:55px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.12); border-radius:19px; color:#07110e; background:linear-gradient(145deg,var(--v9-cyan),var(--green-3)); box-shadow:0 15px 34px rgba(99,216,199,.2); transform:rotate(4deg); }
.v9-hero-orbit .icon { width:25px; height:25px; stroke-width:1.8; }
.v9-hero h2 { position:relative; max-width:13ch; margin:19px 0 10px; font:700 30px/1.08 Georgia,"Times New Roman",serif; letter-spacing:-.025em; }
.v9-hero p { position:relative; max-width:46ch; margin:0; color:var(--text-soft); font-size:10px; line-height:1.7; }
.v9-release-progress { position:relative; height:8px; margin:24px 0 9px; overflow:hidden; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.05); }
.v9-release-progress span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--green),var(--v9-cyan),var(--v9-violet),var(--gold)); box-shadow:0 0 18px rgba(99,216,199,.38); }
.v9-hero footer { position:relative; display:flex; justify-content:space-between; align-items:center; gap:10px; color:var(--muted); font-size:8px; }
.v9-hero footer strong { color:var(--text-soft); }
@keyframes v9Orbit { to { transform:rotate(360deg); } }

.v9-environment { min-height:66px; padding:12px 13px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:9px; align-items:center; }
.v9-environment > div small,.v9-environment > div strong { display:block; }
.v9-environment > div small { color:var(--muted); font-size:7px; font-weight:800; letter-spacing:.12em; }
.v9-environment > div strong { margin-top:4px; font-size:12px; text-transform:capitalize; }
.v9-environment > button { grid-column:1/-1; min-height:34px; border:1px solid var(--line); border-radius:11px; color:var(--text-soft); background:var(--surface-2); font-size:8px; font-weight:800; cursor:pointer; }
.v9-environment > button .icon { width:14px; margin-right:5px; }
.v9-pill { display:inline-flex; align-items:center; justify-content:center; min-height:24px; padding:0 9px; border:1px solid var(--line); border-radius:999px; color:var(--muted); background:var(--surface-2); font-size:7px; font-weight:900; letter-spacing:.06em; white-space:nowrap; }
.v9-pill.good { color:var(--green-3); border-color:rgba(80,207,114,.24); background:rgba(80,207,114,.08); }
.v9-pill.info { color:var(--v9-cyan); border-color:rgba(99,216,199,.25); background:var(--v9-cyan-soft); }
.v9-pill.gold { color:var(--gold); border-color:rgba(217,189,103,.25); background:var(--gold-soft); }
.v9-pill.danger { color:var(--danger); border-color:rgba(255,141,141,.25); background:var(--danger-bg); }

.v9-hub-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.v9-hub-card { min-width:0; min-height:125px; padding:15px 13px; display:flex; flex-direction:column; align-items:flex-start; gap:8px; border:1px solid var(--line); border-radius:20px; color:var(--text); background:linear-gradient(155deg,var(--surface),color-mix(in srgb,var(--surface-2) 70%,transparent)); text-align:left; box-shadow:0 14px 32px rgba(0,0,0,.12); cursor:pointer; transition:transform .2s var(--ease),border-color .2s var(--ease); }
.v9-hub-card:active { transform:scale(.975); }
.v9-hub-card:focus-visible { outline:3px solid var(--v9-cyan); outline-offset:3px; }
.v9-hub-card > span { width:38px; height:38px; display:grid; place-items:center; border-radius:13px; color:var(--v9-cyan); background:var(--v9-cyan-soft); box-shadow:inset 0 0 0 1px rgba(99,216,199,.1); }
.v9-hub-card:nth-child(3n+2) > span { color:var(--v9-violet); background:var(--v9-violet-soft); }
.v9-hub-card:nth-child(3n) > span { color:var(--gold); background:var(--gold-soft); }
.v9-hub-card > span .icon { width:19px; height:19px; }
.v9-hub-card > div { min-width:0; flex:1; }
.v9-hub-card strong { display:block; font-size:10px; line-height:1.35; }
.v9-hub-card small { display:block; margin-top:5px; color:var(--muted); font-size:8px; line-height:1.45; }
.v9-hub-card > .icon { align-self:flex-end; width:15px; height:15px; color:var(--muted); }

.v9-platform-card,.v9-notification-hero,.v9-ai-hero,.v9-security-hero,.v9-performance-hero,.v9-migration-hero,.v9-release-score { min-height:132px; padding:18px; display:grid; grid-template-columns:52px minmax(0,1fr) auto; gap:13px; align-items:center; overflow:hidden; }
.v9-platform-card > span,.v9-notification-hero > span,.v9-security-hero > span,.v9-performance-hero > span { width:52px; height:52px; display:grid; place-items:center; border-radius:18px; color:var(--v9-cyan); background:var(--v9-cyan-soft); }
.v9-platform-card > span .icon,.v9-notification-hero > span .icon,.v9-security-hero > span .icon,.v9-performance-hero > span .icon { width:25px; height:25px; }
.v9-platform-card small,.v9-notification-hero small,.v9-ai-hero small,.v9-security-hero small,.v9-performance-hero small,.v9-migration-hero small,.v9-release-score small { color:var(--muted); font-size:7px; font-weight:900; letter-spacing:.1em; }
.v9-platform-card h2,.v9-notification-hero h2,.v9-ai-hero h2,.v9-security-hero h2,.v9-performance-hero h2,.v9-migration-hero h2,.v9-release-score h2 { margin:5px 0 4px; font-size:17px; line-height:1.2; }
.v9-platform-card p,.v9-notification-hero p,.v9-ai-hero p,.v9-security-hero p,.v9-performance-hero p,.v9-migration-hero p,.v9-release-score p { margin:0; color:var(--muted); font-size:8px; line-height:1.45; }
.v9-notification-hero { border-color:rgba(104,167,255,.24); background:linear-gradient(145deg,var(--v9-blue-soft),var(--surface)); }
.v9-notification-hero > span { color:var(--v9-blue); background:var(--v9-blue-soft); }
.v9-ai-hero { grid-template-columns:56px minmax(0,1fr); border-color:rgba(169,140,248,.25); background:radial-gradient(circle at 90% 5%,rgba(169,140,248,.15),transparent 45%),linear-gradient(145deg,var(--v9-violet-soft),var(--surface)); }
.v9-ai-hero > span { width:56px; height:56px; display:grid; place-items:center; border-radius:19px; color:var(--v9-violet); background:rgba(169,140,248,.12); }
.v9-ai-hero > span .icon { width:27px; height:27px; }
.v9-security-hero { border-color:rgba(217,189,103,.22); background:linear-gradient(145deg,var(--gold-soft),var(--surface)); }
.v9-security-hero > span { color:var(--gold); background:var(--gold-soft); }
.v9-performance-hero { border-color:rgba(99,216,199,.22); background:linear-gradient(145deg,var(--v9-cyan-soft),var(--surface)); }
.v9-migration-hero,.v9-release-score { grid-template-columns:72px minmax(0,1fr); }
.v9-release-score { border-color:rgba(169,140,248,.22); background:linear-gradient(145deg,var(--v9-violet-soft),var(--surface)); }

.v9-check-list { padding:3px 15px; }
.v9-check-list > div { min-height:59px; display:grid; grid-template-columns:35px minmax(0,1fr); gap:10px; align-items:center; border-bottom:1px solid var(--line); }
.v9-check-list > div:last-child { border-bottom:0; }
.v9-status { width:33px; height:33px; display:grid; place-items:center; border:1px solid var(--line); border-radius:12px; }
.v9-status .icon { width:16px; height:16px; }
.v9-status.ok { color:var(--green-3); border-color:rgba(80,207,114,.22); background:rgba(80,207,114,.08); }
.v9-status.warn { color:var(--gold); border-color:rgba(217,189,103,.23); background:var(--gold-soft); }
.v9-check-list strong,.v9-check-list small { display:block; }
.v9-check-list strong { font-size:9px; }
.v9-check-list small { margin-top:4px; color:var(--muted); font-size:8px; line-height:1.4; }
.v9-action-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.v9-action-grid > button { min-width:0; min-height:45px; padding:0 10px; font-size:8px; }
.v9-action-grid > button .icon { width:15px; height:15px; }

.v9-stepper { min-height:55px; padding:9px 11px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:10px; }
.v9-stepper strong,.v9-stepper small { display:block; }
.v9-stepper strong { font-size:10px; }
.v9-stepper small { margin-top:4px; color:var(--muted); font-size:8px; }
.v9-stepper > div:last-child { display:flex; align-items:center; gap:7px; }
.v9-stepper button { width:32px; height:32px; border:1px solid var(--line); border-radius:10px; color:var(--text); background:var(--surface-2); font-size:16px; cursor:pointer; }
.v9-stepper b { min-width:24px; text-align:center; font-size:13px; }
.v9-toggle-list { padding:2px 15px; }
.v9-toggle-list label { min-height:62px; display:grid; grid-template-columns:36px minmax(0,1fr) auto; gap:10px; align-items:center; border-bottom:1px solid var(--line); cursor:pointer; }
.v9-toggle-list label:last-child { border-bottom:0; }
.v9-toggle-list label > span:first-child { width:34px; height:34px; display:grid; place-items:center; border-radius:11px; color:var(--v9-cyan); background:var(--v9-cyan-soft); }
.v9-toggle-list label > span:first-child .icon { width:16px; height:16px; }
.v9-toggle-list strong,.v9-toggle-list small { display:block; }
.v9-toggle-list strong { font-size:9px; }
.v9-toggle-list small { margin-top:4px; color:var(--muted); font-size:8px; line-height:1.35; }
.v9-notification-list { padding:2px 14px; }
.v9-notification-list > div { min-height:62px; padding:9px 0; display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:10px; align-items:center; border-bottom:1px solid var(--line); }
.v9-notification-list > div:last-child { border-bottom:0; }
.v9-notification-list time { width:42px; min-height:37px; padding:5px 2px; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:11px; color:var(--v9-blue); background:var(--v9-blue-soft); font-size:8px; font-weight:900; line-height:1.15; }
.v9-notification-list strong,.v9-notification-list small { display:block; }
.v9-notification-list strong { font-size:9px; }
.v9-notification-list small { margin-top:4px; color:var(--muted); font-size:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.v9-muted { color:var(--muted); font-size:8px; line-height:1.5; }

.v9-widget-tabs,.v9-style-row,.v9-command-chips { display:flex; gap:7px; overflow-x:auto; padding:1px 1px 5px; scrollbar-width:none; }
.v9-widget-tabs::-webkit-scrollbar,.v9-style-row::-webkit-scrollbar,.v9-command-chips::-webkit-scrollbar { display:none; }
.v9-widget-tabs button,.v9-style-row button,.v9-command-chips button { flex:none; min-height:33px; padding:0 12px; border:1px solid var(--line); border-radius:999px; color:var(--muted); background:var(--surface); font-size:8px; font-weight:800; cursor:pointer; }
.v9-widget-tabs button.active,.v9-style-row button.active { color:#06110d; border-color:transparent; background:linear-gradient(135deg,var(--v9-cyan),var(--green-3)); }
.v9-widget-stage { min-height:270px; padding:22px 15px; display:grid; place-items:center; overflow:hidden; background:radial-gradient(circle at center,rgba(99,216,199,.12),transparent 65%),linear-gradient(150deg,var(--surface),var(--surface-2)); }
.v9-widget { position:relative; overflow:hidden; width:min(100%,310px); min-height:155px; padding:19px; border:1px solid rgba(255,255,255,.12); border-radius:27px; color:#f4fff9; background:linear-gradient(145deg,#0b211a,#12392b); box-shadow:0 28px 60px rgba(0,0,0,.32); }
.v9-widget::after { content:""; position:absolute; width:140px; height:140px; right:-65px; top:-70px; border-radius:50%; background:rgba(99,216,199,.11); box-shadow:0 0 0 25px rgba(99,216,199,.025); }
.v9-widget[data-style="midnight"] { background:linear-gradient(145deg,#0c1730,#19264a); }
.v9-widget[data-style="gold"] { color:#20170a; background:linear-gradient(145deg,#f2df9f,#cfae55); }
.v9-widget header { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:8px; }
.v9-widget header small { opacity:.72; font-size:8px; font-weight:900; letter-spacing:.12em; }
.v9-widget header .icon { width:20px; }
.v9-widget h3 { position:relative; z-index:1; margin:20px 0 5px; font-size:27px; letter-spacing:-.03em; }
.v9-widget p { position:relative; z-index:1; margin:0; opacity:.75; font-size:9px; }
.v9-widget footer { position:relative; z-index:1; margin-top:22px; display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:9px; }
.v9-widget footer strong { font-size:12px; }
.v9-widget-small { width:min(100%,190px); min-height:168px; text-align:center; }
.v9-widget-small header { justify-content:center; }
.v9-widget-small h3 { font-size:38px; }
.v9-widget-small footer { justify-content:center; }
.v9-widget-small button { width:55px; height:40px; border:0; border-radius:13px; color:inherit; background:rgba(255,255,255,.12); font-size:17px; font-weight:900; cursor:pointer; }
.v9-widget-prayer .v9-widget-prayer-row,.v9-widget-now .v9-widget-now-row { position:relative; z-index:1; margin-top:17px; display:flex; align-items:flex-end; justify-content:space-between; gap:10px; }
.v9-widget-prayer-row strong,.v9-widget-now-row strong { font-size:19px; }
.v9-widget-prayer-row small,.v9-widget-now-row small { opacity:.72; font-size:8px; }

.v9-command-input { padding:14px; }
.v9-command-input textarea { width:100%; min-height:95px; resize:vertical; padding:13px 14px; border:1px solid var(--line); border-radius:16px; color:var(--text); background:var(--surface-2); font:inherit; font-size:10px; line-height:1.55; outline:none; }
.v9-command-input textarea:focus { border-color:rgba(169,140,248,.55); box-shadow:0 0 0 3px rgba(169,140,248,.1); }
.v9-command-input button { margin-top:10px; }
.v9-command-chips { margin-top:9px; }
.v9-command-chips button { max-width:260px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; }
.v9-proposal { overflow:hidden; border-color:rgba(169,140,248,.28); background:linear-gradient(145deg,var(--v9-violet-soft),var(--surface)); }
.v9-proposal header { display:flex; justify-content:space-between; gap:9px; align-items:center; padding-bottom:11px; border-bottom:1px solid var(--line); }
.v9-proposal header strong { font-size:11px; }
.v9-proposal dl { margin:11px 0 0; }
.v9-proposal dl > div { min-height:37px; display:grid; grid-template-columns:38% minmax(0,1fr); gap:10px; align-items:center; border-bottom:1px solid var(--line); }
.v9-proposal dl > div:last-child { border-bottom:0; }
.v9-proposal dt { color:var(--muted); font-size:8px; }
.v9-proposal dd { margin:0; font-size:9px; font-weight:800; text-align:right; overflow-wrap:anywhere; }
.v9-proposal-actions { margin-top:13px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.v9-history-list { padding:2px 14px; }
.v9-history-list > div { min-height:59px; padding:9px 0; display:grid; grid-template-columns:35px minmax(0,1fr); gap:10px; align-items:center; border-bottom:1px solid var(--line); }
.v9-history-list > div:last-child { border-bottom:0; }
.v9-history-list > div > span { width:34px; height:34px; display:grid; place-items:center; border-radius:11px; color:var(--v9-violet); background:var(--v9-violet-soft); }
.v9-history-list strong,.v9-history-list small { display:block; }
.v9-history-list strong { font-size:9px; }
.v9-history-list small { margin-top:4px; color:var(--muted); font-size:8px; }

.v9-metric-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.v9-metric-grid article { min-height:96px; padding:14px; display:flex; flex-direction:column; justify-content:flex-end; border:1px solid var(--line); border-radius:18px; background:linear-gradient(155deg,var(--surface),var(--surface-2)); }
.v9-metric-grid article span { width:32px; height:32px; display:grid; place-items:center; border-radius:11px; color:var(--v9-cyan); background:var(--v9-cyan-soft); }
.v9-metric-grid article .icon { width:16px; height:16px; }
.v9-metric-grid article strong { margin-top:9px; font-size:13px; }
.v9-metric-grid article small { margin-top:3px; color:var(--muted); font-size:7px; }
.v9-storage-bar { height:9px; overflow:hidden; border:1px solid var(--line); border-radius:999px; background:var(--surface-3); }
.v9-storage-bar span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--green),var(--v9-cyan),var(--v9-violet)); }

.v9-preset-grid { display:grid; gap:8px; }
.v9-preset-grid button { min-height:68px; padding:12px; display:grid; grid-template-columns:38px minmax(0,1fr) 19px; gap:10px; align-items:center; border:1px solid var(--line); border-radius:17px; color:var(--text); background:var(--surface); text-align:left; cursor:pointer; }
.v9-preset-grid button.active { border-color:rgba(99,216,199,.42); background:var(--v9-cyan-soft); }
.v9-preset-grid button > span { width:38px; height:38px; display:grid; place-items:center; border-radius:13px; color:var(--v9-cyan); background:var(--v9-cyan-soft); font-size:12px; font-weight:900; }
.v9-preset-grid strong,.v9-preset-grid small { display:block; }
.v9-preset-grid strong { font-size:10px; }
.v9-preset-grid small { margin-top:4px; color:var(--muted); font-size:8px; line-height:1.35; }
.v9-a11y-preview { padding:20px; }
.v9-a11y-preview h2 { margin:0 0 8px; font-size:20px; }
.v9-a11y-preview p { margin:0; color:var(--muted); font-size:10px; line-height:1.65; }
.v9-a11y-preview blockquote { margin:17px 0 0; font-size:calc(26px * var(--v9-arabic-scale)); line-height:1.85; text-align:center; direction:rtl; font-family:"Amiri","Noto Naskh Arabic",serif; }
.v9-score-ring { width:70px; height:70px; display:grid; place-items:center; border:7px solid rgba(99,216,199,.16); border-top-color:var(--v9-cyan); border-right-color:var(--green-3); border-radius:50%; color:var(--text); background:var(--surface-2); font-size:20px; font-weight:900; box-shadow:inset 0 0 0 1px var(--line); }
.v9-score-ring small { display:inline; margin-left:1px; font-size:8px; }
.v9-release-list { padding:2px 14px; }
.v9-release-list > div { min-height:62px; padding:9px 0; display:grid; grid-template-columns:35px minmax(0,1fr) auto; gap:10px; align-items:center; border-bottom:1px solid var(--line); }
.v9-release-list > div:last-child { border-bottom:0; }
.v9-release-list strong,.v9-release-list small { display:block; }
.v9-release-list strong { font-size:9px; }
.v9-release-list small { margin-top:4px; color:var(--muted); font-size:8px; line-height:1.35; }
.v9-release-list > div.pending { opacity:.86; }

.v9-home-strip { padding:8px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; border-color:rgba(99,216,199,.2); background:linear-gradient(135deg,var(--v9-cyan-soft),var(--surface)); }
.v9-home-strip button { min-width:0; min-height:67px; padding:10px; display:grid; grid-template-columns:32px minmax(0,1fr) 14px; gap:8px; align-items:center; border:1px solid var(--line); border-radius:15px; color:var(--text); background:color-mix(in srgb,var(--surface-solid) 75%,transparent); text-align:left; cursor:pointer; }
.v9-home-strip button > span { width:31px; height:31px; display:grid; place-items:center; border-radius:10px; color:var(--v9-violet); background:var(--v9-violet-soft); }
.v9-home-strip button:nth-child(2) > span { color:var(--v9-cyan); background:var(--v9-cyan-soft); }
.v9-home-strip button > span .icon { width:15px; height:15px; }
.v9-home-strip small,.v9-home-strip strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.v9-home-strip small { color:var(--muted); font-size:6px; font-weight:900; letter-spacing:.05em; }
.v9-home-strip strong { margin-top:4px; font-size:8px; }
.v9-home-strip > button > .icon { width:13px; color:var(--muted); }
.v9-settings-injection { margin-top:18px; }

.v9-welcome-card { min-height:160px; padding:20px; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid rgba(99,216,199,.24); border-radius:22px; background:radial-gradient(circle at 50% 0,rgba(169,140,248,.16),transparent 58%),linear-gradient(145deg,var(--v9-cyan-soft),var(--surface)); text-align:center; }
.v9-welcome-card > span { width:58px; height:58px; display:grid; place-items:center; border-radius:20px; color:#07110e; background:linear-gradient(145deg,var(--v9-cyan),var(--green-3)); box-shadow:0 15px 32px rgba(99,216,199,.2); }
.v9-welcome-card .icon { width:28px; height:28px; }
.v9-welcome-card h2 { margin:14px 0 8px; font-size:17px; }
.v9-welcome-card p { margin:0; color:var(--muted); font-size:9px; line-height:1.55; }
.v9-welcome-grid { margin-top:10px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.v9-welcome-grid span { min-height:42px; padding:8px; display:flex; align-items:center; gap:7px; border:1px solid var(--line); border-radius:12px; background:var(--surface-2); color:var(--text-soft); font-size:8px; font-weight:700; }
.v9-welcome-grid .icon { width:14px; color:var(--v9-cyan); }
.v9-sr-only { position:fixed!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }

body.v9-large-touch button,body.v9-large-touch .menu-row,body.v9-large-touch .setting-row { min-height:52px; }
body.v9-focus-highlight :focus-visible { outline:3px solid var(--v9-cyan)!important; outline-offset:3px!important; }
body.v9-high-contrast { --line:rgba(255,255,255,.3); --muted:#cbd9d2; --text-soft:#eef8f3; }
body[data-v9-a11y="comfort"] { font-size:108%; }
body[data-v9-a11y="senior"] { font-size:116%; }
body[data-v9-a11y="senior"] .app-main { letter-spacing:.01em; }
.quran-arabic,.verse-arabic,.arabic-text { font-size:calc(1em * var(--v9-arabic-scale)); }

@media (max-width:360px) {
  .v9-hub-grid,.v9-home-strip { grid-template-columns:1fr; }
  .v9-hero h2 { font-size:26px; }
  .v9-platform-card,.v9-notification-hero,.v9-security-hero,.v9-performance-hero { grid-template-columns:47px minmax(0,1fr); }
  .v9-platform-card > .v9-pill,.v9-notification-hero > .v9-pill,.v9-security-hero > .v9-pill,.v9-performance-hero > .v9-pill { grid-column:1/-1; justify-self:start; }
}
@media (min-width:700px) {
  .v9-hub-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .v9-action-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .v9-metric-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .v9-view { max-width:940px; margin:0 auto; }
  .v9-widget-stage { min-height:340px; }
}

/* =========================================================
   MİZAN v9.0 — Mobil Yayın Adayı
   ========================================================= */
.v9-sr-only {
  position: fixed !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.v9-kicker {
  color: var(--green-3);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .15em;
}
.v9-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 22px;
  min-height: 265px;
  background:
    radial-gradient(circle at 85% 12%, rgba(139,203,117,.22), transparent 9rem),
    radial-gradient(circle at 12% 90%, rgba(217,189,103,.10), transparent 12rem),
    linear-gradient(145deg, rgba(26,64,45,.94), rgba(8,22,16,.96));
  border-color: rgba(139,203,117,.25);
  box-shadow: 0 24px 70px rgba(0,0,0,.24), inset 0 1px rgba(255,255,255,.08);
}
body[data-theme="light"] .v9-hero {
  background:
    radial-gradient(circle at 85% 12%, rgba(80,207,114,.22), transparent 10rem),
    linear-gradient(145deg, #effaf1, #dcefe1);
}
.v9-hero::after {
  content: "";
  position: absolute;
  inset: auto -90px -120px auto;
  width: 260px;
  height: 260px;
  border: 1px solid rgba(139,203,117,.15);
  border-radius: 50%;
  box-shadow: 0 0 0 28px rgba(139,203,117,.035), 0 0 0 60px rgba(139,203,117,.02);
  z-index: -1;
}
.v9-hero-orb {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 62px;
  height: 62px;
  border-radius: 22px;
  display: grid;
  place-items: center;
  color: #0b1b12;
  background: linear-gradient(145deg, var(--green-3), var(--green));
  box-shadow: 0 15px 40px rgba(80,207,114,.25);
  transform: rotate(6deg);
}
.v9-hero-orb .icon { width: 30px; height: 30px; stroke-width: 2.1; }
.v9-hero-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-right: 75px; }
.v9-status-pill {
  min-height: 26px;
  padding: 0 9px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--line-strong);
  background: rgba(0,0,0,.18);
  color: var(--text-soft);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .1em;
}
.v9-status-pill.native { color: var(--green-3); border-color: rgba(80,207,114,.4); }
.v9-hero h1 { margin: 27px 0 10px; max-width: 310px; font-size: clamp(27px, 8vw, 38px); line-height: 1.04; letter-spacing: -.045em; }
.v9-hero p { max-width: 390px; margin: 0; color: var(--text-soft); font-size: 13px; line-height: 1.65; }
.v9-release-progress { height: 7px; margin-top: 24px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.09); }
.v9-release-progress span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--green), var(--green-3), var(--gold)); box-shadow: 0 0 18px rgba(80,207,114,.45); }
.v9-release-meta { margin-top: 9px; display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.v9-release-meta strong { font-size: 11px; color: var(--green-3); }
.v9-release-meta small { max-width: 205px; color: var(--muted); font-size: 9px; line-height: 1.4; text-align: right; }
.v9-stat-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 9px; margin: 12px 0; }
.v9-metric {
  min-height: 88px;
  padding: 13px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(255,255,255,.018), transparent), var(--surface);
  display: grid;
  grid-template-columns: 34px 1fr;
  align-items: center;
  column-gap: 9px;
}
.v9-metric > span { grid-row: 1 / span 2; width: 34px; height: 34px; border-radius: 12px; display: grid; place-items: center; background: rgba(80,207,114,.09); color: var(--green-2); }
.v9-metric > span .icon { width: 18px; height: 18px; }
.v9-metric strong { overflow: hidden; text-overflow: ellipsis; color: var(--text); font-size: 15px; line-height: 1.15; }
.v9-metric small { overflow: hidden; text-overflow: ellipsis; color: var(--muted); font-size: 9px; line-height: 1.2; }
.v9-metric.ok { border-color: rgba(80,207,114,.32); }
.v9-metric.warn { border-color: rgba(217,189,103,.35); }
.v9-hub-grid { display: grid; gap: 9px; margin: 12px 0; }
.v9-hub-card {
  width: 100%; min-height: 82px; padding: 12px 13px; border: 1px solid var(--line); border-radius: 19px;
  background: var(--surface); display: grid; grid-template-columns: 45px minmax(0,1fr) 20px; align-items: center; gap: 12px; text-align: left; cursor: pointer;
}
.v9-hub-card:hover { border-color: var(--line-strong); transform: translateY(-1px); }
.v9-hub-icon { width: 45px; height: 45px; border-radius: 15px; display: grid; place-items: center; color: var(--green-2); background: linear-gradient(145deg, rgba(80,207,114,.15), rgba(217,189,103,.06)); }
.v9-hub-icon .icon { width: 22px; height: 22px; }
.v9-hub-card div { min-width: 0; }
.v9-hub-card strong, .v9-hub-card small { display: block; overflow: hidden; text-overflow: ellipsis; }
.v9-hub-card strong { margin-bottom: 4px; font-size: 14px; }
.v9-hub-card small { color: var(--muted); font-size: 10px; line-height: 1.35; }
.v9-hub-card > .icon:last-child { width: 17px; color: var(--muted); }
.v9-home-strip { margin: 11px 0 15px; display: grid; grid-template-columns: minmax(0,1fr) 52px; gap: 8px; }
.v9-home-strip > button {
  min-height: 74px; border: 1px solid rgba(139,203,117,.25); border-radius: 20px; background:
    radial-gradient(circle at 0 50%, rgba(80,207,114,.16), transparent 8rem), var(--surface);
  cursor: pointer;
}
.v9-home-strip > button:first-child { padding: 10px 11px; display: grid; grid-template-columns: 42px minmax(0,1fr) 18px; align-items: center; gap: 10px; text-align: left; }
.v9-home-strip > button:last-child { display: grid; place-items: center; color: var(--green-2); }
.v9-home-badge { width: 42px; height: 42px; border-radius: 14px; display: grid; place-items: center; background: linear-gradient(145deg,var(--green-3),var(--green)); color: #082014; font-weight: 950; font-size: 14px; }
.v9-home-strip small, .v9-home-strip strong, .v9-home-strip em { display: block; }
.v9-home-strip small { color: var(--green-2); font-size: 8px; font-weight: 900; letter-spacing: .1em; }
.v9-home-strip strong { margin-top: 3px; font-size: 12px; }
.v9-home-strip em { margin-top: 3px; color: var(--muted); font-size: 9px; font-style: normal; }
.v9-home-strip .icon { width: 19px; }

.v9-native-hero, .v9-notification-hero, .v9-widget-banner, .v9-ai-hero, .v9-security-hero,
.v9-access-hero, .v9-migration-hero, .v9-performance-hero, .v9-release-hero {
  padding: 17px; display: flex; align-items: center; gap: 14px; overflow: hidden;
}
.v9-native-hero { align-items: stretch; }
.v9-native-copy { min-width: 0; flex: 1; align-self: center; }
.v9-native-copy h2, .v9-notification-hero h2, .v9-widget-banner h2, .v9-ai-hero h2, .v9-security-hero h2,
.v9-access-hero h2, .v9-migration-hero h2, .v9-performance-hero h2, .v9-release-hero h2 { margin: 3px 0 5px; font-size: 18px; line-height: 1.15; }
.v9-native-copy p, .v9-notification-hero p, .v9-widget-banner p, .v9-ai-hero p, .v9-security-hero p,
.v9-access-hero p, .v9-migration-hero p, .v9-performance-hero p, .v9-release-hero p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
.v9-device-frame { width: 94px; min-height: 145px; padding: 5px; flex: none; border: 1px solid rgba(139,203,117,.35); border-radius: 24px; background: #040b08; box-shadow: 0 14px 35px rgba(0,0,0,.25); }
.v9-device-frame > span { width: 24px; height: 4px; margin: 2px auto 4px; display: block; border-radius: 999px; background: rgba(255,255,255,.22); }
.v9-device-frame > div { height: calc(100% - 10px); border-radius: 18px; display: grid; place-content: center; justify-items: center; gap: 7px; background: radial-gradient(circle at 50% 20%, rgba(80,207,114,.22), transparent 5rem), #0a1712; }
.v9-device-frame .icon { width: 29px; height: 29px; color: var(--green-2); }
.v9-device-frame strong { font-size: 11px; text-transform: uppercase; }
.v9-device-frame small { color: var(--muted); font-size: 7px; text-align: center; }
.v9-capability-list, .v9-security-list, .v9-performance-list { padding: 14px; margin-top: 11px; }
.v9-capability-row { min-height: 67px; padding: 10px 1px; display: grid; grid-template-columns: 39px minmax(0,1fr) auto; align-items: center; gap: 10px; border-bottom: 1px solid var(--line); }
.v9-capability-row:last-child { border-bottom: 0; }
.v9-capability-row > span { width: 39px; height: 39px; border-radius: 13px; display: grid; place-items: center; color: var(--green-2); background: rgba(80,207,114,.08); }
.v9-capability-row > span .icon { width: 19px; height: 19px; }
.v9-capability-row div { min-width: 0; }
.v9-capability-row strong, .v9-capability-row small { display: block; }
.v9-capability-row strong { font-size: 12px; }
.v9-capability-row small { margin-top: 3px; color: var(--muted); font-size: 9px; line-height: 1.35; }
.v9-capability-row b { max-width: 72px; color: var(--text-soft); font-size: 8px; text-align: right; text-transform: uppercase; letter-spacing: .05em; }
.v9-capability-row.ok b { color: var(--green-2); }
.v9-capability-row.warn b { color: var(--gold); }
.v9-button-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; margin: 12px 0; }
.v9-button-grid > button { min-width: 0; padding-inline: 11px; justify-content: center; font-size: 11px; }
.v9-link-card {
  width: 100%; min-height: 76px; margin: 11px 0; padding: 12px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface);
  display: grid; grid-template-columns: 40px minmax(0,1fr) 20px; align-items: center; gap: 10px; text-align: left; cursor: pointer;
}
.v9-link-card > span { width: 40px; height: 40px; border-radius: 13px; display: grid; place-items: center; color: var(--green-2); background: rgba(80,207,114,.09); }
.v9-link-card strong, .v9-link-card small { display: block; }
.v9-link-card strong { font-size: 12px; }
.v9-link-card small { margin-top: 3px; color: var(--muted); font-size: 9px; }
.v9-link-card > .icon:last-child { width: 17px; color: var(--muted); }

.v9-notification-hero > span, .v9-widget-banner > span, .v9-ai-hero > span, .v9-security-shield,
.v9-access-hero > span, .v9-migration-hero > span, .v9-performance-hero > span, .v9-release-hero > span {
  width: 53px; height: 53px; flex: none; border-radius: 18px; display: grid; place-items: center; color: var(--green-2); background: rgba(80,207,114,.1);
}
.v9-notification-hero > span .icon, .v9-widget-banner > span .icon, .v9-ai-hero > span .icon, .v9-security-shield .icon,
.v9-access-hero > span .icon, .v9-migration-hero > span .icon, .v9-performance-hero > span .icon, .v9-release-hero > span .icon { width: 26px; height: 26px; }
.v9-notification-hero.denied { border-color: rgba(255,141,141,.34); }
.v9-notification-hero.granted { border-color: rgba(80,207,114,.34); }
.v9-fields { margin-top: 14px; }
.v9-schedule-list { padding: 14px; }
.v9-schedule-row { min-height: 69px; padding: 8px 1px; display: grid; grid-template-columns: 38px minmax(0,1fr) 68px; gap: 9px; align-items: center; border-bottom: 1px solid var(--line); }
.v9-schedule-row:last-child { border-bottom: 0; }
.v9-schedule-row > span { width: 38px; height: 38px; border-radius: 13px; display: grid; place-items: center; color: var(--green-2); background: rgba(80,207,114,.08); }
.v9-schedule-row strong, .v9-schedule-row small { display: block; }
.v9-schedule-row strong { font-size: 11px; }
.v9-schedule-row small { margin-top: 3px; color: var(--muted); font-size: 8px; line-height: 1.35; }
.v9-schedule-row time { color: var(--text-soft); font-size: 8px; line-height: 1.35; text-align: right; }

.v9-widget-banner { justify-content: flex-start; }
.v9-widget-banner > div { min-width: 0; flex: 1; }
.v9-widget-banner > button { flex: none; }
.v9-widget-stack { display: grid; gap: 10px; margin: 12px 0; }
.v9-widget-preview { position: relative; overflow: hidden; padding: 16px; border-radius: 25px; color: #effff2; box-shadow: 0 22px 55px rgba(0,0,0,.24); }
.v9-widget-preview.prayer { background: radial-gradient(circle at 85% 10%, rgba(202,255,183,.19), transparent 9rem), linear-gradient(145deg,#183e2a,#0a1711); }
.v9-widget-preview.now { background: radial-gradient(circle at 20% 0%, rgba(217,189,103,.20), transparent 9rem), linear-gradient(145deg,#302a18,#12140e); }
.v9-widget-head { display: flex; align-items: center; gap: 7px; }
.v9-widget-head > span { color: #a9ed9b; }
.v9-widget-head small { flex: 1; font-size: 8px; font-weight: 900; letter-spacing: .13em; color: rgba(255,255,255,.65); }
.v9-widget-head b { font-size: 10px; }
.v9-widget-preview h2 { margin: 18px 0 4px; font-size: 26px; letter-spacing: -.03em; }
.v9-widget-preview p { margin: 0; color: rgba(255,255,255,.68); font-size: 10px; }
.v9-widget-line { height: 4px; margin-top: 18px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.12); }
.v9-widget-line span { display: block; height: 100%; border-radius: inherit; background: #a9ed9b; }
.v9-widget-preview.now > button { margin-top: 15px; min-height: 36px; padding: 0 12px; border: 0; border-radius: 12px; color: #182011; background: #dfc86e; display: inline-flex; align-items: center; gap: 6px; font-size: 10px; font-weight: 800; cursor: pointer; }
.v9-widget-mini-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.v9-widget-preview.mini { min-height: 165px; display: grid; align-content: start; }
.v9-widget-preview.mini.water { background: linear-gradient(145deg,#17384d,#0a1c29); }
.v9-widget-preview.mini.zikir { background: linear-gradient(145deg,#3d2d4a,#16101e); }
.v9-widget-preview.mini > span { color: rgba(255,255,255,.8); }
.v9-widget-preview.mini > small { margin-top: 8px; color: rgba(255,255,255,.55); font-size: 8px; letter-spacing: .12em; }
.v9-widget-preview.mini h2 { margin: 10px 0 13px; font-size: 29px; }
.v9-widget-preview.mini h2 b { font-size: 12px; color: rgba(255,255,255,.5); }
.v9-widget-preview.mini button { min-height: 35px; margin-top: auto; border: 1px solid rgba(255,255,255,.15); border-radius: 11px; background: rgba(255,255,255,.08); color: #fff; font-size: 9px; cursor: pointer; }

.v9-ai-hero { background: radial-gradient(circle at 90% 10%, rgba(191,137,255,.17), transparent 10rem), var(--surface); }
.v9-ai-spark { color: #c7a3ff !important; background: rgba(171,111,255,.10) !important; }
.v9-ai-composer { margin-top: 11px; padding: 15px; }
.v9-ai-composer > label { display: block; margin-bottom: 8px; font-size: 12px; font-weight: 750; }
.v9-ai-examples { display: flex; gap: 6px; overflow-x: auto; padding: 9px 0 12px; scrollbar-width: none; }
.v9-ai-examples::-webkit-scrollbar { display: none; }
.v9-ai-examples .chip { flex: none; max-width: 220px; white-space: normal; line-height: 1.25; text-align: left; }
.v9-ai-summary { min-height: 62px; margin: 11px 0; padding: 11px 13px; border: 1px solid rgba(171,111,255,.22); border-radius: 17px; display: flex; align-items: center; gap: 10px; background: rgba(141,85,213,.06); }
.v9-ai-summary > span { color: #c7a3ff; }
.v9-ai-summary strong, .v9-ai-summary small { display: block; }
.v9-ai-summary strong { font-size: 11px; }
.v9-ai-summary small { margin-top: 3px; color: var(--muted); font-size: 9px; }
.v9-proposal-list { display: grid; gap: 9px; }
.v9-proposal-card { position: relative; overflow: hidden; min-height: 135px; padding: 14px; border: 1px solid var(--line); border-radius: 21px; background: var(--surface); display: grid; grid-template-columns: 44px minmax(0,1fr); gap: 11px; }
.v9-proposal-card::after { content:""; position:absolute; width:110px; height:110px; border-radius:50%; right:-55px; top:-55px; background:rgba(80,207,114,.08); }
.v9-proposal-card.gold::after { background:rgba(217,189,103,.12); }
.v9-proposal-card.purple::after { background:rgba(171,111,255,.12); }
.v9-proposal-card.blue::after, .v9-proposal-card.water::after { background:rgba(69,166,231,.12); }
.v9-proposal-card.applied { opacity: .7; }
.v9-proposal-card.dismissed { opacity: .48; }
.v9-proposal-icon { width: 44px; height: 44px; border-radius: 15px; display: grid; place-items: center; color: var(--green-2); background: rgba(80,207,114,.09); }
.v9-proposal-copy { min-width: 0; position: relative; z-index: 1; }
.v9-proposal-copy > div:first-child { display: flex; justify-content: space-between; gap: 8px; }
.v9-proposal-copy > div:first-child span, .v9-proposal-copy > div:first-child b { font-size: 7px; letter-spacing: .09em; text-transform: uppercase; }
.v9-proposal-copy > div:first-child span { color: var(--muted); }
.v9-proposal-copy > div:first-child b { color: var(--green-2); }
.v9-proposal-copy h3 { margin: 7px 0 5px; font-size: 14px; }
.v9-proposal-copy p { margin: 0; color: var(--text-soft); font-size: 10px; line-height: 1.5; }
.v9-proposal-actions { display: flex; gap: 7px; margin-top: 12px; }
.v9-proposal-actions button { min-height: 40px; padding-inline: 13px; font-size: 10px; }

.v9-security-hero { background: radial-gradient(circle at 85% 15%, rgba(217,189,103,.14), transparent 10rem), var(--surface); }
.v9-security-shield { color: var(--gold); background: var(--gold-soft); }
.v9-preset-grid { display: grid; gap: 8px; margin: 11px 0; }
.v9-preset-card { position: relative; min-height: 88px; padding: 13px; border: 1px solid var(--line); border-radius: 19px; background: var(--surface); display: grid; grid-template-columns: 43px minmax(0,1fr); align-items: center; column-gap: 11px; text-align: left; cursor: pointer; }
.v9-preset-card > span { grid-row: 1 / span 2; width: 43px; height: 43px; border-radius: 14px; display: grid; place-items: center; color: var(--green-2); background: rgba(80,207,114,.08); }
.v9-preset-card strong { font-size: 13px; }
.v9-preset-card small { color: var(--muted); font-size: 9px; line-height: 1.35; }
.v9-preset-card > b { position: absolute; right: 12px; top: 12px; color: var(--green); }
.v9-preset-card.active { border-color: rgba(80,207,114,.45); box-shadow: inset 0 0 0 1px rgba(80,207,114,.08); }
.v9-range { width: 100%; accent-color: var(--green); }
.v9-access-sample { margin: 11px 0; padding: 18px; text-align: center; }
.v9-arabic-sample { margin: 18px 0 10px; color: var(--green-3); font-family: "Amiri", "Noto Naskh Arabic", serif; font-size: calc(28px * var(--v9-arabic-scale,1.1)); line-height: 1.8; }
.v9-access-sample h2 { margin: 0 0 17px; font-size: 14px; font-weight: 500; line-height: 1.5; }

.v9-migration-hero.complete { border-color: rgba(80,207,114,.36); }
.v9-migration-timeline { padding: 15px; }
.v9-migration-timeline > div:not(.section-heading) { min-height: 60px; padding: 8px 0; display: grid; grid-template-columns: 35px minmax(0,1fr); align-items: center; gap: 10px; border-bottom: 1px solid var(--line); }
.v9-migration-timeline > div:last-child { border-bottom: 0; }
.v9-migration-timeline > div > span { grid-row: 1 / span 2; width: 35px; height: 35px; border-radius: 50%; display: grid; place-items: center; background: rgba(80,207,114,.1); color: var(--green-2); font-size: 11px; font-weight: 900; }
.v9-migration-timeline strong { font-size: 11px; }
.v9-migration-timeline small { color: var(--muted); font-size: 9px; }

.v9-diagnostic-hero { padding: 18px; display: flex; align-items: center; gap: 16px; }
.v9-score-ring { --score:0; width: 90px; height: 90px; flex: none; border-radius: 50%; display: grid; place-items: center; background: conic-gradient(var(--green) calc(var(--score) * 1%), rgba(255,255,255,.07) 0); position: relative; }
.v9-score-ring::before { content:""; position:absolute; inset:7px; border-radius:50%; background:var(--surface-solid); }
.v9-score-ring span { position:relative; z-index:1; font-size:25px; font-weight:900; }
.v9-score-ring small { font-size:10px; color:var(--muted); }
.v9-diagnostic-hero > div:last-child small { color:var(--green-2); font-size:8px; font-weight:900; letter-spacing:.1em; }
.v9-diagnostic-hero h2 { margin:5px 0; font-size:17px; }
.v9-diagnostic-hero p { margin:0; color:var(--muted); font-size:9px; }
.v9-diagnostic-list { margin-top:11px; padding:13px; }
.v9-diagnostic-row { min-height:63px; padding:8px 0; display:grid; grid-template-columns:37px minmax(0,1fr) auto; align-items:center; gap:9px; border-bottom:1px solid var(--line); }
.v9-diagnostic-row:last-child { border-bottom:0; }
.v9-diagnostic-row > span { width:37px; height:37px; border-radius:13px; display:grid; place-items:center; background:rgba(80,207,114,.08); color:var(--green-2); }
.v9-diagnostic-row.error > span { background:var(--danger-bg); color:var(--danger); }
.v9-diagnostic-row.warn > span { background:var(--gold-soft); color:var(--gold); }
.v9-diagnostic-row strong, .v9-diagnostic-row small { display:block; }
.v9-diagnostic-row strong { font-size:11px; }
.v9-diagnostic-row small { margin-top:3px; color:var(--muted); font-size:8px; line-height:1.35; }
.v9-diagnostic-row b { font-size:8px; color:var(--text-soft); text-transform:uppercase; }
.v9-diagnostic-row.ok b { color:var(--green-2); }
.v9-diagnostic-row.error b { color:var(--danger); }
.v9-diagnostic-row.warn b { color:var(--gold); }

.v9-release-list { display:grid; gap:8px; margin:11px 0; }
.v9-release-row { min-height:92px; padding:13px; border:1px solid var(--line); border-radius:19px; background:var(--surface); display:grid; grid-template-columns:40px minmax(0,1fr) auto; align-items:center; gap:10px; }
.v9-release-row > span { width:40px; height:40px; border-radius:14px; display:grid; place-items:center; }
.v9-release-row.ready > span { color:var(--green-2); background:rgba(80,207,114,.09); }
.v9-release-row.external > span { color:var(--gold); background:var(--gold-soft); }
.v9-release-row small, .v9-release-row strong, .v9-release-row p { display:block; }
.v9-release-row small { color:var(--muted); font-size:7px; letter-spacing:.09em; }
.v9-release-row strong { margin-top:3px; font-size:11px; }
.v9-release-row p { margin:4px 0 0; color:var(--muted); font-size:8px; line-height:1.4; }
.v9-release-row > b { color:var(--green-2); font-size:8px; }
.v9-release-row.external > b { color:var(--gold); }

.v9-welcome { text-align:center; }
.v9-welcome > span { width:70px; height:70px; margin:0 auto 12px; border-radius:24px; display:grid; place-items:center; color:#082014; background:linear-gradient(145deg,var(--green-3),var(--green)); box-shadow:0 18px 45px rgba(80,207,114,.22); }
.v9-welcome > span .icon { width:32px; height:32px; }
.v9-welcome h2 { margin:0; font-size:24px; letter-spacing:-.035em; }
.v9-welcome > p { margin:9px 0 16px; color:var(--muted); font-size:11px; line-height:1.6; }
.v9-welcome-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.v9-welcome-grid > div { min-height:70px; border:1px solid var(--line); border-radius:16px; background:var(--surface-2); display:grid; place-content:center; justify-items:center; gap:7px; color:var(--green-2); }
.v9-welcome-grid strong { color:var(--text); font-size:10px; }

body.v9-preset-comfort { font-size: 17px; }
body.v9-preset-senior { font-size: 18px; }
body.v9-preset-senior .app-main { padding-inline: 12px; }
body.v9-large-touch button:not(.icon-button):not(.brand-button), body.v9-large-touch .setting-row { min-height: 54px; }
body.v9-screen-reader-mode :focus-visible { outline: 4px solid var(--gold) !important; outline-offset: 4px !important; }
body.v9-simple-cards .card, body.v9-simple-cards .v9-hub-card, body.v9-simple-cards .v9-link-card { backdrop-filter:none !important; box-shadow:none !important; background:var(--surface-solid) !important; }
body.v9-reduce-motion *, body.v9-reduce-motion *::before, body.v9-reduce-motion *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important; }

@media (min-width: 560px) {
  .v9-hub-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .v9-stat-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .v9-preset-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 360px) {
  .v9-button-grid { grid-template-columns:1fr; }
  .v9-hero { padding:18px; }
  .v9-hero h1 { font-size:26px; }
  .v9-release-meta { display:block; }
  .v9-release-meta small { display:block; margin-top:4px; text-align:left; }
  .v9-widget-mini-grid { grid-template-columns:1fr; }
  .v9-native-hero { display:block; }
  .v9-device-frame { width:100%; min-height:120px; margin-bottom:12px; }
}

/* =========================================================
   MİZAN v10.0 — Nihai web katmanı
   ========================================================= */
body.v10-final .v5-home-injection,
body.v10-final .v6-home-injection,
body.v10-final .v7-home-injection,
body.v10-final .v8-home-injection,
body.v10-final .v9-home-strip { display:none !important; }
.v10-view { padding-bottom: 30px; }
.v10-view .card { overflow: hidden; }
.v10-release-pill {
  display:inline-flex; align-items:center; width:max-content; padding:7px 11px; border:1px solid rgba(185,239,140,.35);
  border-radius:999px; color:var(--green-3); background:rgba(80,207,114,.08); font-size:9px; font-weight:900; letter-spacing:.12em;
}
.v10-hero {
  position:relative; min-height:345px; padding:25px 22px; border-color:rgba(139,203,117,.33);
  background:
    radial-gradient(circle at 94% 5%, rgba(185,239,140,.26), transparent 13rem),
    radial-gradient(circle at 10% 110%, rgba(20,90,56,.5), transparent 18rem),
    linear-gradient(145deg, rgba(23,74,43,.94), rgba(8,27,19,.98));
}
.v10-hero::before { content:""; position:absolute; inset:auto -35% 4% 20%; height:150px; border:1px solid rgba(185,239,140,.11); border-radius:50%; transform:rotate(-9deg); }
.v10-hero-copy { position:relative; z-index:2; max-width:520px; }
.v10-hero h1 { margin:22px 0 12px; font-size:clamp(34px,9vw,55px); line-height:.98; letter-spacing:-.055em; }
.v10-hero p { margin:0; max-width:520px; color:var(--text-soft); font-size:13px; line-height:1.72; }
.v10-hero-mark {
  position:absolute; right:15px; top:8px; font:900 clamp(96px,28vw,170px)/1 ui-sans-serif,system-ui; letter-spacing:-.12em;
  color:rgba(185,239,140,.08); transform:rotate(-6deg); pointer-events:none;
}
.v10-progress { height:6px; margin-top:28px; border-radius:999px; overflow:hidden; background:rgba(255,255,255,.09); }
.v10-progress span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--green),var(--green-3)); box-shadow:0 0 18px rgba(80,207,114,.4); }
.v10-progress-copy { margin-top:10px; display:flex; justify-content:space-between; gap:10px; }
.v10-progress-copy strong { font-size:11px; color:var(--green-3); }
.v10-progress-copy small { font-size:9px; color:var(--muted); text-align:right; }
.v10-metric-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:12px 0 22px; }
.v10-metric { min-height:112px; padding:16px; border:1px solid var(--line); border-radius:var(--radius-lg); background:var(--surface); display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto auto; gap:7px 10px; align-items:center; }
.v10-metric > span { grid-row:1 / span 2; width:38px; height:38px; border-radius:13px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.1); }
.v10-metric > span .icon { width:20px; }
.v10-metric strong { align-self:end; font-size:22px; line-height:1; }
.v10-metric small { align-self:start; color:var(--muted); font-size:9px; text-transform:uppercase; letter-spacing:.08em; }
.v10-metric.good { border-color:rgba(139,203,117,.35); }
.v10-hub-grid { display:grid; gap:10px; }
.v10-hub-card { border:1px solid var(--line); width:100%; padding:15px; display:grid; grid-template-columns:46px 1fr auto; gap:13px; align-items:center; text-align:left; cursor:pointer; }
.v10-hub-card > span { width:46px; height:46px; border-radius:15px; display:grid; place-items:center; color:var(--green-2); background:linear-gradient(145deg,rgba(80,207,114,.16),rgba(80,207,114,.04)); }
.v10-hub-card > div { min-width:0; }
.v10-hub-card strong,.v10-hub-card small,.v10-hub-card em { display:block; }
.v10-hub-card strong { font-size:14px; }
.v10-hub-card small { margin-top:4px; color:var(--muted); font-size:10px; line-height:1.45; }
.v10-hub-card em { margin-top:7px; color:var(--green-2); font-size:9px; font-style:normal; font-weight:800; letter-spacing:.04em; }
.v10-hub-card > .icon { color:var(--muted); width:18px; }
.v10-module-summary { margin-top:14px; padding:18px; }
.v10-module-chips { display:flex; flex-wrap:wrap; gap:7px; }
.v10-module-chips span { display:inline-flex; align-items:center; gap:5px; padding:7px 9px; border:1px solid var(--line); border-radius:999px; color:var(--text-soft); background:rgba(255,255,255,.02); font-size:9px; }
.v10-module-chips .icon { width:14px; height:14px; color:var(--green-2); }

.v10-home-card { margin:2px 0 14px; padding:0; border-color:rgba(139,203,117,.34); background:linear-gradient(140deg,rgba(24,74,44,.84),rgba(10,29,21,.98)); }
.v10-home-card > button:first-child { width:100%; border:0; background:transparent; padding:17px; display:grid; grid-template-columns:62px 1fr auto; gap:13px; align-items:center; text-align:left; cursor:pointer; }
.v10-home-score { width:62px; height:62px; border-radius:50%; display:grid; place-items:center; align-content:center; border:1px solid rgba(185,239,140,.42); background:radial-gradient(circle,rgba(80,207,114,.25),rgba(20,90,56,.15)); box-shadow:inset 0 0 0 5px rgba(80,207,114,.05); }
.v10-home-score strong { font-size:18px; }
.v10-home-score small { margin-top:2px; color:var(--green-3); font-size:7px; font-weight:900; letter-spacing:.12em; }
.v10-home-card h2 { margin:4px 0; font-size:15px; }
.v10-home-card p { margin:0; color:var(--muted); font-size:9px; line-height:1.45; }
.v10-home-actions { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--line); }
.v10-home-actions button { min-height:42px; border:0; background:rgba(255,255,255,.015); color:var(--text-soft); font-size:9px; font-weight:800; cursor:pointer; }
.v10-home-actions button + button { border-left:1px solid var(--line); }
.v10-home-actions .icon { width:14px; vertical-align:middle; margin-right:4px; color:var(--green-2); }

.v10-balance-hero { padding:20px; display:grid; grid-template-columns:118px 1fr; gap:18px; align-items:center; background:linear-gradient(145deg,rgba(20,90,56,.34),var(--surface)); }
.v10-balance-ring,.v10-release-ring { width:112px; aspect-ratio:1; border-radius:50%; display:grid; place-items:center; background:conic-gradient(var(--green) var(--v10-progress,0deg),rgba(255,255,255,.07) 0); position:relative; }
.v10-balance-ring::before,.v10-release-ring::before { content:""; position:absolute; inset:9px; border-radius:50%; background:var(--surface-solid); box-shadow:inset 0 0 22px rgba(0,0,0,.15); }
.v10-balance-ring > div { position:relative; text-align:center; }
.v10-balance-ring strong { display:block; font-size:27px; }
.v10-balance-ring small { display:block; color:var(--muted); font-size:8px; }
.v10-balance-hero h1 { margin:6px 0; font-size:22px; line-height:1.08; letter-spacing:-.03em; }
.v10-balance-hero p { margin:0; color:var(--muted); font-size:10px; line-height:1.5; }
.v10-balance-list { display:grid; gap:9px; margin-top:12px; }
.v10-balance-row { width:100%; padding:14px; border:1px solid var(--line); display:grid; grid-template-columns:42px 1fr auto auto; gap:11px; align-items:center; text-align:left; cursor:pointer; }
.v10-balance-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:14px; color:var(--green-2); background:rgba(80,207,114,.1); }
.v10-balance-row > div { min-width:0; }
.v10-balance-row strong,.v10-balance-row small { display:block; }
.v10-balance-row small { margin:3px 0 8px; color:var(--muted); font-size:9px; }
.v10-balance-row b { font-size:13px; color:var(--green-2); }
.v10-balance-row > .icon { width:16px; color:var(--muted); }
.v10-next-step { margin-top:13px; padding:16px; display:grid; grid-template-columns:42px 1fr auto; gap:12px; align-items:center; }
.v10-next-step > span { width:42px; height:42px; display:grid; place-items:center; border-radius:14px; color:var(--gold); background:var(--gold-soft); }
.v10-next-step strong,.v10-next-step small { display:block; }
.v10-next-step strong { margin:4px 0; font-size:13px; }
.v10-next-step p { margin:0; color:var(--muted); font-size:8px; line-height:1.45; }
.v10-next-step button { border:1px solid var(--line-strong); border-radius:999px; background:transparent; padding:8px 11px; font-size:9px; cursor:pointer; }

.v10-motivation-stats { padding:16px; display:flex; gap:13px; align-items:center; }
.v10-motivation-stats > span { width:48px; height:48px; flex:none; border-radius:16px; display:grid; place-items:center; color:var(--gold); background:var(--gold-soft); }
.v10-motivation-stats strong { font-size:15px; }
.v10-motivation-stats p { margin:4px 0 0; color:var(--muted); font-size:9px; line-height:1.5; }
.v10-prayer-tabs { display:flex; gap:7px; overflow:auto; margin:12px -16px; padding:0 16px 3px; scrollbar-width:none; }
.v10-prayer-tabs::-webkit-scrollbar { display:none; }
.v10-prayer-tabs button { flex:none; border:1px solid var(--line); border-radius:999px; background:var(--surface); padding:9px 12px; color:var(--muted); font-size:9px; font-weight:800; cursor:pointer; }
.v10-prayer-tabs button.active { color:var(--text); border-color:var(--line-strong); background:rgba(80,207,114,.11); }
.v10-prayer-tabs .icon { width:14px; height:14px; vertical-align:middle; margin-right:3px; }
.v10-motivation-card { padding:22px; border-color:rgba(217,189,103,.27); background:radial-gradient(circle at 100% 0,rgba(217,189,103,.12),transparent 15rem),var(--surface); }
.v10-motivation-head { display:flex; justify-content:space-between; align-items:center; gap:12px; color:var(--gold); font-size:9px; font-weight:900; letter-spacing:.12em; }
.v10-motivation-head button { width:38px; height:38px; border:1px solid rgba(217,189,103,.25); border-radius:13px; background:var(--gold-soft); color:var(--gold); cursor:pointer; }
.v10-motivation-card h1 { margin:20px 0 10px; font:600 29px/1.12 Georgia,"Times New Roman",serif; }
.v10-motivation-card > p { margin:0; color:var(--text-soft); font-size:14px; line-height:1.85; }
.v10-motivation-card footer { margin-top:24px; padding-top:15px; border-top:1px solid var(--line); display:flex; justify-content:space-between; gap:12px; align-items:flex-end; }
.v10-motivation-card footer small { max-width:55%; color:var(--muted); font-size:8px; line-height:1.5; }
.v10-motivation-card footer div { display:flex; gap:6px; }
.v10-motivation-card footer button { border:1px solid var(--line); border-radius:10px; background:transparent; padding:8px 9px; font-size:8px; cursor:pointer; }
.v10-motivation-card footer .icon { width:13px; height:13px; vertical-align:middle; }
.v10-motivation-nav { display:grid; grid-template-columns:1fr auto 1fr; gap:8px; align-items:center; margin:10px 0; }
.v10-motivation-nav > button,.v10-motivation-nav label { height:43px; border:1px solid var(--line); border-radius:13px; background:var(--surface); display:flex; align-items:center; justify-content:center; gap:5px; font-size:9px; }
.v10-motivation-nav button { cursor:pointer; }
.v10-motivation-nav input { width:52px; border:0; background:transparent; color:var(--text); text-align:center; font-weight:800; }
.v10-search-card { padding:15px; }
.v10-search-card > label { display:block; margin-bottom:9px; font-size:10px; font-weight:800; }
.v10-motivation-results { display:grid; gap:7px; margin-top:12px; }
.v10-motivation-results > button { border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.02); padding:10px; display:grid; grid-template-columns:34px 1fr auto; gap:10px; align-items:center; color:var(--text); text-align:left; cursor:pointer; }
.v10-motivation-results b { width:34px; height:34px; border-radius:11px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.1); }
.v10-motivation-results strong,.v10-motivation-results small { display:block; }
.v10-motivation-results small { margin-top:3px; color:var(--muted); font-size:8px; line-height:1.45; }
.v10-favorites-summary { margin-top:10px; padding:15px; display:flex; align-items:center; gap:12px; }
.v10-favorites-summary > span { color:var(--gold); }
.v10-favorites-summary strong,.v10-favorites-summary small { display:block; }
.v10-favorites-summary small { margin-top:3px; color:var(--muted); font-size:9px; }

.v10-audit-summary { padding:19px; display:grid; grid-template-columns:1fr 100px; gap:15px; align-items:center; }
.v10-audit-summary h1 { margin:5px 0 8px; font-size:23px; }
.v10-audit-summary p { margin:0; color:var(--muted); font-size:9px; line-height:1.6; }
.v10-audit-donut { width:96px; aspect-ratio:1; border-radius:50%; display:grid; place-items:center; align-content:center; background:conic-gradient(var(--green) var(--v10-audit,0deg),rgba(255,255,255,.06) 0); position:relative; }
.v10-audit-donut::before { content:""; position:absolute; inset:8px; border-radius:50%; background:var(--surface-solid); }
.v10-audit-donut strong,.v10-audit-donut small { position:relative; }
.v10-audit-donut strong { font-size:24px; }
.v10-audit-donut small { color:var(--muted); font-size:7px; }
.v10-status-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:10px 0; }
.v10-status-grid button { min-height:86px; border:1px solid var(--line); border-radius:17px; background:var(--surface); display:grid; grid-template-columns:34px 1fr; grid-template-rows:auto auto; gap:4px 9px; align-items:center; color:var(--text); text-align:left; padding:13px; cursor:pointer; }
.v10-status-grid button.active { border-color:var(--line-strong); box-shadow:inset 0 0 0 1px rgba(80,207,114,.14); }
.v10-status-grid span { grid-row:1 / span 2; width:34px; height:34px; border-radius:11px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.1); }
.v10-status-grid strong { font-size:18px; align-self:end; }
.v10-status-grid small { color:var(--muted); font-size:8px; align-self:start; }
.v10-audit-tools { padding:14px; }
.v10-filter-row { display:flex; gap:6px; overflow:auto; margin-top:10px; scrollbar-width:none; }
.v10-filter-row::-webkit-scrollbar { display:none; }
.v10-filter-row button { flex:none; border:1px solid var(--line); border-radius:999px; background:transparent; color:var(--muted); padding:7px 9px; font-size:8px; cursor:pointer; }
.v10-filter-row button.active { color:var(--text); background:rgba(80,207,114,.1); border-color:var(--line-strong); }
.v10-screen-list { display:grid; gap:7px; margin:10px 0; }
.v10-screen-row { width:100%; min-height:92px; padding:12px; border:1px solid var(--line); display:grid; grid-template-columns:42px 1fr auto; gap:10px; align-items:center; text-align:left; cursor:pointer; }
.v10-screen-row.reviewed { border-color:rgba(80,207,114,.35); }
.v10-screen-row > b { width:42px; height:42px; border-radius:13px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.08); font-size:10px; }
.v10-screen-row > span { min-width:0; }
.v10-screen-row small,.v10-screen-row strong,.v10-screen-row em { display:block; }
.v10-screen-row small { color:var(--muted); font-size:7px; text-transform:uppercase; letter-spacing:.08em; }
.v10-screen-row strong { margin:3px 0; font-size:11px; }
.v10-screen-row em { color:var(--muted); font-size:7px; line-height:1.35; font-style:normal; }
.v10-status { justify-self:end; display:inline-flex; align-items:center; gap:4px; padding:6px 7px; border-radius:999px; background:rgba(255,255,255,.04); color:var(--muted); font-size:7px; font-style:normal; font-weight:800; white-space:nowrap; }
.v10-status.implemented,.v10-screen-row.reviewed .v10-status { color:var(--green-2); background:rgba(80,207,114,.09); }
.v10-status.native-source { color:var(--gold); background:var(--gold-soft); }
.v10-status .icon { width:11px; height:11px; }

.v10-doctor-hero { padding:18px; display:flex; gap:14px; align-items:center; background:linear-gradient(145deg,rgba(80,207,114,.1),var(--surface)); }
.v10-doctor-hero > span { width:60px; height:60px; flex:none; border-radius:20px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.12); }
.v10-doctor-hero h1 { margin:5px 0; font-size:22px; }
.v10-doctor-hero p { margin:0; color:var(--muted); font-size:9px; }
.v10-doctor-actions,.v10-release-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:10px 0; }
.v10-doctor-actions .primary-button,.v10-release-actions .primary-button { grid-column:1 / -1; }
.v10-diagnostic-list { padding:6px; }
.v10-diagnostic-row { min-height:69px; padding:11px; display:grid; grid-template-columns:34px 1fr auto; gap:10px; align-items:center; border-bottom:1px solid var(--line); }
.v10-diagnostic-row:last-child { border-bottom:0; }
.v10-diagnostic-row > span { width:34px; height:34px; border-radius:11px; display:grid; place-items:center; }
.v10-diagnostic-row.ok > span { color:var(--green-2); background:rgba(80,207,114,.1); }
.v10-diagnostic-row.warn > span { color:var(--gold); background:var(--gold-soft); }
.v10-diagnostic-row.error > span { color:var(--danger); background:var(--danger-bg); }
.v10-diagnostic-row strong,.v10-diagnostic-row small { display:block; }
.v10-diagnostic-row strong { font-size:11px; }
.v10-diagnostic-row small { margin-top:3px; color:var(--muted); font-size:8px; line-height:1.4; }
.v10-diagnostic-row b { font-size:8px; color:var(--muted); }
.v10-repair-history { margin-top:10px; padding:15px; }
.v10-repair-history > div:not(.section-heading) { display:flex; gap:10px; padding:9px 0; border-top:1px solid var(--line); }
.v10-repair-history > div > span { color:var(--green-2); }
.v10-repair-history p { margin:0; }
.v10-repair-history strong,.v10-repair-history small { display:block; }
.v10-repair-history small { margin-top:3px; color:var(--muted); font-size:8px; }

.v10-setup-progress { display:grid; grid-template-columns:repeat(5,1fr); gap:5px; margin-bottom:10px; }
.v10-setup-progress span { height:4px; border-radius:999px; background:rgba(255,255,255,.07); }
.v10-setup-progress span.active { background:var(--green); }
.v10-setup-card { min-height:440px; padding:24px 18px; display:flex; align-items:center; justify-content:center; }
.v10-setup-intro,.v10-setup-step,.v10-setup-summary { width:100%; text-align:center; }
.v10-setup-intro > span,.v10-setup-summary > span { width:82px; height:82px; margin:0 auto 18px; border-radius:27px; display:grid; place-items:center; color:var(--green-3); background:linear-gradient(145deg,rgba(80,207,114,.27),rgba(80,207,114,.07)); }
.v10-setup-intro > span .icon,.v10-setup-summary > span .icon { width:38px; height:38px; }
.v10-setup-intro h1,.v10-setup-step h1,.v10-setup-summary h1 { margin:8px 0; font-size:27px; line-height:1.08; }
.v10-setup-intro p,.v10-setup-step > p { max-width:340px; margin:0 auto; color:var(--muted); font-size:11px; line-height:1.65; }
.v10-setup-features { display:flex; flex-wrap:wrap; justify-content:center; gap:7px; margin-top:24px; }
.v10-setup-features span { border:1px solid var(--line); border-radius:999px; padding:8px 10px; font-size:8px; }
.v10-setup-features .icon { width:13px; height:13px; vertical-align:middle; color:var(--green-2); }
.v10-goal-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:20px; }
.v10-goal-grid button { min-height:105px; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.02); color:var(--text); padding:14px; display:grid; place-items:center; align-content:center; gap:8px; position:relative; cursor:pointer; }
.v10-goal-grid button.selected { border-color:var(--line-strong); background:rgba(80,207,114,.08); }
.v10-goal-grid button > .icon:first-child { width:27px; height:27px; color:var(--green-2); }
.v10-goal-grid button > .icon:last-child { position:absolute; right:8px; top:8px; width:15px; color:var(--green-2); }
.v10-goal-grid strong { font-size:9px; }
.v10-choice-grid { display:grid; gap:10px; margin-top:22px; }
.v10-choice-grid button { min-height:105px; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.02); padding:16px; color:var(--text); display:grid; grid-template-columns:44px 1fr; grid-template-rows:auto auto; gap:4px 12px; align-items:center; text-align:left; cursor:pointer; }
.v10-choice-grid button.selected { border-color:var(--line-strong); background:rgba(80,207,114,.08); }
.v10-choice-grid button > .icon { grid-row:1 / span 2; width:44px; height:44px; padding:11px; border-radius:14px; color:var(--green-2); background:rgba(80,207,114,.1); }
.v10-choice-grid strong { align-self:end; }
.v10-choice-grid small { align-self:start; color:var(--muted); font-size:8px; }
.v10-setup-summary > div { margin:20px auto; max-width:360px; border:1px solid var(--line); border-radius:18px; overflow:hidden; }
.v10-setup-summary p { margin:0; padding:13px; display:flex; justify-content:space-between; border-bottom:1px solid var(--line); font-size:10px; }
.v10-setup-summary p:last-child { border-bottom:0; }
.v10-setup-summary p span { color:var(--green-2); }
.v10-setup-summary > small { color:var(--muted); font-size:9px; }
.v10-setup-nav { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:10px; }

.v10-release-hero { padding:19px; display:grid; grid-template-columns:105px 1fr; gap:17px; align-items:center; }
.v10-release-ring { --v10-progress:var(--v10-release); width:100px; }
.v10-release-ring strong { position:relative; font-size:23px; }
.v10-release-hero h1 { margin:5px 0; font-size:22px; }
.v10-release-hero p { margin:0; color:var(--muted); font-size:9px; line-height:1.55; }
.v10-release-list { margin-top:10px; padding:5px; }
.v10-release-row { min-height:72px; padding:11px; border-bottom:1px solid var(--line); display:grid; grid-template-columns:35px 1fr auto; gap:10px; align-items:center; }
.v10-release-row:last-child { border-bottom:0; }
.v10-release-row > span:first-child { width:35px; height:35px; border-radius:11px; display:grid; place-items:center; color:var(--muted); background:rgba(255,255,255,.04); }
.v10-release-row.ok > span:first-child { color:var(--green-2); background:rgba(80,207,114,.1); }
.v10-release-row.external:not(.ok) > span:first-child { color:var(--gold); background:var(--gold-soft); }
.v10-release-row strong,.v10-release-row small { display:block; }
.v10-release-row strong { font-size:10px; }
.v10-release-row small { margin-top:3px; color:var(--muted); font-size:7px; }
.v10-release-row > b { font-size:8px; color:var(--green-2); }

.v10-legal-hero { padding:20px; display:flex; gap:15px; align-items:center; }
.v10-legal-hero > span { width:58px; height:58px; flex:none; border-radius:19px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.1); }
.v10-legal-hero h1 { margin:5px 0; font-size:21px; }
.v10-legal-hero p { margin:0; color:var(--muted); font-size:9px; line-height:1.55; }
.v10-legal-grid { display:grid; gap:8px; margin:10px 0; }
.v10-legal-card { padding:15px; border:1px solid var(--line); display:grid; grid-template-columns:42px 1fr auto; gap:11px; align-items:center; color:var(--text); text-decoration:none; }
.v10-legal-card > span { width:42px; height:42px; border-radius:14px; display:grid; place-items:center; color:var(--green-2); background:rgba(80,207,114,.1); }
.v10-legal-card strong,.v10-legal-card small { display:block; }
.v10-legal-card small { margin-top:4px; color:var(--muted); font-size:8px; }
.v10-legal-card > .icon { color:var(--muted); width:17px; }
.v10-data-rights { padding:15px; display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.v10-data-rights .section-heading { grid-column:1 / -1; }
.v10-data-rights > button { min-height:70px; border:1px solid var(--line); border-radius:15px; background:rgba(255,255,255,.02); color:var(--text-soft); font-size:8px; cursor:pointer; }
.v10-data-rights > button .icon { display:block; margin:0 auto 6px; color:var(--green-2); }
.v10-support-bundle { margin-top:10px; padding:15px; display:grid; grid-template-columns:42px 1fr auto; gap:11px; align-items:center; }
.v10-support-bundle > span { width:42px; height:42px; display:grid; place-items:center; border-radius:14px; color:var(--green-2); background:rgba(80,207,114,.1); }
.v10-support-bundle strong,.v10-support-bundle small { display:block; }
.v10-support-bundle small { margin-top:4px; color:var(--muted); font-size:8px; line-height:1.4; }
.v10-support-bundle button { border:1px solid var(--line-strong); border-radius:999px; background:transparent; padding:8px 10px; font-size:8px; cursor:pointer; }
.v10-last-action { color:var(--muted); text-align:center; font-size:8px; }

.v10-settings-injection { margin-top:18px; }
.v10-welcome { text-align:center; }
.v10-welcome > span { width:74px; height:74px; margin:4px auto 14px; border-radius:25px; display:grid; place-items:center; color:var(--green-3); background:rgba(80,207,114,.13); }
.v10-welcome > span .icon { width:34px; height:34px; }
.v10-welcome h2 { margin:0 0 10px; font-size:24px; }
.v10-welcome > p { margin:0; color:var(--muted); font-size:10px; line-height:1.65; }
.v10-welcome-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:18px 0; }
.v10-welcome-grid div { min-height:79px; border:1px solid var(--line); border-radius:16px; display:grid; place-items:center; align-content:center; gap:7px; font-size:9px; }
.v10-welcome-grid .icon { color:var(--green-2); }

@media (min-width:720px) {
  .v10-hub-grid,.v10-legal-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .v10-metric-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .v10-status-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .v10-doctor-actions,.v10-release-actions { grid-template-columns:repeat(3,1fr); }
  .v10-doctor-actions .primary-button,.v10-release-actions .primary-button { grid-column:auto; }
}
@media (max-width:420px) {
  .v10-balance-hero,.v10-release-hero { grid-template-columns:1fr; text-align:center; }
  .v10-balance-ring,.v10-release-ring { margin:0 auto; }
  .v10-audit-summary { grid-template-columns:1fr; text-align:center; }
  .v10-audit-donut { margin:0 auto; }
  .v10-screen-row { grid-template-columns:39px 1fr; }
  .v10-screen-row > .v10-status { grid-column:2; justify-self:start; }
}

/* =========================================================
   MİZAN v10.0 — Nihai Web Yayın Adayı
   ========================================================= */
:root {
  --v10-emerald:#63e68c;
  --v10-emerald-soft:rgba(99,230,140,.11);
  --v10-gold:#e7ca75;
  --v10-gold-soft:rgba(231,202,117,.12);
  --v10-blue:#6ebce8;
  --v10-blue-soft:rgba(110,188,232,.12);
  --v10-violet:#b79cff;
  --v10-violet-soft:rgba(183,156,255,.12);
}
body.v10-final .v7-home-strip,
body.v10-final .v8-home-cloud,
body.v10-final .v9-home-strip { display:none !important; }

.v10-final-strip { margin:0 0 11px; }
.v10-final-strip > button { width:100%; min-height:76px; padding:12px 13px; display:grid; grid-template-columns:50px minmax(0,1fr) 22px; align-items:center; gap:11px; border:1px solid rgba(99,230,140,.25); border-radius:21px; color:var(--text); background:linear-gradient(135deg,rgba(99,230,140,.12),rgba(231,202,117,.07),var(--surface)); text-align:left; cursor:pointer; box-shadow:0 14px 40px rgba(0,0,0,.12); }
.v10-final-strip > button > .icon { width:18px; color:var(--v10-emerald); }
.v10-release-mark { width:50px; height:50px; display:grid; place-items:center; border-radius:16px; color:#07150e; background:linear-gradient(145deg,var(--v10-gold),var(--v10-emerald)); font-size:15px; font-weight:950; box-shadow:0 12px 28px rgba(99,230,140,.18); }
.v10-final-strip small,.v10-final-strip strong,.v10-final-strip em { display:block; }
.v10-final-strip small { color:var(--v10-gold); font-size:7px; font-weight:900; letter-spacing:.12em; }
.v10-final-strip strong { margin-top:4px; font-size:11px; line-height:1.3; }
.v10-final-strip em { margin-top:4px; color:var(--muted); font-size:8px; font-style:normal; }

.v10-now-dock { margin:0 0 14px; padding:14px; border-color:rgba(99,230,140,.18); background:linear-gradient(150deg,var(--surface),rgba(99,230,140,.045)); }
.v10-now-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.v10-now-head h2 { margin:3px 0 4px; font-size:16px; }
.v10-now-head p { margin:0; color:var(--muted); font-size:9px; line-height:1.45; }
.v10-now-head > strong { min-width:54px; padding:9px; border-radius:15px; color:var(--v10-emerald); background:var(--v10-emerald-soft); font-size:18px; text-align:center; }
.v10-now-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin-top:13px; }
.v10-now-actions button { min-height:42px; padding:7px; display:flex; align-items:center; justify-content:center; gap:6px; border:1px solid var(--line); border-radius:13px; color:var(--text); background:var(--surface-2); font-size:8px; font-weight:800; cursor:pointer; }
.v10-now-actions .icon { width:14px; height:14px; color:var(--v10-emerald); }

.v10-hero { position:relative; overflow:hidden; min-height:325px; padding:25px 22px; border-color:rgba(99,230,140,.23); background:radial-gradient(circle at 92% 8%,rgba(231,202,117,.18),transparent 13rem),radial-gradient(circle at 4% 95%,rgba(99,230,140,.14),transparent 14rem),linear-gradient(145deg,#0a1d16,var(--surface)); }
[data-theme="light"] .v10-hero { background:radial-gradient(circle at 92% 8%,rgba(231,202,117,.25),transparent 13rem),radial-gradient(circle at 4% 95%,rgba(99,230,140,.18),transparent 14rem),linear-gradient(145deg,#f6fff8,var(--surface)); }
.v10-hero-glow { position:absolute; width:170px; height:170px; right:-80px; bottom:-85px; border-radius:50%; border:1px solid rgba(99,230,140,.16); box-shadow:0 0 0 30px rgba(99,230,140,.025),0 0 0 64px rgba(99,230,140,.018); }
.v10-kicker { position:relative; z-index:1; display:inline-flex; min-height:28px; align-items:center; padding:0 11px; border:1px solid rgba(231,202,117,.28); border-radius:999px; color:var(--v10-gold); background:var(--v10-gold-soft); font-size:8px; font-weight:900; letter-spacing:.11em; }
.v10-hero h1 { position:relative; z-index:1; max-width:610px; margin:20px 0 10px; font-size:30px; line-height:1.08; letter-spacing:-.04em; }
.v10-hero > p { position:relative; z-index:1; max-width:620px; margin:0; color:var(--text-soft); font-size:11px; line-height:1.65; }
.v10-hero-progress { position:relative; z-index:1; height:8px; margin:24px 0 8px; overflow:hidden; border:1px solid rgba(255,255,255,.08); border-radius:999px; background:rgba(255,255,255,.04); }
.v10-hero-progress span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--v10-emerald),var(--v10-gold)); }
.v10-hero-meta { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.v10-hero-meta strong,.v10-hero-meta small { font-size:8px; }
.v10-hero-meta small { color:var(--muted); }
.v10-hero-actions { position:relative; z-index:1; display:flex; gap:8px; margin-top:18px; }

.v10-metric-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:11px 0; }
.v10-metric { min-height:105px; padding:14px; display:flex; flex-direction:column; justify-content:flex-end; border:1px solid var(--line); border-radius:20px; background:linear-gradient(150deg,var(--surface),var(--surface-2)); }
.v10-metric > span { width:35px; height:35px; display:grid; place-items:center; border-radius:12px; color:var(--v10-emerald); background:var(--v10-emerald-soft); }
.v10-metric.gold > span { color:var(--v10-gold); background:var(--v10-gold-soft); }
.v10-metric.blue > span { color:var(--v10-blue); background:var(--v10-blue-soft); }
.v10-metric.violet > span { color:var(--v10-violet); background:var(--v10-violet-soft); }
.v10-metric .icon { width:17px; height:17px; }
.v10-metric strong { margin-top:10px; font-size:18px; }
.v10-metric small { margin-top:3px; color:var(--muted); font-size:8px; }

.v10-hub-grid { display:grid; gap:8px; margin:11px 0; }
.v10-hub-card { min-height:84px; padding:13px; display:grid; grid-template-columns:43px minmax(0,1fr) 20px; align-items:center; gap:11px; border:1px solid var(--line); border-radius:20px; color:var(--text); background:var(--surface); text-align:left; cursor:pointer; transition:transform .18s ease,border-color .18s ease; }
.v10-hub-card:hover { transform:translateY(-1px); border-color:rgba(99,230,140,.3); }
.v10-hub-card > span { width:43px; height:43px; display:grid; place-items:center; border-radius:14px; color:var(--v10-emerald); background:var(--v10-emerald-soft); }
.v10-hub-card > span .icon { width:20px; height:20px; }
.v10-hub-card > .icon { width:17px; color:var(--muted); }
.v10-hub-card strong,.v10-hub-card small { display:block; }
.v10-hub-card strong { font-size:12px; }
.v10-hub-card small { margin-top:4px; color:var(--muted); font-size:9px; line-height:1.4; }

.v10-dashboard-hero { overflow:hidden; padding:21px; border-color:rgba(99,230,140,.24); background:radial-gradient(circle at 86% 15%,rgba(231,202,117,.15),transparent 11rem),linear-gradient(145deg,#0a1e16,var(--surface)); }
[data-theme="light"] .v10-dashboard-hero { background:radial-gradient(circle at 86% 15%,rgba(231,202,117,.22),transparent 11rem),linear-gradient(145deg,#effbf2,var(--surface)); }
.v10-dashboard-hero { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px; align-items:start; }
.v10-dashboard-hero h1 { margin:5px 0 5px; font-size:29px; letter-spacing:-.04em; }
.v10-dashboard-hero p { margin:0; color:var(--text-soft); font-size:10px; line-height:1.5; }
.v10-countdown { min-width:112px; padding:12px; border:1px solid rgba(99,230,140,.18); border-radius:18px; background:rgba(99,230,140,.07); text-align:right; }
.v10-countdown small,.v10-countdown strong,.v10-countdown span { display:block; }
.v10-countdown small { color:var(--muted); font-size:7px; }
.v10-countdown strong { margin-top:6px; color:var(--v10-emerald); font-size:18px; letter-spacing:.02em; }
.v10-countdown span { margin-top:3px; color:var(--text-soft); font-size:8px; }
.v10-dashboard-progress { grid-column:1/-1; height:8px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.06); }
.v10-dashboard-progress span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--v10-emerald),var(--v10-gold)); }
.v10-dashboard-hero footer { grid-column:1/-1; display:flex; justify-content:space-between; color:var(--muted); font-size:8px; }
.v10-dashboard-hero footer b { color:var(--v10-emerald); }
.v10-balance-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:11px 0 15px; }
.v10-balance-card { min-height:102px; padding:13px; display:grid; grid-template-columns:35px minmax(0,1fr); grid-template-rows:auto auto; align-items:end; gap:4px 9px; border:1px solid var(--line); border-radius:19px; color:var(--text); background:var(--surface); text-align:left; cursor:pointer; }
.v10-balance-card > span { grid-row:1/span 2; width:35px; height:35px; display:grid; place-items:center; border-radius:12px; color:var(--v10-emerald); background:var(--v10-emerald-soft); }
.v10-balance-card strong { font-size:14px; }
.v10-balance-card small { color:var(--muted); font-size:8px; }
.v10-task-stack { padding:4px 14px; }
.v10-task-row { min-height:65px; display:grid; grid-template-columns:35px minmax(0,1fr) auto; align-items:center; gap:10px; border-bottom:1px solid var(--line); }
.v10-task-row:last-child { border-bottom:0; }
.v10-task-row strong,.v10-task-row small { display:block; }
.v10-task-row strong { font-size:11px; }
.v10-task-row small { margin-top:4px; color:var(--muted); font-size:8px; }
.v10-task-row.done strong { text-decoration:line-through; opacity:.55; }
.v10-kaza-callout,.v10-motivation { margin-top:11px; padding:16px; display:grid; grid-template-columns:44px minmax(0,1fr) auto; align-items:center; gap:11px; }
.v10-kaza-callout > span,.v10-motivation > span { width:44px; height:44px; display:grid; place-items:center; border-radius:15px; color:var(--v10-gold); background:var(--v10-gold-soft); }
.v10-kaza-callout.complete > span { color:var(--v10-emerald); background:var(--v10-emerald-soft); }
.v10-kaza-callout small,.v10-kaza-callout h2,.v10-kaza-callout p,.v10-motivation small,.v10-motivation h2,.v10-motivation p { display:block; }
.v10-kaza-callout small,.v10-motivation small { color:var(--v10-gold); font-size:7px; font-weight:900; letter-spacing:.1em; }
.v10-kaza-callout h2,.v10-motivation h2 { margin:4px 0; font-size:14px; }
.v10-kaza-callout p,.v10-motivation p { margin:0; color:var(--muted); font-size:8px; line-height:1.45; }
.v10-kaza-callout button,.v10-motivation button { min-height:40px; padding-inline:12px; font-size:8px; }
.v10-motivation { grid-template-columns:44px minmax(0,1fr); }
.v10-motivation button { grid-column:1/-1; }
.v10-dashboard-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:11px; }

.v10-motivation-hero { padding:19px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:13px; border-color:rgba(231,202,117,.22); background:linear-gradient(145deg,var(--v10-gold-soft),var(--surface)); }
.v10-motivation-hero h1 { margin:4px 0 5px; font-size:23px; }
.v10-motivation-hero p { margin:0; color:var(--muted); font-size:9px; line-height:1.5; }
.v10-day-stepper { display:flex; align-items:center; gap:7px; }
.v10-day-stepper button { width:35px; height:35px; display:grid; place-items:center; border:1px solid var(--line); border-radius:12px; color:var(--text); background:var(--surface); cursor:pointer; }
.v10-day-stepper strong { min-width:50px; text-align:center; font-size:20px; }
.v10-day-stepper small { display:block; color:var(--muted); font-size:7px; }
.v10-prayer-tabs { display:flex; gap:7px; overflow-x:auto; margin:11px 0; padding-bottom:4px; scrollbar-width:none; }
.v10-prayer-tabs::-webkit-scrollbar { display:none; }
.v10-prayer-tabs button { flex:none; min-height:34px; padding:0 13px; border:1px solid var(--line); border-radius:999px; color:var(--muted); background:var(--surface); font-size:8px; font-weight:800; cursor:pointer; }
.v10-prayer-tabs button.active { color:#07150e; border-color:transparent; background:linear-gradient(135deg,var(--v10-gold),var(--v10-emerald)); }
.v10-motivation-grid { display:grid; gap:9px; }
.v10-motivation-card { padding:15px; }
.v10-motivation-card.active { border-color:rgba(231,202,117,.35); box-shadow:inset 0 0 0 1px rgba(231,202,117,.05); }
.v10-motivation-card header { display:grid; grid-template-columns:40px minmax(0,1fr) 35px; align-items:center; gap:10px; }
.v10-motivation-card header > span { width:40px; height:40px; display:grid; place-items:center; border-radius:14px; color:var(--v10-gold); background:var(--v10-gold-soft); }
.v10-motivation-card header small,.v10-motivation-card header strong { display:block; }
.v10-motivation-card header small { color:var(--v10-gold); font-size:7px; font-weight:900; }
.v10-motivation-card header strong { margin-top:3px; font-size:11px; }
.v10-motivation-card header > button { position:relative; width:35px; height:35px; display:grid; place-items:center; border:1px solid var(--line); border-radius:12px; color:var(--text); background:var(--surface-2); cursor:pointer; }
.v10-motivation-card header > button b { position:absolute; right:-2px; top:-3px; width:14px; height:14px; display:grid; place-items:center; border-radius:50%; color:#07150e; background:var(--v10-emerald); font-size:7px; }
.v10-motivation-card > p { margin:13px 0; color:var(--text-soft); font-size:10px; line-height:1.65; }
.v10-motivation-card footer { display:grid; grid-template-columns:90px minmax(0,1fr); gap:8px; }
.v10-motivation-footer { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:11px; }

.v10-audit-hero,.v10-quality-hero,.v10-final-score { padding:18px; display:flex; align-items:center; gap:15px; }
.v10-audit-hero > div:last-child small,.v10-quality-hero > div:last-child small,.v10-final-score > div:last-child small { color:var(--v10-emerald); font-size:7px; font-weight:900; letter-spacing:.11em; }
.v10-audit-hero h2,.v10-quality-hero h2,.v10-final-score h1 { margin:5px 0; font-size:16px; }
.v10-audit-hero p,.v10-quality-hero p,.v10-final-score p { margin:0; color:var(--muted); font-size:9px; line-height:1.5; }
.v10-score-ring { --score:0; width:86px; height:86px; flex:none; position:relative; display:grid; place-items:center; border-radius:50%; background:conic-gradient(var(--v10-emerald) calc(var(--score) * 1%),rgba(255,255,255,.07) 0); }
.v10-score-ring::before { content:""; position:absolute; inset:7px; border-radius:50%; background:var(--surface-solid); }
.v10-score-ring span { position:relative; z-index:1; font-size:24px; font-weight:950; }
.v10-score-ring small { display:block; color:var(--muted); font-size:8px; text-align:center; }
.v10-audit-tools { display:grid; grid-template-columns:minmax(0,1fr) 145px; gap:8px; margin:11px 0; }
.v10-screen-list { display:grid; gap:7px; }
.v10-screen-row { min-height:70px; padding:10px 11px; display:grid; grid-template-columns:40px minmax(0,1fr) auto 18px; align-items:center; gap:9px; border:1px solid var(--line); border-radius:17px; color:var(--text); background:var(--surface); text-align:left; cursor:pointer; }
.v10-screen-row > span { width:40px; height:40px; display:grid; place-items:center; border-radius:13px; color:var(--v10-emerald); background:var(--v10-emerald-soft); font-size:10px; font-weight:900; }
.v10-screen-row strong,.v10-screen-row small { display:block; }
.v10-screen-row strong { font-size:10px; }
.v10-screen-row small { margin-top:4px; color:var(--muted); font-size:8px; line-height:1.35; }
.v10-screen-row b { color:var(--v10-emerald); font-size:7px; text-transform:uppercase; }
.v10-screen-row > .icon { width:15px; color:var(--muted); }

.v10-content-hero,.v10-privacy-hero { padding:18px; display:grid; grid-template-columns:48px minmax(0,1fr); align-items:center; gap:12px; }
.v10-content-hero > span,.v10-privacy-hero > span { width:48px; height:48px; display:grid; place-items:center; border-radius:16px; color:var(--v10-emerald); background:var(--v10-emerald-soft); }
.v10-content-hero small,.v10-privacy-hero small { color:var(--v10-emerald); font-size:7px; font-weight:900; letter-spacing:.1em; }
.v10-content-hero h1,.v10-privacy-hero h1 { margin:5px 0; font-size:18px; }
.v10-content-hero p,.v10-privacy-hero p { margin:0; color:var(--muted); font-size:9px; line-height:1.5; }
.v10-content-list { margin-top:11px; padding:3px 14px; }
.v10-content-list > div { min-height:66px; display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:center; gap:10px; border-bottom:1px solid var(--line); }
.v10-content-list > div:last-child { border-bottom:0; }
.v10-content-list > div > span { width:38px; height:38px; display:grid; place-items:center; border-radius:13px; color:var(--v10-emerald); background:var(--v10-emerald-soft); }
.v10-content-list strong,.v10-content-list small { display:block; }
.v10-content-list strong { font-size:10px; }
.v10-content-list small { margin-top:3px; color:var(--muted); font-size:8px; }
.v10-content-list b { color:var(--v10-emerald); font-size:8px; }

.v10-quality-list { margin-top:11px; padding:3px 14px; }
.v10-quality-row { min-height:63px; display:grid; grid-template-columns:37px minmax(0,1fr) auto; align-items:center; gap:9px; border-bottom:1px solid var(--line); }
.v10-quality-row:last-child { border-bottom:0; }
.v10-quality-row > span { width:37px; height:37px; display:grid; place-items:center; border-radius:13px; color:var(--v10-emerald); background:var(--v10-emerald-soft); }
.v10-quality-row.error > span { color:var(--danger); background:var(--danger-bg); }
.v10-quality-row.warn > span { color:var(--v10-gold); background:var(--v10-gold-soft); }
.v10-quality-row strong,.v10-quality-row small { display:block; }
.v10-quality-row strong { font-size:10px; }
.v10-quality-row small { margin-top:4px; color:var(--muted); font-size:8px; }
.v10-quality-row b { color:var(--v10-emerald); font-size:7px; text-transform:uppercase; }
.v10-quality-row.error b { color:var(--danger); }
.v10-quality-row.warn b { color:var(--v10-gold); }
.v10-action-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:11px; }

.v10-release-hero { padding:20px; display:grid; grid-template-columns:minmax(0,1fr) 90px; align-items:center; gap:15px; border-color:rgba(183,156,255,.22); background:linear-gradient(145deg,var(--v10-violet-soft),var(--surface)); }
.v10-release-hero h1 { margin:5px 0 7px; font-size:20px; line-height:1.2; }
.v10-release-hero p { margin:0; color:var(--muted); font-size:9px; line-height:1.5; }
.v10-release-gauge { width:90px; height:90px; display:grid; place-content:center; border-radius:50%; border:8px solid rgba(183,156,255,.14); color:var(--v10-violet); text-align:center; }
.v10-release-gauge strong,.v10-release-gauge small { display:block; }
.v10-release-gauge strong { font-size:24px; }
.v10-release-gauge small { margin-top:3px; color:var(--muted); font-size:7px; }
.v10-release-list { display:grid; gap:8px; margin:11px 0; }
.v10-release-row { min-height:82px; padding:12px; display:grid; grid-template-columns:40px minmax(0,1fr) auto; align-items:center; gap:10px; border:1px solid var(--line); border-radius:18px; background:var(--surface); }
.v10-release-row > span { width:40px; height:40px; display:grid; place-items:center; border-radius:14px; }
.v10-release-row.ready > span { color:var(--v10-emerald); background:var(--v10-emerald-soft); }
.v10-release-row.external > span { color:var(--v10-gold); background:var(--v10-gold-soft); }
.v10-release-row strong,.v10-release-row small { display:block; }
.v10-release-row strong { font-size:10px; }
.v10-release-row small { margin-top:4px; color:var(--muted); font-size:8px; line-height:1.4; }
.v10-release-row b { color:var(--v10-emerald); font-size:7px; text-transform:uppercase; }
.v10-release-row.external b { color:var(--v10-gold); }
.v10-manual-checks { padding:5px 14px; }

.v10-data-rights { margin-top:11px; padding:0 14px; }
.v10-data-rights > div { min-height:105px; padding:14px 0; display:grid; grid-template-columns:40px minmax(0,1fr); gap:5px 10px; border-bottom:1px solid var(--line); }
.v10-data-rights > div:last-child { border-bottom:0; }
.v10-data-rights > div > span { grid-row:1/span 3; width:40px; height:40px; display:grid; place-items:center; border-radius:14px; color:var(--v10-emerald); background:var(--v10-emerald-soft); }
.v10-data-rights strong { font-size:11px; }
.v10-data-rights small { color:var(--muted); font-size:8px; line-height:1.45; }
.v10-data-rights button { width:max-content; min-height:37px; padding-inline:12px; font-size:8px; }

.v10-final-list { display:grid; gap:7px; margin:11px 0; }
.v10-final-row { min-height:70px; padding:11px; display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:center; gap:10px; border:1px solid var(--line); border-radius:17px; background:var(--surface); }
.v10-final-row > span { width:38px; height:38px; display:grid; place-items:center; border-radius:13px; font-size:11px; font-weight:900; }
.v10-final-row.ready > span { color:var(--v10-emerald); background:var(--v10-emerald-soft); }
.v10-final-row.pending > span { color:var(--v10-gold); background:var(--v10-gold-soft); }
.v10-final-row strong,.v10-final-row small { display:block; }
.v10-final-row strong { font-size:10px; }
.v10-final-row small { margin-top:4px; color:var(--muted); font-size:8px; }
.v10-final-row b { color:var(--v10-emerald); font-size:7px; text-transform:uppercase; }
.v10-final-row.pending b { color:var(--v10-gold); }

.v10-welcome { text-align:center; }
.v10-welcome > span { width:74px; height:74px; margin:0 auto 12px; display:grid; place-items:center; border-radius:24px; color:#07150e; background:linear-gradient(145deg,var(--v10-gold),var(--v10-emerald)); box-shadow:0 18px 48px rgba(99,230,140,.22); }
.v10-welcome > span .icon { width:34px; height:34px; }
.v10-welcome h2 { margin:0; font-size:23px; letter-spacing:-.035em; }
.v10-welcome > p { margin:9px 0 16px; color:var(--muted); font-size:10px; line-height:1.6; }
.v10-welcome-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.v10-welcome-grid > div { min-height:70px; display:grid; place-content:center; justify-items:center; gap:7px; border:1px solid var(--line); border-radius:16px; color:var(--v10-emerald); background:var(--surface-2); }
.v10-welcome-grid strong { color:var(--text); font-size:9px; }

@media (min-width:560px) {
  .v10-hub-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .v10-metric-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .v10-motivation-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:390px) {
  .v10-hero h1 { font-size:25px; }
  .v10-dashboard-hero { grid-template-columns:1fr; }
  .v10-countdown { text-align:left; }
  .v10-kaza-callout { grid-template-columns:42px minmax(0,1fr); }
  .v10-kaza-callout button { grid-column:1/-1; }
  .v10-audit-tools { grid-template-columns:1fr; }
  .v10-release-hero { grid-template-columns:1fr; }
  .v10-release-gauge { width:76px; height:76px; }
}
@media (max-width:350px) {
  .v10-now-actions,.v10-action-grid,.v10-dashboard-actions,.v10-motivation-footer { grid-template-columns:1fr; }
  .v10-final-strip > button { grid-template-columns:45px minmax(0,1fr); }
  .v10-final-strip > button > .icon { display:none; }
  .v10-release-mark { width:45px; height:45px; }
  .v10-screen-row { grid-template-columns:36px minmax(0,1fr) 15px; }
  .v10-screen-row b { display:none; }
}

/* =========================================================
   MİZAN v10.0 — gerçek V10 görünüm sözleşmesi (daily/audit)
   ========================================================= */
body.v10-final .v5-home-injection,
body.v10-final .v6-home-injection,
body.v10-final .v7-home-strip,
body.v10-final .v8-home-cloud,
body.v10-final .v9-home-strip { display:none !important; }

.v10-hero-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.v10-final-badge{display:inline-flex;align-items:center;min-height:29px;padding:0 11px;border:1px solid rgba(231,202,117,.32);border-radius:999px;color:var(--v10-gold,var(--gold));background:rgba(231,202,117,.10);font-size:8px;font-weight:900;letter-spacing:.11em}
.v10-status{display:inline-flex;align-items:center;min-height:29px;padding:0 10px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.05em}
.v10-status.ready{color:var(--green-3);background:rgba(80,207,114,.12);border:1px solid rgba(80,207,114,.25)}
.v10-status.candidate{color:var(--gold);background:var(--gold-soft);border:1px solid rgba(217,189,103,.25)}
.v10-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0 20px}
.v10-hub-icon{width:46px!important;height:46px!important;display:grid!important;place-items:center!important;border-radius:15px!important;color:var(--green-2)!important;background:linear-gradient(145deg,rgba(80,207,114,.16),rgba(80,207,114,.04))!important}
.v10-hub-icon .icon{width:21px;height:21px}
.v10-hub-card>span:nth-child(2){width:auto;height:auto;display:block;color:inherit;background:none;border-radius:0}
.v10-hub-card>span:nth-child(2) strong,.v10-hub-card>span:nth-child(2) small{display:block}
.v10-hub-card>span:nth-child(2) small{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.45}

.v10-ring{--v10-score:0;position:relative;width:94px;height:94px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--green-2) calc(var(--v10-score)*1%),rgba(255,255,255,.075) 0);box-shadow:0 12px 34px rgba(0,0,0,.16)}
.v10-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--surface-solid,var(--surface));box-shadow:inset 0 0 24px rgba(0,0,0,.18)}
.v10-ring>span{position:relative;z-index:1;text-align:center}
.v10-ring strong,.v10-ring small{display:block}
.v10-ring strong{font-size:24px;line-height:1}
.v10-ring small{margin-top:3px;color:var(--muted);font-size:8px}

.v10-today-hero{padding:20px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px;align-items:start;border-color:rgba(80,207,114,.28);background:radial-gradient(circle at 90% 0,rgba(217,189,103,.13),transparent 12rem),linear-gradient(145deg,rgba(20,90,56,.28),var(--surface))}
.v10-today-hero h1{margin:5px 0 7px;font-size:29px;letter-spacing:-.045em;line-height:1}
.v10-today-hero h1 small{font-size:12px;color:var(--green-3);letter-spacing:0}
.v10-today-hero p{margin:0;color:var(--muted);font-size:9px;line-height:1.5}
.v10-today-progress{grid-column:1/-1;height:8px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.065)}
.v10-today-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--green-3),var(--gold))}
.v10-today-numbers{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px 14px;color:var(--muted);font-size:8px}
.v10-today-numbers b{color:var(--text);font-size:10px}
.v10-focus-card{margin-top:11px;padding:15px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;border-color:rgba(80,207,114,.22);background:linear-gradient(145deg,var(--surface),rgba(80,207,114,.045))}
.v10-focus-card.complete{border-color:rgba(217,189,103,.25);background:linear-gradient(145deg,var(--surface),rgba(217,189,103,.055))}
.v10-focus-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;color:var(--green-2);background:rgba(80,207,114,.11)}
.v10-focus-icon .icon{width:22px;height:22px}
.v10-focus-card small,.v10-focus-card h2,.v10-focus-card p{display:block}
.v10-focus-card small{color:var(--green-3);font-size:7px;font-weight:900;letter-spacing:.11em}
.v10-focus-card h2{margin:4px 0;font-size:14px}
.v10-focus-card p{margin:0;color:var(--muted);font-size:8px;line-height:1.4}
.v10-focus-card button{min-height:40px;padding-inline:12px;font-size:8px}
.v10-balance-card{min-height:112px;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto auto;align-content:center}
.v10-balance-card>span{grid-row:1/span 3}
.v10-balance-card small,.v10-balance-card strong,.v10-balance-card em{display:block}
.v10-balance-card small{font-size:7px;font-weight:900;letter-spacing:.1em}
.v10-balance-card strong{font-size:16px}
.v10-balance-card em{color:var(--muted);font-size:8px;font-style:normal;line-height:1.35}
.v10-plan-card{padding:15px}
.v10-plan-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}
.v10-plan-head small,.v10-plan-head strong{display:block}
.v10-plan-head small{color:var(--muted);font-size:8px}
.v10-plan-head strong{margin-top:4px;font-size:12px}
.v10-plan-list{display:grid;gap:7px;margin:10px 0 13px}
.v10-plan-list>div{min-height:57px;padding:9px 10px;display:grid;grid-template-columns:35px minmax(0,1fr);align-items:center;gap:9px;border:1px solid var(--line);border-radius:15px;background:var(--surface-2)}
.v10-plan-list>div>span{width:35px;height:35px;display:grid;place-items:center;border-radius:12px;color:var(--green-2);background:rgba(80,207,114,.1)}
.v10-plan-list strong,.v10-plan-list small{display:block}
.v10-plan-list strong{font-size:10px}
.v10-plan-list small{margin-top:3px;color:var(--muted);font-size:8px}
.v10-daily-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:11px 0}
.v10-daily-links button{min-height:48px;border:1px solid var(--line);border-radius:15px;background:var(--surface);color:var(--text-soft);font-size:8px;font-weight:800;cursor:pointer}
.v10-daily-links .icon{width:15px;vertical-align:middle;margin-right:4px;color:var(--green-2)}

.v10-audit-hero{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:15px;padding:18px}
.v10-audit-hero small{color:var(--green-3);font-size:7px;font-weight:900;letter-spacing:.1em}
.v10-audit-hero h1{margin:5px 0;font-size:18px}
.v10-audit-hero p{margin:0;color:var(--muted);font-size:9px;line-height:1.5}
.v10-filter-card{margin-top:11px;padding:12px}
.v10-filter-card .search-field{margin:0}
.v10-filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}
.v10-filter-row select{min-height:43px;width:100%;border:1px solid var(--line);border-radius:13px;padding:0 10px;color:var(--text);background:var(--surface-2);font-size:9px}
.v10-screen-row{grid-template-columns:42px minmax(0,1fr) 35px;cursor:default}
.v10-screen-number{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:14px!important;font-size:10px!important;font-weight:900!important}
.v10-screen-row>div{min-width:0}
.v10-screen-row>div small,.v10-screen-row>div strong,.v10-screen-row>div em{display:block}
.v10-screen-row>div small{color:var(--green-3);font-size:7px;font-weight:850;letter-spacing:.06em}
.v10-screen-row>div strong{margin-top:3px;font-size:10px}
.v10-screen-row>div em{margin-top:4px;color:var(--muted);font-size:8px;font-style:normal;line-height:1.35}
.v10-screen-row>button{width:35px;height:35px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--muted);cursor:pointer}
.v10-screen-row.working{border-color:rgba(80,207,114,.19)}
.v10-screen-row.native{border-color:rgba(217,189,103,.22)}
.v10-screen-row.native .v10-screen-number{color:var(--gold)!important;background:var(--gold-soft)!important}
.v10-screen-row.missing{border-color:rgba(232,99,99,.28)}
.v10-screen-row.missing .v10-screen-number{color:var(--danger)!important;background:var(--danger-bg)!important}
.v10-button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:11px 0}
.v10-button-grid>*{min-height:44px;font-size:8px}

.v10-content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:11px 0}
.v10-content-card{min-height:100px;padding:13px;display:grid;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.v10-content-card>span{width:35px;height:35px;display:grid;place-items:center;border-radius:12px;color:var(--green-2);background:rgba(80,207,114,.1)}
.v10-content-card small,.v10-content-card strong,.v10-content-card em{display:block}
.v10-content-card small{color:var(--muted);font-size:7px}
.v10-content-card strong{margin-top:3px;font-size:15px}
.v10-content-card em{margin-top:3px;color:var(--muted);font-size:7px;font-style:normal}
.v10-content-card>b{color:var(--green-2)}
.v10-content-card.error{border-color:rgba(232,99,99,.28)}
.v10-content-card.error>b{color:var(--danger)}
.v10-prayer-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:13px}
.v10-prayer-content-grid>div{min-height:74px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);display:flex;flex-direction:column;justify-content:center}
.v10-prayer-content-grid strong,.v10-prayer-content-grid small{display:block}
.v10-prayer-content-grid strong{font-size:13px}
.v10-prayer-content-grid small{margin-top:4px;color:var(--muted);font-size:8px}

.v10-prayer-hero{padding:18px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:15px;border-color:rgba(110,188,232,.22);background:linear-gradient(145deg,rgba(110,188,232,.09),var(--surface))}
.v10-prayer-hero small{color:var(--v10-blue,#6ebce8);font-size:7px;font-weight:900;letter-spacing:.1em}
.v10-prayer-hero h1{margin:5px 0;font-size:22px}
.v10-prayer-hero p{margin:0;color:var(--muted);font-size:9px;line-height:1.45}
.v10-prayer-times{margin-top:11px;padding:3px 13px}
.v10-prayer-times>div{min-height:56px;display:grid;grid-template-columns:minmax(0,1fr) auto 80px;align-items:center;gap:10px;border-bottom:1px solid var(--line)}
.v10-prayer-times>div:last-child{border-bottom:0}
.v10-prayer-times span{font-size:10px}
.v10-prayer-times strong{font-size:12px;color:var(--green-2)}
.v10-prayer-times small{color:var(--muted);font-size:8px;text-align:right}
.v10-last-run{display:block;margin:10px 0;color:var(--muted);font-size:8px;text-align:center}

.v10-backup-hero{padding:18px;display:grid;grid-template-columns:55px minmax(0,1fr);align-items:center;gap:13px;border-color:rgba(183,156,255,.22);background:linear-gradient(145deg,rgba(183,156,255,.09),var(--surface))}
.v10-backup-hero>span{width:55px;height:55px;display:grid;place-items:center;border-radius:18px;color:var(--v10-violet,#b79cff);background:rgba(183,156,255,.11)}
.v10-backup-hero small,.v10-backup-hero h1,.v10-backup-hero p{display:block}
.v10-backup-hero small{color:var(--v10-violet,#b79cff);font-size:7px;font-weight:900;letter-spacing:.1em}
.v10-backup-hero h1{margin:4px 0;font-size:22px}
.v10-backup-hero p{margin:0;color:var(--muted);font-size:9px;line-height:1.4}
.v10-backup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:11px 0}
.v10-backup-grid>button{min-height:126px;padding:14px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;text-align:left;cursor:pointer}
.v10-backup-grid>button>span{width:37px;height:37px;display:grid;place-items:center;border-radius:13px;color:var(--green-2);background:rgba(80,207,114,.1);margin-bottom:auto}
.v10-backup-grid strong,.v10-backup-grid small{display:block}
.v10-backup-grid strong{margin-top:12px;font-size:11px}
.v10-backup-grid small{margin-top:4px;color:var(--muted);font-size:8px;line-height:1.4}
.v10-snapshot-list{padding:3px 13px}
.v10-snapshot-list>div{min-height:68px;display:grid;grid-template-columns:37px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid var(--line)}
.v10-snapshot-list>div:last-child{border-bottom:0}
.v10-snapshot-list>div>span{width:37px;height:37px;display:grid;place-items:center;border-radius:13px;color:var(--v10-violet,#b79cff);background:rgba(183,156,255,.1)}
.v10-snapshot-list strong,.v10-snapshot-list small{display:block}
.v10-snapshot-list strong{font-size:10px}
.v10-snapshot-list small{margin-top:3px;color:var(--muted);font-size:7px;word-break:break-all}
.v10-snapshot-list button{min-height:35px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);color:var(--text-soft);font-size:8px;cursor:pointer}
.v10-code{display:block;margin-top:12px;padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--green-3);font-size:8px;word-break:break-all}

.v10-fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:11px 0}
.v10-fact-grid>div{min-height:92px;padding:13px;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;gap:4px 9px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}
.v10-fact-grid>div>span{grid-row:1/span 2;width:34px;height:34px;display:grid;place-items:center;border-radius:12px;color:var(--green-2);background:rgba(80,207,114,.1)}
.v10-fact-grid small,.v10-fact-grid strong{display:block}
.v10-fact-grid small{color:var(--muted);font-size:7px}
.v10-fact-grid strong{font-size:10px;line-height:1.35;word-break:break-word}

.v10-store-hero{padding:18px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:15px;border-color:rgba(231,202,117,.25);background:linear-gradient(145deg,rgba(231,202,117,.09),var(--surface))}
.v10-store-hero h1{margin:7px 0 5px;font-size:21px}
.v10-store-hero p{margin:0;color:var(--muted);font-size:9px;line-height:1.45}
.v10-store-metadata{padding:18px;border-color:rgba(231,202,117,.22);background:linear-gradient(145deg,var(--surface),rgba(231,202,117,.045))}
.v10-store-metadata>small{color:var(--gold);font-size:7px;font-weight:900;letter-spacing:.1em}
.v10-store-metadata h2{margin:6px 0;font-size:17px}
.v10-store-metadata p{margin:0;color:var(--muted);font-size:9px;line-height:1.5}
.v10-store-metadata>div{display:flex;flex-wrap:wrap;gap:7px 14px;margin-top:12px;color:var(--text-soft);font-size:8px}
.v10-store-metadata .icon{width:14px;vertical-align:middle;color:var(--gold)}

.v10-diagnostic-hero{padding:18px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:15px;border-color:rgba(110,188,232,.22);background:linear-gradient(145deg,rgba(110,188,232,.08),var(--surface))}
.v10-diagnostic-hero small{color:var(--v10-blue,#6ebce8);font-size:7px;font-weight:900;letter-spacing:.1em}
.v10-diagnostic-hero h1{margin:5px 0;font-size:18px}
.v10-diagnostic-hero p{margin:0;color:var(--muted);font-size:9px;line-height:1.45}
.v10-check-list{padding:3px 13px;margin-top:11px}
.v10-check-row{min-height:67px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid var(--line)}
.v10-check-row:last-child{border-bottom:0}
.v10-check-row>span{width:38px;height:38px;display:grid;place-items:center;border-radius:13px}
.v10-check-row.ok>span{color:var(--green-2);background:rgba(80,207,114,.1)}
.v10-check-row.warn>span{color:var(--gold);background:var(--gold-soft)}
.v10-check-row.error>span{color:var(--danger);background:var(--danger-bg)}
.v10-check-row strong,.v10-check-row small{display:block}
.v10-check-row strong{font-size:10px}
.v10-check-row small{margin-top:4px;color:var(--muted);font-size:8px;line-height:1.35}
.v10-check-row>b{font-size:7px;text-transform:uppercase;letter-spacing:.05em}
.v10-check-row.ok>b{color:var(--green-2)}
.v10-check-row.warn>b{color:var(--gold)}
.v10-check-row.error>b{color:var(--danger)}

.v10-notes-hero{padding:18px;display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:13px;border-color:rgba(231,202,117,.23);background:linear-gradient(145deg,rgba(231,202,117,.09),var(--surface))}
.v10-notes-hero>span{width:56px;height:56px;display:grid;place-items:center;border-radius:18px;color:#07150e;background:linear-gradient(145deg,var(--gold),var(--green-3))}
.v10-notes-hero small{color:var(--gold);font-size:7px;font-weight:900;letter-spacing:.1em}
.v10-notes-hero h1{margin:5px 0;font-size:18px}
.v10-notes-hero p{margin:0;color:var(--muted);font-size:9px;line-height:1.45}
.v10-release-list{padding:4px 13px}
.v10-release-list>div{min-height:58px;display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:10px;border-bottom:1px solid var(--line)}
.v10-release-list>div:last-child{border-bottom:0}
.v10-release-list>div>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:var(--green-2);background:rgba(80,207,114,.1);font-size:8px;font-weight:900}
.v10-release-list strong{font-size:9px;line-height:1.4}
.v10-release-list>div>.icon{width:15px;color:var(--green-2)}
.v10-timeline{display:grid;gap:7px;margin:11px 0}
.v10-timeline>article{min-height:65px;padding:10px 12px;display:grid;grid-template-columns:45px minmax(0,1fr);align-items:center;gap:10px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.v10-timeline>article>span{width:45px;height:38px;display:grid;place-items:center;border-radius:12px;color:var(--muted);background:var(--surface-2);font-size:9px;font-weight:900}
.v10-timeline>article.active{border-color:rgba(80,207,114,.3);background:linear-gradient(145deg,var(--surface),rgba(80,207,114,.05))}
.v10-timeline>article.active>span{color:#07150e;background:linear-gradient(145deg,var(--gold),var(--green-3))}
.v10-timeline strong,.v10-timeline small{display:block}
.v10-timeline strong{font-size:10px}
.v10-timeline small{margin-top:3px;color:var(--muted);font-size:8px}
.v10-limit-list{padding:4px 13px}
.v10-limit-list>div{min-height:60px;display:grid;grid-template-columns:25px minmax(0,1fr);align-items:start;gap:9px;padding:11px 0;border-bottom:1px solid var(--line)}
.v10-limit-list>div:last-child{border-bottom:0}
.v10-limit-list .icon{width:18px;color:var(--gold)}
.v10-limit-list p{margin:0;color:var(--text-soft);font-size:9px;line-height:1.5}

.v10-home-dashboard{margin:2px 0 13px;border:1px solid rgba(80,207,114,.24);border-radius:21px;overflow:hidden;background:linear-gradient(145deg,rgba(20,90,56,.42),var(--surface));box-shadow:0 14px 36px rgba(0,0,0,.12)}
.v10-home-main{width:100%;min-height:83px;padding:12px 13px;display:grid;grid-template-columns:50px minmax(0,1fr) 18px;align-items:center;gap:11px;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}
.v10-home-mark{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;color:#07150e;background:linear-gradient(145deg,var(--gold),var(--green-3));font-size:14px;font-weight:950}
.v10-home-main small,.v10-home-main strong,.v10-home-main em{display:block}
.v10-home-main small{color:var(--gold);font-size:7px;font-weight:900;letter-spacing:.1em}
.v10-home-main strong{margin-top:4px;font-size:11px;line-height:1.3}
.v10-home-main em{margin-top:4px;color:var(--muted);font-size:8px;font-style:normal;line-height:1.35}
.v10-home-main>.icon{width:17px;color:var(--muted)}
.v10-home-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.v10-home-shortcuts button{min-height:48px;border:0;border-right:1px solid var(--line);background:rgba(255,255,255,.015);color:var(--text-soft);font-size:7px;font-weight:800;cursor:pointer}
.v10-home-shortcuts button:last-child{border-right:0}
.v10-home-shortcuts .icon{display:block;width:15px;margin:0 auto 4px;color:var(--green-2)}
.v10-profile-injection,.v10-settings-injection{margin-top:18px}

@media(min-width:560px){
  .v10-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .v10-content-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .v10-fact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .v10-backup-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:420px){
  .v10-today-hero,.v10-prayer-hero,.v10-store-hero{grid-template-columns:1fr}
  .v10-today-hero .v10-ring,.v10-prayer-hero .v10-ring,.v10-store-hero .v10-ring{width:78px;height:78px}
  .v10-focus-card{grid-template-columns:44px minmax(0,1fr)}
  .v10-focus-card button{grid-column:1/-1}
  .v10-content-grid{grid-template-columns:1fr 1fr}
  .v10-prayer-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v10-prayer-times>div{grid-template-columns:minmax(0,1fr) auto}
  .v10-prayer-times small{grid-column:1/-1;text-align:left;margin-top:-6px;padding-bottom:7px}
}
@media(max-width:350px){
  .v10-button-grid,.v10-daily-links,.v10-home-shortcuts{grid-template-columns:1fr 1fr}
  .v10-content-grid,.v10-fact-grid,.v10-backup-grid{grid-template-columns:1fr}
  .v10-filter-row{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .v10-hub-card,.v10-home-main,.v10-focus-card{transition:none!important}
}

/* =========================================================
   MİZAN v10.0 — çalışan V10 görünüm bileşenleri (nihai düzeltme)
   ========================================================= */
.v10-hero-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.v10-final-badge{display:inline-flex;align-items:center;min-height:27px;padding:0 10px;border:1px solid rgba(231,202,117,.3);border-radius:999px;color:var(--v10-gold);background:var(--v10-gold-soft);font-size:7px;font-weight:950;letter-spacing:.11em}
.v10-status{display:inline-flex;align-items:center;min-height:27px;padding:0 10px;border-radius:999px;font-size:7px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.v10-status.ready{color:var(--v10-emerald);background:var(--v10-emerald-soft)}
.v10-status.candidate{color:var(--v10-gold);background:var(--v10-gold-soft)}
.v10-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:11px 0 18px}
.v10-summary-grid .v10-metric{min-height:102px}
.v10-metric.warn{border-color:rgba(231,202,117,.32)}
.v10-metric.warn>span{color:var(--v10-gold);background:var(--v10-gold-soft)}
.v10-metric.good{border-color:rgba(99,230,140,.32)}
.v10-hub-icon{width:43px!important;height:43px!important;display:grid!important;place-items:center!important;border-radius:14px!important;color:var(--v10-emerald)!important;background:var(--v10-emerald-soft)!important}

.v10-ring{--v10-score:0;position:relative;width:91px;height:91px;display:grid;place-items:center;flex:none;border-radius:50%;background:conic-gradient(var(--v10-emerald) calc(var(--v10-score)*1%),rgba(255,255,255,.07) 0)}
.v10-ring::before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--surface-solid);box-shadow:inset 0 0 18px rgba(0,0,0,.15)}
.v10-ring>span{position:relative;z-index:1;text-align:center}
.v10-ring strong,.v10-ring small{display:block}
.v10-ring strong{font-size:24px;line-height:1}
.v10-ring small{margin-top:4px;color:var(--muted);font-size:7px;text-transform:uppercase;letter-spacing:.06em}

.v10-today-hero{position:relative;overflow:hidden;padding:20px;display:grid;grid-template-columns:minmax(0,1fr) 91px;gap:14px;align-items:center;border-color:rgba(99,230,140,.24);background:radial-gradient(circle at 92% 12%,rgba(231,202,117,.13),transparent 11rem),linear-gradient(145deg,rgba(99,230,140,.075),var(--surface))}
.v10-today-hero>div:first-child{min-width:0}
.v10-today-hero h1{margin:6px 0 5px;font-size:29px;letter-spacing:-.045em;line-height:1}
.v10-today-hero h1 small{display:inline;font-size:12px;color:var(--v10-emerald);font-weight:800}
.v10-today-hero p{margin:0;color:var(--text-soft);font-size:9px;line-height:1.5}
.v10-today-progress{grid-column:1/-1;height:8px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.06)}
.v10-today-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--v10-emerald),var(--v10-gold))}
.v10-today-numbers{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap}
.v10-today-numbers span{display:inline-flex;align-items:center;gap:4px;min-height:27px;padding:0 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.02);font-size:7px}
.v10-today-numbers b{color:var(--text);font-size:9px}
.v10-focus-card{margin-top:11px;padding:15px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;border-color:rgba(99,230,140,.2)}
.v10-focus-card.complete{border-color:rgba(231,202,117,.22)}
.v10-focus-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;color:var(--v10-emerald);background:var(--v10-emerald-soft)}
.v10-focus-card.complete .v10-focus-icon{color:var(--v10-gold);background:var(--v10-gold-soft)}
.v10-focus-card small{color:var(--v10-emerald);font-size:7px;font-weight:900;letter-spacing:.1em}
.v10-focus-card h2{margin:4px 0;font-size:15px}
.v10-focus-card p{margin:0;color:var(--muted);font-size:8px;line-height:1.45}
.v10-focus-card button{min-width:83px}
.v10-balance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:11px 0}
.v10-balance-card{min-height:128px;padding:14px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line);border-radius:19px;color:var(--text);background:linear-gradient(150deg,var(--surface),var(--surface-2));text-align:left;cursor:pointer}
.v10-balance-card>span{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;color:var(--v10-emerald);background:var(--v10-emerald-soft)}
.v10-balance-card small{margin-top:12px;color:var(--muted);font-size:7px;font-weight:900;letter-spacing:.08em}
.v10-balance-card strong{margin-top:3px;font-size:18px}
.v10-balance-card em{margin-top:auto;padding-top:8px;color:var(--text-soft);font-size:8px;font-style:normal}
.v10-motivation{padding:15px;display:grid;grid-template-columns:43px minmax(0,1fr);gap:12px;align-items:start;border-color:rgba(231,202,117,.23)}
.v10-motivation>span{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;color:var(--v10-gold);background:var(--v10-gold-soft)}
.v10-motivation small{color:var(--v10-gold);font-size:7px;font-weight:900;letter-spacing:.09em}
.v10-motivation h2{margin:5px 0;font-size:14px}
.v10-motivation p{margin:0;color:var(--text-soft);font-size:9px;line-height:1.55}
.v10-plan-card{padding:15px}
.v10-plan-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px}
.v10-plan-head small,.v10-plan-head strong{display:block}
.v10-plan-head small{color:var(--muted);font-size:8px}
.v10-plan-head strong{margin-top:4px;font-size:13px}
.v10-plan-list{display:grid;gap:7px;margin:10px 0 13px}
.v10-plan-list>div{min-height:55px;padding:9px;display:grid;grid-template-columns:37px minmax(0,1fr);gap:9px;align-items:center;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}
.v10-plan-list>div>span{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;color:var(--v10-emerald);background:var(--v10-emerald-soft)}
.v10-plan-list strong,.v10-plan-list small{display:block}
.v10-plan-list strong{font-size:9px}
.v10-plan-list small{margin-top:3px;color:var(--muted);font-size:7px}
.v10-daily-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:11px 0}
.v10-daily-links button{min-height:48px;padding:8px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:14px;color:var(--text);background:var(--surface);font-size:8px;font-weight:800;cursor:pointer}
.v10-daily-links .icon{width:15px;color:var(--v10-emerald)}

.v10-audit-hero,.v10-diagnostic-hero,.v10-backup-hero,.v10-prayer-hero,.v10-store-hero,.v10-notes-hero{padding:18px;display:flex;align-items:center;gap:15px;border-color:rgba(99,230,140,.2)}
.v10-audit-hero>div:last-child,.v10-diagnostic-hero>div:last-child,.v10-backup-hero>div:last-child,.v10-prayer-hero>div:last-child,.v10-store-hero>div:first-child,.v10-notes-hero>div:last-child{min-width:0}
.v10-audit-hero small,.v10-diagnostic-hero small,.v10-backup-hero small,.v10-prayer-hero small,.v10-store-hero small,.v10-notes-hero small{color:var(--v10-emerald);font-size:7px;font-weight:900;letter-spacing:.1em}
.v10-audit-hero h1,.v10-diagnostic-hero h1,.v10-backup-hero h1,.v10-prayer-hero h1,.v10-store-hero h1,.v10-notes-hero h1{margin:5px 0;font-size:18px;line-height:1.15}
.v10-audit-hero p,.v10-diagnostic-hero p,.v10-backup-hero p,.v10-prayer-hero p,.v10-store-hero p,.v10-notes-hero p{margin:0;color:var(--muted);font-size:9px;line-height:1.5}
.v10-backup-hero>span,.v10-notes-hero>span{width:50px;height:50px;display:grid;place-items:center;flex:none;border-radius:16px;color:var(--v10-emerald);background:var(--v10-emerald-soft)}
.v10-filter-card{padding:12px;margin:11px 0}
.v10-filter-card .search-field{margin:0}
.v10-filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}
.v10-filter-row select{width:100%;min-height:41px;border:1px solid var(--line);border-radius:13px;color:var(--text);background:var(--surface-2);padding:0 11px;font-size:8px}
.v10-screen-list{display:grid;gap:7px}
.v10-screen-row{min-height:76px;padding:10px;display:grid;grid-template-columns:43px minmax(0,1fr) 35px;gap:10px;align-items:center;border:1px solid var(--line);border-radius:17px;background:var(--surface)}
.v10-screen-row.native{border-color:rgba(110,188,232,.24)}
.v10-screen-row.missing{border-color:rgba(230,100,100,.28)}
.v10-screen-number{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;color:var(--v10-emerald);background:var(--v10-emerald-soft);font-size:9px;font-weight:950}
.v10-screen-row.native .v10-screen-number{color:var(--v10-blue);background:var(--v10-blue-soft)}
.v10-screen-row small,.v10-screen-row strong,.v10-screen-row em{display:block}
.v10-screen-row small{color:var(--muted);font-size:7px}
.v10-screen-row strong{margin-top:3px;font-size:10px}
.v10-screen-row em{margin-top:4px;color:var(--text-soft);font-size:7px;font-style:normal;line-height:1.35}
.v10-screen-row>button{width:35px;height:35px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;color:var(--v10-emerald);background:var(--surface-2);cursor:pointer}
.v10-button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:11px 0}
.v10-button-grid button{width:100%}
.v10-content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:11px 0}
.v10-content-card{min-height:112px;padding:13px;display:grid;grid-template-columns:36px minmax(0,1fr) 20px;gap:9px;align-items:start;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.v10-content-card.ok{border-color:rgba(99,230,140,.23)}
.v10-content-card.error{border-color:rgba(230,100,100,.27)}
.v10-content-card>span{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;color:var(--v10-emerald);background:var(--v10-emerald-soft)}
.v10-content-card small,.v10-content-card strong,.v10-content-card em{display:block}
.v10-content-card small{color:var(--muted);font-size:7px;line-height:1.25}
.v10-content-card strong{margin-top:5px;font-size:17px}
.v10-content-card em{margin-top:4px;color:var(--text-soft);font-size:7px;font-style:normal}
.v10-content-card>b{color:var(--v10-emerald)}
.v10-prayer-content-grid{padding:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.v10-prayer-content-grid>div{min-height:86px;padding:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:14px;text-align:center;background:var(--surface-2)}
.v10-prayer-content-grid span{color:var(--v10-emerald)}
.v10-prayer-content-grid strong{margin-top:7px;font-size:9px}
.v10-prayer-content-grid small{margin-top:3px;color:var(--muted);font-size:7px}
.v10-last-run{display:block;margin:10px 0;color:var(--muted);font-size:7px;text-align:center}

.v10-prayer-times{padding:8px 13px;margin:11px 0}
.v10-prayer-times>div{min-height:53px;display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:9px;align-items:center;border-bottom:1px solid var(--line)}
.v10-prayer-times>div:last-child{border-bottom:0}
.v10-prayer-times>div>span{width:35px;height:35px;display:grid;place-items:center;border-radius:12px;color:var(--v10-emerald);background:var(--v10-emerald-soft)}
.v10-prayer-times strong,.v10-prayer-times small{display:block}
.v10-prayer-times strong{font-size:9px}
.v10-prayer-times small{margin-top:3px;color:var(--muted);font-size:7px}
.v10-prayer-times b{font-size:13px}
.v10-check-list{padding:5px 13px;margin:11px 0}
.v10-check-row{min-height:65px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;border-bottom:1px solid var(--line)}
.v10-check-row:last-child{border-bottom:0}
.v10-check-row>span{width:38px;height:38px;display:grid;place-items:center;border-radius:13px}
.v10-check-row.ok>span{color:var(--v10-emerald);background:var(--v10-emerald-soft)}
.v10-check-row.warn>span{color:var(--v10-gold);background:var(--v10-gold-soft)}
.v10-check-row.error>span{color:var(--danger);background:var(--danger-bg)}
.v10-check-row strong,.v10-check-row small{display:block}
.v10-check-row strong{font-size:9px}
.v10-check-row small{margin-top:4px;color:var(--muted);font-size:7px;line-height:1.35}
.v10-check-row b{font-size:7px;text-transform:uppercase}
.v10-check-row.ok b{color:var(--v10-emerald)}
.v10-check-row.warn b{color:var(--v10-gold)}
.v10-check-row.error b{color:var(--danger)}

.v10-backup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:11px 0}
.v10-backup-grid>button{min-height:116px;padding:14px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line);border-radius:18px;color:var(--text);background:var(--surface);text-align:left;cursor:pointer}
.v10-backup-grid>button>span{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;color:var(--v10-emerald);background:var(--v10-emerald-soft)}
.v10-backup-grid strong{margin-top:11px;font-size:10px}
.v10-backup-grid small{margin-top:4px;color:var(--muted);font-size:7px;line-height:1.4}
.v10-snapshot-list{padding:4px 13px}
.v10-snapshot-list>div{min-height:67px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center;border-bottom:1px solid var(--line)}
.v10-snapshot-list>div:last-child{border-bottom:0}
.v10-snapshot-list>div>span{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;color:var(--v10-blue);background:var(--v10-blue-soft)}
.v10-snapshot-list strong,.v10-snapshot-list small{display:block}
.v10-snapshot-list strong{font-size:9px}
.v10-snapshot-list small{margin-top:3px;max-width:180px;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:6px;white-space:nowrap}
.v10-snapshot-list button{min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:11px;color:var(--text);background:var(--surface-2);font-size:7px;cursor:pointer}
.v10-code{display:block;max-width:100%;padding:8px;border:1px solid var(--line);border-radius:11px;overflow-wrap:anywhere;color:var(--v10-blue);background:var(--surface-2);font:7px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}

.v10-privacy-hero{padding:18px;display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:center}
.v10-privacy-hero>span{width:52px;height:52px;display:grid;place-items:center;border-radius:17px;color:var(--v10-emerald);background:var(--v10-emerald-soft)}
.v10-privacy-hero small{color:var(--v10-emerald);font-size:7px;font-weight:900;letter-spacing:.1em}
.v10-privacy-hero h1{margin:5px 0;font-size:18px}
.v10-privacy-hero p{margin:0;color:var(--muted);font-size:9px;line-height:1.5}
.v10-fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:11px 0}
.v10-fact-grid>div{min-height:100px;padding:13px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.v10-fact-grid>div>span{width:35px;height:35px;display:grid;place-items:center;border-radius:12px;color:var(--v10-emerald);background:var(--v10-emerald-soft)}
.v10-fact-grid small{margin-top:10px;color:var(--muted);font-size:7px}
.v10-fact-grid strong{margin-top:4px;font-size:10px;line-height:1.35}
.v10-store-hero{justify-content:space-between;background:linear-gradient(145deg,var(--v10-violet-soft),var(--surface))}
.v10-store-metadata{padding:17px;margin:11px 0;border-color:rgba(183,156,255,.23)}
.v10-store-metadata>small{color:var(--v10-violet);font-size:7px;font-weight:900;letter-spacing:.1em}
.v10-store-metadata h2{margin:7px 0;font-size:16px}
.v10-store-metadata p{margin:0;color:var(--text-soft);font-size:9px;line-height:1.5}
.v10-store-metadata>div{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.v10-store-metadata>div span{display:inline-flex;align-items:center;gap:5px;min-height:29px;padding:0 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:7px}
.v10-store-metadata .icon{width:13px;color:var(--v10-violet)}
.v10-diagnostic-hero{background:linear-gradient(145deg,var(--v10-blue-soft),var(--surface))}
.v10-notes-hero{background:linear-gradient(145deg,var(--v10-gold-soft),var(--surface));border-color:rgba(231,202,117,.22)}
.v10-release-list{padding:4px 13px;margin:11px 0}
.v10-release-list>div{min-height:58px;display:grid;grid-template-columns:31px minmax(0,1fr) 18px;gap:9px;align-items:center;border-bottom:1px solid var(--line)}
.v10-release-list>div:last-child{border-bottom:0}
.v10-release-list>div>span{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;color:var(--v10-emerald);background:var(--v10-emerald-soft);font-size:7px;font-weight:900}
.v10-release-list strong{font-size:8px;line-height:1.4}
.v10-release-list>div>.icon{width:14px;color:var(--v10-emerald)}
.v10-timeline{display:grid;gap:7px;margin:11px 0}
.v10-timeline article{min-height:64px;padding:10px 12px;display:grid;grid-template-columns:43px minmax(0,1fr);gap:10px;align-items:center;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.v10-timeline article.active{border-color:rgba(99,230,140,.28);background:linear-gradient(145deg,var(--v10-emerald-soft),var(--surface))}
.v10-timeline article>span{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;color:var(--v10-emerald);background:var(--v10-emerald-soft);font-size:9px;font-weight:950}
.v10-timeline strong,.v10-timeline small{display:block}
.v10-timeline strong{font-size:9px}
.v10-timeline small{margin-top:4px;color:var(--muted);font-size:7px}
.v10-limit-list{padding:4px 13px}
.v10-limit-list>div{min-height:64px;display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;align-items:center;border-bottom:1px solid var(--line)}
.v10-limit-list>div:last-child{border-bottom:0}
.v10-limit-list .icon{width:17px;color:var(--v10-gold)}
.v10-limit-list p{margin:0;color:var(--text-soft);font-size:8px;line-height:1.5}

.v10-home-main{margin:0 0 13px;padding:14px;display:grid;grid-template-columns:49px minmax(0,1fr) 20px;gap:11px;align-items:center;border:1px solid rgba(99,230,140,.24);border-radius:20px;color:var(--text);background:linear-gradient(145deg,var(--v10-emerald-soft),var(--surface));text-align:left;cursor:pointer}
.v10-home-mark{width:49px;height:49px;display:grid;place-items:center;border-radius:15px;color:#07150e;background:linear-gradient(145deg,var(--v10-gold),var(--v10-emerald));font-size:13px;font-weight:950}
.v10-home-main small,.v10-home-main strong,.v10-home-main em{display:block}
.v10-home-main small{color:var(--v10-gold);font-size:7px;font-weight:900;letter-spacing:.1em}
.v10-home-main strong{margin-top:4px;font-size:11px}
.v10-home-main em{margin-top:4px;color:var(--muted);font-size:7px;font-style:normal}
.v10-home-main>.icon{width:17px;color:var(--v10-emerald)}
.v10-home-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:-5px 0 13px}
.v10-home-shortcuts button{min-height:54px;padding:7px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:14px;color:var(--text);background:var(--surface);font-size:7px;font-weight:800;cursor:pointer}
.v10-home-shortcuts .icon{width:15px;color:var(--v10-emerald)}
.v10-profile-injection,.v10-settings-injection{margin-top:18px}

@media (min-width:560px){.v10-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.v10-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v10-content-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v10-fact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:390px){.v10-today-hero{grid-template-columns:minmax(0,1fr) 78px}.v10-ring{width:78px;height:78px}.v10-focus-card{grid-template-columns:43px minmax(0,1fr)}.v10-focus-card button{grid-column:1/-1;width:100%}.v10-filter-row{grid-template-columns:1fr}.v10-store-hero{align-items:flex-start}.v10-prayer-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:340px){.v10-summary-grid,.v10-balance-grid,.v10-content-grid,.v10-backup-grid,.v10-fact-grid,.v10-button-grid{grid-template-columns:1fr}.v10-daily-links{grid-template-columns:1fr}.v10-home-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.v10-today-hero{grid-template-columns:1fr}.v10-ring{width:84px;height:84px}.v10-screen-row{grid-template-columns:39px minmax(0,1fr) 34px}}

/* ========================================================================== */
/* MİZAN 11 — Günlük Kullanım, Üç Dilli Okuyucu ve Erişilebilirlik            */
/* ========================================================================== */
body[data-v11-theme="night"] {
  --bg:#061221;--bg-2:#091a2d;--surface:rgba(12,31,52,.94);--surface-solid:#0c1f34;--surface-2:#122b46;--surface-3:#183754;
  --text:#eef8ff;--text-soft:#c5d9e9;--muted:#8fa9bd;--line:rgba(71,195,181,.18);--line-strong:rgba(71,195,181,.42);
  --green:#25c6a7;--green-2:#63d6c0;--green-3:#a2f0df;--deep-green:#0f735f;--gold:#e0bd6a;--shadow:0 22px 65px rgba(0,0,0,.42);color-scheme:dark;
}
body[data-v11-theme="emerald"] {--bg:#07110e;--bg-2:#0a1712;--surface:rgba(15,31,24,.94);--surface-solid:#0f1f18;--surface-2:#14271f;--surface-3:#1a3026;--text:#f4fbf6;--text-soft:#c8d8cd;--muted:#8fa399;--line:rgba(139,203,117,.17);--line-strong:rgba(139,203,117,.38);--green:#50cf72;--green-2:#8bcb75;--green-3:#b9ef8c;--deep-green:#145a38;--gold:#d9bd67;color-scheme:dark}
body[data-v11-theme="sand"] {--bg:#17130e;--bg-2:#211a12;--surface:rgba(49,39,26,.95);--surface-solid:#31271a;--surface-2:#40331f;--surface-3:#4c3c25;--text:#fff9ed;--text-soft:#e4d6bd;--muted:#b2a185;--line:rgba(216,177,99,.19);--line-strong:rgba(216,177,99,.42);--green:#d2aa5d;--green-2:#e1c47f;--green-3:#f1dfa9;--deep-green:#8f6928;--gold:#e1ba68;color-scheme:dark}
body[data-v11-theme="forest"] {--bg:#06120a;--bg-2:#091a10;--surface:rgba(16,38,24,.95);--surface-solid:#102618;--surface-2:#173421;--surface-3:#1f422b;--text:#f0fbf3;--text-soft:#c7ddcc;--muted:#8eaa96;--line:rgba(121,183,134,.18);--line-strong:rgba(121,183,134,.43);--green:#79b786;--green-2:#a3d2ac;--green-3:#d5edd9;--deep-green:#356c44;--gold:#d4b66f;color-scheme:dark}
body[data-v11-theme="light"] {--bg:#f2f7f4;--bg-2:#eaf2ed;--surface:rgba(255,255,255,.96);--surface-solid:#fff;--surface-2:#e8f2ec;--surface-3:#dcebe2;--text:#12231b;--text-soft:#334d40;--muted:#667c70;--line:rgba(24,135,95,.14);--line-strong:rgba(24,135,95,.34);--green:#18875f;--green-2:#34a77d;--green-3:#76c9a7;--deep-green:#126a4a;--gold:#a9802e;--shadow:0 18px 54px rgba(35,75,52,.13);color-scheme:light}
body[data-v11-theme="mono"] {--bg:#f3f3f3;--bg-2:#e9e9e9;--surface:rgba(255,255,255,.98);--surface-solid:#fff;--surface-2:#ededed;--surface-3:#e0e0e0;--text:#111;--text-soft:#313131;--muted:#666;--line:rgba(0,0,0,.12);--line-strong:rgba(0,0,0,.28);--green:#178a61;--green-2:#2ba47a;--green-3:#83ccb0;--deep-green:#0d6545;--gold:#96711f;--shadow:0 18px 52px rgba(0,0,0,.11);color-scheme:light}
body[data-v11-theme="beige"] {--bg:#f1eadf;--bg-2:#e8dece;--surface:rgba(255,250,240,.97);--surface-solid:#fffaf0;--surface-2:#ede2d2;--surface-3:#e3d5c0;--text:#332c23;--text-soft:#574a3a;--muted:#7c6d5b;--line:rgba(75,105,83,.15);--line-strong:rgba(75,105,83,.34);--green:#2f6f55;--green-2:#568b70;--green-3:#9abca8;--deep-green:#245540;--gold:#9a783e;--shadow:0 18px 52px rgba(87,66,39,.13);color-scheme:light}
body[data-v11-theme="ivory"] {--bg:#f8f5e9;--bg-2:#eee9da;--surface:rgba(255,255,250,.97);--surface-solid:#fffefa;--surface-2:#f0eadc;--surface-3:#e6decc;--text:#29271f;--text-soft:#4d493c;--muted:#746f5d;--line:rgba(165,122,43,.16);--line-strong:rgba(165,122,43,.38);--green:#15694c;--green-2:#338669;--green-3:#79b39e;--deep-green:#0e563e;--gold:#a57a2b;--shadow:0 18px 54px rgba(75,58,29,.13);color-scheme:light}
body[data-v11-theme] { background:radial-gradient(circle at 50% -8%,color-mix(in srgb,var(--green) 14%,transparent),transparent 30rem),linear-gradient(180deg,var(--bg),var(--bg-2)); }
body[data-v11-theme] .app-shell {background:radial-gradient(circle at 82% 5%,color-mix(in srgb,var(--green) 10%,transparent),transparent 18rem),linear-gradient(180deg,var(--bg),var(--bg-2))}
body[data-v11-text="large"] {font-size:17px}
body[data-v11-text="xlarge"] {font-size:19px}
body.v11-high-contrast {--line:color-mix(in srgb,var(--text) 34%,transparent);--line-strong:color-mix(in srgb,var(--text) 62%,transparent)}
body.v11-high-contrast .card,body.v11-high-contrast button,body.v11-high-contrast input,body.v11-high-contrast select {border-width:2px}
body.v11-compact .card {border-radius:16px}
body.v11-compact .app-main {gap:13px}
body.v11-compact .section-head {margin-top:18px}
.v11-home-view,.v11-tasks-view,.v11-prayer-view,.v11-quran-index,.v11-quran-reader,.v11-dua-view,.v11-zikir-view,.v11-health-view,.v11-kaza-view,.v11-qibla-view,.v11-library-view,.v11-media-view,.v11-profile-view,.v11-settings-view,.v11-search-view,.v11-weekly-view,.v11-ramadan-view,.v11-reminders-view,.v11-about-view {padding-bottom:22px}
.v11-home-intro {display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:7px 2px 15px}
.v11-home-intro h1 {margin:5px 0 7px;font:600 clamp(25px,7vw,34px)/1.1 Georgia,"Times New Roman",serif;letter-spacing:.01em}
.v11-home-intro p {margin:0;color:var(--muted);font-size:12px;line-height:1.55}.v11-home-intro p strong{color:var(--green-2);font-weight:750}
.v11-history-card {width:100%;display:grid;grid-template-columns:40px 1fr 22px;align-items:center;gap:12px;padding:14px;text-align:left;border:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 10%,var(--surface)),var(--surface));cursor:pointer}
.v11-history-card>span{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;color:var(--gold);background:var(--gold-soft)}.v11-history-card small{display:block;color:var(--gold);font-size:9px;font-weight:900;letter-spacing:.08em}.v11-history-card strong{display:block;margin:4px 0;font-size:13px}.v11-history-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}
.v11-prayer-hero {position:relative;isolation:isolate;overflow:hidden;margin-top:14px;padding:22px;border:1px solid color-mix(in srgb,var(--green) 30%,var(--line));border-radius:27px;background:linear-gradient(145deg,color-mix(in srgb,var(--green) 15%,var(--surface-solid)),var(--surface-solid) 58%,color-mix(in srgb,var(--gold) 5%,var(--surface-solid)));box-shadow:var(--shadow)}
.v11-prayer-hero.compact{padding:17px;border-radius:21px;margin-top:4px}.v11-prayer-glow{position:absolute;z-index:-1;width:230px;height:230px;right:-100px;top:-115px;border-radius:50%;background:color-mix(in srgb,var(--green) 22%,transparent);filter:blur(25px)}
.v11-prayer-status{display:flex;align-items:center;gap:8px;color:var(--green-2);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.v11-prayer-title{display:flex;align-items:center;gap:13px;margin:14px 0}.v11-prayer-title>span{width:48px;height:48px;display:grid;place-items:center;border-radius:17px;background:color-mix(in srgb,var(--green) 13%,transparent);color:var(--green-2)}.v11-prayer-title h2{margin:0;font-size:25px}.v11-prayer-title p{margin:4px 0 0;color:var(--text-soft);font-size:11px}.v11-prayer-metrics{display:grid;grid-template-columns:1fr 1.35fr;gap:10px}.v11-prayer-metrics>div{padding:11px 13px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface-2) 72%,transparent)}.v11-prayer-metrics small{display:block;color:var(--muted);font-size:9px}.v11-prayer-metrics strong{display:block;margin-top:4px;font-size:17px;font-variant-numeric:tabular-nums}.v11-prayer-progress{height:5px;margin:15px 0 10px;border-radius:99px;background:color-mix(in srgb,var(--text) 9%,transparent);overflow:hidden}.v11-prayer-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--green-3));box-shadow:0 0 12px color-mix(in srgb,var(--green) 55%,transparent);transition:width .45s ease}.v11-prayer-location{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.v11-prayer-location .icon{width:15px;height:15px;color:var(--green-2)}
.v11-prayer-chips{display:flex;gap:8px;overflow-x:auto;padding:12px 2px 4px;scrollbar-width:none;scroll-snap-type:x proximity}.v11-prayer-chips::-webkit-scrollbar{display:none}.v11-prayer-chip{flex:0 0 76px;scroll-snap-align:center;padding:10px 7px;border:1px solid var(--line);border-radius:15px;background:var(--surface);cursor:pointer}.v11-prayer-chip strong,.v11-prayer-chip span{display:block}.v11-prayer-chip strong{font-size:11px}.v11-prayer-chip span{margin-top:4px;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.v11-prayer-chip.active{border-color:var(--green);background:color-mix(in srgb,var(--green) 14%,var(--surface));box-shadow:0 0 0 2px color-mix(in srgb,var(--green) 8%,transparent)}.v11-prayer-chip.active span{color:var(--green-2)}
.v11-home-tasks,.v11-task-panel{padding:5px 14px 14px}.v11-task-list{display:flex;flex-direction:column}.v11-task-row{display:grid;grid-template-columns:32px 30px minmax(0,1fr) auto 28px;align-items:center;gap:8px;min-height:67px;padding:9px 0;border-bottom:1px solid var(--line)}.v11-task-row:last-child{border-bottom:0}.v11-task-row.completed{opacity:.62}.v11-task-row.completed .v11-task-copy strong{text-decoration:line-through}.v11-task-icon{width:29px;height:29px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--green) 10%,transparent);color:var(--green-2)}.v11-task-icon .icon{width:16px;height:16px}.v11-task-copy{min-width:0}.v11-task-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.v11-task-copy small{display:block;margin-top:4px;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v11-task-timer{display:flex;align-items:center;gap:4px}.v11-timer-ring{--timer-progress:0;position:relative;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) calc(var(--timer-progress)*1%),color-mix(in srgb,var(--text) 8%,transparent) 0)}.v11-timer-ring:before{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--surface-solid)}.v11-timer-ring b{position:relative;z-index:1;font-size:8px;font-variant-numeric:tabular-nums}.v11-timer-action,.v11-timer-reset{width:27px;height:27px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);display:grid;place-items:center;cursor:pointer}.v11-timer-action .icon,.v11-timer-reset .icon{width:13px;height:13px}.v11-task-footer{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.v11-routine-note{display:grid;grid-template-columns:36px 1fr;gap:11px;padding:15px}.v11-routine-note>span{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--green) 10%,transparent);color:var(--green-2)}.v11-routine-note strong{font-size:12px}.v11-routine-note p{margin:4px 0;color:var(--muted);font-size:9px;line-height:1.5}.v11-routine-note .text-button{grid-column:2;justify-self:start}
.v11-balance-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(126px,.65fr);gap:10px}.v11-motivation-card{height:190px;padding:16px;overflow:hidden}.v11-card-title{display:flex;align-items:center;gap:10px}.v11-card-title>span{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--gold) 12%,transparent);color:var(--gold)}.v11-card-title small{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.v11-card-title h3{margin:3px 0 0;font-size:13px}.v11-scroll-copy{height:111px;margin-top:12px;padding-right:8px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--green) transparent;-webkit-overflow-scrolling:touch}.v11-scroll-copy p{margin:0;color:var(--text-soft);font-size:11px;line-height:1.72}.v11-progress-card{height:190px;padding:14px;border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:center}.v11-progress-card h3{margin:0 0 8px;font-size:11px}.v11-progress-ring{--v11-progress:0;position:relative;width:88px;height:88px;margin:0 auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) calc(var(--v11-progress)*1%),color-mix(in srgb,var(--text) 8%,transparent) 0);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--green) 18%,transparent))}.v11-progress-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--surface-solid)}.v11-progress-ring>span{position:relative;z-index:1}.v11-progress-ring strong,.v11-progress-ring small{display:block}.v11-progress-ring strong{font-size:19px}.v11-progress-ring small{font-size:8px;color:var(--muted)}.v11-progress-ring.large{width:126px;height:126px}.v11-progress-ring.large:before{inset:11px}.v11-progress-ring.large strong{font-size:28px}.v11-progress-mini{display:flex;justify-content:center;gap:8px;margin-top:9px;color:var(--muted);font-size:8px}.v11-progress-mini span{display:flex;align-items:center;gap:3px}.v11-progress-mini .icon{width:11px;height:11px}.v11-tap-hint{display:block;margin-top:6px;color:var(--green-2);font-size:7px}.v11-progress-modal{text-align:center}.v11-progress-modal p{color:var(--muted);font-size:10px}.v11-progress-breakdown{display:flex;flex-direction:column;gap:9px}.v11-progress-breakdown>div{display:grid;grid-template-columns:1fr auto;gap:6px;padding:11px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}.v11-progress-breakdown>div>span:first-child{display:grid;grid-template-columns:24px 1fr;align-items:center;text-align:left}.v11-progress-breakdown .icon{grid-row:1/3;width:18px;height:18px;color:var(--green-2)}.v11-progress-breakdown b{font-size:11px}.v11-progress-breakdown small{font-size:8px;color:var(--muted)}.v11-progress-breakdown>div>div{text-align:right}.v11-progress-breakdown strong,.v11-progress-breakdown em{display:block}.v11-progress-breakdown strong{font-size:10px}.v11-progress-breakdown em{font-size:8px;color:var(--green-2)}.v11-progress-breakdown .linear-progress{grid-column:1/-1}
.v11-module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.v11-module-card{min-height:79px;padding:10px 5px;border:1px solid var(--line);border-radius:15px;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer}.v11-module-card>span{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--green) 11%,transparent);color:var(--green-2)}.v11-module-card .icon{width:18px;height:18px}.v11-module-card strong{font-size:9px;line-height:1.25;text-align:center}
.v11-prayer-table{padding:4px 13px}.v11-prayer-table-row{width:100%;display:grid;grid-template-columns:35px minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:13px 2px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;cursor:pointer}.v11-prayer-table-row:last-child{border-bottom:0}.v11-prayer-table-row>span{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:var(--surface-2);color:var(--green-2)}.v11-prayer-table-row strong{display:block;font-size:12px}.v11-prayer-table-row small{display:block;margin-top:3px;color:var(--muted);font-size:8px}.v11-prayer-table-row b{font-size:14px;font-variant-numeric:tabular-nums}.v11-prayer-table-row em{padding:4px 7px;border-radius:99px;background:var(--surface-2);color:var(--muted);font-size:7px;font-style:normal}.v11-prayer-table-row.active{color:var(--green-2)}
.v11-quran-continue{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--green) 12%,var(--surface)),var(--surface))}.v11-quran-continue>span{width:45px;height:45px;border-radius:15px;display:grid;place-items:center;background:color-mix(in srgb,var(--green) 14%,transparent);color:var(--green-2)}.v11-quran-continue small{display:block;color:var(--green-2);font-size:8px;font-weight:900}.v11-quran-continue strong{display:block;margin:4px 0;font-size:12px}.v11-quran-continue p{margin:0;color:var(--muted);font-size:9px}.v11-quran-mode-chips{display:flex;gap:7px;overflow-x:auto;padding:10px 0;scrollbar-width:none}.v11-quran-mode-chips button{flex:0 0 auto;padding:8px 11px;border:1px solid var(--line);border-radius:99px;background:var(--surface);font-size:9px;cursor:pointer}.v11-quran-mode-chips button.active{border-color:var(--green);background:color-mix(in srgb,var(--green) 13%,var(--surface));color:var(--green-2)}.v11-surah-list{display:flex;flex-direction:column;gap:8px}.v11-surah-row{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto 20px;align-items:center;gap:10px;padding:12px;text-align:left;border:1px solid var(--line);background:var(--surface);cursor:pointer}.v11-surah-number{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--surface-2);color:var(--green-2);font-size:11px;font-weight:900}.v11-surah-row strong{display:block;font-size:12px}.v11-surah-row small{display:block;margin-top:3px;color:var(--muted);font-size:8px}.v11-surah-row b{font:500 18px/1.2 Georgia,serif;color:var(--text-soft)}
.v11-reader-head{position:sticky;top:calc(var(--header-h) + env(safe-area-inset-top));z-index:35;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin:-6px -2px 10px;padding:8px 2px;background:color-mix(in srgb,var(--bg) 91%,transparent);backdrop-filter:blur(15px)}.v11-surah-title{border:0;background:transparent;text-align:center;min-width:0;cursor:pointer}.v11-surah-title small,.v11-surah-title strong,.v11-surah-title span{display:block}.v11-surah-title small{color:var(--muted);font-size:7px}.v11-surah-title strong{font-size:13px}.v11-surah-title span{margin-top:2px;color:var(--green-2);font:500 15px Georgia,serif}.v11-reader-head-actions{display:flex;gap:4px}.v11-reader-toolbar{display:flex;gap:7px;overflow-x:auto;padding:5px 0 10px;scrollbar-width:none}.v11-reader-toolbar button,.v11-reader-toolbar span{flex:0 0 auto;padding:8px 10px;border:1px solid var(--line);border-radius:99px;background:var(--surface);font-size:8px;display:flex;align-items:center;gap:5px}.v11-reader-toolbar button{cursor:pointer}.v11-reader-toolbar button.active{color:var(--green-2);border-color:var(--green)}.v11-reader-toolbar .icon{width:13px;height:13px}.v11-quran-verses{padding:10px 14px 86px}.v11-ayah{position:relative;padding:18px 2px;border-bottom:1px solid var(--line);transition:background .25s}.v11-ayah:last-child{border-bottom:0}.v11-ayah.bookmarked{background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 8%,transparent),transparent)}.v11-ayah.targeted{animation:v11Target 2.2s ease}.v11-ayah-meta{display:flex;align-items:center;gap:7px;margin-bottom:13px}.v11-ayah-meta>span{padding:5px 8px;border-radius:99px;background:color-mix(in srgb,var(--green) 12%,transparent);color:var(--green-2);font-size:8px;font-weight:900}.v11-ayah-meta small{margin-right:auto;color:var(--muted);font-size:8px}.v11-ayah-meta button{width:29px;height:29px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);display:grid;place-items:center}.v11-ayah-meta button.active{color:var(--gold);border-color:var(--gold)}.v11-ayah-meta .icon{width:14px;height:14px}.v11-ayah-arabic{margin:7px 0 15px;font-size:var(--v11-ar-size);font-weight:var(--v11-ar-weight);line-height:var(--v11-ar-line);text-align:right;font-family:"Noto Naskh Arabic","Amiri","Traditional Arabic",serif}.v11-ayah-tr{margin:9px 0;font-size:var(--v11-tr-size);font-weight:var(--v11-tr-weight);line-height:var(--v11-translation-line);color:var(--text-soft)}.v11-ayah-en{margin:9px 0;font-size:var(--v11-en-size);font-weight:var(--v11-en-weight);line-height:var(--v11-translation-line);color:var(--muted);font-style:italic}.v11-position-button{margin-top:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--green-2);font-size:8px}.v11-reader-bottom{position:sticky;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) - 3px);z-index:36;display:grid;grid-template-columns:minmax(72px,1fr) minmax(132px,1.5fr) minmax(72px,1fr);gap:6px;margin:12px -1px 0;padding:8px;background:color-mix(in srgb,var(--bg) 90%,transparent);border:1px solid var(--line);border-radius:17px;backdrop-filter:blur(16px)}.v11-reader-bottom button{min-width:0;height:44px;padding:0 6px;border:1px solid var(--line);border-radius:12px;background:var(--surface);display:flex;align-items:center;justify-content:center;gap:4px;font-size:8px;white-space:nowrap}.v11-reader-bottom button.primary{background:linear-gradient(135deg,var(--green),var(--deep-green));color:#fff;border-color:transparent}.v11-reader-bottom .icon{width:14px;height:14px}.v11-reader-bottom button:disabled{opacity:.35}.v11-quran-fullscreen .app-header,.v11-quran-fullscreen .bottom-nav,.v11-quran-fullscreen .mini-player{display:none!important}.v11-quran-fullscreen .app-main{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);max-width:900px}.v11-quran-fullscreen .v11-reader-head{top:0}.v11-quran-fullscreen .v11-reader-bottom{bottom:0}.v11-quran-fullscreen .v11-quran-verses{border-radius:0}.v11-quran-modal-results{display:flex;flex-direction:column;gap:7px;margin-top:12px;max-height:300px;overflow-y:auto}.v11-quran-modal-results button{padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);text-align:left}.v11-quran-modal-results strong,.v11-quran-modal-results span{display:block}.v11-quran-modal-results strong{color:var(--green-2);font-size:10px}.v11-quran-modal-results span{margin-top:4px;color:var(--text-soft);font-size:9px;line-height:1.45}
@keyframes v11Target{0%,100%{background:transparent}20%,70%{background:color-mix(in srgb,var(--green) 18%,transparent)}}
.v11-text-card-list{display:flex;flex-direction:column;gap:10px}.v11-text-card{padding:16px}.v11-text-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.v11-text-card-head small{display:block;color:var(--green-2);font-size:8px}.v11-text-card-head h3{margin:4px 0 0;font-size:15px}.v11-arabic-copy{margin:15px 0;padding:14px;border-radius:15px;background:var(--surface-2);font:500 25px/1.85 "Noto Naskh Arabic","Traditional Arabic",serif;text-align:right}.v11-meaning{margin-top:10px}.v11-meaning small{display:block;color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.v11-meaning p{margin:4px 0 0;color:var(--text-soft);font-size:11px;line-height:1.6}.v11-source-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:8px}.v11-source-row span{display:flex;align-items:flex-start;gap:5px}.v11-source-row .icon{width:13px;height:13px}.v11-source-row b{padding:4px 7px;border-radius:99px;background:var(--surface-2);color:var(--green-2)}
.v11-zikir-hero{padding:19px;text-align:center}.v11-zikir-hero>small{color:var(--green-2);font-size:8px;font-weight:900}.v11-zikir-hero h1{margin:6px 0 3px;font-size:22px}.v11-zikir-hero>p{margin:10px 0;font:500 29px/1.7 "Traditional Arabic",serif}.v11-zikir-count button{width:145px;height:145px;margin:6px auto 12px;border:8px solid color-mix(in srgb,var(--green) 17%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--green) 17%,var(--surface-solid)),var(--surface-solid));box-shadow:0 0 0 1px var(--green),0 15px 35px rgba(0,0,0,.24);display:grid;place-content:center;cursor:pointer}.v11-zikir-count strong,.v11-zikir-count span,.v11-zikir-count small{display:block}.v11-zikir-count strong{font-size:35px}.v11-zikir-count span{color:var(--green-2);font-size:12px}.v11-zikir-count small{margin-top:5px;color:var(--muted);font-size:8px}.v11-zikir-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v11-zikir-choice{position:relative;padding:13px;text-align:left;border:1px solid var(--line);background:var(--surface)}.v11-zikir-choice>span{display:block;min-height:35px;font:500 18px/1.6 "Traditional Arabic",serif;text-align:right;color:var(--green-2)}.v11-zikir-choice strong{display:block;font-size:11px}.v11-zikir-choice small{display:-webkit-box;margin-top:4px;color:var(--muted);font-size:8px;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.v11-zikir-choice b{position:absolute;top:8px;left:8px;padding:3px 6px;border-radius:99px;background:var(--surface-2);font-size:7px}.v11-zikir-choice.active{border-color:var(--green);background:color-mix(in srgb,var(--green) 10%,var(--surface))}
.v11-water-card{text-align:center;padding:22px}.v11-water-ring{--water-progress:0;width:210px;height:210px;margin:0 auto 15px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) calc(var(--water-progress)*1%),color-mix(in srgb,var(--text) 8%,transparent) 0);filter:drop-shadow(0 13px 25px rgba(0,0,0,.18))}.v11-water-ring:before{content:"";position:absolute;width:174px;height:174px;border-radius:50%;background:var(--surface-solid)}.v11-water-ring>div{position:relative;z-index:1}.v11-water-ring .icon{width:42px;height:42px;color:var(--green)}.v11-water-ring strong,.v11-water-ring small{display:block}.v11-water-ring strong{margin-top:7px;font-size:23px}.v11-water-ring small{color:var(--muted);font-size:9px}.v11-water-card h2{margin:0;font-size:15px}.v11-water-card>p{margin:4px 0 13px;color:var(--muted);font-size:9px}.v11-water-controls{display:grid;grid-template-columns:46px 1fr 46px;gap:8px;max-width:300px;margin:0 auto}.v11-water-controls>button{height:46px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);font-size:20px}.v11-water-controls .primary-button{font-size:11px}.v11-water-card>.text-button{margin-top:12px}.v11-health-quick{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.v11-health-quick button{padding:15px;text-align:left;border:1px solid var(--line)}.v11-health-quick .icon{color:var(--green-2)}.v11-health-quick strong,.v11-health-quick small{display:block}.v11-health-quick strong{margin-top:8px;font-size:12px}.v11-health-quick small{margin-top:3px;color:var(--muted);font-size:8px}
.v11-kaza-planner{padding:20px;text-align:center}.v11-kaza-planner>small{color:var(--green-2);font-size:8px;font-weight:900}.v11-year-value{margin:8px 0}.v11-year-value strong{font-size:47px}.v11-year-value span{margin-left:5px;color:var(--muted)}.v11-year-slider{width:100%;accent-color:var(--green)}.v11-year-scale{display:flex;justify-content:space-between;color:var(--muted);font-size:7px}.v11-kaza-total{margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}.v11-kaza-total small,.v11-kaza-total strong,.v11-kaza-total p{display:block}.v11-kaza-total small{color:var(--muted);font-size:8px}.v11-kaza-total strong{margin:5px 0;font-size:24px}.v11-kaza-total p{margin:0;color:var(--muted);font-size:9px}.v11-kaza-split{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:14px}.v11-kaza-split div{padding:8px 3px;border-radius:11px;background:var(--surface-2)}.v11-kaza-split span,.v11-kaza-split strong{display:block}.v11-kaza-split span{color:var(--muted);font-size:7px}.v11-kaza-split strong{margin-top:4px;font-size:9px}.v11-kaza-status{padding:5px 14px}.v11-kaza-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.v11-kaza-row:last-child{border-bottom:0}.v11-kaza-row>span{font-size:12px}.v11-kaza-row div{text-align:right}.v11-kaza-row strong,.v11-kaza-row small{display:block}.v11-kaza-row strong{font-size:13px}.v11-kaza-row small{color:var(--muted);font-size:7px}.v11-kaza-row button{padding:8px 9px;border:1px solid var(--green);border-radius:10px;background:color-mix(in srgb,var(--green) 11%,transparent);color:var(--green-2);font-size:8px}.v11-kaza-prompt{text-align:center}.v11-kaza-prompt>.icon{width:48px;height:48px;color:var(--green-2)}
.v11-qibla-card{text-align:center;padding:22px}.v11-compass{width:245px;height:245px;margin:0 auto 16px;border-radius:50%;padding:12px;background:conic-gradient(from 0deg,color-mix(in srgb,var(--green) 25%,transparent),transparent 18%,color-mix(in srgb,var(--gold) 19%,transparent),transparent 54%,color-mix(in srgb,var(--green) 20%,transparent));box-shadow:inset 0 0 0 1px var(--line),0 15px 40px rgba(0,0,0,.24)}.v11-compass-ring{position:relative;width:100%;height:100%;border:2px solid var(--line-strong);border-radius:50%;background:radial-gradient(circle,var(--surface-solid) 0 53%,transparent 54%),repeating-conic-gradient(from 0deg,var(--line-strong) 0 1deg,transparent 1deg 10deg)}.v11-compass-ring>span{position:absolute;font-weight:900;font-size:11px}.v11-compass-ring .north{top:8px;left:50%;transform:translateX(-50%);color:var(--gold)}.v11-compass-ring .south{bottom:8px;left:50%;transform:translateX(-50%)}.v11-compass-ring .east{right:8px;top:50%;transform:translateY(-50%)}.v11-compass-ring .west{left:8px;top:50%;transform:translateY(-50%)}.v11-qibla-arrow{position:absolute;inset:50% auto auto 50%;width:50px;height:88px;margin:-76px 0 0 -25px;color:var(--green);transform-origin:50% 76px;transform:rotate(var(--qibla));display:flex;justify-content:center}.v11-qibla-arrow .icon{width:46px;height:46px;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--green) 55%,transparent))}.v11-phone-heading{position:absolute;inset:50% auto auto 50%;width:4px;height:75px;margin:-68px 0 0 -2px;border-radius:99px;background:var(--gold);transform-origin:50% 68px;transition:transform .12s linear}.v11-qibla-card h2{margin:0;font-size:17px}.v11-qibla-card p{color:var(--muted);font-size:9px;line-height:1.5}.v11-calibration-summary{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:14px}.v11-calibration-summary>span{width:36px;height:36px;border-radius:12px;display:grid;place-items:center}.v11-calibration-summary>span.ok{color:var(--green);background:color-mix(in srgb,var(--green) 12%,transparent)}.v11-calibration-summary>span.warn{color:var(--gold);background:var(--gold-soft)}.v11-calibration-summary strong{font-size:11px}.v11-calibration-summary p{margin:3px 0;color:var(--muted);font-size:8px}.v11-calibration{text-align:center}.v11-infinity{position:relative;height:105px;display:grid;place-items:center}.v11-infinity>span{font:500 92px/1 Georgia,serif;color:var(--green-2);filter:drop-shadow(0 0 13px color-mix(in srgb,var(--green) 35%,transparent))}.v11-infinity i{position:absolute;width:15px;height:15px;border-radius:50%;background:var(--gold);animation:v11Infinity 2.8s linear infinite}.v11-calibration-ring{--calibration:0;position:relative;width:130px;height:130px;margin:0 auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) calc(var(--calibration)*1%),var(--surface-2) 0)}.v11-calibration-ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--surface-solid)}.v11-calibration-ring span{position:relative}.v11-calibration-ring strong,.v11-calibration-ring small{display:block}.v11-calibration-ring strong{font-size:25px}.v11-calibration-ring small{color:var(--muted);font-size:8px}.v11-calibration h3{font-size:13px}.v11-calibration p{color:var(--muted);font-size:9px;line-height:1.5}
@keyframes v11Infinity{0%{transform:translate(-73px,3px)}25%{transform:translate(0,-32px)}50%{transform:translate(73px,3px)}75%{transform:translate(0,32px)}100%{transform:translate(-73px,3px)}}
.v11-library-featured{display:grid;grid-template-columns:1fr 1fr;gap:9px}.v11-library-quran{display:grid;grid-template-columns:38px 1fr;gap:8px;padding:14px;text-align:left;border:1px solid var(--line);background:linear-gradient(145deg,color-mix(in srgb,var(--green) 12%,var(--surface)),var(--surface));cursor:pointer}.v11-library-quran>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--green) 13%,transparent);color:var(--green-2)}.v11-library-quran>div{grid-column:1/-1}.v11-library-quran>svg{display:none}.v11-library-quran small{display:block;color:var(--green-2);font-size:7px;font-weight:900}.v11-library-quran strong{display:block;margin:5px 0;font-size:11px}.v11-library-quran p{margin:0;color:var(--muted);font-size:8px;line-height:1.4}.v11-book-grid{display:flex;flex-direction:column;gap:9px}.v11-book-card{width:100%;display:grid;grid-template-columns:58px minmax(0,1fr) 20px;align-items:center;gap:12px;padding:13px;text-align:left;border:1px solid var(--line);background:var(--surface)}.v11-book-cover{width:58px;height:76px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--gold) 17%,var(--surface-2)),var(--surface-2));color:var(--gold);box-shadow:7px 8px 14px rgba(0,0,0,.13)}.v11-book-card small{color:var(--green-2);font-size:7px;font-weight:900}.v11-book-card strong{display:block;margin:4px 0;font-size:11px}.v11-book-card p{margin:0;color:var(--muted);font-size:8px}.v11-book-card em{display:block;margin:7px 0 5px;color:var(--text-soft);font-size:8px;font-style:normal}.v11-add-pdf{width:100%;display:grid;grid-template-columns:42px 1fr 25px;align-items:center;gap:11px;margin-top:10px;padding:15px;text-align:left;border:1px dashed var(--line-strong);background:color-mix(in srgb,var(--green) 5%,var(--surface))}.v11-add-pdf>span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--green) 12%,transparent);color:var(--green-2)}.v11-add-pdf strong{font-size:12px}.v11-add-pdf p{margin:3px 0;color:var(--muted);font-size:8px}
.v11-player{padding:19px;text-align:center}.v11-player-art{width:80px;height:80px;margin:0 auto 12px;border-radius:25px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--green) 25%,var(--surface-2)),var(--surface-2));color:var(--green-2);box-shadow:0 16px 32px rgba(0,0,0,.22)}.v11-player-art .icon{width:34px;height:34px}.v11-player-copy small{color:var(--green-2);font-size:8px;font-weight:900}.v11-player-copy h1{margin:5px 0;font-size:18px}.v11-player-copy p{margin:0;color:var(--muted);font-size:9px}.v11-player-main-controls{display:flex;align-items:center;justify-content:center;gap:15px;margin:18px 0}.v11-player-main-controls button{width:45px;height:45px;border:1px solid var(--line);border-radius:50%;background:var(--surface-2);font-size:9px}.v11-player-main-controls button.main{width:62px;height:62px;background:linear-gradient(135deg,var(--green),var(--deep-green));color:#fff;border:0}.v11-player-main-controls .main .icon{width:25px;height:25px}.v11-media-seek{display:grid;grid-template-columns:39px 1fr 39px;align-items:center;gap:8px}.v11-media-seek span{color:var(--muted);font-size:8px;font-variant-numeric:tabular-nums}.v11-media-seek input{width:100%;accent-color:var(--green)}.v11-speed-row{display:flex;justify-content:center;gap:5px;margin-top:12px;overflow-x:auto}.v11-speed-row button{padding:6px 8px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);font-size:8px}.v11-speed-row button.active{border-color:var(--green);color:var(--green-2)}.v11-media-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:8px}.v11-media-categories button{padding:9px 4px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:7px;display:flex;flex-direction:column;align-items:center;gap:5px}.v11-media-categories button.active{background:var(--surface-2);color:var(--green-2)}.v11-media-categories .icon{width:16px;height:16px}.v11-media-list{display:flex;flex-direction:column;gap:8px}.v11-media-row{display:grid;grid-template-columns:38px 1fr 30px;align-items:center;gap:9px;padding:10px}.v11-media-row .track-play{width:38px;height:38px;border:0;border-radius:12px;background:color-mix(in srgb,var(--green) 14%,transparent);color:var(--green-2)}.v11-media-row strong{display:block;font-size:10px}.v11-media-row small{display:block;margin-top:3px;color:var(--muted);font-size:8px}
.v11-profile-hero{text-align:center;padding:16px 0}.v11-avatar{position:relative;width:112px;height:112px;margin:0 auto;border:3px solid color-mix(in srgb,var(--green) 55%,transparent);border-radius:35px;background:linear-gradient(145deg,var(--surface-2),var(--surface-solid));display:grid;place-items:center;overflow:visible;box-shadow:0 16px 36px rgba(0,0,0,.22);cursor:pointer}.v11-avatar img{width:100%;height:100%;object-fit:cover;border-radius:31px}.v11-avatar>span{font-size:34px;font-weight:800;color:var(--green-2)}.v11-avatar em{position:absolute;right:-7px;bottom:-7px;width:34px;height:34px;border:3px solid var(--bg);border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff}.v11-avatar em .icon{width:15px;height:15px}.v11-profile-hero h1{margin:13px 0 4px;font-size:23px}.v11-profile-hero p{margin:0 0 13px;color:var(--muted);font-size:9px}.v11-profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.v11-profile-stats section{text-align:center;padding:14px 5px}.v11-profile-stats strong,.v11-profile-stats small{display:block}.v11-profile-stats strong{font-size:17px}.v11-profile-stats small{margin-top:4px;color:var(--muted);font-size:8px}
.v11-theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.v11-theme-card{position:relative;padding:11px;border:1px solid var(--line);border-radius:16px;background:var(--surface);text-align:left}.v11-theme-preview{height:55px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;overflow:hidden;border-radius:10px;margin-bottom:8px}.v11-theme-preview i{display:block}.v11-theme-card strong,.v11-theme-card small{display:block}.v11-theme-card strong{font-size:10px}.v11-theme-card small{margin-top:3px;color:var(--muted);font-size:7px}.v11-theme-card>svg{position:absolute;right:9px;bottom:10px;width:15px;color:var(--green)}.v11-theme-card.active{border-color:var(--green);box-shadow:0 0 0 2px color-mix(in srgb,var(--green) 9%,transparent)}.v11-choice-row,.v11-language-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.v11-choice-row button,.v11-language-grid button{padding:11px 7px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.v11-choice-row button.active,.v11-language-grid button.active{border-color:var(--green);background:color-mix(in srgb,var(--green) 11%,var(--surface));color:var(--green-2)}.v11-language-grid strong,.v11-language-grid small{display:block}.v11-language-grid strong{font-size:12px}.v11-language-grid small{margin-top:3px;color:var(--muted);font-size:7px}.v11-setting-list{padding:3px 14px}.v11-setting-list>label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.v11-setting-list>label:last-child{border-bottom:0}.v11-setting-list strong,.v11-setting-list small{display:block}.v11-setting-list strong{font-size:11px}.v11-setting-list small{margin-top:3px;color:var(--muted);font-size:8px}.v11-setting-list input[type="checkbox"]{width:42px;height:23px;accent-color:var(--green)}
.v11-global-search{position:sticky;top:calc(var(--header-h) + env(safe-area-inset-top) + 5px);z-index:25}.v11-search-suggestions{display:flex;flex-wrap:wrap;gap:7px}.v11-search-suggestions button{padding:8px 11px;border:1px solid var(--line);border-radius:99px;background:var(--surface);font-size:9px}.v11-search-results{display:flex;flex-direction:column;gap:8px}.v11-search-result{width:100%;display:grid;grid-template-columns:38px 1fr 20px;align-items:center;gap:10px;padding:11px;text-align:left;border:1px solid var(--line);background:var(--surface)}.v11-search-result>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--surface-2);color:var(--green-2)}.v11-search-result strong,.v11-search-result small{display:block}.v11-search-result strong{font-size:11px}.v11-search-result small{margin-top:4px;color:var(--muted);font-size:8px;line-height:1.35}
.v11-week-hero{display:flex;align-items:center;gap:18px;padding:18px}.v11-week-hero small{color:var(--green-2);font-size:8px;font-weight:900}.v11-week-hero h1{margin:5px 0;font-size:22px}.v11-week-hero p{margin:0;color:var(--muted);font-size:9px}.v11-week-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.v11-week-metrics section{padding:11px 3px;text-align:center}.v11-week-metrics .icon{width:17px;height:17px;color:var(--green-2)}.v11-week-metrics strong,.v11-week-metrics small{display:block}.v11-week-metrics strong{margin:7px 0 3px;font-size:10px}.v11-week-metrics small{color:var(--muted);font-size:6px}.v11-week-chart{height:190px;padding:16px;display:flex;align-items:flex-end;justify-content:space-between;gap:7px}.v11-day-column{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;text-align:center}.v11-day-bars{height:125px;display:flex;align-items:flex-end;justify-content:center;gap:3px}.v11-day-bars span{width:8px;min-height:3px;border-radius:8px 8px 2px 2px;background:var(--green)}.v11-day-bars span+span{background:var(--gold)}.v11-day-column strong{margin-top:6px;font-size:7px}.v11-day-column small{color:var(--muted);font-size:6px}.v11-week-note{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:14px}.v11-week-note>span{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--green) 12%,transparent);color:var(--green-2)}.v11-week-note strong{font-size:11px}.v11-week-note p{margin:4px 0;color:var(--muted);font-size:9px;line-height:1.5}
.v11-ramadan-hero{text-align:center;padding:25px;background:linear-gradient(145deg,color-mix(in srgb,var(--gold) 13%,var(--surface)),var(--surface))}.v11-ramadan-hero>span{width:55px;height:55px;margin:0 auto 10px;border-radius:18px;display:grid;place-items:center;background:var(--gold-soft);color:var(--gold)}.v11-ramadan-hero small{display:block;color:var(--gold);font-size:8px;font-weight:900}.v11-ramadan-hero h1{margin:7px 0;font-size:37px;font-variant-numeric:tabular-nums}.v11-ramadan-hero p{margin:0;color:var(--muted);font-size:9px}.v11-ramadan-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v11-ramadan-grid button{padding:15px;text-align:left;border:1px solid var(--line)}.v11-ramadan-grid .icon{color:var(--green-2)}.v11-ramadan-grid strong,.v11-ramadan-grid small{display:block}.v11-ramadan-grid strong{margin-top:9px;font-size:11px}.v11-ramadan-grid small{margin-top:4px;color:var(--muted);font-size:8px}.v11-seher-plan{padding:17px}.v11-seher-plan h2{margin-top:0;font-size:15px}.v11-seher-plan>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0}.v11-seher-plan>div span{display:flex;align-items:center;gap:6px;padding:9px;border-radius:11px;background:var(--surface-2);font-size:8px}.v11-seher-plan .icon{width:14px;height:14px;color:var(--green-2)}
.v11-about-hero{display:flex;align-items:center;gap:17px;padding:19px}.v11-about-hero img{width:76px;height:76px;object-fit:contain}.v11-about-hero small{color:var(--green-2);font-size:9px;font-weight:900}.v11-about-hero h1{margin:4px 0;font-size:27px}.v11-about-hero p{margin:0;color:var(--muted);font-size:9px}.v11-release-list{padding:5px 14px}.v11-release-list>div{display:flex;align-items:flex-start;gap:8px;padding:10px 0;border-bottom:1px solid var(--line);font-size:9px;line-height:1.4}.v11-release-list>div:last-child{border-bottom:0}.v11-release-list .icon{width:15px;height:15px;color:var(--green)}.v11-capability-list{padding:5px 14px}.v11-capability-list>div{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid var(--line)}.v11-capability-list>div:last-child{border-bottom:0}.v11-capability-list>div>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--surface-2);color:var(--green-2)}.v11-capability-list strong{font-size:9px}.v11-capability-list b{color:var(--muted);font-size:7px;text-align:right}
.v11-history-modal{text-align:left}.v11-history-modal>span{width:45px;height:45px;border-radius:15px;display:grid;place-items:center;background:var(--gold-soft);color:var(--gold)}.v11-history-modal h2{font-size:16px}.v11-history-modal p{color:var(--text-soft);font-size:10px;line-height:1.65}
.v11-reminder-overlay{position:fixed;inset:0;z-index:1000;padding:calc(18px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom));display:grid;place-items:center;background:rgba(2,7,13,.83);backdrop-filter:blur(18px);opacity:0;visibility:hidden;pointer-events:none;transition:.3s ease}.v11-reminder-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.v11-reminder-card{position:relative;width:min(100%,430px);max-height:94dvh;overflow-y:auto;padding:24px;border:1px solid color-mix(in srgb,var(--green) 42%,var(--line));border-radius:30px;background:linear-gradient(155deg,color-mix(in srgb,var(--green) 10%,var(--surface-solid)),var(--surface-solid));box-shadow:0 30px 90px rgba(0,0,0,.58);text-align:center}.v11-reminder-x{position:absolute;right:13px;top:13px;width:35px;height:35px;border:1px solid var(--line);border-radius:50%;background:var(--surface-2)}.v11-reminder-mark{width:74px;height:74px;margin:4px auto 13px;border-radius:25px;display:grid;place-items:center;background:color-mix(in srgb,var(--green) 15%,transparent);color:var(--green-2);animation:breathe 2.8s ease infinite}.v11-reminder-mark .icon{width:36px;height:36px}.v11-reminder-card>small{color:var(--green-2);font-size:9px;font-weight:900;letter-spacing:.12em}.v11-reminder-card>h1{margin:7px 0 15px;font-size:24px}.v11-reminder-card>section{margin:9px 0;padding:12px;border-radius:15px;background:var(--surface-2);text-align:left}.v11-reminder-card section b{display:block;color:var(--green-2);font-size:9px}.v11-reminder-card section p{margin:5px 0;color:var(--text-soft);font-size:10px;line-height:1.55}.v11-reminder-card section em{color:var(--muted);font-size:8px}.v11-reminder-card section.esma b{color:var(--gold)}.v11-reminder-task{padding:13px;border-radius:14px;background:var(--surface-2);font-size:13px}.v11-reminder-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.v11-reminder-actions button{min-height:47px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);font-size:9px}.v11-reminder-actions button.primary{grid-column:1/-1;background:linear-gradient(135deg,var(--green),var(--deep-green));border:0;color:#fff;font-size:13px;font-weight:900}.v11-reminder-actions .icon{width:15px;height:15px}
html[dir="rtl"] .page-header,.v11-home-intro,.v11-history-card,.v11-task-row,.v11-prayer-table-row,.v11-surah-row,.v11-search-result,.menu-row{text-align:right}html[dir="rtl"] .page-header{direction:rtl}html[dir="rtl"] .v11-ayah-arabic{text-align:right}html[dir="rtl"] .v11-ayah-tr,html[dir="rtl"] .v11-ayah-en{text-align:right}html[dir="rtl"] .v11-source-row{direction:rtl}
@media (max-width:420px){.v11-task-row{grid-template-columns:30px 27px minmax(0,1fr) auto}.v11-task-row>.task-menu-button{display:none}.v11-task-timer{gap:2px}.v11-timer-reset{display:none}.v11-module-grid{grid-template-columns:repeat(4,1fr)}.v11-prayer-metrics{grid-template-columns:1fr 1fr}.v11-library-featured{grid-template-columns:1fr 1fr}.v11-reader-bottom button{font-size:7px}.v11-week-metrics{grid-template-columns:repeat(5,1fr)}}
@media (max-width:350px){.v11-balance-grid{grid-template-columns:1fr}.v11-motivation-card,.v11-progress-card{height:180px}.v11-module-grid{grid-template-columns:repeat(3,1fr)}.v11-task-row{grid-template-columns:29px 1fr auto}.v11-task-icon{display:none}.v11-reader-bottom{grid-template-columns:1fr 1.25fr 1fr}.v11-reader-bottom button span{font-size:6px}.v11-kaza-split{grid-template-columns:repeat(3,1fr)}.v11-library-featured{grid-template-columns:1fr}.v11-week-metrics{grid-template-columns:repeat(3,1fr)}}

/* ========================================================================== */
/* MİZAN v12.0 — Turkuaz Kimlik, Ana Akış, Görev ve Widget Deneyimi          */
/* ========================================================================== */
body.v12-brand {
  --v12-accent:#42e0d0;
  --v12-accent-2:#84f7ec;
  --v12-navy:#06182b;
  --v12-navy-2:#0a263d;
  --v12-success:#5de2b4;
  --nav-h:86px;
}
body.v12-brand[data-v11-theme="night"]{
  --bg:#041321;--bg-2:#071d31;--surface:rgba(9,31,51,.95);--surface-solid:#092036;--surface-2:#102c47;--surface-3:#163a58;
  --text:#f2fbff;--text-soft:#c9dde9;--muted:#8da9bb;--line:rgba(66,224,208,.17);--line-strong:rgba(66,224,208,.42);
  --green:#35d4c6;--green-2:#72e8dc;--green-3:#b0fff5;--deep-green:#0d8078;--gold:#e2c276;
}
body.v12-brand{
  background:
    radial-gradient(circle at 52% -8%,rgba(52,212,198,.14),transparent 30rem),
    radial-gradient(circle at 92% 22%,rgba(29,106,145,.12),transparent 24rem),
    linear-gradient(180deg,var(--bg),var(--bg-2));
}
body.v12-brand .app-shell{
  background:
    radial-gradient(circle at 88% 5%,color-mix(in srgb,var(--green) 11%,transparent),transparent 19rem),
    radial-gradient(circle at 8% 32%,rgba(20,92,128,.09),transparent 22rem),
    linear-gradient(180deg,var(--bg),var(--bg-2));
}
body.v12-brand .app-header{
  background:color-mix(in srgb,var(--bg) 91%,transparent);
  border-bottom-color:color-mix(in srgb,var(--green) 20%,transparent);
}
body.v12-brand .brand-symbol{color:var(--green-2)}
body.v12-brand .brand-symbol .fill{fill:#fff}
body.v12-brand .brand-symbol .soft{fill:var(--green-2)}
body.v12-brand .brand-symbol .leaf{fill:color-mix(in srgb,var(--green) 18%,transparent);stroke:var(--green-2)}
body.v12-brand .brand-text strong{color:#fff;text-shadow:0 0 18px rgba(114,232,220,.1)}
body.v12-brand .location-pill .icon,body.v12-brand .notification-button{color:var(--green-2)}

/* V12 splash and icon identity */
body.v12-brand .splash{
  gap:16px;
  background:
    radial-gradient(circle at 50% 44%,rgba(66,224,208,.18),transparent 14rem),
    radial-gradient(circle at 50% 54%,rgba(18,68,104,.48),transparent 34rem),
    #03111f;
}
body.v12-brand .splash::before,body.v12-brand .splash::after{
  background:linear-gradient(90deg,transparent,rgba(84,237,225,.82),transparent);
  box-shadow:0 0 22px rgba(66,224,208,.48);
}
body.v12-brand .splash-logo{width:min(59vw,280px);filter:drop-shadow(0 0 28px rgba(66,224,208,.28))}
body.v12-brand .splash-glow{width:255px;height:255px;background:rgba(42,200,194,.2);filter:blur(78px)}
body.v12-brand .splash-version{color:#8ae9e1;font-size:9px;letter-spacing:.2em}

/* Compact turquoise bottom navigation */
body.v12-brand .bottom-nav{
  height:calc(var(--nav-h) + env(safe-area-inset-bottom));
  grid-template-columns:1fr 88px 1fr;
  padding:7px 28px env(safe-area-inset-bottom);
  border-color:rgba(66,224,208,.2);
  background:color-mix(in srgb,var(--surface-solid) 94%,transparent);
  box-shadow:0 -13px 44px rgba(0,0,0,.34),inset 0 1px rgba(114,232,220,.05);
}
body.v12-brand .nav-button{height:68px;font-size:9px;gap:4px}
body.v12-brand .nav-button .icon{width:24px;height:24px}
body.v12-brand .nav-button.active{color:var(--green-2)}
body.v12-brand .ai-nav-button{
  align-self:center;height:76px;margin:0;justify-content:center;gap:0;color:#fff;font-size:0;
}
body.v12-brand .ai-nav-button>span:last-child{display:none}
body.v12-brand .ai-symbol{
  width:66px;height:66px;margin:0;padding:10px;color:#fff;
  background:radial-gradient(circle at 35% 25%,#35ded1,#0f908b 60%,#07515b);
  border:4px solid var(--surface-solid);outline:1px solid rgba(66,224,208,.54);
  box-shadow:0 9px 26px rgba(0,0,0,.42),0 0 22px rgba(66,224,208,.2),inset 0 0 24px rgba(255,255,255,.12);
}
body.v12-brand .ai-symbol .leaf{fill:rgba(255,255,255,.16);stroke:#fff}
body.v12-brand .ai-orbit{width:72px;height:72px;top:2px;border-color:rgba(66,224,208,.42)}
body.v12-brand .ai-orbit::after{width:7px;height:7px;top:-4px;background:#73f4e8;box-shadow:0 0 12px #42e0d0}

/* Home greeting and small Daily Flow */
.v12-home-view{padding-top:6px;padding-bottom:22px}
.v12-greeting-grid{display:grid;grid-template-columns:minmax(0,1fr) 126px;gap:10px;align-items:stretch;margin:5px 1px 14px}
.v12-greeting-copy{min-width:0;padding:7px 1px}
.v12-greeting-copy h1{margin:4px 0 7px;font:600 clamp(24px,7vw,34px)/1.08 Georgia,"Times New Roman",serif;letter-spacing:.005em}
.v12-greeting-copy p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}
.v12-greeting-copy p strong{color:var(--green-2);font-weight:760}
.v12-flow-mini{
  min-width:0;padding:10px;border:1px solid color-mix(in srgb,var(--green) 27%,var(--line));border-radius:18px;
  display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-areas:"icon small" "icon value" "task task";align-items:center;gap:2px 8px;
  color:var(--text);text-align:left;background:linear-gradient(145deg,color-mix(in srgb,var(--green) 10%,var(--surface)),var(--surface));cursor:pointer;
}
.v12-flow-mini>span{grid-area:icon;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:var(--green-2);background:rgba(66,224,208,.1)}
.v12-flow-mini>span .icon{width:16px;height:16px}
.v12-flow-mini small{grid-area:small;color:var(--green-2);font-size:6px;font-weight:900;letter-spacing:.08em}
.v12-flow-mini strong{grid-area:value;font-size:16px;line-height:1}
.v12-flow-mini em{grid-area:task;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:7px;font-style:normal}

/* Prayer hero and selector */
.v12-prayer-hero{position:relative;overflow:hidden;padding:18px;border:1px solid rgba(66,224,208,.3);border-radius:25px;background:radial-gradient(circle at 92% 12%,rgba(66,224,208,.14),transparent 11rem),linear-gradient(145deg,#0b3048,var(--surface-solid) 62%,#0a253b);box-shadow:0 18px 48px rgba(0,0,0,.26)}
.v12-prayer-hero.mode-past{filter:saturate(.72);opacity:.88}.v12-prayer-hero.mode-future{border-color:var(--line)}
.v12-prayer-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--green-2);font-size:8px;font-weight:900;letter-spacing:.1em}
.v12-prayer-top>span{display:flex;align-items:center;gap:7px}.v12-prayer-top button{border:0;background:transparent;color:var(--green-2);font-size:8px;display:flex;align-items:center;gap:2px}
.v12-prayer-top .icon{width:13px;height:13px}
.v12-prayer-main{display:flex;align-items:center;gap:12px;margin:15px 0}
.v12-prayer-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;color:var(--green-2);background:rgba(66,224,208,.1)}
.v12-prayer-icon .icon{width:25px;height:25px}.v12-prayer-main h2{margin:0;font-size:27px;line-height:1.05}.v12-prayer-main p{margin:5px 0 0;color:var(--text-soft);font-size:10px}
.v12-prayer-metrics{display:grid;grid-template-columns:1fr 1.35fr;gap:8px}.v12-prayer-metrics>div{padding:10px 11px;border:1px solid var(--line);border-radius:14px;background:rgba(3,17,31,.24)}
.v12-prayer-metrics small,.v12-prayer-metrics strong{display:block}.v12-prayer-metrics small{color:var(--muted);font-size:8px}.v12-prayer-metrics strong{margin-top:4px;font-size:17px;font-variant-numeric:tabular-nums}
.v12-prayer-progress{height:5px;margin:13px 0 10px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.08)}.v12-prayer-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#28cbbc,#86f9ed);box-shadow:0 0 12px rgba(66,224,208,.52)}
.v12-prayer-location{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:9px}.v12-prayer-location .icon{width:14px;height:14px;color:var(--green-2)}
.v12-prayer-chips{display:flex;gap:7px;overflow-x:auto;padding:10px 1px 3px;scrollbar-width:none}.v12-prayer-chips::-webkit-scrollbar{display:none}
.v12-prayer-chips button{flex:0 0 73px;padding:9px 5px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);cursor:pointer}.v12-prayer-chips strong,.v12-prayer-chips span{display:block}.v12-prayer-chips strong{font-size:10px}.v12-prayer-chips span{margin-top:4px;color:var(--muted);font-size:9px}.v12-prayer-chips button.active{border-color:var(--green);background:linear-gradient(145deg,rgba(66,224,208,.14),var(--surface));box-shadow:0 0 0 1px rgba(66,224,208,.08)}.v12-prayer-chips button.active span{color:var(--green-2)}

/* Task rows, check state and timer ring */
.v12-task-panel{overflow:hidden}.v12-task-list{display:flex;flex-direction:column}.v12-task-row{position:relative;min-height:73px;padding:10px 11px;display:grid;grid-template-columns:34px 31px minmax(0,1fr) auto 26px;gap:8px;align-items:center;border-bottom:1px solid var(--line);background:transparent;transition:background .28s ease,border-color .28s ease,transform .2s ease}.v12-task-row:last-child{border-bottom:0}
.v12-task-row.compact{min-height:66px;border:1px solid var(--line);border-radius:16px;margin-top:7px;background:var(--surface)}
.v12-task-check{width:34px;height:34px;display:grid;place-items:center;border:1.5px solid color-mix(in srgb,var(--muted) 62%,transparent);border-radius:11px;background:transparent;color:transparent;cursor:pointer;transition:.25s ease}.v12-task-check .icon{width:20px;height:20px}
.v12-task-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;color:var(--green-2);background:rgba(66,224,208,.08)}.v12-task-icon .icon{width:17px;height:17px}
.v12-task-copy{min-width:0}.v12-task-copy strong,.v12-task-copy small{display:block}.v12-task-copy strong{font-size:11px;line-height:1.28;transition:.25s}.v12-task-copy small{margin-top:4px;color:var(--muted);font-size:7px;line-height:1.35}
.v12-task-timer{display:flex;align-items:center;gap:5px}.v12-task-timer>button{width:29px;height:29px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;background:var(--surface-2);color:var(--green-2)}.v12-task-timer>button .icon{width:14px;height:14px}
.v12-task-ring,.v12-widget-task-ring{--v12-timer:0;position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--green) calc(var(--v12-timer)*1%),rgba(255,255,255,.065) 0)}
.v12-task-ring::before,.v12-widget-task-ring::before{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--surface-solid)}.v12-task-ring b,.v12-widget-task-ring b{position:relative;z-index:1;font-size:7px;font-variant-numeric:tabular-nums}
.v12-task-row.completed{background:linear-gradient(90deg,color-mix(in srgb,var(--green) 19%,var(--surface)),color-mix(in srgb,var(--green) 7%,var(--surface)));border-color:rgba(66,224,208,.3)}
.v12-task-row.completed .v12-task-check{color:#03201f;background:var(--green-2);border-color:var(--green-2);box-shadow:0 0 16px rgba(66,224,208,.25)}
.v12-task-row.completed .v12-task-copy strong{text-decoration:line-through;text-decoration-thickness:1.4px;color:color-mix(in srgb,var(--text) 66%,var(--green-2))}
.v12-task-row.completed .v12-task-copy small{color:color-mix(in srgb,var(--muted) 65%,var(--green-2))}.v12-task-row.completed .v12-task-icon{background:rgba(66,224,208,.18)}
.v12-task-row.completed .v12-task-ring{--v12-timer:100;background:conic-gradient(var(--green-2) 100%,transparent 0)}
.v12-task-row.v12-just-completed{animation:v12-task-pop .65s ease}.v12-task-footer{padding:11px;display:grid;grid-template-columns:1fr 1.15fr;gap:8px;border-top:1px solid var(--line)}.v12-task-footer button{min-height:45px}
@keyframes v12-task-pop{0%{transform:scale(.98)}45%{transform:scale(1.016);box-shadow:0 0 0 5px rgba(66,224,208,.08)}100%{transform:scale(1)}}

/* Modules and home cards */
.v12-section-head{margin-top:21px}.v12-module-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.v12-module-grid button{min-width:0;min-height:74px;padding:9px 3px;border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:linear-gradient(150deg,var(--surface),var(--surface-2));color:var(--text);cursor:pointer}.v12-module-grid button>span{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;color:var(--green-2);background:rgba(66,224,208,.08)}.v12-module-grid .icon{width:17px;height:17px}.v12-module-grid strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:7px;white-space:nowrap}
.v12-balance-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:8px}.v12-motivation{height:176px;padding:14px;display:grid;grid-template-columns:37px minmax(0,1fr);gap:10px}.v12-motivation>span{width:37px;height:37px;border-radius:13px;display:grid;place-items:center;color:var(--green-2);background:rgba(66,224,208,.09)}.v12-motivation small{color:var(--green-2);font-size:7px;font-weight:900;letter-spacing:.08em}.v12-motivation h3{margin:5px 0 8px;font-size:12px;line-height:1.28}.v12-motivation-scroll{height:91px;overflow-y:auto;padding-right:4px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--green) transparent}.v12-motivation-scroll p{margin:0;color:var(--text-soft);font-size:9px;line-height:1.58}
.v12-progress{height:176px;padding:13px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;cursor:pointer}.v12-progress h3{margin:0;font-size:11px}.v12-progress>div{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.v12-progress>div small{color:var(--muted);font-size:6px;display:flex;align-items:center;gap:3px}.v12-progress>div .icon{width:11px;height:11px}
.v12-progress-ring{--v12-progress:0;position:relative;width:86px;height:86px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--green) calc(var(--v12-progress)*1%),rgba(255,255,255,.06) 0)}.v12-progress-ring::before{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--surface-solid)}.v12-progress-ring>span{position:relative;text-align:center}.v12-progress-ring strong,.v12-progress-ring small{display:block}.v12-progress-ring strong{font-size:20px}.v12-progress-ring small{margin-top:2px;color:var(--muted);font-size:7px}.v12-progress-ring.large{width:96px;height:96px}.v12-progress-ring.large strong{font-size:23px}
.v12-discover-card{overflow:hidden}.v12-discover-main{width:100%;min-height:96px;padding:14px;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;gap:11px;align-items:center;border:0;background:linear-gradient(135deg,rgba(66,224,208,.07),transparent);color:var(--text);text-align:left}.v12-discover-main>span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:var(--gold);background:var(--gold-soft)}.v12-discover-main small{display:block;color:var(--green-2);font-size:7px;font-weight:900;letter-spacing:.08em}.v12-discover-main strong{display:block;margin-top:6px;font-size:10px;line-height:1.5}.v12-discover-links{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.v12-discover-links button{min-width:0;min-height:62px;padding:9px 11px;display:grid;grid-template-columns:27px minmax(0,1fr);gap:8px;align-items:center;border:0;border-right:1px solid var(--line);background:transparent;color:var(--text);text-align:left}.v12-discover-links button:last-child{border-right:0}.v12-discover-links button>.icon{color:var(--green-2)}.v12-discover-links small,.v12-discover-links strong{display:block}.v12-discover-links small{color:var(--muted);font-size:6px}.v12-discover-links strong{margin-top:3px;overflow:hidden;text-overflow:ellipsis;font-size:8px;white-space:nowrap}
.v12-upcoming{overflow:hidden}.v12-upcoming>button{width:100%;min-height:59px;padding:8px 12px;display:grid;grid-template-columns:50px minmax(0,1fr) 16px;gap:9px;align-items:center;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left}.v12-upcoming>button:last-child{border-bottom:0}.v12-upcoming-time{color:var(--green-2);font-size:9px;font-weight:900;font-variant-numeric:tabular-nums}.v12-upcoming strong,.v12-upcoming small{display:block}.v12-upcoming strong{font-size:10px}.v12-upcoming small{margin-top:4px;color:var(--muted);font-size:7px}.v12-upcoming .icon{width:14px;color:var(--muted)}

/* Daily flow */
.v12-flow-hero{padding:17px;display:grid;grid-template-columns:96px minmax(0,1fr);gap:15px;align-items:center;background:linear-gradient(145deg,rgba(66,224,208,.08),var(--surface))}.v12-flow-hero small{color:var(--green-2);font-size:7px;font-weight:900;letter-spacing:.09em}.v12-flow-hero h1{margin:5px 0;font-size:17px}.v12-flow-hero p{margin:0;color:var(--muted);font-size:8px;line-height:1.45}.v12-flow-groups{display:flex;flex-direction:column;gap:13px;margin-top:14px}.v12-flow-groups>section{padding:9px;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--surface) 94%,transparent)}.v12-flow-heading{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center;padding:4px 5px 7px}.v12-flow-heading>span{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;color:var(--green-2);background:rgba(66,224,208,.08)}.v12-flow-heading strong,.v12-flow-heading small{display:block}.v12-flow-heading strong{font-size:11px}.v12-flow-heading small{margin-top:3px;color:var(--muted);font-size:7px}.v12-flow-heading b{color:var(--green-2);font-size:9px}

/* Profile redesign */
.v12-profile-view{padding-top:15px}.v12-profile-hero{text-align:center;padding:10px 0 4px}.v12-avatar{position:relative;width:132px;height:132px;margin:0 auto 14px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.v12-avatar-photo{width:100%;height:100%;overflow:hidden;border-radius:50%;display:grid;place-items:center;border:4px solid color-mix(in srgb,var(--green) 72%,transparent);outline:1px solid rgba(66,224,208,.45);background:linear-gradient(145deg,var(--surface-2),var(--surface-3));box-shadow:0 16px 42px rgba(0,0,0,.3),0 0 25px rgba(66,224,208,.08)}.v12-avatar-photo img{width:100%;height:100%;object-fit:cover}.v12-avatar-photo>span{font:700 34px Georgia,serif;color:var(--green-2)}.v12-avatar>b{position:absolute;right:3px;bottom:5px;width:38px;height:38px;border:3px solid var(--bg);border-radius:50%;display:grid;place-items:center;color:#03211f;background:var(--green-2)}.v12-avatar>b .icon{width:18px;height:18px}.v12-profile-name{display:flex;align-items:center;justify-content:center;gap:7px}.v12-profile-name h1{margin:0;font-size:23px}.v12-profile-name button{width:30px;height:30px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;background:var(--surface);color:var(--green-2)}.v12-profile-name .icon{width:15px;height:15px}.v12-profile-hero>p{margin:6px 0 14px;color:var(--muted);font-size:9px}.v12-profile-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.v12-profile-metrics>div{min-height:75px;padding:11px 6px;border:1px solid var(--line);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface)}.v12-profile-metrics strong,.v12-profile-metrics small{display:block}.v12-profile-metrics strong{font-size:20px}.v12-profile-metrics small{margin-top:6px;color:var(--muted);font-size:7px}.v12-profile-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.v12-profile-summary>div{min-height:82px;padding:10px 5px;border:1px solid var(--line);border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--surface),var(--surface-2))}.v12-profile-summary>div>span{color:var(--green-2)}.v12-profile-summary .icon{width:17px;height:17px}.v12-profile-summary strong{margin-top:5px;font-size:14px}.v12-profile-summary small{margin-top:3px;color:var(--muted);font-size:6px}.v12-profile-menu{overflow:hidden}

/* Home editor */
.v12-editor-note{padding:13px;display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center}.v12-editor-note>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:var(--green-2);background:rgba(66,224,208,.08)}.v12-editor-note p{margin:0;color:var(--muted);font-size:8px;line-height:1.5}.v12-editor-list{display:flex;flex-direction:column;gap:8px;margin:12px 0}.v12-editor-list article{min-height:68px;padding:9px 10px;display:grid;grid-template-columns:37px minmax(0,1fr) auto 58px;gap:9px;align-items:center}.v12-editor-list article.disabled{opacity:.55}.v12-editor-list article>span{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;color:var(--green-2);background:rgba(66,224,208,.08)}.v12-editor-list strong,.v12-editor-list small{display:block}.v12-editor-list strong{font-size:10px}.v12-editor-list small{margin-top:4px;color:var(--muted);font-size:7px}.v12-editor-arrows{display:grid;grid-template-columns:1fr 1fr;gap:3px}.v12-editor-arrows button{width:27px;height:29px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);font-size:12px}.v12-editor-arrows button:disabled{opacity:.28}

/* Widget center and previews */
.v12-settings-shortcuts{margin-top:4px}.v12-widget-intro{padding:14px;display:grid;grid-template-columns:43px minmax(0,1fr) 35px;gap:10px;align-items:center}.v12-widget-intro>span{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;color:var(--green-2);background:rgba(66,224,208,.09)}.v12-widget-intro strong{font-size:11px}.v12-widget-intro p{margin:4px 0 0;color:var(--muted);font-size:7px;line-height:1.45}.v12-widget-intro>button{width:35px;height:35px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);color:var(--green-2)}.v12-widget-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.v12-widget-card{padding:13px}.v12-widget-card.featured{border-color:rgba(66,224,208,.36);box-shadow:0 14px 38px rgba(0,0,0,.16)}.v12-widget-card-head{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center}.v12-widget-card-head>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:var(--green-2);background:rgba(66,224,208,.08)}.v12-widget-card-head strong,.v12-widget-card-head small{display:block}.v12-widget-card-head strong{font-size:11px}.v12-widget-card-head small{margin-top:4px;color:var(--muted);font-size:7px;line-height:1.4}.v12-widget-card-head>b{color:var(--green-2);font-size:6px;letter-spacing:.08em}.v12-widget-preview{margin-top:11px;padding:10px;border:1px solid rgba(66,224,208,.2);border-radius:18px;background:linear-gradient(145deg,#0a263e,#071b2e)}body[data-theme="light"] .v12-widget-preview{background:linear-gradient(145deg,var(--surface-2),var(--surface))}.v12-widget-card-foot{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.v12-widget-card-foot>span{display:flex;gap:4px;flex-wrap:wrap}.v12-widget-card-foot em{padding:4px 7px;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:6px;font-style:normal}.v12-widget-card-foot button{min-height:38px;padding:0 11px;border-radius:11px;font-size:7px}
.v12-widget-flow-preview{border-radius:14px;overflow:hidden;background:rgba(4,16,29,.48)}.v12-widget-prayer{padding:11px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(66,224,208,.15)}.v12-widget-prayer small,.v12-widget-prayer strong{display:block}.v12-widget-prayer small{color:var(--green-2);font-size:7px}.v12-widget-prayer strong{margin-top:4px;font-size:12px}.v12-widget-prayer>.icon{width:26px;height:26px;color:var(--green-2)}.v12-widget-task-list>div{min-height:42px;padding:5px 8px;display:grid;grid-template-columns:22px minmax(0,1fr) 38px 27px;gap:6px;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}.v12-widget-task-list>div:last-child{border-bottom:0}.v12-widget-task-list>div>span:first-child{width:22px;height:22px;border:1px solid rgba(255,255,255,.22);border-radius:7px;display:grid;place-items:center;color:#05201f}.v12-widget-task-list>div.done{background:rgba(66,224,208,.11)}.v12-widget-task-list>div.done>span:first-child{background:var(--green-2);border-color:var(--green-2)}.v12-widget-task-list>div.done strong{text-decoration:line-through;color:#a9d8d3}.v12-widget-task-list strong{font-size:7px}.v12-widget-task-list button{width:27px;height:27px;border:1px solid rgba(66,224,208,.22);border-radius:8px;background:rgba(66,224,208,.07);color:var(--green-2)}.v12-widget-task-list button .icon{width:13px;height:13px}.v12-widget-task-ring{width:36px;height:36px}.v12-widget-task-ring::before{inset:4px;background:#092035}.v12-widget-task-ring b{font-size:6px}
.v12-widget-player-preview{min-height:82px;padding:10px;display:grid;grid-template-columns:43px minmax(0,1fr) 37px;gap:9px;align-items:center;border-radius:14px;background:rgba(4,16,29,.45)}.v12-widget-player-preview>span{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;color:var(--green-2);background:rgba(66,224,208,.09)}.v12-widget-player-preview small,.v12-widget-player-preview strong,.v12-widget-player-preview em{display:block}.v12-widget-player-preview small{color:var(--green-2);font-size:6px;font-weight:900}.v12-widget-player-preview strong{margin-top:4px;font-size:9px}.v12-widget-player-preview em{margin-top:4px;color:var(--muted);font-size:6px;font-style:normal}.v12-widget-player-preview>button{width:37px;height:37px;border:1px solid rgba(66,224,208,.25);border-radius:12px;background:var(--green-2);color:#04211f}.v12-widget-media-progress{display:block;height:3px;margin-top:7px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.v12-widget-media-progress b{display:block;height:100%;background:var(--green-2)}.v12-widget-mini{min-height:68px;padding:10px;display:grid;grid-template-columns:39px minmax(0,1fr);gap:9px;align-items:center}.v12-widget-mini>span{grid-row:1/3;width:39px;height:39px;border-radius:13px;display:grid;place-items:center;color:var(--green-2);background:rgba(66,224,208,.08)}.v12-widget-mini strong,.v12-widget-mini small{display:block}.v12-widget-mini strong{font-size:10px}.v12-widget-mini small{color:var(--muted);font-size:7px}
.v12-widget-steps{margin:12px 0 0;padding-left:22px;color:var(--text-soft);font-size:9px;line-height:1.8}

/* Completion prayer */
.v12-completion-dua{text-align:center;padding:20px;border:1px solid rgba(66,224,208,.25);border-radius:23px;background:radial-gradient(circle at 50% 0,rgba(66,224,208,.15),transparent 12rem),var(--surface)}.v12-completion-dua>span{width:64px;height:64px;margin:0 auto 12px;border-radius:21px;display:grid;place-items:center;color:var(--green-2);background:rgba(66,224,208,.1)}.v12-completion-dua>span .icon{width:31px;height:31px}.v12-completion-dua h2{margin:0;font-size:20px}.v12-completion-dua p{margin:12px auto;color:var(--text-soft);font:500 14px/1.65 Georgia,serif}.v12-completion-dua strong{color:var(--green-2);font-size:14px}

@media (max-width:420px){
  .v12-module-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .v12-task-row{grid-template-columns:32px 29px minmax(0,1fr) auto}.v12-task-row>.task-menu-button{display:none}
  .v12-task-ring{width:42px;height:42px}.v12-task-timer>button{width:27px;height:27px}
  .v12-widget-card-foot{align-items:flex-end}.v12-widget-card-foot button{max-width:150px}
}
@media (max-width:370px){
  .v12-greeting-grid{grid-template-columns:minmax(0,1fr) 112px}.v12-flow-mini{padding:8px}.v12-flow-mini em{font-size:6px}
  .v12-prayer-main h2{font-size:24px}.v12-prayer-hero{padding:15px}.v12-prayer-metrics strong{font-size:15px}
  .v12-module-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.v12-balance-grid{grid-template-columns:1fr}.v12-motivation,.v12-progress{height:164px}
  .v12-task-row{grid-template-columns:31px minmax(0,1fr) auto}.v12-task-icon{display:none}.v12-task-footer{grid-template-columns:1fr}
  .v12-editor-list article{grid-template-columns:34px minmax(0,1fr) auto}.v12-editor-arrows{grid-column:2/4;justify-self:end}
}
@media (max-width:330px){
  .v12-greeting-grid{grid-template-columns:1fr}.v12-flow-mini{grid-template-columns:31px minmax(0,1fr);min-height:62px}
  .v12-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v12-profile-metrics,.v12-profile-summary{gap:5px}.v12-profile-metrics>div{min-height:68px}
  body.v12-brand .bottom-nav{grid-template-columns:1fr 78px 1fr;padding-left:17px;padding-right:17px}.v12-widget-card-foot{display:grid}.v12-widget-card-foot button{width:100%;max-width:none}
}
@media (min-width:620px){body.v12-brand .bottom-nav{bottom:18px;height:var(--nav-h);padding-bottom:7px}}

/* V12 Hakkında */
.v12-about-hero{border-color:rgba(66,224,208,.34);background:linear-gradient(135deg,rgba(25,70,101,.92),rgba(7,30,50,.96))}
.v12-about-hero img{filter:drop-shadow(0 0 20px rgba(66,224,208,.22))}
.v12-about-hero h1{color:var(--v12-accent)}
.v12-release-list{padding:4px 16px}
.v12-release-list>div{display:grid;grid-template-columns:32px 1fr;align-items:start;gap:10px;padding:13px 0;border-bottom:1px solid rgba(104,218,223,.13)}
.v12-release-list>div:last-child{border-bottom:0}
.v12-release-list span{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:rgba(66,224,208,.12);color:var(--v12-accent);font-weight:900}
.v12-release-list p{margin:3px 0 0;color:var(--text);line-height:1.45}

/* ========================================================================== */
/* MİZAN v13.0 — Tam Modüller, Dualar, Premium Kur’an / Medya / Video        */
/* ========================================================================== */
body.v13-release{
  --v13-accent:var(--green-2);
  --v13-accent-strong:var(--green);
  --v13-accent-soft:color-mix(in srgb,var(--green) 11%,transparent);
  --v13-gold-soft:color-mix(in srgb,var(--gold) 12%,transparent);
  --v13-card-shadow:0 16px 44px rgba(0,0,0,.18);
}
.v13-section-head{margin-top:24px}
.v13-section-head h2{font-size:19px}
.v13-section-head p{max-width:260px;line-height:1.45}

/* Tam Modüller */
.v13-module-catalog{margin-top:2px}
.v13-module-catalog>.section-head{margin-top:18px}
.v13-module-group{margin:12px 0 16px;padding:12px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--green) 4%,var(--surface)),var(--surface));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.v13-module-group-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin-bottom:10px;padding:0 3px}
.v13-module-group-head strong,.v13-module-group-head small{display:block}
.v13-module-group-head strong{font-size:12px;letter-spacing:.01em}
.v13-module-group-head small{margin-top:4px;color:var(--muted);font-size:8px;line-height:1.35}
.v13-module-group-head>span{min-width:30px;height:25px;padding:0 8px;border:1px solid color-mix(in srgb,var(--green) 25%,var(--line));border-radius:999px;display:grid;place-items:center;color:var(--green-2);background:var(--v13-accent-soft);font-size:8px;font-weight:900}
.v13-module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.v13-module-card{min-width:0;min-height:87px;padding:9px 5px;border:1px solid var(--line);border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text);background:linear-gradient(145deg,var(--surface-2),color-mix(in srgb,var(--surface) 94%,transparent));box-shadow:inset 0 1px rgba(255,255,255,.025);cursor:pointer;transition:transform .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease)}
.v13-module-card:active{transform:scale(.965)}
.v13-module-card>span{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;color:var(--green-2);background:var(--v13-accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--green) 8%,transparent)}
.v13-module-card>span .icon{width:20px;height:20px}
.v13-module-card strong{max-width:100%;font-size:8px;line-height:1.25;text-align:center;overflow-wrap:anywhere}

/* Dua kategorileri */
.v13-dua-view{padding-bottom:16px}
.v13-dua-hero{min-height:104px;padding:14px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;border-color:color-mix(in srgb,var(--green) 30%,var(--line));background:radial-gradient(circle at 94% 10%,var(--v13-accent-soft),transparent 10rem),linear-gradient(145deg,var(--surface),var(--surface-2))}
.v13-dua-hero>span{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;color:var(--green-2);background:var(--v13-accent-soft)}
.v13-dua-hero>span .icon{width:25px;height:25px}
.v13-dua-hero small{color:var(--green-2);font-size:7px;font-weight:900;letter-spacing:.11em}
.v13-dua-hero h2{margin:5px 0 4px;font-size:16px}
.v13-dua-hero p{margin:0;color:var(--muted);font-size:8px;line-height:1.45}
.v13-dua-hero>b{min-width:47px;font-size:22px;text-align:center;color:var(--green-2);font-variant-numeric:tabular-nums}
.v13-dua-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.v13-dua-category{min-width:0;min-height:103px;padding:10px 6px;border:1px solid var(--line);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--text);background:var(--surface);cursor:pointer;transition:.18s var(--ease)}
.v13-dua-category:active{transform:scale(.97)}
.v13-dua-category>span{width:37px;height:37px;border-radius:13px;display:grid;place-items:center;color:var(--green-2);background:var(--v13-accent-soft)}
.v13-dua-category>span .icon{width:19px;height:19px}
.v13-dua-category strong{max-width:100%;font-size:8px;line-height:1.25;text-align:center;overflow-wrap:anywhere}
.v13-dua-category small{color:var(--muted);font-size:6px}
.v13-dua-category.active{border-color:color-mix(in srgb,var(--green) 54%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--green) 13%,var(--surface)),var(--surface));box-shadow:0 9px 27px color-mix(in srgb,var(--green) 10%,transparent)}
.v13-dua-category.esma{border-color:color-mix(in srgb,var(--gold) 28%,var(--line));background:linear-gradient(145deg,var(--v13-gold-soft),var(--surface))}
.v13-dua-category.esma>span{color:var(--gold);background:var(--v13-gold-soft)}
.v13-dua-category.esma.active{border-color:color-mix(in srgb,var(--gold) 64%,var(--line));box-shadow:0 9px 27px color-mix(in srgb,var(--gold) 10%,transparent)}
.v13-dua-search{margin:14px 0 4px}
.v13-dua-list{display:flex;flex-direction:column;gap:11px}
.v13-dua-card{padding:14px;overflow:hidden}
.v13-dua-card.esma{border-color:color-mix(in srgb,var(--gold) 30%,var(--line));background:radial-gradient(circle at 95% 4%,var(--v13-gold-soft),transparent 10rem),var(--surface)}
.v13-dua-card-head{display:grid;grid-template-columns:42px minmax(0,1fr) 35px;gap:10px;align-items:center}
.v13-dua-card-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:var(--green-2);background:var(--v13-accent-soft)}
.v13-dua-card.esma .v13-dua-card-icon{color:var(--gold);background:var(--v13-gold-soft)}
.v13-dua-card-head small,.v13-dua-card-head h3{display:block}
.v13-dua-card-head small{color:var(--green-2);font-size:6px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.v13-dua-card.esma .v13-dua-card-head small{color:var(--gold)}
.v13-dua-card-head h3{margin:4px 0 0;font-size:14px;line-height:1.25}
.v13-dua-arabic{margin:15px 0 8px;padding:14px;border-radius:16px;background:color-mix(in srgb,var(--green) 5%,var(--surface-2));font:500 clamp(23px,7vw,31px)/1.95 "Noto Naskh Arabic","Amiri","Traditional Arabic",serif;text-align:right}
.v13-dua-block{margin-top:10px;padding:11px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}
.v13-dua-block small{display:block;color:var(--green-2);font-size:7px;font-weight:850}
.v13-dua-block p{margin:5px 0 0;color:var(--text-soft);font-size:10px;line-height:1.62}
.v13-esma-detail{margin-top:9px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--gold) 25%,var(--line));border-radius:12px;display:grid;grid-template-columns:18px 1fr;gap:7px;color:var(--text-soft);background:var(--v13-gold-soft);font-size:8px;line-height:1.5}
.v13-esma-detail .icon{width:16px;height:16px;color:var(--gold)}
.v13-dua-source{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:7px}
.v13-dua-source span{min-width:0;display:flex;align-items:center;gap:5px}
.v13-dua-source .icon{width:14px;height:14px;color:var(--green-2)}
.v13-dua-source b{padding:5px 8px;border-radius:999px;color:var(--green-2);background:var(--v13-accent-soft)}
.v13-dua-modal>p{margin:0 0 14px;padding:15px;border-radius:16px;background:var(--surface-2);font:500 27px/1.9 "Noto Naskh Arabic","Amiri",serif;text-align:right}
.v13-dua-modal>div{margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}
.v13-dua-modal small,.v13-dua-modal strong{display:block}
.v13-dua-modal small{color:var(--green-2);font-size:7px}.v13-dua-modal strong{margin-top:5px;font-size:10px;line-height:1.6}

/* Premium Kur’an okuyucu */
.v13-quran-reader{padding-top:8px;padding-bottom:32px}
.v13-reader-head{position:sticky;top:calc(var(--header-h) + env(safe-area-inset-top));z-index:25;min-height:65px;margin:0 -15px 10px;padding:8px 14px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:8px;align-items:center;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 91%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.v13-surah-title{min-width:0;padding:0;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}
.v13-surah-title small,.v13-surah-title strong,.v13-surah-title span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v13-surah-title small{color:var(--green-2);font-size:6px;font-weight:900;letter-spacing:.06em}
.v13-surah-title strong{margin-top:3px;font-size:15px}.v13-surah-title span{margin-top:2px;color:var(--muted);font:500 13px/1.2 serif}
.v13-reader-head-actions{display:flex;gap:5px}.v13-reader-head-actions .mini-button{width:35px;height:35px}
.v13-reader-toolbar{display:flex;gap:7px;margin:8px 0 11px;padding-bottom:2px;overflow-x:auto;scrollbar-width:none}
.v13-reader-toolbar::-webkit-scrollbar{display:none}
.v13-reader-toolbar button{flex:none;min-height:39px;padding:0 11px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:6px;color:var(--text-soft);background:var(--surface);font-size:7px;font-weight:800;cursor:pointer}
.v13-reader-toolbar button.primary,.v13-reader-toolbar button.active{border-color:color-mix(in srgb,var(--green) 38%,var(--line));color:#05211f;background:linear-gradient(135deg,var(--green-2),var(--green))}
.v13-reader-toolbar .icon{width:15px;height:15px}
.v13-bismillah-card{margin:8px 0 12px;padding:14px;border:1px solid color-mix(in srgb,var(--gold) 24%,var(--line));border-radius:18px;background:radial-gradient(circle at 50% 0,var(--v13-gold-soft),transparent 11rem),var(--surface);text-align:center}
.v13-bismillah-card p{margin:0;color:var(--gold);font:600 28px/1.75 "Noto Naskh Arabic","Amiri",serif}.v13-bismillah-card span{display:block;margin-top:3px;color:var(--muted);font-size:8px}
.v13-quran-verses{overflow:hidden}
.v13-ayah{position:relative;padding:15px 14px 17px;border-bottom:1px solid var(--line);transition:background .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease)}
.v13-ayah:last-child{border-bottom:0}
.v13-ayah.read-through{background:linear-gradient(90deg,color-mix(in srgb,var(--green) 7%,transparent),transparent)}
.v13-ayah.last-read{background:linear-gradient(100deg,color-mix(in srgb,var(--green) 16%,transparent),color-mix(in srgb,var(--green) 4%,transparent));box-shadow:inset 3px 0 var(--green-2)}
.v13-ayah.targeted{animation:v13-target-pulse 1.2s ease 2}
.v13-ayah.active-reading{z-index:1;background:linear-gradient(110deg,color-mix(in srgb,var(--green) 22%,var(--surface)),color-mix(in srgb,var(--green) 7%,var(--surface)));box-shadow:inset 3px 0 var(--green-2),0 8px 25px color-mix(in srgb,var(--green) 11%,transparent)}
@keyframes v13-target-pulse{50%{background:color-mix(in srgb,var(--gold) 19%,var(--surface));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--gold) 50%,transparent)}}
.v13-ayah-meta{display:grid;grid-template-columns:auto minmax(0,1fr) 31px 31px 31px;gap:5px;align-items:center;margin-bottom:9px}
.v13-ayah-meta>span{min-width:44px;height:25px;padding:0 8px;border-radius:9px;display:grid;place-items:center;color:var(--green-2);background:var(--v13-accent-soft);font-size:7px;font-weight:900}
.v13-ayah-meta>small{color:var(--muted);font-size:6px}
.v13-ayah-meta>button{width:31px;height:31px;padding:0;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;color:var(--muted);background:var(--surface-2);cursor:pointer}
.v13-ayah-meta>button.active{border-color:color-mix(in srgb,var(--green) 48%,var(--line));color:#05211f;background:var(--green-2)}
.v13-ayah-meta .icon{width:15px;height:15px}
.v13-ayah-texts{position:relative}
.v13-ayah .v11-ayah-arabic{margin:8px 0 13px;font-size:var(--v11-ar-size);font-weight:var(--v11-ar-weight);line-height:var(--v11-ar-line);text-align:right}
.v13-ayah .v11-ayah-tr,.v13-ayah .v11-ayah-en{margin:9px 0 0;font-weight:var(--v11-tr-weight);line-height:var(--v11-translation-line)}
.v13-ayah .v11-ayah-tr{font-size:var(--v11-tr-size)}.v13-ayah .v11-ayah-en{font-size:var(--v11-en-size);font-style:italic;color:var(--text-soft)}
.v13-quran-reader.memorization-mode .v13-ayah:not(.revealed) .v13-ayah-texts{filter:blur(10px);user-select:none;opacity:.55;pointer-events:none}
.v13-reveal-button{width:100%;min-height:39px;margin-top:10px;border:1px dashed color-mix(in srgb,var(--green) 30%,var(--line));border-radius:12px;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--green-2);background:var(--v13-accent-soft);font-size:8px;font-weight:800}
.v13-reader-bottom{position:sticky;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 7px);z-index:24;margin:14px 0 0;padding:7px;border:1px solid var(--line);border-radius:17px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);gap:6px;background:color-mix(in srgb,var(--surface-solid) 94%,transparent);box-shadow:0 13px 42px rgba(0,0,0,.32);backdrop-filter:blur(16px)}
.v13-reader-bottom button{min-width:0;min-height:43px;padding:0 6px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--text-soft);background:var(--surface-2);font-size:7px;font-weight:800;white-space:nowrap}
.v13-reader-bottom button.primary{border:0;color:#05211f;background:linear-gradient(135deg,var(--green-2),var(--green))}.v13-reader-bottom button:disabled{opacity:.35}.v13-reader-bottom .icon{width:15px;height:15px}
.v13-quran-reader.is-fullscreen{position:fixed;inset:0;z-index:720;padding:0 15px 24px;overflow-y:auto;background:var(--bg)}
.v13-quran-reader.is-fullscreen .v13-reader-head{top:0;margin-top:0}.v13-quran-reader.is-fullscreen .v13-reader-bottom{bottom:9px}
.v13-quran-settings{display:flex;flex-direction:column;gap:13px}
.v13-voice-preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}
.v13-voice-preset-grid button{min-height:65px;padding:10px;border:1px solid var(--line);border-radius:14px;color:var(--text);background:var(--surface-2);text-align:left;cursor:pointer}
.v13-voice-preset-grid button.active{border-color:color-mix(in srgb,var(--green) 50%,var(--line));background:var(--v13-accent-soft)}
.v13-voice-preset-grid strong,.v13-voice-preset-grid small{display:block}.v13-voice-preset-grid strong{font-size:9px}.v13-voice-preset-grid small{margin-top:5px;color:var(--muted);font-size:6px}

/* Medya */
.v13-player{padding:15px;display:grid;grid-template-columns:55px minmax(0,1fr);grid-template-areas:"art copy" "controls controls" "seek seek" "speed speed";gap:12px;border-color:color-mix(in srgb,var(--green) 28%,var(--line));background:radial-gradient(circle at 95% 0,var(--v13-accent-soft),transparent 12rem),linear-gradient(145deg,var(--surface),var(--surface-2))}
.v13-player-art{grid-area:art;width:55px;height:55px;border-radius:19px;display:grid;place-items:center;color:var(--green-2);background:var(--v13-accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--green) 12%,transparent)}
.v13-player-art .icon{width:28px;height:28px}.v13-player.playing .v13-player-art{animation:breathe 2.2s ease-in-out infinite}
.v13-player-copy{grid-area:copy;align-self:center;min-width:0}.v13-player-copy small,.v13-player-copy h1,.v13-player-copy p{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v13-player-copy small{color:var(--green-2);font-size:6px;font-weight:900;letter-spacing:.1em}.v13-player-copy h1{margin:5px 0 4px;font-size:14px}.v13-player-copy p{margin:0;color:var(--muted);font-size:7px}
.v13-player-controls{grid-area:controls;display:grid;grid-template-columns:1fr 52px 1fr;gap:8px;align-items:center}
.v13-player-controls button{min-height:42px;border:1px solid var(--line);border-radius:13px;color:var(--text-soft);background:var(--surface-2);font-size:8px}.v13-player-controls button.main{height:52px;border:0;border-radius:17px;color:#05211f;background:linear-gradient(135deg,var(--green-2),var(--green))}.v13-player-controls .icon{width:21px;height:21px}
.v13-media-seek{grid-area:seek;display:grid;grid-template-columns:38px minmax(0,1fr) 38px;gap:8px;align-items:center;color:var(--muted);font-size:6px;font-variant-numeric:tabular-nums}.v13-media-seek input{width:100%;accent-color:var(--green)}
.v13-speed-row{grid-area:speed;display:flex;gap:5px;overflow-x:auto;scrollbar-width:none}.v13-speed-row::-webkit-scrollbar{display:none}.v13-speed-row button{flex:none;min-width:45px;height:31px;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:var(--surface-2);font-size:7px}.v13-speed-row button.active{border-color:color-mix(in srgb,var(--green) 40%,var(--line));color:#05211f;background:var(--green-2)}
.v13-media-categories,.v13-video-categories{display:flex;gap:7px;margin:12px 0 2px;padding-bottom:2px;overflow-x:auto;scrollbar-width:none}.v13-media-categories::-webkit-scrollbar,.v13-video-categories::-webkit-scrollbar{display:none}.v13-media-categories button,.v13-video-categories button{flex:none;min-height:37px;padding:0 11px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:6px;color:var(--text-soft);background:var(--surface);font-size:7px;font-weight:800}.v13-media-categories button.active,.v13-video-categories button.active{border-color:color-mix(in srgb,var(--green) 40%,var(--line));color:#05211f;background:var(--green-2)}.v13-media-categories .icon{width:14px;height:14px}
.v13-media-list{display:flex;flex-direction:column;gap:8px}.v13-media-row{min-height:72px;padding:9px;display:grid;grid-template-columns:42px minmax(0,1fr) 34px 34px;gap:8px;align-items:center}.v13-media-row.selected{border-color:color-mix(in srgb,var(--green) 42%,var(--line));background:linear-gradient(145deg,var(--v13-accent-soft),var(--surface))}.v13-media-play{width:42px;height:42px;border:0;border-radius:14px;display:grid;place-items:center;color:#05211f;background:var(--green-2)}.v13-media-row>div{min-width:0}.v13-media-row small,.v13-media-row strong,.v13-media-row p{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v13-media-row small{color:var(--green-2);font-size:6px}.v13-media-row strong{margin-top:4px;font-size:9px}.v13-media-row p{margin:4px 0 0;color:var(--muted);font-size:6px}

/* Kütüphane ve PDF */
.v13-library-featured{display:grid;grid-template-columns:1fr 1fr;gap:9px}.v13-library-quran{min-width:0;min-height:154px;padding:13px;display:grid;grid-template-columns:41px minmax(0,1fr);grid-template-rows:auto 1fr;gap:9px;text-align:left;color:var(--text);cursor:pointer}.v13-library-quran>span{width:41px;height:41px;border-radius:14px;display:grid;place-items:center;color:var(--green-2);background:var(--v13-accent-soft)}.v13-library-quran>div{min-width:0}.v13-library-quran small,.v13-library-quran strong,.v13-library-quran p{display:block}.v13-library-quran small{color:var(--green-2);font-size:6px;font-weight:900}.v13-library-quran strong{margin-top:5px;font-size:10px;line-height:1.35}.v13-library-quran p{margin:7px 0 0;color:var(--muted);font-size:7px;line-height:1.45}.v13-library-quran>.icon{grid-column:2;justify-self:end;width:17px;color:var(--muted)}.v13-library-quran.meal{border-color:color-mix(in srgb,var(--gold) 24%,var(--line))}.v13-library-quran.meal>span{color:var(--gold);background:var(--v13-gold-soft)}
.v13-library-recent{display:flex;flex-direction:column;gap:8px}.v13-library-recent>button{min-height:72px;padding:10px;display:grid;grid-template-columns:40px minmax(0,1fr) 20px;gap:9px;align-items:center;text-align:left;color:var(--text)}.v13-library-recent>button>span:first-child{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:var(--green-2);background:var(--v13-accent-soft)}.v13-library-recent strong,.v13-library-recent small{display:block}.v13-library-recent strong{font-size:9px}.v13-library-recent small{margin-top:4px;color:var(--muted);font-size:6px}
.v13-book-grid{display:flex;flex-direction:column;gap:8px}.v13-book-card{min-height:92px;padding:10px;display:grid;grid-template-columns:52px minmax(0,1fr) 20px;gap:10px;align-items:center;text-align:left;color:var(--text)}.v13-book-cover{width:52px;height:68px;border-radius:12px;display:grid;place-items:center;color:var(--green-2);background:linear-gradient(145deg,var(--v13-accent-soft),var(--surface-2));box-shadow:0 8px 20px rgba(0,0,0,.15)}.v13-book-card>div{min-width:0}.v13-book-card small,.v13-book-card strong,.v13-book-card p,.v13-book-card em{display:block}.v13-book-card small{color:var(--green-2);font-size:6px}.v13-book-card strong{margin-top:4px;font-size:10px;line-height:1.3}.v13-book-card p{margin:4px 0 0;color:var(--muted);font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v13-book-card em{margin:6px 0 4px;color:var(--text-soft);font-size:6px;font-style:normal}.v13-add-pdf{width:100%;min-height:76px;margin-top:10px;padding:10px;display:grid;grid-template-columns:42px minmax(0,1fr) 22px;gap:10px;align-items:center;color:var(--text);text-align:left;cursor:pointer}.v13-add-pdf>span{width:42px;height:42px;border:1px dashed color-mix(in srgb,var(--green) 45%,var(--line));border-radius:14px;display:grid;place-items:center;color:var(--green-2);background:var(--v13-accent-soft)}.v13-add-pdf strong{font-size:10px}.v13-add-pdf p{margin:5px 0 0;color:var(--muted);font-size:7px;line-height:1.45}
.v13-pdf-toolbar{margin-bottom:10px;padding:7px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.v13-pdf-toolbar button{min-height:39px;padding:0 5px;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--text-soft);background:var(--surface-2);font-size:7px}.v13-pdf-toolbar .icon{width:14px;height:14px}.v13-pdf-focus .app-header,.v13-pdf-focus .bottom-nav{display:none!important}.v13-pdf-focus .book-reader-view{position:fixed;inset:0;z-index:700;padding:8px 12px 18px;overflow-y:auto;background:var(--bg)}.v13-pdf-focus .v13-pdf-toolbar{position:sticky;top:0;z-index:3}

/* Video Merkezi */
.v13-video-player{overflow:hidden;border-color:color-mix(in srgb,var(--green) 26%,var(--line))}.v13-video-player>video,.v13-video-frame{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}.v13-video-empty,.v13-video-unavailable{min-height:230px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 20%,var(--v13-accent-soft),transparent 11rem),var(--surface)}.v13-video-empty>.icon,.v13-video-unavailable>.icon{width:55px;height:55px;color:var(--green-2)}.v13-video-empty h2,.v13-video-unavailable h3{margin:12px 0 6px}.v13-video-empty p,.v13-video-unavailable p{max-width:300px;margin:0 0 15px;color:var(--muted);font-size:9px;line-height:1.55}
.v13-video-now{padding:12px;display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:9px;align-items:center;border-top:1px solid var(--line)}.v13-video-now small,.v13-video-now strong,.v13-video-now span{display:block}.v13-video-now small{color:var(--green-2);font-size:6px;font-weight:900}.v13-video-now strong{margin-top:4px;font-size:11px}.v13-video-now span{margin-top:4px;color:var(--muted);font-size:6px}.v13-video-controls{padding:0 12px 10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.v13-video-controls button{min-height:39px;padding:0 5px;border:1px solid var(--line);border-radius:11px;color:var(--text-soft);background:var(--surface-2);font-size:6px}.v13-video-player>.v13-speed-row{padding:0 12px 12px}
.v13-video-grid{display:flex;flex-direction:column;gap:8px}.v13-video-card{min-height:104px;padding:9px;display:grid;grid-template-columns:112px minmax(0,1fr) 33px;gap:9px;align-items:center}.v13-video-card.selected{border-color:color-mix(in srgb,var(--green) 42%,var(--line));background:linear-gradient(145deg,var(--v13-accent-soft),var(--surface))}.v13-video-thumb{position:relative;width:112px;aspect-ratio:16/9;border:0;border-radius:12px;display:grid;place-items:center;overflow:hidden;color:#fff;background:radial-gradient(circle at 35% 25%,rgba(66,224,208,.3),transparent 5rem),linear-gradient(145deg,#123d58,#071b2e)}.v13-video-thumb>span{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:rgba(3,16,28,.68);backdrop-filter:blur(8px)}.v13-video-thumb>em{position:absolute;right:6px;bottom:6px;padding:4px 6px;border-radius:7px;background:rgba(0,0,0,.68);font-size:6px;font-style:normal}.v13-video-card>div{min-width:0}.v13-video-card small,.v13-video-card strong,.v13-video-card p{display:block}.v13-video-card small{color:var(--green-2);font-size:6px}.v13-video-card strong{margin-top:4px;font-size:9px;line-height:1.35}.v13-video-card p{margin:5px 0 0;color:var(--muted);font-size:6px}

/* Hakkında / Ayarlar */
.v13-settings-shortcuts{margin-top:3px}.v13-about-hero{padding:17px;display:grid;grid-template-columns:76px minmax(0,1fr);gap:15px;align-items:center;border-color:color-mix(in srgb,var(--green) 32%,var(--line));background:radial-gradient(circle at 92% 10%,var(--v13-accent-soft),transparent 12rem),linear-gradient(145deg,var(--surface),var(--surface-2))}.v13-about-hero img{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 0 20px color-mix(in srgb,var(--green) 20%,transparent))}.v13-about-hero small{color:var(--green-2);font-size:8px;font-weight:900}.v13-about-hero h1{margin:4px 0;font-size:26px}.v13-about-hero p{margin:0;color:var(--muted);font-size:8px;line-height:1.4}.v13-release-list{padding:5px 14px}.v13-release-list>div{display:grid;grid-template-columns:30px 1fr;gap:9px;padding:11px 0;border-bottom:1px solid var(--line)}.v13-release-list>div:last-child{border-bottom:0}.v13-release-list span{width:29px;height:29px;border-radius:10px;display:grid;place-items:center;color:var(--green-2);background:var(--v13-accent-soft);font-size:8px;font-weight:900}.v13-release-list p{margin:3px 0 0;color:var(--text-soft);font-size:9px;line-height:1.5}

/* Tema / RTL ve erişilebilirlik uyumu */
body[data-v11-theme="mizan-light"] .v13-video-thumb,body[data-v11-theme="white-black"] .v13-video-thumb,body[data-v11-theme="cream"] .v13-video-thumb,body[data-v11-theme="ivory-gold"] .v13-video-thumb{color:#fff}
html[dir="rtl"] .v13-surah-title,html[dir="rtl"] .v13-book-card,html[dir="rtl"] .v13-library-quran,html[dir="rtl"] .v13-dua-card,html[dir="rtl"] .v13-media-row{text-align:right}
html[dir="rtl"] .v13-ayah.last-read,html[dir="rtl"] .v13-ayah.active-reading{box-shadow:inset -3px 0 var(--green-2)}
html[dir="rtl"] .v13-dua-card-head{grid-template-columns:35px minmax(0,1fr) 42px}.v13-dua-card-head>.mini-button{grid-column:3}html[dir="rtl"] .v13-dua-card-icon{grid-column:1;grid-row:1}

@media (min-width:560px){
  .v13-module-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .v13-dua-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .v13-book-grid{display:grid;grid-template-columns:1fr 1fr}
  .v13-video-grid{display:grid;grid-template-columns:1fr 1fr}.v13-video-card{grid-template-columns:100px minmax(0,1fr) 33px}
}
@media (max-width:420px){
  .v13-module-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .v13-dua-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .v13-reader-head{grid-template-columns:39px minmax(0,1fr) auto;padding-left:11px;padding-right:11px}.v13-reader-head-actions{gap:3px}.v13-reader-head-actions .mini-button{width:32px;height:32px}
  .v13-reader-bottom button span{font-size:6px}.v13-reader-bottom{bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 5px)}
  .v13-video-controls{grid-template-columns:1fr 1fr}.v13-video-card{grid-template-columns:103px minmax(0,1fr) 31px}
}
@media (max-width:360px){
  .v13-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .v13-dua-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v13-dua-hero{grid-template-columns:43px minmax(0,1fr)}.v13-dua-hero>b{grid-column:2;text-align:left;font-size:16px}
  .v13-library-featured{grid-template-columns:1fr}.v13-library-quran{min-height:118px}
  .v13-ayah-meta{grid-template-columns:auto minmax(0,1fr) 29px 29px 29px}.v13-ayah-meta>button{width:29px;height:29px}
  .v13-reader-bottom{grid-template-columns:1fr 1.3fr 1fr;padding:5px;gap:4px}.v13-reader-bottom button{min-height:40px;padding:0 3px;gap:2px}.v13-reader-bottom .icon{width:13px;height:13px}
  .v13-video-card{grid-template-columns:88px minmax(0,1fr) 30px}.v13-video-thumb{width:88px}
  .v13-pdf-toolbar{grid-template-columns:1fr}.v13-voice-preset-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.v13-player.playing .v13-player-art,.v13-ayah.targeted{animation:none!important}}

/* =====================================================================
   MİZAN V14 — Akıllı Planlar, Sağlık ve Yeni Ana Deneyim
   ===================================================================== */
body.v14-release {
  --v14-accent: var(--green);
  --v14-accent-soft: color-mix(in srgb,var(--green) 18%,transparent);
  --v14-card: color-mix(in srgb,var(--surface-solid) 94%,transparent);
  background:
    radial-gradient(circle at 50% -8%,color-mix(in srgb,var(--green) 12%,transparent),transparent 30rem),
    linear-gradient(180deg,var(--bg),var(--bg-2));
  color-scheme: inherit !important;
}
html, body { forced-color-adjust:none; }
body.v14-release .app-shell { max-width:760px; }
body.v14-release .app-main { padding-inline:clamp(14px,4vw,28px); }
body.v14-release .v14-section-head { margin:26px 2px 12px; align-items:end; }
body.v14-release .v14-section-head h2 { font-size:clamp(23px,5.6vw,31px); letter-spacing:-.035em; }
body.v14-release .v14-section-head p { margin-top:4px; }

.v14-home-view { padding-top:8px; padding-bottom:128px; }
.v14-greeting { position:relative; padding:18px 2px 0; }
.v14-greeting h1 { margin:0 0 14px; font-family:Georgia,"Times New Roman",serif; font-size:clamp(42px,10vw,68px); line-height:.98; letter-spacing:-.045em; }
.v14-dates { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:14px; }
.v14-dates span { min-width:0; display:flex; align-items:center; gap:10px; padding:10px 12px; border-left:1px solid var(--line); }
.v14-dates span:first-child { border-left:0; padding-left:2px; }
.v14-dates .icon { color:var(--green); width:24px; height:24px; }
.v14-dates b { font-size:14px; line-height:1.35; }
.v14-history-card { width:100%; display:grid; grid-template-columns:48px minmax(0,1fr) 28px; align-items:center; gap:12px; padding:14px; text-align:left; color:var(--text); border:1px solid var(--line-strong); border-radius:22px; background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 96%,transparent),color-mix(in srgb,var(--green) 7%,var(--surface))); box-shadow:var(--shadow); }
.v14-history-card>span { width:46px; height:46px; display:grid; place-items:center; border-radius:16px; color:var(--green); background:var(--v14-accent-soft); }
.v14-history-card small { display:block; color:var(--green); font-size:10px; font-weight:800; letter-spacing:.1em; }
.v14-history-card strong { display:block; margin:3px 0; font-size:15px; }
.v14-history-card p { margin:0; color:var(--muted); font-size:11px; line-height:1.45; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.v14-history-card>.icon { color:var(--green-2); }

.v14-prayer-card { margin-top:18px; padding:18px; border:1px solid var(--line-strong); border-radius:28px; background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 98%,transparent),color-mix(in srgb,var(--green) 5%,var(--surface))); box-shadow:var(--shadow); overflow:hidden; }
.v14-prayer-head { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:14px; }
.v14-prayer-head>span { color:var(--green); font-weight:900; font-size:11px; letter-spacing:.11em; }
.v14-prayer-head>span b { display:inline-block; width:9px; height:9px; margin-right:7px; border-radius:50%; background:#58d77a; box-shadow:0 0 0 7px rgba(88,215,122,.09),0 0 14px rgba(88,215,122,.5); }
.v14-prayer-head button { border:0; background:none; color:var(--green-2); font-weight:800; font-size:12px; }
.v14-prayer-title { display:flex; align-items:center; gap:13px; }
.v14-prayer-title>span { width:65px; height:65px; display:grid; place-items:center; flex:none; border-radius:22px; background:var(--v14-accent-soft); color:var(--green); }
.v14-prayer-title>span .icon { width:35px; height:35px; }
.v14-prayer-title h2 { margin:0; font-size:clamp(31px,8vw,46px); letter-spacing:-.055em; }
.v14-prayer-title p { margin:3px 0 0; color:var(--text-soft); font-size:13px; }
.v14-prayer-chips { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:6px; margin:16px 0 12px; }
.v14-prayer-chips button { min-width:0; padding:10px 3px; border:1px solid var(--line); border-radius:15px; background:color-mix(in srgb,var(--surface-2) 78%,transparent); color:var(--text); }
.v14-prayer-chips button.active { border-color:var(--green); background:color-mix(in srgb,var(--green) 13%,var(--surface-2)); box-shadow:0 0 0 1px color-mix(in srgb,var(--green) 40%,transparent) inset; }
.v14-prayer-chips strong,.v14-prayer-chips small { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.v14-prayer-chips strong { font-size:10px; }
.v14-prayer-chips small { margin-top:4px; color:var(--muted); font-size:9px; }
.v14-prayer-chips .active small { color:var(--green-2); }
.v14-prayer-bottom { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:14px; }
.v14-prayer-progress { height:6px; border-radius:99px; overflow:hidden; background:var(--surface-3); }
.v14-prayer-progress span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--green),var(--green-2)); transition:width .5s var(--ease); }
.v14-prayer-metric { min-width:130px; padding:8px 11px; border:1px solid var(--line); border-radius:14px; }
.v14-prayer-metric small,.v14-prayer-metric strong { display:block; }
.v14-prayer-metric small { color:var(--muted); font-size:9px; }
.v14-prayer-metric strong { margin-top:2px; font-size:17px; }
.v14-location { display:flex; align-items:center; gap:7px; margin-top:10px; color:var(--muted); font-size:11px; }
.v14-location .icon { width:17px; height:17px; color:var(--green); }

.v14-task-panel { overflow:hidden; padding:0; border-color:var(--line-strong); }
.v14-task-list { display:grid; }
.v14-task-row { position:relative; min-height:80px; display:grid; grid-template-columns:44px 38px minmax(0,1fr) auto auto; align-items:center; gap:9px; padding:13px 14px; border-bottom:1px solid var(--line); transition:.3s var(--ease); }
.v14-task-row:last-child { border-bottom:0; }
.v14-task-row.completed { background:color-mix(in srgb,var(--green) 14%,var(--surface)); }
.v14-task-row.completed .v14-task-copy strong,.v14-task-row.completed .v14-task-copy small { text-decoration:line-through; opacity:.65; }
.v14-task-check { width:43px; height:43px; border:2px solid var(--muted); border-radius:14px; background:transparent; color:transparent; }
.v14-task-row.completed .v14-task-check { color:var(--bg); background:var(--green); border-color:var(--green); }
.v14-task-icon { width:36px; height:36px; display:grid; place-items:center; border-radius:13px; color:var(--green); background:var(--v14-accent-soft); }
.v14-task-copy { min-width:0; }
.v14-task-copy strong,.v14-task-copy small { display:block; }
.v14-task-copy strong { font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.v14-task-copy small { margin-top:4px; color:var(--muted); font-size:9px; }
.v14-task-timer { display:flex; align-items:center; gap:6px; }
.v14-task-timer>button { width:38px; height:38px; display:grid; place-items:center; border:1px solid var(--line); border-radius:13px; background:var(--surface-2); color:var(--green); }
.v14-task-ring { --progress:0; position:relative; width:48px; height:48px; display:grid; place-items:center; border-radius:50%; background:conic-gradient(var(--green) calc(var(--progress)*1%),var(--surface-3) 0); }
.v14-task-ring::before { content:""; position:absolute; inset:5px; border-radius:50%; background:var(--surface-solid); }
.v14-task-ring b { position:relative; font-size:9px; }
.v14-task-footer { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:12px 14px 15px; border-top:1px solid var(--line); }
.v14-task-footer button { min-height:50px; }

.v14-module-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.v14-module-grid button { min-width:0; min-height:92px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:5px; padding:10px 4px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--green) 3%,var(--surface))); color:var(--text); text-align:center; }
.v14-module-grid button>span { width:33px; height:33px; display:grid; place-items:center; color:var(--green); border-radius:12px; background:var(--v14-accent-soft); }
.v14-module-grid strong { font-size:10px; line-height:1.15; }
.v14-module-grid small { display:none; }
.v14-module-grid button:active { transform:scale(.97); border-color:var(--green); }

.v14-balance-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:10px; }
.v14-motivation { min-height:220px; padding:17px; display:flex; gap:11px; overflow:hidden; }
.v14-motivation>span { width:42px; height:42px; display:grid; place-items:center; flex:none; border-radius:14px; background:var(--v14-accent-soft); color:var(--green); }
.v14-motivation small { color:var(--green-2); font-weight:800; }
.v14-motivation h3 { margin:7px 0; font-size:18px; }
.v14-motivation>div>div { max-height:116px; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; }
.v14-motivation p { margin:0; line-height:1.65; color:var(--text-soft); font-size:12px; }
.v14-progress-card { min-height:220px; padding:17px; text-align:left; }
.v14-progress-card h3 { margin:0 0 10px; }
.v14-progress-ring { --progress:0; width:108px; height:108px; margin:auto; display:grid; place-items:center; border-radius:50%; background:conic-gradient(var(--green) calc(var(--progress)*1%),var(--surface-3) 0); }
.v14-progress-ring::before { content:""; width:82px; height:82px; border-radius:50%; background:var(--surface-solid); grid-area:1/1; }
.v14-progress-ring>span { position:relative; grid-area:1/1; text-align:center; }
.v14-progress-ring b,.v14-progress-ring small { display:block; }
.v14-progress-ring b { font-size:24px; color:var(--green-2); }
.v14-progress-ring small { color:var(--muted); }
.v14-progress-card>div { display:flex; justify-content:center; gap:10px; margin-top:12px; color:var(--muted); }
.v14-progress-card>div small { display:flex; align-items:center; gap:3px; font-size:8px; }
.v14-progress-card>div .icon { width:13px; }
.v14-discover { padding:0; overflow:hidden; }
.v14-discover>button { width:100%; display:grid; grid-template-columns:43px minmax(0,1fr) 22px; gap:10px; align-items:center; padding:15px; border:0; border-bottom:1px solid var(--line); background:none; color:var(--text); text-align:left; }
.v14-discover>button:last-child { border-bottom:0; }
.v14-discover>button>span { width:42px; height:42px; display:grid; place-items:center; border-radius:14px; background:var(--v14-accent-soft); color:var(--green); }
.v14-discover small,.v14-discover strong { display:block; }
.v14-discover small { color:var(--green-2); font-size:9px; }
.v14-discover strong { margin-top:4px; line-height:1.45; font-size:12px; }
.v14-upcoming { padding:0; overflow:hidden; }
.v14-upcoming>button { width:100%; display:grid; grid-template-columns:66px minmax(0,1fr) 22px; align-items:center; gap:10px; padding:14px; border:0; border-bottom:1px solid var(--line); background:none; color:var(--text); text-align:left; }
.v14-upcoming>button:last-child { border-bottom:0; }
.v14-upcoming>button>span { color:var(--green); font-weight:800; }
.v14-upcoming strong,.v14-upcoming small { display:block; }
.v14-upcoming small { margin-top:4px; color:var(--muted); font-size:9px; }

.v14-hub-view,.v14-plan-view,.v14-sport-view,.v14-health-view,.v14-theme-view,.v14-quran-index,.v14-about { padding-bottom:120px; }
.v14-hub-hero,.v14-plan-hero,.v14-sport-hero,.v14-health-hero { display:flex; align-items:center; gap:16px; padding:20px; margin-bottom:17px; border:1px solid var(--line-strong); border-radius:26px; background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--green) 8%,var(--surface))); }
.v14-hub-hero>span,.v14-plan-hero>span,.v14-sport-hero>span,.v14-health-hero>span { width:66px; height:66px; display:grid; place-items:center; flex:none; border-radius:22px; color:var(--green); background:var(--v14-accent-soft); }
.v14-hub-hero h1,.v14-plan-hero h1,.v14-sport-hero h1,.v14-health-hero h1 { margin:3px 0; font-size:25px; }
.v14-hub-hero small,.v14-plan-hero small,.v14-sport-hero small,.v14-health-hero small { color:var(--green-2); font-weight:900; letter-spacing:.12em; }
.v14-hub-hero p,.v14-plan-hero p,.v14-sport-hero p,.v14-health-hero p { margin:0; color:var(--muted); font-size:11px; line-height:1.5; }
.v14-hub-grid { display:grid; gap:10px; }
.v14-hub-grid>button { display:grid; grid-template-columns:48px minmax(0,1fr) 22px; align-items:center; gap:12px; padding:15px; text-align:left; }
.v14-hub-grid>button>span { width:46px; height:46px; display:grid; place-items:center; border-radius:15px; background:var(--v14-accent-soft); color:var(--green); }
.v14-hub-grid strong,.v14-hub-grid small { display:block; }
.v14-hub-grid small { margin-top:4px; color:var(--muted); font-size:10px; }

.v14-plan-list { display:grid; gap:10px; }
.v14-plan-card { display:grid; grid-template-columns:52px minmax(0,1fr) 22px; align-items:center; gap:12px; padding:15px; text-align:left; }
.v14-plan-card>span { width:50px; height:50px; display:grid; place-items:center; border-radius:17px; background:var(--v14-accent-soft); color:var(--green); }
.v14-plan-card strong,.v14-plan-card small,.v14-plan-card em { display:block; }
.v14-plan-card small { margin-top:3px; color:var(--green-2); }
.v14-plan-card em { margin-top:4px; color:var(--muted); font-style:normal; font-size:9px; }

.v14-workout { padding:0; overflow:hidden; }
.v14-workout-head { display:flex; justify-content:space-between; gap:12px; padding:17px; }
.v14-workout-head small { color:var(--green); font-weight:900; letter-spacing:.1em; }
.v14-workout-head h2 { margin:4px 0; }
.v14-workout-head p { margin:0; color:var(--muted); }
.v14-workout-head>button { width:40px; height:40px; border:1px solid var(--line); border-radius:13px; background:var(--surface-2); }
.v14-exercise-rows>article { display:grid; grid-template-columns:42px minmax(0,1fr) 36px; gap:10px; align-items:start; padding:14px 16px; border-top:1px solid var(--line); }
.v14-set-master { width:40px; height:40px; border:2px solid var(--muted); border-radius:13px; color:transparent; background:transparent; }
.v14-set-master.done { color:var(--bg); background:var(--green); border-color:var(--green); }
.v14-exercise-rows strong,.v14-exercise-rows small { display:block; }
.v14-exercise-rows small { margin-top:4px; color:var(--muted); font-size:9px; }
.v14-exercise-rows>article>button:last-child { width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--line); border-radius:11px; background:var(--surface-2); color:var(--green); }
.v14-set-buttons { display:flex; flex-wrap:wrap; gap:5px; margin-top:9px; }
.v14-set-buttons button { width:30px; height:30px; border:1px solid var(--line); border-radius:9px; background:var(--surface-2); }
.v14-set-buttons button.done { background:var(--green); color:var(--bg); border-color:var(--green); }
.v14-workout-actions { display:grid; grid-template-columns:1fr 1fr; gap:9px; padding:14px 16px 17px; border-top:1px solid var(--line); }
.v14-sport-filter { display:grid; gap:10px; margin-bottom:12px; }
.v14-sport-filter>div { display:flex; gap:7px; overflow-x:auto; padding-bottom:4px; scrollbar-width:none; }
.v14-sport-filter button { flex:none; padding:8px 12px; border:1px solid var(--line); border-radius:99px; background:var(--surface); }
.v14-sport-filter button.active { color:var(--bg); background:var(--green); border-color:var(--green); }
.v14-exercise-library { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.v14-exercise-library>button { display:grid; grid-template-columns:40px minmax(0,1fr) 20px; gap:9px; align-items:center; padding:12px; text-align:left; }
.v14-exercise-library>button>span { width:38px; height:38px; display:grid; place-items:center; border-radius:13px; background:var(--v14-accent-soft); color:var(--green); }
.v14-exercise-library strong,.v14-exercise-library small { display:block; }
.v14-exercise-library strong { font-size:11px; }
.v14-exercise-library small { margin-top:3px; color:var(--muted); font-size:8px; }
.v14-rest-float { position:fixed; z-index:112; left:50%; bottom:calc(var(--nav-h) + 18px + env(safe-area-inset-bottom)); transform:translateX(-50%); min-width:190px; display:grid; grid-template-columns:1fr auto; grid-template-rows:auto auto; gap:0 14px; padding:12px 16px; border:1px solid var(--green); border-radius:20px; background:color-mix(in srgb,var(--surface-solid) 94%,transparent); box-shadow:0 12px 40px rgba(0,0,0,.45); color:var(--text); }
.v14-rest-float small { color:var(--green); font-weight:900; }
.v14-rest-float strong { font-size:24px; }
.v14-rest-float span { grid-row:1/3; grid-column:2; align-self:center; color:var(--muted); }

.v14-health-templates,.v14-health-plans { display:grid; gap:9px; }
.v14-health-templates>article,.v14-health-plans>article { display:grid; grid-template-columns:48px minmax(0,1fr) auto; gap:11px; align-items:center; padding:14px; }
.v14-health-templates>article>span,.v14-health-plans>article>span { width:46px; height:46px; display:grid; place-items:center; border-radius:15px; background:var(--v14-accent-soft); color:var(--green); }
.v14-health-templates strong,.v14-health-templates small,.v14-health-plans strong,.v14-health-plans small { display:block; }
.v14-health-templates small,.v14-health-plans small { margin-top:4px; color:var(--muted); font-size:9px; }
.v14-health-templates button { min-height:40px; }
.v14-health-plans button { width:42px; height:42px; display:grid; place-items:center; border:1px solid var(--line); border-radius:14px; background:var(--surface-2); color:var(--green); }

.v14-theme-preview { min-height:190px; display:flex; flex-direction:column; justify-content:space-between; padding:20px; margin-bottom:15px; border-radius:27px; background:var(--p-bg); color:var(--p-text); border:1px solid var(--p-accent); }
.v14-theme-preview>div { display:grid; grid-template-columns:48px minmax(0,1fr); align-items:center; gap:12px; padding:14px; border-radius:19px; background:var(--p-surface); }
.v14-theme-preview>div>span { color:var(--p-accent); }
.v14-theme-preview strong,.v14-theme-preview small { display:block; }
.v14-theme-preview button { align-self:end; padding:11px 18px; border:0; border-radius:15px; background:var(--p-accent); color:var(--p-bg); font-weight:900; }
.v14-color-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.v14-color-grid label { display:grid; grid-template-columns:minmax(0,1fr) 42px; align-items:center; gap:8px; padding:12px; }
.v14-color-grid label span { font-size:10px; font-weight:700; }
.v14-color-grid input { width:42px; height:32px; padding:0; border:0; border-radius:9px; overflow:hidden; background:none; }
.v14-color-grid code { grid-column:1/3; color:var(--muted); font-size:9px; }
.v14-theme-guidance { display:flex; gap:10px; padding:14px; }
.v14-theme-guidance span { color:var(--green); }
.v14-theme-guidance p { margin:0; color:var(--muted); font-size:10px; line-height:1.55; }
.v14-saved-themes { display:grid; gap:8px; }
.v14-saved-themes article { display:grid; grid-template-columns:44px minmax(0,1fr) auto 36px; gap:9px; align-items:center; padding:11px; }
.v14-saved-themes article.active { border-color:var(--green); }
.v14-saved-themes article>span { width:42px; height:42px; border-radius:13px; display:grid; place-items:center; }
.v14-saved-themes article>span b { width:17px; height:17px; border-radius:50%; }
.v14-saved-themes button { min-height:34px; border:1px solid var(--line); border-radius:10px; background:var(--surface-2); }

.v14-quran-index { padding-bottom:120px; }
.v14-quran-continue { width:100%; display:grid; grid-template-columns:55px minmax(0,1fr) auto; align-items:center; gap:12px; padding:15px; margin-bottom:12px; text-align:left; }
.v14-quran-continue>span { width:53px; height:53px; display:grid; place-items:center; border-radius:18px; background:var(--v14-accent-soft); color:var(--green); }
.v14-quran-continue small,.v14-quran-continue strong,.v14-quran-continue em { display:block; }
.v14-quran-continue small { color:var(--green); font-weight:900; }
.v14-quran-continue em { margin-top:3px; color:var(--muted); font-style:normal; }
.v14-quran-continue>b { padding:13px 17px; border-radius:15px; color:var(--bg); background:linear-gradient(135deg,var(--green-2),var(--green)); }
.v14-quran-search { display:flex; align-items:center; gap:10px; padding:13px 15px; border:1px solid var(--line); border-radius:19px; background:var(--surface); }
.v14-quran-search span { color:var(--green); }
.v14-quran-search input { min-width:0; flex:1; border:0; outline:0; background:none; color:var(--text); }
.v14-quran-shortcuts { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:12px 0 18px; }
.v14-quran-shortcuts button { min-height:75px; display:flex; align-items:center; justify-content:center; gap:8px; padding:10px; border:1px solid var(--line); border-radius:18px; background:var(--surface); color:var(--text); }
.v14-quran-shortcuts .icon { color:var(--green); }
.v14-quran-shortcuts strong { font-size:10px; line-height:1.25; }
.v14-surah-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:9px; }
.v14-surah-heading h2 { margin:0; }
.v14-surah-heading small { color:var(--muted); }
.v14-surah-list { display:grid; gap:8px; }
.v14-surah-list>button { display:grid; grid-template-columns:42px minmax(0,1fr) auto 20px; gap:10px; align-items:center; padding:13px; border:1px solid var(--line); border-radius:18px; background:var(--surface); color:var(--text); text-align:left; }
.v14-surah-list>button>b { width:40px; height:40px; display:grid; place-items:center; border-radius:13px; color:var(--green); background:var(--v14-accent-soft); }
.v14-surah-list strong,.v14-surah-list small { display:block; }
.v14-surah-list small { margin-top:3px; color:var(--muted); font-size:9px; }
.v14-surah-list em { font-family:"Noto Naskh Arabic","Amiri",serif; font-style:normal; font-size:19px; }
.v14-quran-fab { position:fixed; z-index:118; right:max(18px,calc((100vw - 760px)/2 + 18px)); bottom:calc(var(--nav-h) + 18px + env(safe-area-inset-bottom)); width:56px; height:56px; display:grid; place-items:center; border:1px solid var(--green); border-radius:50%; background:linear-gradient(145deg,var(--surface-solid),var(--surface-2)); color:var(--green); box-shadow:0 13px 38px rgba(0,0,0,.45),0 0 24px color-mix(in srgb,var(--green) 25%,transparent); }
.v14-quran-fab .icon { width:25px; height:25px; }
.v14-quran-settings-modal h3 { margin:18px 0 9px; }
.v14-check-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }
.v14-check-grid label { display:flex; align-items:center; justify-content:center; gap:5px; padding:11px; border:1px solid var(--line); border-radius:14px; background:var(--surface-2); font-size:11px; }

.v14-about-hero { display:flex; align-items:center; gap:15px; padding:20px; }
.v14-about-hero img { width:72px; height:72px; }
.v14-about-hero h1 { margin:2px 0; font-size:32px; }
.v14-release-list { padding:0; overflow:hidden; }
.v14-release-list>div { display:grid; grid-template-columns:35px 1fr; gap:10px; padding:12px 15px; border-bottom:1px solid var(--line); }
.v14-release-list>div:last-child { border-bottom:0; }
.v14-release-list span { width:31px; height:31px; display:grid; place-items:center; border-radius:11px; color:var(--green); background:var(--v14-accent-soft); font-weight:900; }
.v14-release-list p { margin:0; align-self:center; color:var(--text-soft); font-size:10px; line-height:1.5; }
.v14-settings { margin-bottom:20px; }

/* Telefonun zorunlu karanlık modunun açık temaları ezmesini önle. */
body.v14-release[data-theme="light"],
body.v14-release[data-v11-theme="light"],
body.v14-release[data-v11-theme="mono"],
body.v14-release[data-v11-theme="beige"],
body.v14-release[data-v11-theme="ivory"] { color-scheme:light !important; }
body.v14-release[data-theme="dark"],
body.v14-release[data-v11-theme="night"],
body.v14-release[data-v11-theme="emerald"],
body.v14-release[data-v11-theme="sand"],
body.v14-release[data-v11-theme="forest"] { color-scheme:dark !important; }

@media (max-width:430px) {
  .v14-dates { grid-template-columns:1fr; gap:2px; }
  .v14-dates span { border-left:0; padding-left:2px; }
  .v14-greeting h1 { font-size:43px; }
  .v14-prayer-card { padding:14px; }
  .v14-prayer-title>span { width:55px; height:55px; border-radius:18px; }
  .v14-prayer-title h2 { font-size:32px; }
  .v14-prayer-chips { gap:4px; }
  .v14-prayer-chips button { border-radius:13px; padding:9px 1px; }
  .v14-prayer-chips strong { font-size:8.5px; }
  .v14-prayer-chips small { font-size:8px; }
  .v14-prayer-bottom { grid-template-columns:1fr; gap:8px; }
  .v14-prayer-metric { display:grid; grid-template-columns:1fr auto; align-items:center; }
  .v14-prayer-metric strong { font-size:15px; }
  .v14-task-row { grid-template-columns:40px 34px minmax(0,1fr) auto; gap:7px; padding:12px 10px; }
  .v14-task-row .task-menu-button { display:none; }
  .v14-task-icon { width:33px; height:33px; }
  .v14-task-copy strong { font-size:12px; }
  .v14-task-timer>button { width:34px; height:34px; }
  .v14-task-ring { width:44px; height:44px; }
  .v14-task-footer { padding-inline:10px; }
  .v14-task-footer button { font-size:12px; padding-inline:8px; }
  .v14-module-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
  .v14-module-grid button { min-height:79px; padding:7px 2px; border-radius:15px; }
  .v14-module-grid button>span { width:29px; height:29px; }
  .v14-module-grid button>span .icon { width:18px; height:18px; }
  .v14-module-grid strong { font-size:8.5px; }
  .v14-balance-grid { grid-template-columns:1fr 1fr; }
  .v14-motivation,.v14-progress-card { min-height:206px; padding:13px; }
  .v14-motivation>span { display:none; }
  .v14-motivation h3 { font-size:15px; }
  .v14-motivation p { font-size:10px; }
  .v14-progress-ring { width:92px; height:92px; }
  .v14-progress-ring::before { width:70px; height:70px; }
  .v14-exercise-library { grid-template-columns:1fr; }
  .v14-quran-shortcuts button { flex-direction:column; }
  .v14-quran-shortcuts strong { text-align:center; font-size:9px; }
  .v14-surah-list>button { grid-template-columns:38px minmax(0,1fr) auto 18px; gap:7px; }
  .v14-surah-list em { font-size:16px; }
  .v14-color-grid { grid-template-columns:1fr 1fr; }
}

@media (max-width:350px) {
  .v14-module-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .v14-prayer-chips strong { font-size:7.5px; }
  .v14-prayer-chips small { font-size:7px; }
  .v14-task-footer { grid-template-columns:1fr; }
  .v14-balance-grid { grid-template-columns:1fr; }
}

/* V14.1 sade akış düzeltmeleri */
.v14-balance-stack{display:grid;gap:10px}.v14-balance-bar{display:flex;align-items:flex-start;gap:12px;min-height:96px}.v14-balance-bar>span{flex:0 0 38px}.v14-progress-bar{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:12px;text-align:left;min-height:78px}.v14-mini-progress{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) calc(var(--progress)*1%),rgba(255,255,255,.08) 0);position:relative}.v14-mini-progress:after{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--card,#101f2a)}.v14-mini-progress b{position:relative;z-index:1;font-size:13px}.v14-reader-bottom{grid-template-columns:minmax(72px,1fr) minmax(138px,1.45fr) minmax(72px,1fr)!important}.v14-auto-scroll-control{display:grid;grid-template-columns:1fr;gap:4px}.v14-auto-scroll-control>button{min-height:38px!important;padding:6px 8px!important}.v14-auto-scroll-control>button:last-child{display:flex!important;justify-content:center;gap:6px;align-items:center;font-size:11px}.v14-auto-scroll-control small{opacity:.7}.v14-auto-scroll-control b{font-size:11px}.v14-module-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.v14-module-grid button{min-width:0}.v14-module-grid strong{font-size:12px}.v14-module-grid small{font-size:9px;line-height:1.25}@media(max-width:420px){.v14-module-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px}.v14-module-grid button{padding:10px 5px!important}.v14-module-grid button>span{width:34px!important;height:34px!important}.v14-module-grid small{display:none}.v14-reader-bottom{grid-template-columns:68px 1fr 68px!important}}

/* =========================================================
   MİZAN V14.0.1 NİHAİ TAMAMLAMA KATMANI
   ========================================================= */
body.v14-final-release{--v14f-accent:var(--accent,#39d8ca);--v14f-surface:var(--card,var(--surface,#0d263f));--v14f-line:var(--border,var(--line,#20506c));}
.v14f-section-head{margin-top:20px}.v14f-section-head h2{font-size:18px}.v14f-section-head p{max-width:68ch}
.v14f-segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;border:1px solid color-mix(in srgb,var(--v14f-line) 70%,transparent);border-radius:15px;background:color-mix(in srgb,var(--v14f-surface) 88%,transparent);margin:0 0 14px;overflow:auto;scrollbar-width:none}.v14f-segmented::-webkit-scrollbar{display:none}.v14f-segmented button{min-width:68px;border:0;background:transparent;color:var(--muted);border-radius:11px;padding:10px 12px;font-weight:800}.v14f-segmented button.active{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 24%,var(--v14f-surface)),color-mix(in srgb,var(--accent2,var(--accent)) 12%,var(--v14f-surface)));color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent)}

/* Takvim */
.v14f-calendar-view{padding-bottom:120px}.v14f-calendar-card{overflow:hidden}.v14f-week-strip{display:grid;grid-template-columns:repeat(7,minmax(58px,1fr));gap:7px;overflow:auto;padding:2px 0 12px;scrollbar-width:none}.v14f-week-strip::-webkit-scrollbar{display:none}.v14f-week-strip button{display:grid;gap:4px;place-items:center;min-height:78px;border:1px solid var(--v14f-line);border-radius:14px;background:var(--v14f-surface);color:var(--text);padding:8px}.v14f-week-strip button small{color:var(--muted);font-size:10px;text-transform:uppercase}.v14f-week-strip button strong{font-size:20px}.v14f-week-strip button span{font-size:10px;color:var(--accent)}.v14f-week-strip button.active{background:color-mix(in srgb,var(--accent) 18%,var(--v14f-surface));border-color:var(--accent)}.v14f-week-strip button.today strong{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}
.v14f-day-timeline{padding:0;overflow:hidden}.v14f-day-head{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border-bottom:1px solid var(--v14f-line)}.v14f-day-head div{display:grid;gap:3px}.v14f-day-head strong{font-size:16px}.v14f-day-head small{color:var(--muted)}.v14f-timeline-list{display:grid}.v14f-timeline-item{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px;align-items:start;padding:0 10px}.v14f-timeline-item>time{font-size:11px;color:var(--accent);font-weight:800;padding-top:20px;text-align:center;font-variant-numeric:tabular-nums}.v14f-task-row{display:grid;grid-template-columns:32px 34px minmax(0,1fr) auto 30px;align-items:center;gap:8px;padding:12px 6px;border-bottom:1px solid color-mix(in srgb,var(--v14f-line) 65%,transparent);transition:.2s ease}.v14f-timeline-item:last-child .v14f-task-row{border-bottom:0}.v14f-task-row.completed{background:color-mix(in srgb,var(--success,#51d77e) 13%,transparent);border-radius:12px}.v14f-task-row.completed .v14f-task-copy strong{text-decoration:line-through;color:var(--muted)}.v14f-task-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent)}.v14f-task-copy{min-width:0;display:grid;gap:3px}.v14f-task-copy strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v14f-task-copy small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v14f-timer{display:flex;align-items:center;gap:3px}.v14f-timer .v11-timer-ring{width:42px;height:42px}.v14f-timer .v11-timer-ring b{font-size:9px}.v14f-timer>button{width:28px;height:28px;border-radius:9px;border:1px solid var(--v14f-line);background:transparent;color:var(--accent);display:grid;place-items:center}

/* Oruç */
.v14f-fasting-view{padding-bottom:110px}.v14f-fast-hero{position:relative;display:grid;place-items:center;text-align:center;gap:5px;padding:24px 16px;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--accent) 22%,transparent),transparent 58%),var(--v14f-surface);overflow:hidden}.v14f-fast-hero>span{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 17%,transparent);color:var(--accent)}.v14f-fast-hero>small{font-size:11px;letter-spacing:.12em;color:var(--accent);font-weight:900}.v14f-fast-hero>h1{font-size:38px;line-height:1;font-variant-numeric:tabular-nums;margin:4px 0 12px}.v14f-fast-times{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.v14f-fast-times>div{display:grid;gap:2px;padding:9px;border:1px solid color-mix(in srgb,var(--v14f-line) 70%,transparent);border-radius:12px;background:color-mix(in srgb,var(--v14f-surface) 75%,transparent)}.v14f-fast-times small{color:var(--muted);font-size:10px}.v14f-fast-times strong{font-size:14px}.v14f-fast-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.v14f-fast-summary .card{display:grid;gap:3px;text-align:center;padding:13px 7px}.v14f-fast-summary small,.v14f-fast-summary span{font-size:10px;color:var(--muted)}.v14f-fast-summary strong{font-size:19px}.v14f-kaza-fast{display:grid;grid-template-columns:104px minmax(0,1fr);gap:15px;align-items:center}.v14f-kaza-ring,.v14f-score,.v14f-water-ring{--p:calc(var(--progress)*1%);border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) var(--p),color-mix(in srgb,var(--text) 9%,transparent) 0);position:relative}.v14f-kaza-ring{width:100px;height:100px}.v14f-kaza-ring:after,.v14f-score:after,.v14f-water-ring:after{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--v14f-surface)}.v14f-kaza-ring span,.v14f-score span,.v14f-water-ring>*{position:relative;z-index:1}.v14f-kaza-ring span{display:grid;text-align:center}.v14f-kaza-ring strong{font-size:22px}.v14f-kaza-ring small{color:var(--muted)}.v14f-kaza-fast-copy{display:grid;gap:6px}.v14f-kaza-fast-copy>small{color:var(--accent);font-weight:900;letter-spacing:.08em}.v14f-kaza-fast-copy h2{font-size:20px}.v14f-kaza-fast-copy p{font-size:12px;color:var(--muted);line-height:1.45}.v14f-fast-links{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.v14f-fast-links .card{display:grid;justify-items:center;text-align:center;gap:6px;padding:14px 6px}.v14f-fast-links svg{color:var(--accent)}.v14f-fast-links strong{font-size:12px}.v14f-fast-links small{font-size:9px;color:var(--muted)}

/* Sağlık & Planlar */
.v14f-two-hubs{display:grid;gap:12px}.v14f-two-hubs>.card{display:grid;grid-template-columns:54px minmax(0,1fr) 20px;align-items:center;gap:14px;text-align:left;padding:18px}.v14f-two-hubs>.card>span{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.v14f-two-hubs strong{display:block;font-size:18px;margin-bottom:5px}.v14f-two-hubs small{color:var(--muted);line-height:1.45}.v14f-water{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:18px}.v14f-water-ring{width:132px;height:132px;text-align:center}.v14f-water-ring:after{inset:10px}.v14f-water-ring span{color:var(--accent)}.v14f-water-ring strong{font-size:20px;display:block}.v14f-water-ring small{display:block;color:var(--muted)}.v14f-health-templates,.v14f-health-plans{display:grid;gap:8px}.v14f-health-templates article{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px}.v14f-health-templates article>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.v14f-health-templates article div,.v14f-health-plans article div{display:grid;gap:3px}.v14f-health-templates small,.v14f-health-plans small{font-size:10px;color:var(--muted)}.v14f-health-templates button,.v14f-health-plans button{border:1px solid var(--accent);background:transparent;color:var(--accent);border-radius:10px;padding:8px 10px;font-size:11px;font-weight:800}.v14f-health-plans article{display:flex;align-items:center;justify-content:space-between;gap:10px}.v14f-task-panel{padding:4px 8px}.v14f-plan-hero{display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,var(--v14f-surface)),var(--v14f-surface))}.v14f-plan-hero>span{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.v14f-plan-hero small{color:var(--accent);font-weight:900}.v14f-plan-hero h1{font-size:19px;margin:5px 0}.v14f-plan-hero p{font-size:12px;color:var(--muted);line-height:1.5}.v14f-plan-list{display:grid;gap:8px;margin-top:12px}.v14f-plan-card{display:grid;grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:11px;text-align:left}.v14f-plan-card>span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent)}.v14f-plan-card div{display:grid;gap:4px}.v14f-plan-card small{color:var(--muted);font-size:11px}.v14f-plan-note{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center}.v14f-plan-note>span{color:var(--accent)}.v14f-plan-note p{font-size:11px;color:var(--muted);margin-top:4px}.v14f-plan-note button{font-size:11px;color:var(--accent)}

/* İstatistik */
.v14f-stats-hero{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:center}.v14f-score{width:108px;height:108px}.v14f-score:after{inset:9px}.v14f-score span{display:grid;text-align:center}.v14f-score strong{font-size:26px}.v14f-score small{color:var(--muted)}.v14f-stats-hero>div:last-child{display:grid;gap:4px}.v14f-stats-hero>div>small{color:var(--accent);font-weight:900;letter-spacing:.08em}.v14f-stats-hero h1{font-size:22px}.v14f-stats-hero p{color:var(--muted)}.v14f-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:10px 0}.v14f-metrics .card{display:grid;gap:4px;justify-items:center;text-align:center;padding:12px 4px}.v14f-metrics svg{width:20px;height:20px;color:var(--accent)}.v14f-metrics strong{font-size:14px}.v14f-metrics small{font-size:9px;color:var(--muted)}.v14f-chart{display:flex;align-items:flex-end;gap:5px;height:180px;padding:16px 10px 12px;overflow:hidden}.v14f-chart>div{height:100%;flex:1;display:flex;align-items:flex-end;justify-content:center;gap:2px;position:relative;padding-bottom:20px}.v14f-chart span{width:38%;border-radius:5px 5px 2px 2px;min-height:3px}.v14f-chart .task{background:var(--accent)}.v14f-chart .prayer{background:var(--gold,#d7ae58)}.v14f-chart small{position:absolute;bottom:0;font-size:8px;color:var(--muted)}.v14f-coach{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start}.v14f-coach>span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent)}.v14f-coach>div{display:grid;gap:5px}.v14f-coach small{color:var(--accent);font-weight:900}.v14f-coach h2{font-size:17px}.v14f-coach p{font-size:12px;color:var(--muted);line-height:1.5}.v14f-coach button{grid-column:1/-1}.v14f-badges{display:flex;gap:8px;overflow:auto;padding-bottom:5px;scrollbar-width:none}.v14f-badges::-webkit-scrollbar{display:none}.v14f-badges span{display:flex;align-items:center;gap:6px;flex:0 0 auto;padding:10px 12px;border:1px solid var(--v14f-line);border-radius:999px;background:var(--v14f-surface);font-size:11px}.v14f-badges svg{color:var(--gold,#d7ae58)}.v14f-report-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:14px}.v14f-report-actions button{display:grid;justify-items:center;gap:4px;border:1px solid var(--v14f-line);border-radius:13px;background:var(--v14f-surface);color:var(--text);padding:11px 4px;font-size:10px}

/* Yön Bul */
.v14f-qibla-card{display:grid;gap:12px;text-align:center;position:relative;overflow:hidden}.v14f-qibla-card.aligned{box-shadow:0 0 0 1px color-mix(in srgb,var(--success,#51d77e) 85%,transparent),0 0 34px color-mix(in srgb,var(--success,#51d77e) 25%,transparent)}.v14f-qibla-status{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:11px}.v14f-compass{position:relative;width:min(300px,82vw);height:min(300px,82vw);margin:0 auto;padding-top:28px}.v14f-target-marker{position:absolute;z-index:5;top:0;left:50%;transform:translateX(-50%);display:grid;justify-items:center;font-size:34px;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--gold,#d7ae58) 55%,transparent))}.v14f-target-marker small{font-size:9px;color:var(--gold,#d7ae58);font-weight:900;white-space:nowrap}.v14f-compass-ring{position:absolute;inset:30px 0 0;border-radius:50%;border:2px solid color-mix(in srgb,var(--accent) 35%,var(--v14f-line));background:radial-gradient(circle,color-mix(in srgb,var(--accent) 8%,transparent),transparent 62%),repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--text) 26%,transparent) 0 1deg,transparent 1deg 10deg);box-shadow:inset 0 0 0 12px color-mix(in srgb,var(--v14f-surface) 85%,transparent)}.v14f-compass-ring:after{content:"";position:absolute;inset:16px;border-radius:50%;background:var(--v14f-surface);border:1px solid var(--v14f-line)}.v14f-compass-ring>span{position:absolute;z-index:3;font-size:11px;font-weight:900;color:var(--muted)}.v14f-compass-ring .n{top:12px;left:50%;transform:translateX(-50%);color:var(--accent)}.v14f-compass-ring .e{right:14px;top:50%;transform:translateY(-50%)}.v14f-compass-ring .s{bottom:12px;left:50%;transform:translateX(-50%)}.v14f-compass-ring .w{left:14px;top:50%;transform:translateY(-50%)}.v14f-phone-arrow{position:absolute;z-index:4;left:50%;top:50%;width:48px;height:108px;transform-origin:50% 82%;transform:translate(-50%,-82%) rotate(var(--arrow));color:var(--accent);display:flex;align-items:flex-start;justify-content:center;transition:transform .12s linear;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 65%,transparent))}.v14f-phone-arrow svg{width:42px;height:42px}.v14f-center-dot{position:absolute;z-index:6;left:50%;top:50%;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);background:var(--accent);box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 18%,transparent)}.v14f-qibla-message{display:grid;gap:4px}.v14f-qibla-message h2{font-size:21px}.v14f-qibla-card.aligned .v14f-qibla-message h2{color:var(--success,#51d77e)}.v14f-qibla-message p{color:var(--muted);font-size:12px}.v14f-qibla-message strong{color:var(--accent);font-variant-numeric:tabular-nums}.v14f-qibla-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.v14f-qibla-actions .card{display:grid;gap:5px;justify-items:center;text-align:center;padding:13px 5px}.v14f-qibla-actions svg{color:var(--accent)}.v14f-qibla-actions strong{font-size:11px}.v14f-qibla-actions small{font-size:9px;color:var(--muted)}.v14f-target-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.v14f-target-presets button{display:grid;gap:4px;place-items:center;padding:12px;border:1px solid var(--v14f-line);border-radius:13px;background:var(--v14f-surface);color:var(--text);font-size:23px}.v14f-target-presets strong{font-size:11px}.v14f-calibration{display:grid;justify-items:center;gap:12px;text-align:center}.v14f-infinity{font-size:96px;line-height:1;color:var(--accent);filter:drop-shadow(0 0 15px color-mix(in srgb,var(--accent) 50%,transparent))}.v14f-calibration>strong{font-size:28px}.v14f-calibration>div:not(.v14f-infinity){height:10px;width:100%;border-radius:99px;background:color-mix(in srgb,var(--text) 9%,transparent);overflow:hidden}.v14f-calibration>div span{display:block;width:0;height:100%;background:var(--accent);transition:width .1s linear}.v14f-calibration p{font-size:11px;color:var(--muted)}

/* Kur’an */
.v14f-quran-continue{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;text-align:left;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 15%,var(--v14f-surface)),var(--v14f-surface))}.v14f-quran-continue>span{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.v14f-quran-continue div{display:grid;gap:3px}.v14f-quran-continue small{color:var(--accent);font-size:9px;font-weight:900}.v14f-quran-continue p{font-size:10px;color:var(--muted)}.v14f-quran-continue>b{color:var(--accent);font-size:11px}.v14f-quran-two{display:grid;gap:10px;margin-top:12px}.v14f-quran-two>.card{display:grid;grid-template-columns:48px minmax(0,1fr) 20px;align-items:center;gap:12px;text-align:left;padding:18px}.v14f-quran-two>.card>span{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.v14f-quran-two strong{display:block;font-size:17px;margin-bottom:4px}.v14f-quran-two small{color:var(--muted);line-height:1.4}.v14f-quran-browse .v14-surah-list{margin-top:10px}.v14f-reader-bottom{grid-template-columns:minmax(62px,1fr) minmax(150px,1.6fr) minmax(62px,1fr)!important;position:sticky!important;bottom:calc(var(--bottom-nav-height,74px) + env(safe-area-inset-bottom,0px) + 4px);z-index:30;background:color-mix(in srgb,var(--background,#071426) 92%,transparent);backdrop-filter:blur(16px);padding:6px;border:1px solid var(--v14f-line);border-radius:16px;box-shadow:0 12px 30px rgba(0,0,0,.35)}.v14f-auto-center{display:grid;grid-template-columns:1fr;gap:4px}.v14f-auto-center>button{display:flex;align-items:center;justify-content:center;gap:5px;border-radius:10px;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 11%,transparent);color:var(--accent);min-height:34px;font-size:10px;font-weight:900}.v14f-auto-center>button.active{background:var(--accent);color:#041618}.v14f-auto-center select{width:100%;min-height:29px;border:1px solid var(--v14f-line);border-radius:9px;background:var(--v14f-surface);color:var(--text);font-size:9px;text-align:center;padding:2px 4px}

/* Bildirim */
.v14f-notification-theme{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:start;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 15%,var(--v14f-surface)),var(--v14f-surface))}.v14f-notification-theme>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.v14f-notification-theme small{color:var(--accent);font-weight:900}.v14f-notification-theme h3{font-size:15px;margin:4px 0}.v14f-notification-theme p{font-size:11px;color:var(--muted);line-height:1.45}.v14f-notification-theme button{grid-column:1/-1}.v14f-notification-preview{display:grid;gap:12px;padding:20px;border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);border-radius:18px;background:radial-gradient(circle at 80% 0,color-mix(in srgb,var(--accent) 22%,transparent),transparent 50%),var(--v14f-surface)}.v14f-notification-preview>small{color:var(--accent);font-weight:900}.v14f-notification-preview>div{display:grid;gap:4px;padding:12px;border-radius:13px;background:color-mix(in srgb,var(--accent) 10%,transparent)}.v14f-notification-preview>div strong{color:var(--accent)}.v14f-notification-preview>div span{font-size:12px;color:var(--muted)}

@media(max-width:420px){
  .v14f-task-row{grid-template-columns:30px 30px minmax(0,1fr) auto 26px;gap:5px}.v14f-timeline-item{grid-template-columns:42px minmax(0,1fr);padding:0 6px}.v14f-task-copy strong{font-size:12px}.v14f-task-copy small{font-size:9px}.v14f-timer .v11-timer-ring{width:38px;height:38px}.v14f-timer>button{display:none}
  .v14f-water{grid-template-columns:112px minmax(0,1fr);gap:12px}.v14f-water-ring{width:108px;height:108px}.v14f-water h2{font-size:16px}.v14f-water .button-row{grid-template-columns:36px 1fr 36px}
  .v14f-kaza-fast{grid-template-columns:86px minmax(0,1fr)}.v14f-kaza-ring{width:84px;height:84px}.v14f-kaza-ring strong{font-size:18px}.v14f-fast-links strong{font-size:10px}
  .v14f-stats-hero{grid-template-columns:88px minmax(0,1fr)}.v14f-score{width:84px;height:84px}.v14f-score strong{font-size:21px}.v14f-metrics{grid-template-columns:repeat(4,1fr)}.v14f-metrics strong{font-size:12px}
  .v14f-compass{width:min(276px,80vw);height:min(276px,80vw)}.v14f-qibla-actions strong{font-size:9px}.v14f-reader-bottom{grid-template-columns:58px minmax(132px,1fr) 58px!important}.v14f-reader-bottom>button span{font-size:9px}
}
@media print{.bottom-nav,.floating-action,.v14f-report-actions,.page-header button,.ai-launcher{display:none!important}.app-shell,.app-main{max-width:none!important;width:100%!important}.v14f-stats-view{padding:0!important}.v14f-stats-view .card{break-inside:avoid}}

/* V14.0.1 nihai: current Yön Bul DOM and theme-linked reminder */
.v14f-direction-view{padding-bottom:118px}
.v14f-direction-card{display:grid;gap:12px;text-align:center;position:relative;overflow:hidden;padding:18px;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 58%),var(--v14f-surface)}
.v14f-direction-card.aligned{border-color:color-mix(in srgb,var(--success,#51d77e) 78%,var(--v14f-line));box-shadow:0 0 0 1px color-mix(in srgb,var(--success,#51d77e) 42%,transparent),0 0 34px color-mix(in srgb,var(--success,#51d77e) 18%,transparent)}
.v14f-direction-status{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:11px;min-height:22px}
.v14f-direction-status .pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 13%,transparent);animation:pulse 1.8s ease infinite}
.v14f-compass{position:relative;width:min(310px,80vw);height:min(310px,80vw);aspect-ratio:1;margin:8px auto 4px;padding:0;border-radius:50%;isolation:isolate}
.v14f-compass:before{content:"";position:absolute;inset:18px;border-radius:50%;z-index:1;border:2px solid color-mix(in srgb,var(--accent) 38%,var(--v14f-line));background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--text) 35%,transparent) 0 1deg,transparent 1deg 10deg);box-shadow:inset 0 0 0 12px color-mix(in srgb,var(--v14f-surface) 88%,transparent),0 0 24px color-mix(in srgb,var(--accent) 12%,transparent)}
.v14f-compass:after{content:"";position:absolute;inset:48px;border-radius:50%;z-index:2;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--accent) 8%,var(--v14f-surface)),var(--v14f-surface) 68%);border:1px solid color-mix(in srgb,var(--v14f-line) 75%,transparent)}
.v14f-target-marker{position:absolute;z-index:9;top:-2px;left:50%;transform:translateX(-50%);display:grid;justify-items:center;gap:2px;width:62px;padding:6px 4px 5px;border-radius:20px;background:color-mix(in srgb,var(--v14f-surface) 90%,transparent);border:1px solid color-mix(in srgb,var(--gold,#d7ae58) 65%,var(--v14f-line));box-shadow:0 0 22px color-mix(in srgb,var(--gold,#d7ae58) 22%,transparent);font-size:31px;line-height:1}
.v14f-target-marker small{font-size:9px;color:var(--gold,#d7ae58);font-weight:900;white-space:nowrap}
.v14f-compass-cardinals{position:absolute;inset:18px;z-index:4;pointer-events:none}
.v14f-compass-cardinals span{position:absolute;color:var(--muted);font-size:12px;font-weight:900}
.v14f-compass-cardinals span:nth-child(1){top:15px;left:50%;transform:translateX(-50%);color:var(--gold,#d7ae58)}
.v14f-compass-cardinals span:nth-child(2){right:16px;top:50%;transform:translateY(-50%)}
.v14f-compass-cardinals span:nth-child(3){bottom:14px;left:50%;transform:translateX(-50%)}
.v14f-compass-cardinals span:nth-child(4){left:16px;top:50%;transform:translateY(-50%)}
.v14f-direction-arrow{position:absolute;z-index:7;left:50%;top:52%;width:52px;height:126px;transform-origin:50% 82%;transform:translate(-50%,-50%) rotate(0deg);display:flex;align-items:flex-start;justify-content:center;color:var(--accent);transition:transform .12s linear;filter:drop-shadow(0 0 9px color-mix(in srgb,var(--accent) 65%,transparent))}
.v14f-direction-arrow .icon{width:48px;height:48px;stroke-width:2.2}
.v14f-compass-center{position:absolute;z-index:8;left:50%;top:52%;width:25px;height:25px;border-radius:50%;transform:translate(-50%,-50%);background:var(--v14f-surface);border:3px solid var(--accent);box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 13%,transparent)}
.v14f-direction-card>h2{font-size:22px;margin-top:0}.v14f-direction-card.aligned>h2{color:var(--success,#51d77e)}
.v14f-direction-card>p{font-size:12px;color:var(--muted);line-height:1.5;margin:-4px auto 2px;max-width:330px}
.v14f-bearing-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.v14f-bearing-row>span{display:grid;gap:3px;padding:10px 6px;border-radius:12px;border:1px solid color-mix(in srgb,var(--v14f-line) 75%,transparent);background:color-mix(in srgb,var(--v14f-surface) 76%,transparent)}
.v14f-bearing-row small{font-size:9px;color:var(--muted)}.v14f-bearing-row strong{font-size:15px;font-variant-numeric:tabular-nums;color:var(--accent)}
.v14f-direction-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.v14f-direction-actions .card{display:grid;gap:5px;justify-items:center;text-align:center;padding:13px 5px;min-height:86px}
.v14f-direction-actions svg{color:var(--accent)}.v14f-direction-actions strong{font-size:10px}.v14f-direction-actions small{font-size:8px;color:var(--muted);line-height:1.35}
.v14f-themed-reminder .v11-reminder-card{border-color:color-mix(in srgb,var(--accent) 52%,var(--line));background:radial-gradient(circle at 82% 0,color-mix(in srgb,var(--accent) 23%,transparent),transparent 46%),linear-gradient(155deg,color-mix(in srgb,var(--accent) 10%,var(--surface-solid)),var(--surface-solid));box-shadow:0 30px 90px rgba(0,0,0,.58),0 0 34px color-mix(in srgb,var(--accent) 14%,transparent)}
.v14f-themed-reminder .v11-reminder-mark{background:color-mix(in srgb,var(--accent) 17%,transparent);color:var(--accent)}
.v14f-themed-reminder .v11-reminder-card>small,.v14f-themed-reminder .v11-reminder-card section b{color:var(--accent)}
.v14f-themed-reminder .v11-reminder-card>section,.v14f-themed-reminder .v11-reminder-task,.v14f-themed-reminder .v11-reminder-actions button{border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--surface-2))}
.v14f-themed-reminder .v11-reminder-actions button.primary{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 62%,#041a28));color:#03171b}
@media(max-width:430px){.v14f-direction-card{padding:14px 12px}.v14f-compass{width:min(282px,78vw);height:min(282px,78vw)}.v14f-direction-actions strong{font-size:9px}.v14f-direction-actions small{display:none}}

/* =========================================================
   MİZAN V14.0.1 NİHAİ — GERÇEK DOM UYUMLULUK VE POLİŞAJ
   Bu blok v14final.js içindeki son sınıfları doğrudan stiller.
   ========================================================= */
body.v14-final-release{
  --v14f-bg:var(--background,#061a2a);
  --v14f-card:var(--card,var(--surface,#0c263a));
  --v14f-card-2:var(--surface-2,var(--surface,#102d43));
  --v14f-line:var(--line,var(--border,#1a5268));
  --v14f-text:var(--text,#f4fbff);
  --v14f-muted:var(--muted,var(--text-soft,#94aebc));
  --v14f-accent:var(--accent,var(--green,#42d8ca));
  --v14f-success:var(--success,#55d77d);
  --v14f-gold:var(--gold,#d9b35f);
}
body.v14-final-release .v14f-calendar-view,
body.v14-final-release .v14f-fasting-view,
body.v14-final-release .v14f-health-view,
body.v14-final-release .v14f-plan-view,
body.v14-final-release .v14f-stats-view,
body.v14-final-release .v14f-quran-index,
body.v14-final-release .v14f-direction-view{padding-bottom:calc(var(--nav-h,88px) + 42px)}

/* Ortak sekmeler ve araç çubukları */
body.v14-final-release .v14f-mode-tabs,
body.v14-final-release .v14f-period-tabs{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;
  margin:0 0 14px;padding:5px;border:1px solid color-mix(in srgb,var(--v14f-line) 82%,transparent);
  border-radius:17px;background:color-mix(in srgb,var(--v14f-card) 92%,transparent);
  box-shadow:0 12px 28px rgba(0,0,0,.16)
}
body.v14-final-release .v14f-period-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
body.v14-final-release .v14f-mode-tabs button,
body.v14-final-release .v14f-period-tabs button{
  min-width:0;border:0;border-radius:12px;background:transparent;color:var(--v14f-muted);
  padding:10px 5px;font-size:12px;font-weight:800;transition:.18s ease
}
body.v14-final-release .v14f-mode-tabs button.active,
body.v14-final-release .v14f-period-tabs button.active{
  color:#031b20;background:linear-gradient(135deg,color-mix(in srgb,var(--v14f-accent) 86%,#fff),var(--v14f-accent));
  box-shadow:0 8px 20px color-mix(in srgb,var(--v14f-accent) 22%,transparent)
}
body.v14-final-release .v14f-calendar-toolbar{
  display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px;margin-bottom:13px
}
body.v14-final-release .v14f-calendar-toolbar>strong{text-align:center;font-size:17px;text-transform:capitalize}
body.v14-final-release .v14f-calendar-toolbar>button,
body.v14-final-release .v14f-day-switcher>button{
  width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--v14f-line);border-radius:13px;
  background:color-mix(in srgb,var(--v14f-card-2) 92%,transparent);color:var(--v14f-text)
}

/* Takvim */
body.v14-final-release .v14f-calendar-card{padding:17px;border-radius:24px}
body.v14-final-release .v14f-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:4px 0 7px}
body.v14-final-release .v14f-weekdays span{text-align:center;color:var(--v14f-muted);font-size:10px;font-weight:700}
body.v14-final-release .v14f-month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
body.v14-final-release .v14f-month-grid button{
  position:relative;min-width:0;aspect-ratio:1;border:1px solid transparent;border-radius:13px;background:transparent;color:var(--v14f-text);
  display:grid;place-items:center;padding:3px
}
body.v14-final-release .v14f-month-grid button strong{font-size:13px;position:relative;z-index:2}
body.v14-final-release .v14f-month-grid button.outside{opacity:.28}
body.v14-final-release .v14f-month-grid button.today{border-color:color-mix(in srgb,var(--v14f-accent) 45%,transparent)}
body.v14-final-release .v14f-month-grid button.selected{background:linear-gradient(145deg,var(--v14f-accent),color-mix(in srgb,var(--v14f-accent) 55%,#196f75));color:#032126;box-shadow:0 9px 20px color-mix(in srgb,var(--v14f-accent) 20%,transparent)}
body.v14-final-release .v14f-month-grid button>span{position:absolute;bottom:5px;left:20%;right:20%;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--v14f-success) var(--day-progress),color-mix(in srgb,var(--v14f-text) 12%,transparent) 0)}
body.v14-final-release .v14f-week-strip{display:block;padding:17px;border-radius:24px;overflow:hidden}
body.v14-final-release .v14f-week-strip>div:last-child{display:grid;grid-template-columns:repeat(7,minmax(54px,1fr));gap:7px;overflow:auto;scrollbar-width:none;padding-bottom:2px}
body.v14-final-release .v14f-week-strip>div:last-child::-webkit-scrollbar{display:none}
body.v14-final-release .v14f-week-strip>div:last-child button{min-height:78px;min-width:54px}
body.v14-final-release .v14f-week-strip button.selected{background:color-mix(in srgb,var(--v14f-accent) 18%,var(--v14f-card));border-color:var(--v14f-accent)}
body.v14-final-release .v14f-day-switcher{
  display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:12px;padding:15px 16px;margin-bottom:12px;border-radius:20px
}
body.v14-final-release .v14f-day-switcher>div{text-align:center;display:grid;gap:3px}
body.v14-final-release .v14f-day-switcher strong{font-size:17px;text-transform:capitalize}
body.v14-final-release .v14f-day-switcher small{font-size:11px;color:var(--v14f-accent)}
body.v14-final-release .v14f-day-timeline{padding:0;border-radius:24px;overflow:hidden}
body.v14-final-release .v14f-day-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--v14f-line)}
body.v14-final-release .v14f-day-title>div{display:grid;gap:4px}
body.v14-final-release .v14f-day-title strong{font-size:17px;text-transform:capitalize}
body.v14-final-release .v14f-day-title small{color:var(--v14f-muted);font-size:11px}
body.v14-final-release .v14f-day-title>button{display:flex;align-items:center;gap:6px;border:1px solid var(--v14f-line);border-radius:12px;background:color-mix(in srgb,var(--v14f-accent) 10%,transparent);color:var(--v14f-accent);padding:9px 12px;font-weight:800}
body.v14-final-release .v14f-time-group{border-bottom:1px solid color-mix(in srgb,var(--v14f-line) 70%,transparent)}
body.v14-final-release .v14f-time-group:last-child{border-bottom:0}
body.v14-final-release .v14f-time-label{display:flex;align-items:center;gap:8px;padding:12px 15px 7px;color:var(--v14f-accent)}
body.v14-final-release .v14f-time-label>span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--v14f-accent) 12%,transparent)}
body.v14-final-release .v14f-time-label strong{font-size:14px;color:var(--v14f-text)}
body.v14-final-release .v14f-time-label small{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--v14f-muted);font-size:11px}
body.v14-final-release .v14f-task{
  display:grid;grid-template-columns:38px minmax(0,1fr) auto 30px;align-items:center;gap:10px;
  padding:12px 14px;margin:0 8px 7px;border:1px solid color-mix(in srgb,var(--v14f-line) 65%,transparent);
  border-radius:16px;background:color-mix(in srgb,var(--v14f-card-2) 58%,transparent);transition:.2s ease
}
body.v14-final-release .v14f-task.completed{background:color-mix(in srgb,var(--v14f-success) 14%,var(--v14f-card));border-color:color-mix(in srgb,var(--v14f-success) 45%,var(--v14f-line))}
body.v14-final-release .v14f-task.completed .v14f-task-copy strong{text-decoration:line-through;color:var(--v14f-muted)}
body.v14-final-release .v14f-task-check{width:36px;height:36px;border:2px solid color-mix(in srgb,var(--v14f-muted) 72%,transparent);border-radius:12px;background:transparent;color:transparent;display:grid;place-items:center}
body.v14-final-release .v14f-task.completed .v14f-task-check{border-color:var(--v14f-success);background:var(--v14f-success);color:#062019}
body.v14-final-release .v14f-task-copy{min-width:0;display:grid;gap:4px}
body.v14-final-release .v14f-task-copy strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v14-final-release .v14f-task-copy small{font-size:10px;color:var(--v14f-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v14-final-release .v14f-task-time{display:flex;align-items:center;gap:5px}
body.v14-final-release .v14f-ring{--p:calc(var(--progress)*1%);position:relative;width:47px;height:47px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--v14f-accent) var(--p),color-mix(in srgb,var(--v14f-text) 9%,transparent) 0)}
body.v14-final-release .v14f-ring:after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--v14f-card)}
body.v14-final-release .v14f-ring b{position:relative;z-index:1;font-size:9px;font-variant-numeric:tabular-nums}
body.v14-final-release .v14f-task-time>button,body.v14-final-release .v14f-more{width:30px;height:30px;border:1px solid var(--v14f-line);border-radius:10px;background:transparent;color:var(--v14f-accent);display:grid;place-items:center}
body.v14-final-release .v14f-more{color:var(--v14f-muted);border-color:transparent}

/* Oruç */
body.v14-final-release .v14f-fast-hero{
  display:grid;justify-items:center;gap:7px;text-align:center;padding:24px 18px;margin-bottom:12px;border:1px solid var(--v14f-line);border-radius:25px;
  background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--v14f-gold) 17%,transparent),transparent 58%),var(--v14f-card)
}
body.v14-final-release .v14f-fast-hero>span{width:56px;height:56px;display:grid;place-items:center;border-radius:18px;background:color-mix(in srgb,var(--v14f-gold) 12%,transparent);color:var(--v14f-gold)}
body.v14-final-release .v14f-fast-hero>small{color:var(--v14f-gold);font-size:11px;font-weight:900;letter-spacing:.1em}
body.v14-final-release .v14f-fast-hero>h1{font-size:40px;line-height:1;font-variant-numeric:tabular-nums;margin:4px 0}
body.v14-final-release .v14f-fast-hero>p{color:var(--v14f-muted);font-size:11px}
body.v14-final-release .v14f-fast-hero>div{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:7px}
body.v14-final-release .v14f-fast-hero>div>span{display:grid;gap:3px;padding:10px 5px;border:1px solid var(--v14f-line);border-radius:13px;background:color-mix(in srgb,var(--v14f-card-2) 65%,transparent)}
body.v14-final-release .v14f-fast-hero>div small{font-size:9px;color:var(--v14f-muted)}
body.v14-final-release .v14f-fast-hero>div strong{font-size:15px}
body.v14-final-release .v14f-fast-today{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;margin-bottom:10px}
body.v14-final-release .v14f-fast-today>div{min-width:0;display:grid;gap:4px}
body.v14-final-release .v14f-fast-today small{color:var(--v14f-accent);font-size:9px;font-weight:900}
body.v14-final-release .v14f-fast-today strong{font-size:16px}
body.v14-final-release .v14f-fast-today p{font-size:10px;color:var(--v14f-muted)}
body.v14-final-release .v14f-fast-today>button{flex:0 0 auto}
body.v14-final-release .v14f-fast-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 2px}
body.v14-final-release .v14f-fast-summary .card{display:grid;justify-items:center;gap:5px;text-align:center;padding:14px 5px}
body.v14-final-release .v14f-fast-summary svg{color:var(--v14f-accent)}
body.v14-final-release .v14f-fast-summary strong{font-size:20px}
body.v14-final-release .v14f-fast-summary small{font-size:9px;color:var(--v14f-muted)}
body.v14-final-release .v14f-kaza-fast{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:15px;padding:17px}
body.v14-final-release .v14f-kaza-ring{--p:calc(var(--progress)*1%);width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--v14f-accent) var(--p),color-mix(in srgb,var(--v14f-text) 9%,transparent) 0);position:relative}
body.v14-final-release .v14f-kaza-ring:after{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--v14f-card)}
body.v14-final-release .v14f-kaza-ring>span{position:relative;z-index:1;display:grid;text-align:center}
body.v14-final-release .v14f-kaza-ring strong{font-size:20px}
body.v14-final-release .v14f-kaza-ring small{font-size:9px;color:var(--v14f-muted)}
body.v14-final-release .v14f-kaza-fast>div:last-child{display:grid;gap:7px}
body.v14-final-release .v14f-kaza-fast>div:last-child>strong{font-size:16px}
body.v14-final-release .v14f-kaza-fast p{font-size:11px;color:var(--v14f-muted);line-height:1.45}
body.v14-final-release .v14f-fast-calendar{padding:16px;border-radius:23px}
body.v14-final-release .v14f-fast-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
body.v14-final-release .v14f-fast-grid>span{aspect-ratio:1}
body.v14-final-release .v14f-fast-grid button{min-width:0;aspect-ratio:1;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--v14f-text);display:grid;place-items:center;align-content:center;gap:1px}
body.v14-final-release .v14f-fast-grid button.today{border-color:var(--v14f-accent)}
body.v14-final-release .v14f-fast-grid button.logged{background:color-mix(in srgb,var(--v14f-accent) 14%,transparent)}
body.v14-final-release .v14f-fast-grid small{font-size:7px;color:var(--v14f-accent)}
body.v14-final-release .v14f-fast-history{display:grid;gap:8px}
body.v14-final-release .v14f-fast-history>button{display:grid;grid-template-columns:40px minmax(0,1fr) 20px;align-items:center;gap:11px;text-align:left;padding:14px}
body.v14-final-release .v14f-fast-history>button>span{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--v14f-accent) 12%,transparent);color:var(--v14f-accent)}
body.v14-final-release .v14f-fast-history div{display:grid;gap:3px}
body.v14-final-release .v14f-fast-history small{font-size:10px;color:var(--v14f-muted)}
body.v14-final-release .v14f-fast-links{display:grid;gap:8px;padding:0;background:transparent;border:0;box-shadow:none}
body.v14-final-release .v14f-fast-links>button{display:grid;grid-template-columns:40px minmax(0,1fr) 20px;align-items:center;gap:11px;text-align:left;padding:14px;border:1px solid var(--v14f-line);border-radius:17px;background:var(--v14f-card);color:var(--v14f-text)}
body.v14-final-release .v14f-fast-links>button>svg{color:var(--v14f-accent)}
body.v14-final-release .v14f-fast-links span{display:grid;gap:3px}
body.v14-final-release .v14f-fast-links small{font-size:10px;color:var(--v14f-muted)}

/* Planlar ve Sağlık */
body.v14-final-release .v14f-plan-hero{padding:19px;border:1px solid var(--v14f-line);border-radius:23px;background:linear-gradient(135deg,color-mix(in srgb,var(--v14f-accent) 15%,var(--v14f-card)),var(--v14f-card));margin-bottom:12px}
body.v14-final-release .v14f-plan-grid{display:grid;gap:9px}
body.v14-final-release .v14f-plan-grid>.card,body.v14-final-release .v14f-routine-link{display:grid;grid-template-columns:46px minmax(0,1fr) 20px;align-items:center;gap:12px;text-align:left;padding:15px}
body.v14-final-release .v14f-plan-grid>.card>span,body.v14-final-release .v14f-routine-link>span{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--v14f-accent) 13%,transparent);color:var(--v14f-accent)}
body.v14-final-release .v14f-plan-grid div,body.v14-final-release .v14f-routine-link div{display:grid;gap:3px}
body.v14-final-release .v14f-plan-grid small,body.v14-final-release .v14f-routine-link small{font-size:10px;color:var(--v14f-muted)}
body.v14-final-release .v14f-water-card{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:16px;padding:18px}
body.v14-final-release .v14f-water-ring{--p:calc(var(--progress)*1%);width:126px;height:126px;border-radius:50%;display:grid;place-items:center;align-content:center;gap:3px;background:conic-gradient(var(--v14f-accent) var(--p),color-mix(in srgb,var(--v14f-text) 9%,transparent) 0);position:relative;text-align:center}
body.v14-final-release .v14f-water-ring:after{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--v14f-card)}
body.v14-final-release .v14f-water-ring>*{position:relative;z-index:1}
body.v14-final-release .v14f-water-ring svg{color:var(--v14f-accent)}
body.v14-final-release .v14f-water-ring strong{font-size:18px}
body.v14-final-release .v14f-water-ring small{font-size:9px;color:var(--v14f-muted)}
body.v14-final-release .v14f-water-card>div:last-child{display:grid;gap:8px}
body.v14-final-release .v14f-water-card>div:last-child h2{font-size:17px}
body.v14-final-release .v14f-water-card>div:last-child p{color:var(--v14f-muted);font-size:11px}
body.v14-final-release .v14f-water-card>div:last-child>div{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:7px}
body.v14-final-release .v14f-water-card>div:last-child>div button{min-width:0;border:1px solid var(--v14f-line);border-radius:11px;background:transparent;color:var(--v14f-text);min-height:38px}
body.v14-final-release .v14f-health-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:12px 0}
body.v14-final-release .v14f-health-categories>.card{display:grid;gap:7px;justify-items:start;text-align:left;padding:15px}
body.v14-final-release .v14f-health-categories svg{color:var(--v14f-accent)}
body.v14-final-release .v14f-health-categories small{font-size:10px;color:var(--v14f-muted)}
body.v14-final-release .v14f-health-tasks{padding:8px}
body.v14-final-release .v14f-health-plans{display:grid;gap:8px}
body.v14-final-release .v14f-health-plans>article,body.v14-final-release .v14f-health-plans>.v14f-new-plan{display:grid;grid-template-columns:42px minmax(0,1fr) 34px;align-items:center;gap:11px;padding:14px;text-align:left}

/* İstatistik & Başarı — gerçek sınıflar */
body.v14-final-release .v14f-stats-hero{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:16px;padding:17px;margin-bottom:10px;border:1px solid var(--v14f-line);border-radius:23px;background:linear-gradient(135deg,color-mix(in srgb,var(--v14f-accent) 12%,var(--v14f-card)),var(--v14f-card))}
body.v14-final-release .v14f-score-ring{--p:calc(var(--progress)*1%);width:100px;height:100px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--v14f-accent) var(--p),color-mix(in srgb,var(--v14f-text) 9%,transparent) 0);position:relative}
body.v14-final-release .v14f-score-ring:after{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--v14f-card)}
body.v14-final-release .v14f-score-ring>span{position:relative;z-index:1;display:grid;text-align:center}
body.v14-final-release .v14f-score-ring strong{font-size:24px}
body.v14-final-release .v14f-score-ring small{font-size:10px;color:var(--v14f-muted)}
body.v14-final-release .v14f-score-ring.small{width:82px;height:82px;margin:0 auto 12px}
body.v14-final-release .v14f-stats-hero>div:last-child{display:grid;gap:5px}
body.v14-final-release .v14f-stats-hero>div:last-child>small{font-size:9px;color:var(--v14f-accent);font-weight:900}
body.v14-final-release .v14f-stats-hero h1{font-size:18px;line-height:1.3}
body.v14-final-release .v14f-stats-hero p{font-size:10px;color:var(--v14f-muted);line-height:1.45}
body.v14-final-release .v14f-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}
body.v14-final-release .v14f-stat-grid>.card{display:grid;justify-items:center;gap:5px;text-align:center;padding:13px 4px}
body.v14-final-release .v14f-stat-grid svg{color:var(--v14f-accent);width:20px;height:20px}
body.v14-final-release .v14f-stat-grid strong{font-size:14px}
body.v14-final-release .v14f-stat-grid small{font-size:8.5px;color:var(--v14f-muted)}
body.v14-final-release .v14f-stat-chart{height:190px;display:flex;align-items:flex-end;gap:5px;padding:17px 10px 12px;overflow:hidden}
body.v14-final-release .v14f-stat-chart>span{height:100%;min-width:0;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}
body.v14-final-release .v14f-stat-chart i{display:block;width:68%;min-height:4px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,var(--v14f-accent),color-mix(in srgb,var(--v14f-accent) 55%,#146a70));box-shadow:0 0 12px color-mix(in srgb,var(--v14f-accent) 15%,transparent)}
body.v14-final-release .v14f-stat-chart small{font-size:7px;color:var(--v14f-muted);white-space:nowrap}
body.v14-final-release .v14f-coach-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px;margin-top:12px}
body.v14-final-release .v14f-coach-card>span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--v14f-accent) 13%,transparent);color:var(--v14f-accent)}
body.v14-final-release .v14f-coach-card>div{display:grid;gap:4px}
body.v14-final-release .v14f-coach-card small{font-size:9px;color:var(--v14f-accent);font-weight:900}
body.v14-final-release .v14f-coach-card strong{font-size:14px}
body.v14-final-release .v14f-coach-card p{font-size:10px;color:var(--v14f-muted);line-height:1.4}
body.v14-final-release .v14f-achievements{display:flex;gap:8px;overflow:auto;padding:12px;scrollbar-width:none}
body.v14-final-release .v14f-achievements::-webkit-scrollbar{display:none}
body.v14-final-release .v14f-achievements article{display:grid;grid-template-columns:35px minmax(115px,1fr);align-items:center;gap:8px;flex:0 0 auto;padding:9px 11px;border:1px solid var(--v14f-line);border-radius:14px;background:color-mix(in srgb,var(--v14f-card-2) 70%,transparent)}
body.v14-final-release .v14f-achievements article>span{color:var(--v14f-gold)}
body.v14-final-release .v14f-achievements small{font-size:9px;color:var(--v14f-muted)}
body.v14-final-release .v14f-coach-modal{display:grid;gap:10px}
body.v14-final-release .v14f-coach-modal>p{display:flex;gap:8px;align-items:flex-start;padding:10px;border:1px solid var(--v14f-line);border-radius:13px;background:color-mix(in srgb,var(--v14f-card-2) 70%,transparent);font-size:12px;line-height:1.45}

/* Kur’an — gerçek sınıflar */
body.v14-final-release .v14f-quran-continue{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;text-align:left;padding:16px;margin-bottom:10px}
body.v14-final-release .v14f-quran-main-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:12px}
body.v14-final-release .v14f-quran-main-actions>.card{display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:10px;text-align:left;padding:14px}
body.v14-final-release .v14f-quran-main-actions>.card>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--v14f-accent) 13%,transparent);color:var(--v14f-accent)}
body.v14-final-release .v14f-quran-main-actions strong{display:block;font-size:13px;margin-bottom:3px}
body.v14-final-release .v14f-quran-main-actions small{font-size:9px;color:var(--v14f-muted);line-height:1.35}
body.v14-final-release .v14f-surah-list{display:grid;gap:7px}
body.v14-final-release .v14f-surah-list>button{display:grid;grid-template-columns:40px minmax(0,1fr) auto 18px;align-items:center;gap:10px;text-align:left;padding:12px;border:1px solid var(--v14f-line);border-radius:17px;background:var(--v14f-card);color:var(--v14f-text)}
body.v14-final-release .v14f-surah-list>button>b{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--v14f-accent) 14%,transparent);color:var(--v14f-accent)}
body.v14-final-release .v14f-surah-list>button>span{display:grid;gap:3px}
body.v14-final-release .v14f-surah-list small{font-size:9px;color:var(--v14f-muted)}
body.v14-final-release .v14f-surah-list em{font-style:normal;font-size:17px;color:color-mix(in srgb,var(--v14f-text) 85%,var(--v14f-accent))}
body.v14-final-release .v13-quran-reader,body.v14-final-release .quran-reader-view{padding-bottom:calc(var(--nav-h,88px) + 125px)!important}
body.v14-final-release .v14f-reader-bottom{
  position:fixed!important;z-index:115;left:max(10px,calc((100vw - 760px)/2 + 10px));right:max(10px,calc((100vw - 760px)/2 + 10px));
  bottom:calc(var(--nav-h,88px) + env(safe-area-inset-bottom,0px) + 8px);display:grid!important;grid-template-columns:68px minmax(0,1fr) 68px!important;gap:7px;
  padding:7px;border:1px solid var(--v14f-line);border-radius:18px;background:color-mix(in srgb,var(--v14f-bg) 92%,transparent);backdrop-filter:blur(18px);box-shadow:0 16px 35px rgba(0,0,0,.4)
}
body.v14-final-release .v14f-reader-bottom>button{min-width:0;border:1px solid var(--v14f-line);border-radius:12px;background:var(--v14f-card);color:var(--v14f-text);display:flex;align-items:center;justify-content:center;gap:3px;padding:6px 3px;font-size:9px}
body.v14-final-release .v14f-quran-auto{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:5px;align-items:stretch}
body.v14-final-release .v14f-quran-auto>button{min-width:0;border:1px solid var(--v14f-accent);border-radius:12px;background:color-mix(in srgb,var(--v14f-accent) 11%,var(--v14f-card));color:var(--v14f-accent);display:grid;grid-template-columns:22px 1fr;grid-template-rows:1fr 1fr;align-items:center;text-align:left;padding:5px 7px}
body.v14-final-release .v14f-quran-auto>button>span{grid-row:1/3;display:grid;place-items:center}
body.v14-final-release .v14f-quran-auto strong{font-size:9px;white-space:nowrap}
body.v14-final-release .v14f-quran-auto small{font-size:8px;opacity:.78}
body.v14-final-release .v14f-quran-auto.active>button{background:var(--v14f-accent);color:#032024}
body.v14-final-release .v14f-quran-auto select{min-width:0;border:1px solid var(--v14f-line);border-radius:12px;background:var(--v14f-card);color:var(--v14f-text);font-size:9px;padding:4px;text-align:center}
body.v14-final-release:has(.v14f-reader-bottom) .v14-quran-fab{bottom:calc(var(--nav-h,88px) + 100px + env(safe-area-inset-bottom,0px))}

/* Yön Bul — gerçek sınıflar */
body.v14-final-release .v14f-direction-card{display:grid;justify-items:center;gap:12px;text-align:center;padding:19px;border-radius:25px;overflow:hidden}
body.v14-final-release .v14f-direction-status{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--v14f-muted);font-size:11px}
body.v14-final-release .v14f-compass{position:relative;width:min(310px,82vw);height:min(310px,82vw);margin:2px auto 0;border-radius:50%;border:2px solid color-mix(in srgb,var(--v14f-accent) 36%,var(--v14f-line));background:radial-gradient(circle at center,color-mix(in srgb,var(--v14f-accent) 6%,var(--v14f-card)) 0 56%,transparent 57%),repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--v14f-text) 28%,transparent) 0 1deg,transparent 1deg 10deg);box-shadow:inset 0 0 0 16px color-mix(in srgb,var(--v14f-card) 92%,transparent),0 18px 40px rgba(0,0,0,.25)}
body.v14-final-release .v14f-compass:after{content:"";position:absolute;inset:27px;border-radius:50%;border:1px solid color-mix(in srgb,var(--v14f-accent) 20%,transparent);pointer-events:none}
body.v14-final-release .v14f-target-marker{top:-1px;z-index:8;gap:1px;font-size:37px;padding:3px 9px 5px;border-radius:17px;background:color-mix(in srgb,var(--v14f-card) 93%,transparent);border:1px solid color-mix(in srgb,var(--v14f-success) 50%,transparent);box-shadow:0 8px 22px rgba(0,0,0,.28),0 0 20px color-mix(in srgb,var(--v14f-success) 18%,transparent)}
body.v14-final-release .v14f-target-marker small{color:var(--v14f-gold);font-size:9px}
body.v14-final-release .v14f-compass-cardinals span{position:absolute;z-index:4;font-size:13px;font-weight:900;color:var(--v14f-muted)}
body.v14-final-release .v14f-compass-cardinals span:nth-child(1){top:48px;left:50%;transform:translateX(-50%);color:var(--v14f-gold)}
body.v14-final-release .v14f-compass-cardinals span:nth-child(2){right:20px;top:50%;transform:translateY(-50%)}
body.v14-final-release .v14f-compass-cardinals span:nth-child(3){bottom:20px;left:50%;transform:translateX(-50%)}
body.v14-final-release .v14f-compass-cardinals span:nth-child(4){left:20px;top:50%;transform:translateY(-50%)}
body.v14-final-release .v14f-direction-arrow{position:absolute;z-index:6;left:50%;top:53%;width:66px;height:130px;display:flex;justify-content:center;align-items:flex-start;transform:translate(-50%,-50%) rotate(0deg);transform-origin:50% 50%;color:var(--v14f-accent);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--v14f-accent) 65%,transparent));transition:transform .12s linear}
body.v14-final-release .v14f-direction-arrow svg{width:58px;height:58px}
body.v14-final-release .v14f-compass-center{position:absolute;z-index:7;left:50%;top:53%;width:27px;height:27px;transform:translate(-50%,-50%);border-radius:50%;background:var(--v14f-card);border:3px solid var(--v14f-accent);box-shadow:0 0 0 8px color-mix(in srgb,var(--v14f-accent) 12%,transparent)}
body.v14-final-release .v14f-compass.aligned{border-color:var(--v14f-success);box-shadow:inset 0 0 0 16px color-mix(in srgb,var(--v14f-card) 92%,transparent),0 0 36px color-mix(in srgb,var(--v14f-success) 35%,transparent)}
body.v14-final-release .v14f-direction-card>h2{font-size:22px;margin-top:3px}
body.v14-final-release .v14f-direction-card>p{font-size:11px;color:var(--v14f-muted);line-height:1.45}
body.v14-final-release .v14f-bearing-row{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
body.v14-final-release .v14f-bearing-row>span{display:grid;gap:3px;padding:10px;border:1px solid var(--v14f-line);border-radius:13px;background:color-mix(in srgb,var(--v14f-card-2) 65%,transparent)}
body.v14-final-release .v14f-bearing-row small{font-size:9px;color:var(--v14f-muted)}
body.v14-final-release .v14f-bearing-row strong{font-size:15px;font-variant-numeric:tabular-nums}
body.v14-final-release .v14f-direction-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
body.v14-final-release .v14f-direction-actions>.card{display:grid;justify-items:center;gap:6px;text-align:center;padding:13px 5px}
body.v14-final-release .v14f-direction-actions svg{color:var(--v14f-accent)}
body.v14-final-release .v14f-direction-actions strong{font-size:10px}
body.v14-final-release .v14f-direction-actions small{font-size:8px;color:var(--v14f-muted)}

/* Tema uyumlu tam ekran hatırlatmanın seçili paleti izlemesi */
body.v14-final-release #v11ReminderOverlay.v14f-themed-reminder .v11-reminder-card{border-color:color-mix(in srgb,var(--v14f-accent) 62%,var(--v14f-line));background:radial-gradient(circle at 85% 0,color-mix(in srgb,var(--v14f-accent) 22%,transparent),transparent 48%),var(--v14f-card)}
body.v14-final-release #v11ReminderOverlay.v14f-themed-reminder .v11-reminder-primary{background:linear-gradient(135deg,color-mix(in srgb,var(--v14f-accent) 88%,#fff),var(--v14f-accent));color:#031d21}

@media(max-width:430px){
  body.v14-final-release .v14f-period-tabs button{font-size:10px;padding:9px 2px}
  body.v14-final-release .v14f-task{grid-template-columns:36px minmax(0,1fr) auto 25px;gap:7px;padding:10px 9px;margin-inline:5px}
  body.v14-final-release .v14f-task-copy strong{font-size:12px}.v14f-task-copy small{font-size:9px}
  body.v14-final-release .v14f-task-time>button{display:none}
  body.v14-final-release .v14f-ring{width:43px;height:43px}
  body.v14-final-release .v14f-fast-hero>h1{font-size:35px}
  body.v14-final-release .v14f-fast-today{align-items:stretch;flex-direction:column}
  body.v14-final-release .v14f-fast-today>button{width:100%}
  body.v14-final-release .v14f-kaza-fast{grid-template-columns:86px minmax(0,1fr);gap:12px}
  body.v14-final-release .v14f-kaza-ring{width:84px;height:84px}
  body.v14-final-release .v14f-water-card{grid-template-columns:108px minmax(0,1fr);gap:12px;padding:14px}
  body.v14-final-release .v14f-water-ring{width:104px;height:104px}
  body.v14-final-release .v14f-stat-grid{grid-template-columns:repeat(4,1fr);gap:6px}
  body.v14-final-release .v14f-stat-grid>.card{padding:10px 2px}
  body.v14-final-release .v14f-stat-grid strong{font-size:12px}.v14f-stat-grid small{font-size:7.5px}
  body.v14-final-release .v14f-stats-hero{grid-template-columns:83px minmax(0,1fr);gap:12px;padding:14px}
  body.v14-final-release .v14f-score-ring{width:80px;height:80px}.v14f-score-ring strong{font-size:19px}
  body.v14-final-release .v14f-coach-card{grid-template-columns:38px minmax(0,1fr);align-items:start}
  body.v14-final-release .v14f-coach-card>span{width:38px;height:38px}.v14f-coach-card>button{grid-column:1/-1;width:100%}
  body.v14-final-release .v14f-quran-main-actions{grid-template-columns:1fr}
  body.v14-final-release .v14f-reader-bottom{grid-template-columns:58px minmax(0,1fr) 58px!important;left:6px;right:6px;padding:5px;gap:5px}
  body.v14-final-release .v14f-quran-auto{grid-template-columns:minmax(0,1fr) 76px}
  body.v14-final-release .v14f-quran-auto strong{font-size:8px}.v14f-quran-auto small{font-size:7px}.v14f-quran-auto select{font-size:8px}
  body.v14-final-release .v14f-compass{width:min(286px,82vw);height:min(286px,82vw)}
  body.v14-final-release .v14f-direction-arrow{height:118px}.v14f-direction-arrow svg{width:52px;height:52px}
  body.v14-final-release .v14f-direction-actions strong{font-size:8.5px}
}

/* =========================================================
   MİZAN V14.0.2 — 71 maddelik tamamlayıcı kullanıcı deneyimi
   ========================================================= */
body.v14-complete-release{
  --v14c-accent:var(--v14f-accent,var(--accent,#43ded0));
  --v14c-success:var(--v14f-success,var(--success,#55dc82));
  --v14c-card:var(--v14f-card,var(--surface,#0b263c));
  --v14c-card-2:var(--v14f-card-2,var(--surface-2,#113148));
  --v14c-line:var(--v14f-line,var(--line,#1c536a));
  --v14c-text:var(--v14f-text,var(--text,#f4fbff));
  --v14c-muted:var(--v14f-muted,var(--muted,#91aab8));
  --v14c-gold:var(--v14f-gold,var(--gold,#d9b75c));
}
body.v14-complete-release .v14c-home{padding-bottom:calc(var(--nav-h,91px) + 26px)}
body.v14-complete-release .v14c-section-head{margin:22px 4px 10px}
body.v14-complete-release .v14c-section-head h2{font-size:24px;line-height:1.12}
body.v14-complete-release .v14c-section-head p{font-size:11px;color:var(--v14c-muted);margin-top:5px}
body.v14-complete-release .v14c-section-head .text-button{font-size:11px;color:var(--v14c-accent)}

/* Kompakt kişisel selamlama */
body.v14-complete-release .v14c-greeting{display:grid;gap:3px;margin:7px 4px 15px}
body.v14-complete-release .v14c-greeting h1{font:600 clamp(35px,8.7vw,55px)/.98 Georgia,"Times New Roman",serif;letter-spacing:-.035em}
body.v14-complete-release .v14c-greeting h2{font-size:18px;color:var(--v14c-accent);margin:5px 0 8px}
body.v14-complete-release .v14c-greeting-lines{display:grid;gap:2px}
body.v14-complete-release .v14c-greeting-lines>span,
body.v14-complete-release .v14c-greeting-lines>button{min-height:35px;border:0;background:transparent;color:var(--v14c-text);display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:8px;text-align:left;padding:5px 3px;border-radius:11px}
body.v14-complete-release .v14c-greeting-lines svg{color:var(--v14c-accent);width:21px;height:21px}
body.v14-complete-release .v14c-greeting-lines b{font-size:13px;font-weight:750}
body.v14-complete-release .v14c-greeting-lines>button{cursor:pointer}
body.v14-complete-release .v14c-greeting-lines>button:hover{background:color-mix(in srgb,var(--v14c-accent) 7%,transparent)}
body.v14-complete-release .v14c-greeting-lines>button svg:last-child{width:16px}

/* Aktif vakit ve görevler tek kart */
body.v14-complete-release .v14c-prayer-task-card{padding:17px 14px 13px;border-radius:27px;overflow:hidden;background:radial-gradient(circle at 92% 2%,color-mix(in srgb,var(--v14c-accent) 12%,transparent),transparent 31%),var(--v14c-card);border:1px solid color-mix(in srgb,var(--v14c-accent) 26%,var(--v14c-line))}
body.v14-complete-release .v14c-prayer-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--v14c-accent);font-size:10px;font-weight:900;letter-spacing:.11em}
body.v14-complete-release .v14c-prayer-head>span{display:flex;align-items:center;gap:7px}
body.v14-complete-release .v14c-prayer-head>span>b{width:8px;height:8px;border-radius:50%;background:var(--v14c-success);box-shadow:0 0 13px color-mix(in srgb,var(--v14c-success) 70%,transparent)}
body.v14-complete-release .v14c-prayer-head button{border:0;background:transparent;color:var(--v14c-accent);font-size:10px;font-weight:850;display:flex;align-items:center;gap:3px}
body.v14-complete-release .v14c-prayer-title{display:grid;grid-template-columns:54px minmax(0,1fr);gap:13px;align-items:center;margin:14px 0 12px}
body.v14-complete-release .v14c-prayer-title>span{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:color-mix(in srgb,var(--v14c-accent) 14%,transparent);color:var(--v14c-accent)}
body.v14-complete-release .v14c-prayer-title>span svg{width:29px;height:29px}
body.v14-complete-release .v14c-prayer-title h2{font-size:clamp(29px,8vw,43px);line-height:1;margin:0 0 7px;letter-spacing:-.025em}
body.v14-complete-release .v14c-prayer-title p{font-size:12px;color:var(--v14c-muted)}
body.v14-complete-release .v14c-prayer-chips{display:grid;grid-template-columns:repeat(6,minmax(55px,1fr));gap:5px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}
body.v14-complete-release .v14c-prayer-chips::-webkit-scrollbar{display:none}
body.v14-complete-release .v14c-prayer-chips button{min-width:55px;border:1px solid var(--v14c-line);border-radius:13px;background:color-mix(in srgb,var(--v14c-card-2) 66%,transparent);color:var(--v14c-text);display:grid;gap:3px;padding:9px 3px}
body.v14-complete-release .v14c-prayer-chips strong{font-size:9.5px}
body.v14-complete-release .v14c-prayer-chips small{font-size:8.5px;color:var(--v14c-muted)}
body.v14-complete-release .v14c-prayer-chips button.active{border-color:var(--v14c-accent);background:color-mix(in srgb,var(--v14c-accent) 13%,var(--v14c-card));box-shadow:0 0 0 1px color-mix(in srgb,var(--v14c-accent) 30%,transparent),0 9px 21px color-mix(in srgb,var(--v14c-accent) 10%,transparent)}
body.v14-complete-release .v14c-prayer-chips button.active strong,body.v14-complete-release .v14c-prayer-chips button.active small{color:var(--v14c-accent)}
body.v14-complete-release .v14c-prayer-progress{height:5px;border-radius:99px;background:color-mix(in srgb,var(--v14c-text) 8%,transparent);overflow:hidden;margin:10px 2px 8px}
body.v14-complete-release .v14c-prayer-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--v14c-accent),color-mix(in srgb,var(--v14c-accent) 65%,#fff))}
body.v14-complete-release .v14c-prayer-metric{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--v14c-line) 75%,transparent);border-radius:13px;background:color-mix(in srgb,var(--v14c-card-2) 58%,transparent)}
body.v14-complete-release .v14c-prayer-metric small{font-size:9px;color:var(--v14c-muted)}
body.v14-complete-release .v14c-prayer-metric strong{font-size:17px;font-variant-numeric:tabular-nums}
body.v14-complete-release .v14c-location{display:flex;align-items:center;gap:7px;margin:10px 3px 3px;color:var(--v14c-muted);font-size:10px}
body.v14-complete-release .v14c-location svg{color:var(--v14c-accent);width:17px}
body.v14-complete-release .v14c-task-divider{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--v14c-line);margin:13px -14px 0;padding:13px 14px 7px}
body.v14-complete-release .v14c-task-divider>div{display:grid;gap:2px}
body.v14-complete-release .v14c-task-divider strong{font-size:14px}
body.v14-complete-release .v14c-task-divider small{font-size:9px;color:var(--v14c-muted)}
body.v14-complete-release .v14c-task-divider button{border:0;background:transparent;color:var(--v14c-accent);font-weight:850;font-size:10px;display:flex;gap:4px;align-items:center}
body.v14-complete-release .v14c-task-list{display:grid;margin:0 -6px}
body.v14-complete-release .v14c-task-row{display:grid;grid-template-columns:35px 35px minmax(0,1fr) auto 25px;gap:7px;align-items:center;padding:11px 7px;border-bottom:1px solid color-mix(in srgb,var(--v14c-line) 65%,transparent);transition:.2s ease}
body.v14-complete-release .v14c-task-row.completed{background:color-mix(in srgb,var(--v14c-success) 14%,transparent);border-radius:14px;border-color:color-mix(in srgb,var(--v14c-success) 38%,transparent)}
body.v14-complete-release .v14c-task-check{width:35px;height:35px;border:2px solid color-mix(in srgb,var(--v14c-muted) 72%,transparent);border-radius:11px;background:transparent;color:transparent;display:grid;place-items:center}
body.v14-complete-release .v14c-task-row.completed .v14c-task-check{background:var(--v14c-accent);border-color:var(--v14c-accent);color:#03272a}
body.v14-complete-release .v14c-task-icon{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--v14c-accent) 12%,transparent);color:var(--v14c-accent)}
body.v14-complete-release .v14c-task-copy{min-width:0;display:grid;gap:3px}
body.v14-complete-release .v14c-task-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v14-complete-release .v14c-task-copy small{font-size:8.5px;color:var(--v14c-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v14-complete-release .v14c-task-row.completed .v14c-task-copy strong{text-decoration:line-through;color:var(--v14c-muted)}
body.v14-complete-release .v14c-task-timer{display:flex;align-items:center;gap:4px}
body.v14-complete-release .v14c-ring,.v14c-progress-ring{--p:calc(var(--progress)*1%);position:relative;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--v14c-accent) var(--p),color-mix(in srgb,var(--v14c-text) 9%,transparent) 0)}
body.v14-complete-release .v14c-ring{width:44px;height:44px}
body.v14-complete-release .v14c-ring:after,.v14c-progress-ring:after{content:"";position:absolute;border-radius:inherit;background:var(--v14c-card)}
body.v14-complete-release .v14c-ring:after{inset:5px}
body.v14-complete-release .v14c-ring b{position:relative;z-index:1;font-size:8px;font-variant-numeric:tabular-nums}
body.v14-complete-release .v14c-task-timer>button,.v14c-more{width:25px;height:25px;border:1px solid var(--v14c-line);border-radius:8px;background:transparent;color:var(--v14c-accent);display:grid;place-items:center}
body.v14-complete-release .v14c-more{border-color:transparent;color:var(--v14c-muted)}
body.v14-complete-release .v14c-task-footer{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:11px 1px 0}
body.v14-complete-release .v14c-task-footer button{min-height:48px;border-radius:15px}

/* 13 doğrudan ana modül */
body.v14-complete-release .v14c-module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
body.v14-complete-release .v14c-module-grid button{min-width:0;min-height:84px;border:1px solid var(--v14c-line);border-radius:18px;background:linear-gradient(160deg,color-mix(in srgb,var(--v14c-card-2) 80%,transparent),var(--v14c-card));color:var(--v14c-text);display:grid;justify-items:center;align-content:center;gap:7px;padding:8px 4px}
body.v14-complete-release .v14c-module-grid span{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;color:var(--v14c-accent);background:color-mix(in srgb,var(--v14c-accent) 12%,transparent)}
body.v14-complete-release .v14c-module-grid strong{font-size:9.5px;line-height:1.25;text-align:center}

/* Bugünün Mizanı — denge ve keşif tek kart */
body.v14-complete-release .v14c-mizan-today{padding:0;overflow:hidden}
body.v14-complete-release .v14c-progress-row,.v14c-mizan-row{width:100%;border:0;border-bottom:1px solid var(--v14c-line);background:transparent;color:var(--v14c-text);text-align:left;display:grid;align-items:center;gap:11px;padding:13px 14px}
body.v14-complete-release .v14c-progress-row{grid-template-columns:70px minmax(0,1fr) 18px}
body.v14-complete-release .v14c-progress-ring{width:66px;height:66px}
body.v14-complete-release .v14c-progress-ring:after{inset:7px}
body.v14-complete-release .v14c-progress-ring b{position:relative;z-index:1;font-size:16px}
body.v14-complete-release .v14c-progress-row>div{display:grid;gap:5px;min-width:0}
body.v14-complete-release .v14c-progress-row strong{font-size:16px}
body.v14-complete-release .v14c-progress-row small{font-size:9px;color:var(--v14c-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v14-complete-release .v14c-mini-bars{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
body.v14-complete-release .v14c-mini-bars em{--w:calc(var(--p)*1%);height:3px;border-radius:99px;background:linear-gradient(90deg,var(--v14c-accent) var(--w),color-mix(in srgb,var(--v14c-text) 9%,transparent) 0)}
body.v14-complete-release .v14c-mizan-row{grid-template-columns:40px minmax(0,1fr) 18px}
body.v14-complete-release .v14c-mizan-row>span{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:var(--v14c-accent);background:color-mix(in srgb,var(--v14c-accent) 12%,transparent)}
body.v14-complete-release .v14c-mizan-row>div{min-width:0;display:grid;gap:3px}
body.v14-complete-release .v14c-mizan-row small{font-size:8.5px;color:var(--v14c-accent);font-weight:850}
body.v14-complete-release .v14c-mizan-row strong{font-size:12px;line-height:1.35}
body.v14-complete-release .v14c-mizan-row p{font-size:9.5px;color:var(--v14c-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v14-complete-release .v14c-mizan-chips{display:flex;gap:7px;overflow:auto;padding:11px 13px;scrollbar-width:none}
body.v14-complete-release .v14c-mizan-chips::-webkit-scrollbar{display:none}
body.v14-complete-release .v14c-mizan-chips button{flex:none;border:1px solid var(--v14c-line);border-radius:999px;background:color-mix(in srgb,var(--v14c-card-2) 72%,transparent);color:var(--v14c-text);padding:8px 12px;font-size:9px;display:flex;align-items:center;gap:5px}

/* Dualar: sticky yatay kategori + tek sütun */
body.v14-complete-release .v14c-dua-view{padding-bottom:calc(var(--nav-h,91px) + 30px)}
body.v14-complete-release .v14c-dua-sticky{position:sticky;top:calc(var(--header-h,74px) + env(safe-area-inset-top));z-index:55;background:color-mix(in srgb,var(--background,var(--bg)) 93%,transparent);backdrop-filter:blur(18px);padding:5px 0 10px;margin-bottom:8px}
body.v14-complete-release .v14c-dua-tabs{display:flex;gap:7px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 1px 4px;scrollbar-width:none}
body.v14-complete-release .v14c-dua-tabs::-webkit-scrollbar{display:none}
body.v14-complete-release .v14c-dua-tabs button{flex:none;scroll-snap-align:start;border:1px solid var(--v14c-line);border-radius:999px;background:var(--v14c-card);color:var(--v14c-muted);padding:9px 13px;font-size:10px;font-weight:750;white-space:nowrap}
body.v14-complete-release .v14c-dua-tabs button.active{background:var(--v14c-accent);border-color:var(--v14c-accent);color:#032428;box-shadow:0 7px 18px color-mix(in srgb,var(--v14c-accent) 18%,transparent)}
body.v14-complete-release .v14c-dua-list{display:grid;gap:7px}
body.v14-complete-release .v14c-dua-row{display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:center;padding:0;overflow:hidden}
body.v14-complete-release .v14c-dua-main{border:0;background:transparent;color:var(--v14c-text);display:grid;grid-template-columns:42px minmax(0,1fr) 17px;align-items:center;gap:10px;text-align:left;padding:13px 4px 13px 13px}
body.v14-complete-release .v14c-dua-main>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:var(--v14c-accent);background:color-mix(in srgb,var(--v14c-accent) 12%,transparent)}
body.v14-complete-release .v14c-dua-main>div{min-width:0;display:grid;gap:3px}
body.v14-complete-release .v14c-dua-main small{font-size:8px;color:var(--v14c-accent);font-weight:800}
body.v14-complete-release .v14c-dua-main strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v14-complete-release .v14c-dua-main p{font-size:9px;color:var(--v14c-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v14-complete-release .v14c-dua-fav{width:36px;height:36px;border:0;border-radius:11px;background:transparent;color:var(--v14c-muted);display:grid;place-items:center}
body.v14-complete-release .v14c-dua-fav.active{color:var(--v14c-gold);background:color-mix(in srgb,var(--v14c-gold) 12%,transparent)}

/* Namaz merkezi */
body.v14-complete-release .v14c-center-menu{padding:0;overflow:hidden}
body.v14-complete-release .v14c-center-menu .menu-row{min-height:76px}

/* Kaza planlayıcı */
body.v14-complete-release .v14c-kaza-view{padding-bottom:calc(var(--nav-h,91px) + 25px)}
body.v14-complete-release .v14c-kaza-current{display:grid;grid-template-columns:minmax(0,1fr) 82px;align-items:center;gap:13px;background:linear-gradient(135deg,color-mix(in srgb,var(--v14c-accent) 13%,var(--v14c-card)),var(--v14c-card))}
body.v14-complete-release .v14c-kaza-current>div{display:grid;gap:4px}
body.v14-complete-release .v14c-kaza-current small{font-size:9px;color:var(--v14c-accent);font-weight:900}
body.v14-complete-release .v14c-kaza-current strong{font-size:24px}
body.v14-complete-release .v14c-kaza-current p{font-size:10px;color:var(--v14c-muted)}
body.v14-complete-release .v14c-kaza-current .v14c-progress-ring{width:78px;height:78px}
body.v14-complete-release .v14c-kaza-builder{display:grid;gap:14px;padding:18px}
body.v14-complete-release .v14c-kaza-year{display:grid;gap:10px;text-align:center}
body.v14-complete-release .v14c-kaza-year>small{font-size:9px;color:var(--v14c-accent);font-weight:900;letter-spacing:.09em}
body.v14-complete-release .v14c-kaza-year>strong{font-size:51px;line-height:1}
body.v14-complete-release .v14c-kaza-year>strong em{font-size:17px;font-style:normal;color:var(--v14c-muted);font-weight:500}
body.v14-complete-release .v14c-kaza-year label{display:grid;gap:6px;text-align:left;font-size:10px;color:var(--v14c-muted)}
body.v14-complete-release .v14c-kaza-total{text-align:center;border:1px solid var(--v14c-line);border-radius:18px;padding:16px;background:color-mix(in srgb,var(--v14c-card-2) 58%,transparent)}
body.v14-complete-release .v14c-kaza-total small,.v14c-kaza-total p{color:var(--v14c-muted);font-size:9px}
body.v14-complete-release .v14c-kaza-total strong{display:block;font-size:27px;margin:6px 0}
body.v14-complete-release .v14c-kaza-prayers{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
body.v14-complete-release .v14c-kaza-prayers span{min-width:0;display:grid;gap:4px;text-align:center;padding:10px 2px;border-radius:12px;background:color-mix(in srgb,var(--v14c-card-2) 62%,transparent)}
body.v14-complete-release .v14c-kaza-prayers small{font-size:7.5px;color:var(--v14c-muted)}
body.v14-complete-release .v14c-kaza-prayers strong{font-size:11px}
body.v14-complete-release .v14c-kaza-estimate{display:grid;grid-template-columns:1fr 1fr;gap:7px}
body.v14-complete-release .v14c-kaza-estimate span{display:grid;gap:4px;padding:11px;border:1px solid var(--v14c-line);border-radius:13px}
body.v14-complete-release .v14c-kaza-estimate small{font-size:8px;color:var(--v14c-muted)}
body.v14-complete-release .v14c-kaza-estimate strong{font-size:11px}
body.v14-complete-release .v14c-kaza-grid{display:grid;gap:7px}
body.v14-complete-release .v14c-kaza-grid>.card{display:grid;grid-template-columns:39px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px}
body.v14-complete-release .v14c-kaza-grid>.card>span{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;color:var(--v14c-accent);background:color-mix(in srgb,var(--v14c-accent) 12%,transparent)}
body.v14-complete-release .v14c-kaza-grid>.card>div{display:grid;gap:3px}
body.v14-complete-release .v14c-kaza-grid small{font-size:9px;color:var(--v14c-muted)}
body.v14-complete-release .v14c-kaza-grid button{border:1px solid var(--v14c-line);border-radius:11px;background:transparent;color:var(--v14c-accent);padding:8px 10px}

/* Sağlık & Spor iki merkez */
body.v14-complete-release .v14c-two-centers{display:grid;gap:10px}
body.v14-complete-release .v14c-two-centers>.card{display:grid;grid-template-columns:57px minmax(0,1fr) 18px;align-items:center;gap:13px;text-align:left;padding:18px}
body.v14-complete-release .v14c-two-centers>.card>span{width:57px;height:57px;border-radius:18px;display:grid;place-items:center;color:var(--v14c-accent);background:color-mix(in srgb,var(--v14c-accent) 13%,transparent)}
body.v14-complete-release .v14c-two-centers strong{font-size:18px}
body.v14-complete-release .v14c-two-centers small{display:block;margin-top:5px;color:var(--v14c-muted);font-size:11px;line-height:1.4}

/* Egzersiz siluetleri */
body.v14-complete-release .v14-exercise-library{display:grid;gap:7px}
body.v14-complete-release .v14c-exercise-card{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;padding:0;overflow:hidden}
body.v14-complete-release .v14c-exercise-info{border:0;background:transparent;color:var(--v14c-text);display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:12px;text-align:left;padding:8px 5px 8px 9px}
body.v14-complete-release .v14c-exercise-info>span{width:74px;height:60px;border-radius:15px;display:grid;place-items:center;color:var(--v14c-accent);background:color-mix(in srgb,var(--v14c-accent) 11%,transparent)}
body.v14-complete-release .v14c-exercise-info svg{width:68px;height:53px}
body.v14-complete-release .v14c-exercise-info strong{font-size:13px}
body.v14-complete-release .v14c-exercise-info small{font-size:9px;color:var(--v14c-muted)}
body.v14-complete-release .v14c-exercise-add{width:38px;height:38px;border:0;border-radius:12px;background:transparent;color:var(--v14c-text);display:grid;place-items:center}
body.v14-complete-release .v14c-exercise-detail{display:grid;justify-items:center;text-align:center;gap:12px}
body.v14-complete-release .v14c-exercise-detail>div{width:min(290px,86vw);min-height:210px;border-radius:24px;display:grid;place-items:center;color:var(--v14c-accent);background:radial-gradient(circle,color-mix(in srgb,var(--v14c-accent) 15%,transparent),transparent 66%),var(--v14c-card)}
body.v14-complete-release .v14c-exercise-detail svg{width:230px;height:180px}
body.v14-complete-release .v14c-exercise-detail p{color:var(--v14c-muted);line-height:1.55}

/* Görev türü seçici */
body.v14-complete-release .v14c-task-chooser,.v14c-smart-plans{display:grid;gap:9px}
body.v14-complete-release .v14c-task-chooser>button,.v14c-smart-plans>button{border:1px solid var(--v14c-line);border-radius:17px;background:var(--v14c-card);color:var(--v14c-text);display:grid;grid-template-columns:45px minmax(0,1fr) 18px;gap:10px;align-items:center;text-align:left;padding:14px}
body.v14-complete-release .v14c-task-chooser>button>span,.v14c-smart-plans>button>span{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;color:var(--v14c-accent);background:color-mix(in srgb,var(--v14c-accent) 13%,transparent)}
body.v14-complete-release .v14c-task-chooser strong,.v14c-smart-plans strong{font-size:14px}
body.v14-complete-release .v14c-task-chooser small,.v14c-smart-plans small{display:block;margin-top:4px;color:var(--v14c-muted);font-size:9px;line-height:1.4}

/* Kur’an kontrolü: yalnız okuyucuda, alt bar üstünde sabit */
body.v14-complete-release .v14c-reader{padding-bottom:calc(var(--nav-h,91px) + 125px)!important}
body.v14-complete-release .v14c-quran-control{position:fixed!important;z-index:122!important;left:max(8px,calc((100vw - 760px)/2 + 8px))!important;right:max(8px,calc((100vw - 760px)/2 + 8px))!important;bottom:calc(var(--nav-h,91px) + env(safe-area-inset-bottom,0px) + 6px)!important;display:grid!important;grid-template-columns:66px minmax(85px,1fr) minmax(88px,.9fr) 66px!important;gap:5px!important;padding:6px!important;border:1px solid color-mix(in srgb,var(--v14c-accent) 34%,var(--v14c-line))!important;border-radius:19px!important;background:color-mix(in srgb,var(--background,var(--bg)) 92%,transparent)!important;backdrop-filter:blur(20px) saturate(1.2)!important;box-shadow:0 17px 39px rgba(0,0,0,.42)!important}
body.v14-complete-release .v14c-quran-control>button,.v14c-quran-control>.v14c-speed{min-width:0;min-height:51px;border:1px solid var(--v14c-line);border-radius:13px;background:var(--v14c-card);color:var(--v14c-text);display:flex;align-items:center;justify-content:center;gap:4px;padding:5px;font-size:9px}
body.v14-complete-release .v14c-quran-control>button span{white-space:nowrap}
body.v14-complete-release .v14c-quran-control .v14c-auto-toggle{color:var(--v14c-accent);border-color:var(--v14c-accent)}
body.v14-complete-release .v14c-quran-control .v14c-auto-toggle.active{background:var(--v14c-accent);color:#03272a}
body.v14-complete-release .v14c-speed{display:grid!important;grid-template-columns:1fr!important;gap:1px!important;text-align:center}
body.v14-complete-release .v14c-speed>span{font-size:8px;color:var(--v14c-muted)}
body.v14-complete-release .v14c-speed select{max-width:100%;border:0;background:transparent;color:var(--v14c-text);text-align:center;font-size:9px;font-weight:800;outline:0}
body.v14-complete-release .v14c-quran-settings-fab{position:fixed!important;z-index:123!important;right:max(14px,calc((100vw - 760px)/2 + 14px))!important;bottom:calc(var(--nav-h,91px) + 70px + env(safe-area-inset-bottom,0px))!important;width:58px!important;height:58px!important;border-radius:50%!important;border:1px solid var(--v14c-accent)!important;background:color-mix(in srgb,var(--background,var(--bg)) 91%,transparent)!important;color:var(--v14c-accent)!important;box-shadow:0 12px 28px rgba(0,0,0,.38),0 0 22px color-mix(in srgb,var(--v14c-accent) 16%,transparent)!important;display:grid!important;place-items:center!important}
body.v14-complete-release .v14c-back-button{background:var(--v14c-card)!important;border:1px solid color-mix(in srgb,var(--v14c-accent) 50%,var(--v14c-line))!important;color:var(--v14c-text)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--v14c-accent) 15%,transparent)!important}
body.v14-complete-release:not(:has(.v14c-reader)) .v14f-reader-bottom,
body.v14-complete-release:not(:has(.v14c-reader)) .v14c-quran-control{display:none!important}

/* Yön bul: büyük üçgen yerine tek ince hizalama ibresi */
body.v14-complete-release .v14c-direction-needle{position:absolute!important;left:50%!important;top:52%!important;width:4px!important;height:104px!important;transform:translate(-50%,-50%) rotate(0deg);transform-origin:50% 50%!important;color:var(--v14c-accent)!important;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--v14c-accent) 65%,transparent))!important}
body.v14-complete-release .v14c-direction-needle>span{position:absolute;left:50%;bottom:50%;width:4px;height:88px;transform:translateX(-50%);border-radius:99px;background:linear-gradient(180deg,var(--v14c-accent),color-mix(in srgb,var(--v14c-accent) 30%,transparent))}
body.v14-complete-release .v14c-direction-needle>span:before{content:"";position:absolute;left:50%;top:-3px;width:13px;height:13px;border-top:4px solid var(--v14c-accent);border-right:4px solid var(--v14c-accent);transform:translateX(-50%) rotate(-45deg);border-radius:2px}
body.v14-complete-release .v14c-target-marker{top:-4px!important;min-width:65px!important}

@media(max-width:430px){
  body.v14-complete-release .v14c-prayer-chips{grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;overflow:visible}
  body.v14-complete-release .v14c-prayer-chips button{min-width:0;padding:8px 1px}
  body.v14-complete-release .v14c-prayer-chips strong{font-size:8.6px}
  body.v14-complete-release .v14c-prayer-chips small{font-size:7.8px}
  body.v14-complete-release .v14c-module-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  body.v14-complete-release .v14c-module-grid button{min-height:77px;border-radius:15px}
  body.v14-complete-release .v14c-module-grid strong{font-size:8.4px}
  body.v14-complete-release .v14c-task-row{grid-template-columns:33px 32px minmax(0,1fr) auto;gap:6px;padding-inline:4px}
  body.v14-complete-release .v14c-task-row .v14c-more{display:none}
  body.v14-complete-release .v14c-task-icon{width:32px;height:32px}
  body.v14-complete-release .v14c-task-timer>button{display:none}
  body.v14-complete-release .v14c-ring{width:40px;height:40px}
  body.v14-complete-release .v14c-prayer-title h2{font-size:31px}
  body.v14-complete-release .v14c-quran-control{grid-template-columns:55px minmax(76px,1fr) 79px 55px!important;left:5px!important;right:5px!important;padding:5px!important;gap:4px!important}
  body.v14-complete-release .v14c-quran-control>button,.v14c-quran-control>.v14c-speed{min-height:48px;font-size:8px;padding:3px}
  body.v14-complete-release .v14c-quran-settings-fab{right:9px!important;width:54px!important;height:54px!important}
  body.v14-complete-release .v14c-greeting h1{font-size:38px}
}
@media(max-width:430px){
  body.v14-complete-release .v14c-quran-control{grid-template-columns:64px minmax(82px,1fr) 70px 64px!important}
  body.v14-complete-release .v14c-quran-control>button span{font-size:7.7px}
}
body.v14-complete-release .v14c-home-editor-list{display:grid;gap:8px;margin-bottom:12px}
body.v14-complete-release .v14c-home-editor-list>.card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px}
body.v14-complete-release .v14c-home-editor-list>.card>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:var(--v14c-accent);background:color-mix(in srgb,var(--v14c-accent) 12%,transparent)}
body.v14-complete-release .v14c-home-editor-list>.card>div:nth-child(2){display:grid;gap:3px}
body.v14-complete-release .v14c-home-editor-list small{font-size:9px;color:var(--v14c-muted)}
body.v14-complete-release .v14c-editor-actions{display:flex;align-items:center;gap:4px}
body.v14-complete-release .v14c-editor-actions>button{width:29px;height:29px;border:1px solid var(--v14c-line);border-radius:9px;background:transparent;color:var(--v14c-accent);display:grid;place-items:center}

/* =========================================================
   MİZAN V14.0.3 — Sade Ana Akış, Vakit Planlama ve Profil
   ========================================================= */
body.v143-refined-release{
  --v143-line:color-mix(in srgb,var(--accent,#32d8c6) 28%,transparent);
  --v143-soft:color-mix(in srgb,var(--accent,#32d8c6) 10%,var(--card,#0d263a));
  --v143-soft-2:color-mix(in srgb,var(--accent,#32d8c6) 6%,var(--card,#0d263a));
}
.v143-home,.v143-profile-view,.v143-prayer-center,.v143-prayer-times,.v143-hatim-view,.v143-health-view{padding-bottom:150px}
.v143-section-head{margin:24px 4px 12px}
.v143-section-head h2{font-size:28px;line-height:1.1}
.v143-section-head p{font-size:13px;margin-top:6px;color:var(--muted)}

/* Selamlama */
.v143-greeting{padding:18px 6px 8px}
.v143-greeting h1{margin:0;font-family:var(--font-display,Georgia,serif);font-size:clamp(42px,10vw,64px);line-height:.96;letter-spacing:-1.6px;color:var(--text)}
.v143-greeting h2{margin:18px 0 20px;font-size:25px;color:var(--accent);font-weight:750}
.v143-greeting-lines{display:grid;gap:5px}
.v143-greeting-lines>span,.v143-greeting-lines>button{min-height:44px;display:flex;align-items:center;gap:13px;padding:8px 10px;border:0;background:transparent;color:var(--text);text-align:left;border-radius:14px}
.v143-greeting-lines>button{width:100%;cursor:pointer}
.v143-greeting-lines svg{width:23px;height:23px;color:var(--accent);flex:0 0 auto}
.v143-greeting-lines b{font-size:15px;line-height:1.35;font-weight:700}
.v143-greeting-lines>button:hover,.v143-greeting-lines>button:focus-visible{background:var(--v143-soft)}
.v143-greeting-lines>button>svg:last-child{margin-left:auto;width:18px}

/* Vakit + görev birleşik kart */
.v143-prayer-task-card{overflow:hidden;border:1px solid var(--v143-line);padding:0!important;background:linear-gradient(145deg,var(--v143-soft-2),var(--card));box-shadow:0 18px 45px rgba(0,0,0,.16)}
.v143-prayer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 8px}
.v143-prayer-head>span{display:flex;align-items:center;gap:9px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.12em}
.v143-prayer-head>span b{width:10px;height:10px;border-radius:50%;background:#55e28d;box-shadow:0 0 0 7px rgba(85,226,141,.1)}
.v143-prayer-head button,.v143-task-divider button{border:0;background:transparent;color:var(--accent);font-weight:750;display:flex;align-items:center;gap:4px}
.v143-prayer-title{display:flex;gap:15px;align-items:center;padding:12px 20px 10px}
.v143-prayer-title>span{width:66px;height:66px;display:grid;place-items:center;border-radius:20px;background:var(--v143-soft);color:var(--accent);flex:0 0 auto}
.v143-prayer-title>span svg{width:34px;height:34px}
.v143-prayer-title h2{font-size:35px;margin:0 0 4px;letter-spacing:-1px}
.v143-prayer-title p{margin:0;color:var(--muted);font-size:14px}
.v143-prayer-chips{display:grid;grid-template-columns:repeat(6,minmax(67px,1fr));gap:7px;overflow-x:auto;padding:10px 20px;scrollbar-width:none}
.v143-prayer-chips::-webkit-scrollbar{display:none}
.v143-prayer-chips button{min-width:68px;border:1px solid var(--line);background:var(--surface-2,var(--card));border-radius:15px;padding:9px 5px;color:var(--text);display:grid;gap:3px;text-align:center}
.v143-prayer-chips button.active{border-color:var(--accent);background:var(--v143-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 15%,transparent)}
.v143-prayer-chips strong{font-size:11px}.v143-prayer-chips small{font-size:10px;color:var(--muted)}
.v143-prayer-progress{height:5px;margin:4px 20px 13px;border-radius:99px;background:color-mix(in srgb,var(--text) 8%,transparent);overflow:hidden}
.v143-prayer-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 68%,white));border-radius:inherit}
.v143-prayer-metric{margin:0 20px 10px;padding:12px 15px;border:1px solid var(--line);border-radius:15px;display:flex;justify-content:space-between;align-items:center;background:color-mix(in srgb,var(--card) 82%,transparent)}
.v143-prayer-metric small{color:var(--muted);font-size:11px}.v143-prayer-metric strong{font-size:22px}
.v143-location{padding:5px 20px 17px;color:var(--muted);display:flex;align-items:center;gap:7px;font-size:12px}.v143-location svg{width:18px;color:var(--accent)}
.v143-task-divider{border-top:1px solid var(--line);padding:18px 20px 12px;display:flex;align-items:center;justify-content:space-between}
.v143-task-divider strong{display:block;font-size:18px}.v143-task-divider small{display:block;margin-top:3px;color:var(--muted);font-size:11px}
.v143-task-list{border-top:1px solid color-mix(in srgb,var(--line) 55%,transparent)}
.v143-task-row{min-height:78px;display:grid;grid-template-columns:48px 42px minmax(0,1fr) auto 30px;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);transition:.22s ease}
.v143-task-row.completed{background:color-mix(in srgb,var(--accent) 17%,var(--card));}
.v143-task-check{width:44px;height:44px;border-radius:14px;border:2px solid color-mix(in srgb,var(--text) 58%,transparent);background:transparent;color:transparent;display:grid;place-items:center}
.v143-task-row.completed .v143-task-check{border-color:var(--accent);background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 65%,white));color:#032024}
.v143-task-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:13px;background:var(--v143-soft);color:var(--accent)}
.v143-task-copy{min-width:0}.v143-task-copy strong{font-size:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v143-task-copy small{font-size:10px;color:var(--muted)}
.v143-task-row.completed .v143-task-copy strong,.v143-task-row.completed .v143-task-copy small{text-decoration:line-through;opacity:.7}
.v143-task-timer{display:flex;align-items:center;gap:7px}.v143-task-timer>button,.v143-task-more{width:34px;height:34px;border:1px solid var(--line);border-radius:11px;background:transparent;color:var(--accent);display:grid;place-items:center}.v143-task-more{border:0;color:var(--muted)}
.v143-task-ring{--progress:0;position:relative;width:47px;height:47px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) calc(var(--progress)*1%),color-mix(in srgb,var(--text) 8%,transparent) 0)}
.v143-task-ring::after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--card)}.v143-task-ring b{z-index:1;font-size:9px}
.v143-task-footer{padding:14px 16px 17px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.v143-task-footer button{min-height:52px}

/* 3x3 birleşik modül paneli */
.v143-module-panel{display:grid;grid-template-columns:repeat(3,1fr);padding:0!important;overflow:hidden;border:1px solid var(--v143-line)}
.v143-module-panel button{min-height:102px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:.18s ease}
.v143-module-panel button:nth-child(3n){border-right:0}.v143-module-panel button:nth-last-child(-n+3){border-bottom:0}
.v143-module-panel button:hover,.v143-module-panel button:focus-visible{background:var(--v143-soft)}
.v143-module-panel span{width:45px;height:45px;border-radius:15px;display:grid;place-items:center;background:var(--v143-soft);color:var(--accent)}
.v143-module-panel svg{width:25px;height:25px}.v143-module-panel strong{font-size:12px}

/* Bugünün Mizanı — 5 eşit satır */
.v143-mizan-today{overflow:hidden;padding:0!important;border:1px solid var(--v143-line)}
.v143-mizan-row{width:100%;min-height:116px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);display:grid;grid-template-columns:58px minmax(0,1fr) 22px;align-items:center;gap:15px;text-align:left;padding:17px 19px}
.v143-mizan-row:last-child{border-bottom:0}.v143-mizan-row:hover,.v143-mizan-row:focus-visible{background:var(--v143-soft-2)}
.v143-mizan-row>span:first-child{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:var(--v143-soft);color:var(--accent)}
.v143-mizan-row>span:first-child svg{width:27px;height:27px}.v143-mizan-row>svg{color:var(--muted)}
.v143-mizan-row small{display:block;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.04em}.v143-mizan-row strong{display:block;font-size:15px;line-height:1.35;margin-top:4px}.v143-mizan-row p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.v143-progress-ring{--progress:0;width:64px!important;height:64px!important;border-radius:50%!important;position:relative;background:conic-gradient(var(--accent) calc(var(--progress)*1%),color-mix(in srgb,var(--text) 8%,transparent) 0)!important}
.v143-progress-ring::after{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--card)}.v143-progress-ring b{z-index:1;font-size:15px}.v143-mizan-row.progress{grid-template-columns:74px minmax(0,1fr) 22px}
.v143-mini-bars{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}.v143-mini-bars em{height:4px;border-radius:99px;background:color-mix(in srgb,var(--text) 8%,transparent);overflow:hidden}.v143-mini-bars em::after{content:"";display:block;width:calc(var(--p)*1%);height:100%;background:var(--accent)}

/* Profil */
.v143-profile-hero{text-align:center;padding:18px 2px 6px}.v143-avatar{position:relative;border:0;background:transparent;color:var(--text)}
.v143-avatar>span{width:142px;height:142px;border-radius:50%;display:grid;place-items:center;overflow:hidden;border:4px solid color-mix(in srgb,var(--accent) 70%,transparent);background:var(--card);font:700 40px/1 var(--font-display,Georgia,serif);color:var(--accent)}
.v143-avatar img{width:100%;height:100%;object-fit:cover}.v143-avatar b{position:absolute;right:1px;bottom:6px;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#06232b;border:4px solid var(--bg)}
.v143-profile-name{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:15px}.v143-profile-name h1{margin:0;font-size:27px}.v143-profile-name button{border:1px solid var(--line);background:transparent;color:var(--accent);width:38px;height:38px;border-radius:12px}
.v143-profile-hero>p{margin:8px 0 18px;color:var(--muted)}
.v143-profile-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.v143-profile-metrics>div{min-height:96px;border:1px solid var(--line);background:var(--card);border-radius:21px;display:grid;place-content:center;gap:5px}.v143-profile-metrics strong{font-size:25px}.v143-profile-metrics small{color:var(--muted);font-size:10px}
.v143-family-card{width:100%;margin-top:14px;display:grid;grid-template-columns:52px 1fr 20px;align-items:center;gap:13px;text-align:left;color:var(--text)}.v143-family-card>span{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--v143-soft);color:var(--accent)}.v143-family-card strong{display:block;font-size:17px}.v143-family-card small{display:block;color:var(--muted);margin-top:4px;line-height:1.4}.v143-profile-menu .menu-row{min-height:76px}

/* Namaz merkezi */
.v143-prayer-menu{display:grid;gap:12px}.v143-prayer-menu>.card{display:grid;grid-template-columns:55px 1fr 24px;align-items:center;gap:14px;text-align:left;color:var(--text)}.v143-prayer-menu>.card>span{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:var(--v143-soft);color:var(--accent)}.v143-prayer-menu strong{font-size:18px}.v143-prayer-menu small{display:block;margin-top:5px;color:var(--muted)}
.v143-prayer-times-hero{display:flex;align-items:center;gap:17px}.v143-prayer-times-hero>span{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:var(--v143-soft);color:var(--accent)}.v143-prayer-times-hero h1{margin:5px 0;font-size:32px}.v143-prayer-times-hero small{color:var(--accent);font-weight:800}.v143-prayer-times-hero p{margin:0;color:var(--muted)}
.v143-prayer-times-list{padding:0!important;overflow:hidden}.v143-prayer-times-list button{width:100%;display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:13px;padding:15px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left}.v143-prayer-times-list button:last-child{border-bottom:0}.v143-prayer-times-list button.active{background:var(--v143-soft)}.v143-prayer-times-list button>span{color:var(--accent)}.v143-prayer-times-list small{display:block;color:var(--muted);margin-top:3px}.v143-prayer-times-list b{font-size:19px}

/* Hatim */
.v143-hatim-hero{text-align:center}.v143-hatim-hero>small{color:var(--accent);font-weight:800;letter-spacing:.14em}.v143-hatim-ring{--progress:0;width:170px;height:170px;border-radius:50%;margin:20px auto;display:grid;place-content:center;position:relative;background:conic-gradient(var(--accent) calc(var(--progress)*1%),color-mix(in srgb,var(--text) 8%,transparent) 0)}.v143-hatim-ring::after{content:"";position:absolute;inset:14px;border-radius:50%;background:var(--card)}.v143-hatim-ring strong,.v143-hatim-ring span{z-index:1}.v143-hatim-ring strong{font-size:38px}.v143-hatim-ring span{font-size:11px;color:var(--muted);margin-top:5px}.v143-hatim-hero h2{font-size:25px}.v143-hatim-hero p{color:var(--muted)}
.v143-hatim-config-bar{width:100%;display:grid;grid-template-columns:50px 1fr 22px;align-items:center;gap:13px;text-align:left;color:var(--text);margin:12px 0}.v143-hatim-config-bar>span{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--v143-soft);color:var(--accent)}.v143-hatim-config-bar strong{display:block;font-size:17px}.v143-hatim-config-bar small{display:block;color:var(--muted);margin-top:4px}.v143-hatim-today .badge{margin-bottom:14px}.v143-hatim-today h2{font-size:23px}.v143-hatim-today p{color:var(--muted);line-height:1.55}

/* Sağlık */
.v143-water-card{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:16px}.v143-water-ring{--progress:0;width:142px;height:142px;border-radius:50%;display:grid;place-content:center;text-align:center;position:relative;background:conic-gradient(var(--accent) calc(var(--progress)*1%),color-mix(in srgb,var(--text) 8%,transparent) 0)}.v143-water-ring::after{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--card)}.v143-water-ring>*{z-index:1}.v143-water-ring svg{width:29px;color:var(--accent);margin:auto}.v143-water-ring strong{font-size:22px}.v143-water-ring small{font-size:9px;color:var(--muted)}.v143-water-card h2{font-size:19px}.v143-water-card p{color:var(--muted)}.v143-water-card>div:last-child>div{display:flex;gap:7px}.v143-water-card>div:last-child>div button{min-height:44px;border-radius:13px}.v143-health-add{margin:13px 0;min-height:58px}.v143-health-tasks{padding:0!important;overflow:hidden}.v143-health-plans{display:grid;gap:10px}.v143-health-plans .card{display:grid;grid-template-columns:45px 1fr 40px;align-items:center;gap:12px}.v143-health-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.v143-health-options label input{position:absolute;opacity:0}.v143-health-options label span{min-height:64px;border:1px solid var(--line);border-radius:16px;display:flex;align-items:center;gap:10px;padding:12px;color:var(--text);background:var(--card)}.v143-health-options label input:checked+span{border-color:var(--accent);background:var(--v143-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 13%,transparent)}.v143-health-options svg{color:var(--accent)}

/* Kur’an yüzen dock */
body:has(.v143-quran-reader){padding-bottom:0}
.v143-quran-reader{padding-bottom:260px!important}.v143-quran-reader .back-button.v143-back-button{background:var(--card)!important;color:var(--text)!important;border:1px solid var(--accent)!important;box-shadow:0 6px 18px rgba(0,0,0,.15)!important}
.v143-quran-dock{position:fixed;left:max(12px,calc((100vw - 720px)/2 + 12px));right:max(12px,calc((100vw - 720px)/2 + 12px));bottom:calc(96px + env(safe-area-inset-bottom));z-index:170;display:grid;grid-template-columns:.9fr 1.15fr 1.25fr .9fr;background:color-mix(in srgb,var(--card) 96%,transparent);border:1px solid var(--accent);border-radius:24px;padding:7px;box-shadow:0 18px 55px rgba(0,0,0,.38);backdrop-filter:blur(18px)}
.v143-quran-dock button,.v143-quran-dock label{min-height:58px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--text);display:flex;align-items:center;justify-content:center;gap:7px;padding:6px;font-size:11px}.v143-quran-dock>*:last-child{border-right:0}.v143-quran-dock button.toggle{color:var(--accent);font-weight:800}.v143-quran-dock button.toggle.active{background:var(--v143-soft);border-radius:15px}.v143-quran-dock button:disabled{opacity:.35}.v143-quran-dock label{display:grid;gap:3px;text-align:center}.v143-quran-dock label span{font-size:9px;color:var(--muted)}.v143-quran-dock select{max-width:100%;border:0;background:transparent;color:var(--text);font-weight:750;text-align:center;outline:none}.v143-quran-dock option{background:var(--card);color:var(--text)}
.v143-quran-settings{position:fixed!important;right:max(20px,calc((100vw - 720px)/2 + 20px))!important;bottom:calc(174px + env(safe-area-inset-bottom))!important;z-index:172!important;width:60px!important;height:60px!important;border-radius:50%!important;border:1px solid var(--accent)!important;background:color-mix(in srgb,var(--card) 95%,transparent)!important;color:var(--accent)!important;display:grid!important;place-items:center!important;box-shadow:0 14px 38px rgba(0,0,0,.32)!important;backdrop-filter:blur(16px)}.v143-quran-settings svg{width:28px;height:28px}

/* Pusula sade ibre */
.v143-direction-needle{width:4px!important;height:36%!important;top:14%!important;left:calc(50% - 2px)!important;transform-origin:50% 100%!important;background:linear-gradient(to top,var(--accent),color-mix(in srgb,var(--accent) 70%,white))!important;border-radius:99px!important;clip-path:none!important;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 45%,transparent))!important}.v143-direction-needle span{position:absolute;top:-7px;left:50%;transform:translateX(-50%);width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 15%,transparent)}
.v143-target-marker{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--accent) 35%,transparent))}

/* Tema uyumlu manevî bildirimler */
.v11-reminder-card{background:linear-gradient(150deg,color-mix(in srgb,var(--card) 94%,var(--accent) 6%),var(--card))!important;border-color:color-mix(in srgb,var(--accent) 38%,transparent)!important}.v11-reminder-card .primary,.v11-reminder-actions .primary{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 70%,white))!important;color:#052229!important}

@media(max-width:560px){
  .v143-prayer-chips{grid-template-columns:repeat(6,74px)}
  .v143-task-row{grid-template-columns:43px 36px minmax(0,1fr) auto}.v143-task-more{display:none}.v143-task-icon{width:34px;height:34px}.v143-task-ring{width:43px;height:43px}
  .v143-water-card{grid-template-columns:125px 1fr}.v143-water-ring{width:116px;height:116px}.v143-water-card h2{font-size:16px}
  .v143-quran-dock{left:7px;right:7px;bottom:calc(89px + env(safe-area-inset-bottom));grid-template-columns:.8fr 1fr 1.15fr .8fr;border-radius:20px}.v143-quran-dock button,.v143-quran-dock label{min-height:54px;font-size:10px}.v143-quran-settings{right:15px!important;bottom:calc(158px + env(safe-area-inset-bottom))!important;width:54px!important;height:54px!important}
}
@media(max-width:390px){
  .v143-greeting h1{font-size:43px}.v143-prayer-title h2{font-size:30px}.v143-module-panel button{min-height:93px}.v143-mizan-row{padding:15px 14px;grid-template-columns:51px minmax(0,1fr) 18px}.v143-mizan-row.progress{grid-template-columns:65px minmax(0,1fr) 18px}.v143-mizan-row>span:first-child{width:46px;height:46px}.v143-progress-ring{width:58px!important;height:58px!important}
  .v143-quran-dock button span{font-size:9px}.v143-quran-dock select{font-size:9px}
}

/* =========================================================
   MİZAN v14.0.4 — 82 Maddelik Kullanım ve Görev Motoru
   ========================================================= */
body.v144-release{
  --v144-soft:color-mix(in srgb,var(--accent) 12%,transparent);
  --v144-soft-2:color-mix(in srgb,var(--accent) 7%,transparent);
  --v144-line:color-mix(in srgb,var(--accent) 22%,var(--line));
}
body.v144-release .v144-greeting h1{
  white-space:nowrap;
  font-size:clamp(31px,8.25vw,48px);
  line-height:1.04;
  letter-spacing:-1.15px;
}
body.v144-release .v144-greeting h2{margin:8px 0 13px;font-size:23px}

/* 4×2, tek panelde sekiz ana giriş */
body.v144-release .v144-module-panel{grid-template-columns:repeat(4,minmax(0,1fr))!important}
body.v144-release .v144-module-panel button{
  min-width:0;min-height:90px;padding:10px 5px;gap:8px;
  border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;
}
body.v144-release .v144-module-panel button:nth-child(4n){border-right:0!important}
body.v144-release .v144-module-panel button:nth-last-child(-n+4){border-bottom:0!important}
body.v144-release .v144-module-panel button:nth-child(3n){border-right:1px solid var(--line)!important}
body.v144-release .v144-module-panel button:nth-child(4n){border-right:0!important}
body.v144-release .v144-module-panel span{width:42px;height:42px;border-radius:14px}
body.v144-release .v144-module-panel strong{font-size:10.5px;line-height:1.2;white-space:normal;text-align:center}

/* Bugünün Mizanı — gerçek görsel ilerleme */
.v144-linear-progress{height:8px;border-radius:999px;background:color-mix(in srgb,var(--text) 9%,transparent);overflow:hidden;margin-top:10px;border:1px solid color-mix(in srgb,var(--accent) 15%,transparent)}
.v144-linear-progress span{display:block;height:100%;width:calc(var(--progress,0) * 1%);border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-soft,#8bcbd4));box-shadow:0 0 16px color-mix(in srgb,var(--accent) 42%,transparent);transition:width .45s ease}
.v144-progress-pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.v144-progress-pills em{font-style:normal;display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:999px;background:var(--v144-soft-2);border:1px solid color-mix(in srgb,var(--accent) 14%,transparent);font-size:8px;color:var(--muted)}
.v144-progress-pills em b{color:var(--text);font-size:8px}
.v144-progress-complete{display:flex;align-items:center;gap:6px;margin-top:8px;color:var(--accent);font-weight:800;font-size:9px}.v144-progress-complete svg{width:14px;height:14px}

/* Dua + Zikir ortak merkezi */
.v144-dua-zikir-view{padding-bottom:calc(var(--nav-h,78px) + 40px)}
.v144-combined-search{position:relative;z-index:4;margin-bottom:8px}
.v144-category-tabs{position:sticky;top:calc(var(--header-h,68px) + 2px);z-index:30;display:flex;gap:7px;overflow-x:auto;padding:8px 2px 10px;background:linear-gradient(180deg,var(--bg) 72%,transparent);scrollbar-width:none;overscroll-behavior-inline:contain}
.v144-category-tabs::-webkit-scrollbar{display:none}
.v144-category-tabs button{flex:0 0 auto;min-height:38px;padding:0 13px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:9px;font-weight:800;white-space:nowrap}
.v144-category-tabs button.active{background:var(--accent);border-color:var(--accent);color:#03120f;box-shadow:0 7px 20px color-mix(in srgb,var(--accent) 25%,transparent)}
.v144-combined-list{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.v144-combined-card{padding:0!important;overflow:hidden}
.v144-combined-main{width:100%;border:0;background:transparent;color:inherit;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:12px;text-align:left;padding:13px 14px}
.v144-combined-main>span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--v144-soft);color:var(--accent)}
.v144-combined-main>span svg{width:21px;height:21px}.v144-combined-main>svg{width:17px;color:var(--muted)}
.v144-combined-main small{display:block;color:var(--accent);font-size:8px;font-weight:800}.v144-combined-main strong{display:block;margin-top:3px;font-size:12px}.v144-combined-main p{margin:4px 0 0;font-size:9px;line-height:1.4;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v144-combined-actions{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.v144-combined-actions button{min-height:36px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px}.v144-combined-actions button:last-child{border-right:0}.v144-combined-actions button.active{color:var(--accent)}.v144-combined-actions svg{width:13px}
.v144-repeat-detail{display:grid;gap:10px}.v144-repeat-detail>div{padding:11px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}.v144-repeat-detail small{display:block;color:var(--accent);font-size:8px}.v144-repeat-detail strong{display:block;margin-top:5px;font-size:11px;line-height:1.55}.v144-repeat-arabic{font-family:"Noto Naskh Arabic","Amiri",serif;font-size:28px;line-height:1.9;text-align:right;margin:0;padding:14px;border-radius:15px;background:var(--surface-2)}
.v144-repeat-targets{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0}.v144-repeat-targets button{min-height:40px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--text);font-weight:800}.v144-repeat-targets button.active{border-color:var(--accent);background:var(--v144-soft);color:var(--accent)}
.v144-repeat-counter{width:178px;height:178px;margin:8px auto 15px;border:0;border-radius:50%;display:grid;place-items:center;color:var(--text);background:conic-gradient(var(--accent) calc(var(--progress,0) * 1%),color-mix(in srgb,var(--text) 8%,transparent) 0);position:relative;box-shadow:0 16px 40px rgba(0,0,0,.24)}
.v144-repeat-counter:before{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--surface-solid)}.v144-repeat-counter span{position:relative;text-align:center}.v144-repeat-counter strong{font-size:42px}.v144-repeat-counter small{font-size:16px;color:var(--muted)}.v144-repeat-counter em{display:block;margin-top:6px;font-style:normal;font-size:9px;color:var(--muted)}

/* Görev ekleme / takip */
.v144-task-chooser{display:grid;gap:10px}.v144-task-chooser>button{min-height:92px;border:1px solid var(--line);border-radius:19px;background:var(--surface-2);color:inherit;display:grid;grid-template-columns:48px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:14px;text-align:left}.v144-task-chooser>button>span{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;color:var(--accent);background:var(--v144-soft)}.v144-task-chooser strong,.v144-task-chooser small{display:block}.v144-task-chooser strong{font-size:13px}.v144-task-chooser small{margin-top:5px;color:var(--muted);font-size:9px;line-height:1.4}.v144-task-chooser>button>svg{width:17px;color:var(--muted)}
.v144-tracking-types{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:8px}.v144-tracking-types label{position:relative}.v144-tracking-types input{position:absolute;opacity:0;pointer-events:none}.v144-tracking-types span{min-height:47px;padding:8px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2);display:flex;align-items:center;gap:7px;font-size:8px}.v144-tracking-types input:checked+span{border-color:var(--accent);background:var(--v144-soft);color:var(--accent)}.v144-tracking-types svg{width:16px}
.v144-track-panel{display:none;margin-top:9px}.v144-track-panel.show{display:block}
.v144-repeat-selector{margin-top:13px}.v144-repeat-selector>span{display:block;margin-bottom:7px;color:var(--muted);font-size:9px;font-weight:800}
.v144-segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.v144-segmented label{position:relative}.v144-segmented input{position:absolute;opacity:0}.v144-segmented span{min-height:42px;padding:7px 5px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);display:grid;place-items:center;text-align:center;font-size:8px;font-weight:800}.v144-segmented input:checked+span{border-color:var(--accent);background:var(--v144-soft);color:var(--accent)}
.v144-weekdays{display:none;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:8px}.v144-weekdays.show{display:grid}.v144-weekdays label{position:relative}.v144-weekdays input{position:absolute;opacity:0}.v144-weekdays span{height:34px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;background:var(--surface-2);font-size:7.5px}.v144-weekdays input:checked+span{background:var(--accent);border-color:var(--accent);color:#03120f;font-weight:900}
.v144-progress-ring{--progress:0;width:50px;height:50px;flex:0 0 50px;border:0;border-radius:50%;display:grid;place-items:center;position:relative;color:var(--text);background:conic-gradient(var(--accent) calc(var(--progress) * 1%),color-mix(in srgb,var(--text) 8%,transparent) 0)}.v144-progress-ring:before{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--surface-solid)}.v144-progress-ring strong,.v144-progress-ring small{position:relative;display:block;line-height:1.05;text-align:center}.v144-progress-ring strong{font-size:9px}.v144-progress-ring small{font-size:6.5px;color:var(--muted);margin-top:2px}.v144-task-detail{color:var(--accent)}
.v144-hidden-more{display:none!important}
.v144-swipe-shell{position:relative;overflow:hidden;border-radius:inherit;touch-action:pan-y}.v144-swipe-shell>.v143-task-row,.v144-swipe-shell>.task-row,.v144-swipe-shell>.v14-task-row{position:relative;z-index:2;background:var(--surface-solid);transition:transform .2s ease;will-change:transform}.v144-swipe-actions{position:absolute;inset:0 0 0 auto;width:154px;display:grid;grid-template-columns:1fr 1fr;z-index:1}.v144-swipe-actions button{border:0;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#287d82;font-size:8px}.v144-swipe-actions button.danger{background:#a9444c}.v144-swipe-actions svg{width:18px}
.v144-undo-toast{display:flex!important;align-items:center;justify-content:space-between;gap:12px}.v144-undo-toast button{border:0;background:transparent;color:var(--accent);font-weight:900}
.v144-rest-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(var(--nav-h,78px) + 18px + env(safe-area-inset-bottom));z-index:260;min-width:245px;max-width:calc(100vw - 28px);padding:11px 13px;border:1px solid var(--accent);border-radius:17px;background:var(--surface-solid);box-shadow:0 18px 45px rgba(0,0,0,.42);display:grid;grid-template-columns:20px 1fr auto auto;align-items:center;gap:8px}.v144-rest-bar svg{width:18px;color:var(--accent)}.v144-rest-bar span{font-size:9px}.v144-rest-bar strong{font-variant-numeric:tabular-nums}.v144-rest-bar button{border:0;background:var(--v144-soft);color:var(--accent);border-radius:9px;padding:7px 9px;font-size:8px}

/* Hatim */
.v144-hatim-view{padding-bottom:calc(var(--nav-h,78px) + 30px)}.v144-hatim-reader{min-height:52px;margin-top:14px;display:flex;align-items:center;justify-content:center;gap:8px}.v144-hatim-reader svg{width:18px}.v144-hatim-view .v143-hatim-today{padding-bottom:16px}

/* Kur’an yalnız okuyucuda sabit ve responsive dock */
.v144-quran-dock{position:fixed;left:max(8px,calc((100vw - 720px)/2 + 8px));right:max(8px,calc((100vw - 720px)/2 + 8px));bottom:calc(var(--nav-h,78px) + 15px + env(safe-area-inset-bottom));z-index:210;display:grid;grid-template-columns:minmax(62px,.85fr) minmax(72px,1fr) minmax(82px,1.15fr) minmax(62px,.85fr);padding:6px;border:1px solid color-mix(in srgb,var(--accent) 75%,transparent);border-radius:20px;background:color-mix(in srgb,var(--surface-solid) 94%,transparent);box-shadow:0 18px 55px rgba(0,0,0,.48);backdrop-filter:blur(20px)}
.v144-quran-dock button{min-width:0;min-height:52px;padding:5px 4px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--text);display:flex;align-items:center;justify-content:center;gap:4px;font-size:8.5px;font-weight:800;white-space:nowrap;overflow:hidden}.v144-quran-dock button:last-child{border-right:0}.v144-quran-dock button.auto-control.active{border-radius:13px;background:var(--v144-soft);color:var(--accent)}.v144-quran-dock button:disabled{opacity:.32}.v144-quran-dock svg{width:15px;flex:0 0 auto}.v144-quran-dock .speed-control{display:grid;grid-template-columns:minmax(0,1fr) 13px;align-items:center;gap:2px}.v144-quran-dock .speed-copy{min-width:0;display:grid;gap:2px;text-align:center}.v144-quran-dock .speed-control>svg{width:12px}
.v144-quran-dock small,.v144-quran-dock strong{display:block;overflow:hidden;text-overflow:ellipsis}.v144-quran-dock small{font-size:6.5px;color:var(--muted)}.v144-quran-dock strong{font-size:7.5px;color:var(--accent)}
.v144-quran-settings{position:fixed!important;right:max(14px,calc((100vw - 720px)/2 + 14px))!important;bottom:calc(var(--nav-h,78px) + 85px + env(safe-area-inset-bottom))!important;z-index:215!important;width:48px!important;height:48px!important;border-radius:16px!important;box-shadow:0 12px 34px rgba(0,0,0,.38)!important}
.v144-speed-list{display:grid;gap:7px}.v144-speed-list button{min-height:48px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);color:var(--text);display:flex;align-items:center;gap:10px;padding:10px 13px;text-align:left}.v144-speed-list button.active{border-color:var(--accent);background:var(--v144-soft);color:var(--accent)}.v144-speed-list button span{width:30px;height:30px;border-radius:10px;background:var(--v144-soft);display:grid;place-items:center}.v144-speed-list svg{width:15px}
body:has(.v144-quran-dock) .app-main{padding-bottom:calc(var(--nav-h,78px) + 105px + env(safe-area-inset-bottom))}

/* Modal yardımcıları */
.v144-health-track{grid-template-columns:1fr 1fr}.v144-speed-list+.modal-footer{margin-top:0}

@media(max-width:430px){
  body.v144-release .v144-greeting h1{font-size:33px;letter-spacing:-.8px}
  body.v144-release .v144-module-panel button{min-height:82px;padding:8px 2px}
  body.v144-release .v144-module-panel span{width:37px;height:37px}
  body.v144-release .v144-module-panel strong{font-size:9px}
  .v144-quran-dock{left:6px;right:6px;bottom:calc(var(--nav-h,72px) + 10px + env(safe-area-inset-bottom));grid-template-columns:58px minmax(67px,1fr) minmax(78px,1.12fr) 58px;border-radius:17px;padding:5px}
  .v144-quran-dock button{min-height:48px;font-size:8.6px;padding:3px 2px;gap:2px}.v144-quran-dock svg{width:13px}.v144-quran-dock strong{font-size:7.8px}.v144-quran-dock small{font-size:6.8px}
  .v144-quran-settings{right:10px!important;bottom:calc(var(--nav-h,72px) + 73px + env(safe-area-inset-bottom))!important;width:45px!important;height:45px!important}
  .v144-combined-main{grid-template-columns:38px minmax(0,1fr) 15px;padding:11px}.v144-combined-main>span{width:38px;height:38px}
  .v144-repeat-counter{width:158px;height:158px}.v144-repeat-counter strong{font-size:36px}
  .v144-segmented span{font-size:7px}.v144-weekdays span{font-size:6.5px}
}
@media(max-width:355px){
  body.v144-release .v144-greeting h1{font-size:28px}
  body.v144-release .v144-module-panel strong{font-size:8px}
  .v144-quran-dock{grid-template-columns:51px minmax(60px,1fr) minmax(70px,1.1fr) 51px}.v144-quran-dock button span{font-size:6.8px}.v144-quran-dock strong{font-size:6px}
  .v144-progress-pills{gap:4px}.v144-progress-pills em{padding:4px 6px;font-size:7px}
}