/*
 * SenseForce final theme layer.
 * Loaded after page-specific styles so legacy blue/orange module CSS cannot win.
 */
:root {
    --sf-green-950: #003b21;
    --sf-green-900: #004929;
    --sf-green-850: #004e2d;
    --sf-green-800: #005231;
    --sf-green-750: #005735;
    --sf-green-700: #085c39;
    --sf-green-650: #11603d;
    --sf-green-600: #176542;
    --sf-mint: #8be0b6;
    --sf-mint-soft: rgba(139, 224, 182, 0.16);
    --sf-page: #f3f8f5;
    --sf-surface: #ffffff;
    --sf-surface-soft: #f7fbf8;
    --sf-ink: #0d2419;
    --sf-muted: #5d7569;
    --sf-line: rgba(0, 73, 41, 0.14);
    --sf-line-strong: rgba(0, 73, 41, 0.22);
    --sf-glow: 0 18px 44px rgba(0, 73, 41, 0.12);
    --sf-neon: 0 0 0 1px rgba(139, 224, 182, 0.28), 0 0 24px rgba(139, 224, 182, 0.18);
}

html[data-sf-theme="navy-gold"] {
    --sf-green-950: #111827;
    --sf-green-900: #222d42;
    --sf-green-850: #27344d;
    --sf-green-800: #2d3b56;
    --sf-green-750: #334260;
    --sf-green-700: #d59b21;
    --sf-green-650: #eeb434;
    --sf-green-600: #f1c45c;
    --sf-mint: #f6f6f2;
    --sf-mint-soft: rgba(246, 246, 242, 0.2);
    --sf-page: #f6f6f2;
    --sf-surface-soft: #fbfaf4;
    --sf-ink: #222d42;
    --sf-muted: #657084;
    --sf-line: rgba(34, 45, 66, 0.16);
    --sf-line-strong: rgba(34, 45, 66, 0.26);
    --sf-glow: 0 18px 44px rgba(34, 45, 66, 0.12);
    --sf-neon: 0 0 0 1px rgba(238, 180, 52, 0.28), 0 0 24px rgba(238, 180, 52, 0.18);
}

html[data-sf-theme="emerald"] {
    --sf-green-950: #052e2b;
    --sf-green-900: #064e45;
    --sf-green-850: #0f5f54;
    --sf-green-800: #127063;
    --sf-green-750: #168270;
    --sf-green-700: #1a937f;
    --sf-green-650: #24a890;
    --sf-green-600: #37b99f;
    --sf-mint: #9cf2d9;
    --sf-mint-soft: rgba(156, 242, 217, 0.18);
    --sf-page: #f0faf7;
    --sf-surface-soft: #f5fcfa;
    --sf-ink: #0b2f2a;
    --sf-muted: #5c7972;
    --sf-line: rgba(6, 78, 69, 0.14);
    --sf-line-strong: rgba(6, 78, 69, 0.24);
    --sf-glow: 0 18px 44px rgba(6, 78, 69, 0.12);
    --sf-neon: 0 0 0 1px rgba(156, 242, 217, 0.28), 0 0 24px rgba(36, 168, 144, 0.18);
}

html[data-sf-theme="midnight"] {
    --sf-green-950: #08111f;
    --sf-green-900: #0d1b2f;
    --sf-green-850: #12233a;
    --sf-green-800: #172d46;
    --sf-green-750: #203953;
    --sf-green-700: #4d8bd6;
    --sf-green-650: #6da5ef;
    --sf-green-600: #8bbaf7;
    --sf-mint: #c7dcff;
    --sf-mint-soft: rgba(199, 220, 255, 0.16);
    --sf-page: #f2f6fb;
    --sf-surface-soft: #f8fbff;
    --sf-ink: #102033;
    --sf-muted: #627287;
    --sf-line: rgba(13, 27, 47, 0.14);
    --sf-line-strong: rgba(13, 27, 47, 0.24);
    --sf-glow: 0 18px 44px rgba(13, 27, 47, 0.12);
    --sf-neon: 0 0 0 1px rgba(109, 165, 239, 0.28), 0 0 24px rgba(77, 139, 214, 0.18);
}

html[data-sf-theme="light"] {
    --sf-green-950: #e8efe9;
    --sf-green-900: #f6f6f2;
    --sf-green-850: #eef4ef;
    --sf-green-800: #e5eee7;
    --sf-green-750: #dce8df;
    --sf-green-700: #176542;
    --sf-green-650: #085c39;
    --sf-green-600: #004929;
    --sf-mint: #176542;
    --sf-mint-soft: rgba(23, 101, 66, 0.12);
    --sf-page: #fbfcfa;
    --sf-surface-soft: #ffffff;
    --sf-ink: #14251b;
    --sf-muted: #627267;
    --sf-line: rgba(20, 37, 27, 0.12);
    --sf-line-strong: rgba(20, 37, 27, 0.22);
    --sf-glow: 0 18px 44px rgba(20, 37, 27, 0.08);
    --sf-neon: 0 0 0 1px rgba(23, 101, 66, 0.2), 0 0 24px rgba(23, 101, 66, 0.12);
}

body,
.pcoded-content,
.pcoded-inner-content,
.main-body,
.main-body .page-wrapper {
    background:
        radial-gradient(circle at top right, rgba(23, 101, 66, 0.08), transparent 28%),
        var(--sf-page) !important;
    color: var(--sf-ink) !important;
}

a,
a:hover,
a:focus,
.text-primary,
.b-b-primary,
.dash-link,
.breadcrumb-title a,
.page-body a:not(.btn):not(.dashboard-action):not(.sf-hero-action) {
    color: var(--sf-green-700) !important;
}

.b-b-primary {
    border-bottom-color: var(--sf-green-700) !important;
}

.pcoded-header,
.pcoded-header[header-theme],
.pcoded-header .navbar-wrapper,
.pcoded-header .navbar-logo,
.navbar.header-navbar {
    background: linear-gradient(90deg, var(--sf-green-900), var(--sf-green-800) 48%, var(--sf-green-600)) !important;
    box-shadow: 0 12px 30px rgba(0, 73, 41, 0.18) !important;
    overflow: visible !important;
    z-index: 1050 !important;
}

.pcoded-header a,
.pcoded-header i,
.pcoded-header h5,
.pcoded-header .user-profile span {
    color: #ffffff !important;
}

.pcoded-header .navbar-logo > a[href],
.pcoded-header .navbar-logo .sf-header-brand {
    display: inline-flex !important;
    align-items: center !important;
}

.sf-header-brand {
    height: 48px;
    width: 196px;
    justify-content: center;
    padding: 3px 0;
    border-radius: 0;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible;
}

.sf-header-brand__image {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: contain;
    pointer-events: none;
}

.pcoded-navbar,
.pcoded-navbar[navbar-theme],
.pcoded[theme-layout=vertical] .pcoded-navbar,
.pcoded[theme-layout=vertical] .pcoded-navbar.app-sidebar-shell,
.app-sidebar-shell {
    background: linear-gradient(180deg, var(--sf-green-900), var(--sf-green-850)) !important;
    color: #ffffff !important;
    box-shadow: 12px 0 34px rgba(0, 73, 41, 0.18) !important;
}

.pcoded-navbar .pcoded-inner-navbar,
.pcoded-navbar .main-menu,
.pcoded-navbar .mCustomScrollBox,
.pcoded-navbar .mCSB_container,
.pcoded-navbar .pcoded-navigation-label {
    background: transparent !important;
}

.pcoded-navbar .pcoded-inner-navbar.main-menu {
    background: linear-gradient(180deg, var(--sf-green-900), var(--sf-green-850)) !important;
}

.pcoded-navbar .pcoded-item > li > a,
.pcoded-navbar .pcoded-submenu > li > a,
.pcoded-navbar .pcoded-mtext,
.pcoded-navbar .pcoded-micon,
.pcoded-navbar .pcoded-menu-caption span {
    color: #e5f4ed !important;
}

.pcoded-navbar .pcoded-item > li.active > a,
.pcoded-navbar .pcoded-item > li.pcoded-trigger > a,
.pcoded-navbar .pcoded-item > li > a:hover,
.pcoded-navbar .pcoded-submenu > li.active > a,
.pcoded-navbar .pcoded-submenu > li > a:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(232, 245, 239, 0.22) !important;
    color: #ffffff !important;
    box-shadow: var(--sf-neon) !important;
}

.pcoded-navbar .pcoded-item > li.active::before,
.pcoded-navbar .pcoded-submenu > li.active::before {
    background: var(--sf-mint) !important;
}

.page-header,
.ui-page-header,
.page-header .breadcrumb-title,
.ui-page-header__breadcrumb-list {
    border-color: var(--sf-line) !important;
}

.page-header,
.ui-page-header__breadcrumb-list {
    background: rgba(255, 255, 255, 0.82) !important;
    box-shadow: var(--sf-glow) !important;
}

.dashboard-home {
    --ink: var(--sf-ink) !important;
    --muted: var(--sf-muted) !important;
    --line: var(--sf-line) !important;
    --teal: var(--sf-green-700) !important;
    --blue: var(--sf-green-750) !important;
    --amber: var(--sf-green-650) !important;
    --green: var(--sf-green-600) !important;
    --coral: var(--sf-green-850) !important;
}

.dashboard-hero,
.sf-hero-card,
.ui-hero-card,
.account-hero,
.opportunity-hero,
.quotation-hero,
[class*="hero-card"] {
    background:
        radial-gradient(circle at top right, rgba(255, 255, 255, 0.22), transparent 30%),
        linear-gradient(135deg, var(--sf-green-900), var(--sf-green-750) 55%, var(--sf-green-600)) !important;
    border-color: rgba(232, 245, 239, 0.22) !important;
    box-shadow: 0 24px 50px rgba(0, 73, 41, 0.18) !important;
    color: #ffffff !important;
}

.dashboard-hero *,
.sf-hero-card *,
.ui-hero-card *,
[class*="hero-card"] * {
    color: inherit;
}

.quotation-hero-card .quotation-hero-subtitle,
.quotation-hero-card .quotation-hero-subtitle span {
    color: rgba(255, 255, 255, 0.86) !important;
}

.quotation-hero-card .quotation-hero-subtitle a,
.quotation-hero-card .quotation-hero-subtitle strong {
    color: #ffffff !important;
    text-decoration-color: rgba(255, 255, 255, 0.5) !important;
}

.quotation-hero-card .quotation-pill {
    color: #ffffff !important;
}

.quotation-hero-card .quotation-pill i,
.quotation-hero-card .quotation-action i {
    color: inherit !important;
}

.quotation-hero-card .quotation-pill--light {
    background: rgba(255, 255, 255, 0.92) !important;
    color: var(--sf-green-800) !important;
}

.quotation-hero-card .quotation-action--primary {
    background: #ffffff !important;
    color: var(--sf-green-800) !important;
}

.quotation-hero-card .quotation-action--ghost,
.quotation-hero-card .quotation-action--danger {
    color: #ffffff !important;
}

.quotation-hero-card .quotation-total-label,
.quotation-hero-card .quotation-total-value,
.quotation-hero-card .quotation-copy-feedback {
    color: #ffffff !important;
}

.dashboard-action,
.sf-hero-action,
.sf-hero-action--ghost {
    align-items: center !important;
    display: inline-flex !important;
    gap: 8px !important;
    justify-content: center !important;
    min-height: 44px !important;
    border-color: rgba(232, 245, 239, 0.24) !important;
    background: rgba(255, 255, 255, 0.11) !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    text-align: center !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
    transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}

.dashboard-action:hover,
.dashboard-action:focus,
.sf-hero-action:hover,
.sf-hero-action:focus {
    background: rgba(139, 224, 182, 0.18) !important;
    border-color: rgba(232, 245, 239, 0.42) !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 1px rgba(139, 224, 182, 0.25), 0 12px 28px rgba(0, 35, 20, 0.18) !important;
    transform: translateY(-1px) !important;
    text-decoration: none !important;
}

.dashboard-actions,
.sf-hero-action-grid {
    align-items: stretch !important;
    gap: 12px !important;
}

.sf-hero-action-grid {
    grid-template-columns: repeat(2, minmax(132px, 1fr)) !important;
}

.dashboard-action span,
.sf-hero-action span {
    color: inherit !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

.btn-primary,
.btn-info,
.btn-success,
.btn-outline-primary:hover,
.page-item.active .page-link,
.sweet-alert button.confirm,
.submit-button,
.sf-hero-action--primary,
.sf-sticky-back__button {
    background: linear-gradient(135deg, var(--sf-green-900), var(--sf-green-600)) !important;
    border-color: var(--sf-green-800) !important;
    color: #ffffff !important;
    box-shadow: 0 12px 24px rgba(0, 73, 41, 0.18) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-info:hover,
.btn-info:focus,
.btn-success:hover,
.btn-success:focus,
.sf-hero-action--primary:hover,
.sf-hero-action--primary:focus,
.submit-button:hover,
.sf-sticky-back__button:hover {
    background: linear-gradient(135deg, var(--sf-green-850), var(--sf-green-700)) !important;
    border-color: var(--sf-green-750) !important;
    box-shadow: var(--sf-neon) !important;
    color: #ffffff !important;
}

.btn-outline-primary,
.btn-link {
    color: var(--sf-green-700) !important;
    border-color: var(--sf-green-700) !important;
}

.card,
.dash-stat,
.dash-panel,
.sf-metric-card,
.account-metric-card,
.ui-stat-card,
.ui-shell-card,
.ui-form-card,
.ui-filter-panel,
.ui-detail-card,
.sf-table-card,
.sf-filter-card,
.notification-page-card,
.notification-page-header {
    background: var(--sf-surface) !important;
    border-color: var(--sf-line) !important;
    box-shadow: var(--sf-glow) !important;
}

.card .card-header,
.dash-panel__header,
.page-body .card > .card-header,
.ui-table-head,
.sf-table-head {
    background: linear-gradient(180deg, #ffffff, var(--sf-surface-soft)) !important;
    border-color: var(--sf-line) !important;
}

.card h1,
.card h2,
.card h3,
.card h4,
.card h5,
.card h6,
.dash-panel__title,
.dash-stat__value,
.ui-stat-card__value,
.ui-primary-cell__title,
.page-header-title h4 {
    color: var(--sf-ink) !important;
}

.dash-stat:before,
.sf-metric-card:before,
.account-metric-card:before {
    background: var(--sf-green-700) !important;
}

.dash-stat__icon,
.dash-empty i,
.dash-item__icon,
.sf-metric-icon,
.account-metric-icon,
.ui-stat-card__icon,
.bg-c-blue,
.bg-c-green,
.bg-c-yellow,
.bg-c-pink {
    background: rgba(0, 87, 53, 0.08) !important;
    color: var(--sf-green-700) !important;
}

.text-c-blue,
.text-c-green,
.text-c-yellow,
.text-c-pink,
.txt-primary,
.text-c-lite-primary {
    color: var(--sf-green-700) !important;
}

.dash-chip,
.badge,
.label,
.sf-pill,
.ui-badge,
.pcoded-badge {
    background: rgba(0, 87, 53, 0.1) !important;
    border-color: rgba(0, 87, 53, 0.14) !important;
    color: var(--sf-green-750) !important;
}

.badge-success,
.label-success,
.dash-chip--success,
.sf-pill--success,
.ui-badge--success {
    background: rgba(23, 101, 66, 0.12) !important;
    color: var(--sf-green-700) !important;
}

.notification-unread-dot {
    background: var(--sf-green-600) !important;
    box-shadow: 0 0 0 4px rgba(0, 87, 53, 0.16), 0 0 16px rgba(23, 101, 66, 0.36) !important;
}

[class*="notification-accent-"],
[class*="notification-badge-"] {
    background: rgba(0, 87, 53, 0.1) !important;
    color: var(--sf-green-750) !important;
}

.notification-page-header,
.notification-page-card,
.notification-stat-card {
    border-color: var(--sf-line) !important;
    box-shadow: var(--sf-glow) !important;
}

.notification-stat-card {
    background: linear-gradient(135deg, rgba(255,255,255,0.98), rgba(226, 244, 235, 0.7)) !important;
}

.table thead th,
.dashboard-home table.table thead th,
.ui-data-table thead th,
.sf-table-card thead th {
    background: var(--sf-page) !important;
    border-color: var(--sf-line) !important;
    color: var(--sf-green-900) !important;
}

.table-hover tbody tr:hover,
.page-body .table.table-hover tbody tr:hover,
.dataTable tbody tr:hover {
    background: rgba(0, 87, 53, 0.05) !important;
}

.form-control:focus,
.custom-select:focus,
input:focus,
select:focus,
textarea:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: rgba(0, 87, 53, 0.5) !important;
    box-shadow: 0 0 0 4px rgba(0, 87, 53, 0.12) !important;
}

.page-body .form-group > label,
.ui-form-shell .form-group > label,
.ui-field > label,
.sf-field > label {
    align-items: baseline;
    display: inline-flex !important;
    margin-right: 0.25rem;
    width: auto;
}

.page-body .form-group > label + .text-danger,
.ui-form-shell .form-group > label + .text-danger,
.ui-field > label + .text-danger,
.sf-field > label + .text-danger {
    display: inline-flex;
    line-height: 1;
    margin-left: 0.08rem;
    vertical-align: baseline;
}

.pcoded-header .form-control,
.pcoded-header input[type="search"],
.global-search-shell .form-control,
.form-control-navbar {
    background: rgba(255, 255, 255, 0.95) !important;
    border-color: rgba(255, 255, 255, 0.34) !important;
    border-radius: 12px !important;
    color: var(--sf-ink) !important;
}

.pcoded-header .global-search-shell .input-group,
.pcoded-header .global-search-shell .input-group-addon,
.pcoded-header .global-search-shell .global-search-submit,
.pcoded-header .global-search-shell .search-close {
    border-radius: 12px !important;
}

.pcoded-header .form-control::placeholder,
.pcoded-header input[type="search"]::placeholder,
.global-search-shell .form-control::placeholder,
.form-control-navbar::placeholder {
    color: rgba(18, 43, 31, 0.56) !important;
}

.bg-primary,
.bg-c-blue.text-white,
.bg-c-green.text-white,
.bg-c-yellow.text-white,
.bg-c-pink.text-white {
    background: linear-gradient(135deg, var(--sf-green-900), var(--sf-green-600)) !important;
    color: #ffffff !important;
}

.pcoded-header .navbar-container,
.pcoded-header .nav-right,
.pcoded-header .header-notification,
.pcoded-header .dropdown-primary,
.pcoded-header .dropdown {
    overflow: visible !important;
}

.pcoded-header .profile-notification,
.pcoded-header .notification-panel {
    z-index: 20000 !important;
    border: 1px solid var(--sf-line) !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 44px rgba(0, 35, 20, 0.18) !important;
}

.pcoded-header .dropdown.open > .profile-notification,
.pcoded-header .dropdown.show > .profile-notification,
.pcoded-header .dropdown.open > .notification-panel,
.pcoded-header .dropdown.show > .notification-panel {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.pcoded-header .profile-notification a,
.pcoded-header .profile-notification li,
.pcoded-header .notification-panel a,
.pcoded-header .notification-panel li,
.pcoded-header .notification-panel h5,
.pcoded-header .notification-panel h6,
.pcoded-header .notification-panel p,
.pcoded-header .notification-panel span {
    color: var(--sf-ink) !important;
}

.pcoded-header .profile-notification i,
.pcoded-header .notification-panel i {
    color: var(--sf-green-700) !important;
}

.pcoded-header .profile-notification a:hover,
.pcoded-header .notification-panel a:hover {
    background: rgba(0, 87, 53, 0.08) !important;
    color: var(--sf-green-900) !important;
}

.sf-theme-menu {
    padding: 12px 16px !important;
    border-top: 1px solid var(--sf-line) !important;
    border-bottom: 1px solid var(--sf-line) !important;
}

.sf-theme-menu__label {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 10px;
    color: var(--sf-ink) !important;
    font-size: 13px;
    font-weight: 800;
}

.sf-theme-options {
    display: grid;
    gap: 8px;
}

.sf-theme-options button {
    display: flex;
    align-items: center;
    gap: 9px;
    width: 100%;
    min-height: 34px;
    padding: 7px 9px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    color: var(--sf-ink);
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
}

.sf-theme-options button:hover,
.sf-theme-options button.is-active {
    border-color: var(--sf-line-strong);
    background: rgba(0, 87, 53, 0.08);
    color: var(--sf-green-900);
}

.sf-theme-swatch {
    width: 18px;
    height: 18px;
    border-radius: 999px;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 1px var(--sf-line-strong);
    flex: 0 0 auto;
}

.sf-theme-swatch--forest {
    background: linear-gradient(135deg, #004929 0 50%, #176542 50%);
}

.sf-theme-swatch--navy-gold {
    background: linear-gradient(135deg, #222d42 0 50%, #eeb434 50%);
}

.sf-theme-swatch--emerald {
    background: linear-gradient(135deg, #064e45 0 50%, #37b99f 50%);
}

.sf-theme-swatch--midnight {
    background: linear-gradient(135deg, #0d1b2f 0 50%, #6da5ef 50%);
}

.sf-theme-swatch--light {
    background: linear-gradient(135deg, #f6f6f2 0 50%, #176542 50%);
}

html[data-sf-theme="light"] .pcoded-header a,
html[data-sf-theme="light"] .pcoded-header i,
html[data-sf-theme="light"] .pcoded-header h5,
html[data-sf-theme="light"] .pcoded-header .user-profile span {
    color: var(--sf-ink) !important;
}

html[data-sf-theme="light"] .dashboard-hero,
html[data-sf-theme="light"] .sf-hero-card,
html[data-sf-theme="light"] .ui-hero-card,
html[data-sf-theme="light"] [class*="hero-card"] {
    color: var(--sf-ink) !important;
}

html[data-sf-theme="light"] .dashboard-action,
html[data-sf-theme="light"] .sf-hero-action,
html[data-sf-theme="light"] .sf-hero-action--ghost {
    border-color: rgba(20, 37, 27, 0.16) !important;
    background: rgba(255, 255, 255, 0.72) !important;
    color: var(--sf-ink) !important;
}

html[data-sf-theme="light"] .pcoded-navbar .pcoded-item > li > a,
html[data-sf-theme="light"] .pcoded-navbar .pcoded-submenu > li > a,
html[data-sf-theme="light"] .pcoded-navbar .pcoded-mtext,
html[data-sf-theme="light"] .pcoded-navbar .pcoded-micon,
html[data-sf-theme="light"] .pcoded-navbar .pcoded-menu-caption span,
html[data-sf-theme="light"] .pcoded-navbar .pcoded-menu-arrow,
html[data-sf-theme="light"] .pcoded[theme-layout=vertical] .pcoded-navbar.app-sidebar-shell .pcoded-item > li > a,
html[data-sf-theme="light"] .pcoded[theme-layout=vertical] .pcoded-navbar.app-sidebar-shell .pcoded-item .pcoded-submenu > li > a,
html[data-sf-theme="light"] .pcoded[theme-layout=vertical] .pcoded-navbar.app-sidebar-shell .pcoded-mtext,
html[data-sf-theme="light"] .pcoded[theme-layout=vertical] .pcoded-navbar.app-sidebar-shell .pcoded-micon,
html[data-sf-theme="light"] .pcoded[theme-layout=vertical] .pcoded-navbar.app-sidebar-shell .pcoded-menu-arrow {
    color: var(--sf-ink) !important;
}

html[data-sf-theme="light"] .pcoded-navbar .pcoded-menu-caption {
    border-color: rgba(20, 37, 27, 0.12) !important;
}

html[data-sf-theme="light"] .pcoded-navbar .pcoded-item > li.active > a,
html[data-sf-theme="light"] .pcoded-navbar .pcoded-item > li.pcoded-trigger > a,
html[data-sf-theme="light"] .pcoded-navbar .pcoded-item > li > a:hover,
html[data-sf-theme="light"] .pcoded-navbar .pcoded-submenu > li.active > a,
html[data-sf-theme="light"] .pcoded-navbar .pcoded-submenu > li > a:hover,
html[data-sf-theme="light"] .pcoded[theme-layout=vertical] .pcoded-navbar.app-sidebar-shell .pcoded-item > li.active > a,
html[data-sf-theme="light"] .pcoded[theme-layout=vertical] .pcoded-navbar.app-sidebar-shell .pcoded-item > li.pcoded-trigger > a,
html[data-sf-theme="light"] .pcoded[theme-layout=vertical] .pcoded-navbar.app-sidebar-shell .pcoded-item > li > a:hover,
html[data-sf-theme="light"] .pcoded[theme-layout=vertical] .pcoded-navbar.app-sidebar-shell .pcoded-item .pcoded-submenu > li.active > a,
html[data-sf-theme="light"] .pcoded[theme-layout=vertical] .pcoded-navbar.app-sidebar-shell .pcoded-item .pcoded-submenu > li > a:hover {
    background: rgba(23, 101, 66, 0.1) !important;
    color: var(--sf-green-600) !important;
}

@media (max-width: 575.98px) {
    .sf-hero-action-grid,
    .dashboard-actions {
        grid-template-columns: 1fr !important;
    }

    .dashboard-action,
    .sf-hero-action {
        width: 100% !important;
    }
}

/* Keep quotation hero links readable over the green proposal header. */
.page-body .quotation-hero-card .quotation-hero-subtitle,
.page-body .quotation-hero-card .quotation-hero-subtitle span,
.page-body .quotation-hero-card .quotation-hero-subtitle strong,
.page-body .quotation-hero-card .quotation-hero-subtitle a,
.page-body .quotation-hero-card .quotation-hero-subtitle a:not(.btn):not(.dashboard-action):not(.sf-hero-action) {
    color: #ffffff !important;
}

.page-body .quotation-hero-card .quotation-hero-subtitle a {
    text-decoration-color: rgba(255, 255, 255, 0.65) !important;
}

.page-body .quotation-hero-card .quotation-action {
    --quotation-action-bg: #0f766e;
    --quotation-action-hover-bg: #115e59;
    --quotation-action-shadow: rgba(15, 118, 110, 0.32);
    background: linear-gradient(135deg, var(--quotation-action-bg), var(--quotation-action-hover-bg)) !important;
    border: 1px solid rgba(255, 255, 255, 0.34) !important;
    box-shadow: 0 12px 24px var(--quotation-action-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
}

.page-body .quotation-hero-card .quotation-action:hover,
.page-body .quotation-hero-card .quotation-action:focus {
    background: linear-gradient(135deg, var(--quotation-action-hover-bg), var(--quotation-action-bg)) !important;
    border-color: rgba(255, 255, 255, 0.54) !important;
    box-shadow: 0 16px 30px var(--quotation-action-shadow), 0 0 0 2px rgba(255, 255, 255, 0.14) !important;
    color: #ffffff !important;
}

.page-body .quotation-hero-card .quotation-action i {
    color: #ffffff !important;
}

.page-body .quotation-hero-card .quotation-action--revision {
    --quotation-action-bg: #0ea5a3;
    --quotation-action-hover-bg: #087f7d;
    --quotation-action-shadow: rgba(14, 165, 163, 0.34);
}

.page-body .quotation-hero-card .quotation-action--pdf {
    --quotation-action-bg: #2563eb;
    --quotation-action-hover-bg: #1d4ed8;
    --quotation-action-shadow: rgba(37, 99, 235, 0.32);
}

.page-body .quotation-hero-card .quotation-action--email {
    --quotation-action-bg: #16a34a;
    --quotation-action-hover-bg: #15803d;
    --quotation-action-shadow: rgba(22, 163, 74, 0.32);
}

.page-body .quotation-hero-card .quotation-action--edit {
    --quotation-action-bg: #f59e0b;
    --quotation-action-hover-bg: #d97706;
    --quotation-action-shadow: rgba(245, 158, 11, 0.34);
}

.page-body .quotation-hero-card .quotation-action--copy {
    --quotation-action-bg: #64748b;
    --quotation-action-hover-bg: #475569;
    --quotation-action-shadow: rgba(100, 116, 139, 0.34);
}

.page-body .quotation-hero-card .quotation-action--delete {
    --quotation-action-bg: #ef4444;
    --quotation-action-hover-bg: #dc2626;
    --quotation-action-shadow: rgba(239, 68, 68, 0.34);
}