/* WME Neo — files.winmentor.ro shared additions. Loaded on EVERY page after neo-core.css.
   Covers the component families this app has that the portal core never met (>= 2 pages each):
   help widget (.help-*), patch-notes widget, profile modal (#profileModal + .modal-tabs), custom dropdown,
   products list, JS-built toasts with inline colours, breadcrumbs, hero badges.
   Scoped to html[data-skin="neo"]; tokens only; !important only against inline style="" colours. */

/* ---------- Vars this app references but common.css never defined (dormant in Classic, resolved in Neo) ---------- */
html[data-skin="neo"] { --bg-secondary: var(--neo-surface); --primary-dark: var(--neo-accent-2); }

/* ---------- Header ---------- */
/* Bar, plate (.wme-top = the whole middle column), logos and pill are styled by the verbatim neo-core.css; the markup follows
   the handover header spec (base grid 120px | 1fr | 120px, unscoped in common.css). One local refinement (owner, 28/08/2026):
   the middle column is exactly the content panel's width — 1fr | min(80%, 1900px) | 1fr with no horizontal wrap padding, so
   .wme-top, the hero wrap and .main-wrapper share the same edges. Below 1480px the side columns would be too narrow for the
   pill, so the spec's 120px | 1fr | 120px grid applies there. */
html[data-skin="neo"] .wme-bar .wme-wrap { grid-template-columns: 1fr min(80%, 1900px) 1fr; padding: 10px 0; }
html[data-skin="neo"].neo-scrolled .wme-bar .wme-wrap { padding: 6px 0; }
html[data-skin="neo"] .wme-bar .lang-switcher { margin-right: 16px; }
@media (max-width: 1479px) {
  html[data-skin="neo"] .wme-bar .wme-wrap { grid-template-columns: 120px 1fr 120px; padding: 10px 24px; }
  html[data-skin="neo"].neo-scrolled .wme-bar .wme-wrap { padding: 6px 24px; }
  html[data-skin="neo"] .wme-bar .lang-switcher { margin-right: 0; }
}
@media (max-width: 768px) {
  html[data-skin="neo"] .wme-bar .wme-wrap { grid-template-columns: 1fr; padding: 8px 14px; }
}

/* ---------- Hero (spec: title/description left, chip left + actions right on one row, edges aligned with the panel) ---------- */
html[data-skin="neo"] section.wme-hero { padding-left: 0; padding-right: 0; }   /* the 80% wrap must equal .main-wrapper's 80% */
html[data-skin="neo"] .wme-hero .wme-wrap { display: flex; flex-direction: column; align-items: stretch; }
html[data-skin="neo"] .wme-hero p { margin: 0; }
html[data-skin="neo"] .hero-content { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
html[data-skin="neo"] .header-controls { display: flex; align-items: center; flex-wrap: wrap; margin: 0; }
/* note: common.css forces hero buttons to 34px with !important (.header-controls .btn); the spec's 30px "small" size is not applied here on purpose */
html[data-skin="neo"] .wme-hero h1 i { color: var(--neo-accent); font-size: 18px; margin-right: 6px; }
html[data-skin="neo"] .hero-user-greeting .user-type-badge { font-size: 13px; margin-left: 2px; }
html[data-skin="neo"] .badge-admin { background: var(--primary-light); color: var(--neo-accent); border-color: transparent; text-transform: none; }
html[data-skin="neo"] .badge-user { background: var(--neo-success-bg); color: var(--neo-success); border-color: transparent; text-transform: none; }
html[data-skin="neo"] .badge { text-transform: none; white-space: nowrap; }
/* badges recoloured inline from JS (user type, auth source, locked/disabled pills): keep the colour, guarantee legible text */
html[data-skin="neo"] .badge[style*="background"] { color: #fff !important; border-color: transparent; }

/* ---------- Sections are content-sized ----------
   common.css gives .section "height: 100%". Classic never resolves it (the panel is a block), but Neo core makes .main-wrapper a
   column flex container and .container a stretched item, and html/body are height: 100% — the chain becomes definite and every
   section turned exactly one container tall, so long content (the "Toti Utilizatorii" table) overflowed the section bottom.
   The dashboard grid re-enables height: 100% for its two cells in neo-dashboard.css (higher specificity, loaded later). */
html[data-skin="neo"] .section { height: auto; min-height: 0; }

/* ---------- Breadcrumbs (inline-styled divs, ids end with -breadcrumb) ---------- */
html[data-skin="neo"] [id$="-breadcrumb"] {
  background: var(--neo-surface-2) !important; border: 1px solid var(--neo-border); border-radius: 10px !important;
  font-size: 13px !important; color: var(--neo-muted); font-variant-numeric: tabular-nums;
}
html[data-skin="neo"] [id$="-breadcrumb"] i { color: var(--neo-accent); }
html[data-skin="neo"] [id$="-breadcrumb"] span { color: var(--neo-text); }

/* ---------- Toasts built by JS with inline colours (common.js, upload.js, admin page) ---------- */
html[data-skin="neo"] .notification:empty { display: none; }               /* placeholders like #notification must not paint an empty box */
html[data-skin="neo"] .notification[style] {
  background: var(--neo-surface) !important; color: var(--neo-text) !important;
  border: 1px solid var(--neo-border); border-radius: var(--neo-r) !important; box-shadow: var(--neo-shadow-lg) !important;
  padding: 12px 16px 14px !important; font-weight: 500; font-size: 13.5px;
}
html[data-skin="neo"] .notification-warning::after { background: var(--neo-warning); }
html[data-skin="neo"] .notification-info::after { background: var(--neo-info); }
html[data-skin="neo"] #notification-container > div > div[style] {
  background: var(--neo-surface) !important; color: var(--neo-text) !important;
  border: 1px solid var(--neo-border); border-radius: var(--neo-r) !important; box-shadow: var(--neo-shadow-lg) !important; font-size: 13.5px;
}
html[data-skin="neo"] #notification-container i.fa-check-circle { color: var(--neo-success); }
html[data-skin="neo"] #notification-container i.fa-exclamation-circle { color: var(--neo-danger); }
html[data-skin="neo"] #notification-container i.fa-exclamation-triangle { color: #b45309; }
html[data-skin="neo"][data-theme="dark"] #notification-container i.fa-exclamation-triangle { color: var(--neo-warning); }
html[data-skin="neo"] #notification-container i.fa-info-circle { color: var(--neo-info); }
html[data-skin="neo"] #notification-container button[style] { color: var(--neo-muted) !important; }

/* Inline notices inside forms */
html[data-skin="neo"] .notification-inline {
  border: 1px solid var(--neo-border); border-left-width: 1px; border-radius: var(--neo-r-sm);
  background: var(--neo-surface-2); color: var(--neo-text); font-size: 13px; padding: 12px 14px;
}
html[data-skin="neo"] .notification-inline.info { background: var(--neo-info-bg); color: #0369a1; border-color: transparent; }
html[data-skin="neo"][data-theme="dark"] .notification-inline.info { color: var(--neo-info); }
html[data-skin="neo"] .notification-inline.success { background: var(--neo-success-bg); color: var(--neo-success); border-color: transparent; }
html[data-skin="neo"] .notification-inline.error { background: var(--neo-danger-bg); color: var(--neo-danger); border-color: transparent; }
html[data-skin="neo"] .notification-inline i { color: inherit; }

/* ---------- Profile modal (#profileModal is the dialog itself; .modal-overlay is the backdrop) ---------- */
html[data-skin="neo"] .modal-overlay { background: rgba(2, 6, 23, .55); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
html[data-skin="neo"] #profileModal.modal {
  background: var(--neo-surface); -webkit-backdrop-filter: none; backdrop-filter: none;
  border: 1px solid var(--neo-border); border-radius: 16px; box-shadow: var(--neo-shadow-lg); animation: neoModalIn .22s var(--neo-ease);
}
html[data-skin="neo"] #profileModal .modal-header { padding: 18px 22px; background: transparent; border-bottom: 1px solid var(--neo-border); }
html[data-skin="neo"] #profileModal .modal-header h2 { font-size: 16px; font-weight: 600; letter-spacing: -.01em; color: var(--neo-text); }
html[data-skin="neo"] #profileModal .modal-header h2 i { color: var(--neo-accent); }
html[data-skin="neo"] #profileModal .modal-close { border-radius: 8px; color: var(--neo-muted); background: transparent; }
html[data-skin="neo"] #profileModal .modal-close:hover { background: var(--neo-surface-2); color: var(--neo-text); transform: none; }
html[data-skin="neo"] #profileModal .modal-body { padding: 22px; }
html[data-skin="neo"] #profileModal .form-group label { font-size: 12px; font-weight: 600; color: var(--neo-muted); letter-spacing: .01em; margin-bottom: 6px; gap: 6px; }
html[data-skin="neo"] #profileModal .form-group label i { color: var(--neo-accent); font-size: 12px; }
html[data-skin="neo"] #profileModal .form-group input, html[data-skin="neo"] #profileModal .form-group select { border: 1px solid var(--neo-border-strong); border-radius: var(--neo-r-sm); background: var(--neo-surface); color: var(--neo-text); font-size: 13.5px; min-height: 36px; box-shadow: var(--neo-shadow-sm); }
html[data-skin="neo"] #profileModal .form-group input:focus, html[data-skin="neo"] #profileModal .form-group select:focus { border-color: var(--neo-accent); box-shadow: var(--neo-ring); }
html[data-skin="neo"] #profileModal .form-group input[readonly] { background: var(--neo-surface-2); color: var(--neo-muted); box-shadow: none; }
html[data-skin="neo"] #profileModal .form-group small { color: var(--neo-muted); font-size: 12px; }
html[data-skin="neo"] .modal-tabs {
  display: flex; gap: 2px; padding: 3px; margin: 14px 22px 0;
  background: var(--neo-surface-2); border: 1px solid var(--neo-border); border-bottom: 1px solid var(--neo-border); border-radius: var(--neo-r-sm);
}
html[data-skin="neo"] .modal-tab {
  flex: 1; border: 0; border-bottom: 0; border-radius: 8px; padding: 7px 14px;
  background: transparent; color: var(--neo-muted); font-size: 13px; font-weight: 500;
  transition: background var(--neo-dur), color var(--neo-dur), box-shadow var(--neo-dur);
}
html[data-skin="neo"] .modal-tab:hover { background: transparent; color: var(--neo-text); }
html[data-skin="neo"] .modal-tab.active { background: var(--neo-surface); color: var(--neo-accent); border-bottom: 0; box-shadow: var(--neo-shadow-sm); }
html[data-skin="neo"] .modal-tab:focus-visible { outline: none; box-shadow: var(--neo-ring); }
html[data-skin="neo"] .form-group small { color: var(--neo-muted); font-size: 12px; }
html[data-skin="neo"] .form-row { gap: 14px; }
html[data-skin="neo"] input[readonly] { background: var(--neo-surface-2); color: var(--neo-muted); box-shadow: none; }

/* ---------- Products list (login.css, profile page, profile-completion modal) ---------- */
html[data-skin="neo"] .products-list { gap: 8px; }
html[data-skin="neo"] .product-option, html[data-skin="neo"] #profile-completion-modal .product-option {
  background: var(--neo-surface-2); border: 1px solid var(--neo-border); border-radius: var(--neo-r-sm);
  transition: border-color var(--neo-dur), background var(--neo-dur);
}
html[data-skin="neo"] .product-option:hover, html[data-skin="neo"] #profile-completion-modal .product-option:hover { background: var(--neo-surface-2); border-color: var(--neo-border-strong); }
html[data-skin="neo"] .product-option:has(input:checked), html[data-skin="neo"] #profile-completion-modal .product-option:has(input:checked) { background: var(--primary-light); border-color: var(--neo-accent); }
html[data-skin="neo"] .product-checkbox, html[data-skin="neo"] #profile-completion-modal .product-checkbox { border: 2px solid var(--neo-border-strong); border-radius: 6px; background: var(--neo-surface); }
html[data-skin="neo"] .product-option input:checked ~ .product-checkbox, html[data-skin="neo"] #profile-completion-modal .product-option input:checked ~ .product-checkbox { background: var(--neo-accent); border-color: var(--neo-accent); }
html[data-skin="neo"] .product-name, html[data-skin="neo"] #profile-completion-modal .product-name { color: var(--neo-text); font-weight: 500; font-size: 13px; }

/* ---------- Custom dropdown (admin user type) ---------- */
html[data-skin="neo"] .custom-dropdown { min-width: 0; }
html[data-skin="neo"] .custom-dropdown-selected { border: 1px solid var(--neo-border-strong); background: var(--neo-surface); color: var(--neo-text); border-radius: 8px; padding: 3px 8px; gap: 6px; font-size: 12px; white-space: nowrap; box-shadow: var(--neo-shadow-sm); }
html[data-skin="neo"] .custom-dropdown-selected:hover { border-color: var(--neo-accent); }
html[data-skin="neo"] .custom-dropdown-options { background: var(--neo-surface); border: 1px solid var(--neo-border); border-radius: var(--neo-r-sm); box-shadow: var(--neo-shadow-lg); padding: 4px; }
html[data-skin="neo"] .custom-option { border-radius: 6px; padding: 6px 8px; font-size: 12px; color: var(--neo-text); white-space: nowrap; }
html[data-skin="neo"] .custom-option:hover { background: var(--neo-surface-2); color: var(--neo-text); }
html[data-skin="neo"] .custom-option.selected, html[data-skin="neo"] .custom-option.selected:hover { background: var(--primary-light); color: var(--neo-accent); font-weight: 600; }

/* ---------- Help widget (this app's class names: .help-*) ---------- */
html[data-skin="neo"] .help-button, html[data-skin="neo"] .patch-notes-button {
  background: var(--neo-surface); color: var(--neo-accent); border: 1px solid var(--neo-border); box-shadow: var(--neo-shadow); font-size: 20px;
  transition: transform var(--neo-dur) var(--neo-ease), box-shadow var(--neo-dur), background var(--neo-dur), color var(--neo-dur), bottom .3s ease;
}
html[data-skin="neo"] .help-button:hover, html[data-skin="neo"] .patch-notes-button:hover { background: var(--neo-surface); color: var(--neo-accent); transform: translateY(-2px); box-shadow: var(--neo-shadow-lg); }
html[data-skin="neo"] .help-button:active, html[data-skin="neo"] .patch-notes-button:active { transform: scale(.98); }
html[data-skin="neo"] .patch-notes-button.active { background: var(--neo-accent); color: #fff; border-color: transparent; }
html[data-skin="neo"] .help-tooltip { background: var(--neo-surface); color: var(--neo-text); border: 1px solid var(--neo-border); box-shadow: var(--neo-shadow-lg); border-radius: var(--neo-r); font-size: 13px; }
html[data-skin="neo"] .help-tooltip::after { border-top-color: var(--neo-surface); }
html[data-skin="neo"] .help-backdrop, html[data-skin="neo"] .patch-notes-backdrop { background: rgba(2, 6, 23, .55); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
html[data-skin="neo"] .help-panel, html[data-skin="neo"] .patch-notes-panel { background: var(--neo-surface); border-left: 1px solid var(--neo-border); box-shadow: var(--neo-shadow-lg); }
html[data-skin="neo"] .help-header, html[data-skin="neo"] .patch-notes-header { background: transparent; color: var(--neo-text); border-bottom: 1px solid var(--neo-border); padding: 18px 20px; }
html[data-skin="neo"] .help-header h2, html[data-skin="neo"] .patch-notes-title { font-size: 16px; font-weight: 600; letter-spacing: -.01em; color: var(--neo-text); }
html[data-skin="neo"] .help-header h2 i, html[data-skin="neo"] .patch-notes-title i { color: var(--neo-accent); font-size: 18px; }
html[data-skin="neo"] .help-close, html[data-skin="neo"] .patch-notes-close { color: var(--neo-muted); border-radius: 8px; }
html[data-skin="neo"] .help-close:hover, html[data-skin="neo"] .patch-notes-close:hover { background: var(--neo-surface-2); color: var(--neo-text); }
html[data-skin="neo"] .patch-notes-version { background: var(--neo-surface-2); color: var(--neo-muted); border: 1px solid var(--neo-border); border-radius: 999px; font-size: 11.5px; font-weight: 600; }
html[data-skin="neo"] .help-search { border-bottom: 1px solid var(--neo-border); }
html[data-skin="neo"] .help-search input { background: var(--neo-surface); color: var(--neo-text); border: 1px solid var(--neo-border-strong); border-radius: 999px; padding-left: 36px; }
html[data-skin="neo"] .help-search input:focus { border-color: var(--neo-accent); box-shadow: var(--neo-ring); }
html[data-skin="neo"] .help-search-icon { color: var(--neo-muted); }
html[data-skin="neo"] .help-section-header { background: var(--neo-surface-2); border: 1px solid var(--neo-border); border-radius: var(--neo-r-sm); color: var(--neo-text); }
html[data-skin="neo"] .help-section-header:hover { background: var(--neo-surface-2); border-color: var(--neo-border-strong); }
html[data-skin="neo"] .help-section-header.active { background: var(--primary-light); border-color: transparent; color: var(--neo-accent); }
html[data-skin="neo"] .help-section-title { font-size: 13.5px; font-weight: 600; }
html[data-skin="neo"] .help-item { background: var(--neo-surface); border: 1px solid var(--neo-border); border-radius: 8px; }
html[data-skin="neo"] .help-item:hover, html[data-skin="neo"] .help-item.active { background: var(--neo-surface-2); border-color: var(--neo-border-strong); }
html[data-skin="neo"] .help-item-title { color: var(--neo-text); font-size: 13px; }
html[data-skin="neo"] .help-item-content { color: var(--neo-text); font-size: 13px; line-height: 1.55; }
html[data-skin="neo"] .help-item-content strong { color: var(--neo-text); }
html[data-skin="neo"] .help-internal-link { color: var(--neo-accent); border-bottom: 1px dotted var(--neo-accent); }
html[data-skin="neo"] .help-internal-link:hover { color: var(--neo-accent-2); border-bottom-style: solid; }
html[data-skin="neo"] .help-highlight { background: rgba(20, 99, 184, .16); color: inherit; border-radius: 4px; }
html[data-skin="neo"][data-theme="dark"] .help-highlight { background: rgba(79, 157, 240, .28); }
html[data-skin="neo"] .help-no-results, html[data-skin="neo"] .help-loading { color: var(--neo-muted); }
html[data-skin="neo"] .help-screenshot-thumb { border: 1px solid var(--neo-border); border-radius: var(--neo-r-sm); box-shadow: var(--neo-shadow-sm); }
html[data-skin="neo"] .help-screenshot-thumb:hover { border-color: var(--neo-accent); box-shadow: var(--neo-shadow); }
html[data-skin="neo"] .help-screenshot-caption { color: var(--neo-muted); font-size: 12px; }
html[data-skin="neo"] .help-image-modal { background: rgba(2, 6, 23, .85); }
html[data-skin="neo"] .help-image-modal img { border-radius: var(--neo-r); }
html[data-skin="neo"] .help-image-modal-close { border-radius: 999px; }

/* ---------- Patch-notes widget ---------- */
html[data-skin="neo"] .notification-badge { background: var(--neo-danger); border-color: var(--neo-surface); }
html[data-skin="neo"] .patch-notes-legend { background: var(--neo-surface-2); border: 1px solid var(--neo-border); border-radius: var(--neo-r-sm); color: var(--neo-muted); font-size: 11.5px; }
html[data-skin="neo"] .patch-notes-section-header { background: var(--neo-surface-2); border: 1px solid var(--neo-border); border-radius: var(--neo-r-sm); }
html[data-skin="neo"] .patch-notes-section-header:hover { background: var(--neo-surface-2); border-color: var(--neo-border-strong); }
html[data-skin="neo"] .patch-notes-section-header h3 { font-size: 13.5px; font-weight: 600; color: var(--neo-text); }
html[data-skin="neo"] .item-count { background: var(--neo-surface); border: 1px solid var(--neo-border); border-radius: 999px; padding: 1px 8px; font-size: 11px; color: var(--neo-muted); }
/* Items: hairline card instead of a 3px coloured left border (craft rule); the type colour lives on the icon and the type chip */
html[data-skin="neo"] .patch-notes-item, html[data-skin="neo"] .patch-notes-item[class*="type-"] {
  background: var(--neo-surface); border: 1px solid var(--neo-border); border-left-width: 1px; border-left-color: var(--neo-border); border-radius: var(--neo-r-sm);
  transition: border-color var(--neo-dur), box-shadow var(--neo-dur);
}
html[data-skin="neo"] .patch-notes-item:hover { border-color: var(--neo-border-strong); box-shadow: var(--neo-shadow-sm); }
html[data-skin="neo"] .patch-notes-item-header { border-radius: var(--neo-r-sm); }
html[data-skin="neo"] .patch-notes-item-header:hover { background: var(--neo-surface-2); }
html[data-skin="neo"] .patch-notes-item-title { color: var(--neo-text); font-size: 13px; }
html[data-skin="neo"] .patch-notes-item-description { color: var(--neo-text); font-size: 13px; line-height: 1.55; border-top: 1px solid var(--neo-border); }
html[data-skin="neo"] .patch-notes-item-description strong { color: var(--neo-text); }
html[data-skin="neo"] .type-feature .patch-notes-item-icon, html[data-skin="neo"] .patch-notes-legend i[style*="#28a745"] { color: var(--neo-success) !important; }
html[data-skin="neo"] .type-bug .patch-notes-item-icon, html[data-skin="neo"] .type-bugfix .patch-notes-item-icon, html[data-skin="neo"] .patch-notes-legend i[style*="#dc3545"] { color: var(--neo-danger) !important; }
html[data-skin="neo"] .type-improvement .patch-notes-item-icon, html[data-skin="neo"] .patch-notes-legend i[style*="#007bff"] { color: var(--neo-info) !important; }
html[data-skin="neo"] .type-maintenance .patch-notes-item-icon, html[data-skin="neo"] .type-infrastructure .patch-notes-item-icon, html[data-skin="neo"] .patch-notes-legend i[style*="#6c757d"] { color: var(--neo-muted) !important; }
html[data-skin="neo"] .type-security .patch-notes-item-icon, html[data-skin="neo"] .patch-notes-legend i[style*="#ff6b35"] { color: #b45309 !important; }
html[data-skin="neo"][data-theme="dark"] .type-security .patch-notes-item-icon, html[data-skin="neo"][data-theme="dark"] .patch-notes-legend i[style*="#ff6b35"] { color: var(--neo-warning) !important; }
html[data-skin="neo"] .patch-notes-item-type { display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 999px; font-size: 11px; font-weight: 600; letter-spacing: .01em; background: var(--neo-surface-2); color: var(--neo-muted); border: 1px solid var(--neo-border); text-transform: none; }
html[data-skin="neo"] .type-feature .patch-notes-item-type { background: var(--neo-success-bg); color: var(--neo-success); border-color: transparent; }
html[data-skin="neo"] .type-bug .patch-notes-item-type, html[data-skin="neo"] .type-bugfix .patch-notes-item-type { background: var(--neo-danger-bg); color: var(--neo-danger); border-color: transparent; }
html[data-skin="neo"] .type-improvement .patch-notes-item-type { background: var(--neo-info-bg); color: #0369a1; border-color: transparent; }
html[data-skin="neo"][data-theme="dark"] .type-improvement .patch-notes-item-type { color: var(--neo-info); }
html[data-skin="neo"] .type-security .patch-notes-item-type { background: var(--neo-warning-bg); color: #b45309; border-color: transparent; }
html[data-skin="neo"][data-theme="dark"] .type-security .patch-notes-item-type { color: var(--neo-warning); }
html[data-skin="neo"] .sticky-section { border: 1px solid var(--neo-warning); background: var(--neo-warning-bg); border-radius: var(--neo-r); }
html[data-skin="neo"] .sticky-section .patch-notes-section-header { background: transparent; border-color: transparent; }
html[data-skin="neo"] .sticky-section .patch-notes-section-header:hover { background: rgba(217, 119, 6, .10); }
html[data-skin="neo"] .sticky-section .patch-notes-section-header h3 { color: #b45309; font-size: 13.5px; }
html[data-skin="neo"][data-theme="dark"] .sticky-section .patch-notes-section-header h3 { color: var(--neo-warning); }
html[data-skin="neo"] .sticky-badge { background: var(--neo-warning); color: #fff; border-radius: 999px; font-weight: 700; }
html[data-skin="neo"] .patch-notes-content::-webkit-scrollbar-thumb, html[data-skin="neo"] .help-content::-webkit-scrollbar-thumb { background: var(--neo-border-strong); border-radius: 999px; }
html[data-skin="neo"] .patch-notes-content::-webkit-scrollbar-track, html[data-skin="neo"] .help-content::-webkit-scrollbar-track { background: transparent; }

/* ---------- Misc ---------- */
html[data-skin="neo"] .file-input-label { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 36px; padding: 0 14px; border-radius: var(--neo-r-sm); font-size: 13px; font-weight: 500; background: var(--neo-grad); color: #fff; box-shadow: 0 1px 2px rgba(20, 99, 184, .25); margin-bottom: 0; }
html[data-skin="neo"] .file-input-label:hover { background: var(--neo-grad); transform: none; box-shadow: 0 4px 14px -4px rgba(20, 99, 184, .55); filter: brightness(1.04); }
html[data-skin="neo"] .file-input-label i { margin-right: 0; }
html[data-skin="neo"] .file-input-label[style*="8b5cf6"] { background: var(--neo-surface) !important; color: var(--neo-accent) !important; border: 1px solid var(--neo-border-strong); box-shadow: var(--neo-shadow-sm); }
html[data-skin="neo"] .file-input-label[style*="8b5cf6"]:hover { background: var(--neo-surface-2) !important; filter: none; }
html[data-skin="neo"] .btn-link { color: var(--neo-accent); font-weight: 500; }
html[data-skin="neo"] .spinner { border-color: rgba(255, 255, 255, .35); border-top-color: #fff; }