/* GardenIt — developer log (temporary). Delete this file, its <link> and js/devlog.js to remove. */
.app[data-screen="camera"] .devlog { display: none; }
.dl-button {
  position: absolute; z-index: 18;
  left: 12px; bottom: calc(var(--tabbar-h) + 12px);
  height: 30px; padding: 0 12px; border-radius: var(--r-pill);
  background: rgba(35, 35, 35, .85); color: #fff;
  display: inline-flex; align-items: center; gap: 6px;
  font: 600 12px var(--f-mono);
}
.dl-badge {
  min-width: 18px; height: 18px; padding: 0 5px; border-radius: var(--r-pill);
  background: var(--teal); color: #fff;
  display: inline-flex; align-items: center; justify-content: center;
  font: 600 11px var(--f-body);
}
.dl-panel {
  position: absolute; z-index: 28;
  inset: max(var(--safe-top), 12px) 0 0 0;
  background: var(--page); border-radius: var(--r-sheet) var(--r-sheet) 0 0;
  box-shadow: var(--shadow-sheet);
  display: flex; flex-direction: column;
  animation: fade var(--dur) var(--ease);
}
.dl-panel__head {
  flex: none; padding: 18px 16px 12px; border-bottom: 1px solid var(--line);
  display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 10px;
}
.dl-panel__title { font: 400 22px/1.2 var(--f-display); color: var(--ink); }
.dl-panel__actions { display: flex; gap: 6px; }
.dl-panel__actions button { height: 32px; padding: 0 12px; font-size: 12px; }
.dl-panel__actions button:disabled { opacity: .4; cursor: default; }
.dl-panel__body {
  flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain;
  padding: 12px 12px calc(16px + var(--safe-bottom));
  display: flex; flex-direction: column; gap: 10px;
}
.dl-empty { font-size: 14px; line-height: 1.5; color: var(--muted); padding: 16px 4px; }
.dl-entry {
  background: var(--surface); border: 1px solid var(--line); border-left: 4px solid var(--faint);
  border-radius: var(--r-photo); padding: 12px;
}
.dl-entry.is-ok { border-left-color: var(--teal); }
.dl-entry.is-bad { border-left-color: #B3261E; }
.dl-entry__head { display: flex; justify-content: space-between; gap: 8px; }
.dl-entry__kind { font: 600 11px var(--f-body); letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.dl-entry__status { font: 500 12px var(--f-mono); color: var(--ink); }
.dl-entry.is-bad .dl-entry__status { color: #B3261E; }
.dl-entry__label { margin: 4px 0 8px; font: 500 14px/1.35 var(--f-body); color: var(--ink); overflow-wrap: anywhere; }
.dl-entry__time { font: 400 11px var(--f-mono); color: var(--faint); }
.dl-steps { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 5px; }
.dl-step {
  display: grid; grid-template-columns: 56px 80px minmax(0, 1fr); gap: 6px;
  font: 400 11px/1.45 var(--f-mono); color: var(--body);
}
.dl-step__at { color: var(--faint); white-space: nowrap; }
.dl-step__src { color: var(--teal-ink); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dl-step:not(.is-server) .dl-step__src { color: var(--ink); }
.dl-step__what { overflow-wrap: anywhere; }
.dl-step.is-bad .dl-step__what { color: #B3261E; }
.dl-step.is-ok .dl-step__what::after { content: ' ✓'; color: var(--teal-ink); }
.dl-step__ms { color: var(--muted); }