/* Fullscreen-only dhikr: a compact, readable card rather than a viewport-wide bar. */
#fullTimer > .pomo-dhikr {
  box-sizing:border-box!important;
  flex:0 0 auto!important;
  align-self:center!important;
  width:min(100%, 480px)!important;
  max-width:480px!important;
  min-width:0!important;
  min-height:0!important;
  padding:14px 20px!important;
  margin:4px auto 8px!important;
  border-radius:18px!important;
  gap:5px!important;
  overflow-wrap:break-word;
  background:linear-gradient(130deg,rgba(110,67,164,.42),rgba(171,83,156,.28))!important;
  border:1px solid rgba(237,180,251,.32)!important;
  box-shadow:0 8px 30px rgba(24,12,53,.14),inset 0 1px 0 rgba(255,255,255,.1);
}
#fullTimer > .pomo-dhikr .pomo-dhikr-label,
#fullTimer > .pomo-dhikr p,
#fullTimer > .pomo-dhikr a,
#fullTimer > .pomo-dhikr small {
  width:100%!important;
  max-width:100%!important;
  text-align:center!important;
  margin:0!important;
  padding:0!important;
  white-space:normal!important;
  direction:rtl;
}
#fullTimer > .pomo-dhikr p {
  font-size:clamp(14px,1.5vw,17px)!important;
  line-height:1.8!important;
  font-weight:650;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
#fullTimer > .pomo-dhikr .pomo-dhikr-label {font-size:12px!important;line-height:1.5}
#fullTimer > .pomo-dhikr a,#fullTimer > .pomo-dhikr small {font-size:11px!important;line-height:1.4}
#fullTimer > .controls {flex:0 0 auto;justify-content:center;flex-wrap:wrap}
@media(max-width:600px) {
  #fullTimer > .pomo-dhikr {width:min(100%,420px)!important;padding:12px 14px!important}
}
@media(max-height:680px) {
  #fullTimer {gap:7px!important}
  #fullTimer > .pomo-dhikr {padding:8px 14px!important;margin:0 auto 4px!important}
  #fullTimer > .pomo-dhikr p {font-size:13px!important;line-height:1.5!important}
}