/* Alasta v5.17.T134 — Netlify Mail + historia od daty */
.mail-history-window {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px;
  border: 1px solid rgba(148, 163, 184, .34);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,.9), rgba(248,250,252,.78));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 10px 24px rgba(15,23,42,.06);
}
.mail-history-window label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 7px;
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.mail-history-window input[type="date"] {
  width: 128px;
  height: 31px;
  border: 0;
  border-radius: 11px;
  background: #fff;
  color: #0f172a;
  font: 800 12px/1 var(--alasta-font, system-ui);
  padding: 0 9px;
  box-shadow: inset 0 0 0 1px #dbe4ef;
}
.mail-history-window button {
  height: 31px;
  padding: 0 10px;
  border: 0;
  border-radius: 11px;
  background: #eef4ff;
  color: #1d4ed8;
  font: 900 11px/1 var(--alasta-font, system-ui);
  cursor: pointer;
}
.mail-history-window button:hover {
  background: linear-gradient(135deg, #2563eb, #0f172a);
  color: #fff;
  transform: translateY(-1px);
}
.mail-history-config {
  padding: 12px;
  border: 1px solid #dbe4ef;
  border-radius: 16px;
  background: linear-gradient(135deg, #f8fafc, #fff7ed);
}
.mail-history-grid {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr);
  gap: 12px;
}
.mail-history-config label {
  display: grid;
  gap: 6px;
}
.mail-history-config small {
  display: block;
  margin-top: 8px;
  color: #64748b;
  line-height: 1.45;
}
.mail-list-head #mail-list-count {
  font-variant-numeric: tabular-nums;
}
body.dark .mail-history-window,
body.dark .mail-history-config {
  background: rgba(15,23,42,.78);
  border-color: #334155;
}
body.dark .mail-history-window input[type="date"],
body.dark .mail-history-window button {
  background: rgba(30,41,59,.95);
  color: #dbeafe;
  box-shadow: inset 0 0 0 1px #334155;
}
@media (max-width: 1180px) {
  .mail-toolbar { flex-wrap: wrap; }
  .mail-history-window { order: 5; width: 100%; justify-content: flex-start; }
}
@media (max-width: 720px) {
  .mail-history-grid { grid-template-columns: 1fr; }
  .mail-history-window { overflow-x: auto; }
}