/* SUN KIDS Academy — виджет ИИ-ассистента */
.skw,.skw *{box-sizing:border-box}
/* защита от стилей сайта */
.skw p{margin:0;padding:0;font-family:inherit;text-align:left;text-transform:none;letter-spacing:normal}
.skw a{text-transform:none;letter-spacing:normal}
.skw button{font-family:inherit;letter-spacing:normal;text-transform:none;box-shadow:none;margin:0}
.skw svg{display:block}
.skw{position:fixed;right:20px;bottom:20px;z-index:99998;font-family:'Open Sans',Arial,sans-serif}

/* Круглая кнопка вызова */
.skw__btn{width:64px;height:64px;border-radius:50%;border:none;cursor:pointer;background:#ffd600;
  box-shadow:0 6px 20px rgba(1,41,90,.28);display:flex;align-items:center;justify-content:center;
  transition:transform .15s, box-shadow .15s;padding:0;position:relative}
.skw__btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(1,41,90,.34)}
.skw__btn svg{width:34px;height:34px;fill:#01295a}
.skw__dot{position:absolute;top:3px;right:3px;width:14px;height:14px;border-radius:50%;background:#dc4225;border:2px solid #fff;display:none}
.skw.has-unread .skw__dot{display:block}
.skw.is-open .skw__btn{display:none}

/* Панель */
.skw__panel{position:absolute;right:0;bottom:0;width:380px;max-width:calc(100vw - 32px);height:580px;
  max-height:calc(100vh - 60px);background:#fff;border-radius:14px;overflow:hidden;display:none;
  flex-direction:column;box-shadow:0 18px 50px rgba(1,41,90,.26)}
.skw.is-open .skw__panel{display:flex}

/* Шапка с крестиком */
.skw__head{background:#01295a;color:#fff;padding:13px 14px 13px 18px;display:flex;align-items:center;gap:10px;flex:0 0 auto}
.skw__head-txt{flex:1 1 auto;min-width:0}
.skw__title{font-size:14.5px;font-weight:700;line-height:1.25;margin:0;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.skw__sub{font-size:11.5px;margin:2px 0 0;color:#ffd600;font-weight:600}
.skw__close{flex:0 0 auto;width:32px;height:32px;border:none;background:transparent;cursor:pointer;border-radius:8px;
  display:flex;align-items:center;justify-content:center;padding:0}
.skw__close:hover{background:rgba(255,255,255,.14)}
.skw__close svg{width:18px;height:18px;fill:#fff}

/* Лента */
.skw__body{flex:1 1 auto;overflow-y:auto;padding:16px;background:#fbfcfe;display:flex;flex-direction:column;gap:10px}
.skw__msg{max-width:88%;padding:11px 14px;border-radius:12px;font-size:14px;line-height:1.55;white-space:pre-wrap;word-wrap:break-word}
.skw__msg--bot{align-self:flex-start;background:#fff;color:#3f4a58;border:1px solid #e6ecf3}
.skw__msg--bot,.skw__msg--bot *{color:#3f4a58}
.skw__msg--user,.skw__msg--user *{color:#fff}
.skw__msg--user{align-self:flex-end;background:#01295a;color:#fff}
.skw__msg--sys{align-self:center;background:#fffbf1;color:#8a7a3a;border:1px solid #f0e3b8;font-size:12.5px;text-align:center;max-width:94%}
.skw__msg a{color:inherit;text-decoration:underline}
.skw__msg--bot a{color:#01295a}
.skw__msg strong{font-weight:700}
.skw__typing{align-self:flex-start;display:flex;gap:4px;padding:12px 14px;background:#fff;border:1px solid #e6ecf3;border-radius:12px}
.skw__typing i{width:7px;height:7px;border-radius:50%;background:#b9c4d1;animation:skwb 1.1s infinite}
.skw__typing i:nth-child(2){animation-delay:.18s}
.skw__typing i:nth-child(3){animation-delay:.36s}
@keyframes skwb{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}

/* Поле ввода: кнопки ВНУТРИ рамки, справа снизу */
.skw__foot{flex:0 0 auto;background:#fff;padding:12px 14px 10px}
.skw__box{border:1px solid #dbe3ec;border-radius:10px;padding:10px 10px 8px;transition:border-color .15s}
.skw__box:focus-within{border-color:#01295a}
.skw__input{width:100%;border:none;outline:none;resize:none;font-family:inherit;font-size:14px;line-height:1.45;box-shadow:none;margin:0;
  color:#3f4a58;background:transparent;min-height:56px;max-height:130px;padding:0;display:block}
.skw__input::placeholder{color:#a7b2c0}
.skw__tools{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:6px}
.skw__mic,.skw__send{border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:8px}
.skw__mic{width:32px;height:32px;background:transparent}
.skw__mic svg{width:19px;height:19px;fill:#8b97a6}
.skw__mic:hover svg{fill:#01295a}
.skw__mic.is-rec{background:#fdecea}
.skw__mic.is-rec svg{fill:#dc4225}
.skw__send{width:34px;height:34px;background:#ffd600}
.skw__send:hover{background:#e6c100}
.skw__send:disabled{opacity:.45;cursor:default}
.skw__send svg{width:17px;height:17px;fill:#01295a}
.skw__note{margin:9px 0 0;font-size:11px;color:#9aa6b4;text-align:center !important;line-height:1.5}
.skw__note a{color:#9aa6b4;text-decoration:none}
.skw__note a:hover{text-decoration:underline}
.skw__note b{color:#01295a;font-weight:700}

@media (max-width:600px){
  .skw{right:14px;bottom:14px;left:14px}
  .skw__panel{width:auto;left:0;right:0;height:calc(100vh - 40px);max-height:none}
  .skw__btn{position:absolute;right:0;bottom:0;width:58px;height:58px}
}