[hidden] {
  display: none !important;
}

.topbar > div {
  min-width: 0;
}

@media (max-width: 720px) {
  .topbar {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
  }

  .month-control {
    grid-column: 2;
    width: 9rem;
    margin-left: 0;
  }

  .month-control input {
    min-width: 0;
  }
}

.detail-link,.credit-breadcrumb button{border:0;background:transparent;color:var(--teal);font-weight:750;padding:.35rem;white-space:nowrap}.detail-link:hover,.credit-breadcrumb button:hover{text-decoration:underline}.credit-breadcrumb{display:flex;align-items:center;gap:.45rem;margin-bottom:1.2rem;color:var(--muted);font-size:.85rem}.detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.3rem}.detail-heading h2{margin:.15rem 0 .35rem;font-size:1.65rem;letter-spacing:-.03em}.detail-heading small{color:var(--muted)}.credit-summary{padding:1.5rem;border:1px solid #b8ddda;border-radius:1rem;background:linear-gradient(135deg,#e8f7f5,#f6fbfb);box-shadow:var(--shadow)}.credit-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem 2rem}.credit-facts>div{display:flex;align-items:flex-start;gap:.75rem}.fact-icon{display:grid;place-items:center;width:2rem;height:2rem;flex:0 0 auto;border-radius:.55rem;background:white;color:var(--teal);font-weight:850;box-shadow:0 4px 14px rgba(14,118,110,.12)}.credit-facts p{display:grid;gap:.3rem;margin:0;color:var(--teal);font-size:.82rem;font-weight:750}.credit-facts strong{color:var(--ink);font-size:1rem}.progress-card{margin-top:1rem;padding:1.3rem 1.5rem;border:1px solid var(--line);border-radius:1rem;background:#eaf0f3}.progress-title,.progress-meta,.progress-dates{display:flex;align-items:center;justify-content:space-between;gap:1rem}.progress-title h3{margin:0;font-size:1.05rem}.progress-title strong{color:var(--teal)}.progress-meta{justify-content:flex-start;margin:.8rem 0;color:var(--muted);font-size:.85rem}.dot{display:inline-block;width:.55rem;height:.55rem;margin-right:.35rem;border-radius:50%}.paid-dot{background:#14a879}.late-dot{background:#ee7a37}.credit-progress{height:.7rem;border:1px solid #a8b8be;border-radius:1rem;background:white;overflow:hidden}.credit-progress i{display:block;height:100%;background:linear-gradient(90deg,#0e766e,#18a98f)}.progress-dates{margin-top:.45rem;color:var(--muted);font-size:.78rem}.progress-note{margin:.9rem 0 0;color:var(--ink);font-size:.88rem}.history-section{margin-top:1.7rem}.history-section>.card-head{padding-left:0;border:0}.status-badge{display:inline-flex;align-items:center;padding:.32rem .55rem;border:1px solid;border-radius:.55rem;font-size:.75rem;font-weight:750}.status-paid{border-color:#1b987e;background:#daf7f0;color:#08705e}.status-pending{border-color:#4f88a9;background:#e8f3f8;color:#245f80}.status-late{border-color:#d65b49;background:#fff0ed;color:#a83b2d}

@media(max-width:820px){.credit-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.credit-facts{grid-template-columns:1fr}.detail-heading{align-items:center}.detail-heading h2{font-size:1.3rem}.credit-summary,.progress-card{padding:1rem}.installment-table th,.installment-table td{padding:.75rem}}

.stacked-chart{padding-top:2.5rem}.stacked-bar{position:relative;display:flex;flex-direction:column;width:min(56px,72%);min-height:4px;border-radius:.4rem .4rem 0 0}.stacked-bar .bar{display:block;width:100%;min-height:0;border-radius:0}.stacked-bar .bar.interest{border-radius:.4rem .4rem 0 0}.stacked-bar>strong{position:absolute;z-index:1;left:50%;top:-1.5rem;transform:translateX(-50%);font-size:.68rem;white-space:nowrap;color:var(--ink)}

@media(max-width:520px){.stacked-bar{width:min(42px,78%)}.stacked-bar>strong{font-size:.6rem;writing-mode:vertical-rl;transform:translateX(-50%) rotate(180deg);top:-3.6rem}.stacked-chart{padding-top:4.5rem}}
.summary-table-card{overflow:hidden}.summary-table{min-width:760px;font-size:.82rem}.summary-table th{white-space:nowrap}.summary-table td{white-space:nowrap}.summary-table-card .table-wrap{overflow-x:auto}
.card-total{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem;text-align:right}.card-total strong{font-size:1rem}.card-total small{color:var(--muted);font-size:.72rem}
.bar{background:#2563eb}.bar.interest{background:#9333ea}.bar.unbilled{background:#f59e0b}.legend span:first-child{color:#2563eb}.legend span:nth-child(2){color:#9333ea}.legend span:last-child{color:#b45309}.has-tooltip{cursor:help}.has-tooltip::after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 1.8rem);z-index:20;display:none;width:max-content;max-width:280px;padding:.55rem .7rem;border-radius:.5rem;background:#111827;color:#fff;font-size:.72rem;line-height:1.35;white-space:normal;transform:translateX(-50%);box-shadow:0 8px 20px rgba(15,23,42,.24)}.has-tooltip:hover::after,.has-tooltip:focus-visible::after{display:block}
.legend span:first-child:before{background:#2563eb}.legend span:nth-child(2):before{background:#9333ea}.legend span:last-child:before{background:#f59e0b}
.inline-category{min-width:10rem;border:1px solid var(--line);border-radius:.45rem;padding:.35rem;background:#fff;color:var(--ink)}tr.saved{background:#ecfdf5}
.category-editor{display:flex;flex-direction:column;gap:.35rem;min-width:12rem}.inline-subcategory{min-width:10rem;border:1px solid var(--line);border-radius:.45rem;padding:.35rem;background:#f8fafc;color:var(--ink);font-size:.82rem}.inline-subcategory:disabled{color:var(--muted);opacity:.8}.category-toolbar{align-items:center}.category-toolbar>div{display:flex;gap:.5rem;flex-wrap:wrap}.category-toolbar .button{padding:.45rem .7rem;font-size:.78rem}
.bar.unbilled-interest{background:#ef4444}.legend span:nth-child(3){color:#f59e0b}.legend span:nth-child(4){color:#ef4444}.legend span:nth-child(3):before{background:#f59e0b}.legend span:nth-child(4):before{background:#ef4444}
.summary-table th.sortable{cursor:pointer;user-select:none}.summary-table th.sortable:hover{background:#eef4f7}
.summary-table th.sortable::after{content:'↕';margin-left:.35rem;color:#8aa0aa;font-size:.72rem}.summary-table th.sortable[aria-sort="ascending"]::after{content:'↑';color:var(--teal)}.summary-table th.sortable[aria-sort="descending"]::after{content:'↓';color:var(--teal)}
.account-card{display:flex;flex-direction:column;gap:.55rem}.card-payment-toggle{display:flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.78rem;cursor:pointer}.card-payment-toggle input{accent-color:var(--teal);width:1rem;height:1rem}

/* New movement form: clear hierarchy, comfortable fields and mobile layout. */
.form-card{max-width:820px;padding:1.35rem 1.5rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.15rem}.form-grid label{display:grid;gap:.38rem;color:var(--ink);font-size:.8rem;font-weight:750}.form-grid input,.form-grid select,.form-grid textarea{width:100%;box-sizing:border-box;border:1px solid #cbd8de;border-radius:.6rem;background:#fff;color:var(--ink);font:inherit;font-weight:500;padding:.68rem .75rem;transition:border-color .15s,box-shadow .15s}.form-grid textarea{resize:vertical;min-height:2.6rem}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:0;border-color:var(--teal);box-shadow:0 0 0 3px rgba(14,118,110,.13)}.form-grid .wide{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:.65rem;padding-top:.3rem}.form-error{margin:0;color:#b42318;font-weight:650}.page-head .button.primary{box-shadow:0 5px 14px rgba(14,118,110,.18)}
@media(max-width:620px){.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.form-actions{justify-content:stretch}.form-actions .button{flex:1}.form-card{padding:1rem}.category-toolbar{align-items:flex-start;gap:.8rem}}
.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:1rem;background:rgba(7,26,43,.5);backdrop-filter:blur(3px)}.modal-panel{width:min(700px,100%);max-height:min(760px,calc(100vh - 2rem));overflow:auto;padding:1.35rem 1.5rem;border:1px solid rgba(255,255,255,.7);border-radius:1rem;background:#fff;box-shadow:0 24px 70px rgba(7,26,43,.3)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.15rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.modal-head h2{margin:.15rem 0 .25rem;font-size:1.35rem}.modal-head small{color:var(--muted)}.modal-close{width:2rem;height:2rem;border:0;border-radius:50%;background:#edf3f5;color:var(--ink);font-size:1.45rem;line-height:1;cursor:pointer}.modal-close:hover{background:#dce9ed;color:var(--teal)}
.metric-detail{display:block;margin-top:.25rem;color:var(--teal)!important;font-weight:750}
.metric.accent .metric-detail{color:#c6e6e2!important}

/* Category dashboard: keep filters and editable movement controls readable. */
.category-dashboard .category-filters{align-items:center;flex-wrap:wrap;padding:.85rem;border:1px solid var(--line);border-radius:.85rem;background:#fff;box-shadow:var(--shadow)}
.category-dashboard .category-filters input{flex:1 1 220px;max-width:none}
.category-dashboard .category-filters select{flex:0 1 210px;min-width:160px}
.category-dashboard .category-filters .button{padding:.72rem .85rem;white-space:nowrap}
.category-dashboard .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem}
.category-dashboard .dashboard-grid{grid-template-columns:1fr;gap:1rem}
.category-dashboard .data-table select{width:100%;min-width:10rem;border:1px solid #cbd8de;border-radius:.5rem;padding:.5rem .6rem;background:#fff;color:var(--ink)}
.category-dashboard .data-table select:focus{outline:0;border-color:var(--teal);box-shadow:0 0 0 3px rgba(14,118,110,.12)}
.category-dashboard .data-table td:nth-child(2){min-width:220px;white-space:normal}
.category-dashboard .data-table td:nth-child(4),.category-dashboard .data-table td:nth-child(5){min-width:180px}
.category-dashboard .category-toolbar{align-items:flex-start}.category-dashboard .bulk-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.15rem}.category-dashboard .bulk-actions .button{padding:.5rem .7rem}.category-dashboard .selection-col{width:2.5rem;text-align:center}.category-dashboard .category-select,.category-dashboard #select-all-categories{width:1rem;height:1rem;accent-color:var(--teal);cursor:pointer}.bulk-category-modal .form-actions{margin-top:.25rem}
.new-classification-divider{display:flex;align-items:center;gap:.7rem;color:var(--muted);font-size:.78rem}.new-classification-divider::before,.new-classification-divider::after{content:"";height:1px;flex:1;background:var(--line)}
@media(max-width:620px){.category-dashboard .metric-grid{grid-template-columns:1fr}.category-dashboard .category-filters{align-items:stretch}.category-dashboard .category-filters select,.category-dashboard .category-filters .button{width:100%;flex-basis:100%}.category-dashboard .category-filters input{flex-basis:100%}}

.projection-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.projection-page-head small{color:var(--muted)}.projection-horizon{display:grid;gap:.35rem;min-width:10rem;color:var(--muted);font-size:.76rem;font-weight:750}.projection-horizon select,.projection-control-grid input{border:1px solid #cbd8de;border-radius:.55rem;background:#fff;color:var(--ink);font:inherit;padding:.62rem .7rem}.projection-horizon select:focus,.projection-control-grid input:focus{outline:0;border-color:var(--teal);box-shadow:0 0 0 3px rgba(14,118,110,.13)}.projection-controls{margin:1rem 0;padding:0;overflow:hidden}.projection-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem 1.2rem 1.2rem}.projection-control-grid label{display:grid;gap:.4rem;color:var(--ink);font-weight:750}.projection-control-grid small{color:var(--muted);font-weight:500;font-size:.75rem}.projection-metrics{margin-top:1rem}.projection-positive{color:#08705e!important}.projection-negative{color:#a83b2d!important}.projection-table-card{margin-top:1rem}.projection-table{min-width:860px}.projection-note{margin-top:1rem;padding:1rem 1.2rem;color:var(--muted);font-size:.82rem}.projection-note strong{color:var(--ink)}
@media(max-width:720px){.projection-page-head{align-items:stretch;flex-direction:column}.projection-horizon{width:100%}.projection-control-grid{grid-template-columns:1fr}}
.projection-scheduled{margin-top:1rem;padding:0;overflow:hidden}.scheduled-savings-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.65rem;padding:1rem 1.2rem}.scheduled-savings-list>div{display:grid;gap:.25rem;padding:.7rem;border:1px solid #cbe4e0;border-radius:.65rem;background:#f1fbf9}.scheduled-savings-list span{color:var(--muted);font-size:.75rem}.scheduled-savings-list strong{color:#08705e}.projection-muted{display:block;padding:0 1.2rem 1rem;color:var(--muted);font-size:.75rem}@media(max-width:1000px){.scheduled-savings-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.scheduled-savings-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.assumptions-table input,.assumptions-table select{box-sizing:border-box;width:100%;min-width:7rem;border:1px solid #cbd8de;border-radius:.45rem;background:#fff;color:var(--ink);font:inherit;padding:.42rem .5rem}.assumptions-table input[type="checkbox"]{width:1rem;min-width:1rem;accent-color:var(--teal)}.assumption-form{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin:1rem 1.2rem;padding:.8rem;border:1px solid #b8ddda;border-radius:.7rem;background:#f1fbf9;box-shadow:0 8px 20px rgba(14,118,110,.1)}.assumption-form input,.assumption-form select{min-width:9rem;border:1px solid #cbd8de;border-radius:.45rem;padding:.55rem;background:#fff;color:var(--ink);font:inherit}.assumption-menu-title{width:100%;font-weight:800;color:var(--ink)}.assumption-menu-actions{display:flex;gap:.45rem;margin-left:auto}.assumption-form[hidden]{display:none}@media(max-width:720px){.assumptions-table{min-width:850px}.assumption-form{align-items:stretch}.assumption-form input,.assumption-form select,.assumption-menu-actions{width:100%;margin-left:0}.assumption-menu-actions .button{flex:1}}
.cesantia-model-card{margin-top:1rem;border-color:#b8cbea;background:linear-gradient(135deg,#f5f8ff,#fff)}.cesantia-model-card p{margin:0;padding:0 1.2rem 1.1rem;color:var(--muted);font-size:.82rem;line-height:1.5}.cesantia-model-card h2{color:#1d4f91}
.assumption-form[hidden]{display:flex!important}