.hla-haplotype{display:grid;grid-template-columns:290px minmax(0,1fr);height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height))}.filters{background-color:var(--surface-gray);text-align:left;min-height:0;display:flex;flex-direction:column;justify-content:space-between}.filters__message{margin-top:.5em}.filters__content{padding:2em;overflow-y:auto}.filters__basic{margin-top:.5em}.form-field{margin-bottom:.5em}.form-field input,.form-field select{width:100%;padding:.3em;margin-top:.3em;outline:none;border:1px solid var(--border-gray);border-radius:5px}.form-field input.is-filled,.form-field select.is-filled{background-color:var(--light-green)}.filters__basic-haplotypes{margin:1em 0 2em}.filters__basic-haplotypes .form-field{display:grid;grid-template-columns:1fr 3fr;align-items:center}.filters__advanced{margin-top:2em;cursor:pointer}.filters__advanced summary{color:var(--primary-accent);margin-bottom:1em}.filters__actions{padding:2em;display:grid;grid-template-columns:2fr 1fr;gap:.5em}.filters__btn-search,.filters__btn-reset{display:flex;justify-content:center}.filters__btn-search:disabled,.filters__btn-reset:disabled{opacity:.5;cursor:not-allowed}.content{padding:2em 2.5em;min-height:0;overflow-y:auto}.content__title{margin-bottom:1em}.content__instructions p{color:var(--text-light);display:flex;align-items:center;gap:.5em}.results__table-wrapper{width:100%;min-width:0;overflow-x:auto}.results__table .td__population{display:flex;align-items:center;gap:1em}.results__table .td__population-container{display:flex;flex-direction:column}.results__table .td__population-flag{width:30px;height:18px}.results__table .btn-distribution{background-color:transparent;border:none;cursor:pointer}.notes{margin-top:2.5em}.notes__title{margin-bottom:.5em}@media(max-width:768px){.hla-haplotype{display:block;height:auto}.filters{min-height:auto;padding:1em 2em}.filters__content{padding:1.5em}.filters__actions{padding:0 1.5em 1.5em}.content{padding:2em 2em 4em;overflow-y:visible}.results__table-wrapper{margin-top:1em}}@media(max-width:576px){.filters,.filters__content{padding:1em}.filters__actions{padding:0 1.5em 1.5em}.content{padding:2em 2em 6em}}