.iconspackage .icons {
  display: inline-flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.iconspackage .icons .icon {
  width: 10rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 3rem;
  border: 1px solid #aaa;
  background-color: #fff;
  border-radius: 4px;
  margin-bottom: 1rem;
  padding: 5px;
}
.iconspackage .icons .icon .name {
  font-size: 0.8rem;
}
/*.lc-group-header-segments-button-icon {
  width: 12px;*/
/* height: 10px; */
/*left: 1px;
  top: 0px;*/
/* Textos / Claros */

/*background: #8b90a3;
  transform: matrix(0, 1, 1, 0, 0, 0);
}

.lc-group-header-segments .chevron-visible {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.lc-group-header-segments .chevron-nonvisible {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.bodyGroup.collapsed {
  max-height: 0;
  display: none;
  min-width: calc(30vw);
}

.bodyGroup {
  display: block;
  min-width: calc(30vw);
}

.lc-group-header-segments-button {*/
/* Frame 129 */

/*width: 12px;
  left: 4px;
  top: 9px;*/
/* Inside auto layout */

/*flex: none;
  order: 0;
  flex-grow: 0;
  margin: 0px 6px;
  display: flex;
  align-content: center;
  justify-content: center;
}

.lc-group-header-segments-money {*/
/* 0,00 */
/*width: 90px;
  height: 22px;
  font-family: "Ubuntu", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 160%;*/
/* or 22px */

/*text-align: right;
  letter-spacing: -0.05em;
  font-feature-settings: "tnum" on, "lnum" on;*/
/* Textos / Padr�o */

/*color: #525252;*/
/* Inside auto layout */

/*flex: none;
  order: 2;
  flex-grow: 0;
  margin: 0px 6px;
}

.lc-group-header-segments-title {*/
/* Texto */
/*max-width: calc(100vw - 620px);
  height: 22px;*/
/* Texto/Padr�o - 14pt/Semibold */

/*font-family: "Ubuntu", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 160%;*/
/* or 22px */
/* Link */

/*color: var(--text-default);*/
/* Inside auto layout */

/*margin: 0px 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lc-group-header-segments {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0px 4px;
  min-width: 30vw;
  height: 30px;
  background: #fff;
  border-radius: 6px;
  margin: 4px 0px;
}

.lc-segment-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-height: 27px;
}

.lc-title {
  display: table-cell;
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  color: #8b90a3;
}

.lc-segment-title-filter {
  display: "flex";
  justify-content: "flex-end";
}

.lc-group-body {
  min-width: 26.59vw;
  justify-content: center;
  align-content: center;
  display: grid;
  flex-direction: column;
  align-items: center;*/
/* padding: 0px; */

/*top: 75px;
}


.lc-group-row {*/
/* Item de piv� */
/*padding-left: 32px;
  border-bottom: 1px solid #ebeff8;
  width: 100%;
  height: 30px;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 4px 0px;
  max-width: inherit;
  display: block;
}

.lc-group-row-inner-text {
  display: inline-block;
  max-width: calc(100vw - 600px);
  height: 22px;
  font-family: "Ubuntu", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  color: var(--text-default);
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 0px 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lc-group-row-inner-text-sidemodal {
  max-width: calc(100vw - 600px);
  height: 22px;
  font-family: "Ubuntu", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  color: var(--text-default);
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 0px 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lc-group-row-inner-money {
  width: 90px;
  height: 22px;
  font-family: "Ubuntu", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  text-align: right;
  letter-spacing: -0.05em;
  font-feature-settings: "tnum" on, "lnum" on;
  color: var(--text-default);
  flex: none;
  order: 2;
  flex-grow: 0;
  margin: 0px 6px;
}

.lc-group-row-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  width: inherit;
  height: 22px;
  justify-content: space-between;
}

.lc-group-row-inner>.row>.lc-iconlink.small {
  visibility: hidden;
}

.lc-group-row-inner:hover>.row>.lc-iconlink.small {
  visibility: visible;
}

.lc-group-header-segments>.row>.lc-iconlink.small {
  visibility: hidden;
}

.lc-group-header-segments:hover>.row>.lc-iconlink.small {
  visibility: visible;
}

.lc-selectLabel {
  position: static;
  height: 18px;
  left: 0px;
  top: 0px;
  font-family: "Ubuntu", sans-serif;
  font-style: normal;
  line-height: 150%;
  font-size: 12px;
  line-height: 150%;
  margin: 3px 0px;
}

.lc-group-row>.lc-group-row-inner>.pp-tooltip {
  width: 80%;
}*/


.cards-ea {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Isso cria duas colunas de tamanho igual */
    grid-gap: 0.75rem;
    gap: 0.75rem; /* Espaço entre os itens */
}

    .cards-ea .card {
        background-color: #fff;
        border-radius: 0.25rem;
        padding: 0.75rem;
        box-shadow: 4px 4px 18px 0px rgba(58, 79, 135, 0.06);
        flex-direction: column;
        justify-content: space-between;
        margin-bottom: 0.75rem;
    }

        .cards-ea .card > div {
            max-height: 400px;
        }

        .cards-ea .card:hover {
            box-shadow: 4px 4px 18px 0px rgba(58, 79, 135, 0.2);
        }

    .cards-ea .cab-ea {        
        background: #eaeef6;
        border-radius: 0.25rem;
        padding: 0.25rem 0.5rem;
        color: #2E1956;
        font-family: "Ubuntu", sans-serif;
        font-size: .75rem;
        font-style: normal;
        font-weight: 700;
        line-height: 160%;
    }

    .cards-ea .title-country {
        color: #2E1956;
        font-family: "Ubuntu", sans-serif;
        font-size: 1rem;
        font-style: normal;
        font-weight: 500;
        line-height: 160%;
        letter-spacing: -.04rem;
        display: flex;
        align-items: center;
        margin-bottom: 0.5rem;
    }

        .cards-ea .title-country img {
            margin-right: .5rem;
            opacity: .3;
            filter: grayscale(1);
            transition: opacity 0.3s ease-in;
        }


    .cards-ea .card:hover .title-country img {
        opacity: 1;
        filter: grayscale(0);
    }

    .cards-ea .subtitle-cc {
        font-family: "Ubuntu", sans-serif;
        font-size: .75rem;
        letter-spacing: -.04em;
        padding: 0;
        color: #273b85;
        margin: 1.5rem 0 1rem 0;
    }



.row-ea-home {
    display: grid;
    grid-template-columns: 55% 20% 25%; /* Define as proporções das colunas */
    grid-gap: 0rem;
    gap: 0rem; /* Espaçamento entre as colunas */
}


.row-ea {
    display: grid;
    grid-template-columns: 40% 15% 20% 25%; /* Define as proporções das colunas */
    grid-gap: 0rem;
    gap: 0rem; /* Espaçamento entre as colunas */    
}

    .row-ea:hover, .row-ea-home:hover {
        background-color: #F1F5FB;
    }    

.row-total {    
    margin-top: 0.5rem;
    border-top: 1px solid #ebebeb;
    font-weight: bold;
}

.cell-total-users {
    display: flex;
    flex-direction: row;
    justify-content: right;
    align-items: center;
}


.pp-expand2 > .header:not(.height) > .functions {
    width: auto;
}

.status-ea {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    margin-bottom: 10px;
}

.hover-info {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-right: 20px;
    padding: 5px 10px; /* Espaçamento interno (opcional) */
    color: #444;
}

    .hover-info > div {
        display: flex;
        align-items: center;
        gap: 5px;
    }




.hoverable .hover-info {
    display: none; /* Esconde por padrão */
}

.hoverable:hover .hover-info {
    display: flex; /* Mostra no hover */
}

.fixed-hover .hover-info {
    display: flex; /* Sempre mostra */
}

.dashboard-saas .graph-card {
  background-color: #fff;
  height: 15.625rem;
  width: 21.875rem;
  margin-right: 0.625rem !important;
  margin-bottom: 0.625rem !important;
}
.dashboard-saas .graph-card .graph-card-body .graph-card-title {
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 160%;
  padding-bottom: 0rem;
}
.dashboard-saas .graph-card .graph-card-body .graph-card-subtitle {
  padding-top: 0rem;
}
.dashboard-saas .graph-card .graph-card-body .graph-card-subtitle span {
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  font-size: 0.8rem;
  line-height: 160%;
  color: #434a63;
}
.dashboard-saas .graph-card .graph-card-body .graph-card-subtitle canvas {
  padding-top: 1rem;
}
.dashboard-saas .button {
  width: 7rem;
}
.globalLicenseManager_cardTitle__cn6Ti {
	margin: auto;
	font-size: 16px;
	font-weight: 600;
	font-family: "Ubuntu", sans-serif;
	color: #0068b2;
}
.globalLicenseManager_cardSubTitle__ZJd75 {
	margin: auto;
	font-size: 16px;
	font-weight: 600;
	font-family: "Ubuntu", sans-serif;
	color: #0068b2;
}
.globalLicenseManager_summaryContainer__4iB\+K {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 5px 10px 5px 10px;
}

.globalLicenseManager_licenseSummaryLine__r4VwK {
	font-size: 12px;
	margin-top: 6px;
}

.globalLicenseManager_licenseCount__AV493 {
	font-size: 16px;
	font-weight: 600;
}

.globalLicenseManager_globalSummaryLine__DMI9x {
	font-size: 18px;
	font-weight: 600;
	margin-top: 6px;
}

.globalLicenseManager_followUpFlagsContainer__3FGeo {
	display: flex;
	justify-content: space-between;
	padding: 20px 20px;
}

.globalLicenseManager_flagItem__2T5LI {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.globalLicenseManager_flagItem__2T5LI img {
	width: 64px;
	height: 48px;
	margin-bottom: 10px;
	border-radius:3px;
}

.globalLicenseManager_summaryLineByCountry__cDheG {
	font-size: 12px;
	margin-top: 6px;
}

.globalLicenseManager_GAP__dPstR {
	color: #428042;
	width: 100%;
}
 .licenseControlManager_cardSubTitle__\+c9U\+ {
 	margin: auto;
 	font-size: 1.1vw;
 	font-weight: 400;
 	font-family: 'Ubuntu';
 	color: var(--color-primary-blue) !important;
 }

 .licenseControlManager_licenseSummaryLine__kpcrp {
 	font-size: 0.8vw;
 	margin-top: 6px;
 }

 .licenseControlManager_licenseCount__5unNC {
 	font-size: 16px;
 	font-weight: 600;
 }

 .licenseControlManager_globalSummaryLine__BvJlJ {
 	font-size: 18px;
 	font-weight: 600;
 	margin-top: 6px;
 }

 .licenseControlManager_followUpFlagsContainer__7vCtA {
 	display: flex;
 	justify-content: space-between;
 	padding: 20px 20px;
 }

 .licenseControlManager_flagItem__IcU\+y {
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	text-align: center;
 }

 .licenseControlManager_flagItem__IcU\+y img {
 	width: 64px;
 	height: 48px;
 	margin-bottom: 10px;
 }

 .licenseControlManager_summaryLineByCountry__WcZGw {
 	font-size: 12px;
 	margin-top: 6px;
 	font-family: 'Ubuntu';
 	font-weight: 500;
 }

 .licenseControlManager_GAP__FVx8C {
 	color: #428042;
 	width: 50%;
 }

 .licenseControlManager_summaryContainer__9pfi- {
 	max-height: 100%;
 	overflow-y: hidden;
 }

 .licenseControlManager_executedByCompanyContainer__wgEHh {
 	height: 100%;
	margin-bottom: 30px;

 }

 @media screen and (max-height: 649px) {
 	.licenseControlManager_summaryContainer__9pfi- {
 		max-height: 100px;
 		overflow-y: auto;
 	}

 	.licenseControlManager_executedByCompanyContainer__wgEHh {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		margin-bottom: 30px;
 	}
 }
.licenseControlManagerDetails_cardTitle__Ehn-E {
	margin: auto;
	font-size: 16px;
	font-weight: 600;
	font-family: "Ubuntu", sans-serif;
	color: #0068b2;
}

.licenseControlManagerDetails_cardSubTitle__4edes {
	margin: auto;
	font-size: 16px;
	font-weight: 600;
	font-family: "Ubuntu", sans-serif;
	color: #0068b2;
}

.licenseControlManagerDetails_summaryContainer__VJFm2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 5px 10px 5px 10px;
}

.licenseControlManagerDetails_licenseSummaryLine__el5QK {
	font-size: 12px;
	margin-top: 6px;
}

.licenseControlManagerDetails_licenseCount__mEEmY {
	font-size: 16px;
	font-weight: 600;
}

.licenseControlManagerDetails_globalSummaryLine__im9fg {
	font-size: 18px;
	font-weight: 600;
	margin-top: 6px;
}

.licenseControlManagerDetails_followUpFlagsContainer__nh5D8 {
	display: flex;
	justify-content: space-between;
	padding: 20px 20px;
	font-family: "Ubuntu", sans-serif;
}

.licenseControlManagerDetails_flagItem__GU8-G {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	font-family: "Ubuntu", sans-serif;
}

.licenseControlManagerDetails_flagItem__GU8-G img {
	width: 64px;
	height: 48px;
	margin-bottom: 10px;
}

.licenseControlManagerDetails_summaryLineByCountry__2gs9u {
	font-size: 12px;
	margin-top: 6px;
}

.licenseControlManagerDetails_GAP__\+6qXJ {
	color: #428042;
	width: 50%;
}
.entries-list {
    list-style-type: none;
    padding: 0;
}

.entry-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
    font-size: 14px;
}

.form-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.icon-button {
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    color: inherit;
}

    .icon-button:disabled {
        cursor: not-allowed;
        opacity: 0.5;
    }

    .icon-button svg {
        width: 16px;
        height: 16px;
    }

.entry-item span {
    flex-grow: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.add-alarm-row {
    display: flex;
    align-items: center;
    gap: 10px; /* Space between the input fields and button */
    margin-bottom: 10px; /* Space below the add row */
}

.alarms-list {
    list-style-type: none;
    padding: 0;
}

.alarm-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    padding: 5px 0; /* Reduced padding for a more compact look */
    font-size: 12px; /* Smaller font size */
}

.edit-alarm,
.view-alarm {
    display: flex;
    align-items: center;
    width: 100%;
}

.actions {
    display: flex;
    align-items: center; /* Align items vertically in the center */
    gap: 10px;
}

.icon-button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: inherit; /* Inherit color from parent element */
}

    .icon-button:disabled {
        cursor: not-allowed;
        opacity: 0.5;
    }

    .icon-button svg {
        width: 16px; /* Smaller icon size */
        height: 16px; /* Smaller icon size */
    }

.view-alarm span {
    flex-grow: 1;
    white-space: nowrap; /* Prevents text from wrapping */
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px; /* Smaller font size */
}

.lc-pivot-segments .primary > .title {
  display: block;
  font-weight: 200;
  font-size: 26px;
  color: var(--text-default);
  line-height: 1.9375rem;
  margin-bottom: 1rem;
}
.lc-pivot-segments .primary > .secondary {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  display: flex;
}
.lc-pivot-segments .primary > .secondary:not(:last-child()) {
  border-bottom: 1px solid #cccccf;
}
.lc-pivot-segments .primary > .secondary .left {
  width: 50%;
}
.lc-pivot-segments .primary > .secondary .left > .title {
  display: block;
  font-weight: 600;
  font-size: 14px;
  line-height: 160%;
  color: var(--text-default);
}
.lc-pivot-segments .primary > .secondary .left .info {
  display: block;
  font-size: 12px;
  line-height: 160%;
  color: #8b90a3;
}
.lc-pivot-segments .primary > .secondary .left .info.warning {
  color: #be8e12;
}
.lc-pivot-segments .primary > .secondary .left .info.danger {
  color: #d35555;
}
.lc-pivot-segments .tertiary {
  width: 50%;
  max-height: 50vh;
  padding: 0.5rem;
}
.lc-pivot-segments .tertiary .list .item {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  line-height: 1.5rem;
  color: var(--text-default);
  text-transform: uppercase;
}
.lc-pivot-segments .tertiary .list .item a {
  text-decoration: none;
  font-weight: bold;
  color: #0580ce;
}
/* LicenseByCountryReport styles */

.lc-pivot-segments {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0.5rem;
}

.lc-pivot-segments .primary > .title {
    display: block;
    font-weight: 200;
    font-size: 26px;
    color: var(--text-default);
    line-height: 1.9375rem;
    margin-bottom: 1rem;
}

.lc-pivot-segments .lc-segment {
    box-shadow: 4px 4px 18px 0px rgba(58, 79, 135, 0.06);
    padding: 1rem;
    margin-bottom: 1rem;
    background: var(--background-default);
    border-radius: 8px;
}

.lc-pivot-segments .lc-segment:hover {
    box-shadow: 4px 4px 18px 0px rgba(58, 79, 135, 0.2);
}

.lc-pivot-segments .primary > .secondary {
    padding: 0.75rem 0;
    display: flex;
    border-bottom: 1px solid var(--border-default);
}

.lc-pivot-segments .primary > .secondary:last-child {
    border-bottom: none;
}

.lc-pivot-segments .primary > .secondary .left {
    width: 100%;
}

.lc-pivot-segments .primary > .secondary .left > .title {
    display: block;
    font-weight: 600;
    font-size: 14px;
    line-height: 160%;
    color: var(--text-default);
    margin-bottom: 0.25rem;
}

.lc-pivot-segments .primary > .secondary .left .info {
    display: inline-block;
    font-size: 12px;
    line-height: 160%;
    color: #8b90a3;
    margin-right: 1.5rem;
}

.lc-pivot-segments .primary > .secondary .left .info.text-danger {
    color: var(--status-red) !important;
    font-weight: 600;
}

/* Tree View styles */
.tree-view-container {
    padding: 1rem;
}

.tree-license-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--border-default);
}

.tree-license-item:last-child {
    border-bottom: none;
}

.tree-license-item .license-name {
    font-weight: 600;
    font-size: 14px;
    color: var(--text-default);
}

.tree-license-item .license-info {
    font-size: 12px;
    color: #8b90a3;
}

.tree-license-item .license-info.text-danger {
    color: var(--status-red) !important;
    font-weight: 600;
}


/* LicenseByCostCenterReport styles */

.lc-pivot-segments .primary > .title {
    display: block;
    font-weight: 200;
    font-size: 26px;
    color: var(--text-default);
    line-height: 1.9375rem;
    margin-bottom: 1rem;
}

.lc-pivot-segments .lc-segment {
    box-shadow: 4px 4px 18px 0px rgba(58, 79, 135, 0.06);
    padding: 1rem;
    margin-bottom: 1rem;
    background: var(--background-default);
    border-radius: 8px;
    break-inside: avoid-column;
}

.lc-pivot-segments .lc-segment:hover {
    box-shadow: 4px 4px 18px 0px rgba(58, 79, 135, 0.2);
}

.lc-pivot-segments .primary > .secondary {
    padding: 0.75rem 0;
    display: flex;
    border-bottom: 1px solid var(--border-default);
}

.lc-pivot-segments .primary > .secondary:last-child {
    border-bottom: none;
}

.lc-pivot-segments .primary > .secondary .left {
    width: 50%;
}

.lc-pivot-segments .primary > .secondary .left > .title {
    display: block;
    font-weight: 600;
    font-size: 14px;
    line-height: 160%;
    color: var(--text-default);
    margin-bottom: 0.25rem;
}

.lc-pivot-segments .primary > .secondary .left .info {
    display: inline-block;
    font-size: 12px;
    line-height: 160%;
    color: #8b90a3;
    margin-right: 1.5rem;
}

.lc-pivot-segments .primary > .secondary .left .info.text-danger {
    color: var(--status-red) !important;
    font-weight: 600;
}

.lc-pivot-segments .primary > .secondary .tertiary {
    width: 50%;
    max-height: 150px;
}

.lc-pivot-segments .primary > .secondary .tertiary .list {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.lc-pivot-segments .primary > .secondary .tertiary .list .item {
    display: flex;
    justify-content: space-between;
    padding: 0.25rem 0.5rem;
    background: var(--background-level2);
    border-radius: 4px;
}

.lc-pivot-segments .primary > .secondary .tertiary .list .item span:first-child {
    font-size: 12px;
    color: var(--text-default);
}

.lc-pivot-segments .primary > .secondary .tertiary .list .item .link-text {
    font-size: 12px;
    color: var(--color-primary-blue);
    cursor: pointer;
}

.lc-pivot-segments .primary > .secondary .tertiary .list .item .link-text:hover {
    text-decoration: underline;
}

/* Tree View styles */
.tree-view-container {
    padding: 1rem;
}

.tree-cc-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid var(--border-default);
}

.tree-cc-item:last-child {
    border-bottom: none;
}

.tree-cc-item .cc-name {
    font-size: 13px;
    color: var(--text-default);
}

.tree-cc-item .link-text {
    font-size: 13px;
    color: var(--color-primary-blue);
    cursor: pointer;
}

.tree-cc-item .link-text:hover {
    text-decoration: underline;
}

.license-info {
    font-size: 12px;
    color: #8b90a3;
    white-space: nowrap;
}

.license-info.text-danger {
    color: var(--status-red) !important;
    font-weight: 600;
}

.text-danger {
    color: var(--status-red) !important;
}

/* Ajustes para PPExpand na tree view */
.tree-view-container .pp-expand > .header {
    min-height: 40px;
    padding: 0.5rem 0;
    gap: 1rem;
}

.tree-view-container .pp-expand > .header > .title {
    flex: 1 1;
    min-width: 200px;
}

.tree-view-container .pp-expand > .header > .functions {
    flex-shrink: 0;
    white-space: nowrap;
    padding-right: 1rem;
}


.lc-vinsubscriptions {
  column-count: 2;
  column-gap: 0.5rem;
  flex-flow: row wrap;
  position: relative;
}
.lc-vinsubscriptions > .lc-segment {
  break-inside: avoid-column;
  padding-bottom: 22px;
}
.lc-vinsubscriptions > .lc-segment > .title {
  font-weight: 200;
  font-size: 1.2rem;
  color: var(--text-default);
  line-height: 1.9375rem;
  margin-bottom: 1rem;
  display: flex;
  justify-content: space-between;
}
.lc-vinsubscriptions > .lc-segment > .title .cost {
  font-size: 1rem;
  font-weight: 500;
}
.lc-vinsubscriptions > .lc-segment > .secondary {
  display: flex;
  justify-content: space-between;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 160%;
  color: var(--text-default);
}
.lc-vinsubscriptions > .lc-segment > .secondary:not(:last-child()) {
  border-bottom: 1px solid #cccccf;
}
.lc-vinsubscriptions > .lc-segment > .secondary > .functions {
  display: flex;
}
.lc-vinsubscriptions > .lc-segment > .list > .item {
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
  line-height: 160%;
  color: #8b90a3;
}
.form {
  margin-bottom: 1.2rem
}
/* VinSubscriptionToEAList - Estilos */

.vin-stats-bar {
    display: flex;
    gap: 1rem;
    padding: 0.75rem 1rem;
    background: #f5f7fa;
    background: var(--background-secondary, #f5f7fa);
    border-radius: 8px;
    margin-bottom: 1rem;
}

.vin-stats-bar .stat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 80px;
}

.vin-stats-bar .stat-item:hover {
    background: #e8ecf1;
    background: var(--background-hover, #e8ecf1);
}

.vin-stats-bar .stat-item .stat-value {
    font-size: 1.5rem;
    font-weight: 600;
    color: #333;
    color: var(--text-default, #333);
}

.vin-stats-bar .stat-item .stat-label {
    font-size: 0.75rem;
    color: #666;
    color: var(--text-secondary, #666);
    text-transform: uppercase;
}

.vin-stats-bar .stat-item.success .stat-value {
    color: #28a745;
    color: var(--color-success, #28a745);
}

.vin-stats-bar .stat-item.warning .stat-value {
    color: #ffc107;
    color: var(--color-warning, #ffc107);
}

.vin-stats-bar .stat-item.info .stat-value {
    color: #17a2b8;
    color: var(--color-info, #17a2b8);
}

.vin-stats-bar .stat-item.danger .stat-value {
    color: #dc3545;
    color: var(--color-danger, #dc3545);
}

/* Status icon na tabela */
.status-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.status-icon svg {
    font-size: 1.25rem;
}

/* Modal de historico */
.history-timeline {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-height: 400px;
    overflow-y: auto;
    padding: 0.5rem;
}

.history-item {
    display: flex;
    gap: 1rem;
    padding: 1rem;
    background: #f5f7fa;
    background: var(--background-secondary, #f5f7fa);
    border-radius: 8px;
    border-left: 4px solid #17a2b8;
    border-left: 4px solid var(--color-info, #17a2b8);
}

.history-item.action-create {
    border-left-color: #28a745;
    border-left-color: var(--color-success, #28a745);
}

.history-item.action-update {
    border-left-color: #17a2b8;
    border-left-color: var(--color-info, #17a2b8);
}

.history-item.action-delete {
    border-left-color: #dc3545;
    border-left-color: var(--color-danger, #dc3545);
}

.history-item .history-icon {
    display: flex;
    align-items: flex-start;
    padding-top: 0.25rem;
}

.history-item .history-icon svg {
    font-size: 1.5rem;
}

.history-item .history-content {
    flex: 1 1;
}

.history-item .history-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.history-item .history-action {
    font-weight: 600;
    text-transform: capitalize;
}

.history-item .history-date {
    font-size: 0.75rem;
    color: #666;
    color: var(--text-secondary, #666);
}

.history-item .history-user {
    font-size: 0.85rem;
    color: #666;
    color: var(--text-secondary, #666);
    margin-bottom: 0.5rem;
}

.history-item .history-changes {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.history-item .history-change {
    font-size: 0.85rem;
    display: flex;
    gap: 0.5rem;
}

.history-item .history-change .field {
    font-weight: 500;
    min-width: 100px;
}

.history-item .history-change .old-value {
    text-decoration: line-through;
    color: #dc3545;
    color: var(--color-danger, #dc3545);
}

.history-item .history-change .new-value {
    color: #28a745;
    color: var(--color-success, #28a745);
}

.history-item .history-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 0.5rem;
}

/* Form fields no modal */
.vin-form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
    gap: 1rem;
}

.vin-form-grid.full-width {
    grid-template-columns: 1fr;
}

.vin-form-field {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.vin-form-field label {
    font-size: 0.85rem;
    font-weight: 500;
    color: #666;
    color: var(--text-secondary, #666);
}

.vin-form-field .value {
    font-size: 1rem;
    color: #333;
    color: var(--text-default, #333);
    padding: 0.5rem;
    background: #f5f7fa;
    background: var(--background-secondary, #f5f7fa);
    border-radius: 4px;
}

/* Snapshot Modal Styles */
.snapshot-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-height: 400px;
    overflow-y: auto;
    padding: 0.5rem;
}

.snapshot-item {
    display: flex;
    gap: 1rem;
    padding: 1rem;
    background: #f5f7fa;
    background: var(--background-secondary, #f5f7fa);
    border-radius: 8px;
    border-left: 4px solid #0078d4;
    border-left: 4px solid var(--color-primary, #0078d4);
}

.snapshot-item .snapshot-icon {
    display: flex;
    align-items: flex-start;
    padding-top: 0.25rem;
}

.snapshot-item .snapshot-icon svg {
    font-size: 1.5rem;
    color: #0078d4;
    color: var(--color-primary, #0078d4);
}

.snapshot-item .snapshot-content {
    flex: 1 1;
}

.snapshot-item .snapshot-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.snapshot-item .snapshot-action {
    font-weight: 600;
    text-transform: capitalize;
}

.snapshot-item .snapshot-date {
    font-size: 0.75rem;
    color: #666;
    color: var(--text-secondary, #666);
}

.snapshot-item .snapshot-user {
    font-size: 0.85rem;
    color: #666;
    color: var(--text-secondary, #666);
    margin-bottom: 0.25rem;
}

.snapshot-item .snapshot-details {
    display: flex;
    gap: 1rem;
    font-size: 0.8rem;
    color: #666;
    color: var(--text-secondary, #666);
    margin-bottom: 0.25rem;
}

.snapshot-item .snapshot-summary {
    font-size: 0.85rem;
    color: #333;
    color: var(--text-default, #333);
    margin-top: 0.25rem;
}

.snapshot-item .snapshot-restored {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    color: #28a745;
    color: var(--color-success, #28a745);
    margin-top: 0.25rem;
}

.snapshot-item .snapshot-actions {
    display: flex;
    align-items: center;
}

/* Pivot - Reducao de fonte */
.vin-pivot-container .webix_pivot,
.vin-pivot-container .webix_pivot_table,
.vin-pivot-container .webix_ss_body,
.vin-pivot-container .webix_ss_header,
.vin-pivot-container .webix_hcell,
.vin-pivot-container .webix_cell,
.vin-pivot-container .webix_pivot_values,
.vin-pivot-container .webix_pivot_fields {
    font-size: 11px !important;
}

