#aisp-root{position:fixed;right:18px;bottom:18px;z-index:99999;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Inter,Arial,sans-serif}
.aisp-btn{border:0;border-radius:999px;padding:12px 16px;cursor:pointer;box-shadow:0 10px 25px rgba(0,0,0,.18);font-weight:600}
.aisp-btn:hover{filter:brightness(.96)}
.aisp-modal{position:fixed;inset:0;background:rgba(0,0,0,.4);display:none;align-items:flex-end;justify-content:flex-end;padding:18px}
.aisp-modal.open{display:flex}
.aisp-card{width:440px;max-width:calc(100vw - 36px);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.aisp-header{display:flex;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px solid rgba(0,0,0,.08)}
.aisp-title{font-size:14px;font-weight:700}
.aisp-subtitle{font-size:12px;opacity:.75;margin-top:2px}
.aisp-close{border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer;padding:6px 10px;border-radius:10px}
.aisp-close:hover{background:rgba(0,0,0,.06)}
.aisp-body{padding:12px}
.aisp-chat{height:320px;overflow:auto;padding:6px;border-radius:12px;background:rgba(0,0,0,.03)}
.aisp-msg{max-width:92%;margin:10px 0;padding:10px 12px;border-radius:14px;font-size:13px;line-height:1.35}
.aisp-assistant{background:#fff;border:1px solid rgba(0,0,0,.06)}
.aisp-user{margin-left:auto;background:rgba(0,0,0,.12)}
.aisp-note{margin-top:8px;font-size:11px;opacity:.75}
.aisp-typing{opacity:.7;font-style:italic}
.aisp-inputrow{display:flex;gap:8px;margin-top:10px}
.aisp-inputrow input{flex:1;padding:10px;border-radius:12px;border:1px solid rgba(0,0,0,.15);font-size:13px}
.aisp-inputrow button{padding:10px 12px;border:0;border-radius:12px;cursor:pointer;font-weight:700}
.aisp-escalate{margin-top:12px;padding:12px;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:#fff}
.aisp-escalate-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.aisp-escalate-title{font-weight:800;font-size:13px}
.aisp-mini-close{border:0;background:rgba(0,0,0,.08);width:28px;height:28px;border-radius:10px;cursor:pointer;font-size:18px;line-height:1}
.aisp-mini-close:hover{background:rgba(0,0,0,.12)}
.aisp-escalate label{display:block;font-size:12px;margin-bottom:10px}
.aisp-escalate input,.aisp-escalate textarea{width:100%;padding:10px;border-radius:12px;border:1px solid rgba(0,0,0,.15);font-size:13px;margin-top:4px}
.aisp-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.aisp-actions-row{display:flex;gap:10px;align-items:center}
.aisp-escalate button{margin-top:6px;width:100%;padding:10px 12px;border:0;border-radius:12px;cursor:pointer;font-weight:800}
.aisp-secondary{background:rgba(0,0,0,.08)}
.aisp-small{margin-top:8px;font-size:12px;opacity:.85}
.aisp-actions{margin-top:8px;font-size:12px}
.aisp-link{background:transparent;border:0;padding:0;margin:0;cursor:pointer;text-decoration:underline;font-weight:700}
@media (max-width:480px){.aisp-card{width:100%}.aisp-chat{height:55vh}.aisp-grid{grid-template-columns:1fr}.aisp-actions-row{flex-direction:column}}


/* v1.2.3 – Fix Close button sizing */
#aisp-root .aisp-actions-row #aisp-submit {
  width: 100%;
}

#aisp-root .aisp-actions-row .aisp-secondary {
  width: auto;
  padding: 10px 16px;
  flex: 0 0 auto;
}


/* v1.2.6 – Button sizing fixes */
#aisp-root .aisp-escalate button {
  width: auto !important;
}

#aisp-root .aisp-actions-row {
  display: flex;
  gap: 10px;
  align-items: center;
}

#aisp-root .aisp-actions-row #aisp-submit {
  flex: 1 1 auto;
  width: auto !important; /* let flex control */
}

#aisp-root .aisp-actions-row #aisp-close-ticket {
  flex: 0 0 auto;
  width: auto !important;
  padding: 10px 16px !important;
}
