.kvat{--kvat-ink:#102a3d;--kvat-teal:#0d8496;--kvat-line:#dce6eb;max-width:1420px;margin:0 auto 45px;font:inherit;color:var(--kvat-ink)}.kvat *{box-sizing:border-box}.kvat-alert{padding:14px 20px;margin:0 0 18px;background:#e5f2f5;color:#134459;border-radius:10px;border-left:4px solid #1b97aa;font-size:.87rem}.kvat-layout{display:grid;grid-template-columns:minmax(280px,370px) minmax(380px,1fr);gap:18px;align-items:start}.kvat-side,.kvat-map-panel{background:#fff;border:1px solid var(--kvat-line);border-radius:16px;box-shadow:0 10px 40px #162b3912}.kvat-side{padding:22px;max-height:860px;overflow:auto}.kvat-side h2{font-size:1.3rem;margin:0 0 15px;line-height:1.2}.kvat-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kvat-controls label{font-size:.76rem;font-weight:750;color:#455e6a;display:flex;flex-direction:column;gap:5px}.kvat-controls input,.kvat-controls select{width:100%;min-width:0;background:#f7fafb;color:#183b4c;padding:10px 9px;border:1px solid #cedde5;border-radius:8px;font-size:.85rem}.kvat-controls label:nth-child(1),.kvat-controls label:nth-child(2),.kvat-controls label:last-child{grid-column:span 2}.kvat-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.kvat-kpis>div{background:#f0f6f8;padding:13px;border-radius:11px}.kvat-kpis small,.kvat-kpis strong{display:block}.kvat-kpis small{color:#4c6978;font-size:.75rem}.kvat-kpis strong{font-size:1.7rem;color:#082e45;line-height:1.35}.kvat-status{font-size:.8rem;color:#365766;padding:12px 0;border-top:1px solid var(--kvat-line);margin-top:15px}.kvat-results{display:grid;gap:8px;max-height:300px;overflow:auto}.kvat-result{display:block;text-decoration:none;color:inherit;border:1px solid var(--kvat-line);border-radius:10px;padding:11px 12px;background:#fcfefe}.kvat-result:hover,.kvat-result:focus-visible{border-color:var(--kvat-teal);background:#eef8fa}.kvat-result strong,.kvat-result span,.kvat-result small{display:block}.kvat-result strong{font-size:.95rem}.kvat-result span{font-size:.75rem;color:#526b78;margin-top:4px}.kvat-result small{font-size:.76rem;color:#076d7c;margin-top:5px}.kvat-map-panel{padding:12px}.kvat-map{height:660px;min-height:420px;border-radius:12px;background:linear-gradient(140deg,#dae9ec,#eff4f6);overflow:hidden}.kvat-map-error{padding:22px;color:#4c5e68}.kvat-map-legend{display:flex;gap:14px;flex-wrap:wrap;padding:13px 8px 4px;font-size:.76rem;color:#435966}.kvat-dot{width:11px;height:11px;border-radius:50%;display:inline-block;margin-right:5px}.kvat-zero{background:#e15c53}.kvat-low{background:#1498b1}.kvat-high{background:#e9ad50}.kvat-unknown{background:#8293a0}.kvat-micro{font-size:.75rem;color:#5b727d;line-height:1.5}.kvat-empty{background:#f4f8f9;padding:16px;border-radius:10px;color:#4a6574}.kvat-single{margin:25px 0}.kvat-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kvat-detail-grid>div{padding:14px;background:#edf5f7;border-radius:10px}.kvat-detail-grid small,.kvat-detail-grid strong{display:block}.kvat-detail-grid small{font-size:.73rem;color:#527080}.kvat-detail-grid strong{font-size:1.08rem}.kvat-history{background:white;border:1px solid #dbe7ec;border-radius:12px;padding:19px;margin:18px 0;overflow:auto}.kvat-history h3{font-size:1rem;margin:0 0 12px}.kvat-history-bars{height:145px;display:flex;gap:3px;align-items:flex-end;background:linear-gradient(0deg,#e6eff2,#fff);padding:10px;border-bottom:1px solid #cadbe4}.kvat-history-bar{flex:1;min-width:3px;max-width:30px;background:#168ba4;border-radius:4px 4px 0 0}.kvat-history-table{width:100%;border-collapse:collapse;font-size:.84rem}.kvat-history-table td,.kvat-history-table th{padding:9px;border-bottom:1px solid #e5ecef;text-align:left}.kvat-evolution>p{font-size:.92rem;color:#4b6976}.kvat .maplibregl-popup-content{padding:15px!important;line-height:1.5}.kvat .maplibregl-popup-content p{font-size:.78rem;margin:7px 0}.kvat .maplibregl-popup-content a{color:#087a93;font-weight:800}@media(max-width:1060px){.kvat-layout{grid-template-columns:minmax(260px,330px) minmax(0,1fr)}.kvat-map{height:570px}}@media(max-width:780px){.kvat-layout{display:flex;flex-direction:column}.kvat-side,.kvat-map-panel{width:100%;max-height:none}.kvat-map{height:420px}.kvat-results{max-height:240px}.kvat-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:460px){.kvat-controls{grid-template-columns:1fr}.kvat-controls label{grid-column:auto!important}.kvat-detail-grid{grid-template-columns:1fr}.kvat-map{height:340px}.kvat-map-legend{gap:9px}}
.kvat-legacy{margin:24px 0;padding:17px;background:#fff;border:1px solid #dbe7ec;border-radius:12px}.kvat-legacy summary{cursor:pointer;font-weight:750}.kvat-legacy p{font-size:.8rem;color:#566c7a}.kvat-legacy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.kvat-legacy-grid a{padding:11px;text-decoration:none;background:#f2f7f8;border-radius:6px;color:#176d82;font-size:.85rem}@media(max-width:780px){.kvat-legacy-grid{grid-template-columns:1fr}}

.kvat-legacy-note{padding:15px 20px;background:#fff9e9;border-left:4px solid #d39a43;color:#51462e;margin:22px 0;border-radius:8px}
