/* 0.6.13 — Cerca: stesso linguaggio del Diario, senza perdere velocità di scansione. */
.search-screen{
  --search-lime:#b7ff2a;
  --search-purple:#c89cff;
  --search-card-radius:11px;
}
.search-topbar{min-height:72px}
.search-topbar .topbar-copy h1{font-size:24px;line-height:1.08}
.search-page-content{padding-top:14px;padding-left:14px;padding-right:14px}

/* Campo di ricerca e filtri: dimensioni e ritmo allineati al Diario. */
.search-main{margin:0 0 12px}
.search-main .field{
  height:58px;
  padding-left:48px;
  padding-right:48px;
  border:1px solid var(--line2);
  border-radius:8px;
  background:var(--surface);
  color:var(--ink);
  font-size:14px;
  line-height:1;
}
.search-main:focus-within .field{border-color:color-mix(in srgb,var(--search-lime) 72%,var(--line2));box-shadow:0 0 0 1px color-mix(in srgb,var(--search-lime) 10%,transparent)}
.search-main svg{left:15px;width:22px;height:22px;stroke-width:1.7}
.search-clear{right:7px;width:42px;height:42px;color:var(--muted);font-size:25px}
.search-tabs{
  margin:0 0 20px;
  border:1px solid var(--line2);
  border-radius:7px;
  overflow:hidden;
  background:var(--surface);
}
.search-tabs button{
  min-height:42px;
  border-color:var(--line);
  background:transparent;
  color:var(--ink);
  font-size:12px;
  font-weight:800;
  letter-spacing:.01em;
}
.search-tabs button.active{background:var(--search-lime);color:#071004}

.search-active-filters{gap:7px;margin:-5px 0 15px}
.search-filter-chip{border-radius:4px;padding:7px 9px;font-size:9px}
.search-summary{margin:0 0 16px;padding:9px 11px;border-left-color:var(--search-purple);font-size:10px}

/* Esplora: quattro fascicoli rapidi, leggibili ma non sovradimensionati. */
.search-section-head{align-items:center;margin:0 0 10px}
.search-section-head h2{font-size:11px;letter-spacing:.085em;text-transform:uppercase}
.search-section-head span{font-size:9.5px;color:var(--search-lime);font-weight:850}
.search-feed-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:14px}
.search-feed{
  min-width:0;
  min-height:82px;
  padding:10px 5px 9px;
  border:1px solid var(--line);
  border-radius:7px;
  background:linear-gradient(150deg,var(--surface2),var(--surface));
  color:var(--ink);
  text-align:center;
}
.search-feed span{display:block;margin-bottom:9px;color:var(--search-lime);font-size:21px;line-height:1}
.search-feed strong{display:block;font-size:9.5px;line-height:1.2;font-weight:850}
.search-feed.active{border-color:color-mix(in srgb,var(--search-lime) 72%,var(--line));box-shadow:inset 0 -3px 0 var(--search-lime)}
.search-feed:focus-visible{outline:2px solid var(--search-lime);outline-offset:2px}
.search-feed-status{min-height:24px;padding:2px 1px 10px;color:var(--muted);font-size:9.5px}

/* Risultati: card/fascicolo come nel Diario. */
.search-result-section{margin-top:22px}
.search-results{display:grid;gap:10px;border-top:0}
.search-result-row{
  width:100%;
  min-height:116px;
  display:grid;
  grid-template-columns:72px minmax(0,1fr) 32px;
  gap:13px;
  align-items:center;
  padding:10px;
  border:1px solid var(--line);
  border-radius:var(--search-card-radius);
  background:var(--surface);
  color:var(--ink);
  text-align:left;
  box-shadow:0 1px 0 color-mix(in srgb,var(--ink) 4%,transparent);
}
.search-result-row:active{background:var(--surface2)}
.search-result-row:focus-visible{outline:2px solid var(--search-lime);outline-offset:2px}
.search-result-row .poster{width:72px;height:100px;border:1px solid var(--line2);border-radius:5px;align-self:center}
.search-result-copy{min-width:0;align-self:center}
.search-type-tag{
  display:inline-flex;
  width:max-content;
  padding:3px 7px;
  border:1px solid currentColor;
  border-radius:4px;
  font:850 9px/1.15 var(--mono);
  letter-spacing:.07em;
}
.search-type-tag.is-series{color:var(--search-lime);background:color-mix(in srgb,var(--search-lime) 8%,transparent)}
.search-type-tag.is-movie{color:var(--search-purple);background:color-mix(in srgb,var(--search-purple) 10%,transparent)}
.search-result-copy strong{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  margin-top:7px;
  font-size:17px;
  line-height:1.16;
  font-weight:800;
  letter-spacing:-.012em;
}
.search-result-copy .meta{display:block;margin-top:7px;color:var(--muted);font:650 11px/1.35 var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-result-state{display:flex;align-items:center;gap:9px;min-height:16px;margin-top:8px;font:800 10px/1.25 var(--mono);text-transform:uppercase;letter-spacing:.02em}
.search-result-state .seen{color:var(--search-lime)}
.search-result-state .watch{color:var(--search-purple)}
.search-result-state .remote{color:var(--muted)}
.search-result-state .rating{color:var(--search-lime);font-size:10.5px;text-transform:none;letter-spacing:0}
.search-result-chevron{display:grid;place-items:center;width:32px;height:44px;color:var(--muted);font-size:25px;font-weight:400;text-align:center}
.search-empty{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:18px;color:var(--muted);font-size:11px;line-height:1.5}

@media(max-width:380px){
  .search-page-content{padding-left:12px;padding-right:12px}
  .search-feed-grid{gap:5px}
  .search-feed{min-height:76px;padding-inline:3px}
  .search-feed strong{font-size:8.8px}
  .search-result-row{grid-template-columns:64px minmax(0,1fr) 28px;gap:11px;min-height:108px;padding:9px}
  .search-result-row .poster{width:64px;height:92px}
  .search-result-copy strong{font-size:15.5px}
  .search-result-copy .meta{font-size:10.5px}
  .search-result-state{gap:7px;font-size:9.5px}
}