/* Hệ popup của thư viện (lớp phủ, khung, hiệu ứng) — chép từ smart.default.css cũ của WebComponents. */
:root{--smart-zindex-popover: 1200;--smart-zindex-appbar: 1300;--smart-zindex-popup: 1400;--smart-palette-text-primary: rgba(66,66,66,1);--smart-palette-overlay-dark: rgba(33,33,33,0.4980392156862745);--smart-palette-overlay-light: rgba(255,255,255,0.4980392156862745);--smart-palette-surface: rgba(255,255,255,1);--smart-default-borderradius: 4px;--smart-appbar-height: 64px}
.smart-popup-container{display:flex;position:fixed;top:0;width:100%;height:100%;z-index:var(--smart-zindex-popup)}
.smart-popup-container.smart-popup-center{align-items:center;justify-content:center}
.smart-popup-container.smart-popup-topcenter{align-items:flex-start;justify-content:center;padding-top:32px}
.smart-popup-container.smart-popup-bottomcenter{align-items:flex-end;justify-content:center;padding-bottom:32px}
.smart-popup-container.smart-popup-centerright{align-items:center;justify-content:flex-end;padding-right:32px}
.smart-popup-container.smart-popup-centerleft{align-items:center;justify-content:flex-start;padding-left:32px}
.smart-popup-container.smart-popup-topleft .smart-popup{position:absolute;top:32px;left:32px}
.smart-popup-container.smart-popup-topright .smart-popup{position:absolute;top:32px;right:32px}
.smart-popup-container.smart-popup-bottomleft .smart-popup{position:absolute;bottom:32px;left:32px}
.smart-popup-container.smart-popup-bottomright .smart-popup{position:absolute;bottom:32px;right:32px}
.smart-popup{display:flex;z-index:calc(var(--smart-zindex-popup) + 2);flex-direction:column;color:var(--smart-palette-text-primary);background-color:var(--smart-palette-surface);border-radius:var(--smart-default-borderradius);-webkit-animation:smart-open-popup-center .1s cubic-bezier(0.39, 0.575, 0.565, 1) both;animation:smart-open-popup-center .1s cubic-bezier(0.39, 0.575, 0.565, 1) both;box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12);max-height:calc(100vh - var(--smart-appbar-height));overflow-y:auto}
.smart-popup.smart-popup-rtl .smart-popup-title .smart-button-close{right:unset;left:8px}
.smart-popup .smart-popup-title{z-index:1;flex:0 0 auto;margin:0;padding:6px 14px;position:relative;border-top-left-radius:var(--smart-default-borderradius);border-top-right-radius:var(--smart-default-borderradius);min-height:38px}
.smart-popup .smart-popup-title+*>.smart-popup-content{border-radius:0}
.smart-popup .smart-popup-title .smart-button-close{top:50%;right:8px;transform:translateY(-50%);position:absolute}
.smart-popup .smart-popup-content{position:relative;flex:1 1 auto;overflow:auto;padding:8px 16px;-webkit-overflow-scrolling:touch;border-top-left-radius:var(--smart-default-borderradius);border-top-right-radius:var(--smart-default-borderradius)}
.smart-popup .smart-popup-content.smart-popup-no-side-padding{padding:12px 0px}
.smart-popup .smart-popup-actions{flex:0 0 auto;display:flex;padding:8px 12px;align-items:center;justify-content:flex-end;border-bottom-left-radius:var(--smart-default-borderradius);border-bottom-right-radius:var(--smart-default-borderradius)}
.smart-popup .smart-popup-actions>:not(:first-child){margin-left:8px;margin-inline-start:8px;margin-inline-end:unset}
.smart-popup-width-false{max-width:calc(100% - 64px)}
.smart-popup-width-xs{max-width:444px}
.smart-popup-width-sm{max-width:600px}
.smart-popup-width-md{max-width:960px}
.smart-popup-width-lg{max-width:1280px}
.smart-popup-width-xl{max-width:1920px}
.smart-popup-width-xxl{max-width:2560px}
.smart-popup-width-full{width:calc(100% - 64px)}
.smart-popup-fullscreen{width:100%;height:100%;margin:0;max-width:100%;max-height:none;border-radius:0;overflow-y:hidden}
@-webkit-keyframes smart-open-popup-center{0%{opacity:0}1%{-webkit-transform:scale(0.5);transform:scale(0.5);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes smart-open-popup-center{0%{opacity:0}1%{-webkit-transform:scale(0.5);transform:scale(0.5);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1)}}
.smart-popup-overlay{top:0;left:0;right:0;bottom:0;margin:0 !important;align-items:center;justify-content:center;border-radius:inherit;display:flex;position:fixed;transition:.3s cubic-bezier(0.25, 0.8, 0.5, 1),z-index 1ms;z-index:5}
.smart-popup-overlay.smart-popup-overlay-absolute{position:absolute}
.smart-popup-overlay .smart-popup-overlay-scrim{top:0;left:0;right:0;bottom:0;border-radius:inherit;position:absolute;height:100%;width:100%;border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);animation:smart-animation-fadein ease .15s;-webkit-animation:smart-animation-fadein ease .15s;-moz-animation:smart-animation-fadein ease .15s;-o-animation:smart-animation-fadein ease .15s}
.smart-popup-overlay .smart-popup-overlay-scrim.smart-popup-overlay-dark{border-color:var(--smart-palette-overlay-dark);background-color:var(--smart-palette-overlay-dark)}
.smart-popup-overlay .smart-popup-overlay-scrim.smart-popup-overlay-light{border-color:var(--smart-palette-overlay-light);background-color:var(--smart-palette-overlay-light)}
.smart-popup-overlay .smart-popup-overlay-scrim:hover{cursor:default}
.smart-popup-overlay .smart-popup-overlay-content{position:relative}
.smart-popup-overlay.smart-popup-overlay-popover{z-index:var(--smart-zindex-popover)}
.smart-popup-overlay.smart-popup-overlay-popup{z-index:calc(var(--smart-zindex-popup) + 1)}
.smart-popup-overlay.smart-popup-overlay-drawer{z-index:calc(var(--smart-zindex-appbar) + 1)}
@keyframes smart-animation-fadein{0%{opacity:0}100%{opacity:1}}
@-moz-keyframes smart-animation-fadein{0%{opacity:0}100%{opacity:1}}
@-webkit-keyframes smart-animation-fadein{0%{opacity:0}100%{opacity:1}}
@-o-keyframes smart-animation-fadein{0%{opacity:0}100%{opacity:1}}
@-ms-keyframes smart-animation-fadein{0%{opacity:0}100%{opacity:1}}
@-webkit-keyframes smart-scale-up-center{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes smart-scale-up-center{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}
@-webkit-keyframes smart-skeleton-keyframes-pulse{0%{opacity:1}50%{opacity:.4}100%{opacity:1}}
@-webkit-keyframes smart-skeleton-keyframes-wave{0%{transform:translateX(-100%)}60%{transform:translateX(100%)}100%{transform:translateX(100%)}}
@-webkit-keyframes smart-progress-circular-keyframes-circular-rotate{0%{transform-origin:50% 50%}100%{transform:rotate(360deg)}}
@-webkit-keyframes smart-progress-circular-keyframes-circular-dash{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0px}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}100%{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}
@-webkit-keyframes smart-progress-linear-horizontal-keyframes-indeterminate1{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}
@-webkit-keyframes smart-progress-linear-horizontal-keyframes-indeterminate2{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}
@-webkit-keyframes smart-progress-linear-horizontal-keyframes-buffer{0%{opacity:1;background-position:0 -23px}50%{opacity:0;background-position:0 -23px}100%{opacity:1;background-position:-200px -23px}}
@-webkit-keyframes smart-progress-linear-vertical-keyframes-indeterminate1{0%{bottom:-35%;top:100%}60%{bottom:100%;top:-90%}100%{bottom:100%;top:-90%}}
@-webkit-keyframes smart-progress-linear-vertical-keyframes-indeterminate2{0%{bottom:-200%;top:100%}60%{bottom:107%;top:-8%}100%{bottom:107%;top:-8%}}
@-webkit-keyframes smart-progress-linear-vertical-keyframes-buffer{0%{opacity:1;background-position:-23px 0}50%{opacity:0;background-position:-23px 0}100%{opacity:1;background-position:-23px -200px}}
@keyframes smart-progress-linear-striped-loading{0%{background-position:0 0}100%{background-position:300px 0}}
/* Khoá cuộn nền khi hộp thông báo / xác nhận SmartDialogHost đang mở. */
html:has(.sdh-overlay){overflow:hidden}
/* Khoá cuộn nền khi màn xem trước bản in SmartPrintPreviewHost đang mở. */
html:has(.smart-print-overlay){overflow:hidden}