.s-site-logo-img {
  content: url(/images/logo.png);
}

.s-form-title-logo {
  background-color: transparent;
  height: 100px;
  width: 100px;
  border-radius: 0;
  padding: 0;
}

.s-TranslationGrid input.custom-text {
  width: 100%;
  height: 23px;
  padding: 0 3px;
}

.s-PermissionCheckEditor {
  min-height: 450px;
}
.lookup-row {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.lookup-code {
  font-weight: 600;
  color: #1677ff;
  min-width: 80px;
}

.lookup-name {
  color: #444;
  flex: 1;
}

.multiadd-button span.button-inner {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZmlsdGVyIGlkPSJkcm9wIiB4PSItNSUiIHk9Ii01JSIgd2lkdGg9IjExMCUiIGhlaWdodD0iMTEwJSI+CiAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxIi8+CiAgPC9maWx0ZXI+CiAgPHJlY3QgeD0iNyIgeT0iMyIgd2lkdGg9IjIiIGhlaWdodD0iMTAiIHJ4PSIxIiBmaWxsPSIjMjlkODI2Ii8+CiAgPHJlY3QgeD0iMyIgeT0iNyIgd2lkdGg9IjEwIiBoZWlnaHQ9IjIiIHJ4PSIxIiBmaWxsPSIjMjlkODI2Ii8+CiAgPHJlY3QgeD0iOS41IiB5PSIxLjUiIHdpZHRoPSIyIiBoZWlnaHQ9IjEwIiByeD0iMSIgdHJhbnNmb3JtPSJyb3RhdGUo15AgMTAuNSAxMC41KSIgZmlsbD0iIzI5ZDgyNiIgc3R5bGU9ImZpbHRlcjogdXJsKCNkcm9wKTsiLz4KICA8cmVjdCB4PSI1LjUiIHk9IjguNSIgd2lkdGg9IjEwIiBoZWlnaHQ9IjIiIHJ4PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSgxNSAxMC41IDEwLjUpIiBmaWxsPSIjMjlkODI2IiBmaWx0ZXI9InVybCgjZHJvcCkiLz4KPC9zdmc+");
}

/* Improve contrast for DecimalEditorWithButton (and other text-editor-with-button buttons)
   Make enabled state clearly primary and disabled state clearly muted/grey with not-allowed cursor.
*/
.text-editor-with-button {
  transition: background-color .12s ease, color .12s ease, border-color .12s ease, opacity .12s ease;
  /* ensure icon inherits color */
}

  .text-editor-with-button i {
    margin-right: 6px;
    color: inherit;
  }

  /* Enabled (not disabled) — make it look like a primary action */
  .text-editor-with-button:not([disabled]) {
    background-color: #0d6efd; /* bootstrap primary */
    color: #fff;
    border-color: #0d6efd;
    box-shadow: 0 1px 0 rgba(13,110,253,0.12);
  }

    .text-editor-with-button:not([disabled]):hover,
    .text-editor-with-button:not([disabled]):focus {
      background-color: #0b5ed7;
      border-color: #0a58ca;
      color: #fff;
    }

  /* Disabled — high contrast and clear "disabled" cursor */
  .text-editor-with-button[disabled],
  .text-editor-with-button.disabled {
    background-color: #f1f3f5; /* light grey */
    color: #6c757d; /* muted text */
    border-color: #dfe3e6;
    opacity: 1; /* keep readable */
    box-shadow: none;
    cursor: not-allowed;
    pointer-events: none; /* ensure no accidental clicks */
  }

/* Smaller screens: keep spacing reasonable */
@media (max-width: 576px) {
  .text-editor-with-button {
    gap: 6px;
    margin-left: 4px !important;
  }
}

@font-face {
  font-family: "NotoSansVN";
  src: url("/fonts/NotoSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
body { font-family: "NotoSansVN", "DejaVu Sans", sans-serif; }