/* Cash Counter examples use the shared Invoice Generator landing-page layout. */
.cash-showcase{min-height:520px}
.cash-showcase .tool-showcase-track{width:653px;height:520px}
.cash-showcase .showcase-options{top:75px;left:0;z-index:1;width:313px}
.cash-showcase .showcase-notes{top:0;left:160px;z-index:2;width:313px}
.cash-showcase .showcase-totals{top:85px;left:340px;z-index:3;width:313px}
.cash-showcase .showcase-card{display:flex;flex-direction:column;justify-content:space-between;height:420px;overflow:hidden;border-radius:16px}
.cash-showcase .cash-options-card{justify-content:flex-start;gap:10px}
.cash-showcase .cash-options-card .cash-option-row{min-height:42px}
.cash-showcase .cash-options-card .cash-float-field{min-height:35px}
.cash-showcase .cash-totals-card{padding:19px}
.cash-showcase .showcase-heading{margin-bottom:4px}
.cash-option-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;border-bottom:1px solid #edf0f3;color:#22253b;font-size:.74rem;font-weight:500}
.cash-switch{position:relative;display:inline-block;flex:none;width:31px;height:18px;border-radius:15px;background:#c5c8cd}
.cash-switch::before{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0002}
.cash-switch.on{background:#ff3677}
.cash-switch.on::before{left:15px}
.cash-option-subrow{padding-left:12px;color:#626b7e;font-size:.68rem}
.cash-option-subrow>span:first-child{display:inline-flex;align-items:center;gap:8px}
.cash-nested-option-icon{display:inline-block;flex:0 0 12px;width:12px;height:12px;background:#ff3677;-webkit-mask:url('../cash-counter/images/icons/arrow-turn-right-solid.svg') center/contain no-repeat;mask:url('../cash-counter/images/icons/arrow-turn-right-solid.svg') center/contain no-repeat}
.cash-float-field{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 0 8px;color:#687082;font-size:.66rem}
.cash-float-field strong{min-width:83px;padding:7px;border:1px solid #dce1ea;border-radius:6px;color:#22253b;font-size:.73rem;text-align:right}
.cash-money-row{display:grid;grid-template-columns:35px 9px 20px 60px 20px 9px minmax(60px,1fr);align-items:center;gap:4px;min-height:47px;color:#22253b;font-size:.68rem}
.cash-money-row>strong{font-size:.75rem}
.cash-money-row>span{color:#858a98;text-align:center}
.cash-money-row>em{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#f1f2f5;color:#22253b;font-size:.75rem;font-style:normal;font-weight:700}
.cash-money-row>em.filled{background:#ff3677;color:#fff}
.cash-money-row>b{display:block;min-width:0;padding:6px 4px;border:1px solid #dce1ea;border-radius:5px;font-size:.7rem;text-align:center;white-space:nowrap}
.cash-money-row>b:last-child{text-align:right}
.cash-notes-total,.cash-count-foot{display:flex;justify-content:space-between;gap:12px;padding-top:10px;border-top:2px solid #ff3677;font-size:.78rem;font-weight:700}
.cash-totals-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:7px 0 14px}
.cash-totals-title strong{font-size:1.35rem;letter-spacing:.02em}
.cash-totals-title i{color:#ff3677;font-size:1.65rem}
.cash-total-line{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid #e5e8ef;font-size:.73rem}
.cash-total-line strong{white-space:nowrap}
.cash-total-line.group-end{border-bottom:2px solid #22253b}
.cash-total-line.total{padding-top:9px;border-top:0;border-bottom:2px solid #ff3677;font-size:.83rem}
.cash-total-line.sales{padding-top:9px;border-top:0;font-size:.83rem}
.cash-totals-card>small,.cash-summary-example>small{color:#697181;font-size:.62rem}
.cash-ready{display:flex;align-items:center;gap:8px;padding:10px;border-radius:7px;background:#fff0f5;color:#e52c6c;font-size:.65rem;font-weight:700}
.cash-ready i{font-size:.85rem}
.cash-example-card .example-heading{margin-bottom:20px}
.cash-example-card .cash-option-row{min-height:46px;font-size:.9rem}
.cash-example-card .cash-switch{width:40px;height:23px}
.cash-example-card .cash-switch::before{width:18px;height:18px;top:2.5px;left:2.5px}
.cash-example-card .cash-switch.on::before{left:19px}
.cash-example-card .cash-float-field{font-size:.85rem}
.cash-example-card .cash-float-field strong{min-width:125px;font-size:.85rem}
.cash-currency{display:flex;align-items:center;gap:9px;width:max-content;margin:0 0 20px auto;padding:7px 11px;border:1px solid #dce1ea;border-radius:30px;font-size:.82rem}
.cash-currency img{width:24px;height:24px;border-radius:50%;object-fit:cover}
.cash-currency i{margin-left:8px;color:#6c7180;font-size:.65rem}
.cash-business-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cash-business-grid span,.cash-business-grid strong{display:block}
.cash-business-grid span{margin-bottom:6px;font-size:.76rem;font-weight:700}
.cash-business-grid strong{min-height:42px;padding:10px 12px;border:1px solid #dce1ea;border-radius:8px;font-size:.83rem;font-weight:500}
.cash-example-card>.cash-money-row{grid-template-columns:44px 12px 29px minmax(48px,1fr) 29px 12px minmax(75px,1fr);gap:6px;min-height:55px;font-size:.9rem}
.cash-example-card>.cash-money-row>strong{font-size:.9rem}
.cash-example-card>.cash-money-row>em{width:29px;height:29px;font-size:1rem}
.cash-example-card>.cash-money-row>b{padding:10px 6px;font-size:.82rem}
.cash-example-card .cash-count-foot{margin-top:16px;font-size:.95rem}
.cash-example-note{margin:16px 0;color:#72788a;font-size:.8rem}
.cash-summary-example .cash-totals-title,.cash-saved-example .cash-totals-title{margin:13px 0 18px}
.cash-summary-example .cash-totals-title i,.cash-saved-example .cash-totals-title i{font-size:2rem}
.cash-summary-example .cash-total-line{padding:11px 0;font-size:.9rem}
.cash-summary-example .cash-total-line.total{border-bottom:0;font-size:1.05rem}
.cash-summary-example>small{display:block;margin:14px 0}
.cash-summary-example .cash-ready{margin-top:14px;font-size:.8rem}
.cash-export-example{max-width:680px;padding:0 0 15px;overflow:hidden;background:#f1f2f5;text-align:center}
.cash-export-example img{display:block;width:100%;height:auto}
.cash-export-example span{color:#72788a;font-size:.8rem}
.cash-clear-control{display:flex;align-items:center;gap:14px;padding:16px;border-radius:10px;background:#f3f4f7}
.cash-clear-control i{color:#ff3677;font-size:1.2rem}
.cash-clear-control strong,.cash-clear-control small{display:block}
.cash-clear-control small{margin-top:3px;color:#72788a;font-size:.75rem}
.cash-saved-example>p{margin:20px 0 0;color:#72788a;font-size:.79rem}
.cash-saved-example>p i{margin-right:7px}
@media(min-width:992px) and (max-width:1199px){.cash-showcase{min-height:420px}}
@media(max-width:991px){.cash-showcase{max-width:653px}}
@media(max-width:767px){.cash-showcase{min-height:0}.cash-showcase .tool-showcase-track{width:100%;height:auto}.cash-showcase .showcase-slide{position:static;width:auto}.cash-showcase .showcase-card{max-width:330px;margin:auto}.cash-showcase .cash-money-row{grid-template-columns:35px 9px 20px 60px 20px 9px minmax(60px,1fr)}}
@media(max-width:480px){.cash-business-grid{gap:10px}.cash-business-grid strong{padding:9px 7px;font-size:.72rem}.cash-example-card>.cash-money-row{grid-template-columns:31px 7px 22px minmax(33px,1fr) 22px 7px minmax(64px,1fr);gap:3px;font-size:.72rem}.cash-example-card>.cash-money-row>em{width:22px;height:22px}.cash-example-card>.cash-money-row>strong{font-size:.75rem}.cash-example-card>.cash-money-row>b{padding:8px 3px;font-size:.72rem}}
