/* Ole Style for Recipient Management */
    body {
      background-color: #f8f9fa;
      font-family: 'Segoe UI', sans-serif;
    }

    h1 {
      color: #2c3e50;
    }




    .table {
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 0 15px rgba(0,0,0,0.05);
    }

    .table thead {
      background-color: #0d6efd;
      color: #fff;
    }

    .table-striped tbody tr:hover {
      background-color: #e7f0ff;
      transition: background-color 0.2s ease;
    }

    .filter-input {
      width: 100%;
      box-sizing: border-box;
      padding: 0.4rem 0.5rem;
      font-size: 0.875rem;
      border-radius: 6px;
      border: 1px solid #ced4da;
    }

    .btn-primary {
      background-color: #0d6efd;
      border-color: #0d6efd;
      transition: all 0.2s ease-in-out;
    }

    .btn-primary:hover {
      background-color: #0b5ed7;
      border-color: #0b5ed7;
    }

    .btn-secondary {
      background-color: #599E65;
      border-color: #599E65;
    }

    .btn-secondary:hover {
      background-color: #4b8a55;
      border-color: #4b8a55;
    }

    select {
      border-radius: 6px;
      padding: 0.3rem 0.6rem;
      border: 1px solid #ced4da;
      font-size: 0.875rem;
      background-color: #fff;
    }

    #recipientsModal .modal-content {
      border-radius: 12px;
    }

    #recipientsModal table thead {
      background-color: #599E65;
      color: #fff;
    }

    .modal-header {
     background-color: #0d6efd;  /* same grey as the page background */
     color: #212529;             /* default text color */
     border-bottom: 1px solid #dee2e6;  /* keep the same border style */
    }
    
    select { border-radius: 6px; padding: 0.3rem 0.6rem; border: 1px solid #ced4da; font-size: 0.875rem; background-color: #fff; 
    }

/* match the page’s default light‐grey background */
   #editMessageModal .modal-header {
     background-color: #f8f9fa;  /* same grey as the page background */
     color: #212529;             /* default text color */
     border-bottom: 1px solid #dee2e6;  /* keep the same border style */
    }

   #addMessageBtn { 
    padding: 0.25rem 1rem; min-width: 120px; font-size: 0.875rem; 
    }

      .btn-secondary2 {
    background-color: #599e65;
    border-color: #599e65;
    color: #fff;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
  }

  .btn-secondary2:hover,
  .btn-secondary2:focus {
    background-color: #4a8052;
    border-color: #4a8052;
    box-shadow: 0 0 8px rgba(89, 158, 101, 0.6);
    color: #fff;
  }