#rakhmani-concierge-root{
  --rk-teal-1:#0B2E29;
  --rk-cream:#F3ECD8;
  --rk-gold:#C9A24B;
  --rk-gold-light:#E4C878;
  --rk-gold-deep:#8A6A28;
  font-family:'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;
  position:fixed;
  bottom:24px;
  z-index:99999;
}
#rakhmani-concierge-root.rk-right{ right:24px; }
#rakhmani-concierge-root.rk-left{ left:24px; }
#rakhmani-concierge-root *{ box-sizing:border-box; }

.rk-launcher{
  width:60px;height:60px;border-radius:50%;
  background:linear-gradient(160deg, var(--rk-gold-light), var(--rk-gold-deep));
  color:#241c05;border:none;box-shadow:0 10px 30px rgba(0,0,0,.35);
  font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;
}
.rk-launcher:hover{ filter:brightness(1.05); }

.rk-panel{
  position:absolute;bottom:76px;
  width:340px;max-width:88vw;
  background:var(--rk-cream);border-radius:16px;
  box-shadow:0 24px 60px rgba(0,0,0,.35);
  border:1px solid var(--rk-gold);
  overflow:hidden;
  transform:translateY(16px) scale(.97);opacity:0;pointer-events:none;
  transition:all .22s ease;
}
#rakhmani-concierge-root.rk-right .rk-panel{ right:0; }
#rakhmani-concierge-root.rk-left .rk-panel{ left:0; }
.rk-panel.rk-open{ transform:translateY(0) scale(1); opacity:1; pointer-events:auto; }

.rk-head{ background:var(--rk-teal-1);color:var(--rk-gold-light);padding:16px 18px;display:flex;justify-content:space-between;align-items:center; }
.rk-name{ font-weight:700; font-size:16px; }
.rk-sub{ font-size:11px; opacity:.8; display:flex; align-items:center; gap:6px; color:var(--rk-cream); }
.rk-dot{ width:7px;height:7px;border-radius:50%;background:#5FD98A;display:inline-block; }
.rk-close{ background:none;border:none;color:var(--rk-gold-light);font-size:16px;cursor:pointer; }

.rk-body{ padding:16px 18px; max-height:320px; overflow-y:auto; }
.rk-msg{
  max-width:85%; padding:10px 13px; border-radius:12px; font-size:13.5px;
  margin-bottom:10px; line-height:1.5; background:#fff; border:1px solid rgba(201,162,75,.3);
  white-space:pre-wrap;
}
.rk-msg.rk-user{ margin-left:auto; background:var(--rk-teal-1); color:#fff; border-color:var(--rk-teal-1); }

.rk-quick{ display:flex; flex-wrap:wrap; gap:6px; margin:10px 0 4px; }
.rk-quick button{
  font-size:11.5px; padding:6px 10px; border-radius:20px; border:1px solid var(--rk-teal-1);
  background:#fff; color:var(--rk-teal-1); font-weight:600; cursor:pointer;
}
.rk-quick button:hover{ background:var(--rk-teal-1); color:#fff; }

.rk-cs{
  padding:9px 18px; background:#fff; border-top:1px solid rgba(0,0,0,.06);
  font-size:11.5px; color:#666; display:flex; justify-content:space-between; align-items:center; gap:8px;
}
.rk-cs a{ font-weight:700; color:var(--rk-gold-deep); text-decoration:none; white-space:nowrap; }

.rk-input{ display:flex; border-top:1px solid rgba(201,162,75,.3); padding:10px; gap:8px; background:#fff; }
.rk-input input{ flex:1; border:1px solid rgba(0,0,0,.15); border-radius:20px; padding:9px 14px; font-size:13px; font-family:inherit; }
.rk-input input:focus{ outline:none; border-color:var(--rk-gold); }
.rk-input button{
  background:var(--rk-teal-1); color:var(--rk-gold-light); border:none;
  width:36px; height:36px; border-radius:50%; font-size:15px; cursor:pointer; flex-shrink:0;
}

@media (max-width:480px){ .rk-panel{ width:88vw; } }