/* Patch 110 - only visual card status colors; dates/priority remain handled by PHP. */
/* Day theme: readable pastel colors, with card surfaces and precise borders. */
:root[data-fe-theme="light"] .fe-family-card.fe-card-urgent,
:root[data-fe-theme="light"] .fe-listing-card.fe-card-urgent,
:root[data-fe-theme="light"] .fe-mpc.is-urgent{--status-fill:#ffe4e7;--status-line:#ee8894;--status-shadow:rgba(222,79,99,.16)}
:root[data-fe-theme="light"] .fe-family-card.fe-card-featured,
:root[data-fe-theme="light"] .fe-listing-card.fe-card-featured,
:root[data-fe-theme="light"] .fe-mpc.is-featured{--status-fill:#efe2ff;--status-line:#b38ae5;--status-shadow:rgba(140,92,200,.17)}
:root[data-fe-theme="light"] .fe-family-card:is(.fe-card-first,.fe-card-new),
:root[data-fe-theme="light"] .fe-listing-card:is(.fe-card-first,.fe-card-new),
:root[data-fe-theme="light"] .fe-mpc:is(.is-first,.is-new){--status-fill:#def5e7;--status-line:#5cc58c;--status-shadow:rgba(57,163,102,.16)}
/* Night theme: dark-tinted backgrounds preserve legibility and site blue palette. */
:root[data-fe-theme="dark"] .fe-family-card.fe-card-urgent,
:root[data-fe-theme="dark"] .fe-listing-card.fe-card-urgent,
:root[data-fe-theme="dark"] .fe-mpc.is-urgent{--status-fill:#392534;--status-line:#ed8597;--status-shadow:rgba(237,120,142,.20)}
:root[data-fe-theme="dark"] .fe-family-card.fe-card-featured,
:root[data-fe-theme="dark"] .fe-listing-card.fe-card-featured,
:root[data-fe-theme="dark"] .fe-mpc.is-featured{--status-fill:#322744;--status-line:#b995ec;--status-shadow:rgba(173,128,230,.19)}
:root[data-fe-theme="dark"] .fe-family-card:is(.fe-card-first,.fe-card-new),
:root[data-fe-theme="dark"] .fe-listing-card:is(.fe-card-first,.fe-card-new),
:root[data-fe-theme="dark"] .fe-mpc:is(.is-first,.is-new){--status-fill:#193e3c;--status-line:#66cda0;--status-shadow:rgba(79,199,141,.18)}
/* Default light theme before theme-init runs. */
.fe-family-card:is(.fe-card-urgent,.fe-card-featured,.fe-card-first,.fe-card-new),
.fe-listing-card:is(.fe-card-urgent,.fe-card-featured,.fe-card-first,.fe-card-new),
.fe-mpc:is(.is-urgent,.is-featured,.is-first,.is-new){
  border:2px solid var(--status-line,#85cda4)!important;
  box-shadow:0 5px 18px var(--status-shadow,rgba(50,120,75,.12)),0 0 0 1px var(--status-line,#85cda4)!important;
  background:var(--status-fill,#e5f5e9)!important;
}
.fe-family-card:is(.fe-card-urgent,.fe-card-featured,.fe-card-first,.fe-card-new) .fe-family-body,
.fe-listing-card:is(.fe-card-urgent,.fe-card-featured,.fe-card-first,.fe-card-new) .fe-listing-body,
.fe-mpc:is(.is-urgent,.is-featured,.is-first,.is-new) :is(.fe-mpc-body,.fe-mpc-main){
  background:var(--status-fill,#e5f5e9)!important;
}
/* Maintain readable default dark text in day mode, original typography unchanged. */
:root[data-fe-theme="light"] .fe-family-card:is(.fe-card-urgent,.fe-card-featured,.fe-card-first,.fe-card-new) .fe-family-body,
:root[data-fe-theme="light"] .fe-listing-card:is(.fe-card-urgent,.fe-card-featured,.fe-card-first,.fe-card-new) .fe-listing-body{color:#102a43!important}

/* Patch 112: DESKTOP NIGHT only. Overrides legacy .fe-family-card / .fe-family-body
   night rules that use !important. Mobile and day CSS are untouched. */
@media (min-width: 769px) {
  :is(html[data-fe-theme="dark"],html[data-theme="dark"]) body .fe-family-card.fe-card-urgent,
  :is(html[data-fe-theme="dark"],html[data-theme="dark"]) body .fe-listing-card.fe-card-urgent,
  body:is(.fe-theme-dark,.dark-mode) .fe-family-card.fe-card-urgent,
  body:is(.fe-theme-dark,.dark-mode) .fe-listing-card.fe-card-urgent { --status-fill:#442b38; --status-line:#f07d95; --status-shadow:rgba(240,110,135,.32); }
  :is(html[data-fe-theme="dark"],html[data-theme="dark"]) body .fe-family-card.fe-card-featured,
  :is(html[data-fe-theme="dark"],html[data-theme="dark"]) body .fe-listing-card.fe-card-featured,
  body:is(.fe-theme-dark,.dark-mode) .fe-family-card.fe-card-featured,
  body:is(.fe-theme-dark,.dark-mode) .fe-listing-card.fe-card-featured { --status-fill:#392b54; --status-line:#bf96ff; --status-shadow:rgba(174,120,250,.30); }
  :is(html[data-fe-theme="dark"],html[data-theme="dark"]) body .fe-family-card:is(.fe-card-first,.fe-card-new),
  :is(html[data-fe-theme="dark"],html[data-theme="dark"]) body .fe-listing-card:is(.fe-card-first,.fe-card-new),
  body:is(.fe-theme-dark,.dark-mode) .fe-family-card:is(.fe-card-first,.fe-card-new),
  body:is(.fe-theme-dark,.dark-mode) .fe-listing-card:is(.fe-card-first,.fe-card-new) { --status-fill:#204b43; --status-line:#66d5a3; --status-shadow:rgba(90,215,162,.27); }

  :is(html[data-fe-theme="dark"],html[data-theme="dark"]) body .fe-family-card:is(.fe-card-urgent,.fe-card-featured,.fe-card-first,.fe-card-new),
  :is(html[data-fe-theme="dark"],html[data-theme="dark"]) body .fe-listing-card:is(.fe-card-urgent,.fe-card-featured,.fe-card-first,.fe-card-new),
  body:is(.fe-theme-dark,.dark-mode) .fe-family-card:is(.fe-card-urgent,.fe-card-featured,.fe-card-first,.fe-card-new),
  body:is(.fe-theme-dark,.dark-mode) .fe-listing-card:is(.fe-card-urgent,.fe-card-featured,.fe-card-first,.fe-card-new) {
    background:var(--status-fill)!important;
    border:2px solid var(--status-line)!important;
    box-shadow:0 5px 20px var(--status-shadow),0 0 0 1px var(--status-line)!important;
  }
  :is(html[data-fe-theme="dark"],html[data-theme="dark"]) body .fe-family-card:is(.fe-card-urgent,.fe-card-featured,.fe-card-first,.fe-card-new) .fe-family-body,
  :is(html[data-fe-theme="dark"],html[data-theme="dark"]) body .fe-listing-card:is(.fe-card-urgent,.fe-card-featured,.fe-card-first,.fe-card-new) .fe-listing-body,
  body:is(.fe-theme-dark,.dark-mode) .fe-family-card:is(.fe-card-urgent,.fe-card-featured,.fe-card-first,.fe-card-new) .fe-family-body,
  body:is(.fe-theme-dark,.dark-mode) .fe-listing-card:is(.fe-card-urgent,.fe-card-featured,.fe-card-first,.fe-card-new) .fe-listing-body {
    background:var(--status-fill)!important;
  }
}