/* =========================================================
     PÁGINA: BULK PAYROLL
     ========================================================= */
  .payroll-toolbar {
    padding: 15px 20px;
    background: var(--color-border-soft);
    border-bottom: 1px solid var(--color-border);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
  }
  .payroll-toolbar__title {
    color: var(--color-text);
    font-weight: 700;
  }
  .payroll-toolbar__actions {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 13px;
    flex-wrap: wrap;
  }
  .payroll-toolbar__label {
    color: var(--color-text-muted);
    font-weight: 700;
  }
  .payroll-toolbar__divider {
    color: var(--color-input-border);
  }

  /* Botones pequeños de acción rápida */
  .btn-mini {
    background: var(--color-border);
    border: none;
    border-radius: 4px;
    padding: 4px 8px;
    cursor: pointer;
    color: var(--color-code);
    font-weight: 700;
    font-size: 12px;
    font-family: inherit;
    transition: background 0.2s;
  }
  .btn-mini:hover { background: var(--color-input-border); }

  .btn-mini--info {
    background: var(--color-primary-soft);
    border: 1px solid var(--color-primary-border);
    color: var(--color-primary-dark);
  }
  .btn-mini--info:hover { background: var(--color-primary-border); }

  .btn-mini--success {
    background: var(--color-success-soft);
    border: 1px solid #9ae6b4;
    color: #22543d;
  }
  .btn-mini--success:hover { background: #9ae6b4; }

  .btn-mini--link {
    background: none;
    border: none;
    font-weight: 700;
    padding: 0;
  }
  .btn-mini--link.primary { color: var(--color-primary); }
  .btn-mini--link.danger  { color: var(--color-danger); }
  .btn-mini--link:hover   { text-decoration: underline; }

  /* Barra inferior de total y submit */
  .payroll-summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--color-primary-soft);
    padding: 15px 20px;
    border-radius: var(--radius-md);
    border: 1px solid var(--color-primary-border);
    flex-wrap: wrap;
    gap: 12px;
  }
  .payroll-summary__label {
    font-size: 14px;
    color: var(--color-primary-dark);
  }
  .payroll-summary__value {
    font-size: 18px;
    color: var(--color-primary-dark);
    font-weight: 800;
    margin-left: 8px;
  }