/* ===================================================================
/* --------------------------------------------------------------------------
   ClearMint Essentials — Dashboard + Transactions (exact-markup rebuilds of the
   design bundles "ClearMint Dashboard.html" / "ClearMint Transactions.html").
   Every static style is inline in the JSX, copied 1:1 from the bundles; this
   file only carries what inline styles cannot: the bundles' style-hover /
   style-focus states (.dcx-* and .txx-* helpers) and dl-edit-mode guards.
   Loaded from app.html after dashboard-layout.css.
   ========================================================================== */

/* white financial-overview cards */
.dcx-kpi:hover{box-shadow:0 12px 26px -18px rgba(15,31,46,.22)}
/* workspace tiles (the Quick actions section was removed this design pass) */
.dcx-ws:hover{box-shadow:0 12px 26px -16px rgba(15,31,46,.24);transform:translateY(-2px);border-color:#b6e6c8}
.dcx-ws.dcx-ws-dark:hover{border-color:#185540;box-shadow:0 16px 34px -18px rgba(16,49,37,.6)}
/* tiles are anchors/links — never underline their text on hover */
a.dcx-ws:hover{text-decoration:none}
/* Analytics ("ClearMint Analytics.html") — vendor-detail table row hover */
.dcx-vrow:hover{background:#f9fbf9}

/* Layout edit mode: card content must not swallow drag events (parity with the
   .panel/.kpi rule in dashboard-layout.css; drag/resize handles stay live). */
body.dl-edit-mode [data-dl-page="dashboard"] [data-dl-widget] > :not(.dl-drag-handle):not(.dl-resize-handle){pointer-events:none}
body.dl-edit-mode [data-dl-page="transactions"] [data-dl-widget] > :not(.dl-drag-handle):not(.dl-resize-handle){pointer-events:none}

/* --------------------------------------------------------------------------
   Transactions (.txx-*) — the bundle's style-hover / style-focus states.
   !important because the base states are inline styles from the bundle.
   -------------------------------------------------------------------------- */
/* ledger rows (bundle style-hover on tr) */
.txx-row:hover{background:#f6faf7}
/* 27px icon buttons (row actions, pager) */
.txx-ibtn:hover{background:#f0f5f1 !important;color:#0f1f2e !important}
.txx-ibtn.txx-ibtn-del:hover{background:#faece7 !important;border-color:#e8c4b4 !important;color:#b45f2c !important}
/* white bordered buttons (Export, hero Import, drawer actions) */
.txx-btn:hover,.txx-act:hover{border-color:#8ad6a8 !important;background:#f0faf4 !important}
/* round ghost close buttons + white pill secondary buttons */
.txx-ghost:hover,.txx-ghost2:hover{background:#f0f5f1 !important}
/* month navigator ‹ › */
.txx-navbtn:hover{background:#f0f5f1 !important;color:#0f1f2e !important}
/* drawer Delete */
.txx-del:hover{background:#faece7 !important}
/* search + form inputs (bundle style-focus) */
.txx-search:focus{border-color:#2a8862 !important;box-shadow:0 0 0 3px rgba(61,167,124,.18) !important;outline:none !important;background:#fff !important}
.txx-input:focus{border-color:#2a8862 !important;box-shadow:0 0 0 3px rgba(61,167,124,.18) !important;outline:none !important}

/* --------------------------------------------------------------------------
   Bank Accounts (.bax-*) + Credit Cards (.ccx-*) — the dc bundles'
   ("Bank Accounts.dc.html" / "Credit Cards.dc.html") style-hover / style-focus
   states. Everything else on both pages is inline in the JSX.
   -------------------------------------------------------------------------- */
/* account/card tiles (dc card hover lift) */
.bax-tile:hover,.ccx-tile:hover{box-shadow:0 18px 36px -22px rgba(15,31,46,.28);transform:translateY(-2px)}
/* white bordered buttons (Import / Reconcile / Edit / header actions) */
.bax-btn:hover,.ccx-btn:hover,.bax-pill:hover,.ccx-pill:hover{border-color:#8ad6a8 !important;background:#f0faf4 !important}
/* round ghost close buttons + white pill secondary buttons */
.bax-ghost:hover,.ccx-ghost:hover,.bax-ghost2:hover,.ccx-ghost2:hover{background:#f0f5f1 !important}
/* destructive (Delete) */
.bax-del:hover,.ccx-del:hover{background:#faece7 !important}
/* table rows */
.bax-row:hover,.ccx-row:hover{background:#f9fbf9}
.bax-txrow:hover{background:#f6faf7}
/* search + form inputs (dc style-focus) */
.bax-search:focus,.bax-input:focus,.ccx-input:focus{border-color:#2a8862 !important;box-shadow:0 0 0 3px rgba(61,167,124,.18) !important;outline:none !important;background:#fff !important}
/* layout edit mode guards (KPI widgets are dc-styled buttons on these pages now) */
body.dl-edit-mode [data-dl-page="accounts"] [data-dl-widget] > :not(.dl-drag-handle):not(.dl-resize-handle){pointer-events:none}
body.dl-edit-mode [data-dl-page="cards"] [data-dl-widget] > :not(.dl-drag-handle):not(.dl-resize-handle){pointer-events:none}

/* --------------------------------------------------------------------------
   Calendar (.calx-*) — the dc template's ("Calendar.dc.html") style-hover /
   style-focus states. Everything else on the page is inline in the JSX.
   -------------------------------------------------------------------------- */
/* month navigator ‹ › + day panel ‹ › */
.calx-nav:hover{background:#f0f5f1 !important}
/* Today shortcut */
.calx-today:hover{background:#d9f2e2 !important}
/* event search (dc style-focus) */
.calx-search:focus{border-color:#2a8862 !important;box-shadow:0 0 0 3px rgba(61,167,124,.18) !important;outline:none !important;background:#fff !important}
/* filters panel "Clear all" */
.calx-clear:hover{color:#b0485c !important}
/* grouped-list "open day" chevron */
.calx-open:hover{color:#206a4d !important}
/* recurring table NEXT date jump */
.calx-next:hover{text-decoration:underline}
/* day panel Edit / Duplicate ghosts */
.calx-ghost:hover{background:#f0f5f1 !important}
/* day panel Delete */
.calx-del:hover{color:#b0485c !important}
/* dashed "＋ Add event on this day" */
.calx-add:hover{background:#d9f2e2 !important}
/* empty-state white pills */
.calx-pill:hover{border-color:#8ad6a8 !important;background:#f0faf4 !important}

/* --------------------------------------------------------------------------
   Earnings (.eax-*) + Spending (.spx-*) exact-markup transplants —
   the bundles' style-hover states. !important because the base states are
   inline styles from the bundle.
   -------------------------------------------------------------------------- */
/* KPI tiles (bundle style-hover: lift, white tiles also gain a shadow) */
.eax-kpi:hover,.spx-kpi:hover{transform:translateY(-2px)}
.eax-kpi-w:hover,.spx-kpi-w:hover{box-shadow:0 12px 26px -18px rgba(15,31,46,.22)}
/* Earnings "Mark recurring" row action (bundle gold hover) */
.eax-recbtn:hover{background:#f1ede2 !important;border-color:#E7D2A6 !important;color:#8a6a2f !important}
/* Spending paid-toggle row action (bundle green hover) */
.spx-paidbtn:hover{background:#ecf5ee !important;border-color:#8ad6a8 !important}
/* inline panel links (Cash Flow Forecast → etc.) */
.eax-link:hover{text-decoration:underline}