/* === Auto-growing notes textareas used across MEI === */

.notes-autogrow {
  overflow: hidden;
  resize: none;
  min-height: 3rem;
  line-height: 1.25;
}

.notes-autogrow::placeholder {
  font-size: .82rem;
  font-style: italic;
  color: #6c757d;
  line-height: 1.1;
  white-space: nowrap;
  opacity: 1;
}

/* Safari / old Chrome */
.notes-autogrow::-webkit-input-placeholder {
  font-size: .82rem;
  font-style: italic;
  color:#6c757d;
  line-height:1.1;
  white-space:nowrap;
}

.brand-logo {
    height: 28px;
    width: auto;
    image-rendering: -webkit-optimize-contrast;
}

@media (min-width: 992px) {
    .brand-logo { height: 32px; }
}

/* Support button fix */
.support-trigger { z-index: 1100 !important; }

/* Fix modal stacking order for nested modals */
#escalationModal { z-index: 1060; }
#helpModal       { z-index: 1070; }
.modal-backdrop  { z-index: 1050 !important; }

@media (max-width: 768px) {

    table.table {
        background-color: #ffffff !important;
        color: #212529 !important;
        font-size: 0.92rem;
    }

    table.table th {
        background-color: #f8f9fa !important;
        color: #000 !important;
    }

    table.table td {
        background-color: #ffffff !important;
    }

    .table-hover tbody tr:hover {
        background-color: #e9ecef !important;
    }
}

html, body {
    width: 100%;
    overflow-x: auto;
}

/* Dashboard incident table: transparent rows, thin separators (mobile-safe) */
#incident-table,
#incident-table thead th,
#incident-table tbody td {
  background: transparent !important;
}

/* remove any DataTables/Bootstrap shading */
#incident-table.table > :not(caption) > * > * {
  background-color: transparent !important;
  box-shadow: none !important;
}

/* thin lines between rows */
#incident-table.table tbody tr {
  border-bottom: 1px solid rgba(0,0,0,.12);
}

/* keep header readable */
#incident-table.table thead th {
  border-bottom: 1px solid rgba(0,0,0,.25);
}

/* optional: remove hover shading too */
#incident-table.table-hover > tbody > tr:hover > * {
  background-color: transparent !important;
}