/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

@media print{
  .screen_only {display: none;}
}

@media screen {
  .print_only {display: none; }
}

/* Per-customer body tint — only applied on screen so PDFs and printouts
   stay clean white. The colour itself comes from --customer-tint set
   inline by the layout. */
@media screen {
  body.customer-tinted {
    background-color: var(--customer-tint);
  }
}

/* Keep form fields white so the per-customer body tint never bleeds through.
   Tailwind v4's preflight clears the input background, leaving it
   transparent on top of the tinted body. */
input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]):not([type=submit]):not([type=button]),
textarea,
select {
  background-color: #fff;
}

.pending {
  background: lightsalmon;
}

.accepted {
  background: lightgreen;
}

.request_removal {
  background: red;
  color: black;
}

.marked_for_deletion {
  background: #fca5a5;
  color: black;
  text-decoration: line-through;
}

.marked_for_deletion td,
.marked_for_deletion .text-sm,
.marked_for_deletion .font-bold {
  text-decoration: line-through;
}

/* Orders that need attention (AI warning, or a custom dietary whose menus
   still carry the placeholder description). Declared after the status
   tints above so it wins the cascade — equal specificity, later rule. */
.needs-attention {
  background: red;
}

/* Within a needs-attention row, the LAST MINUTE / EDIT MENUS pills would
   blend into the red background. Flip them to a white pill with red text
   so they still pop. Descendant selector specificity (0,0,2,0) beats the
   utility classes on the pills themselves. */
.needs-attention .bg-red-600 {
  background: #fff;
  color: #dc2626;
}

/* B/L/D/S meal ticks are drawn in red-600 by default; on a red row they
   disappear, so flip them to white. */
.needs-attention .text-red-600 {
  color: #fff;
}