/* Version 10: clear surfaces and a quieter summary, without changing ledgers. */
:root{--md-line:#bdcec6;--md-shadow:0 3px 10px #173c3c0a}
:root[data-appearance=ocean]{--md-line:#abc4d9}
:root[data-appearance=plum]{--md-line:#c8aec9}
:root[data-appearance=sand]{--md-line:#cfb697}
html[data-appearance] :is(.metric,.tile:not(.bills-over-limit):not(.warn):not(.v2-over)){
  background:#fff;border:1px solid var(--md-line);box-shadow:var(--md-shadow)
}
html[data-appearance] .card{background:#fff;box-shadow:var(--md-shadow)}
html[data-appearance] .s8-finish{background:var(--md-soft);border-color:var(--md-line)}
html[data-appearance] .s8-task-list button{background:#fff;border:1px solid var(--md-line);border-radius:12px;color:var(--md-accent);padding:12px 15px}
html[data-appearance] .allocation-tabs{background:var(--md-page);border-color:var(--md-line)}
html[data-appearance] .allocation-tabs [aria-selected=true]{background:var(--md-accent);color:#fff;box-shadow:0 2px 5px #173c3c12}
.appearance-mini-tiles i{background:#fff;border:1px solid var(--preview-line);box-shadow:0 1px 3px #173c3c0a}
.appearance-mini-row{border:1px solid var(--preview-line)}
.hero.s8-hero.summary-hero{padding:28px}
.summary-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.summary-head .md-info-button{margin:0;flex:none}
.hero.s8-hero.summary-hero .md-info-button{color:#d3eee2!important;min-width:44px;min-height:44px}
.summary-estimate{font-size:12px;font-weight:650;line-height:1.5;padding:2px 9px;border:1px solid #a7cfc2;border-radius:20px;color:#d3eee2}
.hero.s8-hero .summary-context{display:grid;gap:5px;margin-top:14px;font-size:14px;line-height:1.5;color:#c7dfd8}
.hero.s8-hero.summary-hero :is(#heroDates,#heroBreakdown,#heroReviewDetails,#heroReview){font:inherit;cursor:pointer}
.hero.s8-hero.summary-hero :is(#heroDates,#heroBreakdown,#heroReviewDetails){background:transparent;border:0;color:#d3eee2;text-decoration:underline;text-underline-offset:3px}
.hero.s8-hero.summary-hero #heroDates{padding:8px 0;min-height:44px}
.hero.s8-hero.summary-hero .big{margin:22px 0 16px}
.hero.s8-hero.summary-hero .summary-spending p{margin:0;line-height:1.6}
.hero.s8-hero.summary-hero #heroBreakdown{min-height:44px;padding:8px 0;font-size:14px;text-align:left}
.hero.s8-hero.summary-hero .s8-hero-footnote{margin:9px 0 0}
.hero.s8-hero.summary-hero .summary-review{display:flex;flex-wrap:wrap;align-items:center;column-gap:12px;row-gap:2px;padding:10px 14px;margin:22px 0 0!important}
.hero.s8-hero.summary-hero .summary-review button{min-height:44px;background:transparent;border:0;padding:8px 0;color:#725025;text-decoration:underline;text-underline-offset:3px;font-size:14px;cursor:pointer}
.hero.s8-hero.summary-hero #expectedPay{display:block;padding:22px 0 0;margin:24px 0 0;border:0;border-top:1px solid #6b9792;border-radius:0;background:transparent;white-space:normal}
.summary-income-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;color:#d2e9df;font-size:14px;line-height:1.5}
.summary-income-heading>span{max-width:26ch}
.summary-income-heading>strong{font-size:25px;color:#fff;overflow-wrap:anywhere;max-width:100%}
.hero.s8-hero.summary-hero .summary-next{font-size:13px;color:#c7dfd8;margin:10px 0 2px;line-height:1.5}
.hero.s8-hero.summary-hero #heroContributions{min-height:44px;padding:8px 0;margin:0;font-size:14px;cursor:pointer}
.summary-hero button:focus-visible{outline:3px solid #e1f4e8;outline-offset:3px}
.summary-hero .summary-review button:focus-visible{outline-color:#725025}
.summary-dialog h2{font-size:23px;line-height:1.3;margin:0 0 14px}
.summary-dialog p{font-size:15px;line-height:1.55;color:#425c59}
.summary-breakdown article{padding:16px 0;border-bottom:1px solid var(--md-line)}
.summary-breakdown h3{font-size:16px;line-height:1.4;margin:0 0 12px;overflow-wrap:anywhere;color:#203c39}
.summary-breakdown dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}
.summary-breakdown dt{font-size:13px;line-height:1.4;color:#526563}
.summary-breakdown dd{font-size:15px;line-height:1.5;font-weight:650;margin:6px 0 0;color:#203c39;overflow-wrap:anywhere}
.summary-breakdown-total{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:15px 0}
.summary-breakdown-total strong{font-size:20px;overflow-wrap:anywhere}
.summary-dialog .v2-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.summary-dialog .v2-actions button{min-height:44px}
@media(max-width:760px){
  .hero.s8-hero.summary-hero{padding:24px 20px}
  .hero.s8-hero .summary-context{font-size:13px}
  .summary-dialog .v2-actions{display:grid;grid-template-columns:1fr 1fr}
  .summary-dialog .v2-actions button{width:100%;min-width:0}
  .summary-dialog .v2-actions button:only-child{grid-column:1/-1}
}
@media(max-width:360px){.summary-income-heading{grid-template-columns:1fr;gap:5px}.summary-income-heading>span{max-width:none}}