
/* SPMC Personal Finance Center v0.5.5 */
.pf-card{cursor:pointer;position:relative;overflow:hidden}.pf-card:hover{transform:translateY(-2px)}.pf-card:after{content:"Open";position:absolute;right:14px;bottom:12px;font-size:11px;font-weight:800;color:var(--primary);opacity:.7}.pf-shell{min-height:68vh}.pf-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,var(--surface),var(--surface-2))}.pf-hero h2{margin:0 0 5px}.pf-actions,.pf-row-actions,.pf-tabs{display:flex;gap:8px;flex-wrap:wrap}.pf-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:14px 0}.pf-stat{border:1px solid var(--border);border-radius:15px;background:var(--surface);padding:14px}.pf-stat b{display:block;font-size:22px;margin-top:4px}.pf-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) 190px 160px;gap:9px;margin:13px 0}.pf-list{display:grid;gap:10px}.pf-item{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--border);border-radius:15px;padding:14px;background:var(--surface)}.pf-item.done{opacity:.62}.pf-item.overdue{border-left:4px solid #ef4444}.pf-item.soon{border-left:4px solid #f59e0b}.pf-icon{font-size:25px;width:38px;text-align:center}.pf-main{flex:1;min-width:0}.pf-title{font-weight:800}.pf-meta{font-size:12px;color:var(--muted);margin-top:4px}.pf-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.pf-tag{font-size:11px;padding:3px 8px;border-radius:99px;background:var(--surface-2)}.pf-note{margin-top:8px;white-space:pre-wrap}.pf-empty{text-align:center;color:var(--muted);padding:42px 16px}.pf-progress{height:8px;border-radius:99px;background:var(--surface-2);overflow:hidden;margin-top:8px}.pf-progress span{display:block;height:100%;background:var(--primary)}.pf-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pf-panel{border:1px solid var(--border);border-radius:15px;padding:14px;background:var(--surface)}.pf-chart-row{display:grid;grid-template-columns:130px 1fr 75px;gap:9px;align-items:center;margin:8px 0}.pf-bar{height:9px;border-radius:99px;background:var(--surface-2);overflow:hidden}.pf-bar span{display:block;height:100%;background:var(--primary)}@media(max-width:800px){.pf-stats{grid-template-columns:1fr 1fr}.pf-toolbar,.pf-grid2{grid-template-columns:1fr}.pf-hero{flex-direction:column}.pf-item{flex-wrap:wrap}.pf-row-actions{width:100%}}@media(max-width:480px){.pf-stats{grid-template-columns:1fr}.pf-chart-row{grid-template-columns:95px 1fr 65px}}

/* v0.10.6 surgical: larger finance workspace + monthly movement filter */
#modal:has(.pf-shell){padding:14px}
#modal:has(.pf-shell) .modal-box{width:min(1180px,97vw);max-height:95vh;padding:24px}
#modal:has(.pf-shell) #modalBody{min-height:68vh}
.pf-toolbar.pf-toolbar-month{grid-template-columns:minmax(220px,1fr) minmax(165px,190px) minmax(145px,170px) minmax(155px,180px)}
.pf-month-select{font-weight:700}
@media(max-width:900px){.pf-toolbar.pf-toolbar-month{grid-template-columns:1fr 1fr}}
@media(max-width:700px){#modal:has(.pf-shell){padding:0}#modal:has(.pf-shell) .modal-box{width:100%;height:100vh;max-height:100vh;border-radius:0;padding:15px}.pf-toolbar.pf-toolbar-month{grid-template-columns:1fr}}


/* v0.10.9 surgical: Personal Finance modules open inside the page */
.pf-inline-workspace{width:100%;min-height:72vh}
.pf-inline-head{display:flex;align-items:center;margin:0 0 12px}
.pf-back-btn{font-weight:800;padding:10px 14px}
.pf-inline-shell{min-height:72vh;width:100%}
.pf-inline-workspace .pf-hero{position:relative}
@media(max-width:700px){.pf-inline-head{position:sticky;top:0;z-index:8;padding:8px 0;background:var(--bg)}.pf-inline-workspace{min-height:80vh}.pf-inline-shell{min-height:80vh}}
