@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";

/* Red Touch Motion Design */

.fin-ripple-wave {
  position: fixed;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(circle, rgba(225, 29, 72, 0.5) 0%, rgba(225, 29, 72, 0) 70%);
  transform: scale(0);
  animation: finRippleMotion 0.45s cubic-bezier(0.1, 0.8, 0.3, 1) forwards;
  z-index: 999999;
}

@keyframes finRippleMotion {
  to { transform: scale(4.5); opacity: 0; }
}

/* Notion Cards & Tabs */

/* ─── Colorful Icon Badges ─── */

/* ─── Colorful Icon Picker ─── */


/* ─── Category List — Notion-style Tag Cards ─── */

/* ─── Logo Upload UI ─── */

/* Logo icon on account cards */


/* Logo icon on account cards (consistent 48x48 container, object-fit: contain) */

/* Sales row yellow highlight (#FFF3B0) */
.sales-grid tbody tr {
  cursor: pointer;
}

.sales-grid tbody tr,
.sales-grid tbody tr > td {
  transition: background-color 180ms ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .sales-grid tbody tr,
  .sales-grid tbody tr > td {
    transition: none !important;
  }
}

.sales-grid tbody tr.sales-row-highlighted,
.sales-grid tbody tr.sales-row-highlighted > td {
  background-color: #FFF3B0 !important;
}

.dark .sales-grid tbody tr.sales-row-highlighted,
.dark .sales-grid tbody tr.sales-row-highlighted > td {
  background-color: #4a3e1b !important;
}

.sales-grid tbody tr.sales-row-highlighted:hover,
.sales-grid tbody tr.sales-row-highlighted:hover > td {
  background-color: #fee99a !important;
}

.dark .sales-grid tbody tr.sales-row-highlighted:hover,
.dark .sales-grid tbody tr.sales-row-highlighted:hover > td {
  background-color: #55471e !important;
}

/* ─── Click-to-Zoom & Lift Interaction for Summary Cards ─── */
.card-zoomable {
  transition: transform 200ms cubic-bezier(0.16, 1, 0.3, 1),
              box-shadow 200ms cubic-bezier(0.16, 1, 0.3, 1),
              border-color 200ms cubic-bezier(0.16, 1, 0.3, 1) !important;
  will-change: transform, box-shadow;
  outline-offset: 2px;
}

.card-zoomable:focus-visible {
  outline: 2px solid #ef4444;
}

.card-zoomable.card-zoomed {
  transform: scale(1.04) translateY(-3px) !important;
  border-color: #ef4444 !important;
  box-shadow: 0 12px 28px -4px rgba(239, 68, 68, 0.22),
              0 6px 14px -2px rgba(0, 0, 0, 0.08) !important;
  position: relative !important;
  z-index: 25 !important;
}

.dark .card-zoomable.card-zoomed {
  border-color: #f87171 !important;
  box-shadow: 0 12px 28px -4px rgba(248, 113, 113, 0.25),
              0 6px 14px -2px rgba(0, 0, 0, 0.4) !important;
}

@media (prefers-reduced-motion: reduce) {
  .card-zoomable {
    transition: none !important;
  }
  .card-zoomable.card-zoomed {
    transform: none !important;
  }
}


/* ==========================================================================
   STICKY FOOTER TOTALS ROW (ALWAYS VISIBLE AT BOTTOM)
   ========================================================================== */
.sales-grid tfoot,
.sales-grid tfoot tr,
.sales-grid tfoot,
.sales-grid tfoot tr {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 100 !important;
  background-color: #ffffff !important;
  box-shadow: 0 -4px 14px rgba(0, 0, 0, 0.08) !important;
}

.dark .sales-grid tfoot,
.dark .sales-grid tfoot tr,
.dark .sales-grid tfoot,
.dark .sales-grid tfoot tr {
  background-color: #1e293b !important;
  box-shadow: 0 -4px 14px rgba(0, 0, 0, 0.3) !important;
}

/* ==========================================================================
   PROFIT VALUES — Brand Red #e11d48
   ========================================================================== */
.sales-grid tbody td.profit-cell,
.sales-grid tbody td.profit-cell {
  color: #e11d48 !important;
  font-weight: 700 !important;
}

/* ==========================================================================
   TOTAL PROFIT BOX — Solid Brand Red
   ========================================================================== */
.sales-grid tfoot td.total-profit-cell,
.sales-grid tfoot td.total-profit-cell {
  background-color: #e11d48 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
}

/* ==========================================================================
   PRIVACY BLUR MODE (COST & PROFIT SCREENSHOT PROTECTION)
   ========================================================================== */
body.privacy-mode-active .sales-grid th:nth-child(12),
body.privacy-mode-active .sales-grid td:nth-child(12),
body.privacy-mode-active .sales-grid th:nth-child(13),
body.privacy-mode-active .sales-grid td:nth-child(13),
body.privacy-mode-active .sales-grid tfoot td:nth-child(12),
body.privacy-mode-active .sales-grid tfoot td:nth-child(13),
body.privacy-mode-active .card-zoomable:nth-child(2),
body.privacy-mode-active [class*="profit"],
body.privacy-mode-active [class*="cost"] {
  filter: blur(6px) !important;
  user-select: none !important;
  transition: filter 0.25s ease-in-out !important;
}