/* Small, scoped refinements for the booking and event-team workspaces. */
:is(.checkout-layout, .app-layout, .gate-main, .login-wrap) {
  --workspace-muted: #68616c;
  --workspace-focus: #77559d;
}

:is(.checkout-layout, .app-layout, .gate-main, .login-wrap) :is(button, .button) {
  min-height: 44px;
}

:is(.checkout-layout, .app-layout, .gate-main, .login-wrap) :is(button, a, summary, input, select, textarea):focus-visible {
  outline: 3px solid var(--workspace-focus);
  outline-offset: 3px;
}

:is(.checkout-layout, .app-layout, .gate-main, .login-wrap) :is(input, select, textarea) {
  line-height: 1.5;
}

:is(.checkout-layout, .app-layout, .gate-main, .login-wrap) :is(.footnote, .muted) {
  color: var(--workspace-muted);
}

:is(.checkout-layout, .app-layout, .gate-main, .login-wrap) .footnote {
  font-size: 12px;
  line-height: 1.75;
}

:is(.checkout-layout, .app-layout, .gate-main, .login-wrap) .error:not(:empty) {
  border: 1px solid #e8c6bd;
  padding: 12px 14px;
  line-height: 1.6;
}

/* Keep the form, signed waiver, and price hierarchy ahead of decoration. */
.checkout-layout .checkout-heading {
  padding-top: 40px;
  padding-bottom: 28px;
}

.checkout-layout .checkout-heading h1 {
  line-height: 1.08;
}

.checkout-layout .checkout-steps {
  border-color: #d6d0db;
  background: #fffef9;
}

.checkout-layout .checkout-steps .current {
  background: #eae2f3;
}

.checkout-layout .panel {
  border-color: #dcd7cf;
  border-radius: 12px;
}

.checkout-layout label {
  font-size: 13px;
  color: #3d3542;
}

.checkout-layout label > small {
  font-size: 12px;
  font-weight: 400;
  color: var(--workspace-muted);
}

.checkout-layout .attendee:first-of-type {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.checkout-layout .step-section-heading p {
  font-size: 14px;
  max-width: 480px;
  color: var(--workspace-muted);
}

.checkout-layout .section-number {
  font-size: 11px;
  color: #75667f;
}

.checkout-layout .checkout-summary {
  border-color: #d4ccd9;
  border-radius: 12px;
}

.checkout-layout :is(.order-title > span, .admission-line p, .admission-line small, .order-costs, .order-fee-note, .order-delivery) {
  font-size: 12px;
  color: var(--workspace-muted);
}

.checkout-layout .order-delivery strong {
  font-size: 12px;
}

.checkout-layout .checkout-total strong {
  font-size: 29px;
  font-variant-numeric: tabular-nums;
}

.checkout-layout .checkout-total {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  flex-wrap: wrap;
}

.checkout-layout .waiver-document {
  background: #f8f6f1;
  border-radius: 8px;
  scrollbar-color: #b9afc6 #eee9e2;
  scrollbar-width: thin;
}

.checkout-layout .waiver-step > .checkbox {
  margin-top: 20px;
}

.checkout-layout .review-attendee > strong {
  font-size: 17px;
}

.checkout-layout .contact-review {
  border-color: #baa6d0;
  padding-left: 16px;
}

.checkout-layout .external-merch-checkout {
  gap: 18px;
  border-color: #d7cbdf;
}

/* Club staff roster: admission and scanner permissions remain distinct. */
.app-layout .staff-roster-intro {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  background: #eee8f4;
}

.app-layout .staff-roster-intro p {
  max-width: 680px;
  margin-top: 8px;
  font-size: 13px;
  color: #5b5064;
}

.app-layout .staff-roster-intro > .button {
  flex-shrink: 0;
}

.app-layout .staff-roster-filters {
  display: grid;
  grid-template-columns: minmax(180px, 1.5fr) repeat(3, minmax(130px, 1fr));
  gap: 14px;
  margin: 26px 0 14px;
}

.app-layout .staff-roster-filters label {
  min-width: 0;
  margin: 0;
  color: #605467;
  font-size: 12px;
}

.app-layout .staff-roster-filters :is(input, select) {
  width: 100%;
  min-width: 0;
  min-height: 44px;
}

.app-layout .staff-roster-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
}

.app-layout .staff-roster-toolbar p {
  font-size: 12px;
  color: #66596e;
}

.app-layout .staff-roster-club {
  margin-bottom: 20px;
}

.app-layout .staff-roster-club h2 {
  margin: 0;
  font-size: 23px;
  letter-spacing: -.7px;
}

.app-layout .staff-roster-people {
  list-style: none;
  padding: 0;
  margin: 20px 0 0;
}

.app-layout .staff-roster-person {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(140px, .7fr) minmax(200px, 1fr);
  align-items: start;
  gap: 22px;
  border-top: 1px solid var(--line);
  padding: 22px 0;
}

.app-layout .staff-roster-person:last-child {
  padding-bottom: 0;
}

.app-layout .staff-roster-person > div {
  min-width: 0;
}

.app-layout .staff-person-identity h3 {
  font-size: 16px;
  margin: 0 0 6px;
  overflow-wrap: anywhere;
}

.app-layout .staff-roster-person p {
  font-size: 12px;
  color: #685d6e;
  margin: 7px 0 0;
  overflow-wrap: anywhere;
}

.app-layout .staff-detail-label {
  display: block;
  font-size: 11px;
  line-height: 1.5;
  margin-bottom: 8px;
  color: #776b7c;
}

.app-layout .staff-person-identity .staff-detail-label {
  margin: 9px 0 0;
}

.app-layout .staff-access-action {
  margin-top: 12px;
}

.app-layout .staff-access-action:empty {
  display: none;
}

.app-layout .staff-access-action :is(button, .button),
.app-layout .staff-roster-toolbar button {
  min-height: 44px;
  line-height: 1.5;
}

.app-layout .staff-action-note {
  font-size: 11px;
  line-height: 1.6;
  color: #7f5e58;
}

.app-layout .staff-error-link {
  display: block;
  width: fit-content;
  padding: 12px 0;
  font-weight: 700;
}

.staff-invite-dialog > p {
  margin: 14px 0;
  overflow-wrap: anywhere;
}

.staff-invite-dialog > label {
  margin-top: 24px;
  font-size: 13px;
}

.staff-invite-dialog input[readonly] {
  width: 100%;
  min-width: 0;
  min-height: 48px;
  background: #fffef9;
  font-size: 14px;
  user-select: all;
}

.staff-invite-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.staff-invite-actions button {
  min-height: 44px;
}

@media (max-width: 1150px) {
  .app-layout .staff-roster-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .app-layout .staff-roster-intro {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
  }
}

@media (max-width: 840px) {
  .app-layout .staff-roster-person {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 18px;
  }

  .app-layout .staff-person-identity {
    grid-column: 1 / -1;
  }
}

@media (max-width: 480px) {
  .app-layout .staff-roster-filters,
  .app-layout .staff-roster-person {
    grid-template-columns: 1fr;
  }

  .app-layout .staff-roster-filters :is(input, select),
  .staff-invite-dialog input[readonly] {
    font-size: 16px;
  }

  .app-layout .staff-roster-person {
    gap: 20px;
  }

  .app-layout .staff-roster-club > .row {
    gap: 12px;
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .app-layout .staff-access-action :is(button, .button),
  .staff-invite-actions button {
    width: 100%;
  }

  .staff-invite-actions {
    flex-direction: column;
  }
}

/* Deliberate test-to-live controls, kept separate from everyday ticket sales. */
.app-layout .launch-mode-card {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 28px;
  background: #eae3f4;
}

.app-layout .launch-mode-card.is-live {
  background: #e7efdc;
}

.app-layout .launch-mode-card h2 {
  font-size: 30px;
  line-height: 1.15;
  margin: 9px 0 13px;
}

.app-layout .launch-mode-card p {
  max-width: 700px;
  font-size: 14px;
  color: #5d5167;
}

.app-layout .launch-mode-card.is-live p {
  color: #4e5a43;
}

.app-layout .launch-mode-card > .badge {
  flex-shrink: 0;
}

.app-layout .launch-owner-note,
.app-layout .launch-access-note {
  font-size: 13px;
  line-height: 1.7;
  margin: 20px 0;
  color: #66596f;
  overflow-wrap: anywhere;
}

.app-layout .launch-access-note {
  padding: 16px 18px;
  border: 1px solid #d8ccdf;
  border-radius: 8px;
  background: #f0ebf5;
}

.app-layout .launch-readiness {
  margin: 22px 0;
}

.app-layout .launch-readiness h2,
.app-layout .launch-action-card h2,
.app-layout .launch-next-step h2 {
  font-size: 23px;
  letter-spacing: -.7px;
}

.app-layout .launch-checks {
  list-style: none;
  padding: 0;
  margin: 20px 0 0;
}

.app-layout .launch-check {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 18px;
  padding: 17px 0;
  border-top: 1px solid var(--line);
}

.app-layout .launch-check:last-child {
  padding-bottom: 0;
}

.app-layout .launch-check h3 {
  font-size: 14px;
  margin: 0;
}

.app-layout .launch-check p {
  font-size: 12px;
  color: #6a5e72;
  margin-top: 7px;
  overflow-wrap: anywhere;
}

.app-layout .launch-actions-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin: 22px 0;
}

.app-layout .launch-action-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.app-layout .launch-action-card > p,
.app-layout .launch-next-step > p {
  margin: 13px 0 0;
  font-size: 13px;
  color: #66596d;
}

.app-layout .launch-action-card ul,
.launch-confirm-dialog ul {
  padding-left: 20px;
  font-size: 13px;
  line-height: 1.7;
  margin: 16px 0 22px;
}

.app-layout .launch-action-card li,
.launch-confirm-dialog li {
  margin: 7px 0;
}

.app-layout .launch-action-card button {
  margin-top: auto;
  min-height: 46px;
}

.app-layout .launch-next-step .button {
  margin-top: 20px;
}

.app-layout .launch-action-status {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #d3c4df;
  border-radius: 8px;
  background: #f1ebf8;
  font-size: 14px;
  line-height: 1.65;
}

.app-layout .launch-action-status:empty {
  display: none;
}

.app-layout .launch-reload {
  margin: 16px 0 22px;
  min-height: 44px;
}

.app-layout .launch-reload[hidden],
.app-layout #launch-panels[hidden] {
  display: none;
}

.launch-confirm-dialog > p {
  margin: 14px 0;
  font-size: 14px;
  overflow-wrap: anywhere;
}

.launch-confirm-dialog form > label {
  font-size: 13px;
  line-height: 1.6;
}

.launch-confirm-dialog input {
  min-height: 48px;
  font-size: 16px;
  letter-spacing: .04em;
}

.launch-confirm-actions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

.launch-confirm-actions button {
  min-height: 46px;
}

@media (max-width: 1000px) {
  .app-layout .launch-actions-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .app-layout .launch-mode-card {
    flex-direction: column;
    gap: 16px;
  }

  .app-layout .launch-mode-card h2 {
    font-size: 27px;
  }

  .app-layout .launch-check {
    gap: 12px;
  }

  .app-layout .launch-readiness > .row {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 14px;
  }

  .app-layout .launch-action-card button,
  .launch-confirm-actions button {
    width: 100%;
  }

  .launch-confirm-actions {
    flex-direction: column;
  }
}

/* Admin remains a compact workspace with comfortable controls. */
.app-layout .workspace {
  padding-bottom: 56px;
}

.app-layout .workspace-top {
  font-size: 12px;
  color: #6b626f;
  line-height: 1.5;
}

.app-layout .sidebar nav a {
  min-height: 44px;
  border-radius: 6px;
  font-size: 13px;
}

.app-layout .sidebar-bottom {
  font-size: 12px;
}

.app-layout .sidebar :is(a, button):focus-visible {
  outline-color: var(--acid);
}

.app-layout .page-title p {
  line-height: 1.7;
  color: var(--workspace-muted);
}

.app-layout :is(.panel, .stat) {
  border-radius: 10px;
}

.app-layout .stat > span {
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: .04em;
  color: #665c6b;
}

.app-layout .stat > strong {
  font-size: clamp(26px, 2.7vw, 38px);
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}

.app-layout .stat > small {
  font-size: 12px;
  line-height: 1.6;
  color: var(--workspace-muted);
}

.app-layout .stat.featured > :is(span, small) {
  color: #41502f;
}

.app-layout .panel > .row > h3 {
  margin-bottom: 0;
}

.app-layout .table-wrap {
  margin-top: 14px;
  border-top: 1px solid var(--line);
  scrollbar-width: thin;
  scrollbar-color: #b7acbf #ede8df;
}

.app-layout table {
  font-size: 13px;
  line-height: 1.5;
}

.app-layout th {
  padding: 14px 12px;
  font-size: 10px;
  font-weight: 700;
  color: #706376;
  background: #f4f0e9;
}

.app-layout td {
  padding: 15px 12px;
  vertical-align: middle;
}

.app-layout td small {
  font-size: 11px;
  color: var(--workspace-muted);
}

.app-layout tbody tr:hover {
  background: #f6f2fa;
}

.app-layout label {
  font-size: 13px;
}

.app-layout .settings-form label > small {
  font-size: 12px;
  font-weight: 400;
  color: var(--workspace-muted);
}

.app-layout .settings-form .panel > label + label {
  margin-top: 20px;
}

.app-layout .settings-form .panel > .footnote + label {
  margin-top: 18px;
}

.app-layout :is(.tools-row input, .tools-row select) {
  min-height: 46px;
  border-radius: 6px;
}

/* Gate feedback is readable at arm's length; scanner dimensions stay intact. */
.gate-main {
  padding-bottom: 36px;
}

.gate-main .page-title h1 {
  font-size: clamp(32px, 5vw, 45px);
  line-height: 1.1;
}

.gate-main .gate-status {
  margin-top: 24px;
  gap: 16px;
  border: 1px solid #d9d1df;
  border-radius: 8px;
  background: #eee8f4;
  font-size: 13px;
  line-height: 1.6;
}

.gate-main :is(.scan-box, .panel, .scan-result) {
  border-radius: 12px;
}

.gate-main .scan-intro h3 {
  font-size: 23px;
}

.gate-main .scan-intro p {
  font-size: 14px;
  line-height: 1.7;
}

.gate-main .scan-result {
  padding: 24px;
}

.gate-main .scan-result h2 {
  line-height: 1.15;
  overflow-wrap: anywhere;
}

.gate-main .scan-result p {
  line-height: 1.7;
  overflow-wrap: anywhere;
}

.gate-main .scan-controls input {
  min-width: 0;
  min-height: 48px;
  border-radius: 6px;
}

/* Login, invitations, and account-security screens share the same calm frame. */
.login-wrap {
  padding: 48px 20px;
}

.login-wrap > .panel {
  width: 100%;
  max-width: 560px;
  padding: 32px;
  border-radius: 12px;
  border-color: #d8cfe0;
}

.login-wrap > .login-card {
  max-width: 460px;
}

.login-wrap .panel > h1 {
  font-size: clamp(30px, 4vw, 38px);
  line-height: 1.12;
  margin: 15px 0;
}

.login-wrap .panel > p {
  color: var(--workspace-muted);
  font-size: 14px;
  line-height: 1.75;
}

.login-wrap label {
  font-size: 13px;
}

.login-wrap :is(input:not([type=checkbox]), select) {
  min-height: 48px;
  border-radius: 6px;
}

.login-wrap .panel > :is(.button, button) {
  margin-top: 20px;
}

@media (max-width: 1050px) {
  .app-layout .stat > strong {
    font-size: 32px;
  }
}

@media (max-width: 740px) {
  :is(.checkout-layout, .app-layout, .gate-main, .login-wrap) :is(input, select, textarea) {
    font-size: 16px;
  }

  .checkout-layout .checkout-heading {
    padding-top: 28px;
    padding-bottom: 24px;
  }

  .checkout-layout .panel {
    padding: 22px;
  }

  .checkout-layout .checkout-heading p {
    font-size: 14px;
    line-height: 1.7;
  }

  .checkout-layout .checkout-steps li {
    padding: 14px 5px;
    font-size: 11px;
  }

  .checkout-layout .mobile-order-summary > summary::after {
    content: none;
  }

  .checkout-layout .checkout-total > span {
    font-size: 16px;
  }

  .checkout-layout .emergency-fields legend {
    font-size: 16px;
  }

  .app-layout .workspace {
    padding: 22px 16px 40px;
  }

  .app-layout .sidebar nav a {
    padding: 11px 12px;
    font-size: 12px;
  }

  .app-layout .sidebar-bottom {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px 12px;
  }

  .app-layout .sidebar-bottom :is(a, button) {
    font-size: 11px;
    line-height: 1.5;
  }

  .app-layout .stats {
    gap: 12px;
  }

  .app-layout .stat {
    padding: 16px;
  }

  .app-layout .stat > strong {
    font-size: clamp(24px, 7vw, 32px);
    overflow-wrap: anywhere;
  }

  .app-layout .stat > small {
    font-size: 11px;
  }

  .app-layout .table-wrap {
    padding-bottom: 8px;
  }

  .app-layout .tools-row {
    gap: 10px;
  }

  .app-layout .tools-row :is(input, select) {
    flex: 1 1 180px;
    min-width: 0;
  }

  .gate-main .scan-intro {
    padding: 28px 22px;
  }

  .gate-main .gate-status {
    padding: 15px;
    flex-wrap: wrap;
  }

  .gate-main .scan-result {
    padding: 20px;
  }

  .login-wrap {
    padding: 30px 16px;
  }

  .login-wrap > .panel {
    padding: 26px 22px;
  }
}

@media (max-width: 380px) {
  .app-layout .stats {
    grid-template-columns: 1fr;
  }

  .checkout-layout .panel {
    padding: 20px;
  }
}

/* Organizer-managed questions; drafts stay local until event settings are saved. */
.checkout-layout .checkout-tier-notice {
  margin-bottom: 26px;
  padding: 21px 25px;
  border: 1px solid #d5cadf;
  border-left: 4px solid #ae97c5;
  border-radius: 8px;
  background: #eee8f4;
}

.checkout-layout .checkout-tier-notice.has-tier-incentive {
  border-color: #bdcf96;
  border-left-color: #769544;
  background: #edf4de;
}

.checkout-layout .checkout-tier-notice .eyebrow {
  display: block;
  color: #5a6545;
  font-size: 10px;
}

.checkout-layout .checkout-tier-notice strong {
  display: block;
  margin: 9px 0 7px;
  font-size: 20px;
  letter-spacing: -.5px;
  overflow-wrap: anywhere;
}

.checkout-layout .checkout-tier-notice p {
  color: #4d5742;
  font-size: 14px;
  line-height: 1.7;
}

.app-layout .tier-release-status {
  margin: 0 0 22px;
  padding: 18px 20px;
  background: #eee8f4;
  border-radius: 8px;
}

.app-layout .tier-release-status p {
  margin-top: 8px;
  font-size: 14px;
  color: #594c63;
  overflow-wrap: anywhere;
}

.app-layout .tier-next-release {
  margin: 18px 0;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}

.app-layout .tier-next-release .eyebrow {
  font-size: 10px;
}

.app-layout .tier-next-release p {
  margin: 8px 0 0;
  font-size: 13px;
  color: #5e5365;
}

#tier-form .tier-next-controls {
  margin: 0;
  padding: 22px 20px;
  border: 1px solid #d6ccdf;
  border-radius: 8px;
  background: #eee8f4;
  min-width: 0;
}

#tier-form .tier-next-controls legend {
  padding: 0 8px;
  font-size: 14px;
  font-weight: 700;
}

#tier-form .tier-next-controls > label {
  font-size: 13px;
}

#tier-form .tier-next-controls > .footnote + label {
  margin-top: 20px;
}

#tier-form .tier-delay-controls {
  margin-top: 20px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

#tier-form .tier-delay-controls[hidden] {
  display: none;
}

#tier-form .footnote {
  font-size: 12px;
  color: #65586f;
}

#tier-form .tier-save-effect {
  padding-top: 14px;
  border-top: 1px solid #d3c6df;
  color: #493756;
}

#tier-form :is(input, select, button) {
  min-height: 44px;
}

@media (max-width: 740px) {
  .checkout-layout .checkout-tier-notice {
    padding: 19px 20px;
    margin-bottom: 22px;
  }

  .checkout-layout .checkout-tier-notice strong {
    font-size: 18px;
  }

  #tier-form .tier-next-controls {
    padding: 18px 16px;
  }

  #tier-form .tier-delay-controls {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.app-layout #faq-settings > .footnote {
  margin-bottom: 22px;
  max-width: 680px;
}

.app-layout #faq-editor-list {
  display: grid;
  gap: 18px;
}

.app-layout .faq-editor-card {
  min-width: 0;
  padding: 22px;
  background: #f8f6f0;
  border: 1px solid #ded7e4;
  border-radius: 8px;
}

.app-layout .faq-editor-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 20px;
  margin-bottom: 18px;
}

.app-layout .faq-editor-heading h4 {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #5a4869;
}

.app-layout .faq-editor-heading .checkbox {
  min-height: 44px;
  align-items: center;
  gap: 10px;
}

.app-layout .faq-editor-card > label + label {
  margin-top: 18px;
}

.app-layout .faq-editor-card textarea {
  min-height: 126px;
}

.app-layout .faq-editor-card label > small {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.7;
  color: var(--workspace-muted);
}

.app-layout .faq-editor-actions,
.app-layout .faq-editor-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  align-items: center;
  margin-top: 20px;
}

.app-layout .faq-editor-order {
  display: flex;
  gap: 8px;
}

.app-layout .faq-editor-actions button {
  min-height: 44px;
  font-size: 12px;
  white-space: normal;
}

.app-layout .faq-editor-actions .faq-reset {
  flex: 1 1 180px;
  text-align: left;
  justify-content: flex-start;
}

.app-layout .faq-editor-actions .faq-remove {
  color: #9a3c37;
  margin-left: auto;
}

.app-layout .faq-editor-footer .footnote {
  margin: 0;
}

.app-layout .faq-editor-empty {
  font-size: 14px;
  line-height: 1.7;
  padding: 22px;
  background: #f2edf6;
  border-radius: 8px;
  color: var(--workspace-muted);
}

.app-layout #faq-editor-status:empty {
  display: none;
}

@media (max-width: 740px) {
  .app-layout .faq-editor-card {
    padding: 17px;
  }

  .app-layout .faq-editor-heading {
    gap: 8px 14px;
    margin-bottom: 16px;
  }

  .app-layout .faq-editor-actions .faq-reset {
    flex-basis: calc(100% - 80px);
  }

  .app-layout .faq-editor-order {
    width: 100%;
  }

  .app-layout .faq-editor-order button {
    flex: 1;
  }
}
.settings-conflict-field {
  margin: 20px 0;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 4px;
  min-width: 0;
}
.settings-conflict-field legend { font-weight: 700; }
.settings-conflict-field pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  max-height: 180px;
  overflow-y: auto;
  padding: 12px;
  background: var(--panel);
  border: 1px solid var(--line);
  font-family: inherit;
  font-size: 12px;
  line-height: 1.6;
}
.settings-conflict-field label { margin-top: 16px; }
#reauth-dialog label { margin: 20px 0; }