/* Disposable prototype: extends the existing Dashboard palette and navigation. */
.layout-bento{background:#f5f8fa}
.layout-bento .shell{max-width:1600px}
.layout-bento .top{padding-top:24px;background:transparent}
.layout-bento .top h1{white-space:nowrap}
.layout-bento .layout-picker select{width:160px}
.layout-bento .toolbar #year{width:104px}
.layout-bento #dashboard-heading{display:none}
.layout-bento .toolbar>label:has(#year){display:flex}
.layout-bento .workspace{display:block;padding-top:0;margin-top:24px}
.layout-bento .editor,.layout-bento .tax-sidebar,.layout-bento .closing,.layout-bento .page-tabs{display:none}
.layout-bento .dashboard-rail{background:white}
.layout-bento .top .notice{font-size:13px;background:#edf2f5;color:var(--muted)}
.layout-bento #dashboard-record-shortcut{display:none}
.prototype-caption{display:flex;gap:12px;align-items:center;font-size:13px;color:var(--muted);margin:16px 0 22px}
.prototype-caption strong{font-weight:600;color:var(--ink)}
.bento-stage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:178px 178px 160px;gap:16px;position:relative;isolation:isolate}
.bento-card{min-width:0;min-height:0;position:relative;background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden;transform-origin:top left}
.bento-family{grid-column:1;grid-row:1}.bento-income{grid-column:2/4;grid-row:1;background:#e7f0f4}
.bento-deductions{grid-column:1/3;grid-row:2}.bento-assessment{grid-column:4;grid-row:1/3;background:var(--ink);color:white;border-color:var(--ink)}
.bento-scenarios{grid-column:3;grid-row:2;background:#eef4f1}.bento-payments{grid-column:1/3;grid-row:3}.bento-records{grid-column:3/5;grid-row:3}
.bento-open{width:100%;height:100%;border:0;border-radius:0;background:transparent;padding:21px 24px;text-align:left;display:flex;flex-direction:column;align-items:stretch;font-weight:400;color:inherit}
.bento-open:hover{background:#033d5106}.bento-assessment .bento-open:hover{background:#ffffff0a}
.bento-card:has(.bento-open:focus-visible){outline:3px solid var(--blue);outline-offset:3px}
.bento-open:focus-visible{outline-offset:-5px}
.bento-card-head{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700}
.bento-card-head svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.expand-icon{margin-left:auto;width:16px!important;opacity:.65}
.bento-metric{display:block;font-size:30px;font-weight:700;line-height:1.3;margin:16px 0 5px;letter-spacing:-.025em}
.bento-sub{font-size:13px;color:var(--muted);line-height:1.6}
.bento-assessment .bento-metric{font-size:30px;margin-top:32px}.bento-assessment .bento-sub{color:#cfdee5}
.bento-minirows{display:flex;gap:36px;margin-top:auto;padding-top:14px;font-size:13px}
.bento-minirows span{display:flex;gap:12px;align-items:baseline}.bento-minirows b{font-size:16px;font-weight:600}
.bento-assessment .bento-minirows{display:grid;gap:14px;padding-top:26px;margin-top:24px;border-top:1px solid #497686}
.bento-assessment .bento-minirows span{display:block}.bento-assessment .bento-minirows b{display:block;font-size:20px;margin-top:3px}
.bento-deductions .bento-metric,.bento-payments .bento-metric,.bento-records .bento-metric{font-size:23px}
.bento-detail{display:none;height:100%;background:white;color:var(--ink);flex-direction:column}
.bento-detail-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 26px;border-bottom:1px solid var(--line);flex-shrink:0}
.bento-detail-head h2{font-size:23px}.bento-close{display:flex;gap:8px;align-items:center;font-size:14px;min-height:40px}
.bento-close svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7}
.bento-detail-body{padding:22px 26px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#aec4cf transparent;flex:1;min-height:0}
.layout-bento .bento-detail-body>.section{padding:0;border:0;min-height:0}
.layout-bento .bento-detail-body>.section>.section-head>div>h2{display:none}
.layout-bento .bento-detail-body>.records-page>.section{padding:0}
.layout-bento .bento-detail-body>.records-page>.section>.section-head>div>h2{display:none}
.layout-bento .bento-detail-body>.records-page{max-width:none}
.layout-bento .bento-detail-body #family-validation{margin-top:28px}
.bento-stage.is-expanded{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:minmax(330px,1fr) 96px;height:calc(100dvh - 225px);min-height:460px;max-height:900px;gap:14px}
.bento-scenarios .bento-minirows{display:none}
.bento-stage.is-expanded .bento-card{grid-row:2;grid-column:auto;background:white;color:var(--ink)}
.bento-stage.is-expanded .bento-card.is-active{grid-column:1/-1;grid-row:1;z-index:2}
.bento-stage.is-expanded .is-active .bento-open{display:none}.bento-stage.is-expanded .is-active .bento-detail{display:flex}
.bento-stage.is-expanded .bento-card:not(.is-active) .bento-open{padding:13px 14px;justify-content:center;gap:5px}
.bento-stage.is-expanded .bento-card:not(.is-active) .bento-card-head{font-size:13px;gap:7px}
.bento-stage.is-expanded .bento-card:not(.is-active) .bento-card-head>svg{width:17px;height:17px}
.bento-stage.is-expanded .bento-card:not(.is-active) .expand-icon,.bento-stage.is-expanded .bento-card:not(.is-active) .bento-sub,.bento-stage.is-expanded .bento-card:not(.is-active) .bento-minirows{display:none}
.bento-stage.is-expanded .bento-card:not(.is-active) .bento-metric{font-size:15px;line-height:1.4;margin:2px 0 0}
.bento-stage.is-expanded .bento-card:not(.is-active):hover{border-color:var(--blue);background:#edf4f7}
@media(min-width:1500px){.bento-stage{grid-template-rows:195px 195px 178px}.bento-open{padding:24px 28px}}
@media(max-width:1100px) and (min-width:761px){.bento-stage{grid-template-rows:190px 190px 166px;gap:12px}.bento-open{padding:17px}.bento-card-head{font-size:14px}.bento-metric{font-size:27px}.bento-assessment .bento-metric{font-size:24px}.bento-minirows{gap:14px}.bento-stage.is-expanded .bento-card:not(.is-active) .bento-card-head>svg{display:none}.bento-stage.is-expanded .bento-card:not(.is-active) .bento-open{padding:10px}}
@media(max-width:760px){.layout-bento .shell{padding-left:16px;padding-right:16px}.layout-bento .dashboard-heading:after{display:none}.layout-bento .dashboard-heading h2{font-size:27px}.layout-bento .dashboard-heading{margin-bottom:18px}.layout-bento .top .notice{font-size:12px}.bento-stage{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:210px 210px 180px 190px;gap:12px}.bento-family{grid-column:1;grid-row:1}.bento-income{grid-column:2;grid-row:1}.bento-assessment{grid-column:2;grid-row:2/4}.bento-deductions{grid-column:1;grid-row:2}.bento-scenarios{grid-column:1;grid-row:3}.bento-payments{grid-column:1;grid-row:4}.bento-records{grid-column:2;grid-row:4}.bento-open{padding:16px}.bento-card-head{font-size:14px;gap:7px}.bento-card-head svg{width:18px;height:18px}.bento-metric,.bento-assessment .bento-metric{font-size:24px}.bento-minirows{gap:9px;flex-direction:column;padding-top:7px}.bento-minirows span{justify-content:space-between}.bento-minirows b{font-size:13px}.bento-deductions .bento-metric,.bento-payments .bento-metric,.bento-records .bento-metric{font-size:20px}.bento-sub{font-size:12px}.bento-detail-head{padding:13px 16px}.bento-detail-head h2{font-size:19px}.bento-detail-body{padding:16px}.prototype-caption{font-size:12px;align-items:flex-start}.layout-bento .toolbar{gap:6px}.layout-bento .layout-picker select{width:148px}.layout-bento .toolbar button{font-size:12px}.layout-bento .bento-detail-body .section-head{gap:10px}}
@media(max-width:760px){
 .bento-card:not(.bento-assessment) .bento-minirows,.bento-open .expand-icon{display:none}
 .bento-open:disabled{background:transparent;color:inherit;cursor:default}
 .layout-bento.bento-mobile-detail{overflow:hidden}
 .layout-bento .dashboard-rail{z-index:7}
 .layout-bento.bento-mobile-detail .top,.layout-bento.bento-mobile-detail .prototype-caption{display:none}
 .layout-bento .bento-stage.is-expanded{position:fixed;inset:12px 16px calc(80px + env(safe-area-inset-bottom));z-index:6;display:block;height:auto;min-height:0;max-height:none;overflow:hidden}
 .bento-stage.is-expanded .bento-card:not(.is-active){display:none}
 .bento-stage.is-expanded .bento-card.is-active{position:static;width:100%;height:100%}
}
@media(prefers-reduced-motion:reduce){.bento-card{animation:none!important}}