/* Setup › Pests & diseases (static/pest-list.js, grower screen). On the shared
   page template (.pcard, .btn-p, .btn-g, .seg); only what the template lacks. */
#pest-list-root { max-width: 760px; }
.gpl-note { color: var(--ink2, #5b6560); font-size: 13px; }
.gpl-err { color: var(--warn, #b4552f); font-size: 13px; }
.gpl-err:empty { display: none; }
.gpl-acts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }

.gpl-empty { text-align: center; padding: 28px 20px; }
.gpl-empty h3 { margin: 6px 0 0; font-size: 18px; color: var(--ink, #1d2b21); }
.gpl-empty p { max-width: 520px; margin: 8px auto 0; color: var(--ink2, #5b6560); line-height: 1.5; }
.gpl-empty .gpl-acts { justify-content: center; margin-top: 16px; }
.gpl-big { line-height: 1; color: var(--gm, #2e7d32); }
.gpl-big svg { width: 36px; height: 36px; }

.gpl-bar { display: flex; gap: 8px; align-items: center; margin-bottom: 12px; }
.gpl-search { flex: 1; min-width: 0; border: 1px solid var(--line, #e2dbcb); border-radius: 8px;
  padding: 9px 11px; font: inherit; background: var(--card, #fff); color: var(--ink, #1d2b21); }
.gpl-wide { width: 100%; margin-top: 10px; box-sizing: border-box; }

.gpl-sec { margin-top: 14px; }
.gpl-crop { display: flex; align-items: baseline; gap: 10px; margin: 0 2px 6px; }
.gpl-crop b { font-size: 16px; color: var(--ink, #1d2b21); }
.gpl-crop small { color: var(--ink3, #7c857f); }
.gpl-list { padding: 0; }
.gpl-item, .gpl-res { display: flex; align-items: center; gap: 8px; padding: 10px 14px;
  border-bottom: 1px solid var(--line2, #efe9dc); }
.gpl-item:last-child, .gpl-res:last-child { border-bottom: 0; }
.gpl-t { flex: 1; min-width: 0; }
.gpl-t b { color: var(--ink, #1d2b21); }
.gpl-item .gpl-t b { display: block; }
.gpl-t i { display: block; color: var(--ink3, #7c857f); font-size: 13px; }
.gpl-x { border: 0; background: none; font-size: 22px; line-height: 1; padding: 4px 8px; cursor: pointer;
  color: var(--ink3, #7c857f); border-radius: 6px; }
.gpl-x:hover, .gpl-x:focus-visible { color: var(--warn, #b4552f); background: var(--head, #faf7f0); }

.gpl-tag { font-size: 11.5px; font-weight: 600; border-radius: 999px; padding: 2px 8px; white-space: nowrap; }
.gpl-insect { background: #e8f0fa; color: #1d5fa8; }
.gpl-mite { background: #efe9f8; color: #5b3f8f; }
.gpl-disease { background: #fbefdc; color: #9a5b12; }
.gpl-other { background: var(--head, #faf7f0); color: var(--ink2, #5b6560); }
.gpl-own { background: #e7f1e6; color: #1f4a28; }
form.gpl-own { background: var(--card, #fff); color: inherit; }

.gpl-head h3 { margin: 6px 0 0; font-size: 18px; color: var(--ink, #1d2b21); }
.gpl-sub { margin: 2px 0 0; color: var(--ink2, #5b6560); font-size: 13px; }
.gpl-back, .gpl-link { border: 0; background: none; padding: 0; color: var(--gm, #2e7d32); font: inherit;
  font-weight: 600; cursor: pointer; }
.gpl-link { text-decoration: underline; }
.gpl-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.gpl-chip { border: 1px solid var(--line, #e2dbcb); background: var(--card, #fff); color: var(--ink, #1d2b21);
  border-radius: 999px; padding: 6px 12px; font: inherit; font-size: 13.5px; cursor: pointer; }
.gpl-chip.on { background: var(--gm, #2e7d32); border-color: var(--gm, #2e7d32); color: #fff; font-weight: 600; }
#gpl-results { margin-top: 10px; }
#gpl-results.gpl-stale { opacity: .5; pointer-events: none; }
.gpl-btns { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; align-items: center; }
.gpl-sm { padding: 5px 10px; font-size: 13px; }
.gpl-added { font-size: 13px; color: var(--gm, #2e7d32); font-weight: 600; white-space: nowrap; }
.gpl-notlisted { margin-top: 14px; }
.gpl-notlisted p { margin: 2px 0 10px; }

.gpl-own .fld { display: block; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
  color: var(--ink2, #5b6560); margin-bottom: 4px; }
.gpl-own input[type=text], .gpl-own select { width: 100%; box-sizing: border-box; border: 1px solid var(--line, #e2dbcb);
  border-radius: 8px; padding: 9px 10px; font: inherit; }
.gpl-own .seg { margin-bottom: 0; }
.gpl-own > .gpl-note { margin: 12px 0 0; }
.gpl-dym { margin-top: 12px; padding: 12px; border-radius: 8px; background: #fbefdc; color: #5c3a0c; }
.gpl-dym p { margin: 0; }

.gpl-toast { position: fixed; left: 50%; bottom: 84px; transform: translateX(-50%) translateY(20px); opacity: 0;
  pointer-events: none; display: flex; gap: 14px; align-items: center; max-width: calc(100vw - 32px);
  background: #1d2b21; color: #fff; padding: 10px 14px; border-radius: 10px; font-size: 14px;
  box-shadow: 0 6px 24px rgba(0,0,0,.2); transition: opacity .15s, transform .15s; z-index: 4000; }
.gpl-toast.show { opacity: 1; transform: translateX(-50%); pointer-events: auto; }
.gpl-toast button { border: 0; background: none; color: #9fd3a8; font: inherit; font-weight: 700; cursor: pointer; }

@media (max-width: 560px) {
  .gpl-res { flex-wrap: wrap; }
  .gpl-btns { width: 100%; justify-content: flex-start; }
}