/* MyELDF brand layer, loaded after every other MyELDF stylesheet.
   ELDF navy and gold lead, and each part of the Holiday workspace keeps one brand color so people
   can tell at a glance what belongs together:
   gold = waiting for you · purple = your school and team · teal = families
   sapphire = records and files · navy = pickup day.
   Whatever is open or chosen gets a gold outline. */
.my-eldf-shell{--b-navy:#14254C;--b-navy-deep:#0B1733;--b-gold:#E4B53D;--b-gold-deep:#C9962A;--b-gold-text:#8D6517;--b-gold-soft:#e3cf97;
  --b-gold-edge:linear-gradient(135deg,#f6e4a6,#c9962a 32%,#f3d98a 58%,#a87a1d);--b-ivory:#fffaf0;--b-line:#dfe5ee;
  --b-teal:#2E9C92;--b-purple:#7A4A9E;--b-sapphire:#2A4F9E;--b-slate:#5b6678;
  --b-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1.5 1.5 7 7l5.5-5.5' fill='none' stroke='%23A87A1D' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}

/* Labels and tabs */
.my-eldf-shell .eyebrow{color:var(--b-gold-text)}
.my-eldf-shell .my-eldf-tabs a:hover,.my-eldf-shell .my-eldf-tabs a:focus{background:var(--b-ivory);color:var(--b-navy)}
.my-eldf-shell .my-eldf-tabs a[aria-current="page"]{background:var(--b-navy);color:#fff;box-shadow:inset 0 -3px 0 var(--b-gold)}
.my-eldf-shell .my-eldf-tabs a:focus-visible{outline:3px solid var(--b-gold-text);outline-offset:2px}

/* Buttons: navy with a gold edge for the main action; white with a soft gold outline for the rest */
.my-eldf-shell .btn-primary{background:var(--b-navy);color:#fff;box-shadow:inset 0 0 0 2px var(--b-gold-deep),0 10px 24px rgba(11,23,51,.18)}
.my-eldf-shell .btn-primary:hover{background:var(--b-navy-deep);color:#fff;box-shadow:inset 0 0 0 2px var(--b-gold),0 14px 30px rgba(11,23,51,.24)}
.my-eldf-shell .btn-secondary-soft{background:#fff;color:var(--b-navy);border:1px solid var(--b-gold-soft)}
.my-eldf-shell .btn-secondary-soft:hover{background:var(--b-ivory);color:var(--b-navy-deep);border-color:var(--b-gold-deep)}
.my-eldf-shell :is(.btn-primary,.btn-secondary-soft):focus-visible{outline:3px solid var(--b-gold-text);outline-offset:3px}

/* Holiday workspace sections: a color rail says what the section is about; an open section gets a gold outline */
.my-eldf-shell [data-holiday-portal] details.holiday-organization-files{--rail:var(--b-slate);margin-top:.85rem;padding:.2rem 1rem .2rem 1.1rem;border:1px solid var(--b-line);border-left:5px solid var(--rail);border-radius:14px;background:#fff}
.my-eldf-shell [data-holiday-portal] details.holiday-organization-files[open]{padding-bottom:1rem;border:2px solid transparent;border-left:5px solid var(--rail);background:linear-gradient(#fff,#fff) padding-box,var(--b-gold-edge) border-box;box-shadow:0 12px 30px rgba(11,23,51,.07)}
.my-eldf-shell [data-holiday-portal] details.holiday-organization-files>summary{color:var(--b-navy)}
.my-eldf-shell [data-holiday-portal] details[data-partner-roster]{--rail:var(--b-sapphire)}
.my-eldf-shell [data-holiday-portal] details[data-partner-documents]{--rail:var(--b-sapphire)}
.my-eldf-shell [data-holiday-portal] details:is([data-partner-intake],.holiday-signup-links){--rail:var(--b-teal)}
.my-eldf-shell [data-holiday-portal] details[data-partner-lists]{--rail:var(--b-gold-deep)}
.my-eldf-shell [data-holiday-portal] details[data-access-desk]{--rail:var(--b-purple)}
.my-eldf-shell :is([data-holiday-portal] details,details.holiday-pickup-desk)>summary::after{color:var(--b-gold-text);border:1.5px solid var(--b-gold-soft);border-radius:50%;background:#fff}
.my-eldf-shell details.holiday-pickup-desk{border-left:5px solid var(--b-navy)}
.my-eldf-shell details.holiday-pickup-desk[open]{border-color:transparent;border-left-color:var(--b-navy);background:linear-gradient(#fff,#fff) padding-box,var(--b-gold-edge) border-box}

/* Drop-downs: one branded look everywhere in MyELDF, including pickup day */
.my-eldf-shell select:not([multiple]):not([size]){appearance:none;-webkit-appearance:none;min-height:44px;padding-right:2.6rem;border:1.5px solid #c5cfdb;border-radius:12px;background-color:#fff;background-image:var(--b-chevron);background-repeat:no-repeat;background-position:right .9rem center;background-size:14px 9px;color:var(--b-navy);font-weight:600;cursor:pointer}
.my-eldf-shell select:not([multiple]):not([size]):hover{border-color:var(--b-gold-deep)}
.my-eldf-shell select:focus-visible{outline:3px solid var(--b-gold-text);outline-offset:2px;border-color:var(--b-gold-text)}
.my-eldf-shell select:disabled{background-color:#f3f5f8;color:#6b7686;cursor:not-allowed}

/* Type-ahead State fields */
.my-eldf-shell input[data-state-input]{text-transform:none}

/* Age chips on the family sign-up link: a chosen group is navy with a gold edge */
.my-eldf-shell .holiday-age-chip span{border-color:#cfd7e2;color:var(--b-navy)}
.my-eldf-shell .holiday-age-chip input:checked+span{border-color:var(--b-gold-deep);background:var(--b-navy);color:#fff;box-shadow:inset 0 0 0 1px var(--b-gold)}
.my-eldf-shell .holiday-age-chip input:checked+span:before{color:var(--b-gold)}
.my-eldf-shell .holiday-age-chip input:focus-visible+span{outline:3px solid var(--b-gold-text);outline-offset:2px}

@media(prefers-reduced-motion:reduce){.my-eldf-shell .btn-primary:hover{transform:none}}
/* High-contrast mode drops background images, so drop-downs keep the system arrow there. */
@media(forced-colors:active){.my-eldf-shell select:not([multiple]):not([size]){-webkit-appearance:auto;appearance:auto;background-image:none;padding-right:revert}}

/* A family its school signed up: the claim card (teal, families) and the "Signed up by" note */
.my-eldf-shell .holiday-school-claim{border-left:5px solid var(--b-teal)}
.my-eldf-shell .holiday-signed-up-by{display:inline-block;margin:.2rem 0 .3rem;padding:.2rem .65rem;border-radius:999px;background:#e8f5f3;color:#1d6b64;font-size:.82rem;font-weight:700}
.my-eldf-shell .holiday-not-mine{margin-top:.9rem;padding:.9rem 1rem;border:1.5px solid var(--b-gold-soft);border-radius:12px;background:var(--b-ivory)}
.my-eldf-shell .holiday-family-contact{display:block;margin-top:.3rem;color:#4a5568;font-size:.86rem}
.my-eldf-shell .holiday-family-contact--letter{color:#8d6517;font-weight:700}
.my-eldf-shell .holiday-list-message{margin-top:1rem;padding:1rem;border:1.5px solid var(--b-gold-soft);border-radius:12px;background:var(--b-ivory)}
.my-eldf-shell .holiday-list-message textarea{width:100%;min-height:7.5rem;font:inherit;border:1.5px solid #c5cfdb;border-radius:10px;padding:.6rem .75rem;color:var(--b-navy);background:#fff}
/* Staying in touch is one optional line under the notice; a pending deletion request shows in gold. */
.my-eldf-shell .holiday-stay-in-touch{margin-top:.6rem}
.my-eldf-shell .my-eldf-privacy.is-requested{border-color:var(--b-gold-soft);background:var(--b-ivory)}
.my-eldf-shell .my-eldf-delete-form p{margin:.6rem 0 0}
/* Preference cards: the small label and the line under it read at WCAG AA (4.5:1) on the pale card. */
.my-eldf-shell .my-eldf-preference .label,.my-eldf-shell .my-eldf-preference p{color:#4f5b70}
.my-eldf-shell .my-eldf-preference p a{text-decoration:underline;text-underline-offset:2px;font-weight:700}
/* Keep each family together and make recorded toy category / age easy to scan. */
.my-eldf-shell .holiday-roster-children{list-style:none;padding:0;margin:0;display:grid;gap:.6rem;min-width:130px}
.my-eldf-shell .holiday-roster-children li{display:grid;gap:.2rem;border:1px solid #dfe5ee;border-left:3px solid #c9962a;border-radius:7px;padding:.55rem .65rem;background:#f8fafc}
.my-eldf-shell .holiday-roster-children span{font-size:.82rem;color:#14254c;white-space:nowrap}
.my-eldf-shell .holiday-roster-review-note{padding:.85rem 1rem;border:1px solid #d9c58c;border-radius:10px;background:#fffaf0;color:#14254c}
.my-eldf-shell .holiday-roster-families{display:grid;gap:1rem;margin:1rem 0}
.my-eldf-shell details.holiday-roster-family{padding:0!important;border:1px solid #dfe5ee!important;border-left:4px solid #c9962a!important;border-radius:12px;background:#fff;min-width:0}
.my-eldf-shell details.holiday-roster-family>summary{padding:1rem 2.2rem 1rem .85rem!important;display:grid;gap:.3rem;color:#14254c;position:relative}
.my-eldf-shell .holiday-roster-family>summary>span{font-size:.8rem;font-weight:500}
.my-eldf-shell .holiday-roster-family .holiday-roster-stage{justify-self:start;background:#f2f5fa;border:1px solid #dfe5ee;border-radius:20px;padding:.2rem .6rem;font-weight:700}
.my-eldf-shell .holiday-roster-family-body{padding:.85rem;border-top:1px solid #dfe5ee}
.my-eldf-shell .holiday-roster-family-body dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:.65rem;margin:.9rem 0 0}
.my-eldf-shell .holiday-roster-family-body dt{font-size:.73rem;font-weight:750;color:#475569}
.my-eldf-shell .holiday-roster-family-body dd{margin:.15rem 0 0;font-size:.85rem;color:#14254c}
.my-eldf-shell details.holiday-roster-family>summary::after{position:absolute;right:.65rem;top:1rem;width:26px;height:26px}