/* MINHA OBRA v8 | compras reais, resumo de pagamentos, configuracao opcional */
.category-tagline{margin:12px 0 4px;font-size:12px;color:#c6d1dc}
.spent-card{margin-top:12px;border:1px solid #47785d;border-radius:19px;padding:16px 18px;background:linear-gradient(118deg,#1d463d 0%,#162f32 50%,#14232f 100%);box-shadow:0 8px 22px #02080e2d}
.spent-label{display:flex;align-items:center;gap:8px;letter-spacing:1.2px;color:#bde8c7;font-size:10px;font-weight:880}
.spent-label .material-icon{width:17px;height:17px;color:#c7f691}
.spent-amount{font-size:clamp(21px,5vw,31px);font-weight:930;color:#effff4;letter-spacing:-1px;margin-top:8px;line-height:1.1;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.spent-sub{font-size:11px;color:#b7cfc7;margin-top:7px}
.spent-link{color:#d1fcaa;font-size:12px;font-weight:850;display:flex;align-items:center;gap:8px;margin-top:14px;padding:7px 0;background:transparent;border:0}
.spent-link .material-icon{width:15px;height:15px}
.purchase-inline{font-size:11px;color:#a8ebb9;margin-top:4px;line-height:1.4}
.purchase-edit{background:#2d473b;border:1px solid #4d6b52;color:#c4f58c;border-radius:10px;min-width:32px;min-height:36px;display:grid;place-items:center;padding:5px}
.purchase-edit .material-icon{width:17px;height:17px}
.purchase-item-name{display:grid;gap:9px;background:linear-gradient(130deg,#213f37,#1d2c38);border:1px solid #426457;border-radius:15px;padding:14px}
.purchase-item-name strong{font-size:19px;color:#fff;line-height:1.25}
.purchase-item-name small{color:#c2d2cd}
.purchase-item-name .pill{width:max-content}
.purchase-hint{font-size:12px;line-height:1.5;color:#b0c9ce;margin:3px 0 0}
.optional-switch{display:flex;align-items:center;gap:13px;background:#23363e;border:1px solid #476365;padding:13px;border-radius:14px;cursor:pointer}
.optional-switch input{width:23px;height:23px;accent-color:#bcf36c;flex:none}
.optional-switch strong{display:block;color:#f4f7fb;font-size:13px}
.optional-switch small{display:block;color:#a9b9c5;margin-top:3px;font-size:11px}
.purchase-details{background:#182732;border:1px solid #2f4751;border-radius:16px;padding:13px;gap:10px}
#purchaseOptional[hidden]{display:none!important}
.purchase-details .field>small{display:block;margin-top:5px;color:#9cafbd;font-size:10.5px}
.purchase-confirm{min-height:51px}
.expense-hero{padding:19px;background:linear-gradient(135deg,#214b3b,#15303a);border:1px solid #487354;border-radius:19px;display:grid;gap:8px}
.expense-hero span{font-size:10px;font-weight:900;color:#c6eac0;letter-spacing:1.3px}
.expense-hero strong{font-size:clamp(21px,6vw,31px);color:#f4fff6;font-weight:950;letter-spacing:-1px;overflow-wrap:anywhere}
.expense-hero small{color:#bbd5c9;font-size:11px}
.payment-line{display:flex;gap:14px;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #30414b;color:#bfccd5}
.payment-line:last-child{border-bottom:0}
.payment-line strong{font-size:15px;color:#f2ffd4;white-space:nowrap;font-variant-numeric:tabular-nums}
.purchase-line{width:100%;display:flex;align-items:center;gap:12px;padding:13px;background:transparent;border:0;border-bottom:1px solid #31404d;color:#eef7fb;text-align:left}
.purchase-line:last-child{border-bottom:0}
.purchase-line>span{flex:1;min-width:0;display:grid;gap:5px}
.purchase-line strong{font-size:12px}
.purchase-line small{font-size:10px;color:#a0b3c1}
.purchase-line>b{font-size:12px;color:#c6f78b;white-space:nowrap}
.purchase-line>.material-icon{color:#9ac8a2;width:15px;height:15px}
@media(max-width:600px){.spent-card{padding:15px}.purchase-details .field-grid{grid-template-columns:1fr 1fr}.purchase-line{gap:7px}.purchase-line>b{font-size:11px}}
@media(max-width:375px){.purchase-details .field-grid{grid-template-columns:1fr}}
@media print{.spent-link{display:none}}