/* /Features/Auth/FirstLoginInvited.razor.rz.scp.css */
/* /Features/Auth/FirstLoginOrganization.razor.rz.scp.css */
/* /Features/Auth/Login.razor.rz.scp.css */
/* Login page now uses the global V2 design-system classes
   (.field, .input, .input-icon, .btn, .checkbox, .divider, etc.)
   defined in wwwroot/css/mts-components.css. No page-specific styles needed. */
/* /Features/Auth/PasswordReset.razor.rz.scp.css */
/* /Features/Auth/Signup.razor.rz.scp.css */
/* Signup page now uses the global V2 design-system classes
   (.field, .input, .input-icon, .pw-field, .btn, .checkbox, .divider, etc.)
   defined in wwwroot/css/mts-components.css. No page-specific styles needed. */
/* /Features/Auth/SpecifyEmail.razor.rz.scp.css */
/* /Features/Auth/ValidateEmail.razor.rz.scp.css */
footer[b-23648aqbwg] {
    position: absolute;
    width: 100%;
    position: fixed;
    bottom: 0;
}

    footer div[b-23648aqbwg] {
        display: flex;
        justify-content: center;
        vertical-align: bottom;
    }

a[b-23648aqbwg] {
    text-decoration: none;
    margin-left: 10px;
    color: #007AFF;
}

.EmailSpecification-Div[b-23648aqbwg] {
    width: 500px;
    height: 280px;
    background-color: #FFFFFF;
    display: grid;
    box-shadow: 0px 4px 8px #8E8E8E;
    border-radius: 12px;
}

.Login-Content[b-23648aqbwg] {
    width: 350px;
    margin: 0px auto 0px auto;
}

.Separator[b-23648aqbwg] {
    background: #F2F2F2;
    width: 100%;
    height: 5px;
    border-radius: 12px;
    margin: 25px auto 25px auto;
}

h1[b-23648aqbwg] {
    font-size: 40px;
    font-weight: bold;
    color: #8A8A8E;
    margin: 0px 0px 40px 0px;
    width:450px;
}

p[b-23648aqbwg] {
    margin: 0px 0px 0px 10px;
}

.MTSInput[b-23648aqbwg] {
    background-color: #F2F3F4;
    border: 1px solid #007AFF;
    color: #262626;
    width: 350px;
    height: 47px;
    font-size: 32px;
    margin: 11px auto 11px auto;
    padding-left: 10px;
}

.MTSInputToRed[b-23648aqbwg] {
    background-color: #F2F3F4;
    border: 1px solid #EF4743;
    color: #262626;
    width: 350px;
    height: 47px;
    font-size: 32px;
    margin: 11px auto 11px auto;
    padding-left: 10px;
}

.MTS-Buttons[b-23648aqbwg] {
    display: block;
    font-weight: normal;
    font-size: 20px;
    border-radius: 12px;
    margin: 20px auto 20px auto;
    border: none;
    cursor: pointer;
    width: 350px;
    height: 50px;
    font-size: 24px;
    font-weight: 500;
}

.MTS-Green-Buttons[b-23648aqbwg] {
    background: #EFF9F2;
    color: #2DB55D;
}

    .MTS-Green-Buttons:hover[b-23648aqbwg] {
        box-shadow: 0px 4px 8px #8E8E8E;
    }


.MTS-Red-Buttons[b-23648aqbwg] {
    background: #FDE4E3;
    color: #EF4743;
}

    .MTS-Red-Buttons:hover[b-23648aqbwg] {
        box-shadow: 0px 4px 8px #8E8E8E;
    }
.MTS-Gray-Buttons[b-23648aqbwg] {
    background: #F2F3F4;
    color: #676767;
}

    .MTS-Gray-Buttons:hover[b-23648aqbwg] {
        background: #E5E6E8;
        color: #262626;
        box-shadow: 0px 4px 8px #8E8E8E;
    }


input[type=checkbox].MTSCheckBox[b-23648aqbwg] {
    position: relative;
    cursor: pointer;
    width: 0px;
    height: 0px;
    left: -22px;
    top: 2px;
}

    input[type=checkbox].MTSCheckBox:checked[b-23648aqbwg]:before {
        content: "";
        display: block;
        position: absolute;
        width: 20px;
        height: 20px;
        border: 1px solid #007AFF;
        border-radius: 20px;
        background-color: #F2F3F4;
        transition: all 0.2s linear;
    }

    input[type=checkbox].MTSCheckBox[b-23648aqbwg]:before {
        content: "";
        display: block;
        position: absolute;
        width: 20px;
        height: 20px;
        border: 1px solid #007AFF;
        border-radius: 3px;
        background-color: #F2F3F4;
    }


    input[type=checkbox].MTSCheckBox[b-23648aqbwg]:after {
        content: "";
        display: block;
        width: 0px;
        height: 0px;
        border: 1px solid #FFA116; /*--highlighted-fr*/
        border-width: 0 0px 0px 0;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        position: absolute;
        top: 0px;
        left: 25px;
        transition: all 0.2s linear;
    }

    input[type=checkbox].MTSCheckBox:checked[b-23648aqbwg]:after {
        content: "";
        display: block;
        width: 8px;
        height: 16px;
        border: 1px solid #FFA116; /*--highlighted-fr*/
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 0px;
        left: 7px;
    }

.toggle-container[b-23648aqbwg] {
    display: flex;
    margin-left: 32px;
}
/* /Features/Customers/Client.razor.rz.scp.css */
.MotherPage[b-1ceh44uvhm] {
    font-family: Quicksand;
    height: auto;
    max-height: 100%;
    width: 100%;
    text-align: left;
}
/* /Features/Customers/CustomerListView.razor.rz.scp.css */
html[b-ggadlh1a6c] {
    font-family: Quicksand;
    display: grid;
    --shadows-color: #8E8E8E;
    --page-bg: #F7F8FA;
    --component-bg: #FFFFFF;
    --list-row-bg: #F7F7F8;
    --selected-button-bg: #F2F3F4;
    --tags-bg: #E5E6E8;
    --chart-bg: #DFDFDF;
    --edit-bg: #EFF9F2;
    --name-fr: #262626;
    --foundamental-fr: #676767;
    --bold-perc-fr: #5C5C5C;
    --title-fr: #8A8A8E;
    --disabled-fr: #C4C4C6;
    --separator-fr: #F2F2F2;
    --edit-fr: #2DB55D;
    --highlighted-fr: #FFA116;
    --icon2-fr: #5AC8FA;
    --icon3-fr: #007AFF;
    --icon4-fr: #00AF9B;
    --disabled-chart4-fr: #DFF3E6;
    --focused-chart5-fr: #FFB800;
    --disabled-chart5-fr: #FFF4D9;
    --focused-chart6-fr: #EF4743;
    --disabled-chart6-fr: #FDE4E3;
    --light-header-icon-fr: #8C8C8C;
    --heavy-header-icon-fr: #BFBFBF;
    --input-border-color-fr: var(--icon3-fr);
    --filter-themeIcon-color-fr: invert(74%) sepia(18%) saturate(4905%) hue-rotate(346deg) brightness(100%) contrast(102%) drop-shadow(0px 4px 4px var(--shadows-color)); /**/
    --filter-addIcone-color-fr: invert(47%) sepia(39%) saturate(3779%) hue-rotate(143deg) brightness(96%) contrast(101%) drop-shadow(0px 4px 4px var(--shadows-color)); /*--icon4-fr*/
    --filter-stopIcon-color-fr: invert(58%) sepia(76%) saturate(7265%) hue-rotate(344deg) brightness(128%) contrast(88%) drop-shadow(0px 4px 4px var(--shadows-color)); /*--focused-chart6-fr*/
    --filter-light-header-color-fr: invert(56%) sepia(0%) saturate(0%) hue-rotate(264deg) brightness(98%) contrast(92%); /*--light-header-icon-fr*/
    --filter-search-icon-color-fr: invert(8%) sepia(7%) saturate(13%) hue-rotate(8deg) brightness(99%) contrast(84%); /*--name-fr*/
    --component-primary-color-fr: invert(99%) sepia(0%) saturate(2%) hue-rotate(77deg) brightness(104%) contrast(100%); /*--component-bg*/
}


.fullContent[b-ggadlh1a6c] {
    font-family: Quicksand;
    color: #262626;
}

table[b-ggadlh1a6c] {
    height: 30vh;
    /*max-height: 100%;*/
    overflow: auto;
    display: inline-block;
    border-radius: 12px;
    margin-bottom: 20px;
}

thead[b-ggadlh1a6c] {
    position: sticky;
    top: 0;
    border-radius: 12px;
    z-index: 5
}

p[b-ggadlh1a6c] {
    font-size: clamp(10px, 0.75vw, 14px);
}

svg[b-ggadlh1a6c] {
    max-width: 25px;
    max-height: 25px;
    min-width: 10px;
    min-height: 10px;
    width: 1vw;
    height: 1vw;
}

.ContentSessionsLi[b-ggadlh1a6c] {
    margin-top: 0%;
}

.icons[b-ggadlh1a6c] {
    cursor: pointer;
    margin: 20px 20px;
    margin-top: 25px;
    height: 50px;
    width: 50px;
}

.icons-Buttons[b-ggadlh1a6c] {
    display: grid;
    width: 18px;
    height: 18px;
    border: 0px;
    margin: auto;
}

/* V1 leftover: list-row action buttons (invoice/edit/archive) used to render
   as bright colored squares with hardcoded white icons. Restyled to match the
   V2 muted .icon-btn look (transparent, hover surface-3, color-coded on hover). */
.icons-grid[b-ggadlh1a6c] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    margin: 0;
    background-color: transparent;
    color: var(--text-2);
    cursor: pointer;
    flex: 0 0 auto;
    transition: background .12s, color .12s;
}

.icons-grid svg[b-ggadlh1a6c],
.icons-grid svg *[b-ggadlh1a6c] {
    color: inherit;
}

.icons-grid:hover[b-ggadlh1a6c] {
    background: var(--surface-3);
}

.icons-grid.isDisabled[b-ggadlh1a6c] {
    opacity: .35;
    cursor: not-allowed;
    pointer-events: none;
}

.edit-button:hover[b-ggadlh1a6c] {
    color: var(--accent);
}

.red-button:hover[b-ggadlh1a6c] {
    color: var(--negative);
}

.Green-button:hover[b-ggadlh1a6c] {
    color: var(--positive);
}

.White-Backghround[b-ggadlh1a6c] {
    width: 18px;
}

p.event_desc[b-ggadlh1a6c] {
    line-height: 14px;
    height: 30px;
    margin: 0px;
    display: table-cell;
    vertical-align: middle;
    padding: 0px 20px 0px 10px;
    text-align: start;
}

.startParag[b-ggadlh1a6c] {
    width: 10vw;
    font-weight: bold;
    margin-right: auto;
}

.startParag-Desactivated[b-ggadlh1a6c] {
    width: 10vw;
}


ul[b-ggadlh1a6c] {
    list-style-type: none;
    padding: 20px;
    margin: 0px;
}

.GridHeaderRow[b-ggadlh1a6c] {
    display: grid;
}

.GridHeaderColumn1[b-ggadlh1a6c] {
    margin: 0px 0px auto 0px;
    height: 20px;
    float: left;
}

.GridHeaderColumn2[b-ggadlh1a6c] {
    margin: 0px 0px 10px 0px;
    height: 20px;
    text-align: center;
}

.columnHeader[b-ggadlh1a6c] {
    margin-left: 0px;
    margin-right: 20px;
}

.ContentRoleGridHeader[b-ggadlh1a6c] {
    padding: 0px;
    margin: 0px;
    display: flex;
    text-align: center;
}

.ContentRoleGrid[b-ggadlh1a6c] {
    padding: 0px;
    margin: 0px;
    display: flex;
    text-align: center;
    height: 2.5vw;
    max-height: 13px;
    width: 80vw;
}

.RoleTitleGrid[b-ggadlh1a6c] {
    align-items: center;
    text-align: center;
    flex: 0 0 30%;
    box-sizing: border-box;
}

.UserCounterRole[b-ggadlh1a6c] {
    margin: 0px 20px 0px 20px;
    flex: 0 0 45%;
    box-sizing: border-box;
}

.buttonsDiv[b-ggadlh1a6c] {
    width: auto;
    margin: 0px 20px 0px 20px;
    padding: 0px 10px 0px 10px;
    margin-left: auto;
    box-sizing: border-box;
}

.roleTitle[b-ggadlh1a6c] {
    text-align: center;
    width: auto;
    font-weight: bold;
}

.IntervalStrGrid[b-ggadlh1a6c] {
    margin: 0px 20px 0px 20px;
    width: 100px;
}

td[b-ggadlh1a6c] {
    border-radius: 12px;
}

tr:nth-child(even)[b-ggadlh1a6c] {
    background: #ffffff; /*--component-bg*/
}

tr:nth-child(odd)[b-ggadlh1a6c] {
    background: #F7F7F8; /*--list-row-bg*/
}

.MTS-Buttons[b-ggadlh1a6c] {
    display: block;
    font-size: 20px;
    border-radius: 12px;
    border: 1px solid;
    cursor: pointer;
    font-size: clamp(14px, 1.5vw, 20px);
    font-weight: 500;
    margin: 10px;
    min-width: 120px;
    max-width: 300px;
    width: 50%;
    float: left;
    vertical-align: central;
    margin: 10px;
    background: #EFF9F2;
    color: #2DB55D;
}

    .MTS-Buttons:hover[b-ggadlh1a6c] {
        box-shadow: 0px 4px 4px #8E8E8E;
        font-weight: bold;
    }

.MTS-Gray-Buttons[b-ggadlh1a6c] {
    background: #F2F3F4;
    color: #676767;
}

.MTSInput[b-ggadlh1a6c] {
    background-color: #F2F3F4;
    border: 1px solid #007AFF;
    color: #262626;
    font-size: clamp(12px, 1vw, 20px);
    padding-left: 40%;
    margin: 10px;
    width: 40vw;
    min-width: 150px;
    max-width: 600px;
    height: 2vw;
    max-height: 47px;
    min-height: 20px
}

.MTS-search-grid[b-ggadlh1a6c] {
    display: flex;
    text-align: center;
    justify-content: center;
    margin: 20px auto 20px auto;
}

.search-MTS[b-ggadlh1a6c] {
    position: relative;
}

    .search-MTS[b-ggadlh1a6c]:before {
        content: "";
        position: absolute;
        margin-left: 20px;
        top: 0;
        bottom: 0;
        width: 20px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90%' height='90%' fill='currentColor' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cg color='%23262626'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/g%3E%3C/svg%3E%0A") center / contain no-repeat;
    }

.UserIcon[b-ggadlh1a6c] {
    filter: invert(51%) sepia(69%) saturate(3199%) hue-rotate(161deg) brightness(95%) contrast(102%);
    margin: -60px 60px 0px 0px;
}

.isDisabled[b-ggadlh1a6c] {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}

.HeaderContent[b-ggadlh1a6c] {
    display: flex;
    grid-template-columns: 60vw 40vw;
    grid-template-areas:
        "Left Right";
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.hHeader[b-ggadlh1a6c] {
    font-weight: bold;
    font-size: clamp(14px, 1vw, 20px);
    text-align: left;
    margin: 0px 0px 0px 40px;
}

.inputTimersDiv-CustomSelect[b-ggadlh1a6c]  select.MTS-data-selction {
    width: calc(100% - 20px) !important;
    margin: 0 10px !important;
    box-sizing: border-box;
}

.inputTimersDiv-CustomSelect[b-ggadlh1a6c]  input.MTSInputTimer {
    width: calc(100% - 20px) !important;
    margin: 0 10px !important;
    box-sizing: border-box;
}

select.MTS-data-selction[b-ggadlh1a6c] {
    width: calc(100% - 20px);
    margin: 0 10px;
    box-sizing: border-box;
    display: block;
}

div > input.MTSInputTimer[b-ggadlh1a6c] {
    width: calc(100% - 20px);
    margin: 0 10px;
    box-sizing: border-box;
}
/*----------------------SCROLL----------------------*/
[b-ggadlh1a6c]::-webkit-scrollbar {
    width: 15px;
}

[b-ggadlh1a6c]::-webkit-scrollbar-track {
    background: #F2F2F2;
}

[b-ggadlh1a6c]::-webkit-scrollbar-thumb {
    background: #FFA116;
    border-radius: 12px;
}

@media (max-width: 640px) {
    /* Stack list + detail card vertically */
    .cust-grid[b-ggadlh1a6c] {
        grid-template-columns: 1fr !important;
    }
    /* Remove min-width that forces horizontal overflow */
    .list > div[b-ggadlh1a6c] {
        min-width: 0 !important;
    }
    .list-head[b-ggadlh1a6c] {
        grid-template-columns: 1fr 90px !important;
    }
    .list-row[b-ggadlh1a6c] {
        grid-template-columns: 1fr 90px !important;
    }
    /* Keep: Customer (1), Status (3) — hide cols 2,4,5,6 */
    .list-head > :nth-child(2)[b-ggadlh1a6c],
    .list-head > :nth-child(4)[b-ggadlh1a6c],
    .list-head > :nth-child(5)[b-ggadlh1a6c],
    .list-head > :nth-child(6)[b-ggadlh1a6c],
    .list-row > :nth-child(2)[b-ggadlh1a6c],
    .list-row > :nth-child(4)[b-ggadlh1a6c],
    .list-row > :nth-child(5)[b-ggadlh1a6c],
    .list-row > :nth-child(6)[b-ggadlh1a6c] {
        display: none;
    }
}
/* /Features/Customers/CustomerModalDialog.razor.rz.scp.css */
/* /Features/Projects/ProjectListView.razor.rz.scp.css */
html[b-nkv8z4jiub] {
    font-family: Quicksand;
    display: grid;
    --shadows-color: #8E8E8E;
    --page-bg: #F7F8FA;
    --component-bg: #FFFFFF;
    --list-row-bg: #F7F7F8;
    --selected-button-bg: #F2F3F4;
    --tags-bg: #E5E6E8;
    --chart-bg: #DFDFDF;
    --edit-bg: #EFF9F2;
    --name-fr: #262626;
    --foundamental-fr: #676767;
    --bold-perc-fr: #5C5C5C;
    --title-fr: #8A8A8E;
    --disabled-fr: #C4C4C6;
    --separator-fr: #F2F2F2;
    --edit-fr: #2DB55D;
    --highlighted-fr: #FFA116;
    --icon2-fr: #5AC8FA;
    --icon3-fr: #007AFF;
    --icon4-fr: #00AF9B;
    --disabled-chart4-fr: #DFF3E6;
    --focused-chart5-fr: #FFB800;
    --disabled-chart5-fr: #FFF4D9;
    --focused-chart6-fr: #EF4743;
    --disabled-chart6-fr: #FDE4E3;
    --light-header-icon-fr: #8C8C8C;
    --heavy-header-icon-fr: #BFBFBF;
    --input-border-color-fr: var(--icon3-fr);
    --filter-themeIcon-color-fr: invert(74%) sepia(18%) saturate(4905%) hue-rotate(346deg) brightness(100%) contrast(102%) drop-shadow(0px 4px 4px var(--shadows-color)); /**/
    --filter-addIcone-color-fr: invert(47%) sepia(39%) saturate(3779%) hue-rotate(143deg) brightness(96%) contrast(101%) drop-shadow(0px 4px 4px var(--shadows-color)); /*--icon4-fr*/
    --filter-stopIcon-color-fr: invert(58%) sepia(76%) saturate(7265%) hue-rotate(344deg) brightness(128%) contrast(88%) drop-shadow(0px 4px 4px var(--shadows-color)); /*--focused-chart6-fr*/
    --filter-light-header-color-fr: invert(56%) sepia(0%) saturate(0%) hue-rotate(264deg) brightness(98%) contrast(92%); /*--light-header-icon-fr*/
    --filter-search-icon-color-fr: invert(8%) sepia(7%) saturate(13%) hue-rotate(8deg) brightness(99%) contrast(84%); /*--name-fr*/
    --component-primary-color-fr: invert(99%) sepia(0%) saturate(2%) hue-rotate(77deg) brightness(104%) contrast(100%); /*--component-bg*/
}


.fullContent[b-nkv8z4jiub] {
    font-family: Quicksand;
    color: #262626;
}

table[b-nkv8z4jiub] {
    height: 30vh;
    /*max-height: 100%;*/
    overflow: auto;
    display: inline-block;
    border-radius: 12px;
    margin-bottom: 20px;
}

thead[b-nkv8z4jiub] {
    position: sticky;
    top: 0;
    border-radius: 12px;
    z-index: 5
}

p[b-nkv8z4jiub] {
    font-size: clamp(10px, 0.75vw, 14px);
}

svg[b-nkv8z4jiub] {
    max-width: 25px;
    max-height: 25px;
    min-width: 10px;
    min-height: 10px;
    width: 1vw;
    height: 1vw;
}

.ContentSessionsLi[b-nkv8z4jiub] {
    margin-top: 0%;
}

.icons[b-nkv8z4jiub] {
    cursor: pointer;
    margin: 20px 20px;
    margin-top: 25px;
    height: 50px;
    width: 50px;
}

.icons-Buttons[b-nkv8z4jiub] {
    display: grid;
    width: 18px;
    height: 18px;
    border: 0px;
    margin: auto;
}

/* V1 leftover: list-row action buttons (invoice/edit/archive) used to render
   as bright colored squares with hardcoded white icons. Restyled to match the
   V2 muted .icon-btn look (transparent, hover surface-3, color-coded on hover). */
.icons-grid[b-nkv8z4jiub] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    margin: 0;
    background-color: transparent;
    color: var(--text-2);
    cursor: pointer;
    flex: 0 0 auto;
    transition: background .12s, color .12s;
}

.icons-grid svg[b-nkv8z4jiub],
.icons-grid svg *[b-nkv8z4jiub] {
    color: inherit;
}

.icons-grid:hover[b-nkv8z4jiub] {
    background: var(--surface-3);
}

.icons-grid.isDisabled[b-nkv8z4jiub] {
    opacity: .35;
    cursor: not-allowed;
    pointer-events: none;
}

.edit-button:hover[b-nkv8z4jiub] {
    color: var(--accent);
}

.red-button:hover[b-nkv8z4jiub] {
    color: var(--negative);
}

.Green-button:hover[b-nkv8z4jiub] {
    color: var(--positive);
}

.White-Backghround[b-nkv8z4jiub] {
    width: 18px;
}

p.event_desc[b-nkv8z4jiub] {
    line-height: 14px;
    height: 30px;
    margin: 0px;
    display: table-cell;
    vertical-align: middle;
    padding: 0px 20px 0px 10px;
    text-align: start;
}

.startParag[b-nkv8z4jiub] {
    width: 10vw;
    font-weight: bold;
    margin-right: auto;
}

.startParag-Desactivated[b-nkv8z4jiub] {
    width: 10vw;
}


ul[b-nkv8z4jiub] {
    list-style-type: none;
    padding: 20px;
    margin: 0px;
}

.GridHeaderRow[b-nkv8z4jiub] {
    display: grid;
}

.GridHeaderColumn1[b-nkv8z4jiub] {
    margin: 0px 0px auto 0px;
    height: 20px;
    float: left;
}

.GridHeaderColumn2[b-nkv8z4jiub] {
    margin: 0px 0px 10px 0px;
    height: 20px;
    text-align: center;
}

.columnHeader[b-nkv8z4jiub] {
    margin-left: 0px;
    margin-right: 20px;
}

.ContentRoleGridHeader[b-nkv8z4jiub] {
    padding: 0px;
    margin: 0px;
    display: flex;
    text-align: center;
}

.ContentRoleGrid[b-nkv8z4jiub] {
    padding: 0px;
    margin: 0px;
    display: flex;
    text-align: center;
    height: 2.5vw;
    max-height: 13px;
    width: 80vw;
}

.RoleTitleGrid[b-nkv8z4jiub] {
    align-items: center;
    text-align: center;
    flex: 0 0 30%;
    box-sizing: border-box;
}

.UserCounterRole[b-nkv8z4jiub] {
    margin: 0px 20px 0px 20px;
    flex: 0 0 38%;
    box-sizing: border-box;
}

.buttonsDiv[b-nkv8z4jiub] {
    width: auto;
    margin: 0px 20px 0px 20px;
    padding: 0px 10px 0px 10px;
    margin-left: auto;
    box-sizing: border-box;
}

.roleTitle[b-nkv8z4jiub] {
    text-align: center;
    width: auto;
    font-weight: bold;
}

.IntervalStrGrid[b-nkv8z4jiub] {
    margin: 0px 20px 0px 20px;
    width: 100px;
}

td[b-nkv8z4jiub] {
    border-radius: 12px;
}

tr:nth-child(even)[b-nkv8z4jiub] {
    background: #ffffff; /*--component-bg*/
}

tr:nth-child(odd)[b-nkv8z4jiub] {
    background: #F7F7F8; /*--list-row-bg*/
}

.MTS-Buttons[b-nkv8z4jiub] {
    display: block;
    font-size: 20px;
    border-radius: 12px;
    border: 1px solid;
    cursor: pointer;
    font-size: clamp(14px, 1.5vw, 20px);
    font-weight: 500;
    margin: 10px;
    min-width: 120px;
    max-width: 300px;
    width: 50%;
    float: left;
    vertical-align: central;
    margin: 10px;
    background: #EFF9F2;
    color: #2DB55D;
}

    .MTS-Buttons:hover[b-nkv8z4jiub] {
        box-shadow: 0px 4px 4px #8E8E8E;
        font-weight: bold;
    }

.MTS-Gray-Buttons[b-nkv8z4jiub] {
    background: #F2F3F4;
    color: #676767;
}

.MTSInput[b-nkv8z4jiub] {
    background-color: #F2F3F4;
    border: 1px solid #007AFF;
    color: #262626;
    font-size: clamp(12px, 1vw, 20px);
    padding-left: 40%;
    margin: 10px;
    width: 40vw;
    min-width: 150px;
    max-width: 600px;
    height: 2vw;
    max-height: 47px;
    min-height: 20px
}

.MTS-search-grid[b-nkv8z4jiub] {
    display: flex;
    text-align: center;
    justify-content: center;
    margin: 20px auto 20px auto;
}

.search-MTS[b-nkv8z4jiub] {
    position: relative;
}

    .search-MTS[b-nkv8z4jiub]:before {
        content: "";
        position: absolute;
        margin-left: 20px;
        top: 0;
        bottom: 0;
        width: 20px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90%' height='90%' fill='currentColor' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cg color='%23262626'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/g%3E%3C/svg%3E%0A") center / contain no-repeat;
    }

.UserIcon[b-nkv8z4jiub] {
    filter: invert(51%) sepia(69%) saturate(3199%) hue-rotate(161deg) brightness(95%) contrast(102%);
    margin: -60px 60px 0px 0px;
}

.isDisabled[b-nkv8z4jiub] {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}

.HeaderContent[b-nkv8z4jiub] {
    display: flex;
    grid-template-columns: 60vw 40vw;
    grid-template-areas:
        "Left Right";
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.hHeader[b-nkv8z4jiub] {
    font-weight: bold;
    font-size: clamp(14px, 1vw, 20px);
    text-align: left;
    margin: 0px 0px 0px 40px;
}
/*----------------------SCROLL----------------------*/
[b-nkv8z4jiub]::-webkit-scrollbar {
    width: 15px;
}

[b-nkv8z4jiub]::-webkit-scrollbar-track {
    background: #F2F2F2;
}

[b-nkv8z4jiub]::-webkit-scrollbar-thumb {
    background: #FFA116;
    border-radius: 12px;
}

@media (max-width: 640px) {
    /* Remove min-width that forces horizontal overflow */
    .list > div[b-nkv8z4jiub] {
        min-width: 0 !important;
    }
    .list-head[b-nkv8z4jiub] {
        grid-template-columns: 1fr 90px !important;
    }
    .list-row[b-nkv8z4jiub] {
        grid-template-columns: 1fr 90px !important;
    }
    /* Keep: Project (1), Actions (7) — hide cols 2,3,4,5,6 */
    .list-head > :nth-child(2)[b-nkv8z4jiub],
    .list-head > :nth-child(3)[b-nkv8z4jiub],
    .list-head > :nth-child(4)[b-nkv8z4jiub],
    .list-head > :nth-child(5)[b-nkv8z4jiub],
    .list-head > :nth-child(6)[b-nkv8z4jiub],
    .list-row > :nth-child(2)[b-nkv8z4jiub],
    .list-row > :nth-child(3)[b-nkv8z4jiub],
    .list-row > :nth-child(4)[b-nkv8z4jiub],
    .list-row > :nth-child(5)[b-nkv8z4jiub],
    .list-row > :nth-child(6)[b-nkv8z4jiub] {
        display: none;
    }
}
/* /Features/Projects/ProjectModalDialog.razor.rz.scp.css */
/* /Features/Projects/Projects.razor.rz.scp.css */
.MotherPage[b-dah7hp9p7v] {
    font-family: Quicksand;
    height: auto;
    max-height: 100%;
    width: 100%;
    text-align: left;
}
/* /Features/Projects/UserAssignedModalDialog.razor.rz.scp.css */
/* /Features/Report/Report.razor.rz.scp.css */
/* /Features/Report/TIPModalDialog.razor.rz.scp.css */
/* /Features/Settings/SettingsAdmin.razor.rz.scp.css */
/* /Features/Settings/SettingsManager.razor.rz.scp.css */
/* /Features/Settings/SettingsRoles.razor.rz.scp.css */
h3[b-uozokjepd2] {
    font-weight: bold;
    display: block;
}

h5[b-uozokjepd2] {
    font-weight: 600;
    margin: 5px;
}

.page[b-uozokjepd2] {
    font-family: Quicksand;
    background-color: #ffffff;
}

.ToCenter[b-uozokjepd2] {
    font-family: Quicksand;
    height: auto;
    max-height: 100%;
    width: 100%;
    text-align: center;
}

.MTS-Img-div[b-uozokjepd2] {
    margin: 0px 0px 10px 70px;
}

.MTS-Img[b-uozokjepd2] {
    width: 30%;
    height: 30%;
    max-width: 192px;
    max-height: 192px;
    min-width: 64px;
    min-height: 64px;
    border-radius: 15%;
}

.MTSInput[b-uozokjepd2] {
    background-color: #F2F3F4;
    border: 1px solid #007AFF;
    color: #262626;
    margin: 10px;
    width: 50%;
    min-width: 120px;
    max-width: 300px;
}

.MTSInputToRed[b-uozokjepd2] {
    background-color: #F2F3F4;
    border: 1px solid #EF4743;
    color: #262626;
    margin: 10px;
    width: 50%;
    min-width: 120px;
    max-width: 300px;
}

.MTS-Green-Buttons[b-uozokjepd2] {
    min-width: 120px;
    max-width: 300px;
    width: 50%;
    float: left;
    vertical-align: central;
    margin: 10px;
    background: #EFF9F2;
    color: #2DB55D;
    display: block;
    font-weight: normal;
    font-size: clamp(14px, 1.5vw, 20px);
    border-radius: 12px;
    border: none;
    cursor: pointer;
}

.MTS-Green-Buttons:hover[b-uozokjepd2] {
    box-shadow: 0px 4px 4px #8E8E8E;
    font-weight: bold;
}

.MTS-Empty[b-uozokjepd2] {
    color: #5C5C5C;
}
/* /Features/Settings/SettingsUser.razor.rz.scp.css */
/* /Features/Shared/CharCounter.razor.rz.scp.css */
.char-counter[b-dcih5bnbkb] {
    font-size: 0.85rem;
    margin-top: 4px;
    text-align: right;
}

    .char-counter.normal[b-dcih5bnbkb] {
        color: #6c757d; /* neutral gray */
    }

    .char-counter.warning[b-dcih5bnbkb] {
        color: #fd7e14; /* orange */
    }

    .char-counter.error[b-dcih5bnbkb] {
        color: #dc3545; /* red */
        font-weight: 600;
    }
/* /Features/Shared/CustomSelect.razor.rz.scp.css */
/* /Features/Shared/Infotip.razor.rz.scp.css */
/* Infotip styling */
.infotip-container[b-79f0y4ur4t] {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
}

.tooltip[b-79f0y4ur4t] {
    position: absolute;
    background: #333;
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    font-size: 0.875rem;
    z-index: 1000;
    width: 220px;
    white-space: normal;
    text-align: left;
    line-height: 1.4;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.infotip-container:hover .tooltip[b-79f0y4ur4t] {
    opacity: 1;
}

.tooltip-arrow[b-79f0y4ur4t] {
    position: absolute;
    width: 8px;
    height: 8px;
    background: inherit;
}

/* Position-specific styling */
.tooltip.left .tooltip-arrow[b-79f0y4ur4t] {
    right: -4px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}

.tooltip.right .tooltip-arrow[b-79f0y4ur4t] {
    left: -4px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}

.tooltip.top .tooltip-arrow[b-79f0y4ur4t] {
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
}

.tooltip.bottom .tooltip-arrow[b-79f0y4ur4t] {
    top: -4px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
}
/* /Features/Shared/Toast.razor.rz.scp.css */
/* V2 toast component - mirrors .toast in mts.css */
.toast[b-1cfvrum4jw] {
    visibility: hidden;
    position: fixed;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1300;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 18px;
    min-width: 280px;
    max-width: 90vw;
    background: var(--text);
    color: var(--bg);
    border-radius: 12px;
    box-shadow: var(--shadow-lg);
    font-family: 'Quicksand', sans-serif;
    font-size: 13.5px;
    font-weight: 600;
}

.toast svg[b-1cfvrum4jw] {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
}

.toast.show[b-1cfvrum4jw] {
    visibility: visible;
    animation: toast-fadein-b-1cfvrum4jw .3s ease;
}

.toast.success[b-1cfvrum4jw] {
    background: var(--positive);
    color: #fff;
}

.toast.error[b-1cfvrum4jw] {
    background: var(--negative);
    color: #fff;
}

.toast.info[b-1cfvrum4jw] {
    background: var(--info);
    color: #fff;
}

.toast.warning[b-1cfvrum4jw] {
    background: var(--negative-bg);
    color: var(--negative);
}

.toast .closebtn[b-1cfvrum4jw] {
    margin-left: auto;
    cursor: pointer;
    font-weight: bold;
    font-size: 18px;
    line-height: 1;
    opacity: .7;
}

.toast .closebtn:hover[b-1cfvrum4jw] {
    opacity: 1;
}

@keyframes toast-fadein-b-1cfvrum4jw {
    from {
        opacity: 0;
        bottom: 0;
    }

    to {
        opacity: 1;
        bottom: 24px;
    }
}

@media (max-width: 480px) {
    .toast[b-1cfvrum4jw] {
        left: 12px;
        right: 12px;
        transform: none;
        max-width: none;
    }
}
/* /Features/Shared/WarningModalDialog.razor.rz.scp.css */
/* Base styles for all devices */
.modal-overlay[b-ik3hft93jz] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(15,12,8,.45);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1200;
    backdrop-filter: blur(4px);
}

.modal-content[b-ik3hft93jz] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    width: 85%;
    max-width: 340px;
    box-shadow: var(--shadow-lg);
    overflow: hidden;
    animation: modal-appear-b-ik3hft93jz 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@keyframes modal-appear-b-ik3hft93jz {
    from {
        transform: scale(0.95);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

.modal-body[b-ik3hft93jz] {
    padding: 1.2rem;
    text-align: center;
}

.warning-icon[b-ik3hft93jz] {
    font-size: clamp(1.8rem, 5vw, 2.2rem);
    margin-bottom: 0.8rem;
    display: block;
}

.modal-message[b-ik3hft93jz] {
    font-size: clamp(0.9rem, 3vw, 1rem);
    line-height: 1.4;
    color: var(--text);
    margin: 0.4rem 0;
    white-space: pre-line;
}

.modal-footer[b-ik3hft93jz] {
    display: flex;
    padding: 0.8rem;
    background: var(--surface-2);
    border-top: 1px solid var(--border);
}

.btn-yes[b-ik3hft93jz], .btn-cancel[b-ik3hft93jz] {
    flex: 1;
    padding: 0.6rem 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 600;
    font-size: clamp(0.85rem, 2.8vw, 0.95rem);
    transition: all 0.2s ease;
}

.btn-yes[b-ik3hft93jz] {
    background-color: var(--negative);
    color: #fff;
    margin-right: 0.6rem;
}

    .btn-yes:hover[b-ik3hft93jz], .btn-yes:focus[b-ik3hft93jz] {
        filter: brightness(.93);
        transform: translateY(-1px);
        box-shadow: var(--shadow-sm);
    }

.btn-cancel[b-ik3hft93jz] {
    background-color: var(--positive);
    color: #fff;
}

    .btn-cancel:hover[b-ik3hft93jz], .btn-cancel:focus[b-ik3hft93jz] {
        filter: brightness(.93);
        transform: translateY(-1px);
        box-shadow: var(--shadow-sm);
    }

/* Mobile-specific optimizations */
@media (max-width: 576px) {
    .modal-content[b-ik3hft93jz] {
        width: 85%;
        max-width: 85%;
    }

    .modal-body[b-ik3hft93jz] {
        padding: 1rem;
    }

    .modal-footer[b-ik3hft93jz] {
        flex-direction: column;
        gap: 0.6rem;
        padding: 1rem;
    }

    .btn-yes[b-ik3hft93jz] {
        margin-right: 0;
        margin-bottom: 0.4rem;
    }

    .btn-yes[b-ik3hft93jz], .btn-cancel[b-ik3hft93jz] {
        padding: 0.7rem;
        width: 100%;
        font-size: 0.9rem;
    }

    .warning-icon[b-ik3hft93jz] {
        margin-bottom: 0.6rem;
    }
}

/* Desktop enhancements */
@media (min-width: 992px) {
    .modal-content[b-ik3hft93jz] {
        max-width: 320px;
    }

    .modal-body[b-ik3hft93jz] {
        padding: 1.2rem;
    }

    .warning-icon[b-ik3hft93jz] {
        margin-bottom: 0.8rem;
    }
}

/* Tablet adjustments */
@media (min-width: 577px) and (max-width: 991px) {
    .modal-content[b-ik3hft93jz] {
        max-width: 300px;
    }

    .modal-body[b-ik3hft93jz] {
        padding: 1.1rem;
    }
}
/* /Features/Tracking/SessionModalDialog.razor.rz.scp.css */
.time-row[b-4dmr6aggxo] {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 10px;
    align-items: end;
    overflow: hidden;
}

.time-row > *[b-4dmr6aggxo] {
    min-width: 0;
}

.date-field[b-4dmr6aggxo] {
    width: 100%;
    min-width: 0;
}

.time-badge[b-4dmr6aggxo] {
    padding: 11px 14px;
    background: var(--accent-bg);
    color: var(--accent-2);
    border-radius: 9px;
    white-space: nowrap;
}
/* /Features/Tracking/SessionTracked.razor.rz.scp.css */
html[b-sv21vnjxbp] {
    font-family: Quicksand;
    display: grid;
    --shadows-color: #8E8E8E;
    --page-bg: #F7F8FA;
    --component-bg: #FFFFFF;
    --list-row-bg: #F7F7F8;
    --selected-button-bg: #F2F3F4;
    --tags-bg: #E5E6E8;
    --chart-bg: #DFDFDF;
    --edit-bg: #EFF9F2;
    --name-fr: #262626;
    --foundamental-fr: #676767;
    --bold-perc-fr: #5C5C5C;
    --title-fr: #8A8A8E;
    --disabled-fr: #C4C4C6;
    --separator-fr: #F2F2F2;
    --edit-fr: #2DB55D;
    --highlighted-fr: #FFA116;
    --icon2-fr: #5AC8FA;
    --icon3-fr: #007AFF;
    --icon4-fr: #00AF9B;
    --disabled-chart4-fr: #DFF3E6;
    --focused-chart5-fr: #FFB800;
    --disabled-chart5-fr: #FFF4D9;
    --focused-chart6-fr: #EF4743;
    --disabled-chart6-fr: #FDE4E3;
    --light-header-icon-fr: #8C8C8C;
    --heavy-header-icon-fr: #BFBFBF;
    --input-border-color-fr: var(--icon3-fr);
    --filter-themeIcon-color-fr: invert(74%) sepia(18%) saturate(4905%) hue-rotate(346deg) brightness(100%) contrast(102%) drop-shadow(0px 4px 4px var(--shadows-color)); /**/
    --filter-addIcone-color-fr: invert(47%) sepia(39%) saturate(3779%) hue-rotate(143deg) brightness(96%) contrast(101%) drop-shadow(0px 4px 4px var(--shadows-color)); /*--icon4-fr*/
    --filter-stopIcon-color-fr: invert(58%) sepia(76%) saturate(7265%) hue-rotate(344deg) brightness(128%) contrast(88%) drop-shadow(0px 4px 4px var(--shadows-color)); /*--focused-chart6-fr*/
    --filter-light-header-color-fr: invert(56%) sepia(0%) saturate(0%) hue-rotate(264deg) brightness(98%) contrast(92%); /*--light-header-icon-fr*/
    --filter-search-icon-color-fr: invert(8%) sepia(7%) saturate(13%) hue-rotate(8deg) brightness(99%) contrast(84%); /*--name-fr*/
    --component-primary-color-fr: invert(99%) sepia(0%) saturate(2%) hue-rotate(77deg) brightness(104%) contrast(100%); /*--component-bg*/
}

.MotherPage[b-sv21vnjxbp] {
    text-align: left;
}

.icons[b-sv21vnjxbp] {
    cursor: pointer;
    margin: 20px 20px;
    margin-top: 25px;
    height: 50px;
    width: 50px;
}

.icons-Buttons[b-sv21vnjxbp] {
    display: grid;
    margin: auto;
    filter: invert(99%) sepia(0%) saturate(2%) hue-rotate(77deg) brightness(104%) contrast(100%); /*--component-bg*/ /*    var(--component-primary-color-fr);*/
}

.icons-grid[b-sv21vnjxbp] {
    display: flex;
    align-content: center;
    border-radius: 5px;
    cursor: pointer;
    background-color: #262626; /*var(--name-fr);*/
    margin: 2px;
    float: none;
    display: inline-block
}

    .icons-grid:hover[b-sv21vnjxbp] {
        box-shadow: 0px 1px 2px #8E8E8E; /*var(--shadows-color);*/
    }

.MTSInputToRed[b-sv21vnjxbp] {
    background-color: #F2F3F4;
    border: 1px solid #EF4743;
    color: #262626;
    margin-bottom: 1.5vh;
    padding-left: 1vw;
    font-size: clamp(14px, 1.5vw,26px);
    height: clamp(16px, 1.5vw,40px);
    width: clamp(200px, 35vw,600px);
}

.MTSInput[b-sv21vnjxbp] {
    background-color: #F2F3F4;
    border: 1px solid #007AFF;
    color: #262626;
    margin-bottom: 1.5vh;
    padding-left: 1vw;
    font-size: clamp(14px, 1.5vw,26px);
    height: clamp(16px, 1.5vw,40px);
    width: clamp(200px, 35vw,600px);
}

.MTS-data-selction[b-sv21vnjxbp] {
    background-color: #F2F3F4;
    border: 1px solid #007AFF;
    color: #262626;
    font-size: clamp(12px, 1vw,13px);
    height: clamp(17px, 1.5vw,40px);
    width: clamp(200px, 35vw,600px);
    text-align: left;
    font-weight: bold;
}

input[type=checkbox].MTSCheckBox[b-sv21vnjxbp] {
    position: absolute;
    cursor: pointer;
    width: 0px;
    height: 0px;
    left: -22px;
    top: 2px;
}

input[type=checkbox].MTSCheckBox[b-sv21vnjxbp] {
    position: absolute;
    cursor: pointer;
    width: 0;
    height: 0;
    left: -22px;
    top: 2px;
}

input[type=checkbox].MTSCheckBox:checked[b-sv21vnjxbp]:before {
    content: "";
    display: block;
    position: absolute;
    width: clamp(15px, 3vw, 20px);
    height: clamp(15px, 3vw, 20px);
    border: 1px solid #007AFF;
    border-radius: 20px;
    background-color: #F2F3F4;
    transition: all 0.2s linear;
}

input[type=checkbox].MTSCheckBox[b-sv21vnjxbp]:before {
    content: "";
    display: block;
    position: absolute;
    width: clamp(15px, 3vw, 20px);
    height: clamp(15px, 3vw, 20px);
    border: 1px solid #007AFF;
    border-radius: 3px;
    background-color: #F2F3F4;
}

input[type=checkbox].MTSCheckBox[b-sv21vnjxbp]:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 1px solid #FFA116;
    border-width: 0 0 0 0;
    transform: rotate(180deg);
    position: absolute;
    top: 0;
    left: 25px;
    transition: all 0.2s linear;
}

input[type=checkbox].MTSCheckBox:checked[b-sv21vnjxbp]:after {
    content: "";
    display: block;
    width: clamp(6px, 1.5vw, 8px);
    height: clamp(12px, 3vw, 16px);
    border: 1px solid #FFA116;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    left: 7px;
}

/* ===== V2 reskin (visual only — structure/bindings unchanged) ===== */
.wrapper[b-sv21vnjxbp] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    padding: 26px 30px;
    color: var(--text);
}

.Counter[b-sv21vnjxbp] {
    font-family: 'Fira Code', ui-monospace, Consolas, monospace;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1, "zero" 1;
    font-weight: 700;
    color: var(--text);
    letter-spacing: -0.03em;
    width: auto;
}

.MTSInput[b-sv21vnjxbp],
.MTSInputToRed[b-sv21vnjxbp],
.MTS-data-selction[b-sv21vnjxbp] {
    background: var(--surface-2);
    border-radius: var(--radius-sm);
    font-family: 'Quicksand', sans-serif;
    color: var(--text);
}

.MTSInput[b-sv21vnjxbp] {
    border: 1px solid var(--border);
}

.MTSInput:focus[b-sv21vnjxbp] {
    border-color: var(--accent);
    background: var(--surface);
    box-shadow: 0 0 0 3px var(--accent-bg);
    outline: none;
}

.MTSInputToRed[b-sv21vnjxbp] {
    border: 1px solid var(--negative);
    background: var(--negative-bg);
}

.MTS-data-selction[b-sv21vnjxbp] {
    border: 1px solid var(--border);
    font-weight: 600;
    text-align: left;
}

.console-actions .rounded-circle[b-sv21vnjxbp] {
    width: 56px;
    height: 56px;
    padding: 0;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--surface-2);
    border: 1px solid var(--border);
    transition: background .12s, border-color .12s;
}

.console-actions .rounded-circle:hover:not(:disabled)[b-sv21vnjxbp] {
    background: var(--surface-3);
    border-color: var(--border-strong);
}

.console-actions .rounded-circle:disabled[b-sv21vnjxbp] {
    opacity: .5;
    cursor: not-allowed;
}

.icons-Buttons.LiveIcone[b-sv21vnjxbp],
.icons-Buttons.LiveIconeStop[b-sv21vnjxbp],
.icons-Buttons.addIcon[b-sv21vnjxbp],
.icons-Buttons.addIconDisabled[b-sv21vnjxbp] {
    height: 24px;
    width: 24px;
    min-height: 24px;
    min-width: 24px;
    max-height: 24px;
    max-width: 24px;
    margin: 0;
    filter: none;
}

.icons-Buttons.LiveIcone[b-sv21vnjxbp],
.icons-Buttons.LiveIconeStop[b-sv21vnjxbp] {
    color: currentColor;
}

.icons-Buttons.addIcon[b-sv21vnjxbp] {
    color: var(--accent);
}

.icons-Buttons.addIcon:hover[b-sv21vnjxbp] {
    filter: none;
    color: var(--accent-2);
}

.icons-Buttons.addIconDisabled[b-sv21vnjxbp] {
    color: var(--muted);
}

/* ===== Console card layout ===== */
/* Bootstrap's `.row > *{width:100%;flex-shrink:0;...}` grid rule forces every
   direct child of a V2 `.row` onto its own full-width line. Neutralize it
   here so the status pill / action buttons sit on a single line as in the
   mockup (same fix as `.auth .row > *` in mts-components.css). */
.console-top > *[b-sv21vnjxbp],
.console-actions > *[b-sv21vnjxbp] {
    width: auto;
    max-width: none;
    flex-shrink: initial;
    margin-top: 0;
}

.console-top[b-sv21vnjxbp] {
    margin-bottom: 14px;
}

.console-date[b-sv21vnjxbp] {
    letter-spacing: .08em;
}

.console-cancel[b-sv21vnjxbp] {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    background: none;
    border-radius: 6px;
    color: var(--text);
    cursor: pointer;
    flex: 0 0 auto;
    transition: color .12s, background .12s;
}

.console-cancel svg[b-sv21vnjxbp] {
    width: 16px;
    height: 16px;
}

.console-cancel:hover[b-sv21vnjxbp],
.console-cancel:focus-visible[b-sv21vnjxbp] {
    color: var(--negative);
    background: var(--negative-bg);
}

.console-timer[b-sv21vnjxbp] {
    display: block;
    font-size: clamp(48px, 9vw, 108px);
    line-height: 1.05;
    margin: 8px 0 0;
    letter-spacing: -0.04em;
}

.console-timer.is-live[b-sv21vnjxbp] {
    color: var(--live);
}

.console-timer.is-idle[b-sv21vnjxbp] {
    color: var(--muted);
}

.console-details[b-sv21vnjxbp] {
    display: grid;
    grid-template-columns: 92px 1fr;
    gap: 14px;
    align-items: start;
    margin-top: 24px;
    padding: 16px 18px;
    background: var(--surface-2);
    border: 1px solid var(--border);
    border-radius: 10px;
}

.console-details .label[b-sv21vnjxbp] {
    padding-top: 4px;
}

.console-detail-value[b-sv21vnjxbp] {
    position: relative;
}

.console-detail-value .MTSInput[b-sv21vnjxbp],
.console-detail-value .MTSInputToRed[b-sv21vnjxbp],
.console-detail-value .MTS-data-selction[b-sv21vnjxbp] {
    width: 100%;
    margin-bottom: 0;
    font-size: 13.5px;
}

.project-picker[b-sv21vnjxbp] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: clamp(17px, 1.5vw, 40px);
    padding: 0 12px;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--surface-2);
    font-size: 13.5px;
    font-weight: 600;
    color: var(--text);
}

.project-picker .swatch[b-sv21vnjxbp] {
    width: 10px;
    height: 10px;
    min-width: 10px;
    border-radius: 2px;
}

.project-picker .chev[b-sv21vnjxbp] {
    margin-left: auto;
    width: 14px;
    height: 14px;
    color: var(--muted);
    flex-shrink: 0;
}

.console-detail-value .project-picker-select[b-sv21vnjxbp] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.console-actions[b-sv21vnjxbp] {
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

.console-stat[b-sv21vnjxbp] {
    text-align: right;
}

.console-stat-value[b-sv21vnjxbp] {
    font-size: 20px;
    margin-top: 4px;
}
/* /Features/Tracking/TimeTracked.razor.rz.scp.css */
html[b-ptdsvficto] {
    font-family: Quicksand;
    display: grid;
    --shadows-color: #8E8E8E;
    --page-bg: #F7F8FA;
    --component-bg: #FFFFFF;
    --list-row-bg: #F7F7F8;
    --selected-button-bg: #F2F3F4;
    --tags-bg: #E5E6E8;
    --chart-bg: #DFDFDF;
    --edit-bg: #EFF9F2;
    --name-fr: #262626;
    --foundamental-fr: #676767;
    --bold-perc-fr: #5C5C5C;
    --title-fr: #8A8A8E;
    --disabled-fr: #C4C4C6;
    --separator-fr: #F2F2F2;
    --edit-fr: #2DB55D;
    --highlighted-fr: #FFA116;
    --icon2-fr: #5AC8FA;
    --icon3-fr: #007AFF;
    --icon4-fr: #00AF9B;
    --disabled-chart4-fr: #DFF3E6;
    --focused-chart5-fr: #FFB800;
    --disabled-chart5-fr: #FFF4D9;
    --focused-chart6-fr: #EF4743;
    --disabled-chart6-fr: #FDE4E3;
    --light-header-icon-fr: #8C8C8C;
    --heavy-header-icon-fr: #BFBFBF;
    --input-border-color-fr: var(--icon3-fr);
    --filter-themeIcon-color-fr: invert(74%) sepia(18%) saturate(4905%) hue-rotate(346deg) brightness(100%) contrast(102%) drop-shadow(0px 4px 4px var(--shadows-color)); /**/
    --filter-addIcone-color-fr: invert(47%) sepia(39%) saturate(3779%) hue-rotate(143deg) brightness(96%) contrast(101%) drop-shadow(0px 4px 4px var(--shadows-color)); /*--icon4-fr*/
    --filter-stopIcon-color-fr: invert(58%) sepia(76%) saturate(7265%) hue-rotate(344deg) brightness(128%) contrast(88%) drop-shadow(0px 4px 4px var(--shadows-color)); /*--focused-chart6-fr*/
    --filter-light-header-color-fr: invert(56%) sepia(0%) saturate(0%) hue-rotate(264deg) brightness(98%) contrast(92%); /*--light-header-icon-fr*/
    --filter-search-icon-color-fr: invert(8%) sepia(7%) saturate(13%) hue-rotate(8deg) brightness(99%) contrast(84%); /*--name-fr*/
    --component-primary-color-fr: invert(99%) sepia(0%) saturate(2%) hue-rotate(77deg) brightness(104%) contrast(100%); /*--component-bg*/
}

.MotherPage[b-ptdsvficto] {
    padding-top: 20px;
    height: auto;
    max-height: 100%;
    width:100%;
    text-align:center;
}

.Separator[b-ptdsvficto] {
    margin: 25px 0 25px 0;
    background: var(--border);
    width: 100%;
    height: 1px;
    min-height: 1px;
    max-height: 1px;
    border-radius: 0;
}

/* ===== V2 layout: console + log on the left, summary rail on the right ===== */
.tracking-grid[b-ptdsvficto] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
    text-align: left;
}

.tracking-main[b-ptdsvficto] {
    gap: 18px;
}

.tracking-rail[b-ptdsvficto] {
    gap: 14px;
}

@media (max-width: 959px) {
    .tracking-grid[b-ptdsvficto] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Tracking/TimeTrackingListView.razor.rz.scp.css */
@media (max-width: 640px) {
    .list-head[b-0w5rg3be8m] {
        grid-template-columns: 1fr 100px 70px !important;
    }
    .list-row[b-0w5rg3be8m] {
        grid-template-columns: 1fr 100px 70px !important;
    }
    /* Hide Start–End column */
    .list-head > :nth-child(2)[b-0w5rg3be8m],
    .list-row > :nth-child(2)[b-0w5rg3be8m] {
        display: none;
    }
}
/* /Features/Tracking/TrackingRevenueCard.razor.rz.scp.css */
.revenue-amount[b-22uscj2lro] {
    font-size: 36px;
    margin-top: 8px;
    letter-spacing: -0.03em;
}

.revenue-delta[b-22uscj2lro] {
    margin-top: 6px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.revenue-rule[b-22uscj2lro] {
    height: 1px;
    background: var(--border);
    margin: 16px 0;
}
/* /Features/Tracking/TrackingTodayCard.razor.rz.scp.css */
.today-card[b-k0hndewgpz] {
    position: relative;
    overflow: hidden;
}

.today-card[b-k0hndewgpz]::before {
    content: "";
    position: absolute;
    right: -30px;
    top: -30px;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: radial-gradient(circle, var(--accent-bg), transparent 70%);
}

.today-time[b-k0hndewgpz] {
    font-size: 40px;
    margin-top: 8px;
    letter-spacing: -0.03em;
}

.target-label[b-k0hndewgpz] {
    margin-top: 6px;
}

.today-bar[b-k0hndewgpz] {
    margin-top: 12px;
    height: 8px;
}
/* /Features/Tracking/TrackingTopProjectCard.razor.rz.scp.css */
.top-project-card .ellip[b-5myqy4zu2a] {
    max-width: 100%;
}
/* /Features/Tracking/TrackingWeekCard.razor.rz.scp.css */
.week-time[b-zkj18c2rsf] {
    font-size: 36px;
    margin-top: 8px;
    letter-spacing: -0.03em;
}

.week-bars[b-zkj18c2rsf] {
    margin-top: 16px;
    align-items: flex-end;
    height: 60px;
    gap: 5px;
}

.week-bar[b-zkj18c2rsf] {
    flex: 1;
    background: var(--border-strong);
    border-radius: 2px;
}

.week-bar.today[b-zkj18c2rsf] {
    background: var(--accent);
}

.week-labels[b-zkj18c2rsf] {
    margin-top: 6px;
    gap: 5px;
}

.week-day-label[b-zkj18c2rsf] {
    flex: 1;
    text-align: center;
    font-size: 9px;
    font-weight: 700;
    color: var(--faint);
}

.week-day-label.today[b-zkj18c2rsf] {
    color: var(--accent);
}
/* /Features/Users/OrganizationRolesListView.razor.rz.scp.css */
@media (max-width: 640px) {
    .list-head[b-qo7v7nvhli] {
        grid-template-columns: 1fr 60px !important;
    }
    .list-row[b-qo7v7nvhli] {
        grid-template-columns: 1fr 60px !important;
    }
    /* Keep: Role name (1), Actions (5) — hide cols 2,3,4 */
    .list-head > :nth-child(2)[b-qo7v7nvhli],
    .list-head > :nth-child(3)[b-qo7v7nvhli],
    .list-head > :nth-child(4)[b-qo7v7nvhli],
    .list-row > :nth-child(2)[b-qo7v7nvhli],
    .list-row > :nth-child(3)[b-qo7v7nvhli],
    .list-row > :nth-child(4)[b-qo7v7nvhli] {
        display: none;
    }
}
/* /Features/Users/OrganizationUsersListView.razor.rz.scp.css */
@media (max-width: 640px) {
    .list > div[b-052jyss8xv] {
        min-width: 0 !important;
    }
    .list-head[b-052jyss8xv] {
        grid-template-columns: 1fr 50px !important;
    }
    .list-row[b-052jyss8xv] {
        grid-template-columns: 1fr 50px !important;
    }
    /* Keep: Member (1), Actions (5) — hide cols 2,3,4 */
    .list-head > :nth-child(2)[b-052jyss8xv],
    .list-head > :nth-child(3)[b-052jyss8xv],
    .list-head > :nth-child(4)[b-052jyss8xv],
    .list-row > :nth-child(2)[b-052jyss8xv],
    .list-row > :nth-child(3)[b-052jyss8xv],
    .list-row > :nth-child(4)[b-052jyss8xv] {
        display: none;
    }
}
/* /Features/Users/UserModalDialog.razor.rz.scp.css */
/* /Features/Users/UserRolesListView.razor.rz.scp.css */
/* /Features/Users/UsersListView.razor.rz.scp.css */
@media (max-width: 640px) {
    /* Remove min-width that forces horizontal overflow */
    .list > div[b-32vq9l70y2] {
        min-width: 0 !important;
    }
    .list-head[b-32vq9l70y2] {
        grid-template-columns: 1fr 90px !important;
    }
    .list-row[b-32vq9l70y2] {
        grid-template-columns: 1fr 90px !important;
    }
    /* Keep: Member (1), Actions (6) — hide cols 2,3,4,5 */
    .list-head > :nth-child(2)[b-32vq9l70y2],
    .list-head > :nth-child(3)[b-32vq9l70y2],
    .list-head > :nth-child(4)[b-32vq9l70y2],
    .list-head > :nth-child(5)[b-32vq9l70y2],
    .list-row > :nth-child(2)[b-32vq9l70y2],
    .list-row > :nth-child(3)[b-32vq9l70y2],
    .list-row > :nth-child(4)[b-32vq9l70y2],
    .list-row > :nth-child(5)[b-32vq9l70y2] {
        display: none;
    }
}
/* /Pages/Home.razor.rz.scp.css */
.MotherPage[b-bjtn01eati] {
    padding-top: 20px;
    height: auto;
    max-height: 100%;
    width: 100%;
    text-align: center;
    font-family: Quicksand;
}

.Separator[b-bjtn01eati] {
    margin: 25px 0 25px 0;
    background: #F2F2F2;
    width: 100%;
    height: 5px;
    border-radius: 12px;
}
/* /Shared/LoginLayout.razor.rz.scp.css */
.brand[b-9ixo0kebr7] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    cursor: pointer;
}

.logo-div[b-9ixo0kebr7] {
    display: flex;
    align-items: center;
}

.logoContent[b-9ixo0kebr7] {
    font-size: 28px;
    font-weight: bold;
    line-height: 1;
    text-shadow: none;
}

.Logo-1[b-9ixo0kebr7] {
    color: #262626;
}

html[data-mts-theme="dark"] .Logo-1[b-9ixo0kebr7] {
    color: var(--text);
}

.Logo-2[b-9ixo0kebr7] {
    color: #FFA116;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-p029qhptfq] {
    font-family: Quicksand;
    background-color: #F7F8FA;
    width: 100%;
    overflow: auto;
    min-height: 100vh;
    height: 100%;
    display: flex;
}

body[b-p029qhptfq] {
    font-family: Quicksand;
    background-color: #ffffff;
    min-width: auto;
}

.MudAppBarClass[b-p029qhptfq] {
    background-color: var(--surface) !important;
    border-bottom: 1px solid var(--border);
    box-shadow: none !important;
    width: 100%;
    height: 62px;
    position: fixed;
    grid-column-start: auto;
    z-index: 1000;
    display: flex;
    align-items: center;
    padding-right: 24px;
}

    header div[b-p029qhptfq] {
        display: flex;
    }

[b-p029qhptfq] .mts-burger {
    display: none;
}

@media (max-width: 959px) {
    [b-p029qhptfq] .mts-burger {
        display: inline-flex;
    }
}

@media (min-width: 960px) {
    .MudAppBarClass[b-p029qhptfq] {
        left: var(--side-w);
        width: calc(100% - var(--side-w));
    }

    [b-p029qhptfq] .mud-appbar {
        left: var(--side-w) !important;
        width: calc(100% - var(--side-w)) !important;
    }

    [b-p029qhptfq] .mud-drawer {
        top: 0 !important;
        height: 100vh !important;
    }
}

.navbar[b-p029qhptfq] {
}
/* /Shared/NavMenu.razor.rz.scp.css */
@media (min-width: 0px) {
    .navbar-toggler[b-xl3va0mb62] {
        display: none;
    }

    .collapse[b-xl3va0mb62] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-xl3va0mb62] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Shared/SettingsLayout.razor.rz.scp.css */
.page[b-gqb9zoq5jz] {
    background-color: #F7F8FA;
    min-width: 800px;
    min-height: 600px;
    width: 100%;
    overflow: auto;
    min-height: 100vh;
    height: 100%;
    display: flex;
}

body[b-gqb9zoq5jz] {
    font-family: Quicksand;
    background-color: #ffffff;
    min-width: 1350px;
}

header[b-gqb9zoq5jz] {
    font-family: Quicksand;
    background-color: #FFFFFF;
    display: block;
    width: 100%;
    height: 100px;
    box-shadow: 0px 4px 8px #8E8E8E;
    position: fixed;
    z-index: 1000;
    grid-column-start: auto;
    scroll-behavior: smooth;
    overflow-x: auto;
}

    header[b-gqb9zoq5jz]::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    header div[b-gqb9zoq5jz] {
        display: flex;
    }

.logo-div[b-gqb9zoq5jz] {
    height: 100px;
    width: 200px;
    position: relative;
    display: flex;
    text-align: center;
    margin-left: 20px;
}

.logoContent[b-gqb9zoq5jz] {
    justify-content: space-between;
    font-size: 64px;
    cursor: pointer;
    text-shadow: 3px 3px 3px #8E8E8E;
    font-weight: bold;
}

.Logo-1[b-gqb9zoq5jz] {
    color: #262626;
}

.Logo-2[b-gqb9zoq5jz] {
    color: #FFA116;
}

.MTS-sidebar[b-gqb9zoq5jz] {
    background-color: #ffffff;
    min-width: 265px;
    width: 25%;
    max-width: 300px;
    margin: 120px 20px 20px 20px;
    border-radius: 12px;
    display: block;
    box-shadow: 0px 4px 8px #8E8E8E;
    float: left;
    min-height: 100%;
    height: auto;
}

main[b-gqb9zoq5jz] {
    background-color: #ffffff;
    width: calc(100vw - 25%) 300px;
    box-shadow: 0px 4px 8px #8E8E8E;
    margin: 120px 20px 20px 0px;
    border-radius: 12px;
    min-height: 100%;
    min-width: 1010px;
    height: auto;
}

.nav-item[b-gqb9zoq5jz] {
    font-size: 16px;
    padding-bottom: 0.5rem;
    align-items: center;
    width: 300px;
    border-radius: 12px;
}

    .nav-item[b-gqb9zoq5jz]  a {
        color: #5C5C5C;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 300px;
        border-radius: 12px;
        font-weight: bold;
    }

        .nav-item[b-gqb9zoq5jz]  a.active {
            background-color: #F2F3F4;
            color: #262626;
            width: 300px;
            font-weight: bold;
        }

        .nav-item[b-gqb9zoq5jz]  a:hover {
            font-weight: bold;
            width: 300px;
            color: #262626;
        }

.nav-link[b-gqb9zoq5jz]  a{
    width: 300px;
}

.horizontal-Settings-NavBar[b-gqb9zoq5jz]{
    margin-left:10%;
}