/* Beta 7.0 — Namaz · Kaza · İlim · Su · Diyet (mobil öncelikli) */
.dly-page{--tone:#8f9bff;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;width:100%;max-width:1080px;margin-inline:auto;overflow-x:clip}
.dly-page>*{min-width:0;margin:0}
.dly-page .panel{padding:18px 20px;border-radius:18px}
.dly-page .btn{width:auto;margin-top:0;min-height:42px;white-space:nowrap}
.dly-page .btn[disabled]{opacity:.45;cursor:not-allowed}
.dly-page input,.dly-page select{min-width:0;max-width:100%;box-sizing:border-box}
.dly-page .eyebrow{color:var(--tone)}

/* Başlık */
.dly-page .pagehead.dly-head{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:12px;margin:0}
.dly-head h1{margin:2px 0 0;line-height:1.05}
.dly-head>div{display:grid;gap:2px;min-width:0}
.dly-back{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--muted,#858d9a)}
.dly-back:hover{color:var(--tone)}
.dly-chip{flex:none;padding:8px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--tone) 55%,transparent);color:var(--tone);font-size:12px;font-weight:800;letter-spacing:.04em;white-space:nowrap;font-variant-numeric:tabular-nums}
.dly-link{font-size:12px;font-weight:700;color:var(--tone);white-space:nowrap}

/* Çubuk */
.dly-bar{display:block;height:8px;border-radius:999px;background:color-mix(in srgb,var(--text,#f4f6f8) 9%,transparent);overflow:hidden}
.dly-bar i{display:block;height:100%;width:0;border-radius:inherit;background:var(--tone);transition:width .35s}
.dly-bar.is-over i{background:#ff7a7a}

/* Üst kart */
.dly-hero{display:grid;gap:12px;border-color:color-mix(in srgb,var(--tone) 35%,var(--line,#282e38))}
.dly-hero p{margin:0;font-size:13px;line-height:1.55;color:var(--muted,#858d9a)}
.dly-score{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.dly-score strong{font-size:clamp(30px,6vw,42px);line-height:1;font-weight:800;font-variant-numeric:tabular-nums}
.dly-score strong small{margin-left:6px;font-size:14px;font-weight:600;color:var(--muted,#858d9a)}
.dly-score>span{font-size:13px;font-weight:700;color:var(--tone);font-variant-numeric:tabular-nums}

/* Kutucuklar */
.dly-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.dly-tiles article{display:grid;gap:3px;padding:13px 14px;border:1px solid var(--line,#282e38);border-radius:14px;background:var(--surface,#101318)}
.dly-tiles span{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--tone)}
.dly-tiles strong{font-size:22px;line-height:1.15;font-variant-numeric:tabular-nums}
.dly-tiles small{font-size:11px;color:var(--muted,#858d9a)}

/* Grafik */
.dly-chart>header,.wtr-log>header,.ilm-shelf>header,.mkp-quota>header{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px}
.dly-chart h2,.wtr-log h2,.ilm-shelf h2,.mkp-quota h2{margin:4px 0 0;font-size:20px}
.dly-chart header small{font-size:12px;color:var(--muted,#858d9a);text-align:right}
.dly-scroll{overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.dly-days{display:flex;gap:5px;min-width:max-content}
.dly-days article{display:grid;gap:3px;width:28px;text-align:center;font-variant-numeric:tabular-nums}
.dly-col{position:relative;display:flex;flex-direction:column-reverse;height:130px;border-radius:7px;background:var(--surface2,#151920);overflow:hidden}
.dly-col i{display:block;width:100%;flex:0 0 auto;background:var(--tone)}
.dly-col s{position:absolute;left:0;right:0;height:0;border-top:2px dashed #e6b94f;opacity:.85;text-decoration:none}
.dly-days article.is-today .dly-col{outline:1px solid var(--tone);outline-offset:-1px}
.dly-days b{font-size:9px;white-space:nowrap;overflow:hidden}
.dly-days time{font-size:9px;color:var(--muted,#858d9a)}
.dly-days article.is-today time{color:var(--tone);font-weight:800}
.dly-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin:10px 0 0;padding:0;list-style:none;font-size:11px;color:var(--muted,#858d9a)}
.dly-legend li{display:flex;align-items:center;gap:6px}
.dly-legend i{width:10px;height:10px;border-radius:3px}

/* Ortak */
.dly-empty{margin:0;color:var(--muted,#858d9a);font-size:14px}
.dly-alert{margin:0;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,189,101,.4);color:#ffcf8f;font-size:13px}
.dly-actions,.dly-links{display:flex;flex-wrap:wrap;gap:8px}
.dly-fold>summary,.dly-fold-plain>summary{cursor:pointer;list-style:none;display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;font-weight:700}
.dly-fold>summary::-webkit-details-marker,.dly-fold-plain>summary::-webkit-details-marker{display:none}
.dly-fold>summary::after,.dly-fold-plain>summary::after{content:'+';margin-left:auto;color:var(--tone);font-weight:800}
.dly-fold[open]>summary::after,.dly-fold-plain[open]>summary::after{content:'−'}
.dly-fold>summary small,.dly-fold-plain>summary small{font-weight:500;font-size:12px;color:var(--muted,#858d9a)}
.dly-fold[open]>summary{margin-bottom:12px}
.dly-fold-plain{display:grid;gap:10px}
.dly-fold-plain>summary.panel{padding:15px 20px}
.dly-seg{display:grid;grid-template-columns:1fr 1fr;padding:4px;border:1px solid var(--line,#282e38);border-radius:999px;background:var(--surface,#101318)}
.dly-seg a{padding:9px 12px;border-radius:999px;text-align:center;font-size:13px;font-weight:700;color:var(--muted,#858d9a)}
.dly-seg a.is-on{background:var(--tone);color:#07090c}
.dly-pills{display:flex;flex-wrap:wrap;gap:6px}
.dly-pills label{position:relative;cursor:pointer}
.dly-pills input{position:absolute;inset:0;width:100%!important;height:100%!important;margin:0!important;padding:0!important;opacity:0;cursor:pointer}
.dly-pills span{display:block;padding:8px 14px;border:1px solid var(--line,#282e38);border-radius:999px;font-size:13px;font-weight:600;color:var(--muted,#858d9a)}
.dly-pills input:checked+span{color:#07090c;background:var(--tone);border-color:var(--tone)}
.dly-pills input:focus-visible+span{outline:2px solid var(--tone);outline-offset:2px}
.dly-x{display:grid;place-items:center;width:34px!important;height:34px!important;padding:0!important;border:1px solid var(--line,#282e38)!important;border-radius:10px!important;background:transparent!important;color:var(--muted,#858d9a)!important;font-size:18px;line-height:1}
.dly-x:hover{color:#ff7a7a!important;border-color:#ff7a7a!important}

/* ---------- Namaz ---------- */
.pry-times{display:grid;gap:14px}
.pry-times.is-empty{display:flex;justify-content:space-between;align-items:center;gap:12px}
.pry-times.is-empty p{margin:4px 0 0;color:var(--muted,#858d9a);font-size:13px}
.pry-next{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.pry-next>div:first-child{display:grid;gap:4px}
.pry-next strong{font-size:22px}
.pry-next strong b{color:var(--tone);font-variant-numeric:tabular-nums}
.pry-countdown{display:grid;text-align:right}
.pry-countdown span{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--muted,#858d9a)}
.pry-countdown strong{font-size:22px;font-variant-numeric:tabular-nums}
.pry-time-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.pry-time-row span{display:grid;gap:2px;padding:8px 4px;border-radius:10px;background:var(--surface2,#151920);text-align:center}
.pry-time-row small{font-size:10px;color:var(--muted,#858d9a)}
.pry-time-row b{font-size:14px;font-variant-numeric:tabular-nums}
.pry-time-row span.is-next{background:color-mix(in srgb,var(--tone) 22%,transparent);outline:1px solid var(--tone)}
.pry-time-row span.is-next b{color:var(--tone)}
.pry-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.pry-card{display:grid;gap:12px;border-color:color-mix(in srgb,var(--tone) 30%,var(--line,#282e38))}
.pry-card>header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.pry-card h2{margin:4px 0 0;font-size:20px;line-height:1.2}
.pry-card .dly-score strong{font-size:30px}
.pry-note{margin:0;font-size:13px;line-height:1.5;color:var(--muted,#858d9a)}
.pry-note b{color:var(--tone)}
.pry-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pry-slot{margin:0}
.pry-slot button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;height:auto;min-height:68px;padding:12px 14px;border:1px solid var(--line,#282e38);border-radius:16px;background:var(--surface,#101318);color:var(--text,#f4f6f8);text-align:left;cursor:pointer;transition:border-color .2s,background .2s}
.pry-slot button:hover{border-color:var(--tone)}
.pry-slot i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:2px solid color-mix(in srgb,var(--tone) 60%,transparent);font-style:normal;font-weight:900;font-size:15px;color:#07090c}
.pry-slot span{display:grid;gap:2px;min-width:0}
.pry-slot strong{font-size:16px}
.pry-slot small{font-size:12px;color:var(--muted,#858d9a);font-variant-numeric:tabular-nums}
.pry-slot em{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--muted,#858d9a)}
.pry-slot.is-done button{border-color:color-mix(in srgb,#5fe09a 55%,transparent);background:color-mix(in srgb,#5fe09a 9%,var(--surface,#101318))}
.pry-slot.is-done i{background:#5fe09a;border-color:#5fe09a}
.pry-slot.is-done em{color:#5fe09a}
.pry-slots.is-compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pry-slots.is-compact button{grid-template-columns:1fr;justify-items:center;text-align:center;gap:6px;min-height:0;padding:12px 6px}
.pry-slots.is-compact span{justify-items:center}
.pry-slots.is-compact strong{font-size:14px}
.pry-slots.is-compact small{font-size:11px}
.pry-slots.is-compact em{display:none}

/* ---------- Kaza ---------- */
.mkp-block{display:grid;gap:6px}
.mkp-block>span{display:grid;grid-template-columns:repeat(30,minmax(0,1fr));gap:2px}
.mkp-block>span i{height:12px;border-radius:3px;background:color-mix(in srgb,var(--text,#f4f6f8) 10%,transparent)}
.mkp-block>span i.is-on{background:#e6b94f}
.mkp-block small{font-size:12px;color:var(--muted,#858d9a)}
.mkp-block small b{color:#e6b94f}
.mkp-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mkp-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line,#282e38);border-left:3px solid var(--vt);border-radius:16px;background:var(--surface,#101318)}
.mkp-name{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:8px;align-items:center}
.mkp-name i{grid-row:span 2;width:10px;height:10px;border-radius:50%;background:var(--vt)}
.mkp-name strong{font-size:16px;color:var(--vt)}
.mkp-name small{font-size:12px;color:var(--muted,#858d9a);font-variant-numeric:tabular-nums}
.mkp-step{display:grid;grid-template-columns:34px 44px 34px;align-items:center;height:42px;border:1px solid var(--line,#282e38);border-radius:12px;overflow:hidden}
.mkp-step button{height:100%!important;width:100%!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--text,#f4f6f8)!important;font-size:18px;display:grid;place-items:center}
.mkp-step input{width:100%!important;height:100%!important;padding:0!important;margin:0!important;border:0!important;border-inline:1px solid var(--line,#282e38)!important;border-radius:0!important;background:transparent!important;text-align:center;font-weight:800;font-size:16px;-moz-appearance:textfield}
.mkp-step input::-webkit-inner-spin-button,.mkp-step input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.mkp-row .btn{padding:0 14px}
.mkp-years{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.mkp-years a{position:relative;flex:none;display:grid;gap:2px;min-width:74px;padding:10px 12px 12px;border:1px solid var(--line,#282e38);border-radius:14px;background:var(--surface,#101318);overflow:hidden;color:inherit}
.mkp-years a strong{font-size:15px}
.mkp-years a small{font-size:11px;color:var(--muted,#858d9a)}
.mkp-years a i{position:absolute;left:0;bottom:0;height:3px;width:var(--pct);background:var(--tone)}
.mkp-years a.is-on{border-color:var(--tone);background:color-mix(in srgb,var(--tone) 14%,var(--surface,#101318))}
.mkp-years a.is-full small{color:#5fe09a}
.mkp-quota>header b{font-size:18px;color:var(--tone)}
.mkp-quota-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name value" "bar bar";gap:8px 12px;padding:12px 2px;border-top:1px solid var(--line,#282e38);color:inherit}
.mkp-quota-row:hover strong{text-decoration:underline}
.mkp-quota-name{grid-area:name;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:8px;align-items:center}
.mkp-quota-name i{grid-row:span 2;width:10px;height:10px;border-radius:50%;background:var(--vt)}
.mkp-quota-name small{font-size:11px;color:var(--muted,#858d9a)}
.mkp-quota-row>b{grid-area:value;font-variant-numeric:tabular-nums}
.mkp-quota-row>b small{color:var(--muted,#858d9a);font-weight:600}
.mkp-quota-row .dly-bar{grid-area:bar;height:6px;--tone:var(--vt)}
.mkp-quota .pry-note{margin-top:10px}
.mkp-logs{display:grid;padding-top:6px;padding-bottom:6px}
.mkp-logs article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--line,#282e38);font-variant-numeric:tabular-nums}
.mkp-logs article:first-child{border-top:0}
.mkp-logs strong{color:var(--tone)}
.mkp-logs time{font-size:13px;color:var(--muted,#858d9a)}
.mkp-logs span{font-size:12px;font-weight:800;color:#5fe09a}

/* ---------- Su ---------- */
.wtr-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center;border-color:color-mix(in srgb,var(--tone) 35%,var(--line,#282e38))}
.wtr-glass{position:relative;width:96px;height:150px;border:2px solid color-mix(in srgb,var(--tone) 60%,transparent);border-top-width:1px;border-radius:12px 12px 26px 26px;overflow:hidden;background:var(--surface2,#151920)}
.wtr-glass i{position:absolute;left:0;right:0;bottom:0;height:var(--fill);background:linear-gradient(180deg,color-mix(in srgb,var(--tone) 70%,#fff),var(--tone));transition:height .5s}
.wtr-glass i::before{content:'';position:absolute;left:-10%;right:-10%;top:-6px;height:12px;border-radius:50%;background:color-mix(in srgb,var(--tone) 60%,#fff);opacity:.6}
.wtr-glass span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:2px;white-space:nowrap;text-align:center;font-size:22px;font-weight:800;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.6);font-variant-numeric:tabular-nums}
.wtr-glass span small{font-size:12px}
.wtr-hero-body{display:grid;gap:12px;min-width:0}
.wtr-hero-body p{margin:0;font-size:13px;color:var(--muted,#858d9a)}
.wtr-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.wtr-quick form{margin:0}
.wtr-quick .btn{width:100%;font-size:13px;letter-spacing:.02em}
.wtr-add{display:grid;gap:12px}
.wtr-add-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
.wtr-add-row label{display:grid;gap:4px;font-size:12px;color:var(--muted,#858d9a)}
.wtr-add-row .btn{min-width:110px}
.wtr-add small{font-size:12px;color:var(--muted,#858d9a)}
.wtr-log article{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line,#282e38)}
.wtr-log article:first-of-type{border-top:0}
.wtr-log time{font-size:13px;font-weight:700;color:var(--muted,#858d9a);font-variant-numeric:tabular-nums}
.wtr-log span{display:flex;justify-content:space-between;gap:10px;align-items:baseline;min-width:0}
.wtr-log span small{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.wtr-log article.is-water span small{color:var(--tone)}
.wtr-log form{margin:0}

/* ---------- İlim ---------- */
.ilm-books{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ilm-book{display:grid;align-content:start;border:1px solid var(--line,#282e38);border-radius:16px;background:var(--surface,#101318);overflow:hidden}
.ilm-book-main{display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;padding:14px;color:inherit}
.ilm-spine{display:grid;place-items:end center;padding-bottom:8px;min-height:84px;border-radius:6px 10px 10px 6px;background:linear-gradient(160deg,var(--book),color-mix(in srgb,var(--book) 45%,#000));box-shadow:inset 4px 0 0 rgba(0,0,0,.25)}
.ilm-spine b{font-size:12px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.ilm-book-text{display:grid;gap:5px;min-width:0}
.ilm-book-text small{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--book)}
.ilm-book-text strong{font-size:15px;line-height:1.3;overflow-wrap:anywhere}
.ilm-book-text em{font-style:normal;font-size:12px;color:var(--muted,#858d9a)}
.ilm-book-text .dly-bar{--tone:var(--book);height:5px;margin-top:4px}
.ilm-book-meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:11px;color:var(--muted,#858d9a);font-variant-numeric:tabular-nums}
.ilm-book-meta span:first-child{color:var(--text,#f4f6f8);font-weight:700}
.ilm-log{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;align-items:end;padding:12px 14px 14px;border-top:1px solid var(--line,#282e38)}
.ilm-log label{display:grid;gap:4px;font-size:11px;color:var(--muted,#858d9a)}
.ilm-log details{grid-column:1/-1}
.ilm-log summary{cursor:pointer;font-size:12px;color:var(--tone);list-style:none}
.ilm-log summary::-webkit-details-marker{display:none}
.ilm-log details input{margin-top:8px;width:100%}
.ilm-add{margin-top:14px}
.ilm-add>summary{cursor:pointer;list-style:none;display:inline-flex;padding:10px 16px;border:1px dashed color-mix(in srgb,var(--tone) 60%,transparent);border-radius:12px;font-size:13px;font-weight:700;color:var(--tone)}
.ilm-add>summary::-webkit-details-marker{display:none}
.ilm-add-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px;align-items:end}
.ilm-add-form label{display:grid;gap:4px;font-size:12px;color:var(--muted,#858d9a)}
.ilm-add-form .is-wide{grid-column:span 2}
.ilm-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line,#282e38);color:inherit}
.ilm-row b{font-size:10px;letter-spacing:.1em;color:#5fe09a}
.ilm-row span{min-width:0;overflow-wrap:anywhere}

/* ---------- Diyet ---------- */
.ntr-macros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ntr-macros>div{display:grid;gap:5px;padding:10px 12px;border-radius:12px;background:var(--surface2,#151920)}
.ntr-macros span{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--tone)}
.ntr-macros strong{font-size:18px;font-variant-numeric:tabular-nums}
.ntr-macros strong small{margin-left:3px;font-size:11px;font-weight:600;color:var(--muted,#858d9a)}
.ntr-macros .dly-bar{height:5px}
.ntr-hero.is-over .dly-score>span{color:#ff7a7a}
.ntr-hero.is-over>.dly-bar i{background:#ff7a7a}
.ntr-meals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.dly-page .ntr-meal{display:grid;gap:10px;padding:14px 16px}
.ntr-meal>header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center}
.ntr-meal h3{margin:0;font-size:17px}
.ntr-meal header small{display:block;margin-top:2px;font-size:11px;color:var(--muted,#858d9a);font-variant-numeric:tabular-nums}
.ntr-meal header>b{font-size:17px;color:var(--tone);font-variant-numeric:tabular-nums;white-space:nowrap}
.ntr-meal header>b small{display:inline;font-size:11px;color:var(--muted,#858d9a)}
.ntr-add{display:grid!important;place-items:center;width:40px!important;height:40px!important;padding:0!important;border:0!important;border-radius:12px!important;background:var(--tone)!important;color:#07090c!important;font-size:24px!important;font-weight:700;line-height:1;cursor:pointer}
.ntr-meal.is-empty{border-style:dashed}
.ntr-entries{display:grid;margin:0;padding:0;list-style:none}
.ntr-entries li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:7px 0;border-top:1px solid var(--line,#282e38)}
.ntr-entries li span{min-width:0;font-size:14px;overflow-wrap:anywhere}
.ntr-entries li small{margin-left:6px;font-size:11px;color:var(--muted,#858d9a)}
.ntr-entries li b{font-size:13px;font-variant-numeric:tabular-nums}
.ntr-entries form{margin:0}
.ntr-entries .dly-x{width:30px!important;height:30px!important;font-size:16px}
.ntr-template summary{cursor:pointer;list-style:none;font-size:12px;color:var(--muted,#858d9a)}
.ntr-template summary::-webkit-details-marker{display:none}
.ntr-template form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:8px}
.ntr-tool-grid,.ntr-templates{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.ntr-tool-grid form,.ntr-templates form{margin:0}
.ntr-copy{display:flex;gap:8px}
.ntr-copy select{width:auto}
.ntr-apply>.diet-apply{margin:0}
.ntr-fallback .nutrition35-add-form{margin:0;box-shadow:none;border:0;padding:0;background:none}
.ntr-fallback:has(.b35-enhanced){display:none}

/* ---------- Geniş ekran ---------- */
@media (min-width:1100px){
 .ilm-books{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* ---------- Tablet ---------- */
@media (max-width:900px){
 .pry-hub-grid,.ntr-meals,.ilm-books{grid-template-columns:1fr}
 .mkp-rows{grid-template-columns:1fr}
 .ilm-add-form{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---------- Telefon ---------- */
@media (max-width:640px){
 .dly-page{gap:12px}
 .dly-page .panel{padding:16px;border-radius:16px}
 .dly-head h1{font-size:30px}
 .dly-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .dly-tiles article{padding:11px 12px}
 .dly-tiles strong{font-size:19px}
 .dly-chart>header{flex-direction:column;align-items:flex-start;gap:4px}
 .dly-chart header small{text-align:left}
 .dly-col{height:120px}
 .dly-days article{width:26px}
 .pry-next strong,.pry-countdown strong{font-size:19px}
 .pry-time-row{gap:4px}
 .pry-time-row span{padding:7px 2px}
 .pry-time-row b{font-size:12px}
 .pry-slots{grid-template-columns:1fr;gap:8px}
 .pry-slot button{min-height:60px}
 .pry-slots.is-compact{grid-template-columns:repeat(3,minmax(0,1fr))}
 .mkp-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name name" "step btn";gap:10px}
 .mkp-name{grid-area:name;grid-template-columns:auto auto 1fr;column-gap:8px}
 .mkp-name i{grid-row:auto}
 .mkp-name small{justify-self:end}
 .mkp-step{grid-area:step;grid-template-columns:44px minmax(0,1fr) 44px}
 .mkp-row .btn{grid-area:btn;min-width:108px}
 .wtr-hero{grid-template-columns:78px minmax(0,1fr);gap:14px;align-items:start}
 .wtr-glass{width:78px;height:124px}
 .wtr-glass span{font-size:17px}
 .wtr-quick{grid-column:1/-1}
 .wtr-hero-body{display:contents}
 .wtr-hero-body>.dly-score,.wtr-hero-body>.dly-bar,.wtr-hero-body>p{grid-column:2}
 .wtr-hero{grid-auto-rows:auto;row-gap:10px}
 .wtr-glass{grid-row:1 / span 3}
 .ilm-add-form{grid-template-columns:1fr}
 .ilm-add-form .is-wide{grid-column:auto}
 .ntr-macros{gap:6px}
 .ntr-macros>div{padding:9px 9px}
 .ntr-macros span{font-size:9px;letter-spacing:.04em}
 .ntr-macros strong{font-size:15px}
 .ntr-macros strong small{display:block;margin:0}
 .ntr-copy{flex-wrap:wrap}
 .ntr-copy select{flex:1}
}

/* ---------- Beta 7.2 · Zikir merkezi ---------- */
.zkh-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center;border-color:color-mix(in srgb,var(--tone) 40%,var(--line,#282e38))}
.zkh-ring{display:grid;place-items:center;width:124px;height:124px;border-radius:50%;background:radial-gradient(circle,var(--surface,#101318) 0 60%,transparent 61%),conic-gradient(from -90deg,var(--tone) 0 var(--pct),color-mix(in srgb,var(--text,#f4f6f8) 9%,transparent) var(--pct) 100%)}
.zkh-ring span{display:grid;justify-items:center;line-height:1}
.zkh-ring b{font-size:30px;font-weight:800;color:var(--tone)}
.zkh-ring small{font-size:12px;color:var(--muted,#858d9a)}
.zkh-hero-body{display:grid;gap:10px;min-width:0}
.zkh-hero-body p{margin:0;font-size:13px;color:var(--muted,#858d9a)}
.zkh-hero-body .btn{justify-self:start}
.zkh-list>header{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px}
.zkh-list h2{margin:4px 0 0;font-size:20px}
.zkh-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.zkh-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--line,#282e38);border-radius:14px;background:var(--surface,#101318);color:inherit;text-decoration:none}
.zkh-item:hover{border-color:color-mix(in srgb,var(--tone) 55%,var(--line,#282e38))}
.zkh-check{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:2px solid color-mix(in srgb,var(--tone) 55%,transparent);font-size:13px;font-weight:900;color:#07090c}
.zkh-text{display:grid;gap:3px;min-width:0}
.zkh-text strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zkh-text small{font-size:11px;color:var(--muted,#858d9a);font-variant-numeric:tabular-nums}
.zkh-text .dly-bar{height:4px}
.zkh-ar{max-width:120px;font-family:'Performer Arabic','Amiri','Scheherazade New',serif;font-size:18px;line-height:1.6;color:color-mix(in srgb,var(--text,#f4f6f8) 70%,transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zkh-item.is-done{border-color:color-mix(in srgb,#5fe09a 45%,transparent);background:color-mix(in srgb,#5fe09a 7%,var(--surface,#101318))}
.zkh-item.is-done .zkh-check{background:#5fe09a;border-color:#5fe09a}
.zkh-item.is-done .dly-bar i{background:#5fe09a}
.zkh-item.is-started .zkh-check{border-style:dashed}
.zkh-ant{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;align-items:end;color:inherit;text-decoration:none;border-color:color-mix(in srgb,var(--tone) 35%,var(--line,#282e38))}
.zkh-ant .eyebrow{color:var(--tone)}
.zkh-ant h2{margin:4px 0 2px;font-size:22px}
.zkh-ant p{margin:0;font-size:12px;color:var(--muted,#858d9a)}
.zkh-ant-meta{display:grid;justify-items:end;gap:2px}
.zkh-ant-meta strong{font-size:22px;color:var(--tone)}
.zkh-ant-meta small{font-size:11px;color:var(--muted,#858d9a)}
.zkh-ant .dly-bar{grid-column:1/-1}


/* ---------- Beta 7.2 · Diyet ---------- */
.ntr-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px 24px;align-items:center;border-color:color-mix(in srgb,var(--tone) 35%,var(--line,#282e38))}
.ntr-ring{display:grid;place-items:center;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle,var(--surface,#101318) 0 62%,transparent 63%),conic-gradient(from -90deg,var(--tone) 0 var(--pct),color-mix(in srgb,var(--text,#f4f6f8) 9%,transparent) var(--pct) 100%)}
.ntr-ring span{display:grid;justify-items:center;text-align:center;line-height:1.1}
.ntr-ring b{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}
.ntr-ring small{font-size:11px;color:var(--muted,#858d9a)}
.ntr-hero.is-over .ntr-ring{background:radial-gradient(circle,var(--surface,#101318) 0 62%,transparent 63%),conic-gradient(#ff7a7a 0 100%)}
.ntr-hero.is-over .ntr-ring b{color:#ff7a7a}
.ntr-hero-body{display:grid;gap:12px;min-width:0}
.ntr-rule{grid-column:1/-1;margin:0;font-size:12px;color:var(--muted,#858d9a)}
.ntr-favs{display:flex;gap:8px;align-items:center;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.ntr-favs>span{flex:none;font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--tone)}
.ntr-favs button{flex:none;height:36px;padding:0 14px;border:1px solid var(--line,#282e38);border-radius:999px;background:var(--surface,#101318);color:var(--text,#f4f6f8);font-size:13px;white-space:nowrap;cursor:pointer}
.ntr-favs button:hover{border-color:var(--tone);color:var(--tone)}
.ntr-meal>header{grid-template-columns:auto minmax(0,1fr) auto auto!important}
.ntr-meal-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--mt) 16%,transparent);color:var(--mt)}
.ntr-meal-ico svg{width:22px;height:22px}
.ntr-share{display:block;height:4px;border-radius:999px;background:color-mix(in srgb,var(--text,#f4f6f8) 8%,transparent);overflow:hidden}
.ntr-share i{display:block;height:100%;background:var(--mt);border-radius:inherit}
.ntr-meal header>b{color:var(--mt)!important}
@media (max-width:640px){
 .zkh-hero{grid-template-columns:1fr;justify-items:center;text-align:center;gap:14px}
 .zkh-hero-body{width:100%}
 .zkh-hero-body .btn{justify-self:stretch}
 .zkh-grid{grid-template-columns:1fr}
 .zkh-ar{max-width:96px;font-size:16px}
 .ntr-hero{grid-template-columns:104px minmax(0,1fr);gap:14px}
 .ntr-ring{width:104px;height:104px}
 .ntr-ring b{font-size:19px}
 .ntr-hero-body .dly-score strong{font-size:26px}
 .ntr-hero .ntr-macros{grid-column:1/-1}
 .ntr-hero-body{display:contents}
 .ntr-hero-body>.dly-score{grid-column:2}
 .ntr-meal>header{gap:10px!important}
 .ntr-meal-ico{width:36px;height:36px}
}
/* Beta 7.3: zikir kartında yalnız tam Arapça metin */
.zkh-item{grid-template-columns:1fr!important;gap:8px!important;align-content:start}
.zkh-item .zkh-ar{max-width:none;font-size:24px;line-height:1.9;text-align:right;white-space:normal;overflow:visible;text-overflow:clip;color:var(--text,#f4f6f8)}
.zkh-meta{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:10px}
.zkh-meta small{font-size:11px;color:var(--muted,#858d9a);white-space:nowrap;font-variant-numeric:tabular-nums}
.zkh-meta .dly-bar{height:4px}
.zkh-item .zkh-check{width:22px;height:22px;font-size:11px}
@media (max-width:640px){.zkh-item .zkh-ar{font-size:22px}}

/* Beta 7.8: zikir kartları Ruhun Uyanışı renkleriyle; doğrudan tamamlama */
.zkh-item{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--zikr-tone) 26%,var(--line,#282e38))!important;border-top:3px solid var(--zikr-tone)!important;background:linear-gradient(160deg,color-mix(in srgb,var(--zikr-shade) 88%,transparent),var(--surface,#101318) 78%)!important}
.zkh-item .zkh-ar{color:var(--zikr-tone)!important}
.zkh-item .dly-bar i{background:var(--zikr-tone)}
.zkh-item .zkh-check{border-color:color-mix(in srgb,var(--zikr-tone) 60%,transparent)}
.zkh-act{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:2px 0 0}
.zkh-do{width:100%;min-height:42px;border:0;border-radius:12px;background:var(--zikr-tone);color:#07090c;font-size:12px;font-weight:800;letter-spacing:.06em;cursor:pointer;transition:filter .15s,transform .15s}
.zkh-do:hover{filter:brightness(1.08);transform:translateY(-1px)}
.zkh-done{font-size:12px;font-weight:700;color:#5fe09a}
.zkh-undo{padding:6px 10px;border:1px solid var(--line,#282e38);border-radius:10px;background:transparent;color:var(--muted,#858d9a);font-size:11px;cursor:pointer}
.zkh-undo:hover{color:#ff7a7a;border-color:#ff7a7a}
.zkh-item.is-done{border-top-color:#5fe09a!important}
html[data-scheme="light"] .zkh-item{background:linear-gradient(160deg,color-mix(in srgb,var(--zikr-tone) 14%,var(--surface)),var(--surface) 80%)!important}
html[data-scheme="light"] .zkh-item .zkh-ar{color:color-mix(in srgb,var(--zikr-tone) 55%,#000)!important}

/* ---------- Beta 7.8 · Ruhun Uyanışı ---------- */
.aw-page .zikr-progress{display:none}
.aw-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px 22px;align-items:center;margin:0 0 16px;padding:18px 20px;border:1px solid color-mix(in srgb,#b692ff 35%,var(--line,#282e38));border-radius:20px;background:linear-gradient(150deg,color-mix(in srgb,#b692ff 12%,var(--surface,#101318)),var(--surface,#101318))}
.aw-ring{display:grid;place-content:center;justify-items:center;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,var(--surface,#101318) 0 60%,transparent 61%),conic-gradient(from -90deg,#b692ff 0 var(--pct),#ef7de7 var(--pct),color-mix(in srgb,var(--text,#f4f6f8) 9%,transparent) var(--pct) 100%)}
.aw-ring b{font-size:26px;line-height:1;color:#c9b6ff}
.aw-ring small{font-size:12px;color:var(--muted,#858d9a)}
.aw-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.aw-stats article{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--line,#282e38);border-radius:14px;background:var(--surface,#101318)}
.aw-stats span{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#c9b6ff}
.aw-stats strong{font-size:22px;line-height:1.1;font-variant-numeric:tabular-nums}
.aw-stats small{font-size:11px;color:var(--muted,#858d9a)}
.aw-filter{grid-column:1/-1;display:flex;gap:6px;padding:4px;border:1px solid var(--line,#282e38);border-radius:999px;background:var(--bg,#07080c);width:max-content;max-width:100%}
.aw-filter button{display:flex;align-items:center;gap:6px;padding:8px 14px;border:0;border-radius:999px;background:transparent;color:var(--muted,#858d9a);font-size:13px;font-weight:700;cursor:pointer}
.aw-filter button b{padding:1px 7px;border-radius:999px;background:var(--surface2,#151920);font-size:11px}
.aw-filter button.is-on{background:#b692ff;color:#0b0716}
.aw-filter button.is-on b{background:rgba(0,0,0,.18);color:inherit}
/* Kartlar */
.aw-page .beta25-tasks{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:12px!important}
.aw-page .beta25-task{position:relative;display:grid!important;align-content:start;gap:10px!important;margin:0!important;padding:18px!important;border:1px solid color-mix(in srgb,var(--zikr-tone) 28%,var(--line,#282e38))!important;border-radius:20px!important;background:radial-gradient(120% 90% at 100% 0,color-mix(in srgb,var(--zikr-tone) 16%,transparent),transparent 60%),linear-gradient(170deg,var(--zikr-shade),var(--surface,#101318) 85%)!important;box-shadow:none!important;overflow:hidden}
.aw-page .beta25-task::before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--zikr-tone),transparent)}
.aw-page .beta25-task h2{margin:4px 0 0!important;color:var(--zikr-tone)!important;text-align:right;text-shadow:0 2px 18px color-mix(in srgb,var(--zikr-tone) 30%,transparent)}
.aw-page .beta55-task-progress{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}
.aw-page .beta55-task-progress span{display:block;height:8px;border-radius:999px;background:color-mix(in srgb,var(--text,#f4f6f8) 10%,transparent);overflow:hidden}
.aw-page .beta55-task-progress i{display:block;height:100%;border-radius:inherit;background:var(--zikr-tone)!important}
.aw-page .beta55-task-progress strong{font-size:12px;color:var(--zikr-tone)}
.aw-page .beta25-goal{margin:0!important;font-size:12px;color:var(--muted,#858d9a)}
.aw-page .beta25-form>p{display:none}
.aw-page .beta25-form{margin:0!important;padding:0!important;background:none!important;border:0!important}
.aw-page .beta25-form .btn.primary{width:100%;min-height:46px;margin:0!important;border:0!important;border-radius:14px!important;background:var(--zikr-tone)!important;color:#07090c!important;box-shadow:0 8px 22px color-mix(in srgb,var(--zikr-tone) 25%,transparent)!important}
.aw-page .beta25-task.is-done{opacity:1!important;border-color:color-mix(in srgb,#5fe09a 40%,var(--line,#282e38))!important}
.aw-page .beta25-task.is-done h2{opacity:.8}
.aw-page .beta25-done{margin:0!important;font-size:13px;font-weight:700;color:#5fe09a!important}
.aw-page .beta25-undo .text-btn{padding:6px 10px;border:1px solid var(--line,#282e38);border-radius:10px;background:transparent;color:var(--muted,#858d9a);font-size:11px}
.aw-page .beta25-task.has-progress::after{content:'Devam ediyor';position:absolute;top:12px;left:14px;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--zikr-tone) 20%,transparent);color:var(--zikr-tone);font-size:10px;font-weight:800;letter-spacing:.06em}
html[data-scheme="light"] .aw-page .beta25-task{background:linear-gradient(170deg,color-mix(in srgb,var(--zikr-tone) 14%,var(--surface)),var(--surface) 85%)!important}
html[data-scheme="light"] .aw-page .beta25-task h2,html[data-scheme="light"] .aw-page .beta55-task-progress strong{color:color-mix(in srgb,var(--zikr-tone) 55%,#000)!important}
@media (max-width:640px){
 .aw-hero{grid-template-columns:1fr;justify-items:center;padding:16px}
 .aw-ring{width:104px;height:104px}
 .aw-stats{width:100%;gap:6px}
 .aw-stats article{padding:9px}
 .aw-stats strong{font-size:18px}
 .aw-filter{justify-self:stretch;width:auto}
 .aw-filter button{flex:1;justify-content:center;padding:8px 6px;font-size:12px}
 .aw-page .beta25-tasks{grid-template-columns:1fr!important}
}
.aw-page .beta25-task[hidden]{display:none!important}
.aw-hero>*{margin:0!important}
.aw-hero .aw-filter{margin-top:2px!important}
/* Beta 8.6: Namaz merkezinde hızlı kaza (30 vakit hedefi) */
.mkp-goal{display:grid;gap:6px}
.mkp-goal span{font-size:12px;color:var(--muted,#858d9a)}
.mkp-goal span b{color:var(--text,#f4f6f8);font-size:14px}
.mkp-goal i{display:block;height:5px;border-radius:999px;background:color-mix(in srgb,var(--text,#f4f6f8) 9%,transparent);overflow:hidden}
.mkp-goal em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--tone),#5fe09a);transition:width .3s}
.mkp-quick .pry-slot i{border-color:color-mix(in srgb,var(--vt) 60%,transparent);color:var(--vt);font-size:14px}
.mkp-quick .pry-slot button:hover{border-color:var(--vt)}
.mkp-quick .pry-slot.is-done button{border-color:color-mix(in srgb,var(--vt) 55%,transparent);background:color-mix(in srgb,var(--vt) 10%,var(--surface,#101318))}
.mkp-quick .pry-slot.is-done i{background:var(--vt);border-color:var(--vt);color:#07090c}
.mkp-quick .pry-slot button:active{transform:scale(.97)}
.mkp-quick .pry-slot i{font-size:16px}
/* Beta 9.3: kısmi tesbih kaydı */
.zkh-part{display:flex;align-items:center;gap:6px;margin:0;font-size:11px;color:var(--muted,#858d9a)}
.zkh-part input{width:58px!important;min-height:32px!important;padding:4px 6px!important;text-align:center;font-weight:800}
.zkh-part button{padding:6px 10px;border:1px solid var(--zikr-tone,var(--line));border-radius:10px;background:transparent;color:var(--zikr-tone,var(--text));font-size:11px;font-weight:800;cursor:pointer}

/* Beta 9.7 — Zikir: kişisel zikir listesi */
@font-face{font-family:'Performer Kitab';src:url('fonts/Kitab-Regular-p2.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.zkh-mine{margin-top:16px}
.zkh-mine>summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;cursor:pointer;list-style:none}
.zkh-mine>summary::-webkit-details-marker{display:none}
.zkh-mine>summary small{margin-left:auto;color:var(--muted,#858d9a)}
.zkh-mine-note{margin:12px 0;font-size:13px;color:var(--muted,#858d9a)}
.zkh-mine-list{display:grid;gap:8px;margin:0 0 14px;padding:0;list-style:none}
.zkh-mine-list li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--zikr-tone,#c9b6ff) 30%,var(--line,#282e38));background:color-mix(in srgb,var(--zikr-tone,#c9b6ff) 6%,transparent)}
.zkh-mine-ar{font-family:'Performer Kitab','Amiri Quran',serif;font-size:22px;line-height:1.8;color:var(--zikr-tone,#c9b6ff);text-align:right}
.zkh-mine-meta{display:grid;text-align:right;font-size:13px}
.zkh-mine-meta small{color:var(--muted,#858d9a)}
.zkh-mine-act{display:flex;gap:6px}
.zkh-mine-act button{padding:6px 10px;border:1px solid var(--line,#282e38);border-radius:10px;background:transparent;color:var(--text,#f4f6f8);font-size:12px;font-weight:700;cursor:pointer}
.zkh-mine-act button.is-del{color:#ff8f8f}
.zkh-mine-add{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) minmax(0,.8fr) auto;align-items:end;gap:10px}
.zkh-mine-add label{display:grid;gap:4px;font-size:12px;font-weight:700;color:var(--muted,#858d9a)}
.zkh-mine-add textarea{font-family:'Performer Kitab','Amiri Quran',serif;font-size:20px;resize:vertical}
@media (max-width:760px){
 .zkh-mine-list li{grid-template-columns:minmax(0,1fr) auto}
 .zkh-mine-ar{grid-column:1/-1}
 .zkh-mine-meta{text-align:left}
 .zkh-mine-add{grid-template-columns:1fr}
}

/* Beta 10.2: kişisel zikir ve kullanıcı yönetimi Arapçası kendine özgü yazı tipi adıyla */
@font-face{font-family:'PF Sunnah Kitab';src:url('fonts/Kitab-Regular-p2.ttf') format('truetype');font-display:block}
.zkh-mine-ar,.zkh-mine-add textarea{font-family:'PF Sunnah Kitab',serif}

/* Beta 10.7 — Kaza ayarları */
.mk-settings{margin-top:16px}
.mk-settings>summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;cursor:pointer;list-style:none}
.mk-settings>summary::-webkit-details-marker{display:none}
.mk-settings>summary small{margin-left:auto;color:var(--muted,#858d9a)}
.mk-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:12px;margin-top:14px;align-items:end}
.mk-form label{display:grid;gap:5px;font-size:12px;font-weight:700;color:var(--muted,#858d9a)}
.mk-form label span{display:flex;align-items:center;gap:8px}
.mk-form label input{flex:1;min-width:0}
.mk-sum{grid-column:1/-1;margin:0;font-size:13px;color:var(--muted,#858d9a)}
.mk-sum b{color:var(--text,#f4f6f8)}
.mk-form .btn{justify-self:start}

/* Beta 10.8 — Zikrin Sesi giriş kartı */
.zkh-sound{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:16px;text-decoration:none;color:inherit;background:radial-gradient(120% 160% at 0% 0%,color-mix(in srgb,#c9a6ff 16%,transparent),transparent 60%),var(--surface,#10131a)}
.zkh-sound-ico{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(140deg,#3b2f6b,#c9a6ff);color:#fff}
.zkh-sound-ico svg{width:24px;height:24px}
.zkh-sound b{display:block;font-size:17px;margin-top:2px}
.zkh-sound small{display:block;color:var(--muted,#858d9a)}
.zkh-sound i{font-style:normal;font-size:26px;color:var(--muted,#858d9a)}
.zs-open{white-space:nowrap}

/* Beta 11.3 — Zikir: üç eşit kart (Ruhun Uyanışı · Zikrin Sesi · Karınca Diyeti) */
.zkh-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-auto-rows:1fr;gap:14px;margin-bottom:18px}
.zkh-card{position:relative;display:grid;grid-template-rows:auto 1fr auto auto;gap:8px;min-height:176px;padding:18px 18px 20px!important;margin:0!important;color:inherit;text-decoration:none;overflow:hidden;border-color:color-mix(in srgb,var(--tone) 26%,var(--glass-border,rgba(255,255,255,.08)))!important;background:radial-gradient(120% 90% at 100% 0%,color-mix(in srgb,var(--tone) 16%,transparent),transparent 60%),var(--glass,rgba(255,255,255,.03))!important}
.zkh-card::after{content:'';position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;background:var(--tone);opacity:.85}
.zkh-card-top{display:flex;align-items:center;gap:10px}
.zkh-card-top .eyebrow{flex:1;margin:0;color:var(--tone)!important}
.zkh-card-top i{font-style:normal;font-size:22px;line-height:1;opacity:.45;transition:transform .3s ease,opacity .3s ease}
.zkh-card:hover .zkh-card-top i{transform:translateX(3px);opacity:.9}
.zkh-card-ico{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:var(--tone);background:color-mix(in srgb,var(--tone) 14%,transparent);border:1px solid color-mix(in srgb,var(--tone) 28%,transparent)}
.zkh-card-ico svg{width:20px;height:20px}
.zkh-card-main{align-self:end;font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.zkh-card-main small{font-size:14px;font-weight:600;color:var(--muted,#858d9a);letter-spacing:0}
.zkh-card-sub{font-size:12.5px;line-height:1.4;color:var(--muted,#858d9a)}
.zkh-card .dly-bar,.zkh-card [class*="bar"]{margin-top:4px}
.zkh-card-wave{display:flex;align-items:flex-end;gap:4px;height:8px;margin-top:4px}
.zkh-card-wave i{flex:1;height:100%;border-radius:3px;background:color-mix(in srgb,var(--tone) 55%,transparent);transform-origin:bottom}
.zkh-card-wave i:nth-child(2n){transform:scaleY(.55)}.zkh-card-wave i:nth-child(3n){transform:scaleY(.8)}.zkh-card-wave i:nth-child(5n){transform:scaleY(.35)}
@media(max-width:900px){.zkh-cards{grid-template-columns:1fr;gap:12px}.zkh-card{min-height:150px}.zkh-card-main{font-size:26px}}

/* Beta 12.1 — Ruhun Uyanışı: zikirler vakit başlıkları altında */
.zkh-group{display:grid;gap:10px;margin-top:6px}
.zkh-group+.zkh-group{margin-top:18px}
.zkh-group-head{display:flex;align-items:center;justify-content:space-between;margin:0;padding:0 2px 6px;border-bottom:1px solid var(--line,rgba(255,255,255,.08));font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.zkh-group-head span{font-weight:900;color:#ef7de7}
.zkh-group-head small{font-size:12px;letter-spacing:0;color:var(--muted,#9aa3b2)}
.zikr-settings-slot select{min-height:38px;padding:0 10px;border-radius:10px}

/* Beta 12.2 — zikir kartları taşmasın: tek sütun daralabilir (1fr en uzun satıra genişliyordu, kart kesiyordu) */
.zkh-item{grid-template-columns:minmax(0,1fr)!important;min-width:0}
.zkh-item>*{min-width:0;max-width:100%}
.zkh-item .zkh-ar{overflow-wrap:anywhere}
.zkh-item .zkh-meta{grid-template-columns:auto minmax(0,1fr);row-gap:7px}
.zkh-item .zkh-meta small{white-space:normal;overflow-wrap:anywhere;min-width:0;line-height:1.4}
.zkh-item .zkh-meta .dly-bar{grid-column:1/-1}
.zkh-item .zkh-do{width:100%;max-width:100%}
.zkh-item .zkh-part{flex-wrap:wrap;min-width:0}
.zkh-grid,.zkh-group{min-width:0}
.sn-zikr .sn-body{min-width:0}
/* Kartı saran ızgaralar da en uzun satıra göre genişlemesin */
.zkh-group{grid-template-columns:minmax(0,1fr)}
@media(max-width:640px){.zkh-grid{grid-template-columns:minmax(0,1fr)!important}}
.sn-zikr .zkh-grid{grid-template-columns:minmax(0,1fr)!important}

/* Beta 12.6: Zikirlerim — her zaman açık kart, "+ Zikir ekle" formu açar */
.zkh-mine{display:grid;gap:12px}
.zkh-mine-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.zkh-mine-head h2{margin:2px 0 2px;font-size:22px}
.zkh-mine-head small{display:block;font-size:12.5px;color:var(--muted,#858d9a)}
.zkh-mine-toggle .is-open-txt,.zkh-mine.is-adding .zkh-mine-toggle .is-closed-txt{display:none}
.zkh-mine.is-adding .zkh-mine-toggle .is-open-txt{display:inline}
.zkh-mine.is-adding .zkh-mine-toggle{background:transparent;color:var(--text,#f4f6f8);border:1px solid var(--line,#282e38);box-shadow:none}
.zkh-mine .zkh-mine-add{display:none;padding:14px;border-radius:16px;border:1px dashed color-mix(in srgb,#ef7de7 45%,var(--line,#282e38));background:color-mix(in srgb,#ef7de7 6%,transparent)}
.zkh-mine.is-adding .zkh-mine-add{display:grid;animation:zkhIn .35s cubic-bezier(.2,.8,.2,1)}
.zkh-mine-add .zkh-mine-note{grid-column:1/-1;margin:0}
.zkh-mine-list{margin:0!important}
.zkh-mine>.zkh-mine-note{margin:0}
.zkh-mine-note a{color:#ef7de7;font-weight:700}
@keyframes zkhIn{from{opacity:0;transform:translateY(-6px)}}
.zikr-add-link{display:inline-flex;align-items:center;gap:6px;margin:0 0 4px;font-size:13px;font-weight:800;color:#ef7de7;text-decoration:none}
/* Beta 12.6: kitaplıkta OKU düğmesi (metni yüklenmiş kitaplar) */
.ilm-read{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 14px 12px;min-height:40px;border-radius:12px;background:color-mix(in srgb,var(--book,#4fd4b5) 16%,transparent);border:1px solid color-mix(in srgb,var(--book,#4fd4b5) 40%,transparent);color:var(--text,#f4f6f8);font-size:12px;font-weight:800;letter-spacing:.08em;text-decoration:none}
.ilm-read svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* Beta 12.7: Zikirlerim küçük kart (dokununca liste açılır) + zikir kütüphanesi seçicisi */
.zkh-mine{display:block;padding:16px 18px}
.zkh-mine-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.zkh-mine-sum{flex:1;min-width:200px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:center;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.zkh-mine-sum .eyebrow{grid-column:1;color:#ef7de7}
.zkh-mine-sum b{grid-column:1;font-size:19px;line-height:1.25}
.zkh-mine-sum b small{font-size:12.5px;font-weight:600;color:var(--muted,#858d9a)}
.zkh-mine-sum>small{grid-column:1;font-size:12.5px;color:var(--muted,#858d9a)}
.zkh-mine-sum i{grid-column:2;grid-row:1/4;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--text,#fff) 7%,transparent);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.zkh-mine-sum i svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.zkh-mine.is-open .zkh-mine-sum i{transform:rotate(180deg)}
.zkh-mine-add-btn{flex:none}
.zkh-mine-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.8,.2,1)}
.zkh-mine.is-open .zkh-mine-body{grid-template-rows:1fr}
.zkh-mine-in{min-height:0;overflow:hidden;display:grid;gap:10px}
.zkh-mine.is-open .zkh-mine-in{padding-top:14px}
.zkh-mine .zkh-mine-list{margin:0!important}
html[data-motion="off"] .zkh-mine-body{transition:none}
@media(max-width:560px){.zkh-mine-add-btn{width:100%}}

/* Beta 13.9: zikir kayıtları (hangi cihazdan) ve düzeltme */
/* Beta 16.2 · zikrin manası ve niyeti (açılır; varsayılan kapalı).
   Mana = meal/çeviri, kaynağıyla. Niyet = geleneksel kaynaklar — etiketiyle ayrılır,
   böylece rivayet ile âyet/hadis çevirisi aynı ağırlıkta görünmez. */
.zkh-mean{grid-column:1/-1;margin-top:2px;font-size:12px;color:var(--muted)}
.zkh-mean summary{cursor:pointer;list-style:none;font-weight:700;font-size:11.5px;color:var(--muted);opacity:.85}
.zkh-mean summary::-webkit-details-marker{display:none}
.zkh-mean summary::before{content:"\203A";display:inline-block;margin-right:6px;transition:transform .2s}
.zkh-mean[open] summary::before{transform:rotate(90deg)}
.zkh-mean>p{margin:8px 0 0}
.zkh-mean-t{color:var(--text);font-size:13px;line-height:1.5}
.zkh-mean-src{font-size:11px;line-height:1.45;opacity:.8}
.zkh-mean-lbl{margin-top:10px!important;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--tone,var(--accent)) 70%,var(--muted))}
.zkh-mean-n{margin-top:3px!important;line-height:1.5}
@media (prefers-reduced-motion:reduce){.zkh-mean summary::before{transition:none}}

.zkh-log{grid-column:1/-1;margin-top:2px;font-size:12px;color:var(--muted)}
.zkh-log summary{cursor:pointer;list-style:none;font-weight:700;font-size:11.5px;color:var(--muted);opacity:.85}
.zkh-log summary::-webkit-details-marker{display:none}
.zkh-log summary::before{content:"\203A";display:inline-block;margin-right:6px;transition:transform .2s}
.zkh-log[open] summary::before{transform:rotate(90deg)}
.zkh-log-by,.zkh-log-list{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:4px}
.zkh-log-by li,.zkh-log-list li{display:flex;gap:8px;align-items:baseline}
.zkh-log-by li span,.zkh-log-list li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zkh-log-by li b{color:var(--text)}
.zkh-log-list{max-height:150px;overflow:auto;padding-top:6px;border-top:1px dashed var(--line)}
.zkh-log-list time{font-variant-numeric:tabular-nums;opacity:.8}
.zkh-log-empty{margin:8px 0 0}
.zkh-fix{display:flex;gap:8px;align-items:end;margin-top:10px;flex-wrap:wrap}
.zkh-fix label{display:grid;gap:4px;font-size:11px}
.zkh-fix input{width:96px;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--surface2);color:var(--text)}
.zkh-fix button{padding:9px 14px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--text);font-weight:800;font-size:11px;letter-spacing:.06em;cursor:pointer}

/* Beta 14.6 — zikir: DP ayarı ve fazladan tesbih */
.zikr-settings-dpin{display:inline-flex;align-items:center;gap:6px;margin-left:auto}
.zikr-settings-dpin input{width:84px!important}
.zikr-settings-dpin small{font-weight:800;letter-spacing:.06em;color:var(--accent)}
.zkh-extra{margin-top:2px}
.zkh-extra span:first-child{color:#5fe09a;font-weight:700}
.zkh-extra-n{color:#5fe09a;font-weight:800}
:where(html[data-scheme="light"]) .zkh-extra span:first-child,:where(html[data-scheme="light"]) .zkh-extra-n{color:#279157}

/* ================================================================
 * Beta 17.0 · Ruhun Uyanışı — sıkı satır, sıralama ve sürükle-bırak.
 * 40 zikirlik listede kart başına ~250 px idi; satır ~62 px. Ayrıntılar
 * (kısmi ekleme, mana-niyet, kayıtlar) satıra dokununca açılır.
 * ================================================================ */
.zkh-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr))!important;gap:8px!important}
.zkh-groups{display:grid;gap:4px}
.zkh-group:not(:has(.zkh-row:not([hidden]))){display:none}
.zkh-row{position:relative;min-width:0;border:1px solid color-mix(in srgb,var(--zikr-tone) 26%,var(--line,#282e38));border-radius:14px;background:linear-gradient(100deg,color-mix(in srgb,var(--zikr-tone) 11%,var(--surface,#101318)),var(--surface,#101318) 72%);overflow:hidden;transition:transform .16s,box-shadow .16s,border-color .16s}
.zkh-row::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--zikr-tone)}
.zkh-row[hidden]{display:none}
.zkh-row details.zkh-r{margin:0;padding:0;border:0;background:none}
.zkh-r>summary{list-style:none}
.zkh-r>summary::-webkit-details-marker{display:none}
.zkh-row .zkh-r-sum{font-size:13px;letter-spacing:normal;text-transform:none;font-weight:400;position:relative;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 10px 13px 14px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.zkh-r-st{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:2px solid color-mix(in srgb,var(--zikr-tone) 60%,transparent);font-size:12px;font-weight:900;color:#07090c}
.zkh-row.is-started .zkh-r-st{border-style:dashed}
.zkh-row.is-done .zkh-r-st{background:var(--ok,#5fe09a);border-color:var(--ok,#5fe09a)}
.zkh-r-txt{display:grid;gap:1px;min-width:0}
.zkh-row .zkh-r-txt .zkh-r-ar{font-family:'Performer Arabic','Amiri','Scheherazade New',serif;font-size:19px;line-height:1.45;color:var(--zikr-tone);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zkh-r-meta{font-size:11.5px;color:var(--muted,#858d9a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zkh-r-meta b{color:var(--text,#f4f6f8);font-weight:700}
.zkh-r-meta em{font-style:normal;color:var(--zikr-tone);font-weight:800}
.zkh-q{min-height:34px;padding:0 13px;border:0;border-radius:10px;background:var(--zikr-tone);color:#07090c;font-size:11px;font-weight:900;letter-spacing:.06em;cursor:pointer;white-space:nowrap}
.zkh-q:active{transform:scale(.96)}
.zkh-r-bar{position:absolute;left:14px;right:10px;bottom:5px;height:3px;border-radius:999px;background:color-mix(in srgb,var(--text,#f4f6f8) 9%,transparent);overflow:hidden}
.zkh-r-bar i{display:block;height:100%;border-radius:inherit;background:var(--zikr-tone)}
.zkh-row.is-done .zkh-r-bar i{background:var(--ok,#5fe09a)}
.zkh-row.is-done{opacity:.78}
.zkh-r[open] .zkh-r-ar{white-space:normal}
.zkh-r[open]>.zkh-r-sum .zkh-r-ar{visibility:hidden;height:0}
.zkh-r-body{display:grid;gap:10px;padding:2px 14px 14px}
.zkh-row .zkh-r-body .zkh-r-full{margin:0;font-family:'Performer Arabic','Amiri','Scheherazade New',serif;font-size:24px;line-height:1.85;color:var(--zikr-tone);text-align:right;overflow-wrap:anywhere}
.zkh-r-body .zkh-act{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0}
.zkh-r-body .zkh-part{flex-wrap:wrap}
.zkh-r-body .zkh-mean{margin:0;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--zikr-tone) 7%,transparent)}
.zkh-r-body .zkh-mean>p{margin:0}
.zkh-r-body .zkh-mean>p+p{margin-top:6px}
.zkh-mean-t{color:var(--text,#f4f6f8);font-size:13px;line-height:1.5}
.zkh-mean-src{font-size:11px;line-height:1.45;color:var(--muted,#858d9a)}
.zkh-mean-lbl{margin-top:10px!important;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--zikr-tone) 70%,var(--muted,#858d9a))}
.zkh-mean-n{font-size:12px;line-height:1.5;color:var(--muted,#858d9a)}
@media (max-width:640px){.zkh-row .zkh-r-txt .zkh-r-ar{font-size:18px}.zkh-row .zkh-r-sum{padding:9px 9px 12px 12px;gap:8px}}

/* Sıralama çubuğu */
.aw-sort{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px}
.aw-sort-l{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted,#858d9a);margin-right:2px}
.aw-sort-own{display:contents}
.aw-sort button{min-height:30px;padding:0 12px;border:1px solid var(--line,#282e38);border-radius:999px;background:transparent;color:var(--muted,#858d9a);font-size:12px;font-weight:700;cursor:pointer}
.aw-sort button.is-on{border-color:var(--accent);background:var(--accent);color:var(--on-accent,#07090c)}
.aw-sort button.is-own{border-style:dashed}
.aw-sort button.is-own.is-on{border-style:solid}
.aw-sort .aw-own-act{min-width:30px;padding:0 8px}
.aw-sort .aw-sort-new{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}
.aw-sort-hint{margin:-4px 0 10px;font-size:12px;color:var(--muted,#858d9a)}
.aw-sort-hint[hidden],.aw-sort-name[hidden]{display:none}
.aw-sort-name{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.aw-sort-name input{flex:1 1 200px;min-height:36px}
.aw-sort-name button{min-height:36px;padding:0 14px;border:1px solid var(--line,#282e38);border-radius:10px;background:var(--surface2,#151920);color:var(--text,#f4f6f8);font-size:11px;font-weight:800;cursor:pointer}
.aw-sort-name button:first-of-type{background:var(--accent);border-color:var(--accent);color:var(--on-accent,#07090c)}

/* Özel sırada: tek sütun, satırlar tutulabilir */
.zkh-list.is-custom .zkh-grid{grid-template-columns:minmax(0,1fr)!important}
.zkh-list.is-custom .zkh-r-sum{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.zkh-list.is-custom .zkh-r-sum::after{content:"⋮⋮";position:absolute;left:4px;top:50%;transform:translateY(-50%);font-size:11px;letter-spacing:-3px;color:color-mix(in srgb,var(--text,#f4f6f8) 30%,transparent)}
.zkh-row.is-lift{z-index:5;transform:scale(1.02);border-color:var(--zikr-tone);box-shadow:0 16px 40px rgba(0,0,0,.35),0 0 0 2px color-mix(in srgb,var(--zikr-tone) 55%,transparent)}
html.aw-dragging,html.aw-dragging *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}
@media (prefers-reduced-motion:reduce){.zkh-row{transition:none}.zkh-row.is-lift{transform:none}}

/* Gizli Zikir girişi */
.aw-hidden-btn{display:inline-flex;white-space:nowrap;align-items:center;gap:8px;min-height:38px;padding:0 16px;border-radius:999px;background:#000;color:#cfd3da;border:1px solid #2a2d33;font-size:12px;font-weight:900;letter-spacing:.1em;text-decoration:none;justify-self:start}
.aw-hidden-btn span{font-size:15px;color:var(--accent)}
.aw-hidden-btn:hover{border-color:var(--accent)}

/* Açık temada */
html[data-scheme="light"] .zkh-row .zkh-r-txt .zkh-r-ar,html[data-scheme="light"] .zkh-row .zkh-r-body .zkh-r-full{color:color-mix(in srgb,var(--zikr-tone) 58%,#000)}
html[data-scheme="light"] .zkh-r-meta em{color:color-mix(in srgb,var(--zikr-tone) 58%,#000)}
html[data-scheme="light"] .zkh-q{background:color-mix(in srgb,var(--zikr-tone) 72%,#000);color:#fff}

/* ---------- Beta 17.7: Zikir vakit planı (.zp-*) ---------- */
.zp-page .pagehead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.zp-page .pagehead p{max-width:760px}
.zp-bar-top{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
@media(min-width:901px){.zp-bar-top{position:sticky;top:8px;z-index:6}}
.zp-tempo{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
.zp-tempo input{width:76px}
.zp-total{display:grid;gap:2px;flex:1;min-width:220px;font-size:12.5px}
.zp-total span{color:var(--muted)}
.zp-total em{font-style:normal;color:var(--danger,#ff6b6b);font-weight:700}
.zp-actions{display:flex;flex-wrap:wrap;gap:8px}
.zp-page.is-dirty [data-zp-save]{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 40%,transparent)}
.zp-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;align-items:start}
.zp-col{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:18px;background:var(--surface);min-width:0;transition:border-color .2s}
.zp-col.is-over{border-color:color-mix(in srgb,var(--danger,#ff6b6b) 55%,var(--line))}
.zp-col.is-drop{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}
.zp-col header{display:flex;justify-content:space-between;align-items:center;gap:8px}
.zp-col h3{margin:0;font-size:15px}
.zp-min{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--muted)}
.zp-min input{width:64px;text-align:right}
.zp-meter{height:7px;border-radius:999px;background:color-mix(in srgb,var(--text) 9%,transparent);overflow:hidden}
.zp-meter i{display:block;height:100%;border-radius:inherit;background:var(--ok,#5fe09a)}
.zp-col.is-over .zp-meter i{background:var(--danger,#ff6b6b)}
.zp-stat{margin:0;font-size:11.5px;color:var(--muted)}
.zp-stat b{color:var(--danger,#ff6b6b)}
.zp-list{display:grid;gap:6px;min-height:40px}
.zp-chip{display:grid;gap:1px;text-align:left;padding:8px 10px 8px 12px;border:1px solid var(--line);border-left:4px solid var(--zp,#8aa0b8);border-radius:12px;background:color-mix(in srgb,var(--text) 3%,var(--surface));color:var(--text);font:inherit;cursor:pointer;min-width:0;-webkit-tap-highlight-color:transparent}
.zp-chip b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zp-chip small{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zp-chip.k-esma{--zp:#f2c75c}.zp-chip.k-salat{--zp:#55d6b3}.zp-chip.k-dua{--zp:#7cc8ff}.zp-chip.k-tesbih{--zp:#c8a7ff}
.zp-chip.is-sel{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--surface));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 45%,transparent)}
.zp-chip.is-locked{opacity:.8}
.zp-dock{position:fixed;left:50%;transform:translateX(-50%);width:max-content;bottom:calc(16px + env(safe-area-inset-bottom));z-index:60;display:flex;flex-wrap:wrap;align-items:center;gap:6px;max-width:min(960px,calc(100vw - 24px));padding:10px 12px;border:1px solid var(--line);border-radius:18px;background:var(--surface2,var(--surface));box-shadow:0 14px 40px rgba(0,0,0,.4)}
.zp-dock[hidden]{display:none}
.zp-dock b{font-size:12.5px;margin-right:4px}
.zp-dock-slots{display:flex;flex-wrap:wrap;gap:6px}
.zp-dock .btn{min-height:34px;padding:0 12px;font-size:12px}
@media(max-width:900px){.zp-dock{bottom:calc(86px + env(safe-area-inset-bottom));width:calc(100vw - 24px)}.zp-dock-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.zp-dock>b{width:100%}.zp-board{grid-template-columns:1fr}.zp-page .pagehead{flex-direction:column}}

/* Beta 17.8: zikir başına tesbih süresi */
.zp-tempo small{display:block;font-size:11px;opacity:.75}
.zp-dock-tempo{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.zp-dock-tempo input{width:76px}
@media(max-width:900px){.zp-dock-tempo{width:100%}}
.zp-dock-tempo small{width:100%;font-size:11px;opacity:.8}