/* =========================================================================
   Elite Tech Force - UVdesk agent panel theme ("Mixto")
   Dark sidebar + top bar in the brand colours, light work area.
   Tables, editors and forms inside the work area keep UVdesk's light styles
   on purpose (dark tables/editors are hard to read).
   ========================================================================= */

:root {
  --etf-bg: #0b1220;
  --etf-panel: #0f1a2e;
  --etf-panel2: #0d1628;
  --etf-text: #e8eefc;
  --etf-muted: #b9c6e8;
  --etf-acc: #6ee7ff;
  --etf-acc2: #9b8cff;
  --etf-cta: #a6d632;
  --etf-cta-hover: #b8e642;
  --etf-cta-text: #0b1220;
  --etf-border: rgba(255, 255, 255, .10);
  --etf-work: #f5f7fb;
  --etf-ink: #1b2436;
  --etf-link: #1d6fb8;
}

body.etf-admin {
  background: var(--etf-work) !important;
  color: var(--etf-ink);
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
body.etf-admin :focus-visible { outline: 3px solid var(--etf-acc); outline-offset: 2px; }

/* ---------- sidebar ---------- */
body.etf-admin .uv-sidebar {
  background: var(--etf-bg) !important;
  border-right: 1px solid var(--etf-border) !important;
  box-shadow: none !important;
}
body.etf-admin .uv-sidebar .uv-soft-top { border-bottom: 1px solid var(--etf-border); }
body.etf-admin .uv-sidebar .uv-logo {
  background: url("logo.png") left center / contain no-repeat;
  min-width: 150px; min-height: 34px;
}
body.etf-admin .uv-sidebar .uv-hamburger svg path { fill: var(--etf-muted) !important; }
body.etf-admin .uv-sidebar ul.uv-menubar li a {
  color: var(--etf-muted) !important;
  border-left: 3px solid transparent !important;
  transition: background .15s ease, color .15s ease;
}
body.etf-admin .uv-sidebar ul.uv-menubar li a svg path,
body.etf-admin .uv-sidebar ul.uv-menubar li a svg { fill: var(--etf-muted) !important; }
body.etf-admin .uv-sidebar ul.uv-menubar li a:hover {
  background: rgba(255, 255, 255, .05) !important;
  color: var(--etf-text) !important;
}
body.etf-admin .uv-sidebar ul.uv-menubar li a:hover svg path { fill: var(--etf-text) !important; }
body.etf-admin .uv-sidebar ul.uv-menubar li a.uv-item-active,
body.etf-admin .uv-sidebar ul.uv-menubar li .uv-item-active {
  background: rgba(110, 231, 255, .08) !important;
  color: var(--etf-acc) !important;
  border-left-color: var(--etf-cta) !important;
}
body.etf-admin .uv-sidebar ul.uv-menubar li a.uv-item-active svg path,
body.etf-admin .uv-sidebar ul.uv-menubar li .uv-item-active svg path { fill: var(--etf-acc) !important; }
body.etf-admin .uv-sidebar .uv-menu-item,
body.etf-admin .uv-sidebar .uv-menu-item span { color: inherit !important; }
body.etf-admin .uv-sidebar ul.uv-menubar.uv-language { background: var(--etf-bg); }
body.etf-admin .uv-sidebar ul.uv-menubar.uv-language .uv-menu-item span[style] { color: var(--etf-muted) !important; }
/* the language dropdown and other menus opened from the sidebar stay light */
body.etf-admin .uv-sidebar .uv-dropdown-list,
body.etf-admin .uv-sidebar .uv-dropdown-list li { color: var(--etf-ink) !important; }

/* ---------- top bar ---------- */
body.etf-admin .uv-navbar {
  background: var(--etf-panel) !important;
  border-bottom: 1px solid var(--etf-border) !important;
  box-shadow: none !important;
}
body.etf-admin .uv-navbar .uv-search-inline,
body.etf-admin .uv-navbar input[type="text"],
body.etf-admin .uv-navbar input[type="search"] {
  background-color: var(--etf-panel2) !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  border-radius: 999px !important;
  color: var(--etf-text) !important;
}
body.etf-admin .uv-navbar input::placeholder { color: #8a99c2 !important; }
body.etf-admin .uv-navbar .uv-icon-aside-menu,
body.etf-admin .uv-navbar .uv-icon-search { filter: invert(1) brightness(1.4); }
body.etf-admin .uv-navbar .uv-action-new {
  background: var(--etf-cta) !important;
  box-shadow: 0 6px 18px rgba(166, 214, 50, .25) !important;
}
body.etf-admin .uv-navbar .uv-action-new svg path { fill: var(--etf-cta-text) !important; }
body.etf-admin .uv-navbar .uv-action-new:hover { background: var(--etf-cta-hover) !important; }
body.etf-admin .uv-navbar .uv-profile img,
body.etf-admin .uv-navbar .uv-profile-avatar img { border-radius: 50%; box-shadow: 0 0 0 2px rgba(110, 231, 255, .5); }
body.etf-admin .uv-navbar .uv-notification-list svg path { fill: var(--etf-muted); }
body.etf-admin .goog-te-gadget-simple { background: transparent !important; border-color: rgba(255, 255, 255, .18) !important; border-radius: 999px; }
body.etf-admin .goog-te-gadget-simple .goog-te-menu-value span { color: var(--etf-muted) !important; }
/* dropdowns opened from the top bar stay light */
body.etf-admin .uv-navbar .uv-dropdown-list { color: var(--etf-ink); }

/* ---------- work area (light) ---------- */
body.etf-admin .uv-wrapper,
body.etf-admin .uv-container { background: transparent !important; }
body.etf-admin .uv-wrapper a:not(.uv-btn):not(.uv-btn-small):not(.uv-btn-tag):not([class*="uv-btn"]) { color: var(--etf-link); }
body.etf-admin h1, body.etf-admin .uv-page-heading { color: var(--etf-ink); }

/* buttons: lime pill for primary actions, outlined secondary stays readable */
body.etf-admin .uv-btn,
body.etf-admin .uv-btn-small,
body.etf-admin .uv-btn-large,
body.etf-admin .uv-btn-action,
body.etf-admin .uv-btn-label {
  background: var(--etf-cta) !important;
  border-color: var(--etf-cta) !important;
  color: var(--etf-cta-text) !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
body.etf-admin .uv-btn:hover,
body.etf-admin .uv-btn-small:hover,
body.etf-admin .uv-btn-large:hover,
body.etf-admin .uv-btn-action:hover,
body.etf-admin .uv-btn-label:hover {
  background: var(--etf-cta-hover) !important;
  border-color: var(--etf-cta-hover) !important;
  color: var(--etf-cta-text) !important;
}
body.etf-admin .uv-btn-stroke {
  background: #fff !important;
  color: var(--etf-ink) !important;
  border: 1px solid #c9d2e3 !important;
  border-radius: 999px !important;
}
body.etf-admin .uv-btn-stroke:hover { border-color: var(--etf-ink) !important; }
body.etf-admin .uv-btn svg path,
body.etf-admin .uv-btn-action svg path { fill: var(--etf-cta-text) !important; }

/* tabs, active filters and checkboxes pick up the accent */
body.etf-admin .uv-tab-active,
body.etf-admin .uv-nav-tab .uv-tab-active { border-bottom-color: var(--etf-cta) !important; }
body.etf-admin input[type="checkbox"],
body.etf-admin input[type="radio"] { accent-color: #6b9a12; }
body.etf-admin .uv-field:focus,
body.etf-admin input:focus,
body.etf-admin select:focus,
body.etf-admin textarea:focus { border-color: #4fb8d6 !important; box-shadow: 0 0 0 3px rgba(110, 231, 255, .25) !important; }

/* panels in the work area: white cards with soft borders */
body.etf-admin .uv-aside,
body.etf-admin .uv-aside-ticket-block { background: #fff !important; }
body.etf-admin .uv-ticket-strip,
body.etf-admin .uv-table { border-radius: 12px; }

/* customer-facing pages that share this layout (forgot / reset password) */
body.etf-admin .uv-large-box-rt { background: var(--etf-work) !important; }
body.etf-admin .uv-large-box-lt { background: var(--etf-bg) !important; }
body.etf-admin .uv-center-box,
body.etf-admin .uv-adjacent-center { max-width: 100%; }
@media (max-width: 640px) {
  body.etf-admin .uv-large-box-lt { display: none !important; }
  body.etf-admin .uv-large-box-plank,
  body.etf-admin .uv-large-box-rt { display: block !important; }
  body.etf-admin .uv-large-box-rt { width: 100% !important; padding-left: 16px !important; padding-right: 16px !important; }
  body.etf-admin .uv-large-box-rt,
  body.etf-admin .uv-center-box,
  body.etf-admin .uv-adjacent-center,
  body.etf-admin .uv-large-box-rt form,
  body.etf-admin .uv-large-box-rt input { min-width: 0 !important; max-width: 100% !important; width: 100% !important; box-sizing: border-box; }
}


/* =========================================================================
   Review 2 (Armando): logo, no Google Translate, calmer menu, card-style dashboard
   ========================================================================= */

/* ETF logo instead of the UVdesk SVG that sidebar.html.twig injects by JS */
body.etf-admin .uv-sidebar .uv-soft-top a.uv-logo {
  background: url("logo.png") left center / contain no-repeat !important;
  width: 190px !important; height: 44px !important; margin: 14px 14px !important;
}
body.etf-admin .uv-sidebar .uv-soft-top a.uv-logo svg { display: none !important; }
/* collapsed sidebar (UVdesk marks it .uv-sidebar-active) is icon-only: no logo there */
body.etf-admin .uv-sidebar.uv-sidebar-active .uv-soft-top a.uv-logo { background: none !important; width: 0 !important; margin: 0 !important; }

/* Google Translate widget: unreadable on the dark bar and redundant with the language menu */
body.etf-admin #google_translate_element,
body.etf-admin .goog-te-gadget,
body.etf-admin .skiptranslate.goog-te-gadget { display: none !important; }

/* sidebar menu: normal case, calmer weight */
body.etf-admin .uv-sidebar ul.uv-menubar li a .uv-menu-item {
  text-transform: none !important; font-weight: 600 !important; font-size: 15px !important; letter-spacing: 0 !important;
}

/* dashboard: cards instead of big dark circles */
body.etf-admin .uv-container .uv-brick { margin-bottom: 32px; }
body.etf-admin .uv-container .uv-brick .uv-brick-head h6 {
  color: #5b6884 !important; font-size: 13px !important; letter-spacing: .08em; text-transform: uppercase; margin: 0;
}
body.etf-admin .uv-container .uv-brick .uv-brick-head p { color: #5b6884; font-size: 14px; }
body.etf-admin .uv-container .uv-brick .uv-brick-section { display: flex; flex-wrap: wrap; gap: 14px; }
body.etf-admin .uv-container .uv-brick .uv-brick-section > a { text-decoration: none !important; }
body.etf-admin .uv-paper .uv-container .uv-brick .uv-brick-section .uv-brick-container,
body.etf-admin .uv-container .uv-brick .uv-brick-section .uv-brick-container {
  display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 10px;
  width: 150px; max-width: 150px; min-height: 120px; margin: 0 !important; padding: 18px 12px;
  background: #fff; border: 1px solid #e1e7f0; border-radius: 14px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
body.etf-admin .uv-container .uv-brick .uv-brick-section > a:hover .uv-brick-container {
  border-color: #a6d632; box-shadow: 0 8px 20px rgba(16, 24, 40, .08); transform: translateY(-2px);
}
body.etf-admin .uv-paper .uv-container .uv-brick .uv-brick-section .uv-brick-icon,
body.etf-admin .uv-container .uv-brick .uv-brick-section .uv-brick-icon {
  width: 52px !important; height: 52px !important; padding: 13px !important; border-radius: 12px !important;
  background: #e8f9fd !important; background-image: none !important; box-shadow: none !important;
  display: flex; align-items: center; justify-content: center;
}
body.etf-admin .uv-container .uv-brick .uv-brick-section .uv-brick-icon svg { width: 26px !important; height: 26px !important; }
body.etf-admin .uv-paper .uv-container .uv-brick .uv-brick-section .uv-brick-icon svg path,
body.etf-admin .uv-container .uv-brick .uv-brick-section .uv-brick-icon svg path { fill: #0e7490 !important; }
body.etf-admin .uv-paper .uv-container .uv-brick .uv-brick-section .uv-brick-icon:hover,
body.etf-admin .uv-container .uv-brick .uv-brick-section .uv-brick-icon:hover { background: #e8f9fd !important; background-image: none !important; box-shadow: none !important; }
body.etf-admin .uv-container .uv-brick .uv-brick-section .uv-brick-container p {
  margin: 0; color: #1b2436 !important; font-size: 13.5px; font-weight: 600; line-height: 1.3; text-transform: none !important; text-align: center;
}
/* expanded sidebar on wide screens: ETF logo next to the menu button (UVdesk hides it >= 1400px) */
@media (min-width: 1400px) {
  body.etf-admin .uv-sidebar:not(.uv-sidebar-active) .uv-soft-top { display: flex; align-items: center; justify-content: space-between; }
  body.etf-admin .uv-sidebar:not(.uv-sidebar-active) .uv-soft-top a.uv-logo { display: inline-block !important; }
  body.etf-admin .uv-sidebar:not(.uv-sidebar-active) .uv-soft-top .uv-hamburger { display: block !important; margin: 0 18px 0 0 !important; }
}
/* below 1400px the sidebar is an icon rail: no logo */
@media (max-width: 1399px) {
  body.etf-admin .uv-sidebar .uv-soft-top a.uv-logo { background: none !important; width: 0 !important; margin: 0 !important; }
}