#dslc-portal{ position:fixed; inset:0; z-index:2147483647; pointer-events:none; }
#dslc-portal #dslc-widget{ pointer-events:auto; }
#dslc-widget,#dslc-panel,#dslc-bubble,#dslc-bubble-label{ z-index:2147483647 !important; } :root{ --dslc-bot:18px; --dslc-gap:2px; --dslc-size:60px; --dslc-offset:0px; }
@media (min-width:768px){ :root{ --dslc-offset:0px !important; } }
#dslc-widget, #dslc-widget *{ box-sizing:border-box; font-family:system-ui,-apple-system,"Segoe UI",Roboto,Inter,Arial,sans-serif; } #dslc-bubble{
position:fixed; right:18px;
bottom:calc(var(--dslc-bot) + var(--dslc-offset) + env(safe-area-inset-bottom));
width:60px;height:60px;border-radius:50%;border:0;cursor:pointer;outline:none;
background:linear-gradient(135deg,#4f46e5,#06b6d4);
box-shadow:0 10px 24px rgba(0,0,0,.18);
display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:22px;
}
#dslc-bubble:hover{ transform:translateY(-2px); }
#dslc-bubble-label{
position:fixed; right:88px;
bottom:calc(var(--dslc-bot) + var(--dslc-gap) + var(--dslc-offset) + env(safe-area-inset-bottom));
background:#0f172a;color:#fff;padding:6px 10px;border-radius:10px;font-size:13px;box-shadow:0 8px 20px rgba(0,0,0,.2);
} #dslc-panel{
position:fixed; right:18px;
bottom:calc(var(--dslc-bot) + var(--dslc-size) + var(--dslc-gap) + var(--dslc-offset) + env(safe-area-inset-bottom));
width:min(420px,calc(100vw - 36px)); max-height:min(76vh,780px);
display:none; flex-direction:column; background:#fff; border-radius:16px; overflow:hidden;
border:1px solid rgba(15,23,42,.06); box-shadow:0 24px 48px rgba(2,6,23,.25),0 4px 12px rgba(2,6,23,.15);
}
#dslc-widget.dslc-open #dslc-panel{ display:flex; } .dslc-header{ display:flex; align-items:center; gap:10px; padding:10px 12px; background:linear-gradient(180deg,#f8fafc,#fff); border-bottom:1px solid rgba(0,0,0,.06); }
.brand{ display:flex; align-items:center; gap:8px; font-weight:700; color:#0f172a; }
.brand .dot{ color:#22c55e; }
.hours{ margin-left:auto; font-size:12px; color:#475569; }
.actions{ display:flex; gap:6px; }
#dslc-close,#dslc-mute{ background:transparent;border:0;cursor:pointer;font-size:18px; } .dslc-messages{ padding:12px; background:#f8fafc; overflow:auto; display:flex; flex-direction:column; gap:10px; }
.dslc-msg{ display:flex; align-items:flex-end; gap:8px; max-width:86%; }
.dslc-msg .bubble{ padding:10px 12px; border-radius:14px; background:#fff; box-shadow:0 2px 6px rgba(2,6,23,.06); font-size:14px; color:#0f172a; white-space:pre-wrap; word-wrap:break-word; }
.dslc-msg.me{ justify-content:flex-end; margin-left:auto; }
.dslc-msg.me .bubble{ background:linear-gradient(135deg,#4f46e5,#06b6d4); color:#fff; }
.dslc-system{ text-align:center; font-size:12px; color:#64748b; }
.dslc-system.greet{ opacity:.95; } .dslc-attach img{ max-width:200px; max-height:160px; border-radius:10px; display:block; box-shadow:0 2px 8px rgba(0,0,0,.12); }
.dslc-attach a{ color:#0ea5e9; text-decoration:underline; } .dslc-callback{ background:#fff; border-top:1px solid rgba(2,6,23,.06); padding:8px 12px; }
.dslc-callback summary{ cursor:pointer; font-weight:700; } .dslc-callback .body{
display:grid;
grid-template-columns:1fr 1fr;
gap:8px; align-items:end; margin-top:8px;
}
.dslc-callback input{ height:36px; padding:8px 10px; border:1px solid #e2e8f0; border-radius:10px; }
.dslc-callback .btn{
grid-column:1 / -1; justify-self:start;
height:36px; padding:0 12px; border-radius:10px; border:0;
background:linear-gradient(135deg,#22c55e,#16a34a); color:#fff; cursor:pointer;
}
.dslc-callback .info{ grid-column:1 / -1; font-size:12px; color:#16a34a; } .dslc-contacts{ display:flex; align-items:center; gap:8px; padding:8px 12px; background:#fff; border-top:1px solid rgba(2,6,23,.06); flex-wrap:wrap; }
.dslc-contacts .ttl{ font-size:13px; color:#475569; font-weight:600; margin-right:2px; }
.dslc-contacts .c{ width:28px; height:28px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; text-decoration:none; }
.dslc-contacts .ig{ background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af,#515bd4); }
.dslc-contacts .tg{ background:#229ED9; }
.dslc-contacts .wa{ background:#25D366; } #dslc-form{ display:flex; align-items:center; gap:8px; padding:10px; background:#fff; border-top:1px solid rgba(2,6,23,.06); }
#dslc-attach{ background:transparent;border:0;font-size:18px;cursor:pointer; }
#dslc-input{ flex:1 1 auto; min-height:36px; max-height:160px; padding:9px 12px; border:1px solid #e2e8f0; border-radius:12px; background:#f8fafc; font-size:14px; outline:none; }
#dslc-send{ height:36px; padding:0 14px; border-radius:12px; border:0; color:#fff; font-weight:600; cursor:pointer; background:linear-gradient(135deg,#4f46e5,#06b6d4); }
@media (max-width:440px){
#dslc-bubble-label{ display:none; }
#dslc-panel{ right:10px; width:calc(100vw - 20px); }
.dslc-callback .body{ grid-template-columns:1fr; }
.dslc-callback .btn{ width:100%; justify-self:stretch; }
}