/* Front styles – Studio CREATE AI */

/* FAB (floating action button) */
.scai-fab{
  position:fixed; right:18px; bottom:18px; width:56px; height:56px; border-radius:50%;
  border:none; box-shadow:0 8px 24px rgba(0,0,0,.18); background:#fff; cursor:pointer; z-index:99998;
  display:flex; align-items:center; justify-content:center; padding:0;
}
.scai-fab img{ width:28px; height:28px; display:block }

/* Modal overlay — z-index corretti: backdrop sotto, chat sopra */
.scai-modal{ position:fixed; inset:0; z-index:99997; display:none }
.scai-modal[hidden]{ display:none }
.scai-modal .scai-modal-backdrop{
  position:absolute; inset:0; background:rgba(0,0,0,.35); z-index:0;
}
.scai-modal .scai-modal-inner{
  position:absolute; right:18px; bottom:90px; width:min(92vw, 420px);
  background:#fff; border:1px solid #e6e6ef; border-radius:16px; box-shadow:0 16px 40px rgba(0,0,0,.2);
  overflow:hidden; z-index:1;
}
.scai-close{
  position:absolute; right:8px; top:8px; border:none; background:#fff; border-radius:8px; width:32px; height:32px; cursor:pointer;
  box-shadow:0 2px 8px rgba(0,0,0,.08); z-index:2;
}

/* Chat box (riutilizzata anche fuori dal modal con shortcode) */
.scai-chatbox{
  display:grid; grid-template-rows:auto 1fr auto auto; height:min(70vh, 640px);
  border-top-left-radius:16px; border-top-right-radius:16px;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
.scai-head{padding:12px 16px;border-bottom:1px solid #e6e6ef;display:flex;gap:8px;align-items:center;background:#fff}
.scai-dot{width:10px;height:10px;border-radius:50%;background:#4b6bfb}
.scai-log{padding:14px;overflow:auto;background:#f7f7fb}
.scai-msg{max-width:85%;padding:10px 12px;border-radius:12px;margin:8px 0;line-height:1.35;font-size:15px;color:#222;background:#f6f7f9;border:1px solid #eceff3;position:relative}
.scai-meta{font-size:12px;color:#666;margin-top:4px}
.scai-you{background:#eef2ff;border:1px solid #dfe5ff;margin-left:auto}
.scai-status{padding:8px 14px;border-top:1px solid #e6e6ef;color:#666;font-size:13px;background:#fff}
.scai-input{display:flex;gap:8px;padding:12px 14px;border-top:1px solid #e6e6ef;align-items:center;background:#fff}
.scai-input input{flex:1;padding:10px 12px;border:1px solid #e6e6ef;border-radius:12px;background:#fff}
.scai-input button{padding:10px 12px;border:1px solid #e6e6ef;background:#fff;border-radius:10px;cursor:pointer}
.scai-input button:disabled{opacity:.6;cursor:not-allowed}
.scai-counter{font-size:12px;color:#666;min-width:90px;text-align:right}

/* Quick replies sotto ultimo bot */
.scai-qr{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0}
.scai-qr button{padding:6px 10px;border:1px solid #e6e6ef;border-radius:16px;background:#f6f6f6;cursor:pointer;font-size:14px}
.scai-qr button:hover{background:#eaeaea}

/* Footer credit */
.scai-footnote{
  border-top:1px solid #e6e6ef; background:#fff; color:#999; font-size:11px; text-align:center; padding:6px 10px;
}