/* ============================================================
   TDCX Custom Radzen Theme Overrides
   These variables override the official Radzen CSS.
   The rest of the styles are loaded from Radzen.Blazor.
   ============================================================ */

:root {
    --rz-white: #ffffff;
    --rz-black: #000000;
    --rz-base-50: #fafafa;
    --rz-base-100: #f5f5f5;
    --rz-base-200: #eeeeee;
    --rz-base-300: #e0e0e0;
    --rz-base-400: #bdbdbd;
    --rz-base-500: #9e9e9e;
    --rz-base-600: #757575;
    --rz-base-700: #616161;
    --rz-base-800: #424242;
    --rz-base-900: #212121;

    --rz-primary: #2a3042;
    --rz-primary-light: #495472;
    --rz-primary-lighter: #c0c0c0;
    --rz-primary-dark: #1d212e;
    --rz-primary-darker: #191d27;

    --rz-secondary: #ff7c43;
    --rz-secondary-light: #fdcb60;
    --rz-secondary-lighter: #f7d385;
    --rz-secondary-dark: #fa5014;
    --rz-secondary-darker: #f34609;

    --rz-info: #2196f3;
    --rz-info-light: #4dabf5;
    --rz-info-lighter: rgba(33, 150, 243, 0.2);
    --rz-info-dark: #1a78c2;
    --rz-info-darker: #1666a5;

    --rz-success: #4caf50;
    --rz-success-light: #70bf73;
    --rz-success-lighter: rgba(76, 175, 80, 0.16);
    --rz-success-dark: #3d8c40;
    --rz-success-darker: #347736;

    --rz-warning: #ff9800;
    --rz-warning-light: #ffad33;
    --rz-warning-lighter: rgba(255, 152, 0, 0.2);
    --rz-warning-dark: #cc7a00;
    --rz-warning-darker: #ad6700;

    --rz-danger: #f44336;
    --rz-danger-light: #f6695e;
    --rz-danger-lighter: rgba(244, 67, 54, 0.2);
    --rz-danger-dark: #c3362b;
    --rz-danger-darker: #a62e25;

    --rz-on-primary: #ffffff;
    --rz-on-primary-light: #ffffff;
    --rz-on-primary-lighter: #4340D2;
    --rz-on-primary-dark: #ffffff;
    --rz-on-primary-darker: #ffffff;

    --rz-on-secondary: #ffffff;
    --rz-on-secondary-light: #ffffff;
    --rz-on-secondary-lighter: #e91e63;
    --rz-on-secondary-dark: #ffffff;
    --rz-on-secondary-darker: #ffffff;

    --rz-on-info: #ffffff;
    --rz-on-info-light: #ffffff;
    --rz-on-info-lighter: #2196f3;
    --rz-on-info-dark: #ffffff;
    --rz-on-info-darker: #ffffff;

    --rz-on-success: #ffffff;
    --rz-on-success-light: #ffffff;
    --rz-on-success-lighter: #4caf50;
    --rz-on-success-dark: #ffffff;
    --rz-on-success-darker: #ffffff;

    --rz-on-warning: #ffffff;
    --rz-on-warning-light: #ffffff;
    --rz-on-warning-lighter: #ff9800;
    --rz-on-warning-dark: #ffffff;
    --rz-on-warning-darker: #ffffff;

    --rz-on-danger: #ffffff;
    --rz-on-danger-light: #ffffff;
    --rz-on-danger-lighter: #f44336;
    --rz-on-danger-dark: #ffffff;
    --rz-on-danger-darker: #ffffff;

    --rz-series-1: #3700b3;
    --rz-series-2: #ba68c8;
    --rz-series-3: #f06292;
    --rz-series-4: #ff8a65;
    --rz-series-5: #ffee58;
    --rz-series-6: #9ccc65;
    --rz-series-7: #26a69a;
    --rz-series-8: #4fc3f7;
    --rz-series-9: #7f5cce;
    --rz-series-10: #ce93d8;
    --rz-series-11: #f48fb1;
    --rz-series-12: #ffab91;
    --rz-series-13: #fff176;
    --rz-series-14: #aed581;
    --rz-series-15: #4db6ac;
    --rz-series-16: #81d4fa;
    --rz-series-17: #a58cdd;
    --rz-series-18: #e1bee7;
    --rz-series-19: #f8bbd0;
    --rz-series-20: #ffccbc;
    --rz-series-21: #fff59d;
    --rz-series-22: #c5e1a5;
    --rz-series-23: #80cbc4;
    --rz-series-24: #b3e5fc;

    --rz-border-width: 1px;
    --rz-root-font-size: 16px;
    --rz-body-font-size: 1rem;
    --rz-body-line-height: 1.5;
    --rz-body-background-color: var(--rz-base-100);
    --rz-text-font-family: Roboto, sans-serif;
    --rz-icon-size: 1.5rem;
    --rz-icon-font-family: Material Icons;

    --rz-text-title-color: var(--rz-base-900);
    --rz-text-color: var(--rz-base-800);
    --rz-text-secondary-color: var(--rz-base-700);
    --rz-text-tertiary-color: var(--rz-base-600);
    --rz-text-disabled-color: var(--rz-base-500);
    --rz-text-contrast-color: var(--rz-white);

    --rz-link-color: var(--rz-secondary);
    --rz-link-text-decoration: none;
    --rz-link-hover-color: var(--rz-secondary-dark);
    --rz-link-hover-text-decoration: underline;

    --rz-base-background-color: var(--rz-white);

    --rz-border-white: var(--rz-border-width) solid var(--rz-white);
    --rz-border-black: var(--rz-border-width) solid var(--rz-black);
    --rz-border-base-50: var(--rz-border-width) solid var(--rz-base-50);
    --rz-border-base-100: var(--rz-border-width) solid var(--rz-base-100);
    --rz-border-base-200: var(--rz-border-width) solid var(--rz-base-200);
    --rz-border-base-300: var(--rz-border-width) solid var(--rz-base-300);
    --rz-border-base-400: var(--rz-border-width) solid var(--rz-base-400);
    --rz-border-base-500: var(--rz-border-width) solid var(--rz-base-500);
    --rz-border-base-600: var(--rz-border-width) solid var(--rz-base-600);
    --rz-border-base-700: var(--rz-border-width) solid var(--rz-base-700);
    --rz-border-base-800: var(--rz-border-width) solid var(--rz-base-800);
    --rz-border-base-900: var(--rz-border-width) solid var(--rz-base-900);
    --rz-border-primary: var(--rz-border-width) solid var(--rz-primary);
    --rz-border-primary-light: var(--rz-border-width) solid var(--rz-primary-light);
    --rz-border-primary-lighter: var(--rz-border-width) solid var(--rz-primary-lighter);
    --rz-border-primary-dark: var(--rz-border-width) solid var(--rz-primary-dark);
    --rz-border-primary-darker: var(--rz-border-width) solid var(--rz-primary-darker);
    --rz-border-secondary: var(--rz-border-width) solid var(--rz-secondary);
    --rz-border-secondary-light: var(--rz-border-width) solid var(--rz-secondary-light);
    --rz-border-secondary-lighter: var(--rz-border-width) solid var(--rz-secondary-lighter);
    --rz-border-secondary-dark: var(--rz-border-width) solid var(--rz-secondary-dark);
    --rz-border-secondary-darker: var(--rz-border-width) solid var(--rz-secondary-darker);
    --rz-border-info: var(--rz-border-width) solid var(--rz-info);
    --rz-border-info-light: var(--rz-border-width) solid var(--rz-info-light);
    --rz-border-info-lighter: var(--rz-border-width) solid var(--rz-info-lighter);
    --rz-border-info-dark: var(--rz-border-width) solid var(--rz-info-dark);
    --rz-border-info-darker: var(--rz-border-width) solid var(--rz-info-darker);
    --rz-border-success: var(--rz-border-width) solid var(--rz-success);
    --rz-border-success-light: var(--rz-border-width) solid var(--rz-success-light);
    --rz-border-success-lighter: var(--rz-border-width) solid var(--rz-success-lighter);
    --rz-border-success-dark: var(--rz-border-width) solid var(--rz-success-dark);
    --rz-border-success-darker: var(--rz-border-width) solid var(--rz-success-darker);
    --rz-border-warning: var(--rz-border-width) solid var(--rz-warning);
    --rz-border-warning-light: var(--rz-border-width) solid var(--rz-warning-light);
    --rz-border-warning-lighter: var(--rz-border-width) solid var(--rz-warning-lighter);
    --rz-border-warning-dark: var(--rz-border-width) solid var(--rz-warning-dark);
    --rz-border-warning-darker: var(--rz-border-width) solid var(--rz-warning-darker);
    --rz-border-danger: var(--rz-border-width) solid var(--rz-danger);
    --rz-border-danger-light: var(--rz-border-width) solid var(--rz-danger-light);
    --rz-border-danger-lighter: var(--rz-border-width) solid var(--rz-danger-lighter);
    --rz-border-danger-dark: var(--rz-border-width) solid var(--rz-danger-dark);
    --rz-border-danger-darker: var(--rz-border-width) solid var(--rz-danger-darker);
    --rz-border-on-primary: var(--rz-border-width) solid var(--rz-on-primary);
    --rz-border-on-primary-light: var(--rz-border-width) solid var(--rz-on-primary-light);
    --rz-border-on-primary-lighter: var(--rz-border-width) solid var(--rz-on-primary-lighter);
    --rz-border-on-primary-dark: var(--rz-border-width) solid var(--rz-on-primary-dark);
    --rz-border-on-primary-darker: var(--rz-border-width) solid var(--rz-on-primary-darker);
    --rz-border-on-secondary: var(--rz-border-width) solid var(--rz-on-secondary);
    --rz-border-on-secondary-light: var(--rz-border-width) solid var(--rz-on-secondary-light);
    --rz-border-on-secondary-lighter: var(--rz-border-width) solid var(--rz-on-secondary-lighter);
    --rz-border-on-secondary-dark: var(--rz-border-width) solid var(--rz-on-secondary-dark);
    --rz-border-on-secondary-darker: var(--rz-border-width) solid var(--rz-on-secondary-darker);
    --rz-border-on-info: var(--rz-border-width) solid var(--rz-on-info);
    --rz-border-on-info-light: var(--rz-border-width) solid var(--rz-on-info-light);
    --rz-border-on-info-lighter: var(--rz-border-width) solid var(--rz-on-info-lighter);
    --rz-border-on-info-dark: var(--rz-border-width) solid var(--rz-on-info-dark);
    --rz-border-on-info-darker: var(--rz-border-width) solid var(--rz-on-info-darker);
    --rz-border-on-success: var(--rz-border-width) solid var(--rz-on-success);
    --rz-border-on-success-light: var(--rz-border-width) solid var(--rz-on-success-light);
    --rz-border-on-success-lighter: var(--rz-border-width) solid var(--rz-on-success-lighter);
    --rz-border-on-success-dark: var(--rz-border-width) solid var(--rz-on-success-dark);
    --rz-border-on-success-darker: var(--rz-border-width) solid var(--rz-on-success-darker);
    --rz-border-on-warning: var(--rz-border-width) solid var(--rz-on-warning);
    --rz-border-on-warning-light: var(--rz-border-width) solid var(--rz-on-warning-light);
    --rz-border-on-warning-lighter: var(--rz-border-width) solid var(--rz-on-warning-lighter);
    --rz-border-on-warning-dark: var(--rz-border-width) solid var(--rz-on-warning-dark);
    --rz-border-on-warning-darker: var(--rz-border-width) solid var(--rz-on-warning-darker);
    --rz-border-on-danger: var(--rz-border-width) solid var(--rz-on-danger);
    --rz-border-on-danger-light: var(--rz-border-width) solid var(--rz-on-danger-light);
    --rz-border-on-danger-lighter: var(--rz-border-width) solid var(--rz-on-danger-lighter);
    --rz-border-on-danger-dark: var(--rz-border-width) solid var(--rz-on-danger-dark);
    --rz-border-on-danger-darker: var(--rz-border-width) solid var(--rz-on-danger-darker);

    --rz-border-normal: var(--rz-border-width) solid var(--rz-base-400);
    --rz-border-hover: var(--rz-border-width) solid var(--rz-base-900);
    --rz-border-focus: var(--rz-border-width) solid var(--rz-primary);
    --rz-border-disabled: var(--rz-border-width) solid var(--rz-base-300);

    --rz-border-radius: 4px;
    --rz-border-radius-0: 0;
    --rz-border-radius-1: 0.25rem;
    --rz-border-radius-2: 0.5rem;
    --rz-border-radius-3: 0.75rem;
    --rz-border-radius-4: 1rem;
    --rz-border-radius-5: 1.25rem;
    --rz-border-radius-6: 1.5rem;
    --rz-border-radius-7: 1.75rem;
    --rz-border-radius-8: 2rem;
    --rz-border-radius-9: 2.25rem;
    --rz-border-radius-10: 2.5rem;
}

/* Helper classes for text colors */
.rz-text-title-color { color: var(--rz-base-900) !important; }
.rz-text-color { color: var(--rz-base-800) !important; }
.rz-text-secondary-color { color: var(--rz-base-700) !important; }
.rz-text-tertiary-color { color: var(--rz-base-600) !important; }
.rz-text-disabled-color { color: var(--rz-base-500) !important; }
.rz-text-contrast-color { color: var(--rz-white) !important; }

.rz-border-radius { border-radius: var(--rz-border-radius) !important; }
.rz-border-radius-0 { border-radius: var(--rz-border-radius-0) !important; }
.rz-border-radius-1 { border-radius: var(--rz-border-radius-1) !important; }
.rz-border-radius-2 { border-radius: var(--rz-border-radius-2) !important; }

/* Custom Animations & responsive tweaks from your original style.css */
@media (max-width: 768px) {
    .rz-paginator {
        display: grid;
        grid-column-gap: 0.5rem;
        grid-row-gap: 1rem;
        grid-template-columns: repeat(9, 1fr);
        text-align: center;
    }
    .rz-paginator-summary { grid-column: 1/10; padding: 0 !important; text-align: left; }
    .rz-paginator-first { grid-column: 1/3; margin: 0 !important; }
    .rz-paginator-prev { grid-column: 3/5; margin: 0 !important; }
    .rz-paginator-pages { grid-column: 5/6; margin: 0 !important; }
    .rz-paginator-next { grid-column: 6/8; margin: 0 !important; }
    .rz-paginator-last { grid-column: 8/10; margin: 0 !important; }
    .rz-paginator .rz-dropdown { grid-column: 1/4; width: auto; margin: 0 !important; text-align: left; }
    .rz-paginator .rz-pagesize-text { grid-column: 4/10; margin: 0 !important; text-align: left; }
}

#breathing {
    -webkit-animation: breathing 5s ease-out infinite normal;
    animation: breathing 5s ease-out infinite normal;
    -webkit-font-smoothing: antialiased;
}

@-webkit-keyframes breathing {
    0% { -webkit-transform: scale(0.9); transform: scale(0.9); }
    25% { -webkit-transform: scale(1); transform: scale(1); }
    60% { -webkit-transform: scale(0.9); transform: scale(0.9); }
    100% { -webkit-transform: scale(0.9); transform: scale(0.9); }
}

@keyframes breathing {
    0% { transform: scale(0.9); }
    25% { transform: scale(1); }
    60% { transform: scale(0.9); }
    100% { transform: scale(0.9); }
}

/* Modern Marquee Implementation */
.modern-marquee {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}

.modern-marquee-content {
    display: inline-block;
    padding-left: 100%;
    animation: marquee-scroll 30s linear infinite;
    cursor: default;
}

.modern-marquee:hover .modern-marquee-content {
    animation-play-state: paused;
}

@keyframes marquee-scroll {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

/* Tootip */
.custom-tooltip .rz-tooltip-content {
    padding: 10px 12px;
}