/* v31.1 «حفظ القرآن» */
.hz{display:flex;flex-direction:column;gap:12px}
.hz-head{display:flex;align-items:center;gap:10px}
.hz-head h2{margin:0;font-size:16px}
.hz-total{margin-inline-start:auto;font-size:12.5px;color:var(--muted)}
.hz-rows{display:flex;flex-direction:column}
.hz-row{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-top:1px solid var(--border)}
.hz-row:first-child{border-top:0}
.hz-cb{width:20px!important;height:20px!important;min-width:20px;margin-top:2px;cursor:pointer}
.hz-what{display:flex;flex-direction:column;gap:2px;min-width:0}
.hz-kind{font-size:12px;color:var(--muted)}
.hz-pages{font-size:14px;font-weight:600;overflow-wrap:anywhere}
.hz-row.is-done .hz-pages{color:var(--muted)}
.hz-juzs{display:grid;grid-template-columns:repeat(30,1fr);gap:3px}
.hz-form{display:flex;flex-direction:column;gap:12px}
.hz-field{display:flex;flex-direction:column;gap:6px}
.hz-field b{font-size:13px}
.hz-field select,.hz-pos input{font:inherit;font-size:13px;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text)}
.hz-pos{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}.hz-pos input{width:90px;text-align:center}
.hz-known{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}
.hz-known button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:6px 0;font:inherit;font-size:12px;cursor:pointer}
.hz-known button[aria-pressed="true"]{background:var(--text);color:var(--surface);border-color:var(--text)}
.hz-form .v28-seg{align-self:flex-start;flex-wrap:wrap}
@media (max-width:560px){.hz-juzs{grid-template-columns:repeat(15,1fr)}.hz-known{grid-template-columns:repeat(6,1fr)}}
.hz-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hz-num .hz-pos input{width:84px}
.hz-next-ico{display:grid;place-items:center;width:20px;min-width:20px;height:20px;margin-top:2px;color:var(--muted)}
.hz-bell{display:inline-flex;align-items:center;gap:3px}.hz-bell svg{width:12px;height:12px}
.hz-hal-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.hz-hal-row{display:flex;align-items:center;gap:6px;padding:8px 0;border-top:1px solid var(--border)}
.hz-hal-row .hz-what{flex:1}
.hz-hal-form{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2)}
.hz-hal-form input{font:inherit;font-size:13px;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);min-width:0}
.hz-hal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.hz-hal-form .pl-foot-end{display:flex;gap:8px;justify-content:flex-end}
@media (max-width:560px){.hz-nums{grid-template-columns:1fr}}
.hz-body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:start}
.hz-main{display:flex;flex-direction:column;min-width:0}
.hz-cal{display:flex;flex-direction:column;gap:6px;width:236px;padding-inline-start:20px;border-inline-start:1px solid var(--border)}
.hz-cal-head{display:flex;align-items:center;justify-content:space-between;font-size:13px}
.hz-cal-head .ui-action{width:26px;height:26px;font-size:16px;line-height:1}
.hz-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}
.hz-cal-w{font-size:10.5px;color:var(--muted);padding-bottom:2px}
.hz-cal-d{position:relative;height:28px;border:0;border-radius:8px;background:none;color:var(--text);font:inherit;font-size:12px;cursor:pointer;padding:0}
.hz-cal-d:hover{background:color-mix(in srgb,var(--text) 8%,transparent)}
.hz-cal-d.is-today{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--text) 55%,transparent);font-weight:700}
.hz-cal-d.is-hal{background:color-mix(in srgb,var(--text) 16%,transparent);color:var(--text);font-weight:700}
.hz-cal-d.is-done:after{content:'';position:absolute;bottom:3px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--text);opacity:.6}
.hz-cal-key{display:flex;gap:12px;font-size:11px;color:var(--muted)}
.hz-cal-key i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-inline-end:4px;vertical-align:middle}
.hz-cal-key .k-hal{background:color-mix(in srgb,var(--text) 16%,transparent)}.hz-cal-key .k-done{width:5px;height:5px;border-radius:50%;background:var(--text);opacity:.6}
.hz-juz{display:block;height:8px;border-radius:3px;background:linear-gradient(0deg,color-mix(in srgb,var(--text) 70%,transparent) var(--f,0%),color-mix(in srgb,var(--text) 9%,transparent) var(--f,0%))}
.hz-hal-remind{display:flex;flex-direction:column;gap:6px}
.hz-hal-remind .hz-pos input{width:80px}
@media (max-width:720px){.hz-body{grid-template-columns:1fr}.hz-cal{width:auto;max-width:320px;padding-inline-start:0;border-inline-start:0;padding-top:12px;border-top:1px solid var(--border)}}
/* v31.11 a calm gap between «عاداتي» and «حفظ القرآن» */
.sp-page>.hz{margin-top:18px}