@import url(/sfsites/assets/Styles/ief/publicPagesStyling-lwr.css);
@import url(/sfsites/assets/Styles/ief/unifiedCatalog.css);
@import url(/sfsites/assets/Styles/ief/knowledgeArticleSummary.css);
@import url(/sfsites/assets/Styles/ief/knowledgeArticleFAQs.css);
/*
/*
 * Your global styles here
 */

:root {
    --dxp-c-site-logo-display: block;
}

html,
body {
    height: 100%;
}

html {
    background: white;
}

body {
    margin: 0;
}

/* Tile Card styling starts */

itsm_employee_service-tile-card .slds-button {
    border-radius:  var(--ief-s-surface-border-radius-2);
    color: var(--slds-g-color-brand-base-50);
    font-size: var(--ief-g-font-size-body-small);
    border: none;
    box-shadow: var(--ief-shadowLevel1);
    transition: all ease 0.3s;
}

itsm_employee_service-tile-card .slds-button:hover,
itsm_employee_service-tile-card .slds-button:focus,
itsm_employee_service-tile-card .slds-button:focus-visible {
    box-shadow: var(--ief-g-shadow-focus-3);
}

itsm_employee_service-tile-card .slds-button .slds-icon {
    height: var(--ief-g-icon-size-4);
    width: var(--ief-g-icon-size-4);
    --slds-c-icon-color-foreground: var(--slds-g-color-brand-base-50);
}

itsm_employee_service-tile-card .slds-button .slds-text-heading_small {
    font-size: var(--ief-g-font-size-body-small);
    color: var(--slds-g-color-brand-base-50);
    font-weight: 590;
}

/* Tile Card styling starts */

/* My Tickets styling starts */

itsm_employee_service-tickets-page .my-tickets-container {
    max-width: none;
    padding: 0;
}

itsm_employee_service-tickets-page .my-tickets-container .my-tickets-title-container {
    margin: 0;
}

itsm_employee_service-tickets-page .my-tickets-container .my-tickets-title {
    font-size: var(--ief-g-font-size-page-heading);
    line-height: var(--ief-g-line-height-page-heading);
    font-weight: var(--ief-g-font-weight-page-heading);
    margin-bottom: var(--ief-g-spacing-2);
}

itsm_employee_service-tickets-page .my-tickets-container .my-tickets-toolbar-container {
    padding: 0;
    margin-top: var(--ief-g-spacing-3);
    margin-bottom: var(--ief-g-spacing-6);
}

itsm_employee_service-tickets-page .my-tickets-container .my-tickets-toolbar-wrapper {
    padding: 0;
    gap: var(--ief-g-spacing-3);
}

itsm_employee_service-tickets-page .my-tickets-container .my-tickets-toolbar-tabs lightning-radio-group,
itsm_employee_service-tickets-page .my-tickets-container .my-tickets-toolbar-refresh,
itsm_employee_service-tickets-page .my-tickets-container .my-tickets-toolbar-refresh lightning-button-icon {
    margin: 0;
}

itsm_employee_service-tickets-page .my-tickets-container > div:has(> .my-tickets-body) {
    padding: 0;
}

itsm_employee_service-tickets-page .my-tickets-container .ticket-list {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--ief-g-spacing-4);
}

itsm_employee_service-tickets-page .my-tickets-body {
    padding: 0;
}

itsm_employee_service-tickets-page .my-tickets-container .ticket-list-item {
    margin: 0;
}

itsm_employee_service-tickets-page .ticket-list-item .ticket-container {
    align-items: flex-start;
    gap: var(--ief-g-spacing-3);
    margin: 0;
}

itsm_employee_service-tickets-page .ticket-list-item .ticket-icon-container {
    padding: 0;
}

itsm_employee_service-tickets-page .ticket-list-item .ticket-icon-container [part="icon"] {
    height: var(--ief-g-icon-size-5);
    width: var(--ief-g-icon-size-5);
}

itsm_employee_service-tickets-page .ticket-list-item .ticket-details-container {
    padding: 0;
    gap: var(--ief-g-spacing-3);
}

itsm_employee_service-tickets-page .ticket-list-item .ticket-details,
itsm_employee_service-tickets-page .ticket-list-item .ticket-date-container {
    padding: 0;
}

itsm_employee_service-tickets-page .ticket-list-item .ticket-status-container {
    padding: 0;
    margin-left: auto;
}

itsm_employee_service-tickets-page .ticket-list-item .ticket-status-container [part="badge"] {
    max-width: 8rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

itsm_employee_service-tickets-page .ticket-list-item .ticket-title-container {
    font-size: var(--ief-g-font-size-body-medium);
    font-weight: 590;
}

itsm_employee_service-tickets-page .ticket-list-item .ticket-metadata-container {
    margin-top: 0;
}

itsm_employee_service-tickets-page .my-tickets-container-minimal .ticket-list {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--ief-g-spacing-4);
}

itsm_employee_service-tickets-page .my-tickets-container-minimal .ticket-list-item {
    box-shadow: none;
    padding: var(--ief-g-spacing-4) 0;
    margin: 0;
}

itsm_employee_service-tickets-page .my-tickets-container-minimal .ticket-metadata-container {
    margin-top: var(--ief-g-spacing-2);
}

/* My Tickets styling ends */

/* My Assets styling starts */

itsm_employee_service-my-assets .my-assets {
    max-width: none;
    padding: 0;
}

itsm_employee_service-my-assets .my-assets .my-assets-title-container {
    margin-bottom: var(--ief-g-spacing-6);
}

itsm_employee_service-my-assets .my-assets-title {
    font-size: var(--ief-g-font-size-page-heading);
    line-height: var(--ief-g-line-height-page-heading);
    font-weight: var(--ief-g-font-weight-page-heading);
    margin-bottom: var(--ief-g-spacing-2);
}

itsm_employee_service-asset-card .asset-card {
    margin-bottom: var(--ief-g-spacing-4);
}

itsm_employee_service-asset-card .asset-card:last-child {
    margin-bottom: 0;
}

itsm_employee_service-asset-card .asset-card .asset-name-wrapper {
    padding: var(--ief-g-spacing-4) var(--ief-g-spacing-5);
}

itsm_employee_service-asset-card .asset-card .asset-name-container {
    gap: var(--ief-g-spacing-4);
}

itsm_employee_service-asset-card .asset-card .asset-name-container > .slds-media {
    align-items: center;
}

itsm_employee_service-asset-card .asset-card .asset-media [part="icon"] {
    height: var(--ief-g-icon-size-5);
    width: var(--ief-g-icon-size-5);
}

itsm_employee_service-asset-card .asset-card .asset-media img {
    max-height: var(--ief-g-icon-size-5);
    max-width: var(--ief-g-icon-size-5);
    width: auto;
}

itsm_employee_service-asset-card .asset-card .asset-name {
    font-size: var(--ief-g-font-size-body-medium);
    font-weight: 590;
}

itsm_employee_service-asset-card .asset-card .asset-details-wrapper {
    padding: var(--ief-g-spacing-4) var(--ief-g-spacing-6);
    border-bottom-left-radius: var(--ief-s-surface-border-radius-3);
    border-bottom-right-radius: var(--ief-s-surface-border-radius-3);
    background-color: var(--slds-g-color-brand-base-95);
}

itsm_employee_service-asset-card .asset-card .asset-details-container {
    gap: var(--ief-g-spacing-4);
    margin: 0;
}

itsm_employee_service-asset-card .asset-card .asset-details-container > * {
    padding: 0;
    margin: 0;
    width: calc(25% - calc(var(--ief-g-spacing-4) / 4));
}

itsm_employee_service-asset-card .asset-card .asset-details-container [role="row"] [role="cell"] {
    font-weight: 700;
}

/* My Assets styling ends */

/* Ticket Details styling starts */

.ticket-detail-page .page-title-container {
    margin-bottom: var(--ief-g-spacing-2);
}

.ticket-detail-page .page-title {
    font-size: var(--ief-g-font-size-page-heading);
    line-height: var(--ief-g-line-height-page-heading);
    font-weight: var(--ief-g-font-weight-page-heading);
}

.ticket-detail-page .page-subtitle-container {
    margin-bottom: var(--ief-g-spacing-6);
}

.ticket-detail-page .ticket-detail-header {
    margin-bottom: var(--ief-g-spacing-6);
}

.ticket-detail-page .ticket-detail-header .ticket-icon-container [part="icon"] {
    height: var(--ief-g-icon-size-5);
    width: var(--ief-g-icon-size-5);
}

.ticket-detail-page .ticket-detail-header .ticket-title {
    font-size: var(--slds-c-card-heading-font-size);
    font-weight: var(--slds-c-card-heading-font-weight);
    margin-bottom: 0;
    overflow-wrap: anywhere;
}

.ticket-detail-page .ticket-detail-header .ticket-number {
    margin-bottom: 0;
}

.ticket-detail-page .ticket-detail-header .ticket-header-info-wrapper {
    gap: var(--ief-g-spacing-3);
}

.ticket-detail-page .ticket-detail-header .ticket-header-info-container {
    display: flex;
    flex-direction: column;
    gap: var(--ief-g-spacing-1);
}

.ticket-detail-page .ticket-detail-header .ticket-status-container [part="badge"] {
    max-width: 8rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ticket-detail-page .ticket-detail-body {
    margin-inline: 0;
    gap: var(--ief-g-spacing-6);
}

.ticket-detail-page .ticket-detail-container {
    padding-inline: 0;
    width: calc(66.6666666667% - calc(var(--ief-g-spacing-6) / 2));
}

.ticket-detail-page .ticket-activity-container {
    padding-inline: 0;
    width: calc(33.3333333333% - calc(var(--ief-g-spacing-6) / 2));
}

.ticket-detail-page .ticket-activity-container [part="card"]:first-of-type > [part="body"] {
    padding-inline: 0;
}

.activity .post-area {
    box-shadow: none;
    padding: 0;
    margin-bottom: 0;
}

.activity .post-textarea,
.activity .file-upload-container .slds-form-element {
    margin-bottom: var(--ief-g-spacing-4);
}

.activity .slds-tabs_default__content {
    padding-inline: var(--ief-g-spacing-5);
}

.activity .posts-toolbar {
    padding-block: var(--ief-g-spacing-4);
    margin-bottom: 0;
    gap: var(--ief-g-spacing-4);
}

.activity .posts-search-container {
    flex-grow: 1;
}

.activity .posts-search-container > .slds-form-element {
    margin-bottom: 0;
}

.activity .posts-refresh-container .slds-button_icon {
    color: var(--slds-g-color-brand-base-50);
}

/* Ticket Details styling ends */

/* Profile page styling starts */

.user-profile-detail .title-container {
    margin-bottom: var(--ief-g-spacing-6);
}

.user-profile-detail .title {
    font-size: var(--ief-g-font-size-page-heading);
    line-height: var(--ief-g-line-height-page-heading);
    font-weight: var(--ief-g-font-weight-page-heading);
    margin-bottom: 0;
}

.user-profile-detail .profile-header-wrapper {
    padding: 0;
    margin: 0;
}

.user-profile-detail .profile-header-container {
    padding: 0;
}

.user-profile-detail .profile-header {
    align-items: center;
    gap: var(--ief-g-spacing-6);
}

.user-profile-detail .profile-header .profile-avatar-container {
    margin: 0;
}

.user-profile-detail .profile-header .profile-avatar .slds-avatar {
    height: 8rem;
    width: 8rem;
}

.user-profile-detail .profile-header-details-container {
    padding-left: 0;
}

.user-profile-detail .profile-header-details {
    font-size: var(--slds-c-card-heading-font-size);
    font-weight: var(--slds-c-card-heading-font-weight);
}

.user-profile-detail .profile-body-details-wrapper {
    margin-block: var(--ief-g-spacing-4);
    padding: 0;
    display: flex;
    gap: var(--ief-g-spacing-6);
}

.user-profile-detail .profile-body-details-wrapper .profile-body-details-container {
    width: calc(50% - calc(var(--ief-g-spacing-6) / 2));
}

.user-profile-detail .profile-body-details-container .profile-details-label {
    margin: 0;
    color: var(--dxp-s-form-element-label-color);
}

.user-profile-detail .profile-body-details-container .profile-details-value {
    display: block;
    padding-block: var(--ief-g-spacing-2);
}

/* Profile page styling ends */

/* Approval widget styling starts */

.approvals-widget .approval-widget-tiles-container {
    gap: var(--ief-s-surface-spacing-around);
}

.approvals-widget .approval-widget-tile {
    padding: 0;
    box-shadow: none;
    border: none;
    margin-bottom: 0;
}

.approval-widget-tile .approval-item-icon [part="icon"] {
    height: var(--ief-g-icon-size-5);
    width: var(--ief-g-icon-size-5);
}

/* Approval widget styling ends */

/* My Approvals page styling starts */

.my-approvals .my-approvals-title-container {
    margin-bottom: var(--ief-g-spacing-6);
}

.my-approvals .my-approvals-title {
    font-size: var(--ief-g-font-size-page-heading);
    line-height: var(--ief-g-line-height-page-heading);
    font-weight: var(--ief-g-font-weight-page-heading);
    margin-bottom: var(--ief-g-spacing-2);
}

.my-approvals .slds-tabs_default__nav {
    padding-inline: var(--ief-s-surface-spacing-around);
}

.my-approvals .slds-tabs_default__content {
    padding: var(--ief-s-surface-spacing-around);
}

.my-approvals .pending-approvals-container,
.my-approvals .history-approvals-container {
    padding: 0;
}

.my-approvals .approvals-list .approval-list-item-container {
    margin-bottom: 0;
}

.my-approvals .approvals-list .approval-list-item-container + .approval-list-item-container {
    margin-top: var(--ief-g-spacing-5, 1.5rem);
}

.my-approvals .approvals-list .approval-tile-card {
    box-shadow: var(--slds-c-card-shadow);
    border-radius: var(--slds-c-card-radius-border);
    border: none;
}

.my-approvals .approval-tile-card .approval-info-container {
    align-items: flex-start;
    gap: var(--ief-g-spacing-3);
}

.my-approvals .approval-tile-card .approval-tile-card-first-row {
    padding: var(--ief-g-spacing-4) var(--ief-g-spacing-5);
}

.my-approvals .approval-tile-card .approval-tile-card-first-row .approval-icon [part="icon"] {
    height: var(--ief-g-icon-size-5);
    width: var(--ief-g-icon-size-5);
}

.my-approvals .approval-tile-card .approval-title {
    font-size: var(--ief-g-font-size-body-medium);
    font-weight: var(--slds-c-card-heading-font-weight);
}

.my-approvals .approval-tile-card .approval-tile-card-details-row {
    background-color: var(--slds-g-color-brand-base-95);
    padding: var(--ief-g-spacing-4) var(--ief-s-surface-spacing-around);
    border-bottom-left-radius: var(--slds-c-card-radius-border);
    border-bottom-right-radius: var(--slds-c-card-radius-border);
}

.my-approvals .approval-tile-card .approval-justification,
.my-approvals .approval-tile-card .approval-role {
    font-size: var(--ief-g-font-size-body-small);
    font-weight: 700;
    margin-top: var(--ief-g-spacing-1);
}

/* My Approvals page styling ends */

/* Knowledge Base styling starts */

.knowledge-base .knowledge-base-title {
    font-size: var(--ief-g-font-size-page-heading);
    line-height: var(--ief-g-line-height-page-heading);
    font-weight: var(--ief-g-font-weight-page-heading);
    margin-bottom: var(--ief-g-spacing-2);
}

.knowledge-base .knowledge-base-subtitle {
    margin-bottom: var(--ief-g-spacing-6);
}

.knowledge-base .recent-articles-title {
    font-size: var(--ief-g-font-size-section-heading);
    font-weight: var(--ief-g-font-weight-section-heading);
    margin-bottom: var(--ief-g-spacing-3);
}

.knowledge-base .knowledge-base-body {
    padding: 0;
}

.knowledge-base .articles {
    row-gap: var(--ief-g-spacing-4);
    column-gap: var(--ief-g-spacing-6);
    align-items: flex-start;
}

.knowledge-base .article-wrapper {
    margin-bottom: 0;
    width: 100%;
}

.knowledge-base .article-card {
    align-items: flex-start;
    gap: var(--ief-g-spacing-3);
    cursor: pointer;
    box-shadow: var(--ief-shadowLevel0);
    transition: 0.3s ease all;
}

.knowledge-base .article-card:hover {
    box-shadow: var(--ief-shadowLevel1);
}

.knowledge-base .article-card .article-title {
    font-size: var(--ief-g-font-size-body-medium);
    font-weight: var(--slds-c-card-heading-font-weight);
}

.knowledge-base .article-card .article-modified-date {
    margin-top: var(--ief-g-spacing-1);
}

.knowledge-base .article-card .article-summary {
    margin-top: var(--ief-g-spacing-1);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-line;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.favorite-icon .slds-button_icon {
    color: var(--slds-g-color-brand-base-50);
}

.favorite-icon .slds-button_icon [part="icon"] {
    width: var(--ief-g-icon-size-2);
    height: var(--ief-g-icon-size-2);
}

/* Knowledge Base styling ends */

/* MY Favorites styling starts */

.favorites-page {
    padding: 0;
}

.favorites-page .favorites-page-title {
    font-size: var(--ief-g-font-size-page-heading);
    line-height: var(--ief-g-line-height-page-heading);
    font-weight: var(--ief-g-font-weight-page-heading);
    margin-bottom: var(--ief-g-spacing-2);
}

.favorites-page .favorites-page-subtitle {
    margin-bottom: var(--ief-g-spacing-6);
}

.favorites-page .favorite-articles-title {
    font-weight: var(--ief-g-font-weight-section-heading);
}

.favorites-page itsm_employee_service-favorite-articles-list .favorite-articles-container {
    padding: 0;
}

.favorites-page .favorite-articles-container .articles-grid {
    gap: var(--ief-g-spacing-6);
    margin-top: 0;
}

.favorite-articles-container .articles-grid .article-card {
    padding: var(--ief-s-surface-spacing-around);
    box-shadow: var(--ief-shadowLevel0);
    border: none;
    border-radius: var(--ief-s-surface-border-radius-3);
    transition: 0.3s ease all;
}

.favorite-articles-container .articles-grid .article-card:hover {
    box-shadow: var(--ief-shadowLevel1);
    animation: none;
}

/* MY Favorites styling ends */

/* Knowledge Article Details styling starts */

.knowledge-article {
    padding: 0;
}

.knowledge-article .slds-page-header__title {
    font-size: var(--ief-g-font-size-page-heading);
    line-height: var(--ief-g-line-height-page-heading);
    font-weight: var(--ief-g-font-weight-page-heading);
}

.knowledge-article .knowledge-article-body {
    margin-top: var(--ief-g-spacing-6);
}

/* Knowledge Article Details styling ends */

/* Create Ticket page styling starts */

.create-ticket-page .title {
    font-size: var(--ief-g-font-size-page-heading);
    line-height: var(--ief-g-line-height-page-heading);
    font-weight: var(--ief-g-font-weight-page-heading);
    margin-bottom: var(--ief-g-spacing-2);
}

.create-ticket-page .subtitle {
    margin-bottom: var(--ief-g-spacing-6);
}

.create-ticket-page .slds-card .slds-card__body {
    padding-inline: var(--slds-c-card-body-spacing-inline);
}

.create-ticket-page .slds-card .slds-card__footer.navigationBar {
    padding-top: var(--slds-c-card-footer-spacing-block-start);
    border-top-color: var(--slds-c-card-footer-color-border);
    margin-top: var(--slds-c-card-footer-spacing-block-start);
}

.create-ticket-page .slds-card__footer.navigationBar .flow-action-button + .flow-action-button {
    margin-left: var(--ief-g-spacing-4);
}

/* we can remove this style once the bug assigned to the flow team is closed. WI: W-21610329 */
.flowruntime-input.slds-form-element.flowruntime-inline-container > .slds-form-element {
    margin-bottom: 0;
}

/* Create Ticket page styling starts */

/* Policy Hub page styling starts */

.policy-hub-page .policy-hub-card {
    margin-top: var(--ief-g-spacing-6);
}

.policy-hub-page .policy-hub-card .slds-tabs_default__nav {
    padding-inline: var(--ief-s-surface-spacing-around);
}

.policy-hub-page .policy-hub-card .slds-tabs_default__content {
    padding: var(--ief-s-surface-spacing-around);
}

.policy-hub-page .policy-hub-card .policy-item-container {
    border-radius: var(--ief-s-surface-border-radius-3);
    box-shadow: var(--ief-shadowLevel0);
    border: none;
    margin-bottom: 0;
}

.policy-hub-page .policy-hub-card .policy-item-container + .policy-item-container {
    margin-top: var(--ief-g-spacing-5);
}

.policy-hub-page .policy-item-container .policy-item-container-top {
    padding: var(--ief-g-spacing-4) var(--ief-g-spacing-5);
    border-top-left-radius: var(--ief-s-surface-border-radius-3);
    border-top-right-radius: var(--ief-s-surface-border-radius-3);
}

.policy-hub-page .policy-item-container-top .policy-item-top {
    margin: 0;
    gap: var(--ief-g-spacing-3);
}

.policy-hub-page .policy-item-top .policy-header-container,
.policy-hub-page .policy-item-top .button-container {
    padding: 0;
}

.policy-hub-page .policy-item-container-top .policy-icon [part="icon"] {
    height: var(--ief-g-icon-size-5);
    width: var(--ief-g-icon-size-5);
}

.policy-hub-page .policy-item-container-top .policy-title {
    font-size: var(--ief-g-font-size-body-medium);
    font-weight: 600;
    overflow: visible;
    white-space: break-spaces;
    max-width: none;
}

.policy-hub-page .policy-item-container .policy-item-container-bottom {
    padding: var(--ief-g-spacing-3) var(--ief-g-spacing-6);
    background-color: var(--slds-g-color-brand-base-95);
    border-bottom-right-radius: var(--ief-s-surface-border-radius-3);
    border-bottom-left-radius: var(--ief-s-surface-border-radius-3);
}

.policy-hub-page .policy-item-container-bottom .detail-item .label {
    font-size: var(--ief-g-font-size-body-small);
}

/* Policy Hub page styling ends */

/* Policy Acknowledgement page styling starts */

runtime_service_employee-policy-version-details-page[data-component-id*="policyVersionDetailsPage"] .policy-version-container {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
}

runtime_service_employee-policy-version-details-page .policy-version-container .policy-header,
runtime_service_employee-policy-version-details-page .policy-version-container .policy-content {
    border: none;
    box-shadow: var(--ief-shadowLevel0);
    background-color: var(--slds-g-color-neutral-base-100, #FFFFFF);
    padding: var(--ief-s-surface-spacing-around);
    border-radius: var(--ief-s-surface-border-radius-3);
}

runtime_service_employee-policy-version-details-page .policy-version-container .policy-content {
    margin-top: var(--ief-g-spacing-6);
}

runtime_service_employee-policy-version-details-page .policy-version-container .policy-headline {
    gap: var(--ief-g-spacing-3);
}

runtime_service_employee-policy-version-details-page[data-component-id*="policyVersionDetailsPage"] .policy-version-container .policy-headline {
    flex-direction: row;
    justify-content: space-between;
    gap: var(--ief-g-spacing-3);
}

runtime_service_employee-policy-version-details-page .policy-version-container .policy-headline-info {
    margin: 0;
}

runtime_service_employee-policy-version-details-page .policy-version-container .policy-header .policy-headline .policy-headline-info {
    flex-direction: row;
}

runtime_service_employee-policy-version-details-page .policy-headline-info .policy-info {
    gap: 0
}

runtime_service_employee-policy-version-details-page .policy-headline-info .policy-title {
    font-weight: 400;
}

runtime_service_employee-policy-version-details-page .policy-headline-info .policy-icon,
runtime_service_employee-policy-version-details-page .policy-headline-info .policy-icon [part="icon"] {
    height: var(--ief-g-icon-size-5);
    width: var(--ief-g-icon-size-5);
}

runtime_service_employee-policy-version-details-page .policy-version-container .policy-header .policy-headline .acknowledge-button-container {
    margin: 0;
}

runtime_service_employee-policy-version-details-page .policy-headline .acknowledge-button {
    --slds-c-button-brand-color-background: var(--dxp-s-button-color);
    --slds-c-button-brand-color-background-hover: var(--dxp-s-button-color-hover);
}

/* Policy Acknowledgement page styling ends */

/* ITSM - Catalog page flow modal styling starts */

itsm_employee_service-service-catalog-list-container .slds-modal__header:has( .slds-modal__title:empty) {
    padding: 0;
    border: none;
}

itsm_employee_service-service-catalog-list-container .slds-modal__header:has( .slds-modal__title:empty) + .slds-modal__content {
    border-top-left-radius: var(--slds-c-modal-radius-border);
    border-top-right-radius: var(--slds-c-modal-radius-border);
    padding: 0;
}

itsm_employee_service-service-catalog-list-container .slds-modal__header:has( .slds-modal__title:empty) + .slds-modal__content .slds-card__header {
    margin-bottom: 0;
    padding-bottom: var(--slds-c-modal-header-spacing-block-end);
    border-bottom: 1px solid var(--slds-c-modal-color-border);
}

itsm_employee_service-service-catalog-list-container .slds-modal__header:has( .slds-modal__title:empty) + .slds-modal__content .slds-card__header-title {
    justify-content: center;
}

itsm_employee_service-service-catalog-list-container .slds-modal__content .flowruntimeBody {
    padding-inline: var(--ief-s-surface-spacing-around);
    padding-top: var(--ief-g-spacing-4);
}

itsm_employee_service-service-catalog-list-container .slds-modal__content .navigationBar {
    padding-top: var(--slds-c-modal-footer-spacing-block-start);
}

/* ITSM - Catalog page flow modal styling ends */

/* Illustrations styling starts */

itsm_employee_service-no-data-state .slds-illustration .slds-illustration__stroke-primary {
    stroke: var(--slds-g-color-brand-base-70);
}

itsm_employee_service-no-data-state .slds-illustration .slds-illustration__stroke-secondary {
    stroke: var(--slds-g-color-brand-base-80);
}

itsm_employee_service-no-data-state .slds-illustration .slds-illustration__fill-primary {
    stroke: var(--slds-g-color-brand-base-80);
}

itsm_employee_service-no-data-state .slds-illustration .slds-illustration__fill-secondary {
    stroke: var(--slds-g-color-brand-base-70);
    fill: var(--slds-g-color-brand-base-80);
}

itsm_employee_service-error-state .slds-illustration .slds-illustration__stroke-primary {
    stroke: var(--slds-g-color-brand-base-70);
}

itsm_employee_service-error-state .slds-illustration .slds-illustration__stroke-secondary {
    stroke: var(--slds-g-color-brand-base-80);
}

itsm_employee_service-error-state .slds-illustration .slds-illustration__fill-primary {
    stroke: var(--slds-g-color-brand-base-80);
    fill: var(--slds-g-color-brand-base-70);
}

itsm_employee_service-error-state .slds-illustration .slds-illustration__fill-secondary {
    stroke: var(--slds-g-color-brand-base-70);
    fill: var(--slds-g-color-brand-base-80);
}

itsm_employee_service-no-data-state .slds-illustration .slds-text-heading_small,
itsm_employee_service-error-state .slds-illustration .slds-text-heading_small {
    font-size: var(--dxp-);
}

/* Illustrations styling ends */

/*Self Service Concierge Chat styling starts*/
runtime_service_concierge-concierge-chat {
    display: block !important;
    /* 150px reserves vertical space for the site header and page padding above the chat */
    height: calc(100vh - 150px) !important;
    overflow: hidden !important;
}

runtime_service_concierge-concierge-chat .embedded-messaging {
    height: 100% !important;
    overflow: hidden !important;
}

runtime_service_concierge-concierge-chat #embeddedMessagingFrame {
    height: 100% !important;
    width: 100% !important;
    border: none !important;
}
/*Self Service Concierge Chat styling ends*/

@media only screen and (min-width: 768px) {
    /* My Tickets styling starts */
    itsm_employee_service-tickets-page .ticket-list-item .ticket-details {
        flex-basis: 50%;
    }
    itsm_employee_service-tickets-page .ticket-list-item .ticket-date-container {
        flex-basis: 30%;
    }
    itsm_employee_service-tickets-page .ticket-list-item .ticket-status-container {
        flex-basis: 20%;
        display: flex;
        justify-content: flex-end;
    }
    /* My Tickets styling ends */

    /* Knowledge Base styling starts */

    .knowledge-base .article-wrapper {
        width: calc(50% - calc(var(--ief-g-spacing-6) / 2));
    }

    /* Knowledge Base styling ends */
}

@media only screen and (max-width: 767px) {
    :root {
        --slds-c-card-header-spacing-inline-start: var(--ief-g-spacing-4);
        --slds-c-card-header-spacing-inlinestart: var(--ief-g-spacing-4);
        --slds-c-card-header-spacing-inline-end: var(--ief-g-spacing-4);
        --slds-c-card-header-spacing-inlineend: var(--ief-g-spacing-4);
        --slds-c-card-body-spacing-inline-start: var(--ief-g-spacing-4);
        --slds-c-card-body-spacing-inlinestart: var(--ief-g-spacing-4);
        --slds-c-card-body-spacing-inline-end: var(--ief-g-spacing-4);
        --slds-c-card-body-spacing-inlineend: var(--ief-g-spacing-4);
        --slds-c-card-footer-spacing-inline-start: var(--ief-g-spacing-4);
        --slds-c-card-footer-spacing-inlinestart: var(--ief-g-spacing-4);
        --slds-c-card-footer-spacing-inline-end: var(--ief-g-spacing-4);
        --slds-c-card-footer-spacing-inlineend: var(--ief-g-spacing-4);
    }

    .slds-radio_button-group .slds-radio_button .slds-radio_button__label {
        padding-left: var(--dxp-s-button-small-padding-inline-start);
        padding-right: var(--dxp-s-button-small-padding-inline-end);
    }

    itsm_employee_service-user-profile-menu .avatar-button .slds-avatar {
        height: var(--ief-g-icon-size-4);
        width: var(--ief-g-icon-size-4);
    }

    /* My tickets styling starts */

    itsm_employee_service-tickets-page .my-tickets-page-header-wrapper {
        flex-direction: column;
        gap: var(--ief-g-spacing-2);
    }

    itsm_employee_service-tickets-page .my-tickets-container .my-tickets-toolbar-container {
        margin-top: var(--ief-g-spacing-4);
    }

    itsm_employee_service-tickets-page .ticket-list-item .ticket-status-container {
        margin-left: 0;
    }

    itsm_employee_service-tickets-page .ticket-list-item .ticket-icon-container [part="icon"] {
        height: var(--ief-g-icon-size-3);
        width: var(--ief-g-icon-size-3);
    }

    /* My tickets styling ends */

    /* My Assets styling starts */

    itsm_employee_service-asset-card .asset-card .asset-name-container {
        align-items: flex-start;
    }

    itsm_employee_service-asset-card .asset-card .asset-details-container {
        row-gap: var(--ief-g-spacing-3);
        column-gap: var(--ief-g-spacing-5);
        flex-wrap: wrap;
    }

    itsm_employee_service-asset-card .asset-card .asset-details-container > * {
        width: calc(50% - calc(var(--ief-g-spacing-5) / 2));
    }

    /* My Assets styling ends */

    /* Ticket details styling starts */

    .ticket-detail-page .ticket-detail-header .ticket-header-info-wrapper {
        flex-direction: column;
        gap: var(--ief-g-spacing-3);
    }

    .ticket-detail-page .ticket-detail-body {
        flex-direction: column;
    }

    .ticket-detail-page .ticket-detail-container,
    .ticket-detail-page .ticket-activity-container {
        width: 100%;
    }

    /* Ticket details styling ends */

    /* Profile styling starts */

    .user-profile-detail .user-profile-detail-container {
        box-shadow: none;
        padding: 0;
    }

    .user-profile-detail .profile-header {
        gap: var(--ief-g-spacing-2);
        flex-direction: column;
        justify-content: center;
    }

    .user-profile-detail .profile-header .profile-avatar .slds-avatar {
        width: 5rem;
        height: 5rem;
    }

    .user-profile-detail .profile-header-details-container {
        text-align: center;
    }

    .user-profile-detail .profile-body-details-wrapper .profile-body-details-container {
        width: 100%;
    }

    /* Profile styling ends */

    /* My approvals styling starts */

    .my-approvals .approval-tile-card .approval-info-container {
        flex-direction: column;
    }

    .my-approvals .approval-tile-card .approval-details-container {
        gap: var(--ief-g-spacing-3);
    }

    /* My approvals styling ends */

    /* Policy Hub page styling starts */

    .policy-hub-page .policy-item-container-top .policy-item-top {
        flex-direction: column;
    }

    .policy-hub-page .policy-item-container-bottom .policy-item-bottom {
        flex-direction: column;
        gap: var(--ief-g-spacing-3);
    }

    .policy-hub-page .policy-item-bottom .due-date-container,
    .policy-hub-page .policy-item-bottom .description-container {
        width: 100%;
    }

    /* Policy Hub page styling ends */

    /* Policy Acknowledgement page styling starts */

    runtime_service_employee-policy-version-details-page[data-component-id*="policyVersionDetailsPage"] .policy-version-container .policy-headline {
        flex-direction: column;
    }

    /* Policy Acknowledgement page styling ends */
}