/* aux-block.css — блок вспомогательной информации для зоны.
   Три части: прогноз (forecast), календарь (calendar), уведомления (notifications).
   Блок прокручиваемый, если контент не влезает (не режется). */
.aux-block{
  position:relative;
  backface-visibility:hidden;
  height:100%;
  width:100%;
  display:flex;
  flex-direction:column;
  justify-content:safe center;
  gap:12px;
  padding:16px;
  box-sizing:border-box;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  min-height:0;
  border-radius:20px;
  text-shadow:0 1px 8px rgba(0,0,0,.4);
  pointer-events:auto;
}
.aux-part{
  flex:1 1 0;
  display:flex;
  flex-direction:column;
  border:none;
  border-radius:12px;
  padding:0;
  min-height:0;
}
/* прогноз — по контенту, не растягивается */
.aux-block .aux-part:nth-child(1){ flex:0 0 auto; }
/* календарь — ровно по контенту */
.aux-block .aux-part:nth-child(2){
  flex:0 0 auto;
  min-height:0;
}
/* уведомления — по контенту (без пустой зоны снизу) */
.aux-block .aux-part:nth-child(3){
  flex:0 0 auto;
  min-height:0;
}
.aux-part .aux-title{
  font:600 13px/1 -apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;
  color:#ff9f0a;
  letter-spacing:.05em;
  text-transform:uppercase;
  margin-bottom:8px;
}
.aux-part .aux-body{
  flex:1 1 auto;
  display:flex;
  align-items:stretch;
  justify-content:flex-start;
  text-align:center;
  color:#e9e9ea;
  font:400 15px/1.3 -apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;
}
/* портрет: сжать вертикальные отступы (меньше пустоты) */
@media (orientation: portrait){
  .aux-block{
    gap:8px;
    padding:10px 12px;
  }
  .aux-part .aux-title{
    margin-bottom:5px;
  }
}

/* СВЕТЛАЯ СИСТЕМНАЯ ТЕМА: тёмный текст виджетов (карточки светлые — см. выше) */
@media (prefers-color-scheme: light) {
  .aux-block{
    text-shadow:none;
    color:#1c1c1e;
  }
  .aux-block .aux-title{ color:#1c1c1e; }
}
/* выключатель «Только часы» / микс-скрытие aux */
.aux-block.hidden{ display:none; }