/* Geräte-Funktionen: Wischgesten, Offline-Hinweis, Mitteilungen */

/* Wischen: Inhalt der Zeile verschiebt sich, dahinter erscheint die Aktion */
.item.row { --dx: 0px; }
.item.row > * { transform: translateX(var(--dx)); }
.item.row.swipe-left, .item.row.swipe-right { overflow: hidden; }
.item.row.swipe-left { background: color-mix(in srgb, var(--accent) 35%, var(--bg)); }
.item.row.swipe-right { background: color-mix(in srgb, #9b7bd4 35%, var(--bg)); }
.item.row.swipe-armed.swipe-left { background: var(--accent); }
.item.row.swipe-armed.swipe-right { background: #9b7bd4; }
.item.row.swipe-left::after, .item.row.swipe-right::after {
  position: absolute; top: 50%; transform: translateY(-50%); font-family: var(--mono); font-size: 12px;
  text-transform: uppercase; letter-spacing: var(--track); color: #000;
}
.item.row.swipe-left::after { content: "Erledigt"; right: 16px; }
.item.row.swipe-right::after { content: "Später"; left: 16px; }

/* Offline */
body.offline .pane-head h2::after {
  content: "offline"; margin-left: 8px; padding: 0 5px; font-family: var(--mono); font-size: 10.5px; font-weight: 500;
  vertical-align: 3px; color: var(--accent); border: 1px solid var(--accent); text-transform: uppercase; letter-spacing: var(--track);
}

/* Einstellungen: Mitteilungen */
.push-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.push-row select { height: 34px; padding: 0 8px; border: 1px solid var(--line-strong); background: var(--bg); color: var(--text); }