html body .achievement-level-popover {
  position: fixed !important; inset: auto; margin: 0 !important;
  box-sizing: border-box; padding: 12px !important;
  border: 1px solid #cbdcf0 !important; border-radius: 12px !important;
  background: #fff !important; color: #163558 !important;
  box-shadow: 0 12px 32px #16355824 !important; z-index: 10000;
  display: flex; flex-direction: column; overflow: hidden;
  font: 13px/1.4 Arial, sans-serif;
}
html body .achievement-level-popover > header { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 8px; }
html body .achievement-level-popover > header button { display: inline-flex !important; align-items: center; justify-content: center; width: 32px; height: 32px; flex: 0 0 32px; padding: 0; border: 0; border-radius: 6px; background: #eef4fc; color: #163558; font: 22px/1 Arial, sans-serif; cursor: pointer; }
html body .achievement-level-popover-list { min-height: 0; max-height: 280px; overflow: auto; overscroll-behavior: contain; }
html body .achievement-level-popover table { width: 100%; min-width: 0 !important; border-collapse: collapse; table-layout: fixed; margin: 0; }
html body .achievement-level-popover :is(th,td) { padding: 7px 5px; border-bottom: 1px solid #e6edf6; white-space: normal; overflow-wrap: anywhere; text-align: left; font-size: 12px; }
html body .achievement-level-popover th { position: sticky; top: 0; background: #eff5fd; color: #163558; }
html body .achievement-level-popover th:first-child { width: 48%; }
html body .achievement-level-popover th:nth-child(2) { width: 24%; }
html body .achievement-level-popover p { margin: 4px 0; }
html body [data-achievement-level] { cursor: pointer; }
html body [data-achievement-level]:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }
@media print { html body .achievement-level-popover { display: none !important; } }