:root {
  --im-navy: #0B2A4A;
  --im-blue: #0B2A4A;
  --im-blue-dark: #0B2A4A;
  --im-orange: #C2410C;
  --im-orange-dark: #C2410C;
  --im-bg: #FFFFFF;
  --im-soft-bg: #F8FAFC;
  --im-card: #FFFFFF;
  --im-text: #172033;
  --im-muted: #64748B;
  --im-border: #E2E8F0;
  --im-green: #15803D;
  --im-red: #DC2626;
}

.invoice-mint-theme {
  background: var(--im-bg);
  color: var(--im-text);
}

.invoice-mint-theme .im-ui {
  color: var(--im-text);
}

.invoice-mint-theme .im-ui.site-header,
.invoice-mint-theme .im-ui.header,
.invoice-mint-theme .im-ui.navbar,
.invoice-mint-theme .im-ui.main-header,
.invoice-mint-theme .im-ui .site-header-bar {
  background: var(--im-navy);
  color: #ffffff;
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

.invoice-mint-theme .im-ui.site-header a,
.invoice-mint-theme .im-ui.header a,
.invoice-mint-theme .im-ui.navbar a,
.invoice-mint-theme .im-ui.main-header a {
  color: #ffffff;
  text-decoration: none;
}

.invoice-mint-theme .im-ui.site-header a:hover,
.invoice-mint-theme .im-ui.navbar a:hover {
  color: var(--im-orange);
}

.invoice-mint-theme .im-ui.navbar .bill-menu-panel a,
.invoice-mint-theme .im-ui.navbar .profile-menu-panel a {
  color: var(--im-text) !important;
}

.invoice-mint-theme .im-ui.navbar .bill-menu-panel a:hover,
.invoice-mint-theme .im-ui.navbar .profile-menu-panel a:hover {
  color: var(--im-orange) !important;
}

.invoice-mint-theme .im-ui.navbar .profile-menu-panel .profile-menu-active,
.invoice-mint-theme .im-ui.navbar .profile-menu-panel .profile-menu-active:hover {
  color: #ffffff !important;
}

.invoice-mint-theme .im-ui.hero-section,
.invoice-mint-theme .im-ui .hero-section,
.invoice-mint-theme .im-ui.hero,
.invoice-mint-theme .im-ui .hero,
.invoice-mint-theme .im-ui.banner {
  background: linear-gradient(135deg, #0B2A4A 0%, #0B2A4A 68%, #C2410C 100%);
  color: #ffffff;
}

.invoice-mint-theme .im-ui.hero-section h1,
.invoice-mint-theme .im-ui .hero-section h1,
.invoice-mint-theme .im-ui.hero h1,
.invoice-mint-theme .im-ui .hero h1,
.invoice-mint-theme .im-ui.banner h1 {
  color: #ffffff;
}

.invoice-mint-theme .im-ui.hero-section p,
.invoice-mint-theme .im-ui .hero-section p,
.invoice-mint-theme .im-ui.hero p,
.invoice-mint-theme .im-ui .hero p,
.invoice-mint-theme .im-ui.banner p {
  color: #EAF2FF;
}

.invoice-mint-theme .im-ui.card,
.invoice-mint-theme .im-ui .card,
.invoice-mint-theme .im-ui.feature-card,
.invoice-mint-theme .im-ui .feature-card,
.invoice-mint-theme .im-ui.form-panel,
.invoice-mint-theme .im-ui .form-panel,
.invoice-mint-theme .im-ui.pricing-card,
.invoice-mint-theme .im-ui .pricing-card,
.invoice-mint-theme .im-ui.faq-item,
.invoice-mint-theme .im-ui .faq-item,
.invoice-mint-theme .im-ui.contact-card,
.invoice-mint-theme .im-ui .contact-card,
.invoice-mint-theme .im-ui.legal-card,
.invoice-mint-theme .im-ui .legal-card {
  background: var(--im-card);
  border: 1px solid var(--im-border);
  border-radius: 14px;
  box-shadow: 0 10px 25px rgba(11, 42, 74, 0.06);
}

.invoice-mint-theme .im-ui h1,
.invoice-mint-theme .im-ui h2,
.invoice-mint-theme .im-ui h3,
.invoice-mint-theme .im-ui h4 {
  color: var(--im-text);
}

.invoice-mint-theme .im-ui p,
.invoice-mint-theme .im-ui li,
.invoice-mint-theme .im-ui label {
  color: var(--im-muted);
}

.invoice-mint-theme .im-ui a {
  color: var(--im-blue);
}

.invoice-mint-theme .im-ui a:hover {
  color: var(--im-orange);
}

.invoice-mint-theme .im-ui .btn-primary,
.invoice-mint-theme .im-ui .primary-btn,
.invoice-mint-theme .im-ui .try-free-btn,
.invoice-mint-theme .im-ui .generate-btn,
.invoice-mint-theme .im-ui .download-btn,
.invoice-mint-theme .im-ui button[type="submit"] {
  background: var(--im-orange);
  color: #ffffff;
  border: 1px solid var(--im-orange);
  border-radius: 10px;
  font-weight: 600;
  box-shadow: 0 8px 18px rgba(194, 65, 12, 0.22);
}

.invoice-mint-theme .im-ui .btn-primary:hover,
.invoice-mint-theme .im-ui .primary-btn:hover,
.invoice-mint-theme .im-ui .try-free-btn:hover,
.invoice-mint-theme .im-ui .generate-btn:hover,
.invoice-mint-theme .im-ui .download-btn:hover,
.invoice-mint-theme .im-ui button[type="submit"]:hover {
  background: var(--im-orange-dark);
  border-color: var(--im-orange-dark);
}

.invoice-mint-theme .im-ui .btn-secondary,
.invoice-mint-theme .im-ui .secondary-btn,
.invoice-mint-theme .im-ui .view-template-btn {
  background: var(--im-blue);
  color: #ffffff;
  border: 1px solid var(--im-blue);
  border-radius: 10px;
  font-weight: 600;
}

.invoice-mint-theme .im-ui .btn-secondary:hover,
.invoice-mint-theme .im-ui .secondary-btn:hover,
.invoice-mint-theme .im-ui .view-template-btn:hover {
  background: var(--im-blue-dark);
  border-color: var(--im-blue-dark);
}

.invoice-mint-theme .im-ui .btn-outline,
.invoice-mint-theme .im-ui .outline-btn,
.invoice-mint-theme .im-ui .reset-btn {
  background: #ffffff;
  color: var(--im-navy);
  border: 1px solid var(--im-border);
  border-radius: 10px;
  font-weight: 600;
}

.invoice-mint-theme .im-ui .btn-outline:hover,
.invoice-mint-theme .im-ui .outline-btn:hover,
.invoice-mint-theme .im-ui .reset-btn:hover {
  border-color: var(--im-blue);
  color: var(--im-blue);
}

.invoice-mint-theme .im-ui input,
.invoice-mint-theme .im-ui select,
.invoice-mint-theme .im-ui textarea {
  background: #ffffff;
  color: var(--im-text);
  border: 1px solid var(--im-border);
  border-radius: 9px;
}

.invoice-mint-theme .im-ui input:focus,
.invoice-mint-theme .im-ui select:focus,
.invoice-mint-theme .im-ui textarea:focus {
  outline: none;
  border-color: var(--im-blue);
  box-shadow: 0 0 0 3px rgba(11, 42, 74, 0.12);
}

.invoice-mint-theme .im-ui input[type="checkbox"],
.invoice-mint-theme .im-ui input[type="radio"] {
  accent-color: var(--im-orange);
  width: 1.08rem;
  height: 1.08rem;
  min-width: 1.08rem;
  padding: 0;
  cursor: pointer;
  border: 1px solid var(--im-border) !important;
  box-shadow: none;
}

.invoice-mint-theme .im-ui input[type="checkbox"] {
  border-radius: 4px;
}

.invoice-mint-theme .im-ui input[type="radio"] {
  border-radius: 999px;
  accent-color: var(--im-blue);
}

.invoice-mint-theme .im-ui input[type="checkbox"]:checked {
  background-color: var(--im-orange) !important;
  border-color: var(--im-orange) !important;
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.5 4.5 6.5 11.5 2.8 7.8' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 0.78rem 0.78rem;
}

.invoice-mint-theme .im-ui input[type="radio"]:checked {
  background-color: var(--im-blue) !important;
  border-color: var(--im-blue) !important;
  background-image: url("data:image/svg+xml,%3csvg viewBox='-4 -4 8 8' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e") !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 0.72rem 0.72rem;
}

.invoice-mint-theme .im-ui input[type="checkbox"]:focus,
.invoice-mint-theme .im-ui input[type="radio"]:focus {
  border-color: var(--im-blue) !important;
  box-shadow: 0 0 0 3px rgba(11, 42, 74, 0.12);
}

.invoice-mint-theme .im-ui .tab,
.invoice-mint-theme .im-ui .tab-trigger {
  background: #ffffff;
  color: var(--im-text);
  border: 1px solid var(--im-border);
  border-radius: 10px;
}

.invoice-mint-theme .im-ui .tab.active,
.invoice-mint-theme .im-ui .tab-trigger.active {
  background: var(--im-blue);
  color: #ffffff;
  border-color: var(--im-blue);
}

.invoice-mint-theme .im-ui .badge,
.invoice-mint-theme .im-ui .new-badge,
.invoice-mint-theme .im-ui .offer-badge {
  background: rgba(194, 65, 12, 0.10);
  color: var(--im-orange);
  border: 1px solid rgba(194, 65, 12, 0.20);
  border-radius: 999px;
}

.invoice-mint-theme .im-ui .success,
.invoice-mint-theme .im-ui .verified,
.invoice-mint-theme .im-ui .paid {
  color: var(--im-green);
}

.invoice-mint-theme .im-ui.site-footer,
.invoice-mint-theme .im-ui.footer,
.invoice-mint-theme .im-ui.main-footer {
  background: var(--im-navy);
  color: #ffffff;
}

.invoice-mint-theme .im-ui.site-footer h2,
.invoice-mint-theme .im-ui.site-footer h3,
.invoice-mint-theme .im-ui.site-footer h4,
.invoice-mint-theme .im-ui.footer h2,
.invoice-mint-theme .im-ui.footer h3,
.invoice-mint-theme .im-ui.footer h4 {
  color: #ffffff;
}

.invoice-mint-theme .im-ui.site-footer p,
.invoice-mint-theme .im-ui.site-footer li,
.invoice-mint-theme .im-ui.footer p,
.invoice-mint-theme .im-ui.footer li {
  color: #D1D5DB;
}

.invoice-mint-theme .im-ui.site-footer a,
.invoice-mint-theme .im-ui.footer a {
  color: #EAF2FF;
}

.invoice-mint-theme .im-ui.site-footer a:hover,
.invoice-mint-theme .im-ui.footer a:hover {
  color: var(--im-orange);
}

.invoice-mint-theme .im-ui.preview-toolbar,
.invoice-mint-theme .im-ui.preview-header {
  background: #ffffff;
  color: var(--im-text);
  border: 1px solid var(--im-border);
  border-radius: 12px 12px 0 0;
}

.bill-safe-zone,
.bill-safe-zone * {
  /* Existing bill template CSS controls this area. */
}

@media print {
  .im-ui,
  .site-header,
  .site-footer,
  .form-panel,
  .preview-toolbar,
  .download-btn,
  .whatsapp-widget {
    display: none !important;
  }

  body {
    background: #ffffff !important;
  }

  .bill-safe-zone {
    display: block !important;
    background: #ffffff !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}