﻿*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--fb-acento:#0f766e;--fb-deep:#0d0d2b;--fb-mid:#14143f;--fb-white:#fff;--fb-surface:#f5f6fa;--fb-border:#e4e6f0;--fb-text:#1e1e3f;--fb-muted:#6f7392;--fb-win-w:min(1120px,94vw);--fb-win-h:min(760px,92vh);--fb-panel-w:230px}
#fb-trigger{position:fixed;bottom:20px;right:20px;z-index:9998;border:none;background:transparent;display:flex;flex-direction:column;align-items:center;cursor:pointer}
#fb-trigger.hidden{opacity:0;transform:scale(0);pointer-events:none}.fb-trigger-mascot{width:92px}.fb-trigger-badge{margin-top:8px;background:var(--fb-acento);color:#fff;padding:6px 14px;border-radius:20px;font-size:.76rem;font-weight:600}
#fb-container{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:10px;pointer-events:none}#fb-container.visible{pointer-events:all}
#fb-window{display:flex;width:var(--fb-win-w);height:var(--fb-win-h);border-radius:20px;overflow:hidden;box-shadow:0 28px 80px rgba(13,13,43,.45);transform:translateY(20px) scale(.96);opacity:0;transition:.2s}#fb-container.visible #fb-window{transform:translateY(0) scale(1);opacity:1}
#fb-side-panel{width:var(--fb-panel-w);min-width:var(--fb-panel-w);background:linear-gradient(175deg,var(--fb-deep),var(--fb-mid));display:flex;flex-direction:column;align-items:center;padding:30px 15px;color:#fff;justify-content:space-between}
.fb-panel-company-logo{max-width:140px;height:auto;object-fit:contain}
.fb-panel-center{flex:1;display:flex;align-items:center;justify-content:center;width:100%}
.fb-panel-mascot{width:160px;height:auto}
.fb-panel-bottom{width:100%;text-align:center;margin-top:20px}
#fb-chat-area{flex:1;display:flex;flex-direction:column;background:#fff;min-width:0}.fb-header{padding:12px 14px;border-bottom:1px solid var(--fb-border);display:flex;justify-content:space-between;align-items:center;color:var(--fb-text)}.fb-header-left{display:flex;align-items:center}.fb-header-mascot-mini{width:42px;height:42px;object-fit:contain;margin-right:10px}.fb-hbtn{width:32px;height:32px;border-radius:8px;border:1px solid var(--fb-border);background:#fff;cursor:pointer;color:var(--fb-text)}
.fb-header-info h2{color:var(--fb-text);font-size:1.05rem;margin:0;line-height:1.2}
.fb-header-info p{color:var(--fb-muted);font-size:0.8rem;margin:0}
#fb-messages{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--fb-surface)}.fb-msg{display:flex}.fb-msg.user{justify-content:flex-end}.fb-bubble{max-width:88%;background:#fff;border:1px solid var(--fb-border);padding:10px 12px;border-radius:12px;color:var(--fb-text);line-height:1.5}.fb-msg.user .fb-bubble{background:var(--fb-acento);border-color:var(--fb-acento);color:#fff}
.fb-lead-wrap,.fb-select-wrap,.fb-counter-wrap,.fb-calendar-wrap{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--fb-border);border-radius:14px;padding:12px}.fb-lead-input,.fb-filter-input{width:100%;border:1px solid var(--fb-border);border-radius:10px;padding:10px 12px;font-size:.92rem}
.fb-select-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;max-height:280px;overflow:auto}.fb-select-item{border:1px solid var(--fb-border);background:#fff;border-radius:10px;padding:10px;text-align:left;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:8px}.fb-select-item:hover{border-color:var(--fb-acento);background:rgba(15,118,110,.06)}.fb-option-flag{font-size:1.1rem}.fb-empty{color:var(--fb-muted);padding:6px 4px}
.fb-btn-row{display:flex;justify-content:flex-end;gap:8px}.fb-lead-btn,.fb-back-btn,.fb-back-btn-alone{border:none;border-radius:9px;padding:9px 12px;font-weight:600;cursor:pointer}.fb-lead-btn{background:var(--fb-acento);color:#fff}.fb-back-btn,.fb-back-btn-alone{background:#e8ebf2;color:#2f3351}.fb-back-btn-alone{align-self:flex-start;margin-top:6px}
.fb-counter-row{display:flex;align-items:center;justify-content:center;gap:12px}.fb-counter-btn{width:44px;height:44px;border:none;border-radius:10px;background:#edf4f3;font-size:1.4rem;color:#0f766e;cursor:pointer}.fb-counter-value{min-width:72px;text-align:center;font-size:1.35rem;font-weight:700;color:#0f766e;background:#f1fbf9;border:1px solid #cce9e3;border-radius:10px;padding:8px 12px}
.fb-age-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fb-cal-head{display:flex;justify-content:space-between;align-items:center}.fb-cal-title{font-weight:700;color:#0f766e}.fb-cal-nav{border:none;background:#e8f4f2;color:#0f766e;width:36px;height:36px;border-radius:10px;cursor:pointer;font-size:1.2rem}
.fb-cal-week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;font-size:.78rem;color:#6b7280;text-align:center}.fb-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.fb-cal-empty{height:42px}
.fb-cal-day{height:42px;border:1px solid var(--fb-border);background:#fff;border-radius:10px;cursor:pointer}.fb-cal-day:hover{border-color:var(--fb-acento);background:#f0fdfb}.fb-cal-day.is-selected{background:var(--fb-acento);color:#fff;border-color:var(--fb-acento)}.fb-cal-day.is-disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}
#fb-actions{display:none!important}
@media (max-width:980px){#fb-side-panel{display:none}#fb-window{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0}#fb-container{padding:0}.fb-select-list{grid-template-columns:1fr;max-height:44vh}.fb-age-row{grid-template-columns:1fr}.fb-bubble{max-width:94%}.fb-trigger-mascot{width:74px}.fb-trigger-badge{font-size:.7rem;padding:6px 10px}}
