/* css/style.css */
.card-header h4 {
    margin-bottom: 0; /* Adjust header spacing */
}
.alert {
    margin-top: 15px; /* Space out alerts a bit */
}

/* PDF Viewer Styles */
#pdf-container {
    width: 100%;
    /* You can adjust the height as needed */
    height: 800px; /* Or a percentage, like height: 90vh; */
    position: relative; /* Important for positioning the fallback message */
}

/* You probably don't need this anymore as Bootstrap handles it
#pdf-fallback {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none; /* Initially hidden */
}
*/

/* General Styles (Examples - customize as needed) */
body {
    font-family: sans-serif; /* Or your preferred font */
    /* Other body styles */
}

/* Responsive button group fix for inbox and access_document */
@media (max-width: 576px) {
  .responsive-btn-group {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.5rem !important;
  }
  .responsive-btn-group .btn {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .responsive-btn-group .btn:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 576px) {
  .file-row-flex {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .file-row-flex > * {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .file-row-flex > *:last-child {
    margin-bottom: 0;
  }
}