/* Theme engine defaults. Override these in Website UI → Theming, not feature pages. */
:root {
  --sm-record-color: var(--tblr-link-color, var(--tblr-primary, #206bc4));
  --sm-record-weight: 500;
  --sm-record-decoration: none;
  --sm-focus-width: 2px;
  --sm-action-size: 32px;
  --sm-action-mobile-size: 44px;
  --sm-action-icon-size: 18px;
  --sm-modal-height: 760px;
  --sm-editor-padding: .75rem;
  --sm-panel-padding: .25rem;
  --sm-menu-padding-y: .5rem;
  --sm-menu-padding-x: .875rem;
  --sm-menu-min-height: 36px;
  --sm-menu-mobile-min-height: 44px;
  --sm-menu-divider-width: 0px;
  --sm-menu-divider-opacity: .5;
  --sm-selector-gap: .75rem;
}
:root:where([data-ui-theme="administration"]) {
  --sm-menu-padding-y: .25rem;
  --sm-menu-padding-x: .4375rem;
  --sm-menu-min-height: 0px;
  --sm-menu-mobile-min-height: 0px;
  --sm-menu-divider-width: 1px;
}
.sm-record-link { color: var(--sm-record-color); font-weight: var(--sm-record-weight); text-decoration: var(--sm-record-decoration); }
.sm-record-link:hover { text-decoration: underline; }
.sm-record-link:focus-visible { outline: var(--sm-focus-width) solid var(--sm-menu-accent, currentColor); outline-offset: 3px; }

/* Summary actions are adjacent to their title, never horizontal-menu entries. */
.sm-summary-heading { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: var(--sm-summary-gap, .75rem); margin-bottom: var(--sm-summary-spacing, .75rem); }
.sm-summary-heading > h1, .sm-summary-heading > h2 { margin: 0; }
.sm-summary-add { flex: 0 0 auto; }

/* Shared image asset presentation, using the active theme's existing controls. */
.sm-asset-thumb { width: 64px; height: 64px; object-fit: contain; }
.sm-asset-preview { max-width: 100%; max-height: 240px; object-fit: contain; }
.sm-asset-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(120px,1fr)); gap: var(--sm-space, .75rem); max-height: 260px; overflow: auto; margin-block: var(--sm-space, .75rem); }
.sm-asset-choice { display: flex; flex-direction: column; gap: .35rem; white-space: normal; overflow-wrap: anywhere; }
.sm-asset-picker[hidden] { display: none; }

/* Shared network report activity. Colours never disable controls or imply access. */
[data-network-activity] {
  --sm-network-row-color: var(--sm-network-active-color, #45ffa4);
  --sm-record-color: var(--sm-network-row-color);
  --tblr-table-color: var(--sm-network-row-color);
}
[data-network-activity="older"] {
  --sm-network-row-color: var(--sm-network-inactive-color, #7b9f8b);
}
[data-network-activity] > td,
[data-network-activity] > summary,
[data-network-activity] > p { color: var(--sm-network-row-color); }
[data-network-activity] > td .text-secondary,
[data-network-activity] > td .text-success { color: var(--sm-network-row-color) !important; }

/* A single unread-count badge beside the bell, shared by every theme. */
.notification-toggle { width: auto; min-width: 44px; min-height: 44px; gap: 4px; }
.notification-toggle .notification-count { position: static; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; min-width: 24px; padding: 0; border-radius: 50%; background: var(--sm-notice-badge-background, var(--tblr-danger)); color: var(--sm-notice-badge-color, var(--tblr-danger-fg, var(--tblr-primary-fg))); font-size: 10px; line-height: 1; flex-shrink: 0; }
.notification-toggle .notification-count[hidden] { display: none; }

/* All page controls use theme tokens. Container sizing chooses compact icons. */
.sm-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .25rem; margin-block: .75rem; container-type: inline-size; width: 100%; }
.sm-pagination[hidden] { display: none !important; }
.sm-page-control { display: inline-flex; align-items: center; justify-content: center; gap: .25rem; min-width: 2rem; min-height: 2rem; padding: .25rem .5rem; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius, .25rem); background: var(--tblr-bg-surface); color: var(--tblr-primary); text-decoration: none; font: inherit; }
.sm-page-control[aria-current="page"] { background: var(--tblr-primary); border-color: var(--tblr-primary); color: var(--tblr-primary-fg, #fff); }
.sm-page-control:is(:disabled,[aria-disabled="true"]) { opacity: .45; pointer-events: none; }
.sm-page-control:focus-visible { outline: 2px solid var(--tblr-primary); outline-offset: 2px; }
.sm-page-icon { font-size: 1.25rem; line-height: 1; }
.sm-pagination[data-compact] .sm-page-label { display: none; }
@container (max-width: 600px) { .sm-page-label { display: none; } .sm-page-control { min-width: 1.75rem; padding-inline: .25rem; } }
@container (max-width: 300px) { .sm-page-control { min-width: 1.5rem; padding-inline: .125rem; } }
/* Theme display rules must not override paginated rows. */
[data-page-hidden="1"] { display: none !important; }

/* Record-list spacing belongs to the shared theme, including compact panels. */
/* Intrinsic columns pack left; the browser wraps long values only when needed.
   Explicit user column resizing retains its separate fixed-layout contract. */
.table:not(.sm-columns-sized) {
  width: auto;
  max-width: 100%;
  table-layout: auto;
  margin-inline: 0;
}
.table:not(.sm-columns-sized) > :is(thead, tbody, tfoot) > tr > :is(th, td) {
  max-width: none;
  white-space: normal;
  overflow-wrap: anywhere;
}
:root { --sm-list-item-padding-block: 5px; }
#main-content table > tbody > tr > :is(td, th),
.list-group > .list-group-item,
[data-paginated-list] > :is(li, .invitation) {
  padding-block: var(--sm-list-item-padding-block);
}

/* Admin descriptions are optional presentation; records and alerts stay visible. */
[data-ui-theme="administration"] [data-admin-description],
[data-ui-theme="administration"] .form-hint { display: none !important; }
/* The record body scrolls; its sibling pager stays outside the scrolling area. */
/* All list geometry is theme-owned, including the space below the last item. */
:root { --sm-list-inset: 15px; --sm-list-min-height: 240px; }
.sm-list-scroll { overflow: auto; min-height: 0; overscroll-behavior: contain; max-height: var(--sm-list-max-height, none); }
.sm-list-scroll > .sm-pagination { position: sticky; left: 0; margin-bottom: 0; padding-bottom: var(--sm-list-item-padding-block); }
.sm-list-scroll > table { margin-bottom: 0; }
/* Keep the complete column-title band visible without cloning table controls. */
.sm-list-scroll > table > thead {
  position: sticky;
  top: 0;
  z-index: var(--sm-list-heading-layer, 2);
  background: var(--sm-list-heading-background, var(--tblr-bg-surface-secondary, var(--tblr-bg-surface, #fff)));
}
.sm-list-scroll > table > thead > tr > :is(th, td) {
  background: var(--sm-list-heading-background, var(--tblr-bg-surface-secondary, var(--tblr-bg-surface, #fff)));
}

.sm-list-fill { height: max(var(--sm-list-min-height), calc(100dvh - var(--sm-list-top, 0px) - var(--sm-list-footer, 0px) - var(--sm-list-inset))); min-height: 0; margin-bottom: 0; }
.card.sm-list-fill { display: flex; flex-direction: column; }
.card.sm-list-fill .sm-list-scroll { flex: 1 1 auto; margin-bottom: 0; }
.app-shell .page-body.sm-list-page-body, .page-body.sm-list-page-body { margin-block: 0; padding-block: var(--sm-list-inset); }
#main-content.sm-list-page { max-width: none; padding-inline: var(--sm-list-inset); }
.sm-list-size { display: inline-flex; gap: .5rem; align-items: center; margin: 0 .5rem; white-space: nowrap; }
.sm-list-size .form-select { width: auto; min-width: 4.5rem; margin: 0; }
@media print { .sm-list-fill { height: auto; } .sm-list-scroll { overflow: visible; max-height: none; } }


/* Action columns share one alignment contract across all audience themes. */
.table .sm-actions-cell {
  text-align: right;
  white-space: nowrap;
}
.table .sm-actions-cell > .button-row {
  justify-content: flex-end;
}
.table .sm-actions-cell > .theme-table-sort {
  justify-content: flex-end;
  text-align: right;
}

/* The page title and its optional gear use the shared heading layout. */
.sm-page-title-controls { display:flex; flex-wrap:nowrap; align-items:center; gap:var(--sm-page-title-gap, .75rem); width:100%; }
.sm-page-title-controls > :is(h1, h2) { min-width:0; margin-bottom:0; }
.sm-page-title-controls > .sm-page-gear { margin-left:auto; flex-shrink:0; }
.sm-page-gear { display:inline-flex; align-items:center; justify-content:center; width:var(--sm-page-gear-size, 32px); height:var(--sm-page-gear-size, 32px); padding:6px; color:var(--sm-page-gear-color, var(--tblr-heading-color)); background:transparent; border:0; box-shadow:none; text-decoration:none; }
.sm-page-gear:hover { color:var(--tblr-primary); text-decoration:none; }
.sm-page-gear:focus-visible { outline:2px solid var(--tblr-primary); outline-offset:2px; }
.sm-page-gear svg.nav-icon { display:block; width:var(--sm-page-gear-icon-size, 20px); height:var(--sm-page-gear-icon-size, 20px); margin:0; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
@media (width < 992px) { .sm-page-gear { width:44px; height:44px; } }

/* Keep the heading accessible while hiding its visual presentation. The gear stays usable. */
html[data-ui-theme] #main-content .sm-page-title-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.sm-page-title-is-hidden > svg { display:none; }
.sm-page-title-is-hidden:not(:has(a, button, input, select)) { margin:0; gap:0; }

/* Compact onboarding copy and shared password-completion feedback. */
.sm-onboarding-caption { white-space: nowrap; font-size: clamp(.75rem, 3vw, .875rem); }
.sm-password-progress { margin-block: .875rem 1.25rem; text-align: left; }
.sm-password-progress .password-summary { margin: 0 0 .5rem; font-size: .8125rem; line-height: 1.5; color: var(--tblr-secondary); }
.sm-password-progress progress { display: block; width: 100%; height: .5rem; border: 0; border-radius: var(--tblr-border-radius); overflow: hidden; appearance: none; background: var(--tblr-bg-surface-secondary); accent-color: var(--tblr-primary); }
.sm-password-progress progress::-webkit-progress-bar { background: var(--tblr-bg-surface-secondary); border-radius: inherit; }
.sm-password-progress progress::-webkit-progress-value { background: var(--tblr-primary); border-radius: inherit; }
.sm-password-progress progress::-moz-progress-bar { background: var(--tblr-primary); border-radius: inherit; }
.sm-password-progress[data-complete="true"] progress { accent-color: var(--tblr-success); }
.sm-password-progress[data-complete="true"] progress::-webkit-progress-value { background: var(--tblr-success); }
.sm-password-progress[data-complete="true"] progress::-moz-progress-bar { background: var(--tblr-success); }

/* One left-aligned page title in the shared header, with optional CMS controls. */
.sm-header-page-heading { display:flex; align-items:center; justify-content:flex-start; gap:.5rem; flex:1 1 0; min-width:0; text-align:left; }
.sm-header-page-title { min-width:0; margin:0; color:var(--tblr-heading-color); font-size:var(--sm-header-title-size, 1.25rem); font-weight:600; line-height:1.3; overflow-wrap:anywhere; text-align:left; }
.sm-header-page-heading > .sm-page-gear { flex-shrink:0; }
@media (width < 992px) { #sm-header > .container-fluid { flex-direction:row; flex-wrap:wrap; } .sm-header-page-heading { order:3; flex-basis:100%; } }

.sm-standalone-page-header { padding:1rem; text-align:left; }

/* Data supplies depth and image dimensions; the engine owns presentation. */
.menu-tree-label { padding-inline-start: calc(var(--sm-menu-depth, 0) * var(--sm-menu-indent, 2ch)); }
.sm-device-type-image { object-fit: contain; }
.sm-responsive-image { max-width: 100%; height: auto; }
:root {
  --sm-disk-empty: var(--tblr-bg-surface-secondary);
  --sm-disk-1: var(--tblr-blue); --sm-disk-2: var(--tblr-green);
  --sm-disk-3: var(--tblr-yellow); --sm-disk-4: var(--tblr-purple);
  --sm-disk-5: var(--tblr-teal); --sm-disk-6: var(--tblr-orange);
  --sm-disk-7: var(--tblr-indigo); --sm-disk-8: var(--tblr-pink);
  --sm-disk-9: var(--tblr-cyan); --sm-disk-10: var(--tblr-secondary);
}

/* Shared QR presentation: preserve the complete square and its quiet zone. */
.sm-qr-image {
  display: block;
  width: min(100%, var(--sm-qr-size, 280px));
  height: auto;
  margin: .75rem auto;
  object-fit: contain;
}

/* Site-wide keyboard and scrolling date entry, including modal editors. */
.sm-date-picker { display: grid; gap: .375rem; min-width: 0; width: 100%; }
.sm-date-picker > .form-control { min-width: 0; width: 100%; }
.sm-date-parts { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.65fr) minmax(0, .75fr); gap: .5rem; }
.sm-date-parts > label { display: grid; gap: .25rem; min-width: 0; font-weight: normal; }
.sm-date-parts .form-select { width: 100%; min-width: 0; min-height: 44px; padding-left: .375rem; padding-right: 1.4rem; background-position: right .35rem center; }

/* Shared group/member trees keep assignment tools reachable on narrow screens. */
@media (max-width: 575px) {
  .sm-group-tree, .sm-group-tree .sm-hierarchy-columns, .sm-group-tree .sm-hierarchy { width: 100%; min-width: 0; }
  .sm-group-tree .sm-hierarchy-row { display: grid; grid-template-columns: 1.5rem minmax(0, 1fr) minmax(5rem, 7.5rem); }
  .sm-group-tree .sm-hierarchy-column { width: auto; min-width: 0; }
  .sm-group-tree .sm-hierarchy-row > [data-ui-component="record-actions"] { grid-column: 2 / -1; display: flex; flex-wrap: wrap; margin-inline-start: 0; gap: .375rem; }
  .sm-group-tree .sm-hierarchy-row .sm-record-actions .btn { width: 2rem; min-width: 2rem; height: 2rem; min-height: 2rem; }
  .sm-group-tree .sm-hierarchy-column-header { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) 7.5rem; }
  .sm-group-tree .sm-hierarchy-header-actions { display: none; }
}

/* Shared form-backed ordering works with mouse, touch and keyboard. */
.sm-order-item { display:flex; align-items:center; gap:.75rem; padding:.75rem 0; border-bottom:1px solid var(--tblr-border-color, currentColor); }
.sm-order-controls { display:flex; gap:.25rem; flex-shrink:0; }
.sm-order-controls .btn { min-width:2.75rem; min-height:2.75rem; padding:.375rem; }
.sm-order-handle { cursor:grab; touch-action:none; user-select:none; }
.sm-order-dragging { opacity:.65; outline:2px solid currentColor; }
.sm-order-content { min-width:0; overflow-wrap:anywhere; }
.sm-preserve-lines { white-space:pre-wrap; overflow-wrap:anywhere; }
@media (max-width:575px) { .sm-order-controls { flex-direction:column; } }

/* Shared template editor: stable columns and equal control baselines. */
.sm-template-field {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: .5rem .75rem;
  align-items: end;
  padding: .75rem 0;
  border-bottom: 1px solid var(--tblr-border-color, currentColor);
}
.sm-template-field > * { min-width: 0; }
.sm-template-field-order { max-width: 5rem; }
.sm-template-field-value, .sm-template-field-source, .sm-template-field-more { grid-column: 1 / -1; }
.sm-template-field > div > .form-label { margin: 0 0 .375rem; }
.sm-template-field > div > :is(.form-control, .form-select, [data-template-enter-value]) {
  box-sizing: border-box;
  height: 2.5rem;
  min-height: 2.5rem;
  margin: 0;
}
.sm-template-field > div > textarea.form-control { resize: vertical; }
@media (min-width: 992px) {
  .sm-template-field { grid-template-columns: 5rem minmax(0, 2fr) minmax(0, 2fr); }
  .sm-template-field-value, .sm-template-field-source { grid-column: auto; }
}

/* Opt-in full-width workspace; the audience shell retains its equal gutters. */
.app-content.sm-content-fluid { width: 100%; max-width: none; }

/* Image upload controls keep their legend above actions even without a preview. */
[data-ui-component="image-field"] { min-width: 0; }
[data-ui-component="image-field"] > legend { float: none; width: auto; }
[data-image-field-actions] { display: flex; flex-wrap: wrap; gap: .5rem; }
[data-image-field-status] { overflow-wrap: anywhere; }

/* Example-bearing selectors share theme surfaces and keyboard focus treatment. */
[data-ui-component="example-select"] { position: relative; min-width: 0; }
.sm-example-select-button { text-align: start; white-space: normal; overflow-wrap: anywhere; min-height: 2.5rem; }
.sm-example-select-options { position: absolute; inset-inline: 0; top: 100%; z-index: 1050; max-height: 18rem; overflow-y: auto; background: var(--tblr-bg-surface, var(--tblr-body-bg)); color: var(--tblr-body-color); border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius, .25rem); box-shadow: var(--tblr-box-shadow); }
.sm-example-select-option { padding: .5rem .75rem; cursor: pointer; overflow-wrap: anywhere; }
.sm-example-select-option:hover, .sm-example-select-option:focus { background: var(--tblr-primary-lt); outline: 2px solid var(--tblr-primary); outline-offset: -2px; }
.sm-example-select-option[aria-selected="true"] { background: var(--tblr-primary-lt); }
[data-ui-component="example-select"] strong { font-weight: var(--sm-example-weight, 700); }

/* Shared editor/preview frames: independent desktop scroll, stacked on phones. */
.sm-editor-preview { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; align-items: start; }
.sm-editor-preview > * { min-width: 0; padding: .75rem; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius, .25rem); }
.sm-editor-preview-pane { background: var(--tblr-bg-surface, var(--tblr-body-bg)); }
.sm-editor-preview-editor .sm-template-field { grid-template-columns: 5rem minmax(0, 1fr); }
.sm-editor-preview-editor .sm-template-field-value { grid-column: 2; }
.sm-editor-preview-editor .sm-template-field-source, .sm-editor-preview-editor .sm-template-field-more { grid-column: 1 / -1; }
@media (min-width: 992px) {
  .sm-editor-preview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sm-editor-preview > * { height: max(20rem, calc(100dvh - 14rem)); overflow: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
}
@media (max-width: 575.98px) {
  .sm-editor-preview-editor .sm-template-field { grid-template-columns: minmax(0, 1fr); }
  .sm-editor-preview-editor .sm-template-field-value { grid-column: 1; }
}

/* Collapsible model variable editors; preview content stays expanded. */
.sm-template-field-block { border: 1px solid var(--tblr-border-color, currentColor); border-radius: .25rem; margin: .75rem 0; min-width: 0; }
.sm-template-field-block > summary { padding: .75rem; cursor: pointer; font-weight: 600; overflow-wrap: anywhere; }
.sm-template-field-block > .sm-template-field { padding: .75rem; border-bottom: 0; }

/* Administration theme: compact fields and the space surrounding form controls. */
html[data-ui-theme="administration"] {
  --sm-field-padding-block: .28125rem;
  --sm-field-padding-inline: .5rem;
}
html[data-ui-theme="administration"] :is(.form-control, .form-select) {
  height: auto;
  min-height: 0;
  padding: var(--sm-field-padding-block) var(--sm-field-padding-inline);
}
html[data-ui-theme="administration"] .form-select { padding-right: 1.5rem; background-position: right .375rem center; }
html[data-ui-theme="administration"] .form-label {
  margin-top: calc(var(--sm-space, .75rem) / 2);
  margin-bottom: calc(.25rem * var(--sm-density, .75));
}
html[data-ui-theme="administration"] .inline .form-label { margin-top: 0; }
html[data-ui-theme="administration"] form :is(.mb-3, .my-3) { margin-bottom: .5rem !important; }
html[data-ui-theme="administration"] form :is(.mt-3, .my-3) { margin-top: .5rem !important; }
html[data-ui-theme="administration"] form .row { --tblr-gutter-x: .75rem; }
html[data-ui-theme="administration"] form :is(.g-2, .gx-2) { --tblr-gutter-x: .25rem; }
html[data-ui-theme="administration"] form :is(.g-2, .gy-2) { --tblr-gutter-y: .25rem; }
html[data-ui-theme="administration"] form :is(.g-3, .gx-3) { --tblr-gutter-x: .5rem; }
html[data-ui-theme="administration"] form :is(.g-3, .gy-3) { --tblr-gutter-y: .5rem; }
html[data-ui-theme="administration"] :is(form .card, .card:has(form)) {
  --tblr-card-spacer-x: calc(.625rem * var(--sm-density, .75));
  --tblr-card-spacer-y: calc(.625rem * var(--sm-density, .75));
}
html[data-ui-theme="administration"] .sm-template-field > div > .form-label { margin: 0 0 .1875rem; }
html[data-ui-theme="administration"] .sm-template-field-more .py-2 { padding-block: .25rem !important; }
@media (min-width: 992px) {
  html[data-ui-theme="administration"] { --sm-field-padding-block: .1875rem; --sm-field-padding-inline: .3125rem; }
}

html[data-ui-theme="administration"] .sm-template-field { gap: .25rem .375rem; padding: .375rem 0; }
html[data-ui-theme="administration"] .sm-template-field-block { margin: .375rem 0; }
html[data-ui-theme="administration"] .sm-template-field-block > summary,
html[data-ui-theme="administration"] .sm-template-field-block > .sm-template-field { padding: .375rem; }

/* Data is nested under its field label without adding characters to values. */
.sm-field-data { margin-inline-start: 2ch; width: calc(100% - 2ch); min-width: 0; }

/* Shared read-only settings reference, across audience themes. */
.sm-settings-reference { margin-top:1rem; }
.sm-settings-reference table.table { width:auto; max-width:100%; margin-inline:0; table-layout:auto; border-collapse:collapse; background:var(--tblr-bg-surface); color:var(--tblr-body-color); }
#main-content .sm-settings-reference th, #main-content .sm-settings-reference td { padding:1rem; text-align:left; vertical-align:top; border-bottom:1px solid var(--tblr-border-color); }
.sm-settings-reference thead th { font-size:.8rem; font-weight:600; color:var(--tblr-secondary); background:var(--tblr-bg-surface-secondary); }
#main-content .sm-settings-reference tbody th.form-label { display:table-cell; font-weight:400; color:var(--tblr-secondary); margin:0; }
.sm-settings-reference .sm-reference-section th { font-weight:600; background:var(--tblr-bg-surface-secondary); }
.sm-reference-value-row { display:flex; align-items:flex-start; justify-content:flex-start; gap:1rem; }
.sm-reference-value { min-width:0; white-space:pre-wrap; overflow-wrap:anywhere; font-family:var(--tblr-font-monospace,monospace); font-weight:500; }
.sm-reference-copy { flex:none; margin-inline-start:auto; display:inline-flex; align-items:center; justify-content:center; background:transparent; border:0; padding:.125rem .25rem; color:var(--tblr-primary); font:inherit; font-size:.8rem; cursor:pointer; }
.sm-reference-copy:hover { background:var(--tblr-bg-surface-secondary); }
.sm-settings-reference p { margin:0; }
.sm-settings-reference p + p { margin-top:.5rem; }
.sm-reference-instruction { color:var(--tblr-secondary); font-style:italic; overflow-wrap:anywhere; }
.sm-settings-reference .sm-reference-status { margin-top:.5rem; font-size:.8rem; color:var(--tblr-secondary); }
@media (max-width:575.98px) {
  .sm-settings-reference table.table { width:100%; }
  .sm-settings-reference thead { display:none; }
  .sm-settings-reference table, .sm-settings-reference tbody, .sm-settings-reference tr, .sm-settings-reference tbody th.form-label, .sm-settings-reference td { display:block; width:100%; }
  #main-content .sm-settings-reference tbody th.form-label { display:block; padding:.875rem .75rem .25rem; border:0; font-size:.8rem; }
  #main-content .sm-settings-reference td { padding:0 .75rem .875rem; }
}
@media (pointer:coarse) { .sm-reference-copy { min-width:44px; min-height:44px; } }