/* ==========================================================================
   iDrugstore Admin v5.3 — Dark/Light mode + ícones modernos
   Redesign completo: Linear × Stripe × shadcn/ui
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

/* ── TOKENS ── */
:root {
  --brand:         #FF5C00;
  --brand-dark:    #E04D00;
  --brand-light:   #FFF3EE;
  --brand-xlight:  #FFF8F5;

  --ink:           #0F172A;
  --ink-800:       #1E293B;
  --ink-700:       #334155;
  --ink-600:       #475569;
  --ink-500:       #64748B;
  --ink-400:       #94A3B8;
  --ink-300:       #CBD5E1;
  --ink-200:       #E2E8F0;
  --ink-100:       #F1F5F9;
  --ink-50:        #F8FAFC;

  --surface:       #FFFFFF;
  --bg:            #F1F5F9;

  --success:       #16A34A;
  --success-bg:    #F0FDF4;
  --success-border:#BBF7D0;
  --warning:       #CA8A04;
  --warning-bg:    #FEFCE8;
  --warning-border:#FEF08A;
  --error:         #DC2626;
  --error-bg:      #FEF2F2;
  --error-border:  #FECACA;
  --info:          #2563EB;
  --info-bg:       #EFF6FF;
  --info-border:   #BFDBFE;

  --sidebar-w:     232px;
  --header-h:      56px;

  --r-xs:  3px;
  --r-sm:  6px;
  --r-md:  8px;
  --r-lg:  10px;
  --r-xl:  14px;

  --shadow-xs:    0 1px 2px rgba(15,23,42,.04);
  --shadow-sm:    0 1px 3px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.03);
  --shadow-md:    0 4px 12px rgba(15,23,42,.08);
  --shadow-lg:    0 12px 32px rgba(15,23,42,.10);
  --shadow-xl:    0 24px 60px rgba(15,23,42,.14);
  --shadow-brand: 0 4px 14px rgba(255,92,0,.28);

  --t:     .12s ease;
  --t-med: .2s cubic-bezier(.4,0,.2,1);
}

/* ── DARK MODE TOKENS ── */
[data-theme="dark"] {
  --surface:    #1E293B;
  --bg:         #0F172A;
  --ink:        #E2E8F0;
  --ink-800:    #CBD5E1;
  --ink-700:    #94A3B8;
  --ink-600:    #64748B;
  --ink-500:    #94A3B8;
  --ink-400:    #475569;
  --ink-300:    #334155;
  --ink-200:    #334155;
  --ink-100:    #1E293B;
  --ink-50:     #162032;
  --brand-light:  rgba(255,92,0,.18);
  --brand-xlight: rgba(255,92,0,.09);
  --success-bg:   rgba(22,163,74,.15);
  --success-border:rgba(22,163,74,.30);
  --warning-bg:   rgba(202,138,4,.15);
  --warning-border:rgba(202,138,4,.30);
  --error-bg:     rgba(220,38,38,.15);
  --error-border: rgba(220,38,38,.30);
  --info-bg:      rgba(37,99,235,.15);
  --info-border:  rgba(37,99,235,.30);
  --shadow-xs:  0 1px 2px rgba(0,0,0,.20);
  --shadow-sm:  0 1px 3px rgba(0,0,0,.30), 0 1px 2px rgba(0,0,0,.20);
  --shadow-md:  0 4px 12px rgba(0,0,0,.35);
  --shadow-lg:  0 12px 32px rgba(0,0,0,.40);
  --shadow-xl:  0 24px 60px rgba(0,0,0,.50);
}
[data-theme="dark"] .main-preloader {
  background: rgba(15,23,42,.90) !important;
}

/* ── RESET ── */
*, *::before, *::after { box-sizing: border-box; }

/* ════════════════════════════════════════════════════════
   OVERFLOW ARCHITECTURE
   — Only html/body/main_content clip horizontal overflow
   — content_wrap must be visible so tab scrollbars work
════════════════════════════════════════════════════════ */
html {
  overflow-x: hidden !important;
  max-width: 100vw !important;
}
#admin, #merchant, body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
  background: var(--bg) !important;
  color: var(--ink) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  -webkit-font-smoothing: antialiased !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  max-width: 100vw !important;
}

/* ════════════════════════════════════════════════════════
   HEADER
════════════════════════════════════════════════════════ */

.header_wrap {
  position: fixed !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: var(--header-h) !important;
  background: var(--surface) !important;
  border-bottom: 1px solid var(--ink-200) !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 20px 0 0 !important;
  z-index: 1000 !important;
  overflow: visible !important; /* era hidden — cortava o dropdown do usuário */
  max-width: 100vw !important;
}

.header_wrap > .left:first-child {
  float: none !important;
  display: flex !important;
  align-items: center !important;
  width: var(--sidebar-w) !important;
  min-width: var(--sidebar-w) !important;
  height: 100% !important;
  padding: 0 16px !important;
  border-right: 1px solid var(--ink-200) !important;
  flex-shrink: 0 !important;
}
.header_wrap h1,
.header_wrap h1 a {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--ink) !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
  letter-spacing: -.3px !important;
}
.header_wrap h1::before {
  content: '' !important;
  width: 28px !important; height: 28px !important;
  background: var(--brand) !important;
  border-radius: 7px !important;
  flex-shrink: 0 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2L2 7l10 5 10-5-10-5z' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2 17l10 5 10-5' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2 12l10 5 10-5' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-size: 15px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.header_wrap > .right {
  float: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.header_wrap > .right:last-child { margin-left: auto !important; }

/* Commission pills */
.header_wrap h3.uk-button,
.header_wrap h3[class*="uk-button"] {
  font-size: 11.5px !important;
  font-weight: 600 !important;
  padding: 4px 10px !important;
  border-radius: 20px !important;
  border: 1px solid currentColor !important;
  margin: 0 !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  cursor: default !important;
  font-family: 'Inter', sans-serif !important;
}
.header_wrap h3.uk-button-danger  { background: var(--error-bg)   !important; color: var(--error)   !important; border-color: var(--error-border)   !important; }
.header_wrap h3.uk-button-success { background: var(--success-bg) !important; color: var(--success) !important; border-color: var(--success-border) !important; }
.header_wrap h3.uk-button-primary { background: var(--info-bg)    !important; color: var(--info)    !important; border-color: var(--info-border)    !important; }

.header_wrap .uk-button-dropdown > .uk-button {
  background: transparent !important;
  border: 1px solid var(--ink-200) !important;
  color: var(--ink-700) !important;
  font-size: 12.5px !important;
  padding: 5px 10px !important;
  border-radius: var(--r-md) !important;
  font-weight: 500 !important;
}
.header_wrap .uk-button-dropdown > .uk-button:hover {
  background: var(--ink-50) !important;
  border-color: var(--ink-300) !important;
}
.header_wrap .left > .uk-button {
  background: var(--ink-100) !important;
  color: var(--ink-700) !important;
  border: 1px solid var(--ink-200) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  padding: 5px 12px !important;
  border-radius: var(--r-md) !important;
  box-shadow: none !important;
}
.header_wrap .left > .uk-button:hover {
  background: var(--ink-200) !important;
  color: var(--ink) !important;
}

/* ════════════════════════════════════════════════════════
   LAYOUT
════════════════════════════════════════════════════════ */

.main_wrapper {
  margin-top: var(--header-h) !important;
  display: flex !important;
  min-height: calc(100vh - var(--header-h)) !important;
  max-width: 100vw !important;
  overflow-x: hidden !important;
}
.main_wrapper > .clear { display: none !important; }

/* ════════════════════════════════════════════════════════
   SIDEBAR
════════════════════════════════════════════════════════ */

.left_panel {
  width: var(--sidebar-w) !important;
  min-width: var(--sidebar-w) !important;
  flex-shrink: 0 !important;
  float: none !important;
  position: fixed !important;
  top: var(--header-h) !important;
  left: 0 !important;
  bottom: 0 !important;
  background: var(--surface) !important;
  border-right: 1px solid var(--ink-200) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 8px 0 32px !important;
  z-index: 900 !important;
  scrollbar-width: thin !important;
  scrollbar-color: var(--ink-200) transparent !important;
}
.left_panel::-webkit-scrollbar { width: 3px !important; }
.left_panel::-webkit-scrollbar-track { background: transparent !important; }
.left_panel::-webkit-scrollbar-thumb { background: var(--ink-200) !important; border-radius: 4px !important; }

.left_panel .menu { padding: 0 !important; }
.left_panel ul,
.left_panel ul.uk-nav { list-style: none !important; margin: 0 !important; padding: 0 !important; }

.left_panel ul li { margin: 1px 6px !important; border-radius: var(--r-md) !important; }
.left_panel ul li a {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 7px 10px !important;
  color: var(--ink-600) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border-radius: var(--r-md) !important;
  transition: background var(--t), color var(--t) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-decoration: none !important;
}
.left_panel ul li a i {
  font-size: 14px !important;
  flex-shrink: 0 !important;
  width: 18px !important;
  text-align: center !important;
  color: var(--ink-400) !important;
}
.left_panel ul li a:hover { background: var(--ink-100) !important; color: var(--ink-800) !important; }
.left_panel ul li a:hover i { color: var(--ink-600) !important; }
.left_panel ul li.active > a { background: var(--brand-light) !important; color: var(--brand) !important; font-weight: 600 !important; }
.left_panel ul li.active > a i { color: var(--brand) !important; }

.left_panel ul li.uk-nav-header {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: var(--ink-400) !important;
  padding: 14px 16px 4px !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
.left_panel ul li.uk-nav-header a { display: none !important; }
.left_panel ul li.uk-nav-divider { height: 1px !important; background: var(--ink-100) !important; margin: 5px 8px !important; padding: 0 !important; border-radius: 0 !important; }
.left_panel ul li.uk-nav-divider a { display: none !important; }
.left_panel ul ul { padding-left: 8px !important; }
.left_panel ul ul li a { font-size: 12.5px !important; padding: 6px 10px !important; }

/* ════════════════════════════════════════════════════════
   MAIN CONTENT
   — overflow-x: hidden aqui faz o clip do page-level scroll
════════════════════════════════════════════════════════ */

.main_content {
  float: none !important;
  margin-left: var(--sidebar-w) !important;
  flex: 1 !important;
  min-width: 0 !important;
  max-width: calc(100vw - var(--sidebar-w)) !important;
  overflow-x: hidden !important;
  padding: 24px 24px 56px !important;
  background: var(--bg) !important;
}
.main_content > .inner { padding: 0 !important; }

/* Page title */
.breadcrumbs {
  background: transparent !important;
  border: none !important;
  padding: 0 0 20px !important;
  margin: 0 !important;
}
.breadcrumbs .inner { padding: 0 !important; }
.breadcrumbs h2,
.breadcrumbs .uk-h2 {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--ink) !important;
  margin: 0 !important;
  letter-spacing: -.4px !important;
  line-height: 1.25 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
.breadcrumbs h2::before,
.breadcrumbs .uk-h2::before {
  content: '' !important;
  display: inline-block !important;
  width: 3px !important;
  height: 18px !important;
  background: var(--brand) !important;
  border-radius: 2px !important;
  flex-shrink: 0 !important;
}

/* ════════════════════════════════════════════════════════
   CONTENT WRAP
   — CRÍTICO: overflow-x: auto (não hidden!) para que
     tabs filhas possam ter scroll interno
════════════════════════════════════════════════════════ */

.content_wrap {
  padding: 0 !important;
  min-width: 0 !important;
  overflow-x: auto !important;     /* FIX: era hidden, cortava as tabs */
}

/* ════════════════════════════════════════════════════════
   PANELS / CARDS
════════════════════════════════════════════════════════ */

.uk-panel,
.uk-panel-box {
  background: var(--surface) !important;
  border-radius: var(--r-lg) !important;
  border: 1px solid var(--ink-200) !important;
  box-shadow: var(--shadow-xs) !important;
  padding: 20px !important;
  margin-bottom: 16px !important;
}
.uk-panel-box-primary { border-left: 3px solid var(--brand) !important; }
.uk-panel > h3,
.uk-panel > .uk-panel-title {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: var(--ink) !important;
  margin: 0 0 14px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid var(--ink-100) !important;
  letter-spacing: -.2px !important;
}

/* KPI stat cards */
.uk-grid > .uk-width-1-4 > .uk-panel-box,
.uk-grid > .uk-width-1-3 > .uk-panel-box,
.uk-grid.uk-grid-small > [class*="uk-width"] > .uk-panel-box:only-child {
  border-top: 2px solid var(--brand) !important;
  padding-top: 18px !important;
  transition: box-shadow var(--t-med), transform var(--t-med) !important;
}
.uk-grid > .uk-width-1-4 > .uk-panel-box:hover,
.uk-grid > .uk-width-1-3 > .uk-panel-box:hover {
  box-shadow: var(--shadow-md) !important;
  transform: translateY(-2px) !important;
}
.uk-grid > [class*="uk-width"] > .uk-panel-box h2,
.uk-grid > [class*="uk-width"] > .uk-panel-box h3 {
  font-size: 26px !important;
  font-weight: 800 !important;
  letter-spacing: -1px !important;
  color: var(--ink) !important;
  margin: 8px 0 4px !important;
  line-height: 1.1 !important;
}

/* Report / form cards */
form.report,
.content_wrap > form.uk-form {
  background: var(--surface) !important;
  border: 1px solid var(--ink-200) !important;
  border-radius: var(--r-lg) !important;
  box-shadow: var(--shadow-xs) !important;
  padding: 0 !important;
  margin-bottom: 16px !important;
  overflow: hidden !important;
}
form.report h3,
.content_wrap > form.uk-form > h3 {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: var(--ink) !important;
  margin: 0 !important;
  padding: 16px 20px !important;
  border-bottom: 1px solid var(--ink-100) !important;
  letter-spacing: -.2px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: var(--ink-50) !important;
}

/* ════════════════════════════════════════════════════════
   MERCHANT-ADD PAGE SPECIFIC
   — o container principal da página de edição
════════════════════════════════════════════════════════ */

/* Wrapper card da página merchantAdd */
.merchant-add {
  background: var(--surface) !important;
  border: 1px solid var(--ink-200) !important;
  border-radius: var(--r-lg) !important;
  box-shadow: var(--shadow-xs) !important;
  /* SEM overflow:hidden — preserva scroll das tabs internas */
}

/* Tabs ACTION (Adicionar Novo / Lista / Login Automático) */
.content_wrap > .uk-width-1 {
  margin-bottom: 12px !important;
}

/* Floating "Tipo de Cobrança" info — tira do float, coloca em linha */
.content_wrap > .right {
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--ink-600) !important;
  background: var(--ink-50) !important;
  border: 1px solid var(--ink-200) !important;
  border-radius: 20px !important;
  padding: 4px 12px !important;
  margin-bottom: 12px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
}
.content_wrap > .right a {
  color: var(--brand) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

/* ════════════════════════════════════════════════════════
   TABS — wrap para todas as 19 tabs ficarem visíveis
════════════════════════════════════════════════════════ */

.uk-tab {
  display: flex !important;
  gap: 0 !important;
  border-bottom: 1px solid var(--ink-200) !important;
  margin: 0 !important;
  padding: 4px 16px 0 !important;
  overflow-x: visible !important;
  flex-wrap: wrap !important;
  background: var(--ink-50) !important;
}

.uk-tab > li { list-style: none !important; flex-shrink: 0 !important; }
.uk-tab > li > a {
  display: block !important;
  padding: 9px 13px !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: var(--ink-500) !important;
  text-decoration: none !important;
  border-bottom: 2px solid transparent !important;
  margin-bottom: -1px !important;
  transition: color var(--t), border-color var(--t) !important;
  white-space: nowrap !important;
}
.uk-tab > li > a:hover { color: var(--ink-700) !important; }
.uk-tab > li.uk-active > a {
  color: var(--brand) !important;
  border-bottom-color: var(--brand) !important;
  font-weight: 600 !important;
}

/* Tab content panels */
.uk-switcher > li { padding: 20px !important; }
.uk-tab + .uk-switcher > li,
.uk-tab ~ .uk-switcher > li { background: var(--surface) !important; }

/* ════════════════════════════════════════════════════════
   ACTION TABS (buttons row above tabs)
════════════════════════════════════════════════════════ */

/* The "Adicionar Novo | Lista | Login Automático" button row */
.content_wrap > .uk-width-1 .uk-tab,
.content_wrap .spacer .uk-tab {
  background: transparent !important;
  border-bottom: none !important;
  padding: 0 !important;
  gap: 6px !important;
  flex-wrap: nowrap !important;
}
.content_wrap > .uk-width-1 .uk-tab > li > a,
.content_wrap .spacer .uk-tab > li > a {
  background: var(--surface) !important;
  border: 1px solid var(--ink-200) !important;
  border-radius: var(--r-md) !important;
  padding: 7px 14px !important;
  margin-bottom: 0 !important;
  color: var(--ink-700) !important;
  font-weight: 500 !important;
  box-shadow: var(--shadow-xs) !important;
}
.content_wrap > .uk-width-1 .uk-tab > li > a:hover,
.content_wrap .spacer .uk-tab > li > a:hover {
  background: var(--ink-50) !important;
  color: var(--ink) !important;
  border-color: var(--ink-300) !important;
}
.content_wrap > .uk-width-1 .uk-tab > li.uk-active > a,
.content_wrap .spacer .uk-tab > li.uk-active > a {
  background: var(--brand) !important;
  color: #fff !important;
  border-color: var(--brand-dark) !important;
  border-bottom-color: var(--brand-dark) !important;
  box-shadow: var(--shadow-brand) !important;
}

/* ════════════════════════════════════════════════════════
   BUTTONS
════════════════════════════════════════════════════════ */

.uk-button {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 7px 14px !important;
  border-radius: var(--r-md) !important;
  border: 1px solid var(--ink-200) !important;
  cursor: pointer !important;
  transition: all var(--t) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-decoration: none !important;
  line-height: 1.4 !important;
  background: var(--surface) !important;
  color: var(--ink-700) !important;
  box-shadow: var(--shadow-xs) !important;
  text-shadow: none !important;
  white-space: nowrap !important;
}
.uk-button:hover {
  background: var(--ink-50) !important;
  border-color: var(--ink-300) !important;
  color: var(--ink) !important;
}
.uk-button-primary {
  background: var(--brand) !important;
  color: #fff !important;
  border-color: var(--brand-dark) !important;
  box-shadow: var(--shadow-brand) !important;
  font-weight: 600 !important;
}
.uk-button-primary:hover {
  background: var(--brand-dark) !important;
  color: #fff !important;
  box-shadow: 0 6px 20px rgba(255,92,0,.38) !important;
  transform: translateY(-1px) !important;
}
.uk-button-success {
  background: var(--success) !important;
  color: #fff !important;
  border-color: #15803D !important;
  font-weight: 600 !important;
}
.uk-button-success:hover { background: #15803D !important; color: #fff !important; }
.uk-button-danger {
  background: var(--error) !important;
  color: #fff !important;
  border-color: #B91C1C !important;
  font-weight: 600 !important;
}
.uk-button-danger:hover { background: #B91C1C !important; color: #fff !important; }
.uk-button-warning {
  background: var(--warning) !important;
  color: #fff !important;
  border-color: #A16207 !important;
  font-weight: 600 !important;
}
.uk-button-mini  { padding: 3px 9px !important; font-size: 11.5px !important; border-radius: var(--r-sm) !important; }
.uk-button-small { padding: 5px 11px !important; font-size: 12px !important; }
.uk-button-large { padding: 10px 20px !important; font-size: 14px !important; }

/* Save / Submit button */
.content_wrap .uk-form > .uk-button-success,
.content_wrap .uk-form [type="submit"],
.content_wrap .uk-form button[type="submit"] {
  background: var(--brand) !important;
  color: #fff !important;
  border-color: var(--brand-dark) !important;
  box-shadow: var(--shadow-brand) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  padding: 9px 24px !important;
  min-width: 120px !important;
  justify-content: center !important;
}
.content_wrap .uk-form > .uk-button-success:hover,
.content_wrap .uk-form [type="submit"]:hover,
.content_wrap .uk-form button[type="submit"]:hover {
  background: var(--brand-dark) !important;
  box-shadow: 0 6px 20px rgba(255,92,0,.40) !important;
  transform: translateY(-1px) !important;
}

/* ════════════════════════════════════════════════════════
   FORMS
════════════════════════════════════════════════════════ */

.uk-form input[type="text"],
.uk-form input[type="email"],
.uk-form input[type="password"],
.uk-form input[type="number"],
.uk-form input[type="url"],
.uk-form input[type="tel"],
.uk-form input[type="search"],
.uk-form textarea,
.uk-form select {
  font-family: 'Inter', sans-serif !important;
  font-size: 13.5px !important;
  padding: 8px 12px !important;
  border: 1px solid var(--ink-200) !important;
  border-radius: var(--r-md) !important;
  background: var(--surface) !important;
  color: var(--ink) !important;
  transition: border-color var(--t), box-shadow var(--t) !important;
  outline: none !important;
  box-shadow: var(--shadow-xs) !important;
  -webkit-appearance: none !important;
  width: 100% !important;
  max-width: 100% !important;
}
.uk-form input:focus,
.uk-form textarea:focus,
.uk-form select:focus {
  border-color: var(--brand) !important;
  box-shadow: 0 0 0 3px rgba(255,92,0,.10) !important;
}
.uk-form-row { margin-bottom: 14px !important; }
.uk-form-label {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--ink-700) !important;
  display: block !important;
  margin-bottom: 5px !important;
}
.uk-form-help-block {
  font-size: 12px !important;
  color: var(--ink-500) !important;
  margin-top: 4px !important;
  line-height: 1.5 !important;
  display: block !important;
}

/* Horizontal form layout */
.uk-form-horizontal .uk-form-row {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
  padding: 12px 20px !important;
  border-bottom: 1px solid var(--ink-50) !important;
  transition: background var(--t) !important;
}
.uk-form-horizontal .uk-form-row:last-child { border-bottom: none !important; }
.uk-form-horizontal .uk-form-row:hover { background: var(--ink-50) !important; }
.uk-form-horizontal .uk-form-label {
  min-width: 200px !important;
  max-width: 200px !important;
  padding-top: 9px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--ink-600) !important;
}
.uk-form-horizontal .uk-form-controls {
  flex: 1 !important;
  min-width: 0 !important;
  max-width: 520px !important;
}

/* Form icon */
.uk-form .uk-form-icon { position: relative !important; }
.uk-form .uk-form-icon > i {
  position: absolute !important;
  left: 10px !important; top: 50% !important;
  transform: translateY(-50%) !important;
  color: var(--ink-400) !important;
  font-size: 13px !important;
  z-index: 1 !important;
}
.uk-form .uk-form-icon input { padding-left: 32px !important; }

/* File input */
input[type="file"],
.uk-form input[type="file"] {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  color: var(--ink-600) !important;
  background: var(--surface) !important;
  border: 1px dashed var(--ink-300) !important;
  border-radius: var(--r-md) !important;
  padding: 9px 14px !important;
  cursor: pointer !important;
  width: 100% !important;
  max-width: 100% !important;
  transition: border-color var(--t), background var(--t) !important;
}
input[type="file"]:hover { border-color: var(--brand) !important; background: var(--brand-xlight) !important; }
input[type="file"]::-webkit-file-upload-button {
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 4px 12px !important;
  border: none !important;
  border-radius: var(--r-sm) !important;
  background: var(--brand) !important;
  color: #fff !important;
  cursor: pointer !important;
  margin-right: 10px !important;
  transition: background var(--t) !important;
}
input[type="file"]::-webkit-file-upload-button:hover { background: var(--brand-dark) !important; }

/* Select custom arrow */
.uk-form select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394A3B8' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 11px center !important;
  padding-right: 32px !important;
  cursor: pointer !important;
}

.content_wrap hr,
form.report hr,
.uk-panel hr {
  border: none !important;
  height: 1px !important;
  background: var(--ink-100) !important;
  margin: 16px 0 !important;
}

/* Section headings inside forms */
.content_wrap h2,
.content_wrap h3,
.content_wrap .uk-h3 {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--ink) !important;
  margin: 24px 0 14px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid var(--ink-100) !important;
  letter-spacing: -.2px !important;
  display: block !important;
}
.content_wrap h2:first-child,
.content_wrap h3:first-child,
.content_wrap .uk-h3:first-child { margin-top: 0 !important; }

/* ════════════════════════════════════════════════════════
   TABLES
════════════════════════════════════════════════════════ */

.uk-table,
table.dataTable {
  width: 100% !important;
  border-collapse: collapse !important;
  font-size: 13px !important;
  font-family: 'Inter', sans-serif !important;
  background: var(--surface) !important;
}
.uk-panel-box .uk-table,
.content_wrap > .uk-table,
.content_wrap .uk-overflow-container,
.uk-overflow-container {
  overflow-x: auto !important;
  display: block !important;
  max-width: 100% !important;
}

.uk-table th,
table.dataTable th {
  font-size: 10.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .6px !important;
  color: var(--ink-500) !important;
  padding: 10px 12px !important;
  background: var(--ink-50) !important;
  border-bottom: 1px solid var(--ink-200) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  vertical-align: middle !important;
}
.uk-table td,
table.dataTable td {
  padding: 10px 12px !important;
  border-bottom: 1px solid var(--ink-100) !important;
  color: var(--ink-700) !important;
  vertical-align: top !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  overflow: visible !important;
}
.uk-table tbody tr:last-child td,
table.dataTable tbody tr:last-child td { border-bottom: none !important; }
.uk-table-striped tbody tr:nth-child(odd),
table.dataTable tbody tr.odd { background: var(--surface) !important; }
.uk-table-striped tbody tr:nth-child(even),
table.dataTable tbody tr.even { background: var(--ink-50) !important; }
.uk-table tbody tr:hover td,
table.dataTable tbody tr:hover td { background: rgba(255,92,0,.04) !important; }

/* DataTables wrapper */
.dataTables_wrapper {
  font-family: 'Inter', sans-serif !important;
  background: var(--surface) !important;
  border-radius: var(--r-lg) !important;
  border: 1px solid var(--ink-200) !important;
  padding: 16px !important;
  box-shadow: var(--shadow-xs) !important;
  overflow: hidden !important;    /* contém o overflow da tabela */
  max-width: 100% !important;
  min-width: 0 !important;
}
.dataTables_wrapper table.dataTable {
  table-layout: fixed !important;
  width: 100% !important;
}
.dataTables_wrapper .dataTables_filter { margin-bottom: 12px !important; }
.dataTables_wrapper .dataTables_filter input {
  border: 1px solid var(--ink-200) !important;
  border-radius: var(--r-md) !important;
  padding: 6px 11px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  outline: none !important;
  transition: border-color var(--t), box-shadow var(--t) !important;
}
.dataTables_wrapper .dataTables_filter input:focus {
  border-color: var(--brand) !important;
  box-shadow: 0 0 0 3px rgba(255,92,0,.08) !important;
}
.dataTables_wrapper .dataTables_length select {
  border: 1px solid var(--ink-200) !important;
  border-radius: var(--r-sm) !important;
  padding: 4px 8px !important;
  font-size: 12.5px !important;
}
.dataTables_paginate { margin-top: 12px !important; }
.dataTables_paginate .paginate_button {
  border-radius: var(--r-sm) !important;
  padding: 5px 10px !important;
  margin: 0 2px !important;
  cursor: pointer !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: var(--ink-600) !important;
  border: 1px solid transparent !important;
  transition: all var(--t) !important;
  display: inline-block !important;
}
.dataTables_paginate .paginate_button:hover { background: var(--ink-100) !important; border-color: var(--ink-200) !important; color: var(--ink) !important; }
.dataTables_paginate .paginate_button.current { background: var(--brand) !important; color: #fff !important; border-color: var(--brand-dark) !important; }
.dataTables_paginate .paginate_button.disabled { opacity: .35 !important; cursor: default !important; }
table.dataTable thead th.sorting::after,
table.dataTable thead th.sorting_asc::after,
table.dataTable thead th.sorting_desc::after { color: var(--brand) !important; }
.uk-table td .uk-button-mini,
table.dataTable td .uk-button-mini {
  border-radius: var(--r-sm) !important;
  font-size: 11.5px !important;
  padding: 3px 9px !important;
  font-weight: 600 !important;
}

/* ════════════════════════════════════════════════════════
   BADGES / STATUS
════════════════════════════════════════════════════════ */

.uk-badge {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 2px 8px !important;
  border-radius: 20px !important;
}
.uk-badge-success { background: var(--success-bg) !important; color: var(--success) !important; border: 1px solid var(--success-border) !important; }
.uk-badge-warning { background: var(--warning-bg) !important; color: var(--warning) !important; border: 1px solid var(--warning-border) !important; }
.uk-badge-danger  { background: var(--error-bg)   !important; color: var(--error)   !important; border: 1px solid var(--error-border)   !important; }
.uk-badge-primary { background: var(--info-bg)    !important; color: var(--info)    !important; border: 1px solid var(--info-border)    !important; }

[class*="status-active"],  .label-success { background: var(--success-bg) !important; color: var(--success) !important; }
[class*="status-pending"], .label-warning { background: var(--warning-bg) !important; color: var(--warning) !important; }
[class*="status-inactive"],.label-danger  { background: var(--error-bg)   !important; color: var(--error)   !important; }
[class*="status-info"],    .label-info    { background: var(--info-bg)    !important; color: var(--info)    !important; }

/* ════════════════════════════════════════════════════════
   DROPDOWN
════════════════════════════════════════════════════════ */

.uk-dropdown {
  background: var(--surface) !important;
  border: 1px solid var(--ink-200) !important;
  border-radius: var(--r-xl) !important;
  box-shadow: var(--shadow-xl) !important;
  padding: 5px !important;
  min-width: 176px !important;
}
.uk-nav-dropdown > li > a {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--ink-700) !important;
  padding: 7px 11px !important;
  border-radius: var(--r-md) !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  transition: background var(--t) !important;
  text-decoration: none !important;
}
.uk-nav-dropdown > li > a:hover { background: var(--ink-50) !important; color: var(--ink) !important; }
.uk-nav-dropdown > li > a i { color: var(--ink-400) !important; font-size: 13px !important; }

/* ════════════════════════════════════════════════════════
   NOTIFICATIONS
════════════════════════════════════════════════════════ */

.uk-notify { right: 16px !important; top: 68px !important; }
.uk-notify-message {
  border-radius: var(--r-lg) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 12px 16px !important;
  box-shadow: var(--shadow-lg) !important;
  border-left: 4px solid currentColor !important;
}
.uk-notify-message-success { background: var(--success-bg) !important; color: var(--success) !important; }
.uk-notify-message-danger,
.uk-notify-message-warning { background: var(--error-bg) !important; color: var(--error) !important; }
.uk-notify-message-primary { background: var(--info-bg) !important; color: var(--info) !important; }

/* ════════════════════════════════════════════════════════
   ACCORDION
════════════════════════════════════════════════════════ */

.uk-accordion > li { border: 1px solid var(--ink-200) !important; border-radius: var(--r-md) !important; margin-bottom: 6px !important; overflow: hidden !important; }
.uk-accordion-title { font-size: 13.5px !important; font-weight: 600 !important; color: var(--ink) !important; padding: 11px 16px !important; background: var(--surface) !important; cursor: pointer !important; }
.uk-accordion-title:hover { background: var(--ink-50) !important; }
.uk-accordion-content { padding: 14px 16px !important; background: var(--surface) !important; border-top: 1px solid var(--ink-100) !important; }

/* ════════════════════════════════════════════════════════
   TYPOGRAPHY
════════════════════════════════════════════════════════ */

h1,h2,h3,h4,h5,h6,
.uk-h1,.uk-h2,.uk-h3,.uk-h4 {
  font-family: 'Inter', sans-serif !important;
  letter-spacing: -.3px !important;
  color: var(--ink) !important;
}
.uk-text-muted  { color: var(--ink-500) !important; }
.uk-text-small  { font-size: 12px !important; }
.uk-text-large  { font-size: 15px !important; }

form.report h3 .uk-text-success,
form.report h3 span[class*="uk-text"] {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: var(--success) !important;
  background: var(--success-bg) !important;
  border: 1px solid var(--success-border) !important;
  padding: 1px 8px !important;
  border-radius: 20px !important;
}

/* ════════════════════════════════════════════════════════
   SCROLLBARS
════════════════════════════════════════════════════════ */

::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--ink-200); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--ink-300); }

/* ════════════════════════════════════════════════════════
   PRELOADER
════════════════════════════════════════════════════════ */

.main-preloader {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(255,255,255,.85) !important;
  backdrop-filter: blur(4px) !important;
  display: none; /* jQuery: sem !important */
  z-index: 9999 !important;
}
.main-preloader .inner {
  position: absolute !important;
  top: 50% !important; left: 50% !important;
  transform: translate(-50%,-50%) !important;
}
.main-preloader .ploader {
  width: 32px !important; height: 32px !important;
  border: 2.5px solid var(--ink-200) !important;
  border-top-color: var(--brand) !important;
  border-radius: 50% !important;
  animation: spin .65s linear infinite !important;
}
@keyframes spin { to { transform: rotate(360deg); } }

/* ════════════════════════════════════════════════════════
   MISC
════════════════════════════════════════════════════════ */

div[style*="background:#f3989b"] {
  background: var(--brand) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 10px 24px !important;
  position: fixed !important;
  top: var(--header-h) !important;
  left: 0 !important; right: 0 !important;
  z-index: 1001 !important;
  text-align: center !important;
  color: #fff !important;
}
.main_wrapper > .clear,
.header_wrap > .clear { display: none !important; }
.commission_loader:empty::after { content: '...' !important; color: var(--ink-400) !important; animation: blink 1.2s infinite !important; }
@keyframes blink { 0%,100%{opacity:1} 50%{opacity:.3} }
.uploader_wrap {
  border: 1.5px dashed var(--ink-200) !important;
  border-radius: var(--r-lg) !important;
  padding: 24px !important;
  text-align: center !important;
  background: var(--ink-50) !important;
  transition: border-color var(--t), background var(--t) !important;
  cursor: pointer !important;
}
.uploader_wrap:hover { border-color: var(--brand) !important; background: var(--brand-xlight) !important; }
.colpick { border-radius: var(--r-md) !important; box-shadow: var(--shadow-xl) !important; border: 1px solid var(--ink-200) !important; }
.fancybox-skin { border-radius: var(--r-xl) !important; box-shadow: var(--shadow-xl) !important; padding: 24px !important; }
*:focus-visible { outline: 2px solid var(--brand) !important; outline-offset: 2px !important; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
.content_wrap { animation: fadeIn .18s ease both !important; }
.jqplot-target { font-family: 'Inter', sans-serif !important; }
.jqplot-axis-label, .jqplot-axis-tick { color: var(--ink-500) !important; font-size: 11px !important; }
.fa { font-family: "Font Awesome 6 Free", "FontAwesome" !important; font-weight: 900 !important; }

/* ════════════════════════════════════════════════════════
   RESPONSIVE
════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
  :root { --sidebar-w: 0px; }
  .left_panel { transform: translateX(-100%) !important; width: 232px !important; }
  .main_content { margin-left: 0 !important; padding: 16px !important; max-width: 100vw !important; }
  .header_wrap > .left:first-child { display: none !important; }
}

/* ════════════════════════════════════════════════════════
   iCHECK
════════════════════════════════════════════════════════ */

.icheckbox_minimal,
.iradio_minimal {
  width: 16px !important; height: 16px !important;
  border: 1.5px solid var(--ink-300) !important;
  border-radius: 4px !important;
  background: var(--surface) !important;
  background-image: none !important;
  cursor: pointer !important;
  display: inline-block !important;
  position: relative !important;
  vertical-align: middle !important;
  flex-shrink: 0 !important;
  transition: border-color var(--t), background var(--t) !important;
}
.iradio_minimal { border-radius: 50% !important; }
.icheckbox_minimal:hover, .iradio_minimal:hover { border-color: var(--brand) !important; }
.icheckbox_minimal.focus, .iradio_minimal.focus { border-color: var(--brand) !important; box-shadow: 0 0 0 3px rgba(255,92,0,.12) !important; }
.icheckbox_minimal.checked, .iradio_minimal.checked { background: var(--brand) !important; background-image: none !important; border-color: var(--brand) !important; }
.icheckbox_minimal.checked::after {
  content: '' !important; position: absolute !important;
  left: 4px !important; top: 1px !important;
  width: 5px !important; height: 9px !important;
  border: 1.5px solid #fff !important; border-top: none !important; border-left: none !important;
  transform: rotate(45deg) !important; display: block !important;
}
.iradio_minimal.checked::after {
  content: '' !important; position: absolute !important;
  left: 3px !important; top: 3px !important;
  width: 6px !important; height: 6px !important;
  background: #fff !important; border-radius: 50% !important; display: block !important;
}
.iCheck-helper { cursor: pointer !important; }
.icheckbox_square-orange, .iradio_square-orange {
  width: 16px !important; height: 16px !important;
  border: 1.5px solid var(--ink-300) !important;
  border-radius: 4px !important;
  background: var(--surface) !important;
  background-image: none !important;
  cursor: pointer !important; position: relative !important; display: inline-block !important;
  transition: border-color var(--t), background var(--t) !important;
}
.icheckbox_square-orange.checked, .iradio_square-orange.checked {
  background: var(--brand) !important; background-image: none !important; border-color: var(--brand) !important;
}
.icheckbox_square-orange.checked::after {
  content: '' !important; position: absolute !important;
  left: 4px !important; top: 1px !important;
  width: 5px !important; height: 9px !important;
  border: 1.5px solid #fff !important; border-top: none !important; border-left: none !important;
  transform: rotate(45deg) !important; display: block !important;
}

input[type="checkbox"], input[type="radio"] {
  -webkit-appearance: none !important; appearance: none !important;
  width: 16px !important; height: 16px !important;
  border: 1.5px solid var(--ink-300) !important; border-radius: 4px !important;
  background: var(--surface) !important; cursor: pointer !important;
  position: relative !important; vertical-align: middle !important;
  flex-shrink: 0 !important; transition: background var(--t), border-color var(--t) !important; margin: 0 !important;
}
input[type="radio"] { border-radius: 50% !important; }
input[type="checkbox"]:hover, input[type="radio"]:hover { border-color: var(--brand) !important; }
input[type="checkbox"]:checked, input[type="radio"]:checked { background: var(--brand) !important; border-color: var(--brand) !important; }
input[type="checkbox"]:checked::after {
  content: '' !important; position: absolute !important;
  left: 4px !important; top: 1px !important;
  width: 5px !important; height: 9px !important;
  border: 1.5px solid #fff !important; border-top: none !important; border-left: none !important;
  transform: rotate(45deg) !important; display: block !important;
}
input[type="radio"]:checked::after {
  content: '' !important; position: absolute !important;
  left: 3px !important; top: 3px !important;
  width: 6px !important; height: 6px !important;
  background: #fff !important; border-radius: 50% !important; display: block !important;
}
input[type="checkbox"]:focus, input[type="radio"]:focus { outline: none !important; border-color: var(--brand) !important; box-shadow: 0 0 0 3px rgba(255,92,0,.12) !important; }

/* ════════════════════════════════════════════════════════
   MERCHANT HEADER (painel do comerciante)
════════════════════════════════════════════════════════ */

.header_wrap .uk-h3 {
  font-size: 12.5px !important; font-weight: 600 !important;
  color: var(--ink) !important; background: var(--ink-50) !important;
  border: 1px solid var(--ink-200) !important; border-radius: var(--r-md) !important;
  padding: 5px 11px !important; display: flex !important; align-items: center !important;
  gap: 6px !important; cursor: default !important; margin: 0 !important;
}
.header_wrap .uk-h3 .merchant-status {
  width: 6px !important; height: 6px !important;
  background: var(--success) !important; border-radius: 50% !important; display: inline-block !important;
}
.merchant_total_balance { font-weight: 700 !important; color: var(--brand) !important; }
.header_wrap .icheck { transform: scale(1.05) !important; }

/* ════════════════════════════════════════════════════════
   LOGIN PAGE
════════════════════════════════════════════════════════ */

.login_logo { display: none !important; }

.login_wrap {
  position: fixed !important; inset: 0 !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  padding: 20px !important; overflow-y: auto !important;
  background:
    radial-gradient(ellipse 80% 60% at 70% 20%, rgba(255,92,0,.22) 0%, transparent 60%),
    radial-gradient(ellipse 50% 50% at 5% 90%,  rgba(255,92,0,.14) 0%, transparent 55%),
    radial-gradient(ellipse 40% 40% at 90% 75%, rgba(224,77,0,.10) 0%, transparent 50%),
    #0D1117 !important;
}
.login_wrap .uk-panel-box {
  position: relative !important; width: 390px !important; max-width: 100% !important;
  float: none !important; margin: auto !important; padding: 40px !important;
  border-radius: 18px !important;
  box-shadow: 0 32px 96px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.06) !important;
  border: none !important; background: rgba(22,27,34,.96) !important;
  backdrop-filter: blur(20px) !important;
}
.login_wrap .uk-panel-box::before {
  content: '' !important; display: block !important;
  width: 52px !important; height: 52px !important; margin: 0 auto 20px !important;
  background: var(--brand) !important; border-radius: 14px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2L2 7l10 5 10-5-10-5z' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2 17l10 5 10-5' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2 12l10 5 10-5' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-size: 27px !important; background-repeat: no-repeat !important;
  background-position: center !important; box-shadow: 0 8px 24px rgba(255,92,0,.45) !important;
}
.login_wrap h3.uk-h3 {
  font-size: 20px !important; font-weight: 700 !important; color: #E2E8F0 !important;
  text-align: center !important; margin: 0 0 4px !important; letter-spacing: -.4px !important;
}
.login_wrap h3.uk-h3::after {
  display: block !important; content: 'Painel de controle da plataforma' !important;
  font-size: 13px !important; font-weight: 400 !important; color: #64748B !important;
  letter-spacing: 0 !important; margin-top: 4px !important;
}
.login_wrap .uk-form input[type="text"],
.login_wrap .uk-form input[type="password"] {
  height: 44px !important; font-size: 14px !important;
  border-radius: var(--r-lg) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  background: rgba(255,255,255,.05) !important;
  color: #E2E8F0 !important; padding-left: 14px !important; width: 100% !important;
}
.login_wrap .uk-form input[type="text"]::placeholder,
.login_wrap .uk-form input[type="password"]::placeholder { color: #475569 !important; }
.login_wrap .uk-form input:focus {
  border-color: var(--brand) !important;
  background: rgba(255,255,255,.08) !important;
  box-shadow: 0 0 0 3px rgba(255,92,0,.15) !important;
  color: #F1F5F9 !important;
}
body .login_wrap button,
body .login_wrap input[type="submit"],
body .login_wrap .uk-button-primary,
body .content .login_wrap button,
body .content .login_wrap input[type="submit"] {
  width: 100% !important; height: 46px !important;
  font-size: 14px !important; font-weight: 700 !important;
  border-radius: var(--r-lg) !important; justify-content: center !important;
  background: var(--brand) !important; color: #fff !important; border: none !important;
  box-shadow: 0 6px 20px rgba(255,92,0,.45) !important;
  transition: all var(--t-med) !important; text-shadow: none !important; background-image: none !important;
}
body .login_wrap button:hover,
body .login_wrap input[type="submit"]:hover,
body .content .login_wrap button:hover {
  background: var(--brand-dark) !important;
  box-shadow: 0 10px 28px rgba(255,92,0,.52) !important;
  transform: translateY(-1px) !important; color: #fff !important;
}
.login_wrap a:not(.uk-button) {
  color: #FF7A30 !important; font-size: 13px !important; font-weight: 500 !important;
  text-decoration: none !important; display: block !important;
  text-align: center !important; margin-top: 14px !important;
}
.login_wrap a:not(.uk-button):hover { color: var(--brand) !important; text-decoration: underline !important; }

/* ════════════════════════════════════════════════════════
   THEME TOGGLE BUTTON
════════════════════════════════════════════════════════ */

#theme-toggle {
  background: transparent !important;
  border: 1px solid var(--ink-200) !important;
  color: var(--ink-600) !important;
  width: 34px !important; height: 34px !important;
  padding: 0 !important; gap: 0 !important;
  display: inline-flex !important;
  align-items: center !important; justify-content: center !important;
  border-radius: var(--r-md) !important;
  font-size: 14px !important; cursor: pointer !important;
  transition: all var(--t) !important;
  box-shadow: none !important;
}
#theme-toggle:hover {
  background: var(--ink-100) !important;
  border-color: var(--ink-300) !important;
  color: var(--ink) !important;
  transform: none !important;
}

/* ════════════════════════════════════════════════════════
   SIDEBAR ICONS — ícones modernos FA6 por href
════════════════════════════════════════════════════════ */

/* Garante font-family correta para todos os ícones na sidebar */
.left_panel a i.fa,
.left_panel a i[class^="fa"] {
  font-family: "Font Awesome 6 Free", "FontAwesome" !important;
  font-weight: 900 !important;
  font-style: normal !important;
}

/* Ícones por rota */
.left_panel a[href*="/admin/dashboard"] i::before               { content: "\f015" !important; } /* house */
.left_panel a[href$="/admin/merchant"] i::before                { content: "\f54e" !important; } /* store */
.left_panel a[href*="sponsored"] i::before                      { content: "\f005" !important; } /* star */
.left_panel a[href*="/admin/packages"] i::before                { content: "\f466" !important; } /* box */
.left_panel a[href*="/admin/cuisine"] i::before                 { content: "\f02b" !important; } /* tag */
.left_panel a[href*="/admin/dishes"] i::before                  { content: "\f2e7" !important; } /* utensils */
.left_panel a[href*="order-status"] i::before                   { content: "\f058" !important; } /* circle-check */
.left_panel a[href*="incomingorders"] i::before                 { content: "\f01c" !important; } /* inbox */
.left_panel a[href*="cancel"] i::before                         { content: "\f057" !important; } /* circle-xmark */
.left_panel a[href$="/admin/settings"] i::before                { content: "\f013" !important; } /* gear */
.left_panel a[href*="themesettings"] i::before                  { content: "\f53f" !important; } /* palette */
.left_panel a[href*="managelocation"] i::before                 { content: "\f3c5" !important; } /* location-dot */
.left_panel a[href*="commision"] i::before                      { content: "\f541" !important; } /* percent */
.left_panel a[href*="/admin/voucher"] i::before                 { content: "\f145" !important; } /* ticket */
.left_panel a[href*="/admin/invoice"] i::before                 { content: "\f570" !important; } /* file-invoice */
.left_panel a[href*="merchantcommission"] i::before             { content: "\f2b5" !important; } /* handshake */
.left_panel a[href*="incomingwithdrawal"] i::before             { content: "\f53a" !important; } /* money-bill-wave */
.left_panel a[href*="withdrawalsettings"] i::before             { content: "\f53c" !important; } /* money-check */
.left_panel a[href*="emailsettings"] i::before                  { content: "\f0e0" !important; } /* envelope */
.left_panel a[href*="emailtpl"] i::before                       { content: "\f658" !important; } /* envelope-open-text */
.left_panel a[href*="notisettings"] i::before                   { content: "\f0f3" !important; } /* bell */
.left_panel a[href*="emailogs"] i::before                       { content: "\f1da" !important; } /* history */
.left_panel a[href*="cronjobs"] i::before                       { content: "\f017" !important; } /* clock */
.left_panel a[href*="custom-page"] i::before                    { content: "\f15c" !important; } /* file */
.left_panel a[href*="/admin/ratings"] i::before                 { content: "\f089" !important; } /* star-half */
.left_panel a[href*="contact-settings"] i::before               { content: "\f2bb" !important; } /* address-card */
.left_panel a[href*="social-settings"] i::before                { content: "\f1e0" !important; } /* share-nodes */
.left_panel a[href*="manage-currency"] i::before                { content: "\f155" !important; } /* dollar-sign */
.left_panel a[href*="manage-language"] i::before                { content: "\f1ab" !important; } /* language */
.left_panel a[href*="/admin/seo"] i::before                     { content: "\f002" !important; } /* magnifying-glass */
.left_panel a[href*="exportmanager"] i::before                  { content: "\f56e" !important; } /* file-export */
.left_panel a[href*="mobileapp"] i::before                      { content: "\f3cd" !important; } /* mobile */
.left_panel a[href*="pointsprogram"] i::before                  { content: "\f06b" !important; } /* gift */
.left_panel a[href*="merchantapp"] i::before                    { content: "\f54f" !important; } /* shop */
.left_panel a[href*="printer"] i::before                        { content: "\f02f" !important; } /* print */
.left_panel a[href*="singlemerchant"] i::before                 { content: "\f7d9" !important; } /* shop-lock */
.left_panel a[href*="/admin/analytics"] i::before               { content: "\f201" !important; } /* chart-line */
.left_panel a[href*="customerlist"] i::before                   { content: "\f0c0" !important; } /* users */
.left_panel a[href*="subscriberlist"] i::before                 { content: "\f1fa" !important; } /* at */
.left_panel a[href*="/admin/reviews"] i::before                 { content: "\f086" !important; } /* comments */
.left_panel a[href*="bankdeposit"] i::before                    { content: "\f19c" !important; } /* building-columns */
.left_panel a[href*="paymentgateway"] i::before                 { content: "\f09d" !important; } /* credit-card */
.left_panel a[href*="paypal"] i::before                         { content: "\f09d" !important; } /* credit-card */
.left_panel a[href*="cardpayment"] i::before                    { content: "\f09d" !important; } /* credit-card */
.left_panel a[href*="stripe"] i::before                         { content: "\f09d" !important; } /* credit-card */
.left_panel a[href*="mercadopago"] i::before                    { content: "\f09d" !important; } /* credit-card */
.left_panel a[href*="sisow"] i::before                          { content: "\f09d" !important; } /* credit-card */
.left_panel a[href*="payumoney"] i::before,
.left_panel a[href*="payumoneny"] i::before                     { content: "\f09d" !important; } /* credit-card */
.left_panel a[href*="obdsettings"] i::before                    { content: "\f19c" !important; } /* bank */
.left_panel a[href*="paysera"] i::before                        { content: "\f09d" !important; } /* credit-card */
.left_panel a[href*="payondelivery"] i::before                  { content: "\f0d1" !important; } /* truck */
.left_panel a[href*="barclay"] i::before                        { content: "\f09d" !important; } /* credit-card */
.left_panel a[href*="epaybg"] i::before                         { content: "\f09d" !important; } /* credit-card */
.left_panel a[href*="authorize"] i::before                      { content: "\f09d" !important; } /* credit-card */
.left_panel a[href*="braintree"] i::before                      { content: "\f09d" !important; } /* credit-card */
.left_panel a[href*="razor"] i::before                          { content: "\f09d" !important; } /* credit-card */
.left_panel a[href*="voguepay"] i::before                       { content: "\f09d" !important; } /* credit-card */
.left_panel a[href*="sms-settings"] i::before                   { content: "\f7cd" !important; } /* comment-sms */
.left_panel a[href*="sms-package"] i::before                    { content: "\f466" !important; } /* box */
.left_panel a[href*="smstransaction"] i::before                 { content: "\f362" !important; } /* rotate (transaction) */
.left_panel a[href*="smslogs"] i::before                        { content: "\f1da" !important; } /* history */
.left_panel a[href*="faxtransaction"] i::before                 { content: "\f362" !important; } /* rotate */
.left_panel a[href*="faxpackage"] i::before                     { content: "\f466" !important; } /* box */
.left_panel a[href*="faxlogs"] i::before                        { content: "\f1da" !important; } /* history */
.left_panel a[href*="faxsettings"] i::before                    { content: "\f1ac" !important; } /* fax */
.left_panel a[href*="rpt-"] i::before,
.left_panel a[href*="rptmerchant"] i::before,
.left_panel a[href*="rptbooking"] i::before                     { content: "\f080" !important; } /* chart-bar */
.left_panel a[href*="userlist"] i::before                       { content: "\f505" !important; } /* user-shield */
.left_panel a[href*="logout"] i::before                         { content: "\f2f5" !important; } /* right-from-bracket */

/* Sidebar visual aprimorado */
.left_panel ul li.uk-nav-header {
  font-size: 9.5px !important;
  letter-spacing: 1.2px !important;
  color: var(--ink-400) !important;
  padding: 16px 16px 3px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.left_panel ul li.uk-nav-header::before {
  content: '' !important;
  display: block !important;
  flex: 1 !important;
  height: 1px !important;
  background: var(--ink-200) !important;
  opacity: .6 !important;
  order: 1 !important;
}
.left_panel ul li a i.fa,
.left_panel ul li a i[class^="fa"] {
  width: 20px !important;
  text-align: center !important;
  font-size: 13px !important;
}