/* Paylaşım ve ortak listeler mevcut cam bileşenlerini kullanır. */
.muer-share-content .modal-header,
.muer-share-content .modal-body,
.muer-share-content .modal-footer { position: relative; padding: 1.25rem; }
.muer-share-content .modal-header { margin: 0; align-items: center; border-bottom: 0 !important; padding-bottom: .5rem; }
.muer-share-content .modal-footer { border-top-color: var(--muer-glass-border) !important; }
.muer-share-content .modal-body { padding-top: .75rem; }
.muer-share-content .profile-settings-label { display: block; margin-bottom: .6rem; }
.muer-share-content .muer-glass-btn,
.js-list-invite-response,
.muer-share-trigger { min-height: 44px; }
.muer-share-content .muer-glass-modal__close { width: 44px; height: 44px; }
.muer-share-content .modal-body > .d-flex .muer-glass-btn { padding-inline: .75rem; font-size: .8rem; white-space: normal; }
.muer-share-input { display: block; width: 100%; min-height: 44px; padding: .7rem .85rem; border-radius: .75rem; font-size: .875rem; }
.muer-share-input::placeholder { color: var(--muer-text-muted); }
.muer-share-muted { color: var(--muer-text-muted); }
.muer-share-person-label { display: block; min-width: 0; flex: 1; }
.muer-member-row { flex-wrap: wrap; gap: .65rem; padding-inline: 0; }
.muer-member-row .muer-glass-btn { padding-inline: .85rem; font-size: .75rem; }
.muer-member-row .follow-modal-row-name,
.muer-member-row .follow-modal-row-handle { display: block; }
.movie-list-card__members { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: .35rem; font-size: .75rem; }
.muer-share-trigger { position: relative; z-index: 2; }
.js-list-move { display: inline-grid; place-items: center; min-width: 36px; min-height: 36px; }
@media(pointer:coarse) {
    .js-list-move, .js-comment-report, .review-card__like-btn.js-content-report, .review-detail__head-btn.js-content-report { min-width: 44px; min-height: 44px; }
}
@media(max-width:576px) {
    .muer-share-content .modal-body,
    .muer-share-content .modal-header,
    .muer-share-content .modal-footer { padding-inline: 1rem; }
}

/* Ortak paylaşım ve üye pencereleri: mobilde alt panel, masaüstünde modal. */
.muer-sheet .modal-dialog { max-width: 480px; }
.muer-sheet .modal-content { background: var(--muer-surface) !important; border: 1px solid var(--muer-border) !important; border-radius: 24px !important; color: var(--muer-text) !important; box-shadow: 0 24px 100px rgba(0,0,0,.5); }
.muer-sheet .modal-header { flex-shrink: 0; }
.muer-sheet-handle { display: none; width: 36px; height: 4px; border-radius: 10px; background: var(--muer-text-muted); opacity: .5; margin: 10px auto 0; flex-shrink: 0; position: relative; touch-action: none; }
.muer-share-search { position: relative; margin: .5rem 1.25rem 0; }
.muer-share-search > i { position: absolute; inset-inline-start: 15px; top: 12px; color: var(--muer-text-muted); }
.muer-share-search input { padding-inline-start: 42px; border-radius: 30px; background: var(--muer-bg); }
#muerShareModal .modal-body { min-height: 210px; max-height: 42dvh; }
#muerShareModal .muer-share-recipients { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px 8px; min-height: 0; max-height: none; overflow: visible; }
.muer-share-person:hover:not(:disabled) { background: var(--muer-glass-card); }
.muer-share-person { display: flex; flex-direction: column; align-items: center; gap: 7px; padding: 4px 0; min-height: 0; border: 0; background: transparent; color: var(--muer-text); border-radius: 12px; text-align: center; min-width: 0; }
.muer-share-person[aria-pressed=true] { background: transparent; }
.muer-share-avatar { position: relative; width: 64px; height: 64px; border: 2px solid transparent; border-radius: 50%; padding: 2px; flex-shrink: 0; }
.muer-share-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.muer-share-person[aria-pressed=true] .muer-share-avatar { border-color: var(--muer-primary); }
.muer-share-person .muer-share-check { display: none; position: absolute; right: -2px; bottom: 0; width: 21px; height: 21px; align-items: center; justify-content: center; border-radius: 50%; border: 2px solid var(--muer-surface); background: var(--muer-primary); color: var(--muer-text-on-dark); font-size: 11px; }
.muer-share-person[aria-pressed=true] .muer-share-check, .muer-share-person.is-delivered .muer-share-check { display: flex; color: var(--muer-text-on-dark); }
.muer-share-person-name { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .75rem; line-height: 1.3; }
.muer-share-caption { font-size: .63rem; line-height: 1.3; color: var(--muer-text-muted); overflow-wrap: anywhere; }
.muer-share-caption:empty { display: none; }
.muer-share-person[aria-disabled=true] .muer-share-avatar, .muer-share-person[aria-disabled=true] .muer-share-person-name { opacity: .4; }
.muer-share-person[aria-disabled=true] { cursor: not-allowed; }
.muer-share-person.has-error .muer-share-caption { color: var(--muer-primary); }
.muer-share-person.is-delivered:disabled { opacity: 1; }
.muer-share-person:disabled { cursor: default; }
.muer-share-empty { grid-column: 1 / -1; text-align: center; padding: 3rem .5rem; margin: 0; color: var(--muer-text-muted); font-size: .85rem; }
.muer-share-skeleton { width: 60px; height: 60px; margin: 4px auto 22px; border-radius: 50%; background: var(--muer-border); animation: muer-share-pulse 1s ease-in-out infinite alternate; }
@keyframes muer-share-pulse { to { opacity: .35; } }
.muer-share-bottom { flex-shrink: 0; padding: 1rem 1.25rem max(1rem,env(safe-area-inset-bottom)); border-top: 1px solid var(--muer-border); }
.muer-share-actions { display: flex; justify-content: center; gap: 2rem; }
.muer-share-actions button { display: flex; flex-direction: column; align-items: center; gap: .6rem; width: 110px; border: 0; background: transparent; color: var(--muer-text); font-size: .7rem; }
.muer-share-actions button > span { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 50%; background: var(--muer-border); font-size: 1.5rem; }
.muer-share-send { display: block; width: 100%; min-height: 46px; margin-top: .75rem; border: 0; border-radius: 12px; background: var(--muer-primary); color: var(--muer-text-on-dark); font-size: .875rem; font-weight: 600; }
.muer-share-send:disabled { opacity: .7; }
.muer-share-send.is-sent { opacity: 1; }
#muerShareStatus:not(:empty) { margin-top: .75rem; }
#muerShareCompose:not([hidden]), .muer-share-actions:not([hidden]) { animation: muer-share-appear .18s ease-out; }
@keyframes muer-share-appear { from { opacity: 0; transform: translateY(6px); } }
.muer-sheet [hidden] { display: none !important; }
.muer-sheet button:focus-visible, .muer-member-summary:focus-visible { outline: 2px solid var(--muer-primary); outline-offset: 3px; }
.muer-member-summary { display: inline-flex; align-items: center; gap: .6rem; max-width: 100%; min-height: 44px; padding: 0; border: 0; background: transparent; color: var(--muer-text-muted); text-align: start; font-size: .8rem; }
.muer-member-stack { display: inline-flex; flex-shrink: 0; padding-inline-start: 2px; }
.muer-member-stack > img, .muer-member-stack > span { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; border: 2px solid var(--muer-bg); background: var(--muer-surface); margin-inline-start: -2px; }
.muer-member-stack > :not(:first-child) { margin-inline-start: -11px; }
.muer-member-stack > span { display: grid; place-items: center; color: var(--muer-text); font-size: .6rem; }
.muer-member-summary__text { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.movie-list-card__members { display: flex; align-items: center; gap: .4rem; }
.movie-list-card__members .muer-member-stack > * { width: 20px; height: 20px; }
.movie-list-card__members .muer-member-stack > :not(:first-child) { margin-inline-start: -8px; }
.movie-list-card__members .muer-member-stack > span { font-size: .5rem; }
.muer-members-row { display: flex; align-items: center; gap: .75rem; min-height: 72px; padding: .6rem 0; color: var(--muer-text); text-decoration: none; border-bottom: 1px solid var(--muer-border); }
.muer-members-row:hover { color: var(--muer-text-on-dark); }
.muer-members-row img { width: 44px; height: 44px; object-fit: cover; border-radius: 50%; }
.muer-members-row__identity { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.muer-members-row strong, .muer-members-row small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.muer-members-row strong { font-size: .85rem; }
.muer-members-row small { font-size: .75rem; color: var(--muer-text-muted); }
.muer-members-row__tag { font-size: .65rem; border-radius: 20px; padding: .3rem .55rem; background: var(--muer-border); flex-shrink: 0; }
.muer-members-add { font-size: .75rem; padding: .5rem; margin-inline-start: auto; }
@media(max-width:767.98px) {
    .muer-sheet .modal-dialog { width: 100%; max-width: none; margin: 0; height: 100%; align-items: end; min-height: 100%; pointer-events: none; }
    .muer-sheet.fade .modal-dialog { transform: translateY(100%); }
    .muer-sheet.show .modal-dialog { transform: translateY(0); }
    .muer-sheet .modal-content { max-height: calc(100dvh - env(safe-area-inset-top) - 12px); border-radius: 24px 24px 0 0 !important; border-bottom: 0 !important; pointer-events: auto; }
    .muer-sheet-handle { display: block; }
    #muerShareModal .modal-content { height: min(70dvh,650px); transition: height .22s ease; }
    #muerShareModal.is-expanded .modal-content { height: calc(100dvh - env(safe-area-inset-top) - 12px); }
    #muerShareModal .modal-body { max-height: none; flex: 1; min-height: 0; }
    #listPeopleModal .modal-content { min-height: 40dvh; }
}
@media(max-width:359px) { #muerShareModal .muer-share-recipients { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media(prefers-reduced-motion:reduce) {
    .muer-sheet *, .muer-sheet .modal-dialog { animation: none !important; transition: none !important; }
}
.muer-sheet-handle::before { content: ""; position: absolute; inset: -10px -15px; }

/* Paylaşım girişleri sayfanın kendi aksiyon bileşenini kullanır. */
.muer-share-trigger,
#muerShareActions button {
    transition: transform 200ms ease-out, opacity 200ms ease-out !important;
}
.muer-share-trigger:active,
#muerShareActions button:active { transform: scale(.97); }
.muer-share-trigger.movie-detail-action-btn { width: auto; padding-inline: .85rem !important; gap: .5rem; font-size: .875rem; }
.muer-share-trigger.review-detail__like i { color: inherit; }
#muerShareModal.fade .modal-dialog { transform: translateY(32px); transition: transform 220ms ease-out; }
#muerShareModal.show .modal-dialog { transform: translateY(0); }
.modal-backdrop.fade { transition: opacity 200ms ease-out; }
@media(max-width:767.98px) {
    .profile-hero-actions.profile-hero-actions--other { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; align-items: center; justify-items: stretch; gap: .5rem; }
    .profile-hero-actions.profile-hero-actions--other:not(:has(.profile-hero-action-form)) { grid-template-columns: minmax(0, 1fr) auto; }
    #muerShareModal.fade .modal-dialog { transform: translateY(100%); }
    #muerShareModal.show .modal-dialog { transform: translateY(0); }
    .movie-list-detail__header-top { flex-direction: column; align-items: stretch; }
    .muer-share-actions { gap: .75rem; }
    .muer-share-actions button { min-width: 0; flex: 1; }
}
@media(prefers-reduced-motion:reduce) {
    .muer-share-trigger, #muerShareActions button, #muerShareModal.fade .modal-dialog, .modal-backdrop.fade { transition: none !important; }
}