/* Personal mortgage worksheet. Only existing CRM theme tokens. */
.mc{color:var(--ink);font-size:14px;font-variant-numeric:tabular-nums;max-width:1600px;margin:0 auto;min-width:0}
.mc *{box-sizing:border-box}.mc button,.mc input,.mc select{font:inherit}.mc button{cursor:pointer}.mc button:disabled{cursor:not-allowed;opacity:.5}
.mc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}.mc-head h1{font-size:28px;line-height:1.15;margin:0 0 7px;font-weight:650;letter-spacing:-.025em}.mc-muted{color:var(--muted);font-size:12px;line-height:1.5}.mc-kicker{display:flex;gap:7px;align-items:center;font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px;color:var(--muted)}
.mc-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.mc-btn{display:inline-flex;justify-content:center;align-items:center;gap:6px;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:8px;padding:9px 12px;min-height:38px;font-size:12px!important;white-space:nowrap}.mc-btn:hover{background:var(--hover)}.mc-btn.primary{background:var(--ink);border-color:var(--ink);color:var(--bg)}.mc-btn.danger{color:var(--red)}.mc-btn svg{width:15px;height:15px}
.mc :focus-visible{outline:2px solid var(--gold);outline-offset:2px}.mc-tabs{display:flex;gap:6px;align-items:center;overflow-x:auto;padding:0 0 12px;margin-bottom:4px}.mc-tab{display:flex;align-items:center;gap:9px;flex-shrink:0;background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:9px;padding:11px 14px;max-width:250px;font-size:13px!important}.mc-tab>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-tab b{font-size:11px;border-radius:4px;padding:2px 5px;background:var(--soft-gray)}.mc-tab[aria-selected=true]{background:var(--panel);color:var(--ink);border-color:var(--gold)}
.mc-sheet{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:18px;margin-bottom:16px}.mc-title-row{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-bottom:16px}.mc-title-row input{max-width:430px;border:0;border-bottom:1px solid var(--line);border-radius:0!important;font-size:18px!important;font-weight:600;background:transparent!important;padding:5px 0!important}.mc-form{display:grid;grid-template-columns:1.5fr 1fr 1.25fr 1.15fr 1.2fr;gap:14px}.mc label{display:block;font-size:12px;color:var(--muted);line-height:1.4}.mc input,.mc select{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:9px 10px;width:100%;min-width:0;min-height:39px}.mc label>input,.mc label>select,.mc label>.mc-combo{margin-top:6px}.mc input[type=checkbox]{width:16px;min-height:16px}.mc-combo{display:flex;gap:5px}.mc-combo input{width:58%}.mc-combo select{width:42%;padding:7px 4px}.mc-comment{display:flex;gap:12px;align-items:center;margin-top:14px}.mc-comment input{background:transparent;min-height:34px;padding:7px 9px;font-size:12px;flex:1}.mc-save{white-space:nowrap;font-size:11px;color:var(--green)}.mc-save.failed{color:var(--red)}
.mc-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.mc-metric{padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.mc-metric>span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.mc-metric>strong{display:block;font-size:23px;font-weight:600;line-height:1.2;letter-spacing:-.02em;white-space:nowrap}.mc-metric>small{display:block;font-size:11px;line-height:1.4;color:var(--muted);margin-top:7px}.mc-metric.accent{border-color:var(--gold);background:var(--soft-gold)}
.mc-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0 10px}.mc-bar h2{font-size:16px;margin:0}.mc-note{font-size:12px;line-height:1.5;color:var(--muted)}.mc-error{background:var(--soft-red);color:var(--ink-red);border:1px solid var(--red);padding:12px;border-radius:8px;margin:12px 0}.mc-notice{background:var(--soft-gold);border:1px solid var(--line);padding:12px;border-radius:8px;font-size:12px;line-height:1.5;margin:12px 0}.mc-empty{padding:30px;text-align:center;color:var(--muted)}
.mc-table-wrap{overflow:auto;max-height:61vh;border:1px solid var(--line);border-radius:10px;position:relative;background:var(--panel);overscroll-behavior:contain}.mc-table{width:100%;min-width:1160px;border-collapse:separate;border-spacing:0;font-size:12px;table-layout:fixed}.mc-table th{position:sticky;top:0;z-index:2;background:var(--panel2);color:var(--muted);font-size:10px;letter-spacing:.025em;font-weight:500;line-height:1.35;padding:12px 8px;text-align:right;border-bottom:1px solid var(--line)}.mc-table th:first-child,.mc-table td:first-child{text-align:center}.mc-table td{height:40px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:7px 8px;text-align:right;white-space:nowrap;color:var(--ink);user-select:none}.mc-table tr:last-child td{border-bottom:0}.mc-table td:last-child{border-right:0}.mc-table td[data-mc-value]{cursor:cell}.mc-table tbody tr:hover td:not(.mc-selected){background:var(--hover-2)}.mc-table td.mc-selected{background:var(--soft-gold);box-shadow:inset 0 0 0 1px var(--gold)}.mc-table td.mc-anchor{box-shadow:inset 0 0 0 2px var(--gold)}.mc-table td.mc-edit{padding:3px;background:var(--bg)}.mc-table td input,.mc-table td select{min-height:31px;padding:5px 6px;font-size:11px;border-color:transparent;border-radius:4px;background:transparent}.mc-table td input:hover,.mc-table td select:hover{border-color:var(--line)}.mc-table .mc-month{color:var(--muted)}.mc-rate-info{color:var(--muted);font-size:10px}
.mc-selection{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:11px 14px;border:1px solid var(--line);border-top:0;border-radius:0 0 9px 9px;background:var(--panel2);font-size:12px;min-height:44px;margin-bottom:12px}.mc-selection strong{font-size:13px}.mc-selection .mc-muted{font-size:11px}.mc-help{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:14px 0}.mc-help p{margin:0;font-size:11px;line-height:1.6;color:var(--muted)}
.mc-compare{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:18px;margin-bottom:18px}.mc-compare h2{font-size:18px;margin:0 0 6px}.mc-compare-form{display:grid;grid-template-columns:1fr 1fr .8fr .8fr;gap:12px;margin:14px 0}.mc-compare-form input,.mc-compare-form select{margin-top:6px}.mc-compare-table{width:100%;border-collapse:collapse;font-size:12px}.mc-compare-table th,.mc-compare-table td{padding:11px 8px;border-bottom:1px solid var(--line);text-align:right}.mc-compare-table th{font-size:11px;color:var(--muted);font-weight:500}.mc-compare-table td:first-child,.mc-compare-table th:first-child{text-align:left;width:35%}.mc-good{color:var(--green)!important}.mc-bad{color:var(--red)!important}.mc-chart{display:flex;height:120px;gap:3px;align-items:flex-end;margin:16px 0 10px;padding:10px 0;border-bottom:1px solid var(--line)}.mc-chart-pair{flex:1;display:flex;gap:1px;align-items:flex-end;height:100%}.mc-chart-pair i{display:block;flex:1;min-height:1px;background:var(--muted)}.mc-chart-pair i:last-child{background:var(--gold)}.mc-chart-legend{display:flex;gap:16px;font-size:11px;color:var(--muted)}.mc-chart-legend span:before{content:'';display:inline-block;width:8px;height:8px;background:var(--muted);margin-right:6px}.mc-chart-legend span:last-child:before{background:var(--gold)}.mc-compare-scroll{overflow-x:auto}.mc-compare-note{margin-top:12px;font-size:11px;line-height:1.6;color:var(--muted)}
@media(max-width:1100px){.mc-form{grid-template-columns:repeat(3,minmax(0,1fr))}.mc-metric>strong{font-size:19px}.mc-compare-form{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.mc-head{flex-direction:column;margin-bottom:16px}.mc-head h1{font-size:25px}.mc-head .mc-actions{width:100%}.mc-head .mc-btn{flex:1}.mc-sheet,.mc-compare{padding:12px}.mc-title-row{align-items:flex-start;flex-direction:column;gap:8px}.mc-title-row input{max-width:100%;width:100%}.mc-form{grid-template-columns:1fr 1fr;gap:12px}.mc-form label:first-child{grid-column:1/-1}.mc-comment{flex-direction:column;align-items:stretch;gap:7px}.mc-metrics{grid-template-columns:1fr 1fr;gap:8px}.mc-metric{padding:12px}.mc-metric>strong{font-size:18px}.mc-help{grid-template-columns:1fr;gap:8px}.mc-selection{gap:9px}.mc-compare-table{min-width:590px}.mc-compare-form{gap:10px}.mc-table-wrap{max-height:65vh}.mc-tabs{max-width:100%}}
@media print{.mc-actions,.mc-tabs,.mc-comment,.mc-save,.mc-selection{display:none!important}.mc-table-wrap{max-height:none;overflow:visible}.mc-table{min-width:0;font-size:7px}.mc-table th{position:static}.mc input,.mc select{border:0;padding:0}.mc-compare,.mc-sheet{break-inside:avoid}}

/* Kokonut: neutral zinc surfaces, the CRM's single accent, compact copy. */
.mc-head{margin-bottom:20px}.mc-kicker{letter-spacing:0;text-transform:none;font-size:12px;margin-bottom:8px}.mc-head h1{font-weight:650;font-size:28px;letter-spacing:-.03em}
.mc-btn{transition:background .16s,border-color .16s,transform .1s;border-radius:9px}.mc-btn:active{transform:translateY(1px)}.mc-btn.primary{background:var(--gold-fill);border-color:var(--gold-fill);color:var(--on-gold)}.mc-btn.primary:hover{background:var(--gold-fill-h)}
.mc-tabs{padding:4px;gap:4px;background:var(--panel2);border-radius:12px;width:fit-content;max-width:100%;margin:0 0 20px}.mc-tab{border:0;border-radius:8px;padding:10px 14px;transition:background .16s,color .16s}.mc-tab[aria-selected=true]{box-shadow:var(--sh-1);border:0;background:var(--panel)}.mc-tab[aria-selected=true] b{background:var(--soft-gold);color:var(--gold)}.mc-tabs>.mc-btn{background:transparent;border-color:transparent}
.mc-sheet,.mc-compare{border-radius:12px;box-shadow:var(--sh-1);padding:20px}.mc input,.mc select{background:var(--panel);transition:border-color .15s}.mc input:hover,.mc select:hover{border-color:var(--muted)}.mc input:focus,.mc select:focus{border-color:var(--gold)}
.mc-metric{border-radius:12px;box-shadow:var(--sh-1);padding:18px}.mc-metric>strong{font-size:26px;letter-spacing:-.035em}.mc-metric.accent{background:var(--panel);border-color:var(--line)}.mc-metric.accent>strong{color:var(--gold)}
.mc-compare-pair{display:flex;gap:14px;align-items:center;padding:10px 12px;background:var(--panel2);border-radius:8px;margin:12px 0;color:var(--ink);font-size:13px;font-weight:600}.mc-compare-pair svg{color:var(--gold);flex-shrink:0}
.mc-table-wrap{max-height:none;overflow-x:auto;overflow-y:visible;overscroll-behavior:auto;border-radius:10px;margin-bottom:20px}.mc-table th{background:var(--panel2)}
.mc-selection{position:sticky;top:8px;z-index:5;border:1px solid var(--line);border-radius:9px;background:var(--panel);box-shadow:var(--sh-1);padding:10px 14px;margin:18px 0 8px;min-height:40px}.mc-help,.mc-compare-note{display:none}
@media(max-width:650px){.mc-sheet,.mc-compare{padding:14px}.mc-metric{padding:13px}.mc-metric>strong{font-size:20px}.mc-tabs{margin-bottom:14px}.mc-table-wrap{max-height:none}.mc-selection{top:5px;font-size:11px;gap:9px}.mc-head h1{font-size:25px}.mc-compare-pair{flex-wrap:wrap;gap:8px}}
@media(prefers-reduced-motion:reduce){.mc *{transition:none!important}}
.mc-extra{margin-top:16px}.mc-extra>.mc-form{padding-top:14px}.mc>.mc-metrics{margin-top:0}
@media(max-width:650px){.mc>.mc-metrics .mc-metric{padding:12px}.mc>.mc-metrics .mc-metric>span{font-size:12px}.mc>.mc-metrics .mc-metric>small{font-size:11px}}