/* Authenticated Parent HQ. Login styling lives in parent-login-preserved.css.
   One dashboard stylesheet; no patch layers and no interface painted into images. */
body:has(#hq:not(.hidden)){background:#002e26;color:#123a2e;font-family:Georgia,'Times New Roman',serif}
body:has(#hq:not(.hidden))>.parent-topbar{display:none}
body:has(#hq:not(.hidden))>main{max-width:none;min-height:100vh;margin:0;padding:0}
body:has(#hq:not(.hidden))>footer{background:#04372c;color:#e7ca8e;font:11px/1.6 Georgia,serif;letter-spacing:2px;padding:17px}
#hq{--gold:#c29642;--ink:#103d2f;--cream:#fff8e8;--emerald:#004334;--border:#cba663;scroll-margin-top:16px}
#hq *{box-sizing:border-box}
#hq a{color:inherit}
#hq button,#hq input,#hq select{font:inherit}
#hq button,#hq a{touch-action:manipulation}
#hq button:disabled{cursor:not-allowed;opacity:.55}
#hq :is(a,button,input,select):focus-visible{outline:3px solid #aa7017;outline-offset:4px}
#hq .hq-layout{position:relative;isolation:isolate;display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh;padding:0 14px 0 16px;background:#f5edd9 url('north-pole-scenery.png') center top / 100% auto no-repeat}#hq .hq-layout:after{content:"";position:relative;display:block;grid-column:1/-1;width:calc(100% + 30px);margin-left:-16px;margin-top:12px;height:clamp(100px,13vw,205px);background:url('festive-foreground.png') center bottom / 100% auto no-repeat;pointer-events:none;z-index:4}
#hq .hq-sidebar{position:relative;top:0;height:auto;min-height:950px;display:flex;flex-direction:column;gap:14px;padding:24px 16px 18px;color:#fff2ce;background:radial-gradient(ellipse at 12% 24%,#1b664b88,transparent 54%),linear-gradient(140deg,#054d3a,#002c25 60%,#001e1b);border:2px solid #c8a465;border-top:0;border-radius:0 0 10px 10px;box-shadow:0 0 0 3px #063e2b,inset 0 0 0 4px #052d2388;z-index:2;overflow:hidden}
#hq .hq-logo{text-align:center;color:#f1cf7c;padding:0 0 14px;border-bottom:1px solid #b99656;line-height:1.15}
#hq .hq-logo .logo-symbol{display:block;font-size:43px;line-height:1.1;margin-bottom:7px}
#hq .hq-logo b{display:block;font-size:49px;letter-spacing:2px;text-shadow:0 3px 3px #001811}
#hq .hq-logo small{display:block;font-size:10px;letter-spacing:.4px;margin-top:4px}
#hq .hq-logo p{font-size:17px;letter-spacing:1.3px;line-height:1.45;margin:12px 0 0}
#hq .hq-nav{display:grid;gap:10px}
#hq .hq-nav a,#hq .hq-nav .nav-pending{display:flex;gap:12px;align-items:center;min-height:47px;padding:11px 10px;border:1px solid #a68c53;border-radius:8px;text-decoration:none;font-size:13px;line-height:1.25;background:linear-gradient(100deg,#12604270,#01332735);box-shadow:inset 0 1px 0 #ffffff08}
#hq .hq-nav a:hover,#hq .hq-nav a[aria-current]{color:#fff9e8;border-color:#f8dd95;background:linear-gradient(105deg,#417e54,#0a513e);box-shadow:inset 0 0 0 2px #d9c38970,0 2px 7px #001e1b}
#hq .nav-icon{color:#efc570;width:23px;height:23px;flex:0 0 23px;display:grid;place-items:center}
#hq svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#hq .hq-nav small{display:block;font-size:11px;color:#d6d2b8;margin-top:5px}
#hq .nav-pending{color:#eee4c7}
#hq .hq-values{margin-top:12px;margin-bottom:125px;padding:24px 12px;text-align:center;border:1px solid #ad8b47;border-radius:48% 48% 10px 10px / 20% 20% 10px 10px;box-shadow:inset 0 0 0 4px #05382b,inset 0 0 0 5px #a9864444;color:#e6c37c}
#hq .hq-values .compass{font-size:43px;display:block;margin-bottom:8px}
#hq .hq-values p{font-size:13px;letter-spacing:2px;line-height:1.8;margin:0}
#hq #signOut{position:relative;z-index:5;margin-top:2px;border:1px solid #c29b54;border-radius:7px;background:#044234;color:#fff0c6;padding:10px;cursor:pointer;font-size:13px}
#hq .hq-page{min-width:0;padding-bottom:0}
#hq .hq-banner{height:200px;display:grid;grid-template-columns:minmax(0,1fr) 185px;gap:16px;align-items:end;padding:18px 20px 4px;position:relative;border-bottom:4px ridge #d4ac60;background:url('north-pole-scenery.png') center top / 100% auto no-repeat}
#hq .hq-sign{position:relative;text-align:center;justify-self:center;width:100%;max-width:650px;padding:18px 18px 17px;color:#f3d488;border:4px ridge #dfb867;border-radius:48% 48% 9px 9px / 24% 24% 9px 9px;background:radial-gradient(ellipse at 50% 0%,#0c6146,#00372b 60%,#002d25);box-shadow:0 4px 0 #5a3d1c,0 7px 16px #061e1a88,inset 0 0 0 4px #00402e;text-shadow:0 2px 2px #06271e}
#hq .hq-sign em{font:italic 26px/1.2 Georgia,serif}
#hq .hq-sign h1{font:bold clamp(25px,2.5vw,36px)/1.12 Georgia,serif;letter-spacing:.4px;margin:5px 0 9px;color:#f3d488}
#hq .hq-sign p{font-size:10px;letter-spacing:1.1px;margin:0}
#hq .hq-dashboard{position:relative;z-index:2;padding:14px 14px 24px;display:grid;grid-template-columns:minmax(0,2.25fr) minmax(265px,1fr);gap:14px;align-items:start;background:radial-gradient(ellipse at 50% 0%,#fff9e9f5,#f5eddcdd 90%);border:1px solid #bd924c;border-top:0;border-radius:0 0 12px 12px;box-shadow:inset 0 0 0 4px #fff8e7}
#hq .hq-primary{min-width:0;display:grid;gap:14px}
#hq .hq-welcome{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;position:relative;align-items:center;padding:17px 18px;border:1px solid #bb8e3c;border-radius:13px;background:linear-gradient(120deg,#fffdf4f5,#f6e8c8f5);box-shadow:inset 0 0 0 3px #fffaf0,0 3px 8px #514b3138}
#hq .welcome-flake{font-size:52px;color:#b48530;grid-row:auto}
#hq .hq-welcome .welcome-copy{min-width:0}
#hq .eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:bold;color:#78541c;margin-bottom:6px}
#hq .hq-welcome h2{font:bold clamp(23px,2.2vw,35px)/1.16 Georgia,serif;margin:0 0 5px;color:#123a2b;overflow-wrap:anywhere}
#hq .hq-welcome p{font:14px/1.4 Georgia,serif;color:#345446;margin:0}
#hq #membershipBadge{grid-column:auto;max-width:138px}
#hq .badge{display:inline-flex;align-items:center;white-space:normal;padding:10px 12px;font:bold 10px/1.2 Georgia,serif;color:#71531d;border:1px solid #bf9e58;background:#f3e7cb;border-radius:20px}
#hq .badge.active{color:#fff9e8;background:linear-gradient(#159369,#00603f);border-color:#027449;box-shadow:inset 0 1px 0 #75d2a0}
#hq .hq-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#hq .hq-card{border:1px solid #c2984c;border-radius:12px;background:linear-gradient(145deg,#fffdf5f7,#faf1dff5);overflow:hidden;box-shadow:0 3px 7px #47422d30,inset 0 0 0 3px #fffaf0;scroll-margin-top:20px;min-width:0}
#hq .card-heading{display:flex;align-items:center;gap:10px;color:#fff8e8;background:linear-gradient(105deg,#004436,#086149 58%,#00382e);border-bottom:2px solid #c0a365;padding:12px 14px;min-height:49px}
#hq .card-heading .heading-icon{color:#e9bd62;flex:0 0 23px;width:23px;height:23px;font-size:25px;line-height:1}
#hq .card-heading h2{font:bold 19px/1.2 Georgia,serif;margin:0;color:#fff8e8;flex:1}
#hq .card-body{position:relative;padding:12px 14px 14px;min-height:135px;background:repeating-linear-gradient(10deg,#99773f03 0px,#99773f03 1px,transparent 1px,transparent 4px)}
#hq .card-body p{font:14px/1.5 Georgia,serif;color:#3e5043;margin:0 0 12px}
#hq .plan{border:1px solid #dfcba4;background:#fff9ed66;border-radius:8px;padding:12px;margin:0 0 8px}
#hq .plan strong{font:bold 20px/1.25 Georgia,serif;color:#173c30}
#hq .plan p{font:13px/1.4 Georgia,serif;color:#284d3a;margin:6px 0 0}
#hq .plan b{color:#007047}
#hq .membership-details{display:inline-block;font-size:12px;text-decoration:underline;text-underline-offset:3px;color:#355847}
#hq .forest{background-image:url('forest-detail.svg'),linear-gradient(to top,#dce6dd30,transparent 65%);background-position:center bottom;background-size:100% auto;background-repeat:no-repeat}

#hq #agents{position:relative;z-index:1}
#hq #agents>p{text-align:center;font-size:13px;padding:10px 0 4px;min-height:40px}
#hq .agentrow{gap:8px;padding:10px 0;border-bottom:1px solid #dac6a0;font-size:14px;overflow-wrap:anywhere}
#hq .agentrow span{font:12px/1.4 Georgia,serif;color:#476552}
#hq .green-action{display:flex;position:relative;z-index:1;align-items:center;justify-content:center;gap:8px;width:fit-content;max-width:100%;margin:10px auto 0;padding:10px 15px;border:1px solid #006344;border-radius:22px;color:#fff9e8;background:linear-gradient(#309971,#006546);box-shadow:inset 0 1px 0 #9cceac,0 2px 3px #47674b35;font:bold 13px/1.2 Georgia,serif;text-decoration:none}
#hq .green-action:hover{background:linear-gradient(#278a64,#004e34)}
#hq .feature .card-body{min-height:125px;padding-bottom:15px}
#hq .soon-pill{display:inline-block;color:#523b15;border:1px solid #e5c78e;border-radius:20px;background:linear-gradient(#ffe7b3,#edcc8c);padding:5px 11px;font:11px/1.2 Georgia,serif;box-shadow:inset 0 1px 0 #fff8df}
#hq .feature .card-body .soon-pill{display:block;width:fit-content;margin:15px auto 0}
#hq .hq-create{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:20px;padding:18px 20px;background:linear-gradient(130deg,#fffdf5f5,#f5e7cef5);border:1px solid #c69d58;border-radius:12px;box-shadow:inset 0 0 0 3px #fff9ec,0 3px 8px #514b3125;scroll-margin-top:20px}
#hq .hq-create h2{margin:0 0 8px;font:bold 23px/1.2 Georgia,serif;color:#173e30}
#hq .hq-create .form-intro{font:13px/1.5 Georgia,serif;color:#4d5c4e;margin:0 0 15px}
#hq .formrow{grid-template-columns:2fr 1fr;gap:18px}
#hq .formrow label{font:13px/1.4 Georgia,serif;color:#193c30}
#hq .formrow input,#hq .formrow select{font:16px/1.3 Georgia,serif;background:#fffdf7;color:#193c30;border:1px solid #cbbb9e;border-radius:5px;padding:10px 12px;width:100%;min-width:0}
#hq .choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 13px}
#hq .choice{font:bold 12px/1.3 Georgia,serif;background:#fffaf1;color:#244333;border:1px solid #d1c3ab;border-radius:7px;padding:12px 8px;min-height:44px;overflow-wrap:anywhere;cursor:pointer}
#hq .choice:hover{background:#f4e5c6}
#hq .choice.selected{background:#e4efd9;border:2px solid #12654b;color:#064f36;padding:11px 7px}
#hq #createAgentBtn{background:linear-gradient(#f9db8b,#d5a23b);border:1px solid #bd8620;border-radius:7px;box-shadow:inset 0 1px 0 #fff4d5;color:#173728;padding:11px 19px;font:bold 13px/1.3 Georgia,serif;cursor:pointer}
#hq .msg{font:13px/1.5 Arial,sans-serif;color:#8a302a;overflow-wrap:anywhere}
#hq .credential{padding:20px;background:#074937;color:#fff6dc;border:3px double #d0a557;border-radius:12px;margin:0;text-align:center}
#hq .credential h2{color:#fff2c1}
#hq .credential strong{font:800 22px monospace;display:block;overflow-wrap:anywhere;background:#fff9e9;color:#15452e;padding:15px;border-radius:8px}
#hq .hq-updates{border:1px solid #b38d41;border-radius:13px;background:linear-gradient(#fffdf6fa,#f7eddafb);overflow:hidden;box-shadow:0 3px 9px #47422d35;min-width:0}
#hq .updates-heading{padding:14px;background:linear-gradient(110deg,#004d3a,#002f29);color:#fff7e5;text-align:center;border-bottom:2px solid #c5a363}
#hq .updates-heading h2{font:bold 24px/1.2 Georgia,serif;margin:0 0 6px;color:#fff7e5}
#hq .updates-heading p{font:13px/1.4 Georgia,serif;margin:0;color:#eee8d6}
#hq .update-note{display:flex;gap:13px;padding:13px 0;margin:0 18px;border-bottom:1px solid #e1d1b5}
#hq .update-icon{flex:0 0 24px;width:24px;height:24px;color:#b08532;font-size:28px;line-height:1}
#hq .update-note h3{font:bold 15px/1.3 Georgia,serif;margin:0 0 6px;color:#1c3d30}
#hq .update-note p{font:13px/1.5 Georgia,serif;margin:0;color:#465848}
#hq .updates-scene{padding:35px 15px 15px;background:linear-gradient(to bottom,#f9f2e200,#eef0e780),url('north-pole-scenery.png') center 6% / 740px auto no-repeat;min-height:158px;display:flex;align-items:end;justify-content:center}
#hq .updates-sign{margin:0;color:#f4d384;text-align:center;background:linear-gradient(120deg,#00513d,#003229);border:4px ridge #b28a4d;border-radius:13px;box-shadow:0 3px 7px #143b3270;padding:13px 9px;width:100%;font:17px/1.45 Georgia,serif;text-shadow:0 2px 1px #03251c}
#hq .updates-sign span{display:block;font-size:21px;color:#efc164}
#hq .sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

#hq .village-motto{align-self:center;transform:rotate(-3deg);display:grid;gap:6px;text-align:center;color:#ffe3a5;text-shadow:0 1px #34200e}
#hq .village-motto span{padding:9px 6px;background:repeating-linear-gradient(0deg,#5f321b 0px,#6e4124 3px,#512a17 5px,#6e4124 8px);border:3px ridge #a77742;box-shadow:0 3px 5px #041c1980;font:bold 12px Georgia,serif}
#hq .village-motto small{background:#f9e5bc;color:#423218;border:1px solid #ad8a4a;text-shadow:none;font:12px/1.4 Georgia;padding:8px 10px;margin:0 15px;transform:rotate(3deg)}
#hq .hq-creation-area{grid-column:1/-1;width:calc(100% - 205px);position:relative;z-index:3}
#hq .heading-link{flex-shrink:0;font:11px Georgia,serif;text-decoration:none;color:#fff0c4}
#hq .stationery-mark{position:absolute;width:85px;height:65px;right:12px;bottom:7px;color:#b68c484a;stroke-width:1.2;pointer-events:none;transform:rotate(-12deg);z-index:0}
#hq .camera-mark{width:77px;right:9px;transform:rotate(11deg)}
#hq .feature .card-body>p,#hq .feature .soon-pill{position:relative;z-index:1}
#hq .family-note{color:#6f78644d;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}
#hq .north-pole-stamp{width:110px;height:110px;border:3px double currentColor;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(13deg);padding:9px;outline:1px dashed currentColor;outline-offset:5px}
#hq .north-pole-stamp span{font:10px Georgia;letter-spacing:2px}
#hq .north-pole-stamp b{font:45px/1 Georgia}
#hq .north-pole-stamp small{font:5px/1.4 Georgia;letter-spacing:1px}
#hq .family-note p{font:italic 19px/1.35 Georgia,serif;color:#88765399;margin:17px 0 0;transform:rotate(-8deg)}
#hq .family-note i{font:27px Georgia;color:#b29b6a;margin:2px 0 0 75px}
@media(min-width:1450px){#hq .hq-welcome{grid-template-columns:54px minmax(0,1fr) auto;gap:14px}#hq .welcome-flake{grid-row:auto}#hq #membershipBadge{grid-column:auto}#hq .hq-welcome h2{font-size:31px}#hq .hq-welcome .welcome-copy{min-width:0}}
@media(max-width:1180px){#hq .hq-layout{grid-template-columns:190px minmax(0,1fr)}#hq .hq-sidebar{padding:20px 10px 14px}#hq .hq-logo b{font-size:40px}#hq .hq-logo p{font-size:15px}#hq .hq-nav{gap:8px}#hq .hq-nav a,#hq .hq-nav .nav-pending{gap:8px;padding:11px 8px}#hq .hq-dashboard{grid-template-columns:minmax(0,1fr) 255px;padding:14px 12px 24px;gap:13px}#hq .card-heading{padding:11px 10px;gap:7px}#hq .card-heading h2{font-size:17px}#hq .card-heading .heading-icon{flex-basis:20px;width:20px;height:20px}#hq .card-body{padding:12px}#hq .plan strong{font-size:18px}#hq .hq-banner{height:200px}#hq .updates-heading h2{font-size:22px}#hq .hq-welcome{padding:17px 15px;gap:11px}#hq .hq-welcome h2{font-size:27px}}
@media(max-width:980px){#hq .hq-dashboard{grid-template-columns:minmax(0,1fr)}#hq .hq-updates{display:grid;grid-template-columns:1fr 1fr}#hq .updates-heading{grid-column:1/-1;text-align:left}#hq .updates-heading h2{font-size:23px}#hq .update-note{margin:0 15px}#hq .updates-scene{padding:18px 15px;min-height:120px}#hq .hq-sidebar{min-height:100%}#hq .hq-banner{height:190px}#hq .hq-sign h1{font-size:29px}#hq .hq-sign p{font-size:8px}#hq .hq-sign{padding:14px 17px}#hq .hq-welcome h2{font-size:29px}#hq .card-heading h2{font-size:18px}}
@media(max-width:720px){#hq .hq-layout{display:block;padding:0;background:#f7efdf}#hq .hq-layout:after{display:none}#hq .hq-sidebar{position:relative;min-height:0;height:auto;overflow:visible;padding:12px 14px;gap:12px;border-right:0;border-bottom:3px solid #c8a465}#hq .hq-logo{display:flex;align-items:center;justify-content:center;gap:12px;border:0;padding:0}#hq .hq-logo .logo-symbol{font-size:29px;margin:0}#hq .hq-logo b{font-size:35px}#hq .hq-logo small{font-size:8px;margin:0}#hq .hq-logo p{font-size:12px;line-height:1.3;text-align:left;border-left:1px solid #a98746;padding-left:12px;margin:0}#hq .hq-nav{display:flex;gap:8px;overflow-x:auto;padding:3px 2px 9px;scrollbar-color:#c5a164 #073d30}#hq .hq-nav a,#hq .hq-nav .nav-pending{flex:0 0 auto;font-size:12px;padding:9px 11px;min-height:44px}#hq .hq-nav small{font-size:10px}#hq .hq-values{display:none}#hq #signOut{align-self:end;font-size:11px;padding:7px 12px}#hq .hq-banner{height:175px;padding:14px 16px 0}#hq .hq-page{padding-bottom:22px}#hq .hq-sign{width:min(100%,520px)}#hq .hq-sign em{font-size:22px}#hq .hq-sign h1{font-size:27px}#hq .hq-sign p{font-size:8px;letter-spacing:.5px}#hq .hq-dashboard{padding:14px 14px 24px}#hq .hq-welcome{grid-template-columns:38px minmax(0,1fr);gap:10px;padding:16px 14px}#hq .welcome-flake{font-size:38px;grid-row:1/3}#hq #membershipBadge{grid-column:2}#hq .hq-welcome h2{font-size:26px}#hq .hq-welcome p{font-size:13px}#hq .card-heading h2{font-size:19px}}
@media(max-width:500px){#hq .hq-cards{grid-template-columns:1fr;gap:13px}#hq .hq-updates{display:block}#hq .hq-logo small{display:none}#hq .hq-logo p{font-size:11px}#hq .hq-logo b{font-size:34px}#hq .hq-banner{height:165px}#hq .hq-sign h1{font-size:24px}#hq .hq-sign p{font-size:7px}#hq .hq-sign{padding:13px 12px}#hq .eyebrow{font-size:8px;letter-spacing:1px}#hq .hq-welcome h2{font-size:23px}#hq .card-body{padding:15px}#hq .feature .card-body{min-height:125px}#hq .hq-create{padding:17px 15px}#hq .hq-create h2{font-size:21px}#hq .formrow{grid-template-columns:minmax(0,1fr) 85px;gap:10px}#hq .choices{grid-template-columns:1fr;gap:7px}#hq .choice{font-size:13px;min-height:43px;padding:11px}#hq .choice.selected{padding:10px}#hq .updates-heading{text-align:center}#hq .updates-scene{min-height:155px}}
@media(max-width:1350px){#hq .hq-welcome{grid-template-columns:40px minmax(0,1fr) auto;gap:11px}#hq .hq-welcome h2{font-size:26px}#hq .welcome-flake{font-size:43px}#hq .badge{font-size:8px;padding:9px}#hq #membershipBadge{max-width:112px}#hq .hq-banner{grid-template-columns:minmax(0,1fr) 150px;gap:12px;padding-left:16px;padding-right:16px}#hq .village-motto span{font-size:10px;padding:8px 4px}#hq .village-motto small{font-size:10px}#hq .hq-sign h1{font-size:28px}#hq .heading-link{font-size:9px}#hq .card-heading h2{font-size:17px}#hq .hq-create{grid-template-columns:minmax(0,1fr) 115px;gap:12px}#hq .family-note p{font-size:16px}#hq .north-pole-stamp{width:90px;height:90px}}
@media(max-width:1100px){#hq .heading-link{display:none}#hq .hq-welcome{grid-template-columns:38px minmax(0,1fr)}#hq #membershipBadge{grid-column:2;max-width:none}#hq .welcome-flake{grid-row:1/3}#hq .hq-sign h1{font-size:25px}}
@media(max-width:980px){#hq .hq-creation-area{grid-column:1;width:100%;grid-row:2}#hq .hq-updates{grid-row:3}#hq .hq-layout:after{height:140px}#hq .hq-dashboard{padding-bottom:24px}#hq .hq-banner{grid-template-columns:1fr}#hq .village-motto{display:none}#hq .hq-sign{max-width:560px}#hq .hq-create{grid-template-columns:minmax(0,1fr) 130px}}
@media(max-width:720px){#hq .hq-sidebar{border-radius:0;box-shadow:none}#hq .hq-banner{background-size:auto 700px;background-position:center top;display:flex}#hq .hq-dashboard{border:0;border-radius:0;box-shadow:none;padding-bottom:20px}#hq .hq-create{display:block}#hq .family-note{display:none}#hq .hq-creation-area{width:100%}#hq .hq-sidebar #signOut{margin-top:0}#hq .hq-welcome{grid-template-columns:38px minmax(0,1fr)}#hq .hq-welcome h2{font-size:26px}#hq .card-heading h2{font-size:19px}#hq .heading-link{display:inline;font-size:11px}}

/* Match the creation entry points to membership capacity without changing layout. */
#hq .creation-entry.hidden{display:none}
#hq .capacity-status{background:#e8eadb;border-color:#a5b39c;color:#385740;box-shadow:none;cursor:default}
#hq .capacity-status:hover{background:#e8eadb}

/* A compact disclosure replaces the sideways navigation on phones. */
#hq .mobile-menu-toggle{display:none}
@media(max-width:720px){
 #hq .hq-sidebar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}
 #hq .hq-logo{grid-column:1/-1;min-width:0;flex-wrap:wrap}
 #hq .hq-nav{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:minmax(0,1fr);overflow:visible;padding:0;gap:8px;min-width:0}
 #hq .hq-nav a,#hq .hq-nav .nav-pending{width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;min-height:46px;font-size:13px}
 #hq .hq-sidebar.nav-ready .mobile-menu-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;grid-column:1;grid-row:2;justify-self:start;min-width:126px;min-height:44px;margin:0;padding:10px 14px;border:1px solid #c29b54;border-radius:7px;background:#044234;color:#fff0c6;font:14px Georgia,serif;cursor:pointer}
 #hq .mobile-menu-toggle:focus-visible{outline:3px solid #f8dd95;outline-offset:3px}
 #hq .mobile-menu-toggle[aria-expanded="true"] .menu-chevron{transform:rotate(180deg)}
 #hq .hq-sidebar.nav-ready:not(.mobile-menu-open) .hq-nav{display:none}
 #hq .hq-sidebar #signOut{grid-column:2;grid-row:2;align-self:center;min-height:44px;margin:0;font-size:12px;padding:10px 14px}
}

#parentNotesDialog{width:min(640px,calc(100% - 28px));max-height:85dvh;padding:0;border:2px solid #c29b54;border-radius:14px;background:#fcf5e6;color:#173e30;font:16px/1.5 Georgia,serif;box-shadow:0 20px 70px #001b1880}
#parentNotesDialog::backdrop{background:#001c22bb}
#parentNotesDialog .notes-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:#064b38;color:#fff1cc}
#parentNotesDialog h2{font-size:24px;margin:0}
#parentNotesDialog .notes-content{padding:18px 20px}
#parentNotesDialog p{margin:0 0 16px}
#parentNotesDialog label{display:block;font-weight:bold;margin:14px 0 6px}
#parentNotesDialog select,#parentNotesDialog textarea{box-sizing:border-box;width:100%;max-width:100%;border:1px solid #af9561;border-radius:7px;padding:11px;background:#fffdf7;color:#193e30;font:16px/1.5 Georgia,serif}
#parentNotesDialog textarea{resize:vertical;min-height:150px}
#parentNotesDialog small{display:block;text-align:right;margin:4px 0 14px}
#parentNotesDialog button{border:1px solid #b49554;border-radius:7px;padding:10px 14px;min-height:44px;cursor:pointer;background:#07523c;color:#fff2cf;font:14px Georgia,serif}
#parentNotesDialog button:disabled{opacity:.55;cursor:wait}
#parentNotesDialog #refreshParentNotes{margin-top:15px;background:transparent;color:#174d36}
#parentNotesDialog :focus-visible{outline:3px solid #be8d29;outline-offset:3px}
#parentNotesDialog [hidden]{display:none}
#hq #openParentNotes{cursor:pointer}

#parentNotesDialog #parentNotesMessage{margin-top:16px}

#parentNotesDialog #parentNotesMessage:not(:empty){padding:12px;border:1px solid #b49554;border-radius:7px;background:#f3ecd5;font-weight:bold}

#missionSubmissionsDialog{box-sizing:border-box;width:min(900px,calc(100% - 28px));max-height:88dvh;padding:0;border:2px solid #c29b54;border-radius:14px;background:#fcf5e6;color:#173e30;font:16px/1.5 Georgia,serif;box-shadow:0 20px 70px #001b1880}
#missionSubmissionsDialog::backdrop{background:#001c22bb}
.submission-heading{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px;background:#064b38;color:#fff1cc;border-bottom:2px solid #c29b54}
.submission-heading h2{margin:3px 0;font-size:26px}.submission-heading small{font-size:10px;letter-spacing:1.3px}.submission-content{padding:20px 22px}.submission-content>p:first-child{margin-top:0}
#missionSubmissionsDialog button,#missionSubmissionsDialog select{font:inherit;min-height:44px;border:1px solid #b49554;border-radius:7px;padding:9px 13px;background:#fffaf0;color:#174d36}#missionSubmissionsDialog button{cursor:pointer}#missionSubmissionsDialog button:disabled{opacity:.6;cursor:wait}#missionSubmissionsDialog :focus-visible{outline:3px solid #b78728;outline-offset:3px}
.submission-tools{display:flex;align-items:end;gap:14px}.submission-tools label{display:grid;gap:5px;flex:1}.submission-tools select{width:100%}#missionSubmissionsStatus{padding:15px;background:#f2e9d2;border:1px solid #d6c398;border-radius:8px}
.mission-submission{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin:18px 0;padding:18px;background:#fffcf3;border:1px solid #bea16a;border-radius:12px}.mission-submission>div:only-child{grid-column:1/-1}.mission-submission img{width:100%;max-height:350px;object-fit:contain;border-radius:8px;background:#eee8db}.mission-submission h3{margin:10px 0 5px;font-size:23px}.mission-submission h4{margin:14px 0 3px}.mission-submission p{margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}.submission-badge{display:inline-block;font-size:12px;padding:5px 9px;background:#e2eddf;border-radius:20px}.submission-date{font-size:13px;color:#52654e}
@media(max-width:600px){.submission-heading,.submission-content{padding:15px}.submission-heading h2{font-size:22px}.mission-submission{grid-template-columns:1fr;padding:12px}.submission-tools{flex-wrap:wrap}.submission-tools label{min-width:180px}.submission-heading button{flex-shrink:0}}

#parentMailDialog{box-sizing:border-box;width:min(850px,calc(100% - 28px));max-height:88dvh;padding:0;border:2px solid #c29b54;border-radius:14px;background:#fcf5e6;color:#173e30;font:16px/1.5 Georgia,serif;box-shadow:0 20px 70px #001b1880}#parentMailDialog::backdrop{background:#001c22bb}#parentMailDialog button,#parentMailDialog select{font:inherit;min-height:44px;border:1px solid #b49554;border-radius:7px;padding:9px 13px;background:#fffaf0;color:#174d36}#parentMailDialog button{cursor:pointer}#parentMailDialog :focus-visible{outline:3px solid #b78728;outline-offset:3px}#parentMailStatus{padding:15px;background:#f2e9d2;border:1px solid #d6c398;border-radius:8px}.parent-letter{padding:20px;margin:18px 0;background:#fffcf3;border:1px solid #bea16a;border-radius:12px}.parent-letter h3{margin:0 0 6px}.parent-letter p{white-space:pre-wrap;overflow-wrap:anywhere}.santa-reply{border-top:1px solid #cbb88f;margin-top:20px;padding-top:16px}.santa-reply h4{color:#07523c;margin:0 0 8px}
#familySettingsDialog{box-sizing:border-box;width:min(760px,calc(100% - 28px));max-height:88dvh;padding:0;border:2px solid #c29b54;border-radius:14px;background:#fcf5e6;color:#173e30;font:16px/1.5 Georgia,serif;box-shadow:0 20px 70px #001b1880}#familySettingsDialog::backdrop{background:#001c22bb}#familySettingsDialog [hidden]{display:none}#familySettingsDialog button{font:inherit;min-height:44px;border:1px solid #b49554;border-radius:7px;padding:9px 13px;background:#07523c;color:#fff2cf;cursor:pointer}#familySettingsDialog button:disabled{opacity:.6;cursor:wait}#familySettingsDialog input{box-sizing:border-box;width:100%;padding:10px;border:1px solid #b49554;border-radius:7px;background:#fffaf0;color:#173e30;font:inherit;min-height:44px}#familySettingsDialog label{display:block;font-weight:bold;margin:10px 0 5px}#familySettingsDialog form{padding:15px 0;border-top:1px solid #d8c6a0}#familySettingsDialog form button{margin-top:12px}.settings-section{border:1px solid #bea16a;border-radius:12px;padding:18px;margin:10px 0 20px;background:#fffcf3}.settings-section h3{font-size:23px;margin:0 0 10px}.settings-help{font-size:14px}.settings-agent{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 0;border-top:1px solid #d8c6a0}.settings-agent p{margin:3px 0}#settingsNewCode{padding:15px;border:2px solid #ae8e4f;background:#e5eedc;border-radius:10px;margin-top:15px}#settingsCodeValue{display:block;font:bold 32px/1.5 monospace;letter-spacing:5px}#familySettingsDialog :focus-visible{outline:3px solid #b78728;outline-offset:3px}@media(max-width:500px){.settings-agent{align-items:start;flex-direction:column}.settings-section{padding:12px}}
