/* BMSDock v10 UI 1.9.7 — Share UI (authoritative component source) */
:root{
  --share-control-height:44px;
  --share-control-radius:10px;
  --share-font-size:14px;
  --share-font-weight:700;
  --share-description-size:14px;
  --share-description-weight:400;
  --share-neutral:#94a3b8;
  --share-action-bg:#22c55e;
  --share-action-bg-hover:#16a34a;
  --share-action-text:#ffffff;
  --share-focus:rgba(34,197,94,.26);
}


/* Bottom Share panel shell moved from legacy style.css in UI 1.9.7. */
.share-bottom-panel{
  display:none;
  margin:10px 0 12px;
  padding:0 8px;
}
.share-bottom-panel.show{display:block;}

/* One authoritative visual slot: Share -> Progress -> Copy link. */
.share-state-slot{
  width:100%;
  position:relative;
}
.share-state-slot-bottom{
  width:100%;
  max-width:320px;
  margin:0 auto;
}
.share-state-slot-settings{width:100%;}

.share-state-slot > .share-ride-btn,
.share-state-slot > .share-result.ready .share-ready-btn{
  width:100% !important;
  max-width:none !important;
  min-height:var(--share-control-height) !important;
  height:var(--share-control-height) !important;
  margin:0 !important;
  padding:0 14px !important;
  border:0 !important;
  border-radius:var(--share-control-radius) !important;
  background:var(--share-action-bg) !important;
  color:var(--share-action-text) !important;
  box-shadow:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  font-size:var(--share-font-size) !important;
  font-weight:var(--share-font-weight) !important;
  line-height:1 !important;
  text-align:center !important;
  cursor:pointer;
  transition:background-color .16s ease, transform .12s ease, box-shadow .16s ease;
}
.share-state-slot > .share-ride-btn:hover,
.share-state-slot > .share-result.ready .share-ready-btn:hover{
  background:var(--share-action-bg-hover) !important;
}
.share-state-slot > .share-ride-btn:active,
.share-state-slot > .share-result.ready .share-ready-btn:active{
  transform:translateY(1px);
}
.share-state-slot > .share-ride-btn:focus-visible,
.share-state-slot > .share-result.ready .share-ready-btn:focus-visible{
  outline:none !important;
  box-shadow:0 0 0 3px var(--share-focus) !important;
}
.share-state-slot > .share-ride-btn:disabled{opacity:.62;cursor:wait;}

.share-ride-btn > .share-small-icon{
  width:20px !important;
  height:20px !important;
  flex:0 0 20px !important;
  position:static !important;
  inset:auto !important;
  transform:none !important;
  margin:0 !important;
  display:block !important;
}
.share-ride-btn > .share-action-label{
  display:block !important;
  width:auto !important;
  margin:0 !important;
  font-size:inherit !important;
  font-weight:inherit !important;
  line-height:1.1 !important;
}

.share-state-slot > .share-result{
  width:100%;
  max-width:none !important;
  margin:0 !important;
  font-size:var(--share-description-size) !important;
  font-weight:var(--share-description-weight) !important;
}

.share-result.compact-progress{
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.share-progress-label{
  width:100%;
  max-width:none !important;
  margin:0 0 8px !important;
  color:var(--share-neutral) !important;
  font-size:var(--share-description-size) !important;
  font-weight:var(--share-description-weight) !important;
  line-height:1.25 !important;
  text-align:center !important;
}
.compact-share-progress{
  width:100% !important;
  max-width:none !important;
  height:8px !important;
  margin:0 !important;
  overflow:hidden;
  border-radius:999px !important;
  background:rgba(148,163,184,.25) !important;
}
.compact-share-progress > span{
  display:block;
  height:100%;
  border-radius:inherit !important;
  background:var(--share-action-bg) !important;
  transition:width .28s ease;
}

.share-result.ready{
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.share-hidden-input{position:absolute !important;left:-9999px !important;opacity:0 !important;pointer-events:none !important;}

.share-result.error,
.share-result.info{
  margin:0 !important;
  border-radius:var(--share-control-radius) !important;
  padding:10px 12px !important;
  font-size:var(--share-description-size) !important;
  font-weight:var(--share-description-weight) !important;
  line-height:1.35 !important;
  box-shadow:none !important;
}
.share-result.error{
  background:#fef2f2 !important;
  color:#991b1b !important;
  border:1px solid #fecaca !important;
}

/* Strict single-slot visibility. */
.share-state-slot{display:block;}
.share-state-slot > .share-ride-btn{display:flex !important;}
.share-state-slot > .share-result{display:none !important;}
.share-state-slot[data-share-state="preparing"] > .share-ride-btn,
.share-state-slot[data-share-state="ready"] > .share-ride-btn,
.share-state-slot[data-share-state="error"] > .share-ride-btn,
.share-state-slot[data-share-state="status"] > .share-ride-btn{display:none !important;}
.share-state-slot[data-share-state="preparing"] > .share-result.compact-progress,
.share-state-slot[data-share-state="ready"] > .share-result.ready,
.share-state-slot[data-share-state="error"] > .share-result.error,
.share-state-slot[data-share-state="status"] > .share-result.show{display:block !important;}

@media(max-width:640px){
  .share-state-slot-bottom{max-width:none;}
  .share-bottom-panel{padding:0 6px;}
}

/* UI 1.9.7 — shared action bridge; preserves approved Share visuals. */
.share-state-slot > .share-ride-btn,
.share-state-slot > .share-result.ready .share-ready-btn {
  height: var(--ui-action-height) !important;
  min-height: var(--ui-action-height) !important;
  border-radius: var(--ui-action-radius) !important;
  font-size: var(--ui-action-font-size) !important;
  font-weight: var(--ui-action-font-weight) !important;
}
.share-ride-btn > .share-small-icon {
  width: var(--ui-action-icon-size) !important;
  height: var(--ui-action-icon-size) !important;
}