/* Ramadan tools (rt_): planner, hijama dates, Laylat al-Qadr tonight, 30 daily duas. Builds on ak.css tokens. */
.rt_tbl{overflow-x:auto;border-radius:var(--r2);background:var(--page);box-shadow:inset 0 0 0 1px var(--line)}
.rt_tbl .times th,.rt_tbl .times td{padding:.7rem .75rem;font-size:.875rem;vertical-align:top}
.rt_tbl .times td.t{font:500 .875rem/1.35 var(--mono);letter-spacing:-.01em}
.rt_tbl .times td:last-child,.rt_tbl .times th:last-child{text-align:left}

.rt_tbl td .rt_d{display:block;margin-block-end:.15rem;font:400 .8125rem/1.3 var(--font);letter-spacing:0;color:var(--muted);white-space:nowrap}
.rt_tbl td.t{white-space:nowrap}

/* Planner */
.rt_days{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:.375rem}
.rt_days button{--p:0;position:relative;height:2.5rem;border:0;border-radius:var(--r1);cursor:pointer;font:500 .875rem/1 var(--mono);color:var(--text);
  background:linear-gradient(to top,var(--lapis-tint) calc(var(--p) * 100%),var(--page) calc(var(--p) * 100%));box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .15s}
.rt_days button span{position:relative}
.rt_days button:hover{box-shadow:inset 0 0 0 1px #BDBDC4}
.rt_days button.is-full{background:var(--lapis-tint);color:var(--lapis)}
.rt_days button.is-today::after{content:"";position:absolute;top:.25rem;right:.25rem;width:.375rem;height:.375rem;border-radius:50%;background:var(--gold)}
.rt_days button[aria-pressed="true"]{background:var(--text);color:var(--page);box-shadow:none}
@media (max-width:420px){.rt_days{grid-template-columns:repeat(6,minmax(0,1fr))}}
.rt_card{display:grid;gap:.75rem;padding:1.25rem;border-radius:var(--r2);background:var(--page);box-shadow:inset 0 0 0 1px var(--line)}
.rt_card .ck label{background:var(--surface)}
.rt_card .ck li{display:flex;gap:.5rem;align-items:center}
.rt_card .ck li > label{flex:1;min-width:0}
.rt_card .ck li.note{display:block}
.rt_n{display:block;font:400 .75rem/1.4 var(--mono);color:var(--faint);text-decoration:none}
.rt_del{flex:none}
.rt_add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:end}
.rt_give_f{grid-template-columns:minmax(0,8rem) minmax(0,1fr) auto}
@media (max-width:480px){.rt_give_f{grid-template-columns:minmax(0,1fr) auto}.rt_give_f .tool_field:first-child{grid-column:1 / -1}}
.rt_qday{font-size:.9688rem;line-height:1.55}
.rt_salah{display:grid;gap:.375rem;margin:0;padding:0;list-style:none;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr))}
.rt_salah li{padding:.625rem .75rem;border-radius:var(--r1);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-soft);font-size:.875rem}
.rt_salah b{display:block;font:400 .6875rem/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.rt_give{display:grid;gap:.375rem;margin:0;padding:0;list-style:none}
.rt_give li{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--r1);background:var(--surface);font-size:.9375rem}
.rt_give li.note{background:none;padding:0}
.rt_qplan{display:grid;gap:.75rem}
.rt_sheet{display:none}

/* Hijama dates */
.rt_hyears{display:grid;gap:1.25rem}
.rt_hyear{display:grid;gap:.6rem}
.rt_htbl th[scope="row"]{font-weight:500;white-space:nowrap}
.rt_htbl th small{display:block;font:400 .6875rem/1.4 var(--mono);color:var(--faint)}
.rt_htbl td{white-space:nowrap}
.rt_htbl td::before,.rt_legend i{content:"";display:inline-block;width:.5rem;height:.5rem;margin-inline-end:.4rem;border-radius:50%;background:#BDBDC4;vertical-align:.05em}
.rt_htbl td:empty::before{display:none}
.rt_htbl td.is-good::before,.rt_legend i.is-good{background:#22A55A}
.rt_htbl td.is-avoid::before,.rt_legend i.is-avoid{background:var(--gold)}
.rt_htbl td.is-past{color:var(--faint);text-decoration:line-through;text-decoration-color:rgba(0,0,0,.25)}
.rt_htbl td.is-today{background:var(--lapis-tint);font-weight:500}
.rt_legend{display:grid;gap:.5rem;margin:0;padding:0;list-style:none;font-size:.8125rem;line-height:1.45;color:var(--muted)}
.rt_legend li{display:flex;align-items:baseline}
.rt_legend i{flex:none}
@media (max-width:560px){
  .rt_htbl th,.rt_htbl td{padding:.6rem .45rem;font-size:.8125rem}
  .rt_htbl td{white-space:normal}
  .rt_htbl .rt_wd{display:block;font:400 .6875rem/1.3 var(--mono);color:var(--muted)}
  .rt_htbl td::before{margin-inline-end:.25rem}
  .rt_htbl th[scope="row"]{white-space:normal}
}
.verse .rt_har{font-size:clamp(1.375rem,1.1rem + 1vw,1.875rem)}

/* Laylat al-Qadr tonight */
.rt_banner{box-shadow:inset 0 0 0 1px var(--line),inset 3px 0 0 #BDBDC4}
.rt_banner b{font-size:clamp(1.5rem,1.1rem + 1.6vw,2.125rem)}
.rt_banner[data-rt-state="yes"]{background:var(--lapis-tint);box-shadow:inset 0 0 0 1px rgba(29,58,138,.3),inset 3px 0 0 var(--lapis)}
.rt_banner[data-rt-state="yes"] b{color:var(--lapis)}
.rt_banner[data-rt-state="even"]{background:var(--gold-tint);box-shadow:inset 0 0 0 1px rgba(201,154,46,.4),inset 3px 0 0 var(--gold)}

/* 30 daily duas */
.rt_dtop{display:grid;gap:1rem;margin-block-end:1.25rem}
.rt_dtop .tool_answer b{font-size:clamp(1.5rem,1.1rem + 1.6vw,2.125rem)}
.rt_djumps{gap:.375rem}
.rt_djumps a{display:inline-grid;place-items:center;min-width:2.5rem;height:2.25rem;border-radius:999px;background:var(--page);box-shadow:inset 0 0 0 1px var(--line);font:400 .8125rem/1 var(--mono)}
.rt_djumps a:hover{box-shadow:inset 0 0 0 1px var(--lapis)}
.rt_dlist{display:grid;gap:1rem}
.rt_dcard{scroll-margin-top:6rem}
.rt_dcard.is-today{box-shadow:inset 0 0 0 2px var(--lapis)}
.rt_dcard.is-today .verse_head .badge{background:var(--lapis);color:#fff}
.rt_dnote{font-size:.875rem}

/* One-page printable planner */
@media print{
  @page{margin:10mm}
  body:has([data-rt-plan]) .page_head,body:has([data-rt-plan]) .section:not(:has([data-rt-plan])),
  [data-rt-plan] .tool_ws,[data-rt-plan] .rt_qplan,body:has([data-rt-plan]) .tool_privacy,body:has([data-rt-plan]) .tool_related{display:none!important}
  [data-rt-plan]{display:block;padding:0;box-shadow:none;background:#fff}
  .rt_sheet{display:block!important;font:8.5pt/1.3 var(--font);color:#000}
  .rt_sheet h2{font:600 14pt/1.2 var(--font);margin:0 0 2mm}
  .rt_sheet h2 small{font:400 9pt var(--mono);color:#444;margin-inline-start:2mm}
  .rt_sheet p{margin:0 0 2mm}
  .rt_sheet table{width:100%;border-collapse:collapse;table-layout:auto}
  .rt_sheet th,.rt_sheet td{border:.6pt solid #888;padding:.8mm 1.2mm;text-align:left;font-size:8pt;line-height:1.2}
  .rt_sheet th{font:500 7pt var(--mono);text-transform:uppercase;background:#f0f0f0}
  .rt_sheet td.rt_box{width:9mm;text-align:center;font-weight:600}
  .rt_sheet tr{break-inside:avoid}
  .rt_sheet_foot{display:grid;grid-template-columns:1fr 1fr;gap:6mm;margin-top:3mm}
  .rt_sheet h3{font:600 9.5pt var(--font);margin:0 0 1mm}
  .rt_sheet ul{margin:0;padding-left:4mm}
  .rt_sheet li{min-height:4.5mm;border-bottom:.5pt solid #bbb}
  .rt_lines{height:18mm;background:repeating-linear-gradient(transparent 0 5.5mm,#bbb 5.5mm 5.8mm)}
  .rt_sheet_src{margin-top:2mm!important;font:7pt var(--mono);color:#666}
}
@media (max-width:560px){
  .rt_tbl .times th,.rt_tbl .times td{padding:.6rem .5rem}
  .rt_tbl .times td.t{font-size:.8125rem}
  .rt_tbl .badge{display:table;margin-block-start:.25rem;white-space:normal;height:auto;padding:.2rem .35rem;line-height:1.25;font-size:.5625rem}
}