/*11022026 start pat LayoutAppCss*/
        * { scrollbar-width: thin; scrollbar-color: #cbd5e1 transparent; }
        *::-webkit-scrollbar { width: 7px; height: 7px; }
        *::-webkit-scrollbar-track { background: transparent; }
        *::-webkit-scrollbar-thumb { background: #cbd5e1; border: 2px solid transparent; border-radius: 9999px; background-clip: content-box}
        *::-webkit-scrollbar-thumb:hover { background: #94a3b8; border: 2px solid transparent; background-clip: content-box; }

        
        body, button, input, select, textarea { font-family: 'Nunito', ui-sans-serif, system-ui, sans-serif !important; }
        
        .bk-alert{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid;font-size:.875rem;font-weight:600;line-height:1.4;animation:bk-alert-rise .45s cubic-bezier(.34,1.56,.64,1) backwards}
.bk-alert.hidden,.bk-alert[hidden]{display:none}
        .bk-wrap,.bk-alert{overflow-wrap:anywhere;word-break:break-word;min-width:0}
        .bk-alert::before{content:'';flex:none;width:28px;height:28px;border-radius:9999px;background:var(--c-card) center/16px no-repeat}
        .bk-alert-error{background:var(--c-bad-soft);border-color:var(--c-bad-border);color:var(--c-bad-tx);animation:bk-alert-rise .45s cubic-bezier(.34,1.56,.64,1) backwards,bk-alert-shake .35s .45s}
        .bk-alert-warning{background:var(--c-warn-soft);border-color:var(--c-warn-border);color:var(--c-warn-tx-2)}
        .bk-alert-success{background:var(--c-ok-soft);border-color:var(--c-ok-line);color:var(--c-ok-tx-2)}
        .bk-alert-info{background:var(--c-tint);border-color:var(--c-line-blue);color:var(--c-link)}
        .bk-alert-error::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b91c1c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v4M12 16h.01'/%3E%3C/svg%3E")}
        .bk-alert-warning::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b45309' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3Cpath d='M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z'/%3E%3C/svg%3E")}
        .bk-alert-success::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315803d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E")}
        .bk-alert-info::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d4ed8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 8h.01'/%3E%3C/svg%3E")}
        .bk-toast{position:fixed;top:1.5rem;left:0;right:0;margin:0 auto;width:fit-content;z-index:400;max-width:min(26rem,calc(100vw - 2rem));padding:.65rem 1rem;font-size:.9rem;border-radius:1rem;overflow:hidden;box-shadow:0 6px 18px rgba(15,23,42,.12)}
        .bk-toast::before{width:24px;height:24px;background-size:14px}
        .bk-toast::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:3px;background:currentColor;opacity:.35;transform-origin:left;animation:bk-toast-bar 3s linear forwards}
        @keyframes bk-alert-rise{from{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:none}}
        @keyframes bk-alert-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
        @keyframes bk-toast-bar{from{transform:scaleX(1)}to{transform:scaleX(0)}}
        @media (prefers-reduced-motion:reduce){.bk-alert,.bk-alert-error{animation:none}.bk-toast::after{display:none}}
    
/*11092026 end pat LayoutAppCss*/