/* Phase badge */
#phaseBadge{font-size:1.25rem;font-weight:700;padding:6px 12px}

/* Share row */
.share-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0 4px;font-size:.95rem}
.share-row .share-label{color:#333;font-weight:500}
.share-row a.share-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;text-decoration:none;transition:opacity .15s}
.share-row a.share-icon:hover{opacity:.85;text-decoration:none}
.share-row a.share-facebook{background:#1877f2;color:#fff}
.share-row a.share-x{background:#000;color:#fff}
.share-row button.share-copy{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #ccc;border-radius:6px;background:#f7f7f7;font-size:.9rem;cursor:pointer;color:#222}
.share-row button.share-copy:hover{background:#eee;border-color:#bbb}
.share-row button.share-copy.copied{background:#e6f4ea;border-color:#34a853;color:#137333}

/* Tooltip */
.tooltip-icon{position:relative;color:#555;font-size:.9em;display:inline-block;margin-left:6px;cursor:help}
.tooltip-text{visibility:hidden;width:360px;max-width:90vw;white-space:normal;background:#333;color:#fff;text-align:left;border-radius:6px;padding:10px 12px;position:absolute;z-index:10;top:100%;left:0;margin-top:8px;opacity:0;transition:opacity .2s;font-size:.9em;line-height:1.3;box-sizing:border-box}
.tooltip-text::after{content:"";position:absolute;top:0;left:14px;transform:translateY(-100%);border-width:7px;border-style:solid;border-color:transparent transparent #333 transparent}
.tooltip-icon:hover .tooltip-text,.tooltip-icon:focus .tooltip-text{visibility:visible;opacity:1}