/* /styles/share/share-quick-modal.css
   ChoiceSpin — Quick Share modal (v1)
*/

.sc-qshare-modal{
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
}
.sc-qshare-modal.is-open{ display:block; }

.sc-qshare-modal__backdrop{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.55);
  backdrop-filter: blur(6px);
}

.sc-qshare-modal__panel{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(520px, calc(100vw - 24px));
  border-radius: 18px;
  border: 1px solid rgba(148,163,184,.18);

  /* matches your dark base */
  background: rgba(29,29,29,.98);
  color: #e5e7eb;

  box-shadow: 0 20px 60px rgba(0,0,0,.55);
  overflow: hidden;
}

html[data-theme="light"] .sc-qshare-modal__panel{
  background: rgba(255,255,255,.98);
  color: #0f172a;
  border-color: rgba(15,23,42,.12);
  box-shadow: 0 20px 60px rgba(2,6,23,.18);
}

.sc-qshare-modal__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(148,163,184,.14);
}
html[data-theme="light"] .sc-qshare-modal__top{
  border-bottom-color: rgba(15,23,42,.10);
}

.sc-qshare-modal__title{
  font-weight: 800;
  letter-spacing: .2px;
}

.sc-qshare-modal__x{
  width: 34px;
  height: 34px;
  border-radius: 10px;
  border: 1px solid rgba(148,163,184,.18);
  background: rgba(2,6,23,.20);
  color: inherit;
  cursor: pointer;
}
.sc-qshare-modal__x:hover{ background: rgba(148,163,184,.10); }
html[data-theme="light"] .sc-qshare-modal__x{
  background: rgba(15,23,42,.05);
  border-color: rgba(15,23,42,.10);
}

.sc-qshare-modal__body{
  padding: 16px;
}

.sc-qshare-modal__hint{
  font-size: 13px;
  opacity: .85;
  margin-top: 6px;
}

.sc-qshare-modal__row{
  display:flex;
  gap: 10px;
  margin-top: 12px;
}

.sc-qshare-modal__input{
  flex: 1;
  min-width: 0;
  padding: 11px 12px;
  border-radius: 12px;
  border: 1px solid rgba(148,163,184,.18);
  background: rgba(2,6,23,.35);
  color: inherit;
  outline: none;
}
.sc-qshare-modal__input:focus{
  border-color: rgba(99,102,241,.55);
  box-shadow: 0 0 0 4px rgba(99,102,241,.18);
}
html[data-theme="light"] .sc-qshare-modal__input{
  background: rgba(15,23,42,.04);
  border-color: rgba(15,23,42,.12);
}

.sc-qshare-modal__btn{
  padding: 11px 14px;
  border-radius: 12px;
  border: 1px solid rgba(148,163,184,.18);
  background: rgba(2,6,23,.20);
  color: inherit;
  cursor: pointer;
  white-space: nowrap;
}
.sc-qshare-modal__btn:hover{ background: rgba(148,163,184,.10); }
.sc-qshare-modal__btn:disabled{ opacity: .55; cursor: not-allowed; }

.sc-qshare-modal__btn--primary{
  background: rgba(99,102,241,.22);
  border-color: rgba(99,102,241,.40);
}
.sc-qshare-modal__btn--primary:hover{
  background: rgba(99,102,241,.30);
}

.sc-qshare-modal__btn.is-copied{
  background: rgba(34,197,94,.18);
  border-color: rgba(34,197,94,.45);
}

.sc-qshare-actions{
  display:flex;
  justify-content:flex-end;
  gap: 10px;
  margin-top: 14px;
}