.ahu-annotation-toggle,
.ahu-annotation-panel,
.ahu-annotation-badge {
  box-sizing: border-box;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.ahu-annotation-toggle {
  position: fixed;
  z-index: 2147483000;
  top: 12px;
  right: 12px;
  min-height: 36px;
  padding: 0 13px;
  border: 1px solid #fcd34d;
  border-radius: 9px;
  background: #fffbeb;
  color: #92400e;
  font-size: 12px;
  font-weight: 700;
  box-shadow: 0 8px 24px rgb(15 23 42 / 14%);
}

.ahu-annotation-panel {
  position: fixed;
  z-index: 2147482999;
  top: 60px;
  right: 12px;
  width: min(360px, calc(100vw - 24px));
  max-height: calc(100vh - 78px);
  display: none;
  overflow: hidden;
  border: 1px solid #fcd34d;
  border-radius: 12px;
  background: #fffbeb;
  color: #1f2937;
  box-shadow: 0 18px 45px rgb(15 23 42 / 18%);
}

.ahu-annotation-panel.open { display: block; }
.ahu-annotation-panel header { display: flex; align-items: center; justify-content: space-between; padding: 12px 14px; border-bottom: 1px solid #fde68a; }
.ahu-annotation-panel header button { border: 0; background: transparent; color: #92400e; font-size: 12px; }
#ahu-annotation-list { max-height: calc(100vh - 136px); overflow: auto; padding: 10px; }
.ahu-annotation-item { width: 100%; margin: 0 0 8px; padding: 10px; border: 1px solid #fde68a; border-radius: 9px; background: #fff; text-align: left; }
.ahu-annotation-item strong { display: block; margin-bottom: 5px; color: #1f2937; font-size: 12px; }
.ahu-annotation-item p { margin: 0; color: #6b7280; font-size: 12px; line-height: 1.55; white-space: pre-wrap; }
.ahu-annotation-item.missing { border-color: #fecaca; }
.ahu-annotation-item.selected { border-color: #f59e0b; box-shadow: 0 0 0 2px rgb(245 158 11 / 18%); }
.ahu-annotation-badge { position: fixed; z-index: 2147482998; min-width: 26px; height: 26px; padding: 0 7px; border: 2px solid #fff; border-radius: 999px; background: #f59e0b; color: #fff; font-size: 11px; font-weight: 800; box-shadow: 0 4px 12px rgb(15 23 42 / 22%); }
.ahu-annotation-badge.selected { background: #b45309; box-shadow: 0 0 0 3px rgb(245 158 11 / 24%), 0 4px 12px rgb(15 23 42 / 22%); }
.ahu-annotation-highlight { outline: 3px solid rgb(245 158 11 / 88%) !important; outline-offset: 3px !important; }

@media (max-width: 480px) {
  .ahu-annotation-toggle { top: 8px; right: 8px; }
  .ahu-annotation-panel { top: auto; right: 8px; bottom: 8px; left: 8px; width: auto; max-height: 52vh; }
  #ahu-annotation-list { max-height: calc(52vh - 52px); }
}