/* ==========================================================
   DAQIQ THEME — Teal & Coral (direction C, 2026-10-10)
   Loaded after cms-combined.css. Overrides the --wf-* tokens and
   restyles shared CMS sections. Remove the <link> in
   layouts/app.blade.php to roll back.
   ========================================================== */

:root {
    --wf-primary: #0B7F7A;
    --wf-primary-light: #129A94;
    --wf-primary-dark: #08625E;
    --wf-accent: #F05423;
    --wf-accent-light: #FF7448;
    --wf-accent-dark: #D9441A;
    --wf-navy: #0B3B3C;
    --wf-navy-deep: #082E2F;
    --wf-bg-light: #F6FAF9;
    --wf-bg-white: #ffffff;
    --wf-bg-hero:
        radial-gradient(700px 460px at 18% 40%, rgba(11, 127, 122, .16), transparent 70%),
        radial-gradient(500px 360px at 95% 5%, rgba(240, 84, 35, .10), transparent 70%),
        linear-gradient(180deg, #EAF6F4 0%, #F6FAF9 100%);
    --wf-text-dark: #0F2A2E;
    --wf-text-body: #4A6366;
    --wf-text-light: #7A9295;
    --wf-border: #E1ECEA;
    --wf-radius: 12px;
    --wf-radius-lg: 20px;
    --wf-shadow: 0 4px 24px rgba(11, 59, 60, .07);
    --wf-shadow-lg: 0 18px 48px -12px rgba(11, 59, 60, .18);
    --wf-font-ar: 'IBM Plex Sans Arabic', sans-serif;
    --wf-font-en: 'IBM Plex Sans Arabic', sans-serif;

    --dq-teal-soft: #DDF2EF;
    --dq-coral-soft: #FFEDE4;
}

html body {
    font-family: 'IBM Plex Sans Arabic', system-ui, -apple-system, 'Segoe UI', sans-serif;
    color: var(--wf-text-dark);
}

/* ---------- Buttons ---------- */
.wf-btn {
    border-radius: 12px;
    font-weight: 600;
}

.wf-btn-primary {
    background: var(--wf-accent);
    box-shadow: 0 8px 22px -10px rgba(240, 84, 35, .75);
}

.wf-btn-primary:hover {
    background: var(--wf-accent-dark);
    box-shadow: 0 10px 24px -8px rgba(240, 84, 35, .55);
}

.wf-btn-outline {
    color: var(--wf-text-dark);
    border: 1px solid #BFD9D6;
    background: #fff;
}

.wf-btn-outline:hover {
    background: var(--wf-primary);
    border-color: var(--wf-primary);
    color: #fff;
}

/* ---------- Section badge (eyebrow) ---------- */
.wf-badge {
    border: 0;
    background: var(--dq-teal-soft);
    color: var(--wf-primary);
    padding: 6px 16px;
    font-size: .9rem;
}

.wf-dark-section .wf-badge,
.wf-resources .wf-badge {
    background: rgba(255, 255, 255, .1);
    color: #BFE6E2;
    border: 0;
}

.wf-heading-lg,
.wf-heading-xl {
    letter-spacing: -.3px;
}

/* ---------- Navbar ---------- */
.wf-navbar {
    padding: 14px 0;
}

.wf-hero .wf-navbar__logo img,
.wf-navbar .wf-navbar__logo img {
    height: 52px !important;
    max-height: 52px !important;
}

@media (max-width: 991px) {
    .wf-hero .wf-navbar__logo img,
    .wf-navbar .wf-navbar__logo img {
        height: 44px !important;
        max-height: 44px !important;
    }
}

.wf-navbar__links {
    gap: 30px;
}

.wf-navbar__links a {
    color: var(--wf-text-body);
    font-weight: 500;
}

.wf-navbar__links a:hover {
    color: var(--wf-primary);
}

.wf-navbar__actions .wf-btn:not(.wf-btn-primary) {
    border: 1px solid #BFD9D6 !important;
    color: var(--wf-text-dark) !important;
    background: #fff !important;
    border-radius: 12px !important;
}

.wf-navbar__actions .wf-btn:not(.wf-btn-primary):hover {
    border-color: var(--wf-primary) !important;
    color: var(--wf-primary) !important;
}

.wf-navbar__actions .wf-btn.wf-btn-primary {
    border-radius: 12px;
}

.wf-lang-switcher {
    background: #fff !important;
    border: 1px solid var(--wf-border);
}

.wf-mobile-menu {
    background: rgba(11, 59, 60, .45);
}

/* ---------- Hero ---------- */
.wf-hero {
    position: relative;
    padding: 0 0 72px;
}

.wf-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(11, 127, 122, .06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(11, 127, 122, .06) 1px, transparent 1px);
    background-size: 56px 56px;
    -webkit-mask-image: radial-gradient(900px 520px at 50% 35%, #000 30%, transparent 80%);
    mask-image: radial-gradient(900px 520px at 50% 35%, #000 30%, transparent 80%);
}

.wf-hero > .wf-container {
    position: relative;
}

.dq-hero-pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    border: 1px solid #D3E7E4;
    border-radius: 999px;
    padding: 6px 16px 6px 8px;
    font-size: .9rem;
    font-weight: 500;
    color: var(--wf-text-body);
    margin-bottom: 22px;
    box-shadow: 0 6px 18px -12px rgba(11, 59, 60, .35);
}

[dir="ltr"] .dq-hero-pill {
    padding: 6px 8px 6px 16px;
}

.dq-hero-pill img {
    height: 30px !important;
    max-height: 30px !important;
    width: auto;
}

.dq-hero-pill__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--wf-primary);
    box-shadow: 0 0 0 4px rgba(11, 127, 122, .18);
    flex-shrink: 0;
}

.wf-hero__title {
    font-weight: 700;
    letter-spacing: -.5px;
    line-height: 1.3;
}

.wf-hero__title .dq-hl {
    color: var(--wf-primary);
}

.wf-hero__subtitle {
    line-height: 1.85;
}

.wf-hero__cta {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

.wf-hero__cta .wf-btn {
    padding: 15px 28px;
    font-size: 1.05rem;
    border-radius: 14px;
}

.dq-btn-ghost {
    background: #fff;
    color: var(--wf-text-dark);
    border: 1px solid #BFD9D6;
}

.dq-btn-ghost:hover {
    color: var(--wf-primary);
    border-color: var(--wf-primary);
    text-decoration: none;
}

.wf-hero__trust {
    gap: 22px;
}

.wf-hero__trust-item {
    font-size: .9rem;
    color: var(--wf-text-body);
}

.wf-hero__trust-item i {
    color: var(--wf-primary);
}

.wf-hero__image {
    position: relative;
}

.wf-hero .wf-hero__image-placeholder {
    background: #fff;
    border: 1px solid var(--wf-border) !important;
    border-radius: 18px;
    padding: 10px;
    box-shadow: 0 40px 80px -36px rgba(11, 59, 60, .45);
    min-height: 0;
}

.wf-hero .wf-hero__image-placeholder img {
    border-radius: 10px !important;
    box-shadow: none !important;
    height: auto !important;
}

.dq-float {
    display: none;
}

@media (min-width: 992px) {
    .wf-hero {
        padding: 0 0 96px;
        text-align: start;
    }

    .wf-hero > .wf-container:last-child {
        display: grid;
        grid-template-columns: 1fr 1.15fr;
        gap: 56px;
        align-items: center;
        padding-top: 40px;
    }

    .wf-hero__content {
        margin: 0;
        max-width: none;
    }

    .wf-hero__content > div:first-child {
        text-align: start !important;
        margin-bottom: 0 !important;
    }

    .wf-hero__title {
        font-size: 3.1rem;
    }

    .wf-hero__subtitle {
        margin-inline: 0;
        font-size: 1.15rem;
    }

    .wf-hero__cta,
    .wf-hero__trust {
        justify-content: flex-start;
    }

    .wf-hero__image {
        max-width: none;
        margin: 0;
    }

    .dq-float {
        display: block;
        position: absolute;
        z-index: 2;
        background: #fff;
        color: var(--wf-text-dark);
        border: 1px solid var(--wf-border);
        border-radius: 14px;
        padding: 12px 14px;
        box-shadow: 0 24px 48px -18px rgba(11, 59, 60, .35);
        text-align: start;
        line-height: 1.4;
    }

    .dq-float small {
        display: block;
        font-size: .75rem;
        color: var(--wf-text-light);
    }

    .dq-float--inv {
        top: -28px;
        inset-inline-end: -26px;
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .dq-float--inv svg.dq-qr {
        width: 52px;
        height: 52px;
        flex-shrink: 0;
        color: #111;
    }

    .dq-float--inv strong {
        display: block;
        font-size: .9rem;
        margin: 2px 0 6px;
    }

    .dq-float__ok {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        font-size: .75rem;
        font-weight: 600;
        color: var(--wf-primary);
        background: var(--dq-teal-soft);
        padding: 2px 9px;
        border-radius: 999px;
    }

    .dq-float--sales {
        bottom: -34px;
        inset-inline-start: -24px;
        width: 220px;
    }

    .dq-float--sales .num {
        font-size: 1.35rem;
        font-weight: 700;
        margin: 2px 0 8px;
    }

    .dq-bars {
        display: flex;
        align-items: flex-end;
        gap: 6px;
        height: 40px;
    }

    .dq-bars i {
        flex: 1;
        border-radius: 4px 4px 2px 2px;
        background: var(--dq-teal-soft);
    }

    .dq-bars i:last-child {
        background: var(--wf-primary);
    }
}

/* ---------- Features ---------- */
.wf-features {
    background: var(--wf-bg-light);
}

.wf-feature-card {
    background: #fff;
    border: 1px solid var(--wf-border);
    text-align: start;
    padding: 32px 28px;
}

.wf-feature-card:hover {
    border-color: var(--wf-primary);
    box-shadow: 0 18px 40px -20px rgba(11, 59, 60, .35);
}

.wf-feature-card__icon {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    background: var(--dq-teal-soft);
    color: var(--wf-primary);
    font-size: 1.35rem;
}

/* ---------- Dark sections ---------- */
.wf-dark-section {
    background:
        radial-gradient(700px 400px at 85% 0%, rgba(18, 154, 148, .35), transparent 70%),
        radial-gradient(500px 320px at 10% 100%, rgba(240, 84, 35, .14), transparent 70%),
        var(--wf-navy);
}

.wf-dark-section .wf-text-body {
    color: rgba(255, 255, 255, .72);
}

.wf-dark-section [style*="rgba(59,95,229"] {
    background: rgba(255, 255, 255, .09) !important;
    color: #7FD6CF !important;
}

.wf-resources {
    background:
        radial-gradient(600px 360px at 15% 0%, rgba(18, 154, 148, .28), transparent 70%),
        var(--wf-navy-deep);
}

.wf-resource-card__icon {
    background: rgba(255, 255, 255, .08);
    color: #7FD6CF;
}

.wf-resource-card__link {
    color: #fff;
    border-color: rgba(255, 255, 255, .22);
}

.wf-resource-card__link:hover {
    background: var(--wf-accent);
    border-color: var(--wf-accent);
}

/* ---------- Alternating sections & stats ---------- */
.wf-alt-section__features-list li i {
    color: var(--wf-primary);
}

.wf-alt-section__image-placeholder {
    border: 1px solid var(--wf-border);
    background: #fff;
}

.stats-item {
    border-color: var(--wf-border) !important;
}

.stats-title {
    color: var(--wf-text-body) !important;
}

.wf-stat-item__number {
    color: var(--wf-primary);
}

/* ---------- Invoicing section: feature list (replaced the old stats grid) ---------- */
.dq-inv-feats {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    text-align: start;
}

.dq-inv-feats li {
    background: #fff;
    border: 1px solid var(--wf-border);
    border-radius: 16px;
    padding: 22px 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    transition: var(--wf-transition);
}

.dq-inv-feats li:hover {
    border-color: var(--wf-primary);
    box-shadow: 0 18px 40px -22px rgba(11, 59, 60, .35);
}

.dq-inv-feats i {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: var(--dq-teal-soft);
    color: var(--wf-primary);
    display: grid;
    place-items: center;
    font-size: 1.2rem;
}

.dq-inv-feats b {
    display: block;
    font-size: 1.05rem;
    color: var(--wf-text-dark);
    margin-bottom: 4px;
}

.dq-inv-feats span {
    display: block;
    font-size: .92rem;
    color: var(--wf-text-body);
    line-height: 1.7;
}

@media (max-width: 575px) {
    .dq-inv-feats {
        grid-template-columns: 1fr;
    }
}

.wf-alt-section__image-placeholder:has(img[src*="invoice_image"]) {
    padding: 0;
    border: 0;
    background: transparent;
    overflow: hidden;
    border-radius: var(--wf-radius-lg);
    box-shadow: 0 30px 60px -36px rgba(11, 59, 60, .45);
}

/* ---------- Testimonials ---------- */
.wf-testimonial-card {
    background: #fff;
    border: 1px solid var(--wf-border);
}

.wf-testimonial-card:hover {
    border-color: var(--wf-primary);
    box-shadow: 0 18px 40px -22px rgba(11, 59, 60, .35);
}

.wf-testimonial-card__avatar {
    background: var(--wf-primary);
}

/* ---------- Pricing ---------- */
.wf-pricing {
    background: var(--wf-bg-light);
}

.wf-pricing-card {
    border: 1px solid var(--wf-border);
}

.wf-pricing-card:hover {
    border-color: var(--wf-primary);
}

.wf-pricing-card__amount {
    color: var(--wf-text-dark);
    font-weight: 700;
}

.wf-pricing-card__features li i {
    color: var(--wf-primary);
}

.wf-pricing-card--popular {
    background: var(--wf-navy);
    border-color: var(--wf-navy);
    box-shadow: 0 30px 60px -30px rgba(11, 59, 60, .6);
}

.wf-pricing-card--popular .wf-pricing-card__name,
.wf-pricing-card--popular .wf-pricing-card__amount {
    color: #fff;
}

.wf-pricing-card--popular .wf-pricing-card__tagline,
.wf-pricing-card--popular .wf-pricing-card__currency,
.wf-pricing-card--popular .wf-pricing-card__period,
.wf-pricing-card--popular .wf-pricing-card__annual-note {
    color: #A9CDCB;
}

.wf-pricing-card--popular .wf-pricing-card__features li {
    color: #E3F1EF;
    border-color: rgba(255, 255, 255, .1);
}

.wf-pricing-card--popular .wf-pricing-card__features li i {
    color: #FF8A5F;
}

.wf-pricing-card__popular-badge {
    background: var(--wf-accent);
}

.wf-pricing__toggle-switch.active {
    background: var(--wf-primary);
}

.wf-pricing__discount-badge {
    background: var(--dq-teal-soft);
    color: var(--wf-primary-dark);
}

/* ---------- Feature comparison ---------- */
.fc-accordion-btn {
    background: var(--wf-navy) !important;
    box-shadow: 0 10px 24px -12px rgba(11, 59, 60, .6) !important;
}

.fc-accordion-btn:hover {
    background: var(--wf-primary) !important;
}

.fc-detail thead th.fc-pop-h {
    background: var(--wf-navy) !important;
}

.fc-detail .fc-cat-row td {
    background: var(--wf-bg-light) !important;
}

.fc-detail .fc-pop-col {
    background: rgba(11, 127, 122, .04) !important;
}

/* ---------- CTA ---------- */
.wf-cta {
    background:
        radial-gradient(700px 400px at 15% 30%, rgba(11, 127, 122, .16), transparent 70%),
        radial-gradient(500px 320px at 90% 80%, rgba(240, 84, 35, .10), transparent 70%),
        linear-gradient(180deg, #EAF6F4, #F6FAF9);
}

/* ---------- FAQ ---------- */
.wf-faq-item {
    background: #fff;
}

.wf-faq-item:hover {
    border-color: var(--wf-primary);
}

.wf-faq-item__question i {
    color: var(--wf-primary);
}

/* ---------- Footer (dark teal) ---------- */
.wf-footer {
    background: var(--wf-navy);
    border-top: 0;
    color: #A9CDCB;
}

.wf-footer__logo img {
    filter: brightness(0) invert(1);
    height: 44px;
}

.wf-footer__brand-desc,
.wf-footer__cta-note,
.wf-footer__copyright {
    color: #A9CDCB;
}

.wf-footer__col-title {
    color: #fff;
}

.wf-footer__links a,
.wf-footer__legal-links a,
.wf-lang-switch,
.wf-lang-switch a {
    color: #A9CDCB !important;
}

.wf-footer__links a:hover,
.wf-footer__legal-links a:hover,
.wf-lang-switch a:hover {
    color: #fff !important;
}

.wf-lang-switch a.active {
    color: #fff !important;
}

.wf-footer__trust {
    color: #7FB5B1 !important;
}

.wf-footer [style*="color:#64748b"] {
    color: #A9CDCB !important;
}

.wf-footer [style*="color:var(--wf-text-dark)"] {
    color: #fff !important;
}

.wf-footer__tools {
    border-top-color: rgba(255, 255, 255, .1) !important;
}

.wf-footer__tools a[style] {
    color: #CFE6E3 !important;
    text-decoration: none;
}

.wf-footer__tools a[style]:hover {
    color: #fff !important;
}

.wf-footer__bottom {
    border-top-color: rgba(255, 255, 255, .1);
}

.wf-footer__social-link {
    background: rgba(255, 255, 255, .1);
}

.wf-footer__social-link:hover {
    background: var(--wf-accent);
}

/* ---------- Founding-member banner & side badge (inline-styled in app.blade.php) ---------- */
#dqTopBanner {
    background: linear-gradient(90deg, #0B3B3C 0%, #0B7F7A 100%) !important;
    font-family: inherit !important;
}

#dqTopBanner a {
    background: var(--wf-accent) !important;
    color: #fff !important;
    border-color: transparent !important;
}

#dqSideBadge {
    background: linear-gradient(135deg, #F05423 0%, #D9441A 100%) !important;
    font-family: inherit !important;
}

/* ==========================================================
   Tool pages: old navy (#1A3668 / #1a237e / #1e40af …) → teal.
   Generated from the page <style> blocks; document templates
   (invoice/payslip/voucher previews) are left untouched.
   ========================================================== */

/* ---------- Tool pages: shared header strip ---------- */
header.hero {
    background: linear-gradient(90deg, #F2FAF8 0%, #EAF6F4 100%);
    box-shadow: inset 0 -1px 0 var(--wf-border);
}

.cta-box {
    background: linear-gradient(135deg, #0B3B3C 0%, #0E6663 100%) !important;
}

/* Inline-styled blocks on tool pages (old navy → teal) */
[style*="background: #1A3668" i],
[style*="background:#1A3668" i] {
    background: #0B3B3C !important;
}

[style*="linear-gradient(135deg, #1A3668 0%, #2d5088 100%)" i] {
    background: linear-gradient(135deg, #0B3B3C 0%, #0E6663 100%) !important;
}

[style*="linear-gradient(135deg, #1e40af 0%, #1e3a8a 100%)" i],
[style*="linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%)" i] {
    background: linear-gradient(135deg, #0B3B3C 0%, #0B7F7A 100%) !important;
}

[style*="solid #1A3668" i],
[style*="solid #2563eb" i] {
    border-color: #0B7F7A !important;
}

[style*="color: #1A3668" i],
[style*="color:#1A3668" i],
[style*="color: #1a237e" i],
[style*="color:#1e3a8a" i] {
    color: #0B3B3C !important;
}

[style*="color: #1e40af" i],
[style*="color:#1e40af" i],
[style*="color:#2563eb" i] {
    color: #0B7F7A !important;
}

.dq-tc__card {
    background: linear-gradient(135deg, #0f172a 0%, #0B3B3C 100%) !important;
}

.cmp-hero {
    background: linear-gradient(135deg, #0f172a 0%, #0B3B3C 60%, #0E6663 100%) !important;
}

.cmp-section h2 {
    color: #0B3B3C !important;
}

.cmp-verdict h3 {
    color: #0B7F7A !important;
}

.cmp-verdict p {
    color: #0B3B3C !important;
}

.cmp-cta {
    background: linear-gradient(135deg, #0B3B3C, #E8571F) !important;
}

.cmp-cta .btn-primary {
    color: #0B3B3C !important;
}

.cmp-cta .btn-primary:hover {
    color: #0B3B3C !important;
}

.gosi-hero {
    background: linear-gradient(135deg, #0B3B3C 0%, #0B7F7A 100%) !important;
}

.gosi-btn {
    background: linear-gradient(135deg, #0B7F7A 0%, #0B7F7A 100%) !important;
}

.gosi-result {
    background: linear-gradient(135deg, #0B3B3C 0%, #0B7F7A 100%) !important;
}

.ib-hero {
    background: linear-gradient(135deg, #0B7F7A 0%, #0B3B3C 100%) !important;
}

.ib-input:focus {
    border-color: #0B7F7A !important;
}

.ib-btn {
    background: linear-gradient(135deg, #0B7F7A 0%, #0B3B3C 100%) !important;
}

.inv-hero {
    background: linear-gradient(135deg, #0B3B3C 0%, #0E6663 100%) !important;
}

.inv-btn {
    background: #0B3B3C !important;
}

.je-hero {
    background: linear-gradient(135deg, #0B3B3C 0%, #0D4A4A 50%, #0E6663 100%) !important;
}

.je-type-btn:hover {
    border-color: #0B3B3C !important;
}

.je-type-btn.active {
    border-color: #0B3B3C !important;
    color: #0B3B3C !important;
}

.je-type-btn.active i {
    color: #0B3B3C !important;
}

.ps-hero {
    background: linear-gradient(135deg, #0B3B3C 0%, #0D4A4A 50%, #0E6663 100%) !important;
}

.ps-btn-primary {
    background: #0B3B3C !important;
}

:root {
    --dq-blue: #0B3B3C !important;
}

.pct-hero {
    background: linear-gradient(135deg, #0B3B3C 0%, #0D4A4A 50%, #0E6663 100%) !important;
}

.ref-hero {
    background: linear-gradient(135deg, #0B3B3C 0%, #0D4A4A 40%, #E8571F 100%) !important;
}

.ref-reward-card.friend .icon {
    background: linear-gradient(135deg, #0B3B3C, #0E6663) !important;
}

.ref-section h2 {
    color: #0B3B3C !important;
}

.ref-step-num {
    background: linear-gradient(135deg, #0B3B3C, #E8571F) !important;
}

.ref-step h4 {
    color: #0B3B3C !important;
}

.ref-form-card h2 {
    color: #0B3B3C !important;
}

.ref-form-tab.active {
    color: #0B3B3C !important;
}

.ref-input:focus {
    border-color: #0B3B3C !important;
}

.ref-link-result label {
    color: #0B7F7A !important;
}

.ref-copy-btn {
    background: #0B3B3C !important;
}

.ref-terms summary {
    color: #0B3B3C !important;
}

.salary-hero {
    background: linear-gradient(135deg, #0B3B3C 0%, #0E6663 100%) !important;
}

.salary-tab.active {
    color: #0B3B3C !important;
    border-bottom-color: #0B3B3C !important;
}

.salary-input:focus {
    border-color: #0B3B3C !important;
}

.salary-btn {
    background: #0B3B3C !important;
}

.breakdown-row:last-child {
    color: #0B3B3C !important;
}

.ec-btn:hover {
    background: #0B3B3C !important;
}

.mg-hero {
    background: linear-gradient(135deg, #0B7F7A 0%, #0B3B3C 100%) !important;
}

.mg-input:focus, .mg-select:focus {
    border-color: #0B7F7A !important;
}

.mg-btn {
    background: linear-gradient(135deg, #0B7F7A 0%, #0B3B3C 100%) !important;
}

.mg-box {
    background: linear-gradient(135deg, #0B7F7A 0%, #0B3B3C 100%) !important;
}

.mg-details h3 {
    color: #0B3B3C !important;
}

.mg-details strong {
    color: #0B7F7A !important;
}

table.mg-tbl th {
    color: #0B3B3C !important;
}

.vat-hero {
    background: linear-gradient(135deg, #0B3B3C 0%, #0D4A4A 50%, #0E6663 100%) !important;
}

.vat-input:focus {
    border-color: #0B3B3C !important;
}

.vat-addon {
    color: #0B3B3C !important;
}

.btn-add-vat {
    background: #0B3B3C !important;
}

.result-blue .result-value {
    color: #0B7F7A !important;
}

.formula-box .formula-title {
    color: #0B3B3C !important;
}

[dir="rtl"] .formula-box {
    border-right: 4px solid #0B3B3C !important;
}

[dir="ltr"] .formula-box {
    border-left: 4px solid #0B3B3C !important;
}

.seo-card h2 {
    color: #0B3B3C !important;
}

.formula-display code {
    color: #0B3B3C !important;
}

.accordion-button:not(.collapsed) {
    color: #0B3B3C !important;
}

.vr-hero {
    background: linear-gradient(135deg, #0B3B3C 0%, #0D4A4A 50%, #0E6663 100%) !important;
}

.wht-hero {
    background: linear-gradient(135deg, #0B3B3C 0%, #0D4A4A 50%, #0E6663 100%) !important;
}

.wht-field input:focus, .wht-field select:focus {
    border-color: #0B3B3C !important;
}

.wht-btn {
    background: #0B3B3C !important;
}