/* Asset 4.1.5; Copyright (c) 2026 MiF Zaar; SPDX-License-Identifier: GPL-3.0-or-later */
@import url("mf-raport-web-24.css");

.mf-isolated-app [hidden] { display: none !important; }
.mf-isolated-app .button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; box-sizing: border-box; padding: 10px 17px; border: 1px solid #087fbd; border-radius: 8px; background: #087fbd; color: #fff; font: inherit; font-weight: 780; line-height: 1.2; text-decoration: none; cursor: pointer; box-shadow: 0 5px 14px rgba(8,127,189,.16); transition: background .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
.mf-isolated-app .button:hover { border-color: #056699; background: #056fa8; color: #fff; box-shadow: 0 7px 18px rgba(8,127,189,.22); }
.mf-isolated-app .button:active { transform: translateY(1px); }
.mf-isolated-app .button.alt { border-color: #8eb3c8; background: #fff; color: #075fab; box-shadow: none; }
.mf-isolated-app .button.alt:hover { border-color: #087fbd; background: #edf8fe; color: #054c7c; }
.mf-isolated-app .button:disabled { border-color: #b9c9d3; background: #dce5ea; color: #657985; cursor: not-allowed; box-shadow: none; transform: none; }
.mf-isolated-app .mf-raport-web__text-button { min-height: 40px; padding: 7px 2px; border: 0; background: transparent; color: #075fab; font: inherit; font-weight: 700; text-decoration: underline; cursor: pointer; }
.mf-isolated-app :is(button,a,input,select,summary):focus-visible { outline: 3px solid #f0a020; outline-offset: 3px; }
.mf-raport-web__hero h1 { max-width: 860px; margin: 10px 0 14px; color: #0b3b59; font-size: clamp(2rem,5vw,3.5rem); line-height: 1.08; }
.mf-raport-web__hero > p:last-child { max-width: 850px; color: #385a6d; font-size: 1.07rem; line-height: 1.65; }
.mf-raport-web__picker select { width: 100%; min-height: 46px; box-sizing: border-box; padding: 10px 38px 10px 12px; border: 1px solid #9db4c3; border-radius: 8px; background-color: #fff; color: #17354d; font: inherit; }
.mf-raport-web__picker input[type=text] { min-height: 46px; box-sizing: border-box; color: #17354d; font: inherit; }

.mf-raport-web__demo-notice { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 18px; padding: 16px 18px; border: 1px solid #9fd2eb; border-radius: 12px; background: #eef9fe; color: #17354d; }
.mf-raport-web__demo-notice div { display: grid; gap: 3px; }
.mf-raport-web__demo-notice strong { color: #075fab; font-size: 1.05rem; }
.mf-raport-web__demo-notice .button { flex: 0 0 auto; margin: 0; text-align: center; }
.mf-raport-web.is-demo select:disabled,
.mf-raport-web.is-demo input:disabled { opacity: 1; border-color: #cfdae3; background: #f3f6f8; color: #536979; cursor: not-allowed; }
.mf-raport-web__picker select:disabled { opacity: 1; border-color: #cfdae3; background: #f3f6f8; color: #536979; cursor: not-allowed; }
.mf-raport-web__detail { margin: 26px 0 20px; padding: 22px; border: 1px solid #9fd2eb; border-radius: 12px; background: #f4fbff; }
.mf-raport-web__detail > h4 { margin-top: 0; color: #064f82; }
.mf-raport-web__detail > h5 { margin: 22px 0 8px; color: #17354d; font-size: 1rem; }
.mf-raport-web__detail .mf-raport-web__summary { margin-bottom: 16px; }
.mf-raport-web__detail .mf-raport-web__table { margin-bottom: 14px; }
.mf-raport-web__charts { margin: 28px 0; }
.mf-raport-web__charts > h4 { margin: 0 0 14px; color: #17354d; }
.mf-raport-web__charts-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.mf-raport-chart { min-width: 0; overflow: hidden; padding: 16px; border: 1px solid #d5e3ed; border-radius: 12px; background: linear-gradient(180deg, #fff 0%, #f8fbfd 100%); box-shadow: 0 8px 24px rgba(11,59,89,.06); }
.mf-raport-chart h5 { margin: 0 0 8px; color: #17354d; font-size: 1rem; }
.mf-raport-chart__canvas { overflow-x: auto; }
.mf-raport-chart svg { display: block; width: 100%; min-width: 520px; height: auto; }
.mf-raport-chart__legend { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; margin: 4px 0 8px; color: #526273; font-size: .82rem; }
.mf-raport-chart__legend span { display: inline-flex; align-items: center; gap: 6px; }
.mf-raport-chart__legend i { width: 18px; height: 4px; border-radius: 999px; }
.mf-detail-visualization { margin: 24px 0; padding: 18px; border: 1px solid #c7dfed; border-radius: 12px; background: #fff; }
.mf-detail-visualization__heading { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.mf-detail-visualization__heading h5 { margin: 0; color: #064f82; font-size: 1.08rem; }
.mf-detail-visualization__heading span,
.mf-detail-chart__heading span { color: #607386; font-size: .82rem; }
.mf-detail-controls { display: grid; gap: 10px; margin-bottom: 18px; padding: 12px; border-radius: 10px; background: #eef6fb; }
.mf-detail-controls__ranges { display: flex; flex-wrap: wrap; gap: 7px; }
.mf-detail-controls__ranges button { min-height: 34px; padding: 6px 11px; border: 1px solid #9dbbce; border-radius: 7px; background: #fff; color: #17435f; font-weight: 700; cursor: pointer; }
.mf-detail-controls__ranges button:hover,
.mf-detail-controls__ranges button.is-active { border-color: #087fbd; background: #087fbd; color: #fff; }
.mf-detail-controls__slider { width: 100%; accent-color: #087fbd; }
.mf-detail-controls__slider:disabled { opacity: .45; }
.mf-detail-controls__readout { min-height: 22px; color: #17354d; font-size: .9rem; font-weight: 650; }
.mf-detail-charts { display: grid; gap: 16px; }
.mf-detail-chart { min-width: 0; overflow: hidden; padding: 14px; border: 1px solid #dbe7f0; border-radius: 10px; background: #fbfdff; }
.mf-detail-chart__heading { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; margin-bottom: 8px; }
.mf-detail-chart__heading h5 { margin: 0; color: #17354d; }
.mf-detail-chart__svg { overflow-x: auto; border-radius: 8px; background: #fff; touch-action: pan-y; }
.mf-detail-chart svg { display: block; width: 100%; min-width: 620px; height: auto; cursor: crosshair; }
.mf-detail-chart svg:active { cursor: grabbing; }

@media (max-width: 700px) {
	.mf-raport-web__demo-notice { align-items: stretch; flex-direction: column; }
	.mf-raport-web__demo-notice .button { width: 100%; }
	.mf-raport-web__detail { padding: 16px; }
	.mf-raport-web__charts-grid { grid-template-columns: 1fr; }
	.mf-raport-chart { padding: 12px; }
	.mf-detail-visualization { padding: 12px; }
	.mf-detail-visualization__heading,
	.mf-detail-chart__heading { align-items: flex-start; flex-direction: column; gap: 4px; }
}

@media print {
	.mf-detail-controls { display: none !important; }
	.mf-raport-web__charts-grid { grid-template-columns: 1fr; }
	.mf-raport-chart,
	.mf-detail-chart { break-inside: avoid; box-shadow: none; }
	.mf-raport-chart svg,
	.mf-detail-chart svg { min-width: 0; }
}
html{color-scheme:light}body.mf-isolated-app{margin:0;background:#f4f8fb;color:#123047;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.mf-isolated-app .mf-raport-web{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:24px 0 48px}.mf-local-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0 22px}.mf-local-header__brand{color:#003f60;font-size:1.2rem;font-weight:800;text-decoration:none}.mf-local-header__state{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#e7f7ee;color:#145c36;font-size:.85rem;font-weight:700}.mf-local-header__state:before{content:"";width:8px;height:8px;border-radius:50%;background:#1f9d5a}.mf-local-footer{margin-top:28px;padding:20px;border-top:1px solid #cad9e2;color:#435e70;font-size:.9rem}.mf-preflight{width:min(680px,calc(100% - 32px));margin:8vh auto;background:#fff;border:1px solid #d6e3eb;border-radius:18px;padding:clamp(24px,5vw,48px);box-shadow:0 18px 50px rgba(15,55,78,.1)}.mf-preflight form{display:grid;gap:14px;margin:24px 0}.mf-preflight input[type=text]{width:100%;box-sizing:border-box;padding:12px;border:1px solid #9db4c3;border-radius:8px;font:inherit}.mf-preflight .button{justify-self:start}@media(max-width:640px){.mf-local-header{align-items:flex-start;flex-direction:column}.mf-local-header__state{font-size:.78rem}}
.mf-clinic{margin-top:28px;padding:clamp(20px,4vw,34px);border:1px solid #c9dbe5;border-radius:16px;background:#fff}.mf-clinic__unlock,.mf-clinic__actions{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.mf-clinic input[type=password],.mf-clinic input[type=text],.mf-clinic input[type=search]{min-width:min(360px,100%);box-sizing:border-box;padding:11px;border:1px solid #9db4c3;border-radius:8px;font:inherit}.mf-clinic__consent{display:block;margin:16px 0}.mf-clinic__actions{align-items:center;margin:14px 0}.mf-clinic__list{display:grid;gap:10px;padding:0}.mf-clinic__list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border:1px solid #d6e3eb;border-radius:8px;list-style:none}.mf-clinic__list button{border:0;background:transparent;color:#9b2b20;text-decoration:underline;cursor:pointer}@media(max-width:640px){.mf-clinic__unlock{align-items:stretch;flex-direction:column}.mf-clinic__list li{align-items:flex-start;flex-direction:column}}
.mf-raport-web__remember{display:block;margin:12px 0;color:#405f72;font-size:.92rem}
.mf-local-disclosure{margin:18px 0 24px;border:1px solid #bfd5e1;border-radius:12px;background:#fff}.mf-local-disclosure summary{padding:16px 18px;cursor:pointer;font-weight:750}.mf-local-disclosure>div{padding:0 18px 18px;color:#37586b}.mf-privacy-note{padding:14px;border-left:4px solid #0878b8;background:#eef8fd}
