/* v1.44 — focused sharing sheet shared by every Flowlo target type. */
dialog.share-dialog{width:min(94vw,720px);max-width:720px;max-height:88dvh;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
dialog.share-dialog>.dialog-inner{max-height:88dvh;overflow:auto;padding:25px 28px 22px;overscroll-behavior:contain}
.share-dialog .share-dialog-head{align-items:flex-start;margin-bottom:17px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.share-dialog-kicker{display:block;margin-bottom:5px;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.12em}
.share-dialog .share-dialog-head h2{margin:0;font-size:23px;line-height:1.2;letter-spacing:-.045em;overflow-wrap:anywhere}
.share-dialog .share-dialog-head p,.share-option-title p,.share-access-title p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.4}
.share-dialog .share-people-section h3,.share-option-card h3,.share-access-title h3{margin:0;font-size:14px;font-weight:750;letter-spacing:-.015em}
.share-dialog .share-help{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.4}
.share-person-controls{display:grid;grid-template-columns:minmax(0,1fr) 132px auto;gap:8px;margin-top:9px}
.share-dialog .share-person-controls input,.share-dialog .share-person-controls select,.share-dialog .share-option-controls select{width:100%;min-width:0;height:40px;margin:0;border:1px solid var(--line);border-radius:9px;padding:0 11px;background:var(--bg);color:var(--ink);font-size:13px}
.share-dialog .share-person-controls .button,.share-option-controls>.button{height:40px;padding:0 14px;white-space:nowrap}
.share-recent-wrap{margin-top:15px}
.share-recent-label{margin-bottom:7px;color:var(--muted);font-size:11px;font-weight:700}
.share-recent-people{display:flex;gap:8px;min-height:58px;overflow-x:auto;overscroll-behavior-x:contain;padding:1px 1px 6px;scrollbar-width:thin}
.share-recent-empty{align-self:center;padding:8px 0;color:var(--muted);font-size:12px}
.share-recent-person{display:flex;align-items:center;gap:8px;flex:0 0 188px;min-width:0;padding:8px;border:1px solid var(--line);border-radius:11px;background:var(--surface);text-align:left;transition:border-color .14s,background .14s}
.share-recent-person:hover,.share-recent-person:focus-visible{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:var(--accent-soft);outline:0}
.share-recent-person flowlo-avatar{flex:none;pointer-events:none}
.share-recent-person>span{display:grid;min-width:0;gap:2px}
.share-recent-person b,.share-recent-person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.share-recent-person b{font-size:11px;color:var(--ink)}
.share-recent-person small{font-size:10px;color:var(--muted)}
.share-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.share-option-card{min-width:0;padding:14px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--surface) 90%,var(--accent-soft))}
.share-option-title{display:flex;align-items:flex-start;gap:9px;min-height:48px}
.share-option-title>div{min-width:0}
.share-option-title p{font-size:11px}
.share-option-icon{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:9px;background:var(--accent-soft);color:var(--accent)}
.share-option-icon .material-symbols-rounded{font-size:18px}
.share-option-controls{display:flex;align-items:center;gap:7px;margin-top:12px}
.share-dialog .share-option-controls select{flex:1;height:37px;padding:0 8px;font-size:11px}
.share-option-controls>.button{height:37px;padding:0 10px;font-size:11px}
.share-view-only{display:inline-flex;align-items:center;gap:4px;flex:1;color:var(--muted);font-size:11px;font-weight:700;white-space:nowrap}
.share-view-only .material-symbols-rounded{font-size:16px;color:var(--accent)}
.share-dialog .share-generation-result{margin-top:12px}
.share-dialog .share-access-section{margin-top:17px;padding-top:14px;border-top:1px solid var(--line)}
.share-access-title{display:flex;align-items:center;justify-content:space-between;gap:10px}
.share-access-title p{font-size:11px}
.share-dialog .share-access-list{max-height:170px;margin-top:8px}
.share-dialog .share-access-row{background:var(--bg)}
.share-dialog .share-dialog-head>.dialog-close{width:32px;height:32px}
[data-theme="dark"] .share-option-card{background:color-mix(in srgb,var(--surface) 88%,var(--accent-soft))}
[data-theme="dark"] .share-recent-person:hover,[data-theme="dark"] .share-recent-person:focus-visible{background:#1c3142}
@media(max-width:620px){dialog.share-dialog{width:calc(100vw - 16px);max-width:none;max-height:calc(100dvh - 16px);margin:auto;border-radius:16px}dialog.share-dialog>.dialog-inner{max-height:calc(100dvh - 16px);padding:19px 16px 17px}.share-options-grid{grid-template-columns:1fr;gap:8px;margin-top:13px}.share-option-title{min-height:0}.share-option-controls{margin-top:10px}.share-recent-person{flex-basis:170px}}
@media(max-width:380px){.share-person-controls{grid-template-columns:minmax(0,1fr) auto}.share-person-controls input{grid-column:1/-1}.share-dialog .share-person-controls select{grid-column:1}.share-person-controls>.button{grid-column:2}.share-option-controls{flex-wrap:wrap}.share-view-only{flex-basis:100%}}