:root {
    --bs-body-font-size: 14px;
}

/*Page Title*/
.page-title-box {
    padding-bottom: 0;
    display: flex;
}

/*Link-to-add: botón con apariencia de enlace*/
.link-to-add{
    border: none !important;
    background-color: transparent !important;
    padding: 0 !important;
    text-decoration: underline;
    font-weight: 600 !important;
    height: 21px;
    font-size: 14px;
    color: var(--color-1) !important;
}

#add-payment-card-healnow, #add-payment-card-stripe, #add-payment-card-connect {
    height: auto !important;
}

.link-to-add:hover {
    text-decoration: none;
}

.link-to-add-secondary {
    color: #000 !important;
}

/*Buttons to links*/
#add_new_rx, #add-new-patient, #import-patients, #add_new_rx_template, .btn.btn-sm.btn-soft-primary.review-template, .btn.btn-sm.btn-soft-secondary.delete-template, #btn-add-lisence, #btn-edit-billing-address, #btn-add-shipping, #add-payment-card-merchante, #edit-avatar, #new-order {
    border: none !important;
    background-color: transparent !important;    
    padding: 0 !important;
    text-decoration: underline;   
    font-weight: 600 !important; 
}

#add_new_rx:hover, #add-new-patient:hover, #import-patients:hover, #add_new_rx_template:hover, .btn.btn-sm.btn-soft-primary.review-template:hover, .btn.btn-sm.btn-soft-secondary.delete-template:hover, #btn-add-lisence:hover, #btn-edit-billing-address:hover, #btn-add-shipping:hover, #add-payment-card-merchante:hover, #edit-avatar:hover, #new-order:hover {
    text-decoration: none;
}

#add_new_rx, #add-new-patient, #add_new_rx_template, #new-order {
    color: var(--color-1) !important;    
}

#import-patients {
    color: var(--color-5) !important;
}

/*Filters - Apply: fondo verde suave, texto oscuro; Clear: fondo blanco, texto oscuro, borde gris */
#apply-filter, #order-apply-filter, #rx-apply-filter, #clear-filter, #order-clear-filter, #rx-clear-filter,
#report-apply-filters, #report-clear-filters {
    padding: 4px 8px !important;
    font-weight: 400 !important;
    border-radius: 6px;
}

#apply-filter, #order-apply-filter, #rx-apply-filter, #report-apply-filters {
    margin-right: 8px;
    background-color: var(--color-2) !important;
    border: 1px solid #e2e5e8 !important;
    color: var(--color-5) !important;
}

#clear-filter, #order-clear-filter, #rx-clear-filter, #report-clear-filters {
    background-color: var(--color-6) !important;
    border: 1px solid #e2e5e8 !important;
    color: var(--color-5) !important;
}

/*Tabs*/
.nav-tabs-custom {
    margin-bottom: 24px;
}

.nav-tabs-custom span {
    color: var(--color-5) !important;
}

.nav-tabs-custom .nav-item .nav-link::after {
    background: var(--color-1);    
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    background-color: transparent !important;
}

/*Links*/
.sp-global-container a:not(.page-link):not(.nav-link) {
    text-decoration: underline !important;
    color: var(--color-1) !important;
}

.sp-global-container a:hover:not(.nav-link) {
    text-decoration: none !important;
}

.link-to-add, .link-to-add:hover {
    color: var(--color-1);
}

.gray-links, .gray-links:hover {
    color: var(--color-3);
}

.link-to-add, .gray-links {
    text-decoration: underline !important;
}

.link-to-add:hover, .gray-links:hover {
    text-decoration: none !important;
} 

/* Global link styles - Change all links from blue to green */
a.detailP, a.text-primary, .text-primary {
    color: var(--color-1) !important; /* Unified green */
}

a.detailP:hover, a.text-primary:hover, .text-primary:hover {
    color: #49C07E !important; /* Darker green on hover */
}

/* Bootstrap .text-success — list Export Excel, Add/Import links, price highlights (Order v4, DataTables, etc.) */
.text-success {
    color: var(--color-1) !important;
}

a.detail {
    text-decoration: underline !important;
    color: var(--color-5) !important;
}

a.detail:hover {
    text-decoration: none !important;
    color: var(--color-5) !important;
}

/* Additional link styles for all list views and details */
a[href="#"]:not(.btn):not(.page-link):not(.link-to-add):not(.gray-links),
a[data-id]:not(.btn), 
a[data-record-id]:not(.btn),
a[data-rx-number]:not(.btn),
a[data-order-id]:not(.btn) {
    color: var(--color-5) !important;
}

a[href="#"]:not(.btn):not(.page-link):hover, 
a[href="#"]:not(.link-to-add):hover, 
a[href="#"]:not(.gray-links):hover, 
a[data-id]:not(.btn):hover, 
a[data-record-id]:not(.btn):hover,
a[data-rx-number]:not(.btn):hover,
a[data-order-id]:not(.btn):hover {
    color: #49C07E; 
}

.sp-global-container {
    background-color: var(--color-6) !important;
    border-radius: 8px !important;
    padding: 24px !important;
    box-shadow: none !important;
}

.sp-global-container-tab {
    background-color: var(--color-6) !important;
    border-radius: 8px !important;
    padding: 24px 0 !important;
    box-shadow: none !important;
}

.sp-no-border {
    border: none !important;    
}

.card {
    border-radius: 8px;
    box-shadow: none;
    border: none;
}

/*Pagination*/
.page-item.active .page-link {
    background-color: var(--color-2);
    color: var(--color-5);
}

.page-link {
    border: none;
}

/*Forms*/
.form-control {
    padding: 4px 8px;
    font-size: 14px !important;
    border-radius: 6px !important;
}

.form-control label {
    font-size: 14px !important;
}

.form-check-input:checked {
    background-color: var(--color-1);
    border-color: var(--color-1);
}

/*Buttons*/
.sp-cta-button, .sp-secondary-button {
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    padding: 6px 24px;
    transition-duration: 0.3s;
}

.sp-cta-button {
    background-color: var(--color-1);
    border: 2px solid var(--color-1);    
    color: var(--color-cta-text);
}

.sp-secondary-button {
    background-color: var(--color-6);
    border: 2px solid var(--color-1);
    color: var(--color-1);
    border-color: var(--color-1);
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    padding: 6px 24px;
    transition-duration: 0.3s;
    box-shadow: none;
}

.sp-cta-button:hover, .sp-cta-button:active, .sp-cta-button:focus {
    background-color: var(--color-6);
    color: var(--color-1);
}

.sp-secondary-button:hover, .sp-secondary-button:active, .sp-secondary-button:focus {
    background-color: var(--color-1);
    color: var(--color-cta-text);
}


/*Graphs*/
.dashboard-graph-box .apexcharts-bar-area {
    fill: var(--color-1) !important;
}

.apexcharts-subtitle-text, .apexcharts-title-text {
    fill: var(--color-5) !important;
}

.apexcharts-text {
    font-size: 14px;
    font-weight: 600;
}
.apexcharts-title-text {
    fill: var(--color-5) !important;
}

.yaxis text {
    fill: var(--color-5) !important;
}

.apexcharts-xaxis text,
.apexcharts-yaxis text {
    fill: var(--color-5) !important;
}

/*Tables*/

.table td, .table thead th {
    vertical-align: middle;
    padding: 6px 12px;
}

.table td .btn {
    padding: 0 12px !important;
}

.table .rx-row-clickable:hover {
    background-color: var(--color-2) !important;
}

.table .badge.badge-soft-danger, .table .badge.rounded-pill.badge-soft-info, .table .badge.badge-soft-success,.table .badge.badge-soft-dark,.table .badge.badge-soft-primary, .badge-type.border-primary,
.badge.badge-soft-danger, .badge.rounded-pill.badge-soft-info, .badge.badge-soft-success, .badge.badge-soft-dark,.badge.badge-soft-primary, .badge-type.border-primary, .badge.badge-soft-secondary {
    border-radius: 4px !important;
    font-size: 12px !important;
    font-weight: 600;
    background-color: var(--color-6);
    padding: 2px 4px;
}

.badge-soft-primary, .badge-soft-success {
    color: var(--color-1);
    border: solid 1px var(--color-1) !important;
    
}

/* Ensure inner content also turns white on interactive states */
.badge-soft-primary:hover *,
.badge-soft-primary:focus *,
.badge-soft-primary:active * {
    background-color: #ffffff !important;
    color: var(--color-1) !important;

}
.badge-soft-dark, .badge-type.border-primary {
    color: var(--color-3) !important;
    border: solid 1px var(--color-3) !important;
}

.badge-soft-danger {
    color: var(--color-7);
    border: solid 1px var(--color-7);
}

.badge-soft-info {
    color: var(--color-8);
    border: solid 1px var(--color-8);
}

.table .btn-favorite {
    border: 0 !important;
}

.table .btn-favorite .fa-star i {
    color: red !important;
}

/* Force override for btn-soft-primary - HIGHEST PRIORITY */
button.btn-soft-primary,
.btn.btn-soft-primary,
a.btn-soft-primary {
    background-color: var(--color-1) !important;
    border-color: var(--color-1) !important;
    color: var(--color-cta-text) !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 6px 24px !important;
    transition-duration: 0.3s !important;
    box-shadow: none !important;
}

button.btn-soft-primary:hover,
button.btn-soft-primary:active,
button.btn-soft-primary:focus,
.btn.btn-soft-primary:hover,
.btn.btn-soft-primary:active,
.btn.btn-soft-primary:focus,
a.btn-soft-primary:hover,
a.btn-soft-primary:active,
a.btn-soft-primary:focus {
    background-color: #ffffff !important;
    color: var(--color-1) !important;
    border-color: var(--color-1) !important;
    box-shadow: none !important;
}

button.btn-soft-danger,
.btn.btn-soft-danger,
a.btn-soft-danger {
    background-color: var(--color-7) !important;
    border-color: var(--color-7) !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 6px 24px !important;
    transition-duration: 0.3s !important;
    box-shadow: none !important;
}

button.btn-soft-danger:hover,
button.btn-soft-danger:active,
button.btn-soft-danger:focus,
.btn.btn-soft-danger:hover,
.btn.btn-soft-danger:active,
.btn.btn-soft-danger:focus,
a.btn-soft-danger:hover,
a.btn-soft-danger:active,
a.btn-soft-danger:focus {
    background-color: #ffffff !important;
    color: var(--color-7) !important;
    border-color: 2px solid var(--color-7) !important;
    box-shadow: none !important;
}

table .btn-soft-danger {
    height: 25px !important;
    min-height: 25px !important;
    line-height: 8px !important;
}

button.btn-soft-warning {
    background-color: var(--color-8) !important;
    border-color: var(--color-8) !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 6px 24px !important;
    transition-duration: 0.3s !important;
    box-shadow: none !important;
}

button.btn-soft-warning:hover,
button.btn-soft-warning:active,
button.btn-soft-warning:focus {
    background-color: #ffffff !important;
    color: var(--color-8) !important;
    border-color: var(--color-8) !important;
    box-shadow: none !important;
}

button.btn-outline-danger {
    background-color: var(--color-1) !important;
    border-color: var(--color-7) !important;
    color: var(--color-7) !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 6px 24px !important;
    transition-duration: 0.3s !important;
    box-shadow: none !important;
}

button.btn-outline-danger:hover,
button.btn-outline-danger:active,
button.btn-outline-danger:focus {
    background-color: var(--color-7) !important;
    color: var(--color-6) !important;
    border-color: var(--color-7) !important;
    box-shadow: none !important;
}

.btn-light {
    height: 37px !important;
    min-height: 37px !important;
}

.filters-bar .drp-preset, .filters-bar .drp-date-range, .filters-bar .dropdown-toggle {
    background-color: var(--color-2) !important;
    border: 1px solid var(--color-2) !important;
    color: var(--color-5) !important;
    padding: 4px 8px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
}

.filters-bar .drp-preset:hover, .filters-bar .drp-date-range:hover, .filters-bar .dropdown-toggle:hover {
    background-color: var(--color-2) !important;
    border: 1px solid var(--color-2) !important;
    color: var(--color-5) !important;
}   
.filters-bar .drp-preset:active, .filters-bar .drp-date-range:active, .filters-bar .dropdown-toggle:active {
    background-color: var(--color-2) !important;
    border: 1px solid var(--color-2) !important;
    color: var(--color-1) !important;
}
.filters-bar .drp-preset:focus, .filters-bar .drp-date-range:focus, .filters-bar .dropdown-toggle:focus {
    background-color: var(--color-2) !important;
    border: 1px solid var(--color-2) !important;
    color: var(--color-1) !important;
}

/* Wizard Navigation Styles */
.wizard-nav .step-icon {
    background-color: #ffffff !important;
    color: #000000 !important;
    font-weight: bold !important;
}

.wizard-nav .step-icon.active {
    background-color: var(--color-1) !important;
    color: var(--color-cta-text) !important;
}

.wizard-nav .step-icon.completed {
    background-color: var(--color-1) !important;
    color: var(--color-cta-text) !important;
}

/* Alert Primary - Change to Light Green */
.alert-primary {
    background-color: rgba(85, 216, 142, 0.1) !important;
    border-color: var(--color-1) !important;
    color: #000000 !important;
}

.alert-primary .alert-link {
    color: var(--color-1) !important;
}

/* All Checkboxes - Green instead of Blue */
.form-check-input:checked {
    background-color: var(--color-1) !important;
    border-color: var(--color-1) !important;
}

.form-check-input:focus {
    border-color: var(--color-1) !important;
    box-shadow: 0 0 0 0.25rem rgba(85, 216, 142, 0.25) !important;
}

.form-check-input {
    border-color: var(--color-1) !important;
}

/* Radio buttons also green */
.form-check-input[type="radio"]:checked {
    background-color: var(--color-1) !important;
    border-color: var(--color-1) !important;
}

/* Switch toggles green */
.form-switch .form-check-input:checked {
    background-color: var(--color-1) !important;
    border-color: var(--color-1) !important;
}

.form-switch .form-check-input:focus {
    border-color: var(--color-1) !important;
    box-shadow: 0 0 0 0.25rem rgba(85, 216, 142, 0.25) !important;
}

.form-switch .form-check-input {
    border-color: var(--color-1) !important;
}

/* Additional form input styles for completeness */
.form-check-input:not(:checked) {
    background-color: #ffffff !important;
    border-color: var(--color-1) !important;
}

.form-check-input[type="checkbox"]:indeterminate {
    background-color: var(--color-1) !important;
    border-color: var(--color-1) !important;
}

/* Chat specific styles */
.chat-input, #txt-search {
    border: 2px solid var(--color-1) !important;
}

.chat-input:focus, #txt-search:focus {
    border-color: var(--color-1) !important;
    box-shadow: 0 0 0 0.25rem rgba(85, 216, 142, 0.25) !important;
}

/* Patient email in chat */
.chat-list p[style*="color: var(--color-1)"] {
    color: var(--color-1) !important;
}

/* Bootstrap button overrides - unified green */
.btn-primary{
    --bs-btn-bg:var(--color-1);
    --bs-btn-border-color:var(--color-1);
    --bs-btn-hover-bg:color-mix(in srgb, var(--color-1) 82%, #000000);
    --bs-btn-hover-border-color:color-mix(in srgb, var(--color-1) 82%, #000000);
    --bs-btn-active-bg:color-mix(in srgb, var(--color-1) 82%, #000000);
    --bs-btn-active-border-color:color-mix(in srgb, var(--color-1) 82%, #000000);
    --bs-btn-disabled-bg:var(--color-1);
    --bs-btn-disabled-border-color:color-mix(in srgb, var(--color-1) 65%, #ffffff);
}

.btn-success{
    --bs-btn-bg:var(--color-1);
    --bs-btn-border-color:var(--color-1);
    --bs-btn-hover-bg:color-mix(in srgb, var(--color-1) 82%, #000000);
    --bs-btn-hover-border-color:color-mix(in srgb, var(--color-1) 82%, #000000);
    --bs-btn-active-bg:color-mix(in srgb, var(--color-1) 82%, #000000);
    --bs-btn-active-border-color:color-mix(in srgb, var(--color-1) 82%, #000000);
    --bs-btn-disabled-bg:var(--color-1);
    --bs-btn-disabled-border-color:var(--color-1);
}

.btn-outline-primary{
    --bs-btn-color:var(--color-1);
    --bs-btn-border-color:var(--color-1);
    --bs-btn-hover-bg:var(--color-1);
    --bs-btn-hover-border-color:var(--color-1);
    --bs-btn-hover-color:var(--color-cta-text);
}

.btn-secondary{
    --bs-btn-color:var(--color-1);
    --bs-btn-bg:#ffffff;
    --bs-btn-border-color:var(--color-1);
    --bs-btn-hover-bg:var(--color-1);
    --bs-btn-hover-border-color:var(--color-1);
    --bs-btn-hover-color:var(--color-cta-text);
    --bs-btn-active-bg:var(--color-1);
    --bs-btn-active-border-color:var(--color-1);
    --bs-btn-disabled-bg:#ffffff;
    --bs-btn-disabled-border-color:var(--color-1);
    border-width: 2px !important;
}

/* Soft secondary styled as inverse too, with explicit border */
.btn-soft-secondary{
    color: var(--color-1) !important;
    background-color: #ffffff !important;
    border: 2px solid var(--color-1) !important;
}

.btn-soft-secondary:hover,
.btn-soft-secondary:active,
.btn-soft-secondary:focus{
    color: var(--color-cta-text) !important;
    background-color: var(--color-1) !important;
    border-color: var(--color-1) !important;
}

/*Modals*/
.modal-header, .modal-footer {
    background-color: var(--color-2);
}

/*Custom Borders*/
.custom-gray-border {
    border: 1px solid var(--color-4);    
    margin-top: 8px;
    border-radius: 8px;
}

/*Check boxes*/
input[type="checkbox"], input[type="radio"] {
  accent-color: var(--color-1); /* Changes the interior color when checked */
}