/* When set it indicates a dirty data in the page, is page has unsaved changes and needs saving */
.header-dirty-bar {
    position: absolute;
    top: 0;
    right: 0;
    width: 4px;
    height: 100%;
    background-color: var(--rz-primary-light);
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    cursor: help;
    z-index: 10;
}



/* Notifications with outline colours, not solid */

 /*--- Card background stays neutral ---*/ 
.rz-notification .rz-notification-item {
    /*background-color: var(--rz-panel-background, #ffffff) !important;*/
    border: 2px solid transparent !important;
    border-radius: 6px;
    padding: 0.6rem 0.9rem;
    box-shadow: none;
}

 /*--- Border colour per severity ---*/ 
.rz-notification-success .rz-notification-item {
    border-color: var(--rz-success) !important;
    background-color: var(--rz-success-lighter) !important;
}

.rz-notification-info .rz-notification-item {
    border-color: var(--rz-info) !important;
    background-color: var(--rz-info-lighter) !important;
}

.rz-notification-warning .rz-notification-item {
    border-color: var(--rz-warning) !important;
    background-color: var(--rz-warning-lighter) !important;
}

.rz-notification-error .rz-notification-item {
    border-color: var(--rz-danger) !important;
    background-color: var(--rz-danger-lighter) !important;
}

/* --- Text stays neutral --- */
.rz-notification-title {
    color: var(--rz-text-title, #1f2937) !important;
    font-weight: 600;
}

.rz-notification-content {
    color: var(--rz-text-body, #374151) !important;
}

 /* --- Icon keeps severity colour --- */
.rz-notification-success .rz-notification-icon {
    color: var(--rz-success) !important;
}

.rz-notification-info .rz-notification-icon {
    color: var(--rz-info) !important;
}

.rz-notification-warning .rz-notification-icon {
    color: var(--rz-warning) !important;
}

.rz-notification-error .rz-notification-icon {
    color: var(--rz-danger) !important;
}

 /*--- Close button: neutral → severity on hover --- */
.rz-notification-close {
    color: var(--rz-text-muted, #6b7280) !important;
}

.rz-notification-success .rz-notification-close:hover {
    color: var(--rz-success) !important;
}

.rz-notification-info .rz-notification-close:hover {
    color: var(--rz-info) !important;
}

.rz-notification-warning .rz-notification-close:hover {
    color: var(--rz-warning) !important;
}

.rz-notification-error .rz-notification-close:hover {
    color: var(--rz-danger) !important;
}


/* Notifications with outline colours, not solid - END */



.rz-textarea::placeholder {
    /*color: #adb5bd;*/
    color: var(--rz-base-300);
    letter-spacing: 0.5px;
}

.validation-message {
    color: #ff0000;
    font-weight: 600;
    font-style: italic;
    font-size: 0.9em;
}

.invalid {
    border: 1px solid #ff0000;
}

@media (max-width: 1024px) {
    .auth-first-column {
        height: 120px !important; /* Adjust this value as needed */
    }

    .auth-wc-text {
        margin-bottom: 5px !important;
        margin-top: 1px !important /* Adjust this value as needed */
    }

    .auth-first-card {
        padding: 0px !important; /* Adjust this value as needed */
    }
}


/*@media (max-width: 600px) {*/
@media (max-width: 1024px) {
    .hide-on-small-screen {
        display: none !important;
    }
}

.rz-tabview-panels .rz-tabview-panel{
    padding:0.5rem;
}

.rz-dialog-content {
    background: var(--rz-white) !important;
}
.rz-dialog-titlebar {
    background: var(--rz-white) !important;
}

/* Disabled menu items: keep their normal background and only gray the foreground. */
.rz-panel-menu .rz-navigation-item.rz-state-disabled {
    opacity: 1 !important;
}

.rz-panel-menu .rz-state-disabled,
.rz-panel-menu .rz-state-disabled * {
    color: var(--rz-text-muted, #808080) !important;
}