/* Cashier desktop toolbar: support all 7 cashier tools in an aligned, responsive grid. */
html body .cash-counter-page .transaction-entry .te-topbar {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
}
html body .cash-counter-page .transaction-entry .te-topbar .te-header-actions.cash-toolbar-row {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 8px !important;
  align-items: stretch !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  border: 1px solid #dbe3ee !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
}
html body .cash-counter-page .transaction-entry .te-topbar .te-header-actions .counter-sheet-shortcut {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}
html body .cash-counter-page .transaction-entry .te-topbar .te-header-actions > button,
html body .cash-counter-page .transaction-entry .te-topbar .te-header-actions .counter-sheet-shortcut > button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: row !important;
  grid-column: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  gap: 6px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  color: #fff !important;
  background: var(--cash-toolbar-fill, #34465a) !important;
  border: 1px solid var(--cash-toolbar-fill, #34465a) !important;
  border-radius: 9px !important;
  box-shadow: 0 2px 5px rgba(15, 23, 42, 0.08) !important;
}
html body .cash-counter-page .transaction-entry .te-topbar .te-header-actions .cash-members-button { --cash-toolbar-fill: #1769aa; }
html body .cash-counter-page .transaction-entry .te-topbar .te-header-actions .cash-reports-button { --cash-toolbar-fill: #6850a1; }
html body .cash-counter-page .transaction-entry .te-topbar .te-header-actions .cash-transfer-button { --cash-toolbar-fill: #a16207; }
html body .cash-counter-page .transaction-entry .te-topbar .te-header-actions .cash-misc-post-button { --cash-toolbar-fill: #4338ca; }
html body .cash-counter-page .transaction-entry .te-topbar .te-header-actions .cash-player-card-button { --cash-toolbar-fill: #16805b; }
html body .cash-counter-page .transaction-entry .te-topbar .te-header-actions .counter-sheet-open { --cash-toolbar-fill: #0f766e; background: #0f766e !important; border-color: #0f766e !important; color: #fff !important; }
html body .cash-counter-page .transaction-entry .te-topbar .te-header-actions .te-fullscreen-toggle { --cash-toolbar-fill: #334155; }
html body .cash-counter-page .transaction-entry .te-topbar .te-header-actions button svg {
  color: #fff !important;
  width: 15px !important;
  height: 15px !important;
  flex-shrink: 0 !important;
}
html body .cash-counter-page .transaction-entry .te-topbar .te-header-actions button:hover { filter: brightness(.93); }
@media (max-width: 1220px) {
  html body .cash-counter-page .transaction-entry .te-topbar .te-header-actions.cash-toolbar-row {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 700px) {
  html body .cash-counter-page .transaction-entry .te-topbar .te-header-actions.cash-toolbar-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}