.native-prayer-unavailable {
  padding: 7px 11px;
  border-bottom: 1px solid #d8dfdb;
  background: #f8f5ea;
  color: #6a756f;
  font-size: .75rem;
  font-weight: 750;
  line-height: 1.35;
}
.masjidal-method-choice {
  margin-bottom: 14px;
}
.masjidal-method-fields {
  display: grid;
  gap: 12px;
  padding-top: 2px;
}
.masjidal-method-fields > .admin-field {
  max-width: 680px;
}
.masjidal-connection-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.masjidal-shared-note {
  color: #758079;
  font-size: .75rem;
  font-weight: 700;
}
.event-masjidal-source-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 14px;
  padding: 13px 14px;
  border: 1px solid #c5d0ca;
  background: #f7f8f5;
}
.event-masjidal-source-panel[hidden] {
  display: none;
}
.event-masjidal-source-panel > div:first-child {
  min-width: 0;
}
.event-masjidal-source-panel strong {
  display: block;
  color: #304a3c;
  font-size: .75rem;
  font-weight: 850;
}
.event-masjidal-source-panel span {
  display: block;
  margin-top: 4px;
  color: #6d7972;
  font-size: .75rem;
  line-height: 1.45;
}
.event-masjidal-source-actions {
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
}
@media (max-width:700px) {
  .event-masjidal-source-panel {
    align-items: stretch;
    flex-direction: column;
  }
  .event-masjidal-source-actions {
    width: 100%;
  }
  .event-masjidal-source-actions button {
    flex: 1 1 0;
  }
}
.native-prayer-header {
  align-items: center;
  padding: 10px 12px 8px;
}
.native-prayer-title {
  font-size: 1.02rem;
  line-height: 1.05;
}
.native-prayer-date {
  margin-top: 2px;
  font-size: .75rem;
  line-height: 1.1;
}
.native-prayer-column-headings {
  padding: 5px 11px 4px;
  font-size: .75rem;
}
.native-prayer-row {
  min-height: 40px;
  padding: 4px 11px;
}
.native-prayer-name {
  font-size: .79rem;
}
.native-prayer-time {
  font-size: .75rem;
}
.native-prayer-special-slot {
  display: block;
  border-top: 1px solid var(--green-dark);
  border-bottom: 1px solid var(--green-dark);
}
.native-special-group[hidden],.native-prayer-special-row[hidden] {
  display: none;
}
.native-special-group + .native-special-group {
  border-top: 1px solid #bdb69f;
}
.native-prayer-special-row {
  display: grid;
  grid-template-columns: minmax(68px,.76fr) minmax(0,1.8fr);
  align-items: center;
  gap: 7px;
  min-height: 30px;
  padding: 4px 10px;
  box-sizing: border-box;
}
.native-prayer-special-row + .native-prayer-special-row {
  border-top: 1px solid #d0cab5;
}
.native-prayer-special-location {
  min-width: 0;
  display: grid;
  gap: 0;
}
.native-prayer-special-location strong {
  overflow: hidden;
  color: #294c3b;
  font-size: .75rem;
  font-weight: 900;
  line-height: 1.05;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.native-prayer-special-location small {
  overflow: hidden;
  color: #747b74;
  font-size: .75rem;
  font-weight: 750;
  line-height: 1.05;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.native-prayer-special-times {
  min-width: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
  gap: 5px;
  overflow: hidden;
}
.native-prayer-special-times > span {
  min-width: 0;
  display: grid;
  justify-items: center;
  gap: 0;
}
.native-prayer-special-times > span small {
  color: #797d73;
  font-size: .75rem;
  font-weight: 850;
  line-height: 1;
  text-transform: uppercase;
}
.native-prayer-special-times > span strong {
  max-width: 100%;
  overflow: hidden;
  padding: 0;
  border: 0;
  background: transparent;
  color: #294c3b;
  font-size: .75rem;
  font-weight: 900;
  line-height: 1.05;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.admin-center-prayer-block {
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #cbd4ce;
  background: var(--surface-tint);
}
.admin-center-prayer-block-secondary {
  margin-top: 14px;
}
.admin-center-prayer-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 11px;
}
.admin-center-prayer-heading > div {
  min-width: 0;
}
.admin-center-prayer-heading strong {
  display: block;
  color: #2f493b;
  font-size: .77rem;
  font-weight: 900;
}
.admin-center-prayer-heading > div > span {
  display: block;
  margin-top: 2px;
  color: #758079;
  font-size: .75rem;
}
.admin-center-prayer-heading .admin-switch {
  flex: 0 0 auto;
}
.admin-noor-prayer-times label[hidden],#adminNoorJumuahTimeFields label[hidden],#adminNoorEidTimeFields label[hidden] {
  display: none;
}
@media (max-width:650px) {
  .native-prayer-header {
    padding: 9px 11px 7px;
  }
  .native-prayer-column-headings {
    padding-left: 10px;
    padding-right: 10px;
  }
  .native-prayer-row {
    min-height: 38px;
    padding: 4px 10px;
  }
  .native-prayer-special-row {
    grid-template-columns: minmax(74px,.7fr) minmax(0,1.9fr);
    padding: 5px 10px;
  }
  .native-prayer-special-location strong,.native-prayer-special-times > span strong {
    font-size: .75rem;
  }
  .admin-center-prayer-heading {
    align-items: flex-start;
    flex-direction: column;
  }
}
.native-prayer-footer {
  display: grid;
  grid-template-columns: minmax(0,.72fr) minmax(0,1.28fr);
  gap: 0;
  align-items: stretch;
  padding: 0;
  border-top: 0;
  background: #fff;
}
.native-prayer-footer-item {
  min-width: 0;
  display: grid;
  gap: 2px;
  align-content: center;
  padding: 7px 10px 8px;
}
.native-prayer-footer-item + .native-prayer-footer-item {
  border-left: 1px solid #d9dfdb;
}
.native-prayer-footer .native-prayer-next-label {
  display: block;
  color: #78827c;
  font-size: .75rem;
  font-weight: 850;
  line-height: 1;
  letter-spacing: .035em;
  text-transform: uppercase;
}
.native-prayer-footer .native-prayer-footer-item strong {
  min-width: 0;
  overflow: visible;
  color: #294c3b;
  font-size: .8rem;
  font-weight: 850;
  line-height: 1.2;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: break-word;
}
.native-prayer-countdown-item strong {
  font-variant-numeric: tabular-nums;
}
@media (max-width:420px) {
  .native-prayer-footer {
    grid-template-columns: minmax(0,.65fr) minmax(0,1.35fr);
  }
  .native-prayer-footer-item {
    padding-left: 8px;
    padding-right: 8px;
  }
  .native-prayer-footer .native-prayer-footer-item strong {
    font-size: .75rem;
  }
}
.native-prayer-list {
  flex: 1 1 0;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0,1fr);
  grid-auto-flow: row;
  grid-auto-rows: minmax(0,1fr);
  overflow: hidden;
  background: #f8f5ea;
}
.native-prayer-list > .native-prayer-special-slot,.native-prayer-list .native-special-group {
  display: contents;
}
.native-prayer-list .native-special-group[hidden],.native-prayer-list .native-prayer-special-row[hidden] {
  display: none;
}
.native-prayer-list > .native-prayer-row,.native-prayer-list .native-prayer-special-row {
  min-height: 0;
  height: auto;
  overflow: hidden;
  box-sizing: border-box;
  padding: 5px 11px;
  border-bottom: 1px solid #cfd7d2;
}
.native-prayer-list > .native-prayer-row {
  flex: none;
}
.native-prayer-list .native-prayer-special-row {
  display: grid;
  grid-template-columns: minmax(0,1.05fr) minmax(0,1.76fr);
  align-items: center;
  gap: 7px;
  background: #eee8d6;
  color: #294c3b;
}
.native-prayer-list .native-prayer-special-location {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 1px;
}
.native-prayer-list .native-prayer-special-location strong {
  overflow: hidden;
  color: #2b4337;
  font-size: .79rem;
  font-weight: 850;
  line-height: 1.05;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.native-prayer-list .native-prayer-special-location small {
  overflow: hidden;
  color: #6f7973;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.05;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.native-prayer-list .native-prayer-special-times {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  overflow: hidden;
  flex-wrap: nowrap;
}
.native-prayer-list .native-prayer-special-times > span {
  flex: 1 1 0;
  min-width: 0;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 1px;
}
.native-prayer-list .native-prayer-special-times > span small {
  color: #797d73;
  font-size: .75rem;
  font-weight: 850;
  line-height: 1;
  text-transform: uppercase;
}
.native-prayer-list .native-prayer-special-times > span strong {
  width: 100%;
  overflow: hidden;
  padding: 0;
  border: 0;
  background: transparent;
  color: #294c3b;
  font-size: .75rem;
  font-weight: 900;
  line-height: 1.05;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.native-prayer-list .native-prayer-special-times:has(> span:nth-child(3)) > span strong,.native-prayer-list .native-prayer-special-times:has(> span:nth-child(3)) > span small {
  font-size: .75rem;
}
.native-prayer-list.is-dense .native-prayer-row,.native-prayer-list.is-dense .native-prayer-special-row {
  padding-top: 3px;
  padding-bottom: 3px;
}
.native-prayer-list.is-dense .native-prayer-name,.native-prayer-list.is-dense .native-prayer-special-location strong,.native-prayer-list.is-dense .native-prayer-time,.native-prayer-list.is-dense .native-prayer-special-times > span strong {
  font-size: .75rem;
}
.native-prayer-list.is-very-dense .native-prayer-row,.native-prayer-list.is-very-dense .native-prayer-special-row {
  padding-top: 2px;
  padding-bottom: 2px;
}
.native-prayer-list.is-very-dense .native-prayer-name,.native-prayer-list.is-very-dense .native-prayer-special-location strong,.native-prayer-list.is-very-dense .native-prayer-time,.native-prayer-list.is-very-dense .native-prayer-special-times > span strong {
  font-size: .75rem;
}
.native-prayer-special-slot {
  flex: none;
  width: auto;
  height: auto;
  min-height: 0;
  max-height: none;
  overflow: visible;
  border: 0;
  background: transparent;
}
@media (max-width:1100px) and (min-width:981px) {
  .native-prayer-list > .native-prayer-row,.native-prayer-list .native-prayer-special-row {
    padding-left: 8px;
    padding-right: 8px;
  }
  .native-prayer-list .native-prayer-name,.native-prayer-list .native-prayer-special-location strong,.native-prayer-list .native-prayer-time,.native-prayer-list .native-prayer-special-times > span strong,.native-prayer-list .native-prayer-special-location small,.native-prayer-list .native-prayer-special-times > span small {
    font-size: .75rem;
  }
}
@media (max-width:980px) {
  .native-prayer-list {
    flex: none;
    grid-auto-rows: minmax(44px,auto);
    overflow: visible;
  }
  .native-prayer-list > .native-prayer-row,.native-prayer-list .native-prayer-special-row {
    min-height: 44px;
  }
}
@media (max-width:650px) {
  .native-prayer-list > .native-prayer-row,.native-prayer-list .native-prayer-special-row {
    min-height: 42px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .native-prayer-list .native-prayer-special-location strong {
    font-size: .76rem;
  }
  .native-prayer-list .native-prayer-special-times > span strong {
    font-size: .75rem;
  }
}
.native-prayer-date-row {
  min-width: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 6px;
  margin-top: 2px;
}
.native-prayer-date,.native-prayer-hijri-date {
  margin-top: 0;
  color: rgba(255,255,255,.78);
  font-size: .75rem;
  font-weight: 650;
  line-height: 1.15;
}
.native-prayer-hijri-date {
  color: rgba(255,255,255,.92);
}
.native-prayer-date-divider {
  color: rgba(255,255,255,.48);
  font-size: .75rem;
  line-height: 1;
}
@media (max-width:420px) {
  .native-prayer-date-row {
    gap: 3px 5px;
  }
  .native-prayer-date,.native-prayer-hijri-date {
    font-size: .75rem;
  }
}
.native-prayer-title,.native-prayer-date,.native-prayer-hijri-date,.native-prayer-date-divider {
  font-size: .78rem;
}
@media (max-width:420px) {
  .native-prayer-title,.native-prayer-date,.native-prayer-hijri-date,.native-prayer-date-divider {
    font-size: .78rem;
  }
}
.native-prayer-row.native-prayer-sunrise .native-prayer-sunrise-time {
  grid-column: 2 / 4;
  justify-self: stretch;
  text-align: center;
}
/* Preserve the global phone readability contract after this feature layer moved behind responsive.css. */
@media (max-width:520px) {
  .native-prayer-column-headings span {
    font-size: 12px;
    line-height: 1.35;
  }
  .native-prayer-special-location small,.native-prayer-special-times small {
    font-size: 11.5px;
    line-height: 1.35;
  }
  .native-prayer-footer .native-prayer-next-label {
    font-size: 11.5px;
    line-height: 1.3;
  }
  .native-prayer-footer strong {
    font-size: 12.5px;
    line-height: 1.3;
    overflow-wrap: anywhere;
  }
  .masjidal-prayer-panel .native-prayer-special-row small {
    font-size: 11.5px;
    line-height: 1.3;
    white-space: normal;
  }
  .masjidal-prayer-panel .native-prayer-footer-item strong {
    font-size: 12px;
    line-height: 1.3;
    white-space: normal;
  }
}
/* Main-page prayer panel typography: keep the public prayer information at one consistent 17px size. */
.home-hero-prayer-layout .native-prayer-name,
.home-hero-prayer-layout .native-prayer-time,
.home-hero-prayer-layout .native-prayer-special-location strong,
.home-hero-prayer-layout .native-prayer-special-location small,
.home-hero-prayer-layout .native-prayer-special-times > span small,
.home-hero-prayer-layout .native-prayer-special-times > span strong {
  font-size: 17px !important;
}
/* Keep the countdown legible inside the narrow prayer card; never ellipsize it. */
.home-hero-prayer-layout .native-prayer-footer .native-prayer-next-label,
.home-hero-prayer-layout .native-prayer-footer .native-prayer-footer-item strong {
  font-size: 12px;
  line-height: 1.25;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}
/* Public Masjidal-mode unavailable-state presentation. */
.masjidal-widget-placeholder {
  display: none;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  place-items: center;
  padding: 20px;
  background: #f8f5ea;
  color: var(--ink-strong);
  text-align: center;
}
.masjidal-widget-placeholder > div {
  display: grid;
  gap: 7px;
  max-width: 240px;
}
.masjidal-widget-placeholder strong {
  font-size: 1rem;
}
.masjidal-widget-placeholder span {
  color: #66736b;
  font-size: .75rem;
  line-height: 1.5;
}
.native-prayer-panel.prayer-display-masjidal .masjidal-widget-placeholder {
  display: grid;
}
.masjidal-widget-placeholder:has(iframe.masjidal-public-embed) {
  padding: 0;
  background: #fff;
}
.masjidal-public-embed {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 460px;
  border: 0;
}
.masjidal-widget-placeholder[aria-hidden="true"] {
  display: none !important;
}
.masjid-tv-native-prayer-panel .native-prayer-list > .native-prayer-row,.masjid-tv-native-prayer-panel .native-prayer-list .native-prayer-special-row {
  min-height: 0;
  padding: 2.15% 5.2%;
}