/* ==========================================================================
   CLICK ENTREGAS — Themes & Dark Mode (Premium Organic)
   ========================================================================== */

/* --------------------------------------------------------------------------
   DARK MODE OVERRIDES
   -------------------------------------------------------------------------- */
[data-theme="dark"] {
  /* Base */
  --color-bg-primary: var(--color-neutral-975);
  --color-bg-secondary: var(--color-neutral-950);
  --color-bg-tertiary: var(--color-neutral-900);
  --color-bg-inverse: var(--color-neutral-0);

  --color-text-primary: var(--color-neutral-50);
  --color-text-secondary: var(--color-neutral-400);
  --color-text-tertiary: var(--color-neutral-500);
  --color-text-inverse: var(--color-neutral-950);
  --color-text-brand: var(--color-brand-400);
  --color-text-link: var(--color-brand-400);

  --color-border-light: var(--color-neutral-800);
  --color-border-medium: var(--color-neutral-700);
  --color-border-dark: var(--color-neutral-600);
  --color-border-focus: var(--color-brand-400);

  --color-shadow-sm: rgba(0, 0, 0, 0.2);
  --color-shadow-md: rgba(0, 0, 0, 0.3);
  --color-shadow-lg: rgba(0, 0, 0, 0.4);
  --color-shadow-xl: rgba(0, 0, 0, 0.5);
  --color-shadow-brand: rgba(255, 107, 0, 0.4);

  /* Component specific */
  --color-bg-brand: var(--color-brand-600);
  --color-bg-brand-hover: var(--color-brand-500);
}

/* Header dark */
[data-theme="dark"] .header {
  background: var(--glass-bg);
  border-bottom-color: var(--glass-border);
}
[data-theme="dark"] .header--transparent.header--scrolled {
  background: var(--glass-bg);
  border-bottom-color: var(--glass-border);
}
[data-theme="dark"] .header__nav-link:hover {
  background: var(--color-neutral-800);
}

/* Footer dark (already dark by default) */
[data-theme="dark"] .footer {
  background: var(--color-neutral-975);
}
[data-theme="dark"] .footer__social-link {
  background: var(--color-neutral-800);
}
[data-theme="dark"] .footer__social-link:hover {
  background: linear-gradient(135deg, var(--color-brand-500), var(--color-accent-500));
}
[data-theme="dark"] .footer__link:hover {
  color: var(--color-brand-400);
}
[data-theme="dark"] .footer__legal-link:hover {
  color: var(--color-brand-400);
}
[data-theme="dark"] .footer__bottom {
  border-top-color: var(--color-neutral-800);
}

/* Cards dark */
[data-theme="dark"] .card {
  background: var(--glass-bg);
  border-color: var(--glass-border);
}
[data-theme="dark"] .card:hover {
  border-color: rgba(255, 255, 255, 0.15);
}
[data-theme="dark"] .card__header,
[data-theme="dark"] .card__footer {
  border-color: var(--glass-border);
}
[data-theme="dark"] .card__footer {
  background: var(--glass-bg);
}

/* Buttons dark */
[data-theme="dark"] .btn--secondary {
  background: var(--glass-bg);
  border-color: var(--glass-border);
  color: var(--color-neutral-100);
}
[data-theme="dark"] .btn--secondary:hover:not(:disabled) {
  background: var(--glass-bg-strong);
  border-color: rgba(255, 255, 255, 0.15);
}
[data-theme="dark"] .btn--ghost:hover:not(:disabled) {
  background: var(--color-neutral-800);
}
[data-theme="dark"] .btn--outline {
  color: var(--color-brand-400);
  border-color: var(--color-brand-500);
}
[data-theme="dark"] .btn--outline:hover:not(:disabled) {
  background: rgba(255, 107, 0, 0.15);
  color: var(--color-brand-300);
}

/* Form inputs dark */
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
  background: var(--color-neutral-900);
  border-color: var(--color-neutral-700);
  color: var(--color-neutral-100);
}
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
  color: var(--color-neutral-500);
}
[data-theme="dark"] input:hover,
[data-theme="dark"] textarea:hover,
[data-theme="dark"] select:hover {
  border-color: var(--color-neutral-600);
}
[data-theme="dark"] input:disabled,
[data-theme="dark"] textarea:disabled,
[data-theme="dark"] select:disabled {
  background: var(--color-neutral-800);
  color: var(--color-neutral-500);
}
[data-theme="dark"] select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23a3a3a3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}

/* Checkbox/Radio dark */
[data-theme="dark"] .checkbox__box,
[data-theme="dark"] .radio__box {
  background: var(--color-neutral-900);
  border-color: var(--color-neutral-700);
}
[data-theme="dark"] .switch__track {
  background: var(--color-neutral-700);
}
[data-theme="dark"] .switch__thumb {
  background: var(--color-neutral-100);
}

/* Modal/Drawer dark */
[data-theme="dark"] .modal,
[data-theme="dark"] .drawer {
  background: var(--color-neutral-900);
}
[data-theme="dark"] .modal__header,
[data-theme="dark"] .modal__footer,
[data-theme="dark"] .drawer__header,
[data-theme="dark"] .drawer__footer {
  border-color: var(--color-neutral-800);
}
[data-theme="dark"] .modal__footer,
[data-theme="dark"] .drawer__footer {
  background: var(--color-neutral-950);
}
[data-theme="dark"] .modal__close:hover,
[data-theme="dark"] .drawer__close:hover {
  background: var(--color-neutral-800);
  color: var(--color-neutral-100);
}

/* Toast dark */
[data-theme="dark"] .toast {
  background: var(--glass-bg);
  border-color: var(--glass-border);
}
[data-theme="dark"] .toast__close:hover {
  background: var(--color-neutral-800);
}

/* Dropdown dark */
[data-theme="dark"] .dropdown__trigger {
  background: var(--glass-bg);
  border-color: var(--glass-border);
  color: var(--color-neutral-100);
}
[data-theme="dark"] .dropdown__trigger:hover {
  background: var(--glass-bg-strong);
  border-color: var(--color-neutral-600);
}
[data-theme="dark"] .dropdown__menu {
  background: var(--color-neutral-900);
  border-color: var(--glass-border);
}
[data-theme="dark"] .dropdown__item:hover {
  background: var(--color-neutral-800);
}
[data-theme="dark"] .dropdown__divider {
  background: var(--color-neutral-800);
}

/* Tabs dark */
[data-theme="dark"] .tabs {
  border-bottom-color: var(--color-neutral-800);
}
[data-theme="dark"] .tabs__trigger--active {
  color: var(--color-brand-400);
  border-bottom-color: var(--color-brand-500);
}

/* Accordion dark */
[data-theme="dark"] .accordion {
  border-color: var(--color-neutral-800);
}
[data-theme="dark"] .accordion__item {
  border-bottom-color: var(--color-neutral-800);
}
[data-theme="dark"] .accordion__trigger {
  background: var(--color-neutral-900);
}
[data-theme="dark"] .accordion__trigger:hover {
  background: var(--color-neutral-800);
}

/* Table dark */
[data-theme="dark"] .table th {
  background: var(--color-neutral-950);
  color: var(--color-neutral-400);
}
[data-theme="dark"] .table tbody tr:hover {
  background: var(--color-neutral-950);
}
[data-theme="dark"] .table--striped tbody tr:nth-child(even) {
  background: var(--color-neutral-950);
}
[data-theme="dark"] .table--striped tbody tr:hover {
  background: var(--color-neutral-800);
}

/* Pagination dark */
[data-theme="dark"] .pagination__btn {
  background: var(--color-neutral-900);
  border-color: var(--color-neutral-800);
  color: var(--color-neutral-400);
}
[data-theme="dark"] .pagination__btn:hover:not(:disabled) {
  border-color: var(--color-brand-500);
  color: var(--color-brand-400);
}
[data-theme="dark"] .pagination__btn--active {
  background: var(--color-brand-500);
  border-color: var(--color-brand-500);
  color: white;
}

/* Alert dark */
[data-theme="dark"] .alert--success {
  background: rgba(34, 197, 94, 0.15);
  border-color: var(--color-success-500);
  color: var(--color-success-500);
}
[data-theme="dark"] .alert--error {
  background: rgba(239, 68, 68, 0.15);
  border-color: var(--color-error-500);
  color: var(--color-error-500);
}
[data-theme="dark"] .alert--warning {
  background: rgba(245, 158, 11, 0.15);
  border-color: var(--color-warning-500);
  color: var(--color-warning-500);
}
[data-theme="dark"] .alert--info {
  background: rgba(59, 130, 246, 0.15);
  border-color: var(--color-info-500);
  color: var(--color-info-500);
}

/* Empty state dark */
[data-theme="dark"] .empty-state__icon {
  color: var(--color-neutral-500);
}

/* Breadcrumb dark */
[data-theme="dark"] .breadcrumb__item { color: var(--color-neutral-500); }
[data-theme="dark"] .breadcrumb__item:not(:last-child)::after { color: var(--color-neutral-500); }
[data-theme="dark"] .breadcrumb__link { color: var(--color-neutral-400); }
[data-theme="dark"] .breadcrumb__link:hover { color: var(--color-brand-400); }
[data-theme="dark"] .breadcrumb__current { color: var(--color-neutral-100); }

/* Tag input dark */
[data-theme="dark"] .tag-input {
  background: var(--color-neutral-900);
  border-color: var(--color-neutral-700);
}
[data-theme="dark"] .tag-input:focus-within {
  border-color: var(--color-brand-400);
}
[data-theme="dark"] .tag-input__tag {
  background: rgba(255, 107, 0, 0.2);
  color: var(--color-brand-300);
}
[data-theme="dark"] .tag-input__tag-remove:hover {
  background: rgba(255, 255, 255, 0.1);
}

/* Feature cards dark */
[data-theme="dark"] .feature-card {
  background: var(--glass-bg);
  border-color: var(--glass-border);
}
[data-theme="dark"] .feature-card:hover {
  border-color: var(--color-brand-700);
}
[data-theme="dark"] .feature-card__icon {
  background: linear-gradient(135deg, rgba(255, 107, 0, 0.2), rgba(0, 212, 170, 0.2));
  color: var(--color-brand-400);
}

/* Step dark */
[data-theme="dark"] .step__number {
  box-shadow: var(--shadow-brand);
}

/* Testimonial dark */
[data-theme="dark"] .testimonial-card {
  background: var(--glass-bg);
  border-color: var(--glass-border);
}

/* FAQ dark */
[data-theme="dark"] .faq__item {
  background: var(--color-neutral-900);
  border-color: var(--color-neutral-800);
}
[data-theme="dark"] .faq__item[open] {
  border-color: var(--color-brand-700);
  box-shadow: var(--shadow-md);
}
[data-theme="dark"] .faq__question:hover {
  background: var(--color-neutral-800);
}

/* Auth page dark */
[data-theme="dark"] .auth-page {
  background: var(--color-neutral-950);
}
[data-theme="dark"] .auth-page__container {
  background: var(--glass-bg);
  border-color: var(--glass-border);
}
[data-theme="dark"] .auth-page__header {
  border-color: var(--glass-border);
}
[data-theme="dark"] .auth-page__footer {
  background: var(--glass-bg);
  border-color: var(--glass-border);
}

/* Progress steps dark */
[data-theme="dark"] .auth-progress__step:not(:last-child)::after {
  background: var(--color-neutral-800);
}
[data-theme="dark"] .auth-progress__circle {
  background: var(--color-neutral-900);
  border-color: var(--color-neutral-700);
  color: var(--color-neutral-500);
}

/* Dashboard dark */
[data-theme="dark"] .dashboard__sidebar {
  background: var(--glass-bg);
  border-right-color: var(--glass-border);
}
[data-theme="dark"] .dashboard__sidebar-header {
  border-bottom-color: var(--glass-border);
}
[data-theme="dark"] .dashboard__nav-link {
  color: var(--color-neutral-400);
}
[data-theme="dark"] .dashboard__nav-link:hover {
  background: var(--color-neutral-800);
  color: var(--color-neutral-100);
}
[data-theme="dark"] .dashboard__nav-link--active {
  background: linear-gradient(135deg, rgba(255, 107, 0, 0.2), rgba(0, 212, 170, 0.2));
  color: var(--color-brand-400);
}
[data-theme="dark"] .dashboard__nav-link--active:hover {
  background: linear-gradient(135deg, rgba(255, 107, 0, 0.3), rgba(0, 212, 170, 0.3));
  color: var(--color-brand-300);
}
[data-theme="dark"] .dashboard__nav-icon {
  color: var(--color-neutral-500);
}
[data-theme="dark"] .dashboard__nav-link--active .dashboard__nav-icon {
  color: var(--color-brand-400);
}
[data-theme="dark"] .dashboard__sidebar-footer {
  border-top-color: var(--glass-border);
}
[data-theme="dark"] .dashboard__main {
  background: var(--color-neutral-975);
}
[data-theme="dark"] .dashboard__header {
  background: var(--glass-bg);
  border-bottom-color: var(--glass-border);
}
[data-theme="dark"] .dashboard__menu-toggle:hover {
  background: var(--color-neutral-800);
}

/* Stat card dark */
[data-theme="dark"] .stat-card {
  background: var(--glass-bg);
  border-color: var(--glass-border);
}
[data-theme="dark"] .stat-card:hover {
  border-color: var(--color-neutral-700);
}

/* Delivery card dark */
[data-theme="dark"] .delivery-card {
  background: var(--glass-bg);
  border-color: var(--glass-border);
}
[data-theme="dark"] .delivery-card:hover {
  border-color: var(--color-neutral-700);
}
[data-theme="dark"] .delivery-card__route-line::before {
  background: var(--color-neutral-800);
}
[data-theme="dark"] .delivery-card__details {
  border-bottom-color: var(--glass-border);
}
[data-theme="dark"] .delivery-card__detail-icon {
  color: var(--color-neutral-500);
}

/* Earnings table dark */
[data-theme="dark"] .earnings-table__row:first-child {
  background: var(--color-neutral-900);
}
[data-theme="dark"] .earnings-table__row:hover {
  background: var(--color-neutral-900);
}

/* Document card dark */
[data-theme="dark"] .document-card {
  background: var(--glass-bg);
  border-color: var(--glass-border);
}
[data-theme="dark"] .document-card:hover {
  border-color: var(--color-neutral-700);
}
[data-theme="dark"] .document-card__actions {
  opacity: 0;
}
[data-theme="dark"] .document-card:hover .document-card__actions {
  opacity: 1;
}

/* Map container dark */
[data-theme="dark"] .map-container {
  background: var(--color-neutral-800);
  border-color: var(--color-neutral-700);
}

/* Online toggle dark */
[data-theme="dark"] .online-toggle {
  background: var(--glass-bg);
  border-color: var(--glass-border);
}
[data-theme="dark"] .online-toggle--active {
  background: rgba(34, 197, 94, 0.15);
  border-color: var(--color-success-500);
}

/* Withdrawal form dark */
[data-theme="dark"] .withdrawal-form__balance {
  background: rgba(255, 107, 0, 0.15);
  border-color: var(--color-brand-700);
}
[data-theme="dark"] .withdrawal-form__balance-label {
  color: var(--color-brand-400);
}
[data-theme="dark"] .withdrawal-form__balance-amount {
  color: var(--color-brand-300);
}
[data-theme="dark"] .withdrawal-form__pix-info {
  background: var(--color-neutral-900);
}

/* Admin dark */
[data-theme="dark"] .admin-header {
  border-bottom-color: var(--color-neutral-800).
}
[data-theme="dark"] .admin-filter__select,
[data-theme="dark"] .admin-filter__input {
  background: var(--color-neutral-900);
  border-color: var(--color-neutral-700);
  color: var(--color-neutral-100).
}

/* Skeleton dark */
[data-theme="dark"] .skeleton {
  background: linear-gradient(90deg, var(--color-neutral-800) 25%, var(--color-neutral-700) 50%, var(--color-neutral-800) 75%);
  background-size: 200% 100%;
}

/* Scrollbar dark */
[data-theme="dark"] ::-webkit-scrollbar-track {
  background: var(--color-neutral-900);
}
[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: var(--color-neutral-700);
}
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-600);
}

/* Focus visible dark */
[data-theme="dark"] *:focus-visible {
  outline-color: var(--color-brand-400);
}

/* Print styles */
@media print {
  .header, .footer, .btn, .modal-backdrop, .drawer, .sidebar-overlay, .toast-container { display: none !important; }
  .main { padding-top: 0; }
  .dashboard__sidebar { display: none; }
  .dashboard__main { margin-left: 0; }
  body { background: white; color: black; }
  a { text-decoration: underline; color: black !important; }
  .card, .stat-card, .delivery-card { border: 1px solid #ccc; box-shadow: none; break-inside: avoid; }
}