.alerts { margin-bottom: 1.25rem; }
    .alert {
      background: color-mix(in srgb, var(--bg-primary) 92%, var(--bg-surface));
      border: 1px solid var(--border-color);
      border-left: 4px solid var(--accent);
      border-radius: 18px;
      padding: .95rem 1.1rem;
      box-shadow: 0 16px 32px rgba(15, 23, 42, 0.06);
      color: var(--text-primary);
      margin-bottom: .75rem;
      font-size: .9rem;
    }
    .alert.success  { border-left-color: var(--success); }
    .alert.warning  { border-left-color: var(--warning); }
    .alert.error,
    .alert.danger   { border-left-color: var(--danger); }
    .alert.info     { border-left-color: var(--accent); }

    .page-hdr {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 1rem;
      flex-wrap: wrap;
      margin-bottom: 1.5rem;
      padding: 1.15rem 1.25rem;
      border: 1px solid var(--border-color);
      border-radius: 24px;
      background:
        linear-gradient(135deg, color-mix(in srgb, var(--bg-primary) 94%, var(--accent) 6%), color-mix(in srgb, var(--bg-surface) 90%, transparent));
      box-shadow: 0 20px 40px rgba(15, 23, 42, 0.05);
    }
    .page-hdr-left {
      min-width: 0;
      flex: 1 1 320px;
    }
    .page-hdr-title {
      font-size: clamp(1.35rem, 2.4vw, 1.85rem);
      font-weight: 800;
      color: var(--text-primary);
      margin: 0 0 .2rem;
      letter-spacing: -.04em;
    }
    .page-hdr-sub {
      font-size: .875rem;
      color: var(--text-secondary);
      margin: 0;
      line-height: 1.6;
    }
    .page-hdr-right {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: .5rem;
      flex-wrap: wrap;
      flex: 1 1 320px;
    }
    .page-hdr-right .btn {
      white-space: nowrap;
    }
    @media (max-width: 768px) {
      .page-hdr {
        padding: 1rem;
        border-radius: 20px;
      }
      .page-hdr-right {
        width: 100%;
        justify-content: stretch;
      }
      .page-hdr-right .btn {
        flex: 1 1 180px;
      }
    }
    @media (max-width: 480px) {
      .page-hdr-right .btn {
        flex-basis: 100%;
      }
    }