/* Espresso: the Italian edition. The work app's styles carry most of it;
   this is the colour, the flag, the receipt list and the total. */

/* Espresso brown where the work app is teal: buttons, the chosen tab, links. */
body.espresso { --accent: #4e3428; }
body.espresso .topbar { background: var(--accent); display: flex; align-items: center; justify-content: space-between; }

/* The language flag: the flag of the language in use, tapped to switch. */
.flag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--tap);
  min-height: 36px;
  padding: 4px 8px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 6px;
  cursor: pointer;
}
.flag svg { display: block; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); }

.espresso-list { list-style: none; margin: 12px 0; padding: 0; }
.espresso-list li { border-bottom: 1px solid var(--line); }
.espresso-list a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 4px;
  min-height: var(--tap);
  color: inherit;
  text-decoration: none;
}
.espresso-thumb { flex: 0 0 48px; width: 48px; height: 48px; background: var(--line); border-radius: 4px; overflow: hidden; }
.espresso-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.espresso-number { flex: 0 0 auto; color: var(--muted); font-variant-numeric: tabular-nums; }
.espresso-amount { flex: 1 1 auto; text-align: right; font-weight: 600; font-variant-numeric: tabular-nums; }
.espresso-amount.missing { color: var(--warn-ink); font-weight: 400; font-style: italic; }

.espresso-total { margin: 16px 0; }
.espresso-total-line { display: flex; justify-content: space-between; align-items: baseline; font-size: 1.15rem; margin: 0; }
.espresso-total-note { color: var(--muted); font-size: 0.9rem; margin: 4px 0 0; }

.espresso-receipt .thumbs img { max-height: 200px; }

@media print {
  .espresso-total { margin: 0.15in 0 0; border-top: 1.5px solid #000; padding-top: 0.06in; break-inside: avoid; }
  .espresso-total-line { font-size: 11pt; }
  .espresso-total-note { font-size: 8.5pt; }
}