/**
 * Suppliers Page - Responsive & Theme Styles
 * Media queries, responsive adjustments, and dark theme
 * Part 3 of 3 (modularized from fornecedores.css)
 */
@media (max-width: 768px) {
  .suppliers-hero .btn {
    min-width: 100%;
  }

  .suppliers-hero .hero-stats {
    gap: 1rem;
  }

  .suppliers-hero .stat-item {
    min-width: calc(50% - 0.5rem);
  }

  .integration-pills .pill {
    width: 100%;
    justify-content: center;
  }

  .paygo-grid,
  .scenario-grid {
    grid-template-columns: 1fr;
  }

  .calculator-card,
  .calculator-result {
    padding: 1.5rem;
  }
}

:is([data-bs-theme="dark"], .dark-theme) .step-card,
:is([data-bs-theme="dark"], .dark-theme) .benefit-card,
:is([data-bs-theme="dark"], .dark-theme) .indicators-panel,
:is([data-bs-theme="dark"], .dark-theme) .compliance-card,
:is([data-bs-theme="dark"], .dark-theme) .callout-box {
  background: rgba(12, 16, 24, 0.95);
  color: #e5e7eb;
  border-color: rgba(229, 231, 235, 0.08);
}

:is([data-bs-theme="dark"], .dark-theme) .step-card p,
:is([data-bs-theme="dark"], .dark-theme) .benefit-card p,
:is([data-bs-theme="dark"], .dark-theme) .indicators-panel p,
:is([data-bs-theme="dark"], .dark-theme) .compliance-card li,
:is([data-bs-theme="dark"], .dark-theme) .callout-box p,
:is([data-bs-theme="dark"], .dark-theme) .callout-box li,
:is([data-bs-theme="dark"], .dark-theme) .feature-list p,
:is([data-bs-theme="dark"], .dark-theme) .dashboard-list,
:is([data-bs-theme="dark"], .dark-theme) .dashboard-list li {
  color: rgba(229, 231, 235, 0.85);
}

:is([data-bs-theme="dark"], .dark-theme) .benefit-card h3,
:is([data-bs-theme="dark"], .dark-theme) .indicators-panel h2,
:is([data-bs-theme="dark"], .dark-theme) .callout-box h3,
:is([data-bs-theme="dark"], .dark-theme) .suppliers-highlight h2,
:is([data-bs-theme="dark"], .dark-theme) .suppliers-highlight .h6,
:is([data-bs-theme="dark"], .dark-theme) .suppliers-integrations h2,
:is([data-bs-theme="dark"], .dark-theme) .suppliers-integrations p,
:is([data-bs-theme="dark"], .dark-theme) .suppliers-faq h2,
:is([data-bs-theme="dark"], .dark-theme) .suppliers-section-kicker {
  color: #f9fafb;
}

:is([data-bs-theme="dark"], .dark-theme) .suppliers-section-kicker {
  background: rgba(96, 165, 250, 0.16);
}

:is([data-bs-theme="dark"], .dark-theme) .suppliers-hero__eyebrow {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.14);
  color: #f8fafc;
}

:is([data-bs-theme="dark"], .dark-theme) .suppliers-hero__lead,
:is([data-bs-theme="dark"], .dark-theme) .compliance-card__intro {
  color: rgba(229, 231, 235, 0.82);
}

:is([data-bs-theme="dark"], .dark-theme) .suppliers-hero .btn-light,
:is([data-bs-theme="dark"], .dark-theme) .suppliers-hero .btn-light:hover,
:is([data-bs-theme="dark"], .dark-theme) .suppliers-hero .btn-light:focus-visible {
  background: #fff;
  border-color: #fff;
  color: #0f172a !important;
}

:is([data-bs-theme="dark"], .dark-theme) .suppliers-cta .btn-light,
:is([data-bs-theme="dark"], .dark-theme) .suppliers-cta .btn-light:hover,
:is([data-bs-theme="dark"], .dark-theme) .suppliers-cta .btn-light:focus-visible {
  background: #f8fafc;
  border-color: #f8fafc;
  color: #0f172a !important;
}

:is([data-bs-theme="dark"], .dark-theme) .suppliers-hero .btn-outline-light,
:is([data-bs-theme="dark"], .dark-theme) .suppliers-hero .btn-outline-light:hover,
:is([data-bs-theme="dark"], .dark-theme) .suppliers-hero .btn-outline-light:focus-visible {
  color: #fff;
}

:is([data-bs-theme="dark"], .dark-theme) .suppliers-integrations {
  background: rgba(15, 23, 42, 0.75);
}

:is([data-bs-theme="dark"], .dark-theme) .suppliers-pricing .btn-primary,
:is([data-bs-theme="dark"], .dark-theme) .suppliers-pricing .btn-primary:hover,
:is([data-bs-theme="dark"], .dark-theme) .suppliers-pricing .btn-primary:focus-visible,
:is([data-bs-theme="dark"], .dark-theme) .suppliers-calculator .btn-primary,
:is([data-bs-theme="dark"], .dark-theme) .suppliers-calculator .btn-primary:hover,
:is([data-bs-theme="dark"], .dark-theme) .suppliers-calculator .btn-primary:focus-visible {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  border-color: #2563eb;
  color: #fff !important;
  box-shadow: 0 16px 32px rgba(37, 99, 235, 0.28);
}

:is([data-bs-theme="dark"], .dark-theme) .suppliers-pricing .btn-outline-primary,
:is([data-bs-theme="dark"], .dark-theme) .suppliers-pricing .btn-outline-primary:hover,
:is([data-bs-theme="dark"], .dark-theme) .suppliers-pricing .btn-outline-primary:focus-visible {
  background: rgba(59, 130, 246, 0.08);
  border-color: rgba(96, 165, 250, 0.52);
  color: #bfdbfe !important;
}

:is([data-bs-theme="dark"], .dark-theme) .paygo-card,
:is([data-bs-theme="dark"], .dark-theme) .paygo-scenarios {
  background: rgba(12, 16, 24, 0.95);
  border-color: rgba(229, 231, 235, 0.08);
  color: rgba(229, 231, 235, 0.85);
}

:is([data-bs-theme="dark"], .dark-theme) .pricing-addon {
  background: rgba(12, 16, 24, 0.95);
  border-color: rgba(229, 231, 235, 0.08);
  color: #e5e7eb;
  box-shadow: 0 20px 44px rgba(2, 6, 23, 0.36);
}

:is([data-bs-theme="dark"], .dark-theme) .pricing-addon h3 {
  color: #f8fafc;
}

:is([data-bs-theme="dark"], .dark-theme) .pricing-addon p,
:is([data-bs-theme="dark"], .dark-theme) .pricing-addon li {
  color: #cbd5e1 !important;
}

:is([data-bs-theme="dark"], .dark-theme) .paygo-card ul,
:is([data-bs-theme="dark"], .dark-theme) .paygo-rates li span:last-child,
:is([data-bs-theme="dark"], .dark-theme) .scenario-title {
  color: rgba(229, 231, 235, 0.8);
}

:is([data-bs-theme="dark"], .dark-theme) .dashboard-list li {
  background: rgba(37, 99, 235, 0.08);
  border-color: rgba(96, 165, 250, 0.16);
}

:is([data-bs-theme="dark"], .dark-theme) .dashboard-list li i {
  color: #93c5fd;
}

:is([data-bs-theme="dark"], .dark-theme) .scenario-item {
  background: rgba(17, 24, 39, 0.85);
  border-color: rgba(229, 231, 235, 0.06);
}

:is([data-bs-theme="dark"], .dark-theme) .scenario-price {
  color: rgba(96, 165, 250, 1);
}

:is([data-bs-theme="dark"], .dark-theme) .suppliers-pricing {
  background: rgba(15, 23, 42, 0.9);
}

:is([data-bs-theme="dark"], .dark-theme) .suppliers-calculator {
  background: rgba(17, 24, 39, 0.9);
}

:is([data-bs-theme="dark"], .dark-theme) .calculator-card,
:is([data-bs-theme="dark"], .dark-theme) .calculator-result {
  background: rgba(12, 16, 24, 0.95);
  border-color: rgba(229, 231, 235, 0.08);
  color: rgba(229, 231, 235, 0.85);
}

:is([data-bs-theme="dark"], .dark-theme) .result-label,
:is([data-bs-theme="dark"], .dark-theme) .result-breakdown,
:is([data-bs-theme="dark"], .dark-theme) .result-note {
  color: rgba(229, 231, 235, 0.7);
}

:is([data-bs-theme="dark"], .dark-theme) .suppliers-faq .accordion-item {
  background: rgba(15, 23, 42, 0.95);
  border-color: rgba(229, 231, 235, 0.1);
}

:is([data-bs-theme="dark"], .dark-theme) .suppliers-faq .accordion-button {
  color: #f9fafb;
  background: transparent;
}

:is([data-bs-theme="dark"], .dark-theme) .suppliers-faq .accordion-button:not(.collapsed) {
  color: #0a84ff;
}

/* Responsive Adjustments */
@media (max-width: 991.98px) {
  .suppliers-hero__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }

  .calculator-card,
  .calculator-result {
    padding: 1.75rem;
  }

  .result-price {
    font-size: 2rem;
  }
}

@media (min-width: 576px) and (max-width: 991.98px) {
  .suppliers-hero__actions .landing-btn {
    flex: 1 1 260px;
    max-width: 340px;
    min-width: 0;
  }
}

@media (max-width: 575.98px) {
  .suppliers-hero .stat-item {
    min-width: 100%;
  }

  .calculator-card,
  .calculator-result {
    padding: 1.5rem;
    border-radius: 16px;
  }

  .result-price {
    font-size: 1.75rem;
  }

  .calculator-form .btn {
    width: 100%;
    padding: 0.75rem 1rem;
  }
}

:is([data-bs-theme="dark"], .dark-theme) .suppliers-calculator {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
}

:is([data-bs-theme="dark"], .dark-theme) .calculator-card {
  background: rgba(30, 41, 59, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.05);
  color: #e2e8f0;
}

:is([data-bs-theme="dark"], .dark-theme) .calculator-result {
  background: rgba(30, 41, 59, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.05);
  color: #e2e8f0;
}

:is([data-bs-theme="dark"], .dark-theme) .calculator-form .form-label,
:is([data-bs-theme="dark"], .dark-theme) .calculator-form legend.form-label {
  color: #e2e8f0;
}

:is([data-bs-theme="dark"], .dark-theme) .calculator-form .form-control,
:is([data-bs-theme="dark"], .dark-theme) .calculator-form .form-select,
:is([data-bs-theme="dark"], .dark-theme) .calculator-form .input-group-text,
:is([data-bs-theme="dark"], .dark-theme) .frequency-options .form-check,
:is([data-bs-theme="dark"], .dark-theme) .addon-options .form-check {
  background: rgba(15, 23, 42, 0.7);
  border-color: rgba(255, 255, 255, 0.1);
  color: #e2e8f0;
}

:is([data-bs-theme="dark"], .dark-theme) .calculator-form .form-control:focus,
:is([data-bs-theme="dark"], .dark-theme) .calculator-form .form-select:focus {
  background: rgba(15, 23, 42, 0.9);
  border-color: #0a84ff;
  color: #f8fafc;
}

:is([data-bs-theme="dark"], .dark-theme) .frequency-options .form-check:hover,
:is([data-bs-theme="dark"], .dark-theme) .addon-options .form-check:hover {
  background: rgba(15, 23, 42, 0.9);
  border-color: rgba(255, 255, 255, 0.15);
}

:is([data-bs-theme="dark"], .dark-theme) .result-breakdown li {
  border-bottom-color: rgba(255, 255, 255, 0.1);
  color: #cbd5e1;
}

:is([data-bs-theme="dark"], .dark-theme) .result-note {
  background: rgba(15, 23, 42, 0.7);
  border-right-color: #0a84ff;
  color: #94a3b8;
}

:is([data-bs-theme="dark"], .dark-theme) .calculator-form .btn-outline-secondary {
  background: rgba(15, 23, 42, 0.72);
  border-color: rgba(255, 255, 255, 0.14);
  color: #e2e8f0 !important;
}

:is([data-bs-theme="dark"], .dark-theme) .calculator-form .btn-outline-secondary:hover {
  background: rgba(30, 41, 59, 0.92);
  border-color: rgba(148, 163, 184, 0.32);
  color: #f8fafc !important;
}

:is([data-bs-theme="dark"], .dark-theme) .addon-options .form-check-label small {
  color: #94a3b8;
}

:is([data-bs-theme="dark"], .dark-theme) .calculator-form .form-control::placeholder {
  color: #94a3b8;
  opacity: 0.7;
}

:is([data-bs-theme="dark"], .dark-theme) .calculator-form .input-group-text {
  background: rgba(15, 23, 42, 0.7);
  border-color: rgba(255, 255, 255, 0.1);
  color: #94a3b8;
}

:is([data-bs-theme="dark"], .dark-theme) .frequency-options .form-check-input,
:is([data-bs-theme="dark"], .dark-theme) .addon-options .form-check-input {
  border-color: #475569;
  background-color: #1e293b;
}

:is([data-bs-theme="dark"], .dark-theme) .frequency-options .form-check-input:checked,
:is([data-bs-theme="dark"], .dark-theme) .addon-options .form-check-input:checked {
  background-color: #0a84ff;
  border-color: #0a84ff;
}

:is([data-bs-theme="dark"], .dark-theme) .result-price {
  color: #f8fafc;
}