/* app-header — modern top toolbar */

.app-header {
  background: #ffffff !important;
  color: var(--text-primary) !important;
  border-bottom: 1px solid var(--border-color) !important;
  box-shadow: none !important;
}

.app-header-toolbar {
  min-height: 56px;
  padding: 0 20px;
}

.app-header-menu-btn {
  color: #64748b !important;
}

.app-header-logo {
  font-size: 18px;
  font-weight: 700;
  color: #2563eb;
  letter-spacing: -0.02em;
  font-style: italic;
  white-space: nowrap;
}

/* Center nav group */
.app-header-nav {
  gap: 4px;
  background: #f8fafc;
  border-radius: 12px;
  padding: 4px 8px;
  border: 1px solid #e8ecf1;
}

.app-header-nav-btn {
  color: #64748b !important;
  width: 32px;
  height: 32px;
}
.app-header-nav-btn:hover {
  color: #2563eb !important;
  background: #dbeafe !important;
}

.app-header-month-label {
  font-size: 15px;
  font-weight: 700;
  color: var(--text-primary);
  padding: 0 8px;
  white-space: nowrap;
  min-width: 160px;
  text-align: center;
}

.app-header-jump-today {
  font-size: 13px;
  font-weight: 600;
  color: #2563eb;
  cursor: pointer;
  padding: 4px 12px;
  border-radius: 8px;
  white-space: nowrap;
  margin-left: 8px;
  transition: all 0.15s ease;
}
.app-header-jump-today:hover {
  background: #dbeafe;
  color: #1d4ed8;
}

.app-header-clear-btn {
  background: #fef3c7 !important;
  border-color: #f59e0b !important;
}

/* Live label */
.app-header-live-label {
  font-size: 12px;
  font-weight: 600;
  color: #94a3b8;
  margin-right: 4px;
  white-space: nowrap;
}

/* Save button */
.app-header-save-btn {
  padding: 6px 20px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  letter-spacing: 0 !important;
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.25) !important;
}

/* Mobile adjustments */
@media (max-width: 599px) {
  .app-header-toolbar {
    padding: 0 8px;
  }
  .app-header-logo {
    font-size: 15px;
  }
  .app-header-nav {
    padding: 2px 4px;
  }
  .app-header-month-label {
    font-size: 13px;
    min-width: 120px;
  }
  .app-header-jump-today {
    display: none;
  }
}