/* DailyCents v5: small interface fidelity improvements.
   Loaded after site.css and site-v4.css so the underlying site stays intact. */

/* Narrow the transaction dialog about 7%, without scaling its labels or icons. */
@media (min-width:1021px) {
  .hero-grid{grid-template-columns:minmax(0,.90fr) minmax(0,1.10fr);gap:34px}
  .v4-detail-preview{max-width:700px;justify-self:end}
}
@media (min-width:1021px) and (max-width:1200px) {
  .hero-grid{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:26px}
}
@media (max-width:1020px) {
  .v4-detail-preview{max-width:680px;justify-self:center}
}

/* Day cell height closer to the actual Windows calendar, same seven columns. */
.product-window .cal-day{height:131px}
@media (max-width:1160px){.product-window .cal-day{height:121px}}
@media (max-width:740px){.product-window .cal-day{height:116px}}

/* Fresh, circular recurring symbol; deeper blue than the default app blue. */
.icon-tile.deep-blue{color:#1550b7;background:#e3ecff}
.feature-card .icon-tile.round-feature-icon{border-radius:50%}
.feature-card .icon-tile.round-feature-icon svg{width:27px;height:27px;stroke-width:2.3}
.icon-tile.accounts-blue{color:#137cab;background:#e0f4fb}

/* Availability now belongs to the site's light-blue visual system. */
.platform-panel{
  background:linear-gradient(118deg,#f4f9ff 0%,#e8f3ff 61%,#e2f3ff 100%);
  color:#102a56;
  border:1px solid #d3e5fa;
  box-shadow:0 16px 50px rgba(23,86,147,.055);
}
.platform-panel:after{
  background:#9cd8ff;opacity:.21;filter:blur(80px);
}
.platform-panel .kicker{color:#1374d7}
.platform-panel h2{color:#102a56}
.platform-panel p{color:#50698a}
.platform-item{
  background:rgba(255,255,255,.86);
  border-color:#d4e5f6;
  box-shadow:0 4px 17px rgba(16,70,128,.045);
}
.platform-item strong{color:#102a56}
.platform-item span{color:#5c7393}
.platform-item .icon-tile.blue{background:#e1efff;color:#087dea}
.platform-item .icon-tile.cyan{background:#def5fc;color:#008fbd}