.app-brand-logo.demo { width: 128px; overflow: none; height: auto; }
.app-brand-logo.demo img { width: 100%; height: auto; padding-top: 30px; }

.text-right { text-align: right!important; }
.tabular-nums { font-variant-numeric: tabular-nums; }
.form-control { color: #000; }
fieldset { border: solid 1px #5e7591; padding: 1em; position: relative; }
fieldset legend { position: absolute; top: 0; left: 1em; padding: 0.5em 1em; background: #FFF; transform: translateY(-50%); width: auto; font-size: 1.1em; font-weight: 600; }
.form-control, .form-select { border: solid 1px  #5e7591; }
.input-group-text { border: solid 1px #5e7591; font-weight: 600; } 
.input-group-sm .input-group-text { padding: .169rem .735rem; }

/* Readonly/Disabled inputs distinct style */
/* Readonly/Disabled inputs distinct style (light gray background) */
.form-control[readonly],
.form-control:read-only,
.form-control:disabled,
.form-select:disabled,
.form-check-input:disabled {
  background-color: #f5f6f8 !important;  /* light gray */
  color: #334155 !important;             /* slate-700 */
  border-color: #5e7591 !important;      /* match normal inputs */
  box-shadow: none !important;
  opacity: 1 !important;                 /* keep readable */
}
.form-control:disabled,
.form-select:disabled,
.form-check-input:disabled { cursor: not-allowed !important; }
.form-control[readonly], .form-control:read-only { cursor: default !important; }
.form-control[readonly]:focus,
.form-control:read-only:focus,
.form-control:disabled:focus,
.form-select:disabled:focus {
  background-color: #f5f6f8 !important;
  border-color: #5e7591 !important;
  box-shadow: none !important;
}
.input-group .form-control[readonly],
.input-group .form-control:read-only,
.input-group .form-control:disabled { background-color: #f5f6f8 !important; }
/* Placeholder color for readonly/disabled */
.form-control[readonly]::placeholder,
.form-control:read-only::placeholder,
.form-control:disabled::placeholder { color: #7c8795 !important; }

/* Sticky footer for deviz edit page (padding set dynamically) */
body.deviz-has-sticky { padding-bottom: var(--page-bottom-pad, 0px); }
.deviz-sticky-footer {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999 !important;
  background: #ffffff !important;
  border-top: 1px solid #dee2e6 !important;
  box-shadow: 0 -2px 8px rgba(0,0,0,0.06) !important;
}
.deviz-sticky-footer .inner { padding: .75rem 1rem !important; }
.deviz-sticky-footer .input-group-text { font-weight: 600 !important; }
.deviz-page-footer { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: .5rem !important; }

/* Footer controls use the default fieldset/legend styling */

/* Enforce original fieldset styling inside fixed footer */
.deviz-sticky-footer fieldset {
  border: 1px solid #5e7591 !important;
  padding: 1.5em 1em 1em !important; /* extra top space for legend */
  position: relative !important;
  margin: 0 !important;
  overflow: visible !important;
  background: #fff !important;
}
.deviz-sticky-footer fieldset legend {
  display: inline-block !important;
  position: absolute !important;
  top: 0 !important;
  left: 1em !important;
  transform: translateY(-50%) !important;
  padding: 0 .75em !important;
  background: #fff !important;
  color: #1f2a37 !important;
  font-weight: 600 !important;
}
.deviz-sticky-footer .input-group { margin: 0 !important; }
.deviz-sticky-footer .row > [class^="col"] { padding-top: 0 !important; padding-bottom: 0 !important; }

/* Fix vendor absolute font paths (ensure /static prefix) */
@font-face {
  font-family: "boxicons";
  font-weight: normal;
  font-style: normal;
  src: url("/static/pixinvent/assets/vendor/fonts/boxicons/boxicons.eot");
  src: url("/static/pixinvent/assets/vendor/fonts/boxicons/boxicons.eot") format("embedded-opentype"),
       url("/static/pixinvent/assets/vendor/fonts/boxicons/boxicons.woff2") format("woff2"),
       url("/static/pixinvent/assets/vendor/fonts/boxicons/boxicons.woff") format("woff"),
       url("/static/pixinvent/assets/vendor/fonts/boxicons/boxicons.ttf") format("truetype"),
       url("/static/pixinvent/assets/vendor/fonts/boxicons/boxicons.svg?#boxicons") format("svg");
}