/* L'écran Frigo reprend les cartes et actions du handoff visuel V3.
   Toutes les règles restent locales à cet écran. */
.frigo-screen {
  background: var(--cream);
}

.frigo-screen > .screen__header {
  background: var(--cream);
  border: 0;
  padding: 14px 18px 10px;
}

.frigo-screen .screen__title {
  color: var(--sage-deep);
  font-family: var(--font-display);
  font-size: 22px;
  line-height: 1.1;
}

.frigo-screen .screen__subtitle {
  color: var(--ink-2);
  font-size: 13px;
  margin-top: 4px;
}

.frigo-screen__quick-actions {
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  padding: 0 14px 8px;
  background: var(--cream);
}

.frigo-screen__quick-action {
  min-width: 0;
  min-height: 44px;
  flex: 1;
  border: 0;
  border-radius: 12px;
  background: var(--paper);
  color: var(--sage-deep);
  font: 600 clamp(10px, 3.1vw, 12px) var(--font-body);
  box-shadow: var(--shadow-card);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.frigo-screen__quick-action--ticket {
  background: var(--coral);
  color: #fff;
  font-weight: 700;
  box-shadow: none;
}

.frigo-screen__quick-action--manual {
  flex: .72;
  background: var(--color-primary-soft);
  box-shadow: none;
}

.frigo-screen__body {
  padding: 5px 14px 18px;
  background: var(--cream);
}

.frigo-screen__nav,
.frigo-screen__filters {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.frigo-screen__nav::-webkit-scrollbar,
.frigo-screen__filters::-webkit-scrollbar { display: none; }

.frigo-screen__nav { padding: 4px 0 13px; }

.frigo-screen__nav-link {
  flex: 0 0 auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--paper);
  color: var(--sage-deep);
  font: 600 12px var(--font-body);
  cursor: pointer;
}

.frigo-screen__alert {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 14px;
  margin-bottom: 13px;
  background: var(--dlc-urgent-bg);
  border-radius: 12px;
  color: var(--dlc-urgent-fg);
}

.frigo-screen__alert-title { font-size: 13px; font-weight: 700; }
.frigo-screen__alert-items { font-size: 12px; margin-top: 2px; }

.frigo-screen__search { position: relative; margin-bottom: 9px; }

.frigo-screen__search input {
  width: 100%;
  min-height: 42px;
  padding: 9px 15px 9px 38px;
  border: 1px solid var(--line);
  border-radius: 12px;
  outline-color: var(--sage-deep);
  background: var(--paper);
  color: var(--ink);
  font: 14px var(--font-body);
}

.frigo-screen__search > span {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.frigo-screen__filters { gap: 6px; padding: 2px 0 13px; }

.frigo-screen__filter-divider {
  flex: 0 0 1px;
  background: var(--line);
  margin: 4px 2px;
}

.frigo-screen .frigo-filter {
  flex: 0 0 auto;
  padding: 6px 12px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--paper);
  color: var(--ink-2);
  font: 600 12px var(--font-body);
  white-space: nowrap;
  cursor: pointer;
}

.frigo-screen .frigo-filter--default {
  background: var(--sage-deep);
  border-color: var(--sage-deep);
  color: #fff;
}

.frigo-screen .frigo-filter--risk,
.frigo-screen .frigo-filter--clear {
  background: var(--dlc-urgent-bg);
  border-color: var(--dlc-urgent-fg);
  color: var(--dlc-urgent-fg);
}

.frigo-screen .frigo-filter--safe {
  background: var(--dlc-ok-bg);
  border-color: var(--dlc-ok-fg);
  color: var(--dlc-ok-fg);
}

.frigo-zone {
  margin: 0 0 13px;
  overflow: hidden;
  background: var(--paper);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-card);
}

.frigo-zone__heading {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 50px;
  padding: 12px 15px;
  border: 0;
  background: var(--paper);
  text-align: left;
  cursor: pointer;
}

.frigo-zone__name {
  display: inline-flex;
  flex: 1;
  min-width: 0;
  align-items: center;
  gap: 9px;
  color: var(--ink);
  font: 600 15px var(--font-display);
}

.frigo-zone__name > span:first-child { font: 18px var(--font-body); }
.frigo-zone__meta {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--ink-3);
  font: 400 12px var(--font-body);
}

.frigo-zone__chevron { font-size: 20px; line-height: 1; }
.frigo-zone__contents { background: var(--paper); }

.frigo-zone__item {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 8px;
  padding: 0 12px 0 15px;
  border-top: 1px solid var(--line);
}

.frigo-zone__item-icon {
  flex: 0 0 20px;
  font-size: 17px;
  text-align: center;
}

.frigo-zone__item > div {
  flex: 1;
  min-width: 0;
  padding: 8px 0 !important;
  border-bottom: 0 !important;
}

.frigo-zone__item > div > button {
  width: 30px !important;
  height: 30px !important;
}

.frigo-zone__empty {
  padding: 14px 15px;
  border-top: 1px solid var(--line);
  color: var(--ink-3);
  font-size: 13px;
}

.frigo-zone__add {
  width: calc(100% - 30px);
  min-height: 38px;
  margin: 9px 15px 12px;
  border: 1px dashed var(--line);
  border-radius: 10px;
  background: var(--paper);
  color: var(--sage-deep);
  font: 600 12px var(--font-body);
  cursor: pointer;
}

.frigo-screen__empty { padding-top: 16px; }
.frigo-screen__no-results {
  padding: 32px 16px;
  text-align: center;
  color: var(--ink-3);
  font-size: 14px;
}

@media (min-width: 768px) {
  .frigo-screen__body { padding: 16px 32px 24px; }
  .frigo-screen__quick-actions { padding-inline: 32px; }
}