.text-secondary {
    color: var(--mud-palette-text-secondary);
}

.color-secondary {
    background-color: var(--mud-palette-secondary);
    color: var(--mud-palette-primary);
}

.text-primary {
    color: var(--mud-palette-primary);
}

/* Removed custom box-shadow on outlined inputs to avoid breaking MudBlazor's label notch and floating label positioning */

.mud-input {
    width: 100%;
}

.mud-button {
    text-transform: none !important;
}

.pagination-btn{
    width: 7rem !important;
}

.clickable_row{
    cursor:pointer;
}

.mud-dialog .mud-dialog-title .mud-button-root {
    top: 5px;
    right: 0;
    position: absolute;
}

.fit_empty_image {
    max-height: 9rem;
}

.gray-out {
    filter: grayscale(1);
    opacity: 0.2;
}

.mud-chip-text.mud-chip-color-secondary {
    color: var(--mud-palette-primary) !important;
    background-color: var(--mud-palette-secondary-lighten) !important;
}

.mud-chip-filled.mud-chip-color-primary {
    color: var(--mud-palette-secondary) !important;
}

.mud-appbar.mud-appbar-fixed-top {
    background: var(--mud-palette-white) !important;
}

.mud-file-upload > .mud-input-control-input-container {
    display: initial !important;
}

/* Avoid overriding MudBlazor's input container layout to preserve correct label notch positioning */

.ql-toolbar.ql-snow {
    background-color: var(--mud-palette-primary);
    border: 1px solid var(--mud-palette-primary) !important;
}

.ql-snow .ql-stroke {
    stroke: var(--mud-palette-white) !important;
}

    .ql-snow .ql-stroke:hover {
        stroke: var(--mud-palette-white) !important;
    }

.ql-snow .ql-picker-label::before {
    color: white !important;
}

.ql-editor {
    min-height: 8rem;
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.25);
}

.validation-message {
    color: var(--mud-palette-error);
}

.mud-input-helper-text.mud-input-error {
    font-size: 0.8rem;
}

.agree-checkbox-wrapper .mud-input-helper-text.mud-input-error {
    margin-left: 1rem !important;
}

.banner__center {
    align-items: center !important;
    height: 100%;
    text-align: center;
}

.width-full {
    width: 100%;
}

.text-fit {
    width: 115px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ec-normal-table table thead tr th {
    background: var(--mud-palette-secondary);
    color: var(--mud-palette-primary);
}

.ec-normal-table thead tr th,
.ec-normal-table tbody tr td {
    border: none;
    padding: 4px;
}

.mud-picker-inline.mud-picker-input-button .mud-input, .mud-picker-inline.mud-picker-input-button .mud-input .mud-input-root {
    background: var(--mud-palette-white);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.25) !important;
}

.mud-carousel-item {
    padding: 0.5rem !important;
}

.title-fit {
    width: 100%;
}

.centered-absolute, .no-records-image {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    height:60vh;
}

.recommendation-slide-no-img-found {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.no-records-container {
    position: relative;
    height: 100%;
    display:flex;
    flex-direction:column;
}

.no-records-image {
    width: 100%;
    margin: 1rem;
    display: flex;
    width: 100%;
    flex-direction: column;
    margin: 1rem;
}

.no-data-img-lg {
    width: calc(4vw + 165px);
}

.icon__holder {
    background: rgba(246, 244, 244);
    border-radius: 5px;
    padding: 0.3rem;
    height: 2rem;
    width: 2rem;
    text-align: center;
    margin-right: 0.5rem;
    font-weight: 600;
}

.item__notice {
    color: var(--ec-gray-color1);
    font-family: var(--mud-typography-default-family);
    font-weight: 400;
}

.item__score {
    color: var(--ec-gray-color2);
    font-family: var(--mud-typography-default-family);
    font-weight: 500;
    font-size: 16px;
}

.item__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.grid-container-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(auto-fit, minmax(100px, auto));
    gap: 20px;
}

.grid-container-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(auto-fit, minmax(40px, auto));
    gap: 20px;
}

.color-red {
    color: var(--mud-palette-error) !important;
}

.icon__chat {
    color: var(--mud-palette-white) !important;
    display: flex;
    align-items: center;
}

.item-wrapper-mini {
    margin: 0 auto;
}

.custom-svg {
    width: 18px;
    margin-top: 6px;
    margin-right: 2px;
}

.canvas-item {
    width: 100%;
    height: 400px;
    object-fit: contain;
}

.cv__content > div {
    margin-top: 3rem;
}

#word-docx {
    padding: 1rem;
    margin-top: -21rem;
}

.schedular__image {
    height: 15rem;
    width: 100%;
}

.schedular__image--item, .schedular__button--image {
    width: 100%;
    height: 100%;
}

.schedular__button--image {
    height: 30px;
}

.schedular__image--container {
    margin: 0 auto;
    max-width: 90%;
}

.preview__image--item {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.preview__image--container {
    margin: 0 auto;
}

.button--side-padding-none {
    padding: 6px 1px !important;
}

.atcb-button {
    background: var(--mud-palette-primary) !important;
    color: var(--mud-palette-secondary) !important;
}

.mud-nav-link .mud-nav-link-text {
    margin: 0 auto !important;
    text-align: center !important;
}

.recommender-container {
    max-height: 81vh;
}
.job-form {
    height: 18rem;
}

.recommendation-form {
    min-height: 22rem;
    max-height: calc(81vh - 18rem);
}

.recommendations-wrapper {
    max-height: 95vh;
}

.recommendations-carousel {
    height: 13.5rem;
}


.width-50 {
    width: 50%;
}

.light-display {
    color: #B9B9C3;
    font-family: var(--mud-typography-default-family);
    font-size: 12px;
    line-height: 18px;
    font-weight: 400
   
}

.title-display {
    font-family: var(--mud-typography-default-family);
    line-height: 27px;
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    color: #5E5873
   
}


.min-height-65 {
    min-height: 65vh;
}

.min-height-10 {
    min-height: 10%;
}

.min-height-90 {
    min-height: 90%;
}


.no-content-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
    box-shadow: var(--mud-elevation-1);
    padding: 6rem;
    height:90%;
    border-radius: .5rem;
    background: var(--mud-palette-white);
}

.cv-calendly-container {
    /* Removed min-height to prevent excessive gaps */
}

.cv-container {
    /* Removed fixed height to allow natural content flow */
}

.recommender-item {
    /* Removed fixed height and negative margin for proper full-width layout */
    margin-top: 0;
    margin-bottom: 0;
}

/* .social-media-container intentionally left without global styles to avoid component-specific leakage */

.meeting-container {
    /* Removed fixed height percentage */
}

.offer-job-container {
   height:  22%
}

.note-container {
    height: 46%;
}

/*.mud-typography-h3 {
    color: #fff !important;    
}*/

.mud-typography-h4 {
    color: #492D21;       
}

.sub-heading {
    color: #492D21;
    font-family: var(--mud-typography-default-family);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.heading {
    font-family: var(--mud-typography-default-family);
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.text-constraint {
    width: 160px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.button-md{
    width: 10rem;
}

@media screen and (max-width: 1579px) {
    .title-fit {
        width: 100px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .text-constraint {
        width: 110px;
    }
}


@media screen and (max-width: 960px) {
    .cv-calendly-container, .cv-container, .recommender-item, .social-media-container,
    .meeting-container, .offer-job-container, .note-containe {
        min-height: auto;
        height: auto;
    }

    .no-data-img-lg {
        position: relative;
    }


/*    .centered-absolute, .no-records-image {
        position: relative;
        top: unset;
        left: unset;
        transform: unset;
    }*/

      .no-records-image{           
            margin-top: .5rem;
        }

        .title-fit {
            width: initial;
            white-space: normal;
            overflow: visible;
            text-overflow: clip;
        }

    .display-headline {
        color: #492D21;
        font-size: 14px;
    }

    .item__notice {
        font-size: .6rem;
    }

    .item__score {
        font-size: 11px;
    }

    .job-form {
        height: 17rem;
    }

    .recommendation-form {
        min-height: 12rem;
        max-height: calc(81vh - 16rem);
    }

    .no-records-image {
        position: relative;
        top: 0;
        left: 0;
        transform: none;
    }

    .no-records-container {
        position: relative;
        height: 87%;
    }

    .title-display {
        font-size: 12px;
    }


    .guidance-panel {
        margin: 0 ;
        padding: 0 0.5rem;
    }
}

.mud-nav-link.mud-nav-link-disabled {
    color: inherit;
    cursor: default;
    pointer-events: none;
}

/* Company autocomplete: show selected logo in the start adornment */
/* moved to CompanySearchItem.razor.css */