
.mega-dialog{border:0;border-radius:26px;padding:0;background:#fff;color:#173348;width:calc(100% - 32px);max-width:1480px;height:min(760px,calc(100dvh - 150px));max-height:calc(100dvh - 150px);margin:130px auto 20px;box-shadow:0 20px 80px #092c4930;overflow:hidden}
.mega-dialog::backdrop{background:rgba(15,30,40,.38)}
.mega-toolbar{height:54px;display:flex;align-items:center;gap:16px;padding:10px 24px;border-bottom:1px solid #edf1f3;font-size:14px;color:#62717c}
.mega-close{margin-left:auto;border:0;background:#f1f5f7;border-radius:50%;width:34px;height:34px;font-size:26px;line-height:1;color:#18364c}
.mega-layout{display:grid;grid-template-columns:250px minmax(0,1fr) 195px;gap:32px;padding:22px 28px;height:calc(100% - 54px)}
.mega-roots{overflow-y:auto;scrollbar-width:thin;padding-right:8px}
.mega-root{display:flex;align-items:center;gap:10px;padding:10px 9px;border-radius:9px;color:#192f3e;font-size:14px;line-height:1.3;min-height:46px;text-decoration:none}
.mega-root>img{flex:0 0 30px;object-fit:contain}
.mega-root>span{flex:1}
.mega-root>i{font-size:15px}
.mega-root:hover,.mega-root.is-active{background:#edf4f7;color:#087ca4}
.mega-detail{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:0 6px 24px 0}
.mega-detail h2{font-size:26px;line-height:1.2;font-weight:800;margin:0 0 24px}
.mega-detail h2 a{color:#173348}
.mega-groups{columns:3;column-gap:26px}
.mega-group{break-inside:avoid;padding:0 0 24px}
.mega-group h3{font-size:15px;font-weight:750;line-height:1.35;margin:0 0 11px}
.mega-group h3 a{color:#172d3d}
.mega-group>a{display:block;font-size:13px;line-height:1.4;color:#354b59;padding:4px 0}
.mega-group a:hover,.mega-detail h2 a:hover{color:#008eb3}
.mega-more{font-weight:600}
.mega-all{display:inline-block;color:#087fa3;font-size:14px;margin-top:6px}
.mega-help{background:#e3f3fa;border-radius:20px;padding:22px 18px;height:fit-content;margin-top:42px}
.mega-help h3{font-size:16px;font-weight:750;margin:0 0 14px}
.mega-help a{display:block;color:#173348;font-size:13px;line-height:1.4;padding:5px 0}
.mega-back{border:0;background:transparent;color:#087fa3;padding:4px 0;font-size:14px}
.mega-dialog [hidden]{display:none!important}
.mega-dialog :focus-visible,.mega-open:focus-visible{outline:2px solid #147dce;outline-offset:2px}
@media(max-width:1199px) and (min-width:992px){.mega-layout{grid-template-columns:215px minmax(0,1fr);gap:24px}.mega-help{display:none}.mega-groups{columns:3}}
@media(max-width:991px){
 .mega-dialog{margin:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;border-radius:0}
 .mega-toolbar{height:58px;padding:10px 16px}
 .mega-layout{display:block;height:calc(100% - 58px);padding:12px 16px;overflow:auto}
 .mega-roots{height:100%;padding:0}
 .mega-root{font-size:15px;padding:12px 8px;min-height:50px}
 .mega-detail,.mega-help{display:none}
 .mega-dialog.show-branch .mega-roots{display:none}
 .mega-dialog.show-branch .mega-detail{display:block;overflow:visible}
 .mega-groups{columns:2;column-gap:18px}
 .mega-detail h2{font-size:24px;margin:8px 0 20px}
 .mega-group h3{font-size:14px}.mega-group>a{font-size:13px}
}

.mega-group h3 a{font-weight:700}.mega-detail h2 a{font-weight:800}
