:root {
  --bg-main: #07879a;
  --bg-submain: #ececec;
  --bg-input: #ebebeb;
  --bg-block-pink: #fcd7d2;

  --bg-btn-default: #017b90;
  --bg-btn-off: #cce5e9;
  --bg-btn-grey: #8f9c9e;
  --bg-btn-red: #f1361d;

  --color-default: #000000;
  --color-accent: #f1361d;
  --color-brize: #017b90;
  --color-btn: #ffffff;
  --color-grey: #808080;
}

* {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

html {
  height: 100%;
}

body {
  min-height: 100%;
  display: grid;
  grid-template-rows: auto 1fr auto;
}

.form-check__text {
  font-size: 0.875rem;
  line-height: 1.2;
  color: #676767;
}

.form-check__text a {
  color: var(--color-brize);
}

header.border-bottom-brize {
  border-bottom: 3px solid var(--bg-btn-default);
}
.border-brize {
  border: 2px solid #017B90;
}

/*Buttons style*/
.btn-brize {
  background-color: var(--bg-btn-default);
  color: var(--color-btn);
}

.btn-brize .bi-plus {
  font-weight: bold;
  font-size: 32px;
}

.btn-brize:hover {
  background-color: var(--bg-btn-off);
  color: var(--color-brize);
  border: 1px solid #ccc;
}

.btn-brize-light {
  background-color: var(--bg-btn-off);
  color: #959595;
}
.btn-brize-light:hover {
  background-color: var(--bg-btn-off);
  color: #959595;
  border: 1px solid var(--bg-main);
}
.btn-outline-brize {
  background-color: var(--bg-btn-off);
  color: var(--color-brize);
}
.btn-outline-brize:hover {
background-color: var(--bg-btn-default);
  color: var(--color-btn);
}

.btn-event-1{
  background-color: #FFCC81;
}
.btn-event-2{
  background-color: #81C4FF;
}
.btn-event-3{
  background-color: #B5FF81;
}
.btn-event-4{
  background-color: #FF8781;
}
.btn-event-1:hover{
  background-color: var(--color-btn);
  border: 1px solid #FFCC81;
}
.btn-event-2:hover{
  background-color: var(--color-btn);
  border: 1px solid  #81C4FF;
}
.btn-event-3:hover{
  background-color: var(--color-btn);
  border: 1px solid  #B5FF81;
}
.btn-event-4:hover{
  background-color: var(--color-btn);
  border: 1px solid  #FF8781;
}

/* Modal add organization */
.custom-input,
.form-control.custom-input,
.form-select.custom-input {
  background-color: #ebebeb !important;
  color: #000000 !important;
  border: 1px solid #ced4da;
  transition: 0.2s ease;
}
.form-control.custom-input::placeholder {
  color: #676767;
  font-weight: 400;
  font-size: 14px;
}
.custom-input:focus,
.form-control.custom-input:focus {
  background-color: #e0e0e0 !important;
  color: #000000 !important;
  border-color: #017b90;
  box-shadow: 0 0 0 0.2rem rgba(1, 123, 144, 0.25);
}

.form-label {
  color: #000000;
  font-weight: 500;
  margin-bottom: 0.4rem;
}

.btn-custom-add {
  background-color: #017b90;
  color: #fff;
  border: none;
  padding: 0.5rem 1.5rem;
  font-size: 22px;
  font-weight: 400;
  transition: 0.2s;
  width: 100%;
  margin-top: 0.5rem;
}

.btn-custom-add:hover {
  background-color: #015f6f;
  color: #fff;
}

.modal-body .row {
  row-gap: 0.8rem;
}

.modal-content {
  border-radius: 1rem;
}

.modal-header {
  border-bottom: 0 !important;
}
.modal-header h5.modal-title {
  font-size: 32px;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
}

.modal-footer {
  border-top: 1px solid #dee2e6;
}

.form-control,
.form-select {
  border-radius: 0.5rem;
  background-color: var(--bg-input);
}

.org-header {
  padding: 1rem 1.25rem;
  border-radius: 12px 12px 0 0;
}
.org-title {
  font-size: 2rem;
  letter-spacing: -0.2px;
  text-transform: uppercase;
}
.dropdown-toggle-no-caret::after {
  display: none !important;
}
.gear-btn {
  font-size: 2.5rem;
  line-height: 1;
  padding: 0;
  background: transparent;
  border: none;
  transition:
    transform 0.2s ease,
    color 0.2s;
  color: #6c757d;
}
.gear-btn:hover {
  color: #017b90;
  transform: rotate(15deg) scale(1.05);
}
.gear-btn:focus {
  outline: none;
  box-shadow: none;
  color: #0a58ca;
}
.dropdown-menu {
  border-radius: 16px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.05);
  min-width: 160px;
}
.dropdown-item {
  padding: 0.5rem 1.2rem;
  font-size: 0.95rem;
  transition: background 0.15s;
}
.dropdown-item i {
  margin-right: 10px;
  width: 1.2rem;
  text-align: center;
}
.dropdown-item:active {
  background-color: #e7f1ff;
}
.card-custom {
  background-color: var(--bg-submain);
  border-radius: 16px;
  border: none;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  padding: 20px 45px;
  margin: 25px auto;
  max-width: 720px;
}

.toast-confirm {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 1100;
}

@media (max-width: 576px) {
  .org-header {
    padding: 0.85rem 1rem;
  }
  .org-title {
    font-size: 1.25rem;
  }
}

.org-header {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.org-title {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
}

.dropdown {
  flex-shrink: 0;
}
#deleteConfirmModal .btn-close {
  margin-top: -95px;
  font-weight: bold;
}
.brcr {
  color: #a3a3a3;
  font-size: 14px;
}

.st-investigation-block {
  background-color: var(--bg-btn-default);
  color: var(--color-btn);
  font-size: 32px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
.st-investigation-block .icon-pluse {
  font-size: 2.5rem;
  font-weight: bold;
}
.current-investigation-block {
  background-color: var(--bg-submain);
  color: var(--color-default);
  font-size: 32px;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25);
}
.current-investigation-content span,
.current-investigation-content i,
.current-investigation-content span > span {
  color: var(--color-grey);
}
.current-investigation-content img {
  width: 35px;
  height: 30px;
}
#addInvestigation form input {
  background-color: var(--bg-input);
}
.w-45 {
  width: 45%;
}
.w-40 {
  width: 40%;
}
.w-35 {
  width: 35%;
}
.shadow-start {
  box-shadow: -1rem 0.25rem 0.5rem rgba(0, 0, 0, 0.15);
}
.shadow-end {
  box-shadow: 1rem 0.25rem 0.5rem rgba(0, 0, 0, 0.15);
}

.text-brize {
  color: var(--color-brize);
}
.btn-light {
  background-color: #ececec;
}
.btn-danger-subtle {
  background-color: #fcd7d2;
}
.btn-grey {
  background-color: var(--bg-btn-grey);
  color: var(--color-btn);
}
.btn-grey:hover,
.btn-grey:active {
  background-color: var(--bg-btn-default);
  color: var(--color-btn);
}

.order-card {
  
  border-radius: 0.5rem;
  padding: 1rem;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  background-color: var(--bg-input);
}
.order-card:hover {
  background-color: var(--bg-btn-grey);
  border-color: var(--bg-main);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.order-card.selected {
  background-color: var(--bg-submain);
  border: 1px solid var(--bg-main);
  /* box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25); */
}
.form-check-input:checked + .order-card {
  background-color: var(--bg-submain);
  border-color: var(--bg-main);
}
/* Скрываем стандартный радио-инпут, но оставляем доступным для скринридеров */
.radio-hidden {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.order-label {
  width: 100%;
  margin-bottom: 0;
}
.btn:disabled {
    background-color: var(--bg-btn-off);
    border: var(--bg-main);
}
.info-icon {
            color: #6c757d;
            cursor: pointer;
            transition: color 0.2s;
            font-size: 0.9rem;
            margin-left: 6px;
        }
        .info-icon:hover {
            color: var(--color-brize);
        }
        .modal-body {
            max-height: 75vh;
            overflow-y: auto;
        }

        .row-custom {
            row-gap: 12px;
        }
.form-check-input {
  background-color: var(--bg-input);
}
 /* Дополнительные стили для модальных окон и переключателей */
        .modal-content-red {
            background-color: #FFF0F6;
            border: 2px solid #FFC2C2;
        }
        .modal-content-red .modal-header,
        .modal-content-red .modal-footer {
            border-color: #FFC2C2;
        }
        .text-danger-custom {
            color: #DC2626;
        }
        .btn-danger-custom {
            background-color: #DC2626;
            color: #fff;
        }
        .btn-danger-custom:hover {
            background-color: #b81f1f;
            color: #fff;
        }
        .btn-outline-danger-custom {
            background-color: #FFFFFF;
            border: 1px solid #FBCFE8;
            color: #DC2626;
        }
        .btn-outline-danger-custom:hover {
            background-color: #FBCFE8;
            color: #DC2626;
        }
        .btn-blue-custom {
            background-color: #183F94;
            color: #fff;
        }
        .btn-blue-custom:hover {
            background-color: #12306e;
            color: #fff;
        }
        .btn-outline-blue-custom {
            background-color: #fff;
            color: #183F94;
            border: 1px solid #183F94;
        }
        .btn-outline-blue-custom:hover {
            background-color: #183F94;
            color: #fff;
        }
        .training-radio-group label {
            margin-right: 20px;
            cursor: pointer;
        }
        .training-block {
            padding: 15px;
            border-radius: 8px;
            background-color: #f9f9f9;
        }
        .modal-xl .modal-content {
            padding: 10px 15px;
        }
        .action-icons i {
            cursor: pointer;
            margin: 0 5px;
            font-size: 1.2rem;
        }
        .action-icons i.bi-pencil-square {
            color: #183F94;
        }
        .action-icons i.bi-trash3 {
            color: #DC2626;
        }
        /* Стили для модального окна удаления */
        .modal-delete .modal-content {
            background-color: #FFF0F6;
            border: 2px solid #FFC2C2;
        }
        .modal-delete .modal-header {
            border-bottom: 1px solid #FFC2C2;
        }
        .modal-delete .modal-footer {
            border-top: 1px solid #FFC2C2;
        }
        .modal-delete .modal-title {
            color: #DC2626;
        }
        .modal-delete .btn-close {
            filter: none;
        }
        .custom-table {
            border: 1px solid #E3E1E1;
            border-radius: 10px;
            overflow: hidden;
        }
        .custom-table thead th {
            background-color: #FAFAFA;
            border-bottom: 1px solid #E3E1E1;
            color: #6F7994;
            font-weight: bold;
        }
        .custom-table td {
            border-bottom: 1px solid #E4E4E4;
            color: #666666;
        }
        .custom-table td.fio {
            color: #183F94;
        }
                /* Стили для выделения строк таблицы */
        .custom-table tr.table-success {
            background-color: #B5FF81 !important;
        }
        .custom-table tr.table-warning {
            background-color: #FFCC81 !important;
        }
        .custom-table tr.table-danger {
            background-color: #FF8781 !important;
        }