/* PokéParent Mine kort: additiv mobil-UX. Last etter eksisterende mine-kort-v2.css. */
/* Kun kjente seksjonsankre og kontroll-ID-er; ingen lagrings- eller søkelogikk endres. */
#finn, #samling { scroll-margin-top: 5.5rem; min-width: 0; }
#finn *, #samling * { box-sizing: border-box; }
#finn :is(input, select, textarea, button),
#samling :is(input, select, textarea, button) { font: inherit; }
#finn :is(button, input, select, textarea, a):focus-visible,
#samling :is(button, input, select, textarea, a):focus-visible {
  outline: 3px solid #22c55e; outline-offset: 3px;
}
#finn :is(input[type="search"], input[type="text"]),
#samling :is(input[type="search"], input[type="text"]) {
  max-width: 100%; min-width: 0;
}
#samling :is(button, a), #finn :is(button, a) { touch-action: manipulation; }
@media (max-width: 767px) {
  #finn, #samling { max-width: 100%; overflow-wrap: anywhere; }
  #finn :is(input[type="search"], input[type="text"]),
  #samling :is(input[type="search"], input[type="text"]) {
    width: 100%; min-height: 48px; font-size: 16px;
  }
  #finn :is(button, select), #samling :is(button, select),
  #finn a[href], #samling a[href] {
    min-height: 44px;
  }
  #finn :is(button, select), #samling :is(button, select) {
    max-width: 100%;
  }
  #samling :is(#mkExport, #mkImport) {
    display: inline-flex; align-items: center; justify-content: center;
    white-space: normal; text-align: center;
  }
}
@media (max-width: 380px) {
  #samling :is(#mkExport, #mkImport) { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  #finn *, #samling * { scroll-behavior: auto; }
}

/* Bolk 2: oppgaveflyt. Lastes etter mine-kort-v2.css. */
#finn .mk-field-label, #samling .mk-field-label { display:block; margin:12px 0 5px; color:#e2e8f0; font-weight:700; }
#finn .search .mk-field-label { grid-column:1 / -1; margin-bottom:0; }
#finn .search, #finn .results .item, #samling .collection .item { min-width:0; }
#finn .results .item > div, #samling .collection .item > div { min-width:0; }
@media (max-width:767px) {
  #finn .search { grid-template-columns:minmax(0,1fr); }
  #finn .search .mk-field-label { grid-column:1; }
  #finn .results, #samling .collection { grid-template-columns:minmax(0,1fr); }
  #finn .results .item, #samling .collection .item { grid-template-columns:72px minmax(0,1fr); gap:12px; }
  #finn .results .item img, #samling .collection .item img { width:72px; max-width:100%; }
  #finn .results .item .btn, #samling .collection .item .btn { min-height:44px; }
  #samling .collection .item .actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  #samling .collection .item .actions .btn { width:100%; min-width:0; }
  #samling .toolbar { grid-template-columns:minmax(0,1fr); }
  #samling .toolbar .btn, #samling .toolbar label.btn { width:100%; min-height:44px; }
}
@media (max-width:360px) {
  #finn .results .item, #samling .collection .item { grid-template-columns:60px minmax(0,1fr); }
  #finn .results .item img, #samling .collection .item img { width:60px; }
}