/* DailyCents V8: true-to-app negative forecasts, live Today, and OS-driven website theme. */
/* The interactive app preview can be light or dark independently of the website. */
.product-window[data-theme="dark"]{outline-color:rgba(91,145,199,.24)}
@media (prefers-color-scheme:dark){.mini-app-window{outline-color:rgba(91,145,199,.25)}}
.product-window .cal-day.today {
  border:2px solid #078cff;
  padding:6px;
  background:#f1f8ff;
  box-shadow:inset 0 0 0 1px #008cff1b;
}
.product-window .cal-day.today .day-number {color:#078cff}
.product-window .cal-day.today:hover {border-color:#078cff;box-shadow:inset 0 0 0 1px #078cff23}
.product-window[data-theme="dark"] .cal-day.today {
  background:#243b57;border-color:#3aa1ff;box-shadow:inset 0 0 0 1px #3aa1ff33;
}
.product-window[data-theme="dark"] .cal-day.today .day-number {color:#8acaff}
.product-window[data-theme="dark"] .cal-day.today:hover {background:#263f5c;border-color:#3aa1ff}
.product-window .closing-balance.negative {color:#ea344a}
.product-window[data-theme="dark"] .closing-balance.negative {color:#ff657b}
/* Ensure the dropdown really closes even when other app-layout rules set display. */
.product-window .alerts-panel[hidden]{display:none!important}
/* Match the app's dark notification popup, not a light notification on a dark canvas. */
.product-window[data-theme="dark"] .alerts-panel {
  background:#223247;border-color:#405573;color:#ecf5ff;
  box-shadow:0 14px 35px rgba(2,9,22,.44);
}
.product-window[data-theme="dark"] .alert-heading {color:#f3f8ff}
.product-window[data-theme="dark"] .alert-heading svg {color:#71baff}
.product-window[data-theme="dark"] .alerts-sub {color:#c9daef}
.product-window[data-theme="dark"] .alerts-sub.danger {color:#d9e7f8}
.product-window[data-theme="dark"] .alerts-sub span,
.product-window[data-theme="dark"] .alerts-sub.danger span {
  color:#b7d1f0;background:#293d56;border-color:#354d6c;
}
.product-window[data-theme="dark"] .alerts-panel .alert-item,
.product-window[data-theme="dark"] .alerts-panel .alert-item.forecast-negative {
  background:#293d55;border:1px solid #30465f;
}
.product-window[data-theme="dark"] .alerts-panel .alert-item.forecast-negative {
  background:#2e4058;border-color:#48546d;
}
.product-window[data-theme="dark"] .alert-label {color:#e8f1ff}
.product-window[data-theme="dark"] .alert-secondary {color:#aebfd6}
.product-window[data-theme="dark"] .alert-amount.minus {color:#ff8295}
.product-window[data-theme="dark"] .alert-amount.plus {color:#43da91}
.product-window[data-theme="dark"] .alerts-panel .icon-tile.purple {color:#b899ff;background:#403859}
.product-window[data-theme="dark"] .alerts-panel .icon-tile.green {color:#20d37d;background:#194a3d}
.product-window[data-theme="dark"] .alerts-panel .icon-tile.pink {color:#ff87b2;background:#4a3249}
.product-window[data-theme="dark"] .alerts-panel .icon-tile.red {color:#ff8192;background:#573544}
.product-window[data-theme="dark"] .alerts-panel .icon-tile.gold {color:#edc65e;background:#4b412d}
/* Category bars retain their unique colors, and transfers stay baby blue. */
.mini-entry.transfer{color:#187dae;background:#e5f5ff;border-color:#c6e6f7}
.product-window[data-theme="dark"] .mini-entry.transfer{background:#23455b;color:#88d7ff;border-color:#346e8d}
.mini-entry.gold{color:#a87d12;background:#fff6de;border-color:#e9d9a5}
.product-window[data-theme="dark"] .mini-entry.gold{background:#4c4227;color:#ffdc83;border-color:#927540}

/* Website-wide dark theme follows OS/browser preference automatically. */
@media (prefers-color-scheme:dark){
 :root {--navy:#edf4ff;--ink:#e8f0fc;--muted:#abbdd7;--border:#33465f;--surface:#1f2f44;--soft:#192739;--shadow:0 18px 55px rgba(0,0,0,.20);color-scheme:dark}
 body{background:#131f2f;color:#e8f0fc}
 h1,h2,h3{color:#eef5ff}
 a:hover{color:#6bb9ff}
 .site-header{background:rgba(20,32,47,.95);border-color:#30435b;box-shadow:0 6px 24px rgba(0,0,0,.12)}
 .brand{color:#eef5ff}
 .nav-links{color:#c4d2e7}
 .nav-links a[data-current="true"],.nav-links a:hover{color:#7bc2ff}
 .nav-button{color:#96cfff!important;background:#20344c;border-color:#416386;box-shadow:none}
 .nav-button:hover{background:#294360}
 .hero{background:radial-gradient(ellipse at 90% 6%,#193f64 0,transparent 42%),linear-gradient(180deg,#141f2f,#1a2b3d)}
 .hero:before{background:#265681;opacity:.28}
 .hero h1 em{color:#4aa8ff}
 .hero-copy,.section-head p,.status-row,.insight-description p,.feature-card p,.step p,.cta-card p{color:#b6c7de}
 .eyebrow,.kicker{color:#89c8ff}
 .eyebrow-icon{background:#244b70;color:#83cbff}
 .btn-outline{color:#d9eaff;background:#24344b;border-color:#425b79;box-shadow:none}
 .btn-outline:hover{background:#2a405c;color:#fff;border-color:#68a5df}
 .status-row svg{color:#66baff}
 .demo-section,.steps{background:#182638;border-color:#2a4059}
 .features,.platform,.faq,.insights-section,.final-cta{background:#152235}
 .section-head h2{color:#f3f8ff}
 .preview-switch{background:#24364e;border-color:#3a526e}
 .preview-switch button{color:#b0c7e4}
 .preview-switch button.active{color:#8bd1ff;background:#31465f;box-shadow:0 2px 8px #0003}
 .preview-switch button:hover:not(.active){background:#30445f;color:#dcecff}
 .feature-card,.step,.insight-card{background:#203046;border-color:#364e6a;box-shadow:0 8px 25px #0001}
 .feature-card h3,.insight-description h3{color:#ecf5ff}
 .feature-card:hover,.feature-card:focus-within{background:#263d55;border-color:#389dff;box-shadow:0 0 0 2px rgba(56,157,255,.25),0 16px 34px #0002}
 .step-head h3{color:#fff}
 .step-num{color:#fff}
 .platform-panel{background:linear-gradient(115deg,#1c3048,#25455f 65%,#1e3c5a);color:#f0f7ff;border:1px solid #385b7b;box-shadow:none}
 .platform-panel:after{background:#0b82b5;opacity:.1}
 .platform-panel .kicker{color:#94d4ff}
 .platform-panel h2{color:#f2f8ff}
 .platform-panel p{color:#bfd0e4}
 .platform-item{background:#283e56;border-color:#3b5977;box-shadow:none}
 .platform-item:first-child{border-color:#4679a8;box-shadow:none}
 .platform-item strong{color:#eef5ff}
 .platform-item span{color:#b9cee6}
 .faq details{border-color:transparent;border-bottom-color:#364c65}
 .faq details:hover{background:#23384f}
 .faq details[open]{background:#263c56;border-color:#365779}
 .faq details[open] summary{color:#8cceff}
 .faq summary{color:#e7f0fe}
 .faq summary:after{background:#2b455f;color:#91caff}
 .faq details[open] summary:after{background:#315575}
 .faq details p{color:#b9cbe0}
 .cta-card{background:linear-gradient(115deg,#233d58,#21364d);border-color:#38608a}
 .cta-card h2{color:#f2f8ff}
 .site-footer{background:#111c2c;border-color:#2e445c}
 .footer-about,.footer-bottom{color:#a6bad4}
 .footer-bottom{border-color:#32465f}
 .foot-links{color:#c4d5ea}
 /* The transaction, chart and search dialogs are native-inspired dark previews. */
 .v4-detail-preview{background:#1e2d42;border-color:#38516b;box-shadow:0 25px 65px rgba(0,0,0,.19)}
 .v4-detail-preview .detail-chrome{background:#152334;border-color:#364960;color:#b6c9e2}
 .v4-transaction-tray{background:#293d56}
 .v4-transaction-card{background:#213146;border-color:#3b5573;box-shadow:none}
 .v4-transaction-heading{color:#f0f5fd}
 .v4-transaction-meta{color:#b9cde6}
 .v4-detail-preview .details-meta{color:#c5d7ed}
 .v4-sample-tag{background:#284a70;color:#b3dbff}
 .v4-actions-chip,.v4-transaction-buttons span{background:#25384f;border-color:#496481;color:#deeafa}
 .v4-transaction-buttons .v4-primary-action{background:#078fff;border-color:#078fff;color:#fff}
 .v4-amount.pos{color:#41d58b}
 .v4-amount.neg{color:#ff7b8f}
 .v4-repeat{color:#9bc9ff}
 .insight-card .mini-app-window{background:#192a3f;border-color:#3b536e;box-shadow:none}
 .mini-window-top{background:#1c2b40;color:#c0d0e5}
 .mini-window-top .mini-close{color:#9fb5d0}
 .mini-window-content{background:#23344a}
 .mini-tabs{border-color:#3b5673}
 .mini-tabs span{background:#31445b;color:#c5d9f0}
 .mini-tabs .selected{background:#087eed;color:#fff}
 .mini-selects span,.search-fields span{background:#253a52;border-color:#47617f;color:#d4e4f6}
 .mini-selects b,.search-fields b{color:#abc3de}
 .donut-chart{border-color:#26384f;outline-color:#47617d}
 .donut-hole{background:#23344a;border-color:#3b4c66}
 .chart-legend>div{background:#2b3e55;border-color:#405b77}
 .chart-legend strong{color:#f0f5ff}
 .chart-legend span{color:#c6d8ec}
 .chart-total{background:#254c71;border-color:#396b99;color:#badcff}
 .search-dates>span,.search-result-heading{color:#bbcee5}
 .search-dates strong{background:#29415a;border-color:#43607e;color:#e4f0fb}
 .search-result-heading span{color:#acbfdd}
 .search-table-wrap{border-color:#415c78}
 .mini-search-table{color:#d9e5f5}
 .mini-search-table thead{background:#2c4661;color:#b9d7f9}
 .mini-search-table tbody tr:nth-child(odd){background:#293e55}
 .mini-search-table tbody tr:nth-child(even){background:#22354b}
 .mini-search-table td:nth-child(3){color:#ff7b91}
 .mini-search-table td:nth-child(3).positive{color:#40d28b}
 /* Supporting policy and help pages */
 .inner-hero{background:linear-gradient(130deg,#1c314b,#15283d);border-color:#38526e}
 .inner-hero h1{color:#f0f7ff}
 .inner-hero p{color:#b6c9e2}
 .content{background:#152235}
 .prose,.prose h2,.prose h3{color:#e5eefc}
 .prose p,.prose li{color:#b9cbe3}
 .note{background:#24374e;border-color:#476080;color:#d8e7f7}
 .note p{color:#b9cce3}
 .resource-links{border-color:#405470}
 .tag{background:#274b70;border-color:#3c6995;color:#9dd7ff}
 .skip-link{background:#203d5c;color:#e8f2ff}
}