#gradeaye-concierge {
  position: fixed;
  z-index: 10000;
  inset-inline-end: max(16px, env(safe-area-inset-right));
  bottom: max(16px, env(safe-area-inset-bottom));
  color: #171717;
  font: 16px/1.4 system-ui, sans-serif;
  text-align: left;
}
#gradeaye-concierge [hidden] { display: none !important; }
#gradeaye-concierge-panel {
  box-sizing: border-box;
  width: min(380px, calc(100vw - 40px));
  max-height: calc(100dvh - 90px);
  overflow: auto;
  background: white;
  border: 1px solid #d8d2c4;
  border-radius: 14px;
  box-shadow: 0 10px 38px #0003;
  margin-bottom: 10px;
}
#gradeaye-concierge header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  background: #171717;
  padding: 12px 16px;
}
#gradeaye-concierge h2 { color: white; margin: 0; font: 700 17px/1.25 system-ui, sans-serif; }
#gradeaye-concierge .ggpc-content { padding: 16px; }
#gradeaye-concierge p { color: #171717; margin: 0 0 14px; font: inherit; }
#gradeaye-concierge .ggpc-options, #gradeaye-concierge .ggpc-actions { display: grid; gap: 8px; }
#gradeaye-concierge button, #gradeaye-concierge a {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 7px 12px;
  border: 1px solid #82691c;
  border-radius: 8px;
  background: #fff8e1;
  color: #171717;
  font: 600 15px/1.3 system-ui, sans-serif;
  text-align: center;
  cursor: pointer;
}
#gradeaye-concierge [data-primary], #gradeaye-concierge [data-toggle] { background: #f1c650; }
#gradeaye-concierge [data-toggle] { display: flex; margin-inline-start: auto; }
#gradeaye-concierge [data-close] { min-width: 44px; font-size: 24px; }
#gradeaye-concierge :is(button, a):focus-visible { outline: 2px solid #2360ac; outline-offset: 2px; }