:root {
  --securelink-admin-hero-surface: linear-gradient(135deg, #080d10, #172027 58%, #0b1514);
  --securelink-admin-accent: #46d39e;
  --securelink-admin-accent-2: #1f6fa8;
  --securelink-admin-canvas: #f6f7f4;
  --securelink-admin-surface: #ffffff;
  --securelink-admin-surface-2: #ecefed;
  --securelink-admin-border: #cbd3d2;
  --securelink-admin-border-strong: #a9b4af;
  --securelink-admin-text: #101519;
  --securelink-admin-text-soft: #586661;
  --securelink-admin-shadow: 0 12px 28px rgba(8, 13, 16, .07);
  --securelink-admin-button: #253f5a;
  --securelink-admin-button-hover: #31597a;
  --securelink-admin-teaser-bg:
    radial-gradient(circle at 76% 18%, rgba(45, 83, 129, .28), transparent 32rem),
    radial-gradient(circle at 12% 12%, rgba(37, 82, 104, .16), transparent 28rem),
    linear-gradient(135deg, #010203, #050c14 52%, #010304);
}

html.dark {
  --securelink-admin-canvas: #050c14;
  --securelink-admin-surface: #101519;
  --securelink-admin-surface-2: #171e23;
  --securelink-admin-border: #2b343b;
  --securelink-admin-border-strong: #3f4a46;
  --securelink-admin-text: #f6f7f4;
  --securelink-admin-text-soft: #a9b4af;
  --securelink-admin-shadow: 0 16px 36px rgba(0, 0, 0, .28);
  --securelink-admin-accent-2: #7fb7e8;
}

.securelink-json-source {
  display: none !important;
}

.securelink-change-section-tabs {
  background: transparent;
  display: grid;
  gap: 0;
}

.securelink-change-section-tablist {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  gap: .25rem;
  padding: 0 .75rem;
}

.securelink-change-section-tab {
  background: var(--securelink-admin-surface-2);
  border: 1px solid var(--securelink-admin-border);
  border-bottom: 0;
  border-radius: 12px 12px 0 0;
  color: var(--securelink-admin-text-soft);
  cursor: pointer;
  font-weight: 850;
  min-height: 2.5rem;
  padding: .55rem .9rem;
}

.securelink-change-section-tab.is-active {
  background: var(--securelink-admin-surface);
  color: var(--securelink-admin-text);
  position: relative;
  top: 1px;
  z-index: 1;
}

.securelink-change-section-panel {
  background: var(--securelink-admin-surface);
  border: 1px solid var(--securelink-admin-border) !important;
  border-radius: 16px;
  height: var(--securelink-change-panel-height, auto);
  margin: 0 !important;
  overflow: auto;
  scrollbar-gutter: stable;
}

.securelink-change-section-panel[hidden] {
  display: none !important;
}

.securelink-change-section-panel > h2,
.securelink-change-section-panel > fieldset > h2,
.securelink-change-section-panel > .inline-heading,
.securelink-media-assets-panel h2,
.securelink-media-assets-panel .inline-heading,
.securelink-subsection-panel > h2,
.securelink-subsection-panel > fieldset > h2,
.securelink-subsection-panel > .inline-heading {
  display: none !important;
}

.securelink-subsection-panel > [class*="field-"] > div:first-child {
  display: none !important;
}

.securelink-change-section-panel .form-rows,
.securelink-subsection-panel .form-rows {
  border: 0 !important;
  box-shadow: none !important;
}

.securelink-module-field-grid {
  border-bottom: 1px dashed var(--securelink-admin-border);
  display: grid;
  gap: .75rem;
  padding: .75rem;
}

.securelink-module-field-grid:last-child {
  border-bottom: 0;
}

.securelink-module-field-grid-1 {
  grid-template-columns: minmax(0, 1fr);
}

.securelink-module-field-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.securelink-module-field-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.securelink-module-compact-row {
  border: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
}

.securelink-module-compact-row > [class*="field-"] {
  align-items: stretch !important;
  border: 0 !important;
  flex-direction: column !important;
  gap: .35rem;
  min-height: 0 !important;
  padding: 0 !important;
}

.securelink-lifecycle-panel .form-rows {
  display: grid;
  gap: .75rem;
  padding: .75rem;
}

.securelink-lifecycle-panel .field-row,
.securelink-lifecycle-panel .form-row {
  border: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
}

.securelink-lifecycle-panel [class*="field-"] {
  align-items: stretch !important;
  border: 0 !important;
  display: grid !important;
  gap: .35rem;
  min-height: 0 !important;
  padding: 0 !important;
}

.securelink-lifecycle-panel [class*="field-"] > div:first-child {
  height: auto !important;
  line-height: 1.25 !important;
  min-width: 0 !important;
  width: auto !important;
}

.securelink-lifecycle-panel [class*="field-"] > div:first-child label {
  margin: 0 !important;
}

.securelink-lifecycle-panel .readonly,
.securelink-lifecycle-panel input[disabled],
.securelink-lifecycle-panel input[readonly] {
  align-items: center;
  background: var(--securelink-admin-surface-2) !important;
  border: 1px solid var(--securelink-admin-border) !important;
  border-radius: 10px !important;
  color: var(--securelink-admin-text-soft) !important;
  display: flex;
  font: inherit;
  line-height: 1.35 !important;
  min-height: 2.4rem !important;
  padding: .55rem .72rem !important;
  width: 100% !important;
}

.securelink-module-compact-row > [class*="field-"] > div:first-child {
  height: auto !important;
  line-height: 1.25 !important;
  min-width: 0 !important;
  width: auto !important;
}

.securelink-module-compact-row > [class*="field-"] > div:first-child label {
  margin: 0 !important;
}

.securelink-module-compact-row > [class*="field-"] > .grow {
  min-width: 0;
  width: 100%;
}

.securelink-module-compact-row input:not([type="checkbox"]),
.securelink-module-compact-row select,
.securelink-module-compact-row textarea {
  width: 100% !important;
}

.securelink-readonly-slug {
  background: var(--securelink-admin-surface-2) !important;
  color: var(--securelink-admin-text-soft) !important;
  cursor: not-allowed;
}

.securelink-module-compact-row textarea {
  min-height: 6.5rem !important;
}

.securelink-change-section-panel textarea:not(.securelink-markdown-input),
.securelink-subsection-panel textarea:not(.securelink-markdown-input) {
  height: 6.25rem !important;
  max-width: 100% !important;
  min-height: 3.75rem !important;
  width: 100% !important;
}

.securelink-module-compact-row input[type="checkbox"] {
  margin: 0 !important;
}

.securelink-module-compact-row .field-required_for_admin,
.securelink-module-compact-row .field-public {
  align-items: center !important;
  display: inline-flex !important;
  flex-direction: row !important;
  gap: .65rem;
  justify-content: flex-start;
}

.securelink-module-compact-row .field-required_for_admin > div:first-child,
.securelink-module-compact-row .field-public > div:first-child,
.securelink-module-compact-row .field-required_for_admin > div:first-child > div:first-child,
.securelink-module-compact-row .field-public > div:first-child > div:first-child {
  align-items: center !important;
  display: inline-flex !important;
  flex: 0 0 auto;
  margin-left: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

.securelink-module-compact-row .field-required_for_admin > div:first-child > .grow,
.securelink-module-compact-row .field-public > div:first-child > .grow,
.securelink-module-compact-row .field-required_for_admin > .grow,
.securelink-module-compact-row .field-public > .grow {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  width: auto !important;
}

.securelink-module-compact-row .field-required_for_admin label,
.securelink-module-compact-row .field-public label {
  margin-left: 0 !important;
}

.securelink-subsection-tabs {
  display: grid;
  gap: 0;
  grid-template-rows: auto minmax(0, 1fr);
  height: 100%;
  min-height: 100%;
  max-width: 100%;
}

.securelink-change-section-panel .form-rows:has(> .securelink-subsection-tabs) {
  height: 100%;
}

.securelink-change-section-panel .form-rows:has(> .securelink-subsection-tabs) > .securelink-subsection-tabs {
  height: 100%;
}

.securelink-subsection-tablist {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  gap: .25rem;
  padding: 10px .75rem 0;
}

.securelink-subsection-tab {
  background: var(--securelink-admin-surface-2);
  border: 1px solid var(--securelink-admin-border);
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  color: var(--securelink-admin-text-soft);
  cursor: pointer;
  font-weight: 800;
  min-height: 2.25rem;
  padding: .45rem .75rem;
}

.securelink-subsection-tab.is-active {
  background: var(--securelink-admin-surface);
  color: var(--securelink-admin-text);
  position: relative;
  top: 1px;
  z-index: 1;
}

.securelink-subsection-panel {
  background: var(--securelink-admin-surface);
  border: 1px solid var(--securelink-admin-border) !important;
  border-radius: 14px;
  margin: 0 !important;
  overflow: hidden;
}

section.securelink-subsection-tabs > div.securelink-subsection-panel {
  border-width: 1px 0 0 0 !important;
  height: 100%;
  min-height: 0;
}

section.securelink-subsection-tabs > div.securelink-subsection-panel .field-scenario_prompts,
section.securelink-subsection-tabs > div.securelink-subsection-panel .field-scenario_prompts > .grow,
section.securelink-subsection-tabs > div.securelink-subsection-panel .field-slide_deck,
section.securelink-subsection-tabs > div.securelink-subsection-panel .field-slide_deck > .grow,
section.securelink-subsection-tabs > div.securelink-subsection-panel .field-references,
section.securelink-subsection-tabs > div.securelink-subsection-panel .field-references > .grow {
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.securelink-narrator-panel .field-narrator,
.securelink-narrator-panel .field-narrator > .grow {
  min-height: 0;
  overflow: visible;
}

.securelink-narrator-panel .field-narrator {
  padding: 0 !important;
}

.securelink-narrator-panel .form-rows {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto auto auto;
  gap: .75rem;
  height: 100%;
  min-height: 0;
}

.securelink-narrator-panel .field-narrator {
  height: 100%;
  min-height: 0;
}

.securelink-narrator-panel .field-narrator > div:first-child {
  display: none !important;
}

.securelink-narrator-panel .field-narrator_profile_photo_upload,
.securelink-narrator-panel .field-narrator_logo_upload,
.securelink-narrator-panel .field-narrator_consent_document_upload {
  display: none !important;
}

.securelink-narrator-panel .field-narrator_profile_photo_upload > div:first-child,
.securelink-narrator-panel .field-narrator_logo_upload > div:first-child,
.securelink-narrator-panel .field-narrator_consent_document_upload > div:first-child {
  height: auto !important;
  line-height: 1.25 !important;
  min-width: 0 !important;
  width: auto !important;
}

.securelink-narrator-panel .field-narrator_profile_photo_upload input[type="file"],
.securelink-narrator-panel .field-narrator_logo_upload input[type="file"],
.securelink-narrator-panel .field-narrator_consent_document_upload input[type="file"] {
  cursor: pointer;
  width: 100%;
}

section.securelink-subsection-tabs > div.securelink-subsection-panel .field-transcript,
section.securelink-subsection-tabs > div.securelink-subsection-panel .field-transcript > .grow {
  height: 100%;
  min-height: 0;
}

section.securelink-subsection-tabs > div.securelink-subsection-panel .field-video_url,
section.securelink-subsection-tabs > div.securelink-subsection-panel .field-video_url > .grow,
section.securelink-subsection-tabs > div.securelink-subsection-panel .field-video_url input {
  max-width: 100% !important;
  width: 100% !important;
}

.securelink-subsection-panel[hidden] {
  display: none !important;
}

.securelink-question-pager-shell {
  align-items: center;
  background: var(--securelink-admin-surface);
  border-top: 0;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  position: sticky;
  bottom: 0;
  z-index: 2;
}

.securelink-question-pager-shell .securelink-slide-pager {
  border-top: 0 !important;
  margin: 0 !important;
  width: 100%;
}

.field-learning_objectives,
.field-slide_deck,
.field-scenario_prompts,
.field-narrator {
  align-items: stretch !important;
  flex-direction: column !important;
}

.field-learning_objectives > div:first-child,
.field-slide_deck > div:first-child,
.field-scenario_prompts > div:first-child,
.field-narrator > div:first-child {
  align-items: flex-start !important;
  height: auto !important;
  line-height: 1.3 !important;
  min-width: 0 !important;
  width: 100% !important;
}

.securelink-json-editor {
  background: color-mix(in srgb, var(--securelink-admin-surface) 96%, transparent);
  border: 1px solid var(--securelink-admin-border);
  border-radius: 16px;
  box-shadow: var(--securelink-admin-shadow);
  color: var(--securelink-admin-text);
  display: grid;
  gap: 1rem;
  margin: 0;
  max-width: min(100%, 82rem);
  padding: 1rem;
}

.securelink-slide-deck-editor {
  box-shadow: none;
  gap: 0;
  grid-template-rows: minmax(0, 1fr) auto;
  height: 100%;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
}

.securelink-json-editor-header {
  align-items: start;
  border-bottom: 1px solid var(--securelink-admin-border);
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: .85rem;
}

.securelink-json-editor-header strong {
  color: var(--securelink-admin-text);
  display: block;
  font-size: 1rem;
  font-weight: 800;
}

.securelink-json-editor-header p {
  color: var(--securelink-admin-text-soft);
  margin: .25rem 0 0;
  max-width: 70rem;
}

.securelink-json-editor-list {
  display: grid;
  gap: .85rem;
}

.securelink-slide-deck-editor .securelink-json-editor-list {
  min-height: 0;
  overflow: auto;
  padding-right: .25rem;
}

.securelink-json-list-row,
.securelink-slide-card {
  background: var(--securelink-admin-surface);
  border: 1px solid var(--securelink-admin-border);
  border-radius: 14px;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.securelink-json-list-row {
  align-items: start;
  display: grid;
  gap: .75rem;
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding: .85rem;
}

.securelink-compact-list-editor {
  box-shadow: none;
  grid-template-rows: auto minmax(0, 1fr);
  max-height: calc(var(--securelink-change-panel-height, 720px) - 4.25rem);
  margin: 0;
  max-width: 100%;
  overflow: hidden;
}

.securelink-compact-list {
  display: grid;
  gap: .55rem;
  min-height: 0;
  overflow: auto;
  padding-right: .85rem;
  scrollbar-gutter: stable;
}

.securelink-compact-list-row {
  align-items: center;
  display: grid;
  gap: .65rem;
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.securelink-compact-list-row input {
  min-height: 2.35rem;
}

.securelink-danger-icon-button,
.securelink-danger-icon-button .material-symbols-outlined {
  color: #a52722 !important;
}

.securelink-danger-icon-button:hover,
.securelink-danger-icon-button:focus {
  background: rgba(180, 35, 24, .08) !important;
  border-color: rgba(180, 35, 24, .35) !important;
}

.securelink-json-list-row.is-drag-over,
.securelink-slide-card.is-drag-over {
  border-color: var(--securelink-admin-accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--securelink-admin-accent) 20%, transparent);
}

.securelink-json-list-row.is-dragging,
.securelink-slide-card.is-dragging {
  opacity: .62;
}

.securelink-json-row-index {
  align-items: center;
  background: var(--securelink-admin-surface-2);
  border-radius: 999px;
  color: var(--securelink-admin-text-soft);
  display: inline-flex;
  font-size: .78rem;
  font-weight: 800;
  height: 1.75rem;
  justify-content: center;
  width: 1.75rem;
}

.securelink-json-row-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  justify-content: flex-end;
}

.securelink-json-pager {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: .55rem;
  justify-content: center;
  min-width: 0;
}

.securelink-json-pager .button {
  flex: 0 0 auto;
  white-space: nowrap;
}

.securelink-json-pager select {
  flex: 0 1 18rem;
  max-width: 18rem;
  min-width: 10rem;
  width: auto !important;
}

.securelink-slide-pager {
  background: var(--securelink-admin-surface);
  border-top: 1px solid var(--securelink-admin-border);
  column-gap: .55rem;
  margin: 1rem -1rem -1rem;
  padding: .75rem 1rem;
  position: sticky;
  bottom: 0;
  z-index: 2;
}

.securelink-slide-pager-separator {
  color: var(--securelink-admin-border-strong);
  display: inline-flex;
  font-weight: 800;
  margin-left: 1in;
  margin-right: 1in;
}

.securelink-json-editor-button {
  align-items: center;
  cursor: pointer;
  display: inline-flex !important;
  gap: .35rem;
  justify-content: center;
  text-decoration: none !important;
}

.securelink-json-editor-button .material-symbols-outlined {
  font-size: 1.15rem;
  line-height: 1;
}

.securelink-slide-duplicate-button {
  position: relative;
}

.securelink-slide-duplicate-button::after {
  align-items: center;
  background: var(--securelink-admin-surface);
  border-radius: 999px;
  color: var(--securelink-admin-accent);
  content: "check_circle";
  display: inline-flex;
  font-family: "Material Symbols Outlined";
  font-size: 1.08rem;
  font-weight: normal;
  height: 1.25rem;
  justify-content: center;
  left: 50%;
  line-height: 1;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) scale(.8);
  transition: opacity .12s ease, transform .12s ease;
  width: 1.25rem;
}

.securelink-slide-duplicate-button.is-confirmed::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.securelink-json-editor input,
.securelink-json-editor select,
.securelink-json-editor textarea {
  background: var(--securelink-admin-surface) !important;
  border: 1px solid var(--securelink-admin-border) !important;
  border-radius: 10px !important;
  color: var(--securelink-admin-text) !important;
  font: inherit;
  min-height: 2.4rem;
  padding: .62rem .72rem !important;
  width: 100%;
}

.securelink-json-editor textarea {
  min-height: 4.5rem;
  resize: vertical;
}

.securelink-json-editor input:focus,
.securelink-json-editor select:focus,
.securelink-json-editor textarea:focus {
  border-color: var(--securelink-admin-accent-2) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--securelink-admin-accent-2) 20%, transparent);
  outline: none;
}

.securelink-json-editor-field {
  color: var(--securelink-admin-text);
  display: grid;
  gap: .35rem;
  margin: 0;
}

.securelink-json-editor-field > span {
  color: var(--securelink-admin-text);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .01em;
}

.securelink-json-editor-field small {
  color: var(--securelink-admin-text-soft);
  font-size: .76rem;
  line-height: 1.35;
}

.securelink-json-editor-field.is-disabled {
  opacity: .72;
}

.securelink-json-editor-field.is-disabled textarea {
  cursor: not-allowed;
}

.securelink-richtext-shell {
  border: 1px solid var(--securelink-admin-border);
  border-radius: 12px;
  overflow: hidden;
}

.securelink-richtext-toolbar {
  align-items: center;
  background: var(--securelink-admin-surface-2);
  border-bottom: 1px solid var(--securelink-admin-border);
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  padding: .45rem;
}

.securelink-richtext-toolbar .button {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  min-height: 2rem;
  padding: .35rem;
}

.securelink-richtext-tool {
  width: 2.1rem;
}

.securelink-richtext-tool .material-symbols-outlined {
  font-size: 1.2rem;
  line-height: 1;
}

.securelink-richtext-toolbar input[type="color"] {
  cursor: pointer;
  flex: 0 0 2.25rem;
  min-height: 2rem;
  padding: .15rem !important;
  width: 2.25rem;
}

.securelink-richtext-editor {
  background: var(--securelink-admin-surface);
  color: var(--securelink-admin-text);
  line-height: 1.55;
  min-height: 4.5rem;
  outline: none;
  padding: .85rem;
}

.securelink-richtext-editor:focus {
  box-shadow: inset 0 0 0 3px color-mix(in srgb, var(--securelink-admin-accent-2) 20%, transparent);
}

.securelink-richtext-editor ul,
.securelink-richtext-editor ol,
.securelink-slide-body ul,
.securelink-slide-body ol {
  margin: .65rem 0 .65rem 1.35rem;
}

.securelink-json-empty {
  color: var(--securelink-admin-text-soft);
  margin: 0;
}

.securelink-field-label-line,
.securelink-label-with-help {
  align-items: center;
  display: inline-flex !important;
  gap: .35rem;
  min-width: 0;
}

.securelink-help-tooltip {
  align-items: center;
  color: var(--securelink-admin-accent-2);
  cursor: help;
  display: inline-flex;
  flex: 0 0 auto;
  height: 1rem;
  justify-content: center;
  position: relative;
  width: 1rem;
  z-index: 8;
}

.securelink-help-tooltip > .material-symbols-outlined {
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 20;
  line-height: 1;
}

.securelink-help-tooltip-content {
  background: #0b1514;
  border: 1px solid color-mix(in srgb, var(--securelink-admin-accent-2) 45%, transparent);
  border-radius: 10px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, .22);
  color: #f6f7f4;
  font-size: .78rem;
  font-weight: 650;
  left: 0;
  line-height: 1.45;
  max-width: min(28rem, 72vw);
  min-width: 16rem;
  opacity: 0;
  padding: .65rem .75rem;
  pointer-events: none;
  position: absolute;
  text-transform: none;
  top: calc(100% + .45rem);
  transform: translateY(-.2rem);
  transition: opacity .14s ease .3s, transform .14s ease .3s;
  white-space: normal;
}

.securelink-help-tooltip:hover .securelink-help-tooltip-content,
.securelink-help-tooltip:focus .securelink-help-tooltip-content {
  opacity: 1;
  transform: translateY(0);
}

.securelink-native-help-hidden {
  display: none !important;
}

.securelink-markdown-source-hidden {
  display: none !important;
}

.securelink-references-source-hidden {
  display: none !important;
}

.securelink-reference-editor {
  background: color-mix(in srgb, var(--securelink-admin-surface) 96%, transparent);
  border: 1px solid var(--securelink-admin-border);
  border-radius: 16px;
  display: grid;
  gap: 0;
  grid-template-rows: minmax(0, 1fr) auto;
  height: 100%;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  padding: 1rem 1rem 0;
}

.securelink-reference-list {
  align-content: start;
  display: grid;
  gap: .75rem;
  grid-auto-rows: max-content;
  min-height: 0;
  overflow: auto;
  padding-right: .25rem;
}

.securelink-reference-footer {
  align-items: center;
  background: var(--securelink-admin-surface);
  border-top: 1px solid var(--securelink-admin-border);
  display: flex;
  justify-content: center;
  margin: 0 -1rem;
  padding: .75rem 1rem;
  position: sticky;
  bottom: 0;
  z-index: 2;
}

.securelink-reference-row {
  align-items: end;
  align-self: start;
  background: var(--securelink-admin-surface);
  border: 1px solid var(--securelink-admin-border);
  border-radius: 12px;
  display: grid;
  gap: .75rem;
  grid-template-columns: minmax(18rem, 1fr) minmax(18rem, 1fr) auto;
  padding: .75rem;
}

.securelink-reference-identity {
  display: grid;
  gap: .65rem;
  min-width: 0;
}

.securelink-reference-row .securelink-json-editor-field {
  min-width: 0;
}

.securelink-reference-row input,
.securelink-reference-row select {
  background: var(--securelink-admin-surface) !important;
  border: 1px solid var(--securelink-admin-border) !important;
  border-radius: 10px !important;
  color: var(--securelink-admin-text) !important;
  font: inherit;
  min-height: 2.4rem;
  padding: .62rem .72rem !important;
  width: 100% !important;
}

.securelink-reference-row input:focus,
.securelink-reference-row select:focus {
  border-color: var(--securelink-admin-accent-2) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--securelink-admin-accent-2) 20%, transparent);
  outline: none;
}

.securelink-media-assets-panel .inline-group,
.securelink-media-assets-panel .tabular,
.securelink-media-assets-panel table {
  border-color: var(--securelink-admin-border) !important;
}

.securelink-media-assets-panel input:not([type="checkbox"]),
.securelink-media-assets-panel select,
.securelink-media-assets-panel textarea {
  background: var(--securelink-admin-surface) !important;
  border: 1px solid var(--securelink-admin-border) !important;
  border-radius: 10px !important;
  color: var(--securelink-admin-text) !important;
  font: inherit;
  min-height: 2.4rem;
  padding: .62rem .72rem !important;
  width: 100% !important;
}

.securelink-media-assets-panel input[type="file"] {
  cursor: pointer;
}

.securelink-media-assets-panel input:not([type="checkbox"]):focus,
.securelink-media-assets-panel select:focus,
.securelink-media-assets-panel textarea:focus {
  border-color: var(--securelink-admin-accent-2) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--securelink-admin-accent-2) 20%, transparent);
  outline: none;
}

.securelink-media-assets-panel textarea {
  min-height: 4.5rem !important;
}

.securelink-media-assets-panel .formset-wrapper {
  background: color-mix(in srgb, var(--securelink-admin-surface) 96%, transparent);
  border: 1px solid var(--securelink-admin-border) !important;
  border-radius: 16px 16px 0 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  max-height: calc(var(--securelink-change-panel-height, 720px) - 4rem);
  overflow: auto !important;
}

.securelink-media-assets-panel table {
  border-collapse: separate;
  border-spacing: 0;
  min-width: 72rem;
}

.securelink-media-assets-panel thead {
  position: sticky;
  top: 0;
  z-index: 3;
}

.securelink-media-assets-panel thead th {
  background: var(--securelink-admin-surface-2);
  border-bottom: 1px solid var(--securelink-admin-border) !important;
  box-shadow: 0 1px 0 var(--securelink-admin-border);
  color: var(--securelink-admin-text);
  font-size: .78rem;
  font-weight: 850;
  letter-spacing: .01em;
  padding: .75rem .65rem !important;
  text-align: left;
}

.securelink-media-assets-panel tbody tr.form-row {
  background: var(--securelink-admin-surface);
}

.securelink-media-assets-panel tbody tr.form-row > td {
  background: var(--securelink-admin-surface);
  border-bottom: 1px solid var(--securelink-admin-border) !important;
  border-top: 0 !important;
}

.securelink-media-assets-panel tbody tr.form-row > td:first-child {
  border-left: 0 !important;
  border-radius: 0;
}

.securelink-media-assets-panel tbody tr.form-row > td:last-child {
  border-radius: 0;
  border-right: 0 !important;
}

.securelink-media-assets-panel th,
.securelink-media-assets-panel td {
  border-color: var(--securelink-admin-border) !important;
  padding: .65rem !important;
}

.securelink-media-assets-footer {
  align-items: center;
  background: var(--securelink-admin-surface);
  border: 1px solid var(--securelink-admin-border);
  border-top: 1px solid var(--securelink-admin-border);
  border-radius: 0 0 16px 16px;
  display: flex;
  justify-content: center;
  padding: .75rem 1rem;
  position: sticky;
  bottom: 0;
  z-index: 2;
}

.securelink-media-assets-footer .securelink-json-editor-button {
  background: var(--securelink-admin-surface-2) !important;
  border: 1px solid var(--securelink-admin-border) !important;
  color: var(--securelink-admin-text) !important;
  font-weight: 800;
}

.securelink-media-assets-panel .securelink-native-inline-add {
  display: none !important;
}

.securelink-media-assets-panel input[type="checkbox"][name$="-active"] {
  display: none !important;
}

.securelink-boolean-icon-toggle {
  align-items: center;
  background: transparent;
  border: 0;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  min-height: 1.25rem;
  padding: 0;
  width: 2.35rem;
}

.securelink-boolean-toggle-track {
  align-items: center;
  background: color-mix(in srgb, var(--securelink-admin-text-soft) 22%, var(--securelink-admin-surface));
  border: 1px solid color-mix(in srgb, var(--securelink-admin-text-soft) 38%, transparent);
  border-radius: 999px;
  display: inline-flex;
  height: 1.25rem;
  padding: 2px;
  transition: background .16s ease, border-color .16s ease, box-shadow .16s ease;
  width: 2.35rem;
}

.securelink-boolean-toggle-knob {
  background: #fff;
  border-radius: 999px;
  box-shadow: 0 1px 3px rgba(7, 20, 18, .28);
  display: block;
  height: .9rem;
  transform: translateX(0);
  transition: transform .16s ease;
  width: .9rem;
}

.securelink-boolean-icon-toggle.is-active .securelink-boolean-toggle-track {
  background: var(--securelink-admin-accent);
  border-color: var(--securelink-admin-accent);
}

.securelink-boolean-icon-toggle.is-active .securelink-boolean-toggle-knob {
  transform: translateX(1.1rem);
}

.securelink-boolean-icon-toggle:focus-visible .securelink-boolean-toggle-track {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--securelink-admin-accent-2) 24%, transparent);
}

.securelink-markdown-editor {
  border: 1px solid var(--securelink-admin-border);
  border-radius: 16px;
  margin: .75rem 0 1rem;
  max-width: min(100%, 82rem);
  overflow: hidden;
}

.securelink-markdown-tabs {
  align-items: flex-end;
  background: transparent;
  display: flex;
  gap: .25rem;
  padding: .75rem .75rem 0;
}

.securelink-markdown-tab {
  background: var(--securelink-admin-surface-2);
  border: 1px solid var(--securelink-admin-border);
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  color: var(--securelink-admin-text-soft);
  cursor: pointer;
  font-weight: 800;
  padding: .55rem .85rem;
}

.securelink-markdown-tab.is-active {
  background: var(--securelink-admin-surface);
  color: var(--securelink-admin-text);
  position: relative;
  top: 1px;
}

.securelink-markdown-panel {
  background: var(--securelink-admin-surface);
  display: none;
  min-height: 18rem;
  padding: .85rem;
}

.securelink-markdown-panel.is-active {
  display: block;
}

.securelink-markdown-panel:not(.securelink-markdown-preview) {
  display: none;
  position: relative;
}

.securelink-markdown-panel:not(.securelink-markdown-preview).is-active {
  display: block;
}

.securelink-markdown-input,
.securelink-markdown-highlight {
  border: 0 !important;
  border-radius: 0 !important;
  box-sizing: border-box;
  font: 500 .9rem/1.55 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
  inset: .85rem;
  margin: 0;
  min-height: 17rem;
  overflow: auto;
  padding: .85rem !important;
  white-space: pre-wrap;
  width: calc(100% - 1.7rem);
}

.securelink-markdown-highlight {
  background: #081018;
  color: #d9e6e3;
  pointer-events: none;
  position: absolute;
}

.securelink-markdown-input {
  background: transparent !important;
  caret-color: #ffffff;
  color: transparent !important;
  position: relative;
  resize: vertical;
  z-index: 1;
}

.securelink-markdown-input::selection {
  background: rgba(127, 183, 232, .35);
  color: transparent;
}

.securelink-markdown-highlight .md-heading {
  color: #46d39e;
  font-weight: 800;
}

.securelink-markdown-highlight .md-list {
  color: #7fb7e8;
}

.securelink-markdown-highlight .md-strong {
  color: #f6d365;
  font-weight: 800;
}

.securelink-markdown-highlight .md-code {
  color: #f5a97f;
}

.securelink-markdown-highlight .md-link {
  color: #7fb7e8;
  text-decoration: none;
}

.securelink-markdown-highlight .md-quote {
  color: #a9b4af;
}

.securelink-markdown-preview {
  color: var(--securelink-admin-text);
  line-height: 1.6;
}

.securelink-markdown-preview h1,
.securelink-markdown-preview h2,
.securelink-markdown-preview h3 {
  color: var(--securelink-admin-text);
  font-weight: 850;
  margin: 1rem 0 .5rem;
}

.securelink-markdown-preview p,
.securelink-markdown-preview ul,
.securelink-markdown-preview ol {
  margin: .6rem 0;
}

.securelink-markdown-preview ul,
.securelink-markdown-preview ol {
  padding-left: 1.35rem;
}

.securelink-markdown-preview table {
  border-collapse: collapse;
  margin: .85rem 0;
  width: 100%;
}

.securelink-markdown-preview th,
.securelink-markdown-preview td {
  border: 1px solid var(--securelink-admin-border);
  padding: .5rem .6rem;
  text-align: left;
}

.securelink-slide-card {
  display: grid;
  gap: 1rem;
  padding: 1rem;
}

.securelink-slide-deck-editor .securelink-slide-card {
  border: 0;
  border-radius: 0;
  padding: 0;
}

.securelink-slide-card.is-fading-out {
  opacity: 0;
  transition: opacity .2s ease;
}

.securelink-slide-card.is-fading-in {
  animation: securelink-slide-fade-in .1s ease;
}

@keyframes securelink-slide-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.securelink-slide-card-header {
  align-items: center;
  display: grid;
  gap: .75rem;
  grid-template-columns: auto minmax(0, 1fr) auto;
  min-height: 1.5rem;
}

.securelink-slide-card-header span {
  color: var(--securelink-admin-text-soft);
  display: block;
  font-size: .74rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.securelink-slide-card-header strong {
  color: var(--securelink-admin-text);
  display: block;
  font-size: 1.04rem;
  line-height: 1.25;
  margin-top: .14rem;
}

.securelink-slide-title-field {
  align-items: center;
  display: grid;
  gap: .65rem;
  grid-template-columns: auto minmax(0, 1fr);
  justify-self: center;
  margin: 0;
  width: 80%;
}

.securelink-slide-title-field > span {
  color: var(--securelink-admin-text);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .01em;
  line-height: 1;
  text-transform: none;
  white-space: nowrap;
}

label.securelink-slide-title-field > span.securelink-field-label-line > span {
  color: #000;
  letter-spacing: normal;
  text-transform: none;
}

.securelink-slide-title-field input {
  min-height: 2.15rem;
  padding-bottom: .45rem !important;
  padding-top: .45rem !important;
}

.securelink-slide-notes-field {
  grid-column: 1 / -1;
}

.securelink-slide-card-grid .securelink-json-editor-field:first-child {
  grid-column: 1 / -1;
}

.securelink-slide-card-grid .securelink-json-editor-field:nth-child(2),
.securelink-slide-card-grid .securelink-json-editor-field:nth-child(3) {
  grid-column: auto;
}

.securelink-slide-card-grid .securelink-richtext-editor {
  min-height: 4.5rem;
}

.securelink-slide-notes-field textarea {
  height: 3.125rem !important;
  min-height: 3.125rem !important;
}

.securelink-slide-card-grid {
  display: grid;
  gap: .85rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.securelink-slide-card-grid .securelink-json-editor-field:nth-child(6) {
  grid-column: 1 / -1;
}

.securelink-slide-card-grid .securelink-json-editor-field:nth-child(2),
.securelink-slide-card-grid .securelink-json-editor-field:nth-child(3) {
  grid-column: auto;
}

.securelink-checkpoint-editor {
  background: var(--securelink-admin-surface-2);
  border-radius: 12px;
  display: grid;
  gap: .65rem;
  padding: .75rem;
}

.securelink-checkpoint-header,
.securelink-checkpoint-row {
  align-items: center;
  display: flex;
  gap: .65rem;
  justify-content: space-between;
}

.securelink-checkpoint-header strong {
  color: var(--securelink-admin-text);
  font-size: .86rem;
  font-weight: 800;
}

.securelink-checkpoint-row input {
  flex: 1 1 auto;
  min-width: 0;
}

.securelink-checkpoint-row .securelink-json-row-actions {
  flex: 0 0 auto;
  flex-wrap: nowrap;
}

.securelink-narrator-provider-fields {
  display: grid;
  gap: .85rem;
}

.securelink-narrator-editor {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  height: 100%;
  margin: 0;
  max-width: 100%;
  min-height: 0;
  overflow: visible;
  padding: 0;
}

.securelink-narrator-tabs {
  display: grid;
  gap: 0;
  grid-template-rows: auto minmax(0, 1fr);
  height: 100%;
  min-height: 0;
  max-width: 100%;
  overflow: visible;
}

.securelink-narrator-tablist {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  gap: .25rem;
  padding: 10px .75rem 0;
}

.securelink-narrator-subtab {
  background: var(--securelink-admin-surface-2);
  border: 1px solid var(--securelink-admin-border);
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  color: var(--securelink-admin-text-soft);
  cursor: pointer;
  font-weight: 800;
  min-height: 2.25rem;
  padding: .45rem .75rem;
}

.securelink-narrator-subtab.is-active {
  background: var(--securelink-admin-surface);
  color: var(--securelink-admin-text);
  position: relative;
  top: 1px;
  z-index: 1;
}

.securelink-narrator-panel-tab {
  background: var(--securelink-admin-surface);
  border: 1px solid var(--securelink-admin-border);
  border-radius: 14px;
  border-width: 1px 0 0 0 !important;
  display: none;
  gap: .85rem;
  align-content: start;
  min-width: 0;
  min-height: 0;
  overflow: visible;
  padding: 1rem;
}

.securelink-narrator-panel-tab.is-active {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.securelink-narrator-panel-tab .securelink-json-editor-field {
  max-width: 100%;
}

.securelink-narrator-panel-tab .securelink-json-editor-field.is-disabled {
  grid-column: 1 / -1;
}

.securelink-voice-id-row {
  align-items: end;
  display: grid;
  gap: .55rem;
  grid-template-columns: minmax(0, 1fr) auto;
  min-width: 0;
}

.securelink-voice-preview-button,
.securelink-pronunciation-preview-button {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  height: 38px;
  justify-content: center;
  min-width: 38px;
  padding: 0 .65rem;
}

.securelink-voice-preview-button.is-loading,
.securelink-pronunciation-preview-button.is-loading {
  cursor: wait;
  opacity: .76;
}

.securelink-pronunciation-preview-row {
  align-items: center;
  display: grid;
  gap: .55rem;
  grid-template-columns: minmax(0, 1fr) auto;
  width: 100%;
}

.securelink-pronunciation-preview-row > input {
  width: 100% !important;
}

.securelink-waffle-switch-toggle {
  cursor: pointer;
  display: inline-flex;
  position: relative;
  vertical-align: middle;
}

.securelink-waffle-switch-toggle input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

.securelink-waffle-switch-toggle span {
  background: color-mix(in srgb, var(--securelink-admin-text-soft) 30%, var(--securelink-admin-border));
  border: 1px solid var(--securelink-admin-border);
  border-radius: 999px;
  display: inline-flex;
  height: 1.45rem;
  position: relative;
  transition: background .16s ease, border-color .16s ease, opacity .16s ease;
  width: 2.7rem;
}

.securelink-waffle-switch-toggle span::after {
  background: #fff;
  border-radius: 999px;
  box-shadow: 0 1px 4px rgba(15, 23, 42, .26);
  content: "";
  height: 1.05rem;
  left: .16rem;
  position: absolute;
  top: .16rem;
  transition: transform .16s ease;
  width: 1.05rem;
}

.securelink-waffle-switch-toggle input:checked + span {
  background: var(--color-green-500);
  border-color: color-mix(in srgb, var(--securelink-admin-accent) 70%, var(--securelink-admin-border));
}

.securelink-waffle-switch-toggle input:checked + span::after {
  transform: translateX(1.25rem);
}

.securelink-waffle-switch-toggle.is-pending span {
  opacity: .58;
}

.securelink-training-preview-dialog {
  background: transparent;
  border: 0;
  inset: 50% auto auto 50%;
  margin: 0;
  max-height: min(88vh, 760px);
  max-width: min(92vw, 1040px);
  padding: 0;
  transform: translate(-50%, -50%);
  width: min(92vw, 1040px);
}

.securelink-training-preview-dialog::backdrop {
  background: rgba(4, 9, 14, .58);
  backdrop-filter: blur(5px);
}

.securelink-training-preview-modal {
  background: var(--securelink-admin-surface);
  border: 1px solid var(--securelink-admin-border);
  border-radius: 20px;
  box-shadow: 0 28px 80px rgba(4, 9, 14, .32);
  color: var(--securelink-admin-text);
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  max-height: min(88vh, 760px);
  overflow: hidden;
}

.securelink-training-deck-preview-modal {
  grid-template-rows: auto minmax(0, 1fr) auto;
}

.securelink-training-module-preview-dialog {
  height: var(--securelink-module-preview-height, calc(100vh - 8rem));
  inset: var(--securelink-module-preview-top, 4rem) auto auto var(--securelink-module-preview-left, 0);
  max-height: none;
  max-width: none;
  transform: none;
  width: var(--securelink-module-preview-width, 100vw);
}

.securelink-training-module-preview-dialog::backdrop {
  backdrop-filter: blur(5px);
  background: rgba(4, 9, 14, .58);
}

.securelink-training-module-preview-modal {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  grid-template-rows: auto minmax(0, 1fr);
  height: 100%;
  max-height: none;
}

.securelink-training-module-preview-console {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-height: 0;
  overflow: hidden;
  padding: 1rem;
}

.securelink-training-module-preview-console .securelink-training-panel-shell {
  height: 100%;
}

.securelink-training-module-preview-modal .securelink-training-preview-presented-by {
  border-bottom: 0;
  border-left: 1px solid color-mix(in srgb, var(--securelink-admin-border) 72%, transparent);
  padding: .25rem 0 0 1.25rem;
}

.securelink-training-preview-presented-by {
  border-bottom: 1px solid var(--securelink-admin-border);
  border-left: 0;
  padding: .85rem 1rem;
}

.securelink-training-preview-presented-by .securelink-training-presenter-card {
  max-width: 34rem;
}

.securelink-training-preview-narrator {
  align-items: center;
  background: color-mix(in srgb, var(--securelink-admin-accent) 7%, var(--securelink-admin-surface));
  border-bottom: 1px solid var(--securelink-admin-border);
  color: var(--securelink-admin-text);
  display: grid;
  gap: .75rem;
  grid-template-columns: 3.25rem minmax(0, 1fr) minmax(16rem, .55fr);
  padding: .75rem 1rem;
}

.securelink-training-preview-narrator img,
.securelink-training-preview-narrator-icon {
  border: 1px solid color-mix(in srgb, var(--securelink-admin-accent) 24%, var(--securelink-admin-border));
  border-radius: 999px;
  height: 3.25rem;
  object-fit: cover;
  width: 3.25rem;
}

.securelink-training-preview-narrator-icon {
  align-items: center;
  color: var(--securelink-admin-accent);
  display: inline-flex;
  justify-content: center;
}

.securelink-training-preview-narrator strong,
.securelink-training-preview-narrator small,
.securelink-training-preview-narrator a {
  display: block;
  overflow-wrap: anywhere;
}

.securelink-training-preview-narrator strong {
  font-weight: 900;
}

.securelink-training-preview-narrator small,
.securelink-training-preview-narrator dt {
  color: var(--securelink-admin-text-soft);
  font-size: .78rem;
  font-weight: 760;
}

.securelink-training-preview-narrator a {
  color: var(--securelink-admin-link);
  font-size: .78rem;
  font-weight: 800;
  text-decoration: none;
}

.securelink-training-preview-narrator dl {
  display: grid;
  gap: .35rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
}

.securelink-training-preview-narrator dd {
  color: var(--securelink-admin-text);
  font-size: .82rem;
  font-weight: 800;
  margin: 0;
  overflow-wrap: anywhere;
}

.securelink-training-preview-modal > header,
.securelink-training-preview-modal > footer {
  align-items: center;
  display: flex;
  gap: .8rem;
  justify-content: space-between;
  padding: .9rem 1rem;
}

.securelink-training-preview-modal > header {
  border-bottom: 1px solid var(--securelink-admin-border);
}

.securelink-training-preview-modal > footer {
  border-top: 1px solid var(--securelink-admin-border);
}

.securelink-training-preview-eyebrow,
.securelink-training-preview-index {
  color: var(--securelink-admin-text-soft);
  font-size: .76rem;
  font-weight: 850;
  letter-spacing: .08em;
  margin: 0;
  text-transform: uppercase;
}

.securelink-training-preview-modal h3,
.securelink-training-preview-modal h4 {
  color: var(--securelink-admin-text);
  font-weight: 900;
  margin: 0;
}

.securelink-training-preview-modal h3 {
  font-size: 1rem;
}

.securelink-training-preview-modal h4 {
  font-size: clamp(1.8rem, 3vw, 3rem);
  line-height: 1.02;
}

.securelink-training-preview-stage {
  min-height: 0;
  overflow: auto;
  padding: 1rem;
}

.securelink-training-preview-stage .securelink-slide-player {
  height: clamp(24rem, 50vh, 31rem);
  max-width: 68rem;
  width: 100%;
}

.securelink-training-preview-stage .securelink-slide-controls {
  position: static;
}

.securelink-training-preview-slide {
  background: var(--securelink-admin-surface-2);
  background-position: center;
  background-size: cover;
  border-radius: 18px;
  color: var(--securelink-admin-text);
  display: grid;
  gap: 1.2rem;
  grid-template-columns: minmax(0, 1fr) minmax(10rem, .32fr);
  min-height: min(55vh, 460px);
  overflow: hidden;
  padding: clamp(1.2rem, 3vw, 2.2rem);
}

.securelink-training-preview-slide.has-background {
  color: #f7fbff;
}

.securelink-training-preview-copy {
  align-content: center;
  display: grid;
  gap: .9rem;
  min-width: 0;
}

.securelink-training-preview-body {
  color: var(--securelink-admin-text-soft);
  font-size: clamp(1rem, 1.6vw, 1.25rem);
  line-height: 1.58;
}

.securelink-training-preview-slide.has-background .securelink-training-preview-body {
  color: rgba(247, 251, 255, .88);
}

.securelink-training-preview-body :first-child {
  margin-top: 0;
}

.securelink-training-preview-body :last-child {
  margin-bottom: 0;
}

.securelink-training-preview-visual {
  align-items: center;
  border-left: 1px solid rgba(255, 255, 255, .16);
  display: flex;
  justify-content: center;
  min-width: 0;
}

.securelink-training-preview-visual.has-narrator {
  background:
    linear-gradient(180deg, rgba(15, 18, 20, 0) 42%, rgba(15, 18, 20, .46)),
    var(--securelink-preview-narrator-image) center / cover no-repeat,
    var(--securelink-admin-surface-2);
  border: 1px solid color-mix(in srgb, var(--securelink-admin-accent) 24%, var(--securelink-admin-border));
  border-radius: 1.15rem;
  min-height: 18rem;
}

.securelink-training-preview-visual .material-symbols-outlined {
  color: var(--securelink-admin-accent);
  font-size: clamp(4rem, 10vw, 8rem);
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 48;
}

.securelink-training-preview-checkpoints {
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 14px;
  grid-column: 1 / -1;
  padding: .9rem 1rem;
}

.securelink-training-preview-checkpoints ul {
  margin: .45rem 0 0 1.1rem;
}

.securelink-training-preview-count {
  color: var(--securelink-admin-text-soft);
  font-size: .82rem;
  font-weight: 800;
}

.securelink-attachment-summary {
  background: color-mix(in srgb, var(--securelink-admin-surface-2) 70%, transparent);
  border: 1px solid var(--securelink-admin-border);
  border-radius: 10px;
  color: var(--securelink-admin-text-soft);
  display: grid;
  gap: .35rem;
  padding: .65rem .75rem;
}

.securelink-attachment-summary > .securelink-field-label-line {
  color: var(--securelink-admin-text);
  font-size: .78rem;
  font-weight: 800;
}

.securelink-attachment-summary .material-symbols-outlined {
  color: var(--securelink-admin-accent-2);
  font-size: 1rem;
  line-height: 1;
}

.securelink-attachment-content-row {
  align-items: center;
  display: flex;
  gap: 1ch;
  min-width: 0;
}

.securelink-attachment-link {
  color: #2563eb !important;
  cursor: pointer;
  display: inline-block;
  font-weight: 750;
  min-width: 0;
  overflow: hidden;
  text-decoration: none !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dark .securelink-attachment-link {
  color: #60a5fa !important;
}

.securelink-attachment-delete {
  flex: 0 0 auto;
  min-height: 1.8rem !important;
  padding: .18rem !important;
}

.securelink-attachment-delete .material-symbols-outlined {
  color: #a52722 !important;
}

.securelink-attachment-summary.is-upload-control {
  cursor: pointer;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.securelink-attachment-summary.is-upload-control:hover,
.securelink-attachment-summary.is-upload-control:focus {
  border-color: var(--securelink-admin-accent-2);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--securelink-admin-accent-2) 16%, transparent);
  outline: none;
}

.securelink-attachment-summary.is-disabled {
  cursor: not-allowed;
  opacity: .68;
}

.securelink-attachment-summary.is-uploading {
  cursor: wait;
  opacity: .74;
}

.securelink-slide-background-upload {
  display: none !important;
}

.securelink-slide-illustration-field {
  align-items: end;
  display: grid;
  gap: .35rem 1ch;
  grid-template-columns: auto minmax(0, 1fr);
}

.securelink-slide-illustration-field > .securelink-field-label-line {
  grid-column: 1 / -1;
}

.securelink-slide-illustration-field select {
  grid-column: 2;
  grid-row: 2;
  min-width: 0;
}

.securelink-slide-illustration-preview {
  align-items: center;
  background: color-mix(in srgb, var(--securelink-admin-accent) 9%, var(--securelink-admin-surface-2));
  border: 1px solid color-mix(in srgb, var(--securelink-admin-accent) 22%, var(--securelink-admin-border));
  border-radius: .75rem;
  color: var(--securelink-admin-accent);
  display: inline-flex;
  grid-column: 1;
  grid-row: 2;
  height: 2.65rem;
  justify-content: center;
  overflow: hidden;
  width: 2.65rem;
}

.securelink-slide-illustration-preview .securelink-slide-graphic {
  border: 0;
  border-radius: .55rem;
  height: 100%;
  min-height: 0;
  width: 100%;
}

.securelink-slide-illustration-preview .securelink-slide-graphic span {
  height: 1.45rem;
  width: 1.45rem;
}

.securelink-slide-illustration-preview .securelink-slide-graphic i,
.securelink-slide-illustration-preview .securelink-slide-graphic b {
  height: .14rem;
}

.securelink-slide-illustration-preview .securelink-slide-graphic em {
  border-width: .12rem;
  height: .9rem;
  width: .9rem;
}

.securelink-slide-illustration-preview.is-disabled {
  color: var(--securelink-admin-text-soft);
  opacity: .72;
}

.securelink-attachment-upload-hint {
  color: var(--securelink-admin-text-soft);
  font-size: .74rem;
  font-weight: 650;
  line-height: 1.35;
}

.securelink-attachment-summary.has-pending-upload .securelink-attachment-upload-hint {
  color: var(--securelink-admin-accent);
  font-weight: 800;
}

.securelink-attachment-dialog {
  background: transparent;
  border: 0;
  height: fit-content;
  margin: auto;
  max-height: calc(100vh - 2rem);
  max-width: calc(100vw - 2rem);
  overflow: visible;
  padding: 0;
  width: fit-content;
}

.securelink-attachment-dialog::backdrop {
  background: rgba(3, 8, 13, .62);
}

.securelink-attachment-modal {
  background: var(--securelink-admin-surface);
  border: 1px solid var(--securelink-admin-border);
  border-radius: 18px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .32);
  color: var(--securelink-admin-text);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  max-height: calc(100vh - 2rem);
  max-width: calc(100vw - 2rem);
  overflow: hidden;
  width: fit-content;
}

.securelink-attachment-modal > header {
  align-items: center;
  border-bottom: 1px solid var(--securelink-admin-border);
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  padding: .85rem 1rem;
}

.securelink-attachment-modal > header strong {
  color: var(--securelink-admin-text);
  font-weight: 850;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.securelink-attachment-modal-close {
  align-items: center;
  display: inline-flex !important;
  height: 2.2rem;
  justify-content: center;
  padding: 0 !important;
  width: 2.2rem;
}

.securelink-attachment-preview-body {
  background: color-mix(in srgb, var(--securelink-admin-surface-2) 70%, transparent);
  display: grid;
  min-height: 0;
  overflow: hidden;
  padding: 0;
  place-items: center;
}

.securelink-attachment-dialog[data-preview-kind="pdf"] .securelink-attachment-preview-body {
  height: min(48rem, calc(100vh - 5rem));
  width: min(72rem, calc(100vw - 2rem));
}

.securelink-attachment-preview-body img {
  display: block;
  height: auto;
  margin: 0;
  max-height: calc(100vh - 6rem);
  max-width: calc(100vw - 2rem);
  object-fit: contain;
  width: auto;
}

.securelink-attachment-preview-body iframe {
  background: #fff;
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
}

.securelink-json-hidden-field {
  display: none !important;
}

.securelink-question-choice-editor {
  box-shadow: none;
  gap: .32rem;
  margin: 0;
  max-width: 100%;
  padding: .4rem;
}

.securelink-question-choice-row {
  align-items: center;
  background: var(--securelink-admin-surface);
  border: 1px solid var(--securelink-admin-border);
  border-radius: 12px;
  display: grid;
  gap: .35rem;
  grid-template-columns: auto minmax(12rem, 1fr) auto;
  min-width: 0;
  padding: .28rem;
}

.securelink-question-choice-row input[type="text"] {
  min-height: 1.9rem !important;
  padding-bottom: .32rem !important;
  padding-top: .32rem !important;
}

.securelink-question-correct-toggle {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  gap: .35rem;
  margin: 0;
  white-space: nowrap;
}

.securelink-question-correct-toggle input {
  min-height: auto;
  width: auto;
}

.securelink-question-choice-footer {
  align-items: center;
  border-top: 1px solid var(--securelink-admin-border);
  display: flex;
  justify-content: center;
  margin: 0 -.4rem -.4rem;
  padding: .32rem .4rem;
}

.inline-group .field-choices,
.inline-group .field-prompt,
.inline-group .field-explanation {
  min-width: 0;
}

.inline-group .securelink-json-editor {
  width: min(100%, 72rem);
}

.inline-group .securelink-question-choice-row {
  grid-template-columns: auto minmax(18rem, 1fr) auto;
}

.inline-group .form-row,
.inline-group .form-row > div,
.inline-group .field-choices > div,
.inline-group .field-correct_choices > div {
  min-width: 0;
}

.inline-group textarea {
  background: var(--securelink-admin-surface) !important;
  border: 1px solid var(--securelink-admin-border) !important;
  border-radius: 10px !important;
  color: var(--securelink-admin-text) !important;
  line-height: 1.45;
  max-width: 100%;
  min-height: 4rem !important;
  padding: .65rem .75rem !important;
}

.inline-group .field-prompt textarea,
.inline-group .field-explanation textarea {
  width: min(100%, 72rem) !important;
}

.inline-group .field-prompt textarea {
  min-height: 3.5rem !important;
}

.inline-group .field-explanation textarea {
  min-height: 3.25rem !important;
}

.securelink-question-panel {
  overflow: hidden;
}

.securelink-question-panel > fieldset.module {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  height: 100%;
  min-height: 0;
}

.securelink-question-panel .formset-wrapper {
  background: color-mix(in srgb, var(--securelink-admin-surface) 96%, transparent);
  border: 0 !important;
  border-bottom: 0 !important;
  border-radius: 16px 16px 0 0 !important;
  box-shadow: none !important;
  display: grid !important;
  grid-template-rows: minmax(0, 1fr);
  min-height: 0;
  overflow: hidden !important;
}

.securelink-question-panel .formset-wrapper > .border-b,
.securelink-question-panel .formset-wrapper > .border {
  border: 0 !important;
  box-shadow: none !important;
  min-height: 0;
  overflow: auto !important;
}

.securelink-question-panel .form-actions {
  display: none !important;
}

.securelink-question-panel #questions-data {
  background: transparent !important;
  border: 0 !important;
  min-height: 0;
}

.securelink-question-card {
  background: var(--securelink-admin-surface);
  border: 0 !important;
  box-shadow: none !important;
}

.securelink-question-card > .form-row {
  border: 0 !important;
}

.securelink-question-card h3.group\/title {
  background: transparent;
  border-bottom: 1px solid var(--securelink-admin-border) !important;
  min-height: 1.9rem;
  padding-bottom: .25rem !important;
  padding-top: .25rem !important;
}

.securelink-question-card h3.group\/title strong {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.securelink-question-card fieldset.module {
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
}

.securelink-question-card fieldset.module > h2 {
  display: none !important;
}

.securelink-question-card .form-rows {
  display: grid;
  gap: .45rem;
  padding: .55rem .75rem;
}

.securelink-question-card fieldset.module:first-of-type .form-rows {
  grid-template-columns: minmax(0, 1fr) minmax(18rem, .42fr);
}

.securelink-question-card .field-prompt {
  grid-column: 1 / -1;
}

.securelink-question-card .form-row:has(.field-prompt) {
  grid-column: 1 / -1;
}

.securelink-question-card .field-choices {
  grid-column: 1;
}

.securelink-question-card .form-row:has(.field-choices) {
  grid-column: 1;
}

.securelink-question-card .field-explanation {
  grid-column: 2;
}

.securelink-question-card .form-row:has(.field-explanation) {
  grid-column: 2;
}

.securelink-question-card .form-row,
.securelink-question-card .field-line {
  border: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
}

.securelink-question-card .field-line {
  align-items: stretch !important;
  display: grid !important;
  gap: .35rem;
}

.securelink-question-card .field-line > div:first-child {
  height: auto !important;
  line-height: 1.25 !important;
  min-width: 0 !important;
  width: auto !important;
}

.securelink-question-card .field-line > div:first-child label {
  margin: 0 !important;
}

.securelink-question-card .field-line > .grow,
.securelink-question-card .field-line > div:last-child {
  min-width: 0;
  width: 100%;
}

.securelink-question-card input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.securelink-question-card select,
.securelink-question-card textarea {
  background: var(--securelink-admin-surface) !important;
  border: 1px solid var(--securelink-admin-border) !important;
  border-radius: 10px !important;
  color: var(--securelink-admin-text) !important;
  font: inherit;
  min-height: 2.4rem;
  padding: .62rem .72rem !important;
  width: 100% !important;
}

.securelink-question-card .field-prompt textarea {
  height: 2.85rem !important;
  min-height: 2.85rem !important;
}

.securelink-question-card .field-explanation textarea {
  height: 4.75rem !important;
  min-height: 4.75rem !important;
}

.securelink-question-card fieldset.module:last-of-type .form-rows {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  padding-top: 0;
}

.securelink-question-card .field-display_order {
  display: none !important;
}

.securelink-question-card .field-active,
.securelink-question-card .field-randomize_choices {
  align-items: center !important;
  display: inline-flex !important;
  gap: .45rem !important;
  flex: 1 1 0 !important;
  justify-content: start;
  min-width: 0 !important;
  width: 100% !important;
}

.securelink-question-card .field-active > div,
.securelink-question-card .field-randomize_choices > div {
  align-items: center !important;
  display: inline-flex !important;
  flex-direction: row !important;
  gap: .45rem !important;
  padding: 0 !important;
  width: auto !important;
}

.securelink-question-card .field-active > div > div:first-child,
.securelink-question-card .field-active > div > .grow,
.securelink-question-card .field-active > div > div:last-child,
.securelink-question-card .field-active .grow > div,
.securelink-question-card .field-randomize_choices > div > div:first-child,
.securelink-question-card .field-randomize_choices > div > .grow,
.securelink-question-card .field-randomize_choices > div > div:last-child,
.securelink-question-card .field-randomize_choices .grow > div {
  align-items: center !important;
  display: inline-flex !important;
  flex-direction: row !important;
  flex: 0 0 auto !important;
  height: auto !important;
  line-height: 1.4 !important;
  margin-left: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

.securelink-question-card .field-active label,
.securelink-question-card .field-randomize_choices label {
  margin: 0 !important;
}

.securelink-question-card input[type="checkbox"][name$="-active"],
.securelink-question-card input[type="checkbox"][name$="-randomize_choices"] {
  display: none !important;
}

.securelink-question-card .securelink-boolean-icon-toggle {
  min-height: 1.25rem;
  width: 2.35rem;
}

.securelink-question-pager-shell .securelink-json-pager select {
  background: var(--securelink-admin-surface) !important;
  border: 1px solid var(--securelink-admin-border) !important;
  border-radius: 10px !important;
  color: var(--securelink-admin-text) !important;
  font: inherit;
  min-height: 2.4rem !important;
  padding: .62rem .72rem !important;
}

.dark .securelink-json-editor {
  background: color-mix(in srgb, var(--securelink-admin-surface) 94%, black);
}

@media (max-width: 900px) {
  .securelink-json-list-row {
    grid-template-columns: 1fr;
  }

  .securelink-json-row-actions,
  .securelink-slide-card-header {
    justify-content: flex-start;
  }

  .securelink-json-pager {
    justify-content: stretch;
  }

  .securelink-slide-card-grid,
  .securelink-compact-list-row,
  .securelink-question-choice-row,
  .securelink-reference-row {
    grid-template-columns: 1fr;
  }

  .securelink-module-field-grid-2,
  .securelink-module-field-grid-3 {
    grid-template-columns: 1fr;
  }
}

body,
.bg-base-50 {
  background: var(--securelink-admin-canvas);
}

.admin-sticky-header {
  position: sticky;
  top: 0;
  z-index: 45;
}

.admin-sticky-header > div {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.securelink-dashboard-hero {
  background: radial-gradient(circle at 80% 20%, rgba(127, 183, 232, .28), transparent 18rem), var(--securelink-admin-hero-surface);
}

.dark body,
.dark #page,
.dark #main {
  background: var(--securelink-admin-teaser-bg) !important;
  background-attachment: fixed !important;
}

.securelink-dashboard-hero-content {
  align-items: flex-start;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

.securelink-dashboard-card {
  background: color-mix(in srgb, var(--color-base-50) 92%, white);
}

.dark .securelink-dashboard-card {
  background: color-mix(in srgb, var(--color-base-900) 92%, black);
}

.securelink-dashboard-kpi {
  color: var(--securelink-admin-accent);
}

.securelink-dashboard-link {
  color: var(--securelink-admin-accent-2);
  text-align: right;
  white-space: nowrap;
}

.securelink-dashboard-links {
  align-items: flex-end;
  display: grid;
  flex: 0 0 auto;
  gap: .45rem;
  justify-items: end;
  margin-left: auto;
}

.securelink-login-title {
  align-items: center;
  display: flex;
  gap: 1rem;
}

.securelink-login-logo {
  flex: 0 0 auto;
  height: 3.25rem;
  width: 3.25rem;
}

.securelink-unfold-brand {
  display: flex;
  flex-direction: column;
  gap: .18rem;
  min-width: 0;
}

.securelink-unfold-brand-link {
  align-items: center;
  display: inline-flex;
  gap: .65rem;
  min-width: 0;
  text-decoration: none;
}

.securelink-unfold-brand-logo {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: block;
  flex: 0 0 2.375rem;
  height: 2.375rem;
  object-fit: contain;
  width: 2.375rem;
}

.securelink-unfold-brand-text {
  color: var(--securelink-admin-text);
  display: block;
  font-size: .95rem;
  font-weight: 700;
  letter-spacing: -.02em;
  line-height: 1.1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.securelink-unfold-subheader {
  color: var(--securelink-admin-text-soft);
  font-size: .72rem;
  line-height: 1.15;
  margin-left: 3.025rem;
  white-space: nowrap;
}

.securelink-admin-avatar img {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.securelink-admin-reminder-bell {
  align-items: center;
  border-radius: 999px;
  color: var(--securelink-admin-text-soft);
  display: inline-flex;
  height: 2.25rem;
  justify-content: center;
  position: relative;
  text-decoration: none !important;
  width: 2.25rem;
}

.securelink-admin-reminder-bell:hover {
  background: var(--securelink-admin-surface-2);
  color: var(--securelink-admin-text);
}

.securelink-admin-mail-indicator .securelink-admin-reminder-count {
  background: #ef4444;
  color: #fff;
}

.securelink-admin-access-request-indicator .securelink-admin-reminder-count {
  background: #2563eb;
  color: #fff;
}

.securelink-admin-reminder-count {
  align-items: center;
  background: var(--securelink-admin-accent);
  border: 2px solid var(--securelink-admin-surface);
  border-radius: 999px;
  color: #082016;
  display: inline-flex;
  font-size: .64rem;
  font-weight: 800;
  height: 1.05rem;
  justify-content: center;
  line-height: 1;
  min-width: 1.05rem;
  padding: 0 .18rem;
  position: absolute;
  right: -.08rem;
  top: -.08rem;
}

.securelink-admin-reminder-count.is-overdue {
  background: #f97316;
  color: #fff;
}

.securelink-admin-mfa-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.securelink-admin-mfa-list li {
  border-bottom: 1px solid var(--securelink-admin-border);
  list-style: none;
  padding: .35rem 0;
}

.securelink-admin-mfa-list li:last-child {
  border-bottom: 0;
}

#login-form .submit-row {
  background: linear-gradient(180deg, color-mix(in srgb, var(--securelink-admin-button-hover) 78%, #ffffff), var(--securelink-admin-button)) !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  box-shadow: 0 16px 32px rgba(3, 8, 13, .24), inset 0 1px 0 rgba(255, 255, 255, .22) !important;
  color: #ffffff !important;
}

#login-form .submit-row:hover {
  background: linear-gradient(180deg, color-mix(in srgb, var(--securelink-admin-button-hover) 88%, #ffffff), color-mix(in srgb, var(--securelink-admin-button) 88%, #000000)) !important;
  color: #ffffff !important;
}

#login-form .submit-row .material-symbols-outlined {
  color: #ffffff !important;
}

.securelink-passkey-login-button {
  align-items: center;
  background: var(--securelink-admin-surface);
  border: 1px solid var(--securelink-admin-border);
  border-radius: var(--border-radius);
  box-shadow: 0 1px 2px rgba(8, 13, 16, .08);
  color: var(--securelink-admin-text) !important;
  cursor: pointer;
  display: inline-flex;
  font-weight: 700;
  justify-content: center;
  min-height: 2.5rem;
  padding: .65rem .95rem;
}

.securelink-passkey-login-button:hover {
  border-color: var(--securelink-admin-border-strong);
  color: var(--color-primary-600) !important;
}

#securelink-passkey-login-form {
  display: none;
}

.securelink-admin-breadcrumbs {
  align-items: center;
  color: var(--securelink-admin-text-soft);
  display: flex;
  flex-wrap: wrap;
  font-size: .82rem;
  gap: .45rem;
  margin: 0 0 1rem;
}

.securelink-admin-breadcrumbs a {
  color: var(--securelink-admin-accent-2);
  font-weight: 600;
  text-decoration: none;
}

.securelink-admin-breadcrumbs a:hover {
  text-decoration: underline;
  text-underline-offset: .18em;
}

#content > h1 {
  color: var(--color-base-900) !important;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1.2;
  margin-bottom: 1.25rem;
}

.dark #content > h1 {
  color: var(--color-base-50) !important;
}

#content .subhead {
  color: var(--color-base-500);
  font-size: 1rem;
  font-weight: 500;
  margin: -0.75rem 0 1.5rem;
}

.dark #content .subhead {
  color: var(--color-base-400);
}

#content.colSM {
  align-items: start;
  display: grid;
  gap: 1.5rem;
  grid-template-columns: minmax(0, 1fr) minmax(14rem, 18rem);
}

#content.colSM > h1,
#content.colSM > .messagelist {
  grid-column: 1 / -1;
}

#content-main,
#content-related {
  min-width: 0;
}

#content-related.sidebar,
#content #content-related {
  background: color-mix(in srgb, var(--color-base-50) 92%, white);
  border: 1px solid var(--color-base-200);
  border-radius: var(--border-radius);
  box-shadow: 0 12px 32px rgba(8, 13, 16, .06);
  padding: 1rem;
}

.dark #content-related.sidebar,
.dark #content #content-related {
  background: color-mix(in srgb, var(--color-base-900) 92%, black);
  border-color: var(--color-base-800);
  box-shadow: 0 16px 40px rgba(0, 0, 0, .24);
}

#content-main > h2,
#content-main > h3,
#content-main > .module > h2,
#content-main > .module > h3,
#content-related h2 {
  color: var(--color-base-800) !important;
  font-weight: 700;
  letter-spacing: -.015em;
  line-height: 1.25;
  margin: 1.25rem 0 .35rem;
}

#content-main > h2:first-child,
#content-main > h3:first-child,
#content-main > .module > h2:first-child,
#content-main > .module > h3:first-child,
#content-related h2:first-child {
  margin-top: 0;
}

.dark #content-main > h2,
.dark #content-main > h3,
.dark #content-main > .module > h2,
.dark #content-main > .module > h3,
.dark #content-related h2 {
  color: var(--color-base-100) !important;
}

#content-main > h2,
#content-main > .module > h2 {
  font-size: 1.05rem;
}

#content-main > h3,
#content-main > .module > h3,
#content-related h2 {
  font-size: .95rem;
}

#content-main > p,
#content-main > .module p,
#content-related li {
  color: var(--color-base-600) !important;
  line-height: 1.65;
}

.dark #content-main > p,
.dark #content-main > .module p,
.dark #content-related li {
  color: var(--color-base-300) !important;
}

#content-main > h2 a,
#content-main > h3 a,
#content-main > .module a,
#content-related a,
#content > p a,
#content > ol a {
  color: var(--color-primary-600);
  font-weight: 600;
  text-decoration: none;
}

#content-main > h2 a:hover,
#content-main > h3 a:hover,
#content-main > .module a:hover,
#content-related a:hover,
#content > p a:hover,
#content > ol a:hover {
  color: var(--color-primary-500);
  text-decoration: underline;
  text-underline-offset: .18em;
}

.dark #content-main > h2 a,
.dark #content-main > h3 a,
.dark #content-main > .module a,
.dark #content-related a,
.dark #content > p a,
.dark #content > ol a {
  color: var(--color-primary-400);
}

#content-main > .module {
  background: var(--securelink-admin-surface);
  border: 1px solid var(--securelink-admin-border);
  border-radius: var(--border-radius);
  box-shadow: var(--securelink-admin-shadow);
  margin-bottom: 1rem;
  overflow: hidden;
  padding: 1rem;
}

.dark #content-main > .module {
  background: var(--securelink-admin-surface);
  border-color: var(--securelink-admin-border);
  box-shadow: var(--securelink-admin-shadow);
}

#content-main > .module hr,
#content-main > hr {
  border: 0;
  border-top: 1px solid var(--color-base-200);
  margin: 1rem 0;
}

.dark #content-main > .module hr,
.dark #content-main > hr {
  border-top-color: var(--color-base-800);
}

#content-main > .module table,
#content-main table#change-history {
  background: var(--securelink-admin-surface);
  border-collapse: collapse;
  margin: .5rem 0 0;
  width: 100%;
}

#content-main > .module table thead th,
#content-main table#change-history thead th {
  background: var(--securelink-admin-surface-2);
  border-bottom: 1px solid var(--securelink-admin-border);
  color: var(--securelink-admin-text);
  font-weight: 700;
  padding: .75rem 1rem;
  text-align: left;
  vertical-align: middle;
}

#content-main > .module table tbody th,
#content-main > .module table tbody td,
#content-main table#change-history tbody th,
#content-main table#change-history tbody td {
  background: transparent;
  border-bottom: 1px solid var(--securelink-admin-border);
  color: var(--securelink-admin-text);
  padding: .75rem 1rem;
  text-align: left;
  vertical-align: top;
}

#content-main table#change-history tbody th {
  font-weight: 500;
}

#content-main > .module table tbody tr:hover th,
#content-main > .module table tbody tr:hover td,
#content-main table#change-history tbody tr:hover th,
#content-main table#change-history tbody tr:hover td {
  background: color-mix(in srgb, var(--securelink-admin-accent) 7%, transparent);
}

#content-main > .module table tbody tr:last-child th,
#content-main > .module table tbody tr:last-child td,
#content-main table#change-history tbody tr:last-child th,
#content-main table#change-history tbody tr:last-child td {
  border-bottom: 0;
}

.dark #content-main > .module table thead th,
.dark #content-main table#change-history thead th {
  background: var(--securelink-admin-surface-2);
  border-bottom-color: var(--securelink-admin-border);
  color: var(--securelink-admin-text);
}

.dark #content-main > .module table tbody th,
.dark #content-main > .module table tbody td,
.dark #content-main table#change-history tbody th,
.dark #content-main table#change-history tbody td {
  border-bottom-color: var(--securelink-admin-border);
  color: var(--securelink-admin-text);
}

#content code,
#content pre {
  background: var(--color-base-100);
  border: 1px solid var(--color-base-200);
  border-radius: calc(var(--border-radius) * .75);
  color: var(--color-base-800);
  font-size: .8125rem;
}

.dark #content code,
.dark #content pre {
  background: var(--color-base-950);
  border-color: var(--color-base-800);
  color: var(--color-base-100);
}

#content code {
  padding: .125rem .35rem;
}

#content pre {
  overflow-x: auto;
  padding: .9rem 1rem;
}

#content ol,
#content ul {
  color: var(--color-base-600);
  line-height: 1.65;
  margin: .75rem 0 1rem 1.25rem;
}

#content ol {
  list-style: decimal;
}

#content ul {
  list-style: disc;
}

.dark #content ol,
.dark #content ul {
  color: var(--color-base-300);
}

.object-tools,
.object-tools li,
#content .object-tools,
#content .object-tools li,
#recent-actions-module .actionlist,
#recent-actions-module .actionlist > li,
#changelist-filter ul,
#changelist-filter ol,
#changelist-filter li,
li:has(> a.recoverlink) {
  list-style: none;
  list-style-type: none !important;
  margin-left: 0;
}

.object-tools,
#content .object-tools,
#recent-actions-module .actionlist,
#changelist-filter ul,
#changelist-filter ol {
  margin: 0;
  padding-left: 0;
}

#content-main .highlight,
#content-main pre.highlight,
#content-main p.highlight {
  background: var(--securelink-admin-surface-2);
  border: 1px solid var(--securelink-admin-border);
  border-radius: var(--border-radius);
  color: var(--securelink-admin-text);
  padding: .9rem 1rem;
}

#content-main del,
#content-main ins {
  border-radius: calc(var(--border-radius) * .5);
  color: var(--securelink-admin-text);
  padding: .08rem .24rem;
  text-decoration: none;
}

#content-main del {
  background: color-mix(in srgb, #ef4444 18%, var(--securelink-admin-surface));
}

#content-main ins {
  background: color-mix(in srgb, var(--securelink-admin-accent) 22%, var(--securelink-admin-surface));
}

.dark #content-main .highlight,
.dark #content-main pre.highlight,
.dark #content-main p.highlight {
  background: var(--securelink-admin-surface-2);
  border-color: var(--securelink-admin-border);
  color: var(--securelink-admin-text);
}

#content [class^="app-"].module {
  background: transparent;
  border: 0;
  box-shadow: none;
  margin-bottom: 0;
  overflow: visible;
  padding: 0;
}

#content [class^="app-"].module table {
  margin: 0;
  width: 100%;
}

#content .module table#result_list.result-list {
  margin: .5rem 0;
  width: 100%;
}

.change-list #changelist .results,
#content .results,
#content .inline-group,
#content .submit-row {
  background: var(--securelink-admin-surface);
  border-color: var(--securelink-admin-border);
  box-shadow: var(--securelink-admin-shadow);
}

.change-list #changelist table#result_list,
.change-list #changelist table.result-list {
  background: var(--securelink-admin-surface);
  border-collapse: collapse;
  margin: .5rem 0;
  max-width: 100%;
  table-layout: auto;
  width: 100%;
}

.change-list #changelist table#result_list thead th,
.change-list #changelist table.result-list thead th {
  background: var(--securelink-admin-surface-2);
  border-bottom: 1px solid var(--securelink-admin-border);
  color: var(--securelink-admin-text);
}

.change-list #changelist table#result_list tbody th,
.change-list #changelist table#result_list tbody td,
.change-list #changelist table.result-list tbody th,
.change-list #changelist table.result-list tbody td {
  background: transparent;
  border-bottom: 1px solid var(--securelink-admin-border);
  color: var(--securelink-admin-text);
}

.change-list #changelist table#result_list tbody tr:hover th,
.change-list #changelist table#result_list tbody tr:hover td,
.change-list #changelist table.result-list tbody tr:hover th,
.change-list #changelist table.result-list tbody tr:hover td {
  background: color-mix(in srgb, var(--securelink-admin-accent) 7%, transparent);
}

.change-list .securelink-changelist-toolbar {
  background: transparent;
}

.dark .change-list .securelink-changelist-toolbar {
  background: #020305;
}

#content .readonly {
  background: var(--securelink-admin-surface-2);
  border: 1px solid var(--securelink-admin-border);
  border-radius: var(--border-radius);
  color: var(--securelink-admin-text);
  line-height: 1.55;
  min-height: 2.65rem;
  overflow-wrap: anywhere;
  padding: .72rem .9rem;
}

#content .readonly a {
  color: var(--securelink-admin-accent-2);
}

#content .readonly > br + br {
  display: none;
}

#content .form-row:has(.securelink-admin-code-widget) .readonly,
#content .fieldBox:has(.securelink-admin-code-widget) .readonly,
#content .readonly:has(.securelink-admin-code-widget) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  max-width: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
}

.securelink-admin-code-widget {
  background: color-mix(in srgb, var(--securelink-admin-surface, #fff) 88%, transparent);
  border: 1px solid var(--securelink-admin-border, #d7dfdc);
  border-radius: .8rem;
  box-sizing: border-box;
  color: var(--securelink-admin-text, #14201b);
  max-width: 100%;
  overflow: hidden;
  width: 100%;
}

.securelink-admin-code-widget header {
  align-items: center;
  background: color-mix(in srgb, var(--securelink-admin-surface-2, #f5f7f4) 78%, transparent);
  border-bottom: 1px solid var(--securelink-admin-border, #d7dfdc);
  display: flex;
  gap: .45rem;
  padding: .55rem .75rem;
}

.securelink-admin-code-widget header span {
  color: var(--securelink-admin-accent, #27835d);
  font-size: 1.1rem;
  line-height: 1;
}

.securelink-admin-code-widget header strong {
  color: var(--securelink-admin-text, #14201b);
  font-size: .82rem;
  font-weight: 650;
  letter-spacing: .01em;
}

.securelink-admin-code-widget pre {
  background: transparent;
  border: 0;
  box-sizing: border-box;
  color: inherit;
  font-family: "SFMono-Regular", "Cascadia Code", "Liberation Mono", Menlo, monospace;
  font-size: .78rem;
  line-height: 1.48;
  margin: 0;
  max-height: 34rem;
  overflow: auto;
  padding: .85rem .95rem;
  white-space: pre-wrap;
  word-break: break-word;
}

.securelink-admin-markdown-preview {
  box-sizing: border-box;
  color: var(--securelink-admin-text, #14201b);
  display: grid;
  gap: .55rem;
  max-height: 34rem;
  overflow: auto;
  padding: .85rem .95rem;
}

.securelink-admin-markdown-preview :is(h1, h2, h3, p, ul) {
  margin: 0;
}

.securelink-admin-markdown-preview h1,
.securelink-admin-markdown-preview h2,
.securelink-admin-markdown-preview h3 {
  color: var(--securelink-admin-heading, #0e1a15);
  font-weight: 650;
  line-height: 1.25;
}

.securelink-admin-markdown-preview h1 {
  font-size: 1.05rem;
}

.securelink-admin-markdown-preview h2 {
  font-size: .98rem;
}

.securelink-admin-markdown-preview h3 {
  font-size: .92rem;
}

.securelink-admin-markdown-preview p,
.securelink-admin-markdown-preview li {
  font-size: .86rem;
  line-height: 1.55;
}

.securelink-admin-markdown-preview ul {
  display: grid;
  gap: .35rem;
  padding-left: 1.1rem;
}

.securelink-admin-code-key,
.securelink-admin-code-tag {
  color: #116b4f;
  font-weight: 650;
}

.securelink-admin-code-string {
  color: #267047;
}

.securelink-admin-code-number {
  color: #a45414;
}

.securelink-admin-code-boolean,
.securelink-admin-code-attr {
  color: #3b63a6;
  font-weight: 600;
}

.securelink-admin-code-null {
  color: var(--securelink-admin-text-soft, #69776f);
  font-style: italic;
}

.securemail-report-link {
  align-items: center;
  color: var(--securelink-admin-link, #2563eb) !important;
  display: inline-flex;
  gap: .4rem;
  max-width: 100%;
  text-decoration: none !important;
  white-space: nowrap;
}

.securemail-report-link:hover {
  text-decoration: none !important;
}

.securemail-report-link .material-symbols-outlined {
  color: #a52722;
  flex: 0 0 auto;
  font-size: 1.15rem;
  line-height: 1;
}

.dark .securelink-admin-code-widget,
html[data-theme="dark"] .securelink-admin-code-widget {
  background: color-mix(in srgb, #06110e 84%, transparent);
}

.dark .securelink-admin-code-widget header,
html[data-theme="dark"] .securelink-admin-code-widget header {
  background: color-mix(in srgb, #0b1814 82%, transparent);
}

.dark .securelink-admin-code-key,
.dark .securelink-admin-code-tag,
html[data-theme="dark"] .securelink-admin-code-key,
html[data-theme="dark"] .securelink-admin-code-tag {
  color: #75d7ad;
}

.dark .securelink-admin-code-string,
html[data-theme="dark"] .securelink-admin-code-string {
  color: #9ee6bd;
}

.dark .securelink-admin-code-number,
html[data-theme="dark"] .securelink-admin-code-number {
  color: #ffc078;
}

.dark .securelink-admin-code-boolean,
.dark .securelink-admin-code-attr,
html[data-theme="dark"] .securelink-admin-code-boolean,
html[data-theme="dark"] .securelink-admin-code-attr {
  color: #9bc4ff;
}

.securelink-admin-evidence-pre {
  max-height: 34rem;
  overflow: auto;
  margin: 0;
  padding: .9rem 1rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--securelink-admin-text);
  font: .86rem/1.55 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.securelink-admin-safety-certificate {
  border: 1px solid color-mix(in srgb, var(--securelink-admin-border) 78%, transparent);
  border-radius: 14px;
  color: var(--securelink-admin-text);
  max-width: 56rem;
  padding: 14px 16px;
}

.securelink-admin-safety-certificate header {
  align-items: center;
  display: flex;
  gap: 10px;
  margin-bottom: 12px;
}

.securelink-admin-safety-certificate header .material-symbols-outlined {
  color: var(--color-green-500);
  font-size: 26px;
}

.securelink-admin-safety-certificate strong {
  display: block;
  font-size: 0.94rem;
  font-weight: 700;
}

.securelink-admin-safety-certificate small {
  color: var(--securelink-admin-muted);
  display: block;
  font-size: 0.78rem;
  font-weight: 500;
  margin-top: 2px;
}

.securelink-admin-safety-certificate dl {
  display: grid;
  gap: 8px 14px;
  grid-template-columns: 9rem minmax(0, 1fr);
  margin: 0;
}

.securelink-admin-safety-certificate dt {
  color: var(--securelink-admin-muted);
  font-size: 0.78rem;
  font-weight: 700;
}

.securelink-admin-safety-certificate dd {
  font-size: 0.82rem;
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}

.securelink-admin-safety-certificate code {
  color: inherit;
  font-size: 0.78rem;
}

.securelink-admin-safety-certificate p {
  color: var(--securelink-admin-muted);
  font-size: 0.78rem;
  margin: 12px 0 0;
}

.securelink-admin-artifact-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

.securelink-artifact-dialog {
  background: transparent;
  border: 0;
  max-width: min(92vw, 72rem);
  padding: 0;
  width: min(92vw, 72rem);
}

.securelink-artifact-dialog::backdrop {
  background: rgba(3, 8, 13, .68);
  backdrop-filter: blur(4px);
}

.securelink-artifact-dialog__shell {
  background: var(--securelink-admin-surface);
  border: 1px solid var(--securelink-admin-border);
  border-radius: 1rem;
  box-shadow: 0 26px 80px rgba(0, 0, 0, .32);
  color: var(--securelink-admin-text);
  overflow: hidden;
}

.securelink-artifact-dialog__header {
  align-items: center;
  background: var(--securelink-admin-surface-2);
  border-bottom: 1px solid var(--securelink-admin-border);
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  padding: .85rem 1rem;
}

.securelink-artifact-dialog__header button {
  background: var(--securelink-admin-surface);
  border: 1px solid var(--securelink-admin-border);
  border-radius: 999px;
  color: var(--securelink-admin-text);
  cursor: pointer;
  font-weight: 700;
  padding: .35rem .75rem;
}

.securelink-artifact-dialog__body {
  background: var(--securelink-admin-surface);
  min-height: 24rem;
  padding: 1rem;
}

.securelink-artifact-dialog__body iframe,
.securelink-artifact-dialog__body img {
  background: #fff;
  border: 1px solid var(--securelink-admin-border);
  border-radius: .75rem;
  display: block;
  height: min(72vh, 52rem);
  max-width: 100%;
  object-fit: contain;
  width: 100%;
}

.module.aligned .form-row > div,
.module.aligned .form-row > .fieldBox,
.module.aligned .form-row .fieldBox,
.module.aligned .form-row > .flex-container.form-multiline > div {
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
  padding-right: 0;
}

.module.aligned .form-row label {
  display: block;
  float: none;
  padding: 0 0 .3rem;
  width: auto;
}

.module.aligned .form-row .readonly,
.module.aligned .form-row input,
.module.aligned .form-row textarea,
.module.aligned .form-row select,
.module.aligned .form-row .related-widget-wrapper,
.module.aligned .form-row .vLargeTextField {
  box-sizing: border-box;
  max-width: 100%;
}

.app-securemail.change-form #content-main fieldset.module {
  background: var(--securelink-admin-surface);
  border: 1px solid var(--securelink-admin-border);
  border-radius: var(--border-radius, .75rem);
  box-shadow: var(--securelink-admin-shadow);
  overflow: hidden;
}

.app-securemail.change-form #content-main fieldset.module h2 {
  background: color-mix(in srgb, var(--securelink-admin-accent) 9%, transparent);
  border-bottom: 1px solid var(--securelink-admin-border);
  color: var(--securelink-admin-heading);
  margin: 0;
  padding: .68rem .85rem;
}

.app-securemail.change-form #content-main .form-row {
  border-bottom: 1px solid var(--securelink-admin-border);
  box-sizing: border-box;
  margin: 0;
  padding: .4rem .6rem;
}

.app-securemail.change-form #content-main .form-row:last-child {
  border-bottom: 0;
}

.app-securemail.change-form #content-main .form-row > div,
.app-securemail.change-form #content-main .form-row > .fieldBox,
.app-securemail.change-form #content-main .form-row .fieldBox,
.app-securemail.change-form #content-main .form-row > .flex-container.form-multiline > div {
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
  padding-right: 0;
}

.app-securemail.change-form #content-main .form-row .field-line {
  padding: .25rem 0 .25rem .4rem !important;
}

.app-securemail.change-form #content-main .form-row label {
  color: var(--securelink-admin-heading);
  display: block;
  float: none;
  font-weight: 700;
  margin: 0 0 .25rem;
  padding: 0;
  width: auto;
}

.app-securemail.change-form #content-main .form-row .help,
.app-securemail.change-form #content-main .form-row .helptext {
  color: var(--securelink-admin-muted);
  margin: .4rem 0 0;
}

.app-securemail.change-form #content-main .form-row .readonly {
  color: var(--securelink-admin-text);
}

.app-securemail.change-form #content-main .form-row input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.app-securemail.change-form #content-main .form-row select,
.app-securemail.change-form #content-main .form-row textarea {
  background: var(--securelink-admin-surface);
  border: 1px solid var(--securelink-admin-border-strong);
  border-radius: var(--border-radius, .75rem);
  box-sizing: border-box;
  color: var(--securelink-admin-text);
  line-height: 1.45;
  max-width: 100%;
  min-height: 2.3rem;
  padding: .45rem .68rem;
  width: min(100%, 38rem);
}

.app-securemail.change-form #content-main .form-row textarea {
  min-height: 7.5rem;
  resize: vertical;
  width: min(100%, 50rem);
}

.app-securemail.change-form #content-main .form-row select {
  appearance: auto;
}

.app-securemail.change-form #content-main .form-row input[type="checkbox"],
.app-securemail.change-form #content-main .form-row input[type="radio"] {
  accent-color: var(--securelink-admin-accent);
  height: 1.05rem;
  margin-right: .45rem;
  width: 1.05rem;
}

.app-securemail.change-form #content-main .form-row input:focus,
.app-securemail.change-form #content-main .form-row select:focus,
.app-securemail.change-form #content-main .form-row textarea:focus {
  border-color: var(--securelink-admin-accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--securelink-admin-accent) 24%, transparent);
  outline: none;
}

.app-securemail.change-form #id_display_name.securemail-inherited-display-name,
.app-securemail.change-form #id_display_name:disabled {
  background: var(--securelink-admin-surface-2) !important;
  color: var(--securelink-admin-text-soft) !important;
  cursor: not-allowed;
}

.app-securemail.change-form #content-main .form-row .related-widget-wrapper {
  align-items: center;
  box-sizing: border-box;
  display: inline-flex;
  gap: .45rem;
  max-width: 100%;
  width: min(100%, 42rem);
}

.app-securemail.change-form #content-main .form-row .related-widget-wrapper select {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
}

.app-securemail.change-form #content-main .form-row .related-widget-wrapper-link {
  align-items: center;
  border-radius: .45rem;
  color: var(--securelink-admin-muted);
  display: inline-flex;
  flex: 0 0 auto;
  height: 2rem;
  justify-content: center;
  padding: 0;
  width: 2rem;
}

.app-securemail.change-form #content-main .form-row .related-widget-wrapper-link:hover {
  background: color-mix(in srgb, var(--securelink-admin-accent) 10%, transparent);
}

.app-securemail.change-form #content-main .form-row .related-widget-wrapper-link img {
  display: block;
  height: 1.1rem;
  width: 1.1rem;
}

#content-main form input[type="password"] {
  background: var(--securelink-admin-surface);
  border: 1px solid var(--securelink-admin-border-strong);
  border-radius: var(--border-radius, .75rem);
  box-sizing: border-box;
  color: var(--securelink-admin-text);
  line-height: 1.45;
  min-height: 2.65rem;
  padding: .62rem .8rem;
  width: min(100%, 32rem);
}

#content-main form input[type="password"]:focus {
  border-color: var(--securelink-admin-accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--securelink-admin-accent) 24%, transparent);
  outline: none;
}

#content [class^="app-"].module th,
#content [class^="app-"].module td {
  background: transparent;
  border-top: 0;
  color: inherit;
  padding: .75rem;
}

.permissions-widget-wrap {
  background: var(--securelink-admin-surface);
  border: 1px solid var(--securelink-admin-border);
  border-radius: var(--border-radius);
  box-shadow: var(--securelink-admin-shadow);
  overflow-x: auto;
}

.permissions-widget-table {
  border-collapse: collapse;
  min-width: 760px;
  width: 100%;
}

.permissions-widget-table th,
.permissions-widget-table td {
  border-bottom: 1px solid var(--securelink-admin-border);
  color: var(--securelink-admin-text);
  padding: .62rem .75rem;
  text-align: left;
  vertical-align: middle;
}

.permissions-widget-table thead th {
  background: var(--securelink-admin-surface-2);
  color: var(--securelink-admin-text);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .02em;
  white-space: nowrap;
}

.permissions-widget-app-row th,
.permissions-widget-app {
  background: color-mix(in srgb, var(--securelink-admin-accent) 10%, var(--securelink-admin-surface-2));
  color: var(--securelink-admin-text);
  font-weight: 700;
}

.permissions-widget-model {
  font-weight: 650;
  min-width: 12rem;
}

.permissions-widget-other {
  min-width: 16rem;
}

.permissions-widget-cell.is-disabled,
.permissions-widget .permission-toggle.disabled {
  opacity: .64;
}

.permissions-widget .permission-toggle {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  gap: .45rem;
}

.permissions-widget .permission-toggle.disabled {
  cursor: not-allowed;
}

.permissions-widget .permission-toggle input[type="checkbox"] {
  height: 1px;
  margin: 0;
  opacity: 0;
  position: absolute;
  width: 1px;
}

.permissions-widget .permission-toggle-icon {
  background: url("/static/admin/img/icon-no.svg") center / 13px 13px no-repeat;
  display: inline-block;
  flex: 0 0 auto;
  height: 13px;
  width: 13px;
}

.permissions-widget .permission-toggle input[type="checkbox"]:checked + .permission-toggle-icon {
  background-image: url("/static/admin/img/icon-yes.svg");
}

.dark .permissions-widget .permission-toggle-icon {
  background-image: url("/static/admin/img/icon-no-dark.svg");
}

.dark .permissions-widget .permission-toggle input[type="checkbox"]:checked + .permission-toggle-icon {
  background-image: url("/static/admin/img/icon-yes-dark.svg");
}

.securelink-password-hash-widget {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  gap: .75rem;
}

.securelink-password-hash-widget-action,
.securelink-password-hash-widget-summary {
  align-items: center;
  display: inline-flex;
}

.securelink-passkey-management-value {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: .5rem;
  text-align: left;
}

.securelink-passkey-management-value .help {
  margin: 0;
}

.securelink-admin-change-action {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}

.securelink-admin-field-button {
  align-items: center;
  background: var(--color-primary-600);
  border: 1px solid color-mix(in srgb, var(--color-primary-600) 86%, black);
  border-radius: var(--border-radius);
  box-shadow: 0 1px 2px rgba(8, 13, 16, .12);
  color: #ffffff !important;
  cursor: pointer;
  display: inline-flex;
  font-weight: 600;
  justify-content: center;
  min-height: 2rem;
  padding: .45rem .8rem;
}

.securelink-admin-field-button:hover {
  background: color-mix(in srgb, var(--color-primary-600) 88%, black 12%);
}

.securelink-password-hash-widget p,
.securelink-password-hash p {
  margin: 0;
}

.securelink-password-hash-widget bdi,
.securelink-password-hash bdi {
  color: var(--color-base-700);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.dark .securelink-password-hash-widget bdi,
.dark .securelink-password-hash bdi {
  color: var(--color-base-200);
}

.securelink-password-hash-widget-action .button,
.securelink-password-hash-widget-action a.button,
.securelink-admin-change-action .button,
.securelink-admin-change-action a.button {
  align-items: center;
  background: var(--color-primary-600);
  border: 1px solid color-mix(in srgb, var(--color-primary-600) 86%, black);
  border-radius: var(--border-radius);
  box-shadow: 0 1px 2px rgba(8, 13, 16, .12);
  color: #ffffff !important;
  display: inline-flex !important;
  font-weight: 600;
  justify-content: center;
  min-height: 2rem;
  padding: .45rem .8rem !important;
  text-decoration: none;
}

.securelink-password-hash-widget-action .button:hover,
.securelink-password-hash-widget-action a.button:hover,
.securelink-admin-change-action .button:hover,
.securelink-admin-change-action a.button:hover {
  background: color-mix(in srgb, var(--color-primary-600) 88%, black 12%);
}

a.addlink.bg-primary-600,
a.addlink.bg-primary-600:visited,
a.addlink.bg-primary-600:hover,
a.addlink.bg-primary-600 .material-symbols-outlined,
a.bg-primary-600,
a.bg-primary-600:visited,
a.bg-primary-600:hover,
a.bg-primary-600 .material-symbols-outlined,
a.securelink-password-reset,
a.securelink-password-reset:visited,
a.securelink-password-reset:hover,
button.bg-primary-600,
button.bg-primary-600:hover,
button.bg-primary-600 .material-symbols-outlined {
  color: white !important;
}

a.button,
a.button:visited,
a.button:hover,
a.button:focus,
a.addlink,
a.addlink:visited,
a.addlink:hover,
a.addlink:focus,
a.deletelink,
a.deletelink:visited,
a.deletelink:hover,
a.deletelink:focus,
a.recoverlink,
a.recoverlink:visited,
a.recoverlink:hover,
a.recoverlink:focus,
a[role="button"],
a[role="button"]:visited,
a[role="button"]:hover,
a[role="button"]:focus,
.submit-row a,
.submit-row a:visited,
.submit-row a:hover,
.submit-row a:focus,
.object-tools a,
.object-tools a:visited,
.object-tools a:hover,
.object-tools a:focus,
#changelist a.rounded-default,
#changelist a.rounded-default:visited,
#changelist a.rounded-default:hover,
#changelist a.rounded-default:focus,
#changelist a.rounded-full,
#changelist a.rounded-full:visited,
#changelist a.rounded-full:hover,
#changelist a.rounded-full:focus,
a.bg-primary-600,
a.bg-primary-600:visited,
a.bg-primary-600:hover,
a.bg-primary-600:focus,
a.rounded-full,
a.rounded-full:visited,
a.rounded-full:hover,
a.rounded-full:focus {
  text-decoration: none !important;
}

.securelink-allauth-body {
  background: var(--securelink-admin-teaser-bg);
  color: var(--securelink-admin-text);
  margin: 0;
  min-height: 100vh;
}

.securelink-allauth-shell {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 100vh;
  padding: 2rem;
}

.securelink-allauth-card {
  background: color-mix(in srgb, var(--securelink-admin-surface) 94%, transparent);
  border: 1px solid var(--securelink-admin-border);
  border-radius: 1rem;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .28);
  max-width: 56rem;
  overflow: hidden;
  width: 100%;
}

.securelink-allauth-header {
  align-items: center;
  background: radial-gradient(circle at 80% 20%, rgba(70, 211, 158, .2), transparent 18rem), var(--securelink-admin-hero-surface);
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  padding: 1.2rem 1.4rem;
}

.securelink-allauth-brand {
  align-items: center;
  color: #fff;
  display: inline-flex;
  gap: .75rem;
  text-decoration: none;
}

.securelink-allauth-logo {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  height: 2.6rem;
  width: 2.6rem;
}

.securelink-allauth-brand strong,
.securelink-allauth-brand small {
  display: block;
}

.securelink-allauth-brand small {
  color: rgba(255, 255, 255, .72);
  font-size: .78rem;
  margin-top: .1rem;
}

.securelink-allauth-nav {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  justify-content: flex-end;
}

.securelink-allauth-nav a,
.securelink-allauth-button {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-weight: 700;
  justify-content: center;
  text-decoration: none;
}

.securelink-allauth-nav a {
  border: 1px solid rgba(255, 255, 255, .18);
  color: rgba(255, 255, 255, .82);
  min-height: 2.1rem;
  padding: .4rem .8rem;
}

.securelink-allauth-nav a:hover {
  background: rgba(255, 255, 255, .08);
  color: #fff;
}

.securelink-allauth-content {
  padding: 1.5rem;
}

.securelink-allauth-content h1 {
  color: var(--securelink-admin-text);
  font-size: 1.65rem;
  line-height: 1.15;
  margin: 0 0 1rem;
}

.securelink-allauth-content h2 {
  color: var(--securelink-admin-text);
  font-size: 1rem;
  margin: 0;
}

.securelink-allauth-content p,
.securelink-allauth-content li {
  color: var(--securelink-admin-text-soft);
  line-height: 1.6;
}

.securelink-allauth-messages {
  background: color-mix(in srgb, var(--securelink-admin-accent) 12%, var(--securelink-admin-surface));
  border-bottom: 1px solid var(--securelink-admin-border);
  padding: .75rem 1.5rem;
}

.securelink-allauth-messages p {
  margin: 0;
}

.securelink-allauth-panel {
  background: var(--securelink-admin-surface);
  border: 1px solid var(--securelink-admin-border);
  border-radius: var(--border-radius, .75rem);
  box-shadow: var(--securelink-admin-shadow);
  margin: 1rem 0;
  padding: 1rem;
}

.securelink-allauth-panel-body {
  margin-top: .6rem;
}

.securelink-allauth-panel-actions,
.securelink-allauth-form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin-top: 1rem;
}

.securelink-allauth-button {
  background: linear-gradient(180deg, color-mix(in srgb, var(--securelink-admin-accent) 78%, #ffffff), var(--color-primary-600));
  border: 1px solid color-mix(in srgb, var(--color-primary-600) 86%, black);
  color: #fff !important;
  cursor: pointer;
  min-height: 2.35rem;
  padding: .55rem .95rem;
}

.securelink-allauth-button:hover {
  background: linear-gradient(180deg, color-mix(in srgb, var(--securelink-admin-accent) 88%, #ffffff), var(--color-primary-700));
}

.securelink-allauth-form input,
.securelink-allauth-form select,
.securelink-allauth-form textarea {
  background: var(--securelink-admin-surface);
  border: 1px solid var(--securelink-admin-border-strong);
  border-radius: var(--border-radius, .75rem);
  color: var(--securelink-admin-text);
  min-height: 2.4rem;
  padding: .5rem .7rem;
}

.securelink-allauth-form p {
  display: grid;
  gap: .35rem;
  margin: .8rem 0;
}

.securelink-allauth-table-wrap {
  border: 1px solid var(--securelink-admin-border);
  border-radius: var(--border-radius, .75rem);
  overflow-x: auto;
}

.securelink-allauth-table {
  border-collapse: collapse;
  width: 100%;
}

.securelink-allauth-table th,
.securelink-allauth-table td {
  border-bottom: 1px solid var(--securelink-admin-border);
  padding: .7rem .85rem;
  text-align: left;
}

.securelink-allauth-table th {
  background: var(--securelink-admin-surface-2);
  color: var(--securelink-admin-text);
}

.securelink-allauth-badge {
  background: color-mix(in srgb, var(--securelink-admin-accent) 14%, var(--securelink-admin-surface));
  border: 1px solid color-mix(in srgb, var(--securelink-admin-accent) 32%, var(--securelink-admin-border));
  border-radius: 999px;
  color: var(--securelink-admin-text);
  display: inline-flex;
  font-size: .74rem;
  margin-left: .35rem;
  padding: .12rem .45rem;
}

a.recoverlink,
a.recoverlink:visited {
  text-decoration: none;
}

.securelink-admin-training-page #content-main {
  max-width: none;
  width: 100%;
}

.securelink-training-console {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  min-width: 0;
  width: 100%;
}

.securelink-training-tablist {
  align-items: flex-end;
  background: transparent;
  border: 0;
  border-radius: 0;
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  margin: 0 0 -1px;
  padding: 0 .85rem;
  position: relative;
  z-index: 2;
}

.securelink-training-panel-shell {
  background: var(--securelink-admin-surface);
  border: 1px solid var(--securelink-admin-border);
  border-radius: var(--border-radius);
  box-shadow: var(--securelink-admin-shadow);
  height: var(--securelink-training-panel-height, auto);
  min-width: 0;
  overflow: auto;
  scrollbar-gutter: stable;
}

.securelink-training-tab {
  align-items: center;
  background: color-mix(in srgb, var(--securelink-admin-surface-2) 88%, var(--securelink-admin-surface));
  border: 1px solid var(--securelink-admin-border);
  border-bottom-color: var(--securelink-admin-border);
  border-radius: .7rem .7rem 0 0;
  color: var(--securelink-admin-text-soft);
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  font-weight: 700;
  justify-content: center;
  min-height: 2.45rem;
  padding: .45rem .85rem .5rem;
  position: relative;
}

.securelink-training-tab.is-active {
  background: var(--securelink-admin-surface);
  border-bottom-color: var(--securelink-admin-surface);
  box-shadow: inset 0 3px 0 var(--securelink-admin-accent);
  color: var(--securelink-admin-text);
  margin-bottom: -1px;
}

.securelink-training-tab.is-locked {
  cursor: not-allowed;
  opacity: .55;
}

.securelink-training-tab:hover,
.securelink-training-tab:focus {
  color: var(--securelink-admin-text);
}

.securelink-training-panel {
  display: none;
  min-width: 0;
  padding: clamp(.8rem, 1.6vw, 1.1rem);
}

.securelink-training-panel.is-active {
  display: grid;
  gap: 1rem;
}

#training-panel-material.is-active {
  grid-template-rows: auto minmax(0, 1fr);
  height: 100%;
  min-height: 100%;
}

#training-panel-knowledge.is-active {
  grid-template-rows: auto minmax(0, 1fr);
  height: 100%;
  min-height: 100%;
}

.securelink-training-overview {
  align-items: start;
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 1fr) minmax(13rem, 18rem);
}

.securelink-training-overview h2,
.securelink-training-section-header h2 {
  color: var(--securelink-admin-text);
  font-size: clamp(1.35rem, 2.4vw, 2rem);
  font-weight: 760;
  letter-spacing: -.035em;
  line-height: 1.05;
  margin: 0;
}

.securelink-training-overview p,
.securelink-training-section-header p {
  color: var(--securelink-admin-text-soft);
  line-height: 1.55;
  margin: .55rem 0 0;
}

.securelink-training-progress-card {
  background: color-mix(in srgb, var(--securelink-admin-accent) 8%, var(--securelink-admin-surface-2));
  border: 1px solid color-mix(in srgb, var(--securelink-admin-accent) 24%, var(--securelink-admin-border));
  border-radius: var(--border-radius);
  display: grid;
  gap: .35rem;
  padding: .95rem;
}

.securelink-training-progress-card span,
.securelink-training-meta-grid dt {
  color: var(--securelink-admin-text-soft);
  font-size: .72rem;
  font-weight: 820;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.securelink-training-progress-card strong {
  color: var(--securelink-admin-text);
  font-size: clamp(2rem, 5vw, 3rem);
  letter-spacing: -.05em;
  line-height: 1;
}

.securelink-training-progress-card small {
  color: var(--securelink-admin-text-soft);
  line-height: 1.35;
}

.securelink-training-meta-grid {
  display: grid;
  gap: .65rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
}

.securelink-training-meta-grid div {
  background: var(--securelink-admin-surface-2);
  border: 1px solid var(--securelink-admin-border);
  border-radius: var(--border-radius);
  min-width: 0;
  padding: .8rem;
}

.securelink-training-meta-grid dd {
  color: var(--securelink-admin-text);
  font-weight: 700;
  line-height: 1.35;
  margin: .3rem 0 0;
}

.securelink-training-section-header {
  max-width: 62rem;
}

.securelink-training-overview-support {
  align-items: start;
  display: grid;
  gap: 1.25rem;
  grid-template-columns: minmax(0, 1.4fr) minmax(22rem, .6fr);
}

.securelink-training-definitions,
.securelink-training-presented-by {
  background: transparent;
  border: 0;
  display: grid;
  gap: .55rem;
  padding: .25rem 0 0;
}

.securelink-training-presented-by {
  align-self: center;
  border-left: 1px solid color-mix(in srgb, var(--securelink-admin-border) 72%, transparent);
  padding-left: 1.25rem;
}

.securelink-training-definitions h3,
.securelink-training-presented-by h3 {
  color: var(--securelink-admin-text);
  font-size: 1.05rem;
  font-weight: 800;
  margin: 0;
}

.securelink-training-presenter-card {
  align-items: center;
  display: grid;
  gap: .75rem;
  grid-template-columns: minmax(7rem, 8.5rem) minmax(0, 1fr);
  max-width: 30rem;
}

.securelink-training-presenter-photo {
  aspect-ratio: 1;
  border: 1px solid color-mix(in srgb, var(--securelink-admin-accent) 24%, var(--securelink-admin-border));
  border-radius: 1.15rem;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.securelink-training-presenter-photo > img {
  aspect-ratio: 1;
  display: block;
  height: auto;
  object-fit: cover;
  width: 100%;
}

.securelink-overview-narration {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--securelink-admin-text-soft);
  cursor: pointer;
  display: inline-flex;
  height: 2rem;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: .45rem;
  text-decoration: none;
  text-shadow: 0 1px 2px rgba(15, 18, 20, .72);
  top: .45rem;
  width: 2rem;
}

.securelink-overview-narration:hover,
.securelink-overview-narration:focus {
  color: var(--securelink-admin-accent);
}

.securelink-overview-narration:disabled {
  cursor: wait;
  opacity: .65;
}

.securelink-training-definitions ul {
  display: grid;
  gap: .4rem;
  list-style: disc;
  margin: 0;
  padding-left: 1.15rem;
}

.securelink-training-definitions li {
  color: var(--securelink-admin-text-soft);
  line-height: 1.45;
}

.securelink-training-definitions strong {
  color: var(--securelink-admin-text);
  font-weight: 800;
}

.securelink-training-start-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: .85rem;
  justify-content: flex-end;
  text-align: right;
}

.securelink-training-start-row span {
  color: var(--securelink-admin-text-soft);
  font-weight: 650;
}

.securelink-training-resource-row {
  align-items: center;
  background: var(--securelink-admin-surface-2);
  border: 1px solid var(--securelink-admin-border);
  border-radius: var(--border-radius);
  display: grid;
  gap: .75rem;
  grid-template-columns: 10rem minmax(0, 1fr);
  padding: .8rem;
}

.securelink-training-resource-row strong {
  color: var(--securelink-admin-text);
}

.securelink-training-resource-row span {
  color: var(--securelink-admin-text-soft);
  overflow-wrap: anywhere;
}

.securelink-training-scenario-section {
  display: grid;
  gap: .75rem;
}

.securelink-training-scenario-section h3 {
  color: var(--securelink-admin-text);
  font-weight: 760;
  margin: 0;
}

.securelink-admin-training-page fieldset.module {
  background: var(--securelink-admin-surface);
  border: 1px solid var(--securelink-admin-border);
  border-radius: var(--border-radius);
  box-shadow: var(--securelink-admin-shadow);
  overflow: hidden;
}

.securelink-admin-training-page fieldset.module > h2 {
  background: color-mix(in srgb, var(--securelink-admin-accent) 10%, var(--securelink-admin-surface-2));
  border-bottom: 1px solid var(--securelink-admin-border);
  color: var(--securelink-admin-text);
  font-weight: 700;
  margin: 0;
  padding: .85rem 1rem;
}

.securelink-admin-training-page fieldset.module > .description,
.securelink-admin-training-page fieldset.module > .form-row,
.securelink-admin-training-page fieldset.module > .securelink-training-fields {
  padding-left: 1rem;
  padding-right: 1rem;
}

.securelink-admin-training-page fieldset.module > .description {
  padding-top: 1rem;
}

.securelink-admin-training-page .description {
  color: var(--securelink-admin-text-soft);
  line-height: 1.55;
}

.securelink-training-material {
  display: grid;
  gap: .75rem;
  line-height: 1.6;
  max-width: 58rem;
}

.securelink-training-objectives {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

.securelink-training-objectives span {
  background: color-mix(in srgb, var(--securelink-admin-accent) 10%, var(--securelink-admin-surface-2));
  border: 1px solid color-mix(in srgb, var(--securelink-admin-accent) 22%, var(--securelink-admin-border));
  border-radius: 999px;
  color: var(--securelink-admin-text);
  padding: .35rem .65rem;
}

.securelink-slide-player {
  align-self: center;
  border: 1px solid var(--securelink-admin-border);
  border-radius: var(--border-radius);
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  height: clamp(24rem, 50vh, 31rem);
  max-width: 68rem;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  width: min(100%, 68rem);
}

.securelink-slide-stage {
  background: linear-gradient(135deg, color-mix(in srgb, var(--securelink-admin-accent) 8%, var(--securelink-admin-surface)), var(--securelink-admin-surface));
  height: 100%;
  min-height: clamp(16rem, 44vh, 21rem);
  min-width: 0;
  overflow: hidden;
  padding: clamp(.85rem, 1.6vw, 1.15rem);
}

.securelink-training-slide {
  display: none;
  gap: 1rem;
  grid-template-columns: minmax(0, 1fr) minmax(10rem, 15rem);
  height: 100%;
  min-height: clamp(14rem, 39vh, 18rem);
  isolation: isolate;
  position: relative;
}

.securelink-training-slide[style*="--securelink-slide-background"]::before {
  background:
    linear-gradient(135deg, rgba(246, 250, 247, .82), rgba(236, 246, 241, .68)),
    var(--securelink-slide-background) center / cover no-repeat;
  border-radius: 1rem;
  content: "";
  inset: 0;
  position: absolute;
  z-index: -1;
}

.dark .securelink-training-slide[style*="--securelink-slide-background"]::before {
  background:
    linear-gradient(135deg, rgba(5, 9, 14, .76), rgba(10, 24, 27, .62)),
    var(--securelink-slide-background) center / cover no-repeat;
}

.securelink-training-slide.active {
  display: grid;
}

.securelink-slide-copy {
  align-self: center;
  min-width: 0;
  padding-right: 2.4rem;
  position: relative;
  z-index: 1;
}

.securelink-slide-narration {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--securelink-admin-text-soft);
  cursor: pointer;
  display: inline-flex;
  height: 2rem;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: .1rem;
  text-decoration: none;
  top: .1rem;
  width: 2rem;
  z-index: 3;
}

.securelink-slide-narration:hover,
.securelink-slide-narration:focus {
  color: var(--securelink-admin-accent);
}

.securelink-slide-narration:disabled {
  cursor: wait;
  opacity: .55;
}

.securelink-slide-graphic {
  align-self: stretch;
  background:
    radial-gradient(circle at 25% 20%, color-mix(in srgb, var(--securelink-admin-accent) 26%, transparent), transparent 34%),
    linear-gradient(145deg, color-mix(in srgb, var(--securelink-admin-accent) 18%, var(--securelink-admin-surface-2)), var(--securelink-admin-surface-2));
  border: 1px solid color-mix(in srgb, var(--securelink-admin-accent) 24%, var(--securelink-admin-border));
  border-radius: 1.15rem;
  min-height: clamp(10rem, 34vh, 14rem);
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.securelink-slide-graphic.has-narrator {
  background:
    linear-gradient(180deg, rgba(15, 18, 20, 0) 48%, rgba(15, 18, 20, .58)),
    var(--securelink-slide-narrator-image) center / cover no-repeat,
    var(--securelink-admin-surface-2);
}

.securelink-slide-graphic.has-narrator span,
.securelink-slide-graphic.has-narrator i,
.securelink-slide-graphic.has-narrator b,
.securelink-slide-graphic.has-narrator em,
.securelink-slide-graphic.has-narrator::after {
  display: none;
}

.securelink-slide-narrator {
  align-self: end;
  border: 1px solid color-mix(in srgb, var(--securelink-admin-accent) 24%, var(--securelink-admin-border));
  border-radius: 1.15rem;
  color: var(--securelink-admin-text-soft);
  display: flex;
  gap: .6rem;
  grid-column: 2;
  line-height: 1.35;
  margin-top: .65rem;
  padding: 10px;
}

.securelink-training-presenter-card .securelink-slide-narrator {
  align-self: center;
  border: 0;
  border-radius: 0;
  grid-column: auto;
  margin-top: 0;
  max-width: none;
  padding: 0;
}

.securelink-slide-narrator > .material-symbols-outlined {
  color: var(--securelink-admin-accent);
  flex: 0 0 auto;
  font-size: 1.35rem;
  line-height: 1;
  margin-top: .08rem;
}

.securelink-slide-narrator img {
  background: #0f1214;
  border-radius: .5rem;
  display: block;
  height: 2.05rem;
  margin-top: .45rem;
  object-fit: contain;
  width: 9.75rem;
}

.securelink-slide-narrator strong {
  color: var(--securelink-admin-text);
  display: block;
  font-weight: 820;
}

.securelink-slide-narrator span,
.securelink-slide-narrator a {
  display: block;
  font-size: .82rem;
}

.securelink-slide-narrator a {
  color: #2563eb;
  font-weight: 720;
  margin-top: .3rem;
  text-decoration: none;
}

.dark .securelink-slide-narrator a {
  color: #7db7ff;
}

.securelink-slide-graphic::after {
  background: color-mix(in srgb, var(--securelink-admin-accent) 52%, transparent);
  border-radius: 999px;
  content: "";
  height: .45rem;
  left: 18%;
  opacity: .35;
  position: absolute;
  top: 72%;
  width: 64%;
}

.securelink-slide-graphic span,
.securelink-slide-graphic i,
.securelink-slide-graphic b,
.securelink-slide-graphic em {
  background: color-mix(in srgb, var(--securelink-admin-accent) 58%, var(--securelink-admin-text));
  border-radius: 999px;
  display: block;
  position: absolute;
}

.securelink-slide-graphic span {
  height: 4.6rem;
  left: 50%;
  opacity: .82;
  top: 34%;
  transform: translate(-50%, -50%);
  width: 4.6rem;
}

.securelink-slide-graphic i {
  height: .45rem;
  left: 18%;
  opacity: .45;
  top: 58%;
  width: 64%;
}

.securelink-slide-graphic b {
  height: .45rem;
  left: 28%;
  opacity: .28;
  top: 66%;
  width: 44%;
}

.securelink-slide-graphic em {
  background: transparent;
  border: .35rem solid color-mix(in srgb, var(--securelink-admin-accent) 62%, var(--securelink-admin-text));
  border-radius: .25rem;
  height: 2.7rem;
  left: 50%;
  opacity: .6;
  top: 34%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 2.7rem;
}

.securelink-slide-graphic-matrix span,
.securelink-slide-graphic-framework span,
.securelink-slide-graphic-table span {
  background:
    linear-gradient(90deg, transparent 30%, color-mix(in srgb, var(--securelink-admin-accent) 45%, var(--securelink-admin-surface)) 30% 36%, transparent 36% 63%, color-mix(in srgb, var(--securelink-admin-accent) 45%, var(--securelink-admin-surface)) 63% 69%, transparent 69%),
    linear-gradient(0deg, transparent 30%, color-mix(in srgb, var(--securelink-admin-accent) 45%, var(--securelink-admin-surface)) 30% 36%, transparent 36% 63%, color-mix(in srgb, var(--securelink-admin-accent) 45%, var(--securelink-admin-surface)) 63% 69%, transparent 69%);
  border: 2px solid color-mix(in srgb, var(--securelink-admin-accent) 70%, var(--securelink-admin-text));
  border-radius: .7rem;
}

.securelink-slide-graphic-shield span,
.securelink-slide-graphic-securelink-shield span,
.securelink-slide-graphic-child-safety span {
  border-radius: 45% 45% 52% 52%;
  clip-path: polygon(50% 0, 92% 18%, 82% 70%, 50% 100%, 18% 70%, 8% 18%);
}

.securelink-slide-graphic-key span,
.securelink-slide-graphic-lock span,
.securelink-slide-graphic-identity span,
.securelink-slide-graphic-badge span {
  background: transparent;
  border: .55rem solid color-mix(in srgb, var(--securelink-admin-accent) 68%, var(--securelink-admin-text));
}

.securelink-slide-graphic-key i,
.securelink-slide-graphic-lock i,
.securelink-slide-graphic-identity i,
.securelink-slide-graphic-badge i {
  height: .55rem;
  left: 50%;
  top: 36%;
  width: 34%;
}

.securelink-slide-graphic-mail span,
.securelink-slide-graphic-message span,
.securelink-slide-graphic-notify span {
  border-radius: .7rem;
  height: 3.6rem;
  top: 38%;
  width: 5.6rem;
}

.securelink-slide-graphic-mail em,
.securelink-slide-graphic-message em,
.securelink-slide-graphic-notify em {
  border-left: 0;
  border-top: 0;
  border-width: .25rem;
  height: 2rem;
  top: 34%;
  width: 2rem;
}

.securelink-slide-graphic-alarm span,
.securelink-slide-graphic-timer span,
.securelink-slide-graphic-incident span,
.securelink-slide-graphic-warning span {
  border-radius: .25rem;
  clip-path: polygon(50% 0, 100% 88%, 0 88%);
}

.securelink-slide-graphic-checklist span,
.securelink-slide-graphic-fact-check span,
.securelink-slide-graphic-verified span,
.securelink-slide-graphic-review span {
  border-radius: .55rem;
  height: 4.8rem;
  width: 3.8rem;
}

.securelink-slide-graphic-checklist em,
.securelink-slide-graphic-fact-check em,
.securelink-slide-graphic-verified em,
.securelink-slide-graphic-review em {
  border-left: 0;
  border-radius: 0;
  border-top: 0;
  height: 1.3rem;
  top: 35%;
  transform: translate(-50%, -50%) rotate(40deg);
  width: 2.2rem;
}

.securelink-training-slide h3 {
  color: var(--securelink-admin-text);
  font-size: clamp(1.3rem, 2.4vw, 2.15rem);
  letter-spacing: -.04em;
  line-height: 1;
  margin: 0 0 .7rem;
}

.securelink-training-slide p {
  color: var(--securelink-admin-text);
  font-size: .98rem;
  line-height: 1.48;
  margin: 0 0 .7rem;
}

.securelink-training-slide small,
.securelink-slide-count {
  color: var(--securelink-admin-text-soft);
}

.securelink-slide-checkpoints {
  background: color-mix(in srgb, var(--securelink-admin-accent) 9%, var(--securelink-admin-surface));
  border: 1px solid color-mix(in srgb, var(--securelink-admin-accent) 24%, var(--securelink-admin-border));
  border-radius: var(--border-radius);
  display: grid;
  gap: .45rem;
  margin: 1rem 0;
  padding: .8rem;
}

.securelink-slide-checkpoints span {
  color: var(--securelink-admin-text-soft);
}

.securelink-slide-objectives {
  background: var(--securelink-admin-surface-2);
  border: 1px solid var(--securelink-admin-border);
  border-radius: var(--border-radius);
  display: grid;
  gap: .42rem;
  margin: .75rem 0;
  padding: .7rem .85rem;
}

.securelink-slide-objectives strong {
  color: var(--securelink-admin-text);
}

.securelink-slide-objectives ul {
  display: grid;
  gap: .25rem;
  list-style: disc;
  margin: 0;
  padding-left: 1.2rem;
}

.securelink-slide-objectives li {
  color: var(--securelink-admin-text-soft);
  line-height: 1.35;
}

.securelink-slide-controls {
  align-items: center;
  background: var(--securelink-admin-surface-2);
  border-top: 1px solid var(--securelink-admin-border);
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  justify-content: space-between;
  padding: .6rem .75rem;
}

.securelink-slide-controls > div {
  display: inline-flex;
  gap: .55rem;
}

.securelink-slide-count {
  color: var(--securelink-admin-text-soft);
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .02em;
  margin: 0;
}

.securelink-training-submit-bar {
  justify-content: flex-start !important;
}

.securelink-training-footer-references {
  align-items: center;
  color: var(--securelink-admin-text-soft);
  display: flex;
  flex: 1 1 auto;
  gap: .85rem;
  line-height: 1.35;
  min-width: 0;
  text-align: left;
}

.securelink-training-footer-references strong {
  color: var(--securelink-admin-text);
  flex: 0 0 auto;
}

.securelink-training-footer-references span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.securelink-training-footer-references a,
.securelink-training-footer-references a:visited {
  color: #1f6fa8;
  cursor: pointer;
  text-decoration: none;
}

.securelink-training-footer-references a:hover,
.securelink-training-footer-references a:focus {
  color: #174f78;
  cursor: pointer;
  text-decoration: none;
}

.dark .securelink-training-footer-references a,
.dark .securelink-training-footer-references a:visited {
  color: #7fb7e8;
}

.dark .securelink-training-footer-references a:hover,
.dark .securelink-training-footer-references a:focus {
  color: #b8dbff;
}

.securelink-training-primary-action,
.securelink-training-secondary-action {
  align-items: center;
  border-radius: .65rem !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-weight: 800 !important;
  justify-content: center;
  min-height: 2.45rem;
  padding: .55rem 1rem !important;
  text-decoration: none !important;
}

.securelink-training-primary-action {
  background: linear-gradient(135deg, #2f80ed, #38bdf8) !important;
  border: 0 !important;
  color: #fff !important;
}

.securelink-training-secondary-action {
  background: var(--securelink-admin-surface) !important;
  border: 1px solid var(--securelink-admin-border) !important;
  color: var(--securelink-admin-text) !important;
}

.securelink-training-primary-action:disabled,
.securelink-training-secondary-action:disabled {
  cursor: not-allowed;
  filter: grayscale(.25);
  opacity: .5;
}

.securelink-scenario-grid {
  display: grid;
  gap: .75rem;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  max-width: 68rem;
}

.securelink-scenario-grid article {
  border: 1px solid var(--securelink-admin-border);
  border-radius: var(--border-radius);
  padding: .85rem;
}

.securelink-training-material p,
.securelink-training-material ul,
.securelink-training-material ol {
  margin: 0;
}

.securelink-knowledge-player {
  align-self: center;
  border: 1px solid var(--securelink-admin-border);
  border-radius: var(--border-radius);
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  height: clamp(22rem, 48vh, 29rem);
  margin-left: auto;
  margin-right: auto;
  max-width: 68rem;
  overflow: hidden;
  width: min(100%, 68rem);
}

.securelink-knowledge-stage {
  background: linear-gradient(135deg, color-mix(in srgb, var(--securelink-admin-accent) 6%, var(--securelink-admin-surface)), var(--securelink-admin-surface));
  height: 100%;
  min-height: 0;
  overflow: auto;
  padding: clamp(1rem, 2vw, 1.5rem);
}

.securelink-training-field {
  display: none;
  gap: 1rem;
  grid-template-columns: 1fr;
  min-height: 17rem;
  padding: .5rem;
}

.securelink-training-field.active {
  display: grid;
  align-content: center;
}

.securelink-training-field > label {
  color: var(--securelink-admin-text);
  font-weight: 700;
}

.securelink-training-input {
  max-width: 58rem;
}

.securelink-training-input > div[id^="id_question_"] {
  display: grid;
  gap: .6rem;
  margin-top: .35rem;
}

.securelink-training-input > div[id^="id_question_"] > div label {
  align-items: flex-start;
  display: flex;
  gap: .55rem;
  line-height: 1.45;
}

.securelink-attestation-label {
  align-items: center;
  color: var(--securelink-admin-text);
  display: inline-flex;
  gap: .55rem;
  line-height: 1.45;
}

.securelink-attestation-label input[type="checkbox"] {
  flex: 0 0 auto;
  margin: 0;
}

.securelink-attestation-label span {
  font-weight: 700;
}

.securelink-knowledge-player ul {
  display: grid;
  gap: .55rem;
  list-style: none;
  margin: .35rem 0 0;
  padding: 0;
}

.securelink-knowledge-player li label {
  align-items: flex-start;
  display: flex;
  gap: .55rem;
  line-height: 1.45;
}

.securelink-training-input > .help {
  margin-top: .85rem;
}

.securelink-knowledge-player input[type="checkbox"],
.securelink-knowledge-player input[type="radio"] {
  margin-top: .2rem;
}

.securelink-training-field.errors {
  outline: 2px solid color-mix(in srgb, #ef4444 60%, var(--securelink-admin-border));
  outline-offset: .4rem;
}

.securelink-training-table-wrap {
  border: 1px solid var(--securelink-admin-border);
  border-radius: var(--border-radius);
  overflow-x: auto;
}

.securelink-training-table-wrap table {
  border-collapse: collapse;
  min-width: 42rem;
  width: 100%;
}

.securelink-training-table-wrap th,
.securelink-training-table-wrap td {
  border-bottom: 1px solid var(--securelink-admin-border);
  padding: .7rem .85rem;
  text-align: left;
}

.securelink-training-table-wrap th {
  background: var(--securelink-admin-surface-2);
  color: var(--securelink-admin-text);
  font-weight: 700;
}

@media (max-width: 900px) {
  .securelink-training-overview,
  .securelink-training-resource-row {
    grid-template-columns: 1fr;
  }

  .securelink-training-slide {
    grid-template-columns: 1fr;
  }

  .securelink-training-overview-support,
  .securelink-training-presenter-card {
    grid-template-columns: 1fr;
  }

  .securelink-training-presented-by {
    border-left: 0;
    padding-left: 0;
  }

  .securelink-slide-narrator {
    grid-column: 1;
  }

  .securelink-slide-graphic {
    min-height: 10rem;
  }

  .securelink-training-meta-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .securelink-training-tablist {
    overflow-x: auto;
    flex-wrap: nowrap;
  }

  .securelink-training-tab {
    flex: 0 0 auto;
  }
}

@media (max-width: 560px) {
  .securelink-training-meta-grid {
    grid-template-columns: 1fr;
  }

  .securelink-training-panel {
    padding: .85rem;
  }

  #training-panel-material.is-active {
    height: auto;
    min-height: 0;
  }

  #training-panel-knowledge.is-active {
    height: auto;
    min-height: 0;
  }

  .securelink-slide-player,
  .securelink-knowledge-player,
  .securelink-slide-stage,
  .securelink-knowledge-stage,
  .securelink-training-slide {
    height: auto;
  }
}

@media (max-width: 1024px) {
  .securelink-dashboard-hero-content {
    display: block;
  }

  .securelink-dashboard-link {
    display: inline-block;
    margin-top: 1rem;
    text-align: left;
  }

  #content.colSM {
    display: block;
  }

  #content-related.sidebar,
  #content #content-related {
    margin-top: 1rem;
  }

  .securelink-allauth-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .securelink-allauth-nav {
    justify-content: flex-start;
  }

}

.securemail-shell {
  display: grid;
  --securemail-folder-width: 18rem;
  grid-template-columns: var(--securemail-folder-width) minmax(18rem, .28fr) minmax(0, 1fr);
  min-height: calc(100vh - 5.5rem);
  overflow: hidden;
  border: 1px solid var(--securelink-admin-border);
  border-radius: var(--border-radius);
  background: var(--securelink-admin-surface);
  box-shadow: var(--securelink-admin-shadow);
}

.securemail-webmail-page .admin-sticky-header > div {
  margin-bottom: 0 !important;
}

.securemail-webmail-page.securelink-admin-sidebar-collapsing #nav-sidebar {
  transform: translateX(-100%);
  transition: transform .3s ease;
  will-change: transform;
}

.securemail-webmail-page.securelink-admin-sidebar-collapsing #main {
  max-width: calc(100% + 288px) !important;
  transform: translateX(-288px);
  transition: transform .3s ease, width .3s ease, max-width .3s ease;
  width: calc(100% + 288px) !important;
  will-change: transform, width, max-width;
}

.securemail-webmail-page.securelink-admin-sidebar-user-expanding #nav-sidebar {
  animation: securelinkAdminSidebarSlideIn .2s ease both;
  will-change: transform;
}

@keyframes securelinkAdminSidebarSlideIn {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(0);
  }
}

.securemail-webmail-page .securemail-shell {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.securemail-shell.folders-user-transition {
  transition: grid-template-columns .2s ease;
  will-change: grid-template-columns;
}

.securemail-shell.folders-collapsed {
  grid-template-columns: 4.85rem minmax(20rem, .3fr) minmax(0, 1fr);
}

html.securemail-webmail-preserve-layout.securemail-folders-initial-collapsed .securemail-shell {
  grid-template-columns: 4.85rem minmax(20rem, .3fr) minmax(0, 1fr);
}

.securemail-webmail-page #content {
  max-width: none !important;
  width: 100% !important;
}

.securemail-webmail-page #content,
.securemail-webmail-page #content-main,
.securemail-webmail-page #main,
.securemail-webmail-page #main .container {
  box-sizing: border-box;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

.securemail-webmail-page #main > .grow,
.securemail-webmail-page #main .\@container {
  box-sizing: border-box;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}

.securemail-webmail-page #main > .grow {
  padding-bottom: 0 !important;
}

.securemail-compose-backdrop {
  background: rgba(3, 8, 13, .42);
  inset: 0;
  position: fixed;
  z-index: 79;
}

.securemail-compose {
  background: var(--securelink-admin-surface);
  border: 1px solid var(--securelink-admin-border);
  border-radius: var(--border-radius);
  box-shadow: var(--securelink-admin-shadow);
  bottom: 1.25rem;
  margin: 0;
  max-height: min(46rem, calc(100vh - 7rem));
  overflow: hidden;
  position: fixed;
  right: 1.25rem;
  width: min(54rem, calc(100vw - 2.5rem));
  z-index: 80;
}

.securemail-compose > header {
  align-items: center;
  border-bottom: 1px solid var(--securelink-admin-border);
  display: flex;
  justify-content: space-between;
  padding: 1rem;
}

.securemail-eyebrow {
  color: var(--securelink-admin-text-soft);
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .08em;
  margin: 0 0 .15rem;
  text-transform: uppercase;
}

.securemail-icon-button {
  align-items: center;
  background: var(--securelink-admin-surface-2);
  border: 1px solid var(--securelink-admin-border);
  border-radius: 999px;
  color: var(--securelink-admin-text) !important;
  display: inline-flex;
  height: 2.35rem;
  justify-content: center;
  text-decoration: none !important;
  width: 2.35rem;
}

.securemail-compose h2,
.securemail-attachments h3 {
  margin: 0;
}

.securemail-compose form {
  display: grid;
  gap: .85rem;
  max-height: calc(min(46rem, calc(100vh - 7rem)) - 4.5rem);
  overflow: auto;
  padding: 1rem;
}

.securemail-compose-grid {
  display: grid;
  gap: .75rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.securemail-compose-grid label,
.securemail-attachment-input {
  color: var(--securelink-admin-text-soft);
  font-size: .82rem;
  font-weight: 800;
  text-transform: uppercase;
}

.securemail-compose-grid label {
  display: grid;
  gap: .35rem;
}

.securemail-attachment-input {
  align-items: center;
  display: flex;
  gap: .4rem;
}

.securemail-attachment-input .material-symbols-outlined {
  font-size: 1.1rem;
}

.securemail-attachment-input input {
  margin-left: .25rem;
}

.securemail-compose-grid .wide {
  grid-column: 1 / -1;
}

.securemail-compose input,
.securemail-compose select {
  background: var(--securelink-admin-surface);
  border: 1px solid var(--securelink-admin-border);
  border-radius: .75rem;
  color: var(--securelink-admin-text);
  min-height: 2.65rem;
  padding: .55rem .75rem;
  text-transform: none;
}

.securemail-editor-toolbar {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}

.securemail-editor-toolbar button,
.securemail-reader-actions .button,
.securemail-attachments .button,
.securemail-purge-trash .button,
.securemail-reader-actions button {
  align-items: center;
  background: var(--securelink-admin-surface-2);
  border: 1px solid var(--securelink-admin-border);
  border-radius: .65rem;
  color: var(--securelink-admin-text) !important;
  display: inline-flex;
  gap: .28rem;
  font-weight: 800;
  padding: .45rem .7rem;
  text-decoration: none !important;
}

.securemail-editor-toolbar .securemail-send-button {
  background: linear-gradient(135deg, color-mix(in srgb, #38bdf8 86%, #fff), var(--securelink-admin-accent-2));
  border: 0;
  color: #fff !important;
  margin-left: auto;
}

.securemail-editor-toolbar button:hover,
.securemail-reader-actions .button:hover,
.securemail-reader-actions button:hover,
.securemail-attachments .button:hover,
.securemail-purge-trash .button:hover,
.securemail-icon-button:hover {
  background: color-mix(in srgb, var(--securelink-admin-accent) 14%, var(--securelink-admin-surface));
}

.securemail-editor-toolbar .securemail-send-button:hover {
  background: linear-gradient(135deg, color-mix(in srgb, #38bdf8 92%, #fff), color-mix(in srgb, var(--securelink-admin-accent-2) 82%, #0f172a));
}

.securemail-rich-editor {
  background: var(--securelink-admin-surface);
  border: 1px solid var(--securelink-admin-border);
  border-radius: .85rem;
  color: var(--securelink-admin-text);
  min-height: 15rem;
  overflow-wrap: anywhere;
  padding: .9rem;
}

.securemail-rich-editor table,
.securemail-html-placeholder iframe table {
  border-collapse: collapse;
}

.securemail-rich-editor td,
.securemail-rich-editor th {
  border: 1px solid var(--securelink-admin-border);
  padding: .35rem .5rem;
}

.securemail-changelist-actions {
  display: flex;
  justify-content: flex-end;
  margin-bottom: .75rem;
}

.securemail-changelist-actions .button {
  background: linear-gradient(180deg, color-mix(in srgb, var(--securelink-admin-accent) 78%, #ffffff), var(--color-primary-600));
  border: 0;
  border-radius: 999px;
  color: #fff !important;
  font-weight: 800;
  padding: .62rem 1rem;
  text-decoration: none !important;
}

.securemail-folders,
.securemail-list,
.securemail-reader {
  min-width: 0;
}

.securemail-folders {
  border-right: 1px solid var(--securelink-admin-border);
  background: var(--securelink-admin-surface-2);
  padding: .75rem;
}

.securemail-folder-toggle {
  align-items: center;
  background: var(--securelink-admin-surface);
  border: 1px solid var(--securelink-admin-border);
  border-radius: 999px;
  color: var(--securelink-admin-text);
  display: inline-flex;
  height: 2.25rem;
  justify-content: center;
  margin: 0 0 .55rem .55rem;
  width: 2.25rem;
}

.securemail-shell.folders-collapsed .securemail-folder-toggle,
html.securemail-webmail-preserve-layout.securemail-folders-initial-collapsed .securemail-folder-toggle {
  margin-left: calc((4.85rem - 2.25rem) / 2);
  margin-right: 0;
}

.securemail-folder-toggle .material-symbols-outlined {
  display: block;
  line-height: 1;
}

.securemail-shell.folders-collapsed .securemail-folder-toggle .material-symbols-outlined,
html.securemail-webmail-preserve-layout.securemail-folders-initial-collapsed .securemail-folder-toggle .material-symbols-outlined {
  transform: rotate(180deg);
}

.securemail-mailbox {
  display: grid;
  gap: .2rem;
  margin-bottom: 1rem;
  min-width: 0;
}

.securemail-shell.folders-collapsed .securemail-mailbox,
html.securemail-webmail-preserve-layout.securemail-folders-initial-collapsed .securemail-mailbox,
.securemail-shell.folders-collapsed .securemail-folders .securemail-mailbox-select,
html.securemail-webmail-preserve-layout.securemail-folders-initial-collapsed .securemail-folders .securemail-mailbox-select {
  display: none;
}

.securemail-mailbox span,
.securemail-list small,
.securemail-reader dt,
.securemail-reader dd {
  color: var(--securelink-admin-text-soft);
}

.securemail-mailbox strong,
.securemail-messages a strong,
.securemail-messages a span,
.securemail-messages a small,
.securemail-reader dd {
  min-width: 0;
  overflow-wrap: anywhere;
}

.securemail-mailbox span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.securemail-mailbox-select {
  display: grid;
  gap: .35rem;
  margin-bottom: 1rem;
}

.securemail-mailbox-select label {
  color: var(--securelink-admin-text-soft);
  font-size: .78rem;
  font-weight: 700;
  text-transform: uppercase;
}

.securemail-mailbox-select select {
  width: 100%;
  background: var(--securelink-admin-surface);
  border: 1px solid var(--securelink-admin-border);
  border-radius: .65rem;
  color: var(--securelink-admin-text);
  min-height: 2.45rem;
  padding: .45rem 2rem .45rem .65rem;
}

.securemail-folders nav,
.securemail-messages {
  display: grid;
}

.securemail-folders a,
.securemail-messages a {
  color: var(--securelink-admin-text);
  text-decoration: none;
}

.securemail-folders a {
  align-items: center;
  display: flex;
  gap: .55rem;
  justify-content: space-between;
  padding: .7rem .8rem;
  border-radius: .65rem;
}

.securemail-folders a .material-symbols-outlined {
  flex: 0 0 auto;
}

.securemail-folders a span:not(.material-symbols-outlined) {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.securemail-shell.folders-collapsed .securemail-folders,
html.securemail-webmail-preserve-layout.securemail-folders-initial-collapsed .securemail-folders {
  padding: .75rem 0;
}

.securemail-shell.folders-collapsed .securemail-folders a,
html.securemail-webmail-preserve-layout.securemail-folders-initial-collapsed .securemail-folders a {
  justify-content: center;
  padding: .54rem 0;
  position: relative;
}

.securemail-shell.folders-collapsed .securemail-folders a span:not(.material-symbols-outlined),
html.securemail-webmail-preserve-layout.securemail-folders-initial-collapsed .securemail-folders a span:not(.material-symbols-outlined) {
  display: none;
}

.securemail-shell.folders-collapsed .securemail-folders a small,
html.securemail-webmail-preserve-layout.securemail-folders-initial-collapsed .securemail-folders a small {
  display: none;
}

.securemail-folders a.active,
.securemail-folders a:hover {
  background: color-mix(in srgb, var(--securelink-admin-accent) 12%, var(--securelink-admin-surface));
}

.securemail-list {
  border-right: 1px solid var(--securelink-admin-border);
}

.securemail-list header,
.securemail-reader header {
  border-bottom: 1px solid var(--securelink-admin-border);
  padding: .9rem 1rem;
}

.securemail-list header {
  background: linear-gradient(180deg, color-mix(in srgb, var(--securelink-admin-surface-2) 72%, transparent), transparent);
}

.securemail-list header {
  display: grid;
  gap: .8rem;
}

.securemail-list-title-row {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  justify-content: space-between;
  min-width: 0;
}

.securemail-mailbox-select-inline {
  flex: 1 1 100%;
  margin-bottom: 0;
  max-width: 100%;
  min-width: 0;
  width: 100%;
}

.securemail-list-title-row > div:first-child {
  flex: 1 1 12rem;
  min-width: 0;
}

.securemail-mailbox-select-inline label {
  white-space: nowrap;
}

.securemail-mailbox-select-inline select {
  max-width: 100%;
}

.securemail-search-form {
  min-width: 0;
}

.securemail-purge-trash {
  border-bottom: 1px solid var(--securelink-admin-border);
  display: flex;
  justify-content: flex-end;
  padding: .65rem .85rem;
}

.securemail-list h2 {
  margin: 0 0 .8rem;
}

.securemail-list input {
  background: var(--securelink-admin-surface);
  border: 1px solid var(--securelink-admin-border);
  border-radius: 999px;
  color: var(--securelink-admin-text);
  min-height: 2.45rem;
  padding: .55rem .85rem;
  width: 100%;
}

@media (max-width: 760px) {
  .securemail-mailbox-select-inline {
    flex-basis: 100%;
  }
}

.securemail-messages a {
  display: grid;
  gap: .18rem .7rem;
  grid-template-columns: minmax(0, 1fr);
  padding: .9rem 1rem;
  border-bottom: 1px solid var(--securelink-admin-border);
  min-width: 0;
}

.securemail-messages a > strong,
.securemail-messages a > span,
.securemail-messages a > small {
  grid-column: 1;
}

.securemail-messages a > strong {
  align-items: center;
  display: flex;
  gap: .3rem;
}

.securemail-messages a > small {
  align-items: center;
  display: flex;
  gap: .55rem;
}

.securemail-star {
  color: #f59e0b;
  font-size: 1.05rem;
}

.securemail-messages a.unread strong::before {
  background: #ef4444;
  border-radius: 999px;
  content: "";
  display: inline-block;
  height: .48rem;
  margin-right: .45rem;
  vertical-align: middle;
  width: .48rem;
}

.securemail-messages a.active,
.securemail-messages a:hover {
  background: color-mix(in srgb, var(--securelink-admin-accent) 8%, var(--securelink-admin-surface));
}

.securemail-reader dl {
  display: grid;
  gap: .4rem;
  margin: 0;
}

.securemail-reader-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin: .75rem 0;
}

.securemail-reader-actions form {
  margin: 0;
}

.securemail-trusted-sender {
  align-items: center;
  border-radius: 999px;
  color: var(--securelink-admin-accent);
  display: inline-flex;
  font-weight: 800;
  padding: .32rem;
}

.securemail-message-meta {
  border-top: 1px solid var(--securelink-admin-border);
  margin-top: .75rem !important;
  padding-top: .75rem;
}

.securemail-inline-trusted,
.securemail-inline-icon {
  color: var(--securelink-admin-accent);
  display: inline-flex;
  margin-left: .35rem;
  vertical-align: middle;
}

.securemail-inline-icon {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  height: 1.35rem;
  justify-content: center;
  padding: 0;
  width: 1.35rem;
}

.securemail-inline-icon:hover {
  background: color-mix(in srgb, var(--securelink-admin-accent) 12%, transparent);
}

.securemail-inline-icon.certificate.pass {
  color: #16a34a;
}

.securemail-inline-icon.certificate.warning {
  color: #d97706;
}

.securemail-inline-icon.certificate.fail {
  color: #dc2626;
}

.securemail-address-link {
  color: var(--securelink-admin-accent-2) !important;
  font-weight: 750;
  text-decoration: none;
}

.securemail-address-link:hover {
  color: color-mix(in srgb, var(--securelink-admin-accent-2) 72%, var(--securelink-admin-accent)) !important;
  text-decoration: underline;
}

.securemail-verdicts {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
}

.securemail-verdict,
.securemail-risk {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: .78rem;
  font-weight: 850;
  gap: .22rem;
  padding: .18rem .45rem;
}

.securemail-verdict .material-symbols-outlined,
.securemail-risk .material-symbols-outlined,
.securemail-inline-trusted .material-symbols-outlined,
.securemail-inline-icon .material-symbols-outlined,
.securemail-trusted-sender .material-symbols-outlined {
  font-size: 1rem;
}

.securemail-verdict.pass,
.securemail-risk.low {
  background: color-mix(in srgb, #22c55e 12%, transparent);
  color: #16a34a;
}

.securemail-verdict.fail,
.securemail-risk.high,
.securemail-risk.quarantined {
  background: color-mix(in srgb, #ef4444 12%, transparent);
  color: #dc2626;
}

.securemail-verdict.unknown,
.securemail-risk.medium {
  background: color-mix(in srgb, #f59e0b 14%, transparent);
  color: #d97706;
}

.securemail-security-certificate {
  border: 1px solid var(--securelink-admin-border);
  border-radius: 1rem;
  margin-top: .9rem;
  padding: .85rem;
}

.securemail-security-certificate.pass {
  background: linear-gradient(135deg, color-mix(in srgb, #22c55e 10%, var(--securelink-admin-surface)), var(--securelink-admin-surface));
}

.securemail-security-certificate.warning {
  background: linear-gradient(135deg, color-mix(in srgb, #f59e0b 12%, var(--securelink-admin-surface)), var(--securelink-admin-surface));
}

.securemail-security-certificate.fail {
  background: linear-gradient(135deg, color-mix(in srgb, #ef4444 12%, var(--securelink-admin-surface)), var(--securelink-admin-surface));
}

.securemail-security-certificate-heading {
  align-items: center;
  display: flex;
  gap: .75rem;
}

.securemail-security-certificate-heading > .material-symbols-outlined {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 1.5rem;
  height: 2.6rem;
  justify-content: center;
  width: 2.6rem;
}

.securemail-security-certificate.pass .securemail-security-certificate-heading > .material-symbols-outlined {
  background: color-mix(in srgb, #22c55e 18%, transparent);
  color: #16a34a;
}

.securemail-security-certificate.warning .securemail-security-certificate-heading > .material-symbols-outlined {
  background: color-mix(in srgb, #f59e0b 18%, transparent);
  color: #d97706;
}

.securemail-security-certificate.fail .securemail-security-certificate-heading > .material-symbols-outlined {
  background: color-mix(in srgb, #ef4444 18%, transparent);
  color: #dc2626;
}

.securemail-certificate-modal.pass .securemail-security-certificate-heading > .material-symbols-outlined {
  background: color-mix(in srgb, #22c55e 18%, transparent);
  color: #16a34a;
}

.securemail-certificate-modal.warning .securemail-security-certificate-heading > .material-symbols-outlined {
  background: color-mix(in srgb, #f59e0b 18%, transparent);
  color: #d97706;
}

.securemail-certificate-modal.fail .securemail-security-certificate-heading > .material-symbols-outlined {
  background: color-mix(in srgb, #ef4444 18%, transparent);
  color: #dc2626;
}

.securemail-security-certificate h3 {
  color: var(--securelink-admin-text);
  font-size: .98rem;
  font-weight: 900;
  margin: 0;
}

.securemail-security-certificate p {
  color: var(--securelink-admin-text-soft);
  margin: .12rem 0 0;
}

.securemail-security-certificate-checks {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin-top: .75rem;
}

.securemail-certificate-check {
  align-items: center;
  border: 1px solid var(--securelink-admin-border);
  border-radius: 999px;
  display: inline-flex;
  font-size: .78rem;
  font-weight: 850;
  gap: .22rem;
  padding: .22rem .5rem;
}

.securemail-certificate-check .material-symbols-outlined {
  font-size: 1rem;
}

.securemail-certificate-check.pass {
  color: #16a34a;
}

.securemail-certificate-check.fail {
  color: #dc2626;
}

.securemail-certificate-check.warning,
.securemail-certificate-check.skipped {
  color: #d97706;
}

.securemail-certificate-dialog {
  background: transparent;
  border: 0;
  bottom: auto;
  left: 50%;
  margin: 0;
  max-width: min(44rem, calc(100vw - 2rem));
  padding: 0;
  position: fixed;
  right: auto;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.securemail-certificate-dialog::backdrop {
  background: rgba(2, 6, 23, .64);
  backdrop-filter: blur(4px);
}

.securemail-certificate-modal {
  background: var(--securelink-admin-surface);
  border: 1px solid var(--securelink-admin-border);
  border-radius: 1rem;
  box-shadow: var(--securelink-admin-shadow);
  color: var(--securelink-admin-text);
  overflow: hidden;
}

.securemail-certificate-modal > header {
  align-items: center;
  border-bottom: 1px solid var(--securelink-admin-border);
  display: flex;
  justify-content: space-between;
  padding: 1rem;
}

.securemail-certificate-modal h3 {
  color: var(--securelink-admin-text);
  font-size: .98rem;
  font-weight: 900;
  margin: 0;
}

.securemail-certificate-modal header p {
  color: var(--securelink-admin-text-soft);
  margin: .12rem 0 0;
}

.securemail-certificate-check-list {
  display: grid;
  gap: .65rem;
  max-height: min(34rem, calc(100vh - 12rem));
  overflow: auto;
  padding: 1rem;
}

.securemail-certificate-check-row {
  align-items: flex-start;
  border: 1px solid var(--securelink-admin-border);
  border-radius: .85rem;
  display: flex;
  gap: .75rem;
  padding: .8rem;
}

.securemail-certificate-check-row > .material-symbols-outlined {
  flex: 0 0 auto;
  font-size: 1.35rem;
}

.securemail-certificate-check-row strong,
.securemail-certificate-check-row small,
.securemail-certificate-check-row p {
  display: block;
}

.securemail-certificate-check-row strong {
  color: var(--securelink-admin-text);
  font-weight: 900;
}

.securemail-certificate-check-row small {
  color: var(--securelink-admin-text-soft);
  font-weight: 800;
  margin-top: .1rem;
}

.securemail-certificate-check-row p {
  color: var(--securelink-admin-text);
  margin: .35rem 0 0;
}

.securemail-certificate-check-row.pass > .material-symbols-outlined {
  color: #16a34a;
}

.securemail-certificate-check-row.fail > .material-symbols-outlined {
  color: #dc2626;
}

.securemail-certificate-check-row.warning > .material-symbols-outlined,
.securemail-certificate-check-row.skipped > .material-symbols-outlined {
  color: #d97706;
}

.securemail-subject-line {
  color: var(--securelink-admin-text) !important;
  font-weight: 850;
}

.securemail-attachments {
  border-top: 1px solid var(--securelink-admin-border);
  margin-top: 1rem;
  padding-top: 1rem;
}

.securemail-attachments > div {
  display: grid;
  gap: .55rem;
  margin-top: .65rem;
}

.securemail-attachments article {
  align-items: center;
  border: 1px solid var(--securelink-admin-border);
  border-radius: .75rem;
  display: grid;
  gap: .35rem .55rem;
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding: .65rem;
}

.securemail-attachments article.quarantined {
  background: color-mix(in srgb, #ef4444 10%, var(--securelink-admin-surface));
}

.securemail-attachments small,
.securemail-attachments em {
  color: var(--securelink-admin-text-soft);
  grid-column: 2;
}

.securemail-html-placeholder {
  padding: 1rem;
}

.securemail-html-placeholder.rendered p {
  display: none;
}

.securemail-html-placeholder iframe {
  background: #fff;
  border: 1px solid var(--securelink-admin-border);
  border-radius: .85rem;
  display: block;
  height: 28rem;
  margin-top: .75rem;
  width: 100%;
}

.securemail-headers-bar {
  border-top: 1px solid var(--securelink-admin-border);
  display: flex;
  gap: .6rem;
  justify-content: space-between;
  padding: 1rem;
}

.securemail-headers {
  flex: 1 1 auto;
  min-width: 0;
}

.securemail-headers summary {
  cursor: pointer;
  font-weight: 850;
}

.securemail-headers dl {
  margin-top: .8rem;
}

.securemail-copy-headers {
  align-items: center;
  align-self: start;
  background: var(--securelink-admin-surface-2);
  border: 1px solid var(--securelink-admin-border);
  border-radius: 999px;
  color: var(--securelink-admin-text);
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  height: 2rem;
  justify-content: center;
  width: 2rem;
}

.securemail-copy-headers .copied-icon,
.securemail-copy-headers.copied .copy-icon {
  display: none;
}

.securemail-copy-headers.copied .copied-icon {
  color: #16a34a;
  display: inline-flex;
}

.securemail-reader dl div {
  display: grid;
  grid-template-columns: 6rem minmax(0, 1fr);
  gap: .75rem;
}

.securemail-reader pre {
  margin: 0;
  max-width: 100%;
  overflow: auto;
  padding: 1rem;
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: anywhere;
  font: inherit;
  line-height: 1.55;
}

.securemail-reader blockquote {
  border-left: 3px solid var(--securelink-admin-border);
  color: var(--securelink-admin-text-soft);
  margin: .75rem 0 0;
  padding-left: .85rem;
}

.securemail-empty {
  color: var(--securelink-admin-text-soft);
  padding: 1rem;
}

.securemail-toast {
  position: fixed;
  right: 1.25rem;
  bottom: 1.25rem;
  z-index: 80;
  max-width: min(24rem, calc(100vw - 2rem));
  border: 1px solid color-mix(in srgb, var(--securelink-admin-accent) 45%, var(--securelink-admin-border));
  border-radius: .9rem;
  background: var(--securelink-admin-surface);
  box-shadow: var(--securelink-admin-shadow);
  color: var(--securelink-admin-text);
  font-weight: 750;
  padding: .85rem 1rem;
}

@media (max-width: 1180px) {
  .securemail-shell {
    grid-template-columns: 1fr;
  }

  .securemail-compose-grid {
    grid-template-columns: 1fr;
  }

  .securemail-folders,
  .securemail-list {
    border-right: 0;
    border-bottom: 1px solid var(--securelink-admin-border);
  }
}