/* Sharing UI is confined to this optional Fog West module. */
#share-view, .share-card-button, #share-dialog button { font: inherit; color: var(--text); background: var(--glass-bg); border: 1px solid var(--border); border-radius: 10px; padding: 8px 12px; min-height: 44px; cursor: pointer; }
#share-view { flex: none; font-size: 13px; margin-left: 4px; }
#share-view[hidden] { display: none; }
@media(max-width:699px) {
    #panel > #share-view, #panel > #sheet-top {
        position:absolute; top:0; box-sizing:border-box;
        width:76px; height:44px; min-height:44px; margin:0; padding:8px 10px;
        border:1px solid var(--border); border-radius:10px;
        background:var(--glass-bg); color:var(--text);
        font:600 13px/1.2 -apple-system,BlinkMacSystemFont,sans-serif;
        cursor:pointer; touch-action:manipulation;
    }
    #panel > #share-view { left:calc(12px + var(--safe-left)); }
    #panel > #sheet-top { right:calc(12px + var(--safe-right)); }
    #panel > #share-view:hover, #panel > #sheet-top:hover { background:var(--glass-bg-light); }
    #panel > #share-view:focus-visible, #panel > #sheet-top:focus-visible { outline:2px solid var(--text2); outline-offset:-4px; }
}
.share-card-button { display: block; margin: 12px 0 0; font-size: 14px; }
#share-notice { padding: 12px 16px; margin: 0; color: var(--text); }
#share-dialog { margin: auto; width: min(440px,calc(100% - 32px)); padding: 24px; border: 1px solid var(--border); border-radius: 16px; background: #ffffff; color: var(--text); }
#share-dialog::backdrop { background: rgba(0,0,0,.4); }
#share-dialog h2 { font-size: 18px; margin: 0 0 18px; }
#share-dialog label { display: block; margin-bottom: 8px; }
#share-link { width: 100%; box-sizing: border-box; min-height: 44px; padding: 8px; border: 1px solid var(--border); border-radius: 8px; font: inherit; background: transparent; color: inherit; }
.share-dialog-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 16px; }
#share-view:focus-visible,.share-card-button:focus-visible,#share-dialog :focus-visible { outline: 2px solid var(--text2); outline-offset: 3px; }
@media(prefers-color-scheme:dark){ #share-dialog { background: #242426; } }