/** Shared report screen/print layout. The font comes from the site; text uses the property page's colours (--mlsimport-*); headings stay with the theme; the chart bars have their own colour. */
.mlsimport-market-report,.mlsimport-report-document{--report-accent:#176b5b;--report-background:rgba(0,0,0,.04);font-family:inherit;line-height:1.5}
.mlsimport-market-report{max-width:1100px;margin:24px auto}
.mlsimport-report-document{padding:32px;border:1px solid #e2e2e2;border-radius:12px;font-size:14px;color:var(--mlsimport-ink-2,inherit)}
.mlsimport-report-tile dd,.mlsimport-report-bar strong,.mlsimport-report-breakdown td{color:var(--mlsimport-ink,inherit)}
.mlsimport-report-masthead{display:flex;align-items:center;gap:24px}
/* On screen the block's own title sits right above; the logo and title are for the printed page. */
@media screen{.mlsimport-report-masthead img,.mlsimport-report-masthead h2{display:none}}
.mlsimport-report-masthead img{max-width:140px;max-height:75px;object-fit:contain}
.mlsimport-report-masthead h2{margin:0;line-height:1.2}
.mlsimport-report-masthead p{margin:0}
.mlsimport-report-section{margin-top:30px;border-top:1px solid #e2e2e2;padding-top:22px}
.mlsimport-report-section h3{margin:0 0 16px}
.mlsimport-report-section h4{margin:24px 0 16px}
.mlsimport-report-tiles{display:flex;flex-wrap:wrap;gap:14px;margin:16px 0}
.mlsimport-report-tile{box-sizing:border-box;flex:1 1 170px;background:var(--report-background);border-radius:8px;padding:18px}
.mlsimport-report-tile dt{font-weight:400;margin:0 0 10px}
.mlsimport-report-tile dd{font-size:1.5em;font-weight:700;margin:0;line-height:1.3;overflow-wrap:anywhere}
.mlsimport-report-chart{margin:22px 0}
/* The label is as wide as one of the 4 price tiles, so every bar starts on the second tile's left edge. */
.mlsimport-report-bar{display:flex;align-items:center;gap:14px;margin:9px 0}
.mlsimport-report-bar>span:first-child{flex:0 0 calc((100% - 42px)/4);min-width:110px}
.mlsimport-report-bar__track{display:block;flex:1 1 0;height:14px}
.mlsimport-report-bar__fill{display:block;height:100%;min-width:3px;background:var(--report-accent);border-radius:3px}
.mlsimport-report-bar__fill[style="width:0%"]{min-width:0}
.mlsimport-report-bar strong{flex:0 0 50px;text-align:right}
.mlsimport-report-breakdown table{border-collapse:collapse;width:100%;font-size:14px}
.mlsimport-report-breakdown thead,.mlsimport-report-breakdown tbody{display:block}
.mlsimport-report-breakdown tr{display:flex}
.mlsimport-report-breakdown th,.mlsimport-report-breakdown td{flex:1 1 0;min-width:0}
.mlsimport-report-breakdown tbody th{font-weight:400}
/* Table lines: the outer border and the lines between columns match. The theme's row colours separate the rows, so no row lines. */
.mlsimport-report-breakdown table{display:block;border:1px solid #e2e2e2}
.mlsimport-report-breakdown table thead:first-child tr:first-child th,.mlsimport-report-breakdown table tbody tr th,.mlsimport-report-breakdown table tbody tr td{border:0}
.mlsimport-report-breakdown table thead:first-child tr:first-child th+th,.mlsimport-report-breakdown table tbody tr th+td,.mlsimport-report-breakdown table tbody tr td+td{border-left:1px solid #e2e2e2}
.mlsimport-report-breakdown table thead:first-child tr:first-child th{color:var(--mlsimport-ink,inherit)}
.mlsimport-report-breakdown td,.mlsimport-report-bar strong{font-weight:500}
.mlsimport-report-breakdown th,.mlsimport-report-breakdown td{text-align:left;padding:10px 8px}
.mlsimport-report-footer{display:flex;align-items:center;gap:18px;margin-top:28px;border-top:1px solid #e2e2e2;padding-top:20px;overflow-wrap:anywhere}
.mlsimport-report-footer img{width:100px;height:100px;object-fit:contain}
.mlsimport-report-actions{display:flex;gap:16px;align-items:center;margin:22px 0}
.mlsimport-market-report button{cursor:pointer}
/* The form that mails a visitor the link: hidden until the report route refuses them. */
.mlsimport-report-gate{display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:480px;margin:16px 0}
.mlsimport-report-gate[hidden],.mlsimport-market-report__body[hidden]{display:none}
.mlsimport-report-gate p{margin:0}
.mlsimport-report-gate input[type="text"],.mlsimport-report-gate input[type="email"]{box-sizing:border-box;width:100%}
.mlsimport-report-gate__message:empty{display:none}
.mlsimport-report-print-frame{position:fixed;width:1px;height:1px;bottom:0;left:-10000px;border:0}
/* Narrow screens: the label takes its own line above the bar, so long price ranges stay on one line. */
@media(max-width:1024px){.mlsimport-report-bar{flex-wrap:wrap;gap:4px 14px}.mlsimport-report-bar>span:first-child{flex-basis:100%}}
@media(max-width:600px){.mlsimport-report-document{padding:16px}.mlsimport-report-masthead{flex-direction:column;align-items:flex-start}.mlsimport-report-tile{flex-basis:calc(50% - 7px);padding:12px}.mlsimport-report-breakdown{overflow-x:auto}}
@media print{
 @page{size:auto;margin:14mm}
 body{margin:0;font:11pt Arial,sans-serif;color:#111}
 .mlsimport-report-document{padding:0;border:0;border-radius:0;max-width:none}
 .mlsimport-report-actions,.mlsimport-contact-form{display:none!important}
 .mlsimport-report-tile{flex-basis:30%}
 .mlsimport-report-tile,.mlsimport-report-chart,.mlsimport-report-footer,tr{break-inside:avoid}
 .mlsimport-report-section h3,.mlsimport-report-section h4{break-after:avoid}
 .mlsimport-report-document *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .mlsimport-report-footer a{color:inherit;text-decoration:none}
}