/* Zakładka "Poszukiwane" (PoszukiwaneView) - ten sam język wizualny co sale-form-v1.css / daily-view.css */

.mytheme .wanted-view {
  box-sizing: border-box;
  padding: 14px 18px 12px;
  background: #f7f7f8;
}

.mytheme .wanted-view > .v-spacing {
  height: 12px;
}

/* nagłówek strony */
.mytheme .wanted-page-header {
  box-sizing: border-box;
  width: 100%;
  padding: 18px 20px;
  border: 1px solid #ead8b8;
  border-radius: 12px;
  background: linear-gradient(115deg, #fff7e8, #fffdf8 58%, #fff);
}

.mytheme .v-label.wanted-page-title {
  color: #282828;
  font-size: 27px !important;
  font-weight: 700;
  line-height: 1.25;
}

.mytheme .v-label.wanted-page-subtitle {
  margin-top: 4px;
  color: #666;
  font-size: 13px;
  font-weight: 400;
}

/* kafelki liczników statusów */
.mytheme .wanted-metrics > .v-spacing {
  width: 10px;
}

.mytheme .wanted-metric-card {
  box-sizing: border-box;
  min-height: 64px;
  padding: 9px 12px;
  overflow: hidden;
  border: 1px solid #dedede;
  border-left-width: 4px;
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  transition: box-shadow 120ms, border-color 120ms;
}

.mytheme .wanted-metric-card:hover {
  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.1);
}

.mytheme .wanted-metric-card.wanted-metric-active {
  box-shadow: 0 0 0 3px rgba(213, 155, 53, 0.22);
}

.mytheme .wanted-metric-all {
  border-color: #e5d6bc;
  border-left-color: #c48b2a;
  background: #fff9ef;
}

.mytheme .wanted-metric-aktualne {
  border-color: #caddea;
  border-left-color: #5f8eae;
  background: #f1f7fb;
}

.mytheme .wanted-metric-znalezione {
  border-color: #cfe3cf;
  border-left-color: #579250;
  background: #f0f8ef;
}

.mytheme .wanted-metric-nieaktualne {
  border-color: #e4d2d2;
  border-left-color: #b45a5a;
  background: #faf1f1;
}

/* nowy pasujący towar na magazynie - ton fioletowy z tabeli kafelków (kafelek, pastylka w wierszu i w oknie) */
.mytheme .wanted-metric-nowy {
  border-color: #e3d5ec;
  border-left-color: #8b5ba7;
  background: #f6f0fa;
}

.mytheme .v-label.wanted-metric-caption {
  color: #6b6b6b;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.05em;
  line-height: 16px;
  text-transform: uppercase;
}

.mytheme .v-label.wanted-metric-value {
  margin-top: 2px;
  color: #303030;
  font-size: 22px !important;
  font-weight: 700;
  line-height: 26px;
}

/* pasek narzędzi */
.mytheme .wanted-toolbar {
  box-sizing: border-box;
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #dedede;
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
}

.mytheme .wanted-toolbar > .v-spacing {
  width: 8px;
}

.mytheme .wanted-toolbar .v-button {
  height: 37px;
  border-radius: 6px;
  font-weight: 700;
}

.mytheme .wanted-toolbar .v-textfield,
.mytheme .wanted-toolbar .v-filterselect {
  height: 37px;
}

.mytheme .wanted-toolbar .v-caption {
  padding-bottom: 2px;
}

/* lista */
.mytheme .wanted-grid-container,
.mytheme .wanted-grid-container .v-grid {
  overflow: hidden;
  border-radius: 9px;
}

.mytheme .wanted-grid-container {
  border: 1px solid #dedede;
  background: #fff;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
}

.mytheme .wanted-grid-container .v-grid {
  border: 0;
}

.mytheme .wanted-grid-container .v-grid-header .v-grid-cell {
  background: #fafafa;
  color: #555;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.mytheme .v-grid-row.wanted-row-znalezione > td {
  background-color: #f1f9f0;
}

.mytheme .v-grid-row.wanted-row-nieaktualne > td {
  background-color: #f8f2f2;
  color: #7a7a7a;
}

.mytheme .v-grid-row.wanted-row-po-terminie > td {
  background-color: #fff4ec;
}

.mytheme .v-grid-row-selected.wanted-row-znalezione > td,
.mytheme .v-grid-row-selected.wanted-row-nieaktualne > td,
.mytheme .v-grid-row-selected.wanted-row-po-terminie > td {
  background-color: inherit;
  color: inherit;
}

/* pastylki statusu i terminu (HtmlRenderer) */
.mytheme .wanted-pill {
  display: inline-block;
  box-sizing: border-box;
  padding: 2px 10px;
  border: 1px solid #d8d8d8;
  border-radius: 999px;
  background: #f4f4f4;
  color: #444;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  white-space: nowrap;
}

.mytheme .wanted-pill-aktualne {
  border-color: #caddea;
  background: #f1f7fb;
  color: #36566c;
}

.mytheme .wanted-pill-znalezione {
  border-color: #cfe3cf;
  background: #e8f5e6;
  color: #2f6b2a;
}

.mytheme .wanted-pill-nieaktualne {
  border-color: #e4d2d2;
  background: #f6e9e9;
  color: #7d3a3a;
}

.mytheme .wanted-pill-nowy {
  border-color: #e3d5ec;
  background: #f6f0fa;
  color: #6b3f87;
}

/* "Nowy towar: N" przed nazwą w kolumnie Poszukiwany towar */
.mytheme .wanted-pill-przed {
  margin-right: 8px;
}

/* krzyżyk przy frazie w formularzu: szary jak pomoc, czerwony dopiero pod kursorem (usuwa) */
.mytheme .v-button.wanted-phrase-remove {
  color: #8a8a8a;
}

.mytheme .v-button.wanted-phrase-remove:hover {
  color: #c65353;
}

/* zajęcie wpisu: inny oddział = bursztyn (uwaga, ktoś już się zajmuje), własny = zielony */
.mytheme .wanted-pill-zajete {
  border-color: #ead8b8;
  background: #fff3dc;
  color: #6f4900;
}

.mytheme .wanted-pill-zajete-moje {
  border-color: #cfe3cf;
  background: #e8f5e6;
  color: #2f6b2a;
}

.mytheme .wanted-due {
  margin-left: 6px;
  color: #8a8a8a;
  font-size: 11px;
  font-weight: 600;
}

.mytheme .wanted-due-soon {
  color: #b7791f;
}

.mytheme .wanted-due-late {
  color: #c0392b;
  font-weight: 800;
}

.mytheme .wanted-muted {
  color: #9a9a9a;
}

/* zaznaczony wiersz ma od 2026-10-02 jasny złoty tint (grid-v1.css) - dopiski i kolory terminu zostają
   jak w zwykłym wierszu (wcześniej rozjaśniane pod ciemnoszare zaznaczenie Valo) */

.mytheme .wanted-count-badge {
  display: inline-block;
  min-width: 22px;
  padding: 1px 7px;
  border-radius: 999px;
  background: #fff3dc;
  border: 1px solid #ead8b8;
  color: #6f4900;
  font-size: 11px;
  font-weight: 800;
  text-align: center;
}

/* okna dialogowe */
.mytheme .v-window.wanted-window {
  border-radius: 12px;
}

.mytheme .v-window.wanted-window .v-window-outerheader {
  padding: 4px 0;
}

.mytheme .wanted-window-content > .v-spacing {
  height: 14px;
}

.mytheme .v-label.wanted-section-eyebrow {
  display: block;
  box-sizing: border-box;
  width: 100% !important;
  padding-bottom: 13px;
  border-bottom: 1px solid #e8e8e8;
  color: #303030;
  font-size: 18px !important;
  font-weight: 700;
  line-height: 1.3;
}

.mytheme .wanted-section {
  box-sizing: border-box;
  width: 100%;
  padding: 17px 19px 19px;
  border: 1px solid #dedede;
  border-top: 2px solid rgba(213, 155, 53, 0.62);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}

.mytheme .wanted-section > .v-spacing {
  height: 8px;
}

.mytheme .wanted-columns > .v-spacing {
  width: 16px;
}

.mytheme .v-label.wanted-context-box {
  box-sizing: border-box;
  padding: 12px 14px;
  border-left: 3px solid #d59b35;
  border-radius: 5px;
  background: #fff8ec;
  color: #3d3d3d;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.55;
  white-space: normal;
}

.mytheme .v-label.wanted-help {
  color: #666;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.55;
  white-space: normal;
}

.mytheme .wanted-actions .v-button {
  height: 46px;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 700;
}

/* kafelkowy wybór (status, termin podbicia) - jak sale-receipt-choice */
.mytheme .v-select-optiongroup.wanted-choice {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
}

.mytheme .wanted-choice .v-radiobutton {
  box-sizing: border-box;
  display: block;
  flex: 1 1 150px;
  margin: 0;
  padding: 0;
  white-space: normal;
}

:root .mytheme .wanted-choice .v-radiobutton {
  padding-left: 0;
}

.mytheme .wanted-choice .v-radiobutton > label {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%%;
  padding: 14px 16px 14px 48px;
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  background: #fafafa;
  color: #303030;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  transition: border-color 120ms, background-color 120ms, box-shadow 120ms;
}

:root .mytheme .wanted-choice .v-radiobutton > input ~ label:before,
:root .mytheme .wanted-choice .v-radiobutton > input ~ label:after {
  top: 14px;
  left: 16px;
}

/* Valo dla checked ustawia kropkę (7x7) na top/left 6px względem kółka w (0,0) -
   wyższa specyficzność niż reguła wyżej, więc trzeba ją przesunąć razem z kółkiem (12+6, 14+6) */
:root .mytheme .wanted-choice .v-radiobutton > input:checked ~ label:after {
  top: 20px;
  left: 22px;
  background: #d59b35;
}

.mytheme .wanted-choice .v-radiobutton > label:hover {
  border-color: #d59b35;
  background: #fffaf0;
}

:root .mytheme .wanted-choice .v-radiobutton > input:checked ~ label {
  border-color: #d59b35;
  background: #fff3dc;
  box-shadow: 0 0 0 3px rgba(213, 155, 53, 0.18);
}

:root .mytheme .wanted-choice .v-radiobutton > input:checked ~ label:after {
  color: #17130c;
}

/* historia wpisu */
.mytheme .wanted-history-grid .v-grid-cell {
  font-size: 12px;
}

.mytheme .wanted-history-typ {
  display: inline-block;
  min-width: 86px;
  padding: 1px 8px;
  border-radius: 5px;
  background: #eeeeee;
  color: #444;
  font-size: 11px;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
}

.mytheme .wanted-history-typ-utworzenie { background: #f1f7fb; color: #36566c; }
.mytheme .wanted-history-typ-edycja { background: #f3f3f3; color: #555; }
.mytheme .wanted-history-typ-podbicie { background: #fff3dc; color: #6f4900; }
.mytheme .wanted-history-typ-status { background: #e8f5e6; color: #2f6b2a; }
.mytheme .wanted-history-typ-wygasniecie { background: #f6e9e9; color: #7d3a3a; }
.mytheme .wanted-history-typ-usuniecie { background: #f6e9e9; color: #7d3a3a; }
.mytheme .wanted-history-typ-zajecie { background: #fff3dc; color: #6f4900; }
.mytheme .wanted-history-typ-zwolnienie { background: #f3f3f3; color: #555; }
.mytheme .wanted-history-typ-sprawdzenie { background: #f6f0fa; color: #6b3f87; }

@media (max-width: 1200px) {
  .mytheme .wanted-view {
    padding: 10px 10px 8px;
  }

  .mytheme .v-label.wanted-metric-value {
    font-size: 19px !important;
  }
}