.oolink_change_bag_color_popup {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: white;
    top: 0;
    left: 0;
    z-index: 99999;
    overflow: scroll;
} 
.oolink_change_bag_color_popup .button-box{
    text-align: right;
    padding: 15px 30px;
    position: fixed;
    right: 0;
    background-color: white;
    width: 100%;
}
.oolink_change_bag_color_popup .button-box a{
    margin: 10px 10px 0;
}
.oolink_change_bag_color_popup h4{
    padding: 15px;
}
.oolink_hide_body_scroll{
    overflow: hidden;
}

/* KN UI v0.1.36
   Requested:
   - SVG display scale = 80% of v0.1.33 display size
   - white UI background
   - "Menu chính" button matching LƯU ẢNH / CHỌN MÀU
*/
html body,
body {
    background: #ffffff !important;
}

/* Main SVG display: reduce the displayed artwork to 80% while keeping
   the existing layout/interaction and PNG engine unchanged. */
.oolink-svg-container,
.oolink-svg-preview {
    background: #ffffff !important;
}

.oolink-svg-container svg,
.oolink-svg-preview svg {
    max-width: 62.4vw !important;
    max-height: 65.6vh !important;
    width: auto !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* White main workspace */
.oolink-svg-container {
    background-color: #ffffff !important;
}

/* "Menu chính" is styled by the existing button class/markup added by JS/PHP. */
.knll-menu-main-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    padding: 10px 18px !important;
    min-height: 38px !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    color: #111111 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.10) !important;
    transition: all .15s ease !important;
}
.knll-menu-main-btn:hover {
    background: #ffffff !important;
    box-shadow: 0 3px 10px rgba(0,0,0,.14) !important;
    transform: translateY(-1px);
}
.knll-menu-main-btn:active {
    transform: translateY(0);
}

