.drdesk-auth-trigger {
  appearance: none;
  border: 1px solid #b8c9d8;
  border-radius: 7px;
  min-height: 36px;
  max-width: 180px;
  padding: 7px 11px;
  overflow: hidden;
  color: #18445b;
  background: #f6fbfd;
  font: 600 13px/1.2 "Microsoft YaHei", "PingFang SC", sans-serif;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.drdesk-auth-trigger.is-signed-in { border-color: #86bda6; color: #14653f; background: #f2fbf6; }
.drdesk-auth-backdrop {
  position: fixed;
  z-index: 1000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 20px;
  overflow-y: auto;
  box-sizing: border-box;
  background: rgb(21 42 57 / 52%);
}
.drdesk-auth-dialog {
  width: min(100%, 440px);
  box-sizing: border-box;
  border: 1px solid #c6d4dc;
  border-radius: 8px;
  box-shadow: 0 24px 64px rgb(15 34 45 / 32%);
  color: #183142;
  background: #fff;
  font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
}
.drdesk-auth-dialog > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 22px 22px 0; }
.drdesk-auth-dialog header span { color: #567184; font-size: 12px; }
.drdesk-auth-dialog h2 { margin: 5px 0 0; font-size: 21px; line-height: 1.25; letter-spacing: 0; }
.drdesk-auth-close, .drdesk-auth-refresh { border: 0; color: #456476; background: transparent; font: inherit; cursor: pointer; }
.drdesk-auth-close { padding: 4px; }
.drdesk-auth-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; margin: 20px 22px 0; padding: 4px; border-radius: 6px; background: #edf3f5; }
.drdesk-auth-tabs button { min-height: 35px; border: 0; border-radius: 4px; color: #5b7380; background: transparent; font: 600 14px/1 "Microsoft YaHei", "PingFang SC", sans-serif; cursor: pointer; }
.drdesk-auth-tabs button[aria-selected="true"] { color: #17455c; background: #fff; box-shadow: 0 1px 3px rgb(25 62 78 / 12%); }
.drdesk-auth-form { display: grid; gap: 14px; padding: 20px 22px 0; }
.drdesk-auth-form label { display: grid; gap: 7px; color: #38596b; font-size: 13px; font-weight: 700; }
.drdesk-auth-form input { box-sizing: border-box; width: 100%; min-height: 42px; border: 1px solid #b9cbd5; border-radius: 5px; padding: 9px 10px; color: #183142; background: #fff; font: 15px/1.25 "Microsoft YaHei", "PingFang SC", sans-serif; }
.drdesk-auth-form input:focus { outline: 2px solid #70abc8; outline-offset: 1px; border-color: #4d95bb; }
.drdesk-auth-captcha-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 8px; align-items: end; }
.drdesk-auth-captcha { display: grid; min-width: 83px; min-height: 42px; place-items: center; border: 1px dashed #6a9fb9; border-radius: 5px; color: #075b85; background: repeating-linear-gradient(-45deg, #ebf6fb, #ebf6fb 6px, #e0f0f7 6px, #e0f0f7 12px); font: 700 17px/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: 2px; }
.drdesk-auth-refresh { min-height: 42px; padding: 0 6px; color: #0e648d; font-size: 13px; font-weight: 700; }
.drdesk-auth-submit { min-height: 44px; border: 1px solid #0b698e; border-radius: 5px; color: #fff; background: #08749c; font: 700 15px/1 "Microsoft YaHei", "PingFang SC", sans-serif; cursor: pointer; }
.drdesk-auth-submit:disabled { opacity: .65; cursor: wait; }
.drdesk-auth-resend { min-height: 32px; border: 0; color: #0e648d; background: transparent; font: 700 12px/1 "Microsoft YaHei", "PingFang SC", sans-serif; cursor: pointer; }
.drdesk-auth-resend:disabled { opacity: .6; cursor: wait; }
.drdesk-auth-message { min-height: 18px; margin: -4px 0 0; color: #9f1f2f; font-size: 13px; line-height: 1.45; }
.drdesk-auth-message[data-type="success"] { color: #187243; }
.drdesk-auth-hint { margin: 16px 22px 22px; color: #647986; font-size: 12px; line-height: 1.55; }
@media (max-width: 560px) {
  .drdesk-auth-trigger { min-height: 34px; max-width: 126px; padding-inline: 8px; font-size: 12px; }
  .drdesk-auth-backdrop { align-items: start; padding: 12px; }
  .drdesk-auth-dialog { margin: 24px 0; }
  .drdesk-auth-dialog > header, .drdesk-auth-form { padding-inline: 16px; }
  .drdesk-auth-tabs { margin-inline: 16px; }
  .drdesk-auth-hint { margin-inline: 16px; }
  .drdesk-auth-captcha-row { grid-template-columns: minmax(0, 1fr) auto; }
  .drdesk-auth-captcha-row > label { grid-column: 1 / -1; }
}