:root{--et-primary: #16A34A; --et-secondary: #0F766E; --et-accent: #22C55E; --et-invoice: #16A34A;}
.btn-primary, .bg-primary, .badge-primary, .page-item.active .page-link, .nav-pills .nav-link.active, .dropdown-item.active, .dropdown-item:active{background-color: var(--et-primary) !important; border-color: var(--et-primary) !important;}
.text-primary, .nav-icon, .navigation-left .nav-item.active .nav-icon, .navigation-left .nav-item:hover .nav-icon{color: var(--et-primary) !important;}
.border-primary, .form-control:focus, .custom-select:focus{border-color: var(--et-primary) !important;}
a:not(.btn):not(.text-danger):not(.text-warning){--link-color: var(--et-primary);}
.loading span{background: var(--et-primary) !important;}
.navigation-left .nav-item.active, .navigation-left .nav-item:hover{--primary: var(--et-primary);}
#et-branding-panel{display: none; position: relative; z-index: 25; background: rgb(247, 250, 248); min-height: calc(-90px + 100vh); padding: 22px; overflow: auto;}
.et-module-open #et-branding-panel{display: block;}
.et-module-open > .main-content, .et-module-open > .breadcrumb{display: none !important;}
#et-branding-panel *{box-sizing: border-box;}
.et-shell{max-width: 1180px; margin: auto;}
.et-head{display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px;}
.et-title{font-size: 24px; font-weight: 800; margin: 0px;}
.et-sub{color: rgb(100, 116, 139); font-size: 13px;}
.et-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px;}
.et-card{background: rgb(255, 255, 255); border: 1px solid rgb(229, 231, 235); border-radius: 16px; padding: 18px; box-shadow: rgba(15, 23, 42, 0.05) 0px 4px 18px;}
.et-card h3{font-size: 16px; margin: 0px 0px 14px;}
.et-row{display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}
.et-field{margin-bottom: 12px;}
.et-field label{display: block; font-size: 12px; font-weight: 700; margin-bottom: 6px; color: rgb(71, 85, 105);}
.et-field input, .et-field select{width: 100%; height: 40px; border: 1px solid rgb(219, 226, 232); border-radius: 10px; padding: 0px 10px;}
.et-switch{display: flex; align-items: center; justify-content: space-between; padding: 10px 0px; border-bottom: 1px solid rgb(238, 242, 247);}
.et-btn{border: 0px; border-radius: 10px; padding: 10px 14px; font-weight: 700; cursor: pointer;}
.et-btn-primary{background: var(--et-primary); color: rgb(255, 255, 255);}
.et-btn-light{background: rgb(238, 246, 240); color: rgb(20, 83, 45);}
.et-btn-danger{background: rgb(254, 226, 226); color: rgb(153, 27, 27);}
.et-assets{display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px;}
.et-asset{border: 1px dashed rgb(203, 213, 225); border-radius: 12px; padding: 12px; text-align: center;}
.et-asset img{max-width: 100%; height: 88px; object-fit: contain; border-radius: 8px; background: rgb(248, 250, 252);}
.et-users{width: 100%; border-collapse: collapse;}
.et-users th, .et-users td{padding: 9px; border-bottom: 1px solid rgb(237, 242, 247); text-align: left; font-size: 12px;}
.et-pin-reveal{font-size: 25px; font-weight: 900; letter-spacing: 5px; color: var(--et-primary);}
#et-crop-modal{position: fixed; inset: 0px; background: rgba(2, 6, 23, 0.72); z-index: 999999; display: none; align-items: center; justify-content: center; padding: 20px;}
#et-crop-modal.open{display: flex;}
.et-crop-box{width: min(700px, 96vw); background: rgb(255, 255, 255); border-radius: 18px; padding: 18px;}
.et-crop-stage{width: 100%; height: 360px; background: rgb(17, 24, 39); border-radius: 12px; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.et-crop-stage canvas{max-width: 100%; max-height: 100%;}
.et-crop-controls{display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 14px 0px;}
.et-crop-actions{display: flex; gap: 10px; justify-content: flex-end;}
.invoice h1, .invoice h2, .invoice h3, .invoice-title, .invoice-header, .receipt-header, .quotation-header, .print-table thead th{color: var(--et-invoice) !important;}
.invoice table thead th, .receipt table thead th, .quotation table thead th{border-color: var(--et-invoice) !important;}
.invoice .bg-primary, .receipt .bg-primary, .quotation .bg-primary{background: var(--et-invoice) !important;}









.et-glass{width: min(460px, 100%); padding: 28px; border-radius: 24px; background: rgba(255,255,255,var(--et-glass-opacity,.74)); backdrop-filter: blur(var(--et-glass-blur,18px)); border: 1px solid rgba(255, 255, 255, 0.48); box-shadow: rgba(0, 0, 0, 0.38) 0px 28px 80px;}
.et-glass-logo{text-align: center; margin-bottom: 16px;}
.et-glass-logo img{max-height: 56px; max-width: 260px;}










.et-pinpad{display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin-top: 12px;}
.et-pinpad button{height: 52px; border: 1px solid rgba(100, 116, 139, 0.25); background: rgba(255, 255, 255, 0.72); border-radius: 12px; font-size: 18px; font-weight: 800;}
.et-message{font-size: 12px; padding: 9px 11px; border-radius: 9px; margin-bottom: 10px; display: none;}
.et-message.show{display: block;}
.et-message.error{background: rgb(254, 226, 226); color: rgb(153, 27, 27);}
.et-message.ok{background: rgb(220, 252, 231); color: rgb(22, 101, 52);}
@media (max-width: 900px) {


.et-grid{grid-template-columns: 1fr;}
.et-row, .et-assets{grid-template-columns: 1fr;}
#et-branding-panel{padding: 12px;}}
.et-module-open #et-branding-panel{display: block !important;}
.vertical-sidebar-header .sidebar-logo{background: transparent !important; overflow: visible !important;}
.vertical-sidebar-header .sidebar-logo .logo-image{width: 100% !important; height: 100% !important; object-fit: contain !important; object-position: center center !important; background: transparent !important; border-radius: 0px !important;}
.vertical-sidebar-header .header-brand{align-items: center !important;}
.loader_logo img:not([data-et-branding-logo="1"]), .sidebar-logo img:not([data-et-branding-logo="1"]), .sidebar-logo .logo-placeholder{visibility: hidden !important;}
.loader_logo img[data-et-branding-logo="1"], .sidebar-logo img[data-et-branding-logo="1"]{visibility: visible !important;}
.loader_logo img{object-fit: contain !important; background: transparent !important;}











.et-mt{margin-top: 12px !important;}
.et-reset-box{margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(100, 116, 139, 0.18);}
.vertical-top-nav .btn-primary, .vertical-top-nav .btn-primary:hover, .vertical-top-nav .btn-primary:focus, .vertical-top-nav .btn-primary:active{background: var(--et-primary) !important; border-color: var(--et-primary) !important; color: rgb(255, 255, 255) !important;}
.vertical-top-nav .nav-icon-btn:hover, .vertical-top-nav .dropdown-toggle-no-caret:hover, .vertical-top-nav .dropdown-toggle-no-caret:focus, .vertical-top-nav .dropdown-toggle-no-caret:active{color: var(--et-primary) !important; border-color: var(--et-primary) !important;}
.vertical-top-nav .menu-toggle:hover div{background: var(--et-primary) !important;}
.customizer .handle{background: var(--et-primary) !important;}
.customizer .layout-option:hover, .customizer .layout-option.active{border-color: var(--et-primary) !important;}
.customizer .layout-option .option-label i, .customizer .layout-option.active .option-label{color: var(--et-primary) !important;}
@media (max-width: 900px) {

}






















.et-center-modal{position: fixed; inset: 0px; z-index: 2147483000; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(15, 23, 42, 0.34); backdrop-filter: blur(3px);}
.et-center-card{width: min(420px, 100%); background: rgb(255, 255, 255); border-radius: 18px; box-shadow: rgba(15, 23, 42, 0.25) 0px 24px 80px; padding: 22px; border: 1px solid rgba(148, 163, 184, 0.25);}
.et-center-title{font-size: 18px; font-weight: 800; color: rgb(15, 23, 42); margin-bottom: 14px;}
.et-center-body{color: rgb(71, 85, 105);}
.et-center-actions{display: flex; justify-content: flex-end; gap: 10px; margin-top: 18px;}
.et-modal-label{display: block; font-size: 12px; font-weight: 800; margin-bottom: 7px;}
.et-modal-select{width: 100%; height: 44px; border: 1px solid rgb(203, 213, 225); border-radius: 10px; padding: 0px 12px; background: rgb(255, 255, 255);}
.et-generated-pin{text-align: center; font-size: 34px; font-weight: 900; letter-spacing: 8px; color: var(--et-primary); padding: 14px 8px;}
@media (max-width: 900px) {

}




















 .et-modal-input:focus{border-color: var(--et-primary) !important; box-shadow: 0 0 0 3px color-mix(in srgb,var(--et-primary) 12%,transparent) !important;}







.et-modal-input{width: 100%; height: 44px; border: 1px solid rgb(203, 213, 225); border-radius: 10px; padding: 0px 12px; background: rgb(255, 255, 255); outline: none; font-size: 16px; letter-spacing: 3px;}
@media (max-width: 520px) {




}
.et-branding-pin-menu .et-nav-svg{width: 19px !important; height: 19px !important; flex: 0 0 auto !important; stroke: currentcolor !important; fill: none !important;}
.et-branding-pin-menu.active > .nav-link{background: var(--et-primary) !important; color: rgb(255, 255, 255) !important;}
.et-branding-pin-menu.active > .nav-link .nav-icon, .et-branding-pin-menu.active > .nav-link .nav-text{color: rgb(255, 255, 255) !important;}

@media (max-width: 1024px) {



}
@media (max-width: 520px) {



}
html.et-bp-prelogin body{background: rgb(245, 247, 246) !important;}

html.et-bp-prelogin img[src*="/images/logo"], html.et-bp-prelogin img[src*="logo-default"], html.et-bp-prelogin .loader_logo img{opacity: 0 !important; visibility: hidden !important;}
html.et-bp-prelogin .hero-title, html.et-bp-prelogin .hero-subtitle, html.et-bp-prelogin .hero-feature, html.et-bp-prelogin .hero-badge{visibility: hidden !important; opacity: 0 !important;}


.et-branding-pin-menu{cursor: pointer !important;}
.sidebar-menu > .et-branding-pin-menu.ant-menu-item{margin-inline: 4px !important; width: calc(100% - 8px) !important;}
.sidebar-menu > .et-branding-pin-menu.ant-menu-item .ant-menu-title-content{overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important;}
.sidebar-menu > .et-branding-pin-menu.ant-menu-item.active, .sidebar-menu > .et-branding-pin-menu.ant-menu-item.ant-menu-item-selected{color: var(--et-primary) !important; background: color-mix(in srgb,var(--et-primary) 14%,transparent) !important;}
.flat > .et-branding-pin-menu.flat-item.active{color: var(--et-primary) !important; background: color-mix(in srgb,var(--et-primary) 14%,transparent) !important; font-weight: 600 !important;}
.rail > .et-branding-pin-menu.rail-item.active{color: var(--et-primary) !important; background: color-mix(in srgb,var(--et-primary) 14%,transparent) !important;}
.et-branding-v58-panel{width: 100%; min-height: calc(-160px + 100vh); box-sizing: border-box;}
.et-branding-v58-panel .et-shell{width: 100%; max-width: none; margin: 0px;}
.brand-initial[data-et-branding-logo], .brand-initial{background-color: transparent !important;}
@media (max-width: 991px) {.et-branding-v58-panel{min-height: auto;}}
.et-barcode-ready{display: inline-flex; align-items: center; justify-content: center; min-height: 26px; padding: 4px 10px; margin: -2px 0px 8px; border: 1px solid color-mix(in srgb,var(--et-primary) 30%,#dbe3df); border-radius: 999px; background: color-mix(in srgb,var(--et-primary) 7%,#fff); color: var(--et-primary); font-size: 11px; font-weight: 800; letter-spacing: 0.1px;}
.et-alpha-keyboard{margin: 8px 0px 12px; padding: 10px; border: 1px solid rgb(219, 228, 224); border-radius: 14px; background: rgba(248, 250, 249, 0.94);}
.et-keyboard-head{display: flex; align-items: center; justify-content: space-between; margin: 0px 2px 7px; color: rgb(100, 116, 139); font-size: 11px; font-weight: 700;}
.et-keyboard-head b{color: var(--et-primary); font-size: 11px;}
.et-alpha-grid{display: grid; grid-template-columns: repeat(10, minmax(0px, 1fr)); gap: 5px;}
.et-alpha-grid button{height: 44px; min-width: 0px; border: 1px solid rgb(215, 223, 220); border-radius: 9px; background: rgb(255, 255, 255); color: rgb(15, 23, 42); font-size: 15px; font-weight: 800; cursor: pointer; touch-action: manipulation; box-shadow: rgba(15, 23, 42, 0.04) 0px 1px 2px;}
.et-alpha-grid button:active, .et-alpha-grid button.active{background: color-mix(in srgb,var(--et-primary) 12%,#fff); border-color: var(--et-primary); color: var(--et-primary);}
.et-alpha-grid .et-alpha-shift{grid-column: span 2;}
.et-alpha-grid .et-alpha-clear{grid-column: span 4;}
.et-alpha-grid .et-alpha-back{grid-column: span 4;}
.et-alpha-focus{border-color: var(--et-primary) !important; box-shadow: 0 0 0 3px color-mix(in srgb,var(--et-primary) 12%,transparent) !important;}
.et-number-pad{margin-top: 8px !important;}
.et-muted{color: rgb(148, 163, 184); font-size: 12px;}
.et-btn-sm{white-space: nowrap; padding: 7px 9px !important; font-size: 11px !important; line-height: 1 !important;}
.et-barcode-input{letter-spacing: 0.5px !important; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;}




@media (min-width: 768px) {

}
@media (max-width: 767px) {.et-alpha-keyboard, .et-otp-pinpad{display: none !important;}

.et-barcode-ready{font-size: 10px; margin-bottom: 6px;}}













































.et-feature-config-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; margin-top: 12px;}
.et-feature-config{border: 1px solid rgb(229, 235, 232); border-radius: 12px; padding: 12px; background: rgb(250, 252, 251);}
.et-feature-config > b{display: block; margin-bottom: 8px; font-size: 12px;}
.et-feature-config .et-field{margin-bottom: 8px;}
.et-feature-config .et-field:last-child{margin-bottom: 0px;}
@media (max-height: 760px) and (min-width: 768px) {












}
@media (max-width: 767px) {













.et-feature-config-grid{grid-template-columns: 1fr;}}




.et-pos-hardware-art{position: absolute; z-index: 1; inset: 0px; overflow: hidden; pointer-events: none;}
.et-pos-hardware-art img{position: absolute; width: 100%; height: 100%; inset: 0px; object-fit: cover; object-position: center center; opacity: 0.72; mix-blend-mode: screen;}












.et-keyboard-title{padding: 0px 4px; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.26) 0px 2px 10px;}
.et-keyboard-title span{display: block; font-size: 22px; font-weight: 900; letter-spacing: -0.3px;}
.et-keyboard-title small{display: block; margin-top: 3px; color: rgba(255, 255, 255, 0.68); font-size: 11px; font-weight: 600;}















@media (max-height: 760px) and (min-width: 768px) {










.et-keyboard-title span{font-size: 18px;}





}
@media (max-width: 980px) and (min-width: 768px) {




}
@media (max-width: 767px) {


.et-pos-hardware-art img{opacity: 0.16; object-position: 65% center; mix-blend-mode: multiply;}









}
@media (min-width: 1101px) {
















.et-keyboard-title{padding: 0px 3px !important;}
.et-keyboard-title span{font-size: 19px !important; line-height: 1.1 !important;}
.et-keyboard-title small{font-size: 10.5px !important; margin-top: 2px !important;}






}
@media (max-height: 760px) and (min-width: 1101px) {








}
@media (max-width: 1100px) and (min-width: 768px) {






}
.et-pos-hardware-art{display: none !important;}



.et-layout-touch{display: grid !important; grid-template-columns: minmax(470px, 530px) minmax(680px, 1fr) !important; grid-template-rows: auto auto !important; gap: 18px clamp(28px, 3vw, 48px) !important; align-content: center !important; align-items: center !important;}















.et-layout-touch .et-keyboard-title{margin: 0px 0px 10px 8px !important; color: rgb(255, 255, 255) !important;}
.et-layout-touch .et-keyboard-title span{font-size: 24px !important; font-weight: 800 !important; line-height: 1.05 !important;}
.et-layout-touch .et-keyboard-title small{font-size: 12px !important; color: rgba(255, 255, 255, 0.78) !important; margin-top: 4px !important;}

.et-layout-touch .et-alpha-keyboard{margin: 0px !important; padding: 0px !important; background: transparent !important; border: 0px !important;}
.et-layout-touch .et-keyboard-head{margin: 0px 3px 10px !important; font-size: 12px !important;}
.et-layout-touch .et-alpha-grid{gap: 8px !important;}
.et-layout-touch .et-alpha-grid button{height: 58px !important; border-radius: 12px !important; font-size: 18px !important; box-shadow: rgba(15, 23, 42, 0.08) 0px 2px 5px !important;}
.et-layout-touch .et-alpha-grid .et-alpha-shift{grid-column: span 2 !important;}
.et-layout-touch .et-alpha-grid .et-alpha-clear{grid-column: span 4 !important;}
.et-layout-touch .et-alpha-grid .et-alpha-back{grid-column: span 4 !important;}








.et-layout-non_touch{display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 18px !important;}




@media (max-height: 820px) and (min-width: 900px) {







.et-layout-touch .et-alpha-grid button{height: 50px !important; font-size: 17px !important;}

}
@media (max-width: 1100px) and (min-width: 768px) {.et-layout-touch{grid-template-columns: minmax(390px, 0.9fr) minmax(500px, 1.1fr) !important; column-gap: 18px !important; width: min(1040px, -24px + 100vw) !important;}

.et-layout-touch .et-alpha-grid{gap: 6px !important;}
.et-layout-touch .et-alpha-grid button{height: 52px !important; font-size: 16px !important;}
}
@media (max-width: 767px) {


 .et-layout-touch, .et-layout-non_touch{width: 100% !important; height: auto !important; min-height: 100dvh !important; padding: 18px 14px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; gap: 12px !important;}










}
@media (min-width: 768px) {html:has(body.et-login-body){height:100%!important;overflow:hidden!important;}



.et-layout-touch{display: grid !important; grid-template-columns: minmax(450px, 530px) minmax(620px, 1fr) !important; grid-template-rows: 1fr !important; gap: clamp(26px, 3vw, 48px) !important; align-items: center !important; align-content: center !important;}
















.et-layout-touch .et-keyboard-title, .et-layout-touch .et-keyboard-head{display: none !important;}

.et-layout-touch .et-alpha-grid{gap: 10px !important;}
.et-layout-touch .et-alpha-grid button{height: clamp(60px, 7vh, 78px) !important; border-radius: 14px !important; font-size: clamp(18px, 1.35vw, 23px) !important; box-shadow: rgba(15, 23, 42, 0.1) 0px 2px 6px !important;}








.et-layout-non_touch{display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 16px !important;}



}
@media (max-height: 800px) and (min-width: 768px) {











.et-layout-touch .et-alpha-grid{gap: 7px !important;}
.et-layout-touch .et-alpha-grid button{height: 49px !important; font-size: 17px !important;}




}
@media (max-width: 1180px) and (min-width: 768px) {.et-layout-touch{width: min(1140px, -24px + 100vw) !important; grid-template-columns: minmax(390px, 0.82fr) minmax(520px, 1.18fr) !important; gap: 18px !important;}

.et-layout-touch .et-alpha-grid{gap: 6px !important;}
.et-layout-touch .et-alpha-grid button{font-size: 16px !important;}
}
@media (max-width: 767px) {

 .et-layout-touch, .et-layout-non_touch{width: 100% !important; height: auto !important; min-height: 100dvh !important; padding: 14px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; gap: 10px !important;}






}




























































@media (max-height: 820px) and (min-width: 901px) {














}
@media (max-width: 1100px) and (min-width: 901px) {
}
@media (max-width: 900px) {











}








.et-user-system-id{margin-top: 3px; font-size: 11px; color: rgb(148, 163, 184); white-space: nowrap;}
.et-users-wrap{width: 100%; max-width: 100%; overflow-x: auto !important;}
.et-users{min-width: 980px !important;}
.et-users th, .et-users td{vertical-align: middle !important;}
@media (max-width: 900px) {





}
@media (max-height: 700px) and (max-width: 900px) {











}






















@media (max-height: 700px) and (min-width: 901px) {








}
@media (max-width: 1100px) and (min-width: 901px) {



}
@media (max-width: 900px) {



}
@media (min-width: 901px) {






}
@media (min-width: 901px) and (max-height: 730px) {










}


#et-branding-panel{max-height: none !important; overflow: visible !important;}
.et-module-open #et-branding-panel{overflow: visible !important;}
@media (min-width: 901px) {









































}
@media (min-width: 901px) and (max-height: 740px) {
















}
@media (max-width: 900px) {


}
@media (min-width: 901px) {









































}
@media (min-width: 901px) and (max-height: 760px) {



















}



@media (min-width: 1025px) {









































}
@media (min-width: 1025px) and (max-width: 1366px) {














}
@media (min-width: 1025px) {














}
@media (min-width: 1025px) and (max-width: 1366px) {






}
@media (min-width: 1025px) {












}
.et-feature-config{padding: 12px 0px; border-bottom: 1px solid rgb(238, 242, 247);}
.et-feature-config:last-of-type{border-bottom: 0px;}
.et-feature-config > b{display: block; margin-bottom: 9px; color: rgb(22, 52, 31);}
.et-asset .et-asset-title{font-weight: 700; margin-bottom: 8px; color: rgb(31, 41, 55);}
.et-asset.et-asset-login_background img{width: 100% !important; height: 120px !important; object-fit: cover !important; object-position: center center !important; border-radius: 10px !important; background: rgb(229, 239, 232) !important;}
@media (min-width: 1025px) {








}
@media (min-width: 1025px) {






















}
@media (min-width: 1025px) and (max-width: 1366px) {










}
@media (min-width: 1025px) {

































































}
@media (min-width: 1025px) and (max-width: 1450px), (min-width: 1025px) and (max-height: 820px) {







































}
@media (min-width: 1025px) {



































}


@media (min-width: 1025px) {


}
@media (min-width: 1025px) {





}
@media (min-width: 1025px) {




}

@media (min-width: 1025px) {




















}

@media (min-width: 1025px) {

















}
@media (min-width: 1025px) and (max-width: 1600px), (min-width: 1025px) and (max-height: 820px) {




}
html body #et-core-install{display: none !important;}
html body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):focus, html body textarea:focus, html body select:focus{outline: none !important; box-shadow: none !important; border-color: var(--et-primary,#168250) !important;}
html body.et-login-body{margin:0!important;height:auto!important;overflow:auto!important}html body .auth-page.et-fullscreen-login-page{display:block!important;position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;height:auto!important;min-height:100dvh!important;margin:0!important;padding:0!important;overflow:visible!important;visibility:visible!important;opacity:1!important}html body #et-pin-login-v3{display:block!important;width:100%!important;min-height:100dvh!important}
html:has(body.et-login-body){height:auto!important;overflow-y:auto!important}html body.et-login-body #app{height:auto!important;min-height:100dvh!important;overflow:visible!important}

html:has(body.et-login-body),html body.et-login-body,html body.et-login-body #app{height:100dvh!important;min-height:0!important;overflow:hidden!important}html body .auth-page.et-fullscreen-login-page,html body #et-pin-login-v3{height:100dvh!important;min-height:0!important;overflow:hidden!important}