.rotezi-chat-backdrop{
  position:fixed;
  inset:0;
  z-index:1200;
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  padding:20px;
  background:rgba(5,15,31,.42);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px)
}

.rotezi-chat-backdrop[hidden]{display:none!important}

.rotezi-chat-panel{
  width:min(430px,100%);
  height:min(720px,calc(100dvh - 40px));
  display:grid;
  grid-template-rows:auto 1fr auto;
  overflow:hidden;
  border:1px solid #dce7f4;
  border-radius:24px;
  background:#fff;
  color:#081428;
  box-shadow:0 26px 80px rgba(8,20,40,.28)
}

.rotezi-chat-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px 16px 14px;
  border-bottom:1px solid #e5edf6;
  background:linear-gradient(135deg,#f4f9ff,#fff)
}

.rotezi-chat-identity{display:flex;align-items:center;gap:11px;min-width:0}
.rotezi-chat-avatar{width:42px;height:42px;flex:0 0 auto;border-radius:50%;object-fit:cover}
.rotezi-chat-title{min-width:0}
.rotezi-chat-title strong{display:block;font-size:15px;line-height:1.2}
.rotezi-chat-status{display:flex;align-items:center;gap:6px;margin-top:4px;color:#61728a;font-size:11px;font-weight:750}
.rotezi-chat-status:before{content:'';width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.12)}
.rotezi-chat-close{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#eef4fb;color:#29405e;font-size:23px;line-height:1;cursor:pointer}

.rotezi-chat-body{min-height:0;overflow:auto;padding:18px 15px 10px;background:linear-gradient(180deg,#f8fbff 0,#fff 32%);scroll-behavior:smooth}
.rotezi-chat-day{margin:0 0 14px;text-align:center;color:#52657d;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.rotezi-chat-message{display:flex;margin:0 0 11px}
.rotezi-chat-message.is-user{justify-content:flex-end}
.rotezi-chat-bubble{max-width:86%;padding:11px 13px;border-radius:17px 17px 17px 5px;background:#eef5ff;color:#17365e;font-size:14px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.rotezi-chat-message.is-user .rotezi-chat-bubble{border-radius:17px 17px 5px 17px;background:linear-gradient(135deg,#127bff,#0b67e8);color:#fff}
.rotezi-chat-bubble small{display:block;margin-top:5px;color:inherit;opacity:.7;font-size:9px;text-align:right}
.rotezi-chat-typing .rotezi-chat-bubble{display:flex;align-items:center;gap:4px;min-width:54px}
.rotezi-chat-typing i{width:6px;height:6px;border-radius:50%;background:#6b83a0;animation:rotezi-chat-dot 1.05s infinite ease-in-out}
.rotezi-chat-typing i:nth-child(2){animation-delay:.14s}
.rotezi-chat-typing i:nth-child(3){animation-delay:.28s}
@keyframes rotezi-chat-dot{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}

.rotezi-chat-quick{display:flex;flex-wrap:wrap;gap:7px;max-width:100%;overflow:visible;margin:4px 0 12px;padding:4px 0 5px}
.rotezi-chat-chip{max-width:100%;flex:0 1 auto;border:1px solid #cfe1f7;border-radius:999px;padding:8px 11px;background:#fff;color:#075dc8;font-size:11px;font-weight:850;line-height:1.25;overflow-wrap:anywhere;white-space:normal;cursor:pointer}

.rotezi-chat-footer{display:block;padding:11px 13px 13px;border-top:1px solid #e5edf6;background:#fff}
.rotezi-chat-form{display:flex;align-items:flex-end;gap:8px}
.rotezi-chat-input{min-height:44px;max-height:118px;flex:1;resize:none;border:1px solid #d6e2ef;border-radius:15px;padding:11px 12px;background:#f8fbff;color:#081428;font-size:14px;line-height:1.4;outline:none}
.rotezi-chat-input:focus{border-color:#7cb9ff;box-shadow:0 0 0 3px rgba(18,123,255,.12)}
.rotezi-chat-send{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;border:0;border-radius:15px;background:linear-gradient(135deg,#075dc8,#064fa8);color:#fff;font-size:18px;font-weight:900;cursor:pointer;box-shadow:0 8px 18px rgba(18,123,255,.2)}
.rotezi-chat-send:disabled{cursor:not-allowed;background:#475569;opacity:1;box-shadow:none}
.rotezi-chat-channel{display:flex;flex-direction:column;align-items:stretch;gap:7px;margin-top:9px}
.rotezi-chat-channel small{color:#5b6e84;font-size:9px;line-height:1.35;text-align:center}
.rotezi-chat-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;border:0;border-radius:12px;padding:10px 12px;background:#e9fbf1;color:#137a40;font-size:11px;font-weight:900;text-decoration:none;cursor:pointer}
.rotezi-chat-whatsapp svg{width:15px;height:15px;fill:currentColor}
.rotezi-chat-notice{margin:4px 0 12px;padding:9px 10px;border:1px solid #dce9f7;border-radius:12px;background:#f5f9fe;color:#536b87;font-size:10px;line-height:1.45}

body.rotezi-chat-open{overflow:hidden}

@media(max-width:600px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  input,textarea,select{font-size:16px!important}
  .rotezi-chat-backdrop{padding:0;background:rgba(5,15,31,.34)}
  .rotezi-chat-panel{width:100%;height:min(88dvh,780px);border-width:1px 0 0;border-radius:24px 24px 0 0}
  .rotezi-chat-header{padding:14px 14px 12px}
  .rotezi-chat-body{padding-top:15px}
  .rotezi-chat-channel{align-items:stretch}
  .rotezi-chat-input{font-size:16px!important}
}

html[data-theme="dark"] .rotezi-chat-panel{border-color:#1b3150;background:#0b192e;color:#f6f8fc;box-shadow:0 26px 80px rgba(0,0,0,.52)}html[data-theme="dark"] .rotezi-chat-header{border-bottom-color:#1b3150;background:linear-gradient(135deg,#0e213d,#0b192e)}html[data-theme="dark"] .rotezi-chat-status{color:#9fb1c8}html[data-theme="dark"] .rotezi-chat-close{background:#12243e;color:#c7d5e6}html[data-theme="dark"] .rotezi-chat-body{background:linear-gradient(180deg,#0a172b 0,#0b192e 38%)}html[data-theme="dark"] .rotezi-chat-day{color:#aebfd2}html[data-theme="dark"] .rotezi-chat-bubble{background:#102b4e;color:#d6e6f8}html[data-theme="dark"] .rotezi-chat-chip{border-color:#285c96;background:#10213b;color:#b7d8ff}html[data-theme="dark"] .rotezi-chat-footer{border-top-color:#1b3150;background:#0b192e}html[data-theme="dark"] .rotezi-chat-input{border-color:#46617e;background:#09182d;color:#f6f8fc}html[data-theme="dark"] .rotezi-chat-input::placeholder{color:#aebfd2}html[data-theme="dark"] .rotezi-chat-channel small{color:#b4c5d8}html[data-theme="dark"] .rotezi-chat-notice{border-color:#213c60;background:#0d213b;color:#b4c5d8}html[data-theme="dark"] .rotezi-chat-whatsapp{background:#103524;color:#9af0bd}

@media(prefers-color-scheme:dark){html:not([data-theme="light"]) .rotezi-chat-panel{border-color:#1b3150;background:#0b192e;color:#f6f8fc;box-shadow:0 26px 80px rgba(0,0,0,.52)}html:not([data-theme="light"]) .rotezi-chat-header{border-bottom-color:#1b3150;background:linear-gradient(135deg,#0e213d,#0b192e)}html:not([data-theme="light"]) .rotezi-chat-status{color:#9fb1c8}html:not([data-theme="light"]) .rotezi-chat-close{background:#12243e;color:#c7d5e6}html:not([data-theme="light"]) .rotezi-chat-body{background:linear-gradient(180deg,#0a172b 0,#0b192e 38%)}html:not([data-theme="light"]) .rotezi-chat-day{color:#aebfd2}html:not([data-theme="light"]) .rotezi-chat-bubble{background:#102b4e;color:#d6e6f8}html:not([data-theme="light"]) .rotezi-chat-chip{border-color:#285c96;background:#10213b;color:#b7d8ff}html:not([data-theme="light"]) .rotezi-chat-footer{border-top-color:#1b3150;background:#0b192e}html:not([data-theme="light"]) .rotezi-chat-input{border-color:#46617e;background:#09182d;color:#f6f8fc}html:not([data-theme="light"]) .rotezi-chat-input::placeholder{color:#aebfd2}html:not([data-theme="light"]) .rotezi-chat-channel small{color:#b4c5d8}html:not([data-theme="light"]) .rotezi-chat-notice{border-color:#213c60;background:#0d213b;color:#b4c5d8}html:not([data-theme="light"]) .rotezi-chat-whatsapp{background:#103524;color:#9af0bd}
}

@media(prefers-reduced-motion:reduce){
  .rotezi-chat-body{scroll-behavior:auto}
  .rotezi-chat-typing i{animation:none}
}

button.rotezi-chat-whatsapp{font:inherit;cursor:pointer}

/* Compact microphone and recording controls share the chat theme. */
.rotezi-chat-mic{display:grid;place-items:center;flex:0 0 42px;width:42px;height:44px;border:1px solid #b4c7de;border-radius:14px;background:transparent;color:inherit;cursor:pointer}
.rotezi-chat-mic:disabled{opacity:.5;cursor:default}
.rotezi-chat-audio{padding:8px 0;text-align:center}
.rotezi-chat-audio[hidden]{display:none}
.rotezi-audio-status{margin:0 0 8px;font-size:12px;line-height:1.4}
.rotezi-chat-audio audio{display:block;width:100%;max-width:100%;height:40px;margin:0 auto 8px}
.rotezi-chat-audio audio[hidden]{display:none}
.rotezi-audio-actions{display:flex;justify-content:center;gap:8px}
.rotezi-audio-actions button{min-height:40px;border:1px solid #7899bf;border-radius:10px;background:transparent;color:inherit;padding:6px 14px;font-size:12px;white-space:nowrap}
.rotezi-audio-actions button[data-audio=send]{background:#075dc8;color:#fff;border-color:#075dc8}
.rotezi-audio-actions button:disabled{opacity:.6}
.rotezi-chat-whatsapp{white-space:nowrap;text-align:center;text-decoration:none}