/* Scoped Mrs. Claus stationery for the Parent HQ Elf Mail reader. */
#parentMailDialog{box-sizing:border-box!important;width:min(760px,calc(100vw - 32px))!important;height:min(900px,92dvh)!important;max-height:92dvh!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:17px!important;background:#fff6e5 url('art/mrs-claus-stationery.webp') center/100% 100% no-repeat!important;color:#153e2e!important;font:17px/1.6 Georgia,serif!important;box-shadow:0 24px 80px #00170ed9!important;}
#parentMailDialog[open]{display:grid!important;grid-template-rows:auto minmax(0,1fr);}
#parentMailDialog::backdrop{background:#001d1bc4;backdrop-filter:blur(3px)}
#parentMailDialog .submission-heading{position:relative!important;display:block!important;margin:0 30px!important;padding:62px 42px 20px!important;background:transparent!important;border:0!important;box-shadow:none!important;text-align:center;color:#153e2e!important;}
#parentMailDialog .submission-heading>div::before{content:'FROM THE WORKSHOP OF';display:block;font:10px/1.6 Georgia,serif;letter-spacing:.2em;color:#795422;}
#parentMailDialog .submission-heading>div::after{content:'LETTERS FROM YOUR FAMILY';display:block;font:10px/1.6 Georgia,serif;letter-spacing:.15em;color:#795422;margin-top:9px;}
#parentMailDialog .submission-heading small{display:none!important;}
#parentMailDialog h2{font:700 29px/1.2 Georgia,serif!important;color:#153e2e!important;margin:0!important;}
#parentMailDialog h2::before{content:'MRS. CLAUS';display:block;margin:0 0 26px;font:15px/1.6 Georgia,serif;letter-spacing:.22em;color:#795422;}
#parentMailDialog #closeParentMail{position:absolute!important;right:-4px!important;top:26px!important;width:64px!important;height:64px!important;min-width:44px;min-height:44px;padding:0!important;border:5px double #d1a459!important;border-radius:48% 53% 46% 51%!important;background:radial-gradient(circle at 35% 25%,#b92e42,#7b1024 65%,#500b17)!important;color:#f4d27e!important;box-shadow:0 3px 6px #53251670,inset 0 0 0 4px #6c1421,inset 0 0 0 6px #d7a664!important;font:36px/1 Georgia,serif!important;cursor:pointer;}
#parentMailDialog .submission-content{min-height:0;overflow:auto!important;overscroll-behavior:contain;padding:8px 0 16px!important;margin:0 60px 88px!important;scrollbar-width:thin;scrollbar-color:#a78b51 transparent;}
#parentMailDialog .submission-content>p:first-child{margin:0 0 22px;font-size:16px;}
#parentMailDialog .submission-tools{padding:0 0 20px;border-bottom:1px solid #c9ab6b;}
#parentMailDialog .submission-tools label{font-weight:bold;}
#parentMailDialog select{background:#fffaf0e8!important;color:#153e2e!important;max-width:100%;box-sizing:border-box;}
#parentMailDialog #parentMailStatus{font-size:14px;background:#fff7e3cc;border:1px solid #cfb884;}
#parentMailDialog .parent-letter{position:relative;padding:22px 24px!important;margin:20px 0!important;background:#fffaf0e8!important;border:1px solid #c5a568!important;border-radius:9px!important;box-shadow:0 3px 9px #624c1d12,inset 0 0 0 4px #e4d1a32a;}
#parentMailDialog .parent-letter h3{font:700 23px/1.3 Georgia,serif;color:#153e2e;}
#parentMailDialog .parent-letter small{display:block;color:#665736;font-size:13px;}
#parentMailDialog .parent-letter p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;}
#parentMailDialog .santa-reply{margin-top:22px;padding:20px 0 0;border-top:1px solid #c7aa6b;}
#parentMailDialog .santa-reply h4{font:700 20px/1.35 Georgia,serif;color:#184b36;}
#parentMailDialog .submission-badge{display:inline-block;background:#f5ead0!important;color:#66502a!important;border:1px solid #d3bb84;padding:6px 10px!important;border-radius:6px;font-size:13px!important;}
#parentMailDialog :focus-visible{outline:3px solid #b67b15!important;outline-offset:3px;}
#parentMailDialog #closeParentMail:focus-visible{outline-color:#fff0ab!important;}
@media(max-width:550px){#parentMailDialog{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;height:92dvh!important;}
#parentMailDialog .submission-heading{margin:0 18px!important;padding:54px 34px 14px!important;}
#parentMailDialog h2{font-size:23px!important;}#parentMailDialog h2::before{font-size:12px;margin-bottom:22px;}
#parentMailDialog #closeParentMail{width:48px!important;height:48px!important;top:22px!important;right:-4px!important;font-size:29px!important;}
#parentMailDialog .submission-content{margin:0 30px 72px!important;}
#parentMailDialog .submission-tools label{min-width:0;width:100%;}
#parentMailDialog .parent-letter{padding:17px!important;}#parentMailDialog .parent-letter h3{font-size:21px;}}
