.admin-demo-entry {
  display: grid; width: 100%; margin-top: 12px; padding: 18px 20px;
  border: 1px solid rgba(128,91,168,.28); border-radius: 16px; color: #544067;
  text-align: left; cursor: pointer; background: #fff;
}
.admin-demo-entry span { font-size: 16px; font-weight: 900; }
.admin-demo-entry:hover, .admin-demo-entry:focus-visible { border-color: #805ba8; outline: 3px solid rgba(128,91,168,.12); }
.admin-demo-entry[hidden], .admin-demo-panel[hidden] { display: none !important; }
.admin-demo-account[hidden] { display: none !important; }
.account-drawer.is-admin-demo-mode { width: min(980px,100%); padding-inline: clamp(24px,4vw,48px); }
.admin-demo-panel { color: #493955; }
.admin-demo-heading { display: flex; gap: 18px; align-items: flex-start; margin-bottom: 18px; }
.admin-demo-heading > div { flex: 1; }
.admin-demo-form > div span { margin: 0 0 4px; color: #b13f79; font-size: 12px; font-weight: 900; letter-spacing: .05em; }
.admin-demo-heading h3 { margin: 0; color: #594374; font-family: "STKaiti","KaiTi",serif; font-size: clamp(26px,3vw,32px); }
.admin-demo-heading button, .admin-demo-actions button {
  min-height: 40px; padding: 0 14px; border: 1px solid #d4c7dc; border-radius: 12px;
  color: #654f7a; font: inherit; font-size: 13px; font-weight: 800; cursor: pointer; background: #fff;
}
.admin-demo-status { min-height: 22px; margin: 0 0 10px; font-size: 13px; }
.admin-demo-status[data-kind="success"] { color: #208265; }
.admin-demo-status[data-kind="error"] { color: #b83f55; }
.admin-demo-status[data-kind="loading"] { color: #986b17; }
.admin-demo-summary { display: grid; grid-template-columns: repeat(4,1fr); margin-bottom: 22px; border-block: 1px solid #eadfee; }
.admin-demo-summary div { padding: 17px; border-right: 1px solid #eadfee; }
.admin-demo-summary div:nth-child(4n) { border-right: 0; }
.admin-demo-summary div:nth-child(n+5) { border-top: 1px solid #eadfee; }
.admin-demo-summary span { display: block; color: #82738c; font-size: 12px; }
.admin-demo-summary strong { display: block; margin-top: 7px; color: #5b4471; font-size: 27px; }
.admin-demo-form { display: grid; grid-template-columns: 1fr 1fr auto; gap: 14px; align-items: end; padding: 20px; border: 1px solid #e5d9ea; border-radius: 18px; background: rgba(252,249,253,.86); }
.admin-demo-form > div { grid-column: 1/-1; }
.admin-demo-form h4, .admin-demo-browsers h4 { margin: 0; color: #5a456d; font-size: 18px; }
.admin-demo-form label { display: grid; gap: 7px; color: #64536e; font-size: 13px; font-weight: 800; }
.admin-demo-form input { min-height: 46px; width: 100%; padding: 0 13px; border: 1px solid #d7c8df; border-radius: 12px; color: #43344e; font: inherit; background: #fff; }
.admin-demo-primary { min-height: 46px; padding: 0 20px; border: 0; border-radius: 13px; color: #fff; font: inherit; font-weight: 900; cursor: pointer; background: #8057ad; }
.admin-demo-api-form { margin-top: 16px; }
.admin-demo-api-footer { display: flex; grid-column: 1 / -1; align-items: center; justify-content: space-between; gap: 16px; padding-top: 4px; }
.admin-demo-api-footer p { margin: 0; color: #7a6b83; font-size: 13px; }
.admin-demo-api-footer p[data-kind="success"] { color: #208265; }
.admin-demo-api-footer button { min-height: 38px; padding: 0 13px; border: 1px solid #d8cadf; border-radius: 11px; color: #654f7a; font: inherit; font-size: 13px; font-weight: 800; cursor: pointer; background: #fff; }
.admin-demo-account { display: flex; justify-content: space-between; gap: 18px; align-items: center; margin-top: 16px; padding: 18px; border: 1px solid #e5d9ea; border-radius: 16px; background: #fff; }
.admin-demo-account span, .admin-demo-account strong, .admin-demo-account small { display: block; }
.admin-demo-account span { width: max-content; margin-bottom: 7px; padding: 5px 9px; border-radius: 999px; color: #715b33; font-size: 12px; font-weight: 850; background: #fff1cd; }
.admin-demo-account strong { color: #523e67; }
.admin-demo-account small { margin-top: 5px; color: #87798f; }
.admin-demo-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.admin-demo-actions .admin-demo-danger { color: #a4364d; border-color: #e4b6c0; }
.admin-demo-browsers { margin-top: 26px; }
.admin-demo-browser-list { display: grid; gap: 10px; margin-top: 12px; }
.admin-demo-browser-list > p { padding: 26px; border: 1px dashed #decfe5; border-radius: 15px; color: #87778f; text-align: center; }
.admin-demo-browser-card { display: grid; grid-template-columns: 1fr auto auto; gap: 16px; align-items: center; padding: 15px; border: 1px solid #e5d9ea; border-radius: 15px; background: #fff; }
.admin-demo-browser-card strong, .admin-demo-browser-card small { display: block; }
.admin-demo-browser-card small { margin-top: 4px; color: #897b91; }
.admin-demo-browser-card span { color: #5d4770; font-weight: 800; }
@media (max-width: 720px) {
  .admin-demo-summary { grid-template-columns: 1fr 1fr; }
  .admin-demo-summary div:nth-child(2n) { border-right: 0; }
  .admin-demo-summary div:nth-child(n+3) { border-top: 1px solid #eadfee; }
  .admin-demo-form { grid-template-columns: 1fr; }
  .admin-demo-account { align-items: stretch; flex-direction: column; }
  .admin-demo-browser-card { grid-template-columns: 1fr; }
}