﻿.page-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap; }
.filters-row { display: flex; gap: 8px; flex-wrap: wrap; }
.muted { color: var(--ypm-muted); }
.btn {
  border: 1px solid var(--ypm-line);
  background: #fff;
  color: var(--ypm-text);
  border-radius: 10px;
  padding: 8px 12px;
  cursor: pointer;
  font-weight: 700;
}
.btn.primary { background: linear-gradient(135deg, var(--ypm-primary), var(--ypm-primary-2)); color: #fff; border-color: transparent; }
.btn.danger { background: #fff5f4; border-color: #f3c6c0; color: var(--ypm-danger); }
@media (max-width: 760px) {
  .page-toolbar {
    align-items: stretch;
  }
  .page-toolbar h3 {
    margin: 0;
    font-size: 18px;
  }
  .page-toolbar .btn {
    width: 100%;
    justify-content: center;
  }
  #dashboard-summary {
    display: grid;
    gap: 8px;
  }
  .ypm-actions {
    display: grid;
    grid-template-columns: 1fr;
  }
  .ypm-actions .btn {
    width: 100%;
    min-height: 46px;
    justify-content: center;
  }
  .btn {
    min-height: 44px;
    padding: 10px 12px;
  }
}
