/* Deník: tlačítka s popiskem (2026-10-03, od 2026-10-15 se skleněnou výplní: na tapetě s počasím byla tlačítka bez výplně špatně vidět).
   Označuje je denik-tlacitka.js atributem data-np-txt (jen tlačítka s textem; ikonová, ⋯, úchyt, křížky, fotky a editor se nemění).
   Obrys má barvu textu zesvětlenou do pozadí, takže ladí s tapetou okna. */
html body:not(#np-a):not(#np-b) button[data-np-txt], html body .btn[data-np-txt] {
  background: linear-gradient(145deg, var(--gh, rgba(255,255,255,.7)), transparent 55%), color-mix(in srgb, var(--surface, #fff) 78%, transparent) !important;
  box-shadow: 0 3px 10px var(--sh, rgba(20,40,30,.16)), inset 0 1px 0 var(--hi, rgba(255,255,255,.85)) !important; text-shadow: none !important;
  border: 1px solid color-mix(in srgb, var(--btn-ink, #111) 14%, transparent) !important; border-radius: 12px;
  color: var(--btn-ink, #111); font-weight: 600;
}
html body:not(#np-a):not(#np-b) button[data-np-txt]:hover:not(:disabled) { filter: brightness(1.05); }
html body:not(#np-a):not(#np-b) button[data-np-txt] svg { display: none !important; }
html body:not(#np-a):not(#np-b) button[data-np-txt]:is(.primary, [type="submit"]), html body:not(#np-a):not(#np-b) .go-btn:not(.on) {
  background: linear-gradient(180deg, rgba(255,255,255,.28), transparent 45%), var(--btn-primary, #7fd3b0) !important;
  color: var(--btn-primary-ink, #111) !important; border-color: transparent !important; font-weight: 700;
}
html body:not(#np-a):not(#np-b) button[data-np-txt]:is([aria-pressed="true"], .on, [aria-expanded="true"]) {
  background: linear-gradient(145deg, var(--gh, rgba(255,255,255,.7)), transparent 55%), var(--btn-on, rgba(127,211,176,.65)) !important;
  border-color: color-mix(in srgb, var(--btn-ink, #111) 30%, transparent) !important; font-weight: 700;
}
html body:not(#np-a):not(#np-b) button[data-np-txt]:is(.danger, .delete, .del, [data-danger], .end-trip-link) {
  background: linear-gradient(145deg, var(--gh, rgba(255,255,255,.7)), transparent 55%), var(--btn-danger, rgba(240,120,110,.4)) !important;
  border-color: color-mix(in srgb, #c0392b 35%, transparent) !important;
}

/* Plán cesty: stejná skleněná výplň i pro tlačítka bez textu nebo s ikonou (⋯ u dne a zastávky, ＋ na čáře a v deníku,
   šipka dne, způsob dopravy, nástroje dne), ať plán a deník vypadají stejně (2026-10-04). Úchyt přesunu a křížky zůstávají. */
html body:not(#np-a):not(#np-b) :is(.stop-menu .set-menu-btn, .stop-nav, .tl-chev, .leg-add, .entry-add, button.leg-chip, .ai-tips-btn, .plan-tools button, .pl-tools button, .note-link),
html body:not(#np-a):not(#np-b) .tl-day button.set-menu-btn {
  background: linear-gradient(145deg, var(--gh, rgba(255,255,255,.7)), transparent 55%), color-mix(in srgb, var(--surface, #fff) 78%, transparent) !important;
  box-shadow: 0 3px 10px var(--sh, rgba(20,40,30,.16)), inset 0 1px 0 var(--hi, rgba(255,255,255,.85)) !important; text-shadow: none !important;
  border: 1px solid color-mix(in srgb, var(--btn-ink, #111) 14%, transparent) !important; color: var(--btn-ink, #111) !important;
}
html body:not(#np-a):not(#np-b) :is(.stop-menu .set-menu-btn, .stop-nav, .tl-chev, .leg-add, .entry-add, button.leg-chip, .ai-tips-btn, .plan-tools button, .pl-tools button, .note-link):hover:not(:disabled),
html body:not(#np-a):not(#np-b) :is(.stop-menu .set-menu-btn)[aria-expanded="true"] {
  filter: brightness(1.05);
  border-color: color-mix(in srgb, var(--btn-ink, #111) 30%, transparent) !important;
}
html body:not(#np-a):not(#np-b) button.leg-chip.guess { border-style: dashed !important; }
html body:not(#np-a):not(#np-b) :is(.tl-chev, .leg-add, .entry-add, .stop-nav) { border-radius: 12px; }

/* Tlačítka ⋯: tečky přesně uprostřed pole (ikona pevně uprostřed tlačítka bez ohledu na okraje, mezery a zarovnání z ostatních stylů) */
html body:not(#np-a):not(#np-b) .set-menu-btn { position: relative !important; padding: 0 !important; display: block !important; }
html body:not(#np-a):not(#np-b) .set-menu-btn > svg {
  position: absolute !important; left: 50% !important; top: 50% !important; margin: 0 !important; vertical-align: baseline !important;
  width: 22px !important; height: 22px !important; transform: translate(-50%, -50%) !important;
}