/* Shared payment-dialog visual language for tutor and admin profile sharing. */
dialog.lat-profile-share { width:min(560px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); margin:auto; padding:32px; border:1px solid #dcdce5; border-radius:8px; background:#fff; color:#121117; box-shadow:0 18px 60px #12111740; overflow:auto; overscroll-behavior:contain; }
dialog.lat-profile-share::backdrop { background:rgba(18,17,23,.58); }
.lat-profile-share h2 { font-size:28px; font-weight:700; margin:0 30px 24px 0; color:inherit; }
.lat-profile-share__close { position:absolute; top:12px; right:16px; width:32px; height:32px; padding:0; display:flex; align-items:center; justify-content:center; border:0; border-radius:50%; background:transparent; font-size:28px; color:inherit; cursor:pointer; transition:background-color .15s ease; }
.lat-profile-share__close:hover, .lat-profile-share__close:focus-visible { background:#e9e9f2; }
.theme-dark .lat-profile-share__close:hover, .theme-dark .lat-profile-share__close:focus-visible { background:#454558; }
.lat-profile-share__creative { padding:20px; border-radius:8px; background:#f5f5f9; text-align:center; }
.lat-profile-share__creative p { margin:0 0 16px; line-height:1.5; color:#555563; }
.lat-profile-share__card { width:250px; max-width:100%; padding:16px; margin:auto; background:white; color:#121117; box-shadow:0 5px 20px #12111720; border-radius:8px; }
.lat-profile-share__identity { display:flex; gap:10px; align-items:center; text-align:left; }
.lat-profile-share__identity img { width:48px; height:48px; object-fit:cover; border-radius:4px; }
.lat-profile-share__identity strong { display:block; font-size:20px; overflow-wrap:anywhere; }
.lat-profile-share__identity span { font-size:13px; }
.lat-profile-share__qr svg { display:block; width:100%; height:auto; margin-top:16px; }
.lat-profile-share__download { margin-top:20px; color:inherit; text-decoration:underline; font-weight:600; cursor:pointer; }
.lat-profile-share__copy,.lat-profile-share__channels a { display:flex; justify-content:center; align-items:center; min-height:44px; padding:8px; border:2px solid #121117; border-radius:8px; font-weight:600; text-decoration:none; }
.lat-profile-share__copy { width:100%; margin:24px 0 16px; background:#ff2500; color:white; cursor:pointer; }
.lat-profile-share__copy:hover { background:#df2000; }
.lat-profile-share__channels { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.lat-profile-share__channels a { color:inherit; }
.lat-profile-share__channels a:hover { background:#f5f5f9; }
.lat-profile-share :focus-visible { outline:2px solid #287ee5; outline-offset:3px; }
.theme-dark dialog.lat-profile-share { background:#242432; color:#f4f4f7; border-color:#555565; }
.theme-dark .lat-profile-share__creative { background:#343444; }
.theme-dark .lat-profile-share__creative p { color:#ddd; }
.theme-dark .lat-profile-share__channels a { border-color:#ddd; }
.theme-dark .lat-profile-share__channels a:hover { background:#343444; }
@media(max-width:480px) { dialog.lat-profile-share { padding:20px; } .lat-profile-share__creative { padding:14px; } }
.lat-profile-share__download { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:44px; padding:10px 12px; border-radius:8px; transition:background-color .15s ease; }
.lat-profile-share__download:hover, .lat-profile-share__download:focus-visible { background:#e9e9f2; }
.lat-profile-share__channels a { gap:8px; }
.lat-profile-share__channels :is(img,svg), .lat-profile-share__download svg { width:20px; height:20px; flex-shrink:0; }
.theme-dark .lat-profile-share__download:hover, .theme-dark .lat-profile-share__download:focus-visible { background:#454558; }
.theme-dark .lat-profile-share__channels img { filter:invert(1); }
@media(prefers-reduced-motion:reduce) { .lat-profile-share__download { transition:none; } }

.lat-profile-share__copy.is-copied,
.lat-profile-share__copy.is-copied:hover {
    background: #dcdce5;
    color: #6b6b80;
    border-color: #aaaabb;
    cursor: default;
    opacity: 1;
}
.theme-dark .lat-profile-share__copy.is-copied {
    background: #454558;
    color: #d2d2df;
    border-color: #68687b;
}

.lat-profile-share__copy { gap:8px; }
.lat-profile-share__copy svg { flex-shrink:0; }