/* Scoped enhancements to the existing Canvas prayer card, not a second profile UI. */
.referral-name-label{position:absolute;z-index:6;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:7px 12px;border:1px solid #bed7a666;border-radius:20px;background:#183725ed;color:#e3efcc;font-size:12px;line-height:1.7;pointer-events:none;box-shadow:0 5px 20px #0004;transform:translate(-50%,-100%);will-change:opacity,translate}
.referral-name-label[hidden]{display:none}
.referral-preview-status{position:absolute;right:12px;bottom:44px;z-index:7;max-width:calc(100% - 24px);padding:6px 10px;border:1px solid #b1c89955;border-radius:8px;background:#10271bed;color:#dcebcf;font-size:11px;line-height:1.7;pointer-events:none}
.referral-preview-status[hidden]{display:none}
.message-card.referral-sheet{position:fixed;left:50%;right:auto;top:auto;bottom:0;transform:translateX(-50%);width:min(480px,calc(100vw - 24px));max-width:100%;max-height:min(420px,52dvh);border-radius:18px 18px 0 0;border-bottom:0;padding:17px 20px calc(14px + env(safe-area-inset-bottom,0px));z-index:1030;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#789a50 transparent}
.referral-sheet-handle{display:none}
.referral-sheet .referral-sheet-handle{display:block;flex:none;width:38px;height:4px;border-radius:8px;background:#a7c28b66;margin:-7px auto 12px}
.message-card.referral-revealing{animation:referral-sheet-enter .6s cubic-bezier(.2,.75,.2,1) both}
@keyframes referral-sheet-enter{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}
.referral-sheet .card-message{min-height:24px;max-height:110px;flex:0 1 auto;margin:12px 0;line-height:1.9;overflow-y:auto}
.referral-sheet .prayer-card-actions{flex:none;position:sticky;bottom:0;background:#142c1ef5;padding-top:7px;z-index:1}
.message-card.referral-loading .person-avatar,.message-card.referral-loading #cardName,.message-card.referral-loading #cardCountry,.message-card.referral-loading #cardMessage{border-radius:6px;background:linear-gradient(100deg,#6c89642b 25%,#a6bf8b40 45%,#6c89642b 65%);background-size:250% 100%;animation:referral-skeleton 1.6s ease-in-out infinite}
.message-card.referral-loading #cardName{width:145px;height:20px;color:transparent}
.message-card.referral-loading #cardCountry{display:inline-block;width:100px;height:13px;margin-top:5px}
.message-card.referral-loading #cardMessage{width:100%;height:76px;min-height:76px}
.message-card.referral-loading .country-line .icon,.message-card.referral-loading #cardDate{visibility:hidden}
@keyframes referral-skeleton{from{background-position:150% 0}to{background-position:-100% 0}}
@media(max-width:767px){.message-card.referral-sheet{left:0;right:0;width:100%;transform:none;padding-left:18px;padding-right:18px}.referral-sheet .card-message{max-height:105px}.referral-name-label{font-size:11px;max-width:190px}}
@media(max-height:500px){.message-card.referral-sheet{max-height:58dvh;padding-top:12px;padding-bottom:10px}.referral-sheet .card-message{max-height:55px;margin:7px 0}.referral-sheet .referral-sheet-handle{margin-bottom:7px}}
@media(prefers-reduced-motion:reduce){.message-card.referral-revealing,.message-card.referral-loading #cardName,.message-card.referral-loading #cardCountry,.message-card.referral-loading #cardMessage,.message-card.referral-loading .person-avatar{animation:none}.referral-name-label{will-change:auto}}

/* Compact prayer reader: quiet metadata, clear author and a warm prayer panel. */
#messageCard{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#63806c transparent;background:linear-gradient(155deg,#193a2c,#10291f);border-color:#718e605c;padding:16px 20px 18px;box-shadow:0 14px 52px #0006}
#messageCard .prayer-reader-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;margin-bottom:16px;padding:0;border:0}
#messageCard .message-eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:2px 5px;flex:1;min-width:0;padding:0;margin:0;color:#a8bfae;font-size:11px;line-height:1.8}
#messageCard .message-eyebrow>span:last-child{font:inherit;color:inherit}
#messageCard #cardSlot{display:inline-block;color:#e5d5a5;font-size:12px;font-weight:800;unicode-bidi:isolate}
#messageCard .message-card-tools{position:static;display:flex;align-items:center;gap:7px;direction:ltr;flex:none}
#messageCard .message-card-tools>.btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;min-height:38px;margin:0;padding:9px;border:1px solid #b0c4ad26;border-radius:12px;background:#c4dec008;color:#b8cbb9;box-shadow:none;font-size:0;gap:0}
#messageCard .message-card-tools>#nextPrayer{color:#dfd3a5;background:#d3c48d12;border-color:#d3c48d33}
#messageCard .message-card-tools>.btn:hover{background:#c0d8ad20;border-color:#b3cb9e66;color:#f1f4e5}
#messageCard .message-card-tools>.btn:focus-visible{outline:2px solid #d5e9b1;outline-offset:3px}
#messageCard .message-card-tools .icon{width:18px;height:18px;flex:none}
#messageCard .person-row{flex:none;gap:12px;margin:0 0 16px;padding:0 0 14px;border-bottom:1px solid #b3c7ad1f}
#messageCard .person-avatar{width:46px;height:46px;border-radius:15px;font-size:21px;flex:none;background:#acc28b14;border:1px solid #acc28b40;color:#e5d5a5}
#messageCard .person-row h2{font-size:21px;line-height:1.5;margin:0;color:#f3f2e7;overflow-wrap:anywhere}
#messageCard .country-line{font-size:11px;line-height:1.7;margin-top:4px;color:#a4bcad}
#messageCard .card-message{flex:0 0 auto;min-height:54px;max-height:clamp(90px,18dvh,160px);margin:0 0 14px;padding:14px 16px;border:1px solid #c8d6b515;border-inline-start:3px solid #d4c28b80;border-radius:12px;background:#061b1440;color:#eeeee0;font-size:15px;line-height:1.95;overflow-y:auto;white-space:pre-wrap;overflow-wrap:anywhere}
#messageCard .prayer-card-actions{display:block;flex:none;position:sticky;bottom:0;z-index:2;padding:5px 0 0;margin:0;background:#122d22}
#messageCard .prayer-card-actions>#cardNearby{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;padding:11px 13px;margin:0;border-radius:11px;border:1px solid #d9e6b7;background:#d9e6b7;color:#203923;font-size:14px;font-weight:700;line-height:1.7;white-space:normal;box-shadow:0 4px 14px #0002}
#messageCard .prayer-card-actions>#cardNearby:hover{background:#e4edca}
#messageCard .prayer-card-actions>#cardNearby .icon{width:17px;height:17px;flex:none}
#messageCard.referral-loading .card-message{min-height:76px}
.map-explainer .light-dot{background:#f5f6e8;box-shadow:0 0 8px #f5f6e866}
@media(max-width:767px){#messageCard{max-height:min(390px,50dvh);padding:15px 18px calc(16px + env(safe-area-inset-bottom,0px))}#messageCard .referral-sheet-handle{margin-bottom:13px}#messageCard .person-row h2{font-size:20px}#messageCard .message-card-tools>.btn{width:40px;height:40px}#messageCard .card-message{font-size:14px}#messageCard .prayer-card-actions>#cardNearby{font-size:13px}}
@media(max-height:500px){#messageCard{max-height:58dvh}#messageCard .prayer-reader-header{margin-bottom:10px}#messageCard .person-row{margin-bottom:10px;padding-bottom:9px}#messageCard .card-message{max-height:80px;min-height:44px;padding:10px 12px}}
