#krona-chatbot.krona-fixed{position:fixed;right:20px;bottom:20px;z-index:99999;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}
#krona-chatbot .krona-toggle{color:#fff;border-radius:9999px;padding:10px 14px;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.2)}
#krona-chatbot .krona-panel{display:none;position:absolute;right:0;bottom:60px;width:360px;max-height:85vh;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.25)}
#krona-chatbot .krona-panel.open{display:flex;flex-direction:column}
#krona-chatbot .krona-header{display:flex;align-items:center;gap:8px;padding:13px;background:var(--krona);color:#fff}
#krona-chatbot .krona-header img{height:24px}
#krona-chatbot .krona-header .krona-title{font-weight:600}
#krona-chatbot .krona-messages{padding:10px;overflow:auto;background:#f7f7f9;flex:1}
#krona-chatbot .krona-input{display:flex;flex-direction:column;gap:8px;border-top:1px solid #e5e7eb;padding:10px;background:#f8fafc}
#krona-chatbot .krona-input .krona-row{display:flex;gap:8px}
#krona-chatbot .krona-input input{flex:1;border:1px solid #e5e7eb;border-radius:8px;padding:8px}
#krona-chatbot .krona-input button{color:#fff;border:none;border-radius:8px;padding:8px 12px;cursor:pointer}
#krona-chatbot .krona-msg{padding:8px 12px;margin:6px 0;max-width:80%;box-shadow:0 1px 1px rgba(0,0,0,.04)}
#krona-chatbot .krona-user{display: inline-block; float:right; text-align: right;margin-left:auto;background:var(--krona);color:#fff;border-radius:12px 3px 12px 12px}
#krona-chatbot .krona-assistant{display: inline-block; float:left; background:#fff;border:1px solid #e5e7eb;color:#111827;border-radius:12px 12px 12px 4px}
#krona-chatbot .krona-assistant p {color:rgb(56, 56, 56); margin:0;}
#krona-chatbot .krona-assistant{position:relative}
#krona-chatbot .krona-like {
    position: absolute;
    bottom: -8px;
    right: -13px;
    font-size: 11px;
    opacity: .85;
    cursor: pointer;
    user-select: none;
    animation: krona-pulse 1.6s ease-in-out infinite;
    transition: opacity .2s,transform .2s;
    background: white;
    border-radius: 50%;
    padding: 5px;
    aspect-ratio: 1;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#krona-chatbot .krona-like:hover{opacity:1;transform:scale(1.1)}
@keyframes krona-pulse{0%{transform:scale(1)}50%{transform:scale(1.14)}100%{transform:scale(1)}}
/* Tooltip for like */
#krona-chatbot .krona-like:after{content:attr(data-tip);position:absolute;bottom:22px;right:0;background:rgba(17,24,39,.95);color:#fff;font-size:11px;padding:4px 6px;border-radius:6px;white-space:nowrap;opacity:0;transform:translateY(4px);transition:opacity .15s,transform .15s;pointer-events:none}
#krona-chatbot .krona-like:before{content:'';position:absolute;bottom:16px;right:6px;border:6px solid transparent;border-top-color:rgba(17,24,39,.95);opacity:0;transition:opacity .15s}
#krona-chatbot .krona-like:hover:after,#krona-chatbot .krona-like:focus:after{opacity:1;transform:translateY(0)}
#krona-chatbot .krona-like:hover:before,#krona-chatbot .krona-like:focus:before{opacity:1}
#krona-chatbot .krona-actions{display:flex;justify-content:flex-end;padding:6px 10px;gap:8px;clear:both}
#krona-chatbot .krona-like{cursor:pointer;user-select:none}

/* Admin UI decorative blobs */
.krona-wrap--blob{
    background: radial-gradient(1200px 600px at -20% -20%, rgba(59,130,246,.12), transparent 60%), radial-gradient(1000px 500px at 120% -10%, rgba(236,72,153,.10), transparent 55%);
}
.krona-card,
.grid .rounded-lg.border.p-4:not(.border-dashed){
    background: radial-gradient(900px 480px at -15% -25%, rgba(59,130,246,.10), transparent 60%), radial-gradient(820px 420px at 115% -15%, rgba(236,72,153,.08), transparent 55%), #fff;
}
.grid .rounded-lg.border.p-4:nth-child(1){background: radial-gradient(900px 460px at -15% -25%, rgba(99,102,241,.10), transparent 60%), radial-gradient(820px 420px at 115% -15%, rgba(16,185,129,.08), transparent 55%), #fff;}
.grid .rounded-lg.border.p-4:nth-child(2){background: radial-gradient(900px 460px at -15% -25%, rgba(234,179,8,.12), transparent 60%), radial-gradient(820px 420px at 115% -15%, rgba(244,114,182,.08), transparent 55%), #fff;}
.grid .rounded-lg.border.p-4:nth-child(3){background: radial-gradient(900px 460px at -15% -25%, rgba(14,165,233,.12), transparent 60%), radial-gradient(820px 420px at 115% -15%, rgba(99,102,241,.08), transparent 55%), #fff;}
.grid .rounded-lg.border.p-4:nth-child(4){background: radial-gradient(900px 460px at -15% -25%, rgba(236,72,153,.10), transparent 60%), radial-gradient(820px 420px at 115% -15%, rgba(34,197,94,.08), transparent 55%), #fff;}
.grid .rounded-lg.border.p-4:nth-child(5){background: radial-gradient(900px 460px at -15% -25%, rgba(59,130,246,.10), transparent 60%), radial-gradient(820px 420px at 115% -15%, rgba(192,38,211,.08), transparent 55%), #fff;}