/* Berhetiyye master bar: keep all status labels inside their gem bezels. */
@layer sukun-r1149-quick-controls {
@media (max-width: 700px) {
 html[data-r1074-theme="berhet"] body #dock > button.dockItem {
  box-sizing: border-box !important;
  display: flex !important; flex-direction: column !important;
  align-items: center !important; justify-content: center !important;
  min-width: 0 !important; width: 100% !important;
  height: auto !important; min-height: 72px !important; max-height: none !important;
  padding: 12px 13px !important; gap: 3px !important;
  border-image-width: 10px 12px !important;
  overflow: visible !important;
 }
 html[data-r1074-theme="berhet"] body #dock > button.dockItem :is(.di,.dl,.dlAlt) {
  position: static !important; inset: auto !important; transform: none !important;
  flex: 0 0 auto !important; min-width: 0 !important; max-width: 100% !important;
  margin: 0 !important; text-align: center !important;
 }
 html[data-r1074-theme="berhet"] body #dock > button.dockItem .di {
  font-size: 15px !important; line-height: 1 !important;
 }
 html[data-r1074-theme="berhet"] body #dock > button.dockItem .dl {
  font: 650 9px/1.2 system-ui,sans-serif !important;
  letter-spacing: .025em !important; white-space: normal !important;
  overflow: visible !important; overflow-wrap: normal !important; word-break: normal !important; text-overflow: clip !important;
 }
 html[data-r1074-theme="berhet"] body #dock > button.dockItem .dlAlt {
  font: 650 8px/1.2 system-ui,sans-serif !important;
  letter-spacing: .025em !important; white-space: normal !important;
  overflow: visible !important; overflow-wrap: normal !important; word-break: normal !important;
 }
 html[data-r1074-theme="berhet"] body #dockTimer #sleepTimer {
  box-sizing: border-box !important; min-width: 0 !important; width: 100% !important;
  height: auto !important; min-height: 44px !important;
  padding: 10px 14px !important; border-image-width: 9px 12px !important;
  font: 650 12px/1.2 system-ui,sans-serif !important;
  text-align: center !important; text-align-last: center !important;
 }
 /* Give the native selector the full cell width. The clock, caption and
    help retain their own row instead of consuming the selected text area. */
 html[data-r1074-theme="berhet"] body #dockTimer {
  grid-template-columns:20px minmax(0,1fr) 32px !important;
  grid-template-rows:minmax(44px,auto) minmax(32px,auto) !important;
 }
 html[data-r1074-theme="berhet"] body #dockTimer>#sleepTimer {
  grid-column:1 / -1 !important; grid-row:1 !important;
 }
 html[data-r1074-theme="berhet"] body #dockTimer>.di {
  grid-column:1 !important; grid-row:2 !important;
 }
 html[data-r1074-theme="berhet"] body #dockTimer>.dl {
  grid-column:2 !important; grid-row:2 !important; text-align:center !important;
 }
 html[data-r1074-theme="berhet"] body #dockTimer>.dockTipHelp {
  grid-column:3 !important; grid-row:2 !important;
 }
}
/* Four narrow cells leave less space than an ordinary label after the gem
   bezel. Use three columns on phones so words stay whole at the same size. */
@media (max-width: 420px) {
 html[data-r1074-theme="berhet"] body #dock {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
 }
}
}