/* MMO8386-MANAGED-FILE-V1 | assets/css/modules/share-links.css */
.share-link-form{display:grid;grid-template-columns:1fr 2fr .55fr .8fr .55fr;gap:12px;align-items:end}
.share-link-check{display:flex;gap:8px;align-items:center;min-height:42px}
.share-link-form-actions{display:flex;gap:8px;grid-column:1/-1}

.share-links-list{display:grid;gap:10px}
.share-link-item{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px 16px;border:1px solid var(--border-color,var(--border,rgba(127,127,127,.22)));border-radius:14px;
  background:var(--card-bg,var(--panel-bg,var(--surface-2,rgba(127,127,127,.045))));color:inherit
}
.share-link-main{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
.share-link-icon{
  display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;
  background:rgba(127,127,127,.09);font-size:20px
}
.share-link-copy{display:grid;gap:4px;min-width:0}
.share-link-copy strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.share-link-copy small{color:var(--muted,#707783)}
.share-link-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.share-link-open{min-width:70px;text-align:center;text-decoration:none}

@media(max-width:800px){
  .share-link-form{grid-template-columns:1fr}
  .share-link-form-actions{grid-column:auto}
  .share-link-item{align-items:stretch;flex-direction:column}
  .share-link-actions{width:100%;justify-content:flex-start}
  .share-link-open{flex:1}
}

.share-link-item:hover{background:var(--card-hover,var(--surface-3,rgba(127,127,127,.075)))}
.share-link-open{font-weight:700}
.share-link-actions .btn{white-space:nowrap}
#shareLinkMessage{min-height:0;margin-top:8px;transition:opacity .2s ease}
#shareLinkMessage:not(.share-link-message--visible){display:none}
.share-link-message--visible{display:block}
html[data-theme="dark"] .share-link-item{
  background:rgba(255,255,255,.035);
  border-color:rgba(255,255,255,.10);
}
html[data-theme="dark"] .share-link-item:hover{background:rgba(255,255,255,.055)}
html[data-theme="dark"] .share-link-copy,
html[data-theme="dark"] .share-link-actions .btn-secondary{background:rgba(255,255,255,.06)}