body.drawer-open{overflow:hidden}
#related-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(1120px,calc(100vw - 32px));max-width:none;height:100vh;height:100dvh;max-height:none;padding:0;border:0;border-left:1px solid #e2eaf5;border-radius:18px 0 0 18px;background:#f5f7fb;color:#202d43;box-shadow:-16px 0 60px #17335f26;overflow:hidden}
#related-drawer[open]{display:flex;flex-direction:column;animation:drawer-enter .18s ease-out}
#related-drawer::backdrop{background:#17233740;backdrop-filter:none}
.drawer-header{display:flex;align-items:center;gap:12px;min-height:68px;padding:16px 22px;background:#fff;border-bottom:1px solid #e9edf4;flex-shrink:0}
#related-drawer .drawer-header h2{flex:1;min-width:0;font-size:16px;line-height:1.5;font-weight:650;margin:0;overflow-wrap:anywhere}
#related-drawer .drawer-icon-button{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;padding:0;background:#f3f7fd;color:#617da5;border:0;border-radius:8px;font-size:24px;line-height:1}
#related-drawer .drawer-icon-button:hover{color:#246be8;background:#e6f0ff}
#related-drawer .drawer-icon-button[hidden]{display:none}
.drawer-body{flex:1;min-height:0;overflow:auto;padding:20px}
#related-drawer .button{width:auto;margin:0}
#related-drawer .search{width:300px;height:39px;max-width:100%;padding:10px 13px}
#related-drawer .toolbar{gap:10px;margin-bottom:18px}
#related-drawer .select{max-width:100%}
#related-drawer .table-footer{gap:12px;flex-wrap:wrap}
#related-drawer .panel{margin-bottom:0}
@keyframes drawer-enter{from{transform:translateX(30px);opacity:.6}to{transform:translateX(0);opacity:1}}
@media(max-width:600px){#related-drawer{width:100%;border-radius:0}.drawer-header{padding:14px 12px;gap:8px;min-height:60px}.drawer-body{padding:16px 12px}#related-drawer .search{width:100%}#related-drawer .table-footer{padding:14px 12px}}
@media(prefers-reduced-motion:reduce){#related-drawer[open]{animation:none}}