/* Scoped collaboration controls; shared access never exposes account navigation. */
.board-fields:has(.plan-share-field){max-width:790px;flex:1 1 650px;flex-wrap:wrap}
.plan-share-field{display:flex;align-self:flex-end;flex:0 1 auto;padding-top:24px}
.plan-share-trigger{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;white-space:nowrap;border-color:var(--accent);color:var(--accent);background:var(--accent-light)}
.plan-share-trigger svg,.plan-share-permission>svg,.share-native-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;flex:none}
.plan-share-dialog{width:min(620px,calc(100vw - 28px));max-height:calc(100dvh - 40px);padding:0;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);box-shadow:0 24px 90px #0007;overflow:auto}
.plan-share-dialog::backdrop{background:#080b12aa;backdrop-filter:blur(4px)}
.plan-share-dialog .modal-head{position:sticky;top:0;background:var(--surface);z-index:1;padding:22px 24px;border-bottom:1px solid var(--line)}
.plan-share-dialog .modal-head h2{font-size:21px;margin:4px 0 0}.plan-share-dialog .eyebrow{font-size:10px}
.plan-share-content{padding:22px 24px 25px}.plan-share-name{margin:0 0 16px;font-size:16px;font-weight:750;overflow-wrap:anywhere}
.plan-share-permission{display:flex;gap:13px;background:var(--accent-light);color:var(--accent);border-radius:13px;padding:16px}
.plan-share-permission>svg{margin-top:3px}.plan-share-permission strong{font-size:14px}.plan-share-permission p{font-size:13px;line-height:1.65;margin:7px 0 0;color:var(--ink)}
.plan-share-boundary{color:var(--muted);font-size:12px;line-height:1.65;margin:10px 0 17px}
.plan-share-caution,.plan-share-warning{font-size:12px;line-height:1.7;padding:12px 14px;border-radius:10px;margin:12px 0;background:var(--surface2);border:1px solid var(--line)}
.plan-share-warning{color:#f1bc72;border-color:#dbad634d;background:#e6a34b0d}html[data-theme="light"] .plan-share-warning{color:#845310}
.plan-share-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:20px 0 16px;color:var(--muted);font-size:12px}.share-state{font-weight:750;border-radius:7px;padding:5px 9px;background:var(--surface2)}.share-state.active{background:var(--accent-light);color:var(--accent)}
.share-url-label{display:block;font-size:12px;font-weight:750;margin-bottom:8px}.share-url-row{display:flex;gap:8px}.share-url-row input{min-width:0;flex:1;font-size:12px;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--surface2);color:var(--ink)}.share-url-row .btn{flex:none}
.share-field-hint{font-size:12px;line-height:1.65;color:var(--muted);margin:9px 0 14px}.share-native-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:45px}
.share-link-controls{display:flex;gap:9px;align-items:flex-end;flex-wrap:wrap;padding-top:20px;margin-top:20px;border-top:1px solid var(--line)}.share-link-controls label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--muted);margin-right:auto}.share-link-controls select{width:125px;background:var(--surface2);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:9px 12px;font:inherit;font-size:13px;min-height:40px}
.share-confirm{margin-top:18px;padding:16px;background:var(--surface2);border:1px solid var(--line);border-radius:10px;font-size:13px}.share-confirm p{color:var(--muted);line-height:1.65;margin:7px 0 12px}.share-confirm>div{display:flex;justify-content:flex-end;gap:8px}
.share-feedback{font-size:12px;line-height:1.65;margin:16px 0 0;color:var(--accent);overflow-wrap:anywhere}.share-feedback.share-error{color:#ef9b96}html[data-theme="light"] .share-feedback.share-error{color:#ad3d37}
.shared-plan-notice{display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-left:4px solid var(--accent);background:var(--surface);border-radius:13px;padding:16px 20px;margin-bottom:16px}.shared-plan-notice>div{flex:1;min-width:0}.shared-plan-notice strong{font-size:14px}.shared-plan-notice p{font-size:12px;color:var(--muted);line-height:1.7;margin:6px 0 0}.shared-plan-notice .btn{flex:none}.shared-scope-badge{display:inline-flex;gap:7px;align-items:center;padding:8px 11px;border-radius:9px;background:var(--accent-light);color:var(--accent);font-size:12px;font-weight:750}.shared-home-link{display:block;text-align:center;margin-top:22px;color:var(--muted);font-size:13px;text-decoration:underline;text-underline-offset:3px}
.is-shared .plan-share-field,.is-shared .account-tools,.is-shared #planShareBtn,.is-shared #newBtn,.is-shared #listBtn,.is-shared #saveAsBtn,.is-shared #importBtn,.is-shared #importFile,.is-shared #importGuestBtn,.is-shared #guestStorageNotice,.is-shared #guestFooterNotice{display:none!important}.is-shared #saveBtn{white-space:nowrap}.is-shared .board-fields{max-width:560px;flex-basis:440px}
@media(max-width:700px){.plan-share-field{flex-basis:100%;padding-top:0}.plan-share-trigger{width:100%;min-height:43px}.plan-share-content,.plan-share-dialog .modal-head{padding:18px}.shared-plan-notice{align-items:flex-start;flex-direction:column;padding:15px}.shared-plan-notice .btn{align-self:flex-end}.share-url-row{flex-wrap:wrap}.share-url-row input{flex-basis:100%}.share-url-row .btn{width:100%}.share-link-controls .btn{flex:1}.share-link-controls label{flex-basis:100%}.share-link-controls select{width:100%}}

@media(max-width:760px){.is-shared .board-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.is-shared .board-actions #accountStorageBadge,.is-shared .board-actions #saveStatus{grid-column:1/-1}.is-shared .board-actions #topOverviewBtn,.is-shared .board-actions #saveBtn{grid-column:auto;white-space:normal}}
@media print{.shared-plan-notice,.plan-share-field,.plan-share-dialog{display:none!important}}

/* Shared editing and personal storage are distinct destinations. */
.shared-plan-notice.shared-welcome{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);gap:0;width:100%;max-width:100%;min-width:0;height:auto;box-sizing:border-box;padding:0;overflow:hidden;align-items:stretch}
.shared-welcome .shared-current-info,.shared-welcome .shared-personal-info{min-width:0;max-width:100%;box-sizing:border-box;padding:20px 24px}
.shared-welcome .shared-personal-info{display:flex;flex-direction:column;align-items:flex-start;background:var(--accent-light);border-left:1px solid var(--line)}
.shared-welcome-label{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.02em;color:var(--accent);margin-bottom:10px}
.shared-welcome h2{margin:0;font-size:17px;line-height:1.5;letter-spacing:-.025em;overflow-wrap:anywhere}
.shared-welcome p{font-size:12px;line-height:1.8;margin:8px 0 0;word-break:keep-all;overflow-wrap:anywhere}
.shared-welcome p strong{font-size:inherit;color:var(--ink)}
.shared-current-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:16px}
.shared-current-actions #sharedExpiry{font-size:11px;color:var(--muted)}
a.shared-personal-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;max-width:400px;box-sizing:border-box;min-width:0;min-height:46px;padding:12px 15px;margin-top:15px;font-size:13px;font-weight:800;line-height:1.5;text-decoration:none;white-space:normal;word-break:keep-all;overflow-wrap:anywhere;border-radius:10px;box-shadow:0 5px 16px #00000012}
.shared-personal-button svg{display:block;width:21px;height:21px;min-width:21px;max-width:21px;min-height:21px;max-height:21px;flex:0 0 21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.shared-personal-button>span:not(.shared-new-tab){min-width:0;overflow-wrap:anywhere}
.shared-welcome .shared-personal-button{align-self:flex-start}
.shared-personal-button .shared-new-tab{font-size:18px;font-weight:500;flex:none;margin-left:auto}
a.shared-personal-button:hover{filter:brightness(1.08);text-decoration:none}
a.shared-personal-button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.shared-welcome p.shared-personal-hint{font-size:11px;line-height:1.7;margin-top:11px;color:var(--muted)}
a.shared-gate-entry{margin-top:22px;max-width:none}.shared-gate-hint{margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere}
@media(max-width:900px){.shared-plan-notice.shared-welcome{grid-template-columns:minmax(0,1fr)}.shared-welcome .shared-personal-info{border-left:0;border-top:1px solid var(--line)}.shared-welcome .shared-current-info,.shared-welcome .shared-personal-info{padding:19px 20px}.shared-welcome h2{font-size:16px}}
@media(max-width:420px){.shared-welcome .shared-current-info,.shared-welcome .shared-personal-info{padding:17px 15px}.shared-welcome h2{font-size:15px}a.shared-personal-button{padding:11px 12px;font-size:12px}.shared-current-actions{align-items:flex-start;flex-direction:column}}