:root{
  --bsd-bg:#ffffff;
  --bsd-border:rgba(0,0,0,.12);
  --bsd-shadow:0 18px 50px rgba(0,0,0,.18);
  --bsd-accent:#c69a3e;
  --bsd-accent-2:#a87d1e;
  --bsd-text:#1f2933;
  --bsd-muted:#6b7280;
  --bsd-content-max:760px;
  --bsd-edge-gap:18px;
  --bsd-gap-from-content:12px;
  --bsd-fab-size:64px;
  --bsd-panel-width:380px;
}

.bsd-fab{
  position:fixed;
  /* Prefer sitting just OUTSIDE the content frame when there's enough side margin. */
  right:max(
    var(--bsd-edge-gap),
    calc((100vw - var(--bsd-content-max)) / 2 - var(--bsd-fab-size) - var(--bsd-gap-from-content))
  );
  bottom:20px;
  width:var(--bsd-fab-size);
  height:var(--bsd-fab-size);
  border-radius:18px;
  border:1px solid var(--bsd-border);
  background:linear-gradient(145deg,var(--bsd-accent),var(--bsd-accent-2));
  color:#fff;
  cursor:pointer;
  box-shadow:var(--bsd-shadow);
  z-index:99999;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  letter-spacing:.2px;
}
.bsd-fab:focus{outline:2px solid rgba(198,154,62,.4);outline-offset:3px;}
.bsd-fab{display:none;}

.bsd-panel{
  position:fixed;
  right:max(
    var(--bsd-edge-gap),
    calc((100vw - var(--bsd-content-max)) / 2 - var(--bsd-panel-width) - var(--bsd-gap-from-content))
  );
  bottom:96px;
  width:min(var(--bsd-panel-width), calc(100vw - 36px));
  height:min(520px, calc(100vh - 130px));
  background:var(--bsd-bg);
  border:1px solid var(--bsd-border);
  border-radius:16px;
  box-shadow:var(--bsd-shadow);
  z-index:99999;
  display:none;
  overflow:hidden;
}
.bsd-panel.bsd-open{display:flex;flex-direction:column;}
.bsd-panel.bsd-inline{
  position:static;
  width:100%;
  height:auto;
  max-height:none;
  display:flex;
  flex-direction:column;
}
.bsd-panel.bsd-inline .bsd-close{display:none;}
.bsd-panel.bsd-inline .bsd-body{max-height:260px;}

.buyjem-support-desk-inline{
  max-width:var(--bsd-content-max);
  margin:24px auto 0;
  padding:0 12px;
}

.bsd-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 12px;
  border-bottom:1px solid var(--bsd-border);
  background:linear-gradient(180deg, rgba(198,154,62,.12), rgba(255,255,255,0));
}
.bsd-title{font-weight:800;color:var(--bsd-text);font-size:14px;}
.bsd-close{
  border:none;
  background:transparent;
  cursor:pointer;
  color:var(--bsd-muted);
  font-size:20px;
  line-height:20px;
}

.bsd-body{
  padding:12px;
  flex:1;
  overflow:auto;
  background:linear-gradient(180deg,#fff, #fbfaf7);
}
.bsd-msg{
  margin:8px 0;
  max-width:86%;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid var(--bsd-border);
  color:var(--bsd-text);
  background:#fff;
  word-break:break-word;
  white-space:pre-wrap;
}
.bsd-msg--visitor{margin-left:auto;border-top-right-radius:6px;}
.bsd-msg--admin{margin-right:auto;border-top-left-radius:6px;background:rgba(198,154,62,.08);}
.bsd-meta{font-size:11px;color:var(--bsd-muted);margin-top:4px;}

.bsd-footer{
  border-top:1px solid var(--bsd-border);
  padding:10px;
  background:#fff;
}
.bsd-email{
  width:100%;
  padding:8px 10px;
  border:1px solid var(--bsd-border);
  border-radius:10px;
  margin-bottom:8px;
}
.bsd-input-row{display:flex;gap:8px;align-items:flex-end;}
.bsd-textarea{
  flex:1;
  min-height:42px;
  max-height:120px;
  resize:vertical;
  padding:8px 10px;
  border:1px solid var(--bsd-border);
  border-radius:12px;
}
.bsd-send{
  border:none;
  border-radius:12px;
  padding:10px 12px;
  background:var(--bsd-accent);
  color:#fff;
  font-weight:800;
  cursor:pointer;
}
.bsd-send:disabled{opacity:.6;cursor:not-allowed;}
.bsd-hint{font-size:12px;color:var(--bsd-muted);margin-top:6px;}