/* OPTODROP Admin Theme v3 — shared BLEX-inspired foundation */
:root {
  --od-lime: #b7f000;
  --od-lime-hover: #a8dc00;
  --od-lime-ink: #1a1f00;
  --od-sidebar: #090a09;
  --od-sidebar-surface: #141514;
  --od-sidebar-hover: #1c1e1c;
  --od-sidebar-line: #292b29;
  --od-sidebar-text: #f4f5f1;
  --od-sidebar-muted: #93988f;
  --od-success: #2e7d32;
  --od-warning: #b26a00;
  --od-danger: #c0392b;
  --od-info: #56615a;
  --od-radius-field: 11px;
  --od-radius-button: 11px;
  --od-radius-card: 16px;
  --od-radius-panel: 18px;
  --od-shadow-sidebar: 0 18px 50px rgba(0, 0, 0, .22);
  --od-motion: 180ms cubic-bezier(.22, 1, .36, 1);
}

body.od-theme {
  min-height: 100vh;
  margin: 0;
  background: var(--od-bg) !important;
  color: var(--od-text) !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 13px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  transition: background-color var(--od-motion), color var(--od-motion);
}

body.od-theme #container {
  min-height: 100vh;
  background: var(--od-bg) !important;
  color: var(--od-text) !important;
  transition: background-color var(--od-motion), color var(--od-motion);
}

body.od-theme *, body.od-theme *::before, body.od-theme *::after { box-sizing: border-box; }
body.od-theme ::selection { background: var(--od-lime); color: var(--od-lime-ink); }
body.od-theme a { color: var(--od-link); text-decoration: none; }
body.od-theme a:hover, body.od-theme a:focus { color: var(--od-text); text-decoration: none; }
body.od-theme :focus-visible { outline: 2px solid var(--od-lime); outline-offset: 2px; }
body.od-theme hr { border-top-color: var(--od-line) !important; }
body.od-theme h1, body.od-theme h2, body.od-theme h3, body.od-theme h4,
body.od-theme h5, body.od-theme h6 { color: var(--od-text); font-weight: 650; letter-spacing: -.025em; }
body.od-theme code, body.od-theme pre, body.od-theme .label, body.od-theme .badge,
body.od-theme .tile .tile-body h2 { font-family: 'JetBrains Mono', ui-monospace, monospace; }
body.od-theme .text-muted, body.od-theme small.text-muted { color: var(--od-muted) !important; }
body.od-theme .text-primary { color: var(--od-text) !important; }
body.od-theme .text-success { color: var(--od-success) !important; }
body.od-theme .text-warning { color: var(--od-warning) !important; }
body.od-theme .text-danger { color: var(--od-danger) !important; }
body.od-theme .text-info { color: var(--od-info) !important; }

body.od-theme ::-webkit-scrollbar { width: 9px; height: 9px; }
body.od-theme ::-webkit-scrollbar-track { background: transparent; }
body.od-theme ::-webkit-scrollbar-thumb { background: var(--od-line-strong); border: 2px solid transparent; border-radius: 999px; background-clip: padding-box; }
body.od-theme ::-webkit-scrollbar-thumb:hover { background: var(--od-muted); border: 2px solid transparent; background-clip: padding-box; }

/* Header */
body.od-theme #header {
  height: 48px;
  min-height: 48px;
  margin: 10px 10px 0 240px;
  border: 1px solid var(--od-line) !important;
  border-radius: 15px;
  background: var(--od-surface) !important;
  box-shadow: var(--od-shadow-sm) !important;
  transition: margin var(--od-motion), background-color var(--od-motion), border-color var(--od-motion);
}
body.od-theme #header .container-fluid {
  display: flex;
  align-items: center;
  height: 46px;
  padding: 0 8px;
  background: transparent !important;
}
body.od-theme #header .container-fluid::before,
body.od-theme #header .container-fluid::after { display: none; }
body.od-theme #header #header-logo { flex: 0 0 auto; width: auto; border-right: 0; }
body.od-theme #header .navbar-brand { display: flex; align-items: center; height: 46px; margin-left: 0; padding: 8px 10px; }
body.od-theme #header .navbar-brand img { width: auto; max-height: 26px; filter: grayscale(1) contrast(1.15); }
body.od-theme #header .nav { display: flex; align-items: stretch; margin: 0; }
body.od-theme #header .nav > li { float: none; display: flex; align-items: stretch; }
body.od-theme #header .nav > li > a {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 46px;
  padding: 0 11px !important;
  color: var(--od-text-2) !important;
  line-height: 1;
  transition: background var(--od-motion), color var(--od-motion);
}
body.od-theme #header .nav > li > a:hover,
body.od-theme #header .nav > li > a:focus,
body.od-theme #header .nav > li.open > a { background: var(--od-field) !important; color: var(--od-text) !important; }
body.od-theme #header #oc-search-div { flex: 1 1 340px; width: auto; max-width: 440px; padding: 0 8px !important; }
body.od-theme #header #oc-search { margin: 0; padding: 0; }
body.od-theme #header #oc-search .input-group { width: 100%; }
body.od-theme #header #oc-search .form-control,
body.od-theme #header #oc-search .input-group-btn .btn { height: 34px !important; min-height: 34px; margin-top: 0 !important; background: var(--od-field) !important; border-color: transparent !important; color: var(--od-text) !important; }
body.od-theme #header .navbar-right { flex: 0 0 auto; margin: 0 0 0 auto; }
body.od-theme #header #user-profile { width: 28px; height: 28px; margin-right: 7px; object-fit: cover; }
body.od-theme #header #oc-search .form-control:focus { border-color: var(--od-lime) !important; box-shadow: 0 0 0 3px rgba(183, 240, 0, .18) !important; }
body.od-theme #oc-search-result { background: var(--od-surface) !important; border: 1px solid var(--od-line) !important; border-radius: var(--od-radius-card); box-shadow: var(--od-shadow-lg) !important; color: var(--od-text) !important; overflow: hidden; }
body.od-theme #oc-search-result li a { color: var(--od-text-2) !important; }
body.od-theme #oc-search-result li a:hover { background: var(--od-field) !important; color: var(--od-text) !important; }
body.od-theme #user-profile { border: 2px solid var(--od-line-strong) !important; transition: border-color var(--od-motion); }
body.od-theme #user-profile:hover { border-color: var(--od-lime) !important; }

/* Permanent dark sidebar */
body.od-theme #column-left {
  position: fixed;
  z-index: 30;
  top: 10px;
  bottom: 10px;
  left: 10px;
  width: 220px;
  height: auto;
  padding: 8px;
  display: flex;
  flex-direction: column;
  background: var(--od-sidebar) !important;
  border: 1px solid var(--od-sidebar-line) !important;
  border-radius: 18px;
  box-shadow: var(--od-shadow-sidebar);
  overflow: hidden;
  transition: transform var(--od-motion);
}
body.od-theme #column-left #navigation {
  flex: 0 0 auto;
  margin-bottom: 5px;
  padding: 10px 10px;
  background: transparent !important;
  border-bottom: 1px solid var(--od-sidebar-line) !important;
  color: var(--od-sidebar-text) !important;
  font-size: 10px;
  font-weight: 650;
  letter-spacing: .08em;
  text-transform: uppercase;
}
body.od-theme #column-left #menu { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 2px 1px; }
body.od-theme #column-left #menu > li { margin-bottom: 2px; }
body.od-theme #column-left #menu > li > a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 36px;
  min-height: 36px;
  padding: 0 9px;
  border: 0 !important;
  border-radius: 10px;
  background: transparent !important;
  color: var(--od-sidebar-muted) !important;
  font-size: 12px;
  font-weight: 520;
  transition: background var(--od-motion), color var(--od-motion), transform var(--od-motion);
}
body.od-theme #column-left #menu > li > a:hover { background: var(--od-sidebar-hover) !important; color: var(--od-sidebar-text) !important; }
body.od-theme #column-left #menu > li > a .fa {
  flex: 0 0 24px;
  width: 24px;
  margin: 0 7px 0 0;
  color: inherit !important;
  text-align: center;
  opacity: .72;
}
body.od-theme #column-left #menu > li > a.parent { position: relative; padding-right: 28px; }
body.od-theme #column-left #menu > li > a.parent::after { position: absolute; right: 10px; top: 50%; float: none; margin-right: 0; transform: translateY(-50%); }
body.od-theme #column-left #menu > li.active > a,
body.od-theme #column-left #menu > li.open > a {
  background: var(--od-lime) !important;
  color: var(--od-lime-ink) !important;
  font-weight: 680;
}
body.od-theme #column-left #menu > li.active > a .fa,
body.od-theme #column-left #menu > li.open > a .fa { color: var(--od-lime-ink) !important; opacity: .78; }
body.od-theme #column-left #menu li ul { margin: 3px 0 5px; padding: 4px; background: var(--od-sidebar-surface) !important; border-radius: 11px; }
body.od-theme #column-left #menu li ul > li > a { min-height: 32px; padding: 7px 24px 7px 10px; border: 0 !important; border-radius: 8px; color: var(--od-sidebar-muted) !important; font-size: 11.5px; line-height: 1.35; }
body.od-theme #column-left #menu li ul > li > a:hover,
body.od-theme #column-left #menu li li.active > a { background: var(--od-sidebar-hover) !important; color: var(--od-sidebar-text) !important; }
body.od-theme #column-left #stats { flex: 0 0 auto; position: static; margin-top: 5px; padding: 8px 10px !important; border: 0 !important; border-radius: 11px; background: var(--od-sidebar-surface) !important; }
body.od-theme #column-left #stats ul { margin: 0; }
body.od-theme #column-left #stats li { margin-bottom: 5px; }
body.od-theme #column-left #stats li:last-child { margin-bottom: 0; }
body.od-theme #column-left #stats li div:first-child { color: var(--od-sidebar-muted) !important; font-size: 10px; }
body.od-theme #column-left #stats .progress { height: 4px !important; background: var(--od-sidebar-line) !important; border-radius: 99px !important; box-shadow: none; }
body.od-theme #column-left .progress-bar-success { background: #69a96d !important; }
body.od-theme #column-left .progress-bar-warning { background: #c58b39 !important; }
body.od-theme #column-left .progress-bar-danger { background: #b85b53 !important; }
.od-theme-dock { position: static; z-index: 3; flex: 0 0 auto; margin: 6px 0 0; }
.od-theme-toggle { display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 1px solid rgba(255,255,255,.12); border-radius: 10px; background: var(--od-lime); color: var(--od-lime-ink); box-shadow: 0 6px 18px rgba(0,0,0,.26); cursor: pointer; transition: transform var(--od-motion), filter var(--od-motion); }
.od-theme-toggle:hover { transform: translateY(-2px) rotate(-5deg); filter: brightness(.94); }
.od-theme-toggle .fa { font-size: 16px; }

/* Main layout */
body.od-theme #column-left + #content,
body.od-theme #column-left + #content + #footer { margin-left: 240px; }
body.od-theme #content { min-height: calc(100vh - 58px); padding-bottom: 24px; background: var(--od-bg) !important; }
body.od-theme #content > .container-fluid { padding-left: 12px; padding-right: 12px; }
body.od-theme .page-header { margin: 0 0 16px; padding: 20px 0 14px !important; background: transparent !important; border: 0 !important; }
body.od-theme .page-header h1 { margin-top: 0; color: var(--od-text) !important; font-size: 23px !important; font-weight: 720 !important; letter-spacing: -.035em; }
body.od-theme .breadcrumb { margin: 0; padding: 5px 0 0 !important; background: transparent !important; }
body.od-theme .breadcrumb > li > a { color: var(--od-muted) !important; font-size: 11.5px; }
body.od-theme .breadcrumb > li:last-child > a { color: var(--od-text-2) !important; }
body.od-theme .breadcrumb > li + li::before { color: var(--od-line-strong) !important; }
body.od-theme #footer { padding: 18px 24px; background: transparent !important; border: 0 !important; color: var(--od-muted) !important; }

/* Panels, cards and tiles */
body.od-theme .panel { margin-bottom: 16px; border: 1px solid var(--od-line) !important; border-radius: var(--od-radius-panel) !important; background: var(--od-surface) !important; box-shadow: var(--od-shadow-sm) !important; overflow: clip; }
body.od-theme .panel-heading { min-height: 48px; padding: 14px 17px !important; border-bottom: 1px solid var(--od-line) !important; background: var(--od-surface) !important; color: var(--od-text) !important; }
body.od-theme .panel-heading .panel-title { color: var(--od-text) !important; font-size: 14px !important; font-weight: 670 !important; }
body.od-theme .panel-heading .panel-title .fa,
body.od-theme .panel-heading h3 i { margin-right: 7px; color: var(--od-text-2) !important; }
body.od-theme .panel-body { padding: 17px !important; background: var(--od-surface) !important; color: var(--od-text); }
body.od-theme .panel-footer { padding: 13px 17px; border-top: 1px solid var(--od-line) !important; background: var(--od-surface-2) !important; }
body.od-theme .panel-primary, body.od-theme .panel-success, body.od-theme .panel-warning,
body.od-theme .panel-danger, body.od-theme .panel-info { border-color: var(--od-line) !important; }
body.od-theme .panel-primary > .panel-heading { box-shadow: inset 4px 0 0 var(--od-lime); }
body.od-theme .panel-success > .panel-heading { box-shadow: inset 4px 0 0 var(--od-success); }
body.od-theme .panel-warning > .panel-heading { box-shadow: inset 4px 0 0 var(--od-warning); }
body.od-theme .panel-danger > .panel-heading { box-shadow: inset 4px 0 0 var(--od-danger); }
body.od-theme .panel-info > .panel-heading { box-shadow: inset 4px 0 0 var(--od-info); }
body.od-theme .tile { border: 1px solid var(--od-line) !important; border-radius: var(--od-radius-card) !important; background: var(--od-surface) !important; box-shadow: var(--od-shadow-sm); overflow: hidden; transition: transform var(--od-motion), box-shadow var(--od-motion), border-color var(--od-motion); }
body.od-theme .tile:hover { transform: translateY(-3px); border-color: var(--od-line-strong) !important; box-shadow: var(--od-shadow-md) !important; }
body.od-theme .tile-primary { border-top: 4px solid var(--od-lime) !important; }
body.od-theme .tile-success { border-top: 4px solid var(--od-success) !important; }
body.od-theme .tile-warning { border-top: 4px solid var(--od-warning) !important; }
body.od-theme .tile-danger { border-top: 4px solid var(--od-danger) !important; }
body.od-theme .tile-heading { padding: 12px 16px 7px; background: transparent !important; color: var(--od-text-2) !important; font-size: 11.5px !important; font-weight: 580; text-shadow: none; }
body.od-theme .tile-body { padding: 6px 16px 14px; line-height: 1.2; text-shadow: none; }
body.od-theme .tile-body, body.od-theme .tile-body h2 { color: var(--od-text) !important; }
body.od-theme .tile-body h2 { margin: 0; font-size: 28px !important; letter-spacing: -.04em; }
body.od-theme .tile-body .fa { color: var(--od-text) !important; opacity: .16; }
body.od-theme .tile-footer { padding: 9px 16px; border-top: 1px solid var(--od-line) !important; background: var(--od-surface-2) !important; }
body.od-theme .tile-footer a { color: var(--od-text-2) !important; }

/* Forms */
body.od-theme .form-horizontal .control-label { color: var(--od-text-2) !important; font-size: 12.5px; font-weight: 580 !important; }
body.od-theme .form-group + .form-group { border-top-color: var(--od-line) !important; }
body.od-theme .form-group.required .control-label::before { color: var(--od-danger) !important; }
body.od-theme .form-control {
  min-height: 40px;
  padding: 9px 12px;
  border: 1px solid var(--od-line-strong) !important;
  border-radius: var(--od-radius-field) !important;
  background: var(--od-field) !important;
  color: var(--od-text) !important;
  font-family: inherit;
  font-size: 13px;
  box-shadow: none !important;
  transition: background var(--od-motion), border-color var(--od-motion), box-shadow var(--od-motion);
}
body.od-theme textarea.form-control { min-height: 96px; resize: vertical; }
body.od-theme .form-control:hover { border-color: var(--od-muted) !important; }
body.od-theme .form-control:focus { border-color: var(--od-lime) !important; background: var(--od-surface) !important; box-shadow: 0 0 0 3px rgba(183, 240, 0, .16) !important; }
body.od-theme .form-control::placeholder { color: var(--od-muted) !important; opacity: 1; }
body.od-theme .form-control[disabled], body.od-theme .form-control[readonly],
body.od-theme fieldset[disabled] .form-control { background: var(--od-surface-2) !important; color: var(--od-muted) !important; cursor: not-allowed; opacity: .72; }
body.od-theme .has-error .form-control { border-color: var(--od-danger) !important; }
body.od-theme .has-error .form-control:focus { box-shadow: 0 0 0 3px rgba(192, 57, 43, .14) !important; }
body.od-theme .has-success .form-control { border-color: var(--od-success) !important; }
body.od-theme .has-warning .form-control { border-color: var(--od-warning) !important; }
body.od-theme .help-block { color: var(--od-muted) !important; font-size: 11.5px; }
body.od-theme .input-group-addon { min-width: 40px; border: 1px solid var(--od-line-strong) !important; background: var(--od-surface-2) !important; color: var(--od-muted) !important; }
body.od-theme .input-group .form-control:first-child,
body.od-theme .input-group-addon:first-child { border-radius: var(--od-radius-field) 0 0 var(--od-radius-field) !important; }
body.od-theme .input-group .form-control:last-child,
body.od-theme .input-group-btn:last-child > .btn { border-radius: 0 var(--od-radius-field) var(--od-radius-field) 0 !important; }
body.od-theme .radio label, body.od-theme .checkbox label,
body.od-theme .radio-inline, body.od-theme .checkbox-inline { color: var(--od-text-2) !important; }
body.od-theme input[type='checkbox'], body.od-theme input[type='radio'] { accent-color: var(--od-lime); }
body.od-theme select.form-control { padding-right: 34px; cursor: pointer; }

/* Buttons and states */
body.od-theme .btn { min-height: 38px; padding: 9px 14px; border-radius: var(--od-radius-button) !important; font-family: inherit !important; font-size: 12.5px; font-weight: 640 !important; box-shadow: none; transition: transform var(--od-motion), box-shadow var(--od-motion), background var(--od-motion), border-color var(--od-motion); }
body.od-theme .btn:hover:not(:disabled):not(.disabled) { transform: translateY(-1px); }
body.od-theme .btn:active, body.od-theme .btn.active { transform: translateY(0); box-shadow: inset 0 2px 5px rgba(0,0,0,.16) !important; }
body.od-theme .btn[disabled], body.od-theme .btn.disabled { opacity: .46; cursor: not-allowed; }
body.od-theme .btn-primary { border-color: var(--od-lime) !important; background: var(--od-lime) !important; color: var(--od-lime-ink) !important; }
body.od-theme .btn-primary:hover, body.od-theme .btn-primary:focus { border-color: var(--od-lime-hover) !important; background: var(--od-lime-hover) !important; color: var(--od-lime-ink) !important; box-shadow: 0 8px 22px rgba(183, 240, 0, .2) !important; }
body.od-theme .btn-default { border-color: var(--od-line-strong) !important; background: var(--od-surface) !important; color: var(--od-text-2) !important; }
body.od-theme .btn-default:hover, body.od-theme .btn-default:focus { border-color: var(--od-muted) !important; background: var(--od-field) !important; color: var(--od-text) !important; }
body.od-theme .btn-success { border-color: var(--od-success) !important; background: var(--od-success) !important; color: #fff !important; }
body.od-theme .btn-warning { border-color: var(--od-warning) !important; background: var(--od-warning) !important; color: #fff !important; }
body.od-theme .btn-danger { border-color: var(--od-danger) !important; background: var(--od-danger) !important; color: #fff !important; }
body.od-theme .btn-info { border-color: var(--od-info) !important; background: var(--od-info) !important; color: #fff !important; }
body.od-theme .btn-link { color: var(--od-text-2) !important; }
body.od-theme .btn-link:hover { color: var(--od-text) !important; }
body.od-theme .btn-group > .btn + .btn { margin-left: 2px; }
body.od-theme .btn-xs { min-height: 28px; padding: 5px 9px; border-radius: 9px !important; }

/* Tables */
body.od-theme .table { margin-bottom: 0; background: transparent !important; color: var(--od-text); }
body.od-theme .table > thead > tr > th,
body.od-theme .table > thead > tr > td { padding: 11px 12px !important; border-color: var(--od-line) !important; background: var(--od-surface-2) !important; color: var(--od-muted) !important; font-size: 10px !important; font-weight: 680; letter-spacing: .08em; text-transform: uppercase; }
body.od-theme .table > tbody > tr > td,
body.od-theme .table > tbody > tr > th { padding: 12px !important; border-color: var(--od-line) !important; color: var(--od-text-2) !important; vertical-align: middle !important; }
body.od-theme .table > tbody > tr:hover > td { background: var(--od-field) !important; color: var(--od-text) !important; }
body.od-theme .table-striped > tbody > tr:nth-of-type(odd) { background: var(--od-stripe) !important; }
body.od-theme .table-bordered, body.od-theme .table-bordered > thead > tr > th,
body.od-theme .table-bordered > thead > tr > td, body.od-theme .table-bordered > tbody > tr > th,
body.od-theme .table-bordered > tbody > tr > td { border-color: var(--od-line) !important; }
body.od-theme .table a.asc::after, body.od-theme .table a.desc::after { color: var(--od-text); }

/* Navigation, dropdowns and pagination */
body.od-theme .nav-tabs { border-bottom: 1px solid var(--od-line) !important; }
body.od-theme .nav-tabs > li > a { margin-right: 4px; padding: 10px 13px; border: 1px solid transparent !important; border-radius: 12px 12px 0 0 !important; color: var(--od-muted) !important; font-weight: 560; }
body.od-theme .nav-tabs > li > a:hover { background: var(--od-field) !important; color: var(--od-text) !important; }
body.od-theme .nav-tabs > li.active > a,
body.od-theme .nav-tabs > li.active > a:hover,
body.od-theme .nav-tabs > li.active > a:focus { border-color: var(--od-line) !important; border-bottom-color: var(--od-surface) !important; background: var(--od-surface) !important; color: var(--od-text) !important; box-shadow: inset 0 3px 0 var(--od-lime); }
body.od-theme .nav-pills > li > a { border-radius: 12px; color: var(--od-text-2) !important; }
body.od-theme .nav-pills > li > a:hover { background: var(--od-field) !important; color: var(--od-text) !important; }
body.od-theme .nav-pills > li.active > a,
body.od-theme .nav-pills > li.active > a:hover,
body.od-theme .nav-pills > li.active > a:focus { background: var(--od-lime) !important; color: var(--od-lime-ink) !important; }
body.od-theme .tab-content { padding: 20px !important; border: 1px solid var(--od-line) !important; border-top: 0 !important; border-radius: 0 0 var(--od-radius-card) var(--od-radius-card) !important; background: var(--od-surface) !important; }
body.od-theme .dropdown-menu { padding: 7px !important; border: 1px solid var(--od-line) !important; border-radius: 15px !important; background: var(--od-surface) !important; box-shadow: var(--od-shadow-lg) !important; }
body.od-theme .dropdown-menu > li > a { padding: 9px 11px !important; border-radius: 10px !important; color: var(--od-text-2) !important; }
body.od-theme .dropdown-menu > li > a:hover, body.od-theme .dropdown-menu > li > a:focus { background: var(--od-field) !important; color: var(--od-text) !important; }
body.od-theme .dropdown-menu .dropdown-header { padding: 8px 11px 5px !important; color: var(--od-muted) !important; font-size: 9.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
body.od-theme .dropdown-menu .divider { margin: 6px 0 !important; background: var(--od-line) !important; }
body.od-theme .pagination > li > a, body.od-theme .pagination > li > span,
body.od-theme .pager > li > a, body.od-theme .pager > li > span { margin: 0 2px; border: 1px solid var(--od-line) !important; border-radius: 10px !important; background: var(--od-surface) !important; color: var(--od-text-2) !important; }
body.od-theme .pagination > li > a:hover, body.od-theme .pager > li > a:hover { border-color: var(--od-muted) !important; background: var(--od-field) !important; color: var(--od-text) !important; }
body.od-theme .pagination > .active > a, body.od-theme .pagination > .active > span { border-color: var(--od-lime) !important; background: var(--od-lime) !important; color: var(--od-lime-ink) !important; }
body.od-theme .pagination > .disabled > span, body.od-theme .pagination > .disabled > a { opacity: .45; }

/* Feedback */
body.od-theme .alert { padding: 14px 16px; border-radius: 15px !important; font-size: 12.5px; }
body.od-theme .alert-success { border-color: rgba(46,125,50,.24) !important; background: rgba(46,125,50,.10) !important; color: var(--od-success) !important; }
body.od-theme .alert-warning { border-color: rgba(178,106,0,.24) !important; background: rgba(178,106,0,.10) !important; color: var(--od-warning) !important; }
body.od-theme .alert-danger { border-color: rgba(192,57,43,.24) !important; background: rgba(192,57,43,.10) !important; color: var(--od-danger) !important; }
body.od-theme .alert-info { border-color: var(--od-line-strong) !important; background: var(--od-field) !important; color: var(--od-text-2) !important; }
body.od-theme .alert .close { color: currentColor !important; opacity: .62; }
body.od-theme .label, body.od-theme .badge { padding: 4px 8px; border-radius: 999px; font-size: 9.5px; font-weight: 600; }
body.od-theme .label-primary, body.od-theme .badge-primary { background: var(--od-lime) !important; color: var(--od-lime-ink) !important; }
body.od-theme .label-success, body.od-theme .badge-success { background: var(--od-success) !important; }
body.od-theme .label-warning, body.od-theme .badge-warning { background: var(--od-warning) !important; }
body.od-theme .label-danger, body.od-theme .badge-danger { background: var(--od-danger) !important; }
body.od-theme .label-info, body.od-theme .badge-info { background: var(--od-info) !important; }
body.od-theme .label-default, body.od-theme .badge-default { background: var(--od-line-strong) !important; color: var(--od-text-2) !important; }
body.od-theme .progress { height: 8px; border-radius: 99px; background: var(--od-field) !important; box-shadow: none; overflow: hidden; }
body.od-theme .progress-bar { box-shadow: none; }

/* Overlays */
body.od-theme .modal-content { border: 1px solid var(--od-line) !important; border-radius: var(--od-radius-panel) !important; background: var(--od-surface) !important; box-shadow: var(--od-shadow-lg) !important; overflow: hidden; }
body.od-theme .modal-header { padding: 19px 22px; border-bottom: 1px solid var(--od-line) !important; }
body.od-theme .modal-title { color: var(--od-text) !important; }
body.od-theme .modal-header .close { color: var(--od-muted) !important; opacity: 1; }
body.od-theme .modal-body { color: var(--od-text-2); }
body.od-theme .modal-footer { padding: 16px 22px; border-top: 1px solid var(--od-line) !important; background: var(--od-surface-2) !important; }
body.od-theme .modal-backdrop.in { opacity: .62; }
body.od-theme .tooltip-inner { border-radius: 9px !important; background: var(--od-tooltip) !important; color: var(--od-tooltip-text) !important; box-shadow: var(--od-shadow-md); }
body.od-theme .popover { border: 1px solid var(--od-line) !important; border-radius: 15px !important; background: var(--od-surface) !important; box-shadow: var(--od-shadow-lg); }
body.od-theme .popover-title { border-bottom: 1px solid var(--od-line) !important; background: var(--od-surface-2) !important; color: var(--od-text) !important; }
body.od-theme .popover-content { color: var(--od-text-2) !important; }

/* Editors, datepicker, autocomplete and file manager */
body.od-theme .well { border: 1px solid var(--od-line) !important; border-radius: var(--od-radius-card) !important; background: var(--od-surface-2) !important; color: var(--od-text-2) !important; box-shadow: none !important; }
body.od-theme .list-group-item { border-color: var(--od-line) !important; background: var(--od-surface) !important; color: var(--od-text-2) !important; }
body.od-theme .list-group-item:hover { background: var(--od-field) !important; }
body.od-theme .img-thumbnail, body.od-theme .thumbnail { border: 1px solid var(--od-line) !important; border-radius: 14px !important; background: var(--od-surface-2) !important; }
body.od-theme .thumbnail:hover { border-color: var(--od-lime) !important; }
body.od-theme .autocomplete { border: 1px solid var(--od-line) !important; border-radius: 14px; background: var(--od-surface) !important; box-shadow: var(--od-shadow-md); overflow: hidden; }
body.od-theme .autocomplete > li > a { color: var(--od-text-2) !important; }
body.od-theme .autocomplete > li > a:hover { background: var(--od-field) !important; color: var(--od-text) !important; }
body.od-theme .bootstrap-datetimepicker-widget { border: 1px solid var(--od-line) !important; border-radius: 16px !important; background: var(--od-surface) !important; color: var(--od-text-2) !important; box-shadow: var(--od-shadow-lg); }
body.od-theme .bootstrap-datetimepicker-widget table td.day:hover,
body.od-theme .bootstrap-datetimepicker-widget table td span:hover { background: var(--od-field) !important; }
body.od-theme .bootstrap-datetimepicker-widget table td.active,
body.od-theme .bootstrap-datetimepicker-widget table td.active:hover { background: var(--od-lime) !important; color: var(--od-lime-ink) !important; text-shadow: none; }
body.od-theme .note-editor { border: 1px solid var(--od-line) !important; border-radius: var(--od-radius-card) !important; overflow: visible; }
body.od-theme .note-editor .note-toolbar, body.od-theme .note-editor .note-statusbar { border-color: var(--od-line) !important; background: var(--od-surface-2) !important; }
body.od-theme .note-editor .note-editing-area .note-editable { background: var(--od-surface) !important; color: var(--od-text) !important; }
body.od-theme .note-btn { border-color: var(--od-line) !important; background: var(--od-surface) !important; color: var(--od-text-2) !important; }
body.od-theme .CodeMirror { border: 1px solid var(--od-line) !important; border-radius: var(--od-radius-card); background: var(--od-code-bg) !important; color: var(--od-code-text) !important; }
body.od-theme .CodeMirror-gutters { border-right: 1px solid var(--od-line) !important; background: var(--od-surface-2) !important; }
body.od-theme #filemanager .fa-folder { color: var(--od-muted) !important; }
body.od-theme #filemanager .directory:hover .fa-folder { color: var(--od-lime) !important; }
body.od-theme .mfp-bg { background: #090a09 !important; opacity: .88; }
body.od-theme .mfp-content { color: var(--od-text); }

/* Charts and marketplace */
body.od-theme .flot-text, body.od-theme .flot-tick-label,
body.od-theme .legend .legendLabel { color: var(--od-muted) !important; }
body.od-theme .legend div, body.od-theme #vmap { background: var(--od-surface) !important; }
body.od-theme #vmap .jvectormap-region,
body.od-theme #vmap .jqvmap-region { fill: var(--od-chart-region) !important; stroke: var(--od-chart-border) !important; transition: fill var(--od-motion); }
body.od-theme #vmap .jvectormap-region:hover,
body.od-theme #vmap .jqvmap-region:hover { fill: var(--od-chart-primary) !important; }
body.od-theme #vmap .jqvmap-zoomin, body.od-theme #vmap .jqvmap-zoomout { border-radius: 8px; background: var(--od-field) !important; color: var(--od-text) !important; }
body.od-theme .jqvmap-label { border-radius: 9px; background: var(--od-tooltip) !important; color: var(--od-tooltip-text) !important; }
body.od-theme #extension-list section { border-color: var(--od-line) !important; border-radius: var(--od-radius-card); background: var(--od-surface) !important; }
body.od-theme #extension-list section:hover { border-color: var(--od-lime) !important; box-shadow: var(--od-shadow-md); }
body.od-theme #extension-list .extension-name, body.od-theme #marketplace-extension-info { color: var(--od-text-2); }

@media (max-width: 767px) {
  body.od-theme #header { margin-left: 10px; }
  body.od-theme #column-left { transform: translateX(-240px); }
  body.od-theme #column-left.active { transform: translateX(0); }
  body.od-theme #column-left + #content,
  body.od-theme #column-left + #content + #footer { margin-left: 0; }
  body.od-theme #column-left.active + #content,
  body.od-theme #column-left.active + #content + #footer { left: 220px; }
  body.od-theme #content > .container-fluid { padding-left: 12px; padding-right: 12px; }
  body.od-theme .page-header { padding-top: 18px !important; }
  body.od-theme .panel-body { padding: 16px !important; }
  body.od-theme .table-responsive { border-color: var(--od-line) !important; border-radius: 14px; }
  body.od-theme #button-menu { color: var(--od-text) !important; }
}

@media (prefers-reduced-motion: reduce) {
  body.od-theme *, body.od-theme *::before, body.od-theme *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}