summary::-webkit-details-marker { display: none; }
summary::-webkit-details-marker { display: none; }
summary { list-style: none; }
summary { position: relative; padding-right: 1rem; cursor: pointer; }

.border-dotted {
  border-style: dotted !important;
}

.position-relative.dropup .dropdown-menu {
  top: auto !important;
  bottom: 100% !important;
  left: 0;
  min-width: 100%;
}
label.required::after {
  content: "*";
  color: red;
  margin-left: 2px;
}

.border-secondary {
  border-color: #f0bc74;
}
.border-warning {
  border-color: red;
}


.placeholder {
  vertical-align: inherit !important;
  cursor: inherit !important;
  background-color: inherit !important;
}

.form-required::after {
  content: "*";
  color: red;
  margin: 0 0.1em;
}

.compact-log .list-group-item {
  padding-top: .25rem;
  padding-bottom: .25rem;
  background: none;
}

.w-1 {
  width: 1% !important;;
}

.w-10 {
  width: 10% !important;;
}

.w-20 {
  width: 20% !important;;
}

.fs-7 {
  font-size: 0.7rem !important;
}

.fs-8 {
  font-size: 0.6rem !important;
}

.dataTable-pagination-list {
  display: flex;
  padding-left: 0;
  list-style: none
}

.dataTable-pagination-list li > a {
  position: relative;
  display: block;
  color: #1f2937;
  background-color: #fff;
  border: .0625rem solid #d1d5db;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}


.accordion-button::after {
  content: "" !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23374151'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.accordion-button.collapsed::after {
  transform: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .dataTable-pagination-list li > a {
    transition: none
  }
}

.dataTable-pagination-list li > a:hover {
  z-index: 2;
  color: #000;
  background-color: #e5e7eb;
  border-color: #d1d5db
}

.dataTable-pagination-list li > a:focus {
  z-index: 3;
  color: #000;
  background-color: #e5e7eb;
  outline: 0;
  box-shadow: 0 0 0 .18rem rgba(31, 41, 55, 0.25)
}

.dataTable-pagination-list li:not(:first-child) a {
  margin-left: -.0625rem
}

.dataTable-pagination-list li.active a {
  z-index: 3;
  color: #fff;
  background-color: #1f2937;
  border-color: #1f2937
}

.dataTable-pagination-list li.disabled a {
  color: #4b5563;
  pointer-events: none;
  background-color: #fff;
  border-color: #d1d5db
}

.icon-shape-xxs {
  width: 2em !important;
  height: 2em !important;
}

@media (max-width: 600px) {
  td {
    padding-left: 0 !important;
    padding-right: 0.3rem !important;
  }

  .card-body {
    margin-left: 0.2em !important;
    margin-right: 0.2em !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  main.content {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.bg-success-subtle {
  background-color: rgb(214.2, 239.8, 225.4) !important;
}

.bg-danger-subtle {
  background-color: #dfb2b2 !important;
}

.choices__inner {
  border-radius: 6px !important;
}

.choices__list--dropdown {
  margin-top: 0.5em !important;
  border-radius: 6px !important;
}

.sidebar-text {
  font-size: 1.2rem;
}

.flashing {
  animation: flash-brightness 1s steps(2, end) infinite;
}

@keyframes flash-brightness {
  0%, 100% { filter: brightness(100%); }
  50%      { filter: brightness(60%); } /* darker */
}

.pulse {
  animation: pulse-brightness 1.5s ease-in-out infinite;
}

.staff-pulse {
  animation: pulse-brightness 1.5s ease-in-out infinite;
}

@keyframes pulse-brightness {
  0%, 100% { filter: brightness(100%); }
  50%      { filter: brightness(140%); } /* lighter */
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .flashing { animation: none; }
  .pulse { animation: none; }
  .staff-pulse { animation: none; }
}