/* VargaMesh share layer v1.0 - self-hosted, no trackers, no frameworks */
.vmesh-share-widget{position:fixed;inset-inline-start:max(16px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));z-index:910;font-family:inherit;color:#eaf8ff;font-size:14px;line-height:1.4}
.vmesh-share-trigger{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:9px 16px;border-radius:999px;border:1px solid rgba(99,227,246,.5);background:linear-gradient(130deg,rgba(10,35,51,.97),rgba(7,25,36,.98));color:#e7faff;box-shadow:0 12px 35px rgba(0,0,0,.45),0 0 25px rgba(12,195,234,.1);font-family:inherit;font-size:14px;font-weight:600;line-height:1.3;letter-spacing:.015em;cursor:pointer;transition:background .2s,transform .2s,border-color .2s}
.vmesh-share-trigger:hover{background:#123e50;border-color:#58dcf0;transform:translateY(-2px)}
.vmesh-share-trigger:focus-visible,.vmesh-share-panel a:focus-visible,.vmesh-share-panel button:focus-visible{outline:2px solid #6af0ff;outline-offset:3px}
.vmesh-share-icon{width:18px;height:18px;flex:none;color:#58def2}
.vmesh-share-panel[hidden]{display:none!important}
.vmesh-share-panel{position:absolute;bottom:calc(100% + 12px);inset-inline-start:0;width:min(330px,calc(100vw - 32px));padding:17px;border-radius:19px;border:1px solid rgba(91,198,229,.35);background:linear-gradient(155deg,#0b2635,#06141e 82%);box-shadow:0 24px 65px rgba(0,0,0,.6);color:#e8f5fa;box-sizing:border-box;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.vmesh-share-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px;font-weight:750;font-size:16px;letter-spacing:-.01em}
.vmesh-share-subtitle{color:#9abac9;font-size:12px;line-height:1.5;margin:0 0 12px}
.vmesh-share-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.vmesh-share-grid a,.vmesh-share-grid button{min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:11px;border:1px solid rgba(99,160,182,.22);background:rgba(33,74,92,.24);color:#d7f1fb;text-align:center;text-decoration:none;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;line-height:1.2;padding:6px 3px;box-sizing:border-box;transition:background .17s,border-color .17s,transform .17s}
.vmesh-share-grid a:hover,.vmesh-share-grid button:hover{background:rgba(37,113,142,.36);border-color:rgba(93,217,232,.55);transform:translateY(-1px);color:#fff}
.vmesh-share-network{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(89,216,237,.12);color:#7ce6f4;font:750 16px/1 system-ui,sans-serif}
.vmesh-share-network[data-brand="x"]{font-size:18px}.vmesh-share-network[data-brand="wa"]{color:#7ce8b0}.vmesh-share-network[data-brand="tg"]{color:#7ac9f9}.vmesh-share-network[data-brand="fb"]{color:#89aeff}
.vmesh-share-status{min-height:16px;color:#84e8da;margin:10px 0 0;font-size:12px}
@media (max-width:560px){.vmesh-share-widget{inset-inline-start:12px;bottom:max(12px,env(safe-area-inset-bottom))}.vmesh-share-panel{width:min(315px,calc(100vw - 24px))}.vmesh-share-trigger{padding:10px 13px;font-size:13px;min-height:44px}}
@media (prefers-reduced-motion:reduce){.vmesh-share-trigger,.vmesh-share-grid a,.vmesh-share-grid button{transition:none}}
@media print{.vmesh-share-widget{display:none!important}}
/* Make the utility action full-width instead of leaving an unbalanced third row. */
.vmesh-share-grid button[data-share-copy]{grid-column:1/-1;min-height:47px;flex-direction:row;gap:9px;font-size:13px}
.vmesh-share-grid button[data-share-copy] .vmesh-share-network{width:24px;height:24px}