/* © 2026 VEYRO (ИП Макаров И. В.). appagent — проприетарная программа. Использование — по лицензионному договору https://appagent.ru/legal/offer/. Копирование и распространение без разрешения запрещены. */
/* Общее для экранов «Лимиты и расход», «Сервер», «Уведомления». Подключён в index.html сразу после screens.css, до limits.css, server.css и notify.css
   (порядок каскада тот же, что был в едином файле); значения — только из tokens.css, размеры в rem.
   Стили самих экранов — в limits.css, server.css, notify.css. Раскладка: 390 — одна колонка; с 48rem — два окна лимита рядом;
   с 64rem — расход в две колонки. */

/* ---------- Общее ---------- */
.limits__err:empty, .server__err:empty { display: none; }
.limits__err, .server__err { margin-bottom: var(--space-5); }
.limits__err .notice > .btn, .server__err .notice > .btn { margin-left: auto; }
.limits, .server, .notify { display: grid; gap: var(--space-6); }
.pgrid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-5); align-items: start; }
.pgrid > .card, .notify > .card, .server > .card { margin-top: 0; }
.card__top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-2) var(--space-4); }
.card__top + * { margin-top: var(--space-2); }
.meter__none, .server__none { color: var(--color-ink2); font: var(--text-ui-weight) var(--text-ui-size)/var(--text-ui-line) var(--font-sans); }
@media (min-width: 48rem) {
  .pgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pgrid--usage { grid-template-columns: minmax(0, 1fr); }
}
@media (min-width: 64rem) {
  .pgrid--usage { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .usage--days { grid-row: span 2; }
}