/*
 * Arquivo: public/assets/css/dojobs-themes-v19-1.css
 * Projeto: DoJobS / CataPutaS v19 multimarca
 * Criado em: 19/06/2026 03:50 America/Maceio
 * Descrição: Tema light neon completo para DoJobS e ajustes finais de loading/contraste por marca.
 */

/* =========================================================
   DOJOBS — LIGHT NEON
   ========================================================= */
html[data-brand="dojobs"],
html[data-brand="dojobs"] body,
body[data-brand="dojobs"] {
  --bg: #f6f8ff;
  --bg2: #edf1fb;
  --panel: #ffffff;
  --panel2: #f5f7fd;
  --border: rgba(45, 56, 92, .14);
  --border-h: rgba(255, 45, 135, .38);
  --pink: #ff2d87;
  --pink2: #ff5fa7;
  --purple: #7a3cff;
  --text: #182033;
  --muted: #5c667a;
  --muted2: #7f899d;
  --green: #0a9d6d;
  --danger: #c83250;
  --gold: #b66a00;
  --shadow: 0 18px 55px rgba(32, 40, 84, .10), 0 8px 26px rgba(255, 45, 135, .07);

  --dojobs-bg-0: #f9faff;
  --dojobs-bg-1: #f1f4fb;
  --dojobs-bg-2: #e9eef9;
  --dojobs-panel: rgba(255,255,255,.96);
  --dojobs-panel-strong: rgba(255,255,255,.99);
  --dojobs-border: rgba(255,45,135,.18);
  --dojobs-border-soft: rgba(45,56,92,.12);
  --dojobs-text: #182033;
  --dojobs-muted: #5c667a;

  color: var(--text) !important;
  background:
    radial-gradient(circle at 18% -5%, rgba(255,45,135,.13), transparent 33%),
    radial-gradient(circle at 88% 26%, rgba(122,60,255,.10), transparent 35%),
    linear-gradient(180deg, #fbfcff 0%, #f3f6fc 48%, #edf1f9 100%) !important;
  background-attachment: fixed !important;
}

html[data-brand="dojobs"] body::before,
body[data-brand="dojobs"]::before {
  background:
    radial-gradient(ellipse 58% 42% at 14% 8%, rgba(255,45,135,.10), transparent 64%),
    radial-gradient(ellipse 45% 52% at 90% 78%, rgba(122,60,255,.08), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.15), rgba(239,243,251,.10)) !important;
}

html[data-brand="dojobs"] body::after,
body[data-brand="dojobs"]::after {
  opacity: .24 !important;
  background-image:
    linear-gradient(rgba(122,60,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,45,135,.045) 1px, transparent 1px) !important;
}

body[data-brand="dojobs"] .wrap,
body[data-brand="dojobs"] .page-shell,
body[data-brand="dojobs"] .container,
body[data-brand="dojobs"] .content-shell,
body[data-brand="dojobs"] .main-shell {
  color: var(--text) !important;
}

/* Topbar clara e independente do tema escuro legado. */
body[data-brand="dojobs"] header,
body[data-brand="dojobs"] .topbar,
body[data-brand="dojobs"] .navbar,
body[data-brand="dojobs"] .header-shell,
body[data-brand="dojobs"] .site-header,
body[data-brand="dojobs"] .topbar-shell {
  background: rgba(255,255,255,.94) !important;
  color: var(--text) !important;
  border-color: rgba(45,56,92,.12) !important;
  box-shadow: 0 14px 36px rgba(32,40,84,.08), 0 1px 0 rgba(255,255,255,.95) inset !important;
  backdrop-filter: blur(16px) !important;
}

body[data-brand="dojobs"] .topbar-shell {
  margin-top: 10px !important;
  margin-bottom: 24px !important;
  padding: 10px 18px !important;
  border: 1px solid rgba(45,56,92,.12) !important;
  border-radius: 20px !important;
}

body[data-brand="dojobs"] .nav a,
body[data-brand="dojobs"] .nav button,
body[data-brand="dojobs"] .nav-link {
  background: #ffffff !important;
  color: #566174 !important;
  border-color: rgba(45,56,92,.13) !important;
  box-shadow: 0 5px 14px rgba(32,40,84,.05) !important;
}

body[data-brand="dojobs"] .nav a:hover,
body[data-brand="dojobs"] .nav button:hover,
body[data-brand="dojobs"] .nav-link:hover {
  color: var(--pink) !important;
  border-color: rgba(255,45,135,.34) !important;
  background: #fff8fc !important;
}

body[data-brand="dojobs"] .nav .nav-cta,
body[data-brand="dojobs"] .btn-primary {
  background: linear-gradient(135deg, #ff7a00 0%, #ff2d87 55%, #7a3cff 100%) !important;
  color: #ffffff !important;
  border-color: transparent !important;
  box-shadow: 0 12px 28px rgba(255,45,135,.20) !important;
}

/* Superfícies principais realmente brancas. */
body[data-brand="dojobs"] .hero-card,
body[data-brand="dojobs"] .age-card,
body[data-brand="dojobs"] .panel,
body[data-brand="dojobs"] .box,
body[data-brand="dojobs"] .section-card,
body[data-brand="dojobs"] .mini-card,
body[data-brand="dojobs"] .card,
body[data-brand="dojobs"] .page-card,
body[data-brand="dojobs"] .form-card,
body[data-brand="dojobs"] .auth-card,
body[data-brand="dojobs"] .auth-side,
body[data-brand="dojobs"] .legal-menu,
body[data-brand="dojobs"] .legal-content,
body[data-brand="dojobs"] .dashboard-hero,
body[data-brand="dojobs"] .dash-card,
body[data-brand="dojobs"] .list-panel,
body[data-brand="dojobs"] .admin-card,
body[data-brand="dojobs"] .admin-row,
body[data-brand="dojobs"] .moderation-card,
body[data-brand="dojobs"] .profile-main-card,
body[data-brand="dojobs"] .profile-side-card,
body[data-brand="dojobs"] .sidebar-box,
body[data-brand="dojobs"] .rules-box,
body[data-brand="dojobs"] .media-upload-card,
body[data-brand="dojobs"] .media-rules-card,
body[data-brand="dojobs"] .media-list-card,
body[data-brand="dojobs"] .media-card,
body[data-brand="dojobs"] .chat-thread-list,
body[data-brand="dojobs"] .chat-conversation-card,
body[data-brand="dojobs"] .chat-thread-item,
body[data-brand="dojobs"] .panel-lite,
body[data-brand="dojobs"] .chat-message-list,
body[data-brand="dojobs"] .chat-bubble,
body[data-brand="dojobs"] .dj-chat-widget,
body[data-brand="dojobs"] .dj-chat-messages,
body[data-brand="dojobs"] .dj-chat-bubble,
body[data-brand="dojobs"] .meta-item,
body[data-brand="dojobs"] .desc-body,
body[data-brand="dojobs"] .profile-cover-placeholder,
body[data-brand="dojobs"] .profile-cover-image,
body[data-brand="dojobs"] .profile-gallery-thumb,
body[data-brand="dojobs"] .search-panel,
body[data-brand="dojobs"] .filters-card,
body[data-brand="dojobs"] .stats-card,
body[data-brand="dojobs"] .stat-card,
body[data-brand="dojobs"] .result-card,
body[data-brand="dojobs"] .mega-card,
body[data-brand="dojobs"] .mega-phone-card,
body[data-brand="dojobs"] .mega-hero,
body[data-brand="dojobs"] .mega-stats,
body[data-brand="dojobs"] .mega-filters,
body[data-brand="dojobs"] .mega-results,
body[data-brand="dojobs"] .mega-detail,
body[data-brand="dojobs"] .mega-source-box,
body[data-brand="dojobs"] .mega-city-box {
  background: rgba(255,255,255,.97) !important;
  color: var(--text) !important;
  border-color: rgba(45,56,92,.13) !important;
  box-shadow: var(--shadow) !important;
  backdrop-filter: blur(12px) !important;
}

body[data-brand="dojobs"] .hero-card::after {
  background: rgba(255,45,135,.08) !important;
}

body[data-brand="dojobs"] h1,
body[data-brand="dojobs"] h2,
body[data-brand="dojobs"] h3,
body[data-brand="dojobs"] h4,
body[data-brand="dojobs"] h5,
body[data-brand="dojobs"] strong,
body[data-brand="dojobs"] label,
body[data-brand="dojobs"] .meta-val,
body[data-brand="dojobs"] .card-title,
body[data-brand="dojobs"] .profile-name {
  color: #182033 !important;
}

body[data-brand="dojobs"] p,
body[data-brand="dojobs"] li,
body[data-brand="dojobs"] .lead,
body[data-brand="dojobs"] .muted,
body[data-brand="dojobs"] .tiny,
body[data-brand="dojobs"] .card-desc,
body[data-brand="dojobs"] .card-meta-item,
body[data-brand="dojobs"] .age-card p,
body[data-brand="dojobs"] .panel p,
body[data-brand="dojobs"] .panel li,
body[data-brand="dojobs"] .desc-body,
body[data-brand="dojobs"] .safety-row,
body[data-brand="dojobs"] .privacy-note,
body[data-brand="dojobs"] .chat-thread-item span,
body[data-brand="dojobs"] .chat-thread-item small {
  color: #5c667a !important;
}

body[data-brand="dojobs"] .kicker,
body[data-brand="dojobs"] .sec-count,
body[data-brand="dojobs"] .status-pill,
body[data-brand="dojobs"] .chip.active,
body[data-brand="dojobs"] .legal-content h2,
body[data-brand="dojobs"] code {
  color: var(--pink) !important;
}

body[data-brand="dojobs"] .input,
body[data-brand="dojobs"] .select,
body[data-brand="dojobs"] input,
body[data-brand="dojobs"] textarea,
body[data-brand="dojobs"] select,
body[data-brand="dojobs"] .form-card input,
body[data-brand="dojobs"] .form-card textarea,
body[data-brand="dojobs"] .form-card select,
body[data-brand="dojobs"] .admin-action-form textarea {
  background: #ffffff !important;
  color: #182033 !important;
  border-color: rgba(45,56,92,.16) !important;
  box-shadow: 0 4px 12px rgba(32,40,84,.04) inset !important;
}

body[data-brand="dojobs"] input::placeholder,
body[data-brand="dojobs"] textarea::placeholder,
body[data-brand="dojobs"] .input::placeholder {
  color: #8b94a6 !important;
}

body[data-brand="dojobs"] select option {
  color: #182033 !important;
  background: #ffffff !important;
}

body[data-brand="dojobs"] .btn-secondary,
body[data-brand="dojobs"] .chip,
body[data-brand="dojobs"] .sec-count {
  background: #ffffff !important;
  color: #263044 !important;
  border-color: rgba(45,56,92,.14) !important;
}

body[data-brand="dojobs"] .btn-danger {
  background: #fff1f4 !important;
  color: #b42345 !important;
  border-color: rgba(196,42,77,.22) !important;
}

body[data-brand="dojobs"] .notice,
body[data-brand="dojobs"] .dj-chat-note,
body[data-brand="dojobs"] .warning {
  background: #fff8eb !important;
  color: #81500a !important;
  border-color: rgba(255,122,0,.25) !important;
}

body[data-brand="dojobs"] .alert,
body[data-brand="dojobs"] .error {
  background: #fff1f4 !important;
  color: #99213d !important;
  border-color: rgba(196,42,77,.22) !important;
}

body[data-brand="dojobs"] .flash {
  background: #ffffff !important;
  color: #263044 !important;
}

body[data-brand="dojobs"] .flash.success,
body[data-brand="dojobs"] .status-ok {
  background: #ebfff7 !important;
  color: #087654 !important;
  border-color: rgba(10,157,109,.24) !important;
}

body[data-brand="dojobs"] .flash.error,
body[data-brand="dojobs"] .status-danger,
body[data-brand="dojobs"] .field-error {
  color: #b42345 !important;
}

body[data-brand="dojobs"] .status-warn {
  background: #fff8eb !important;
  color: #8b5600 !important;
}

body[data-brand="dojobs"] .status-muted,
body[data-brand="dojobs"] .muted-pill {
  background: #f4f6fb !important;
  color: #697488 !important;
}

body[data-brand="dojobs"] .profile-tags span,
body[data-brand="dojobs"] .age-badge,
body[data-brand="dojobs"] .profile-price,
body[data-brand="dojobs"] .safety-ico {
  background: #fff4fa !important;
  color: var(--pink) !important;
  border-color: rgba(255,45,135,.20) !important;
}

body[data-brand="dojobs"] .dj-chat-messages,
body[data-brand="dojobs"] .chat-message-list,
body[data-brand="dojobs"] .panel-lite {
  background: #f7f9fe !important;
}

body[data-brand="dojobs"] .dj-chat-bubble,
body[data-brand="dojobs"] .chat-bubble,
body[data-brand="dojobs"] .chat-thread-item,
body[data-brand="dojobs"] .admin-row,
body[data-brand="dojobs"] .moderation-card,
body[data-brand="dojobs"] .meta-item,
body[data-brand="dojobs"] .desc-body {
  background: #ffffff !important;
}

body[data-brand="dojobs"] .dj-chat-bubble.visitor,
body[data-brand="dojobs"] .chat-bubble.advertiser,
body[data-brand="dojobs"] .chat-thread-item.active,
body[data-brand="dojobs"] .chat-thread-item:hover {
  background: linear-gradient(135deg, #fff1f8, #f5efff) !important;
  border-color: rgba(255,45,135,.24) !important;
}

body[data-brand="dojobs"] table {
  background: #ffffff !important;
  color: #182033 !important;
  border-color: rgba(45,56,92,.13) !important;
}

body[data-brand="dojobs"] th {
  background: #f3f6fc !important;
  color: #263044 !important;
}

body[data-brand="dojobs"] td,
body[data-brand="dojobs"] th,
body[data-brand="dojobs"] tr {
  border-color: rgba(45,56,92,.10) !important;
}

body[data-brand="dojobs"] .footer {
  color: #667186 !important;
  border-color: rgba(45,56,92,.12) !important;
}

body[data-brand="dojobs"] .footer strong {
  color: #263044 !important;
}

body[data-brand="dojobs"] .age-lock {
  background: rgba(245,248,255,.92) !important;
  backdrop-filter: blur(16px) !important;
}

body[data-brand="dojobs"] .age-lock-card {
  background: #ffffff !important;
  color: #182033 !important;
  border-color: rgba(45,56,92,.14) !important;
  box-shadow: 0 24px 80px rgba(32,40,84,.16) !important;
}

/* =========================================================
   LOADING — OPAQUE POR MARCA
   ========================================================= */
html[data-brand="dojobs"] #dojobs-loading-overlay,
body[data-brand="dojobs"] #dojobs-loading-overlay {
  background: #ffffff !important;
  backdrop-filter: none !important;
}

html[data-brand="cataputas"] #dojobs-loading-overlay,
body[data-brand="cataputas"] #dojobs-loading-overlay {
  background: #020004 !important;
  backdrop-filter: none !important;
}

#dojobs-loading-overlay .dojobs-loading-box {
  width: 100vw !important;
  height: 100vh !important;
  max-width: none !important;
  max-height: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
}

#dojobs-loading-overlay #dojobs_loading_heart {
  width: 100vw !important;
  min-height: 100vh !important;
  height: 100vh !important;
  background: transparent !important;
  overflow: hidden !important;
}

html[data-brand="dojobs"] #dojobs_loading_heart {
  --djh-bg: transparent !important;
}

html[data-brand="cataputas"] #dojobs_loading_heart {
  --djh-bg: transparent !important;
}

@media (max-width: 760px) {
  body[data-brand="dojobs"] .topbar-shell {
    border-radius: 16px !important;
    padding: 10px 12px !important;
  }

  body[data-brand="dojobs"] .nav {
    gap: 6px !important;
  }

  body[data-brand="dojobs"] .nav a,
  body[data-brand="dojobs"] .nav button {
    padding: 9px 10px !important;
  }
}