/* Al-Raqeem — Unified Date Calculator v74 */
#pageDatecalc{--dtl-gold:#d7b95f;--dtl-cyan:#49d6df;--dtl-violet:#a890ff;--dtl-green:#51d49a;--dtl-red:#ff806f;--dtl-blue:#61aef8;--dtl-orange:#f2a65a;position:relative}
.dtl-shell{width:min(1420px,calc(100% - 28px));margin:0 auto;padding:1.2rem 0 3rem;direction:rtl}
.dtl-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1.35rem;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,rgba(215,185,95,.11),rgba(73,214,223,.035));margin-bottom:.85rem}
.dtl-hero h1{font-family:'Amiri',serif;color:var(--gold-glow);font-size:clamp(1.7rem,3vw,2.45rem);margin:0}.dtl-hero p{color:var(--text-sec);margin:.28rem 0 0;line-height:1.7}.dtl-hero-actions{display:flex;gap:.5rem;flex-wrap:wrap}.dtl-hero-actions button,.dtl-date-pick button,.dtl-calendar-toolbar button{border:1px solid var(--gold-dim);background:var(--bg2);color:var(--gold-glow);border-radius:10px;padding:.55rem .9rem;cursor:pointer;font-family:var(--font-main)}
.dtl-tabs{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin:.75rem 0 1rem}.dtl-tabs button{border:1px solid var(--border);background:var(--bg-card);color:var(--text-sec);padding:.58rem 1.15rem;border-radius:999px;cursor:pointer;font-family:var(--font-main)}.dtl-tabs button.active{border-color:var(--gold);color:var(--gold-glow);background:rgba(201,168,76,.12)}
.dtl-panel{display:none}.dtl-panel.active{display:block}.dtl-date-pick{display:flex;justify-content:center;align-items:end;gap:.65rem;flex-wrap:wrap;margin-bottom:1rem}.dtl-date-pick label{color:var(--text-sec);font-size:.78rem}.dtl-date-pick input,.dtl-calendar-toolbar input,.dtl-calendar-toolbar select{display:block;margin-top:.3rem;background:var(--bg-input);border:1px solid var(--border);color:var(--text-pri);border-radius:9px;padding:.58rem .7rem;font:700 .95rem 'Ubuntu Mono',monospace;outline:none}.dtl-date-pick input:focus,.dtl-calendar-toolbar input:focus,.dtl-calendar-toolbar select:focus{border-color:var(--gold)}
.dtl-calendar-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.dtl-cal-card,.dtl-card{min-width:0;border:1px solid var(--border);border-radius:15px;background:var(--bg-card);padding:1rem 1.1rem;overflow:hidden}.dtl-cal-card{position:relative;border-top:3px solid var(--accent)}.dtl-cal-card h2,.dtl-card h2{font-family:'Amiri',serif;color:var(--gold-glow);font-size:1.15rem;margin:0 0 .65rem}.dtl-card h2 small{display:block;font-family:'JetBrains Mono',monospace;color:var(--text-muted);font-size:.6rem;margin-top:.12rem}.dtl-cal-date{font-family:'Ubuntu Mono',monospace;color:var(--accent);font-size:1.18rem;font-weight:800;line-height:1.7}.dtl-cal-sub{color:var(--text-sec);font-size:.8rem;line-height:1.7}.dtl-badge{display:inline-flex;margin-top:.45rem;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);padding:.25rem .55rem;border-radius:999px;font-size:.68rem}
.dtl-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:.65rem;margin:1rem 0}.dtl-metric{border:1px solid var(--border);border-radius:12px;background:var(--bg-card);padding:.72rem;text-align:center;min-width:0}.dtl-metric b{display:block;color:var(--metric,var(--gold));font:800 1.05rem 'Ubuntu Mono',monospace;overflow-wrap:anywhere}.dtl-metric span{display:block;color:var(--text-muted);font-size:.65rem;margin-top:.2rem;line-height:1.45}
.dtl-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:.85rem}.dtl-list{display:grid;gap:.38rem}.dtl-row{display:grid;grid-template-columns:minmax(160px,.75fr) minmax(0,1.25fr);gap:.75rem;align-items:center;padding:.48rem .6rem;border-bottom:1px solid var(--border);min-width:0}.dtl-row:last-child{border-bottom:none}.dtl-row strong{color:var(--text-sec);font-size:.76rem}.dtl-row span{color:var(--text-pri);font-size:.82rem;overflow-wrap:anywhere}.dtl-num{font-family:'Ubuntu Mono',monospace;color:var(--dtl-cyan)!important;direction:ltr;text-align:left}
.dtl-observances{margin-top:.85rem}.dtl-ob-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.dtl-ob-item{border:1px solid var(--border);border-right:3px solid var(--kind,var(--dtl-blue));border-radius:10px;padding:.65rem .75rem;background:var(--bg-input);min-width:0}.dtl-ob-item b{display:block;color:var(--text-pri);font-size:.83rem}.dtl-ob-item small{display:block;color:var(--text-muted);font-size:.65rem;margin-top:.12rem}.dtl-ob-item em{display:inline-block;font-style:normal;color:var(--kind,var(--dtl-blue));font-size:.62rem;margin-top:.3rem}.dtl-empty{color:var(--text-muted);text-align:center;padding:1rem}
.dtl-legacy-note{text-align:center;color:var(--text-muted);font-size:.72rem;margin-bottom:.65rem}.dtl-legacy-wrap{border:1px solid var(--border);border-radius:16px;background:var(--bg-card);padding:.25rem;overflow:hidden}.dtl-legacy-wrap .dc-container{max-width:none!important}.dtl-legacy-wrap>.dc-options-tab,.dtl-legacy-wrap>.dc-options-panel{position:fixed}
.dtl-calendar-toolbar{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.85rem}.dtl-calendar-toolbar select{min-width:150px;margin:0}.dtl-calendar-toolbar input{width:110px;margin:0}.dtl-month-summary{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.dtl-month-summary span{border:1px solid var(--border);border-radius:999px;padding:.3rem .65rem;color:var(--text-sec);font-size:.7rem;background:var(--bg-card)}
.dtl-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem;direction:rtl}.dtl-dow{text-align:center;color:var(--gold-glow);font-size:.72rem;padding:.42rem}.dtl-day{min-height:118px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);padding:.45rem;min-width:0;cursor:pointer;transition:.15s}.dtl-day:hover{border-color:var(--gold-dim);background:var(--bg-hover)}.dtl-day.muted{opacity:.35}.dtl-day.today{outline:2px solid var(--gold)}.dtl-day-head{display:flex;justify-content:space-between;align-items:center;gap:.3rem}.dtl-day-head b{font:800 .9rem 'Ubuntu Mono',monospace;color:var(--text-pri)}.dtl-day-head span{font-size:.58rem;color:var(--text-muted)}.dtl-day-cal{margin-top:.35rem;font-size:.58rem;line-height:1.55}.dtl-day-cal .h{color:var(--dtl-cyan)}.dtl-day-cal .he{color:var(--dtl-violet)}.dtl-day-events{margin-top:.35rem;display:flex;gap:.18rem;flex-wrap:wrap}.dtl-day-events i{width:6px;height:6px;border-radius:50%;background:var(--dtl-blue)}
@media(max-width:1050px){.dtl-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dtl-calendar-cards{grid-template-columns:1fr}.dtl-day{min-height:100px}}
@media(max-width:760px){.dtl-shell{width:min(100% - 14px,1420px)}.dtl-hero{align-items:flex-start;flex-direction:column}.dtl-two-col,.dtl-ob-list{grid-template-columns:1fr}.dtl-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dtl-row{grid-template-columns:1fr;gap:.15rem}.dtl-month-grid{gap:.2rem}.dtl-day{min-height:82px;padding:.3rem}.dtl-day-cal{font-size:.5rem}.dtl-dow{font-size:.6rem;padding:.25rem}}
@media(max-width:480px){.dtl-metric-grid{grid-template-columns:1fr 1fr}.dtl-tabs button{padding:.5rem .72rem;font-size:.72rem}.dtl-day{min-height:68px}.dtl-day-cal .he{display:none}.dtl-day-head span{display:none}}


/* v73 — legacy lower tables: background follows table width */
.dtl-legacy-wrap .dc-section{text-align:center}
.dtl-legacy-wrap .dc-results{
  display:inline-flex!important;
  width:auto!important;
  max-width:100%!important;
  margin-inline:auto!important;
  vertical-align:top;
  overflow-x:auto;
  box-sizing:border-box;
}

/* Events explorer */
.dtl-events-toolbar{
  display:grid;
  grid-template-columns:180px 180px 180px minmax(240px,1fr);
  gap:.7rem;
  align-items:end;
  margin-bottom:.85rem;
  padding:.9rem;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--bg-card);
}
.dtl-events-toolbar label{color:var(--text-sec);font-size:.72rem;min-width:0}
.dtl-events-toolbar input,.dtl-events-toolbar select{
  display:block;width:100%;box-sizing:border-box;margin-top:.3rem;
  background:var(--bg-input);border:1px solid var(--border);color:var(--text-pri);
  border-radius:9px;padding:.58rem .7rem;font-family:var(--font-main);outline:none
}
.dtl-events-toolbar input:focus,.dtl-events-toolbar select:focus{border-color:var(--gold)}
.dtl-events-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.58rem}
.dtl-event-row{
  display:grid;grid-template-columns:92px minmax(0,1fr) max-content;
  align-items:center;gap:.75rem;min-width:0;padding:.7rem .8rem;
  border:1px solid var(--border);border-right:4px solid var(--kind,var(--dtl-blue));
  border-radius:11px;background:var(--bg-input)
}
.dtl-event-row time{font:700 .78rem 'Ubuntu Mono',monospace;color:var(--kind,var(--dtl-blue));direction:ltr;text-align:center}
.dtl-event-row div{min-width:0}.dtl-event-row b{display:block;color:var(--text-pri);font-size:.82rem;line-height:1.55}
.dtl-event-row small{display:block;color:var(--text-muted);font-size:.65rem;line-height:1.45;margin-top:.08rem;direction:ltr;text-align:right}
.dtl-event-row em{font-style:normal;color:var(--kind,var(--dtl-blue));border:1px solid color-mix(in srgb,var(--kind,var(--dtl-blue)) 40%,var(--border));border-radius:999px;padding:.22rem .48rem;font-size:.62rem;white-space:nowrap}

@media(max-width:980px){
 .dtl-events-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dtl-events-list{grid-template-columns:1fr}
}
@media(max-width:560px){
 .dtl-events-toolbar{grid-template-columns:1fr}
 .dtl-event-row{grid-template-columns:70px minmax(0,1fr)}
 .dtl-event-row em{grid-column:2;justify-self:start}
}


/* v74 — single unified page */
.dtl-unified .dtl-tabs,.dtl-unified .dtl-panel,.dtl-unified .dtl-legacy-note{display:none!important}
.dtl-hero-simple{justify-content:center;text-align:center}
.dtl-hero-simple>div{max-width:900px}
.dtl-legacy-wrap{padding:.35rem;border-radius:16px;margin-bottom:1.2rem}
.dtl-analysis-section{display:grid;gap:.9rem;margin-top:1rem}
.dtl-section-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;padding:1rem 1.15rem;border:1px solid var(--border);border-radius:15px;background:linear-gradient(135deg,rgba(215,185,95,.08),rgba(73,214,223,.025))}
.dtl-section-head h2{font-family:'Amiri',serif;color:var(--gold-glow);font-size:1.35rem;margin:0}
.dtl-section-head p{color:var(--text-muted);font-size:.74rem;margin:.2rem 0 0}
.dtl-date-pick.compact{margin:0;flex:0 0 auto}
.dtl-ob-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:.8rem}
.dtl-ob-head h2{margin-bottom:.3rem}
.dtl-inline-filters{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}
.dtl-inline-filters select,.dtl-inline-filters input{min-width:190px;background:var(--bg-input);border:1px solid var(--border);color:var(--text-pri);border-radius:9px;padding:.55rem .7rem;font-family:var(--font-main);outline:none}
.dtl-inline-filters input:focus,.dtl-inline-filters select:focus{border-color:var(--gold)}
.dtl-observances-expanded .dtl-events-list{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:850px){.dtl-section-head,.dtl-ob-head{align-items:stretch;flex-direction:column}.dtl-date-pick.compact{justify-content:flex-start}.dtl-inline-filters{justify-content:stretch}.dtl-inline-filters select,.dtl-inline-filters input{flex:1;min-width:0}.dtl-observances-expanded .dtl-events-list{grid-template-columns:1fr}}
.wd-popup-card-wide{width:min(920px,calc(100vw - 24px));max-width:920px}
.wd-popup-summary{display:flex;justify-content:center;gap:.45rem;flex-wrap:wrap;margin:.2rem 0 .9rem}
.wd-popup-summary span{border:1px solid var(--border);background:var(--bg-input);color:var(--text-sec);border-radius:999px;padding:.28rem .62rem;font-size:.68rem}
.wd-popup-card-wide .wd-popup-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
.wd-popup-card-wide .wd-popup-item{border-right:4px solid var(--wd-kind,var(--gold));min-width:0}
.wd-popup-item-head{display:flex;justify-content:space-between;gap:.5rem;align-items:center;margin-bottom:.35rem}
.wd-popup-item-head span{font:700 .7rem 'Ubuntu Mono',monospace;color:var(--wd-kind,var(--gold))}
.wd-popup-item-head em{font-style:normal;color:var(--wd-kind,var(--gold));font-size:.62rem;border:1px solid color-mix(in srgb,var(--wd-kind,var(--gold)) 42%,var(--border));border-radius:999px;padding:.18rem .42rem}
@media(max-width:700px){.wd-popup-card-wide .wd-popup-list{grid-template-columns:1fr}}


/* v76 date calculator refinements */
#pageDatecalc .dtl-hero-simple{display:none!important}
#pageDatecalc .dc-container{padding-top:.25rem}
#pageDatecalc .dc-season{margin-top:.55rem;padding:.55rem .8rem;border:1px dashed rgba(215,185,95,.45);border-radius:10px;color:var(--text-pri);background:rgba(215,185,95,.06);font-size:.96rem;text-align:center}
#pageDatecalc .dc-season strong{color:var(--gold)}
#pageDatecalc .wd-trigger-btn{font-weight:700;letter-spacing:.01em}


/* v77 header and frame spacing */
#pageDatecalc .dtl-hero-simple{display:flex!important;justify-content:center;text-align:center;margin-bottom:1.25rem;padding:1rem 1rem .25rem}
#pageDatecalc .dtl-hero-simple h1{margin:0;color:var(--gold);font-family:'Amiri',serif;font-size:2rem}
#pageDatecalc .dtl-legacy-wrap{padding-top:.4rem}
#pageDatecalc .dc-container{position:relative;padding-top:1.4rem}
#pageDatecalc .dc-container>div:first-of-type{margin-top:0!important;margin-bottom:1.1rem!important}
#pageDatecalc .dc-dates{margin-top:.15rem}
@media(max-width:700px){#pageDatecalc .dtl-hero-simple h1{font-size:1.65rem}#pageDatecalc .dc-container{padding-top:1rem}}


/* v78 — seasons and observances screen */
#pageDatecalc .dc-season{
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  margin:.58rem 0 .15rem!important;
  padding:.48rem .75rem!important;
  border:1px solid rgba(65,210,172,.55)!important;
  border-radius:10px!important;
  background:rgba(65,210,172,.09)!important;
  color:#7be6c7!important;
  font-size:.9rem!important;
  font-weight:700;
}
#pageDatecalc .dc-season strong{color:#a6f5df!important}
#pageDatecalc .wd-trigger-btn{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:.4rem;
  margin:.65rem auto .15rem!important;
  padding:.46rem .9rem!important;
  border:1px solid #ffb347!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#ffb347,#ff7d5c)!important;
  color:#241407!important;
  box-shadow:0 5px 16px rgba(255,125,92,.24)!important;
  font-weight:800!important;
  font-size:.78rem!important;
  cursor:pointer;
}
#pageDatecalc .wd-trigger-btn:hover{
  background:linear-gradient(135deg,#ffc66d,#ff9278)!important;
  color:#160c04!important;
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(255,125,92,.32)!important;
}
#pageDatecalc .wd-trigger-btn .wd-icon{font-size:1rem;line-height:1}
.wd-popup-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  padding:4vh 1rem!important;
  background:rgba(3,5,11,.9)!important;
  backdrop-filter:blur(8px);
  overflow:auto!important;
}
.wd-popup-card.wd-popup-card-wide{
  width:min(1040px,calc(100vw - 28px))!important;
  max-width:1040px!important;
  max-height:none!important;
  min-height:260px;
  margin:auto!important;
  padding:1.35rem 1.4rem 1.55rem!important;
  border:1px solid rgba(255,179,71,.55)!important;
  border-radius:18px!important;
  background:var(--bg-card)!important;
  box-shadow:0 25px 80px rgba(0,0,0,.62)!important;
  overflow:visible!important;
}
.wd-popup-card-wide .wd-popup-title{
  color:#ffbd5c!important;
  font-size:1.45rem!important;
  margin-bottom:1rem!important;
}
.wd-popup-card-wide .wd-popup-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:.7rem!important;
  max-height:65vh;
  overflow:auto;
  padding:.15rem .1rem .2rem;
}
.wd-popup-card-wide .wd-popup-item{background:var(--bg-input)!important}
.wd-popup-close{
  position:sticky!important;
  top:.2rem!important;
  float:left;
  z-index:4;
  background:rgba(255,255,255,.08)!important;
  border:1px solid var(--border)!important;
}
@media(max-width:700px){
  .wd-popup-overlay{padding:1rem .55rem!important}
  .wd-popup-card.wd-popup-card-wide{width:100%!important;padding:1rem .85rem 1.2rem!important}
  .wd-popup-card-wide .wd-popup-list{grid-template-columns:1fr!important;max-height:72vh}
}

/* v115 — event cards spacing and readable accent rail */
.wd-popup-card-wide .wd-popup-item{
  padding:.82rem 1rem .88rem 1.25rem!important;
  border-right-width:4px!important;
}
.wd-popup-card-wide .wd-popup-item-ar,
.wd-popup-card-wide .wd-popup-item-en{
  padding-right:.42rem;
  line-height:1.65!important;
}
.wd-popup-card-wide .wd-popup-item-head{
  padding-right:.42rem;
}