header { display:grid; grid-template-columns:auto minmax(280px,1fr) auto auto; gap:18px; }
.headerBrand { min-width:210px; }
.headerActions { display:flex; gap:8px; align-items:center; justify-content:flex-end; }
header .headerActions .secondary { background:transparent; color:#e5eee8; border:1px solid #6e8b79; }
header .headerActions button:disabled { opacity:.65; cursor:wait; }
.headerToday { display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:160px; padding:10px 16px; border:1px solid #567363; border-radius:12px; background:#ffffff0d; text-align:center; }
.headerToday strong { color:#dfeeb8; font-size:18px; letter-spacing:.04em; }
.headerToday time { color:#e5eee8; font-size:13px; margin-top:3px; text-transform:capitalize; }
@media (max-width:1100px) {
  header { grid-template-columns:1fr auto; }
  .headerBrand { grid-column:1; grid-row:1; }
  .headerToday { grid-column:2; grid-row:1; }
  .headerSearch { grid-column:1 / -1; grid-row:2; }
  .headerActions { grid-column:1 / -1; grid-row:3; justify-content:flex-start; }
}
@media (max-width:700px) {
  header { grid-template-columns:1fr; gap:12px; }
  .headerBrand, .headerToday, .headerSearch, .headerActions { grid-column:1; grid-row:auto; width:100%; }
  .headerToday { width:100%; min-width:0; align-items:flex-start; text-align:left; }
  .headerActions { justify-content:space-between; }
  .headerActions button { padding:9px 11px; }
}