.s-site-logo-img {
  content: url("data:image/png;base64,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");
}

.s-Administration-LanguageDialog > .size {
  width: 450px;
}
.s-Administration-LanguageDialog .caption {
  width: 120px;
}
.s-Administration-RoleDialog > .size {
  width: 450px;
}
.s-Administration-RoleDialog .caption {
  width: 120px;
}
.s-Administration-UserDialog > .size {
  width: 650px;
}
.s-Administration-UserDialog .caption {
  width: 150px;
}
.s-Administration-UserDialog .s-PropertyGrid .categories {
  height: 450px;
}
.s-TranslationGrid input.custom-text {
  width: 100%;
  height: 23px;
  padding: 0 3px;
}
.s-UserPermissionDialog > .size,
.s-RolePermissionDialog > .size,
.s-UserRoleDialog > .size {
  min-width: 670px;
  width: 670px;
  min-height: 450px;
  height: 450px;
}

.s-PermissionCheckEditor {
  min-height: 450px;
}

.s-UserPermissionDialog .ui-dialog-content,
.s-RolePermissionDialog .ui-dialog-content,
.s-UserRoleDialog .ui-dialog-content {
  padding: 8px;
}
.s-PermissionCheckEditor .check-box {
  background-image: url(../serenity/images/tick-empty.png);
  background-position: center center;
  width: 22px;
  height: 22px;
  margin: 0;
}
.s-PermissionCheckEditor .check-box.checked {
  background-image: url(../serenity/images/tick-green.png);
  background-position: center center;
}
.s-PermissionCheckEditor .check-box.checked.revoke {
  background-image: url(../serenity/images/tick-red.png);
  background-position: center center;
}
.s-PermissionCheckEditor .check-box.partial {
  opacity: 0.8;
}
.s-PermissionCheckEditor .check-box.checked.partial {
  background-image: url(images/tick-green-partial.png);
}
.s-PermissionCheckEditor .check-box.checked.revoke.partial {
  background-image: url(images/tick-red-partial.png);
}
.s-PermissionCheckEditor .effective-permission {
  cursor: default;
  padding-left: 22px;
  background-image: url(../serenity/images/check2.png);
  background-repeat: no-repeat;
  background-position: left center;
}
.s-PermissionCheckEditor .effective-permission.partial {
  background-image: url(../serenity/images/checkbox-null.png);
}
.s-PermissionCheckEditor .effective-permission.deny {
  background-image: url(../serenity/images/slash.png);
}

/* === Schütz Logistik Blue Primary Header + Dropdowns === */

/* HEADER BAR */
.s-sidebar-header {
  background-color: #1B3380 !important; /* primary blue */
  border-bottom: 3px solid #E5007D !important; /* pink accent */
}

  .s-sidebar-header .fa,
  .s-sidebar-header a {
    color: #ffffff !important;
  }

/* DROPDOWNS */
.s-language-selection-menu,
.s-user-profile-menu {
  background-color: #1B3380 !important;
  color: #ffffff !important;
  border: none !important;
}

  /* Dropdown items */
  .s-language-selection-menu .dropdown-item,
  .s-user-profile-menu .dropdown-item {
    color: #ffffff !important;
  }

    .s-language-selection-menu .dropdown-item:hover,
    .s-user-profile-menu .dropdown-item:hover {
      background-color: #E5007D !important; /* pink hover */
      color: #ffffff !important;
    }

/* Username text inside profile menu */
.s-user-info {
  color: #ffffff !important;
}

/* Sidebar Base */
.s-sidebar,
.s-sidebar-pane {
  background-color: #1B3380 !important;
  color: #ffffff !important;
  border: none !important;
}

  /* Sidebar Links */
  .s-sidebar a.s-sidebar-link {
    color: #ffffff !important;
    font-weight: 500;
    border-radius: 0 !important; /* no rounded corners */
    padding: 10px 14px;
    margin: 2px 0; /* space between items */
    display: flex;
    align-items: center;
    transition: all 0.15s ease-in-out;
  }

    /* Hover + Active States */
    .s-sidebar a.s-sidebar-link:hover,
    .s-sidebar .active > a.s-sidebar-link {
      background-color: #E5007D !important; /* pink highlight */
      color: #ffffff !important;
    }

  /* Sidebar Icons */
  .s-sidebar .fa {
    color: #ffffff !important;
    margin-right: 10px;
    font-size: 14px;
  }

  /* Submenu (children items) */
  .s-sidebar .s-sidebar-menu.collapse.show a.s-sidebar-link {
    padding-left: 28px;
  }

/* Sidebar Search Box */
.s-sidebar-search {
  display: flex;
  align-items: center;
  background-color: #142660 !important;
  border: 1px solid #ffffff33 !important;
  border-radius: 3px;
  padding: 6px 10px;
  transition: all 0.25s ease-in-out;
}

.s-sidebar-search-icon {
  color: #ffffff !important;
  font-size: 14px;
  margin-right: 8px;
  position: relative;
  top: 0;
}

.s-sidebar-search-input {
  background: transparent !important;
  color: #ffffff !important;
  border: none !important;
  outline: none !important;
  flex: 1;
}

  .s-sidebar-search-input::placeholder {
    color: #cccccc !important;
  }
/* Pink glow on focus */
.s-sidebar-search:focus-within {
  border-color: #E5007D !important;
  box-shadow: 0 0 6px 1px #E5007D66 !important;
}

/* === Force Brand Blue Hover for Lookup / Enum Editors in Serenity === */

/* 🔹 Highlight when hovering dropdown options */
div.select2-container .select2-results__option--highlighted,
div.select2-container .select2-results__option--highlighted[aria-selected],
div.select2-drop .select2-highlighted {
  background-color: #1B3380 !important; /* brand blue */
  color: #ffffff !important;
}

/* 🔹 Keep consistent for keyboard navigation + selected items */
div.select2-container .select2-results__option[aria-selected="true"],
div.select2-drop .select2-results__option.select2-highlighted {
  background-color: #1B3380 !important;
  color: #ffffff !important;
}

/* 🔹 Blue focus border around the open dropdown editor */
.select2-container .select2-choice,
.select2-container .select2-selection,
.select2-container-active .select2-choice,
.select2-container--open .select2-selection,
.select2-container--focus .select2-selection {
  border-color: #1B3380 !important;
  box-shadow: 0 0 0 0.15rem rgba(27, 51, 128, 0.25) !important;
  outline: none !important;
}

/* === Change QuickSearch Icon Background (Grid Toolbar only) === */
.s-QuickSearchBar .quick-search-icon {
  background-color: #1B3380 !important; /* brand blue */
}

/* === Brand Blue Toolbar Icons (Grid & Dialog Toolbars) === */
.s-Toolbar .tool-button i.fa,
.s-Toolbar button i.fa,
.s-Toolbar .slick-column-picker i.fa,
.s-Toolbar .column-picker-button i.fa {
  color: #1B3380 !important; /* brand blue icons */
  transition: color 0.2s ease-in-out;
}

/* Hover to pink accent */
.s-Toolbar .tool-button:hover i.fa,
.s-Toolbar button:hover i.fa,
.s-Toolbar .slick-column-picker:hover i.fa,
.s-Toolbar .column-picker-button:hover i.fa {
  color: #E5007D !important; /* brand pink on hover */
}


/* === Schütz Logistik – Global Button + Icon Branding === */

/* 🔹 1. Toolbar icons (Add, Refresh, Save, Column Picker, etc.) */
.s-Toolbar .tool-button i.fa,
.s-Toolbar button i.fa,
.s-Toolbar a.tool-button i.fa {
  color: #1B3380 !important;
  transition: color 0.2s ease-in-out;
}

.s-Toolbar .tool-button:hover i.fa,
.s-Toolbar button:hover i.fa,
.s-Toolbar a.tool-button:hover i.fa {
  color: #E5007D !important;
}

/* === Brand Buttons: OK / Cancel / Yes / No / Apply === */
.ui-dialog-buttonpane .ui-button,
.ui-dialog-buttonpane button,
.s-DialogToolbar button,
.s-DialogFooter button,
button.s-DialogButton,
.dialog-button,
.s-MessageDialog button {
  background-color: #1B3380 !important; /* brand blue */
  border-color: #1B3380 !important;
  color: #ffffff !important;
  font-weight: 500 !important;
  border-radius: 4px !important;
  padding: 6px 14px !important;
  transition: all 0.2s ease-in-out;
}

  /* Hover → brand pink */
  .ui-dialog-buttonpane .ui-button:hover,
  .ui-dialog-buttonpane button:hover,
  .s-DialogToolbar button:hover,
  .s-DialogFooter button:hover,
  button.s-DialogButton:hover,
  .dialog-button:hover,
  .s-MessageDialog button:hover {
    background-color: #E5007D !important;
    border-color: #E5007D !important;
    color: #ffffff !important;
  }

  /* Disabled state */
  .ui-dialog-buttonpane .ui-button:disabled,
  .ui-dialog-buttonpane button:disabled {
    background-color: #cccccc !important;
    border-color: #cccccc !important;
    color: #666666 !important;
    cursor: not-allowed !important;
    opacity: 0.7 !important;
  }

  /* Focus outline */
  .ui-dialog-buttonpane .ui-button:focus,
  .ui-dialog-buttonpane button:focus {
    outline: 2px solid #E5007D66 !important;
    box-shadow: 0 0 4px #E5007D66 !important;
  }


/* === Enhanced Grid Header (more visible but elegant) === */
.slick-header-columns {
  background-color: #e8ecff !important; /* richer blue-tint background */
  border-bottom: 4px solid #1B3380 !important; /* bold brand blue underline */
  color: #1B3380 !important; /* dark blue header text for contrast */
  font-weight: 600 !important;
}

/* === Dialog Titlebar (stronger brand presence) === */
.ui-dialog-titlebar {
  background-color: #1B3380 !important; /* deep brand blue */
  color: #ffffff !important;
  border-bottom: 8px solid #E5007D !important; /* slightly thicker pink accent */
  font-weight: 600 !important;
  letter-spacing: 4px !important;
}

/* === Scrollbar (more visible for usability) === */
/*::-webkit-scrollbar {
  width: 2px;
}*/

::-webkit-scrollbar-thumb {
  background-color: #1B3380 !important; /* bold blue thumb */
  border-radius: 1px;
  border: 3px solid #f2f4f8; /* subtle outer padding effect */
}

  ::-webkit-scrollbar-thumb:hover {
    background-color: #E5007D !important; /* pink hover */
    border-color: #e8ecff !important;
  }



/* === Unified Brand Blue Headings Across App === */

/* 🔹 Grid & List Page Titles */
div.grid-title,
div.grid-title span,
div.title-text,
.s-DataGrid .title-text,
.s-DataGrid .title-text h4,
.s-DataGrid .title-text h3 {
  color: #1B3380 !important; /* brand blue */
  font-weight: 700 !important; /* bold */
  letter-spacing: 0.3px !important;
  text-transform: capitalize !important;
}

/* 🔹 Dialog / Popup Titles (New, Edit, Add, etc.) */
.ui-dialog .ui-dialog-title,
.s-Dialog .caption,
.s-Dialog .ui-dialog-titlebar .ui-dialog-title,
.s-EntityDialog .ui-dialog-title {
  color: #1B3380 !important; /* same brand blue */
  font-weight: 700 !important; /* bold */
  text-shadow: none !important;
  letter-spacing: 0.3px !important;
}

/* 🔹 Optional accent line under dialog title */
.ui-dialog .ui-dialog-titlebar {
  border-bottom: 2px solid #E5007D !important; /* pink accent */
}


/* === 🔹 FINAL FIX: Force Brand Blue on All Dialog Titles (Add/Edit/New) === */
body .ui-dialog .ui-dialog-titlebar,
body .ui-dialog .ui-dialog-titlebar .ui-dialog-title,
body .ui-dialog-titlebar .ui-dialog-title,
body .s-Dialog .ui-dialog-titlebar .ui-dialog-title,
body .s-EntityDialog .ui-dialog-titlebar .ui-dialog-title {
  color: #1B3380 !important; /* brand blue */
  font-weight: 700 !important; /* bold */
  text-shadow: none !important;
  background-color: #ffffff !important; /* keep white background */
  border-bottom: 2px solid #E5007D !important; /* pink underline */

}

/* === Brand Styling ONLY for Internal Dialogs (New / Edit / Add forms) === */
.s-Dialog .caption,
.s-EntityDialog .caption,
.s-PropertyDialog .caption {
  color: #1B3380 !important; /* Schütz Logistik Blue */
  font-weight: 700 !important; /* Bold text */
  background-color: #ffffff !important; /* Keep white header */
  border-bottom: 2px solid #E5007D !important; /* Pink underline accent */
  text-transform: capitalize !important;
}
/* ==========================================================
   ✅ Readonly & Disabled Inputs — Same Behavior, Refined Look
   ========================================================== */
input[readonly],
select[readonly],
input:disabled,
select:disabled {
  background-color: #f5f5f5 !important;
  border-color: #dcdcdc !important;
  color: #555 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
  outline: none !important;
}
  /* Remove blue glow when focused */
  input[readonly]:focus,
  select[readonly]:focus,
  input:disabled:focus,
  select:disabled:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: #dcdcdc !important;
  }

/* Serenity Dialog Scoped Styles */
.s-Dialog input[readonly],
.s-Dialog select[readonly],
.s-Dialog input:disabled,
.s-Dialog select:disabled {
  background-color: #f5f5f5 !important;
  border-color: #dcdcdc !important;
  color: #555 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
  outline: none !important;
}

/* 🧩 Keep Textareas Fully Functional (scroll + select + resize) */
textarea[readonly],
textarea:disabled {
  background-color: #f5f5f5 !important; /* same light grey */
  border-color: #dcdcdc !important;
  color: #555 !important;
  cursor: text !important; /* normal text cursor for readability */
  box-shadow: none !important;
  outline: none !important;
  /* ✅ Preserve current behavior exactly */
  pointer-events: auto !important;
  user-select: text !important;
  resize: both !important;
  overflow: auto !important;
}