.mrc-main-wrapper { max-width: 1000px; margin: auto; font-family: 'Helvetica', Arial, sans-serif; }
.mrc-header-bar { background: #1a2b49; color: #fff; padding: 15px; font-weight: bold; border-radius: 6px 6px 0 0; }
.mrc-content-card { border: 1px solid #ddd; background: #fff; padding: 25px; }

/* Main Table Layout */
.mrc-r { display: grid; grid-template-columns: 200px repeat(4, 1fr); border-top: 1px solid #eee; }
.mrc-lbl { padding: 20px 15px; font-weight: bold; color: #444; }
.mrc-val { padding: 15px; text-align: center; }
.mrc-result-row { background: #f0f7ff; border-top: 2px solid #006a9d; }
.result-text { font-size: 20px; font-weight: bold; color: #006a9d; }

/* MONTHLY EXPENSES (IMAGE MATCHING) */
.mrc-exp-grid-wrapper { display: flex; border: 1px solid #eee; }
.mrc-exp-label-col { width: 200px; background: #fafafa; border-right: 1px solid #eee; }
.mrc-exp-h { height: 40px; background: #f4f4f4; border-bottom: 1px solid #eee; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 13px; color: #006a9d; }
.mrc-exp-l { height: 45px; display: flex; align-items: center; padding-left: 15px; font-size: 13px; font-weight: 600; border-bottom: 1px solid #eee; }
.mrc-exp-total-l { height: 60px; display: flex; align-items: center; padding-left: 15px; font-weight: bold; color: #006a9d; font-size: 15px; }

.mrc-exp-data-cols { display: grid; grid-template-columns: repeat(4, 1fr); flex-grow: 1; }
.mrc-exp-col { border-right: 1px solid #eee; text-align: center; }
.mrc-exp-v { height: 45px; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #eee; font-size: 14px; }
.mrc-exp-in { width: 70px; text-align: center; border: 1px solid #ccc; padding: 3px; }
.mrc-exp-total-v { height: 60px; display: flex; align-items: center; justify-content: center; font-weight: bold; color: #006a9d; font-size: 16px; background: #f9fdff; }

/* Toggles */
.mrc-locked { opacity: 0.5; pointer-events: none; }
.mrc-accordion { background: #fff; border: 1px solid #ddd; padding: 15px; margin-top: 10px; cursor: pointer; display: flex; justify-content: space-between; font-weight: bold; }
.mrc-panel { display: none; padding: 20px; border: 1px solid #ddd; border-top: none; }