:root {
    --intuipos-bg: #ffffff;
    --intuipos-text-main: #2d3748;
    --intuipos-text-muted: #718096;
    --intuipos-border: #edf2f7; 
    --intuipos-badge-text: #22543d;
    --intuipos-logout: #e53e3e;
    --intuipos-hover-bg: #f7fafc;
}

.drawerIntuiposMenu {
    font-family: "Parkinsans", sans-serif !important;
} 
::-webkit-scrollbar-thumb {
    background: #d86c56 !important;
    border-radius: 6px;
    width: 5px !important;
}
.site-bg {
   background:#d86c56;
}
.dx-tab {
    padding: 0px !important;
    padding-top: 10px !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
    color: #d86c56 !important;
    height: 70px !important;
}
.dx-datagrid .dx-error-row .dx-error-message {
    text-align: center !important;
}
.Clock {
    color: #56555a;
    font-family: "Parkinsans", sans-serif !important;
    font-weight: 600;
    font-size: 24px;
    font-weight: 600;
}
 
.dx-tabs .dx-item-content{
    padding-top: 10px !important;
    height: 48px !important;

}
#tabPanelReports .dx-multiview-item-content {
    height: 100% !important;
    background: white;
}
.dx-tab-selected {
    padding-top: 10px !important;
    height: 70px !important;
}

.dx-tabs-wrapper {
    height: 48px !important; 
    height: fit-content !important;
    justify-content: center;
}
.dx-tab.dx-tab-selected, .dx-tab.dx-tab-selected .dx-icon {
    color: #d86c56 !important;
}
.dx-tabs-styling-mode-secondary.dx-tab-indicator-position-bottom .dx-tab.dx-tab-selected .dx-tab-content::after {
    height: 2px !important;
    background-color: #d86c56 !important;
}
.drawerIntuiposMenu .dx-drawer-content {
    background: #f7f7f7 !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
}
.drawerIntuiposMenu .dx-drawer-shader {
    opacity: 0.2 !important;
} 
.filter-accordion {
    margin-top: 4.5rem;
}
#GridViewAdminDiscount .dx-button-content {
    color: #ff5722 !important;
}
#DiscountPerClient .dx-button-content {
    color: #ff5722 !important;
}
.toolbar .dx-toolbar-item-content {
    font-family: "Parkinsans", sans-serif !important;
} 
.toolbar {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.08);
    padding: 5px 10px;
    z-index: 10;
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 90;
}
#intuiposMenu .dx-treeview-item {
    gap: 0px !important;
    padding: 12px 0px !important; 
    color: white !important;
}
#intuiposMenu .dx-treeview-item a{
    color: white !important;
    font-family: "Parkinsans", sans-serif !important; 
}
.text-white {
    font-family: "Parkinsans", sans-serif !important;
}
text {
    font-family: "Parkinsans", sans-serif !important;
}
.dx-drawer-panel-content {
    border: 1px solid #dee2e6;
}
.drawerIntuiposMenu .dx-overlay-content {
    background: #d86c56 !important;
}
#carStitistics .dx-scrollview-content {
    background: transparent !important;
}
.drawerIntuiposMenu .dx-drawer-panel-content {
    background: #d86c56 !important;
}
#gridUserWithDuplicatePassword .dx-overlay-content {
    background: white !important;
} 
#GridViewConnectionRules .dx-overlay-content {
    background: white !important;
}
#gridRoomFolioResumen .dx-overlay-content {
    background: white !important;
}
#gridRoomFolioPagos .dx-overlay-content {
    background: white !important;
}
#gridRoomFolioNotas .dx-overlay-content {
    background: white !important;
}
#GridViewCashRegisterClosings .dx-overlay-content {
    background: white !important;
}
#gridTerminalProcessMonitors .dx-overlay-content {
    background: white !important;
}
#gridTerminalConfigDataBase .dx-overlay-content {
    background: white !important;
}
.GridTerminalConfigAuthorizedIP .dx-overlay-content {
    background: white !important;
}
#GridTerminalConfigAuthorizedIPParent .dx-overlay-content {
    background: white !important;
}
#gridCommentTemplate .dx-overlay-content {
    background: white !important;
}
#GridViewInventoryDetail .dx-overlay-content {
    background: white !important;
}
#GridViewFeatureSchedule .dx-overlay-content {
    background: white !important;
}
#GridViewReservation .dx-overlay-content {
    background: white !important;
}
#GridViewAccounting .dx-overlay-content {
    background: white !important;
}
#GridViewCostCenter .dx-overlay-content {
    background: white !important;
}
#GridViewGuest .dx-overlay-content {
    background: white !important;
}
#GridViewRoomFeatureSchedule .dx-overlay-content {
    background: white !important;
}
#GridViewHotelSchedule .dx-overlay-content {
    background: white !important;
}
#GridViewRoomType .dx-overlay-content {
    background: white !important;
}
#GridViewBedType .dx-overlay-content {
    background: white !important;
}
#GridViewZone .dx-overlay-content {
    background: white !important;
}
#GridViewPriceType .dx-overlay-content {
    background: white !important;
}
#GridViewRoomTypePrice .dx-overlay-content {
    background: white !important;
}
#GridViewRoom .dx-overlay-content {
    background: white !important;
}
#GridViewInventoryPurchases .dx-overlay-content {
    background: white !important;
}
#GridViewDocuments .dx-overlay-content {
    background: white !important;
}
#GridViewWithholdinRules .dx-overlay-content {
    background: white !important;
}
#GridViewInventoryDocumentsDetail .dx-overlay-content {
    background: white !important;
}
#GridViewInventoryDailyClosingHeaders .dx-overlay-content {
    background: white !important;
}
#GridViewUsers .dx-overlay-content {
    background: white !important;
}
#GridViewInventoryAdjustment .dx-overlay-content {
    background: white !important;
}
#GridViewAdminLicense .dx-overlay-content {
    background: white !important;
}
#GridViewPaymentTypes .dx-overlay-content {
    background: white !important;
}
#GridViewItemBatch .dx-overlay-content {
    background: white !important;
}
#GridViewSalesByWeek .dx-overlay-content {
    background: white !important;
}
#GridViewInventoryClose .dx-overlay-content {
    background: white !important;
}
#GridViewCustomers .dx-overlay-content {
    background: white !important;
}
#GridViewRoomBed .dx-overlay-content {
    background: white !important;
}
#GridViewPendngOrders .dx-overlay-content {
    background: white !important;
}
#GridViewInventoryTransafer .dx-overlay-content {
    background: white !important;
}
#GridViewProveedores .dx-overlay-content {
    background: white !important;
}
#GridViewTerminalConfig .dx-overlay-content {
    background: white !important;
}
#GridViewInventoryExpenses .dx-overlay-content {
    background: white !important;
}
#GridViewRecipe .dx-overlay-content {
    background: white !important;
} 
#gvRelojLaboralToday .dx-overlay-content {
    background: white !important;
}
#gvRelojLaboralWeek .dx-overlay-content {
    background: white !important;
}
#gvRelojLaboralFirstMonth .dx-overlay-content {
    background: white !important;
}
#gvRelojLaboralSecondMonth .dx-overlay-content {
    background: white !important;
}
#gvRelojLaboralThirdMonth .dx-overlay-content {
    background: white !important;
} 
#GridViewResolucionImpuestos .dx-overlay-content {
    background: white !important;
}
#GridViewAdminLicenseExpire .dx-overlay-content {
    background: white !important;
}
#GridViewReturnCashUser .dx-overlay-content {
    background: white !important;
}
#GridViewAdminDiscount .dx-overlay-content {
    background: white !important;
}
#DiscountPerClient .dx-overlay-content {
    background: white !important;
}
#GridViewLocalSettings .dx-overlay-content {
    background: white !important;
}
#adminMasterDataGrid .dx-overlay-content {
    background: white !important;
}
#GridViewAdminReportItems .dx-overlay-content {
    background: white !important;
}
#GridViewPermission .dx-overlay-content {
    background: white !important;
}
#GridViewDocuments .dx-overlay-content {
    background: white !important;
}
#GridViewWithholdinRules .dx-overlay-content {
    background: white !important;
}
#GridViewInventoryDailyClosingHeaders .dx-overlay-content {
    background: white !important;
}
#GridViewAdminSubgroup .dx-overlay-content {
    background: white !important;
}
#GridAdminMeasureUnit .dx-overlay-content {
    background: white !important;
}
#GridViewColumnProperties .dx-overlay-content {
    background: white !important;
}
#GridViewCompanySetting .dx-overlay-content {
    background: white !important;
}
#GridViewDBLogs .dx-overlay-content {
    background: white !important;
}
#GridViewAdminItem .dx-overlay-content {
    background: white !important;
}
#GridViewAdmingroup .dx-overlay-content {
    background: white !important;
}
#GridViewPeriodType .dx-overlay-content {
    background: white !important;
}
#GridViewIntegrationsettings .dx-overlay-content {
    background: white !important;
}
#GridViewAuditAction .dx-overlay-content {
    background: white !important;
}
#GridViewClientSetting .dx-overlay-content {
    background: white !important;
}
#GridViewSoftwareUpdates .dx-overlay-content {
    background: white !important;
}
#GridViewAdminPricesAndCommanders .dx-overlay-content {
    background: white !important;
}
#GridViewPuntoDeVenta .dx-overlay-content {
    background: white !important;
}
#GridViewCheckedOutStays .dx-overlay-content {
    background: white !important;
}
#GridViewPuntoDeVentaSchedule .dx-overlay-content {
    background: white !important;
}
#GridViewClientPuntoDeVenta .dx-overlay-content {
    background: white !important;
}
#GridViewUserTicket .dx-overlay-content {
    background: white !important;
}
#GridViewReservationSchedule .dx-overlay-content {
    background: white !important;
}
#GridViewFurniture .dx-overlay-content {
    background: white !important;
}
.panel-list .dx-item-content{
    color:white !important;
}
.panel-list .dx-list-item .dx-icon {
    color: white !important;    
}
.panel-list .dx-state-active {
    background: #d86c568a !important
}
.dx-popup-content:has(.intuipos-menu-container) {
    padding: 0 !important;
}
.avatar {
    cursor: pointer;
    z-index: 999;
    position: fixed;
    top: 8px;
    right: 15px;
    margin-bottom: -50px;
    text-align: center;
    width: 50px;
    height: 50px;
    max-width: 100px;
    max-height: 100px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.drawerIntuiposMenu .dx-list-item:nth-child(1) > .dx-list-item-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 500 !important;
    font-size: large;
}
#PuntoDeVentaList .dx-list-item:nth-child(1) > .dx-list-item-content {
    display: inherit !important;
    font-weight: inherit !important;
    font-size: 16px !important;
}
.drawerIntuiposMenu .dx-list-item:nth-child(1) > .dx-list-item-content .dx-list-item-icon-container {
    height: 50px;
    width: 50px;
    margin-bottom: 10px;
}

.drawerIntuiposMenu .dx-list-item:nth-child(1) > .dx-list-item-content .dx-list-item-icon-container img {
    height: 50px;
    width: 50px;
}

.drawerIntuiposMenu .dx-list-item:nth-child(1) {
    pointer-events: none;
}
#PuntoDeVentaList .dx-list-item:nth-child(1) {
    pointer-events: all !important;
}

@media (width < 338px) {
    .drawerIntuiposMenu .dx-toolbar-item-content {
        font-size: 13px;
    }
}
#btnDocuments, #btnSchedulePuntoDeVenta, #btnScheduleReserva, #btnLoadStatistics, #btnShowMesasReport, #sendButton, #btnClientUrl, #btnShowDigitalMenuQrReport, #btnShowReservasQrReport, #btnSearchReservation, #btnValidateOtp, #btnSubirSiigo {
    width: fit-content !important;
    border-radius: 24px !important;
    border: none !important;
    height: 49px !important;
    padding: 0px 2rem !important;
    margin-top: 30px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #d86c56 !important;
    color: #fff !important;
    font-family: "Parkinsans", sans-serif !important;
    font-size: 15px !important;
    letter-spacing: 2px !important;
    transition: all .5s !important;
    position: relative !important;
    overflow: hidden !important;
}
#btnLoadStatistics, #btnDocuments {
    margin-top: 0 !important;
}
#btnShowMesasReport {
    padding: 0px 0px !important;
}
#btnShowDigitalMenuQrReport {
    padding: 0px 0px !important;
}
#btnShowReservasQrReport {
    padding: 0px 0px !important;
}
#btnSubirSiigo {
    padding: 0px 0px !important;
}
#btnClientUrl {
    padding: 0px 0px !important;
}
#btnCopy {
    width: 200px;
    border-radius: 24px !important;
    border: none !important;
    height: 49px !important;
    padding: 0px 1rem !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #d86c56 !important;
    color: #fff !important;
    font-family:"Parkinsans", sans-serif !important;
    font-size: 15px !important;
    letter-spacing: 2px !important;
    transition: all .5s !important;
    position: relative !important;
    overflow: hidden !important;
}
#btnCommon {
    width: 100px;
    border-radius: 24px !important;
    border: none !important;
    height: 49px !important;
    padding: 0px 1rem !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #d86c56 !important;
    color: #fff !important;
    font-family: "Parkinsans", sans-serif;
    font-size: 15px !important;
    letter-spacing: 2px !important;
    transition: all .5s !important;
    position: relative !important;
    overflow: hidden !important;
}
#btnStartStopWork {
    width: auto;
    border-radius: 24px !important;
    border: none !important;
    height: 49px !important;
    padding: 0px 1rem !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #d86c56 !important;
    color: #fff !important;
    font-family: "Parkinsans", sans-serif;
    font-size: 15px !important;
    letter-spacing: 2px !important;
    transition: all .5s !important;
    position: relative !important;
    overflow: hidden !important;
}
.main-container {
    position: fixed;
}
.overlay-container {
    position: relative;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(216 108 86 / 50%);
    background: url(data:;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuNUmK/OAAAAATSURBVBhXY2RgYNgHxGAAYuwDAA78AjwwRoQYAAAAAElFTkSuQmCC) repeat scroll transparent\9; /* ie fallback png background image */
    z-index: 88;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.overlay i{
    color:black !important;
}
.overlay h4 {
    margin-top:10px;
    color: black !important;
    font-family: "Parkinsans", sans-serif !important; 
}

.dx-calendar-navigator .dx-button, .dx-calendar-navigator .dx-button .dx-icon {
    color: #ff5722 !important;
}

.dx-datagrid-column-chooser .dx-overlay-content
{
    height:80vh !important;
    width:80vw !important;
}
.level-badge, .status-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 9999px;
    color: white;
    font-weight: 500;
    text-transform: capitalize;
    text-align: center; 
}

    /* 🎨 Different colors based on level */
    .level-badge[data-level="Trace"],
    .level-badge[data-level="Debug"] {
        background-color: #6c757d; /* Gray */
    }

    .level-badge[data-level="Information"] {
        background-color: #28a745; /* green */
    }

    .level-badge[data-level="Warning"] {
        background-color: #ffc107; /* Yellow */
        color: #000; /* better contrast */
    }

    .level-badge[data-level="Error"] {
        background-color: #dc3545; /* Red */
    }

    .level-badge[data-level="Critical"] {
        background-color: #6610f2; /* Purple */
    }

    .level-badge[data-level="None"] {
        background-color: #adb5bd; /* Light Gray */
    }
      
    /* ✅ Green for success (200) */
    .status-badge[data-statusCode="200"] {
        background-color: #28a745; /* Bootstrap green */
    }

    /* ❌ Red for error (500) */
    .status-badge[data-statusCode="500"] {
        background-color: #dc3545; /* Bootstrap red */
    }
#GridViewDBLogs .dx-datagrid-rowsview .dx-row > td {
    white-space: nowrap; /* keep other columns on one line */
}
    /* optional — gray for any other code */
    .status-badge:not([data-statusCode="200"]):not([data-statusCode="500"]) {
        background-color: #6c757d;
    }

#GridViewDBLogs .dx-datagrid-rowsview .dx-row > td {
    white-space: normal;
}
.popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    pointer-events: auto;
}

.popup-card {
    width: 340px;
    background: #fff;
    border-radius: 14px;
    padding: 24px;
    text-align: center;
    box-shadow: 0 15px 40px rgba(0,0,0,0.2);
    pointer-events: auto;
}

@media (width <= 570px) {
    .popup-card {
        width: 300px !important;
    }
}

.popup-icon {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    margin: 0 auto 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .popup-icon span {
        font-size: 26px;
        font-weight: bold;
    }

.popup-title {
    font-size: 18px;
    margin-bottom: 6px;
    color: #583e37;
    font-weight: bold;
    font-family: 'Roboto'
}

.popup-subtitle {
    display: inline-block !important;
    font-size: 14px;
    padding: 4px 10px;
    border-radius: 12px;
    margin-bottom: 10px;
    color: #FF5508;
    background: #FF5508;
    background: #FFEDD5;
    border-radius: 40px;
}

.popup-message {
    font-size: 15px;
    margin-bottom: 18px;
    font-family: 'Roboto';
}

.popup-btn {
    width: 100%;
    padding: 12px;
    border: none;
    border-radius: 10px;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    margin: 0;
    margin-bottom: 5px;
}

/* SUCCESS */
.popup-success .popup-icon {
    background: #ffe9dc;
}

    .popup-success .popup-icon span {
        color: #FF5508;
    }

.popup-success .popup-subtitle {
    background: #b37f6e30;
    color: #6b4c42;
}

.popup-success .popup-message {
    color: #b37f6e;
}

.popup-success .popup-btn {
    background: #FF5508;
}

/* ERROR */
.popup-error .popup-icon {
    background: #fde2e2;
}

    .popup-error .popup-icon span {
        color: #e53935;
    }

.popup-error .popup-message {
    color: #e53935;
}

.popup-error .popup-btn {
    background: #e53935;
}
.taxxa-message {
    color: #b37f6e;
    margin-bottom: 10px;
    font-size: 15px;
    font-family: 'Roboto';
    font-weight: 400; 
}

.taxxa-qr {
    width: 120px;
    height: 120px;
    margin-bottom: 10px;
}
.inventory-notification-container {
    margin-top: 5rem;
    padding: 30px;
}

.inventory-notification-title {
    font-size: 28px;
    font-weight: 600;
    color: #2c2c2c;
}

.inventory-notification-subtitle {
    color: #7a7a7a;
    margin-bottom: 20px;
}

.inventory-notification-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.admin-notification-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    row-gap:20px;
}  

.inventory-notification-card {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.inventory-notification-card-header {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-bottom: 15px;
}

    .inventory-notification-card-header h3 {
        margin: 0;
        font-size: 18px;
        color: #d86c56;
        font-weight: 800;
    }

    .inventory-notification-card-header p {
        margin: 6px 0 0;
        color: #7a7a7a;
        font-size: 14px;
        font-weight: 600;
    }

.inventory-notification-news-content-left {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
}

.inventory-notification-icon {
    font-size: 20px;
    color: #ff6b4a;
}

.inventory-notification-news-content {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
}

#gallery .dx-gallery-item-image {
    height: 300px;
    width: auto;
    border-radius: 24px;
}

.inventory-notification-news-image {
    width: 90%;
    height: 100%;
    display: flex;
    align-items: center;
}

    .inventory-notification-news-image img {
        width: 100%;
        height: auto;
        border-radius: 10px;
    }

.inventory-notification-news-text h4 {
    margin: 8px 0;
    font-size: 15px;
}

.inventory-notification-news-text p {
    font-size: 13px;
    color: #666;
}

.inventory-notification-news-text ul {
    padding-left: 15px;
    font-size: 13px;
    color: #4caf50;
}

.inventory-notification-badge {
    background: #ff6b4a;
    color: #fff;
    font-size: 11px;
    padding: 3px 8px;
    border-radius: 10px;
}

.inventory-notification-btn {
    margin-top: 10px;
    background: #ff6b4a;
    color: #fff;
    border: none;
    padding: 8px 14px;
    border-radius: 6px;
    cursor: pointer;
}

.inventory-notification-list {
    margin-top: 10px;
}

.inventory-notification-item {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    font-size: 14px;
}

    .inventory-notification-item span:nth-child(1) {
        white-space: break-spaces;
    }

    .inventory-notification-item span:last-child {
        color: #888;
        font-size: 12px;
    }

.inventory-notification-footer {
    margin-top: 15px;
    color: #ff6b4a;
    font-size: 14px;
    cursor: pointer;
}

.inventory-notification-list-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 280px;
}

.inventory-notification-list .dx-list-item:first-of-type {
    margin-top: 0 !important;
}

.inventory-notification-list .dx-list-item-content {
    padding: 0 !important;
}

.inventory-notification-list .dx-list-item:nth-child(1) > .dx-list-item-content {
    display: block !important;
}

    .inventory-notification-list .dx-list-item:nth-child(1) > .dx-list-item-content > .inventory-notification-item {
        pointer-events: all !important;
        font-size: 14px !important;
        font-weight: normal !important;
    }
.dx-toolbar-multiline .dx-toolbar-item:has(.dx-datagrid-group-panel) {
    width: 100%;
}
.intuipos-menu-container {
    font-family: 'Inter', sans-serif;
    width: 250px;
    background-color: var(--intuipos-bg);
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    padding-bottom: 10px;
}
 
    .intuipos-menu-profile {
    text-align: center;
    padding-bottom: 8px;
}

.intuipos-menu-avatar-wrapper {
    position: relative;
    width: 100%; 
    display: flex; 
    justify-content: center;
    padding-top: 12px;
}

.intuipos-menu-avatar svg {
    height: 50px !important;
    width: 50px !important;
}

.intuipos-menu-username {
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--intuipos-text-main);
    margin: 0 0 4px 0;
}

.intuipos-menu-role {
    font-size: 0.9rem;
    color: var(--intuipos-text-muted);
    margin: 0;
}
 
.intuipos-menu-divider {
    border: 0;
    border-top: 1px solid var(--intuipos-border);
    margin: 16px 0;
}
 
.intuipos-menu-nav {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.intuipos-menu-item {
    display: flex !important;
    align-items: center !important;
    text-decoration: none !important;
    padding: 12px 12px !important;
    border-radius: 8px !important;
    transition: background-color 0.2s ease !important;
    cursor:pointer;
}
 
.intuipos-menu-icon {
    width: 22px;
    height: 22px;
    color: var(--intuipos-text-main);
    margin-right: 16px;
    flex-shrink: 0;
}

.intuipos-menu-text {
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--intuipos-text-main);
    flex-grow: 1;
}

.intuipos-menu-badge {
    font-size: 0.70rem;
    font-weight: 600;
    color: var(--intuipos-badge-text);
    padding: 6px 12px;
    border-radius: 12px;
    letter-spacing: 0.5px;
    background: #ccefd7;
}
 
.intuipos-menu-item--logout .intuipos-menu-icon {
    color: var(--intuipos-logout);
}

.intuipos-menu-item--logout .intuipos-menu-text {
    color: var(--intuipos-logout);
}
.account-code-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.account-code {
    font-weight: 600;
}

.account-actions {
    display: flex;
    gap: 4px;
    margin-left:5px;
}

.account-btn {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px; 
    cursor: pointer;
    opacity: 0;
    transform: translateY(10px) scale(.8);
    transition: all .2s ease;
}
 
.dx-treelist-rowsview .dx-row:hover .account-btn {
    opacity: 1;
    transform: translateY(0) scale(1);
}
  
    .dx-treelist-rowsview .dx-row:hover .account-btn:nth-child(1) {
        transition-delay: 0ms;
    }

    .dx-treelist-rowsview .dx-row:hover .account-btn:nth-child(2) {
        transition-delay: 50ms;
    }

    .dx-treelist-rowsview .dx-row:hover .account-btn:nth-child(3) {
        transition-delay: 100ms;
    }


.account-btn.add {
    color: #ff5722;
    font-size: 20px;
    font-weight: 900;
    transform: scale(1.15) !important;
}

.account-btn.edit{
    color: #ff5722 !important;
    font-size: 20px;
    font-weight: 900;
}

.account-btn.delete {
    color: #ff5722 !important;
    font-size: 20px;
    font-weight: 900;
}
.account-prefix {
    position: absolute;
    left: 1px;
    top: 1px;
    bottom: 1px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    background: #f5f5f5;
    border-right: 1px solid #d9d9d9;
    color: #666;
    font-weight: 600;
    pointer-events: none;
    z-index: 10;
    border-radius: 4px 0 0 4px;
}

.dx-texteditor-input {
    font-weight: 500;
}
.siigo-results-header {
    display: grid;
    grid-template-columns: 250px 120px 1fr;
    gap: 10px;
    padding: 12px;
    font-weight: 600;
    border-bottom: 2px solid #e5e7eb;
    background: #f8fafc;
}

.siigo-results-row {
    display: grid;
    grid-template-columns: 250px 120px 1fr;
    gap: 10px;
    padding: 12px;
    border-bottom: 1px solid #e5e7eb;
}

.siigo-client {
    font-weight: 600;
}

.siigo-success {
    padding: 4px 10px;
    border-radius: 20px;
    background: #dcfce7;
    color: #166534;
    font-weight: 600;
}

.siigo-error {
    padding: 4px 10px;
    border-radius: 20px;
    background: #fee2e2;
    color: #991b1b;
    font-weight: 600;
}

.siigo-message {
    white-space: normal;
    word-break: break-word;
}