.bh-setup-sharing{display:inline-flex;align-items:center;flex:0 0 auto;padding:0;font-size:.85rem;vertical-align:middle}
.bh-setup-sharing button{white-space:nowrap}
.bh-setup-sharing button,.bh-share-dialog button{padding:.5rem .85rem;cursor:pointer;border:1px solid #809296;border-radius:.5rem;background:#234249;color:#fff;font:inherit}
.bh-share-dialog{width:min(34rem,calc(100% - 2rem));box-sizing:border-box;border:1px solid #809296;border-radius:1rem;padding:1.5rem;background:#f7f8f5;color:#152f35}
.bh-share-dialog::backdrop{background:#10252a99}.bh-share-dialog input{display:block;width:100%;box-sizing:border-box;margin:.5rem 0;padding:.75rem;font:inherit}.bh-share-dialog button+button{margin-left:.5rem}

.bh-share-description{line-height:1.5;max-width:65ch}
.bh-share-feedback:empty{display:none}
.bh-share-feedback{position:fixed;bottom:1rem;left:1rem;z-index:1000;max-width:min(32rem,calc(100vw - 2rem));padding:.6rem .8rem;border-radius:.5rem;background:#234249;color:#fff;font-size:.85rem;pointer-events:none}
.bh-trainer-header-actions{display:flex;gap:.4rem;align-items:center;flex-wrap:nowrap;flex-shrink:0}
.bh-trainer-header-actions .bh-setup-sharing button{padding:.35rem .6rem;font-size:.8rem}
.title-row.bh-share-title-row{display:flex;flex-direction:column;align-items:stretch}
.bh-trainer-header-actions .help-link{margin:0}
.nav-utils .bh-native-share{white-space:nowrap}
.nav-settings .bh-native-share:not(.practice-transport-button){font-size:.75rem;padding:.4rem .5rem;white-space:nowrap;border:1px solid #809296;border-radius:.4rem;background:#234249;color:#fff}

/* Shared controls retain their size and position within each app's toolbar. */
.bh-setup-sharing button, .bh-share-dialog button { background: #2e567a; border-color: #6b879e; color: #fff; box-shadow: 0 1px 2px rgb(15 43 70 / .1); }
.bh-setup-sharing button:hover:not(:disabled), .bh-share-dialog button:hover:not(:disabled) { background: #244864; border-color: #51718a; }
.bh-setup-sharing button:active:not(:disabled), .bh-share-dialog button:active:not(:disabled) { background: #183a56; }
:is(.bh-tool-voicing-trainer, .bh-tool-interval-trainer, .bh-tool-borrowing-trainer, .bh-tool-contrary-motion-trainer, .bh-tool-chart-maker) .bh-setup-sharing button { background: #243b4b; border-color: #617d91; color: #eef5f9; }
:is(.bh-tool-voicing-trainer, .bh-tool-interval-trainer, .bh-tool-borrowing-trainer, .bh-tool-contrary-motion-trainer, .bh-tool-chart-maker) .bh-setup-sharing button:hover:not(:disabled) { background: #324f64; border-color: #89a8bb; }
.bh-share-dialog, #share-setup-dialog, #line-share-dialog { background-color: #fbfcfd; color: #263b4b; border-color: #aabdc9; box-shadow: 0 18px 56px rgb(15 43 70 / .2); }
:is(.bh-share-dialog, #share-setup-dialog, #line-share-dialog) h2 { color: #0f2b46; }
.bh-share-description { color: #41566a; }
.bh-share-dialog input, #share-setup-link, #line-share-url { background-color: #fff; color: #183a56; border-color: #8ca3b5; border-radius: .375rem; }
.bh-share-dialog::backdrop, #share-setup-dialog::backdrop, #line-share-dialog::backdrop { background: rgb(10 22 33 / .6); }
.bh-setup-sharing button:focus-visible, :is(.bh-share-dialog, #share-setup-dialog, #line-share-dialog) :is(button, input, textarea):focus-visible { outline: 2px solid #1672c4; outline-offset: 3px; }
:is(.bh-tool-voicing-trainer, .bh-tool-interval-trainer, .bh-tool-borrowing-trainer, .bh-tool-contrary-motion-trainer, .bh-tool-chart-maker) .bh-setup-sharing button:focus-visible { outline-color: #91dbea; }