/***********************************
Font
************************************/
table#workerinformationList {
    font-size: 14px;
}

/***********************************
tab
************************************/
[role="tablist"] {
    display: none!important;
}

/***********************************
Toggle
************************************/
span.label-text {
    margin-right: 10px;
}
label.toggle-switch {
    margin-right: 10px;
}

.toggler-adv-mode {
    display: flex;
    align-items: center;
}

.toggler-adv-mode span.label-text {
    margin: 0px!important;
}

.toggler-adv-mode label.toggle-switch {
    margin: 0px!important;
}

@media (min-width: 992px) {
.toggler-adv-mode {
    margin-right: 10px;
}}

/***********************************
Mobile buttons alignment
************************************/

/* Flex wrap for smaller screens */
@media (max-width: 767px) {
  .d-flex.align-items-center.justify-content-end.mb-3 {
    flex-wrap: wrap;
    justify-content: flex-start; /* left align on mobile */
    gap: 10px; /* spacing between items */
  }

  .d-flex.align-items-center.justify-content-end.mb-3 .label-text {
    flex: 1 1 100%; /* label takes full width */
    margin-bottom: 5px;
    font-weight: 600;
  }

  .d-flex.align-items-center.justify-content-end.mb-3 .toggle-switch {
    margin-bottom: 10px;
  }

  .d-flex.align-items-center.justify-content-end.mb-3 .btn-wrapper {
    flex: 1 1 100%; /* buttons stack full width */
  }

  .d-flex.align-items-center.justify-content-end.mb-3 .btn {
    width: 100%; /* full-width buttons */
  }

  .btn-wrapper.me-2 {
    margin: 0px!important;
}
}