/* Dinner-only brand palette sampled from the supplied title (#57B7B7); original user-supplied card illustrations stay intact. */
:is(#myDinnerModal,#dinnerMyModal,#dinnerSignupModal,#topicPickModal,#webTopicPickModal,.dinner-ux-exit,.dinner-ux-invitation) {
  --hz-accent:#57b7b7;--hz-accent-hover:#45a4a4;--hz-accent-ink:#173c3c;--hz-accent-soft:#e8f5f5;
  --hz-teal-500:#57b7b7;--hz-teal-700:#2f7777;--hz-teal-100:#e8f5f5;
  --brand:#57b7b7;--brand-deep:#2f7777;--brand-soft:#e8f5f5;
  --du-ink:#173c3c;--du-muted:#5e7778;--du-green:#57b7b7;--du-line:#d4e7e7;--du-paper:#fff;
  --journey-ink:#173c3c;--journey-muted:#5e7778;--journey-teal:#57b7b7;--journey-soft:#e8f5f5;--journey-line:#d4e7e7;--journey-paper:#fff;
  --dinner-art-ink:#173c3c;--dinner-art-muted:#5e7778;
  color:#173c3c;
}
:is(#myDinnerModal,#dinnerMyModal,#dinnerSignupModal,#topicPickModal,#webTopicPickModal) :is(.dinner-ux-form,.dinner-ux-panel,.hz-journey-card,.dinner-ux-invitation) {
  --du-ink:#173c3c;--du-muted:#5e7778;--du-green:#57b7b7;--du-line:#d4e7e7;--du-paper:#fff;
  --journey-ink:#173c3c;--journey-muted:#5e7778;--journey-teal:#57b7b7;--journey-soft:#e8f5f5;--journey-line:#d4e7e7;--journey-paper:#fff;
  color:var(--du-ink);
}
:is(#myDinnerModal,#dinnerMyModal) :is(.my-dinner-sheet,.dinner-my-panel,.dinner-v2-shell,.dinner-journey-shell,.dinner-ux-invitation) {background:linear-gradient(155deg,#fff 35%,#f2fafa);border-color:#d4e7e7;box-shadow:0 16px 50px #173c3c10;}
:is(#myDinnerModal,#dinnerMyModal,#dinnerSignupModal,#topicPickModal,#webTopicPickModal) :is(h2,h3,h4,.topic-core-question,.web-topic-core-question,.dinner-v2-info strong,.detail-row strong) {color:#173c3c;}
:is(#myDinnerModal,#dinnerMyModal,#dinnerSignupModal) :is(.signup-form-section,.dinner-v2-section,.my-dinner-block,.dinner-ux-fold,.hz-journey-fact,.dinner-ux-preview,.dinner-ux-stage-note,.dinner-auto-coupon,.dinner-v21-silhouette,.dinner-v21-intro) {border-color:#d4e7e7;background-color:#f4fafa;}
:is(#myDinnerModal,#dinnerMyModal) :is(.dinner-ux-preview,.dinner-ux-stage-note) {border-left-color:#57b7b7;}
:is(#myDinnerModal,#dinnerMyModal,#dinnerSignupModal) :is(.my-dinner-kicker,.dinner-v2-kicker,.dinner-ux-kicker,.hz-journey-brand,.my-dinner-badge,.dinner-v2-badge,.hz-journey-badge,.dinner-v2-topic-count) {color:#2f7777;background-color:#e8f5f5;}
:is(#myDinnerModal,#dinnerMyModal,#dinnerSignupModal,#topicPickModal,#webTopicPickModal) :is(.primary-btn,.btn-primary,.btn-warm,.dinner-ux-primary,.activity-submit-btn,.dinner-ux-checkout button[type=submit]) {background:#57b7b7;color:#173c3c;border-color:#57b7b7;box-shadow:none;}
:is(#myDinnerModal,#dinnerMyModal,#dinnerSignupModal,#topicPickModal,#webTopicPickModal) :is(.primary-btn,.btn-primary,.btn-warm,.dinner-ux-primary):hover:not(:disabled) {background:#45a4a4;border-color:#45a4a4;}
:is(#myDinnerModal,#dinnerMyModal,#dinnerSignupModal,#topicPickModal,#webTopicPickModal) :is(.secondary-btn,.btn-ghost,.dinner-ux-secondary,.pref-chip,.dinner-ux-categories button,.topic-history-btn) {border-color:#c9e1e1;background:#f7fbfb;color:#2f7777;box-shadow:none;}
:is(#myDinnerModal,#dinnerMyModal,#dinnerSignupModal,#topicPickModal,#webTopicPickModal) :is(.pref-chip.selected,.pref-chip[aria-pressed=true],.dinner-ux-categories button[aria-pressed=true]) {background:#def1f1;border-color:#57b7b7;color:#246767;}
:is(#myDinnerModal,#dinnerMyModal,#dinnerSignupModal) :is(input,textarea,select) {border-color:#c9e1e1;color:#173c3c;background-color:#fff;accent-color:#57b7b7;}
:is(#myDinnerModal,#dinnerMyModal,#dinnerSignupModal) :is(input,textarea,select):focus {border-color:#57b7b7;box-shadow:0 0 0 3px #57b7b71f;}
:is(#myDinnerModal,#dinnerMyModal,#dinnerSignupModal,#topicPickModal,#webTopicPickModal) :focus-visible {outline:3px solid #8dd2d2;outline-offset:3px;}
:is(#myDinnerModal,#dinnerMyModal) .hz-journey-step:is(.is-current,.is-done) {color:#2f7777;}
:is(#myDinnerModal,#dinnerMyModal) .hz-journey-step:is(.is-current,.is-done)::before {background:#57b7b7;}
:is(#myDinnerModal,#dinnerMyModal) .hz-journey-step:is(.is-current,.is-done)>:is(span:first-child,b) {background:#57b7b7;border-color:#57b7b7;color:#fff;}
:is(#myDinnerModal,#dinnerMyModal) :is(.dinner-feedback-panel,.dinner-ux-feedback,[data-dinner-feedback-panel]) {background:#f4fafa;border-color:#d4e7e7;}
:is(#myDinnerModal,#dinnerMyModal) :is(.dinner-feedback-panel,.dinner-ux-feedback,[data-dinner-feedback-panel]) input:checked+span {background:#57b7b7;border-color:#57b7b7;color:#fff;}
:is(#topicPickModal,#webTopicPickModal) :is(.topic-card-front,.web-topic-card-front,.topic-card-back,.web-topic-card-back) {--card-paper:#f2fafa;--card-accent:#57b7b7;}
:is(#myDinnerModal,#dinnerMyModal,#topicPickModal,#webTopicPickModal) [data-dinner-art-card] {--dinner-art-ink:#173c3c;--dinner-art-muted:#5e7778;}
.dinner-ux-exit {background:#fff;color:#173c3c;border-color:#d4e7e7;}
.dinner-ux-exit p {color:#5e7778;}.dinner-ux-exit .dinner-ux-refund {background:#e8f5f5;color:#173c3c;}
.dinner-ux-exit-actions button {color:#2f7777;border-color:#c9e1e1;}.dinner-ux-exit::backdrop {background:#173c3c5c;}
/* Shared source picker: one section, compact choices, one explicit disclosure. */
.dinner-encounter-card {padding:24px 0;margin:20px 0;border-top:1px solid #d4e7e7;border-bottom:1px solid #d4e7e7;background:transparent!important;color:#173c3c;}
.dinner-encounter-card .dec-eyebrow {margin:0 0 5px!important;color:#2f7777!important;font-size:12px!important;font-weight:700;letter-spacing:.06em;}
.dinner-encounter-card h3 {margin:0 0 8px!important;font-size:24px!important;line-height:1.35;}
.dinner-encounter-card p {color:#5e7778!important;line-height:1.7;font-size:14px;}
.dec-options {min-width:0;padding:0;margin:22px 0 18px;border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.dec-options legend {float:none;grid-column:1/-1;width:auto;margin-bottom:12px;font-size:13px;font-weight:700;color:#5e7778;}
.dec-option {display:flex!important;align-items:flex-start!important;gap:10px!important;min-width:0;padding:14px;border:1px solid #d4e7e7;border-radius:14px;background:#fff;cursor:pointer;transition:background-color .15s,border-color .15s;}
.dec-option.is-selected {background:#e8f5f5;border-color:#57b7b7;}
.dec-option input {width:18px!important;height:18px!important;min-height:18px!important;flex:0 0 18px;accent-color:#57b7b7;margin:4px 0 0!important;}
.dec-option span {min-width:0;display:grid;gap:4px;}.dec-option small {color:#5e7778;font-size:12px;}.dec-option strong {font-size:15px;line-height:1.6;color:#173c3c;overflow-wrap:anywhere;}
.dec-preview {margin:20px 0;padding:6px 0 6px 18px;border-left:3px solid #57b7b7;}
.dec-preview>span {color:#2f7777;font-size:12px;font-weight:700;}.dec-preview blockquote {margin:8px 0!important;padding:0!important;border:0!important;background:none!important;color:#173c3c!important;font-size:21px!important;line-height:1.6;font-weight:650;overflow-wrap:anywhere;}
.dec-preview small {font-size:12px;color:#5e7778;line-height:1.6;}
.dec-consent {display:flex!important;align-items:flex-start;gap:10px;margin:20px 0;font-size:14px;cursor:pointer;}.dec-consent input {width:18px!important;height:18px!important;min-height:18px!important;flex:0 0 18px;accent-color:#57b7b7;margin:3px 0 0!important;}.dec-consent small {display:block;margin-top:3px;color:#5e7778;font-size:12px;}
.dec-actions {display:flex;align-items:center;flex-wrap:wrap;gap:10px;}
.dec-actions button,.dec-empty button {min-height:44px;border:1px solid #c9e1e1;border-radius:11px;padding:10px 14px;font:inherit;font-size:14px;font-weight:650;cursor:pointer;}
.dec-primary {background:#57b7b7!important;border-color:#57b7b7!important;color:#173c3c!important;}.dec-secondary {background:#fff!important;color:#2f7777!important;}.dec-text {background:none!important;border-color:transparent!important;color:#5e7778!important;}
.dec-result {padding:0!important;border:0!important;background:none!important;font-size:13px!important;min-height:22px;}.dec-result.is-error,.dec-warning {color:#a34b22!important;}.dec-empty {padding:18px;border:1px dashed #c9e1e1;border-radius:14px;background:#f3f9f9;}.dec-empty strong {color:#173c3c;}
.dinner-encounter-card button:disabled,.dec-option:has(input:disabled) {opacity:.58;cursor:default;}
@media(max-width:600px){.dec-options{grid-template-columns:1fr}.dinner-encounter-card h3{font-size:22px!important}.dec-preview blockquote{font-size:19px!important}.dec-actions .dec-primary{flex:1 0 100%}.dec-actions button{min-height:46px}.dinner-encounter-card{padding:20px 0}}
@media(prefers-reduced-motion:reduce){.dec-option{transition:none}}

/* Exact title colour requested by the user. */
.dinner-encounter-card h3,:is(#myDinnerModal,#dinnerMyModal) .hz-journey-title{color:#57B7B7!important}
/* The same dinner theme follows the cover card in My Activities. */
#eventMyEventsRoot .ma-dinner {--hz-accent:#57B7B7;--hz-accent-soft:#e8f5f5;--hz-accent-ink:#173c3c;background:#fff;border-color:#d4e7e7;}
#eventMyEventsRoot .ma-dinner :is(.ma-family,.event-my-card,.event-quick-facts) {background:#f4fafa;color:#173c3c;border-color:#d4e7e7;}
#eventMyEventsRoot .ma-dinner .event-btn.primary {background:#57B7B7;border-color:#57B7B7;color:#173c3c;}
:is(#myDinnerModal,#dinnerMyModal) h2 {color:#57B7B7;}

/* Centre introduction actions; keep refresh beside the section title. */
.dinner-encounter-card .dec-header {display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 8px;}
.dinner-encounter-card .dec-header h3 {flex:1;min-width:0;margin:0!important;}
.dinner-encounter-card .dec-header > [data-dec-refresh] {
  flex:none;min-height:44px;margin:0;padding:8px 0 8px 12px;border:0;border-radius:6px;
  background:transparent!important;color:#5e7778!important;font:inherit;font-size:13px;font-weight:500;line-height:1.5;white-space:nowrap;
}
.dinner-encounter-card .dec-header > [data-dec-refresh]:hover:not(:disabled) {color:#2f7777!important;text-decoration:underline;text-underline-offset:3px;}
.dinner-encounter-card .dec-actions {display:flex;justify-content:center;align-items:center;gap:12px;margin-top:22px;}
.dinner-encounter-card .dec-actions > button {flex:0 1 180px;min-width:150px;min-height:46px;margin:0;}
.dinner-encounter-card .dec-result {text-align:center;min-height:22px;margin:10px 0 0!important;}
@media(max-width:600px) {
  .dinner-encounter-card .dec-header {gap:10px;}
  .dinner-encounter-card .dec-header > [data-dec-refresh] {padding-left:6px;font-size:12px;}
  .dinner-encounter-card .dec-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .dinner-encounter-card .dec-actions > button {width:100%;min-width:0;padding:10px 8px;font-size:14px;}
  .dinner-encounter-card .dec-actions > button:only-child {grid-column:1/-1;justify-self:center;width:min(100%,180px);}
}
