/**
 * "Get share link" UI on the report card (share-report.js builds the result).
 * Dark-aquamarine, matches the site. Loaded on the home report card view.
 */
.wai-share { margin: 14px auto 0; max-width: 460px; text-align: center; }
.wai-share__btn {
    display: inline-flex; align-items: center; gap: 7px;
    background: var(--wm-aqua, #7fffd4); color: var(--wm-bg, #06121a);
    border: 1px solid var(--wm-aqua, #7fffd4); border-radius: 999px;
    padding: 9px 18px; font-size: 0.9rem; font-weight: 700; cursor: pointer;
    transition: filter .15s ease;
}
.wai-share__btn:hover { filter: brightness(1.08); }
.wai-share__btn:disabled { opacity: .6; cursor: default; }
.wai-share__btn svg { width: 15px; height: 15px; }
.wai-share__help { margin: 8px auto 0; font-size: 0.78rem; color: var(--wm-text-dim, #9db1ae); max-width: 42ch; line-height: 1.4; }

.wai-share__result[hidden] { display: none; }
.wai-share__result { margin-top: 14px; }
.wai-share__msg { font-size: 0.88rem; color: var(--wm-text-dim, #9db1ae); }
.wai-share__linkrow { display: flex; gap: 8px; align-items: stretch; }
.wai-share__link {
    flex: 1; min-width: 0; border-radius: 9px; padding: 8px 12px;
    border: 1px solid var(--wm-line, #1d3b44); background: var(--wm-panel-2, #122735);
    color: var(--wm-text, #e6f2ee); font-family: ui-monospace, Consolas, monospace; font-size: 0.82rem;
}
.wai-share__copy {
    border-radius: 9px; padding: 8px 14px; cursor: pointer; font-weight: 700; font-size: 0.82rem;
    background: transparent; border: 1px solid rgba(127,255,212,.5); color: var(--wm-aqua, #7fffd4);
}
.wai-share__btns { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 10px; }
.wai-share__b {
    display: inline-flex; align-items: center; border-radius: 999px;
    padding: 7px 14px; font-size: 0.82rem; font-weight: 700; text-decoration: none; cursor: pointer;
    background: var(--wm-panel-2, #122735); border: 1px solid var(--wm-line, #1d3b44); color: var(--wm-text, #e6f2ee);
    transition: border-color .15s ease;
}
.wai-share__b:hover { border-color: rgba(127,255,212,.55); text-decoration: none; }