@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;600;700&family=DM+Sans:wght@300;400;500;700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:wght@300;400;700&family=Lexend:wght@300;400;500;600;700&family=Manrope:wght@300;400;500;600;700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:wght@300;400;500;600;700&family=Nunito:wght@300;400;500;600;700&family=Open+Sans:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=Poppins:ital,wght@0,100..900;1,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Rubik:wght@300;400;500;600;700&family=Source+Sans+3:wght@300;400;500;600;700&family=Urbanist:wght@300;400;500;600;700&family=Work+Sans:wght@300;400;500;600;700&display=swap');

:root {
    /* Core Accent Green */
    --important-css-loaded: true;
    --headline-font: Poppins;
    --body-font: Poppins;
    --white-color: #ffffffff;
    --dark-color: #1A202C;
    --Acent-color: #4B5563;
    --ghlstyle-transparent: rgba(0, 0, 0, 0);
    --scroll-color: #9e9e9e;
    --ghl-white-label-dashboard-color: #F1F4F7;
    --top-nav-menu-color: #2a3941ff;
    --top-nav-menu-active-color: #10a918;
    --top-nav-menu-hover-color: #08610a;
    --top-nav-menu-bg: #ffffff00;
    --top-nav-menu-hover-bg: #f25a0700;
    --top-nav-menu-active-bg: #f25a0700;
    --top-nav-menu-font-size: 14px;
    --top-nav-border-width: 0 0 0.1rem 0;
    --top-nav-border-radius: 1px;
    --top-nav-border-style: solid;
    --top-nav-border-color: #ffffff00;
    --top-nav-border-hover-width: 0 0 0.1rem 0;
    --top-nav-border-hover-radius: 1px;
    --top-nav-border-hover-style: solid;
    --top-nav-border-hover-color: color-mix(in srgb, var(--menu-active-color), transparent 20%);
    --top-nav-border-active-width: 0 0 0.1rem 0;
    --top-nav-border-active-radius: 1px;
    --top-nav-border-active-style: solid;
    --top-nav-border-active-color: color-mix(in srgb, var(--menu-active-color), transparent 0%);
    --top-nav-title-color: var(--white-color);
    --top-nav-title-font-size: 24px;
    --top-nav-bg-color: #165ef000;
    --top-nav-bg-gradient: linear-gradient(250deg, #00000000 88%, #00000000 100%);
    --n-tab-text-color-active: #0c8511 !important;
    --n-bar-color: #08610a !important;
    --blue-50: #e8fde9 !important;
    --blue-100: #c5fbc8 !important;
    --blue-200: #9bf8a2 !important;
    --blue-300: #71f57a !important;
    --blue-400: #47f354 !important;
    --blue-500: #19f129 !important;
    --blue-600: #14cd20 !important;
    --blue-700: #10a918 !important;
    --blue-800: #0c8511 !important;
    --blue-900: #08610a !important;
    --blue-950: #054a06 !important;
    --primary-50: #e8fde9 !important;
    --primary-100: #c5fbc8 !important;
    --primary-200: #9bf8a2 !important;
    --primary-300: #71f57a !important;
    --primary-400: #47f354 !important;
    --primary-500: #19f129 !important;
    --n-dot-color-active: #08610a !important;
    --primary-600: #14cd20 !important;
    --primary-700: #10a918 !important;
    --primary-800: #0c8511 !important;
    --primary-900: #08610a !important;
    --primary-950: #054a06 !important;
    --n-color: #c5fbc8 !important;
    --brand-logo: url(https://rsksystem.com/tecnicolive/logo-tecnicolive.png);
    --brand-primary-color: #0b221c;
    --brand-secondary-color: #ffffff;
    --brand-acent-color: #10a918;
    --app-font-family: Manrope;
    --ghl-topbar-color: #0b221c;
    --ghl-sidebar-color: #0b221c;
    --menu-hover-color: #9bf8a2;
    --menu-active-color: #10a918;
    --sidebar-bottom-toggle: #565c8f;
    --ghl-widgets-color: #10a918;
    --ghl-widgets-bg-color: #ffffff;
    --ghl-topbar-text-color: #ffffff;
    --menu-text-color: #ffffff;
    --ghl-dashboard-icon-color: #83878f;
    --ghl-widgets-text-color: #ffffff;
    --ghl-widgets-icon-color: #ffffff;
    --ghl-topbar-icon-color: #ffffff;
    --Launch-Pad-Text: "Launch Pad";
    --Dashboard-Text: "Dashboard";
    --Conversations-Text: "Conversations";
    --Calendar-Text: "Calendar";
    --Contacts-Text: "Contacts";
    --Opportunities-Text: "Opportunities";
    --Payments-Text: "Payments";
    --AI-Agents-Text: "AI Agents";
    --Marketing-Text: "Marketing";
    --Automations-Text: "Automations";
    --Sites-Text: "Sites";
    --Memberships-Text: "Memberships";
    --Media-Storage-Text: "Media Storage";
    --Reputation-Text: "Reputation";
    --Reporting-Text: "Reporting";
    --App-Marketplace-Text: "App Marketplace";
    --Mobile-App-Text: "Mobile App";
    --Settings-Text: "Settings";
    --launch-pad-icon: url(https://res.cloudinary.com/dn3mdxebf/image/upload/v1745636990/RocketLaunch_tnxjuq.png);
    --dashboard-icon: url(https://res.cloudinary.com/dn3mdxebf/image/upload/v1745636988/ChartDonut_xvomxc.png);
    --conversations-icon: url(https://res.cloudinary.com/dn3mdxebf/image/upload/v1745636989/Chats_evuom2.png);
    --calendars-icon: url(https://res.cloudinary.com/dn3mdxebf/image/upload/v1745636988/CalendarDots_l5tpxr.png);
    --contacts-icon: url(https://res.cloudinary.com/dn3mdxebf/image/upload/v1745636988/IdentificationCard_aq9t7m.png);
    --opportunities-icon: url(https://res.cloudinary.com/dn3mdxebf/image/upload/v1745636988/HandCoins_hd3giq.png);
    --payments-icon: url(https://res.cloudinary.com/dn3mdxebf/image/upload/v1745636989/CurrencyDollarSimple_p2lp03.png);
    --ai-agents-icon: url(https://res.cloudinary.com/dn3mdxebf/image/upload/v1745638645/AI_Agents_b9zrtr.png);
    --marketing-icon: url(https://res.cloudinary.com/dn3mdxebf/image/upload/v1745636989/Megaphone_ywe4yq.png);
    --automations-icon: url(https://res.cloudinary.com/dn3mdxebf/image/upload/v1745636987/GearFine_muf3ps.png);
    --sites-icon: url(https://res.cloudinary.com/dn3mdxebf/image/upload/v1745636987/Browser_jbi5vh.png);
    --memberships-icon: url(https://res.cloudinary.com/dn3mdxebf/image/upload/v1745636988/Certificate_iyrcno.png);
    --media-storage-icon: url(https://res.cloudinary.com/dn3mdxebf/image/upload/v1745636989/ImagesSquare_wghzea.png);
    --reputation-icon: url(https://res.cloudinary.com/dn3mdxebf/image/upload/v1745636989/ListStar_swgiix.png);
    --reporting-icon: url(https://res.cloudinary.com/dn3mdxebf/image/upload/v1745636990/ChartBar_vpzouh.png);
    --app-marketplace-icon: url(https://res.cloudinary.com/dn3mdxebf/image/upload/v1745636990/SquaresFour_tdk36i.png);
    --mobile-app-icon: url(https://res.cloudinary.com/dn3mdxebf/image/upload/v1745636988/DeviceMobileCamera_q526gh.png);
    --settings-icon: url(https://res.cloudinary.com/dn3mdxebf/image/upload/v1745636990/ToggleRight_k50xms.png);
    --icon-dialer: url(https://res.cloudinary.com/dn3mdxebf/image/upload/v1745636989/Phone_jnm2yw.png);
    --icon-activitie: url(https://res.cloudinary.com/dn3mdxebf/image/upload/v1745636988/Bell_cczvh7.png);
    --icon-help: url(https://res.cloudinary.com/dn3mdxebf/image/upload/v1745636990/Question_sh2vk0.png);
    --icon-canny-logs: url(https://res.cloudinary.com/dn3mdxebf/image/upload/v1745636987/GearSix_blhogp.png);
}

/* ================= GLOBAL FONT SETTING ================ */
/* Force consistent font across common elements */
div,
p,
span,
a,
button {
    font-family: var(--body-font) !important;
    /* Enforces body font */
    ;
}

.hl-card-content div {
    font-family: var(--body-font) !important;
    font-weight: 500 !important;
}

/* ================= SIDEBAR & TOPBAR SETTING ================ */
/* Sidebar & Topbar background Color */
html body .v2-open #sidebar-v2,
.v2-open #sidebar-v2.v2-open #sidebar-v2,
#sidebar-v2.default-bg-color {
    background: unset !important;
    background: var(--ghl-sidebar-color) !important;
}

.hl_header {
    background: unset !important;
    background: var(--ghl-topbar-color) !important;
}

#dashboard-wrapper {
    background: unset !important;
    background: var(--ghl-white-label-dashboard-color) !important;
}

/* ================= SCROLLBAR STYLES ================ */
/* Scrollbar width */
::-webkit-scrollbar {
    width: 7px;
}

/* Scrollbar thumb */
::-webkit-scrollbar-thumb {
    background-color: color-mix(in srgb, var(--scroll-color), transparent 60%);
    border-radius: 5px;
}

/* Thumb on hover */
::-webkit-scrollbar-thumb:hover {
    background-color: color-mix(in srgb, var(--scroll-color), transparent 60%);
}

/* Thumb on active */
::-webkit-scrollbar-thumb:active {
    background-color: color-mix(in srgb, var(--scroll-color), transparent 60%);
}

/* ================= SIDEBAR LAYOUT ================ */
/* Sidebar navigation layout */
#sidebar-v2 nav {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
}

/* Sidebar link styles */
#sidebar-v2 nav a {
    margin: 0 auto !important;
}

.sidebar-v2-location #sidebar-v2 .hl_nav-header-without-footer>nav .default-bg-color {
    background: var(--ghl-sidebar-color) !important;
}

/* ================= SIDEBAR LINK STATES ================ */
/* Sidebar link default style */
#sidebar-v2 nav a {
    background-color: color-mix(in srgb, var(--menu-text-color), transparent 100%) !important;
}

/* Sidebar link hover state */
/* Sidebar link active state */
#sidebar-v2 nav a.active {
    background-color: color-mix(in srgb, var(--menu-active-color), transparent 0%) !important;
    /*background-image: var(--sidebar-menu-bg-gradient) !important;*/
    border-width: 0px !important;
}

/* Sidebar link text */
#sidebar-v2 nav a span.nav-title {
    color: color-mix(in srgb, var(--menu-text-color), transparent 10%) !important;
}

/* Active link text color */
#sidebar-v2 nav a.active span.nav-title {
    color: color-mix(in srgb, var(--menu-text-color), transparent 0%) !important;
}

/* Hovered link text color */
#sidebar-v2 nav a:hover span.nav-title {
    color: color-mix(in srgb, var(--menu-text-color), transparent 0%) !important;
}

/* Sidebar menu color */
#sidebar-v2 nav a {
    color: color-mix(in srgb, var(--menu-text-color), transparent 0%) !important;
}

/* Nascondi il logo nell'header di login */
.hl_login--header a[aria-label="Go to homepage"] {
    display: none !important;
}

.hl_login--header svg {

    -webkit-transform: translateY(4px);

    -ms-transform: translateY(4px);

    transform: translateY(4px);

    display: none;

}

/* Sidebar menu hover color */
/* Sidebar menu active color */
#sidebar-v2 nav a.active {
    color: color-mix(in srgb, var(--menu-text-color), transparent 0%) !important;
}

/* ================= MENU ICON CHANGE ================ */
/* Hide original icons */
#sb_launchpad img,
#sb_dashboard img,
#sb_conversations img,
#sb_calendars img,
#sb_contacts img,
#sb_opportunities img,
#sb_payments img,
[id="sb_AI Agents"] img,
#sb_email-marketing img,
#sb_automation img,
#sb_sites img,
#sb_memberships img,
#sb_app-media img,
#sb_reputation img,
#sb_reporting img,
#sb_app-marketplace img,
#sb_location-mobile-app img,
#sb_settings img {
    display: none !important;
}

/* Display new icons */
#sb_launchpad::before,
#sb_dashboard::before,
#sb_conversations::before,
#sb_calendars::before,
#sb_contacts::before,
#sb_opportunities::before,
#sb_payments::before,
[id="sb_AI Agents"]::before,
#sb_email-marketing::before,
#sb_automation::before,
#sb_sites::before,
#sb_memberships::before,
#sb_app-media::before,
#sb_reputation::before,
#sb_reporting::before,
#sb_app-marketplace::before,
#sb_location-mobile-app::before,
#sb_settings::before {
    content: '' !important;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: middle;
}

/* Icon Change */
#sb_launchpad::before {
    background-image: var(--launch-pad-icon);
}

#sb_dashboard::before {
    background-image: var(--dashboard-icon);
}

#sb_conversations::before {
    background-image: var(--conversations-icon);
}

#sb_calendars::before {
    background-image: var(--calendars-icon);
}

#sb_contacts::before {
    background-image: var(--contacts-icon);
}

#sb_opportunities::before {
    background-image: var(--opportunities-icon);
}

#sb_payments::before {
    background-image: var(--payments-icon);
}

[id="sb_AI Agents"]::before {
    background-image: var(--ai-agents-icon);
}

#sb_email-marketing::before {
    background-image: var(--marketing-icon);
}

#sb_automation::before {
    background-image: var(--automations-icon);
}

#sb_sites::before {
    background-image: var(--sites-icon);
}

#sb_memberships::before {
    background-image: var(--memberships-icon);
}

#sb_app-media::before {
    background-image: var(--media-storage-icon);
}

#sb_reputation::before {
    background-image: var(--reputation-icon);
}

#sb_reporting::before {
    background-image: var(--reporting-icon);
}

#sb_app-marketplace::before {
    background-image: var(--app-marketplace-icon);
}

#sb_location-mobile-app::before {
    background-image: var(--mobile-app-icon);
}

#sb_settings::before {
    background-image: var(--settings-icon);
}

#sb_launchpad,
#sb_dashboard,
#sb_conversations,
#sb_calendars,
#sb_contacts,
#sb_opportunities,
#sb_payments,
[id="sb_AI Agents"],
#sb_email-marketing,
#sb_automation,
#sb_sites,
#sb_memberships,
#sb_app-media,
#sb_reputation,
#sb_reporting,
#sb_app-marketplace,
#sb_location-mobile-app,
#sb_settings {
    display: flex;
    align-items: center;
}

#sb_launchpad span.nav-title,
#sb_dashboard span.nav-title,
#sb_conversations span.nav-title,
#sb_calendars span.nav-title,
#sb_contacts span.nav-title,
#sb_opportunities span.nav-title,
#sb_payments span.nav-title,
[id="sb_AI Agents"] span.nav-title,
#sb_email-marketing span.nav-title,
#sb_automation span.nav-title,
#sb_sites span.nav-title,
#sb_memberships span.nav-title,
#sb_app-media span.nav-title,
#sb_reputation span.nav-title,
#sb_reporting span.nav-title,
#sb_app-marketplace span.nav-title,
#sb_location-mobile-app span.nav-title,
#sb_settings span.nav-title {
    margin-left: 0;
}

/* ================= MENU TEXT STYLES ================ */
/* Hide the original text and show the new text */
#sb_launchpad span,
#sb_dashboard span,
#sb_conversations span,
#sb_calendars span,
#sb_contacts span,
#sb_opportunities span,
#sb_payments span,
[id="sb_AI Agents"] span,
#sb_email-marketing span,
#sb_automation span,
#sb_sites span,
#sb_memberships span,
#sb_app-media span,
#sb_reputation span,
#sb_reporting span,
#sb_app-marketplace span,
#sb_location-mobile-app span,
#sb_settings span {
    visibility: hidden;
    position: absolute;
}

#sb_launchpad::after {
    content: var(--Launch-Pad-Text);
}

#sb_dashboard::after {
    content: var(--Dashboard-Text);
}

#sb_conversations::after {
    content: var(--Conversations-Text);
}

#sb_calendars::after {
    content: var(--Calendar-Text);
}

#sb_contacts::after {
    content: var(--Contacts-Text);
}

#sb_opportunities::after {
    content: var(--Opportunities-Text);
}

#sb_payments::after {
    content: var(--Payments-Text);
}

[id="sb_AI Agents"]::after {
    content: var(--AI-Agents-Text);
}

#sb_email-marketing::after {
    content: var(--Marketing-Text);
}

#sb_automation::after {
    content: var(--Automations-Text);
}

#sb_sites::after {
    content: var(--Sites-Text);
}

#sb_memberships::after {
    content: var(--Memberships-Text);
}

#sb_app-media::after {
    content: var(--Media-Storage-Text);
}

#sb_reputation::after {
    content: var(--Reputation-Text);
}

#sb_reporting::after {
    content: var(--Reporting-Text);
}

#sb_app-marketplace::after {
    content: var(--App-Marketplace-Text);
}

#sb_location-mobile-app::after {
    content: var(--Mobile-App-Text);
}

#sb_settings::after {
    content: var(--Settings-Text);
}

/* Show icon when menu is collapsed */
.v2-collapse #sidebar-v2 nav a#sb_launchpad,
.v2-collapse #sidebar-v2 nav a#sb_dashboard,
.v2-collapse #sidebar-v2 nav a#sb_conversations,
.v2-collapse #sidebar-v2 nav a#sb_calendars,
.v2-collapse #sidebar-v2 nav a#sb_contacts,
.v2-collapse #sidebar-v2 nav a#sb_opportunities,
.v2-collapse #sidebar-v2 nav a#sb_payments,
.v2-collapse #sidebar-v2 nav a[id="sb_AI Agents"],
.v2-collapse #sidebar-v2 nav a#sb_email-marketing,
.v2-collapse #sidebar-v2 nav a#sb_automation,
.v2-collapse #sidebar-v2 nav a#sb_sites,
.v2-collapse #sidebar-v2 nav a#sb_memberships,
.v2-collapse #sidebar-v2 nav a#sb_app-media,
.v2-collapse #sidebar-v2 nav a#sb_reputation,
.v2-collapse #sidebar-v2 nav a#sb_reporting,
.v2-collapse #sidebar-v2 nav a#sb_app-marketplace,
.v2-collapse #sidebar-v2 nav a#sb_location-mobile-app,
.v2-collapse #sidebar-v2 nav a#sb_settings {
    display: inline-block !important;
}

/* Hide text when menu is collapsed */
.v2-collapse #sb_launchpad::after,
.v2-collapse #sb_dashboard::after,
.v2-collapse #sb_conversations::after,
.v2-collapse #sb_calendars::after,
.v2-collapse #sb_contacts::after,
.v2-collapse #sb_opportunities::after,
.v2-collapse #sb_payments::after,
.v2-collapse [id="sb_AI Agents"]::after,
.v2-collapse #sb_email-marketing::after,
.v2-collapse #sb_automation::after,
.v2-collapse #sb_sites::after,
.v2-collapse #sb_memberships::after,
.v2-collapse #sb_app-media::after,
.v2-collapse #sb_reputation::after,
.v2-collapse #sb_reporting::after,
.v2-collapse #sb_app-marketplace::after,
.v2-collapse #sb_location-mobile-app::after,
.v2-collapse #sb_settings::after {
    display: none;
}

/* Ensure text is shown when menu is expanded */
.v2-open #sb_launchpad::after,
.v2-open #sb_dashboard::after,
.v2-open #sb_conversations::after,
.v2-open #sb_calendars::after,
.v2-open #sb_contacts::after,
.v2-open #sb_opportunities::after,
.v2-open #sb_payments::after,
.v2-open [id="sb_AI Agents"]::after,
.v2-open #sb_email-marketing::after,
.v2-open #sb_automation::after,
.v2-open #sb_sites::after,
.v2-open #sb_memberships::after,
.v2-open #sb_app-media::after,
.v2-open #sb_reputation::after,
.v2-open #sb_reporting::after,
.v2-open #sb_app-marketplace::after,
.v2-open #sb_location-mobile-app::after,
.v2-open #sb_settings::after {
    display: inline-block;
}

/* Hide text when menu is collapsed */
.v2-collapse #sb_launchpad::after,
.v2-collapse #sb_dashboard::after,
.v2-collapse #sb_conversations::after,
.v2-collapse #sb_calendars::after,
.v2-collapse #sb_contacts::after,
.v2-collapse #sb_opportunities::after,
.v2-collapse #sb_payments::after,
.v2-collapse [id="sb_AI Agents"]::after,
.v2-collapse #sb_email-marketing::after,
.v2-collapse #sb_automation::after,
.v2-collapse #sb_sites::after,
.v2-collapse #sb_memberships::after,
.v2-collapse #sb_app-media::after,
.v2-collapse #sb_reputation::after,
.v2-collapse #sb_reporting::after,
.v2-collapse #sb_app-marketplace::after,
.v2-collapse #sb_location-mobile-app::after,
.v2-collapse #sb_settings::after {
    display: none;
}

/* Ensure text is shown when menu is expanded */
.v2-open #sb_launchpad::after,
.v2-open #sb_dashboard::after,
.v2-open #sb_conversations::after,
.v2-open #sb_calendars::after,
.v2-open #sb_contacts::after,
.v2-open #sb_opportunities::after,
.v2-open #sb_payments::after,
.v2-open [id="sb_AI Agents"]::after,
.v2-open #sb_email-marketing::after,
.v2-open #sb_automation::after,
.v2-open #sb_sites::after,
.v2-open #sb_memberships::after,
.v2-open #sb_app-media::after,
.v2-open #sb_reputation::after,
.v2-open #sb_reporting::after,
.v2-open #sb_app-marketplace::after,
.v2-open #sb_location-mobile-app::after,
.v2-open #sb_settings::after {
    display: inline-block;
}

/* ================= TOP NAV BASE STYLES ================ */
/* Top nav */
.hl_header>.topmenu-nav {
    background: var(--top-nav-bg-color) !important;
    /*background-image: var(--top-nav-bg-gradient) !important;*/
    ;
}

/* Top nav container */
.topmenu-nav {
    display: flex !important;
    gap: 5px !important;
    align-items: center !important;
    position: relative !important;
    padding-left: 17px !important;
}

/* Top nav links */
.topmenu-nav>a {
    padding: 0px 5px 7px 5px !important;
    margin: 0 !important;
    border-bottom-width: 2px !important;
    border-radius: 0px;
}

/* Hide top nav icons and dividers */
.topmenu-nav>a img,
.topmenu-nav>a.divider {
    display: none !important;
}

/* Top nav title positioning */
.topmenu-navtitle {
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    position: absolute !important;
    top: -35px !important;
    left: 20px !important;
    z-index: 99 !important;
}

/* ================= TOP NAV CUSTOMIZATION ================ */
/* Tabs active link override */
nav[aria-label="Tabs"] a[style="color:rgb(56,160,219);padding-left:10px;padding-right:10px;border-color:rgb(56,160,219);"],
nav[aria-label="Tabs"] a[style="color:rgb(56,160,219);border-color:rgb(56,160,219);padding-left:10px;padding-right:10px;"] {
    color: var(--brand-primary-color) !important;
    border-color: var(--brand-primary-color) !important;
}

/* Top nav title styling */
div.topmenu-navtitle {
    color: var(--top-nav-title-color) !important;
    font-size: var(--top-nav-title-font-size) !important;
}

/* Top nav link base style */
.topmenu-nav a {
    color: color-mix(in srgb, var(--menu-text-color), transparent 40%) !important;
    background-color: var(--top-nav-menu-bg) !important;
    font-size: var(--top-nav-menu-font-size) !important;
}

/* Top nav link border & effects */
.topmenu-nav>a {
    border-width: var(--top-nav-border-width, 0) !important;
    border-radius: var(--top-nav-border-radius) !important;
    border-style: var(--top-nav-border-style) !important;
    border-color: var(--top-nav-border-color) !important;
    box-shadow: var(--top-nav-box-shadow) !important;
}

/* Top nav hover state */
.topmenu-nav a:hover {
    color: color-mix(in srgb, var(--menu-text-color), transparent 20%) !important;
    background-color: var(--top-nav-menu-hover-bg) !important;
    border-width: var(--top-nav-border-hover-width, 0) !important;
    border-radius: var(--top-nav-border-hover-radius) !important;
    border-style: var(--top-nav-border-hover-style) !important;
    border-color: var(--top-nav-border-hover-color) !important;
}

/* Top nav active state */
.topmenu-nav a.active {
    color: color-mix(in srgb, var(--menu-text-color), transparent 0%) !important;
    background-color: var(--top-nav-menu-active-bg) !important;
    border-width: var(--top-nav-border-active-width, 0) !important;
    border-radius: var(--top-nav-border-active-radius) !important;
    border-style: var(--top-nav-border-active-style) !important;
    border-color: var(--top-nav-border-active-color) !important;
}

.topmenu-nav a div[role="menu"] {
    background-color: var(--ghl-sidebar-color) !important;
}

/* ================= HEADER ICON STYLES ================= */
/* Power Dialer Icon */
#template-power-dialer button>svg {
    Display: none !important;
}

#template-power-dialer button::before {
    content: '' !important;
    background-image: var(--icon-dialer);
    display: inline-block;
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

/* Notification Icon */
#recent_activities-toggle i {
    display: none !important;
}

#recent_activities-toggle::before {
    content: '' !important;
    background-image: var(--icon-activitie);
    display: inline-block;
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

/* Help Icon */
#hl_header--help-icon i {
    display: none !important;
}

#hl_header--help-icon::before {
    content: '' !important;
    background-image: var(--icon-help);
    display: inline-block;
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

/* Canny Icon */
#canny_logs-toggle i {
    display: none !important;
}

#canny_logs-toggle::before {
    content: '' !important;
    background-image: var(--icon-canny-logs);
    display: inline-block;
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

/* ================= CARD STYLES ================ */
/* Common styles for headers */
.dashboard-widget-module-custom .hl-card-header,
#agency-dashboard-statistic-card .hl-statistic,
.ReportsSpace .hl-card .hl-card-content,
.ReportsSpace div .highcharts-root,
#agencyDashboardApp .w-full .hl-card,
#agency-dashboard-statistic-card,
.crm-opportunities-status .dashboard-widget-module-custom .hl-card-header,
.crm-opportunities-conversion-rate .dashboard-widget-module-custom .hl-card-header,
.crm-opportunities-value .dashboard-widget-module-custom .hl-card-header,
.crm-opportunities-funnel .dashboard-widget-module-custom .hl-card-header,
.crm-opportunities-stages-distribution .dashboard-widget-module-custom .hl-card-header,
.automations-attribution-lead-sources .dashboard-widget-module-custom .hl-card-header,
.automations-reporting-google-analytics-count-report .dashboard-widget-module-custom .hl-card-header,
.automations-reporting-google-analytics-chart-report .dashboard-widget-module-custom .hl-card-header,
.automations-reporting-gmb-report .dashboard-widget-module-custom .hl-card-header,
.automations-reporting-facebook-ads-report .dashboard-widget-module-custom .hl-card-header,
.automations-reporting-google-ads-report .dashboard-widget-module-custom .hl-card-header,
.crm-locations-tasks .dashboard-widget-module-custom .hl-card-header,
.crm-conversations-manual-actions .dashboard-widget-module-custom .hl-card-header {
    background: unset !important;
    background: var(--ghl-widgets-color) !important;
}

/* Common styles for content */
#agency-dashboard-statistic-card .hl-icon-container,
#agency-dashboard-statistic-card .hl-text-sm-medium,
#agency-dashboard-statistic-card .hl-content,
.ReportsSpace .font-medium,
.crm-opportunities-value .truncate .hl-text-md-medium,
.crm-opportunities-funnel .truncate .hl-text-md-medium,
.crm-opportunities-conversion-rate .truncate .hl-text-md-medium,
.crm-opportunities-status .truncate .hl-text-md-medium,
.crm-opportunities-stages-distribution .truncate .hl-text-md-medium,
.crm-locations-tasks .truncate .hl-text-md-medium,
.crm-conversations-manual-actions .truncate .hl-text-md-medium,
.automations-attribution-lead-sources .truncate .hl-text-md-medium,
.automations-reporting-google-analytics-chart-report .truncate .hl-text-md-medium,
.automations-reporting-gmb-report .truncate .hl-text-md-medium,
.automations-reporting-facebook-ads-report .truncate .hl-text-md-medium,
.automations-reporting-google-ads-report .truncate .hl-text-md-medium,
#location-dashboard_div--opportunity-value-date-property-selector,
#location-dashboard_div--conversion-rate-date-property-selector .focus\:outline-0,
#location-dashboard_div--stage-distribution-date-property-selector .focus\:outline-0,
#location-dashboard_div--funnel-date-property-date-property-selector .focus\:outline-0,
#location-dashboard_div--opportunity-status-date-property-selector .focus\:outline-0,
.location-dashboard_header .w-full .cursor-pointer,
.location-dashboard_header .w-full .h-4,
.crm-opportunities-sales-efficiency .truncate .hl-text-md-medium,
.dashboard-widget-module-crm-contacts .truncate .hl-text-md-medium,
.dashboard-widget-module-crm-conversations .truncate .hl-text-md-medium,
.custom-chart-container .hl-card-header .justify-between .truncate .hl-text-md-medium {
    color: var(--ghl-widgets-text-color) !important;
}

/* Card header background */
#location-dashboard .hl-card-header {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    background: var(--ghl-widgets-color) !important;
    /* background-image: var(--card-header-bg-gradient) !important; */
    ;
}

/* Card title text */
#location-dashboard .hl-card-header .hl-text-md-medium {
    color: var(--ghl-widgets-text-color) !important;
}

/* Card description text */
#location-dashboard .hl-card-header .hl-text-xs-regular {
    color: color-mix(in srgb, var(--ghl-widgets-text-color), transparent 30%) !important;
}

/* Card body text & background */
#location-dashboard .hl-card-content {
    background: color-mix(in srgb, var(--ghl-widgets-bg-color), transparent 0%) !important;
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

.location-dashboard-popover-date-property {
    background: color-mix(in srgb, var(--white-color), transparent 100%) !important;
    width: 30px !important;
    height: 30px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 20px !important;
}

.location-dashboard-popover-date-property svg {
    stroke: color-mix(in srgb, var(--ghl-widgets-icon-color), transparent 0%) !important;
}

.location-dashboard-popover-date-property:hover svg {
    stroke: var(--white-color) !important;
}

#location-dashboard .location-dashboard-popover-date-property>div[id] {
    border-radius: 20px !important;
}

#location-dashboard .location-dashboard-popover-date-property>div[id]:hover {
    background: color-mix(in srgb, var(--white-color), transparent 90%) !important;
}

.n-base-selection-label {
    background: color-mix(in srgb, var(--white-color), transparent 90%) !important;
}

.n-base-selection__border {
    border: 0px solid red !important;
}

.n-base-selection {
    border: 0px solid red !important;
}

.n-base-selection {
    box-shadow: 0 0px 0px var(--ghlstyle-transparent) !important;
    border-radius: 5px !important;
    color: red !important;
}

.hl-card-header .n-base-selection .n-base-selection-overlay .n-base-selection-overlay__wrapper,
.hl-card-header .n-base-selection-input__content,
.hl-card-header .n-base-selection .n-base-suffix .n-base-suffix__arrow {
    color: color-mix(in srgb, var(--ghl-widgets-text-color), transparent 30%) !important;
}

/* ================= LOCATION SWITCHER STYLES ================= */
/* Location switcher container */
#sidebar-v2 #location-switcher-sidbar-v2 {
    background: color-mix(in srgb, var(--brand-acent-color), transparent 50%) !important;
    max-width: 210px !important;
    margin: 0 auto !important;
    margin-bottom: 20px !important;
    width: 100% !important;
}

/* Location name text */
#sidebar-v2 #location-switcher-sidbar-v2 .hl_switcher-loc-name {
    color: var(--white-color) !important;
}

/* Location city text */
#sidebar-v2 #location-switcher-sidbar-v2 .hl_switcher-loc-city {
    color: var(--white-color) !important;
    opacity: 0.8 !important;
}

/* Location icon fill */
#sidebar-v2 #location-switcher-sidbar-v2 .hl_location_icon {
    fill: var(--dark-color) !important;
}

/* Icon rectangle background */
#sidebar-v2 #location-switcher-sidbar-v2 .hl_location_icon rect {
    fill: var(--white-color) !important;
    fill-opacity: 0.6 !important;
}

/* Location icon stroke */
.sidebar-v2-location #sidebar-v2 #location-switcher-sidbar-v2 .hl_location_icon g path {
    stroke: var(--white-color) !important;
    stroke-opacity: 0.8 !important;
}

/* Caret icon color */
#sidebar-v2 #location-switcher-sidbar-v2 .switcher-caret-holder .fa-angle-up:before,
.sidebar-v2-location #sidebar-v2 #location-switcher-sidbar-v2 .switcher-caret-holder .fa-angle-down:before {
    color: var(--white-color) !important;
    opacity: 1 !important;
}

/* Tooltip style */
.tooltip .tooltip-inner {
    background-color: var(--dark-color) !important;
    color: var(--white-color) !important;
}

#location-dashboard #location-dashboard-header .location-dashboard_header #location_dashboard-datepicker-dashboard_header_range .n-input-wrapper .n-input__input .n-input__input-el {
    color: var(--ghl-dashboard-icon-color) !important;
}

#location-dashboard #location-dashboard-header .location-dashboard_header .w-full .cursor-pointer {
    background: var(--brand-secondary-color) !important;
}

#location-dashboard #location-dashboard-header .location-dashboard_header .w-full .cursor-pointer>svg {
    color: var(--ghl-dashboard-icon-color) !important;
}

/* ================= BACK BUTTON, SEARCH, QUICK ACTIONS & DIVIDER ================= */
/* Global search button style */
#globalSearchOpener {
    margin-right: auto !important;
    margin-left: auto !important;
    background-color: color-mix(in srgb, var(--brand-acent-color), transparent 50%) !important;
}

body #quickActions {
    border: none !important;
    border-radius: 50px !important;
    background-color: color-mix(in srgb, var(--brand-acent-color), transparent 50%) !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

/* Search icon color */
.sidebar-v2-location #sidebar-v2 #globalSearchOpener .search-icon {
    fill: var(--white-color) !important;
}

/* Search placeholder text color */
.sidebar-v2-location #sidebar-v2 #globalSearchOpener .search-placeholder {
    color: var(--white-color) !important;
}

/* Quick actions icon color invert */
#quickActions img {
    filter: brightness(0) invert(1) !important;
}

.sidebar-v2-location #sidebar-v2 #globalSearchOpener .search-shortcut,
.sidebar-v2-location #sidebar-v2 #quickActions .search-shortcut {
    background-color: color-mix(in srgb, #000000, transparent 80%) !important;
    color: var(--white-color) !important;
}

/* Divider styling in nav (non-clickable label) */
.sidebar-v2-location #sidebar-v2 .hl_nav-header-without-footer nav a.divider {
    pointer-events: none !important;
    border: none !important;
    background: var(--white-color) !important;
    opacity: 1 !important;
}

/* Divider label text */
.sidebar-v2-location #sidebar-v2 .hl_nav-header-without-footer nav a.divider p span {
    color: var(--dark-color) !important;
    background: transparent !important;
    padding: 0px !important;
    font-size: 12px !important;
}

/* Remove border around divider label */
.sidebar-v2-location #sidebar-v2 .hl_nav-header-without-footer nav a.divider p {
    border: none !important;
}

/* Back Button All CSS */
.sidebar-v2-location #sidebar-v2 #backButtonv2,
.sidebar-v2-agency #sidebar-v2 #backButtonv2 {
    background-color: var(--menu-active-color) !important;
    color: var(--menu-text-color) !important;
}

.sidebar-v2-location #sidebar-v2 #backButtonv2+.menu-title,
.sidebar-v2-agency #sidebar-v2 #backButtonv2+.menu-title {
    color: var(--menu-text-color) !important;
    padding-left: 20px !important;
}

/* ================= COLLAPSE BUTTON STYLES ================= */
/* Collapse button background */
#sidebar-v2 .hl_collapse-button {
    background: var(--ghlstyle-transparent) !important;
}

/* Collapse button text color for agency layout */
.sidebar-v2-agency #sidebar-v2 .hl_collapse-button {
    color: var(--white-color);
}

/* Collapse button custom style for location layout */
.sidebar-v2-location #sidebar-v2 .hl_collapse-button::before {
    color: var(--sidebar-bottom-toggle) !important;
    background: var(--white-color) !important;
    border-radius: 20px;
    position: relative !important;
    left: -1px !important;
    width: 100% !important;
    height: 100% !important;
}

/* ================= PRIMARY COLOR STYLES ================= */
/* Active pagination button (dark theme) */
body[data-theme="default-dark-v1"] .pagination a.active {
    background-color: var(--brand-primary-color) !important;
    color: #fff !important;
}

/* Hover pagination button (dark theme) */
body[data-theme="default-dark-v1"] .pagination a:hover {
    background-color: var(--brand-primary-color) !important;
    color: #fff !important;
}

/* Button base style using primary color */
body[data-theme="default-dark-v1"] button {
    font-weight: 400;
    --n-color: var(--brand-primary-color);
    --n-color-hover: var(--brand-primary-color);
    --n-color-pressed: var(--brand-primary-color);
    --n-color-focus: var(--brand-primary-color);
    --n-color-disabled: var(--brand-primary-color);
    --n-ripple-color: var(--brand-primary-color);
    --n-text-color: #fff;
    --n-text-color-hover: #fff;
    --n-text-color-pressed: #fff;
    --n-text-color-focus: #fff;
    --n-text-color-disabled: #fff;
    --n-border: 1px solid var(--brand-primary-color);
    --n-border-hover: 1px solid var(--brand-primary-color);
    --n-border-pressed: 1px solid var(--brand-primary-color);
    --n-border-focus: 1px solid var(--brand-primary-color);
    --n-border-disabled: 1px solid var(--brand-primary-color);
}

/* Primary color override for specific button backgrounds */
body button.bg-apple-500 {
    background-color: var(--brand-primary-color) !important;
}

body button.bg-curious-blue-600 {
    background-color: var(--brand-primary-color) !important;
}

/* Primary color override for text */
body .text-curious-blue-600 {
    color: var(--brand-primary-color) !important;
}

/* Primary color override for focus ring */
body .focus\:ring-curious-blue-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: var(--brand-primary-color) !important;
}

/* Primary color override for active tabs */
nav a[style="color: rgb(56, 160, 219); border-color: rgb(56, 160, 219); padding-left: 10px; padding-right: 10px;"],
nav a[style="color: rgb(56, 160, 219); padding-left: 10px; padding-right: 10px; border-color: rgb(56, 160, 219);"] {
    color: var(--brand-primary-color) !important;
    border-color: var(--brand-primary-color) !important;
}

/* ================= SECOND COLOR STYLES ================= */
/* Primary-type button uses second color for fill */
body[data-theme="default-dark-v1"] .n-button--primary-type,
#location-dashboard-header button,
#location-dashboard-header .n-input {
    --n-color: var(--brand-secondary-color) !important;
    --n-color-hover: var(--brand-secondary-color) !important;
    --n-color-pressed: var(--brand-secondary-color) !important;
    --n-color-focus: var(--brand-secondary-color) !important;
    --n-color-disabled: var(--brand-primary-color) !important;
    --n-ripple-color: var(--brand-primary-color) !important;
    --n-border: 1px solid var(--brand-primary-color) !important;
    --n-border-hover: 1px solid var(--brand-primary-color) !important;
    --n-border-pressed: 1px solid var(--brand-primary-color) !important;
    --n-border-focus: 1px solid var(--brand-primary-color) !important;
    --n-border-disabled: 1px solid var(--brand-primary-color) !important;
    background-color: var(--brand-secondary-color) !important;
}

/* ================= EXTRA STYLES ================= */
#location_dashboard-btn-dashboard_switcher span svg {
    stroke: var(--ghl-dashboard-icon-color) !important;
}

#location_dashboard-datepicker-dashboard_header_range .n-date-picker-icon,
#location_dashboard-datepicker-dashboard_header_range .n-date-picker-icon>svg>g>g {
    fill: var(--ghl-dashboard-icon-color) !important;
}

.sidebar-v2-location #sidebar-v2 .hl_nav-header-without-footer #sb_calendars:before {
    all: unset !important;
}

/* Hide extra svg icon */
#sb_launchpad svg,
#sb_dashboard svg,
#sb_conversations svg,
#sb_calendars svg,
#sb_contacts svg,
#sb_opportunities svg,
#sb_payments svg,
[id="sb_AI Agents"] svg,
#sb_email-marketing svg,
#sb_automation svg,
#sb_sites svg,
#sb_memberships svg,
#sb_app-media svg,
#sb_reputation svg,
#sb_reporting svg,
#sb_app-marketplace svg,
#sb_location-mobile-app svg,
#sb_settings svg {
    display: none;
}

/* Icon Font System */
@font-face {
    font-family: 'icomoon';
    src: url('/ghl-tool/core/style-core/fonts/icomoon.eot');
    src: url('/ghl-tool/core/style-core/fonts/icomoon.eot') format('embedded-opentype'),
        url('/ghl-tool/core/style-core/fonts/icomoon.ttf') format('truetype'),
        url('/ghl-tool/core/style-core/fonts/icomoon.woff') format('woff'),
        url('/ghl-tool/core/style-core/fonts/icomoon.svg') format('svg'),
        url('https://cdn.jsdelivr.net/gh/ghlstyle/d-theme@latest/fonts/icomoon.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-Layout:before {
    content: "\e906";
}

.icon-Bell:before {
    content: "\e900";
}

.icon-CalendarDots:before {
    content: "\e901";
}

.icon-CaretCircleRight:before {
    content: "\e902";
}

.icon-downArrow:before {
    content: "\e903";
}

.icon-flash:before {
    content: "\e904";
}

.icon-GearSix:before {
    content: "\e905";
}

.icon-MapPinArea:before {
    content: "\e907";
}

.icon-menuDott:before {
    content: "\e908";
}

.icon-Pen:before {
    content: "\e909";
}

.icon-Phone:before {
    content: "\e90a";
}

.icon-RightArrow:before {
    content: "\e90b";
}

.icon-search:before {
    content: "\e90c";
}

.icon-SlidersHorizontal:before {
    content: "\e90d";
}

.icon-updownArrow:before {
    content: "\e90e";
}

/* Ensure icon font is not overridden by global font rules */
.GHL-Side-Menu-Wrapper [class^="icon-"],
.GHL-Side-Menu-Wrapper [class*=" icon-"],
[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon' !important;
}

/* Typography System - Font Family Application */
* {
    font-family: var(--app-font-family, 'Montserrat', sans-serif) !important;
}

.GHL-Side-Menu-Wrapper *,
.GHL-Side-Menu-Wrapper span,
.GHL-Side-Menu-Wrapper a,
.GHL-Side-Menu-Wrapper div,
.GHL-Side-Menu-Wrapper li,
.GHL-Side-Menu-Nav *,
.menu-item *,
.desktop--12-682 .GHL-Side-Menu-Wrapper *,
.desktop--12-682 .menu-item *,
.desktop--12-682 li *,
[class*="menu-"],
[class*="sidebar-"],
[class*="GHL-"],
button,
input,
select,
textarea,
label,
span,
div,
p,
a,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--app-font-family, 'Montserrat', sans-serif) !important;
}

div#payment-integration-alert {
    background: #c5fbc8 !important;
}

p.ui-text-sm-medium {
    color: #0b221c !important;
}

.hr-alert__icon {
    color: #0b221c !important;
}

.bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: var(--primary-100) !important;
}

.text-blue-600 {
    --tw-text-opacity: 1;
    color: var(--primary-900) !important;
}

.bg-primary-25 {
    --tw-bg-opacity: 1;
    background-color: var(--primary-50) !important;
}

.n-radio .n-radio__dot::before {
    background: #08610a !important;
}

.count[data-v-9c3cb053] {
    color: #0b221c !important;
    background-color: var(--primary-100) !important;
}

.quick-filter-bar .advanced-container .button.active {
    color: #0b221c !important;
    background-color: var(--primary-100) !important;
    border-color: #0b221c !important;
}

.hr-tag {
    color: #0b221c !important;
    background-color: var(--primary-100) !important;
    border-color: #0b221c !important;
}

.crm-highrise .bg-\[\#155EEF\],
.crm-highrise .bg-\[\#155eef\] {
    --tw-bg-opacity: 1;
    background-color: #10a918 !important;
}

.text-primary-700 {
    --tw-text-opacity: 1;
    color: #08610a !important;
}

.text-primary-600 {
    --tw-text-opacity: 1;
    color: #08610a !important;
}

.text-primary-400 {
    --tw-text-opacity: 1;
    color: #08610a !important;
}

.text-primary-200 {
    --tw-text-opacity: 1;
    color: #08610a !important;
}

.border-primary-600 {
    --tw-border-opacity: 1;
    border-color: #08610a !important;
}

.border-primary-700 {
    --tw-border-opacity: 1;
    border-color: #08610a !important;
}

.border-primary-500 {
    --tw-border-opacity: 1;
    border-color: #08610a !important;
}

.border-primary-300 {
    --tw-border-opacity: 1;
    border-color: #08610a !important;
}

.tabulator-paginator button.tabulator-page.active {
    color: #08610a !important;
}

.tabulator-paginator .tabulator .tabulator-pages button.active {
    color: #08610a !important;
    border: 1px solid #08610a !important;
}

.count[data-v-7888cd8f] {
    color: #0b221c !important;
    background-color: var(--primary-100) !important;
}

.count {
    color: #0b221c !important;
    background-color: var(--primary-100) !important;
}

.new-smartlist-ui #import-btn {
    color: #08610a !important;
    border-color: #08610a !important;
}

.new-smartlist-ui #import-btn .hr-button__border {
    border-color: #08610a !important;
    color: #08610a !important;
}

/* --- Dropdown Navigazione Superiore: Override Totale --- */
/* --- Rimozione bordi e ombre dal contenitore dropdown --- */
.topmenu-navitem [role="menu"] {
    border: none !important;
    /* Rimuove eventuali bordi */
    box-shadow: none !important;
    /* Rimuove l'ombra */
    outline: none !important;
    /* Rimuove l'outline */
    padding: 0 !important;
    /* Rimuove il padding interno se necessario */
}

/* Assicurati che non ci siano classi ring (tipiche di Tailwind) che creano il bordo */
.topmenu-navitem [role="menu"].ring-1,
.topmenu-navitem [role="menu"].ring-black,
.topmenu-navitem [role="menu"].ring-opacity-5 {
    box-shadow: none !important;
    border: none !important;
}

/* Forza il colore di sfondo del contenitore del menu */
.topmenu-navitem [role="menu"] {
    background-color: #fff !important;
    /* Verde chiaro */
    color: #0b221c !important;
    /* Testo scuro */
}

/* Forza lo stile di ogni singola voce del menu */
.topmenu-navitem [role="menu"] a[role="menuitem"] {
    background-color: #fff !important;
    /* Sfondo verde */
    color: #0b221c !important;
    /* Testo scuro */
    border: none !important;
}

/* Forza il colore del testo interno allo span */
.topmenu-navitem [role="menu"] a[role="menuitem"] span {
    color: #0b221c !important;
}

/* Effetto Hover invertito */
.topmenu-navitem [role="menu"] a[role="menuitem"]:hover {
    background-color: #0b221c !important;
    /* Sfondo scuro */
    color: #ffffff !important;
    /* Testo chiaro */
}

.topmenu-navitem [role="menu"] a[role="menuitem"]:hover span {
    color: #ffffff !important;
}

.hr-progress-graph-line-fill {
    background-color: #0c8511 !important;
}

.launchpad .text-\[\#004EEB\],
.launchpad .text-\[\#004eeb\] {
    --tw-text-opacity: 1;
    color: #0c8511 !important;
}

p.ml-2.\!font-semibold.hl-text-sm-regular {
    color: #0b221c !important;
}

span.w-full.h-full.flex.items-center.justify-center {
    color: #0b221c !important;
}

.chat-bubble-outbound {
    background-color: var(--primary-50) !important;
}

/* Selettore a 4 livelli di profondità per bypassare qualsiasi scoped style */
#app .new-smartlist-ui .right-box #add-record-btn:hover,
#app .new-smartlist-ui .right-box #add-record-btn:active,
#app .new-smartlist-ui .right-box #add-record-btn:focus,
body .new-smartlist-ui #add-record-btn:hover,
body .new-smartlist-ui #add-record-btn:active {
    background-color: #08610a !important;
    color: #fff !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transform: none !important;
}

/* Forza la variabile interna che il bottone legge per l'hover */
#app .new-smartlist-ui #add-record-btn {
    --n-border-hover: 1px solid #08610a !important;
}

/* --- Bottone IMPORT: Stato Normale --- */
#app .new-smartlist-ui .right-box #import-btn {
    --n-border: 1px solid #08610a !important;
    --n-text-color: #08610a !important;
    --n-color: #ffffff !important;
}

/* --- Bottone IMPORT: Stato HOVER FORZATO --- */
#app .new-smartlist-ui .right-box #import-btn:hover,
#app .new-smartlist-ui .right-box #import-btn:active,
#app .new-smartlist-ui .right-box #import-btn:focus {
    /* Background verde chiarissimo in hover */
    --n-color-hover: #e8fde9 !important;
    background-color: #e8fde9 !important;

    /* Manteniamo il testo e il BORDO verde scuro */
    --n-text-color-hover: #08610a !important;
    color: #08610a !important;
}

/* 1. Uccidi completamente l'alone blu del focus */
#app .new-smartlist-ui .right-box #import-btn:focus,
#app .new-smartlist-ui .right-box #import-btn:focus-within {
    box-shadow: none !important;
    outline: none !important;
}

#app .new-smartlist-ui .right-box #import-btn .hr-button__state-border {
    border: none !important;
    box-shadow: none !important;
    display: none !important;
}

a:hover,
a:active,
a:focus {
    text-decoration: none;
    outline: none;
    color: #08610a !important;
}

/* --- Forzatura Hover Tabella contatti --- */
.tabulator-row:hover,
.tabulator-row:hover .tabulator-cell,
.tabulator-row:hover .tabulator-cell *,
.tabulator-row:hover .contact-name-link {
    color: #08610a !important;
}

/* Opzionale: Se vuoi che anche le icone SVG cambino colore */
.tabulator-row:hover svg {
    stroke: #08610a !important;
}

/* --- Sostituzione Bordo Active (Rimuove il blu e mette il verde) --- */
#views-bar .view.active {
    border-bottom: 2px solid #08610a !important;
    box-shadow: none !important;

}

/* Se il bordo fosse gestito tramite un ::after o pseudo-elemento */
#views-bar .view.active::after {
    display: none !important;
}

/* --- Stile Personalizzato Toggle View (Kanban/List) --- */
/* 1. Sfondo del bottone attivo (sinistra) */
.d-flex.views .active {
    background-color: #e8fde9 !important;
    border-radius: 6px;
    /* Opzionale: arrotonda leggermente lo sfondo */
}

/* 2. Colore delle icone interne (quadratini) quando attivo */
.d-flex.views .active svg path {
    stroke: #08610a !important;
}

.n-tabs.n-tabs--line-type .n-tabs-tab.n-tabs-tab--active,
.n-tabs.n-tabs--bar-type .n-tabs-tab.n-tabs-tab--active {
    color: #08610a !important;
    font-weight: var(--n-tab-font-weight-active);
}

.n-tabs .n-tabs-bar {
    background-color: #08610a !important;
}

.metric-card.active {
    border: 1px solid #08610a !important;
    box-shadow: 0 1px 2px #1018280d;
}

.n-tabs.n-tabs--line-type .n-tabs-tab:hover,
.n-tabs.n-tabs--bar-type .n-tabs-tab:hover {
    color: #0c8511 !important;
}

.n-button:hover {
    color: #0b221c !important;
}

.hover\:text-blue-500:hover {
    color: #0c8511 !important;
}

.hr-radio .hr-radio__dot::before {
    background: #0c8511 !important;
}

.sp-main-tabs {
    &.hr-tabs {
        & .hr-tabs-tab {
            &.hr-tabs-tab--active {
                color: #0c8511 !important;
                border-bottom-color: #0c8511 !important;
            }
        }
    }
}

.content-list-tabs {
    & .hr-tabs-tab {
        &.hr-tabs-tab--active {
            background-color: #e8fde9 !important;
            color: #0c8511 !important;
        }
    }
}

.social-planner .text-\[\#1570ef\] {
    --tw-text-opacity: 1;
    color: #0c8511 !important;
}

button#countdown-timer-header-btn-primary {
    color: #0b221c !important;
}

button#countdown-timer-header-btn-primary:hover {
    color: #fff !important;
    background-color: #0c8511 !important;
}

button#pg-brand-boards-brand-kit-header-btn-primary {
    color: #0b221c !important;
}

button#pg-brand-boards-brand-kit-header-btn-primary:hover {
    color: #fff !important;
    background-color: #0c8511 !important;
}

button#add-record-btn {
    color: #0b221c !important;
}

button#add-record-btn:hover {
    color: #fff !important;
    background-color: #0c8511 !important;
}

button#new-appointment-button {
    color: #0b221c !important;
}

button#new-appointment-button:hover {
    color: #fff !important;
    background-color: #0c8511 !important;
}

button#conversations-view-all-btn {
    color: #0b221c !important;
}

button#conversations-view-all-btn:hover {
    color: #fff !important;
    background-color: #0c8511 !important;
}

button#create-invoice-btn {
    color: #0b221c !important;
}

button#create-invoice-btn:hover {
    color: #fff !important;
    background-color: #0c8511 !important;
}

button#page-email-builder-template__btn-actions {
    color: #0b221c !important;
    background-color: #14cd20 !important;
}

button#page-email-builder-template__btn-actions:hover {
    color: #fff !important;
    background-color: #0c8511 !important;
}

button#subscriptions__header-btn-primary {
    color: #0b221c !important;
    background-color: #14cd20 !important;
}

button#subscriptions__header-btn-primary:hover {
    color: #fff !important;
    background-color: #0c8511 !important;
}

button#payment-links-header-btn-primary {
    color: #0b221c !important;
    background-color: #14cd20 !important;
}

button#payment-links-header-btn-primary:hover {
    color: #fff !important;
    background-color: #0c8511 !important;
}

button#payment_links_products__empty-btn-positive-action {
    color: #0b221c !important;
    background-color: #14cd20 !important;
}

button#payment_links_products__empty-btn-positive-action:hover {
    color: #fff !important;
    background-color: #0c8511 !important;
}

.bg-blue-600 {
    background-color: #10a918 !important;
    color: #0b221c !important;
}

/* Stato Base Unificato */
button[id$="-btn"],
button[id^="btn-"],
button[id^="button-"],
button[id*="empty"],
button[id$="-positive-action"],
button[id$="-btn-primary"],
button[id$="-header"],
button#primary-blue,
button#create-bot-button {
    color: #0b221c !important;
    background-color: #14cd20 !important;
}

/* Stato Hover Unificato */
button[id$="-btn"]:hover,
button[id^="btn-"]:hover,
button[id^="button-"]:hover,
button[id*="empty"]:hover,
button[id$="-positive-action"]:hover,
button[id$="-btn-primary"]:hover,
button[id$="-header"]:hover,
button#primary-blue:hover,
button#create-bot-button:hover {
    color: #fff !important;
    background-color: #0c8511 !important;
    border-color: #0c8511 !important;
}

/* --- GOD MODE: COMPRESSORE PER MODULO AFFILIAZIONE --- */
button[id*="affiliate"] {
    color: #0b221c !important;
    background-color: #14cd20 !important;
}

button[id*="affiliate"]:hover {
    color: #fff !important;
    background-color: #0c8511 !important;
    border-color: #0c8511 !important;
}

text-gray-700 {
    --tw-text-opacity: 1;
    color: #r14cd20 !important;
}

/* ==========================================================================
   SEZIONE: LOGIN (Split-Screen & Brand Identity)
   NOTA: Regole specifiche che agiscono solo sulle classi del modulo di login
   ========================================================================== */
/* Nasconde il vecchio logo miniaturizzato nativo */
.hl_login--header img {
    display: none !important;
}

/* Inietta il logo grande sopra il form */
.login-card-heading::before {
    content: "" !important;
    display: block !important;
    width: 280px !important;
    max-width: 100% !important;
    height: 70px !important;
    background-image: url('https://rsksystem.com/tecnicolive/logo-tecnicolive.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin: 0 auto 28px auto !important;
}

/* Layout Desktop Split (Metà bianca, metà verde scuro) */
@media screen and (min-width: 992px) {
    .hl_login {
        position: relative !important;
        min-height: 100vh !important;
        background: linear-gradient(90deg, #ffffff 50%, #0b221c 50%) !important;
        font-family: 'Manrope', sans-serif !important;
    }

    .hl_login--header {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 50% !important;
        z-index: 10 !important;
        background: transparent !important;
        border-bottom: none !important;
        padding: 30px 40px !important;
    }

    .hl_login--body {
        position: relative !important;
        width: 50% !important;
        min-height: 100vh !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 5 !important;
        background: transparent !important;
        padding: 100px 40px 40px 40px !important;
    }

    .hl_login--body .container-fluid {
        width: 100% !important;
        max-width: 420px !important;
        padding: 0 !important;
        margin: 0 auto !important;
    }

    .hl_login--body .card {
        border: none !important;
        box-shadow: none !important;
        background: transparent !important;
        margin: 0 !important;
        width: 100% !important;
    }

    /* Immagine sul pannello di destra scuro */
    .hl_login::after {
        content: "" !important;
        position: fixed !important;
        top: 10vh !important;
        bottom: 10vh !important;
        right: 0 !important;
        width: 50% !important;
        height: 80vh !important;
        background-image: url('https://rsksystem.com/tecnicolive/login-photo.png') !important;
        background-size: contain !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        z-index: 1 !important;
    }
}

/* Dettagli Form, Input e Pulsanti Login */
.login-card-heading .heading2 {
    color: #0b221c !important;
    font-family: 'Manrope', sans-serif !important;
    font-weight: 800 !important;
    font-size: 26px !important;
    letter-spacing: -0.02em !important;
    margin-bottom: 24px !important;
    text-align: center !important;
}

.hl-text-input-label {
    color: #0b221c !important;
    font-family: 'Manrope', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    margin-bottom: 6px !important;
}

.hl_login input.hl-text-input {
    border: 1px solid rgba(11, 34, 28, 0.25) !important;
    background-color: #ffffff !important;
    color: #0b221c !important;
    font-family: 'Manrope', sans-serif !important;
    border-radius: 6px !important;
    padding: 12px 14px !important;
    font-size: 14px !important;
    box-shadow: none !important;
    transition: all 0.2s ease-in-out !important;
}

.hl_login input.hl-text-input:focus {
    border-color: #19f129 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(25, 241, 41, 0.2) !important;
}

.language-label {
    color: #0b221c !important;
    font-family: 'Manrope', sans-serif !important;
    font-weight: 600 !important;
}

.language-dropdown-container select {
    border: 1px solid rgba(11, 34, 28, 0.2) !important;
    color: #0b221c !important;
    background-color: #ffffff !important;
    font-family: 'Manrope', sans-serif !important;
}

/* Override link e pulsanti */
.hl_login .forgot-password,
.hl_login #forgot_passowrd_btn,
.hl_login .foot-note a {
    color: #0b221c !important;
    font-family: 'Manrope', sans-serif !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border-bottom: 1px solid #19f129 !important;
    display: inline-block !important;
}

.hl_login .forgot-password:hover,
.hl_login #forgot_passowrd_btn:hover,
.hl_login .foot-note a:hover {
    color: #19f129 !important;
    border-bottom-color: #0b221c !important;
}

.hl_login button.hl-btn,
.hl_login button.hl-btn[type="submit"] {
    background-color: #19f129 !important;
    background: #19f129 !important;
    color: #0b221c !important;
    font-family: 'Manrope', sans-serif !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 14px !important;
    box-shadow: 0 4px 12px rgba(25, 241, 41, 0.15) !important;
    transition: all 0.2s ease-in-out !important;
}

.hl_login button.hl-btn:hover {
    opacity: 0.92 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 16px rgba(25, 241, 41, 0.3) !important;
}

.hl_login .foot-note {
    color: rgba(11, 34, 28, 0.6) !important;
    font-family: 'Manrope', sans-serif !important;
    font-size: 12px !important;
    margin-top: 30px !important;
    text-align: center !important;
}

/* Mobile & Tablet Overrides */
@media screen and (max-width: 991px) {
    .hl_login {
        background: #ffffff !important;
    }

    .hl_login--body .card {
        background-color: #ffffff !important;
        border: 1px solid rgba(11, 34, 28, 0.12) !important;
        border-top: 4px solid #19f129 !important;
        border-radius: 12px !important;
        box-shadow: 0 4px 20px rgba(11, 34, 28, 0.04) !important;
        padding: 32px 24px !important;
        margin: 40px auto !important;
        max-width: 440px !important;
    }
}

/*GENERAL*/
div#CalendarsFeatureDiscovery {
    display: none !important;
}

div#ContactsFeatureDiscovery {
    display: none !important;
}

#sidebar-v2 nav a:hover {
    /*background-image: var(--sidebar-menu-bg-gradient) !important;*/
    color: #0b221c !important;
    background-color: color-mix(in srgb, var(--menu-hover-color), transparent 0%) !important;
    border-width: 0px !important;
}

/* Ripristina il font per le icone Font Awesome */
[class*="fa-"],
[class^="fa-"],
.fas,
.far,
.fal,
.fab {
    font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", "Font Awesome 5 Brands" !important;
}

/* ================= CUSTOM SIDEBAR OVERRIDES ================= */
/* 1. Forza testi e icone FA ad essere scuri (#0b221c) all'hover su qualsiasi link */
#sidebar-v2 nav a:hover *,
#sidebar-v2 .hl_nav-settings a:hover *,
#sidebar-v2 a.custom-link:hover * {
    color: #0b221c !important;
    fill: #0b221c !important;
}

/* 2. Forza le icone SVG (img) e quella sparkle a diventare scure all'hover */
#sidebar-v2 nav a:hover img,
#sidebar-v2 .hl_nav-settings a:hover img,
#sidebar-v2 a.custom-link:hover img,
#sidebar-v2 nav a:hover .ask-ai-sparkle-icon {
    filter: brightness(0.05) !important;
}

/* 3. Forza testi e icone per i link custom e impostazioni nello stato ACTIVE (sfondo chiaro) */
#sidebar-v2 #sb_ask-ai.active *,
#sidebar-v2 [meta="e04a4321-ceae-40cc-9c84-6e3324007d5b"].active *,
#sidebar-v2 a.custom-link.active * {
    color: #0b221c !important;
    fill: #0b221c !important;
}

#sidebar-v2 #sb_ask-ai.active .ask-ai-sparkle-icon,
#sidebar-v2 a.custom-link.active img {
    filter: brightness(0.05) !important;
}

#sidebar-v2 #sb_ask-ai.active,
#sidebar-v2 [meta="e04a4321-ceae-40cc-9c84-6e3324007d5b"].active,
#sidebar-v2 a.custom-link.active {
    color: #0b221c !important;
}