/* HayOrder v1.1.68 – Light-Mode Bestellübersicht: Kontrast, Statusfarben, Selected-State */

/* ---------------------------------------------------------
   LIGHT MODE: STATUSFILTER + SUCHBEREICH
   --------------------------------------------------------- */
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-status-nav{
  background:#f8fafc!important;
  border-color:#d7e0e8!important;
  box-shadow:0 8px 24px rgba(32,52,70,.05)!important;
}
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-status-filter{
  color:#314252!important;
  background:#fff!important;
  border-color:#dce4eb!important;
  box-shadow:0 2px 7px rgba(35,55,73,.035)!important;
}
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-status-filter:hover{
  background:color-mix(in srgb,var(--filter-color) 4%,#fff)!important;
  border-color:color-mix(in srgb,var(--filter-color) 42%,#cfd9e2)!important;
}
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-status-filter.is-active{
  color:#172533!important;
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--filter-color) 10%,#fff),
    #fff 72%)!important;
  border-color:color-mix(in srgb,var(--filter-color) 48%,#ccd7e1)!important;
  box-shadow:inset 3px 0 0 var(--filter-color),0 4px 12px rgba(32,52,70,.055)!important;
}
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-status-filter>strong{
  color:#314252!important;
  background:#edf2f6!important;
}
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-status-filter.is-active>strong{
  color:#172533!important;
  background:color-mix(in srgb,var(--filter-color) 13%,#eef3f7)!important;
}

body.theme-light #orders-ajax-root.ho-orders-168 .ho122-filter-panel{
  background:#f8fafc!important;
  border-color:#d7e0e8!important;
  box-shadow:0 8px 24px rgba(32,52,70,.045)!important;
}
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-field>span{
  color:#627487!important;
}
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-field input,
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-field select{
  color:#172533!important;
  background:#fff!important;
  border-color:#d1dce5!important;
}
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-field input::placeholder{
  color:#6f8090!important;
  opacity:.92!important;
}

/* Live-Zeile: im Hellmodus klar lesbar. */
body.theme-light #orders-ajax-root.ho-orders-168 .ho151-live-results{
  color:#526577!important;
}
body.theme-light #orders-ajax-root.ho-orders-168 .ho151-live-results>strong{
  color:#172533!important;
}
body.theme-light #orders-ajax-root.ho-orders-168 .ho151-live-results-label{
  color:#415365!important;
}
body.theme-light #orders-ajax-root.ho-orders-168 .ho151-live-results-pill{
  color:#17784d!important;
  background:#eef9f3!important;
  border-color:#bfe6d0!important;
}
body.theme-light #orders-ajax-root.ho-orders-168 .ho151-live-results .ho-live-dot{
  background:#2dbf76!important;
  box-shadow:0 0 0 4px rgba(45,191,118,.13)!important;
}

/* ---------------------------------------------------------
   LIGHT MODE: BESTELLKARTEN
   --------------------------------------------------------- */
/* Jede Karte bleibt hell – auch ausgewählt oder mit Aufmerksamkeit. */
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card .ho122-order-link,
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card.is-selected .ho122-order-link,
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card.is-attention .ho122-order-link{
  color:#172533!important;
  background:linear-gradient(155deg,#ffffff,#f8fafc)!important;
  border-color:color-mix(in srgb,var(--status) 48%,#c7d3de)!important;
  box-shadow:0 10px 26px rgba(35,53,69,.085)!important;
}
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card.is-selected .ho122-order-link{
  border-width:2px!important;
  box-shadow:
    0 0 0 2px color-mix(in srgb,var(--status) 9%,transparent),
    0 13px 28px rgba(35,53,69,.10)!important;
}
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card.is-attention .ho122-order-link{
  border-color:#ef6f69!important;
  box-shadow:0 0 0 2px rgba(239,111,105,.12),0 13px 28px rgba(35,53,69,.10)!important;
}

/* Kopfbereich der Karte: klare dunkle Typografie. */
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card .ho122-order-ref{
  color:#142230!important;
}
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card .ho122-customer{
  color:#27394a!important;
}
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card .ho122-card-identity>small{
  color:#6b7d8e!important;
}
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card .ho122-card-amount{
  color:#172533!important;
  background:#f1f5f8!important;
  border-color:#d4dee7!important;
  box-shadow:none!important;
}
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card .ho122-card-amount>small{
  color:#66788a!important;
}
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card .ho122-card-amount>strong{
  color:#152332!important;
}

/* Informationsbereich mit sehr sanfter Statusfarbe. */
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card .ho154-card-facts{
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--status) 5%,#fbfcfd) 0%,
    #f7f9fb 62%,
    #f4f7fa 100%)!important;
}
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card .ho154-status-column{
  background:color-mix(in srgb,var(--status) 7%,#f8fafc)!important;
}
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card .ho155-product-column,
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card .ho154-received{
  background:rgba(255,255,255,.56)!important;
}
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card .ho154-countdown{
  background:linear-gradient(135deg,#fff5f6,#f8f5f9)!important;
}

/* Kreuzlinien im Light Mode etwas klarer. */
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card .ho154-status-row{
  border-bottom-color:color-mix(in srgb,var(--status) 15%,#d2dce5)!important;
}
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card .ho155-product-column,
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card .ho154-countdown{
  border-left-color:color-mix(in srgb,var(--status) 14%,#d2dce5)!important;
}

/* Rubriküberschriften müssen dunkel und klar lesbar sein. */
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card .ho154-status-column>small,
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card .ho155-product-column>small,
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card .ho154-received>small,
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card .ho154-countdown>small{
  color:#526678!important;
}
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card .ho154-received>small .icon,
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card .ho154-countdown>small .icon{
  color:color-mix(in srgb,var(--status) 80%,#23445d)!important;
}

/* Produkt-Badge neutral, Status-Badge bleibt farbig. */
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card .ho154-product-count{
  color:#314557!important;
  background:#fff!important;
  border-color:#cbd8e2!important;
  box-shadow:none!important;
}
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card .ho122-status{
  color:color-mix(in srgb,var(--status) 68%,#203245)!important;
  background:color-mix(in srgb,var(--status) 14%,#fff)!important;
  border-color:color-mix(in srgb,var(--status) 28%,#d3dde6)!important;
  box-shadow:none!important;
}
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card .ho122-status i{
  background:var(--status)!important;
  box-shadow:0 0 8px color-mix(in srgb,var(--status) 35%,transparent)!important;
}

/* Zeitwerte / Datum / Statuszeit mit ausreichendem Kontrast. */
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card .ho161-received-line>strong{
  color:#162635!important;
}
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card .ho161-received-line>time{
  color:#617487!important;
}
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card .ho154-countdown .ho122-status-elapsed{
  color:#d34f65!important;
}
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card .ho154-countdown .ho122-status-elapsed:not(.is-overdue){
  color:color-mix(in srgb,var(--status) 72%,#31516a)!important;
}
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card .ho154-countdown .ho122-status-elapsed.is-overdue{
  color:#c83f58!important;
}
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card .ho132-new-waiting{
  color:#b64b43!important;
}
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card:not(.is-attention) .ho132-new-waiting{
  color:#17764c!important;
}

/* Aufmerksamkeit im Light Mode bleibt sichtbar, ohne dunkle Karte. */
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card.is-attention .ho127-fact-elapsed{
  background:linear-gradient(135deg,#fff2f1,#fff8f7)!important;
  box-shadow:inset 0 0 0 1px rgba(213,77,70,.14)!important;
}
body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card.is-attention .ho132-new-waiting{
  color:#c14b45!important;
}

/* Light Mode auf Mobilgeräten unverändert strukturiert, nur kontrastreicher. */
@media(max-width:759px){
  body.theme-light #orders-ajax-root.ho-orders-168 .ho122-order-card .ho154-card-facts{
    background:#f7f9fb!important;
  }
}
