/* dashboard-games-share.css */
/* Showdown games — sharing by code (dashboard-games-share.js): the strip
   that shows my game's code, and the strip that adds a colleague's. Both
   reuse .gm-confirm's shell (dashboard-games.css). */
.gm-share{align-items:flex-start;border-color:rgba(139,92,246,.5);background:rgba(139,92,246,.08)}
.gm-share-main{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:8px}
.gm-share-h{font-size:15px;font-weight:700;color:var(--ink,#F4F6FA)}
.gm-share-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.gm-share-code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:26px;font-weight:700;letter-spacing:.12em;
  padding:6px 14px;border-radius:10px;background:#0F1420;border:1px solid var(--line-2,#2B3543);color:#fff;
}
.gm-share-code:empty{display:none}
.gm-share-in{
  width:160px;padding:9px 12px;border:1px solid var(--line-2,#2B3543);border-radius:9px;background:#0F1420;color:var(--ink,#F4F6FA);
  font:inherit;font-size:16px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
}
.gm-share-in-wide{width:min(360px,100%);letter-spacing:0;text-transform:none;font-weight:600}
.gm-share-in:focus{outline:2px solid #8B5CF6;outline-offset:1px}
.gm-share-status{font-size:13.5px;color:var(--muted,#B8C0CE);min-height:0}
.gm-share-status:empty{display:none}
.gm-share-note{margin:0;font-size:13.5px;line-height:1.45;color:var(--muted,#B8C0CE);max-width:64ch}
.gm-share-preview{display:flex;flex-direction:column;gap:6px;padding-top:4px}
.gm-share-found{font-size:14.5px;font-weight:700;color:var(--ink,#F4F6FA)}
.gm-share-lab{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--faint,#909AAB)}
.gm-share-btn{margin-left:6px}
.gm-shared{border-color:#8B5CF6 !important;color:#C4B5FD !important}