/* Monotone Theme Override for Alcohol Counter */

/* Body background */
body {
  background: #fafafa !important;
}

/* Container */
.container {
  max-width: 400px;
}

/* Header */
.header {
  background: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

h1 {
  color: #1a1a1a !important;
}

h2 {
  color: #1a1a1a !important;
}

/* Settings button */
.settings-btn {
  background: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  color: #1a1a1a !important;
}

.settings-btn:hover {
  background: #f5f5f5 !important;
  color: #1a1a1a !important;
}

/* Add drink section */
.input-with-dropdown input[type="text"] {
  border: 1px solid #e0e0e0 !important;
  background: #fafafa !important;
}

.input-with-dropdown input[type="text"]:focus {
  border-color: #1a1a1a !important;
}

.preset-dropdown {
  background: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

.preset-item:hover {
  background: #f5f5f5 !important;
}

/* Buttons */
.btn-add {
  background: #1a1a1a !important;
  color: white !important;
}

.btn-add:hover {
  background: #333 !important;
}

/* Drinks grid */
.drinks-grid {
  background: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 12px !important;
}

.drink-btn {
  background: #1a1a1a !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.drink-btn:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
}

.drink-count {
  background: #ffffff !important;
  color: #1a1a1a !important;
}

.delete-btn {
  background: #666 !important;
}

.delete-btn:hover {
  background: #444 !important;
}

/* History section */
.history-section,
.today-section {
  background: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

/* Day group */
.day-group {
  background: #f5f5f5 !important;
}

.day-header {
  background: #1a1a1a !important;
}

.day-header:hover {
  background: #333 !important;
}

.day-content {
  background: #f5f5f5 !important;
}

/* History items */
.history-item {
  background: #fafafa !important;
  border: 1px solid #e0e0e0 !important;
}

.history-drink {
  color: #1a1a1a !important;
}

.history-time {
  color: #888 !important;
}

.history-delete-btn {
  background: #666 !important;
}

.history-delete-btn:hover {
  background: #444 !important;
}

/* Clear button */
.btn-clear {
  background: #666 !important;
}

.btn-clear:hover {
  background: #444 !important;
}

.btn-clear-small {
  background: #f5f5f5 !important;
  color: #4a4a4a !important;
  border: 1px solid #e0e0e0 !important;
}

.btn-clear-small:hover {
  background: #666 !important;
  color: white !important;
  border-color: #666 !important;
}

/* Summary */
.summary,
.today-summary {
  background: #f5f5f5 !important;
  border: 1px solid #e0e0e0 !important;
}

.summary-title {
  color: #1a1a1a !important;
}

.summary-item {
  background: #ffffff !important;
  color: #1a1a1a !important;
  border: 1px solid #e0e0e0 !important;
}

/* Tabs */
.tabs {
  background: #f5f5f5 !important;
}

.tab {
  color: #888 !important;
}

.tab.active {
  background: white !important;
  color: #1a1a1a !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

/* Modal */
.modal-content {
  background: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
}

.modal-title {
  color: #1a1a1a !important;
}

.modal-close {
  color: #888 !important;
}

.modal-close:hover {
  color: #1a1a1a !important;
}

/* Show history button */
.btn-show-history {
  background: #1a1a1a !important;
}

.btn-show-history:hover {
  background: #333 !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
}

/* Settings */
.settings-label {
  color: #4a4a4a !important;
}

.time-input {
  border: 1px solid #e0e0e0 !important;
  background: #fafafa !important;
}

/* Today section */
.today-title {
  color: #1a1a1a !important;
}