/* Shared styles for admin and frontend (compact) */

/* Floating bubble & panel */
#scf3-widget { position: fixed; bottom: 22px; right: 22px; z-index: 99999; font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial; }
#scf3-bubble { width:64px; height:64px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:var(--scf3-color,#0066cc); color:#fff; font-size:28px; box-shadow:0 6px 18px rgba(0,0,0,0.2); cursor:pointer; transition:transform .18s ease; }
#scf3-bubble:hover{ transform:scale(1.05); }

/* panel */
#scf3-panel { width:360px; max-width:calc(100vw - 40px); height:520px; border-radius:12px; overflow:hidden; box-shadow:0 12px 30px rgba(0,0,0,0.25); background:#fff; display:flex; flex-direction:column; transform:translateY(10px); }
.scf3-hidden{display:none;}
.scf3-header{background:linear-gradient(135deg,var(--scf3-color,#0066cc),#005bb5); color:#fff; padding:14px; display:flex; align-items:center; gap:10px;}
.scf3-avatar{width:44px;height:44px;border-radius:8px;background:rgba(255,255,255,0.15);display:flex;align-items:center;justify-content:center;font-size:20px;}
.scf3-title{font-weight:700;font-size:16px;flex:1;}
#scf3-close{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;padding:6px 10px;}

.scf3-messages{flex:1;padding:14px;overflow:auto;background:linear-gradient(180deg,#f7fbff,#f4f9ff);}
.scf3-msg{max-width:78%;margin-bottom:10px;padding:10px 12px;border-radius:12px;line-height:1.35;}
.scf3-msg.bot{background:#fff;border:1px solid #e6eefc;}
.scf3-msg.user{background:linear-gradient(90deg,#d5f7e8,#bff1d9);margin-left:auto;text-align:right;}

.scf3-input{display:flex;padding:12px;border-top:1px solid #eee;}
#scf3-input{flex:1;padding:10px;border-radius:8px;border:1px solid #ddd;margin-right:8px;outline:none;}
#scf3-send{background:var(--scf3-color,#0066cc);color:#fff;border:none;padding:9px 14px;border-radius:8px;cursor:pointer;}

/* Admin builder */
#scf3-builder{display:flex;gap:20px;align-items:flex-start;}
#scf3-left{width:40%;}
#scf3-right{flex:1;}
#scf3-questions-list{min-height:300px;border:1px dashed #ddd;padding:10px;border-radius:8px;background:#fff;}
.scf3-card{padding:10px;border-radius:8px;background:#fafafa;margin-bottom:8px;cursor:grab;border-left:4px solid #e1e8ff;}
.scf3-card:hover{background:#fff;}