/* Shared Layer messages and status icons for store, admin, login, and web pages. */
.layui-layer-msg {
    box-sizing: border-box;
    min-width: 0 !important;
    max-width: min(460px, calc(100vw - 32px));
    border: 1px solid var(--kb-border, #dce3ec) !important;
    border-radius: 12px !important;
    background: var(--kb-surface, #fff) !important;
    color: var(--kb-text, #263449) !important;
    box-shadow: 0 16px 40px rgba(15, 23, 42, .14), 0 2px 8px rgba(15, 23, 42, .06) !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}
.layui-layer-msg .layui-layer-content {
    box-sizing: border-box;
    min-height: 52px;
    padding: 12px 18px !important;
    background: transparent !important;
    color: inherit !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    word-break: break-word;
}
.layui-layer-msg .layui-layer-content.layui-layer-padding {
    display: flex;
    align-items: center;
    gap: 11px;
    text-align: left;
}
.layui-layer-msg .layui-layer-content:not(.layui-layer-padding) {
    text-align: center;
}
.layui-layer-dialog .layui-layer-content .layui-layer-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--kb-layer-icon-bg, #eef2f7) !important;
    color: var(--kb-layer-icon-fg, #64748b);
}
.layui-layer-msg .layui-layer-content .layui-layer-ico {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    flex: 0 0 30px;
}
.layui-layer-dialog .layui-layer-content .layui-layer-ico::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background: currentColor;
    -webkit-mask-image: var(--kb-layer-glyph);
    mask-image: var(--kb-layer-glyph);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.layui-layer-ico0, .layui-layer-ico5 {
    --kb-layer-icon-bg: var(--kb-warning-soft, #fff4e5);
    --kb-layer-icon-fg: var(--kb-warning, #a85c08);
    --kb-layer-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v6m0 4h.01'/%3E%3C/svg%3E");
}
.layui-layer-ico1, .layui-layer-ico6 {
    --kb-layer-icon-bg: var(--kb-success-soft, #e9f7ef);
    --kb-layer-icon-fg: var(--kb-success, #15803d);
    --kb-layer-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4.2 4.2L19 6.5'/%3E%3C/svg%3E");
}
.layui-layer-ico6 {
    --kb-layer-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 14c1 2 2.4 3 4 3s3-1 4-3M8.5 9h.01M15.5 9h.01'/%3E%3C/svg%3E");
}
.layui-layer-ico2 {
    --kb-layer-icon-bg: var(--kb-danger-soft, #fff0f1);
    --kb-layer-icon-fg: var(--kb-danger, #c62828);
    --kb-layer-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m9 9 6 6m0-6-6 6'/%3E%3C/svg%3E");
}
.layui-layer-ico3 {
    --kb-layer-icon-bg: var(--kb-accent-soft, #edf3ff);
    --kb-layer-icon-fg: var(--kb-accent, #2563eb);
    --kb-layer-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.5 9a2.5 2.5 0 0 1 5 0c0 2-2.5 2-2.5 4m0 4h.01'/%3E%3C/svg%3E");
}
.layui-layer-ico4 {
    --kb-layer-icon-bg: var(--kb-accent-soft, #edf3ff);
    --kb-layer-icon-fg: var(--kb-accent, #2563eb);
    --kb-layer-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10' width='14' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");
}
html[data-theme="dark"] .layui-layer-msg {
    border-color: var(--kb-border, #353a43) !important;
    background: var(--kb-surface, #1c2026) !important;
    color: var(--kb-text, #e5e7eb) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .38), 0 2px 8px rgba(0, 0, 0, .18) !important;
}
html[data-theme="dark"] body#modern-store .layui-layer-msg .layui-layer-content {
    background: transparent !important;
    color: inherit !important;
}
@keyframes kb-layer-toast-in {
    from { opacity: 0; transform: translateY(8px) scale(.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
.layui-layer-msg.layer-anim:not(.layer-anim-close) {
    animation-name: kb-layer-toast-in !important;
    animation-duration: .18s !important;
    animation-timing-function: cubic-bezier(.16, 1, .3, 1) !important;
}
@media (prefers-reduced-motion: reduce) {
    .layui-layer-msg.layer-anim:not(.layer-anim-close),
    .layui-layer-msg.layer-anim.layer-anim-close { animation-duration: .01ms !important; }
}