/* Importo i font*/
@font-face {
    font-family: 'Segoe UI';
    src: local('Segoe UI Light'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff2) format('woff2'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff) format('woff'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.ttf) format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: 'Segoe UI';
    src: local('Segoe UI Semilight'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff2) format('woff2'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff) format('woff'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.ttf) format('truetype');
    font-weight: 200;
}

@font-face {
    font-family: 'Segoe UI';
    src: local('Segoe UI'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2) format('woff2'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff) format('woff'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf) format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Segoe UI';
    src: local('Segoe UI Semibold'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff2) format('woff2'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff) format('woff'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.ttf) format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Segoe UI';
    src: local('Segoe UI Bold'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff2) format('woff2'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff) format('woff'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.ttf) format('truetype');
    font-weight: 700;
}

:root {
    /* ========================================================================
       LEGACY COLOR VARIABLES - Mapped to new theme system
       These variables are DEPRECATED. Please use the new theme variables
       from ChatThemes.css (--bg-*, --text-*, --accent-*, etc.)
       ======================================================================== */

    /* Background colors - mapped to new theme system */
    --gray-white: var(--bg-tertiary);        /* #F3F4F6 in default theme */
    --mid-white: var(--bg-secondary);        /* #F8F9FA in default theme */
    --full-white: var(--bg-primary);         /* #FFFFFF in default theme */

    /* Accent colors - mapped to current theme accent */
    --light-blue: var(--accent-primary);     /* Theme-specific accent color */
    --light-green: var(--accent-primary);    /* Theme-specific accent color */
    --dark-green: var(--accent-secondary);   /* Theme-specific darker accent */

    /* Text colors - mapped to new theme system */
    --black-green: var(--text-primary);      /* #1F2937 in default theme */

    /* Border colors */
    --white-blue: var(--accent-light);       /* Light accent color */
    --white-orange: var(--accent-light);     /* Light accent color */
    --white-green: var(--accent-light);      /* Light accent color */

    /* Special colors (keep as-is for now, specific to login) */
    --light-orange: #FFA17A;
    --dark-orange: #AE1313;
    --background-login: #0a8580;
    --background-login-hover: #4da6a3;

    /* ========================================================================
       TYPOGRAPHY VARIABLES - Keep as-is
       These are application-specific and don't need to be mapped to themes
       ======================================================================== */

    --ChatAnd-font-family-segoe-ui: Segoe UI;
    --ChatAnd-font-style-normal: normal;
    --ChatAnd-font-weight-300: 300;
    --ChatAnd-font-weight-600: 600;
    --ChatAnd-font-weight-normal: normal;
    --ChatAnd-font-weight-bold: bold;
    --ChatAnd-font-size-13: 13px;
    --ChatAnd-font-size-15: 15px;
    --ChatAnd-font-size-20: 20px;
    --ChatAnd-font-size-25: 25px;
    --ChatAnd-font-size-35: 35px;
    --ChatAnd-character-spacing-0: 0px;
    --ChatAnd-character-spacing-0-13: 0.13px;
    --ChatAnd-character-spacing-0-2: 0.2px;
    --ChatAnd-character-spacing-0-15: 0.15px;
    --ChatAnd-character-spacing-0-25: 0.25px;
    --ChatAnd-character-spacing-0-35: 0.35px;
    --ChatAnd-line-spacing-16: 16px;
    --ChatAnd-line-spacing-18: 18px;
    --ChatAnd-line-spacing-24: 24px;
    --ChatAnd-line-spacing-30: 30px;
    --ChatAnd-line-spacing-42: 42px;
    --ChatAnd-decoration-underline: underline;
    --ChatAnd-text-transform-uppercase: uppercase;
    --distance-to-top: 60px;
}

/* Character Styles */
.p-variant {
    font-family: var(--ChatAnd-font-family-segoe-ui);
    font-style: var(--ChatAnd-font-style-normal);
    font-weight: var(--ChatAnd-font-weight-300);
    font-size: var(--ChatAnd-font-size-15);
    line-height: var(--ChatAnd-line-spacing-18);
    letter-spacing: var(--ChatAnd-character-spacing-0);
    color: var(--black-green);
}

.sub-2 {
    font-family: var(--ChatAnd-font-family-segoe-ui);
    font-style: var(--ChatAnd-font-style-normal);
    font-weight: var(--ChatAnd-font-weight-normal);
    font-size: var(--ChatAnd-font-size-15);
    line-height: var(--ChatAnd-line-spacing-18);
    letter-spacing: var(--ChatAnd-character-spacing-0-15);
    color: var(--black-green);
}

.p-filters {
    font-family: var(--ChatAnd-font-family-segoe-ui);
    font-style: var(--ChatAnd-font-style-normal);
    font-weight: var(--ChatAnd-font-weight-300);
    font-size: var(--ChatAnd-font-size-15);
    line-height: var(--ChatAnd-line-spacing-18);
    letter-spacing: var(--ChatAnd-character-spacing-0);
    color: var(--dark-green);
}

.table-header {
    font-family: var(--ChatAnd-font-family-segoe-ui);
    font-style: var(--ChatAnd-font-style-normal);
    font-weight: var(--ChatAnd-font-weight-600);
    font-size: var(--ChatAnd-font-size-20);
    line-height: var(--ChatAnd-line-spacing-24);
    letter-spacing: var(--ChatAnd-character-spacing-0-2);
    color: var(--black-green);
}

.button {
    font-family: var(--ChatAnd-font-family-segoe-ui);
    font-style: var(--ChatAnd-font-style-normal);
    font-weight: var(--ChatAnd-font-weight-600);
    font-size: var(--ChatAnd-font-size-13);
    line-height: var(--ChatAnd-line-spacing-16);
    letter-spacing: var(--ChatAnd-character-spacing-0-13);
    color: var(--dark-green);
    text-transform: var(--ChatAnd-text-transform-uppercase);
}

.h3-section-title {
    font-family: var(--ChatAnd-font-family-segoe-ui);
    font-style: var(--ChatAnd-font-style-normal);
    font-weight: var(--ChatAnd-font-weight-bold);
    font-size: var(--ChatAnd-font-size-25);
    line-height: var(--ChatAnd-line-spacing-30);
    letter-spacing: var(--ChatAnd-character-spacing-0-25);
    color: var(--black-green);
}

.h2-subtitle {
    font-family: var(--ChatAnd-font-family-segoe-ui);
    font-style: var(--ChatAnd-font-style-normal);
    font-weight: var(--ChatAnd-font-weight-bold);
    font-size: var(--ChatAnd-font-size-25);
    line-height: var(--ChatAnd-line-spacing-30);
    letter-spacing: var(--ChatAnd-character-spacing-0-25);
    color: var(--dark-green);
    text-transform: var(--ChatAnd-text-transform-uppercase);
}

.h1-pagina {
    font-family: var(--ChatAnd-font-family-segoe-ui);
    font-style: var(--ChatAnd-font-style-normal);
    font-weight: var(--ChatAnd-font-weight-bold);
    font-size: var(--ChatAnd-font-size-35);
    line-height: var(--ChatAnd-line-spacing-42);
    letter-spacing: var(--ChatAnd-character-spacing-0-35);
    color: var(--dark-green);
    text-transform: var(--ChatAnd-text-transform-uppercase);
}



/* css generale per input date */
/*
Input Dates datepicker
*/

input[type="date"], .inputdate {
    position: relative;
cursor:pointer !important;
}

    input[type="date"]:hover:after {
        color: #bf1400;
    }

    input[type="date"]::-webkit-calendar-picker-indicator {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: auto;
        height: auto;
        color: transparent;
        background: transparent;
    }

    input[type="date"]::-webkit-inner-spin-button {
        z-index: 1;
    }

    input[type="date"]::-webkit-clear-button {
        z-index: 1;
    }