/* src/features/entries/entry-refund-inbox.css */
.entryRefundInbox {
  margin: 0 0 20px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 20px;
  overflow: hidden;
  background: #101722;
}
.paymentLedgerSummary {
  margin: 0 0 14px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 16px;
  padding: 16px 18px;
  background: #101722;
}
.paymentLedgerSummary.ready {
  border-color: rgba(45, 212, 191, 0.22);
  background: rgba(15, 118, 110, 0.08);
}
.paymentLedgerSummary.actionRequired {
  border-color: rgba(244, 63, 94, 0.28);
  background: rgba(127, 29, 29, 0.13);
}
.paymentLedgerSummary.unconfigured,
.paymentLedgerSummary.error {
  background: rgba(255, 255, 255, 0.025);
}
.paymentLedgerSummaryHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.paymentLedgerSummaryHead > div {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.paymentLedgerSummaryHead span {
  color: #8ab8ff;
  font-size: 11px;
  font-weight: 800;
}
.paymentLedgerSummaryHead strong {
  color: #f2f4f6;
  font-size: 16px;
}
.paymentLedgerSummaryHead small {
  color: #8b95a7;
  font-size: 12px;
  line-height: 1.45;
}
.paymentLedgerSummaryHead button {
  min-height: 38px;
  flex: 0 0 auto;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 10px;
  padding: 0 14px;
  background: transparent;
  color: #cbd5e1;
  font-weight: 800;
}
.paymentLedgerSummaryHead button:disabled {
  opacity: 0.58;
}
.paymentLedgerSummaryMeta {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  color: #8b95a7;
  font-size: 11px;
}
.paymentLedgerIssueList {
  margin-top: 12px;
  display: grid;
  gap: 1px;
  overflow: hidden;
  border-radius: 10px;
  background: rgba(148, 163, 184, 0.1);
}
.paymentLedgerIssueList > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  background: #111925;
}
.paymentLedgerIssueList strong {
  color: #fda4af;
  font-size: 12px;
}
.paymentLedgerIssueList span,
.paymentLedgerIssueList > small {
  color: #8b95a7;
  font-size: 11px;
}
.paymentLedgerIssueList > small {
  padding: 8px 12px;
  background: #111925;
}
.entryRefundInbox > summary {
  min-height: 68px;
  padding: 0 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  cursor: pointer;
  list-style: none;
}
.entryRefundInbox > summary::-webkit-details-marker {
  display: none;
}
.entryRefundInbox > summary span {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.entryRefundInbox > summary b {
  color: #f2f4f6;
  font-size: 16px;
}
.entryRefundInbox > summary small {
  color: #8b95a7;
  font-size: 12px;
}
.entryRefundInbox > summary em {
  color: #8ab8ff;
  font-size: 13px;
  font-style: normal;
  font-weight: 900;
}
.entryRefundInboxBody {
  border-top: 1px solid rgba(148, 163, 184, 0.08);
  padding: 18px;
}
.entryRefundInboxBody > header {
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.entryRefundInboxBody > header strong {
  color: #f2f4f6;
  font-size: 15px;
}
.entryRefundInboxBody > header p {
  margin: 4px 0 0;
  color: #8b95a7;
  font-size: 12px;
}
.entryRefundInboxBody > header button {
  min-height: 38px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 10px;
  padding: 0 14px;
  background: transparent;
  color: #cbd5e1;
}
.entryRefundEmpty {
  margin: 0;
  border-radius: 14px;
  padding: 18px;
  background: rgba(255, 255, 255, 0.03);
  color: #8b95a7;
  text-align: center;
}
.refundReconciliation {
  margin-bottom: 14px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 14px;
  padding: 14px 16px;
}
.refundReconciliation.healthy {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  background: rgba(15, 118, 110, 0.08);
  border-color: rgba(45, 212, 191, 0.18);
}
.refundReconciliation > div,
.refundReconciliation header > div {
  display: grid;
  gap: 3px;
}
.refundReconciliation strong {
  color: #f2f4f6;
  font-size: 14px;
}
.refundReconciliation span,
.refundReconciliation small,
.refundReconciliation p {
  color: #8b95a7;
  font-size: 11px;
}
.refundReconciliation.actionRequired {
  background: rgba(245, 166, 35, 0.06);
  border-color: rgba(245, 166, 35, 0.2);
}
.refundReconciliation.actionRequired > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 10px;
}
.refundReconciliationIssues {
  display: grid;
  gap: 1px;
  overflow: hidden;
  border-radius: 10px;
  background: rgba(148, 163, 184, 0.1);
}
.refundReconciliationIssues article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 12px;
  background: #111925;
}
.refundReconciliationIssues article > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.refundReconciliationIssues article b {
  color: #e2e8f0;
  font-size: 12px;
}
.refundReconciliationIssues article.critical {
  box-shadow: inset 3px 0 #f43f5e;
}
.refundReconciliationIssues article.warning {
  box-shadow: inset 3px 0 #f5a623;
}
.refundReconciliationIssues article > strong {
  flex: 0 0 auto;
  font-size: 12px;
}
.refundReconciliation.actionRequired > p {
  margin: 9px 0 0;
  line-height: 1.45;
}
.entryRefundList {
  display: grid;
  gap: 10px;
}
.entryRefundList article {
  border: 1px solid rgba(245, 166, 35, 0.18);
  border-radius: 16px;
  padding: 18px;
  display: grid;
  grid-template-columns: minmax(180px, 0.8fr) minmax(130px, 0.35fr) minmax(220px, 1fr);
  gap: 18px;
  align-items: center;
  background: #1b160d;
}
.entryRefundList article.approved {
  border-color: rgba(49, 130, 246, 0.18);
  background: #101d30;
}
.entryRefundIdentity span {
  color: #f5a623;
  font-size: 11px;
  font-weight: 900;
}
.entryRefundList article.approved .entryRefundIdentity span {
  color: #8ab8ff;
}
.entryRefundIdentity strong,
.entryRefundAmount strong {
  display: block;
  margin-top: 5px;
  color: #f8fafc;
  font-size: 18px;
}
.entryRefundIdentity small,
.entryRefundAmount small {
  display: block;
  margin-top: 4px;
  color: #8b95a7;
  font-size: 11px;
}
.entryRefundList article > p {
  margin: 0;
  color: #cbd5e1;
  font-size: 13px;
  line-height: 1.5;
}
.entryRefundReview {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 8px;
}
.entryRefundReview label span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.entryRefundReview input {
  width: 100%;
  min-height: 44px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 12px;
  padding: 0 14px;
  background: #0b1018;
  color: #f8fafc;
}
.entryRefundReview button {
  min-width: 88px;
  min-height: 44px;
  border: 0;
  border-radius: 12px;
  font-weight: 900;
}
.entryRefundReview .reject {
  background: rgba(244, 63, 94, 0.12);
  color: #fda4af;
}
.entryRefundReview .approve {
  background: #3182f6;
  color: #fff;
}
.entryRefundWaiting {
  grid-column: 1 / -1;
  border-top: 1px solid rgba(148, 163, 184, 0.08);
  padding-top: 12px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.entryRefundWaiting > div {
  display: grid;
  gap: 4px;
}
.entryRefundWaiting strong {
  color: #8ab8ff;
  font-size: 13px;
}
.entryRefundWaiting span {
  color: #8b95a7;
  font-size: 12px;
}
.entryRefundWaiting button {
  min-height: 42px;
  border: 0;
  border-radius: 10px;
  padding: 0 16px;
  background: #3182f6;
  color: #fff;
  font-weight: 900;
}
.entryRefundWaiting button:disabled {
  opacity: 0.58;
}
@media (max-width: 900px) {
  .entryRefundList article {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .entryRefundList article > p {
    grid-column: 1 / -1;
  }
}
@media (max-width: 600px) {
  .paymentLedgerSummary {
    padding: 14px;
  }
  .paymentLedgerSummaryHead {
    align-items: flex-start;
  }
  .paymentLedgerSummaryHead button {
    padding: 0 11px;
  }
  .paymentLedgerIssueList > div {
    display: grid;
    gap: 3px;
  }
  .entryRefundInbox {
    margin-bottom: 14px;
    border-radius: 16px;
  }
  .entryRefundInbox > summary {
    min-height: 60px;
    padding: 0 16px;
  }
  .entryRefundInbox > summary span {
    display: grid;
    gap: 2px;
  }
  .entryRefundInboxBody {
    padding: 12px;
  }
  .entryRefundInboxBody > header {
    align-items: flex-start;
  }
  .entryRefundInboxBody > header p {
    max-width: 240px;
  }
  .refundReconciliation.healthy,
  .refundReconciliation.actionRequired > header {
    align-items: flex-start;
  }
  .refundReconciliationIssues article {
    align-items: flex-start;
  }
  .entryRefundList article {
    padding: 15px;
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .entryRefundList article > p,
  .entryRefundReview,
  .entryRefundWaiting {
    grid-column: 1;
  }
  .entryRefundReview {
    grid-template-columns: 1fr 1fr;
  }
  .entryRefundReview label {
    grid-column: 1 / -1;
  }
  .entryRefundWaiting {
    display: grid;
  }
}

/* src/features/monitoring/closeout-archive-activity.css */
.closeoutActivitySection {
  padding: 26px 0;
  border-bottom: 1px solid var(--line-soft);
}
.closeoutActivitySection > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
}
.closeoutActivitySection > header span {
  color: #8ab8ff;
  font-size: 12px;
  font-weight: 900;
}
.closeoutActivitySection > header h4 {
  margin: 6px 0 5px;
  color: #f8fafc;
  font-size: 21px;
}
.closeoutActivitySection > header p {
  margin: 0;
  color: var(--text-muted);
  font-size: 13px;
  font-weight: 700;
}
.closeoutActivitySection > header button,
.closeoutActivityOpen {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid var(--line-strong);
  border-radius: 8px;
  color: var(--text-soft);
  background: transparent;
  font-weight: 800;
}
.closeoutActivitySummary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 8px;
  border-top: 1px solid var(--line-soft);
  border-bottom: 1px solid var(--line-soft);
}
.closeoutActivitySummary > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-right: 1px solid var(--line-soft);
}
.closeoutActivitySummary > div:first-child {
  padding-left: 0;
}
.closeoutActivitySummary > div:last-child {
  border-right: 0;
}
.closeoutActivitySummary span {
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 800;
}
.closeoutActivitySummary strong {
  color: #f8fafc;
  font-size: 18px;
}
.closeoutActivityList article {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 13px;
  min-height: 78px;
  border-bottom: 1px solid var(--line-soft);
}
.closeoutActivityIcon {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 50%;
  color: #8ab8ff;
  background: rgba(49, 130, 246, 0.12);
}
.closeoutActivityIcon.downloaded {
  color: #5ee6b4;
  background: rgba(16, 185, 129, 0.12);
}
.closeoutActivityIcon.grant_created {
  color: #f8ca67;
  background: rgba(245, 158, 11, 0.12);
}
.closeoutActivityMain {
  display: grid;
  min-width: 0;
  gap: 2px;
}
.closeoutActivityMain span {
  color: #8da6c9;
  font-size: 11px;
  font-weight: 900;
}
.closeoutActivityMain strong {
  overflow-wrap: anywhere;
  color: #f8fafc;
  font-size: 14px;
}
.closeoutActivityMain small {
  color: var(--text-muted);
  font-size: 12px;
}
.closeoutActivityMeta {
  display: grid;
  gap: 2px;
  min-width: 130px;
  color: var(--text-muted);
  font-size: 12px;
  text-align: right;
}
.closeoutActivityEmpty {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 74px;
  color: var(--text-muted);
  font-weight: 700;
}
.closeoutActivityEmpty.isError {
  color: #fda4af;
}
.closeoutActivitySection .isSpinning {
  animation: closeoutActivitySpin 0.8s linear infinite;
}
.closeoutRestoreQueue {
  margin: 20px 0 10px;
  border-top: 1px solid rgba(96, 165, 250, 0.32);
  border-bottom: 1px solid var(--line-soft);
}
.closeoutRestoreQueueTitle {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 15px 0;
  color: #8ab8ff;
}
.closeoutRestoreQueueTitle > div {
  display: grid;
  gap: 2px;
}
.closeoutRestoreQueueTitle strong {
  color: #f8fafc;
  font-size: 14px;
}
.closeoutRestoreQueueTitle span {
  color: var(--text-muted);
  font-size: 12px;
}
.closeoutRestoreQueue article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px 18px;
  padding: 18px 0;
  border-top: 1px solid var(--line-soft);
  scroll-margin-top: 24px;
  transition: background 180ms ease, box-shadow 180ms ease;
}
.closeoutRestoreQueue article.isFocusedRestore {
  background: rgba(47, 128, 237, 0.1);
  box-shadow: inset 3px 0 0 var(--accent-primary);
}
.closeoutRestoreRequestMain {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.closeoutRestoreRequestMain > span {
  color: #8da6c9;
  font-size: 11px;
  font-weight: 800;
}
.closeoutRestoreRequestMain > strong {
  color: #f8fafc;
  font-size: 15px;
}
.closeoutRestoreRequestMain > p {
  margin: 4px 0 0;
  color: var(--text-soft);
  font-size: 13px;
  line-height: 1.55;
}
.closeoutRestoreQueue label {
  display: grid;
  grid-column: 1 / -1;
  gap: 6px;
}
.closeoutRestoreQueue label > span {
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 800;
}
.closeoutRestoreQueue textarea {
  width: 100%;
  min-height: 68px;
  padding: 11px 12px;
  resize: vertical;
  border: 1px solid var(--line-strong);
  border-radius: 8px;
  color: #f8fafc;
  background: rgba(8, 14, 24, 0.45);
  font: inherit;
  line-height: 1.5;
}
.closeoutRestoreReviewActions {
  display: flex;
  grid-column: 1 / -1;
  justify-content: flex-end;
  gap: 8px;
}
.closeoutRestoreReviewActions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid var(--line-strong);
  border-radius: 8px;
  color: #f8fafc;
  background: transparent;
  font-weight: 800;
}
.closeoutRestoreReviewActions button:last-child {
  border-color: #3182f6;
  background: #3182f6;
}
.closeoutRestoreReviewActions button:disabled {
  opacity: 0.48;
  cursor: not-allowed;
}
.closeoutRestorePlanAction {
  display: flex;
  grid-column: 1 / -1;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--line-soft);
}
.closeoutRestorePlanAction > p {
  margin: 0;
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 700;
}
.closeoutRestorePlanAction > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 40px;
  padding: 0 14px;
  border: 0;
  border-radius: 8px;
  color: #fff;
  background: #3182f6;
  font-weight: 800;
}
.closeoutRestorePlanAction > button:disabled {
  opacity: 0.48;
  cursor: not-allowed;
}
.closeoutRestorePlanAction.hasImpact {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
}
.closeoutRestorePlanAction.hasImpact > p {
  grid-column: 1;
}
.closeoutRestorePlanAction.hasImpact > button {
  grid-column: 2;
  grid-row: 1 / span 2;
}
.closeoutRestoreImpact {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--line-soft);
  border-radius: 8px;
  background: var(--line-soft);
}
.closeoutRestoreImpact > span {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 12px;
  color: var(--text-muted);
  background: rgba(8, 14, 24, 0.76);
  font-size: 11px;
  font-weight: 800;
}
.closeoutRestoreImpact strong {
  color: #f8fafc;
  font-size: 15px;
}
.closeoutRestoreMessage {
  grid-column: 1 / -1;
  margin: 0;
  color: #fda4af;
  font-size: 12px;
  font-weight: 800;
}
.closeoutRestoreExecution {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 0.7fr) auto;
  gap: 12px;
  align-items: end;
  padding-top: 14px;
  border-top: 1px solid #243247;
}
.closeoutRestoreExecution > p {
  grid-column: 1 / -1;
  margin: 0;
  color: var(--text-soft);
  font-size: 12px;
}
.closeoutRestoreExecution label {
  display: grid;
  gap: 7px;
}
.closeoutRestoreExecution label > span {
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 800;
}
.closeoutRestoreExecution input {
  min-width: 0;
  height: 42px;
  padding: 0 12px;
  border: 1px solid #334155;
  border-radius: 8px;
  background: #0b1220;
  color: #f8fafc;
  font: inherit;
}
.closeoutRestoreExecution > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 42px;
  padding: 0 18px;
  border: 1px solid #ef4444;
  border-radius: 8px;
  background: #dc2626;
  color: #fff;
  font-weight: 900;
  cursor: pointer;
}
.closeoutRestoreExecution > button:disabled {
  opacity: 0.42;
  cursor: not-allowed;
}
.closeoutRestoreRecovery {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.7fr) auto;
  gap: 12px;
  align-items: end;
  padding: 14px;
  border: 1px solid rgba(248, 113, 113, 0.38);
  border-radius: 8px;
  background: rgba(127, 29, 29, 0.12);
}
.closeoutRestoreRecoveryNotice {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #fda4af;
}
.closeoutRestoreRecoveryNotice > div {
  display: grid;
  gap: 4px;
}
.closeoutRestoreRecoveryNotice strong {
  color: #fff1f2;
  font-size: 14px;
}
.closeoutRestoreRecoveryNotice p {
  margin: 0;
  color: #fecdd3;
  font-size: 12px;
  line-height: 1.5;
}
.closeoutRestoreRecovery label {
  display: grid;
  gap: 7px;
}
.closeoutRestoreRecovery label > span {
  color: #fecdd3;
  font-size: 12px;
  font-weight: 800;
}
.closeoutRestoreRecovery input {
  min-width: 0;
  height: 42px;
  padding: 0 12px;
  border: 1px solid rgba(248, 113, 113, 0.55);
  border-radius: 8px;
  background: #0b1220;
  color: #f8fafc;
  font: inherit;
}
.closeoutRestoreRecovery > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 42px;
  padding: 0 18px;
  border: 1px solid #f87171;
  border-radius: 8px;
  background: #991b1b;
  color: #fff;
  font-weight: 900;
}
.closeoutRestoreRecovery > button:disabled {
  opacity: 0.42;
  cursor: not-allowed;
}
@keyframes closeoutActivitySpin {
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 720px) {
  .closeoutActivitySection > header {
    display: grid;
  }
  .closeoutActivitySection > header button {
    width: 100%;
  }
  .closeoutActivitySummary {
    grid-template-columns: 1fr;
  }
  .closeoutActivitySummary > div,
  .closeoutActivitySummary > div:first-child {
    padding: 12px 0;
    border-right: 0;
    border-bottom: 1px solid var(--line-soft);
  }
  .closeoutActivitySummary > div:last-child {
    border-bottom: 0;
  }
  .closeoutActivityList article {
    grid-template-columns: 38px minmax(0, 1fr);
    padding: 14px 0;
  }
  .closeoutActivityMeta {
    grid-column: 2;
    min-width: 0;
    text-align: left;
  }
  .closeoutActivityOpen {
    grid-column: 1 / -1;
    width: 100%;
  }
  .closeoutRestoreQueue article {
    grid-template-columns: 1fr;
  }
  .closeoutRestoreQueue .closeoutActivityOpen,
  .closeoutRestoreQueue label,
  .closeoutRestoreReviewActions {
    grid-column: 1;
  }
  .closeoutRestoreReviewActions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .closeoutRestoreReviewActions button {
    width: 100%;
  }
  .closeoutRestorePlanAction,
  .closeoutRestorePlanAction.hasImpact {
    display: grid;
    grid-template-columns: 1fr;
  }
  .closeoutRestorePlanAction > button,
  .closeoutRestorePlanAction.hasImpact > button {
    grid-column: 1;
    grid-row: auto;
    width: 100%;
  }
  .closeoutRestorePlanAction.hasImpact > p {
    grid-column: 1;
  }
  .closeoutRestoreImpact {
    grid-template-columns: 1fr 1fr;
  }
  .closeoutRestoreExecution {
    grid-template-columns: 1fr;
  }
  .closeoutRestoreExecution > button {
    width: 100%;
  }
  .closeoutRestoreRecovery {
    grid-template-columns: 1fr;
  }
  .closeoutRestoreRecovery > button {
    width: 100%;
  }
}

/* src/styles.css */
@font-face {
  font-family: "Pretendard Variable";
  font-style: normal;
  font-weight: 45 920;
  font-display: swap;
  src: url("./PretendardVariable.woff2") format("woff2-variations");
}
.overviewArchiveRow {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  margin-top: 18px;
  padding: 18px 0 4px;
  border-top: 1px solid rgba(148, 163, 184, 0.18);
}
.overviewArchiveIcon {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border-radius: 50%;
  color: #8da4c7;
  background: rgba(41, 55, 78, 0.68);
}
.overviewArchiveRow.isComplete .overviewArchiveIcon {
  color: #35d7a1;
  background: rgba(24, 174, 125, 0.13);
}
.overviewArchiveRow.needsAttention .overviewArchiveIcon {
  color: #ffb454;
  background: rgba(245, 158, 11, 0.13);
}
.overviewArchiveCopy {
  display: grid;
  min-width: 0;
  gap: 3px;
}
.overviewArchiveStatus {
  width: max-content;
  padding: 3px 7px;
  border-radius: 6px;
  color: #7f95b5;
  background: rgba(125, 149, 181, 0.1);
  font-size: 12px;
  font-weight: 800;
}
.overviewArchiveStatus.is-complete {
  color: #35d7a1;
  background: rgba(24, 174, 125, 0.13);
}
.overviewArchiveStatus.is-retry {
  color: #ffb454;
  background: rgba(245, 158, 11, 0.13);
}
.overviewArchiveStatus.is-pending {
  color: #8dbaff;
  background: rgba(49, 130, 246, 0.12);
}
.overviewArchiveCopy > strong {
  overflow-wrap: anywhere;
  color: #f5f7fb;
  font-size: 16px;
}
.overviewArchiveCopy > small,
.overviewArchiveCopy > p {
  margin: 0;
  color: #91a0b8;
  font-size: 13px;
  line-height: 1.5;
}
.overviewArchiveCopy > p {
  color: #64a2ff;
}
.overviewArchiveActions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 17px;
  border: 0;
  border-radius: 8px;
  color: #fff;
  background: #3182f6;
  font-weight: 800;
}
.overviewArchiveActions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}
.overviewArchiveActions button:not(:first-child) {
  border: 1px solid rgba(148, 163, 184, 0.22);
  color: #dce7f8;
  background: transparent;
}
.overviewArchiveRestore {
  display: grid;
  grid-column: 2 / -1;
  gap: 8px;
  padding: 14px 0 4px;
  border-top: 1px solid rgba(148, 163, 184, 0.14);
}
.overviewArchiveRestore label {
  color: #dce7f8;
  font-size: 13px;
  font-weight: 800;
}
.overviewArchiveRestore textarea {
  width: 100%;
  min-height: 92px;
  padding: 13px 14px;
  resize: vertical;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 8px;
  color: #f8fafc;
  background: rgba(8, 14, 24, 0.46);
  font: inherit;
  line-height: 1.55;
}
.overviewArchiveRestore > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.overviewArchiveRestore small {
  color: #91a0b8;
  font-size: 12px;
}
.overviewArchiveRestore button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 42px;
  padding: 0 16px;
  border: 0;
  border-radius: 8px;
  color: #fff;
  background: #3182f6;
  font-weight: 800;
}
.overviewArchiveRestore button:disabled {
  color: #74849b;
  background: #202b3c;
}
.overviewArchiveActions button:disabled {
  color: #74849b;
  background: #202b3c;
  cursor: not-allowed;
}
.overviewArchiveActions .isSpinning {
  animation: overviewArchiveSpin 0.8s linear infinite;
}
@keyframes overviewArchiveSpin {
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 720px) {
  .overviewArchiveRow {
    grid-template-columns: 40px minmax(0, 1fr);
  }
  .overviewArchiveIcon {
    width: 40px;
    height: 40px;
  }
  .overviewArchiveActions {
    grid-column: 1 / -1;
  }
  .overviewArchiveActions button {
    width: 100%;
  }
  .overviewArchiveRestore {
    grid-column: 1 / -1;
  }
  .overviewArchiveRestore > div {
    align-items: stretch;
    flex-direction: column;
  }
  .overviewArchiveRestore button {
    width: 100%;
  }
}
.operationsMonitoringPanel {
  width: min(1280px, calc(100% - 40px));
  margin: 24px auto 48px;
  color: #f8fafc;
}
.monitoringHeader {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 4px 0 24px;
  border-bottom: 1px solid var(--line-soft);
}
.monitoringHeader > div > span,
.monitoringSection > header span {
  color: #8ab8ff;
  font-size: 12px;
  font-weight: 900;
}
.monitoringHeader h3 {
  margin: 7px 0 8px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.15;
}
.monitoringHeader p {
  margin: 0;
  color: var(--text-muted);
  font-weight: 700;
}
.monitoringStatus {
  min-height: 38px;
  padding: 0 13px;
  border: 1px solid var(--line-strong);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--text-soft);
  background: rgba(15, 23, 42, 0.7);
  font-size: 13px;
  white-space: nowrap;
}
.monitoringStatus.stable {
  color: #6ee7b7;
  border-color: rgba(52, 211, 153, 0.25);
}
.monitoringStatus.attention {
  color: #fcd34d;
  border-color: rgba(251, 191, 36, 0.28);
}
.monitoringStatus.critical {
  color: #fda4af;
  border-color: rgba(251, 113, 133, 0.3);
}
.monitoringMetrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-bottom: 1px solid var(--line-soft);
}
.monitoringMetrics > div {
  min-height: 94px;
  padding: 22px 24px;
  display: grid;
  gap: 5px;
  border-right: 1px solid var(--line-soft);
}
.monitoringMetrics > div:first-child {
  padding-left: 0;
}
.monitoringMetrics > div:last-child {
  border-right: 0;
}
.monitoringMetrics span {
  color: var(--text-muted);
  font-size: 13px;
  font-weight: 800;
}
.monitoringMetrics strong {
  font-size: 28px;
  line-height: 1;
}
.monitoringMetrics .danger strong {
  color: #fb7185;
}
.monitoringEnvironment {
  margin: 20px 0 0;
  padding: 15px 18px;
  border: 1px solid var(--line-soft);
  border-left: 3px solid #fbbf24;
  display: grid;
  grid-template-columns: auto auto minmax(240px, 1fr);
  align-items: center;
  gap: 24px;
  background: rgba(15, 23, 42, 0.44);
}
.monitoringEnvironment.ready {
  border-left-color: #34d399;
}
.monitoringEnvironment > div {
  display: grid;
  grid-template-columns: 22px auto;
  gap: 2px 8px;
  align-items: center;
}
.monitoringEnvironment > div svg {
  grid-row: 1 / 3;
  color: #8ab8ff;
}
.monitoringEnvironment span {
  color: var(--text-muted);
  font-size: 11px;
  font-weight: 800;
}
.monitoringEnvironment strong {
  font-size: 14px;
}
.monitoringEnvironment p {
  margin: 0;
  color: var(--text-muted);
  font-size: 13px;
  font-weight: 700;
  text-align: right;
}
.monitoringReadiness {
  margin-top: 12px;
  border: 1px solid var(--line-soft);
  background: rgba(15, 23, 42, 0.44);
}
.monitoringReadiness > header {
  min-height: 66px;
  padding: 14px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid var(--line-soft);
}
.monitoringReadiness > header > div {
  display: flex;
  align-items: center;
  gap: 10px;
}
.monitoringReadiness > header svg {
  color: #8ab8ff;
}
.monitoringReadiness > header div div {
  display: grid;
  gap: 2px;
}
.monitoringReadiness > header span,
.monitoringReadiness > header small {
  color: var(--text-muted);
  font-size: 11px;
  font-weight: 800;
}
.monitoringReadiness > header strong {
  font-size: 15px;
}
.monitoringReadinessActions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.monitoringReadinessActions button {
  min-height: 34px;
  padding: 0 11px;
  border: 1px solid var(--line-strong);
  border-radius: 7px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #dbeafe;
  background: rgba(30, 41, 59, 0.72);
  font-size: 12px;
  font-weight: 800;
}
.monitoringReadinessActions button:disabled {
  color: var(--text-muted);
  opacity: 0.62;
}
.monitoringReadinessChecks {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.monitoringReadinessChecks > div {
  min-width: 0;
  min-height: 88px;
  padding: 16px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-content: center;
  gap: 4px 7px;
  border-right: 1px solid var(--line-soft);
}
.monitoringReadinessChecks > div:last-child {
  border-right: 0;
}
.monitoringReadinessChecks > div svg {
  grid-row: 1 / 3;
  color: #fcd34d;
}
.monitoringReadinessChecks > div.ready svg {
  color: #6ee7b7;
}
.monitoringReadinessChecks > div.blocked svg {
  color: #fda4af;
}
.monitoringReadinessChecks span {
  color: var(--text-muted);
  font-size: 11px;
  font-weight: 800;
}
.monitoringReadinessChecks strong {
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.monitoringReadiness > p {
  margin: 0;
  padding: 11px 18px;
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 750;
  border-top: 1px solid var(--line-soft);
}
.monitoringSection {
  margin-top: 38px;
}
.monitoringSection > header {
  min-height: 58px;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid var(--line-soft);
  padding-bottom: 14px;
}
.monitoringSection h4 {
  margin: 4px 0 0;
  font-size: 21px;
}
.monitoringSection > header small {
  color: #fcd34d;
  font-weight: 800;
}
.monitoringIssueList article {
  min-height: 102px;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 18px 0;
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}
.monitoringIssueIcon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #fcd34d;
  background: rgba(251, 191, 36, 0.1);
}
.monitoringIssueIcon.failed {
  color: #fda4af;
  background: rgba(225, 29, 72, 0.12);
}
.monitoringIssueMain {
  min-width: 0;
  display: grid;
  gap: 3px;
}
.monitoringIssueMain span {
  color: #8ab8ff;
  font-size: 12px;
  font-weight: 850;
}
.monitoringIssueMain strong {
  overflow-wrap: anywhere;
}
.monitoringIssueMain p {
  margin: 0;
  color: var(--text-muted);
  font-size: 13px;
  font-weight: 700;
}
.monitoringIssueMeta {
  display: grid;
  justify-items: end;
  gap: 10px;
}
.monitoringIssueMeta > span {
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 700;
}
.monitoringIssueMeta button {
  min-height: 38px;
  padding: 0 13px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #fff;
  background: var(--accent-primary);
  font-weight: 850;
}
.monitoringEmpty {
  min-height: 104px;
  display: flex;
  align-items: center;
  gap: 14px;
  color: #6ee7b7;
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}
.monitoringEmpty > div {
  display: grid;
  gap: 4px;
}
.monitoringEmpty span {
  color: var(--text-muted);
  font-size: 13px;
  font-weight: 700;
}
.monitoringAuditList article {
  min-height: 72px;
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}
.monitoringAuditList time,
.monitoringAuditList small {
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 750;
}
.monitoringAuditList > article > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}
.monitoringAuditList > article > div span {
  color: var(--text-muted);
  font-size: 13px;
  overflow-wrap: anywhere;
}
.monitoringNoAudit {
  margin: 0;
  padding: 26px 0;
  color: var(--text-muted);
  font-weight: 700;
}
@media (max-width: 820px) {
  .operationsMonitoringPanel {
    width: 100%;
    margin: 10px 0 32px;
  }
  .monitoringHeader {
    display: grid;
    gap: 16px;
  }
  .monitoringStatus {
    justify-self: start;
  }
  .monitoringMetrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .monitoringMetrics > div {
    min-height: 78px;
    padding: 16px 14px;
    border-bottom: 1px solid var(--line-soft);
  }
  .monitoringMetrics > div:first-child {
    padding-left: 14px;
  }
  .monitoringMetrics > div:nth-child(2) {
    border-right: 0;
  }
  .monitoringEnvironment {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .monitoringEnvironment p {
    text-align: left;
  }
  .monitoringReadinessChecks {
    grid-template-columns: 1fr;
  }
  .monitoringReadiness > header {
    align-items: flex-start;
  }
  .monitoringReadinessActions {
    display: grid;
    justify-items: end;
  }
  .monitoringReadinessChecks > div {
    min-height: 68px;
    border-right: 0;
    border-bottom: 1px solid var(--line-soft);
  }
  .monitoringReadinessChecks > div:last-child {
    border-bottom: 0;
  }
  .monitoringIssueList article {
    grid-template-columns: 36px minmax(0, 1fr);
  }
  .monitoringIssueMeta {
    grid-column: 2;
    justify-items: start;
  }
  .monitoringAuditList article {
    grid-template-columns: 1fr auto;
    padding: 14px 0;
  }
  .monitoringAuditList time {
    grid-column: 1 / -1;
  }
}
* {
  box-sizing: border-box;
}
:root {
  --surface-0: rgba(8, 13, 22, 0.66);
  --surface-1: rgba(17, 25, 39, 0.9);
  --surface-2: rgba(24, 34, 52, 0.88);
  --line-soft: rgba(148, 163, 184, 0.16);
  --line-strong: rgba(148, 163, 184, 0.24);
  --text-muted: #94a3b8;
  --text-soft: #cbd5e1;
  --accent-green: #36d399;
  --accent-red: #e3375f;
  --accent-blue: #38bdf8;
  --accent-yellow: #ffbd2e;
  --accent-primary: #3182f6;
  --accent-primary-strong: #1b64da;
  --accent-primary-soft: rgba(49, 130, 246, 0.16);
  --action-blue-text: #dbeafe;
  --action-blue-bg: rgba(30, 64, 175, 0.34);
  --action-blue-bg-hover: rgba(30, 64, 175, 0.5);
  --action-blue-border: rgba(96, 165, 250, 0.36);
  --action-blue-border-hover: #60a5fa;
  --action-green-text: #d1fae5;
  --action-green-bg: rgba(6, 95, 70, 0.3);
  --action-green-bg-hover: rgba(6, 95, 70, 0.46);
  --action-green-border: rgba(52, 211, 153, 0.36);
  --action-green-border-hover: #34d399;
  --action-yellow-text: #fef3c7;
  --action-yellow-bg: rgba(113, 63, 18, 0.34);
  --action-yellow-bg-hover: rgba(113, 63, 18, 0.5);
  --action-yellow-border: rgba(251, 191, 36, 0.36);
  --action-yellow-border-hover: #fbbf24;
  --action-red-text: #ffe4e6;
  --action-red-bg: rgba(190, 18, 60, 0.28);
  --action-red-bg-hover: rgba(190, 18, 60, 0.42);
  --action-red-border: rgba(251, 113, 133, 0.36);
  --action-red-border-hover: #fb7185;
  color: #f7fafc;
  background: #080b10;
  font-family:
    "Pretendard Variable",
    Pretendard,
    "Noto Sans KR",
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
}
body {
  margin: 0;
  min-width: 0;
  overflow-x: clip;
  background: #0b0d12;
  -webkit-font-smoothing: antialiased;
}
button {
  border: 0;
  font: inherit;
  cursor: pointer;
  transition:
    border-color 140ms ease,
    background 140ms ease,
    color 140ms ease,
    transform 140ms ease,
    opacity 140ms ease;
}
input,
select,
textarea {
  font: inherit;
}
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
a:focus-visible {
  outline: 3px solid rgba(49, 130, 246, 0.34);
  outline-offset: 2px;
}
.emptyBoot {
  min-height: 100vh;
  display: grid;
  place-items: center;
  color: #f7fafc;
  background: #0b1018;
  font-weight: 900;
}
.shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 252px minmax(0, 1fr);
}
.sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  border-right: 1px solid rgba(148, 163, 184, 0.16);
  background:
    linear-gradient(
      180deg,
      rgba(20, 29, 45, 0.98),
      rgba(10, 15, 24, 0.98)),
    #101827;
  padding: 22px 18px;
  display: grid;
  align-content: start;
  gap: 16px;
}
.brandBlock {
  display: flex;
  align-items: center;
  gap: 12px;
}
.brandMark {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  background: #e3375f;
  color: white;
  font-weight: 900;
  font-size: 22px;
}
.sidebar h1 {
  margin: 0;
  font-size: 25px;
  letter-spacing: 0;
}
.sidebar p {
  margin: 4px 0 0;
  color: #94a3b8;
}
.sideSignal {
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 8px;
  padding: 12px;
  display: grid;
  gap: 3px;
  background: rgba(15, 23, 42, 0.38);
}
.sideSignal span,
.sideSignal small {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 900;
}
.sideSignal strong {
  color: white;
  font-size: 24px;
  line-height: 1;
}
.sideSignal small {
  color: #94a3b8;
}
.sidebar nav {
  display: grid;
  gap: 8px;
}
.sidebar nav button {
  min-height: 42px;
  border-radius: 8px;
  padding: 0 8px 0 12px;
  text-align: left;
  color: #cbd5e1;
  background: transparent;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.sidebar nav button.active,
.sidebar nav button:hover {
  background: rgba(49, 130, 246, 0.1);
  color: white;
}
.sidebar nav button em {
  min-width: auto;
  height: auto;
  padding: 0;
  border-radius: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #94a3b8;
  background: transparent;
  font-style: normal;
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
}
.sidebar nav button.active em,
.sidebar nav button:hover em {
  color: #bfdbfe;
  background: transparent;
}
.workspace {
  padding: 16px 20px 22px;
  display: grid;
  gap: 14px;
  align-content: start;
  max-width: 1680px;
  width: 100%;
}
.tabWorkspace {
  display: grid;
  gap: 14px;
  align-content: start;
}
.kpi {
  border: 0;
  border-radius: 0;
  padding: 8px 12px;
  min-height: 56px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-content: center;
  align-items: center;
  gap: 2px 8px;
  background: transparent;
  box-shadow: none;
}
.panel,
.kpi,
.eventSwitcher select,
.commandCard,
.timelineStep,
.riskCard,
.entryRow,
.divisionCard,
.hostRequestCard,
.taskItem {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}
.panel {
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.018),
      rgba(255, 255, 255, 0)),
    var(--surface-1);
}
.panel:hover {
  border-color: var(--line-strong);
}
.topbar {
  padding: 14px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  background: rgba(13, 20, 32, 0.96);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.18);
}
.internalTopbar {
  grid-template-columns: minmax(0, 1fr) auto;
}
.internalShell .hostApprovalPanel {
  max-width: 1280px;
}
.internalShell .recordPolicyPanel {
  width: min(1280px, calc(100% - 40px));
  margin: 24px auto;
  border: 0;
  padding: 30px 24px 24px;
  background: #0b0f15;
  box-shadow: none;
}
.recordPolicyPanel > header {
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
  padding-bottom: 22px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}
.recordPolicyPanel > header span,
.recordPolicyChecklist span {
  color: #8ab8ff;
  font-size: 12px;
  font-weight: 950;
}
.recordPolicyPanel > header h3 {
  margin: 6px 0 8px;
  color: #f8fafc;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.14;
}
.recordPolicyPanel > header p {
  max-width: 760px;
  margin: 0;
  color: #91a0b4;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.55;
}
.recordPolicyPanel > header > strong {
  border: 1px solid rgba(49, 130, 246, 0.16);
  border-radius: 999px;
  padding: 10px 14px;
  color: #dbeafe;
  background: rgba(49, 130, 246, 0.1);
  font-size: 13px;
  white-space: nowrap;
}
.recordPolicyOpsSummary {
  margin-top: 22px;
  border: 1px solid rgba(49, 130, 246, 0.14);
  border-radius: 24px;
  padding: 20px;
  display: grid;
  grid-template-columns: minmax(0, 0.42fr) minmax(0, 1fr);
  gap: 18px;
  background:
    linear-gradient(
      135deg,
      rgba(37, 99, 235, 0.13),
      rgba(15, 23, 42, 0.5));
}
.recordPolicyOpsSummary > div {
  display: grid;
  align-content: center;
  gap: 5px;
}
.recordPolicyOpsSummary span,
.recordPolicyRecent > header span {
  color: #8ab8ff;
  font-size: 12px;
  font-weight: 950;
}
.recordPolicyOpsSummary strong,
.recordPolicyRecent > header strong {
  color: #f8fafc;
  font-size: 22px;
  font-weight: 950;
  line-height: 1.2;
}
.recordPolicyOpsSummary small {
  color: #91a0b4;
  font-size: 13px;
  font-weight: 800;
}
.recordPolicyOpsSummary dl {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.recordPolicyOpsSummary dl div {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 16px;
  padding: 13px;
  background: rgba(2, 6, 23, 0.22);
}
.recordPolicyOpsSummary dl div.ready {
  border-color: rgba(45, 212, 191, 0.2);
  background: rgba(6, 78, 59, 0.14);
}
.recordPolicyOpsSummary dl div.review {
  border-color: rgba(49, 130, 246, 0.18);
  background: rgba(29, 78, 216, 0.12);
}
.recordPolicyOpsSummary dl div.hold {
  border-color: rgba(245, 166, 35, 0.18);
  background: rgba(120, 53, 15, 0.13);
}
.recordPolicyOpsSummary dt {
  color: #91a0b4;
  font-size: 12px;
  font-weight: 900;
}
.recordPolicyOpsSummary dd {
  margin: 5px 0 0;
  color: #f8fafc;
  font-size: 22px;
  font-weight: 950;
}
.recordPolicyRecent {
  margin-top: 14px;
  border: 1px solid rgba(148, 163, 184, 0.08);
  border-radius: 22px;
  padding: 18px;
  display: grid;
  gap: 12px;
  background: rgba(16, 23, 34, 0.5);
}
.recordPolicyRecent > header {
  display: grid;
  gap: 4px;
}
.recordPolicyRecent > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.recordPolicyRecent article {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 16px;
  padding: 13px;
  display: grid;
  gap: 4px;
  background: rgba(2, 6, 23, 0.18);
}
.recordPolicyRecent article.publish_candidate {
  border-color: rgba(45, 212, 191, 0.2);
  background: rgba(6, 78, 59, 0.14);
}
.recordPolicyRecent article.review_hold {
  border-color: rgba(49, 130, 246, 0.18);
  background: rgba(29, 78, 216, 0.12);
}
.recordPolicyRecent article.identity_check {
  border-color: rgba(245, 166, 35, 0.18);
  background: rgba(120, 53, 15, 0.13);
}
.recordPolicyRecent article span {
  color: #8ab8ff;
  font-size: 11px;
  font-weight: 950;
}
.recordPolicyRecent article.publish_candidate span {
  color: #5eead4;
}
.recordPolicyRecent article.identity_check span {
  color: #f8c96b;
}
.recordPolicyRecent article strong {
  min-width: 0;
  color: #f8fafc;
  font-size: 15px;
  font-weight: 950;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.recordPolicyRecent article small,
.recordPolicyRecent article p {
  margin: 0;
  color: #91a0b4;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}
.recordPolicyQueue {
  margin-top: 14px;
  border: 1px solid rgba(148, 163, 184, 0.08);
  border-radius: 22px;
  padding: 18px;
  display: grid;
  gap: 14px;
  background: rgba(2, 6, 23, 0.22);
}
.recordPolicyQueue > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.recordPolicyQueue > header div {
  display: grid;
  gap: 4px;
}
.recordPolicyQueue > header span {
  color: #8ab8ff;
  font-size: 12px;
  font-weight: 950;
}
.recordPolicyQueue > header strong {
  color: #f8fafc;
  font-size: 20px;
  font-weight: 950;
}
.recordPolicyQueueActions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.recordPolicyQueueActions button {
  border: 1px solid rgba(49, 130, 246, 0.22);
  border-radius: 14px;
  padding: 11px 14px;
  color: #dbeafe;
  background: rgba(49, 130, 246, 0.12);
  font-size: 13px;
  font-weight: 950;
  white-space: nowrap;
}
.recordPolicyQueueActions button:first-child {
  color: #f8fafc;
  background: #3182f6;
  box-shadow: 0 14px 28px rgba(49, 130, 246, 0.16);
}
.recordPolicyQueueGuide {
  margin: -2px 0 0;
  color: #9fb0c7;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.55;
}
.recordPolicyQueueTabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.recordPolicyQueueTabs button {
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 999px;
  padding: 9px 12px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #91a0b4;
  background: rgba(15, 23, 42, 0.55);
  font-size: 13px;
  font-weight: 950;
}
.recordPolicyQueueTabs button.active {
  border-color: rgba(49, 130, 246, 0.35);
  color: #eff6ff;
  background: rgba(37, 99, 235, 0.24);
}
.recordPolicyQueueTabs b {
  min-width: 22px;
  border-radius: 999px;
  padding: 2px 7px;
  color: #dbeafe;
  background: rgba(148, 163, 184, 0.13);
  font-size: 12px;
  text-align: center;
}
.recordPolicyQueueList {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.recordPolicyQueueList article {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 16px;
  padding: 13px;
  display: grid;
  gap: 5px;
  background: rgba(15, 23, 42, 0.48);
}
.recordPolicyQueueList article.publish_candidate {
  border-color: rgba(45, 212, 191, 0.2);
  background: rgba(6, 78, 59, 0.14);
}
.recordPolicyQueueList article.review_hold {
  border-color: rgba(49, 130, 246, 0.18);
  background: rgba(29, 78, 216, 0.12);
}
.recordPolicyQueueList article.identity_check {
  border-color: rgba(245, 166, 35, 0.18);
  background: rgba(120, 53, 15, 0.13);
}
.recordPolicyQueueList article.unreviewed {
  opacity: 0.78;
}
.recordPolicyQueueList span {
  color: #8ab8ff;
  font-size: 11px;
  font-weight: 950;
}
.recordPolicyQueueList article.publish_candidate span {
  color: #5eead4;
}
.recordPolicyQueueList article.identity_check span {
  color: #f8c96b;
}
.recordPolicyQueueList strong {
  min-width: 0;
  color: #f8fafc;
  font-size: 16px;
  font-weight: 950;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.recordPolicyQueueList small,
.recordPolicyQueueList p,
.recordPolicyQueue > em,
.recordPolicyQueueEmpty {
  margin: 0;
  color: #91a0b4;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}
.recordPolicyQueue > em {
  color: #93c5fd;
  font-style: normal;
}
.recordPolicySecondaryFold,
.recordPolicySupportTools {
  margin-top: 14px;
  border-top: 1px solid rgba(148, 163, 184, 0.1);
}
.recordPolicySecondaryFold > summary,
.recordPolicySupportTools > summary {
  position: relative;
  min-height: 58px;
  padding: 16px 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: #cbd5e1;
  cursor: pointer;
  font-size: 14px;
  font-weight: 900;
  list-style: none;
}
.recordPolicySecondaryFold > summary::-webkit-details-marker,
.recordPolicySupportTools > summary::-webkit-details-marker {
  display: none;
}
.recordPolicySecondaryFold > summary::after,
.recordPolicySupportTools > summary::after {
  content: "+";
  color: #8ab8ff;
  font-size: 20px;
  line-height: 1;
}
.recordPolicySecondaryFold[open] > summary::after,
.recordPolicySupportTools[open] > summary::after {
  content: "\2212";
}
.recordPolicySecondaryFold > summary b {
  margin-left: auto;
  color: #8ab8ff;
  font-size: 12px;
}
.recordPolicySecondaryFold .recordPolicyRecent,
.recordPolicyRulesFold .recordPolicyGrid {
  margin-top: 0;
}
.recordPolicyDecisionFlow {
  margin-top: 24px;
  border-top: 1px solid rgba(148, 163, 184, 0.1);
  padding-top: 22px;
}
.recordPolicyDecisionFlow > header {
  display: grid;
  gap: 4px;
}
.recordPolicyDecisionFlow > header span,
.recordPolicySupportTools > summary span {
  color: #8ab8ff;
  font-size: 12px;
  font-weight: 950;
}
.recordPolicyDecisionFlow > header strong,
.recordPolicySupportTools > summary strong {
  color: #f8fafc;
  font-size: 18px;
  font-weight: 950;
}
.recordPolicyDecisionFlow .athleteIdentityQueue,
.recordPolicyDecisionFlow .athleteProjectionQueue {
  margin: 14px 0 0;
  border-radius: 18px;
}
.recordPolicyDecisionFlow .athleteIdentityQueue.isClear,
.recordPolicyDecisionFlow .athleteProjectionQueue.isClear {
  padding: 15px 18px;
  border-color: rgba(45, 212, 191, 0.16);
  background: rgba(6, 78, 59, 0.08);
}
.recordPolicyDecisionFlow .isClear > header {
  align-items: center;
  border-bottom: 0;
  padding-bottom: 0;
}
.recordPolicyDecisionFlow .isClear > header div {
  grid-template-columns: auto 1fr;
  align-items: center;
  column-gap: 12px;
}
.recordPolicyDecisionFlow .isClear > header span {
  color: #5eead4;
}
.recordPolicyDecisionFlow .isClear > header strong {
  font-size: 16px;
}
.recordPolicyDecisionFlow .isClear > header small,
.recordPolicyDecisionFlow .isClear > header p,
.recordPolicyDecisionFlow .isClear > .athleteIdentityEmpty,
.recordPolicyDecisionFlow .isClear > .athleteProjectionEmpty {
  display: none;
}
.recordPolicySupportTools > summary {
  padding-inline: 0;
}
.recordPolicySupportTools > summary strong {
  margin-left: auto;
  font-size: 14px;
}
.recordPolicySupportTools > div {
  padding-bottom: 8px;
}
.recordIntegritySubtool {
  margin-top: 10px;
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 16px;
  background: rgba(2, 6, 23, 0.18);
}
.recordIntegritySubtool.hasWork {
  border-color: rgba(245, 166, 35, 0.28);
  background: rgba(120, 53, 15, 0.1);
}
.recordIntegritySubtool > summary {
  position: relative;
  min-height: 56px;
  padding: 13px 46px 13px 16px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  color: #cbd5e1;
  cursor: pointer;
  list-style: none;
}
.recordIntegritySubtool > summary::-webkit-details-marker {
  display: none;
}
.recordIntegritySubtool > summary::after {
  content: "+";
  position: absolute;
  right: 16px;
  color: #8ab8ff;
  font-size: 20px;
}
.recordIntegritySubtool[open] > summary::after {
  content: "\2212";
}
.recordIntegritySubtool > summary span {
  color: #f8fafc;
  font-size: 14px;
  font-weight: 950;
}
.recordIntegritySubtool > summary strong {
  color: #91a0b4;
  font-size: 12px;
  font-weight: 900;
}
.recordIntegritySubtool.hasWork > summary strong {
  color: #f8c96b;
}
.recordIntegritySubtool > .boutCorrectionQueue,
.recordIntegritySubtool > .verifiedHistoryBackfill,
.recordIntegritySubtool > .evidenceRetentionStatus {
  margin: 0;
  border-width: 1px 0 0;
  border-radius: 0 0 16px 16px;
}
.recordVerificationQueue.isClear {
  padding: 15px 18px;
  border-color: rgba(45, 212, 191, 0.16);
  border-radius: 16px;
  background: rgba(6, 78, 59, 0.08);
}
.recordVerificationQueue.isClear > header {
  align-items: center;
  border-bottom: 0;
  padding-bottom: 0;
}
.recordVerificationQueue.isClear > header div {
  grid-template-columns: auto 1fr;
  align-items: center;
  column-gap: 12px;
}
.recordVerificationQueue.isClear > header span {
  color: #5eead4;
}
.recordVerificationQueue.isClear > header strong {
  font-size: 16px;
}
.recordVerificationQueue.isClear > header small,
.recordVerificationQueue.isClear > header p,
.recordVerificationQueue.isClear > .recordVerificationEmpty {
  display: none;
}
.recordPolicyGrid {
  margin-top: 22px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.recordPolicyCard {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 22px;
  padding: 20px;
  display: grid;
  gap: 8px;
  background: rgba(15, 23, 42, 0.64);
}
.recordPolicyCard.ready {
  border-color: rgba(45, 212, 191, 0.22);
  background: rgba(6, 78, 59, 0.14);
}
.recordPolicyCard.review {
  border-color: rgba(49, 130, 246, 0.18);
  background: rgba(29, 78, 216, 0.12);
}
.recordPolicyCard.hold {
  border-color: rgba(245, 166, 35, 0.18);
  background: rgba(120, 53, 15, 0.13);
}
.recordPolicyCard span {
  color: #9da8ba;
  font-size: 12px;
  font-weight: 950;
}
.recordPolicyCard.ready span {
  color: #5eead4;
}
.recordPolicyCard.review span {
  color: #8ab8ff;
}
.recordPolicyCard.hold span {
  color: #f8c96b;
}
.recordPolicyCard strong {
  color: #f8fafc;
  font-size: 20px;
  line-height: 1.28;
}
.recordPolicyCard p {
  margin: 0;
  color: #91a0b4;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.55;
}
.recordPolicyChecklist {
  margin-top: 14px;
  border: 1px solid rgba(148, 163, 184, 0.08);
  border-radius: 22px;
  padding: 20px;
  display: grid;
  grid-template-columns: minmax(0, 0.5fr) minmax(0, 1fr);
  gap: 18px;
  background: rgba(16, 23, 34, 0.58);
}
.recordPolicyChecklist > div {
  display: grid;
  align-content: start;
  gap: 6px;
}
.recordPolicyChecklist strong {
  color: #f8fafc;
  font-size: 19px;
  line-height: 1.28;
}
.recordPolicyChecklist ul {
  margin: 0;
  padding: 0;
  display: grid;
  gap: 9px;
  list-style: none;
}
.recordPolicyChecklist li {
  border-top: 1px solid rgba(148, 163, 184, 0.08);
  padding-top: 9px;
  color: #a9b5c6;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.45;
}
.recordPolicyChecklist li:first-child {
  border-top: 0;
  padding-top: 0;
}
@media (max-width: 980px) {
  .recordPolicyOpsSummary,
  .recordPolicyGrid,
  .recordPolicyChecklist {
    grid-template-columns: 1fr;
  }
  .recordPolicyOpsSummary dl,
  .recordPolicyRecent > div,
  .recordPolicyQueueList {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 700px) {
  .internalShell .recordPolicyPanel {
    width: 100%;
    margin: 0;
    border-radius: 0;
    padding: 24px 16px 18px;
  }
  .recordPolicyPanel > header {
    display: grid;
    gap: 14px;
  }
  .recordPolicyPanel > header > strong {
    width: fit-content;
  }
  .recordPolicyOpsSummary dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .recordPolicyRecent > div,
  .recordPolicyQueueList {
    grid-template-columns: 1fr;
  }
  .recordPolicyQueue > header {
    align-items: stretch;
    flex-direction: column;
  }
  .recordPolicyQueueActions {
    align-items: stretch;
    flex-direction: column;
  }
  .recordPolicyQueueActions button {
    width: 100%;
  }
  .recordPolicySupportTools > summary {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }
  .recordPolicySupportTools > summary strong {
    margin-left: 0;
    padding-right: 28px;
    line-height: 1.45;
  }
  .recordPolicySupportTools > summary::after {
    position: absolute;
    right: 20px;
  }
  .recordIntegritySubtool > summary {
    grid-template-columns: 1fr;
    gap: 3px;
  }
  .recordVerificationQueue.isClear > header,
  .recordVerificationQueue.isClear > header div {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 10px;
  }
}
.athleteIdentityQueue {
  margin: 24px 0;
  padding: 22px 24px;
  border: 1px solid #253044;
  border-radius: 8px;
  background: #0d1420;
}
.athleteIdentityQueue > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid #253044;
}
.athleteIdentityQueue > header div,
.athleteIdentityPeople section {
  display: grid;
  gap: 5px;
}
.athleteIdentityQueue > header span,
.athleteIdentityMeta span {
  color: #78a9ff;
  font-size: 13px;
  font-weight: 800;
}
.athleteIdentityQueue > header strong {
  color: #f7f9fc;
  font-size: 22px;
}
.athleteIdentityQueue > header small,
.athleteIdentityQueue > header p,
.athleteIdentityPeople small,
.athleteIdentityMeta small,
.athleteIdentityEmpty {
  color: #96a2b5;
}
.athleteIdentityQueue > header p {
  margin: 0;
  text-align: right;
}
.athleteIdentityQueue > header b {
  color: #ffb84d;
}
.athleteIdentityList > article {
  padding: 16px 0;
  border-bottom: 1px solid #202a3b;
}
.athleteIdentityList > article:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.athleteIdentityMeta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
}
.athleteIdentityPeople {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  border-top: 1px solid #202a3b;
  border-bottom: 1px solid #202a3b;
}
.athleteIdentityPeople section {
  min-width: 0;
  padding: 16px;
  border-right: 1px solid #202a3b;
}
.athleteIdentityPeople section:last-child {
  border-right: 0;
}
.athleteIdentityPeople strong {
  color: #f7f9fc;
  font-size: 17px;
}
.athleteIdentityPeople p {
  margin: 0;
  color: #d6dce7;
}
.athleteIdentityActions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 14px;
}
.athleteIdentityActions button {
  min-height: 42px;
  padding: 0 15px;
  border: 1px solid #30405a;
  border-radius: 7px;
  background: transparent;
  color: #dbe4f2;
  font-weight: 800;
}
.athleteIdentityActions button.primary {
  border-color: #3182f6;
  background: #3182f6;
  color: #fff;
}
.athleteIdentityActions button:disabled {
  border-color: #293448;
  background: #202a3b;
  color: #7f8a9d;
}
.athleteIdentityMessage,
.athleteIdentityEmpty {
  margin: 16px 0 0;
}
.athleteIdentityMessage {
  color: #78a9ff;
  font-weight: 700;
}
@media (max-width: 700px) {
  .athleteIdentityQueue {
    margin: 18px 0;
    padding: 18px;
  }
  .athleteIdentityQueue > header {
    flex-direction: column;
    gap: 12px;
  }
  .athleteIdentityQueue > header p {
    text-align: left;
  }
  .athleteIdentityPeople {
    grid-template-columns: 1fr;
  }
  .athleteIdentityPeople section {
    border-right: 0;
    border-bottom: 1px solid #202a3b;
  }
  .athleteIdentityPeople section:last-child {
    border-bottom: 0;
  }
  .athleteIdentityActions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .athleteIdentityActions button.primary {
    grid-column: 1 / -1;
  }
}
.topbarMain {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(210px, auto);
  gap: 14px;
  align-items: center;
}
.eyebrow {
  margin: 0 0 5px;
  color: #94a3b8;
  font-weight: 850;
  font-size: 12px;
}
.topbar h2 {
  margin: 0;
  font-size: 24px;
  line-height: 1.2;
}
.topbarSignal {
  min-width: 96px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 8px;
  padding: 8px 10px;
  display: grid;
  justify-items: end;
  gap: 2px;
  background: rgba(8, 13, 22, 0.54);
}
.topbarSignal span {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 900;
}
.topbarSignal strong {
  font-size: 22px;
}
.topbarSignal small {
  color: #cbd5e1;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.2;
  white-space: nowrap;
}
.topbarWorkLine {
  min-width: 0;
  border-left: 1px solid rgba(148, 163, 184, 0.16);
  padding-left: 14px;
  display: grid;
  gap: 4px;
  justify-items: end;
}
.topbarWorkLine strong {
  max-width: 240px;
  color: #f8fafc;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.topbarWorkLine span {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 850;
  white-space: nowrap;
}
.topbarMetrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}
.topbarMetrics span {
  min-height: 44px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 8px;
  padding: 7px 9px;
  display: grid;
  align-content: center;
  gap: 2px;
  color: #94a3b8;
  background: rgba(8, 13, 22, 0.54);
  font-size: 12px;
  font-weight: 900;
}
.topbarMetrics strong {
  color: white;
  font-size: 16px;
}
.topbarActions {
  display: grid;
  grid-template-columns: minmax(170px, auto) minmax(112px, auto);
  gap: 8px;
  align-items: center;
  justify-content: end;
}
.topbarActions {
  scrollbar-width: none;
}
.topbarActions::-webkit-scrollbar {
  display: none;
}
.topbarActions .primaryAction,
.topbarActions .ghostAction {
  min-height: 36px;
  padding: 0 9px;
}
.topbarUtilityMenu {
  position: relative;
}
.topbarUtilityMenu summary {
  min-height: 36px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 8px;
  padding: 0 12px;
  display: grid;
  place-items: center;
  color: #cbd5e1;
  background: rgba(8, 13, 22, 0.54);
  cursor: pointer;
  list-style: none;
  font-size: 12px;
  font-weight: 900;
}
.topbarUtilityMenu summary::-webkit-details-marker {
  display: none;
}
.topbarUtilityMenu[open] summary {
  border-color: rgba(49, 130, 246, 0.5);
  color: #f8fafc;
}
.topbarUtilityPanel {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 9;
  width: 240px;
  padding: 10px;
  display: grid;
  gap: 8px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 12px;
  background: #0d1420;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.32);
}
.topbarUtilityPanel > span {
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 8px;
  padding: 10px 12px;
  color: #94a3b8;
  background: #0d1420;
  font-size: 12px;
  font-weight: 850;
}
.topbarUtilityPanel > span.storageWarning {
  border-color: rgba(245, 158, 11, 0.34);
  color: #fbbf24;
  background: rgba(113, 63, 18, 0.22);
}
.adminNotificationTrigger {
  position: relative;
  display: inline-grid;
  place-items: center;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  padding: 0;
  color: #dbe7f7;
  background: #182131;
  border: 1px solid #2b3749;
  border-radius: 8px;
  cursor: pointer;
}
.adminNotificationTrigger:hover {
  color: #fff;
  background: #24344d;
}
.adminNotificationTrigger > span {
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 19px;
  height: 19px;
  padding: 0 5px;
  color: #fff;
  background: #f04452;
  border: 2px solid #0b1018;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 800;
  line-height: 15px;
}
.adminNotificationBackdrop {
  position: fixed;
  z-index: 12000;
  inset: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 72px 24px 24px;
  background: rgba(3, 7, 18, 0.55);
}
.adminNotificationPanel {
  display: flex;
  flex-direction: column;
  width: min(420px, 100%);
  max-height: min(680px, calc(100dvh - 96px));
  overflow: hidden;
  color: #191f28;
  background: #fff;
  border: 1px solid #dfe3e8;
  border-radius: 8px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.36);
}
.adminNotificationPanel > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px;
  border-bottom: 1px solid #edf0f2;
}
.adminNotificationPanel > header span {
  display: block;
  margin-bottom: 3px;
  color: #3182f6;
  font-size: 11px;
  font-weight: 800;
}
.adminNotificationPanel > header h2 {
  margin: 0;
  font-size: 23px;
  letter-spacing: 0;
}
.adminNotificationPanel > header > div:last-child {
  display: flex;
  gap: 6px;
}
.adminNotificationPanel > header button {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  padding: 0;
  color: #4e5968;
  background: #f2f4f6;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
}
.adminNotificationPanel > header button:disabled {
  opacity: 0.35;
  cursor: default;
}
.adminNotificationList {
  min-height: 180px;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.adminNotificationItem {
  display: grid;
  grid-template-columns: 5px minmax(0, 1fr);
  gap: 12px;
  width: 100%;
  padding: 17px 20px;
  text-align: left;
  color: #333d4b;
  background: #fff;
  border: 0;
  border-bottom: 1px solid #f2f4f6;
  cursor: pointer;
}
.adminNotificationItem:hover,
.adminNotificationItem.unread {
  background: #f7faff;
}
.adminNotificationItem > i {
  display: block;
  width: 5px;
  height: 100%;
  min-height: 46px;
  background: #d1d6db;
  border-radius: 4px;
}
.adminNotificationItem > i.important {
  background: #3182f6;
}
.adminNotificationItem > i.urgent {
  background: #f04452;
}
.adminNotificationItem > span {
  display: grid;
  gap: 5px;
  min-width: 0;
}
.adminNotificationItem b {
  color: #191f28;
  font-size: 14px;
}
.adminNotificationItem span span {
  color: #4e5968;
  font-size: 13px;
  line-height: 1.5;
}
.adminNotificationItem small {
  color: #8b95a1;
  font-size: 11px;
}
.adminNotificationEmpty {
  display: grid;
  place-items: center;
  gap: 7px;
  min-height: 220px;
  padding: 32px;
  text-align: center;
  color: #8b95a1;
}
.adminNotificationEmpty strong {
  color: #333d4b;
}
.adminNotificationEmpty span {
  font-size: 13px;
}
.adminNotificationError {
  margin: 0;
  padding: 11px 20px;
  color: #d22030;
  background: #fff0f1;
  font-size: 12px;
}
@media (max-width: 760px) {
  .adminNotificationBackdrop {
    align-items: end;
    padding: 0;
  }
  .adminNotificationPanel {
    width: 100%;
    max-height: min(78dvh, 720px);
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    border-radius: 8px 8px 0 0;
    padding-bottom: env(safe-area-inset-bottom);
  }
}
.serverModeWarning {
  margin-top: -4px;
  border: 1px solid rgba(245, 158, 11, 0.28);
  border-radius: 10px;
  padding: 10px 12px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  background: rgba(113, 63, 18, 0.16);
}
.serverModeWarning strong {
  color: #fbbf24;
  font-size: 13px;
}
.serverModeWarning span {
  color: #cbd5e1;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}
.syncRecoveryPanel {
  border: 1px solid rgba(248, 113, 113, 0.26);
  border-radius: 10px;
  background: #1f1519;
  overflow: hidden;
}
.syncRecoveryPanel.offline {
  border-color: rgba(245, 158, 11, 0.3);
  background: #211b12;
}
.syncRecoverySummary {
  min-height: 64px;
  padding: 12px 14px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}
.syncRecoverySummary > svg {
  color: #fb7185;
}
.syncRecoveryPanel.offline .syncRecoverySummary > svg {
  color: #fbbf24;
}
.syncRecoverySummary > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}
.syncRecoverySummary strong {
  color: #f8fafc;
  font-size: 13px;
}
.syncRecoverySummary span {
  color: #aeb8c8;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.45;
}
.syncRecoverySummary button,
.syncRecoveryItem button {
  min-height: 38px;
  border: 1px solid rgba(96, 165, 250, 0.28);
  border-radius: 8px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #eff6ff;
  background: #1d4f91;
  font-size: 12px;
  font-weight: 900;
}
.syncRecoverySummary button:disabled,
.syncRecoveryItem button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.syncRecoveryDetails {
  border-top: 1px solid rgba(148, 163, 184, 0.1);
}
.syncRecoveryDetails summary {
  min-height: 44px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  color: #cbd5e1;
  cursor: pointer;
  font-size: 12px;
  font-weight: 850;
}
.syncRecoveryList {
  padding: 0 14px 12px;
  display: grid;
  gap: 6px;
}
.syncRecoveryItem {
  min-width: 0;
  border-radius: 8px;
  padding: 10px 10px 10px 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  background: rgba(8, 13, 22, 0.44);
}
.syncRecoveryItem > div {
  min-width: 0;
  display: grid;
  gap: 2px;
}
.syncRecoveryItem strong,
.syncRecoveryItem span,
.syncRecoveryItem small {
  overflow-wrap: anywhere;
}
.syncRecoveryItem strong {
  color: #f1f5f9;
  font-size: 12px;
}
.syncRecoveryItem span,
.syncRecoveryItem small {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 750;
}
.syncRecoveryItem small {
  color: #fda4af;
}
.operatorControl {
  min-height: 36px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 8px;
  padding: 5px 8px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 6px;
  align-items: center;
  background: rgba(8, 13, 22, 0.54);
}
.operatorControl span {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 950;
  white-space: nowrap;
}
.operatorControl input {
  min-width: 0;
  width: 100%;
  border: 0;
  outline: 0;
  color: #f8fafc;
  background: transparent;
  font-size: 12px;
  font-weight: 950;
}
.operatorControl input::placeholder {
  color: #64748b;
}
.dangerMenu {
  position: relative;
}
.dangerMenu summary {
  list-style: none;
}
.dangerMenu summary::-webkit-details-marker {
  display: none;
}
.dangerMenu[open] summary {
  border-color: #fb7185;
  color: white;
}
.dangerMenuAction {
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  z-index: 8;
  min-width: 138px;
  min-height: 40px;
  border: 1px solid #7f1d1d;
  border-radius: 8px;
  padding: 0 12px;
  color: #fecdd3;
  background: #240e18;
  font-weight: 950;
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.28);
}
.dangerMenuAction:hover {
  border-color: #fb7185;
  color: white;
}
.topbar span,
.panel p,
.entryRow span,
.kpi p {
  color: #94a3b8;
}
.primaryAction {
  min-width: 0;
  min-height: 46px;
  padding: 0 16px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: white;
  background: #e3375f;
  font-weight: 900;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: 0 10px 26px rgba(227, 55, 95, 0.18);
}
.ghostAction {
  min-height: 46px;
  padding: 0 14px;
  border: 1px solid var(--line-strong);
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #d8e1ee;
  background: rgba(17, 25, 39, 0.72);
  font-weight: 900;
  white-space: nowrap;
}
.primaryAction:hover,
.ghostAction:hover,
.panelHead button:hover,
.entryRow button:hover,
.hostRequestActions button:hover {
  transform: translateY(-1px);
}
.ghostAction:hover {
  border-color: #36d399;
  color: white;
}
.eventSwitcher {
  border: 0;
  border-top: 1px solid rgba(148, 163, 184, 0.1);
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 0;
  padding: 7px 2px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  background: transparent;
}
.eventSwitcher span {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 950;
  white-space: nowrap;
}
.eventSwitcher select {
  min-width: 0;
  width: 100%;
  height: 32px;
  border: 0;
  border-radius: 6px;
  padding: 0 8px;
  color: #e5edf8;
  background: rgba(15, 23, 36, 0.42);
  font-weight: 850;
  outline: none;
}
.eventSwitcher select:focus {
  outline: 3px solid rgba(49, 130, 246, 0.12);
}
.kpiGrid {
  border: 0;
  border-top: 1px solid rgba(148, 163, 184, 0.1);
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 0;
  padding: 2px 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  background: transparent;
}
.kpi {
  border: 0;
  border-radius: 0;
  padding: 8px 12px;
  min-height: 56px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-content: center;
  align-items: center;
  gap: 2px 8px;
  background: transparent;
  box-shadow: none;
}
.kpi + .kpi {
  border-left: 1px solid rgba(148, 163, 184, 0.1);
}
.kpiIcon {
  grid-row: 1 / span 3;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  display: grid;
  place-items: center;
  color: #94a3b8;
  background: transparent;
}
.kpiIcon svg {
  width: 15px;
  height: 15px;
}
.kpi span {
  color: #94a3b8;
  font-weight: 900;
  font-size: 11px;
}
.kpi strong {
  color: #f8fafc;
  font-size: 18px;
  line-height: 1.05;
}
.kpi p {
  margin: 0;
  color: #8ea0b8;
  font-size: 11px;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.commandPanel {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}
.overviewOpsGrid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}
.overviewOpsMain,
.overviewOpsSide {
  min-width: 0;
  display: grid;
  gap: 12px;
}
.overviewOpsSide {
  position: static;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 12px;
}
.overviewSupportPanel {
  min-width: 0;
  border: 0;
  border-top: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 0;
  background: transparent;
  overflow: visible;
}
.overviewSupportPanel > summary {
  min-height: 48px;
  margin-top: 2px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 8px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: #dbe6f4;
  background: rgba(15, 23, 42, 0.34);
  cursor: pointer;
  list-style: none;
}
.overviewSupportPanel > summary::-webkit-details-marker {
  display: none;
}
.overviewSupportPanel > summary span {
  font-size: 14px;
  font-weight: 850;
}
.overviewSupportPanel > summary strong {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 750;
  text-align: right;
}
.overviewSupportPanel[open] > summary {
  border-color: rgba(49, 130, 246, 0.24);
  background: rgba(37, 99, 235, 0.1);
}
.readinessPanel {
  display: grid;
  gap: 10px;
}
.readinessPanel .panelHead {
  align-items: center;
}
.readinessPanel .panelHead > strong {
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 8px;
  padding: 8px 10px;
  color: #e5edf8;
  background: rgba(8, 13, 22, 0.42);
  font-size: 18px;
  line-height: 1;
}
.readinessList,
.readinessDoneList {
  display: grid;
  gap: 6px;
}
.readinessDoneList summary {
  list-style: none;
  min-height: 34px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 8px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #cbd5e1;
  background: rgba(15, 23, 42, 0.42);
  font-size: 12px;
  font-weight: 950;
  cursor: pointer;
}
.readinessDoneList summary::-webkit-details-marker {
  display: none;
}
.readinessDoneList[open] summary {
  border-color: rgba(54, 211, 153, 0.32);
  color: #bbf7d0;
  background: rgba(6, 78, 59, 0.12);
}
.readinessList div {
  min-height: 48px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 8px;
  padding: 9px 10px;
  display: grid;
  grid-template-columns: auto minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: 8px;
  align-items: center;
  background: rgba(15, 23, 42, 0.42);
}
.readinessList div.ready {
  border-color: rgba(148, 163, 184, 0.14);
  background: rgba(15, 23, 42, 0.28);
}
.readinessList div.todo {
  border-color: var(--action-yellow-border);
  background: rgba(24, 18, 10, 0.36);
}
.readinessList span {
  border-radius: 6px;
  padding: 5px 7px;
  color: var(--action-yellow-border-hover);
  background: rgba(146, 64, 14, 0.16);
  font-size: 11px;
  font-weight: 950;
}
.readinessList div.ready span {
  color: #cbd5e1;
  background: rgba(148, 163, 184, 0.12);
}
.readinessList strong {
  min-width: 0;
  color: #f8fafc;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.readinessList.compact div {
  min-height: 42px;
  padding: 8px 9px;
}
.readinessList small {
  min-width: 0;
  color: #94a3b8;
  font-size: 11px;
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.readinessCopyButton {
  min-height: 38px;
  border: 1px solid var(--action-green-border);
  border-radius: 8px;
  color: var(--action-green-text);
  background: var(--action-green-bg);
  font-weight: 950;
}
.readinessCopyButton:hover {
  border-color: var(--action-green-border-hover);
  background: var(--action-green-bg-hover);
}
.settlementRiskStrip {
  border: 1px solid var(--action-yellow-border);
  border-radius: 8px;
  padding: 10px;
  display: grid;
  gap: 8px;
  background: rgba(120, 53, 15, 0.1);
}
.settlementRiskStrip.clear {
  border-color: var(--action-green-border);
  background: rgba(6, 78, 59, 0.12);
}
.settlementRiskStrip > strong {
  color: #f8fafc;
  font-size: 13px;
  line-height: 1.2;
}
.settlementRiskStrip div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.settlementRiskStrip button,
.settlementRiskStrip span {
  min-height: 28px;
  border: 1px solid var(--action-yellow-border);
  border-radius: 999px;
  padding: 0 10px;
  color: var(--action-yellow-text);
  background: rgba(15, 23, 42, 0.38);
  font-size: 12px;
  font-weight: 950;
}
.settlementRiskStrip.clear span {
  border-color: var(--action-green-border);
  color: #86efac;
}
.settlementRiskStrip button:hover {
  border-color: var(--action-yellow-border-hover);
  background: var(--action-yellow-bg-hover);
}
.settlementCloseStrip {
  border: 1px solid var(--action-blue-border);
  border-radius: 8px;
  padding: 8px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  background: rgba(15, 23, 42, 0.38);
}
.settlementCloseStrip span {
  color: #bfdbfe;
  font-size: 12px;
  font-weight: 950;
}
.settlementCloseStrip.done {
  border-color: var(--action-green-border);
  background: rgba(6, 78, 59, 0.14);
}
.settlementCloseStrip.done span {
  color: #86efac;
}
.closeSettlementButton {
  min-height: 34px;
  padding: 0 12px;
  white-space: nowrap;
}
.closeSettlementButton:disabled {
  cursor: not-allowed;
  opacity: 0.58;
}
.settlementActionStack {
  display: grid;
  gap: 6px;
}
.settlementActionStack summary {
  list-style: none;
  min-height: 34px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 8px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #dbe6f4;
  background: rgba(15, 23, 42, 0.42);
  font-size: 12px;
  font-weight: 950;
  cursor: pointer;
}
.settlementActionStack summary::-webkit-details-marker {
  display: none;
}
.settlementActionStack[open] summary {
  border-color: var(--action-green-border);
  color: var(--action-green-text);
  background: var(--action-green-bg);
}
.settlementActionStack div {
  display: grid;
  gap: 6px;
}
.settlementCopyButton {
  min-height: 38px;
  border: 1px solid var(--action-green-border);
  border-radius: 8px;
  color: var(--action-green-text);
  background: var(--action-green-bg);
  font-weight: 950;
}
.settlementCopyButton:hover {
  border-color: var(--action-green-border-hover);
  background: var(--action-green-bg-hover);
}
.settlementCopyButton.secondary {
  border-color: rgba(148, 163, 184, 0.22);
  color: #dbe6f4;
  background: rgba(15, 23, 42, 0.42);
}
.settlementCopyButton.secondary:hover {
  border-color: rgba(148, 163, 184, 0.36);
  background: rgba(30, 41, 59, 0.62);
}
.settlementCopyToast {
  margin: -4px 0 0;
  border: 1px solid rgba(54, 211, 153, 0.26);
  border-radius: 8px;
  padding: 8px 10px;
  color: #86efac;
  background: rgba(6, 78, 59, 0.18);
  font-size: 12px;
  font-weight: 950;
}
.closeoutAssetsPanel {
  display: grid;
  gap: 10px;
}
.closeoutAssetList {
  display: grid;
  gap: 6px;
}
.closeoutBundleButton {
  min-height: 38px;
  border: 1px solid var(--action-blue-border);
  border-radius: 8px;
  color: var(--action-blue-text);
  background: var(--action-blue-bg);
  font-weight: 950;
}
.closeoutBundleButton:hover:not(:disabled) {
  border-color: var(--action-blue-border-hover);
  background: var(--action-blue-bg-hover);
}
.closeoutBundleButton:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}
.closeoutSupportAssets {
  display: grid;
  gap: 6px;
}
.closeoutSupportAssets summary {
  list-style: none;
  min-height: 34px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 8px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #cbd5e1;
  background: rgba(15, 23, 42, 0.42);
  font-size: 12px;
  font-weight: 950;
  cursor: pointer;
}
.closeoutSupportAssets summary::-webkit-details-marker {
  display: none;
}
.closeoutSupportAssets[open] summary {
  border-color: rgba(49, 130, 246, 0.36);
  color: #dbeafe;
  background: rgba(37, 99, 235, 0.12);
}
.closeoutAssetList button {
  min-height: 48px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 8px;
  padding: 9px 10px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  color: #dbe6f4;
  background: rgba(15, 23, 42, 0.42);
  text-align: left;
}
.closeoutAssetList button.ready {
  border-color: var(--action-green-border);
  background: rgba(6, 78, 59, 0.14);
}
.closeoutAssetList button:hover {
  border-color: var(--action-blue-border);
  background: color-mix(in srgb, var(--action-blue-bg) 48%, transparent);
}
.closeoutAssetList button:disabled {
  cursor: not-allowed;
  opacity: 0.62;
}
.closeoutAssetList button:disabled:hover {
  border-color: rgba(148, 163, 184, 0.16);
  background: rgba(15, 23, 42, 0.42);
}
.closeoutAssetList.compact button {
  min-height: 42px;
  padding: 8px 9px;
}
.closeoutAssetList.compact small {
  font-size: 10px;
}
.closeoutAssetList span {
  border-radius: 999px;
  padding: 5px 7px;
  color: #94a3b8;
  background: rgba(148, 163, 184, 0.12);
  font-size: 11px;
  font-weight: 950;
}
.closeoutAssetList button.ready span {
  color: #86efac;
  background: rgba(20, 83, 63, 0.24);
}
.closeoutAssetList strong {
  min-width: 0;
  color: #f8fafc;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.closeoutAssetList small {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}
.auditLogPanel {
  display: grid;
  gap: 10px;
}
.auditLogPanel .panelHead {
  align-items: center;
}
.auditLogPanel .panelHead > strong {
  border-radius: 999px;
  padding: 6px 9px;
  color: #bfdbfe;
  background: rgba(30, 64, 175, 0.24);
  font-size: 12px;
  font-weight: 950;
}
.auditLogLatest,
.auditLogList,
.auditLogDetails {
  display: grid;
  gap: 6px;
}
.auditLogDetails summary {
  list-style: none;
  min-height: 34px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 8px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #cbd5e1;
  background: rgba(15, 23, 42, 0.42);
  font-size: 12px;
  font-weight: 950;
  cursor: pointer;
}
.auditLogDetails summary::-webkit-details-marker {
  display: none;
}
.auditLogDetails[open] summary {
  border-color: rgba(49, 130, 246, 0.36);
  color: #dbeafe;
  background: rgba(37, 99, 235, 0.12);
}
.auditLogLatest article,
.auditLogLatest p,
.auditLogList article,
.auditLogList p {
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 8px;
  padding: 9px 10px;
  display: grid;
  gap: 3px;
  background: rgba(15, 23, 42, 0.42);
}
.auditLogLatest span,
.auditLogList span {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 900;
}
.auditLogLatest strong,
.auditLogList strong {
  min-width: 0;
  color: #f8fafc;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.auditLogList small,
.auditLogList p {
  margin: 0;
  min-width: 0;
  color: #94a3b8;
  font-size: 11px;
  font-weight: 850;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.auditLogExportButton {
  min-height: 38px;
  border: 1px solid var(--action-blue-border);
  border-radius: 8px;
  color: var(--action-blue-text);
  background: var(--action-blue-bg);
  font-weight: 950;
}
.auditLogExportButton:hover:not(:disabled) {
  border-color: var(--action-blue-border-hover);
  background: var(--action-blue-bg-hover);
}
.auditLogExportButton:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}
.overviewOpsGrid .panel {
  min-width: 0;
}
.commandCard {
  min-height: 78px;
  border: 1px solid var(--line-soft);
  border-radius: 8px;
  padding: 10px 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-content: center;
  align-items: center;
  gap: 3px 10px;
  text-align: left;
  color: #e5edf8;
  background: var(--surface-1);
}
.commandCard:hover {
  transform: translateY(-1px);
  border-color: #3b82f6;
  background: #142033;
}
.commandCard span {
  min-width: 0;
  color: #94a3b8;
  font-size: 12px;
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.commandCard strong {
  grid-row: 1 / span 2;
  grid-column: 2;
  justify-self: end;
  color: white;
  font-size: 24px;
  line-height: 1.05;
}
.commandCard small {
  min-width: 0;
  color: #aebdd1;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.commandCard.ok {
  border-color: rgba(148, 163, 184, 0.16);
}
.commandCard.ok strong {
  color: #e5edf8;
}
.commandCard.warning {
  border-color: #7a4a08;
  background: #1c170d;
}
.commandCard.warning strong {
  color: #ffbd2e;
}
.commandCard.danger {
  border-color: #7f1d1d;
  background: #220f18;
}
.commandCard.danger strong {
  color: #ff6b8a;
}
.operationTimeline {
  border: 1px solid #243044;
  border-radius: 8px;
  padding: 8px;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  background: #0d1420;
}
.timelineStep {
  min-height: 66px;
  border: 1px solid #243044;
  border-radius: 8px;
  padding: 9px;
  display: grid;
  grid-template-columns: auto 1fr;
  align-content: start;
  gap: 5px 9px;
  text-align: left;
  color: #e5edf8;
  background: #111927;
}
.timelineStep:hover {
  border-color: #3b82f6;
  background: #142033;
}
.timelineStep span {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #94a3b8;
  background: #1e293b;
  font-size: 12px;
  font-weight: 950;
}
.timelineStep strong {
  align-self: center;
  color: white;
  font-size: 14px;
  line-height: 1.2;
}
.timelineStep small {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.timelineStep.done {
  border-color: #14533f;
}
.timelineStep.done span {
  color: #06261d;
  background: #36d399;
}
.timelineStep.active {
  border-color: #2563eb;
  background: #101d34;
}
.timelineStep.active span {
  color: white;
  background: #2563eb;
}
.timelineStep.blocked {
  border-color: #7f1d1d;
  background: #220f18;
}
.timelineStep.blocked span {
  color: white;
  background: #e3375f;
}
.timelineStep.idle {
  opacity: 0.78;
}
.riskCenter {
  border-color: #334155;
}
.riskCenter.panel {
  padding: 16px;
}
.riskCenter .panelHead {
  align-items: start;
  margin-bottom: 10px;
}
.riskCenter .panelHead p {
  max-width: 520px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.readyScore {
  min-width: 98px;
  border: 1px solid #315b4f;
  border-radius: 8px;
  padding: 8px 10px;
  display: grid;
  justify-items: end;
  gap: 2px;
  background: #0b2f2a;
}
.readyScore span {
  color: #8ee6d0;
  font-size: 12px;
  font-weight: 900;
}
.readyScore strong {
  font-size: 24px;
}
.riskGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.secondaryOpsLink {
  min-height: 42px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 8px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #dbe6f4;
  background: rgba(15, 23, 42, 0.34);
  font-size: 13px;
  font-weight: 950;
  text-align: left;
}
.secondaryOpsLink span {
  min-width: 0;
  color: #94a3b8;
  font-size: 12px;
  font-weight: 850;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.secondaryOpsLink:hover {
  border-color: rgba(56, 189, 248, 0.36);
  color: white;
  background: rgba(14, 116, 144, 0.16);
}
.riskCard {
  min-height: 78px;
  border: 1px solid var(--line-soft);
  border-radius: 8px;
  padding: 10px;
  display: grid;
  align-content: start;
  gap: 6px;
  background: var(--surface-0);
}
.riskCard.ok {
  border-color: #14533f;
}
.riskCard.warning {
  border-color: #7a4a08;
  background: #1f180b;
}
.riskCard.danger {
  border-color: #7f1d1d;
  background: #240e18;
}
.riskCard span {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 950;
}
.riskCard strong {
  color: white;
  font-size: 20px;
}
.riskCard p {
  margin: 0;
  color: #cbd5e1;
  font-size: 11px;
  line-height: 1.25;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mainGrid {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(320px, 0.8fr);
  gap: 18px;
}
.panel {
  padding: 20px;
}
.panelHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}
.panelHead.compact {
  margin-bottom: 8px;
}
.panel h3 {
  margin: 0;
  font-size: 21px;
}
.panel p {
  margin: 5px 0 0;
}
.panelHead button {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.entryRow button {
  min-height: 34px;
  border-radius: 8px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  background: #1e293b;
  color: white;
  font-weight: 800;
}
.panelHead button:disabled {
  cursor: not-allowed;
  opacity: 0.46;
}
.inlineNotice {
  border: 1px solid rgba(54, 211, 153, 0.28);
  border-radius: 8px;
  padding: 12px 14px;
  color: #bbf7d0;
  background: rgba(6, 95, 70, 0.22);
  font-weight: 900;
}
.hostApprovalPanel {
  display: grid;
  gap: 16px;
}
.hostDeskBar {
  border: 0;
  border-top: 1px solid rgba(148, 163, 184, 0.1);
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 0;
  padding: 10px 0;
  display: grid;
  grid-template-columns: minmax(220px, 0.8fr) minmax(320px, 1fr) auto;
  gap: 10px;
  align-items: center;
  background: transparent;
}
.hostDeskSummary {
  min-width: 0;
  display: grid;
  gap: 2px;
}
.hostViewActions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}
.hostDeskSummary span {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 900;
}
.hostDeskSummary strong {
  color: #f8fafc;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hostDeskSummary small {
  min-width: 0;
  color: #8ea0b8;
  font-size: 12px;
  font-weight: 850;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hostDeskBar button,
.hostRequestActions .copy {
  border: 1px solid rgba(45, 212, 191, 0.38);
  color: #ecfeff;
  background: rgba(15, 118, 110, 0.3);
}
.hostDeskBar button {
  min-height: 34px;
  border-radius: 8px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 950;
  white-space: nowrap;
}
.hostDeskBar button:hover:not(:disabled),
.hostRequestActions .copy:hover {
  background: rgba(15, 118, 110, 0.46);
  border-color: #2dd4bf;
}
.hostDeskBar button.csvExport {
  color: #fef3c7;
  background: rgba(113, 63, 18, 0.34);
  border-color: rgba(251, 191, 36, 0.36);
}
.hostDeskBar button.csvExport:hover:not(:disabled) {
  background: rgba(113, 63, 18, 0.5);
  border-color: #fbbf24;
}
.hostDeskBar button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}
.hostCopyToast {
  margin: -2px 0 10px;
  border: 1px solid #14533f;
  border-radius: 8px;
  padding: 8px 10px;
  color: #86efac;
  background: rgba(20, 83, 63, 0.18);
  font-size: 12px;
  font-weight: 950;
}
.hostPriorityReview {
  border: 1px solid rgba(49, 130, 246, 0.18);
  border-radius: 8px;
  padding: 16px;
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(260px, 0.9fr) auto;
  align-items: center;
  gap: 16px;
  background: rgba(49, 130, 246, 0.07);
}
.hostPriorityReview > div:first-child {
  min-width: 0;
  display: grid;
  gap: 5px;
}
.hostPriorityReview span {
  color: #75a7ed;
  font-size: 11px;
  font-weight: 900;
}
.hostPriorityReview h4 {
  margin: 0;
  overflow: hidden;
  color: #f8fafc;
  font-size: 20px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hostPriorityReview p {
  margin: 0;
  overflow: hidden;
  color: #95a3b8;
  font-size: 12px;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hostPriorityReview dl {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.hostPriorityReview dl div {
  min-width: 0;
  display: grid;
  gap: 4px;
}
.hostPriorityReview dt {
  color: #748094;
  font-size: 10px;
  font-weight: 850;
}
.hostPriorityReview dd {
  margin: 0;
  overflow: hidden;
  color: #e6ebf2;
  font-size: 12px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hostPriorityReview > div:last-child {
  display: flex;
  gap: 7px;
}
.hostPriorityReview button {
  min-height: 38px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 8px;
  padding: 0 12px;
  color: #cbd2dc;
  background: #171c24;
  font-size: 12px;
  font-weight: 850;
  white-space: nowrap;
}
.hostPriorityReview button.approve {
  border-color: transparent;
  color: #fff;
  background: #3182f6;
}
.hostPriorityReview button.hold {
  color: #f5bd5e;
}
.hostPriorityReview button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.hostPriorityReview.hold {
  border-color: rgba(245, 166, 35, 0.18);
  background: rgba(245, 166, 35, 0.07);
}
.hostPriorityReview.extra {
  border-color: rgba(49, 130, 246, 0.24);
}
@media (max-width: 1050px) {
  .hostPriorityReview,
  .hostDeskBar {
    grid-template-columns: 1fr;
  }
  .hostPriorityReview > div:last-child,
  .hostViewActions {
    justify-content: flex-start;
  }
}
@media (max-width: 640px) {
  .hostPriorityReview {
    padding: 14px;
  }
  .hostPriorityReview dl {
    grid-template-columns: 1fr;
  }
  .hostPriorityReview > div:last-child {
    display: grid;
    grid-template-columns: 1fr;
  }
  .hostPriorityReview button {
    width: 100%;
  }
}
.hostRiskStrip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.hostRiskStrip span {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 8px;
  padding: 10px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  background: rgba(15, 23, 42, 0.38);
}
.hostRiskStrip small {
  min-width: 0;
  color: #94a3b8;
  font-size: 12px;
  font-weight: 950;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hostRiskStrip strong {
  color: #f8fafc;
  font-size: 16px;
  font-weight: 950;
}
.hostApprovalStats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}
.hostApprovalStats span,
.hostApprovalStats button {
  min-height: 34px;
  border: 1px solid var(--line-soft);
  border-radius: 8px;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: var(--text-muted);
  background: rgba(8, 13, 22, 0.42);
  font-size: 12px;
  font-weight: 900;
  text-align: center;
  white-space: nowrap;
}
.hostApprovalStats strong {
  color: white;
  font-size: 15px;
}
.hostApprovalStats button:hover,
.hostApprovalStats button.active {
  border-color: rgba(54, 211, 153, 0.58);
  color: #d1fae5;
  background: rgba(6, 78, 59, 0.22);
}
.hostRequestGrid {
  display: grid;
  gap: 10px;
}
.hostRequestCard {
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 8px;
  padding: 14px 16px;
  display: grid;
  grid-template-columns: minmax(220px, 0.8fr) minmax(280px, 1fr) minmax(220px, 0.8fr);
  gap: 12px 18px;
  align-items: center;
  background: #101319;
}
.hostRequestCard:hover,
.divisionCard:hover,
.riskCard:hover,
.commandCard:hover,
.timelineStep:hover,
.taskItem:hover {
  transform: translateY(-1px);
}
.hostRequestCard.pending {
  border-left: 3px solid rgba(227, 55, 95, 0.72);
}
.hostRequestCard.approved {
  border-left: 3px solid rgba(54, 211, 153, 0.72);
}
.hostRequestCard.held {
  border-left: 3px solid rgba(245, 158, 11, 0.72);
}
.hostRequestCard.feeWarn {
  box-shadow: none;
}
.hostRequestTop,
.hostRequestActions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.hostRequestTop span,
.hostRequestTop em {
  border-radius: 0;
  padding: 0;
  color: #8b95a7;
  background: transparent;
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
}
.hostRequestTop em {
  color: #ff91a7;
  background: transparent;
}
.hostRequestCard.approved .hostRequestTop em {
  color: #65dfae;
  background: transparent;
}
.hostRequestCard.held .hostRequestTop em {
  color: #f5bd5e;
  background: transparent;
}
.hostRequestCard h4 {
  margin: 0;
  overflow: hidden;
  color: #f8fafc;
  font-size: 18px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hostRequestCard > .hostRequestTop,
.hostRequestCard > h4 {
  grid-column: 1;
}
.hostRequestCard > .hostDecision {
  grid-column: 2;
  grid-row: 1 / span 2;
}
.hostRequestCard > .hostRequestMore {
  grid-column: 1 / span 2;
}
.hostRequestCard > .hostRequestActions {
  grid-column: 3;
  grid-row: 1 / span 3;
}
.hostRequestSnapshot {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.hostRequestSnapshot span {
  min-width: 0;
  border: 0;
  border-left: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 0;
  padding: 0 0 0 10px;
  display: grid;
  gap: 3px;
  background: transparent;
}
.hostRequestSnapshot small {
  color: #748094;
  font-size: 11px;
  font-weight: 800;
}
.hostRequestSnapshot strong {
  min-width: 0;
  color: #dce2ea;
  font-size: 12px;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hostDecision {
  border: 0;
  border-radius: 0;
  padding: 0;
  display: grid;
  gap: 3px;
  align-items: center;
  background: transparent;
}
.hostDecision span {
  color: #748094;
  font-size: 10px;
  font-weight: 850;
  text-transform: none;
}
.hostDecision strong {
  color: #f8fafc;
  font-size: 13px;
  line-height: 1.25;
}
.hostDecision small {
  overflow: hidden;
  color: #8b95a7;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hostDecision.ready {
  background: transparent;
}
.hostDecision.ready strong {
  color: #86efac;
}
.hostDecision.review {
  background: transparent;
}
.hostDecision.review strong {
  color: #fbbf24;
}
.hostDecision.hold {
  background: transparent;
}
.hostDecision.hold strong {
  color: #fecdd3;
}
.hostDecision.extra {
  background: transparent;
}
.hostDecision.extra strong {
  color: #bae6fd;
}
.hostModeBadge {
  border: 1px solid rgba(125, 211, 252, 0.34);
  border-radius: 8px;
  padding: 10px;
  display: grid;
  gap: 4px;
  background: rgba(14, 165, 233, 0.12);
}
.hostModeBadge.managed {
  border-color: rgba(54, 211, 153, 0.28);
  background: rgba(6, 78, 59, 0.16);
}
.hostModeBadge strong {
  color: #e0f2fe;
  font-size: 13px;
}
.hostModeBadge.managed strong {
  color: #86efac;
}
.hostModeBadge span {
  color: #cbd5e1;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.4;
}
.hostEventReview {
  border: 1px solid rgba(125, 211, 252, 0.28);
  border-radius: 8px;
  padding: 10px;
  display: grid;
  gap: 5px;
  background: rgba(14, 165, 233, 0.1);
}
.hostEventReview span {
  color: #7dd3fc;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}
.hostEventReview strong {
  color: white;
  font-size: 16px;
  line-height: 1.25;
}
.hostEventReview small {
  color: #cbd5e1;
  font-size: 12px;
  font-weight: 850;
}
.hostEventReview a {
  width: fit-content;
  border-radius: 999px;
  padding: 6px 10px;
  color: #0f172a;
  background: #bae6fd;
  font-size: 12px;
  font-weight: 950;
  text-decoration: none;
}
.hostGuideReview {
  border: 1px solid rgba(147, 197, 253, 0.22);
  border-radius: 8px;
  padding: 10px;
  display: grid;
  gap: 9px;
  background: rgba(30, 41, 59, 0.36);
}
.hostGuideReview > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.hostGuideReview span,
.hostGuideReview dt {
  color: #93c5fd;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}
.hostGuideReview strong {
  color: white;
  font-size: 13px;
}
.hostGuideReview dl {
  margin: 0;
  display: grid;
  gap: 6px;
}
.hostGuideReview dl div {
  border-top: 1px solid rgba(148, 163, 184, 0.16);
  padding-top: 6px;
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 8px;
}
.hostGuideReview dl div:first-child {
  border-top: 0;
  padding-top: 0;
}
.hostGuideReview dd {
  min-width: 0;
  margin: 0;
  color: #dbeafe;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.45;
}
.hostGuideReview .todo dd {
  color: #fbbf24;
}
.hostSetupReview {
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 8px;
  padding: 10px;
  display: grid;
  gap: 8px;
  background: rgba(15, 23, 42, 0.36);
}
.hostSetupReview > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.hostSetupReview span {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}
.hostSetupReview strong {
  color: white;
  font-size: 13px;
}
.hostSetupChips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.hostSetupChips span {
  border-radius: 999px;
  padding: 5px 8px;
  color: #fbbf24;
  background: rgba(245, 158, 11, 0.16);
  font-size: 10px;
}
.hostSetupChips span.ready {
  color: #86efac;
  background: rgba(16, 185, 129, 0.16);
}
.hostRequestCard dl {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.hostRequestCard dt,
.hostRequestCard dd {
  margin: 0;
}
.hostRequestCard dt {
  color: #64748b;
  font-size: 12px;
  font-weight: 900;
}
.hostRequestCard dd {
  margin-top: 3px;
  color: #e2e8f0;
  font-weight: 900;
}
.hostRequestCard p {
  margin: 0;
  border-radius: 8px;
  padding: 10px;
  color: #cbd5e1;
  background: #111927;
  line-height: 1.5;
  font-size: 12px;
  font-weight: 900;
}
.hostRequestMore {
  grid-column: 1 / -1;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 8px;
  background: rgba(8, 13, 22, 0.48);
  overflow: hidden;
}
.hostRequestMore summary {
  min-height: 38px;
  padding: 0 10px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto auto;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  color: #dbe6f4;
  list-style: none;
}
.hostRequestMore summary::-webkit-details-marker {
  display: none;
}
.hostRequestMore summary::after {
  content: "\c5f4\ae30";
  color: #38bdf8;
  font-size: 10px;
  font-weight: 950;
}
.hostRequestMore[open] summary::after {
  content: "\c811\ae30";
  color: #94a3b8;
}
.hostRequestMore summary span {
  min-width: 0;
  font-size: 12px;
  font-weight: 950;
}
.hostRequestMore summary strong {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}
.hostRequestMore:not([open]) .hostRequestMoreBody {
  display: none !important;
}
.hostRequestMoreBody {
  border-top: 1px solid rgba(148, 163, 184, 0.12);
  padding: 10px;
  display: grid;
  gap: 10px;
}
.hostReviewMemo {
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
  padding: 4px 2px 12px;
  display: grid;
  gap: 5px;
}
.hostReviewMemo span {
  color: #75a7ed;
  font-size: 11px;
  font-weight: 900;
}
.hostReviewMemo strong {
  color: #e8eef7;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.45;
}
.hostReviewLines {
  border-top: 1px solid rgba(148, 163, 184, 0.1);
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
  padding: 10px 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
}
.hostReviewLines > div {
  min-width: 0;
  border-left: 1px solid rgba(148, 163, 184, 0.1);
  padding: 0 12px;
  display: grid;
  gap: 4px;
}
.hostReviewLines > div:first-child {
  border-left: 0;
  padding-left: 2px;
}
.hostReviewLines span {
  color: #8b95a7;
  font-size: 11px;
  font-weight: 850;
  text-transform: none;
}
.hostReviewLines strong {
  color: #f2f5f9;
  font-size: 13px;
  line-height: 1.3;
}
.hostReviewLines small {
  color: #8b95a7;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.4;
}
.hostReviewLines.free span,
.hostReviewLines.free strong {
  color: #86efac;
}
.hostReviewLines.paid span,
.hostReviewLines.paid strong {
  color: #bae6fd;
}
.hostReviewLines.extra span,
.hostReviewLines.extra strong,
.hostRequestCard.feeWarn .hostReviewLines > div:nth-child(2) span {
  color: #fbbf24;
}
.hostRequestActions {
  grid-column: 1 / -1;
  border-top: 1px solid rgba(148, 163, 184, 0.08);
  padding-top: 10px;
  display: grid;
  justify-content: stretch;
  gap: 7px;
}
.hostDecisionActions,
.hostUtilityActions {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
}
.hostUtilityActions {
  flex-wrap: wrap;
  opacity: 0.86;
}
.hostRequestActions button {
  min-height: 38px;
  border-radius: 8px;
  padding: 0 12px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  color: #d8e1ee;
  background: rgba(30, 41, 59, 0.62);
  font-weight: 950;
}
.hostUtilityActions button {
  min-height: 32px;
  padding: 0 9px;
  font-size: 11px;
}
.hostRequestActions button.approve {
  min-width: 148px;
  border-color: transparent;
  color: white;
  background: #059669;
}
.hostRequestActions button.guide {
  border-color: rgba(14, 165, 233, 0.28);
  color: #bae6fd;
  background: rgba(14, 165, 233, 0.16);
}
.hostRequestActions button.terms {
  border-color: rgba(45, 212, 191, 0.26);
  color: #ccfbf1;
  background: rgba(15, 118, 110, 0.18);
}
.hostRequestActions button.hold {
  border-color: rgba(245, 158, 11, 0.26);
  color: #fbbf24;
  background: rgba(245, 158, 11, 0.16);
}
.hostRequestActions button.danger {
  border-color: rgba(227, 55, 95, 0.22);
  color: #fecdd3;
  background: rgba(227, 55, 95, 0.08);
}
.hostRequestActions button:disabled {
  cursor: not-allowed;
  color: #94a3b8;
  background: #1e293b;
  opacity: 0.62;
}
@media (max-width: 1050px) {
  .hostRequestCard {
    grid-template-columns: 1fr;
  }
  .hostRequestCard > .hostRequestTop,
  .hostRequestCard > h4,
  .hostRequestSnapshot,
  .hostDecision,
  .hostRequestCard > .hostRequestMore,
  .hostRequestCard > .hostRequestActions {
    grid-column: 1;
    grid-row: auto;
  }
  .hostRequestSnapshot {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .hostReviewLines {
    grid-template-columns: 1fr;
  }
  .hostDecisionActions,
  .hostUtilityActions {
    justify-content: flex-start;
  }
}
@media (max-width: 640px) {
  .hostRequestSnapshot,
  .hostRequestCard dl {
    grid-template-columns: 1fr;
  }
  .hostDecisionActions,
  .hostUtilityActions {
    display: grid;
    grid-template-columns: 1fr;
  }
  .hostRequestActions button,
  .hostRequestActions button.approve {
    width: 100%;
    min-width: 0;
  }
}
.emptyHostRequests {
  border: 1px dashed #2a3850;
  border-radius: 8px;
  padding: 30px;
  display: grid;
  justify-items: center;
  gap: 10px;
  color: #94a3b8;
  background:
    linear-gradient(
      180deg,
      rgba(54, 211, 153, 0.045),
      rgba(255, 255, 255, 0)),
    #0f172a;
  text-align: center;
  font-weight: 900;
}
.emptyHostIcon {
  width: 44px;
  height: 44px;
  border: 1px solid rgba(54, 211, 153, 0.32);
  border-radius: 8px;
  display: inline-grid;
  place-items: center;
  color: #86efac;
  background: rgba(6, 78, 59, 0.22);
  font-size: 13px;
  font-weight: 950;
}
.emptyHostRequests strong {
  color: white;
  font-size: 20px;
}
.emptyHostRequests p {
  max-width: 560px;
  margin: 0;
  color: #aab7c9;
  line-height: 1.55;
}
.emptyHostActions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 6px;
}
.emptyHostActions button {
  min-height: 40px;
  border: 1px solid #2a3850;
  border-radius: 8px;
  padding: 0 16px;
  color: #dbe6f4;
  background: #111c2e;
  font-weight: 900;
}
.emptyHostActions button.primary {
  border-color: #2f80ed;
  color: white;
  background: #2f80ed;
}
.emptyHostRoutine {
  width: min(720px, 100%);
  margin-top: 8px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.emptyHostRoutine span {
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 8px;
  padding: 10px;
  color: #dbe6f4;
  background: rgba(15, 23, 42, 0.58);
  font-size: 12px;
  line-height: 1.35;
}
.processedSummary {
  color: #94a3b8;
  font-weight: 900;
}
.eventForm {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.eventForm label {
  display: grid;
  gap: 7px;
  color: #cbd5e1;
  font-weight: 900;
}
.eventForm input,
.eventForm select,
.eventForm textarea,
.entryLab input {
  width: 100%;
  min-height: 46px;
  border: 1px solid #2a3850;
  border-radius: 8px;
  padding: 0 12px;
  color: white;
  background: #0d1420;
  outline: none;
}
.eventForm textarea {
  min-height: 90px;
  padding: 12px;
  resize: vertical;
}
.eventForm input:focus,
.eventForm select:focus,
.eventForm textarea:focus {
  border-color: #36d399;
}
.eventForm .wide {
  grid-column: span 3;
}
.formActions {
  grid-column: span 3;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.formActions button {
  min-height: 42px;
  border-radius: 8px;
  padding: 0 14px;
  color: white;
  background: #1e293b;
  font-weight: 900;
}
.formActions .submitAction {
  background: #e3375f;
}
.publishPanel {
  border-color: #315b4f;
  background:
    linear-gradient(
      135deg,
      rgba(54, 211, 153, 0.08),
      rgba(227, 55, 95, 0.06)),
    #111927;
}
.statusPill {
  border: 1px solid #2a3850;
  border-radius: 999px;
  padding: 8px 12px;
  color: #cbd5e1;
  background: #0d1420;
  font-size: 13px;
  font-weight: 950;
  white-space: nowrap;
}
.statusPill.live {
  border-color: #16a34a;
  color: #bbf7d0;
  background: #0f2f24;
}
.publishStatusGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.publishStatusCard {
  min-height: 76px;
  border: 1px solid #243044;
  border-radius: 8px;
  padding: 12px;
  display: grid;
  align-content: center;
  gap: 4px;
  background: rgba(13, 20, 32, 0.78);
}
.publishStatusCard span {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 950;
}
.publishStatusCard strong {
  color: white;
  font-size: 18px;
}
.publishStatusCard.ok {
  border-color: #14533f;
}
.publishStatusCard.ok strong {
  color: #36d399;
}
.publishStatusCard.warning {
  border-color: #7a4a08;
  background: #1f180b;
}
.publishStatusCard.warning strong {
  color: #ffbd2e;
}
.publishStatusCard.danger {
  border-color: #7f1d1d;
  background: #240e18;
}
.publishStatusCard.danger strong {
  color: #ff6b8a;
}
.publishGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.publishGrid label {
  display: grid;
  gap: 7px;
  color: #cbd5e1;
  font-weight: 900;
}
.publishGrid input,
.publishGrid select,
.publishGrid textarea {
  width: 100%;
  min-height: 46px;
  border: 1px solid var(--line-strong);
  border-radius: 8px;
  padding: 0 12px;
  color: white;
  background: var(--surface-0);
  font-weight: 850;
}
.publishGrid textarea {
  min-height: 92px;
  padding: 12px;
  resize: vertical;
}
.publishGrid input:focus,
.publishGrid select:focus,
.publishGrid textarea:focus {
  border-color: #36d399;
  outline: none;
}
.publishGrid .wide {
}
.linkBox {
  margin-top: 14px;
  border: 1px solid #2a3850;
  border-radius: 8px;
  padding: 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  background: rgba(13, 20, 32, 0.78);
}
.linkBox div {
  min-width: 0;
  display: grid;
  gap: 4px;
}
.linkBox span {
  color: #94a3b8;
  font-size: 13px;
  font-weight: 900;
}
.linkBox strong {
  min-width: 0;
  color: #e2e8f0;
  font-size: 13px;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inlineMessage {
  margin: 10px 0 0;
  border-radius: 8px;
  padding: 10px 12px;
  color: #bbf7d0;
  background: #0f2f24;
  font-size: 13px;
  font-weight: 900;
}
.entryLab {
  border-color: #315b4f;
}
.entryLabGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) 180px;
  gap: 12px;
}
.entryLabGrid label {
  display: grid;
  gap: 7px;
  color: #cbd5e1;
  font-weight: 900;
}
.entryLabSummary {
  min-height: 70px;
  border: 1px solid #315b4f;
  border-radius: 8px;
  padding: 12px;
  display: grid;
  align-content: center;
  gap: 3px;
  background: #0b2f2a;
}
.entryLabSummary span {
  color: #7dd3c7;
  font-size: 12px;
  font-weight: 900;
}
.entryLabSummary strong {
  font-size: 22px;
}
.entryLabFighters {
  margin-top: 14px;
  display: grid;
  gap: 8px;
}
.entryLabFighter {
  border: 1px solid #243044;
  border-radius: 8px;
  padding: 10px;
  display: grid;
  grid-template-columns: minmax(140px, 1fr) 160px 120px 180px 42px;
  gap: 10px;
  align-items: center;
}
.entryLabFighter strong {
  color: #36d399;
}
.entryLabFighter button {
  width: 42px;
  height: 42px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  color: #fb7185;
  background: #2a1220;
}
.entryLabActions {
  margin-top: 14px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.entryLabActions button {
  min-height: 42px;
  border-radius: 8px;
  padding: 0 14px;
  color: white;
  background: #1e293b;
  font-weight: 900;
}
.entryLabActions .submitAction {
  background: #36b37e;
}
.entryOps {
  margin-bottom: 14px;
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto;
  gap: 10px;
  align-items: center;
}
.entryOpsSearch {
  min-height: 44px;
  border: 1px solid var(--line-strong);
  border-radius: 8px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #9fb0c7;
  background: var(--surface-0);
}
.entryOpsSearch input {
  min-width: 0;
  width: 100%;
  border: 0;
  outline: 0;
  color: #f8fafc;
  background: transparent;
  font-weight: 850;
}
.entryOpsSearch input::placeholder {
  color: #64748b;
}
.entryOpsSearch button {
  width: 28px;
  height: 28px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 8px;
  display: inline-grid;
  place-items: center;
  color: #cbd5e1;
  background: rgba(15, 23, 42, 0.72);
  flex: 0 0 auto;
}
.entryOpsSearch button:hover {
  border-color: #38bdf8;
  color: white;
  background: rgba(12, 42, 59, 0.92);
}
.entryOpsFilters {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
}
.entryOpsFilters button {
  min-height: 38px;
  border: 1px solid var(--line-soft);
  border-radius: 8px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #cbd5e1;
  background: rgba(16, 24, 39, 0.78);
  font-size: 12px;
  font-weight: 950;
}
.entryOpsFilters button.active {
  border-color: #38bdf8;
  color: #e0f2fe;
  background: rgba(12, 42, 59, 0.92);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.entryOpsFilters span {
  min-width: 22px;
  border-radius: 999px;
  padding: 3px 6px;
  color: #0f172a;
  background: #e2e8f0;
  text-align: center;
}
.entryCloseoutLine {
  margin-bottom: 10px;
  display: grid;
  border: 1px solid #243044;
  border-radius: 8px;
  padding: 10px;
  grid-template-columns: minmax(0, 1fr) minmax(210px, 0.55fr) auto;
  gap: 12px;
  align-items: center;
  background: rgba(13, 20, 32, 0.82);
}
.entryCloseoutLine div {
  min-width: 0;
  display: grid;
  gap: 2px;
}
.entryCloseoutLine span,
.entryCloseoutLine small {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 900;
}
.entryCloseoutLine strong {
  min-width: 0;
  color: #f8fafc;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.entryCloseoutMain small,
.entryCloseoutToday small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.entryCloseoutToday {
  border-left: 1px solid #243044;
  padding-left: 12px;
}
.entryCloseoutLine .entryCloseoutActions {
  display: flex;
  gap: 7px;
  justify-content: flex-end;
}
.entryCloseoutLine .entryCloseoutActions button {
  min-height: 36px;
  border-radius: 8px;
  padding: 0 10px;
  color: #06261d;
  background: #36d399;
  font-size: 12px;
  font-weight: 950;
  white-space: nowrap;
}
.entryCloseoutLine .entryCloseoutActions button.copy {
  color: #0f172a;
  background: #e2e8f0;
}
.entryCloseoutLine .entryCloseoutActions button:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}
.entryViewBar {
  margin-bottom: 10px;
  border: 1px solid #243044;
  border-radius: 8px;
  padding: 8px 10px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  background: #101827;
}
.entryViewBar div {
  min-width: 0;
  display: grid;
  gap: 2px;
}
.entryViewBar span {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 900;
}
.entryViewBar strong {
  min-width: 0;
  color: #f8fafc;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.entryViewBar small {
  min-width: 0;
  color: #94a3b8;
  font-size: 12px;
  font-weight: 850;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.entryViewActions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  justify-items: end;
  gap: 6px;
}
.entryPrimaryActions,
.entryExportActions > div {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  flex-wrap: wrap;
}
.entryExportActions {
  display: grid;
  justify-items: end;
  gap: 6px;
}
.entryExportActions summary {
  list-style: none;
  min-height: 30px;
  border: 1px solid #243044;
  border-radius: 8px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #cbd5e1;
  background: rgba(15, 23, 42, 0.72);
  font-size: 11px;
  font-weight: 950;
  cursor: pointer;
}
.entryExportActions summary::-webkit-details-marker {
  display: none;
}
.entryExportActions[open] summary {
  color: #dbeafe;
  border-color: rgba(49, 130, 246, 0.42);
  background: rgba(37, 99, 235, 0.14);
}
.entryViewBar button {
  min-height: 34px;
  border-radius: 8px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: #0f172a;
  background: #e2e8f0;
  font-size: 12px;
  font-weight: 950;
  min-width: 116px;
  white-space: nowrap;
}
.entryExportActions button {
  min-width: auto;
  min-height: 30px;
  padding: 0 9px;
  font-size: 11px;
}
.entryViewBar button.summaryCopy {
  color: #ecfeff;
  background: rgba(15, 118, 110, 0.3);
  border: 1px solid rgba(45, 212, 191, 0.38);
}
.entryViewBar button.summaryCopy:hover:not(:disabled) {
  background: rgba(15, 118, 110, 0.46);
  border-color: #2dd4bf;
}
.entryViewBar button.issueCopy {
  color: var(--action-red-text);
  background: var(--action-red-bg);
  border: 1px solid var(--action-red-border);
}
.entryViewBar button.issueCopy:hover:not(:disabled) {
  background: var(--action-red-bg-hover);
  border-color: var(--action-red-border-hover);
}
.entryViewBar button.contact {
  color: var(--action-blue-text);
  background: var(--action-blue-bg);
  border: 1px solid var(--action-blue-border);
}
.entryViewBar button.contact:hover:not(:disabled) {
  background: var(--action-blue-bg-hover);
  border-color: var(--action-blue-border-hover);
}
.entryViewBar button.csvExport {
  color: var(--action-yellow-text);
  background: var(--action-yellow-bg);
  border: 1px solid var(--action-yellow-border);
}
.entryViewBar button.csvExport:hover:not(:disabled) {
  background: var(--action-yellow-bg-hover);
  border-color: var(--action-yellow-border-hover);
}
.entryViewBar button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}
.entryViewBar button.warning {
  color: #fef3c7;
  background: rgba(146, 64, 14, 0.36);
  border: 1px solid rgba(251, 191, 36, 0.34);
}
.entryViewBar button.warning:hover {
  background: rgba(146, 64, 14, 0.52);
  border-color: rgba(251, 191, 36, 0.62);
}
.entryMoneyCommand {
  margin: 0 0 22px;
  border: 0;
  border-bottom: 1px solid rgba(148, 163, 184, 0.09);
  border-radius: 0;
  padding: 4px 2px 16px;
  display: grid;
  grid-template-columns: minmax(180px, 0.58fr) minmax(0, 1.42fr) auto;
  gap: 18px;
  align-items: center;
  background: transparent;
}
.entryMoneyCommand.ready {
  border-color: rgba(148, 163, 184, 0.12);
  background: transparent;
}
.entryMoneyLead {
  min-width: 0;
  display: grid;
  gap: 5px;
}
.entryMoneyLead span,
.entryMoneyLead small,
.entryMoneyFacts dt {
  color: #6b7688;
  font-size: 11px;
  font-weight: 800;
}
.entryMoneyLead strong {
  min-width: 0;
  color: #f2f4f6;
  font-size: 15px;
  line-height: 1.28;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.entryMoneyLead small {
  max-width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.entryMoneyFacts {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.entryMoneyFacts div {
  min-width: 0;
  border-left: 0;
  padding: 2px 0;
  display: grid;
  gap: 3px;
  background: transparent;
}
.entryMoneyFacts dd {
  min-width: 0;
  margin: 0;
  color: #d8dee8;
  font-size: 13px;
  font-weight: 950;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.entryMoneyFacts .warn dd {
  color: #fbbf24;
}
.entryMoneyFacts .ok dd {
  color: #86efac;
}
.entryMoneyActions {
  position: relative;
}
.entryMoneyActions > summary {
  min-height: 34px;
  border: 0;
  border-radius: 8px;
  padding: 0 4px;
  display: flex;
  align-items: center;
  color: #8b95a7;
  background: transparent;
  cursor: pointer;
  font-size: 12px;
  font-weight: 950;
  list-style: none;
  white-space: nowrap;
}
.entryMoneyActions > summary::-webkit-details-marker {
  display: none;
}
.entryMoneyActions > summary:hover {
  color: #dbeafe;
}
.entryMoneyActions > div {
  position: absolute;
  z-index: 5;
  top: calc(100% + 6px);
  right: 0;
  min-width: 150px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 8px;
  padding: 6px;
  display: grid;
  gap: 5px;
  background: #141922;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.28);
}
.entryMoneyActions button {
  min-height: 34px;
  border: 1px solid #243044;
  border-radius: 8px;
  padding: 0 10px;
  color: #dbeafe;
  background: rgba(37, 99, 235, 0.16);
  font-size: 12px;
  font-weight: 950;
  white-space: nowrap;
}
.entryMoneyActions button:hover:not(:disabled) {
  border-color: #3182f6;
  background: rgba(49, 130, 246, 0.24);
}
.entryMoneyActions button:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}
.entryNextPayment {
  margin: 2px 0 14px;
  border: 0;
  border-radius: 12px;
  padding: 18px 20px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  background: #172236;
}
.entryNextPayment.hasIssue {
  background: #2a1d0f;
}
.entryNextPayment > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}
.entryNextPayment span {
  color: #93c5fd;
  font-size: 11px;
  font-weight: 950;
}
.entryNextPayment.hasIssue span {
  color: #fbbf24;
}
.entryNextPayment strong {
  overflow: hidden;
  color: #f8fafc;
  font-size: 24px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.entryNextPayment small {
  overflow: hidden;
  color: #a9b5c6;
  font-size: 12px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.entryNextPayment dl {
  margin: 0;
  display: none;
}
.entryNextPayment dl div {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.13);
  border-radius: 8px;
  padding: 8px 9px;
  display: grid;
  gap: 2px;
  background: rgba(2, 6, 23, 0.22);
}
.entryNextPayment dt {
  color: #8b97aa;
  font-size: 10px;
  font-weight: 900;
}
.entryNextPayment dd {
  margin: 0;
  overflow: hidden;
  color: #f2f4f6;
  font-size: 13px;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.entryNextPayment > button {
  min-height: 48px;
  border-radius: 8px;
  padding: 0 18px;
  color: white;
  background: #3182f6;
  font-size: 13px;
  font-weight: 950;
  white-space: nowrap;
}
.entryNextPayment.hasIssue > button {
  color: #20140e;
  background: #ffbd2e;
}
@media (max-width: 980px) {
  .entryMoneyCommand,
  .entryNextPayment {
    grid-template-columns: 1fr;
  }
  .entryMoneyActions > div {
    position: static;
    margin-top: 6px;
  }
  .entryMoneyActions button {
    width: 100%;
  }
  .entryNextPayment > button {
    width: 100%;
  }
}
@media (max-width: 560px) {
  .entryMoneyCommand {
    gap: 8px;
    padding: 10px;
  }
  .entryMoneyFacts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }
  .entryMoneyFacts div {
    min-height: 48px;
    padding: 7px 8px;
  }
  .entryMoneyFacts dd {
    font-size: 13px;
  }
  .entryMoneyActions {
    display: block;
  }
  .entryNextPayment {
    padding: 11px;
  }
  .entryNextPayment dl {
    grid-template-columns: 1fr;
  }
  .entryMoneyActions button {
    min-height: 32px;
    padding: 0 5px;
    font-size: 11px;
  }
}
.entryPaymentProtection {
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 8px;
  padding: 8px 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  align-items: center;
  background: rgba(15, 23, 42, 0.3);
}
.entryPaymentProtection strong {
  color: #dbeafe;
  font-size: 12px;
  font-weight: 950;
}
.entryPaymentProtection span {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 850;
}
.entryPaymentProtection.secure {
  border-color: rgba(54, 211, 153, 0.24);
  background: rgba(6, 78, 59, 0.12);
}
.entryPaymentProtection.secure strong {
  color: #86efac;
}
.entryPaymentProtection.warning {
  border-color: rgba(251, 191, 36, 0.28);
  background: rgba(120, 53, 15, 0.12);
}
.entryPaymentProtection.warning strong {
  color: #fde68a;
}
.entryPaymentProtection.local strong {
  color: #bfdbfe;
}
.paymentWorkBoard {
  margin-top: 12px;
  border: 1px solid #26435d;
  border-radius: 8px;
  padding: 12px;
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: 12px;
  background:
    linear-gradient(
      135deg,
      rgba(14, 165, 233, 0.12),
      rgba(15, 23, 42, 0.74)),
    #0f172a;
}
.paymentWorkBoard > div:first-child {
  display: grid;
  align-content: center;
  gap: 5px;
}
.paymentWorkBoard span,
.paymentWorkBoard small {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 900;
}
.paymentWorkBoard strong {
  color: white;
  font-size: 20px;
}
.paymentDeskMeta {
  margin-top: 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.paymentDeskMeta span {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 950;
}
.paymentDeskMeta b {
  color: #bbf7d0;
  font-weight: 950;
}
.paymentDeskMeta .warn b {
  color: #fbbf24;
}
.paymentDeskMeta .ok b {
  color: #86efac;
}
.paymentWorkList {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.paymentWorkList button,
.paymentWorkDone {
  position: relative;
  min-height: 72px;
  border: 1px solid #243044;
  border-radius: 8px;
  padding: 12px 10px 10px 40px;
  display: grid;
  align-content: center;
  gap: 3px;
  color: #e5edf8;
  background: #111927;
  text-align: left;
}
.paymentWorkList button {
  cursor: pointer;
  font: inherit;
}
.paymentWorkList button em {
  position: absolute;
  left: 10px;
  top: 12px;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #cbd5e1;
  background: #1f2937;
  font-size: 11px;
  font-style: normal;
  font-weight: 950;
}
.paymentWorkList button b {
  position: absolute;
  right: 9px;
  top: 9px;
  border-radius: 999px;
  padding: 4px 7px;
  color: #bfdbfe;
  background: rgba(49, 130, 246, 0.16);
  font-size: 10px;
  font-weight: 950;
}
.paymentWorkList button.ready {
  border-color: #14533f;
}
.paymentWorkList button.ready b {
  color: #86efac;
  background: rgba(16, 185, 129, 0.14);
}
.paymentWorkList button.ready:hover {
  border-color: #36d399;
  background: #12251f;
}
.paymentWorkList button.hasIssue {
  border-color: #f59e0b;
  background: #231a0b;
}
.paymentWorkList button.hasIssue b {
  color: #fbbf24;
  background: rgba(251, 191, 36, 0.14);
}
.paymentReadyHint {
  color: #86efac !important;
}
.paymentIssueHint {
  color: #fbbf24 !important;
}
.paymentWorkList button:hover {
  border-color: #fbbf24;
  background: #2b210f;
}
.paymentWorkList button strong {
  color: #36d399;
  font-size: 16px;
}
.paymentWorkList button small,
.paymentWorkDone small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.paymentWorkDone {
  border-color: #14533f;
  padding-left: 10px;
  background: #0e1f1a;
}
.paymentNextLine {
  margin-top: 8px;
  border: 1px solid #243044;
  border-radius: 8px;
  padding: 9px 10px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  background: rgba(13, 20, 32, 0.78);
}
.paymentNextLine span {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}
.paymentNextLine strong {
  min-width: 0;
  color: #f8fafc;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.paymentNextLine button {
  min-height: 34px;
  border: 1px solid rgba(49, 130, 246, 0.5);
  border-radius: 8px;
  padding: 0 12px;
  color: #dbeafe;
  background: rgba(37, 99, 235, 0.16);
  font-size: 12px;
  font-weight: 950;
  white-space: nowrap;
}
.paymentNextLine button:hover:not(:disabled) {
  border-color: #3182f6;
  background: rgba(49, 130, 246, 0.24);
}
.paymentNextLine button:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}
.paymentConfirmOverlay {
  position: fixed;
  inset: 0;
  z-index: 50;
  padding: 22px;
  display: grid;
  place-items: center;
  background: rgba(2, 6, 23, 0.78);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
.paymentConfirmDialog,
.paymentCancelDialog {
  width: min(520px, 100%);
  border-radius: 12px;
  padding: 22px;
  display: grid;
  gap: 16px;
  background: #111722;
  box-shadow: 0 26px 80px rgba(0, 0, 0, 0.42);
}
.paymentConfirmDialog {
  border: 1px solid rgba(148, 163, 184, 0.12);
}
.paymentConfirmDialog.hasIssue {
  border-color: rgba(251, 191, 36, 0.26);
  box-shadow: 0 26px 80px rgba(0, 0, 0, 0.42);
}
.paymentCancelDialog {
  border: 1px solid rgba(251, 113, 133, 0.26);
  box-shadow: 0 26px 80px rgba(0, 0, 0, 0.42);
}
.settlementCloseDialog {
  width: min(620px, 100%);
  border: 1px solid rgba(49, 130, 246, 0.42);
  border-radius: 8px;
  padding: 18px;
  display: grid;
  gap: 10px;
  background: #0f172a;
  box-shadow: 0 26px 80px rgba(0, 0, 0, 0.42), 0 0 0 1px rgba(49, 130, 246, 0.08);
}
.hostReviewDialog {
  width: min(560px, 100%);
  border: 1px solid rgba(49, 130, 246, 0.32);
  border-radius: 8px;
  padding: 22px;
  display: grid;
  gap: 18px;
  background: #111722;
  box-shadow: 0 26px 80px rgba(0, 0, 0, 0.42);
}
.hostReviewReason {
  display: grid;
  gap: 8px;
}
.hostReviewReason > span {
  color: #d5dbea;
  font-size: 13px;
  font-weight: 900;
}
.hostReviewReason textarea {
  width: 100%;
  min-height: 112px;
  resize: vertical;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 8px;
  padding: 14px;
  color: #f8fafc;
  background: #0b111c;
  font: inherit;
  line-height: 1.55;
}
.hostReviewReason textarea:focus {
  border-color: #3182f6;
  outline: 3px solid rgba(49, 130, 246, 0.16);
}
.hostReviewReason small {
  justify-self: end;
  color: #8b95a7;
  font-size: 11px;
  font-weight: 800;
}
.hostReviewNotice {
  border-top: 1px solid rgba(148, 163, 184, 0.12);
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
  padding: 13px 0;
  display: grid;
  gap: 5px;
}
.hostReviewNotice strong {
  color: #f8fafc;
  font-size: 13px;
}
.hostReviewNotice span {
  color: #8b95a7;
  font-size: 12px;
  line-height: 1.5;
}
.paymentConfirmHead {
  display: grid;
  gap: 5px;
}
.paymentConfirmHead span {
  color: #36d399;
  font-size: 12px;
  font-weight: 950;
}
.paymentConfirmHead h3 {
  margin: 0;
  color: white;
  font-size: 25px;
  line-height: 1.15;
}
.paymentConfirmHead p {
  margin: 0;
  color: #8b95a7;
  font-size: 13px;
  font-weight: 800;
}
.paymentConfirmPrimary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid rgba(148, 163, 184, 0.1);
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
  padding: 12px 0;
}
.paymentConfirmPrimary div {
  border: 0;
  border-radius: 0;
  padding: 3px 14px;
  display: grid;
  gap: 4px;
  background: transparent;
}
.paymentConfirmPrimary div + div {
  border-left: 1px solid rgba(148, 163, 184, 0.1);
}
.paymentConfirmPrimary small {
  color: #7f8a9d;
  font-size: 11px;
  font-weight: 850;
}
.paymentConfirmPrimary strong {
  min-width: 0;
  color: #f2f4f6;
  font-size: 19px;
  line-height: 1.12;
  overflow-wrap: anywhere;
}
.paymentCancelSummary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid rgba(251, 113, 133, 0.14);
  border-bottom: 1px solid rgba(251, 113, 133, 0.14);
  padding: 12px 0;
}
.paymentCancelSummary div {
  border: 0;
  border-radius: 0;
  padding: 2px 11px;
  display: grid;
  gap: 3px;
  background: transparent;
}
.paymentCancelSummary div + div {
  border-left: 1px solid rgba(251, 113, 133, 0.14);
}
.paymentCancelSummary small,
.paymentCancelMemo span {
  color: #fda4af;
  font-size: 12px;
  font-weight: 950;
}
.paymentCancelSummary strong {
  min-width: 0;
  color: #fff1f2;
  font-size: 16px;
  overflow-wrap: anywhere;
}
.paymentCancelReasonHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.paymentCancelReasonHead strong {
  color: #fff1f2;
  font-size: 13px;
}
.paymentCancelReasonHead span {
  color: #fecdd3;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.35;
}
.paymentCancelReasons {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}
.paymentCancelReasons button {
  min-height: 34px;
  border: 0;
  border-radius: 8px;
  color: #9aa4b2;
  background: rgba(255, 255, 255, 0.04);
  font-size: 12px;
  font-weight: 950;
}
.paymentCancelReasons button.active {
  color: #fff1f2;
  background: rgba(251, 113, 133, 0.18);
}
.paymentCancelMemo {
  display: grid;
  gap: 5px;
}
.paymentCancelMemo input {
  min-height: 42px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 8px;
  padding: 0 12px;
  color: #e5edf8;
  background: #151c27;
  font: inherit;
  font-weight: 850;
}
.paymentCancelMemo input:focus {
  outline: 2px solid rgba(251, 113, 133, 0.28);
  border-color: rgba(251, 113, 133, 0.5);
}
.settlementCloseAmounts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
  gap: 8px;
}
.settlementCloseAmounts div {
  border: 1px solid rgba(49, 130, 246, 0.18);
  border-radius: 8px;
  padding: 11px;
  display: grid;
  gap: 4px;
  background: rgba(23, 35, 56, 0.8);
}
.settlementCloseAmounts small {
  color: #93c5fd;
  font-size: 12px;
  font-weight: 950;
}
.settlementCloseAmounts strong {
  min-width: 0;
  color: #ffffff;
  font-size: 18px;
  overflow-wrap: anywhere;
}
.settlementCloseRisks {
  border-radius: 8px;
  padding: 10px;
  display: grid;
  gap: 8px;
  background: rgba(20, 83, 63, 0.16);
}
.settlementCloseRisks.hasRisk {
  background: rgba(146, 64, 14, 0.18);
}
.settlementCloseRisks strong {
  color: #bbf7d0;
  font-size: 14px;
}
.settlementCloseRisks.hasRisk strong {
  color: #fef3c7;
}
.settlementCloseRisks div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.settlementCloseRisks span {
  border-radius: 999px;
  padding: 5px 8px;
  color: #86efac;
  background: rgba(20, 83, 63, 0.22);
  font-size: 11px;
  font-weight: 950;
}
.settlementCloseRisks.hasRisk span {
  color: #fbbf24;
  background: rgba(146, 64, 14, 0.22);
}
.paymentConfirmIssue {
  border: 0;
  border-radius: 8px;
  padding: 12px 14px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 10px;
  align-items: center;
  background: rgba(245, 158, 11, 0.1);
}
.paymentConfirmIssue strong {
  color: #fef3c7;
  font-size: 14px;
}
.paymentConfirmIssue small {
  min-width: 0;
  color: #fbbf24;
  font-size: 12px;
  font-weight: 850;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.paymentConfirmIssue button {
  grid-row: 1 / span 2;
  grid-column: 2;
  min-height: 34px;
  border: 1px solid rgba(251, 191, 36, 0.24);
  border-radius: 8px;
  padding: 0 10px;
  color: #fef3c7;
  background: rgba(146, 64, 14, 0.24);
  font-size: 12px;
  font-weight: 950;
}
.paymentConfirmIssue button:hover {
  background: rgba(146, 64, 14, 0.38);
}
.paymentConfirmCheck {
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 8px;
  padding: 12px 14px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  background: #151c27;
}
.paymentConfirmCheck input {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  accent-color: #36d399;
}
.paymentConfirmCheck span {
  display: grid;
  gap: 1px;
}
.paymentConfirmCheck strong {
  color: #f2f4f6;
  font-size: 13px;
}
.paymentConfirmCheck small {
  color: #8b95a7;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.35;
}
.paymentConfirmActions .confirm:disabled {
  cursor: not-allowed;
  opacity: 0.46;
}
.paymentConfirmActions {
  display: grid;
  grid-template-columns: minmax(92px, 0.7fr) minmax(112px, 0.88fr) minmax(140px, 1.25fr);
  gap: 8px;
}
.paymentConfirmActions button {
  min-height: 46px;
  border: 0;
  border-radius: 8px;
  color: white;
  font-weight: 950;
}
.paymentConfirmActions .ghost {
  color: #9aa4b2;
  background: transparent;
}
.paymentConfirmActions .copy {
  color: #dbeafe;
  background: rgba(49, 130, 246, 0.14);
}
.paymentConfirmActions .confirm {
  color: #ffffff;
  background: #3182f6;
}
.paymentConfirmActions .danger {
  color: #fff1f2;
  background: #be123c;
}
.paymentReconcileLine {
  margin-top: 12px;
  margin-bottom: 10px;
  display: grid;
  grid-template-columns: minmax(190px, 0.85fr) minmax(220px, 0.95fr) minmax(220px, 1fr);
  gap: 8px;
}
.paymentReconcileLine div {
  min-height: 64px;
  border: 1px solid var(--line-soft);
  border-radius: 8px;
  padding: 10px 12px;
  display: grid;
  align-content: center;
  gap: 4px;
  background: rgba(15, 23, 42, 0.62);
}
.paymentReconcileLine span,
.paymentReconcileLine small {
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 900;
}
.paymentReconcileLine strong {
  min-width: 0;
  color: white;
  font-size: 18px;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.paymentReconcileLine small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.paymentReconcileLine .warn {
  border-color: #92400e;
  background: rgba(146, 64, 14, 0.16);
}
.paymentReconcileLine .warn strong {
  color: #fbbf24;
}
.paymentReconcileLine .ok {
  border-color: #14533f;
  background: rgba(54, 211, 153, 0.08);
}
.paymentReconcileLine .ok strong {
  color: #86efac;
}
.entryList {
  display: grid;
  gap: 7px;
}
.entryRow {
  min-height: 64px;
  border: 0;
  border-top: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 0;
  padding: 12px 2px;
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(92px, auto) minmax(78px, auto) minmax(96px, auto);
  align-items: center;
  gap: 10px;
  background: transparent;
  box-shadow: none;
}
.entryRow:first-child {
  border-top: 0;
}
.entryRow:hover {
  background: rgba(49, 130, 246, 0.035);
}
.entryRow.danger {
  box-shadow: inset 3px 0 0 rgba(239, 68, 68, 0.58);
}
.entryRow.warning {
  box-shadow: inset 3px 0 0 rgba(245, 158, 11, 0.52);
}
.entryRow div {
  display: grid;
  gap: 4px;
}
.resultWorkbenchPanel.panel {
  border: 0;
  padding: 28px 24px 20px;
  background: transparent;
  box-shadow: none;
}
.resultWorkbenchPanel.panel:hover {
  border-color: transparent;
}
.resultMasterTools {
  padding-bottom: 14px;
}
.resultMasterTools .entryOpsFilters {
  justify-content: flex-start;
}
.resultMasterItem {
  grid-template-columns: minmax(0, 1fr) minmax(122px, 0.56fr) auto;
}
.resultDetailHead {
  padding-bottom: 20px;
}
.resultMatchup {
  margin-top: 14px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 70px minmax(0, 1fr);
  gap: 10px;
  align-items: stretch;
}
.resultMatchup > button {
  min-width: 0;
  min-height: 118px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 8px;
  padding: 15px;
  display: grid;
  align-content: center;
  gap: 7px;
  color: #e7ebf1;
  background: #151a22;
  text-align: left;
}
.resultMatchup > button:hover:not(:disabled) {
  background: #1a202a;
}
.resultMatchup > button.red.selected {
  border-color: rgba(255, 92, 124, 0.55);
  background: rgba(127, 29, 49, 0.2);
  box-shadow: inset 0 0 0 1px rgba(255, 92, 124, 0.14);
}
.resultMatchup > button.blue.selected {
  border-color: rgba(49, 130, 246, 0.58);
  background: rgba(30, 64, 175, 0.2);
  box-shadow: inset 0 0 0 1px rgba(49, 130, 246, 0.14);
}
.resultMatchup > button > span {
  color: #8490a2;
  font-size: 11px;
  font-weight: 900;
}
.resultMatchup > button.red > span {
  color: #ff7d98;
}
.resultMatchup > button.blue > span {
  color: #75a7ed;
}
.resultMatchup > button > strong {
  overflow: hidden;
  font-size: 19px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.resultMatchup > button > small {
  overflow: hidden;
  color: #8994a5;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.resultMatchup > div {
  display: grid;
  place-content: center;
  gap: 9px;
  text-align: center;
}
.resultMatchup > div > span {
  color: #5f6b7d;
  font-size: 11px;
  font-weight: 900;
}
.resultMatchup > div > button {
  min-height: 32px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 8px;
  padding: 0 9px;
  color: #8f9aac;
  background: transparent;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}
.resultMatchup > div > button.selected {
  border-color: rgba(148, 163, 184, 0.36);
  color: #f1f4f8;
  background: #252b35;
}
.resultMethodSection {
  margin-top: 16px;
  border-top: 1px solid rgba(148, 163, 184, 0.1);
  padding-top: 14px;
  display: grid;
  gap: 10px;
}
.resultMethodSection > div:first-child {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
.resultMethodSection strong {
  color: #edf0f4;
  font-size: 15px;
}
.resultMethodSection span {
  color: #778296;
  font-size: 12px;
}
.resultMethodGrid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 7px;
}
.resultMethodGrid button {
  min-height: 36px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 8px;
  color: #aeb7c5;
  background: #171c24;
  font-size: 12px;
  font-weight: 850;
}
.resultMethodGrid button.selected {
  border-color: rgba(49, 130, 246, 0.5);
  color: #fff;
  background: rgba(49, 130, 246, 0.18);
}
.resultSaveBar {
  margin-top: 16px;
  border-top: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 0;
  padding: 16px 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  background: transparent;
}
.resultSaveBar span {
  color: #dbeafe;
  font-size: 14px;
  font-weight: 850;
}
.resultSaveBar button {
  min-width: 130px;
  min-height: 44px;
  border: 0;
  border-radius: 8px;
  color: #fff;
  background: #3182f6;
  font-size: 13px;
  font-weight: 850;
}
.resultSaveBar button:disabled {
  color: #6f7a8c;
  background: #252b34;
}
@media (max-width: 640px) {
  .resultWorkbenchPanel.panel {
    padding: 22px 16px 14px;
  }
  .resultMatchup {
    grid-template-columns: 1fr;
  }
  .resultMatchup > button {
    min-height: 112px;
  }
  .resultMatchup > div {
    grid-template-columns: auto auto;
    align-items: center;
  }
  .resultMethodGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .resultSaveBar {
    align-items: stretch;
    flex-direction: column;
  }
  .resultSaveBar button {
    width: 100%;
  }
}
@media (max-width: 640px) {
  .boutDeferredActions {
    align-items: stretch;
    flex-direction: column;
  }
  .boutDeferredActions button {
    width: 100%;
  }
}
@media (min-width: 521px) and (max-width: 640px) {
  .resultMatchup {
    grid-template-columns: minmax(0, 1fr) 58px minmax(0, 1fr);
  }
  .resultMatchup > button {
    min-height: 112px;
  }
  .resultMatchup > div {
    grid-template-columns: 1fr;
    align-items: center;
  }
  .resultMethodGrid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .resultSaveBar {
    align-items: center;
    flex-direction: row;
  }
  .resultSaveBar button {
    width: auto;
  }
}
.weighWorkbenchPanel.panel {
  border: 0;
  padding: 28px 24px 20px;
  background: transparent;
  box-shadow: none;
}
.weighWorkbenchPanel.panel:hover {
  border-color: transparent;
}
.weighQueueItem {
  grid-template-columns: minmax(0, 1fr) minmax(118px, 0.52fr) auto;
}
.weighDetailHead {
  padding-bottom: 20px;
}
.weighInputPanel {
  margin-top: 14px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
  padding: 0 0 18px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 16px;
  background: transparent;
}
.weighInputPanel label {
  min-width: 0;
  display: grid;
  gap: 8px;
}
.weighInputPanel label > span {
  color: #8fa1b9;
  font-size: 12px;
  font-weight: 800;
}
.weighInputPanel label > div {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.weighInputPanel input {
  min-width: 0;
  width: 170px;
  border: 0;
  border-bottom: 2px solid rgba(148, 163, 184, 0.24);
  outline: 0;
  padding: 3px 0 6px;
  color: #f7f9fb;
  background: transparent;
  font: inherit;
  font-size: 30px;
  font-weight: 850;
}
.weighInputPanel input:focus {
  border-bottom-color: #3182f6;
}
.weighInputPanel b {
  color: #98a4b5;
  font-size: 15px;
}
.weighInputPanel > button {
  min-height: 44px;
  border: 0;
  border-radius: 8px;
  padding: 0 18px;
  color: #fff;
  background: #3182f6;
  font-size: 13px;
  font-weight: 850;
}
.weighInputPanel > button:disabled {
  color: #697588;
  background: #252b34;
}
.weighDetailFacts dd.warn {
  color: #f5a623;
}
.weighDecisionSection {
  margin-top: 16px;
  border-top: 0;
  padding-top: 0;
  display: grid;
  gap: 10px;
}
.weighDecisionSection > div:first-child {
  display: grid;
  gap: 4px;
}
.weighDecisionSection strong {
  color: #edf0f4;
  font-size: 15px;
}
.weighDecisionSection span {
  color: #778296;
  font-size: 12px;
}
.weighDecisionActions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.weighDecisionActions button {
  min-height: 48px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 8px;
  color: #d5dbe5;
  background: #171c24;
  font-size: 13px;
  font-weight: 850;
}
.weighDecisionActions .pass {
  border-color: transparent;
  color: #09251c;
  background: #36d399;
}
.weighDecisionActions .over {
  border-color: rgba(245, 166, 35, 0.26);
  color: #f5bd5e;
}
.weighDecisionActions .absent {
  border-color: rgba(255, 92, 124, 0.24);
  color: #ff8ba2;
}
.weighPersonInfo {
  margin-top: 18px;
  border-top: 1px solid rgba(148, 163, 184, 0.1);
  padding-top: 0;
  display: grid;
  gap: 8px;
}
.weighPersonInfo summary {
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  cursor: pointer;
  list-style: none;
}
.weighPersonInfo summary::-webkit-details-marker {
  display: none;
}
.weighPersonInfo span,
.weighPersonInfo small {
  color: #747f91;
  font-size: 11px;
  font-weight: 750;
}
.weighPersonInfo summary strong {
  color: #95a3b8;
  font-size: 12px;
  font-weight: 850;
}
.weighPersonInfo summary::after {
  content: "\c5f4\ae30";
  color: #75a7ed;
  font-size: 11px;
  font-weight: 850;
}
.weighPersonInfo[open] summary::after {
  content: "\c811\ae30";
}
.weighPersonInfo:not([open]) p,
.weighPersonInfo:not([open]) small {
  display: none;
}
.weighPersonInfo p {
  margin: 0;
  color: #cbd2dc;
  font-size: 13px;
}
@media (max-width: 640px) {
  .weighWorkbenchPanel.panel {
    padding: 22px 16px 14px;
  }
  .weighInputPanel {
    grid-template-columns: 1fr;
  }
  .weighInputPanel input {
    width: 100%;
  }
  .weighInputPanel > button {
    width: 100%;
  }
  .weighDecisionActions {
    grid-template-columns: 1fr;
  }
}
.fighterWorkbenchPanel.panel {
  border: 0;
  padding: 28px 24px 20px;
  background: transparent;
  box-shadow: none;
}
.fighterWorkbenchPanel.panel:hover {
  border-color: transparent;
}
.fighterReviewItem {
  grid-template-columns: minmax(0, 1fr) minmax(126px, 0.58fr) auto;
}
.fighterDetailFacts dd {
  font-size: 13px;
}
.fighterReviewDetails {
  margin-top: 20px;
  border-top: 1px solid rgba(148, 163, 184, 0.1);
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}
.fighterReviewDetails summary {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  cursor: pointer;
  list-style: none;
}
.fighterReviewDetails summary::-webkit-details-marker {
  display: none;
}
.fighterReviewDetails summary span {
  color: #747f91;
  font-size: 12px;
  font-weight: 800;
}
.fighterReviewDetails summary strong {
  color: #95a3b8;
  font-size: 12px;
  font-weight: 850;
}
.fighterReviewDetails summary::after {
  content: "\c5f4\ae30";
  color: #75a7ed;
  font-size: 11px;
  font-weight: 850;
}
.fighterReviewDetails[open] summary::after {
  content: "\c811\ae30";
}
.fighterReviewSections {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.fighterReviewDetails:not([open]) .fighterReviewSections {
  display: none;
}
.fighterReviewSections section {
  min-width: 0;
  border-top: 1px solid rgba(148, 163, 184, 0.1);
  padding: 15px 18px 17px 0;
  display: grid;
  align-content: start;
  gap: 6px;
}
.fighterReviewSections section + section {
  border-left: 1px solid rgba(148, 163, 184, 0.1);
  padding-left: 18px;
}
.fighterReviewSections span,
.fighterReviewSections small {
  color: #747f91;
  font-size: 11px;
  font-weight: 750;
}
.fighterReviewSections strong {
  color: #edf0f4;
  font-size: 14px;
}
.fighterReviewSections p {
  margin: 0;
  color: #96a1b1;
  font-size: 12px;
  line-height: 1.45;
}
.fighterDetailPane .entryDetailAlert {
  margin-top: 16px;
}
@media (max-width: 640px) {
  .fighterWorkbenchPanel.panel {
    padding: 22px 16px 14px;
  }
  .fighterReviewSections {
    grid-template-columns: 1fr;
  }
  .fighterReviewSections section + section {
    border-top: 1px solid rgba(148, 163, 184, 0.1);
    border-left: 0;
    padding-left: 0;
  }
}
.fighterMeta {
  display: block;
  margin-top: 4px;
  color: #94a3b8;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.35;
}
.status,
.warnBadge,
.okBadge {
  justify-self: start;
  border-radius: 999px;
  padding: 7px 10px;
  font-weight: 900;
  font-size: 13px;
}
.status.confirmed,
.okBadge {
  color: #32d583;
  background: #053321;
}
.status.payment_pending,
.status.revision_requested,
.warnBadge {
  color: #ffbd2e;
  background: #3a2603;
}
.status.submitted {
  color: #7dd3fc;
  background: #0c2a3b;
}
.taskList {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}
.todayFocusPanel {
  display: grid;
  gap: 12px;
}
.todayFocusHead {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
.todayFocusHead h3 {
  margin: 0;
  color: #f8fafc;
  font-size: 18px;
  line-height: 1.2;
}
.todayFocusHead span {
  min-width: 0;
  color: #94a3b8;
  font-size: 12px;
  font-weight: 850;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.todayFocusLayout {
  display: grid;
  grid-template-columns: minmax(300px, 0.62fr) minmax(0, 1fr);
  gap: 10px;
  align-items: stretch;
}
.todayPrimaryAction {
  min-height: 96px;
  border: 1px solid #243044;
  border-radius: 8px;
  padding: 14px 16px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px 14px;
  text-align: left;
  color: #d8e1ee;
  background: #111821;
}
.opsSignalRail {
  border: 0;
  border-left: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 0;
  padding: 2px 0 2px 14px;
  display: grid;
  align-content: center;
  background: transparent;
}
.opsSignalRail span {
  min-width: 0;
  min-height: 26px;
  border-top: 1px solid rgba(148, 163, 184, 0.08);
  display: grid;
  grid-template-columns: minmax(72px, 0.36fr) minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}
.opsSignalRail span:first-child {
  border-top: 0;
}
.opsSignalRail small {
  min-width: 0;
  color: #94a3b8;
  font-size: 12px;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.opsSignalRail strong {
  min-width: 0;
  color: #dbe6f4;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.opsSignalRail em {
  display: none;
}
.todayPrimaryAction:hover {
  border-color: var(--accent-primary);
  background: #151e2a;
}
.todayPrimaryAction span {
  min-width: 0;
  color: #f8fafc;
  font-size: 15px;
  font-weight: 900;
}
.todayPrimaryAction strong {
  justify-self: end;
  color: #ffffff;
  font-size: 28px;
  line-height: 1;
}
.todayPrimaryAction small {
  grid-column: 1 / 2;
  min-width: 0;
  color: #aebdd1;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.35;
}
.todayPrimaryAction em {
  justify-self: end;
  min-width: 76px;
  height: 30px;
  border-radius: 8px;
  display: inline-grid;
  place-items: center;
  color: #ffffff;
  background: var(--accent-primary);
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
}
.todayPrimaryAction.warning,
.todayPrimaryAction.danger {
  border-color: rgba(49, 130, 246, 0.34);
  border-left: 3px solid var(--accent-primary);
  background: #111821;
}
.todayPrimaryAction.warning em,
.todayPrimaryAction.danger em {
  color: #ffffff;
  background: var(--accent-primary);
}
.todayPrimaryAction.warning strong,
.todayPrimaryAction.danger strong {
  color: #ffffff;
}
.todayQueueList {
  border-top: 1px solid rgba(148, 163, 184, 0.12);
  display: grid;
}
.todayQueueList .taskItem {
  min-height: 44px;
  border: 0;
  border-bottom: 1px solid var(--line-soft);
  border-radius: 0;
  padding: 7px 2px;
  grid-template-columns: minmax(120px, 0.7fr) auto minmax(160px, 1fr);
  align-items: center;
  gap: 12px;
  background: transparent;
}
.todayQueueList .taskItem:hover {
  border-color: var(--line-soft);
  background: rgba(49, 130, 246, 0.06);
  transform: none;
}
.todayQueueList .taskItem.warning,
.todayQueueList .taskItem.danger,
.todayQueueList .taskItem.ok {
  border-color: rgba(148, 163, 184, 0.16);
}
.todayQueueList .taskItem.warning {
  border-color: rgba(255, 189, 46, 0.28);
  background: #0d1420;
  box-shadow: inset 2px 0 0 rgba(255, 189, 46, 0.44);
}
.todayQueueList .taskItem.danger {
  border-color: rgba(240, 68, 82, 0.3);
  background: #0d1420;
  box-shadow: inset 2px 0 0 rgba(240, 68, 82, 0.5);
}
.taskOverflowHint,
.todayClearLine {
  min-height: 38px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #94a3b8;
  font-size: 12px;
  font-weight: 850;
}
.todayClearLine {
  border-top: 1px solid rgba(148, 163, 184, 0.12);
  justify-content: space-between;
}
.todayClearLine strong {
  color: #dbe6f4;
  font-size: 13px;
}
.todayQueueList .taskItem span,
.todayQueueList .taskItem strong,
.todayQueueList .taskItem small {
  grid-column: auto;
  grid-row: auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.todayQueueList .taskItem span {
  color: #dbe6f4;
  font-size: 13px;
  font-weight: 900;
}
.todayQueueList .taskItem strong {
  justify-self: end;
  color: #e5edf8;
  font-size: 14px;
}
.todayQueueList .taskItem small {
  color: #94a3b8;
  font-size: 12px;
}
.taskItem {
  min-height: 78px;
  border: 1px solid #243044;
  border-radius: 8px;
  padding: 12px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-content: start;
  align-items: start;
  gap: 7px 10px;
  text-align: left;
  color: #d8e1ee;
  background: #0d1420;
}
.taskList.compact .taskItem {
  min-height: 66px;
  padding: 10px;
}
.taskList.compact .taskItem strong {
  font-size: 18px;
}
.opsDetailPanel,
.entryDeskPanel {
  border: 0;
  border-top: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 0;
  background: transparent;
  overflow: visible;
}
.opsDetailPanel summary,
.entryDeskPanel summary {
  min-height: 46px;
  padding: 0 2px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  color: #dbe6f4;
  cursor: pointer;
  list-style: none;
}
.opsDetailPanel summary::-webkit-details-marker,
.entryDeskPanel summary::-webkit-details-marker {
  display: none;
}
.opsDetailPanel summary::after,
.entryDeskPanel summary::after {
  content: "\c5f4\ae30";
  color: #38bdf8;
  font-size: 11px;
  font-weight: 950;
}
.opsDetailPanel[open] summary::after,
.entryDeskPanel[open] summary::after {
  content: "\c811\ae30";
  color: #94a3b8;
}
.opsDetailPanel summary span,
.entryDeskPanel summary span {
  min-width: 0;
  font-size: 13px;
  font-weight: 950;
}
.opsDetailPanel summary strong,
.entryDeskPanel summary strong {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}
.opsDetailPanel:not([open]) .commandPanel,
.opsDetailPanel:not([open]) .operationTimeline,
.opsDetailPanel:not([open]) .riskGrid,
.opsDetailPanel:not([open]) .opsDetailBody,
.entryDeskPanel:not([open]) .entryCloseoutLine,
.entryDeskPanel:not([open]) .paymentWorkBoard,
.entryDeskPanel:not([open]) .entryViewBar,
.entryDeskPanel:not([open]) .boutSummary,
.entryDeskPanel:not([open]) .boutCommandRail,
.entryDeskPanel:not([open]) .boutDeferredActions {
  display: none !important;
}
.opsDetailPanel[open],
.entryDeskPanel[open] {
  padding-bottom: 8px;
}
.opsDetailPanel[open] > .commandPanel,
.opsDetailPanel[open] > .operationTimeline,
.opsDetailPanel[open] > .riskGrid,
.opsDetailPanel[open] > .opsDetailBody,
.entryDeskPanel[open] > .entryCloseoutLine,
.entryDeskPanel[open] > .paymentWorkBoard,
.entryDeskPanel[open] > .entryViewBar,
.entryDeskPanel[open] > .boutSummary,
.entryDeskPanel[open] > .boutCommandRail,
.entryDeskPanel[open] > .boutDeferredActions {
  margin: 8px 0 0;
}
.opsDetailBody {
  display: grid;
  gap: 10px;
}
.opsDetailStatus {
  min-height: 56px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 8px;
  padding: 10px 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 2px 12px;
  align-items: center;
  background: #0d1420;
}
.opsDetailStatus span {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 900;
}
.opsDetailStatus strong {
  grid-row: 1 / span 2;
  grid-column: 2;
  color: #e5edf8;
  font-size: 22px;
  line-height: 1;
}
.opsDetailStatus small {
  min-width: 0;
  color: #aebdd1;
  font-size: 12px;
  font-weight: 850;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.opsDetailList {
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 8px;
  overflow: hidden;
  background: #0d1420;
}
.opsDetailList button {
  width: 100%;
  min-height: 52px;
  border: 0;
  border-top: 1px solid rgba(148, 163, 184, 0.12);
  padding: 9px 12px;
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) auto minmax(0, 1.4fr);
  gap: 12px;
  align-items: center;
  color: #dbe6f4;
  background: transparent;
  text-align: left;
}
.opsDetailList button:first-child {
  border-top: 0;
}
.opsDetailList button:hover {
  background: rgba(49, 130, 246, 0.08);
}
.opsDetailList button.needsAction {
  box-shadow: inset 3px 0 0 var(--accent-primary);
}
.opsDetailList span {
  min-width: 0;
  color: #e5edf8;
  font-size: 13px;
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.opsDetailList strong {
  color: #bfdbfe;
  font-size: 14px;
  font-weight: 950;
  white-space: nowrap;
}
.opsDetailList small {
  min-width: 0;
  color: #94a3b8;
  font-size: 12px;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.taskItem:hover {
  border-color: #38bdf8;
  background: #101d34;
}
.taskItem em {
  min-width: 38px;
  border-radius: 999px;
  padding: 5px 8px;
  color: #d8e1ee;
  background: rgba(148, 163, 184, 0.12);
  font-size: 11px;
  font-style: normal;
  font-weight: 950;
  text-align: center;
}
.taskItem span {
  align-self: center;
  color: #94a3b8;
  font-size: 12px;
  font-weight: 950;
}
.taskItem strong {
  grid-column: 1 / -1;
  justify-self: start;
  color: white;
  font-size: 22px;
  line-height: 1.1;
}
.taskItem small {
  grid-column: 1 / -1;
  min-width: 0;
  color: #aebdd1;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.taskItem.ok {
  border-color: rgba(148, 163, 184, 0.16);
}
.taskItem.ok strong {
  color: #e5edf8;
}
.taskItem.ok em {
  color: #cbd5e1;
  background: rgba(148, 163, 184, 0.12);
}
.taskItem.warning {
  border-color: rgba(255, 189, 46, 0.28);
  background: #0d1420;
  box-shadow: inset 2px 0 0 rgba(255, 189, 46, 0.44);
}
.taskItem.warning strong {
  color: #f8fafc;
}
.taskItem.warning em {
  color: #f8fafc;
  background: rgba(255, 189, 46, 0.14);
}
.taskItem.danger {
  border-color: rgba(240, 68, 82, 0.3);
  background: #0d1420;
  box-shadow: inset 2px 0 0 rgba(240, 68, 82, 0.5);
}
.taskItem.danger strong {
  color: #f8fafc;
}
.taskItem.danger em {
  color: #f8fafc;
  background: rgba(240, 68, 82, 0.14);
}
.divisionGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.divisionCard {
  min-height: 118px;
  border: 1px solid #243044;
  border-radius: 8px;
  padding: 14px;
  display: grid;
  align-content: start;
  gap: 7px;
  background: #0d1420;
}
.divisionCard.warning {
  border-color: #7a4a08;
  background: #1f180b;
}
.divisionCard strong {
  color: white;
  font-size: 17px;
}
.divisionCard span {
  color: #36d399;
  font-weight: 900;
}
.divisionCard.warning span {
  color: #ffbd2e;
}
.divisionCard small {
  justify-self: start;
  border-radius: 999px;
  padding: 5px 8px;
  color: #36d399;
  background: #063323;
  font-size: 11px;
  font-weight: 950;
}
.divisionCard.warning small {
  color: #ffbd2e;
  background: #3a2603;
}
.divisionCard p {
  margin: 0;
  color: #94a3b8;
  line-height: 1.45;
  font-size: 13px;
  font-weight: 750;
}
.boutWorkbenchPanel.panel {
  border: 0;
  padding: 28px 24px 20px;
  background: transparent;
  box-shadow: none;
}
.boutWorkbenchPanel.panel:hover {
  border-color: transparent;
}
.boutHeadActions {
  display: inline-flex;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}
.boutHeadActions .copy {
  border: 1px solid rgba(148, 163, 184, 0.14);
  color: #cbd2dc;
  background: #171c24;
}
.boutHeadActions .copy:hover:not(:disabled) {
  border-color: rgba(49, 130, 246, 0.35);
  background: rgba(49, 130, 246, 0.1);
}
.boutCopyToast {
  margin: 0 0 10px;
  border: 1px solid #14533f;
  border-radius: 8px;
  padding: 8px 10px;
  color: #86efac;
  background: rgba(20, 83, 63, 0.18);
  font-size: 12px;
  font-weight: 950;
}
.boutSummary {
  margin-bottom: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.boutSummary span {
  border: 1px solid #2a3850;
  border-radius: 999px;
  padding: 7px 11px;
  color: #d8e1ee;
  background: #0d1420;
  font-size: 13px;
  font-weight: 900;
}
.boutCommandRail {
  margin: 10px 0 12px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
}
.boutCommandRail p {
  min-height: 52px;
  margin: 0;
  border-left: 1px solid rgba(148, 163, 184, 0.1);
  padding: 6px 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-content: center;
  gap: 2px 8px;
  background: transparent;
}
.boutCommandRail p:first-child {
  border-left: 0;
  padding-left: 2px;
}
.boutCommandRail span,
.boutCommandRail small {
  color: var(--text-muted);
  font-size: 11px;
  font-weight: 850;
}
.boutCommandRail strong {
  justify-self: end;
  color: #e5e7eb;
  font-size: 14px;
}
.boutCommandRail small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.boutDeferredActions {
  border-top: 1px solid rgba(148, 163, 184, 0.08);
  padding-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.boutDeferredActions span {
  color: #7f8a9d;
  font-size: 12px;
  font-weight: 850;
}
.boutDeferredActions button {
  min-height: 36px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 8px;
  padding: 0 12px;
  color: #cbd2dc;
  background: #171c24;
  font-size: 12px;
  font-weight: 850;
}
.boutDeferredActions button:disabled {
  cursor: not-allowed;
  opacity: 0.46;
}
.oneMatchBoard {
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 8px;
  overflow: hidden;
  background: #101319;
}
.oneMatchBoardHead {
  min-height: 64px;
  padding: 12px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  cursor: pointer;
  list-style: none;
}
.oneMatchBoardHead::-webkit-details-marker {
  display: none;
}
.oneMatchBoard[open] .oneMatchBoardHead {
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}
.oneMatchBoardHead::after {
  content: "\c5f4\ae30";
  color: #75a7ed;
  font-size: 11px;
  font-weight: 850;
}
.oneMatchBoard[open] .oneMatchBoardHead::after {
  content: "\c811\ae30";
}
.oneMatchBoardHead div {
  display: grid;
  gap: 2px;
}
.oneMatchBoardActions {
  justify-items: end;
}
.oneMatchBoardHead span,
.oneMatchBoardHead em {
  color: var(--text-muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}
.oneMatchBoardActions a {
  min-height: 34px;
  border-radius: 8px;
  padding: 0 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #06261d;
  background: #36d399;
  font-size: 12px;
  font-weight: 950;
  text-decoration: none;
}
.oneMatchBoardHead strong {
  color: white;
  font-size: 16px;
}
.oneMatchBracketGrid {
  padding: 14px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.oneMatchBracket {
  min-height: 244px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 8px;
  padding: 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 54px minmax(0, 1fr);
  grid-template-rows: auto 1fr 1fr auto;
  gap: 8px 10px;
  background: rgba(5, 12, 24, 0.72);
}
.oneMatchBracket.completed {
  border-color: rgba(54, 211, 153, 0.42);
}
.bracketMeta {
  grid-column: 1 / -1;
  grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.bracketMeta span,
.bracketMeta em {
  border-radius: 999px;
  padding: 6px 9px;
  color: #9fb0c7;
  background: rgba(148, 163, 184, 0.1);
  font-size: 11px;
  font-style: normal;
  font-weight: 950;
}
.bracketMeta strong {
  min-width: 0;
  color: white;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bracketLane {
  min-height: 70px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 8px;
  padding: 10px;
  display: grid;
  align-content: center;
  gap: 3px;
  background: #0d1420;
}
.bracketLane.red {
  grid-column: 1;
  grid-row: 2 / 4;
  border-left: 4px solid #e3375f;
}
.bracketLane.blue {
  grid-column: 3;
  grid-row: 2 / 4;
  border-left: 4px solid #38bdf8;
}
.bracketLane span,
.bracketWinner span {
  color: var(--text-muted);
  font-size: 11px;
  font-weight: 950;
}
.bracketLane strong,
.bracketWinner strong {
  min-width: 0;
  color: white;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bracketLane small {
  color: #94a3b8;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bracketConnector {
  grid-column: 2;
  grid-row: 2 / 4;
  display: grid;
  align-items: center;
  justify-items: center;
  color: #36d399;
}
.bracketConnector i {
  width: 2px;
  height: 100%;
  background: linear-gradient(#38bdf8, #36d399);
}
.bracketConnector b {
  border: 1px solid rgba(54, 211, 153, 0.42);
  border-radius: 999px;
  padding: 5px 7px;
  background: #06261d;
  font-size: 10px;
}
.bracketWinner {
  grid-column: 1 / -1;
  grid-row: 4;
  border: 1px solid rgba(54, 211, 153, 0.3);
  border-radius: 8px;
  padding: 10px 12px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  background: rgba(6, 95, 70, 0.2);
}
.boutReviewBar {
  margin-bottom: 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}
.boutReviewBar .entryOpsFilters {
  justify-content: flex-start;
}
.boutReviewBar > button {
  min-height: 38px;
  border-radius: 8px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #0f172a;
  background: #e2e8f0;
  font-size: 12px;
  font-weight: 950;
}
.boutReviewBar > button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}
.printPanel {
  background: #111927;
}
.printSheet {
  border: 1px solid #243044;
  border-radius: 8px;
  overflow: hidden;
  background: #f8fafc;
  color: #0f172a;
}
.printHeader {
  min-height: 78px;
  padding: 18px;
  display: grid;
  align-content: center;
  gap: 4px;
  background: white;
  border-bottom: 1px solid #d8e1ee;
}
.printHeader strong {
  font-size: 26px;
}
.printHeader span {
  color: #475569;
  font-weight: 850;
}
.printDivision {
  padding: 14px 18px 18px;
}
.printDivision + .printDivision {
  border-top: 1px solid #d8e1ee;
}
.printDivision h4 {
  margin: 0 0 10px;
  font-size: 18px;
}
.printBoutList {
  display: grid;
  gap: 8px;
}
.printBoutRow {
  min-height: 54px;
  border: 1px solid #d8e1ee;
  border-radius: 8px;
  padding: 8px 10px;
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr) minmax(0, 1fr) 36px minmax(0, 1fr) minmax(0, 1fr) 64px;
  gap: 8px;
  align-items: center;
  background: white;
}
.printBoutRow span,
.printBoutRow b {
  color: #2563eb;
  font-weight: 950;
}
.printBoutRow small {
  color: #64748b;
  font-weight: 800;
}
.printBoutRow em {
  color: #e3375f;
  text-align: center;
  font-style: normal;
  font-weight: 950;
}
.resultViewBar {
  margin: 10px 0;
  border: 1px solid #243044;
  border-radius: 8px;
  padding: 8px 10px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  background: #101827;
}
.resultViewBar > div:first-child {
  min-width: 0;
  display: grid;
  gap: 2px;
}
.resultViewActions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}
.resultViewBar span {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 900;
}
.resultViewBar strong {
  color: #f8fafc;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.resultViewBar button {
  min-height: 34px;
  border: 1px solid rgba(45, 212, 191, 0.38);
  border-radius: 8px;
  padding: 0 10px;
  color: #ecfeff;
  background: rgba(15, 118, 110, 0.3);
  font-size: 12px;
  font-weight: 950;
  white-space: nowrap;
}
.resultViewBar button:hover:not(:disabled) {
  background: rgba(15, 118, 110, 0.46);
  border-color: #2dd4bf;
}
.resultViewBar button.csvExport {
  color: #fef3c7;
  background: rgba(113, 63, 18, 0.34);
  border-color: rgba(251, 191, 36, 0.36);
}
.resultViewBar button.csvExport:hover:not(:disabled) {
  background: rgba(113, 63, 18, 0.5);
  border-color: #fbbf24;
}
.resultViewBar button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}
.resultControlStack {
  display: grid;
  gap: 6px;
}
.fighterMeta.fallback {
  color: #fbbf24;
}
.emptyPanel {
  min-height: 72px;
  border: 1px dashed rgba(148, 163, 184, 0.26);
  border-radius: 8px;
  padding: 14px;
  display: grid;
  place-items: center;
  gap: 10px;
  color: var(--text-muted);
  text-align: center;
  background:
    linear-gradient(
      135deg,
      rgba(56, 189, 248, 0.04),
      rgba(54, 211, 153, 0.035)),
    rgba(8, 13, 22, 0.5);
  font-weight: 850;
}
.emptyPanel button {
  min-height: 34px;
  border: 1px solid rgba(54, 211, 153, 0.34);
  border-radius: 8px;
  padding: 0 12px;
  color: #bbf7d0;
  background: rgba(20, 83, 63, 0.22);
  font-size: 12px;
  font-weight: 950;
}
.boutPrimaryAction {
  margin-bottom: 12px;
  border: 1px solid rgba(49, 130, 246, 0.24);
  border-radius: 8px;
  padding: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  background: rgba(49, 130, 246, 0.08);
}
.boutPrimaryAction.saved {
  border-color: rgba(52, 211, 153, 0.2);
  background: rgba(16, 185, 129, 0.06);
}
.boutPrimaryAction > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}
.boutPrimaryAction span,
.boutPrimaryAction small {
  color: #91a1b8;
  font-size: 12px;
  font-weight: 850;
}
.boutPrimaryAction span {
  color: #6ea8ff;
}
.boutPrimaryAction.saved span {
  color: #6ee7b7;
}
.boutPrimaryAction strong {
  color: #f4f7fb;
  font-size: 18px;
  line-height: 1.35;
}
.boutPrimaryAction button {
  min-width: 132px;
  min-height: 44px;
  border: 0;
  border-radius: 8px;
  padding: 0 18px;
  color: #fff;
  background: #3182f6;
  font-weight: 900;
}
.boutPrimaryAction button:disabled {
  cursor: not-allowed;
  opacity: 0.46;
}
.boutSaveFeedback {
  margin: -2px 0 14px;
  border-left: 3px solid #3182f6;
  padding: 10px 12px;
  color: #cfe1ff;
  background: rgba(49, 130, 246, 0.08);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.5;
}
.boutSaveFeedback.success {
  border-left-color: #34d399;
  color: #bbf7d0;
  background: rgba(16, 185, 129, 0.08);
}
.boutSaveFeedback.error {
  border-left-color: #fb7185;
  color: #fecdd3;
  background: rgba(244, 63, 94, 0.08);
}
.boutOpsFold {
  margin-top: 12px;
  border-top: 1px solid rgba(148, 163, 184, 0.1);
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}
.boutOpsFold > summary {
  min-height: 58px;
  padding: 0 2px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  cursor: pointer;
  list-style: none;
}
.boutOpsFold > summary::-webkit-details-marker {
  display: none;
}
.boutOpsFold > summary span {
  color: #e5e7eb;
  font-weight: 900;
}
.boutOpsFold > summary strong {
  color: #8fa0b7;
  font-size: 12px;
}
.boutOpsFold > summary::after {
  content: "+";
  color: #75a7ed;
  font-size: 18px;
  font-weight: 700;
}
.boutOpsFold[open] > summary::after {
  content: "\2212";
}
.boutOpsFold[open] > summary {
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
}
.boutOpsFold > .boutSummary {
  margin-top: 14px;
}
.boutSecondaryActions {
  border-top: 1px solid rgba(148, 163, 184, 0.08);
  padding: 14px 0;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.boutSecondaryActions button,
.boutSecondaryActions a {
  min-height: 38px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 8px;
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #cbd2dc;
  background: #171c24;
  font-size: 12px;
  font-weight: 850;
  text-decoration: none;
}
@media (max-width: 700px) {
  .boutPrimaryAction {
    padding: 16px;
    align-items: stretch;
    flex-direction: column;
    gap: 14px;
  }
  .boutPrimaryAction button {
    width: 100%;
  }
  .boutOpsFold > summary {
    padding: 10px 2px;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .boutOpsFold > summary strong {
    margin-left: auto;
  }
  .boutSecondaryActions {
    display: grid;
    grid-template-columns: 1fr;
  }
  .oneMatchBracketGrid {
    grid-template-columns: 1fr;
    padding: 10px;
  }
  .oneMatchBracket {
    min-height: 0;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
  }
  .bracketMeta,
  .bracketLane.red,
  .bracketLane.blue,
  .bracketWinner {
    grid-column: 1;
  }
  .bracketMeta {
    grid-row: 1;
  }
  .bracketLane.red {
    grid-row: 2;
  }
  .bracketLane.blue {
    grid-row: 3;
  }
  .bracketWinner {
    grid-row: 4;
  }
  .bracketConnector {
    display: none;
  }
}
.emptyPanel button:hover {
  border-color: #34d399;
  background: rgba(20, 83, 63, 0.38);
}
.entryRow {
  transition:
    border-color 140ms ease,
    background 140ms ease,
    transform 140ms ease;
}
.entryRow:hover {
  border-color: rgba(56, 189, 248, 0.38);
  background:
    linear-gradient(
      90deg,
      rgba(56, 189, 248, 0.045),
      rgba(255, 255, 255, 0)),
    #101a2a;
}
.entryCloseoutLine,
.divisionCard,
.entryLabSummary,
.publishStatusCard,
.readyScore,
.linkBox,
.entryLabFighter,
.printSheet {
  border-color: var(--line-soft);
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.018),
      rgba(255, 255, 255, 0)),
    var(--surface-0);
}
.entryRow {
  border-color: rgba(148, 163, 184, 0.13);
  background: rgba(15, 23, 36, 0.88);
}
.entryRow button,
.hostRequestActions button,
.entryLabActions button,
.formActions button {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
}
.entryLabGrid input,
.entryLabFighter input,
.eventForm input,
.eventForm select,
.eventForm textarea {
  border-color: var(--line-strong);
  background: var(--surface-0);
  color: white;
}
.entryLabGrid input:focus,
.entryLabFighter input:focus,
.eventForm input:focus,
.eventForm select:focus,
.eventForm textarea:focus {
  border-color: var(--accent-green);
  outline: none;
}
@media (max-width: 980px) {
  .shell {
    grid-template-columns: 1fr;
  }
  .sidebar {
    position: sticky;
    top: 0;
    height: auto;
    z-index: 5;
    padding: 14px;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 10px;
  }
  .brandBlock {
    gap: 10px;
  }
  .sideSignal {
    grid-template-columns: auto auto 1fr;
    align-items: center;
  }
  .sideSignal strong {
    font-size: 24px;
  }
  .sideSignal small {
    justify-self: end;
  }
  .sidebar nav {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    margin-top: 6px;
  }
  .sidebar nav::-webkit-scrollbar {
    display: none;
  }
  .sidebar nav button {
    flex: 0 0 auto;
    min-width: 112px;
    min-height: 38px;
    padding: 0 10px;
    white-space: nowrap;
  }
  .workspace {
    padding: 14px;
  }
  .eventSwitcher {
    gap: 7px;
  }
  .eventSwitcher span {
    font-size: 11px;
  }
  .topbar,
  .overviewOpsGrid,
  .mainGrid {
    grid-template-columns: 1fr;
  }
  .todayFocusLayout {
    grid-template-columns: 1fr;
  }
  .todayPrimaryAction {
    min-height: 94px;
  }
  .overviewOpsSide {
    position: static;
    grid-template-columns: 1fr;
  }
  .overviewSupportPanel > summary {
    min-height: 58px;
    padding: 8px 10px;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
  }
  .overviewSupportPanel > summary strong {
    text-align: left;
  }
  .todayQueueList .taskItem {
    min-height: 40px;
    grid-template-columns: minmax(0, 1fr) auto auto;
  }
  .todayQueueList .taskItem small {
    grid-column: 1 / -1;
  }
  .topbarActions {
    justify-content: flex-start;
  }
  .topbarActions .primaryAction,
  .topbarActions .ghostAction {
    min-width: 0;
    padding: 0 10px;
  }
  .kpiGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
  }
  .commandPanel,
  .taskList {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .operationTimeline {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .riskGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .entryOps,
  .weighOps,
  .entryCloseoutLine,
  .paymentWorkBoard,
  .paymentConfirmPrimary,
  .settlementCloseAmounts,
  .paymentCancelSummary,
  .paymentCancelReasons,
  .paymentConfirmActions,
  .paymentWorkList,
  .paymentReconcileLine,
  .paymentNextLine {
    grid-template-columns: 1fr;
  }
  .paymentConfirmPrimary div + div,
  .paymentCancelSummary div + div {
    border-left: 0;
    border-top: 1px solid rgba(148, 163, 184, 0.1);
    padding-top: 10px;
  }
  .entryCloseoutLine small {
    text-align: left;
  }
  .entryCloseoutToday {
    border-left: 0;
    border-top: 1px solid #243044;
    padding-left: 0;
    padding-top: 10px;
  }
  .entryCloseoutActions {
    justify-content: stretch;
  }
  .entryCloseoutActions button {
    flex: 1 1 0;
  }
  .boutCommandRail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.entryPageHead {
  margin-bottom: 24px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
}
.entryPageHead > div {
  min-width: 0;
}
.entryPageHead > div > span {
  color: #3182f6;
  font-size: 12px;
  font-weight: 850;
}
.entryPageHead h3 {
  margin: 5px 0 7px;
  color: #f2f4f6;
  font-size: 30px;
  line-height: 1.25;
}
.entryPageHead p {
  margin: 0;
  color: #8b95a7;
  font-size: 14px;
  font-weight: 700;
}
.entryCommandMenu {
  position: relative;
  flex: 0 0 auto;
}
.entryCommandMenu > summary {
  min-height: 42px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 8px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  color: #cbd5e1;
  background: #11151c;
  cursor: pointer;
  font-size: 13px;
  font-weight: 850;
  list-style: none;
}
.entryCommandMenu > summary::-webkit-details-marker {
  display: none;
}
.entryCommandMenu > div {
  position: absolute;
  z-index: 20;
  top: calc(100% + 8px);
  right: 0;
  width: 280px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 8px;
  padding: 10px;
  display: grid;
  gap: 6px;
  background: #191d24;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.36);
}
.entryCommandMenu p {
  margin: 0 0 4px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
  padding: 5px 4px 11px;
  display: grid;
  gap: 3px;
}
.entryCommandMenu p strong {
  color: #e5e7eb;
  font-size: 12px;
}
.entryCommandMenu p span {
  color: #8b95a7;
  font-size: 11px;
  line-height: 1.45;
}
.entryCommandMenu button {
  min-height: 38px;
  border: 0;
  border-radius: 8px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  gap: 7px;
  color: #d8dee8;
  background: transparent;
  text-align: left;
  font-size: 12px;
  font-weight: 800;
}
.entryCommandMenu button:hover:not(:disabled) {
  background: rgba(49, 130, 246, 0.1);
}
.entryWorkbench {
  min-height: 610px;
  border: 0;
  border-radius: 12px;
  display: grid;
  grid-template-columns: minmax(330px, 0.42fr) minmax(0, 0.78fr);
  overflow: hidden;
  background: #10141b;
}
.entryMasterPane {
  min-width: 0;
  border-right: 1px solid rgba(148, 163, 184, 0.12);
  background: #121722;
}
.entryMasterTools {
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
  padding: 16px;
  display: grid;
  gap: 12px;
}
.entryMasterTools .entryOpsSearch {
  min-height: 46px;
  margin: 0;
  background: #0c0f14;
}
.entryMasterTools .entryOpsFilters {
  justify-content: flex-start;
  gap: 4px;
  overflow-x: auto;
  scrollbar-width: none;
}
.entryMasterTools .entryOpsFilters::-webkit-scrollbar {
  display: none;
}
.entryMasterTools .entryOpsFilters button {
  min-height: 34px;
  padding: 0 9px;
  flex: 0 0 auto;
  white-space: nowrap;
}
.entryMasterCount {
  min-height: 48px;
  padding: 0 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.entryMasterCount strong {
  color: #e5e7eb;
  font-size: 13px;
}
.entryMasterCount span {
  color: #687386;
  font-size: 10px;
  font-weight: 750;
}
.entryMasterList {
  display: grid;
}
.entryMasterItem {
  width: 100%;
  min-height: 76px;
  border: 0;
  border-top: 1px solid rgba(148, 163, 184, 0.08);
  padding: 14px 18px;
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr) minmax(92px, auto) 72px;
  align-items: center;
  gap: 12px;
  color: #e5e7eb;
  background: transparent;
  text-align: left;
}
.entryQueueItem {
  grid-template-columns: minmax(0, 1fr) minmax(120px, 0.56fr) auto;
}
.entryQueueItem,
.weighQueueItem,
.resultMasterItem,
.fighterReviewItem {
  min-height: 74px;
  padding: 14px 18px;
  gap: 14px;
}
.entryMasterItem:hover {
  background: rgba(255, 255, 255, 0.025);
}
.entryMasterItem.selected {
  background: #1a2840;
  box-shadow: none;
}
.entryMasterStatus {
  min-width: 0;
  border-radius: 999px;
  padding: 6px 8px;
  color: #36d399;
  background: rgba(54, 211, 153, 0.1);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}
.entryQueueItem .entryMasterStatus,
.weighQueueItem .entryMasterStatus,
.resultMasterItem .entryMasterStatus,
.fighterReviewItem .entryMasterStatus {
  width: fit-content;
  padding: 4px 7px;
  text-align: left;
}
.entryMasterStatus.warn {
  color: #f5a623;
  background: rgba(245, 166, 35, 0.1);
}
.entryMasterStatus.danger {
  color: #ff6688;
  background: rgba(255, 92, 124, 0.1);
}
.entryMasterStatus.primary {
  color: #75a7ed;
  background: rgba(49, 130, 246, 0.12);
}
.entryMasterIdentity,
.entryMasterMeta {
  min-width: 0;
  display: grid;
  gap: 4px;
}
.entryMasterIdentity strong,
.entryMasterMeta strong {
  overflow: hidden;
  color: #f2f4f6;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.entryQueueItem .entryMasterIdentity strong,
.weighQueueItem .entryMasterIdentity strong,
.resultMasterItem .entryMasterIdentity strong,
.fighterReviewItem .entryMasterIdentity strong {
  font-size: 16px;
  font-weight: 900;
  line-height: 1.22;
}
.entryMasterIdentity small,
.entryMasterMeta small {
  overflow: hidden;
  color: #7f8a9d;
  font-size: 11px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.entryMasterMeta {
  justify-items: end;
}
.entryQueueItem .entryMasterMeta,
.weighQueueItem .entryMasterMeta,
.resultMasterItem .entryMasterMeta,
.fighterReviewItem .entryMasterMeta {
  justify-items: start;
}
.entryMasterMeta strong {
  color: #b9c2d0;
  font-size: 12px;
}
.entryMasterItem.selected .entryMasterMeta strong {
  color: #f2f4f6;
}
.entryMasterAction {
  min-width: 0;
  border-radius: 8px;
  padding: 8px 9px;
  color: #a9b3c3;
  background: transparent;
  font-size: 11px;
  font-weight: 850;
  text-align: center;
  white-space: nowrap;
}
.entryQueueItem .entryMasterAction,
.weighQueueItem .entryMasterAction,
.resultMasterItem .entryMasterAction,
.fighterReviewItem .entryMasterAction {
  color: #8ab8ff;
  background: transparent;
  font-weight: 900;
}
.entryMasterItem.selected .entryMasterAction {
  color: #ffffff;
  background: rgba(49, 130, 246, 0.26);
}
.entryDetailPane {
  min-width: 0;
  padding: 30px 32px;
  background: #101319;
}
.entryDetailBack {
  display: none;
}
.entryDetailHead {
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
  padding-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.entryDetailHead > div {
  min-width: 0;
}
.entryDetailHead span {
  color: #36d399;
  font-size: 11px;
  font-weight: 850;
}
.entryDetailHead span.warn {
  color: #f5a623;
}
.entryDetailHead span.danger {
  color: #ff6688;
}
.entryDetailHead h4 {
  margin: 7px 0 5px;
  color: #f5f7fa;
  font-size: 25px;
  line-height: 1.2;
}
.entryDetailHead p {
  margin: 0;
  color: #8b95a7;
  font-size: 13px;
}
.entryDetailHead small {
  margin-top: 12px;
  display: block;
  color: #d8dee8;
  font-size: 14px;
  font-weight: 850;
}
.entryDetailHead > button {
  min-height: 46px;
  border: 0;
  border-radius: 8px;
  padding: 0 18px;
  color: #fff;
  background: #3182f6;
  font-size: 13px;
  font-weight: 900;
  white-space: nowrap;
}
.entryDetailHead > button:disabled {
  color: #8b95a7;
  background: #242a33;
}
.entryDetailFacts {
  margin: 0;
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.entryDetailDecision {
  margin: 10px 0 0;
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
  padding: 0 0 15px;
  color: #95a3b8;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}
.entryDetailDecision.warn {
  color: #ffd08a;
}
.entryDetailDecision.ok {
  color: #9df3ce;
}
div.entryDetailDecision {
  margin: 18px 0 2px;
  border: 1px solid rgba(49, 130, 246, 0.16);
  border-radius: 8px;
  padding: 14px 16px;
  display: grid;
  gap: 5px;
  background: rgba(49, 130, 246, 0.07);
}
div.entryDetailDecision strong {
  color: #edf4ff;
  font-size: 14px;
}
div.entryDetailDecision span {
  color: #95a3b8;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}
div.entryDetailDecision.warn {
  border-color: rgba(245, 166, 35, 0.18);
  background: rgba(245, 166, 35, 0.07);
}
div.entryDetailDecision.warn strong {
  color: #ffd08a;
}
div.entryDetailDecision.ok {
  border-color: rgba(54, 211, 153, 0.16);
  background: rgba(54, 211, 153, 0.06);
}
div.entryDetailDecision.ok strong {
  color: #9df3ce;
}
.entryPaymentCompare {
  margin-top: 14px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
  padding: 0 0 14px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.82fr);
  gap: 16px;
  align-items: center;
  background: transparent;
}
.entryPaymentCompare.cleared {
  border-color: rgba(148, 163, 184, 0.1);
  background: transparent;
}
.entryPaymentCompare div {
  min-width: 0;
  display: grid;
  gap: 3px;
}
.entryPaymentCompare span,
.entryPaymentCompare small {
  color: #8b95a7;
  font-size: 11px;
  font-weight: 800;
}
.entryPaymentCompare strong {
  overflow: hidden;
  color: #f5f7fa;
  font-size: 18px;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.entryPaymentCompare button {
  display: none;
}
.entryPaymentCompare button:disabled {
  color: #8b95a7;
  background: #242a33;
}
.entryDetailFacts div {
  min-width: 0;
  padding: 18px 16px 18px 0;
  display: grid;
  gap: 6px;
}
.entryDetailFacts dt {
  color: #747f91;
  font-size: 11px;
  font-weight: 800;
}
.entryDetailFacts dd {
  margin: 0;
  overflow: hidden;
  color: #eef1f5;
  font-size: 16px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.entryDetailAlert {
  margin-top: 18px;
  border-left: 3px solid #f5a623;
  padding: 10px 0 10px 14px;
  display: grid;
  gap: 5px;
}
.entryDetailAlert strong {
  color: #f5c15d;
  font-size: 13px;
}
.entryDetailAlert span {
  color: #9da7b6;
  font-size: 12px;
}
.entryDetailSection {
  margin-top: 18px;
  border-top: 1px solid rgba(148, 163, 184, 0.1);
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
  padding: 0;
}
.entryDetailSectionHead {
  min-height: 52px;
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  list-style: none;
}
.entryDetailSectionHead::-webkit-details-marker {
  display: none;
}
.entryDetailSectionHead::after {
  content: "\c5f4\ae30";
  color: #75a7ed;
  font-size: 11px;
  font-weight: 850;
}
.entryDetailSection[open] .entryDetailSectionHead {
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
}
.entryDetailSection[open] .entryDetailSectionHead::after {
  content: "\c811\ae30";
}
.entryDetailSectionHead strong {
  color: #f1f3f5;
  font-size: 15px;
}
.entryDetailSectionHead span {
  color: #748094;
  font-size: 12px;
  margin-left: auto;
}
.entryRosterList {
  padding: 4px 0;
}
.entryRosterList > div {
  min-height: 58px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.entryRosterList > div > span {
  display: flex;
  align-items: baseline;
  gap: 9px;
}
.entryRosterList strong {
  color: #e9edf2;
  font-size: 13px;
}
.entryRosterList small {
  color: #778296;
  font-size: 11px;
}
.entryRosterList em {
  color: #36d399;
  font-size: 11px;
  font-style: normal;
  font-weight: 750;
  text-align: right;
}
.entryRosterList .hasIssue em {
  color: #f5a623;
}
.entryDetailSupport {
  margin-top: 18px;
  border-top: 1px solid rgba(148, 163, 184, 0.1);
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
  padding: 0;
}
.entryDetailSupport > summary {
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  cursor: pointer;
  list-style: none;
}
.entryDetailSupport > summary::-webkit-details-marker {
  display: none;
}
.entryDetailSupport > summary::after {
  content: "\c5f4\ae30";
  color: #75a7ed;
  font-size: 11px;
  font-weight: 850;
}
.entryDetailSupport[open] > summary {
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
}
.entryDetailSupport[open] > summary::after {
  content: "\c811\ae30";
}
.entryDetailSupport > summary strong {
  color: #f1f3f5;
  font-size: 14px;
}
.entryDetailSupport > summary span {
  margin-left: auto;
  color: #748094;
  font-size: 12px;
  font-weight: 800;
}
.entryDetailNote {
  padding: 13px 0 0;
  display: grid;
  gap: 5px;
}
.entryDetailNote span,
.entryDetailNote small {
  color: #747f91;
  font-size: 11px;
  font-weight: 750;
}
.entryDetailNote p {
  margin: 0;
  color: #cbd2dc;
  font-size: 13px;
  line-height: 1.5;
}
.entryDetailActions {
  padding: 12px 0 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.entryDetailActions button {
  min-height: 38px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 8px;
  padding: 0 12px;
  color: #cbd2dc;
  background: #161b23;
  font-size: 12px;
  font-weight: 800;
}
.entryDetailActions button:hover {
  border-color: rgba(49, 130, 246, 0.35);
  background: rgba(49, 130, 246, 0.09);
}
.entryDetailActions button.danger {
  color: #ff91a7;
}
.entryDetailEmpty {
  min-height: 480px;
  display: grid;
  place-content: center;
  gap: 7px;
  color: #7d8899;
  text-align: center;
}
.entryDetailEmpty strong {
  color: #d8dee8;
  font-size: 16px;
}
.entryDetailEmpty span {
  font-size: 12px;
}
@media (max-width: 1050px) {
  .entryWorkbench {
    grid-template-columns: 1fr;
  }
  .entryMasterPane {
    border-right: 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
  }
  .entryMasterList {
    max-height: 330px;
    overflow-y: auto;
  }
  .entryDetailPane {
    padding: 24px;
    scroll-margin-top: 118px;
  }
  .entryDetailBack {
    margin-bottom: 16px;
    border: 0;
    padding: 0;
    display: inline-flex;
    color: #75a7ed;
    background: transparent;
    font-size: 12px;
    font-weight: 850;
  }
}
@media (max-width: 640px) {
  .entryQueuePanel.panel {
    padding: 22px 16px 14px;
  }
  .entryPageHead {
    align-items: flex-start;
  }
  .entryPageHead h3 {
    font-size: 25px;
  }
  .entryPageHead p {
    font-size: 12px;
  }
  .entryCommandMenu > summary {
    min-height: 38px;
    padding: 0 10px;
    font-size: 12px;
  }
  .entryCommandMenu > div {
    width: min(280px, calc(100vw - 32px));
  }
  .entryMasterTools,
  .entryDetailPane {
    padding: 16px;
  }
  .entryQueueItem,
  .weighQueueItem,
  .resultMasterItem,
  .fighterReviewItem {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 9px;
    padding: 13px 14px;
  }
  .entryQueueItem .entryMasterMeta,
  .weighQueueItem .entryMasterMeta,
  .resultMasterItem .entryMasterMeta,
  .fighterReviewItem .entryMasterMeta {
    grid-column: 1 / -1;
    justify-items: start;
  }
  .entryQueueItem .entryMasterAction,
  .weighQueueItem .entryMasterAction,
  .resultMasterItem .entryMasterAction,
  .fighterReviewItem .entryMasterAction {
    grid-column: 2;
    grid-row: 1;
  }
  .entryMasterCount span {
    display: none;
  }
  .entryDetailHead {
    align-items: flex-start;
    flex-direction: column;
  }
  .entryDetailHead > button {
    width: 100%;
  }
  .entryPaymentCompare {
    grid-template-columns: 1fr;
  }
  .entryPaymentCompare button {
    width: 100%;
  }
  .entryDetailFacts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .entryRosterList > div {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
    padding: 12px 0;
  }
  .entryRosterList em {
    text-align: left;
  }
  .entryDetailActions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.entryQueuePanel.panel {
  border: 0;
  padding: 28px 24px 20px;
  background: transparent;
  box-shadow: none;
}
.entryQueuePanel.panel:hover {
  border-color: transparent;
}
.entryQueuePanel .panelHead {
  margin-bottom: 20px;
}
.entryQueuePanel .panelHead h3 {
  font-size: 26px;
  line-height: 1.25;
}
.entryQueuePanel .panelHead p {
  margin-top: 7px;
  color: #8b95a7;
  font-size: 15px;
  font-weight: 700;
}
.entryQueuePanel .entryOps {
  margin-bottom: 14px;
}
.entryQueuePanel .entryOpsSearch {
  min-height: 50px;
  border-color: rgba(148, 163, 184, 0.12);
  padding: 0 15px;
  background: #11151c;
}
.entryQueuePanel .entryOpsSearch:focus-within {
  border-color: rgba(49, 130, 246, 0.5);
  outline: 3px solid rgba(49, 130, 246, 0.1);
}
.entryQueuePanel .entryOpsSearch input {
  font-size: 14px;
  font-weight: 750;
}
.entryQueuePanel .entryOpsFilters button {
  min-height: 40px;
  padding: 0 11px;
  color: #8b95a7;
  font-weight: 800;
}
.entryQueuePanel .entryOpsFilters button.active {
  border-color: transparent;
  color: #fff;
  background: #26374f;
}
@media (max-width: 980px) {
  .entryQueuePanel.panel {
    padding: 22px 18px 16px;
  }
  .entryQueuePanel .panelHead h3 {
    font-size: 24px;
  }
}
@media (max-width: 720px) {
  .sidebar {
    grid-template-columns: 1fr;
    padding: 10px 12px;
    gap: 8px;
  }
  .sideSignal,
  .topbarMetrics,
  .topbarSignal {
    display: none;
  }
  .brandBlock {
    gap: 8px;
  }
  .brandMark {
    width: 38px;
    height: 38px;
    font-size: 19px;
  }
  .sidebar h1 {
    font-size: 22px;
  }
  .sidebar p {
    display: none;
  }
  .sidebar nav {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    gap: 5px;
  }
  .sidebar nav::-webkit-scrollbar {
    display: none;
  }
  .sidebar nav button {
    flex: 0 0 auto;
    min-width: 104px;
    min-height: 34px;
    justify-content: center;
    gap: 6px;
    padding: 0 7px;
    text-align: center;
    font-size: 13px;
  }
  .sidebar nav button em {
    font-size: 11px;
  }
  .topbar {
    grid-template-columns: 1fr;
    padding: 10px;
    gap: 10px;
  }
  .topbarMain {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .topbar h2 {
    font-size: 20px;
  }
  .topbarWorkLine {
    border-left: 0;
    border-top: 1px solid rgba(148, 163, 184, 0.14);
    padding-left: 0;
    padding-top: 8px;
    justify-items: start;
  }
  .topbarWorkLine strong {
    max-width: 100%;
    font-size: 14px;
  }
  .topbarWorkLine span {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .topbarActions {
    grid-template-columns: minmax(0, 1fr) minmax(104px, auto);
    justify-content: stretch;
  }
  .topbarActions .primaryAction,
  .topbarActions .ghostAction {
    min-height: 36px;
    padding: 0 10px;
    font-size: 12px;
  }
  .topbarUtilityMenu > label,
  .topbarUtilityMenu > button,
  .topbarUtilityMenu > span {
    width: min(240px, calc(100vw - 28px));
  }
  .entryDeskPanel summary,
  .opsDetailPanel summary {
    min-height: 38px;
    padding: 0 10px;
  }
  .serverModeWarning {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}
@media (max-width: 560px) {
  .topbar {
    grid-template-columns: 1fr;
  }
  .sidebar nav {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  .topbarActions {
    grid-template-columns: minmax(0, 1fr) minmax(112px, auto);
    width: 100%;
  }
  .topbarUtilityMenu summary {
    justify-content: center;
  }
}
@media print {
  body {
    background: white;
  }
  .sidebar,
  .topbar,
  .eventSwitcher,
  .kpiGrid,
  .commandPanel,
  .overviewOpsGrid,
  .operationTimeline,
  .mainGrid,
  .divisionGrid,
  .boutSummary,
  .panel:not(.printPanel) {
    display: none !important;
  }
  .shell {
    display: block;
    min-height: auto;
  }
  .workspace {
    display: block;
    padding: 0;
  }
  .printPanel {
    border: 0;
    padding: 0;
    background: white;
  }
  .printPanel .panelHead {
    display: none;
  }
  .printSheet {
    border: 0;
    border-radius: 0;
  }
  .printHeader {
    padding: 0 0 14px;
  }
  .printDivision {
    break-inside: avoid;
    padding: 12px 0;
  }
  .printBoutRow {
    break-inside: avoid;
  }
}
.sidebar {
  border-right-color: rgba(255, 255, 255, 0.07);
  background: #111318;
}
.brandMark,
.primaryAction {
  background: var(--accent-primary);
  box-shadow: none;
}
.sidebar nav button.active,
.sidebar nav button:hover {
  color: #ffffff;
  background: rgba(49, 130, 246, 0.1);
}
.sidebar nav button.active em,
.sidebar nav button:hover em {
  color: #bfdbfe;
  background: transparent;
}
.topbar {
  padding: 14px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  background: rgba(13, 20, 32, 0.96);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.18);
}
.kpi {
  border: 0;
  border-radius: 0;
  padding: 8px 12px;
  min-height: 56px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-content: center;
  align-items: center;
  gap: 2px 8px;
  background: transparent;
  box-shadow: none;
}
.panel {
  background: #14171d;
  box-shadow: none;
}
.panel:hover {
  border-color: rgba(255, 255, 255, 0.14);
}
.primaryAction:hover {
  background: var(--accent-primary-strong);
}
.ghostAction:hover,
.panelHead button:hover {
  border-color: var(--accent-primary);
}
.operatorControl,
.eventSwitcher select,
.eventForm input,
.eventForm select,
.eventForm textarea,
.entryLab input,
.publishGrid input,
.publishGrid select,
.publishGrid textarea,
.entryOpsSearch input {
  border-color: #303640;
  background: #0f1116;
  box-shadow: none;
}
.operatorControl:focus-within,
.eventForm input:focus,
.eventForm select:focus,
.eventForm textarea:focus,
.entryLab input:focus,
.publishGrid input:focus,
.publishGrid select:focus,
.publishGrid textarea:focus,
.entryOpsSearch input:focus {
  border-color: var(--accent-primary);
  outline: 3px solid rgba(49, 130, 246, 0.12);
}
.filterButtons button.active {
  border-color: var(--accent-primary);
  color: #ffffff;
  background: var(--accent-primary-soft);
}
.workspace {
  gap: 12px;
}
.topbar {
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
  padding: 10px 2px 14px;
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
}
.topbarWorkLine {
  border-left-color: rgba(148, 163, 184, 0.1);
}
.topbarWorkLine strong {
  font-size: 15px;
}
.topbarActions .primaryAction {
  min-height: 38px;
  border-radius: 8px;
}
.topbarActions .compactTopAction {
  min-width: 112px;
  padding: 0 12px;
  font-size: 13px;
}
.topbarUtilityMenu summary {
  min-height: 38px;
  border-color: rgba(148, 163, 184, 0.12);
  background: transparent;
}
.topbarUtilityMenu summary:hover {
  border-color: rgba(49, 130, 246, 0.28);
  background: rgba(49, 130, 246, 0.06);
}
.todayFocusPanel.panel {
  border: 0;
  border-top: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 0;
  padding: 14px 0 4px;
  background: transparent;
  box-shadow: none;
}
.todayFocusPanel.panel:hover {
  border-top-color: rgba(148, 163, 184, 0.16);
}
.todayPrimaryAction {
  border-color: rgba(49, 130, 246, 0.28);
  background: rgba(49, 130, 246, 0.08);
}
.todayPrimaryAction:hover {
  background: rgba(49, 130, 246, 0.12);
}
.todayQueueList {
  margin-top: 2px;
}
.topbarMain > div:first-child,
.todayFocusHead,
.panelHead,
.overviewSupportPanel > summary,
.opsDetailPanel summary {
  min-width: 0;
}
.topbar h2,
.todayFocusHead h3,
.panel h3,
.opsDetailPanel summary span,
.overviewSupportPanel > summary span {
  word-break: keep-all;
  overflow-wrap: normal;
}
.topbar h2 {
  max-width: min(720px, 100%);
}
.topbarMain > div:first-child > span {
  display: block;
  max-width: min(760px, 100%);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.workspace {
  max-width: 1360px;
  margin: 0 auto;
}
@media (min-width: 1600px) {
  .workspace {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (max-width: 560px) {
  .topbar {
    grid-template-columns: 1fr;
  }
  .topbarActions {
    width: 100%;
    grid-template-columns: minmax(0, 1fr) minmax(112px, auto);
  }
}
@media (max-width: 760px) {
  .internalTopbar {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }
  .internalTopbar .topbarMain > div:first-child > span {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    line-height: 1.55;
  }
  .internalTopbar .topbarActions {
    width: 100%;
    justify-content: flex-start;
  }
}
.entryRow {
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.entryRow:hover {
  border-color: rgba(148, 163, 184, 0.12);
  background: rgba(49, 130, 246, 0.035);
}
.entrySupportPanel {
  margin: 2px 0 18px;
  border: 0;
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
  background: transparent;
}
.entrySupportPanel > summary {
  min-height: 44px;
  padding: 0 2px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  color: #cbd5e1;
  cursor: pointer;
  list-style: none;
}
.entrySupportPanel > summary::-webkit-details-marker {
  display: none;
}
.entrySupportPanel > summary::after {
  content: "\c5f4\ae30";
  color: #6b7688;
  font-size: 11px;
  font-weight: 850;
}
.entrySupportPanel[open] > summary::after {
  content: "\c811\ae30";
}
.entrySupportPanel > summary span {
  font-size: 13px;
  font-weight: 850;
}
.entrySupportPanel > summary strong {
  color: #6b7688;
  font-size: 12px;
  font-weight: 750;
}
.entrySupportPanel[open] {
  padding-bottom: 14px;
}
.entrySupportPanel[open] > .entryPaymentProtection,
.entrySupportPanel[open] > .entryCloseoutLine,
.entrySupportPanel[open] > .entryViewBar,
.entrySupportPanel[open] > .paymentWorkBoard,
.entrySupportPanel[open] > .paymentNextLine {
  margin-top: 10px;
}
.entryOps {
  margin-bottom: 10px;
}
.entryOpsFilters {
  flex-wrap: nowrap;
}
.entryOpsFilters button {
  flex: 0 0 auto;
  border-color: transparent;
  background: transparent;
  white-space: nowrap;
}
.entryOpsFilters button:hover {
  background: rgba(148, 163, 184, 0.07);
}
.entryOpsFilters button.active {
  border-color: rgba(49, 130, 246, 0.24);
  background: rgba(49, 130, 246, 0.1);
  box-shadow: none;
}
.entryOpsFilters span {
  min-width: 20px;
  padding: 2px 5px;
  color: #9aa6b8;
  background: rgba(148, 163, 184, 0.1);
}
.entryOpsFilters button.active span {
  color: #dbeafe;
  background: rgba(49, 130, 246, 0.2);
}
@media (max-width: 980px) {
  .entryOps {
    grid-template-columns: 1fr;
  }
  .entryOpsFilters {
    justify-content: flex-start;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .entryOpsFilters::-webkit-scrollbar {
    display: none;
  }
}
.overviewCommandPage {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  padding: 28px 24px 20px;
}
.overviewCommandHead {
  margin-bottom: 24px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
}
.overviewCommandHead > div > span {
  color: #3182f6;
  font-size: 12px;
  font-weight: 850;
}
.overviewCommandHead h3 {
  margin: 5px 0 7px;
  color: #f2f4f6;
  font-size: 30px;
  line-height: 1.25;
}
.overviewCommandHead p {
  margin: 0;
  color: #8b95a7;
  font-size: 14px;
  font-weight: 700;
}
.overviewScaleSignal {
  margin: 0;
  border: 1px solid rgba(49, 130, 246, 0.18);
  border-radius: 8px;
  padding: 16px 18px;
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(180px, 0.8fr) minmax(260px, 1fr);
  gap: 16px;
  align-items: center;
  background: rgba(16, 24, 39, 0.78);
}
.overviewScaleSignal > div:first-child {
  display: grid;
  gap: 5px;
}
.overviewScaleSignal span,
.overviewScaleSignal dt {
  color: #8b95a7;
  font-size: 12px;
  font-weight: 850;
}
.overviewScaleSignal strong {
  color: #f2f4f6;
  font-size: 22px;
  font-weight: 950;
}
.overviewScaleSignal small {
  color: #aeb8c6;
  font-size: 13px;
  font-weight: 760;
  line-height: 1.45;
}
.overviewScaleMeter {
  height: 10px;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.18);
  overflow: hidden;
}
.overviewScaleMeter i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #3182f6;
}
.overviewScaleSignal.warning .overviewScaleMeter i {
  background: #f59f00;
}
.overviewScaleSignal.expanded .overviewScaleMeter i {
  background: #f04452;
}
.overviewScaleSignal.unset .overviewScaleMeter i {
  background: #64748b;
}
.overviewScaleSignal dl {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.overviewScaleSignal dl div {
  min-width: 0;
  border-left: 1px solid rgba(148, 163, 184, 0.12);
  padding-left: 12px;
}
.overviewScaleSignal dd {
  margin: 4px 0 0;
  overflow: hidden;
  color: #f2f4f6;
  font-size: 16px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overviewCommandCenter {
  min-height: 0;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 8px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  overflow: hidden;
  background: #101319;
}
.overviewWorkQueue {
  min-width: 0;
  padding: 24px;
}
.overviewSectionHead {
  min-height: 52px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.overviewSectionHead > div {
  display: grid;
  gap: 4px;
}
.overviewSectionHead span,
.overviewSectionHead small {
  color: #778296;
  font-size: 11px;
  font-weight: 750;
}
.overviewSectionHead strong {
  color: #edf0f4;
  font-size: 17px;
}
.overviewWorkList {
  display: grid;
}
.overviewWorkList button {
  min-height: 76px;
  border: 0;
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
  padding: 12px 4px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  color: #dce2ea;
  background: transparent;
  text-align: left;
}
.overviewWorkList button:hover {
  background: rgba(255, 255, 255, 0.025);
}
.overviewWorkList button.primary {
  margin: 10px 0 2px;
  border: 0;
  border-radius: 8px;
  padding: 14px;
  background: rgba(49, 130, 246, 0.12);
}
.overviewWorkList em {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #7f8a9d;
  background: #232933;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}
.overviewWorkList .primary em {
  color: #fff;
  background: #3182f6;
}
.overviewWorkList button > span {
  min-width: 0;
  display: grid;
  gap: 4px;
}
.overviewWorkList button > span strong {
  color: #eef1f5;
  font-size: 14px;
}
.overviewWorkList button > span small {
  overflow: hidden;
  color: #8490a2;
  font-size: 11px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overviewWorkList button > b {
  color: #75a7ed;
  font-size: 11px;
  white-space: nowrap;
}
.overviewDeferredWork {
  border-top: 1px solid rgba(148, 163, 184, 0.08);
}
.overviewDeferredWork summary {
  min-height: 48px;
  display: flex;
  align-items: center;
  color: #8b95a7;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  list-style: none;
}
.overviewDeferredWork summary::-webkit-details-marker {
  display: none;
}
.overviewDeferredWork summary::after {
  margin-left: auto;
  content: "+";
  color: #75a7ed;
  font-size: 18px;
}
.overviewDeferredWork[open] summary::after {
  content: "\2212";
}
.overviewDeferredWork:not([open]) > .overviewWorkList {
  display: none;
}
.overviewStatusDisclosure {
  margin-top: 12px;
  border-top: 1px solid rgba(148, 163, 184, 0.1);
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}
.overviewStatusDisclosure > summary {
  min-height: 62px;
  padding: 0 4px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 16px;
  color: #dce2ea;
  cursor: pointer;
  list-style: none;
}
.overviewStatusDisclosure > summary::-webkit-details-marker {
  display: none;
}
.overviewStatusDisclosure > summary span {
  font-size: 13px;
  font-weight: 850;
}
.overviewStatusDisclosure > summary strong {
  color: #f2f4f6;
  font-size: 13px;
}
.overviewStatusDisclosure > summary small {
  color: #8b95a7;
  font-size: 11px;
  font-weight: 750;
}
.overviewStatusDisclosure > summary::after {
  content: "+";
  color: #75a7ed;
  font-size: 18px;
}
.overviewStatusDisclosure[open] > summary::after {
  content: "\2212";
}
.overviewStatusDisclosure:not([open]) > .overviewSecondaryStatus {
  display: none;
}
.overviewSecondaryStatus {
  padding: 0 0 18px;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
  gap: 12px;
}
.overviewSecondaryStatus .overviewScaleSignal {
  grid-template-columns: minmax(0, 1fr);
}
.overviewSecondaryStatus .overviewStatusPane {
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 8px;
}
.overviewStatusPane {
  min-width: 0;
  padding: 24px;
  background: #11151b;
}
.overviewScore {
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
  padding-bottom: 20px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 8px 14px;
}
.overviewScore span {
  color: #8b95a7;
  font-size: 12px;
  font-weight: 800;
}
.overviewScore strong {
  color: #f3f5f8;
  font-size: 28px;
  line-height: 1;
}
.overviewScore > div {
  grid-column: 1 / -1;
  height: 5px;
  border-radius: 999px;
  overflow: hidden;
  background: #252b34;
}
.overviewScore i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #3182f6;
}
.overviewStatusPane dl {
  margin: 0;
}
.overviewStatusPane dl div {
  min-height: 48px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.07);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.overviewStatusPane dt {
  color: #778296;
  font-size: 11px;
  font-weight: 750;
}
.overviewStatusPane dd {
  margin: 0;
  color: #dce2ea;
  font-size: 12px;
  font-weight: 800;
  text-align: right;
}
.overviewStatusPane dd.ok {
  color: #36d399;
}
.overviewStatusPane dd.warn {
  color: #f5a623;
}
.overviewReadinessTodo {
  margin-top: 18px;
  display: grid;
  gap: 8px;
}
.overviewReadinessTodo > span {
  color: #8b95a7;
  font-size: 11px;
  font-weight: 800;
}
.overviewReadinessTodo p {
  margin: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 2px 8px;
}
.overviewReadinessTodo b {
  grid-row: 1 / span 2;
  color: #f5a623;
  font-size: 10px;
}
.overviewReadinessTodo strong {
  color: #d4dae3;
  font-size: 11px;
}
.overviewReadinessTodo small {
  overflow: hidden;
  color: #6f7a8c;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overviewStageRail {
  margin-top: 18px;
  border-top: 1px solid rgba(148, 163, 184, 0.1);
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.overviewStageRail button {
  min-height: 78px;
  border: 0;
  border-left: 1px solid rgba(148, 163, 184, 0.08);
  padding: 12px 15px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  color: #d7dde6;
  background: transparent;
  text-align: left;
}
.overviewStageRail button:first-child {
  border-left: 0;
}
.overviewStageRail button:hover {
  background: rgba(49, 130, 246, 0.05);
}
.overviewStageRail em {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #8a95a6;
  background: #242a33;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}
.overviewStageRail .done em {
  color: #0b2a20;
  background: #36d399;
}
.overviewStageRail .waiting em {
  color: #d7dde6;
  background: #374151;
}
.overviewStageRail button > span {
  min-width: 0;
  display: grid;
  gap: 3px;
}
.overviewStageRail strong {
  color: #e8ecf2;
  font-size: 12px;
}
.overviewStageRail small {
  overflow: hidden;
  color: #748094;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overviewStageRail b {
  color: #f5a623;
  font-size: 11px;
  white-space: nowrap;
}
.overviewStageRail .done b {
  color: #36d399;
}
.overviewStageRail .waiting b {
  color: #94a3b8;
}
.overviewToolDisclosure {
  margin-top: 18px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 8px;
  overflow: hidden;
  background: #101319;
}
.overviewToolDisclosure > summary {
  min-height: 72px;
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 16px;
  color: #e8ecf2;
  cursor: pointer;
  list-style: none;
}
.overviewToolDisclosure > summary::-webkit-details-marker {
  display: none;
}
.overviewToolDisclosure > summary > span {
  min-width: 0;
  display: grid;
  gap: 4px;
}
.overviewToolDisclosure > summary strong {
  font-size: 15px;
}
.overviewToolDisclosure > summary small {
  color: #7f8a9d;
  font-size: 11px;
  font-weight: 700;
}
.overviewToolDisclosure > summary b {
  margin-left: auto;
  color: #75a7ed;
  font-size: 11px;
  white-space: nowrap;
}
.overviewToolDisclosure > summary::after {
  content: "+";
  color: #75a7ed;
  font-size: 20px;
  font-weight: 700;
}
.overviewToolDisclosure[open] > summary {
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}
.overviewToolDisclosure[open] > summary::after {
  content: "\2212";
}
.overviewToolDisclosure:not([open]) > :not(summary) {
  display: none;
}
.overviewToolDisclosure > .overviewEventEditor {
  margin-top: 0;
  border: 0;
  border-radius: 0;
}
.overviewPublishPanel {
  margin-top: 18px;
  border: 1px solid rgba(49, 130, 246, 0.22);
  border-radius: 8px;
  padding: 16px;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr) auto;
  align-items: start;
  gap: 16px;
  background: rgba(14, 23, 40, 0.78);
}
.overviewPublishPanel span {
  color: #60a5fa;
  font-size: 12px;
  font-weight: 950;
}
.overviewPublishPanel h4 {
  margin: 4px 0 0;
  color: #f8fafc;
  font-size: 20px;
  line-height: 1.2;
}
.overviewPublishPanel p {
  margin: 5px 0 0;
  color: #94a3b8;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
}
.overviewPublishPanel dl {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.overviewPublishPanel dl div {
  min-height: 58px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 8px;
  padding: 10px;
  display: grid;
  align-content: center;
  gap: 3px;
  background: rgba(2, 6, 23, 0.26);
}
.overviewPublishPanel dt {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 900;
}
.overviewPublishPanel dd {
  margin: 0;
  color: #e2e8f0;
  font-size: 13px;
  font-weight: 950;
  white-space: nowrap;
}
.overviewPublishPanel dd.ok {
  color: #34d399;
}
.overviewPublishPanel dd.warn {
  color: #fbbf24;
}
.overviewPublicChecklist {
  grid-column: 1 / -1;
  border-top: 1px solid rgba(148, 163, 184, 0.14);
  padding-top: 14px;
  display: grid;
  gap: 10px;
}
.overviewPublicChecklist > strong {
  color: #e2e8f0;
  font-size: 13px;
}
.overviewPublicChecklist > div {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}
.overviewPublicChecklist span {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 8px;
  padding: 9px;
  display: grid;
  gap: 4px;
  background: rgba(2, 6, 23, 0.24);
}
.overviewPublicChecklist span.todo {
  border-color: rgba(251, 191, 36, 0.28);
  background: rgba(113, 63, 18, 0.13);
}
.overviewPublicChecklist b {
  color: #34d399;
  font-size: 10px;
  font-weight: 950;
}
.overviewPublicChecklist .todo b {
  color: #fbbf24;
}
.overviewPublicChecklist em {
  color: #f8fafc;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}
.overviewPublicChecklist small {
  min-width: 0;
  color: #94a3b8;
  font-size: 11px;
  font-weight: 750;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overviewPublicChecklist i {
  overflow: hidden;
  color: #bfdbfe;
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overviewPublishPanel > button {
  min-height: 46px;
  border-radius: 8px;
  padding: 0 16px;
  color: white;
  background: #3182f6;
  font-weight: 950;
  white-space: nowrap;
}
.overviewPublishPanel > button:disabled {
  opacity: 0.58;
  cursor: not-allowed;
}
.overviewEventEditor {
  margin-top: 10px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 8px;
  background: #0d1118;
  overflow: hidden;
}
.overviewEventEditor > summary {
  min-height: 48px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #8b95a7;
  cursor: pointer;
  font-size: 12px;
  font-weight: 850;
  list-style: none;
}
.overviewEventEditor > summary::-webkit-details-marker {
  display: none;
}
.overviewEventEditor > summary span {
  color: #60a5fa;
  font-size: 11px;
  font-weight: 950;
}
.overviewEventEditor > summary strong {
  color: #e2e8f0;
  font-size: 13px;
  font-weight: 950;
}
.overviewEventEditorBody {
  border-top: 1px solid rgba(148, 163, 184, 0.1);
  padding: 16px;
  display: grid;
  gap: 14px;
}
.overviewEditorFocus {
  border: 1px solid rgba(49, 130, 246, 0.18);
  border-radius: 8px;
  padding: 14px 16px;
  display: grid;
  gap: 5px;
  background: rgba(49, 130, 246, 0.1);
}
.overviewEditorFocus.ready {
  border-color: rgba(52, 211, 153, 0.2);
  background: rgba(16, 185, 129, 0.1);
}
.overviewEditorFocus span {
  color: #93c5fd;
  font-size: 11px;
  font-weight: 950;
}
.overviewEditorFocus.ready span {
  color: #6ee7b7;
}
.overviewEditorFocus strong {
  color: #f8fafc;
  font-size: 15px;
  font-weight: 950;
  line-height: 1.35;
}
.overviewEditorFocus p {
  margin: 0;
  color: #a8b3c4;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}
.overviewEventEditorGrid,
.overviewGuideEditor {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.overviewEventEditorGrid label,
.overviewEditorField,
.overviewGuideEditor label,
.overviewRulesEditor {
  min-width: 0;
  display: grid;
  gap: 7px;
  color: #94a3b8;
  font-size: 11px;
  font-weight: 900;
}
.overviewEventEditorGrid label.wide {
  grid-column: span 2;
}
.overviewEditorField.wide {
  grid-column: span 2;
}
.overviewEventEditor input,
.overviewEventEditor select,
.overviewEventEditor textarea {
  width: 100%;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 8px;
  padding: 11px 12px;
  color: #f8fafc;
  background: #111824;
  font: inherit;
  font-size: 13px;
  font-weight: 850;
  outline: none;
}
.overviewEventEditor input:focus,
.overviewEventEditor select:focus,
.overviewEventEditor textarea:focus {
  border-color: rgba(49, 130, 246, 0.62);
  box-shadow: 0 0 0 3px rgba(49, 130, 246, 0.14);
}
.overviewLifecycleHint {
  color: #fbbf24;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.45;
}
.overviewScaleCostPreview {
  border: 1px solid rgba(148, 163, 184, 0.13);
  border-radius: 8px;
  padding: 10px 12px;
  display: grid;
  gap: 3px;
  background: rgba(15, 23, 42, 0.62);
}
.overviewScaleCostPreview strong {
  color: #e5e7eb;
  font-size: 12px;
  font-weight: 900;
}
.overviewScaleCostPreview span {
  color: #9aa4b2;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.45;
}
.overviewScaleCostPreview.hasDelta {
  border-color: rgba(49, 130, 246, 0.3);
  background: rgba(29, 78, 216, 0.1);
}
.overviewScaleCostPreview.hasDelta strong {
  color: #93c5fd;
}
.overviewImageUploadRow {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}
.overviewImageUploadRow label {
  min-height: 42px;
  border: 1px solid rgba(49, 130, 246, 0.28);
  border-radius: 8px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #dbeafe;
  background: rgba(49, 130, 246, 0.12);
  cursor: pointer;
  font-size: 12px;
  font-weight: 950;
  white-space: nowrap;
}
.overviewImageUploadRow label:has(input:disabled) {
  opacity: 0.58;
  cursor: not-allowed;
}
.overviewImageUploadRow input[type=file] {
  display: none;
}
.overviewEventEditor textarea {
  min-height: 86px;
  line-height: 1.45;
  resize: vertical;
}
.overviewRulesEditor textarea {
  min-height: 112px;
}
.overviewEventEditorActions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.overviewEventEditorActions button {
  min-height: 40px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 8px;
  padding: 0 14px;
  color: #cbd2dc;
  background: #171c24;
  font-size: 12px;
  font-weight: 900;
}
.overviewEventEditorActions button.primary {
  border-color: transparent;
  color: #fff;
  background: #3182f6;
}
.overviewEventEditorActions button:disabled {
  opacity: 0.58;
  cursor: not-allowed;
}
.overviewCloseoutPanel {
  margin-top: 18px;
  border: 1px solid rgba(148, 163, 184, 0.11);
  border-radius: 8px;
  padding: 18px 20px;
  display: grid;
  gap: 14px;
  background: #101319;
}
.overviewCloseoutDecision {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 16px;
}
.overviewCloseoutDecision span {
  color: #3182f6;
  font-size: 11px;
  font-weight: 850;
}
.overviewCloseoutDecision h4 {
  margin: 0;
  color: #f2f4f6;
  font-size: 21px;
  line-height: 1.3;
}
.overviewCloseoutDecision p {
  margin: 5px 0 0;
  color: #8b95a7;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.5;
}
.overviewCloseoutActions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}
.overviewCloseoutActions button,
.overviewBundleButton {
  min-height: 40px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 8px;
  padding: 0 14px;
  color: #cbd2dc;
  background: #171c24;
  font-size: 12px;
  font-weight: 850;
}
.overviewCloseoutActions button.primary {
  border-color: transparent;
  color: #fff;
  background: #3182f6;
}
.overviewCloseoutMeta {
  border-top: 1px solid rgba(148, 163, 184, 0.08);
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
  padding: 12px 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
  gap: 12px;
}
.overviewCloseoutMeta div {
  min-width: 0;
}
.overviewCloseoutMeta span {
  display: block;
  color: #778296;
  font-size: 11px;
  font-weight: 800;
}
.overviewCloseoutMeta strong {
  display: block;
  margin-top: 3px;
  overflow: hidden;
  color: #f2f4f6;
  font-size: 18px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overviewCloseoutBlockers {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.overviewCloseoutBlockers button {
  min-height: 36px;
  border: 1px solid rgba(245, 166, 35, 0.26);
  border-radius: 999px;
  padding: 0 12px 0 8px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  color: #dbe6f4;
  background: rgba(245, 166, 35, 0.08);
  text-align: left;
}
.overviewCloseoutBlockers button:hover {
  border-color: rgba(245, 166, 35, 0.45);
  background: rgba(245, 166, 35, 0.13);
}
.overviewCloseoutBlockers b {
  min-width: 24px;
  border-radius: 999px;
  padding: 3px 6px;
  color: #fbbf24;
  background: rgba(245, 166, 35, 0.12);
  font-size: 10px;
  font-weight: 950;
  text-align: center;
}
.overviewCloseoutBlockers span {
  overflow: hidden;
  color: #cbd5e1;
  font-size: 12px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overviewCloseoutClear {
  margin: 0;
  color: #34d399;
  font-size: 13px;
  font-weight: 850;
}
.overviewCloseoutLedgerBlock {
  margin: 12px 0 0;
  border-left: 3px solid #f43f5e;
  padding: 10px 12px;
  background: rgba(244, 63, 94, 0.08);
  color: #fda4af;
  font-size: 12px;
  line-height: 1.5;
}
.overviewCloseoutDrawer {
  border-top: 1px solid rgba(148, 163, 184, 0.08);
  padding-top: 2px;
}
.overviewCloseoutDrawer > summary {
  min-height: 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #8b95a7;
  cursor: pointer;
  font-size: 12px;
  font-weight: 850;
  list-style: none;
}
.overviewCloseoutDrawer > summary::-webkit-details-marker {
  display: none;
}
.overviewCloseoutDrawer > summary strong {
  color: #cbd5e1;
}
.overviewCloseoutDrawer .overviewBundleButton {
  min-height: 56px;
  margin: 0 0 10px;
  border: 0;
  padding: 11px 12px;
  display: grid;
  gap: 3px;
  justify-items: start;
  color: #ffffff;
  background: #3182f6;
  box-shadow: 0 14px 30px rgba(49, 130, 246, 0.18);
}
.overviewCloseoutDrawer .overviewBundleButton small {
  color: rgba(255, 255, 255, 0.72);
  font-size: 10px;
  font-weight: 800;
}
.overviewCloseoutDrawer .overviewBundleButton:disabled {
  color: #8b95a7;
  background: #171c24;
  box-shadow: none;
}
.overviewCloseoutDrawer .overviewBundleButton:disabled small {
  color: #6f7a8c;
}
.overviewAssetList,
.overviewAuditList {
  display: grid;
}
.overviewAssetList button,
.overviewAuditList article {
  min-height: 38px;
  border: 0;
  border-top: 1px solid rgba(148, 163, 184, 0.08);
  padding: 6px 0;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  color: #cbd2dc;
  background: transparent;
  text-align: left;
}
.overviewAssetList span,
.overviewAuditList span {
  min-width: 36px;
  border-radius: 999px;
  padding: 4px 6px;
  color: #36d399;
  background: rgba(54, 211, 153, 0.1);
  font-size: 9px;
  font-weight: 850;
  text-align: center;
}
.overviewAssetList button:disabled span {
  color: #6f7a8c;
  background: rgba(148, 163, 184, 0.08);
}
.overviewAssetList strong,
.overviewAuditList strong {
  overflow: hidden;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overviewAssetList small,
.overviewAuditList small {
  overflow: hidden;
  color: #6f7a8c;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overviewBundleButton {
  width: 100%;
}
@media (max-width: 1050px) {
  .overviewScaleSignal {
    grid-template-columns: minmax(0, 1fr);
  }
  .overviewScaleSignal dl {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .overviewCommandCenter,
  .overviewSecondaryStatus,
  .overviewPublishPanel,
  .overviewCloseoutPanel {
    grid-template-columns: 1fr;
  }
  .overviewEventEditorGrid,
  .overviewGuideEditor {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .overviewPublicChecklist > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .overviewWorkQueue {
    border-right: 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
  }
  .overviewCloseoutDecision {
    grid-template-columns: 1fr;
  }
  .overviewCloseoutActions {
    justify-content: flex-start;
  }
}
@media (max-width: 700px) {
  .overviewCommandPage {
    padding: 22px 16px 14px;
  }
  .overviewCommandHead {
    align-items: flex-start;
  }
  .overviewCommandHead h3 {
    font-size: 25px;
  }
  .overviewScaleSignal {
    padding: 14px;
    gap: 12px;
  }
  .overviewScaleSignal strong {
    font-size: 20px;
  }
  .overviewScaleSignal dl {
    grid-template-columns: 1fr;
  }
  .overviewScaleSignal dl div {
    border-left: 0;
    border-top: 1px solid rgba(148, 163, 184, 0.12);
    padding: 10px 0 0;
  }
  .overviewWorkQueue,
  .overviewStatusPane {
    padding: 18px 16px;
  }
  .overviewStatusDisclosure > summary {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
  }
  .overviewStatusDisclosure > summary small {
    display: none;
  }
  .overviewSectionHead small {
    display: none;
  }
  .overviewWorkList button {
    grid-template-columns: 28px minmax(0, 1fr);
  }
  .overviewWorkList button > b {
    display: none;
  }
  .overviewStageRail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .overviewStageRail button:nth-child(odd) {
    border-left: 0;
  }
  .overviewToolDisclosure > summary {
    min-height: 66px;
    padding: 12px 14px;
  }
  .overviewToolDisclosure > summary small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overviewToolDisclosure > summary b {
    display: none;
  }
  .overviewPublishPanel {
    padding: 14px;
  }
  .overviewPublishPanel dl {
    grid-template-columns: 1fr;
  }
  .overviewPublicChecklist small,
  .overviewPublicChecklist i {
    white-space: normal;
  }
  .overviewPublishPanel > button {
    width: 100%;
  }
  .overviewEventEditorBody {
    padding: 14px;
  }
  .overviewEventEditorGrid,
  .overviewGuideEditor {
    grid-template-columns: 1fr;
  }
  .overviewEventEditorGrid label.wide {
    grid-column: auto;
  }
  .overviewEditorField.wide {
    grid-column: auto;
  }
  .overviewImageUploadRow {
    grid-template-columns: 1fr;
  }
  .overviewEventEditorActions {
    display: grid;
  }
  .overviewEventEditorActions button {
    width: 100%;
  }
  .overviewCloseoutPanel {
    padding: 16px;
  }
  .overviewCloseoutMeta {
    grid-template-columns: 1fr;
  }
  .overviewCloseoutActions {
    display: grid;
  }
  .overviewCloseoutActions button {
    width: 100%;
  }
}
.entryQueuePanel .entryNextPayment {
  margin: 0 0 18px;
  border: 1px solid rgba(49, 130, 246, 0.16);
  border-radius: 16px;
  padding: 20px 22px;
  grid-template-columns: minmax(0, 1fr) minmax(220px, auto);
  background:
    linear-gradient(
      135deg,
      rgba(49, 130, 246, 0.16),
      rgba(17, 24, 39, 0.94));
  box-shadow: 0 18px 44px rgba(2, 6, 23, 0.24);
}
.entryQueuePanel .entryNextPayment.hasIssue {
  border-color: rgba(251, 191, 36, 0.2);
  background:
    linear-gradient(
      135deg,
      rgba(251, 191, 36, 0.15),
      rgba(17, 24, 39, 0.94));
}
.entryQueuePanel .entryNextPayment span {
  color: #8ab8ff;
  font-size: 12px;
}
.entryQueuePanel .entryNextPayment.hasIssue span {
  color: #ffcf5c;
}
.entryQueuePanel .entryNextPayment strong {
  max-width: 100%;
  font-size: 25px;
  letter-spacing: 0;
}
.entryQueuePanel .entryNextPayment small {
  color: #9da8ba;
  font-size: 13px;
}
.entryQueuePanel .entryNextPayment > button {
  min-height: 52px;
  border-radius: 12px;
  padding: 0 22px;
  background: #3182f6;
  box-shadow: 0 14px 34px rgba(49, 130, 246, 0.24);
  font-size: 14px;
}
.entryQueuePanel .entryMoneyCommand {
  margin: 0 0 24px;
  border: 0;
  border-radius: 16px;
  padding: 18px 20px;
  grid-template-columns: minmax(190px, 0.55fr) minmax(0, 1.45fr) auto;
  background: #111722;
}
.entryQueuePanel .entryMoneyLead strong {
  font-size: 16px;
}
.entryQueuePanel .entryMoneyFacts {
  gap: 0;
}
.entryQueuePanel .entryMoneyFacts div {
  min-height: 42px;
  border-left: 1px solid rgba(148, 163, 184, 0.1);
  padding: 2px 16px;
  align-content: center;
}
.entryQueuePanel .entryMoneyFacts div:first-child {
  border-left: 0;
}
.entryQueuePanel .entryMoneyFacts dd {
  color: #eef2f7;
  font-size: 15px;
}
.entryQueuePanel .entryMoneyActions > summary {
  min-height: 42px;
  border-radius: 10px;
  padding: 0 12px;
  color: #8b95a7;
  background: rgba(148, 163, 184, 0.08);
}
.entryQueuePanel .entryWorkbench {
  min-height: 640px;
  border: 1px solid rgba(148, 163, 184, 0.09);
  border-radius: 18px;
  grid-template-columns: minmax(340px, 0.38fr) minmax(0, 0.82fr);
  background: #0c1016;
}
.entryQueuePanel .entryMasterPane {
  background: #0f141d;
}
.entryQueuePanel .entryMasterTools {
  padding: 18px;
  background: rgba(17, 24, 39, 0.78);
}
.entryQueuePanel .entryMasterList {
  gap: 2px;
  padding: 8px;
}
.entryQueuePanel .entryMasterItem {
  min-height: 82px;
  border: 0;
  border-radius: 14px;
  grid-template-columns: minmax(0, 1fr) minmax(92px, auto) auto;
  background: transparent;
}
.entryQueuePanel .entryMasterStatus {
  display: none;
}
.entryQueuePanel .entryMasterItem:hover {
  background: rgba(255, 255, 255, 0.035);
}
.entryQueuePanel .entryMasterItem.selected {
  background: rgba(49, 130, 246, 0.14);
  box-shadow: inset 3px 0 0 #3182f6;
}
.entryQueuePanel .entryMasterIdentity strong {
  font-size: 17px;
}
.entryQueuePanel .entryMasterMeta strong {
  color: #f2f4f6;
  font-size: 13px;
}
.entryQueuePanel .entryMasterAction {
  border-radius: 10px;
  padding: 9px 12px;
  background: rgba(49, 130, 246, 0.12);
}
.entryQueuePanel .entryDetailPane {
  padding: 34px 36px;
  background: #0d1118;
}
.entryQueuePanel .entryDetailHead {
  border-bottom-color: rgba(148, 163, 184, 0.08);
}
.entryQueuePanel .entryDetailHead h4 {
  font-size: 28px;
}
.entryQueuePanel .entryPaymentCompare {
  margin-top: 18px;
  border: 1px solid rgba(49, 130, 246, 0.14);
  border-radius: 16px;
  padding: 16px 18px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.86fr);
  background: rgba(49, 130, 246, 0.07);
}
.entryQueuePanel .entryPaymentCompare.cleared {
  border-color: rgba(54, 211, 153, 0.18);
  background: rgba(54, 211, 153, 0.06);
}
.entryQueuePanel .entryPaymentCompare strong {
  color: #ffffff;
  font-size: 22px;
}
.paymentConfirmOverlay {
  background: rgba(2, 6, 23, 0.72);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}
.paymentConfirmDialog,
.paymentCancelDialog,
.settlementCloseDialog {
  border-radius: 22px;
  padding: 26px;
  gap: 18px;
  background: #111722;
  box-shadow: 0 32px 100px rgba(0, 0, 0, 0.48);
}
.paymentConfirmDialog {
  width: min(560px, 100%);
  border-color: rgba(148, 163, 184, 0.1);
}
.paymentConfirmDialog.hasIssue {
  border-color: rgba(251, 191, 36, 0.22);
}
.paymentCancelDialog {
  width: min(620px, 100%);
}
.settlementCloseDialog {
  width: min(680px, 100%);
  border-color: rgba(49, 130, 246, 0.18);
}
.paymentConfirmHead {
  gap: 7px;
}
.paymentConfirmHead h3 {
  font-size: 28px;
  letter-spacing: 0;
}
.paymentConfirmHead p {
  color: #9aa4b2;
  font-size: 14px;
}
.paymentConfirmPrimary,
.paymentCancelSummary {
  border: 0;
  padding: 0;
  gap: 10px;
}
.paymentConfirmPrimary div,
.paymentCancelSummary div,
.settlementCloseAmounts div {
  border: 1px solid rgba(148, 163, 184, 0.09);
  border-radius: 14px;
  padding: 14px 15px;
  background: rgba(255, 255, 255, 0.035);
}
.paymentConfirmPrimary div + div,
.paymentCancelSummary div + div {
  border-left: 1px solid rgba(148, 163, 184, 0.09);
}
.paymentConfirmPrimary small,
.paymentCancelSummary small,
.settlementCloseAmounts small {
  color: #8b95a7;
  font-size: 11px;
}
.paymentConfirmPrimary strong {
  font-size: 22px;
}
.paymentCancelSummary strong,
.settlementCloseAmounts strong {
  font-size: 20px;
}
.paymentConfirmIssue,
.paymentConfirmCheck,
.settlementCloseRisks {
  border-radius: 16px;
  padding: 15px 16px;
}
.paymentConfirmIssue {
  background: rgba(251, 191, 36, 0.09);
}
.paymentConfirmCheck {
  border-color: rgba(49, 130, 246, 0.12);
  background: rgba(49, 130, 246, 0.06);
}
.paymentConfirmCheck input {
  width: 20px;
  height: 20px;
}
.paymentConfirmActions {
  grid-template-columns: minmax(92px, 0.7fr) minmax(112px, 0.88fr) minmax(160px, 1.35fr);
  gap: 10px;
}
.paymentConfirmActions button {
  min-height: 50px;
  border-radius: 12px;
}
.paymentConfirmActions .copy {
  color: #cfe3ff;
  background: rgba(49, 130, 246, 0.12);
}
.paymentConfirmActions .confirm {
  background: #3182f6;
  box-shadow: 0 14px 34px rgba(49, 130, 246, 0.24);
}
.paymentConfirmActions .danger {
  background: #e11d48;
}
@media (max-width: 980px) {
  .entryQueuePanel .entryNextPayment,
  .entryQueuePanel .entryMoneyCommand,
  .entryQueuePanel .entryWorkbench {
    grid-template-columns: 1fr;
  }
  .entryQueuePanel .entryMoneyFacts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .entryQueuePanel .entryMoneyFacts div:nth-child(odd) {
    border-left: 0;
  }
}
@media (max-width: 700px) {
  .entryQueuePanel .entryNextPayment,
  .entryQueuePanel .entryMoneyCommand {
    padding: 16px;
  }
  .entryQueuePanel .entryMasterItem {
    grid-template-columns: minmax(0, 1fr);
    gap: 7px;
  }
  .entryQueuePanel .entryDetailPane {
    padding: 22px 18px;
  }
  .paymentConfirmPrimary,
  .paymentCancelSummary,
  .settlementCloseAmounts,
  .paymentConfirmActions {
    grid-template-columns: 1fr;
  }
}
.entryQueuePanel.panel {
  background: #0b0f15;
}
.entryQueuePanel .entryPageHead {
  margin-bottom: 20px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
  align-items: center;
}
.entryQueuePanel .entryPageHead > div > span {
  color: #8b95a7;
  font-size: 12px;
}
.entryQueuePanel .entryPageHead h3 {
  max-width: 780px;
  margin: 4px 0 6px;
  font-size: clamp(25px, 2.6vw, 36px);
  letter-spacing: 0;
}
.entryQueuePanel .entryPageHead p {
  color: #96a1b2;
  font-size: 13px;
}
.entryQueuePanel .entryCommandMenu > summary {
  border-color: transparent;
  border-radius: 12px;
  color: #9da8ba;
  background: rgba(148, 163, 184, 0.08);
}
.entryQueuePanel .entryNextPayment {
  margin: 0 0 12px;
  border: 0;
  border-radius: 20px;
  padding: 24px 26px;
  grid-template-columns: minmax(0, 1fr) auto;
  background: #172235;
  box-shadow: none;
}
.entryQueuePanel .entryNextPayment.hasIssue {
  background: #251c10;
}
.entryQueuePanel .entryNextPayment span {
  color: #9dbdf7;
  font-size: 12px;
}
.entryQueuePanel .entryNextPayment strong {
  margin-top: 2px;
  font-size: clamp(24px, 2.5vw, 34px);
  line-height: 1.12;
}
.entryQueuePanel .entryNextPayment small {
  color: #a9b5c6;
  font-size: 13px;
}
.entryQueuePanel .entryNextPayment > button {
  min-width: 138px;
  min-height: 54px;
  border-radius: 14px;
  box-shadow: none;
}
.entryQueuePanel .entryMoneyCommand {
  margin: 0 0 26px;
  border: 0;
  border-radius: 0;
  padding: 14px 2px 22px;
  background: transparent;
}
.entryQueuePanel .entryMoneyLead strong {
  color: #f2f4f6;
  font-size: 15px;
}
.entryQueuePanel .entryMoneyLead small {
  color: #8b95a7;
}
.entryQueuePanel .entryMoneyFacts {
  gap: 18px;
}
.entryQueuePanel .entryMoneyFacts div {
  min-height: auto;
  border-left: 0;
  padding: 0;
}
.entryQueuePanel .entryMoneyFacts dd {
  color: #d8dee8;
  font-size: 14px;
}
.entryQueuePanel .entryMoneyActions > summary {
  min-height: 38px;
  background: transparent;
}
.entryQueuePanel .entryWorkbench {
  min-height: 660px;
  border: 0;
  border-radius: 0;
  grid-template-columns: minmax(360px, 0.36fr) minmax(0, 0.86fr);
  gap: 0;
  overflow: visible;
  background: transparent;
}
.entryQueuePanel .entryMasterPane {
  border-right: 1px solid rgba(148, 163, 184, 0.08);
  padding-right: 16px;
  background: transparent;
}
.entryQueuePanel .entryMasterTools {
  border-bottom: 0;
  padding: 0 0 12px;
  background: transparent;
}
.entryQueuePanel .entryOpsSearch {
  border-color: rgba(148, 163, 184, 0.11);
  border-radius: 14px;
  background: #101722;
}
.entryQueuePanel .entryMasterCount {
  min-height: 38px;
  padding: 0 2px;
}
.entryQueuePanel .entryMasterCount span {
  display: none;
}
.entryQueuePanel .entryMasterList {
  gap: 0;
  padding: 0;
}
.entryQueuePanel .entryMasterItem {
  min-height: 96px;
  border-top: 1px solid rgba(148, 163, 184, 0.08);
  border-radius: 0;
  padding: 18px 4px;
  grid-template-columns: minmax(0, 1fr) minmax(96px, auto);
  gap: 12px;
  background: transparent;
}
.entryQueuePanel .entryMasterItem:first-child {
  border-top: 0;
}
.entryQueuePanel .entryMasterItem:hover {
  background: transparent;
}
.entryQueuePanel .entryMasterItem.selected {
  margin-inline: -10px 0;
  border-top-color: transparent;
  border-radius: 16px;
  padding-inline: 14px 10px;
  background: rgba(49, 130, 246, 0.12);
  box-shadow: inset 3px 0 0 #3182f6;
}
.entryQueuePanel .entryMasterIdentity {
  gap: 6px;
}
.entryQueuePanel .entryMasterIdentity strong {
  font-size: 18px;
  line-height: 1.25;
}
.entryQueuePanel .entryMasterIdentity small,
.entryQueuePanel .entryMasterMeta small {
  color: #8b95a7;
}
.entryQueuePanel .entryMasterMeta {
  justify-items: end;
}
.entryQueuePanel .entryMasterAction {
  grid-column: 1 / -1;
  width: fit-content;
  border-radius: 999px;
  padding: 0;
  color: #8ab8ff;
  background: transparent;
  font-size: 12px;
}
.entryQueuePanel .entryMasterItem.selected .entryMasterAction {
  color: #dbeafe;
  background: transparent;
}
.entryQueuePanel .entryDetailPane {
  padding: 4px 0 0 34px;
  background: transparent;
}
.entryQueuePanel .entryDetailHead {
  min-height: 154px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
  padding: 4px 0 26px;
}
.entryQueuePanel .entryDetailHead h4 {
  margin-top: 8px;
  font-size: clamp(28px, 3vw, 42px);
}
.entryQueuePanel .entryDetailHead small {
  color: #d8dee8;
  font-size: 15px;
}
.entryQueuePanel .entryDetailHead > button {
  min-width: 142px;
  min-height: 54px;
  border-radius: 14px;
  background: #3182f6;
}
.entryQueuePanel .entryPaymentCompare {
  margin-top: 22px;
  border: 0;
  border-radius: 18px;
  padding: 22px 24px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
  background: #121b2b;
}
.entryQueuePanel .entryPaymentCompare.cleared {
  background: rgba(20, 83, 63, 0.18);
}
.entryQueuePanel .entryPaymentCompare span,
.entryQueuePanel .entryPaymentCompare small {
  color: #8b95a7;
}
.entryQueuePanel .entryPaymentCompare strong {
  font-size: clamp(24px, 2.3vw, 32px);
}
.entryQueuePanel .entryDetailDecision {
  margin: 16px 0 0;
  border-bottom-color: rgba(148, 163, 184, 0.08);
  padding-bottom: 18px;
  color: #9da8ba;
  font-size: 13px;
}
.entryQueuePanel .entryDetailFacts {
  border-bottom-color: rgba(148, 163, 184, 0.08);
}
.entryQueuePanel .entryDetailFacts div {
  padding: 20px 18px 20px 0;
}
.entryQueuePanel .entryDetailFacts dd {
  font-size: 17px;
}
.entryQueuePanel .entryDetailSection,
.entryQueuePanel .entryDetailSupport {
  border-color: rgba(148, 163, 184, 0.08);
}
.entryQueuePanel .paymentReconcileLine {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.entryQueuePanel .paymentReconcileLine div {
  border: 0;
  border-radius: 18px;
  padding: 18px 20px;
  background: #111722;
}
.entryQueuePanel .paymentReconcileLine strong {
  font-size: 22px;
}
.paymentConfirmOverlay {
  background: rgba(3, 7, 14, 0.74);
}
.paymentConfirmDialog,
.paymentCancelDialog,
.settlementCloseDialog {
  border: 0;
  border-radius: 24px;
  padding: 30px;
  background: #151b25;
}
.paymentConfirmHead h3 {
  font-size: clamp(28px, 4vw, 38px);
}
.paymentConfirmPrimary {
  gap: 12px;
}
.paymentConfirmPrimary div {
  border: 0;
  border-radius: 18px;
  padding: 18px;
  background: #0f1622;
}
.paymentConfirmPrimary div + div {
  border-left: 0;
}
.paymentConfirmPrimary strong {
  font-size: 24px;
}
.paymentConfirmCheck {
  border: 0;
  border-radius: 18px;
  padding: 18px;
  background: rgba(49, 130, 246, 0.08);
}
.paymentConfirmActions button {
  min-height: 54px;
  border-radius: 14px;
}
@media (max-width: 980px) {
  .entryQueuePanel .entryPageHead {
    align-items: flex-start;
  }
  .entryQueuePanel .entryWorkbench {
    grid-template-columns: 1fr;
  }
  .entryQueuePanel .entryMasterPane {
    border-right: 0;
    padding-right: 0;
  }
  .entryQueuePanel .entryDetailPane {
    padding: 28px 0 0;
  }
  .entryQueuePanel .entryDetailHead {
    min-height: auto;
  }
  .entryQueuePanel .paymentReconcileLine {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 700px) {
  .entryQueuePanel .entryPageHead {
    gap: 14px;
  }
  .entryQueuePanel .entryNextPayment {
    padding: 20px;
  }
  .entryQueuePanel .entryNextPayment > button,
  .entryQueuePanel .entryDetailHead > button {
    width: 100%;
  }
  .entryQueuePanel .entryMoneyCommand {
    padding-bottom: 18px;
  }
  .entryQueuePanel .entryMoneyFacts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 18px;
  }
  .entryQueuePanel .entryMasterItem,
  .entryQueuePanel .entryMasterItem.selected {
    margin-inline: 0;
    grid-template-columns: 1fr;
    padding-inline: 4px;
  }
  .entryQueuePanel .entryMasterItem.selected {
    padding-inline: 14px;
  }
  .entryQueuePanel .entryMasterMeta {
    justify-items: start;
  }
  .entryQueuePanel .entryPaymentCompare,
  .entryQueuePanel .entryDetailFacts {
    grid-template-columns: 1fr;
  }
}
.fighterWorkbenchPanel.panel {
  border: 0;
  padding: 30px 24px 22px;
  background: #0b0f15;
  box-shadow: none;
}
.fighterWorkbenchPanel .entryPageHead {
  margin-bottom: 22px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
  align-items: center;
}
.fighterWorkbenchPanel .entryPageHead > div > span {
  color: #8b95a7;
  font-size: 12px;
}
.fighterWorkbenchPanel .entryPageHead h3 {
  margin: 5px 0 7px;
  font-size: clamp(26px, 2.7vw, 38px);
  letter-spacing: 0;
}
.fighterWorkbenchPanel .entryPageHead p {
  color: #96a1b2;
  font-size: 13px;
}
.fighterWorkbenchPanel .entryCommandMenu > summary {
  border-color: transparent;
  border-radius: 12px;
  color: #9da8ba;
  background: rgba(148, 163, 184, 0.08);
}
.fighterWorkbenchPanel .fighterNextReview {
  margin: 0 0 16px;
  border: 1px solid rgba(49, 130, 246, 0.16);
  border-radius: 26px;
  padding: 26px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, auto) auto;
  gap: 20px;
  align-items: center;
  background: #132033;
}
.fighterWorkbenchPanel .fighterNextReview.hasIssue {
  border-color: rgba(245, 166, 35, 0.22);
  background: #21180d;
}
.fighterWorkbenchPanel .fighterNextReview span,
.fighterWorkbenchPanel .fighterServerStrip span {
  display: block;
  color: #8ab8ff;
  font-size: 12px;
  font-weight: 900;
}
.fighterWorkbenchPanel .fighterNextReview strong {
  display: block;
  margin-top: 8px;
  color: #f8fafc;
  font-size: clamp(32px, 3.6vw, 52px);
  line-height: 1.04;
}
.fighterWorkbenchPanel .fighterNextReview small {
  display: block;
  margin-top: 10px;
  color: #a9b5c6;
  font-size: 14px;
}
.fighterWorkbenchPanel .fighterNextReview dl {
  min-width: 330px;
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 20px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  background: rgba(255, 255, 255, 0.03);
}
.fighterWorkbenchPanel .fighterNextReview dl div {
  border-right: 1px solid rgba(148, 163, 184, 0.1);
  padding: 16px;
}
.fighterWorkbenchPanel .fighterNextReview dl div:last-child {
  border-right: 0;
}
.fighterWorkbenchPanel .fighterNextReview dt {
  color: #8b95a7;
  font-size: 11px;
  font-weight: 900;
}
.fighterWorkbenchPanel .fighterNextReview dd {
  margin-top: 7px;
  color: #edf2f7;
  font-size: 19px;
  font-weight: 900;
}
.fighterWorkbenchPanel .fighterNextReview > button {
  min-width: 142px;
  min-height: 56px;
  border: 0;
  border-radius: 16px;
  color: #ffffff;
  background: #3182f6;
  box-shadow: 0 18px 44px rgba(49, 130, 246, 0.2);
  font-weight: 900;
}
.fighterWorkbenchPanel .fighterServerStrip {
  margin: 0 0 28px;
  border: 1px solid rgba(148, 163, 184, 0.08);
  border-radius: 22px;
  padding: 18px 20px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 12px;
  align-items: center;
  background: rgba(16, 23, 34, 0.72);
}
.fighterWorkbenchPanel .fighterServerStrip strong {
  display: block;
  margin-top: 5px;
  color: #f2f4f6;
  font-size: 16px;
  line-height: 1.35;
}
.fighterWorkbenchPanel .fighterServerStrip button {
  min-height: 48px;
  border: 1px solid rgba(49, 130, 246, 0.18);
  border-radius: 15px;
  padding: 0 16px;
  color: #dbeafe;
  background: rgba(49, 130, 246, 0.12);
  font-weight: 900;
  white-space: nowrap;
}
.fighterWorkbenchPanel .fighterServerStrip button:disabled {
  color: #64748b;
  border-color: rgba(148, 163, 184, 0.08);
  background: rgba(148, 163, 184, 0.08);
  cursor: not-allowed;
}
.fighterWorkbenchPanel .fighterWorkbench {
  min-height: 670px;
  border: 0;
  border-radius: 0;
  grid-template-columns: minmax(360px, 0.34fr) minmax(0, 0.9fr);
  background: transparent;
  overflow: visible;
}
.fighterWorkbenchPanel .entryMasterPane {
  border-right: 1px solid rgba(148, 163, 184, 0.08);
  padding-right: 18px;
  background: transparent;
}
.fighterWorkbenchPanel .entryMasterTools {
  border-bottom: 0;
  padding: 0 0 12px;
  background: transparent;
}
.fighterWorkbenchPanel .entryOpsSearch {
  min-height: 50px;
  border-color: rgba(148, 163, 184, 0.11);
  border-radius: 14px;
  background: #101722;
}
.fighterWorkbenchPanel .entryMasterCount {
  min-height: 38px;
  padding: 0 2px;
}
.fighterWorkbenchPanel .entryMasterCount span {
  display: none;
}
.fighterWorkbenchPanel .entryMasterList {
  gap: 0;
  padding: 0;
}
.fighterWorkbenchPanel .fighterReviewItem {
  min-height: 98px;
  border-top: 1px solid rgba(148, 163, 184, 0.08);
  border-radius: 0;
  padding: 18px 4px;
  grid-template-columns: minmax(0, 1fr) minmax(106px, auto);
  gap: 12px;
  background: transparent;
}
.fighterWorkbenchPanel .fighterReviewItem:first-child {
  border-top: 0;
}
.fighterWorkbenchPanel .fighterReviewItem:hover {
  background: transparent;
}
.fighterWorkbenchPanel .fighterReviewItem.selected {
  margin-inline: -10px 0;
  border-top-color: transparent;
  border-radius: 16px;
  padding-inline: 14px 10px;
  background: rgba(49, 130, 246, 0.12);
  box-shadow: inset 3px 0 0 #3182f6;
}
.fighterWorkbenchPanel .entryMasterIdentity {
  gap: 6px;
}
.fighterWorkbenchPanel .fighterReviewItem .entryMasterIdentity strong {
  font-size: 19px;
  line-height: 1.22;
}
.fighterWorkbenchPanel .entryMasterIdentity small,
.fighterWorkbenchPanel .entryMasterMeta small {
  color: #8b95a7;
}
.fighterWorkbenchPanel .fighterReviewItem .entryMasterMeta {
  justify-items: end;
}
.fighterWorkbenchPanel .fighterReviewItem .entryMasterStatus {
  padding: 0;
  color: #8ab8ff;
  background: transparent;
  font-size: 12px;
}
.fighterWorkbenchPanel .fighterReviewItem .entryMasterStatus.warn {
  color: #f5a623;
}
.fighterWorkbenchPanel .fighterReviewItem .entryMasterStatus.ok {
  color: #36d399;
}
.fighterWorkbenchPanel .fighterReviewItem .entryMasterAction {
  grid-column: 1 / -1;
  width: fit-content;
  padding: 0;
  color: #8ab8ff;
  background: transparent;
  font-size: 12px;
}
.fighterWorkbenchPanel .fighterReviewItem.selected .entryMasterAction {
  color: #dbeafe;
  background: transparent;
}
.fighterWorkbenchPanel .fighterDetailPane {
  padding: 4px 0 0 36px;
  background: transparent;
}
.fighterWorkbenchPanel .fighterDetailPane .entryDetailHead {
  min-height: 170px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
  padding: 4px 0 28px;
}
.fighterWorkbenchPanel .fighterDetailPane .entryDetailHead h4 {
  margin-top: 8px;
  font-size: clamp(32px, 3.5vw, 48px);
  line-height: 1.06;
}
.fighterWorkbenchPanel .fighterDetailPane .entryDetailHead p {
  color: #9da8ba;
  font-size: 14px;
}
.fighterWorkbenchPanel .fighterDetailPane .entryDetailHead small {
  color: #d8dee8;
  font-size: 15px;
}
.fighterWorkbenchPanel .fighterDetailPane .entryDetailHead > button {
  min-width: 150px;
  min-height: 56px;
  border-radius: 14px;
  background: #3182f6;
}
.fighterWorkbenchPanel .fighterDetailPane .entryDetailHead > button:disabled {
  color: #8b95a7;
  background: rgba(148, 163, 184, 0.12);
}
.fighterWorkbenchPanel .fighterDetailPane .entryDetailDecision {
  margin: 18px 0 0;
  border-bottom-color: rgba(148, 163, 184, 0.08);
  padding-bottom: 20px;
  color: #9da8ba;
  font-size: 13px;
}
.fighterWorkbenchPanel .fighterDetailFacts {
  margin-top: 0;
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
}
.fighterWorkbenchPanel .fighterDetailFacts div {
  padding: 22px 18px 22px 0;
}
.fighterWorkbenchPanel .fighterDetailFacts dd {
  color: #f2f4f6;
  font-size: 18px;
}
.fighterWorkbenchPanel .fighterDetailPane .entryDetailAlert {
  margin-top: 22px;
  border-left: 0;
  border-radius: 18px;
  padding: 18px 20px;
  background: rgba(245, 166, 35, 0.1);
}
.fighterWorkbenchPanel .fighterDetailPane .entryDetailAlert strong {
  color: #ffd08a;
  font-size: 15px;
}
.fighterWorkbenchPanel .fighterReviewDetails {
  margin-top: 24px;
  border-color: rgba(148, 163, 184, 0.08);
}
.fighterWorkbenchPanel .fighterReviewDetails summary {
  min-height: 58px;
}
.fighterWorkbenchPanel .fighterReviewSections {
  gap: 14px;
  padding: 14px 0 18px;
}
.fighterWorkbenchPanel .fighterReviewSections section {
  border: 0;
  border-radius: 18px;
  padding: 18px;
  background: #111722;
}
.fighterWorkbenchPanel .fighterReviewSections section + section {
  border-left: 0;
  padding-left: 18px;
}
.fighterWorkbenchPanel .fighterReviewSections strong {
  font-size: 16px;
}
.fighterWorkbenchPanel .fighterReviewSections p {
  color: #9da8ba;
  font-size: 13px;
}
.fighterWorkbenchPanel .entryDetailActions {
  margin-top: 16px;
  gap: 10px;
}
.fighterWorkbenchPanel .entryDetailActions button {
  min-height: 44px;
  border: 0;
  border-radius: 12px;
  padding: 0 16px;
  background: rgba(49, 130, 246, 0.12);
}
@media (max-width: 980px) {
  .fighterWorkbenchPanel .fighterNextReview,
  .fighterWorkbenchPanel .fighterServerStrip {
    grid-template-columns: 1fr;
  }
  .fighterWorkbenchPanel .fighterNextReview dl {
    min-width: 0;
  }
  .fighterWorkbenchPanel .fighterNextReview > button,
  .fighterWorkbenchPanel .fighterServerStrip button {
    width: 100%;
  }
  .fighterWorkbenchPanel .fighterWorkbench {
    grid-template-columns: 1fr;
  }
  .fighterWorkbenchPanel .entryMasterPane {
    border-right: 0;
    padding-right: 0;
  }
  .fighterWorkbenchPanel .fighterDetailPane {
    padding: 28px 0 0;
  }
  .fighterWorkbenchPanel .fighterDetailPane .entryDetailHead {
    min-height: auto;
  }
}
@media (max-width: 700px) {
  .fighterWorkbenchPanel.panel {
    padding: 24px 16px 18px;
  }
  .fighterWorkbenchPanel .entryPageHead {
    gap: 14px;
  }
  .fighterWorkbenchPanel .fighterNextReview,
  .fighterWorkbenchPanel .fighterServerStrip {
    padding: 22px;
  }
  .fighterWorkbenchPanel .fighterNextReview dl {
    grid-template-columns: 1fr;
  }
  .fighterWorkbenchPanel .fighterNextReview dl div {
    border-right: 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.08);
  }
  .fighterWorkbenchPanel .fighterNextReview dl div:last-child {
    border-bottom: 0;
  }
  .fighterWorkbenchPanel .fighterReviewItem,
  .fighterWorkbenchPanel .fighterReviewItem.selected {
    margin-inline: 0;
    grid-template-columns: 1fr;
    padding-inline: 4px;
  }
  .fighterWorkbenchPanel .fighterReviewItem.selected {
    padding-inline: 14px;
  }
  .fighterWorkbenchPanel .fighterReviewItem .entryMasterMeta {
    justify-items: start;
  }
  .fighterWorkbenchPanel .fighterDetailPane .entryDetailHead > button {
    width: 100%;
  }
  .fighterWorkbenchPanel .fighterDetailFacts,
  .fighterWorkbenchPanel .fighterReviewSections {
    grid-template-columns: 1fr;
  }
  .fighterWorkbenchPanel .fighterReviewSections section + section {
    padding-left: 18px;
  }
}
.weighWorkbenchPanel.panel {
  border: 0;
  padding: 30px 24px 22px;
  background: #0b0f15;
  box-shadow: none;
}
.weighWorkbenchPanel .entryPageHead {
  margin-bottom: 22px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
  align-items: center;
}
.weighWorkbenchPanel .entryPageHead > div > span {
  color: #8b95a7;
  font-size: 12px;
}
.weighWorkbenchPanel .entryPageHead h3 {
  margin: 5px 0 7px;
  font-size: clamp(26px, 2.7vw, 38px);
  letter-spacing: 0;
}
.weighWorkbenchPanel .entryPageHead p {
  color: #96a1b2;
  font-size: 13px;
}
.weighWorkbenchPanel .entryCommandMenu > summary {
  border-color: transparent;
  border-radius: 12px;
  color: #9da8ba;
  background: rgba(148, 163, 184, 0.08);
}
.weighWorkbenchPanel .weighWorkbench {
  min-height: 670px;
  border: 0;
  border-radius: 0;
  grid-template-columns: minmax(360px, 0.34fr) minmax(0, 0.9fr);
  background: transparent;
  overflow: visible;
}
.weighWorkbenchPanel .entryMasterPane {
  border-right: 1px solid rgba(148, 163, 184, 0.08);
  padding-right: 18px;
  background: transparent;
}
.weighWorkbenchPanel .entryMasterTools {
  border-bottom: 0;
  padding: 0 0 12px;
  background: transparent;
}
.weighWorkbenchPanel .entryOpsSearch {
  min-height: 50px;
  border-color: rgba(148, 163, 184, 0.11);
  border-radius: 14px;
  background: #101722;
}
.weighWorkbenchPanel .entryMasterCount {
  min-height: 38px;
  padding: 0 2px;
}
.weighWorkbenchPanel .entryMasterCount span {
  display: none;
}
.weighWorkbenchPanel .entryMasterList {
  gap: 0;
  padding: 0;
}
.weighWorkbenchPanel .weighQueueItem {
  min-height: 98px;
  border-top: 1px solid rgba(148, 163, 184, 0.08);
  border-radius: 0;
  padding: 18px 4px;
  grid-template-columns: minmax(0, 1fr) minmax(106px, auto);
  gap: 12px;
  background: transparent;
}
.weighWorkbenchPanel .weighQueueItem:first-child {
  border-top: 0;
}
.weighWorkbenchPanel .weighQueueItem:hover {
  background: transparent;
}
.weighWorkbenchPanel .weighQueueItem.selected {
  margin-inline: -10px 0;
  border-top-color: transparent;
  border-radius: 16px;
  padding-inline: 14px 10px;
  background: rgba(49, 130, 246, 0.12);
  box-shadow: inset 3px 0 0 #3182f6;
}
.weighWorkbenchPanel .weighQueueItem .entryMasterIdentity strong {
  font-size: 19px;
  line-height: 1.22;
}
.weighWorkbenchPanel .entryMasterIdentity small,
.weighWorkbenchPanel .entryMasterMeta small {
  color: #8b95a7;
}
.weighWorkbenchPanel .weighQueueItem .entryMasterMeta {
  justify-items: end;
}
.weighWorkbenchPanel .weighQueueItem .entryMasterStatus {
  padding: 0;
  color: #8ab8ff;
  background: transparent;
  font-size: 12px;
}
.weighWorkbenchPanel .weighQueueItem .entryMasterStatus.warn {
  color: #f5a623;
}
.weighWorkbenchPanel .weighQueueItem .entryMasterStatus.danger {
  color: #ff6688;
}
.weighWorkbenchPanel .weighQueueItem .entryMasterStatus.ok {
  color: #36d399;
}
.weighWorkbenchPanel .weighQueueItem .entryMasterAction {
  grid-column: 1 / -1;
  width: fit-content;
  padding: 0;
  color: #8ab8ff;
  background: transparent;
  font-size: 12px;
}
.weighWorkbenchPanel .weighQueueItem.selected .entryMasterAction {
  color: #dbeafe;
  background: transparent;
}
.weighWorkbenchPanel .weighDetailPane {
  padding: 4px 0 0 36px;
  background: transparent;
}
.weighWorkbenchPanel .weighDetailHead {
  min-height: 154px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
  padding: 4px 0 24px;
}
.weighWorkbenchPanel .weighDetailHead h4 {
  margin-top: 8px;
  font-size: clamp(32px, 3.5vw, 48px);
  line-height: 1.06;
}
.weighWorkbenchPanel .weighDetailHead p {
  color: #9da8ba;
  font-size: 14px;
}
.weighWorkbenchPanel .weighDetailHead small {
  color: #d8dee8;
  font-size: 15px;
}
.weighWorkbenchPanel .weighDetailPane .entryDetailDecision {
  margin: 18px 0 0;
  border-bottom-color: rgba(148, 163, 184, 0.08);
  padding-bottom: 20px;
  color: #9da8ba;
  font-size: 13px;
}
.weighWorkbenchPanel .weighInputPanel {
  margin-top: 24px;
  border: 0;
  border-radius: 24px;
  padding: 26px 28px;
  grid-template-columns: minmax(0, 1fr) auto;
  background: #121b2b;
}
.weighWorkbenchPanel .weighInputPanel label > span {
  color: #8ab8ff;
  font-size: 12px;
}
.weighWorkbenchPanel .weighInputPanel input {
  width: min(260px, 100%);
  border-bottom-color: rgba(49, 130, 246, 0.34);
  font-size: clamp(42px, 5vw, 64px);
  line-height: 1;
}
.weighWorkbenchPanel .weighInputPanel b {
  color: #9da8ba;
  font-size: 20px;
}
.weighWorkbenchPanel .weighInputPanel > button {
  min-width: 132px;
  min-height: 58px;
  border-radius: 16px;
  background: #3182f6;
  font-size: 14px;
}
.weighWorkbenchPanel .weighInputPanel > button:disabled {
  color: #8b95a7;
  background: rgba(148, 163, 184, 0.12);
}
.weighWorkbenchPanel .weighDetailFacts {
  margin-top: 6px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
}
.weighWorkbenchPanel .weighDetailFacts div {
  padding: 22px 18px 22px 0;
}
.weighWorkbenchPanel .weighDetailFacts dd {
  color: #f2f4f6;
  font-size: 18px;
}
.weighWorkbenchPanel .weighDetailFacts dd.warn {
  color: #f5a623;
}
.weighWorkbenchPanel .weighDecisionSection {
  margin-top: 24px;
  border-radius: 24px;
  padding: 22px;
  background: #111722;
}
.weighWorkbenchPanel .weighDecisionSection strong {
  font-size: 17px;
}
.weighWorkbenchPanel .weighDecisionSection span {
  color: #9da8ba;
  font-size: 13px;
}
.weighWorkbenchPanel .weighDecisionActions {
  gap: 10px;
}
.weighWorkbenchPanel .weighDecisionActions button {
  min-height: 58px;
  border: 0;
  border-radius: 16px;
  background: rgba(148, 163, 184, 0.1);
  font-size: 14px;
}
.weighWorkbenchPanel .weighDecisionActions .pass {
  color: #062217;
  background: #36d399;
}
.weighWorkbenchPanel .weighDecisionActions .over {
  color: #fef3c7;
  background: rgba(245, 166, 35, 0.2);
}
.weighWorkbenchPanel .weighDecisionActions .absent {
  color: #ffe4e6;
  background: rgba(255, 92, 124, 0.2);
}
.weighWorkbenchPanel .weighPersonInfo {
  margin-top: 24px;
  border-color: rgba(148, 163, 184, 0.08);
}
.weighWorkbenchPanel .weighPersonInfo summary {
  min-height: 56px;
}
@media (max-width: 980px) {
  .weighWorkbenchPanel .weighWorkbench {
    grid-template-columns: 1fr;
  }
  .weighWorkbenchPanel .entryMasterPane {
    border-right: 0;
    padding-right: 0;
  }
  .weighWorkbenchPanel .weighDetailPane {
    padding: 28px 0 0;
  }
  .weighWorkbenchPanel .weighDetailHead {
    min-height: auto;
  }
}
@media (max-width: 700px) {
  .weighWorkbenchPanel.panel {
    padding: 24px 16px 18px;
  }
  .weighWorkbenchPanel .entryPageHead {
    gap: 14px;
  }
  .weighWorkbenchPanel .weighQueueItem,
  .weighWorkbenchPanel .weighQueueItem.selected {
    margin-inline: 0;
    grid-template-columns: 1fr;
    padding-inline: 4px;
  }
  .weighWorkbenchPanel .weighQueueItem.selected {
    padding-inline: 14px;
  }
  .weighWorkbenchPanel .weighQueueItem .entryMasterMeta {
    justify-items: start;
  }
  .weighWorkbenchPanel .weighInputPanel {
    grid-template-columns: 1fr;
    padding: 22px;
  }
  .weighWorkbenchPanel .weighInputPanel input {
    width: 100%;
  }
  .weighWorkbenchPanel .weighInputPanel > button {
    width: 100%;
  }
  .weighWorkbenchPanel .weighDetailFacts,
  .weighWorkbenchPanel .weighDecisionActions {
    grid-template-columns: 1fr;
  }
}
.resultWorkbenchPanel.panel {
  border: 0;
  padding: 30px 24px 22px;
  background: #0b0f15;
  box-shadow: none;
}
.resultWorkbenchPanel .entryPageHead {
  margin-bottom: 22px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
  align-items: center;
}
.resultWorkbenchPanel .entryPageHead > div > span {
  color: #8b95a7;
  font-size: 12px;
}
.resultWorkbenchPanel .entryPageHead h3 {
  margin: 5px 0 7px;
  font-size: clamp(26px, 2.7vw, 38px);
  letter-spacing: 0;
}
.resultWorkbenchPanel .entryPageHead p {
  color: #96a1b2;
  font-size: 13px;
}
.resultWorkbenchPanel .entryCommandMenu > summary {
  border-color: transparent;
  border-radius: 12px;
  color: #9da8ba;
  background: rgba(148, 163, 184, 0.08);
}
.resultWorkbenchPanel .resultNextAction {
  margin: 0 0 16px;
  border: 1px solid rgba(49, 130, 246, 0.16);
  border-radius: 26px;
  padding: 26px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, auto) auto;
  gap: 20px;
  align-items: center;
  background: #132033;
}
.resultWorkbenchPanel .resultNextAction.completed {
  border-color: rgba(54, 211, 153, 0.2);
  background: #10251d;
}
.resultWorkbenchPanel .resultNextAction.completed.blocked {
  border-color: rgba(248, 113, 113, 0.28);
  background: #2a171b;
}
.resultWorkbenchPanel .resultNextAction.completed.blocked span {
  color: #fda4af;
}
.resultWorkbenchPanel .resultNextAction.completed.blocked > button {
  background: #dc4c5f;
  box-shadow: 0 18px 44px rgba(220, 76, 95, 0.18);
}
.resultWorkbenchPanel .resultNextAction span,
.resultWorkbenchPanel .resultServerStrip span {
  display: block;
  color: #8ab8ff;
  font-size: 12px;
  font-weight: 900;
}
.resultWorkbenchPanel .resultNextAction strong {
  display: block;
  margin-top: 8px;
  color: #f8fafc;
  font-size: clamp(32px, 3.6vw, 52px);
  line-height: 1.04;
}
.resultWorkbenchPanel .resultNextAction small {
  display: block;
  margin-top: 10px;
  color: #a9b5c6;
  font-size: 14px;
}
.resultWorkbenchPanel .resultNextAction dl {
  min-width: 330px;
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 20px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  background: rgba(255, 255, 255, 0.03);
}
.resultWorkbenchPanel .resultNextAction dl div {
  border-right: 1px solid rgba(148, 163, 184, 0.1);
  padding: 16px;
}
.resultWorkbenchPanel .resultNextAction dl div:last-child {
  border-right: 0;
}
.resultWorkbenchPanel .resultNextAction dt {
  color: #8b95a7;
  font-size: 11px;
  font-weight: 900;
}
.resultWorkbenchPanel .resultNextAction dd {
  margin-top: 7px;
  color: #edf2f7;
  font-size: 19px;
  font-weight: 900;
}
.resultWorkbenchPanel .resultNextAction > button {
  min-width: 142px;
  min-height: 56px;
  border: 0;
  border-radius: 16px;
  color: #ffffff;
  background: #3182f6;
  box-shadow: 0 18px 44px rgba(49, 130, 246, 0.2);
  font-weight: 900;
}
.resultWorkbenchPanel .resultOpsFold {
  margin: 0 0 24px;
  border: 1px solid rgba(148, 163, 184, 0.08);
  border-radius: 20px;
  background: rgba(16, 23, 34, 0.46);
  overflow: hidden;
}
.resultWorkbenchPanel .resultOpsFold > summary {
  min-height: 58px;
  padding: 0 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  color: #dbeafe;
  cursor: pointer;
  list-style: none;
}
.resultWorkbenchPanel .resultOpsFold > summary::-webkit-details-marker {
  display: none;
}
.resultWorkbenchPanel .resultOpsFold > summary::after {
  content: "\c5f4\ae30";
  color: #8ab8ff;
  font-size: 12px;
  font-weight: 900;
}
.resultWorkbenchPanel .resultOpsFold[open] > summary {
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
}
.resultWorkbenchPanel .resultOpsFold[open] > summary::after {
  content: "\c811\ae30";
}
.resultWorkbenchPanel .resultOpsFold > summary span {
  color: #dbeafe;
  font-size: 14px;
  font-weight: 900;
}
.resultWorkbenchPanel .resultOpsFold > summary strong {
  min-width: 0;
  overflow: hidden;
  color: #8b95a7;
  font-size: 13px;
  font-weight: 900;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.resultWorkbenchPanel .resultServerStrip {
  margin: 16px 18px 14px;
  border: 1px solid rgba(148, 163, 184, 0.08);
  border-radius: 18px;
  padding: 18px 20px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 12px;
  align-items: center;
  background: rgba(16, 23, 34, 0.72);
}
.resultWorkbenchPanel .resultServerStrip strong {
  display: block;
  margin-top: 5px;
  color: #f2f4f6;
  font-size: 16px;
  line-height: 1.35;
}
.resultWorkbenchPanel .resultServerStrip small {
  display: block;
  margin-top: 5px;
  color: #8b95a7;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}
.resultWorkbenchPanel .resultServerStrip button {
  min-height: 48px;
  border: 1px solid rgba(49, 130, 246, 0.18);
  border-radius: 15px;
  padding: 0 16px;
  color: #dbeafe;
  background: rgba(49, 130, 246, 0.12);
  font-weight: 900;
  white-space: nowrap;
}
.resultWorkbenchPanel .resultServerStrip button:disabled {
  color: #64748b;
  border-color: rgba(148, 163, 184, 0.08);
  background: rgba(148, 163, 184, 0.08);
  cursor: not-allowed;
}
.resultWorkbenchPanel .resultRecordImpact {
  margin: 0 18px 14px;
  border-left: 3px solid #3182f6;
  padding: 4px 0 4px 18px;
  display: grid;
  gap: 6px;
}
.resultWorkbenchPanel .resultRecordImpact span,
.resultWorkbenchPanel .resultRecordPreview span {
  color: #8ab8ff;
  font-size: 12px;
  font-weight: 900;
}
.resultWorkbenchPanel .resultRecordImpact strong,
.resultWorkbenchPanel .resultRecordPreview strong {
  color: #f2f4f6;
  font-size: 18px;
  line-height: 1.35;
}
.resultWorkbenchPanel .resultRecordImpact small {
  max-width: 820px;
  color: #8b95a7;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.55;
}
.resultWorkbenchPanel .resultRecordQueue {
  margin: 0 18px 18px;
  border: 1px solid rgba(148, 163, 184, 0.08);
  border-radius: 22px;
  padding: 18px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.5fr);
  gap: 16px;
  background: rgba(16, 23, 34, 0.58);
}
.resultWorkbenchPanel .resultRecordQueue > div {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 6px;
}
.resultWorkbenchPanel .resultRecordQueueActions {
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  gap: 8px;
}
.resultWorkbenchPanel .resultRecordQueueActions button {
  min-height: 44px;
  border: 1px solid rgba(49, 130, 246, 0.18);
  border-radius: 14px;
  padding: 0 14px;
  color: #dbeafe;
  background: rgba(49, 130, 246, 0.1);
  font-size: 13px;
  font-weight: 900;
  white-space: nowrap;
}
.resultWorkbenchPanel .resultRecordQueueActions button:last-child {
  border-color: rgba(49, 130, 246, 0.36);
  color: #f8fafc;
  background: #3182f6;
  box-shadow: 0 14px 26px rgba(49, 130, 246, 0.14);
}
.resultWorkbenchPanel .resultRecordQueueActions button:disabled {
  color: #64748b;
  border-color: rgba(148, 163, 184, 0.08);
  background: rgba(148, 163, 184, 0.08);
  box-shadow: none;
  cursor: not-allowed;
}
.resultWorkbenchPanel .resultRecordQueue span {
  color: #8ab8ff;
  font-size: 12px;
  font-weight: 900;
}
.resultWorkbenchPanel .resultRecordQueue strong {
  color: #f8fafc;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.25;
}
.resultWorkbenchPanel .resultRecordQueue small {
  color: #8b95a7;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.5;
}
.resultWorkbenchPanel .resultRecordQueue dl {
  margin: 0;
  border: 1px solid rgba(148, 163, 184, 0.08);
  border-radius: 18px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  background: rgba(255, 255, 255, 0.03);
}
.resultWorkbenchPanel .resultRecordQueue dl div {
  min-width: 0;
  border-right: 1px solid rgba(148, 163, 184, 0.08);
  padding: 14px;
}
.resultWorkbenchPanel .resultRecordQueue dl div:last-child {
  border-right: 0;
}
.resultWorkbenchPanel .resultRecordQueue dt {
  color: #8b95a7;
  font-size: 11px;
  font-weight: 900;
}
.resultWorkbenchPanel .resultRecordQueue dd {
  margin: 7px 0 0;
  color: #edf2f7;
  font-size: 21px;
  font-weight: 900;
}
.resultWorkbenchPanel .resultRecordQueue ol {
  grid-column: 1 / -1;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
  list-style: none;
}
.resultWorkbenchPanel .resultRecordQueue li {
  min-height: 48px;
  border-top: 1px solid rgba(148, 163, 184, 0.08);
  padding-top: 10px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
}
.resultWorkbenchPanel .resultRecordQueue li strong {
  color: #dbeafe;
  font-size: 14px;
}
.resultWorkbenchPanel .resultRecordQueue li span {
  min-width: 0;
  overflow: hidden;
  color: #a9b5c6;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.resultWorkbenchPanel .resultRecordQueue li button {
  min-height: 34px;
  border: 1px solid rgba(49, 130, 246, 0.18);
  border-radius: 12px;
  padding: 0 12px;
  color: #dbeafe;
  background: rgba(49, 130, 246, 0.12);
  font-weight: 900;
}
.resultWorkbenchPanel .resultWorkbench {
  min-height: 670px;
  border: 0;
  border-radius: 0;
  grid-template-columns: minmax(380px, 0.35fr) minmax(0, 0.9fr);
  background: transparent;
  overflow: visible;
}
.resultWorkbenchPanel .entryMasterPane {
  border-right: 1px solid rgba(148, 163, 184, 0.08);
  padding-right: 18px;
  background: transparent;
}
.resultWorkbenchPanel .resultMasterTools {
  border-bottom: 0;
  padding: 0 0 12px;
  background: transparent;
}
.resultWorkbenchPanel .entryMasterCount {
  min-height: 38px;
  padding: 0 2px;
}
.resultWorkbenchPanel .entryMasterCount span {
  display: none;
}
.resultWorkbenchPanel .entryMasterList {
  gap: 0;
  padding: 0;
}
.resultWorkbenchPanel .resultMasterItem {
  min-height: 104px;
  border-top: 1px solid rgba(148, 163, 184, 0.08);
  border-radius: 0;
  padding: 18px 4px;
  grid-template-columns: minmax(0, 1fr) minmax(106px, auto);
  gap: 12px;
  background: transparent;
}
.resultWorkbenchPanel .resultMasterItem:first-child {
  border-top: 0;
}
.resultWorkbenchPanel .resultMasterItem:hover {
  background: transparent;
}
.resultWorkbenchPanel .resultMasterItem.selected {
  margin-inline: -10px 0;
  border-top-color: transparent;
  border-radius: 16px;
  padding-inline: 14px 10px;
  background: rgba(49, 130, 246, 0.12);
  box-shadow: inset 3px 0 0 #3182f6;
}
.resultWorkbenchPanel .resultMasterItem .entryMasterIdentity strong {
  font-size: 18px;
  line-height: 1.25;
}
.resultWorkbenchPanel .entryMasterIdentity small,
.resultWorkbenchPanel .entryMasterMeta small {
  color: #8b95a7;
}
.resultWorkbenchPanel .resultMasterItem .entryMasterMeta {
  justify-items: end;
}
.resultWorkbenchPanel .resultMasterItem .entryMasterStatus {
  padding: 0;
  color: #f5a623;
  background: transparent;
  font-size: 12px;
}
.resultWorkbenchPanel .resultMasterItem .entryMasterStatus.ok {
  color: #36d399;
}
.resultWorkbenchPanel .resultMasterItem .entryMasterAction {
  grid-column: 1 / -1;
  width: fit-content;
  padding: 0;
  color: #8ab8ff;
  background: transparent;
  font-size: 12px;
}
.resultWorkbenchPanel .resultMasterItem.selected .entryMasterAction {
  color: #dbeafe;
  background: transparent;
}
.resultWorkbenchPanel .resultDetailPane {
  padding: 4px 0 0 36px;
  background: transparent;
}
.resultWorkbenchPanel .resultDetailHead {
  min-height: 140px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
  padding: 4px 0 24px;
}
.resultWorkbenchPanel .resultDetailHead h4 {
  margin-top: 8px;
  font-size: clamp(34px, 3.8vw, 54px);
  line-height: 1;
}
.resultWorkbenchPanel .resultDetailHead p {
  color: #9da8ba;
  font-size: 14px;
}
.resultWorkbenchPanel .resultDetailHead small {
  color: #d8dee8;
  font-size: 15px;
}
.resultWorkbenchPanel .resultDetailPane .entryDetailDecision {
  margin: 18px 0 0;
  border-bottom: 0;
  padding-bottom: 0;
  color: #9da8ba;
  font-size: 13px;
}
.resultWorkbenchPanel .resultEvidenceState {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, auto);
  align-items: center;
  gap: 24px;
  margin-top: 22px;
  padding: 18px 0;
  border-top: 1px solid rgba(148, 163, 184, 0.1);
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}
.resultWorkbenchPanel .resultEvidenceState > div {
  display: grid;
  gap: 4px;
}
.resultWorkbenchPanel .resultEvidenceState span {
  color: #8ab8ff;
  font-size: 12px;
  font-weight: 800;
}
.resultWorkbenchPanel .resultEvidenceState strong {
  color: #f4f7fb;
  font-size: 18px;
}
.resultWorkbenchPanel .resultEvidenceState small {
  color: #8f9bad;
  line-height: 1.45;
}
.resultWorkbenchPanel .resultEvidenceState.pending strong {
  color: #ffbf66;
}
.resultWorkbenchPanel .resultEvidenceState.verified strong {
  color: #38d9a9;
}
.resultWorkbenchPanel .resultEvidenceState ol {
  display: grid;
  grid-template-columns: repeat(3, minmax(76px, 1fr));
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.resultWorkbenchPanel .resultEvidenceState li {
  padding-top: 9px;
  border-top: 3px solid rgba(148, 163, 184, 0.14);
  color: #68758a;
  font-size: 11px;
  font-weight: 800;
}
.resultWorkbenchPanel .resultEvidenceState li.active {
  border-color: #ffb84d;
  color: #ffbf66;
}
.resultWorkbenchPanel .resultEvidenceState li.done {
  border-color: #38d9a9;
  color: #38d9a9;
}
.resultWorkbenchPanel .resultSelectionSummary {
  position: sticky;
  top: 10px;
  z-index: 3;
  display: grid;
  grid-template-columns: minmax(120px, 1.4fr) minmax(74px, 0.7fr) minmax(90px, 0.8fr) auto;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 18px;
  padding: 10px;
  background: rgba(11, 15, 21, 0.94);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.24);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
.boutModeChooser {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0;
}
.boutModeChooser button {
  display: grid;
  gap: 5px;
  min-height: 78px;
  padding: 16px 18px;
  text-align: left;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--surface-soft);
  color: var(--text);
}
.boutModeChooser button.active {
  border-color: var(--primary);
  background: color-mix(in srgb, var(--primary) 10%, var(--surface));
  box-shadow: inset 0 0 0 1px var(--primary);
}
.boutModeChooser strong {
  font-size: 17px;
}
.boutModeChooser small {
  color: var(--muted);
  line-height: 1.45;
}
.tournamentPreview {
  display: grid;
  gap: 14px;
  margin-bottom: 18px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--surface-soft);
}
.tournamentPreview > header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: end;
}
.tournamentPreview > header div {
  display: grid;
  gap: 4px;
}
.tournamentPreview > header span,
.tournamentPreview > header small {
  color: var(--muted);
}
.tournamentPreview > header strong {
  font-size: 20px;
}
.tournamentDivisionPreview {
  display: grid;
  gap: 10px;
}
.tournamentDivisionPreview article {
  display: grid;
  grid-template-columns: minmax(130px, .65fr) minmax(150px, .8fr) minmax(240px, 1.5fr);
  gap: 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--surface);
}
.tournamentDivisionPreview article > span,
.tournamentDivisionPreview article > small {
  min-width: 0;
  color: var(--muted);
  overflow-wrap: anywhere;
}
.tournamentDivisionPreview article > div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.tournamentDivisionPreview i {
  padding: 5px 9px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--primary) 12%, var(--surface));
  color: var(--primary);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}
.tournamentGuard,
.boutIntegrityWarning,
.boutRegenerateWarning {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 13px 15px;
  border: 1px solid #e2b858;
  border-radius: 14px;
  background: #fff8e5;
  color: #704b00;
}
.tournamentGuard.blocked,
.boutIntegrityWarning {
  border-color: #e48b8b;
  background: #fff0f0;
  color: #8a2525;
}
.boutIntegrityWarning,
.boutRegenerateWarning {
  margin: 12px 0;
}
@media (max-width: 760px) {
  .boutModeChooser {
    grid-template-columns: 1fr;
  }
  .tournamentPreview > header {
    align-items: flex-start;
    flex-direction: column;
  }
  .tournamentDivisionPreview article {
    grid-template-columns: 1fr;
  }
  .tournamentGuard,
  .boutIntegrityWarning,
  .boutRegenerateWarning {
    flex-direction: column;
  }
}
.resultWorkbenchPanel .resultSelectionSummary > span {
  min-width: 0;
  display: grid;
  gap: 2px;
  border-radius: 12px;
  padding: 8px 10px;
  background: rgba(148, 163, 184, 0.08);
}
.resultWorkbenchPanel .resultSelectionSummary small {
  color: #7f8ba0;
  font-size: 10px;
  font-weight: 800;
}
.resultWorkbenchPanel .resultSelectionSummary strong {
  overflow: hidden;
  color: #e8edf5;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.resultWorkbenchPanel .resultSelectionSummary > b {
  padding: 0 8px;
  color: #ffbf66;
  font-size: 12px;
  white-space: nowrap;
}
.resultWorkbenchPanel .resultSelectionSummary.ready {
  border-color: rgba(49, 130, 246, 0.48);
}
.resultWorkbenchPanel .resultSelectionSummary.ready > b {
  color: #60a5fa;
}
.resultWorkbenchPanel .resultMatchup {
  margin-top: 24px;
  grid-template-columns: minmax(0, 1fr) 82px minmax(0, 1fr);
  gap: 14px;
}
.resultWorkbenchPanel .resultMatchup > button {
  min-height: 176px;
  border: 0;
  border-radius: 24px;
  padding: 24px;
  align-content: end;
  gap: 9px;
  background: #121b2b;
}
.resultWorkbenchPanel .resultMatchup > button.red {
  background:
    linear-gradient(
      180deg,
      rgba(255, 92, 124, 0.1),
      #121b2b);
}
.resultWorkbenchPanel .resultMatchup > button.blue {
  background:
    linear-gradient(
      180deg,
      rgba(49, 130, 246, 0.12),
      #121b2b);
}
.resultWorkbenchPanel .resultMatchup > button.red.selected {
  background: #381523;
  box-shadow: inset 0 0 0 2px rgba(255, 92, 124, 0.56);
}
.resultWorkbenchPanel .resultMatchup > button.blue.selected {
  background: #14284f;
  box-shadow: inset 0 0 0 2px rgba(49, 130, 246, 0.62);
}
.resultWorkbenchPanel .resultMatchup > button > span {
  font-size: 12px;
}
.resultWorkbenchPanel .resultMatchup > button > strong {
  font-size: clamp(24px, 2.4vw, 34px);
  line-height: 1.12;
}
.resultWorkbenchPanel .resultMatchup > button > small {
  color: #9da8ba;
  font-size: 12px;
}
.resultWorkbenchPanel .resultMatchup > div {
  gap: 12px;
}
.resultWorkbenchPanel .resultMatchup > div > span {
  color: #687386;
}
.resultWorkbenchPanel .resultMatchup > div > button {
  min-height: 46px;
  border: 0;
  border-radius: 999px;
  padding: 0 14px;
  background: rgba(148, 163, 184, 0.1);
}
.resultWorkbenchPanel .resultMatchup > div > button.selected {
  color: #ffffff;
  background: rgba(148, 163, 184, 0.22);
}
.resultWorkbenchPanel .resultMethodSection {
  margin-top: 24px;
  border-top: 0;
  border-radius: 24px;
  padding: 22px;
  background: #111722;
}
.resultWorkbenchPanel .resultMethodSection strong {
  font-size: 17px;
}
.resultWorkbenchPanel .resultMethodSection span {
  color: #9da8ba;
  font-size: 13px;
}
.resultWorkbenchPanel .resultMethodGrid {
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: 8px;
}
.resultWorkbenchPanel .resultMethodGrid button {
  min-height: 64px;
  border: 0;
  border-radius: 12px;
  padding: 8px 5px;
  display: grid;
  place-content: center;
  gap: 3px;
  background: rgba(148, 163, 184, 0.1);
}
.resultWorkbenchPanel .resultMethodGrid button strong {
  font-size: 15px;
  line-height: 1;
}
.resultWorkbenchPanel .resultMethodGrid button small {
  color: #9da8ba;
  font-size: 10px;
  font-weight: 750;
  line-height: 1.25;
  overflow-wrap: anywhere;
}
.resultWorkbenchPanel .resultMethodGrid button.selected {
  background: #3182f6;
}
.resultWorkbenchPanel .resultMethodGrid button.selected small {
  color: #eaf2ff;
}
.resultWorkbenchPanel .resultRecordPreview {
  margin-top: 18px;
  border: 1px solid rgba(49, 130, 246, 0.18);
  border-radius: 22px;
  padding: 18px 20px;
  display: grid;
  gap: 7px;
  background: rgba(49, 130, 246, 0.1);
}
.resultWorkbenchPanel .resultEvidenceUpload {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 18px;
  padding: 18px 4px;
  border-top: 1px solid rgba(148, 163, 184, 0.12);
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}
.resultWorkbenchPanel .resultEvidenceUpload > div {
  display: grid;
  gap: 5px;
  min-width: 0;
}
.resultWorkbenchPanel .resultEvidenceUpload span,
.resultWorkbenchPanel .resultEvidenceUpload small {
  color: #8f9bad;
  font-size: 12px;
  font-weight: 700;
}
.resultWorkbenchPanel .resultEvidenceUpload strong {
  overflow-wrap: anywhere;
  color: #e8edf5;
  font-size: 15px;
}
.resultWorkbenchPanel .resultEvidenceUpload.attached strong {
  color: #38d9a9;
}
.resultWorkbenchPanel .resultEvidencePicker {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  padding: 0 16px;
  border: 1px solid #334057;
  border-radius: 7px;
  color: #dbeafe;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}
.resultWorkbenchPanel .resultEvidencePicker:hover {
  border-color: #3182f6;
  background: rgba(49, 130, 246, 0.08);
}
.resultWorkbenchPanel .resultEvidencePicker input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}
.resultWorkbenchPanel .resultSaveBar {
  position: sticky;
  bottom: 16px;
  z-index: 2;
  margin-top: 24px;
  border-top: 0;
  border-radius: 22px;
  padding: 16px 18px;
  background: rgba(17, 24, 39, 0.92);
  box-shadow: 0 20px 58px rgba(0, 0, 0, 0.26);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
.resultWorkbenchPanel .resultSaveBar span {
  min-width: 0;
  overflow: hidden;
  color: #dbeafe;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.resultWorkbenchPanel .resultSaveBar button {
  min-width: 150px;
  min-height: 54px;
  border-radius: 16px;
  background: #3182f6;
}
.resultWorkbenchPanel .resultSaveBar button:disabled {
  color: #8b95a7;
  background: rgba(148, 163, 184, 0.12);
}
.resultWorkbenchPanel .resultSubmitConfirm {
  position: relative;
  z-index: 4;
  margin-top: 12px;
  border: 1px solid rgba(96, 165, 250, 0.52);
  border-radius: 22px;
  padding: 20px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  background: #101827;
  box-shadow: 0 22px 58px rgba(0, 0, 0, 0.34);
}
.resultWorkbenchPanel .resultSubmitConfirm > div {
  min-width: 0;
  display: grid;
  gap: 5px;
}
.resultWorkbenchPanel .resultSubmitConfirm span {
  color: #60a5fa;
  font-size: 12px;
  font-weight: 900;
}
.resultWorkbenchPanel .resultSubmitConfirm strong {
  overflow-wrap: anywhere;
  color: #f8fafc;
  font-size: 18px;
}
.resultWorkbenchPanel .resultSubmitConfirm small {
  color: #9aa7b9;
  font-weight: 700;
}
.resultWorkbenchPanel .resultSubmitConfirm nav {
  display: flex;
  gap: 8px;
}
.resultWorkbenchPanel .resultSubmitConfirm button {
  min-height: 48px;
  border-radius: 14px;
  padding: 0 18px;
  color: #cbd5e1;
  background: rgba(148, 163, 184, 0.12);
  font-weight: 900;
}
.resultWorkbenchPanel .resultSubmitConfirm button.confirm {
  color: white;
  background: #3182f6;
}
.resultWorkbenchPanel .resultAuditFold {
  margin-top: 18px;
  border-top: 1px solid rgba(148, 163, 184, 0.12);
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}
.resultWorkbenchPanel .resultAuditFold > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 62px;
  padding: 0 4px;
  color: #d8dee8;
  font-weight: 800;
  cursor: pointer;
  list-style: none;
}
.resultWorkbenchPanel .resultAuditFold > summary::-webkit-details-marker {
  display: none;
}
.resultWorkbenchPanel .resultAuditFold > summary::after {
  content: "+";
  flex: 0 0 auto;
  color: #8f9bad;
  font-size: 20px;
}
.resultWorkbenchPanel .resultAuditFold[open] > summary::after {
  content: "\2212";
}
.resultWorkbenchPanel .resultAuditFold > summary span {
  font-size: 14px;
}
.resultWorkbenchPanel .resultAuditFold > summary strong {
  margin-left: auto;
  color: #8f9bad;
  font-size: 12px;
}
.resultWorkbenchPanel .resultAuditFold .entryDetailDecision {
  margin-top: 0;
  padding: 2px 4px 16px;
}
.resultWorkbenchPanel .resultAuditFold .resultEvidenceState {
  margin-top: 0;
}
.resultWorkbenchPanel .resultAuditFold .resultRecordPreview {
  margin: 16px 0 20px;
}
@media (max-width: 980px) {
  .resultWorkbenchPanel .resultSelectionSummary {
    top: 154px;
  }
  .resultWorkbenchPanel .resultNextAction,
  .resultWorkbenchPanel .resultServerStrip {
    grid-template-columns: 1fr;
  }
  .resultWorkbenchPanel .resultNextAction dl {
    min-width: 0;
  }
  .resultWorkbenchPanel .resultRecordQueue {
    grid-template-columns: 1fr;
  }
  .resultWorkbenchPanel .resultRecordQueueActions {
    justify-content: stretch;
  }
  .resultWorkbenchPanel .resultNextAction > button,
  .resultWorkbenchPanel .resultServerStrip button,
  .resultWorkbenchPanel .resultRecordQueueActions button {
    width: 100%;
  }
  .resultWorkbenchPanel .resultWorkbench {
    grid-template-columns: 1fr;
  }
  .resultWorkbenchPanel .entryMasterPane {
    border-right: 0;
    padding-right: 0;
  }
  .resultWorkbenchPanel .resultDetailPane {
    padding: 28px 0 0;
  }
  .resultWorkbenchPanel .resultDetailHead {
    min-height: auto;
  }
  .resultWorkbenchPanel .resultMethodGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .resultWorkbenchPanel .resultEvidenceUpload {
    align-items: stretch;
    flex-direction: column;
    margin-inline: 12px;
    padding-inline: 0;
  }
  .resultWorkbenchPanel .resultEvidencePicker {
    width: 100%;
  }
  .resultWorkbenchPanel .resultEvidenceState {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 700px) {
  .resultWorkbenchPanel .resultSubmitConfirm {
    grid-template-columns: 1fr;
  }
  .resultWorkbenchPanel .resultSubmitConfirm nav,
  .resultWorkbenchPanel .resultSubmitConfirm button {
    width: 100%;
  }
  .resultWorkbenchPanel .resultSubmitConfirm nav {
    flex-direction: column-reverse;
  }
  .resultWorkbenchPanel.panel {
    padding: 24px 16px 18px;
  }
  .resultWorkbenchPanel .entryPageHead {
    gap: 14px;
  }
  .resultWorkbenchPanel .resultOpsFold > summary {
    min-height: auto;
    padding: 15px 16px;
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }
  .resultWorkbenchPanel .resultOpsFold > summary::after {
    position: absolute;
    right: 16px;
    top: 16px;
  }
  .resultWorkbenchPanel .resultOpsFold > summary strong {
    max-width: calc(100% - 48px);
    text-align: left;
    white-space: normal;
  }
  .resultWorkbenchPanel .resultNextAction,
  .resultWorkbenchPanel .resultServerStrip {
    padding: 22px;
  }
  .resultWorkbenchPanel .resultServerStrip,
  .resultWorkbenchPanel .resultRecordImpact,
  .resultWorkbenchPanel .resultRecordQueue {
    margin-inline: 12px;
  }
  .resultWorkbenchPanel .resultNextAction dl {
    grid-template-columns: 1fr;
  }
  .resultWorkbenchPanel .resultRecordQueue {
    padding: 18px;
  }
  .resultWorkbenchPanel .resultRecordQueueActions {
    flex-direction: column;
  }
  .resultWorkbenchPanel .resultRecordQueue dl {
    grid-template-columns: 1fr;
  }
  .resultWorkbenchPanel .resultRecordQueue dl div {
    border-right: 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.08);
  }
  .resultWorkbenchPanel .resultRecordQueue dl div:last-child {
    border-bottom: 0;
  }
  .resultWorkbenchPanel .resultRecordQueue li {
    grid-template-columns: 1fr auto;
  }
  .resultWorkbenchPanel .resultRecordQueue li strong {
    grid-column: 1 / -1;
  }
  .resultWorkbenchPanel .resultNextAction dl div {
    border-right: 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.08);
  }
  .resultWorkbenchPanel .resultNextAction dl div:last-child {
    border-bottom: 0;
  }
  .resultWorkbenchPanel .resultMasterItem,
  .resultWorkbenchPanel .resultMasterItem.selected {
    margin-inline: 0;
    grid-template-columns: 1fr;
    padding-inline: 4px;
  }
  .resultWorkbenchPanel .resultMasterItem.selected {
    padding-inline: 14px;
  }
  .resultWorkbenchPanel .resultMasterItem .entryMasterMeta {
    justify-items: start;
  }
  .resultWorkbenchPanel .resultSelectionSummary {
    top: 154px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-radius: 14px;
    padding: 8px;
  }
  .resultWorkbenchPanel .resultSelectionSummary strong {
    display: -webkit-box;
    overflow: hidden;
    line-height: 1.25;
    text-overflow: clip;
    white-space: normal;
    word-break: keep-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .resultWorkbenchPanel .resultSelectionSummary > b {
    grid-column: 1 / -1;
    padding: 4px 8px 2px;
    text-align: center;
  }
  .resultWorkbenchPanel .resultMatchup {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .resultWorkbenchPanel .resultEvidenceState {
    gap: 16px;
  }
  .resultWorkbenchPanel .resultMatchup > button {
    min-width: 0;
    min-height: 116px;
    border-radius: 18px;
    padding: 16px 14px;
    align-content: start;
  }
  .resultWorkbenchPanel .resultMatchup > button > strong {
    overflow-wrap: anywhere;
    font-size: 20px;
  }
  .resultWorkbenchPanel .resultMatchup > button > small {
    line-height: 1.35;
  }
  .resultWorkbenchPanel .resultMatchup > div {
    grid-column: 1 / -1;
    grid-row: 2;
    min-height: 44px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
  }
  .resultWorkbenchPanel .resultMatchup > div > span {
    min-width: 30px;
    text-align: center;
  }
  .resultWorkbenchPanel .resultMatchup > div > button {
    width: 100%;
    min-height: 44px;
    border-radius: 12px;
  }
  .resultWorkbenchPanel .resultMethodGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .resultWorkbenchPanel .resultSaveBar {
    align-items: stretch;
    flex-direction: column;
  }
  .resultWorkbenchPanel .resultSaveBar:not(.readyToSubmit) {
    position: static;
  }
  .resultWorkbenchPanel .resultSaveBar button {
    width: 100%;
  }
  .resultWorkbenchPanel .resultAuditFold > summary {
    align-items: flex-start;
    flex-wrap: wrap;
    padding-block: 16px;
  }
  .resultWorkbenchPanel .resultAuditFold > summary strong {
    margin-left: 0;
  }
}
.hostApprovalPanel.panel {
  border: 0;
  padding: 30px 24px 22px;
  background: #0b0f15;
  box-shadow: none;
}
.hostApprovalPanel .panelHead {
  margin-bottom: 22px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
}
.hostApprovalPanel .panelHead h3 {
  margin: 0;
  font-size: clamp(28px, 2.8vw, 40px);
  letter-spacing: 0;
}
.hostApprovalPanel .panelHead p {
  margin-top: 8px;
  color: #96a1b2;
  font-size: 14px;
}
.hostApprovalPanel .hostDeskBar {
  margin-bottom: 22px;
  border: 0;
  border-radius: 22px;
  padding: 22px 24px;
  grid-template-columns: minmax(240px, 1fr) minmax(360px, auto) auto;
  background: #121b2b;
}
.hostApprovalPanel .hostDeskSummary span {
  color: #8ab8ff;
  font-size: 12px;
}
.hostApprovalPanel .hostDeskSummary strong {
  color: #f2f4f6;
  font-size: clamp(22px, 2vw, 30px);
}
.hostApprovalPanel .hostDeskSummary small {
  color: #9da8ba;
  font-size: 13px;
}
.hostApprovalPanel .hostApprovalStats {
  gap: 8px;
}
.hostApprovalPanel .hostApprovalStats button {
  min-height: 44px;
  border: 0;
  border-radius: 14px;
  padding: 0 14px;
  color: #9da8ba;
  background: rgba(148, 163, 184, 0.09);
}
.hostApprovalPanel .hostApprovalStats button.active,
.hostApprovalPanel .hostApprovalStats button:hover {
  color: #ffffff;
  background: #3182f6;
}
.hostApprovalPanel .hostViewActions button {
  min-height: 44px;
  border: 0;
  border-radius: 14px;
  padding: 0 16px;
  color: #dbeafe;
  background: rgba(49, 130, 246, 0.12);
}
.hostApprovalPanel .hostViewActions .csvExport {
  color: #9da8ba;
  background: rgba(148, 163, 184, 0.09);
}
.hostApprovalPanel .hostOpsFold {
  margin: -8px 0 18px;
  border-top: 1px solid rgba(148, 163, 184, 0.08);
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
}
.hostApprovalPanel .hostOpsFold > summary {
  min-height: 58px;
  padding: 0 2px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  cursor: pointer;
  list-style: none;
}
.hostApprovalPanel .hostOpsFold > summary::-webkit-details-marker {
  display: none;
}
.hostApprovalPanel .hostOpsFold > summary div {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.hostApprovalPanel .hostOpsFold > summary span,
.hostApprovalPanel .hostOpsFold > summary strong,
.hostApprovalPanel .hostOpsFold > summary em {
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}
.hostApprovalPanel .hostOpsFold > summary span {
  color: #d8dee8;
}
.hostApprovalPanel .hostOpsFold > summary strong,
.hostApprovalPanel .hostOpsFold > summary em {
  color: #8b95a7;
}
.hostApprovalPanel .hostOpsFold > summary::after {
  content: "+";
  color: #75a7ed;
  font-size: 18px;
  font-weight: 700;
}
.hostApprovalPanel .hostOpsFold[open] > summary::after {
  content: "\2212";
}
.hostApprovalPanel .hostOpsFoldBody {
  padding: 10px 0 18px;
  display: grid;
  gap: 12px;
}
.hostApprovalPanel .hostOpsFoldBody .hostApprovalReadiness,
.hostApprovalPanel .hostOpsFoldBody .hostApprovalWorkflow {
  margin: 0;
}
.hostApprovalPanel .hostApprovalReadiness {
  margin: -8px 0 22px;
  border: 1px solid rgba(148, 163, 184, 0.08);
  border-radius: 22px;
  padding: 18px 20px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, auto);
  gap: 18px;
  align-items: center;
  background: rgba(16, 23, 34, 0.72);
}
.hostApprovalPanel .hostApprovalReadiness span {
  display: block;
  color: #8ab8ff;
  font-size: 12px;
  font-weight: 900;
}
.hostApprovalPanel .hostApprovalReadiness strong {
  display: block;
  margin-top: 5px;
  color: #f2f4f6;
  font-size: 16px;
  line-height: 1.35;
}
.hostApprovalPanel .hostApprovalReadiness small {
  display: block;
  margin-top: 4px;
  color: #8b95a7;
  font-size: 12px;
  line-height: 1.45;
}
.hostApprovalPanel .hostApprovalReadiness dl {
  border: 1px solid rgba(148, 163, 184, 0.08);
  border-radius: 18px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  background: rgba(255, 255, 255, 0.03);
}
.hostApprovalPanel .hostApprovalReadiness dl div {
  border-right: 1px solid rgba(148, 163, 184, 0.08);
  padding: 13px 16px;
}
.hostApprovalPanel .hostApprovalReadiness dl div:last-child {
  border-right: 0;
}
.hostApprovalPanel .hostApprovalReadiness dt {
  color: #8b95a7;
  font-size: 11px;
  font-weight: 900;
}
.hostApprovalPanel .hostApprovalReadiness dd {
  margin-top: 6px;
  color: #edf2f7;
  font-size: 18px;
  font-weight: 950;
}
.hostApprovalPanel .hostApprovalWorkflow {
  margin: -10px 0 22px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.hostApprovalPanel .hostApprovalWorkflow div {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.08);
  border-radius: 18px;
  padding: 16px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 4px 12px;
  align-items: center;
  background: rgba(15, 23, 42, 0.62);
}
.hostApprovalPanel .hostApprovalWorkflow span {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #bfdbfe;
  font-size: 13px;
  font-weight: 950;
  background: rgba(49, 130, 246, 0.18);
}
.hostApprovalPanel .hostApprovalWorkflow strong {
  color: #f2f4f6;
  font-size: 14px;
  font-weight: 950;
}
.hostApprovalPanel .hostApprovalWorkflow small {
  grid-column: 2;
  color: #8b95a7;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}
.hostApprovalPanel .hostPriorityReview {
  margin-bottom: 22px;
  border: 0;
  border-radius: 24px;
  padding: 26px;
  grid-template-columns: minmax(260px, 0.9fr) minmax(300px, 1fr) minmax(300px, 0.82fr) auto;
  gap: 24px;
  background: #172235;
}
.hostApprovalPanel .hostPriorityReview.hold {
  background: #251c10;
}
.hostApprovalPanel .hostPriorityReview.extra {
  background: #102538;
}
.hostApprovalPanel .hostPriorityReview span {
  color: #9dbdf7;
  font-size: 12px;
}
.hostApprovalPanel .hostPriorityReview h4 {
  margin-top: 6px;
  font-size: clamp(26px, 2.6vw, 38px);
  line-height: 1.12;
}
.hostApprovalPanel .hostPriorityReview p {
  color: #b4becd;
  font-size: 14px;
}
.hostApprovalPanel .hostPriorityChecklist {
  min-width: 0;
  display: grid;
  gap: 8px;
}
.hostApprovalPanel .hostPriorityChecklist div {
  min-width: 0;
  border-radius: 14px;
  padding: 11px 13px;
  display: grid;
  grid-template-columns: auto minmax(82px, auto) minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  background: rgba(255, 255, 255, 0.06);
}
.hostApprovalPanel .hostPriorityChecklist div.todo {
  background: rgba(245, 166, 35, 0.13);
}
.hostApprovalPanel .hostPriorityChecklist span {
  border-radius: 999px;
  padding: 4px 7px;
  color: #a7f3d0;
  font-size: 10px;
  font-weight: 950;
  background: rgba(45, 212, 191, 0.15);
}
.hostApprovalPanel .hostPriorityChecklist .todo span {
  color: #fde68a;
  background: rgba(245, 166, 35, 0.16);
}
.hostApprovalPanel .hostPriorityChecklist strong {
  color: #edf2f7;
  font-size: 13px;
  font-weight: 950;
}
.hostApprovalPanel .hostPriorityChecklist small {
  overflow: hidden;
  color: #9da8ba;
  font-size: 12px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hostApprovalPanel .hostPriorityReview dl {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.hostApprovalPanel .hostPriorityReview dl div {
  border: 0;
  border-radius: 16px;
  padding: 14px;
  background: rgba(255, 255, 255, 0.055);
}
.hostApprovalPanel .hostPriorityReview dd {
  font-size: 14px;
}
.hostApprovalPanel .hostPriorityReview > div:last-child {
  align-content: center;
}
.hostApprovalPanel .hostPriorityReview button {
  min-height: 48px;
  border: 0;
  border-radius: 14px;
  padding: 0 18px;
  background: rgba(148, 163, 184, 0.12);
}
.hostApprovalPanel .hostPriorityReview button.approve {
  background: #3182f6;
}
.hostApprovalPanel .hostPriorityReview button.hold {
  color: #fef3c7;
  background: rgba(245, 166, 35, 0.18);
}
.hostApprovalPanel .hostCopyToast {
  border: 0;
  border-radius: 14px;
  background: rgba(49, 130, 246, 0.12);
}
.hostApprovalPanel .hostRequestGrid {
  gap: 0;
}
.hostApprovalPanel .hostRequestCard {
  border: 0;
  border-top: 1px solid rgba(148, 163, 184, 0.08);
  border-radius: 0;
  padding: 24px 2px;
  grid-template-columns: minmax(320px, 1fr) minmax(330px, 0.86fr) minmax(230px, 0.54fr);
  gap: 14px 26px;
  background: transparent;
}
.hostApprovalPanel .hostRequestCard:first-child {
  border-top: 0;
}
.hostApprovalPanel .hostRequestCard.pending,
.hostApprovalPanel .hostRequestCard.approved,
.hostApprovalPanel .hostRequestCard.held {
  border-left: 0;
}
.hostApprovalPanel .hostRequestCard:hover {
  transform: none;
}
.hostApprovalPanel .hostRequestTop span,
.hostApprovalPanel .hostRequestTop em {
  color: #8b95a7;
  font-size: 12px;
}
.hostApprovalPanel .hostRequestTop em {
  color: #ff91a7;
}
.hostApprovalPanel .hostRequestCard.approved .hostRequestTop em {
  color: #65dfae;
}
.hostApprovalPanel .hostRequestCard.held .hostRequestTop em {
  color: #f5bd5e;
}
.hostApprovalPanel .hostRequestCard > .hostRequestTop {
  grid-column: 1;
  grid-row: 1;
}
.hostApprovalPanel .hostRequestCard > h4 {
  grid-column: 1;
  grid-row: 2;
}
.hostApprovalPanel .hostRequestSubline {
  grid-column: 1;
  grid-row: 3;
  min-width: 0;
  margin: 0;
  display: grid;
  gap: 5px;
}
.hostApprovalPanel .hostRequestSubline span {
  overflow: hidden;
  color: #9da8ba;
  font-size: 13px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hostApprovalPanel .hostRequestSubline span:first-child {
  color: #d8dee8;
  font-size: 15px;
  font-weight: 950;
}
.hostApprovalPanel .hostModeBadge {
  grid-column: 1;
  grid-row: 3;
  min-width: 0;
  border: 1px solid rgba(125, 211, 252, 0.18);
  border-radius: 16px;
  padding: 13px 14px;
  display: grid;
  gap: 5px;
  background: rgba(49, 130, 246, 0.09);
}
.hostApprovalPanel .hostModeBadge.managed {
  border-color: rgba(52, 211, 153, 0.2);
  background: rgba(16, 185, 129, 0.08);
}
.hostApprovalPanel .hostModeBadge strong {
  overflow: hidden;
  color: #9bc5ff;
  font-size: 14px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hostApprovalPanel .hostModeBadge.managed strong {
  color: #89e3bd;
}
.hostApprovalPanel .hostModeBadge span {
  overflow: hidden;
  color: #9da8ba;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hostApprovalPanel .hostApprovalRoute {
  grid-column: 1;
  grid-row: 4;
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.hostApprovalPanel .hostApprovalRoute span {
  min-width: 0;
  border-radius: 14px;
  padding: 10px 11px;
  display: grid;
  gap: 4px;
  background: rgba(148, 163, 184, 0.08);
}
.hostApprovalPanel .hostApprovalRoute.promotion span {
  background: rgba(49, 130, 246, 0.1);
}
.hostApprovalPanel .hostApprovalRoute.managed span {
  background: rgba(16, 185, 129, 0.08);
}
.hostApprovalPanel .hostApprovalRoute small {
  overflow: hidden;
  color: #8b95a7;
  font-size: 11px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hostApprovalPanel .hostApprovalRoute strong {
  overflow: hidden;
  color: #edf2f7;
  font-size: 12px;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hostApprovalPanel .hostRequestCard h4 {
  font-size: clamp(21px, 1.8vw, 28px);
  line-height: 1.18;
}
.hostApprovalPanel .hostRequestSource {
  grid-column: 1;
  grid-row: 5;
  min-width: 0;
  border-radius: 14px;
  padding: 11px 13px;
  display: grid;
  gap: 4px;
  background: rgba(148, 163, 184, 0.08);
}
.hostApprovalPanel .hostRequestSource.server {
  background: rgba(49, 130, 246, 0.13);
}
.hostApprovalPanel .hostRequestSource span {
  color: #8b95a7;
  font-size: 11px;
  font-weight: 950;
}
.hostApprovalPanel .hostRequestSource.server span {
  color: #93c5fd;
}
.hostApprovalPanel .hostRequestSource strong {
  overflow: hidden;
  color: #d8dee8;
  font-size: 12px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hostApprovalPanel .hostDecision {
  grid-column: 2;
  grid-row: 1 / span 3;
  align-self: stretch;
  border-radius: 18px;
  padding: 18px;
  background: #111722;
}
.hostApprovalPanel .hostDecision span {
  color: #8b95a7;
  font-size: 11px;
}
.hostApprovalPanel .hostDecision strong {
  font-size: 19px;
}
.hostApprovalPanel .hostDecision small {
  color: #9da8ba;
  font-size: 13px;
  white-space: normal;
}
.hostApprovalPanel .hostPolicyDecision {
  grid-column: 2;
  grid-row: 4;
  min-width: 0;
  display: grid;
  gap: 7px;
  border: 1px solid rgba(37, 99, 235, 0.18);
  border-radius: 18px;
  padding: 16px 18px;
  background: rgba(37, 99, 235, 0.09);
}
.hostApprovalPanel .hostPolicyDecision.free {
  border-color: rgba(16, 185, 129, 0.17);
  background: rgba(16, 185, 129, 0.08);
}
.hostApprovalPanel .hostPolicyDecision.extra {
  border-color: rgba(245, 166, 35, 0.18);
  background: rgba(245, 166, 35, 0.1);
}
.hostApprovalPanel .hostPolicyDecision span {
  color: #93c5fd;
  font-size: 11px;
  font-weight: 950;
}
.hostApprovalPanel .hostPolicyDecision.free span {
  color: #8ee6bd;
}
.hostApprovalPanel .hostPolicyDecision.extra span {
  color: #f8ce77;
}
.hostApprovalPanel .hostPolicyDecision strong {
  color: #edf2f7;
  font-size: 16px;
  font-weight: 950;
}
.hostApprovalPanel .hostPolicyDecision small {
  color: #9da8ba;
  font-size: 12px;
  line-height: 1.45;
}
.hostApprovalPanel .hostCompactChecklist {
  grid-column: 1 / span 2;
  grid-row: 5;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.hostApprovalPanel .hostCompactChecklist span {
  border-radius: 999px;
  padding: 8px 10px;
  color: #c7d2fe;
  font-size: 12px;
  font-weight: 850;
  background: rgba(49, 130, 246, 0.11);
}
.hostApprovalPanel .hostCompactChecklist span.todo {
  color: #f8d26b;
  background: rgba(245, 166, 35, 0.14);
}
.hostApprovalPanel .hostCompactChecklist strong {
  margin-right: 6px;
  color: inherit;
  font-weight: 950;
}
.hostApprovalPanel .hostRequestMore {
  grid-column: 1 / span 2;
  grid-row: 6;
  border-color: rgba(148, 163, 184, 0.08);
}
.hostApprovalPanel .hostRequestMore summary {
  min-height: 48px;
}
.hostApprovalPanel .hostRequestMore summary span {
  color: #d8dee8;
  font-size: 13px;
}
.hostApprovalPanel .hostRequestMore summary strong {
  color: #8ab8ff;
}
.hostApprovalPanel .hostRequestMoreBody {
  gap: 14px;
  padding-top: 8px;
}
.hostApprovalPanel .hostRequestSnapshot {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.hostApprovalPanel .hostRequestSnapshot span {
  border-left: 0;
  border-radius: 16px;
  padding: 14px;
  background: #101722;
}
.hostApprovalPanel .hostRequestSnapshot strong {
  color: #edf2f7;
  font-size: 13px;
}
.hostApprovalPanel .hostRequestDetailRoute {
  display: grid;
  grid-template-columns: minmax(170px, 0.68fr) minmax(260px, 1fr) minmax(170px, 0.72fr);
  gap: 12px;
}
.hostApprovalPanel .hostRequestDetailRoute .hostModeBadge,
.hostApprovalPanel .hostRequestDetailRoute .hostApprovalRoute,
.hostApprovalPanel .hostRequestDetailRoute .hostRequestSource {
  grid-column: auto;
  grid-row: auto;
}
.hostApprovalPanel .hostReviewMemo,
.hostApprovalPanel .hostReviewLines > div,
.hostApprovalPanel .hostEventReview,
.hostApprovalPanel .hostGuideReview,
.hostApprovalPanel .hostSetupReview,
.hostApprovalPanel .hostDraftBridge,
.hostApprovalPanel .hostCostConclusion {
  border: 0;
  border-radius: 18px;
  padding: 16px;
  background: #101722;
}
.hostApprovalPanel .hostCostConclusion {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.hostApprovalPanel .hostCostConclusion div {
  min-width: 0;
  display: grid;
  gap: 4px;
}
.hostApprovalPanel .hostCostConclusion span {
  color: #8b95a7;
  font-size: 11px;
  font-weight: 850;
}
.hostApprovalPanel .hostCostConclusion strong {
  overflow: hidden;
  color: #edf2f7;
  font-size: 15px;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hostApprovalPanel .hostCostConclusion p {
  grid-column: 1 / -1;
  margin: 0;
  color: #9da8ba;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}
.hostApprovalPanel .hostCostConclusion.hasExpansion {
  background: rgba(29, 78, 216, 0.14);
}
.hostApprovalPanel .hostCostConclusion.hasExpansion strong,
.hostApprovalPanel .hostCostConclusion.hasExpansion p {
  color: #93c5fd;
}
.hostApprovalPanel .hostReviewConclusion {
  border: 0;
  border-radius: 18px;
  padding: 16px;
  display: grid;
  grid-template-columns: minmax(220px, 0.82fr) minmax(340px, 1.18fr);
  gap: 14px;
  background: #101722;
}
.hostApprovalPanel .hostReviewConclusion > div {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 6px;
}
.hostApprovalPanel .hostReviewConclusion span {
  color: #8b95a7;
  font-size: 11px;
  font-weight: 950;
}
.hostApprovalPanel .hostReviewConclusion strong {
  color: #edf2f7;
  font-size: 17px;
  line-height: 1.25;
}
.hostApprovalPanel .hostReviewConclusion small,
.hostApprovalPanel .hostReviewConclusion p {
  margin: 0;
  color: #9da8ba;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}
.hostApprovalPanel .hostReviewConclusion dl {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.hostApprovalPanel .hostReviewConclusion dl div {
  min-width: 0;
  border-radius: 13px;
  padding: 10px;
  display: grid;
  gap: 4px;
  background: rgba(255, 255, 255, 0.045);
}
.hostApprovalPanel .hostReviewConclusion dt {
  color: #8b95a7;
  font-size: 11px;
  font-weight: 900;
}
.hostApprovalPanel .hostReviewConclusion dd {
  overflow: hidden;
  margin: 0;
  color: #edf2f7;
  font-size: 12px;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hostApprovalPanel .hostReviewConclusion p {
  grid-column: 1 / -1;
  border-top: 1px solid rgba(148, 163, 184, 0.08);
  padding-top: 12px;
}
.hostApprovalPanel .hostReviewConclusion.hasExpansion {
  background: rgba(29, 78, 216, 0.14);
}
.hostApprovalPanel .hostReviewConclusion.extra strong,
.hostApprovalPanel .hostReviewConclusion.hasExpansion strong,
.hostApprovalPanel .hostReviewConclusion.hasExpansion p {
  color: #93c5fd;
}
.hostApprovalPanel .hostReviewLines {
  gap: 12px;
}
.hostApprovalPanel .hostReviewLines strong,
.hostApprovalPanel .hostEventReview strong,
.hostApprovalPanel .hostGuideReview strong,
.hostApprovalPanel .hostSetupReview strong,
.hostApprovalPanel .hostDraftBridge strong {
  font-size: 15px;
}
.hostApprovalPanel .hostDraftBridge {
  display: grid;
  gap: 14px;
  background:
    linear-gradient(
      135deg,
      rgba(49, 130, 246, 0.12),
      rgba(15, 23, 42, 0.86));
}
.hostApprovalPanel .hostDraftBridge > div:first-child {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}
.hostApprovalPanel .hostDraftBridge > div:first-child span {
  color: #93c5fd;
  font-size: 12px;
  font-weight: 950;
}
.hostApprovalPanel .hostDraftBridgeItems {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}
.hostApprovalPanel .hostDraftBridgeItems span {
  min-width: 0;
  border-radius: 14px;
  padding: 11px;
  display: grid;
  gap: 5px;
  background: rgba(255, 255, 255, 0.055);
}
.hostApprovalPanel .hostDraftBridgeItems span.todo {
  background: rgba(245, 166, 35, 0.13);
}
.hostApprovalPanel .hostDraftBridgeItems span.manual {
  background: rgba(148, 163, 184, 0.1);
}
.hostApprovalPanel .hostDraftBridgeItems b {
  color: #93c5fd;
  font-size: 11px;
  font-weight: 950;
}
.hostApprovalPanel .hostDraftBridgeItems .todo b {
  color: #f8d26b;
}
.hostApprovalPanel .hostDraftBridgeItems em {
  overflow: hidden;
  color: #edf2f7;
  font-size: 13px;
  font-style: normal;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hostApprovalPanel .hostDraftBridgeItems small {
  color: #9da8ba;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.4;
}
.hostApprovalPanel .hostRequestActions {
  grid-column: 3;
  grid-row: 1 / span 6;
  align-self: stretch;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 12px;
}
.hostApprovalPanel .hostActionSummary {
  border-radius: 16px;
  padding: 14px;
  display: grid;
  gap: 5px;
  background: rgba(255, 255, 255, 0.045);
}
.hostApprovalPanel .hostActionSummary span {
  color: #8b95a7;
  font-size: 11px;
  font-weight: 950;
}
.hostApprovalPanel .hostActionSummary strong {
  color: #edf2f7;
  font-size: 15px;
  font-weight: 950;
  line-height: 1.3;
}
.hostApprovalPanel .hostDecisionActions,
.hostApprovalPanel .hostUtilityActions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
.hostApprovalPanel .hostRequestActions button {
  min-height: 44px;
  border: 0;
  border-radius: 14px;
  padding: 0 14px;
}
.hostApprovalPanel .hostRequestActions button.approve {
  min-height: 54px;
  background: #3182f6;
}
.hostApprovalPanel .hostRequestActions button.hold {
  color: #fef3c7;
  background: rgba(245, 166, 35, 0.18);
}
.hostApprovalPanel .hostRequestActions button.copy,
.hostApprovalPanel .hostRequestActions button.terms,
.hostApprovalPanel .hostRequestActions button.guide {
  border: 1px solid rgba(148, 163, 184, 0.1);
  color: #9fb0c9;
  background: rgba(148, 163, 184, 0.07);
}
.hostApprovalPanel .hostRequestActions button.guide:not(:disabled) {
  border-color: rgba(49, 130, 246, 0.28);
  color: #dbeafe;
  background: rgba(49, 130, 246, 0.16);
}
.hostApprovalPanel .hostRequestActions button.danger {
  color: #fecdd3;
  background: rgba(244, 63, 94, 0.14);
}
.hostApprovalPanel .hostPrimaryDecision {
  border-left: 1px solid rgba(148, 163, 184, 0.08);
  padding-left: 18px;
}
.hostApprovalPanel .hostRequestMoreBody > .hostUtilityActions {
  border-top: 1px solid rgba(148, 163, 184, 0.08);
  padding-top: 14px;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.hostApprovalPanel .hostRequestMoreBody > .hostUtilityActions button {
  min-height: 38px;
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 12px;
  padding: 0 13px;
  color: #9fb0c9;
  background: rgba(148, 163, 184, 0.07);
  font-size: 12px;
  font-weight: 850;
}
.hostApprovalPanel .hostRequestMoreBody > .hostUtilityActions button.danger {
  color: #fecdd3;
  background: rgba(244, 63, 94, 0.12);
}
@media (max-width: 1160px) {
  .hostApprovalPanel .hostDeskBar,
  .hostApprovalPanel .hostApprovalReadiness,
  .hostApprovalPanel .hostApprovalWorkflow,
  .hostApprovalPanel .hostPriorityReview,
  .hostApprovalPanel .hostRequestCard {
    grid-template-columns: 1fr;
  }
  .hostApprovalPanel .hostPriorityReview > div:last-child,
  .hostApprovalPanel .hostViewActions {
    justify-content: flex-start;
  }
  .hostApprovalPanel .hostRequestCard > .hostRequestTop,
  .hostApprovalPanel .hostRequestCard > h4,
  .hostApprovalPanel .hostRequestCard > .hostRequestSubline,
  .hostApprovalPanel .hostRequestCard > .hostModeBadge,
  .hostApprovalPanel .hostRequestCard > .hostApprovalRoute,
  .hostApprovalPanel .hostRequestCard > .hostRequestSource,
  .hostApprovalPanel .hostRequestCard > .hostDecision,
  .hostApprovalPanel .hostRequestCard > .hostPolicyDecision,
  .hostApprovalPanel .hostRequestCard > .hostCompactChecklist,
  .hostApprovalPanel .hostRequestCard > .hostRequestMore,
  .hostApprovalPanel .hostRequestCard > .hostRequestActions {
    grid-column: auto;
    grid-row: auto;
  }
  .hostApprovalPanel .hostRequestActions {
    align-self: auto;
  }
  .hostApprovalPanel .hostPrimaryDecision {
    border-left: 0;
    padding-left: 0;
  }
  .hostApprovalPanel .hostDraftBridgeItems {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .hostApprovalPanel .hostDecisionActions,
  .hostApprovalPanel .hostUtilityActions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 700px) {
  .hostApprovalPanel.panel {
    padding: 24px 16px 18px;
  }
  .hostApprovalPanel .hostDeskBar,
  .hostApprovalPanel .hostApprovalReadiness,
  .hostApprovalPanel .hostApprovalWorkflow,
  .hostApprovalPanel .hostPriorityReview {
    padding: 20px;
  }
  .hostApprovalPanel .hostApprovalStats,
  .hostApprovalPanel .hostApprovalReadiness dl,
  .hostApprovalPanel .hostApprovalWorkflow,
  .hostApprovalPanel .hostPriorityReview dl,
  .hostApprovalPanel .hostRequestSnapshot,
  .hostApprovalPanel .hostRequestDetailRoute,
  .hostApprovalPanel .hostReviewConclusion,
  .hostApprovalPanel .hostCostConclusion,
  .hostApprovalPanel .hostApprovalRoute,
  .hostApprovalPanel .hostDraftBridgeItems,
  .hostApprovalPanel .hostDecisionActions,
  .hostApprovalPanel .hostUtilityActions {
    grid-template-columns: 1fr;
  }
  .hostApprovalPanel .hostDeskBar {
    padding: 16px;
  }
  .hostApprovalPanel .hostApprovalStats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
  }
  .hostApprovalPanel .hostApprovalStats button {
    min-width: 0;
    padding: 0 6px;
  }
  .hostApprovalPanel .hostApprovalReadiness dl div {
    border-right: 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.08);
  }
  .hostApprovalPanel .hostApprovalReadiness dl div:last-child {
    border-bottom: 0;
  }
  .hostApprovalPanel .hostRequestCard {
    padding: 22px 0;
  }
  .hostApprovalPanel .hostApprovalRoute span {
    padding: 12px 13px;
  }
  .hostApprovalPanel .hostApprovalRoute strong {
    white-space: normal;
  }
  .hostApprovalPanel .hostReviewConclusion dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .hostApprovalPanel .hostReviewConclusion dd {
    white-space: normal;
  }
  .hostApprovalPanel .hostOpsFold > summary {
    padding: 12px 2px;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .hostApprovalPanel .hostOpsFold > summary div {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
  }
  .hostApprovalPanel .hostRequestMoreBody > .hostUtilityActions {
    display: grid;
  }
  .hostApprovalPanel .hostRequestCard > .hostPrimaryDecision,
  .hostApprovalPanel .hostPrimaryDecision .hostActionSummary,
  .hostApprovalPanel .hostPrimaryDecision .hostDecisionActions {
    width: 100%;
  }
  .hostApprovalPanel .hostRequestCard > .hostPrimaryDecision {
    grid-template-columns: minmax(0, 1fr);
    justify-content: stretch;
  }
  .hostApprovalPanel .hostPrimaryDecision .hostDecisionActions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .hostApprovalPanel .hostPrimaryDecision button {
    width: 100%;
  }
  .hostApprovalPanel .hostPriorityChecklist div {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .hostApprovalPanel .hostPriorityChecklist small {
    grid-column: 1 / -1;
    white-space: normal;
  }
}
.entryQueuePanel.panel {
  border: 0;
  padding: 32px 24px 24px;
  background: #080c12;
}
.entryQueuePanel .entryPageHead {
  margin-bottom: 24px;
}
.entryQueuePanel .entryPageHead h3 {
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.08;
}
.entryQueuePanel .entryNextPayment {
  margin-bottom: 18px;
  border: 1px solid rgba(49, 130, 246, 0.18);
  border-radius: 26px;
  padding: 28px;
  grid-template-columns: minmax(0, 1fr) minmax(340px, auto) auto;
  gap: 22px;
  background: #132033;
}
.entryQueuePanel .entryNextPayment.hasIssue {
  border-color: rgba(245, 166, 35, 0.2);
  background: #21180d;
}
.entryQueuePanel .entryNextPayment.revision {
  border-color: rgba(54, 211, 153, 0.2);
  background: #10251d;
}
.entryQueuePanel .entryNextPayment.revision.hasIssue {
  border-color: rgba(245, 166, 35, 0.24);
  background:
    linear-gradient(
      135deg,
      #21180d 0%,
      #10251d 100%);
}
.entryQueuePanel .entryNextPayment.revision span {
  color: #5eead4;
}
.entryQueuePanel .entryNextPayment > div:first-child {
  min-width: 0;
}
.entryQueuePanel .entryNextPayment span {
  color: #8ab8ff;
  font-size: 13px;
  font-weight: 900;
}
.entryQueuePanel .entryNextPayment strong {
  margin-top: 8px;
  color: #f8fafc;
  font-size: clamp(30px, 3.4vw, 48px);
  line-height: 1.05;
  letter-spacing: 0;
}
.entryQueuePanel .entryNextPayment small {
  max-width: 620px;
  margin-top: 10px;
  color: #a9b5c6;
  font-size: 14px;
}
.entryQueuePanel .entryNextPayment dl {
  min-width: 330px;
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 20px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: hidden;
  background: rgba(255, 255, 255, 0.03);
}
.entryQueuePanel .entryNextPayment dl div {
  border: 0;
  border-right: 1px solid rgba(148, 163, 184, 0.1);
  padding: 18px;
}
.entryQueuePanel .entryNextPayment dl div:last-child {
  border-right: 0;
}
.entryQueuePanel .entryNextPayment dt {
  color: #8b95a7;
  font-size: 11px;
  font-weight: 900;
}
.entryQueuePanel .entryNextPayment dd {
  margin-top: 8px;
  color: #edf2f7;
  font-size: 18px;
  font-weight: 900;
}
.entryQueuePanel .entryNextPayment > button {
  min-width: 150px;
  min-height: 58px;
  border: 0;
  border-radius: 16px;
  background: #3182f6;
  box-shadow: 0 18px 44px rgba(49, 130, 246, 0.2);
}
.entryQueuePanel .entryMoneyCommand {
  margin-bottom: 30px;
  border: 1px solid rgba(148, 163, 184, 0.08);
  border-radius: 24px;
  padding: 22px 24px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  background: #101722;
}
.entryQueuePanel .entryMoneyLead strong {
  font-size: 20px;
}
.entryQueuePanel .entryMoneyLead small {
  display: block;
  margin-top: 6px;
  font-size: 13px;
}
.entryQueuePanel .entryMoneyFacts {
  align-self: stretch;
  border: 1px solid rgba(148, 163, 184, 0.08);
  border-radius: 18px;
  display: grid;
  grid-template-columns: repeat(3, minmax(92px, auto));
  gap: 0;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.03);
}
.entryQueuePanel .entryMoneyFacts div {
  border-right: 1px solid rgba(148, 163, 184, 0.08);
  padding: 14px 18px;
}
.entryQueuePanel .entryMoneyFacts div:last-child {
  border-right: 0;
}
.entryQueuePanel .entryMoneyFacts dt {
  color: #8b95a7;
  font-size: 11px;
}
.entryQueuePanel .entryMoneyFacts dd {
  margin-top: 5px;
  color: #edf2f7;
  font-size: 17px;
}
.entryQueuePanel .entryOpsFold {
  margin-bottom: 18px;
  border: 1px solid rgba(148, 163, 184, 0.08);
  border-radius: 20px;
  overflow: hidden;
  background: rgba(16, 23, 34, 0.62);
}
.entryQueuePanel .entryOpsFold > summary {
  min-height: 62px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  cursor: pointer;
  list-style: none;
}
.entryQueuePanel .entryOpsFold > summary::-webkit-details-marker {
  display: none;
}
.entryQueuePanel .entryOpsFold > summary span {
  color: #8b95a7;
  font-size: 12px;
  font-weight: 950;
}
.entryQueuePanel .entryOpsFold > summary strong {
  overflow: hidden;
  color: #d8dee8;
  font-size: 14px;
  font-weight: 950;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.entryQueuePanel .entryOpsFold[open] > summary {
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
}
.entryQueuePanel .entryOpsFold .entryCloseoutPreflight,
.entryQueuePanel .entryOpsFold .entryServerOpsStrip {
  margin: 14px;
}
.entryQueuePanel .entryWorkbench {
  min-height: 700px;
  grid-template-columns: minmax(340px, 0.34fr) minmax(0, 0.9fr);
}
.entryQueuePanel .entryMasterItem {
  min-height: 102px;
}
.entryQueuePanel .entryMasterItem.selected {
  background: rgba(49, 130, 246, 0.16);
}
.entryQueuePanel .entryMasterIdentity strong {
  color: #f2f4f6;
}
.entryQueuePanel .entryMasterMeta strong {
  color: #edf2f7;
  font-size: 17px;
}
.entryQueuePanel .entryDetailHead {
  min-height: 172px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}
.entryQueuePanel .entryDetailHead h4 {
  max-width: 720px;
  color: #f8fafc;
  font-size: clamp(34px, 3.8vw, 54px);
  line-height: 1.04;
  letter-spacing: 0;
}
.entryQueuePanel .entryDetailHead > button {
  min-width: 164px;
  min-height: 60px;
  border: 0;
  border-radius: 18px;
  background: #3182f6;
  box-shadow: 0 18px 44px rgba(49, 130, 246, 0.2);
}
.entryQueuePanel .entryPaymentCompare {
  grid-column: 1 / -1;
  margin-top: 24px;
  border: 1px solid rgba(49, 130, 246, 0.16);
  border-radius: 24px;
  padding: 26px;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 20px;
  background: #132033;
}
.entryQueuePanel .entryPaymentCompare.cleared {
  border-color: rgba(54, 211, 153, 0.2);
  background: #10251d;
}
.entryQueuePanel .entryPaymentCompare span {
  color: #8ab8ff;
  font-size: 12px;
  font-weight: 900;
}
.entryQueuePanel .entryPaymentCompare strong {
  margin-top: 8px;
  color: #f8fafc;
  font-size: clamp(34px, 3.8vw, 52px);
  line-height: 1.05;
}
.entryQueuePanel .entryPaymentCompare small {
  margin-top: 8px;
  color: #a9b5c6;
  font-size: 15px;
}
.entryQueuePanel .entryPaymentCompare button {
  align-self: center;
  justify-self: end;
  min-width: 160px;
  min-height: 56px;
  border: 0;
  border-radius: 16px;
  background: #3182f6;
}
.entryQueuePanel .entryDetailFacts {
  border-top: 1px solid rgba(148, 163, 184, 0.08);
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
}
.entryQueuePanel .entryDetailFacts dd {
  color: #f2f4f6;
}
.entryQueuePanel .paymentReconcileLine {
  margin-top: 28px;
}
.paymentConfirmDialog {
  width: min(680px, calc(100% - 36px));
  border: 0;
  border-radius: 30px;
  padding: 34px;
  background: #101722;
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.42);
}
.paymentConfirmDialog.hasIssue {
  background: #17140c;
}
.paymentConfirmHead {
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
  padding-bottom: 22px;
}
.paymentConfirmHead span {
  color: #8ab8ff;
  font-size: 13px;
  font-weight: 900;
}
.paymentConfirmHead h3 {
  margin-top: 8px;
  color: #f8fafc;
  font-size: clamp(34px, 5vw, 48px);
  line-height: 1.05;
  letter-spacing: 0;
}
.paymentConfirmHead p {
  margin-top: 10px;
  color: #a9b5c6;
  font-size: 14px;
}
.paymentConfirmPrimary {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr) minmax(0, 0.7fr);
  gap: 0;
  border: 1px solid rgba(148, 163, 184, 0.08);
  border-radius: 24px;
  overflow: hidden;
  background: #0b1018;
}
.paymentConfirmPrimary div {
  min-height: 124px;
  border-radius: 0;
  border-right: 1px solid rgba(148, 163, 184, 0.08);
  padding: 24px;
  background: transparent;
}
.paymentConfirmPrimary div:last-child {
  border-right: 0;
}
.paymentConfirmPrimary div:first-child {
  background: rgba(49, 130, 246, 0.1);
}
.paymentConfirmPrimary small {
  color: #8b95a7;
  font-size: 11px;
  font-weight: 900;
}
.paymentConfirmPrimary strong {
  display: block;
  margin-top: 10px;
  color: #f8fafc;
  font-size: 23px;
  line-height: 1.18;
}
.paymentConfirmPrimary div:first-child strong {
  color: #dbeafe;
  font-size: clamp(34px, 5vw, 48px);
}
.paymentConfirmIssue {
  border: 1px solid rgba(245, 166, 35, 0.16);
  border-radius: 20px;
  background: rgba(245, 166, 35, 0.08);
}
.paymentConfirmCheck {
  border: 1px solid rgba(49, 130, 246, 0.16);
  border-radius: 22px;
  padding: 20px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  background: rgba(49, 130, 246, 0.09);
}
.paymentConfirmCheck input {
  width: 24px;
  height: 24px;
  margin-top: 2px;
}
.paymentConfirmCheck strong {
  color: #f8fafc;
  font-size: 18px;
}
.paymentConfirmCheck small {
  color: #a9b5c6;
}
.paymentConfirmActions {
  display: grid;
  grid-template-columns: minmax(120px, 0.42fr) minmax(150px, 0.48fr) minmax(180px, 0.7fr);
  gap: 10px;
}
.paymentConfirmActions button {
  min-height: 58px;
  border: 0;
  border-radius: 16px;
  font-weight: 900;
}
.paymentConfirmActions .confirm {
  background: #3182f6;
  box-shadow: 0 18px 44px rgba(49, 130, 246, 0.24);
}
.paymentConfirmActions .confirm:disabled {
  color: #8b95a7;
  background: rgba(148, 163, 184, 0.12);
  box-shadow: none;
}
.paymentConfirmActions .danger:disabled {
  color: #8b95a7;
  background: rgba(148, 163, 184, 0.12);
  box-shadow: none;
  cursor: not-allowed;
}
.paymentCancelGuard {
  border: 1px solid rgba(248, 113, 113, 0.18);
  border-radius: 18px;
  padding: 16px 18px;
  display: grid;
  gap: 6px;
  background: rgba(127, 29, 29, 0.14);
}
.paymentCancelGuard strong {
  color: #fecaca;
  font-size: 15px;
  font-weight: 900;
}
.paymentCancelGuard span {
  color: #cbd5e1;
  font-size: 13px;
  line-height: 1.5;
}
.paymentCancelCheck {
  border-color: rgba(248, 113, 113, 0.18);
  background: rgba(127, 29, 29, 0.1);
}
.entryQueuePanel .entryCloseoutPreflight {
  margin: -10px 0 28px;
  border: 1px solid rgba(245, 166, 35, 0.14);
  border-radius: 22px;
  padding: 18px 20px;
  display: grid;
  grid-template-columns: minmax(220px, 0.42fr) minmax(0, 1fr);
  gap: 18px;
  background: rgba(33, 24, 13, 0.52);
}
.entryQueuePanel .entryCloseoutPreflight.ready {
  border-color: rgba(54, 211, 153, 0.16);
  background: rgba(16, 37, 29, 0.52);
}
.entryQueuePanel .entryCloseoutPreflight > div {
  min-width: 0;
}
.entryQueuePanel .entryCloseoutPreflight > div span {
  display: block;
  color: #8ab8ff;
  font-size: 12px;
  font-weight: 900;
}
.entryQueuePanel .entryCloseoutPreflight.ready > div span {
  color: #5eead4;
}
.entryQueuePanel .entryCloseoutPreflight > div strong {
  display: block;
  margin-top: 6px;
  color: #f2f4f6;
  font-size: 16px;
  line-height: 1.35;
}
.entryQueuePanel .entryCloseoutPreflight ul {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  list-style: none;
}
.entryQueuePanel .entryCloseoutPreflight li {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.08);
  border-radius: 14px;
  padding: 12px;
  display: grid;
  gap: 5px;
  background: rgba(2, 6, 23, 0.18);
}
.entryQueuePanel .entryCloseoutPreflight li.todo {
  border-color: rgba(245, 166, 35, 0.22);
}
.entryQueuePanel .entryCloseoutPreflight b {
  color: #5eead4;
  font-size: 11px;
  font-weight: 900;
}
.entryQueuePanel .entryCloseoutPreflight li.todo b {
  color: #ffd08a;
}
.entryQueuePanel .entryCloseoutPreflight li span {
  color: #f2f4f6;
  font-size: 13px;
  font-weight: 900;
}
.entryQueuePanel .entryCloseoutPreflight li small {
  min-width: 0;
  color: #8b95a7;
  font-size: 11px;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.entryQueuePanel .entryServerOpsStrip {
  margin: -12px 0 30px;
  border: 1px solid rgba(148, 163, 184, 0.08);
  border-radius: 22px;
  padding: 18px 20px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 12px;
  align-items: center;
  background: rgba(16, 23, 34, 0.72);
}
.entryQueuePanel .entryServerOpsStrip.disabled {
  opacity: 0.74;
}
.entryQueuePanel .entryServerOpsStrip div {
  min-width: 0;
}
.entryQueuePanel .entryServerOpsStrip span {
  display: block;
  color: #8ab8ff;
  font-size: 12px;
  font-weight: 900;
}
.entryQueuePanel .entryServerOpsStrip strong {
  display: block;
  margin-top: 5px;
  color: #f2f4f6;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.35;
}
.entryQueuePanel .entryServerOpsStrip small {
  display: block;
  margin-top: 4px;
  color: #8b95a7;
  font-size: 12px;
  line-height: 1.45;
}
.entryQueuePanel .entryServerOpsStrip button {
  min-height: 48px;
  border: 1px solid rgba(49, 130, 246, 0.2);
  border-radius: 15px;
  padding: 0 16px;
  color: #dbeafe;
  background: rgba(49, 130, 246, 0.14);
  font-weight: 900;
  white-space: nowrap;
}
.entryQueuePanel .entryServerOpsStrip button:first-of-type {
  color: #ffffff;
  border-color: transparent;
  background: #3182f6;
}
.entryQueuePanel .entryServerOpsStrip button:disabled {
  color: #64748b;
  border-color: rgba(148, 163, 184, 0.08);
  background: rgba(148, 163, 184, 0.08);
  cursor: not-allowed;
}
.entryQueuePanel .entryTaxInvoicePanel {
  margin: -18px 0 30px;
  border-top: 1px solid rgba(148, 163, 184, 0.12);
  padding: 22px 4px 0;
}
.entryQueuePanel .entryTaxInvoiceHeading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.entryQueuePanel .entryTaxInvoiceHeading span,
.entryQueuePanel .entryTaxInvoiceHeading strong {
  display: block;
}
.entryQueuePanel .entryTaxInvoiceHeading span {
  color: #8b95a7;
  font-size: 12px;
  font-weight: 800;
}
.entryQueuePanel .entryTaxInvoiceHeading strong {
  margin-top: 5px;
  color: #f2f4f6;
  font-size: 18px;
}
.entryQueuePanel .entryTaxInvoiceHeading > button,
.entryQueuePanel .entryTaxInvoiceActions button {
  min-height: 44px;
  border: 1px solid rgba(49, 130, 246, 0.22);
  border-radius: 12px;
  padding: 0 16px;
  color: #ffffff;
  background: #3182f6;
  font-weight: 800;
}
.entryQueuePanel .entryTaxInvoicePanel > small {
  display: block;
  margin-top: 8px;
  color: #8b95a7;
  font-size: 12px;
  line-height: 1.5;
}
.entryQueuePanel .entryTaxInvoiceAdmin {
  margin-top: 18px;
  border-top: 1px solid rgba(148, 163, 184, 0.1);
  padding-top: 14px;
}
.entryQueuePanel .entryTaxInvoiceAdmin > summary {
  color: #8ab8ff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 800;
}
.entryQueuePanel .entryTaxInvoiceAdmin label {
  display: grid;
  gap: 7px;
  margin-top: 14px;
  color: #cbd5e1;
  font-size: 12px;
  font-weight: 700;
}
.entryQueuePanel .entryTaxInvoiceAdmin input,
.entryQueuePanel .entryTaxInvoiceAdmin textarea {
  width: 100%;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 12px;
  padding: 12px 14px;
  color: #f2f4f6;
  background: #0c1420;
  font: inherit;
  resize: vertical;
}
.entryQueuePanel .entryTaxInvoiceActions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}
.entryQueuePanel .entryTaxInvoiceActions button:not(:first-child) {
  color: #dbeafe;
  background: rgba(49, 130, 246, 0.12);
}
.entryQueuePanel .entryTaxInvoiceHeading button:disabled,
.entryQueuePanel .entryTaxInvoiceActions button:disabled {
  color: #64748b;
  border-color: rgba(148, 163, 184, 0.08);
  background: rgba(148, 163, 184, 0.08);
  cursor: not-allowed;
}
.weighWorkbenchPanel .weighNextAction {
  margin: 0 0 16px;
  border: 1px solid rgba(49, 130, 246, 0.16);
  border-radius: 26px;
  padding: 26px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, auto) auto;
  gap: 20px;
  align-items: center;
  background: #132033;
}
.weighWorkbenchPanel .weighNextAction.hasIssue {
  border-color: rgba(245, 166, 35, 0.22);
  background: #21180d;
}
.weighWorkbenchPanel .weighNextAction span,
.weighWorkbenchPanel .weighServerStrip span {
  display: block;
  color: #8ab8ff;
  font-size: 12px;
  font-weight: 900;
}
.weighWorkbenchPanel .weighNextAction strong {
  display: block;
  margin-top: 8px;
  color: #f8fafc;
  font-size: clamp(32px, 3.6vw, 52px);
  line-height: 1.04;
}
.weighWorkbenchPanel .weighNextAction small {
  display: block;
  margin-top: 10px;
  color: #a9b5c6;
  font-size: 14px;
}
.weighWorkbenchPanel .weighNextAction dl {
  min-width: 330px;
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 20px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  background: rgba(255, 255, 255, 0.03);
}
.weighWorkbenchPanel .weighNextAction dl div {
  border-right: 1px solid rgba(148, 163, 184, 0.1);
  padding: 16px;
}
.weighWorkbenchPanel .weighNextAction dl div:last-child {
  border-right: 0;
}
.weighWorkbenchPanel .weighNextAction dt {
  color: #8b95a7;
  font-size: 11px;
  font-weight: 900;
}
.weighWorkbenchPanel .weighNextAction dd {
  margin-top: 7px;
  color: #edf2f7;
  font-size: 19px;
  font-weight: 900;
}
.weighWorkbenchPanel .weighNextAction > button {
  min-width: 142px;
  min-height: 56px;
  border: 0;
  border-radius: 16px;
  color: #ffffff;
  background: #3182f6;
  box-shadow: 0 18px 44px rgba(49, 130, 246, 0.2);
  font-weight: 900;
}
.weighWorkbenchPanel .weighOpsFold {
  margin: 0 0 18px;
  border: 1px solid rgba(148, 163, 184, 0.08);
  border-radius: 20px;
  overflow: hidden;
  background: rgba(16, 23, 34, 0.58);
}
.weighWorkbenchPanel .weighOpsFold > summary {
  min-height: 60px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  cursor: pointer;
  list-style: none;
}
.weighWorkbenchPanel .weighOpsFold > summary::-webkit-details-marker {
  display: none;
}
.weighWorkbenchPanel .weighOpsFold > summary span {
  color: #8ab8ff;
  font-size: 12px;
  font-weight: 900;
}
.weighWorkbenchPanel .weighOpsFold > summary strong {
  overflow: hidden;
  color: #d8dee8;
  font-size: 14px;
  font-weight: 900;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.weighWorkbenchPanel .weighOpsFold[open] > summary {
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
}
.weighWorkbenchPanel .weighServerStrip {
  margin: 14px;
  border: 1px solid rgba(148, 163, 184, 0.08);
  border-radius: 22px;
  padding: 18px 20px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 12px;
  align-items: center;
  background: rgba(16, 23, 34, 0.72);
}
.weighWorkbenchPanel .weighServerStrip strong {
  display: block;
  margin-top: 5px;
  color: #f2f4f6;
  font-size: 16px;
  line-height: 1.35;
}
.weighWorkbenchPanel .weighServerStrip button {
  min-height: 48px;
  border: 1px solid rgba(49, 130, 246, 0.18);
  border-radius: 15px;
  padding: 0 16px;
  color: #dbeafe;
  background: rgba(49, 130, 246, 0.12);
  font-weight: 900;
  white-space: nowrap;
}
.weighWorkbenchPanel .weighServerStrip button:disabled {
  color: #64748b;
  border-color: rgba(148, 163, 184, 0.08);
  background: rgba(148, 163, 184, 0.08);
  cursor: not-allowed;
}
@media (max-width: 1120px) {
  .entryQueuePanel .entryNextPayment,
  .entryQueuePanel .entryMoneyCommand,
  .entryQueuePanel .entryCloseoutPreflight,
  .entryQueuePanel .entryServerOpsStrip,
  .entryQueuePanel .entryDetailHead {
    grid-template-columns: 1fr;
  }
  .entryQueuePanel .entryCloseoutPreflight ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .entryQueuePanel .entryNextPayment dl {
    min-width: 0;
  }
  .entryQueuePanel .entryDetailHead > button,
  .entryQueuePanel .entryPaymentCompare button,
  .entryQueuePanel .entryServerOpsStrip button,
  .weighWorkbenchPanel .weighNextAction > button,
  .weighWorkbenchPanel .weighServerStrip button {
    justify-self: stretch;
    width: 100%;
  }
  .weighWorkbenchPanel .weighNextAction,
  .weighWorkbenchPanel .weighServerStrip {
    grid-template-columns: 1fr;
  }
  .weighWorkbenchPanel .weighNextAction dl {
    min-width: 0;
  }
}
@media (max-width: 760px) {
  .entryQueuePanel.panel {
    padding: 24px 16px 18px;
  }
  .entryQueuePanel .entryNextPayment,
  .entryQueuePanel .entryMoneyCommand,
  .entryQueuePanel .entryOpsFold > summary,
  .entryQueuePanel .entryCloseoutPreflight,
  .entryQueuePanel .entryServerOpsStrip,
  .weighWorkbenchPanel .weighNextAction,
  .weighWorkbenchPanel .weighOpsFold > summary,
  .weighWorkbenchPanel .weighServerStrip {
    padding: 22px;
  }
  .weighWorkbenchPanel .weighOpsFold > summary {
    align-items: flex-start;
    flex-direction: column;
  }
  .weighWorkbenchPanel .weighOpsFold > summary strong {
    max-width: 100%;
    text-align: left;
    white-space: normal;
  }
  .entryQueuePanel .entryNextPayment dl,
  .entryQueuePanel .entryCloseoutPreflight ul,
  .entryQueuePanel .entryMoneyFacts,
  .entryQueuePanel .entryPaymentCompare,
  .weighWorkbenchPanel .weighNextAction dl,
  .paymentConfirmPrimary,
  .paymentConfirmActions {
    grid-template-columns: 1fr;
  }
  .entryQueuePanel .entryNextPayment dl div,
  .entryQueuePanel .entryMoneyFacts div,
  .weighWorkbenchPanel .weighNextAction dl div,
  .paymentConfirmPrimary div {
    border-right: 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.08);
  }
  .entryQueuePanel .entryNextPayment dl div:last-child,
  .entryQueuePanel .entryMoneyFacts div:last-child,
  .weighWorkbenchPanel .weighNextAction dl div:last-child,
  .paymentConfirmPrimary div:last-child {
    border-bottom: 0;
  }
  .entryQueuePanel .entryDetailPane {
    padding-top: 24px;
  }
  .entryQueuePanel .entryOpsFold > summary {
    align-items: flex-start;
    flex-direction: column;
  }
  .entryQueuePanel .entryOpsFold > summary strong {
    max-width: 100%;
    text-align: left;
    white-space: normal;
  }
  .entryQueuePanel .entryTaxInvoiceHeading {
    align-items: stretch;
    flex-direction: column;
  }
  .entryQueuePanel .entryTaxInvoiceHeading > button,
  .entryQueuePanel .entryTaxInvoiceActions button {
    width: 100%;
  }
  .entryQueuePanel .entryDetailHead h4 {
    font-size: clamp(32px, 10vw, 44px);
  }
  .paymentConfirmDialog {
    width: min(100% - 24px, 560px);
    border-radius: 26px;
    padding: 24px;
  }
}
.fighterWorkbenchPanel .fighterRuleReviewBox {
  margin-top: 18px;
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 20px;
  padding: 18px;
  display: grid;
  gap: 14px;
  background: rgba(17, 24, 39, 0.72);
}
.fighterWorkbenchPanel .fighterRuleReviewBox > div:first-child {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
.fighterWorkbenchPanel .fighterRuleReviewBox > div:first-child span {
  color: #8ab8ff;
  font-size: 12px;
  font-weight: 950;
}
.fighterWorkbenchPanel .fighterRuleReviewBox > div:first-child strong {
  color: #f2f4f6;
  font-size: 15px;
  font-weight: 950;
}
.fighterWorkbenchPanel .fighterRuleReviewGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.fighterWorkbenchPanel .fighterRuleReviewGrid span {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 14px;
  padding: 12px;
  display: grid;
  gap: 6px;
  background: rgba(2, 6, 23, 0.18);
}
.fighterWorkbenchPanel .fighterRuleReviewGrid span.todo {
  border-color: rgba(245, 166, 35, 0.26);
  background: rgba(113, 63, 18, 0.12);
}
.fighterWorkbenchPanel .fighterRuleReviewGrid small {
  color: #8b95a7;
  font-size: 11px;
  font-weight: 900;
}
.fighterWorkbenchPanel .fighterRuleReviewGrid strong {
  min-width: 0;
  color: #edf2f7;
  font-size: 13px;
  font-weight: 950;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fighterWorkbenchPanel .fighterRuleReviewGrid span.todo strong {
  color: #ffd08a;
}
.fighterWorkbenchPanel .fighterRecordOpsFold {
  margin: 14px 0 16px;
  border: 1px solid rgba(79, 136, 255, 0.13);
  border-radius: 22px;
  overflow: hidden;
  background: rgba(13, 19, 29, 0.62);
}
.fighterWorkbenchPanel .fighterRecordOpsFold > summary {
  min-height: 64px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  cursor: pointer;
  list-style: none;
}
.fighterWorkbenchPanel .fighterRecordOpsFold > summary::-webkit-details-marker {
  display: none;
}
.fighterWorkbenchPanel .fighterRecordOpsFold > summary span {
  color: #8ab8ff;
  font-size: 12px;
  font-weight: 950;
}
.fighterWorkbenchPanel .fighterRecordOpsFold > summary strong {
  overflow: hidden;
  color: #d8dee8;
  font-size: 14px;
  font-weight: 950;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fighterWorkbenchPanel .fighterRecordOpsFold[open] > summary {
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
}
.fighterWorkbenchPanel .fighterRecordOpsFold > section {
  margin-right: 14px;
  margin-left: 14px;
}
.fighterWorkbenchPanel .fighterRecordOpsFold > section:last-child {
  margin-bottom: 14px;
}
.fighterWorkbenchPanel .fighterRecordDbStrip {
  margin-top: 14px;
  border: 1px solid rgba(79, 136, 255, 0.15);
  border-radius: 20px;
  padding: 18px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  background:
    linear-gradient(
      135deg,
      rgba(37, 99, 235, 0.13),
      rgba(16, 24, 39, 0.72));
}
.fighterWorkbenchPanel .fighterRecordDbStrip > div {
  display: grid;
  gap: 5px;
}
.fighterWorkbenchPanel .fighterRecordDbStrip span {
  color: #8ab8ff;
  font-size: 12px;
  font-weight: 950;
}
.fighterWorkbenchPanel .fighterRecordDbStrip strong {
  color: #f5f8fc;
  font-size: 22px;
  font-weight: 950;
}
.fighterWorkbenchPanel .fighterRecordDbStrip small {
  max-width: 680px;
  color: #94a3b8;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.5;
}
.fighterWorkbenchPanel .fighterRecordDbStrip dl {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(86px, 1fr));
  gap: 8px;
}
.fighterWorkbenchPanel .fighterRecordDbStrip dl div {
  min-height: 58px;
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 14px;
  padding: 10px 12px;
  background: rgba(2, 6, 23, 0.18);
}
.fighterWorkbenchPanel .fighterRecordDbStrip dt {
  color: #8491a6;
  font-size: 11px;
  font-weight: 900;
}
.fighterWorkbenchPanel .fighterRecordDbStrip dd {
  margin: 3px 0 0;
  color: #f4f7fb;
  font-size: 18px;
  font-weight: 950;
}
.fighterWorkbenchPanel .fighterRecordTrustMap {
  margin-top: 12px;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 10px;
}
.fighterWorkbenchPanel .fighterRecordTrustMap > div {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 18px;
  padding: 16px;
  display: grid;
  gap: 6px;
  background: rgba(2, 6, 23, 0.18);
}
.fighterWorkbenchPanel .fighterRecordTrustMap > div.trusted {
  border-color: rgba(45, 212, 191, 0.22);
  background: rgba(6, 78, 59, 0.14);
}
.fighterWorkbenchPanel .fighterRecordTrustMap > div.warn {
  border-color: rgba(245, 166, 35, 0.2);
  background: rgba(120, 53, 15, 0.14);
}
.fighterWorkbenchPanel .fighterRecordTrustMap span {
  color: #8ab8ff;
  font-size: 12px;
  font-weight: 950;
}
.fighterWorkbenchPanel .fighterRecordTrustMap .trusted span {
  color: #5eead4;
}
.fighterWorkbenchPanel .fighterRecordTrustMap .warn span {
  color: #f8c96b;
}
.fighterWorkbenchPanel .fighterRecordTrustMap strong {
  color: #f8fafc;
  font-size: 17px;
  font-weight: 950;
  line-height: 1.25;
}
.fighterWorkbenchPanel .fighterRecordTrustMap small {
  color: #91a0b4;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.5;
}
.fighterWorkbenchPanel .fighterRecordSourceLegend {
  margin-top: 10px;
  border-radius: 18px;
  padding: 14px 16px;
  background: rgba(13, 19, 29, 0.5);
}
.fighterWorkbenchPanel .fighterRecordSourceLegend dl {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.fighterWorkbenchPanel .fighterRecordSourceLegend div {
  min-width: 0;
  display: grid;
  gap: 4px;
}
.fighterWorkbenchPanel .fighterRecordSourceLegend dt {
  color: #d8dee8;
  font-size: 12px;
  font-weight: 950;
}
.fighterWorkbenchPanel .fighterRecordSourceLegend dd {
  margin: 0;
  color: #7f8da1;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}
.fighterWorkbenchPanel .fighterIdentityReviewBox {
  margin-top: 12px;
  border: 1px solid rgba(245, 166, 35, 0.16);
  border-radius: 20px;
  padding: 16px;
  display: grid;
  gap: 12px;
  background: rgba(48, 32, 10, 0.24);
}
.fighterWorkbenchPanel .fighterIdentityReviewHead {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
}
.fighterWorkbenchPanel .fighterIdentityReviewHead div {
  display: grid;
  gap: 3px;
}
.fighterWorkbenchPanel .fighterIdentityReviewHead span {
  color: #f8c96b;
  font-size: 12px;
  font-weight: 950;
}
.fighterWorkbenchPanel .fighterIdentityReviewHead strong {
  color: #fff7ed;
  font-size: 17px;
  font-weight: 950;
}
.fighterWorkbenchPanel .fighterIdentityReviewHead small {
  max-width: 460px;
  color: #b8a58a;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.45;
  text-align: right;
}
.fighterWorkbenchPanel .fighterIdentityReviewList {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.fighterWorkbenchPanel .fighterIdentityReviewItem {
  min-width: 0;
  border: 1px solid rgba(245, 166, 35, 0.16);
  border-radius: 16px;
  padding: 12px;
  display: grid;
  gap: 5px;
  color: #fff7ed;
  text-align: left;
  background: rgba(120, 53, 15, 0.13);
}
.fighterWorkbenchPanel .fighterIdentityReviewItem.primary {
  border-color: rgba(49, 130, 246, 0.16);
  background: rgba(29, 78, 216, 0.11);
}
.fighterWorkbenchPanel .fighterIdentityReviewItem:disabled {
  cursor: default;
  opacity: 0.86;
}
.fighterWorkbenchPanel .fighterIdentityReviewItem strong {
  min-width: 0;
  color: #f8fafc;
  font-size: 14px;
  font-weight: 950;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fighterWorkbenchPanel .fighterIdentityReviewItem span {
  color: #b8a58a;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}
.fighterWorkbenchPanel .fighterIdentityReviewItem.primary span {
  color: #91a8c8;
}
.fighterWorkbenchPanel .fighterRecordWatchBoard {
  margin-top: 12px;
  border: 1px solid rgba(148, 163, 184, 0.09);
  border-radius: 20px;
  padding: 16px;
  display: grid;
  gap: 12px;
  background: rgba(13, 19, 29, 0.76);
}
.fighterWorkbenchPanel .fighterRecordWatchHead {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
}
.fighterWorkbenchPanel .fighterRecordWatchHead div {
  display: grid;
  gap: 3px;
}
.fighterWorkbenchPanel .fighterRecordWatchHead span {
  color: #8ab8ff;
  font-size: 12px;
  font-weight: 950;
}
.fighterWorkbenchPanel .fighterRecordWatchHead strong {
  color: #f4f7fb;
  font-size: 17px;
  font-weight: 950;
}
.fighterWorkbenchPanel .fighterRecordWatchHead small {
  color: #7f8da1;
  font-size: 12px;
  font-weight: 900;
}
.fighterWorkbenchPanel .fighterRecordWatchList {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}
.fighterWorkbenchPanel .fighterRecordWatchItem {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 16px;
  padding: 12px;
  display: grid;
  gap: 10px;
  color: #e5edf8;
  text-align: left;
  background: rgba(2, 6, 23, 0.22);
}
.fighterWorkbenchPanel .fighterRecordWatchItem.ok {
  border-color: rgba(45, 212, 191, 0.2);
  background: rgba(6, 78, 59, 0.14);
}
.fighterWorkbenchPanel .fighterRecordWatchItem.warn {
  border-color: rgba(245, 166, 35, 0.23);
  background: rgba(120, 53, 15, 0.16);
}
.fighterWorkbenchPanel .fighterRecordWatchItem.primary {
  border-color: rgba(49, 130, 246, 0.18);
  background: rgba(29, 78, 216, 0.12);
}
.fighterWorkbenchPanel .fighterRecordWatchItem span {
  min-width: 0;
  display: grid;
  gap: 3px;
}
.fighterWorkbenchPanel .fighterRecordWatchItem strong {
  min-width: 0;
  color: #f8fafc;
  font-size: 14px;
  font-weight: 950;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fighterWorkbenchPanel .fighterRecordWatchItem small {
  min-width: 0;
  color: #91a0b4;
  font-size: 11px;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fighterWorkbenchPanel .fighterRecordWatchItem em {
  color: #eaf2ff;
  font-size: 18px;
  font-style: normal;
  font-weight: 950;
}
.fighterWorkbenchPanel .fighterRecordSearchBox {
  margin-top: 12px;
  border: 1px solid rgba(148, 163, 184, 0.09);
  border-radius: 20px;
  padding: 16px;
  display: grid;
  gap: 12px;
  background: rgba(9, 14, 22, 0.7);
}
.fighterWorkbenchPanel .fighterRecordSearchHead {
  display: grid;
  grid-template-columns: minmax(180px, 0.42fr) minmax(0, 1fr);
  gap: 12px;
  align-items: end;
}
.fighterWorkbenchPanel .fighterRecordSearchHead > div:first-child {
  display: grid;
  gap: 3px;
}
.fighterWorkbenchPanel .fighterRecordSearchHead span {
  color: #8ab8ff;
  font-size: 12px;
  font-weight: 950;
}
.fighterWorkbenchPanel .fighterRecordSearchHead strong {
  color: #f4f7fb;
  font-size: 17px;
  font-weight: 950;
}
.fighterWorkbenchPanel .fighterRecordSearchInput {
  min-height: 48px;
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 16px;
  padding: 0 12px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  color: #8b95a7;
  background: rgba(2, 6, 23, 0.2);
}
.fighterWorkbenchPanel .fighterRecordSearchInput input {
  min-width: 0;
  border: 0;
  color: #f4f7fb;
  background: transparent;
  font-size: 14px;
  font-weight: 850;
  outline: 0;
}
.fighterWorkbenchPanel .fighterRecordSearchInput input::placeholder {
  color: #687386;
}
.fighterWorkbenchPanel .fighterRecordSearchInput button {
  border: 0;
  color: #93a1b7;
  background: transparent;
}
.fighterWorkbenchPanel .fighterRecordConfidenceFilter {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.fighterWorkbenchPanel .fighterRecordConfidenceFilter button {
  min-width: 0;
  min-height: 44px;
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 14px;
  padding: 9px 11px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #9aa7ba;
  background: rgba(2, 6, 23, 0.16);
  font-weight: 900;
}
.fighterWorkbenchPanel .fighterRecordConfidenceFilter button.active {
  border-color: rgba(49, 130, 246, 0.36);
  color: #eaf2ff;
  background: rgba(49, 130, 246, 0.18);
}
.fighterWorkbenchPanel .fighterRecordConfidenceFilter span {
  min-width: 0;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fighterWorkbenchPanel .fighterRecordConfidenceFilter strong {
  min-width: 28px;
  min-height: 24px;
  border-radius: 999px;
  padding: 3px 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #f8fafc;
  background: rgba(148, 163, 184, 0.14);
  font-size: 12px;
  font-weight: 950;
}
.fighterWorkbenchPanel .fighterRecordSearchList {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.fighterWorkbenchPanel .fighterRecordSearchItem {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 16px;
  padding: 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px 10px;
  text-align: left;
  background: rgba(2, 6, 23, 0.2);
}
.fighterWorkbenchPanel .fighterRecordSearchItem.active {
  border-color: rgba(49, 130, 246, 0.3);
  background: rgba(29, 78, 216, 0.13);
}
.fighterWorkbenchPanel .fighterRecordSearchItem.selected {
  box-shadow: inset 0 0 0 1px rgba(49, 130, 246, 0.32), 0 14px 28px rgba(2, 6, 23, 0.18);
}
.fighterWorkbenchPanel .fighterRecordSearchItem span {
  min-width: 0;
  display: grid;
  gap: 3px;
}
.fighterWorkbenchPanel .fighterRecordSearchItem strong {
  min-width: 0;
  color: #f7fbff;
  font-size: 14px;
  font-weight: 950;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fighterWorkbenchPanel .fighterRecordSearchItem span small {
  min-width: 0;
  color: #8d9bad;
  font-size: 11px;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fighterWorkbenchPanel .fighterRecordSearchItem em {
  color: #f4f7fb;
  font-size: 16px;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}
.fighterWorkbenchPanel .fighterRecordSearchItem > small {
  grid-column: 1 / -1;
  color: #7f8da1;
  font-size: 11px;
  font-weight: 900;
}
.fighterWorkbenchPanel .fighterRecordSearchItem.active > small {
  color: #8ab8ff;
}
.fighterWorkbenchPanel .fighterRecordSearchEmpty {
  grid-column: 1 / -1;
  margin: 0;
  border-radius: 14px;
  padding: 14px;
  color: #7f8da1;
  font-size: 13px;
  font-weight: 850;
  background: rgba(2, 6, 23, 0.16);
}
.fighterWorkbenchPanel .fighterRecordGlobalProfile {
  border: 1px solid rgba(49, 130, 246, 0.16);
  border-radius: 18px;
  padding: 16px;
  display: grid;
  gap: 14px;
  background:
    linear-gradient(
      135deg,
      rgba(15, 23, 42, 0.8),
      rgba(15, 34, 58, 0.58));
}
.fighterWorkbenchPanel .fighterRecordGlobalProfile header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}
.fighterWorkbenchPanel .fighterRecordGlobalProfile header div {
  min-width: 0;
  display: grid;
  gap: 4px;
}
.fighterWorkbenchPanel .fighterRecordGlobalProfile header span {
  color: #8ab8ff;
  font-size: 12px;
  font-weight: 950;
}
.fighterWorkbenchPanel .fighterRecordGlobalProfile header strong {
  min-width: 0;
  color: #f8fafc;
  font-size: 24px;
  font-weight: 950;
  overflow-wrap: anywhere;
}
.fighterWorkbenchPanel .fighterRecordGlobalProfile header small {
  color: #91a0b4;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.45;
}
.fighterWorkbenchPanel .fighterRecordGlobalProfile header button {
  min-height: 44px;
  border: 1px solid rgba(49, 130, 246, 0.24);
  border-radius: 14px;
  padding: 0 14px;
  color: #dbeafe;
  background: rgba(49, 130, 246, 0.14);
  font-weight: 950;
  white-space: nowrap;
}
.fighterWorkbenchPanel .fighterRecordConfidence {
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 16px;
  padding: 14px;
  display: grid;
  grid-template-columns: 156px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  background: rgba(2, 6, 23, 0.16);
}
.fighterWorkbenchPanel .fighterRecordConfidence div {
  min-width: 0;
  display: grid;
  gap: 2px;
}
.fighterWorkbenchPanel .fighterRecordConfidence span {
  color: #8ab8ff;
  font-size: 11px;
  font-weight: 950;
}
.fighterWorkbenchPanel .fighterRecordConfidence strong {
  color: #f8fafc;
  font-size: 26px;
  font-weight: 950;
  line-height: 1.08;
}
.fighterWorkbenchPanel .fighterRecordConfidence small {
  color: #91a0b4;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.35;
}
.fighterWorkbenchPanel .fighterRecordConfidence p {
  min-width: 0;
  margin: 0;
  color: #aab8ca;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.fighterWorkbenchPanel .fighterRecordConfidence.ok {
  border-color: rgba(45, 212, 191, 0.22);
  background: rgba(6, 78, 59, 0.16);
}
.fighterWorkbenchPanel .fighterRecordConfidence.warn {
  border-color: rgba(245, 166, 35, 0.22);
  background: rgba(120, 53, 15, 0.16);
}
.fighterWorkbenchPanel .fighterRecordConfidence.primary {
  border-color: rgba(49, 130, 246, 0.18);
  background: rgba(29, 78, 216, 0.14);
}
.fighterWorkbenchPanel .fighterRecordGlobalProfile dl {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.fighterWorkbenchPanel .fighterRecordGlobalProfile dl div {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 14px;
  padding: 12px;
  background: rgba(2, 6, 23, 0.18);
}
.fighterWorkbenchPanel .fighterRecordGlobalProfile dt {
  color: #7f8da1;
  font-size: 11px;
  font-weight: 900;
}
.fighterWorkbenchPanel .fighterRecordGlobalProfile dd {
  margin: 4px 0 0;
  color: #f4f7fb;
  font-size: 16px;
  font-weight: 950;
  overflow-wrap: anywhere;
}
.fighterWorkbenchPanel .fighterRecordIdentityMeta {
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 14px;
  padding: 13px 14px;
  display: grid;
  gap: 4px;
  background: rgba(2, 6, 23, 0.14);
}
.fighterWorkbenchPanel .fighterRecordIdentityMeta span {
  color: #7f8da1;
  font-size: 11px;
  font-weight: 900;
}
.fighterWorkbenchPanel .fighterRecordIdentityMeta strong {
  min-width: 0;
  color: #f5f8fc;
  font-size: 15px;
  font-weight: 950;
  overflow-wrap: anywhere;
}
.fighterWorkbenchPanel .fighterRecordIdentityMeta small {
  color: #8c9aac;
  font-size: 12px;
  line-height: 1.45;
}
.fighterWorkbenchPanel .fighterRecordGlobalProfile p {
  margin: 0;
  border-left: 3px solid #3182f6;
  padding-left: 12px;
  display: grid;
  gap: 4px;
}
.fighterWorkbenchPanel .fighterRecordGlobalProfile p strong {
  color: #eef6ff;
  font-size: 14px;
  font-weight: 950;
}
.fighterWorkbenchPanel .fighterRecordGlobalProfile p span {
  color: #91a0b4;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.5;
}
.fighterWorkbenchPanel .fighterRecordGlobalProfile ol {
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
  list-style: none;
}
.fighterWorkbenchPanel .fighterRecordGlobalProfile li {
  min-width: 0;
  border-top: 1px solid rgba(148, 163, 184, 0.1);
  padding-top: 9px;
  display: grid;
  gap: 3px;
}
.fighterWorkbenchPanel .fighterRecordGlobalProfile li strong {
  min-width: 0;
  color: #f4f7fb;
  font-size: 14px;
  font-weight: 950;
  overflow-wrap: anywhere;
}
.fighterWorkbenchPanel .fighterRecordGlobalProfile li span {
  color: #90a4ae;
  font-size: 12px;
  line-height: 1.45;
}
.fighterWorkbenchPanel .fighterRecordReviewBox {
  margin-top: 12px;
  border: 1px solid rgba(79, 136, 255, 0.18);
  border-radius: 20px;
  padding: 18px;
  display: grid;
  gap: 10px;
  background: rgba(26, 45, 78, 0.26);
}
.fighterWorkbenchPanel .fighterRecordReviewBox > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 14px;
}
.fighterWorkbenchPanel .fighterRecordReviewBox span {
  color: #8ab8ff;
  font-size: 12px;
  font-weight: 950;
}
.fighterWorkbenchPanel .fighterRecordReviewBox strong {
  grid-row: 1 / 3;
  grid-column: 2;
  align-self: center;
  color: #f4f7fb;
  font-size: 24px;
  font-weight: 950;
  white-space: nowrap;
}
.fighterWorkbenchPanel .fighterRecordReviewBox small,
.fighterWorkbenchPanel .fighterRecordReviewBox p {
  color: #95a2b4;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.55;
}
.fighterWorkbenchPanel .fighterRecordReviewBox p {
  margin: 0;
}
.fighterWorkbenchPanel .fighterReviewRecordSignal {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  margin-top: 2px;
  border-radius: 999px;
  padding: 4px 9px;
  color: #9da8ba;
  background: rgba(148, 163, 184, 0.1);
  font-size: 11px;
  font-weight: 900;
}
.fighterWorkbenchPanel .fighterReviewRecordSignal.trusted {
  color: #5eead4;
  background: rgba(20, 184, 166, 0.12);
}
.fighterWorkbenchPanel .fighterReviewVisibilitySignal {
  width: max-content;
  border-radius: 999px;
  padding: 4px 9px;
  color: #9da8ba;
  background: rgba(148, 163, 184, 0.1);
  font-size: 11px;
  font-weight: 950;
}
.fighterWorkbenchPanel .fighterReviewVisibilitySignal.ready {
  color: #5eead4;
  background: rgba(20, 184, 166, 0.12);
}
.fighterWorkbenchPanel .fighterReviewVisibilitySignal.review {
  color: #93c5fd;
  background: rgba(49, 130, 246, 0.12);
}
.fighterWorkbenchPanel .fighterReviewVisibilitySignal.hold {
  color: #fbbf24;
  background: rgba(245, 158, 11, 0.12);
}
.fighterWorkbenchPanel .fighterRecordTriageCard {
  margin-top: 14px;
  border: 1px solid rgba(49, 130, 246, 0.16);
  border-radius: 20px;
  padding: 18px;
  display: grid;
  gap: 7px;
  background: rgba(29, 78, 216, 0.1);
}
.fighterWorkbenchPanel .fighterRecordTriageCard.trusted {
  border-color: rgba(45, 212, 191, 0.2);
  background: rgba(6, 78, 59, 0.14);
}
.fighterWorkbenchPanel .fighterRecordTriageCard.empty {
  border-color: rgba(148, 163, 184, 0.1);
  background: rgba(2, 6, 23, 0.22);
}
.fighterWorkbenchPanel .fighterRecordTriageCard span {
  color: #8ab8ff;
  font-size: 12px;
  font-weight: 950;
}
.fighterWorkbenchPanel .fighterRecordTriageCard.trusted span {
  color: #5eead4;
}
.fighterWorkbenchPanel .fighterRecordTriageCard strong {
  color: #f8fafc;
  font-size: 18px;
  font-weight: 950;
  line-height: 1.28;
}
.fighterWorkbenchPanel .fighterRecordTriageCard small {
  color: #91a0b4;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.55;
}
.fighterWorkbenchPanel .fighterRecordSourceSplit {
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.fighterWorkbenchPanel .fighterRecordSourceSplit > div {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 18px;
  padding: 15px;
  display: grid;
  gap: 6px;
  background: rgba(2, 6, 23, 0.2);
}
.fighterWorkbenchPanel .fighterRecordSourceSplit > div.trusted {
  border-color: rgba(45, 212, 191, 0.22);
  background: rgba(6, 78, 59, 0.14);
}
.fighterWorkbenchPanel .fighterRecordSourceSplit > div.reference {
  border-color: rgba(49, 130, 246, 0.18);
  background: rgba(29, 78, 216, 0.1);
}
.fighterWorkbenchPanel .fighterRecordSourceSplit span {
  color: #8ab8ff;
  font-size: 12px;
  font-weight: 950;
}
.fighterWorkbenchPanel .fighterRecordSourceSplit > div.trusted span {
  color: #5eead4;
}
.fighterWorkbenchPanel .fighterRecordSourceSplit strong {
  min-width: 0;
  color: #f8fafc;
  font-size: 18px;
  font-weight: 950;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fighterWorkbenchPanel .fighterRecordSourceSplit small {
  color: #91a0b4;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.5;
}
.fighterWorkbenchPanel .fighterRecordMatchSignal {
  margin-top: 10px;
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 20px;
  padding: 16px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.86fr);
  gap: 14px;
  background: rgba(2, 6, 23, 0.2);
}
.fighterWorkbenchPanel .fighterRecordMatchSignal.trusted {
  border-color: rgba(45, 212, 191, 0.22);
  background:
    linear-gradient(
      135deg,
      rgba(6, 78, 59, 0.18),
      rgba(2, 6, 23, 0.2));
}
.fighterWorkbenchPanel .fighterRecordMatchSignal.caution {
  border-color: rgba(245, 158, 11, 0.2);
  background:
    linear-gradient(
      135deg,
      rgba(120, 53, 15, 0.14),
      rgba(2, 6, 23, 0.2));
}
.fighterWorkbenchPanel .fighterRecordMatchSignal.hold {
  border-color: rgba(148, 163, 184, 0.1);
}
.fighterWorkbenchPanel .fighterRecordMatchSignal > div {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 6px;
}
.fighterWorkbenchPanel .fighterRecordMatchSignal span,
.fighterWorkbenchPanel .fighterRecordMatchSignal dt {
  color: #8ab8ff;
  font-size: 12px;
  font-weight: 950;
}
.fighterWorkbenchPanel .fighterRecordMatchSignal.trusted span {
  color: #5eead4;
}
.fighterWorkbenchPanel .fighterRecordMatchSignal.caution span {
  color: #f8c96b;
}
.fighterWorkbenchPanel .fighterRecordMatchSignal strong {
  color: #f8fafc;
  font-size: 18px;
  font-weight: 950;
  line-height: 1.3;
}
.fighterWorkbenchPanel .fighterRecordMatchSignal small {
  color: #91a0b4;
  font-size: 13px;
  font-weight: 820;
  line-height: 1.5;
}
.fighterWorkbenchPanel .fighterRecordMatchSignal dl {
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 7px;
}
.fighterWorkbenchPanel .fighterRecordMatchSignal dl div {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 14px;
  padding: 10px 12px;
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  gap: 10px;
  background: rgba(15, 23, 42, 0.34);
}
.fighterWorkbenchPanel .fighterRecordMatchSignal dd {
  min-width: 0;
  margin: 0;
  color: #edf2f7;
  font-size: 13px;
  font-weight: 900;
  overflow-wrap: anywhere;
}
.fighterWorkbenchPanel .fighterRecordPublishStrip {
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 20px;
  padding: 16px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.8fr);
  gap: 14px;
  background: rgba(2, 6, 23, 0.18);
}
.fighterWorkbenchPanel .fighterRecordPublishStrip > div {
  display: grid;
  gap: 5px;
}
.fighterWorkbenchPanel .fighterRecordPublishStrip span,
.fighterWorkbenchPanel .fighterRecordPublishStrip dt {
  color: #8ab8ff;
  font-size: 12px;
  font-weight: 950;
}
.fighterWorkbenchPanel .fighterRecordPublishStrip strong {
  color: #f8fafc;
  font-size: 18px;
  font-weight: 950;
}
.fighterWorkbenchPanel .fighterRecordPublishStrip small {
  color: #91a0b4;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.5;
}
.fighterWorkbenchPanel .fighterRecordPublishStrip dl {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.fighterWorkbenchPanel .fighterRecordPublishStrip dl div {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 16px;
  padding: 12px;
  display: grid;
  gap: 4px;
  background: rgba(15, 23, 42, 0.36);
}
.fighterWorkbenchPanel .fighterRecordPublishStrip dl div.ready {
  border-color: rgba(45, 212, 191, 0.18);
  background: rgba(6, 78, 59, 0.14);
}
.fighterWorkbenchPanel .fighterRecordPublishStrip dl div.review {
  border-color: rgba(49, 130, 246, 0.16);
  background: rgba(29, 78, 216, 0.12);
}
.fighterWorkbenchPanel .fighterRecordPublishStrip dl div.hold {
  border-color: rgba(245, 158, 11, 0.18);
  background: rgba(120, 53, 15, 0.12);
}
.fighterWorkbenchPanel .fighterRecordPublishStrip dd {
  margin: 0;
  color: #f8fafc;
  font-size: 20px;
  font-weight: 950;
}
.fighterWorkbenchPanel .fighterRecordPublishQueue {
  margin-top: 12px;
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 20px;
  padding: 16px;
  display: grid;
  gap: 12px;
  background: rgba(13, 19, 29, 0.64);
}
.fighterWorkbenchPanel .fighterRecordPublishQueueHead {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
}
.fighterWorkbenchPanel .fighterRecordPublishQueueHead div {
  display: grid;
  gap: 3px;
}
.fighterWorkbenchPanel .fighterRecordPublishQueueHead span {
  color: #8ab8ff;
  font-size: 12px;
  font-weight: 950;
}
.fighterWorkbenchPanel .fighterRecordPublishQueueHead strong {
  color: #f8fafc;
  font-size: 17px;
  font-weight: 950;
}
.fighterWorkbenchPanel .fighterRecordPublishQueueHead button {
  min-height: 40px;
  border: 1px solid rgba(49, 130, 246, 0.2);
  border-radius: 13px;
  padding: 0 14px;
  color: #dbeafe;
  background: rgba(49, 130, 246, 0.12);
  font-size: 13px;
  font-weight: 950;
}
.fighterWorkbenchPanel .fighterRecordPublishQueueList {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.fighterWorkbenchPanel .fighterRecordPublishQueueItem {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 16px;
  padding: 13px;
  display: grid;
  gap: 5px;
  color: #f8fafc;
  text-align: left;
  background: rgba(2, 6, 23, 0.18);
}
.fighterWorkbenchPanel .fighterRecordPublishQueueItem.ready {
  border-color: rgba(45, 212, 191, 0.2);
  background: rgba(6, 78, 59, 0.14);
}
.fighterWorkbenchPanel .fighterRecordPublishQueueItem.review {
  border-color: rgba(49, 130, 246, 0.18);
  background: rgba(29, 78, 216, 0.12);
}
.fighterWorkbenchPanel .fighterRecordPublishQueueItem.hold {
  border-color: rgba(245, 158, 11, 0.18);
  background: rgba(120, 53, 15, 0.12);
}
.fighterWorkbenchPanel .fighterRecordPublishQueueItem span {
  width: max-content;
  border-radius: 999px;
  padding: 4px 8px;
  color: #93c5fd;
  background: rgba(49, 130, 246, 0.12);
  font-size: 11px;
  font-weight: 950;
}
.fighterWorkbenchPanel .fighterRecordPublishQueueItem.ready span {
  color: #5eead4;
  background: rgba(20, 184, 166, 0.13);
}
.fighterWorkbenchPanel .fighterRecordPublishQueueItem.hold span {
  color: #fbbf24;
  background: rgba(245, 158, 11, 0.13);
}
.fighterWorkbenchPanel .fighterRecordPublishQueueItem strong {
  min-width: 0;
  color: #f8fafc;
  font-size: 15px;
  font-weight: 950;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fighterWorkbenchPanel .fighterRecordPublishQueueItem small,
.fighterWorkbenchPanel .fighterRecordPublishQueueItem em {
  color: #91a0b4;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.45;
}
.fighterWorkbenchPanel .fighterRecordPublishQueueItem em {
  color: #cbd5e1;
}
.fighterWorkbenchPanel .fighterRecordPublishDecision {
  margin-top: 12px;
  border: 1px solid rgba(49, 130, 246, 0.16);
  border-radius: 18px;
  padding: 15px 16px;
  display: grid;
  gap: 5px;
  background: rgba(29, 78, 216, 0.1);
}
.fighterWorkbenchPanel .fighterRecordPublishDecision.ready {
  border-color: rgba(45, 212, 191, 0.22);
  background: rgba(6, 78, 59, 0.14);
}
.fighterWorkbenchPanel .fighterRecordPublishDecision.review {
  border-color: rgba(49, 130, 246, 0.18);
}
.fighterWorkbenchPanel .fighterRecordPublishDecision.hold {
  border-color: rgba(245, 158, 11, 0.2);
  background: rgba(120, 53, 15, 0.14);
}
.fighterWorkbenchPanel .fighterRecordPublishDecision span {
  color: #8ab8ff;
  font-size: 12px;
  font-weight: 950;
}
.fighterWorkbenchPanel .fighterRecordPublishDecision.ready span {
  color: #5eead4;
}
.fighterWorkbenchPanel .fighterRecordPublishDecision.hold span {
  color: #fbbf24;
}
.fighterWorkbenchPanel .fighterRecordPublishDecision strong {
  color: #f8fafc;
  font-size: 16px;
  font-weight: 950;
  line-height: 1.32;
}
.fighterWorkbenchPanel .fighterRecordPublishDecision small {
  color: #91a0b4;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.55;
}
.fighterWorkbenchPanel .fighterRecordPublishDecision em {
  width: max-content;
  max-width: 100%;
  border-radius: 999px;
  padding: 5px 9px;
  color: #dbeafe;
  background: rgba(49, 130, 246, 0.12);
  font-size: 12px;
  font-style: normal;
  font-weight: 950;
  overflow-wrap: anywhere;
}
.fighterWorkbenchPanel .fighterRecordPublishActions {
  margin-top: 6px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.fighterWorkbenchPanel .fighterRecordPublishActions button {
  min-height: 42px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 13px;
  color: #e2e8f0;
  background: rgba(15, 23, 42, 0.44);
  font-size: 13px;
  font-weight: 950;
}
.fighterWorkbenchPanel .fighterRecordPublishActions button:first-child {
  border-color: rgba(45, 212, 191, 0.22);
  color: #d8fff7;
  background: rgba(20, 184, 166, 0.12);
}
.fighterWorkbenchPanel .fighterRecordPublishActions button:nth-child(2) {
  border-color: rgba(49, 130, 246, 0.2);
  color: #dbeafe;
  background: rgba(49, 130, 246, 0.12);
}
.fighterWorkbenchPanel .fighterRecordPublishActions button:nth-child(3) {
  border-color: rgba(245, 158, 11, 0.22);
  color: #ffedd5;
  background: rgba(120, 53, 15, 0.15);
}
.fighterWorkbenchPanel .fighterRecordDbCard {
  margin-top: 12px;
  border: 1px solid rgba(45, 212, 191, 0.18);
  border-radius: 20px;
  padding: 18px;
  display: grid;
  gap: 14px;
  background: rgba(11, 45, 48, 0.22);
}
.fighterWorkbenchPanel .fighterRecordDbCard.selfOnly {
  border-color: rgba(49, 130, 246, 0.18);
  background: rgba(26, 45, 78, 0.22);
}
.fighterWorkbenchPanel .fighterRecordDbCard.zenosTrusted {
  border-color: rgba(45, 212, 191, 0.28);
  background:
    linear-gradient(
      135deg,
      rgba(6, 78, 59, 0.2),
      rgba(11, 45, 48, 0.22));
}
.fighterWorkbenchPanel .fighterRecordDbCard > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 14px;
}
.fighterWorkbenchPanel .fighterRecordDbCard span {
  color: #5eead4;
  font-size: 12px;
  font-weight: 950;
}
.fighterWorkbenchPanel .fighterRecordDbCard strong {
  color: #f4f7fb;
  font-size: 22px;
  font-weight: 950;
}
.fighterWorkbenchPanel .fighterRecordDbCard > div > strong {
  grid-row: 1 / 3;
  grid-column: 2;
  align-self: center;
  white-space: nowrap;
}
.fighterWorkbenchPanel .fighterRecordDbCard small {
  color: #9eb3bb;
  font-size: 13px;
  font-weight: 800;
}
.fighterWorkbenchPanel .fighterRecordDecision {
  margin: 0;
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 16px;
  padding: 13px 14px;
  display: grid;
  gap: 4px;
  background: rgba(2, 6, 23, 0.16);
}
.fighterWorkbenchPanel .fighterRecordDecision strong {
  color: #f4f7fb;
  font-size: 14px;
}
.fighterWorkbenchPanel .fighterRecordDecision span {
  color: #9eb3bb;
  font-size: 12px;
  line-height: 1.5;
}
.fighterWorkbenchPanel .fighterRecordDecision.ok {
  border-color: rgba(45, 212, 191, 0.2);
  background: rgba(6, 78, 59, 0.16);
}
.fighterWorkbenchPanel .fighterRecordDecision.warn {
  border-color: rgba(245, 166, 35, 0.22);
  background: rgba(120, 53, 15, 0.16);
}
.fighterWorkbenchPanel .fighterRecordDecision.primary {
  border-color: rgba(49, 130, 246, 0.18);
  background: rgba(29, 78, 216, 0.14);
}
.fighterWorkbenchPanel .fighterRecordSourcePriority {
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 16px;
  padding: 14px;
  display: grid;
  gap: 5px;
  background: rgba(2, 6, 23, 0.14);
}
.fighterWorkbenchPanel .fighterRecordSourcePriority span {
  color: #8ab8ff;
  font-size: 12px;
  font-weight: 950;
}
.fighterWorkbenchPanel .fighterRecordSourcePriority strong {
  color: #f8fafc;
  font-size: 16px;
  font-weight: 950;
  line-height: 1.3;
}
.fighterWorkbenchPanel .fighterRecordSourcePriority small {
  color: #91a0b4;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.5;
}
.fighterWorkbenchPanel .fighterRecordProfileStats {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.fighterWorkbenchPanel .fighterRecordProfileStats div {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 14px;
  padding: 11px 12px;
  background: rgba(2, 6, 23, 0.16);
}
.fighterWorkbenchPanel .fighterRecordProfileStats dt {
  color: #7f8da1;
  font-size: 11px;
  font-weight: 900;
}
.fighterWorkbenchPanel .fighterRecordProfileStats dd {
  margin: 4px 0 0;
  color: #eef2f7;
  font-size: 14px;
  font-weight: 950;
  overflow-wrap: anywhere;
}
.fighterWorkbenchPanel .fighterRecordProfilePanel {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.fighterWorkbenchPanel .fighterRecordProfilePanel div {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 15px;
  padding: 13px 14px;
  display: grid;
  gap: 4px;
  background: rgba(2, 6, 23, 0.15);
}
.fighterWorkbenchPanel .fighterRecordProfilePanel span {
  color: #7f8da1;
  font-size: 11px;
  font-weight: 900;
}
.fighterWorkbenchPanel .fighterRecordProfilePanel strong {
  min-width: 0;
  color: #f5f8fc;
  font-size: 14px;
  font-weight: 950;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.fighterWorkbenchPanel .fighterRecordProfilePanel small {
  color: #8c9aac;
  font-size: 12px;
  line-height: 1.45;
}
.fighterWorkbenchPanel .fighterRecordProfileCopy {
  min-height: 44px;
  border: 1px solid rgba(45, 212, 191, 0.22);
  border-radius: 14px;
  color: #d8fff7;
  background: rgba(20, 184, 166, 0.13);
  font-weight: 950;
}
.fighterWorkbenchPanel .fighterRecordDbCard ol {
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
  list-style: none;
}
.fighterWorkbenchPanel .fighterRecordDbCard li {
  min-width: 0;
  border-top: 1px solid rgba(148, 163, 184, 0.12);
  padding-top: 9px;
  display: grid;
  gap: 3px;
}
.fighterWorkbenchPanel .fighterRecordDbCard li strong {
  min-width: 0;
  font-size: 14px;
  overflow-wrap: anywhere;
}
.fighterWorkbenchPanel .fighterRecordDbCard li span {
  color: #90a4ae;
  font-size: 12px;
  line-height: 1.45;
}
@media (max-width: 700px) {
  .fighterWorkbenchPanel .fighterRecordOpsFold > summary {
    min-height: auto;
    padding: 18px;
    align-items: flex-start;
    flex-direction: column;
  }
  .fighterWorkbenchPanel .fighterRecordOpsFold > summary strong {
    max-width: 100%;
    text-align: left;
    white-space: normal;
  }
  .fighterWorkbenchPanel .fighterRecordDbStrip {
    grid-template-columns: 1fr;
  }
  .fighterWorkbenchPanel .fighterRecordDbStrip dl {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .fighterWorkbenchPanel .fighterRecordTrustMap,
  .fighterWorkbenchPanel .fighterRecordSourceLegend dl {
    grid-template-columns: 1fr;
  }
  .fighterWorkbenchPanel .fighterRecordPublishStrip {
    grid-template-columns: 1fr;
  }
  .fighterWorkbenchPanel .fighterRecordPublishStrip dl {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .fighterWorkbenchPanel .fighterRecordPublishQueueHead {
    display: grid;
  }
  .fighterWorkbenchPanel .fighterRecordPublishQueueHead button {
    width: 100%;
  }
  .fighterWorkbenchPanel .fighterRecordPublishQueueList {
    grid-template-columns: 1fr;
  }
  .fighterWorkbenchPanel .fighterRecordSourceSplit {
    grid-template-columns: 1fr;
  }
  .fighterWorkbenchPanel .fighterRecordMatchSignal {
    grid-template-columns: 1fr;
  }
  .fighterWorkbenchPanel .fighterRecordMatchSignal dl div {
    grid-template-columns: 1fr;
    gap: 3px;
  }
  .fighterWorkbenchPanel .fighterIdentityReviewHead {
    display: grid;
  }
  .fighterWorkbenchPanel .fighterIdentityReviewHead small {
    max-width: none;
    text-align: left;
  }
  .fighterWorkbenchPanel .fighterIdentityReviewList {
    grid-template-columns: 1fr;
  }
  .fighterWorkbenchPanel .fighterRecordWatchList {
    grid-template-columns: 1fr;
  }
  .fighterWorkbenchPanel .fighterRecordSearchHead {
    grid-template-columns: 1fr;
  }
  .fighterWorkbenchPanel .fighterRecordConfidenceFilter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .fighterWorkbenchPanel .fighterRecordSearchList {
    grid-template-columns: 1fr;
  }
  .fighterWorkbenchPanel .fighterRecordGlobalProfile header {
    display: grid;
  }
  .fighterWorkbenchPanel .fighterRecordGlobalProfile header button {
    width: 100%;
  }
  .fighterWorkbenchPanel .fighterRecordConfidence {
    grid-template-columns: 1fr;
  }
  .fighterWorkbenchPanel .fighterRecordGlobalProfile dl {
    grid-template-columns: 1fr;
  }
  .fighterWorkbenchPanel .fighterRuleReviewGrid {
    grid-template-columns: 1fr;
  }
  .fighterWorkbenchPanel .fighterRecordReviewBox > div {
    grid-template-columns: 1fr;
  }
  .fighterWorkbenchPanel .fighterRecordReviewBox strong {
    grid-row: auto;
    grid-column: auto;
    white-space: normal;
  }
  .fighterWorkbenchPanel .fighterRecordDbCard > div {
    grid-template-columns: 1fr;
  }
  .fighterWorkbenchPanel .fighterRecordPublishActions {
    grid-template-columns: 1fr;
  }
  .fighterWorkbenchPanel .fighterRecordDbCard > div > strong {
    grid-row: auto;
    grid-column: auto;
    white-space: normal;
  }
  .fighterWorkbenchPanel .fighterRecordProfileStats {
    grid-template-columns: 1fr;
  }
  .fighterWorkbenchPanel .fighterRecordProfilePanel {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 430px) {
  .fighterWorkbenchPanel .fighterRecordPublishStrip dl {
    grid-template-columns: 1fr;
  }
}
.entryQueuePanel .entryIssueAlert {
  border-left: 0;
  border-radius: 18px;
  padding: 16px 18px;
  background: rgba(245, 166, 35, 0.1);
}
.entryQueuePanel .entryIssueDrilldown {
  margin-top: 10px;
  display: grid;
  gap: 7px;
}
.entryQueuePanel .entryIssueDrilldown em {
  min-width: 0;
  border: 1px solid rgba(245, 166, 35, 0.14);
  border-radius: 12px;
  padding: 9px 11px;
  display: grid;
  grid-template-columns: minmax(92px, 0.28fr) minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  color: #d8dee8;
  background: rgba(3, 7, 14, 0.2);
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
}
.entryQueuePanel .entryIssueDrilldown b {
  min-width: 0;
  color: #ffd08a;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 700px) {
  .entryQueuePanel .entryIssueDrilldown em {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}
.shell,
.sidebar,
.workspace,
.tabWorkspace,
.panel,
.entryWorkbench,
.entryMasterPane,
.entryDetailPane,
.fighterDetailPane,
.weighDetailPane,
.resultDetailPane {
  min-width: 0;
}
@media (max-width: 980px) {
  .shell {
    width: 100%;
    max-width: 100vw;
    grid-template-columns: minmax(0, 1fr) !important;
    overflow-x: clip;
  }
  .sidebar,
  .workspace,
  .tabWorkspace,
  .panel {
    width: 100%;
    max-width: 100%;
  }
  .sidebar {
    overflow: hidden;
  }
  .sidebar nav {
    width: 100%;
    max-width: 100%;
    scroll-padding-inline: 12px;
    scroll-snap-type: x proximity;
    overscroll-behavior-x: contain;
  }
  .sidebar nav button {
    scroll-snap-align: start;
  }
  .entryQueuePanel .entryWorkbench,
  .fighterWorkbenchPanel .fighterWorkbench,
  .weighWorkbenchPanel .weighWorkbench,
  .resultWorkbenchPanel .resultWorkbench {
    min-height: 0;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row;
    overflow: hidden;
  }
  .entryQueuePanel .entryMasterPane,
  .fighterWorkbenchPanel .entryMasterPane,
  .weighWorkbenchPanel .entryMasterPane,
  .resultWorkbenchPanel .entryMasterPane,
  .entryQueuePanel .entryDetailPane,
  .fighterWorkbenchPanel .fighterDetailPane,
  .weighWorkbenchPanel .weighDetailPane,
  .resultWorkbenchPanel .resultDetailPane {
    grid-column: 1 !important;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .entryMasterTools,
  .entryOpsFilters,
  .filterButtons {
    width: 100%;
    max-width: 100%;
  }
  .entryOpsFilters,
  .filterButtons {
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }
  .entryOpsFilters::-webkit-scrollbar,
  .filterButtons::-webkit-scrollbar {
    display: none;
  }
  .paymentConfirmDialog,
  .paymentCancelDialog,
  .settlementCloseDialog {
    width: min(100% - 24px, 680px);
    max-height: calc(100dvh - 24px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}
@media (max-width: 700px) {
  .sidebar {
    padding: 10px 12px;
  }
  .sidebar nav button {
    min-width: 104px;
  }
  .workspace {
    padding: 12px;
  }
  .topbar h2,
  .entryPageHead h3,
  .overviewCommandHead h3 {
    overflow-wrap: anywhere;
  }
  .overviewScaleSignal dl {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .overviewScaleSignal dl div {
    border-top: 0;
    border-left: 1px solid rgba(148, 163, 184, 0.12);
    padding: 2px 8px;
  }
  .overviewScaleSignal dl div:first-child {
    border-left: 0;
  }
  .overviewScaleSignal.unset {
    display: none;
  }
  .overviewCommandCenter {
    min-height: 0;
    border: 0;
    background: transparent;
  }
  .overviewWorkQueue {
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 8px;
    padding: 18px 14px;
    background: #101319;
  }
  .overviewStatusPane {
    margin-top: 10px;
    border: 1px solid rgba(148, 163, 184, 0.1);
    border-radius: 8px;
    padding: 14px;
  }
  .overviewStatusPane dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 14px;
  }
  .overviewStatusPane dl div {
    min-height: 42px;
  }
  .overviewReadinessTodo {
    display: none;
  }
  .overviewStageRail {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    display: flex;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }
  .overviewStageRail::-webkit-scrollbar {
    display: none;
  }
  .overviewStageRail button {
    min-width: 172px;
    flex: 0 0 172px;
    scroll-snap-align: start;
  }
  .overviewPublicChecklist > div {
    grid-template-columns: minmax(0, 1fr);
  }
  .overviewPublicChecklist span.ready {
    display: none;
  }
  .entryQueuePanel.panel,
  .fighterWorkbenchPanel.panel,
  .weighWorkbenchPanel.panel,
  .resultWorkbenchPanel.panel,
  .overviewCommandPage {
    padding: 22px 16px 16px;
  }
  .entryQueuePanel .entryNextPayment,
  .fighterWorkbenchPanel .fighterNextReview,
  .weighWorkbenchPanel .weighNextAction,
  .resultWorkbenchPanel .resultNextAction,
  .entryQueuePanel .entryServerOpsStrip,
  .fighterWorkbenchPanel .fighterServerStrip,
  .weighWorkbenchPanel .weighServerStrip,
  .resultWorkbenchPanel .resultServerStrip {
    padding: 18px;
  }
  .entryQueuePanel .entryNextPayment dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .fighterWorkbenchPanel .fighterNextReview dl,
  .weighWorkbenchPanel .weighNextAction dl,
  .resultWorkbenchPanel .resultNextAction dl {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .fighterWorkbenchPanel .fighterNextReview dl div,
  .weighWorkbenchPanel .weighNextAction dl div,
  .resultWorkbenchPanel .resultNextAction dl div {
    border-bottom: 0;
  }
  .entryQueuePanel .entryDetailPane,
  .fighterWorkbenchPanel .fighterDetailPane,
  .weighWorkbenchPanel .weighDetailPane,
  .resultWorkbenchPanel .resultDetailPane {
    padding: 24px 0 0;
  }
  .entryDetailHead,
  .fighterWorkbenchPanel .fighterDetailPane .entryDetailHead,
  .weighWorkbenchPanel .weighDetailHead,
  .resultWorkbenchPanel .resultDetailHead {
    width: 100%;
    min-width: 0;
  }
  .entryMasterItem.selected,
  .entryQueuePanel .entryMasterItem.selected,
  .fighterWorkbenchPanel .fighterReviewItem.selected,
  .weighWorkbenchPanel .weighQueueItem.selected,
  .resultWorkbenchPanel .resultMasterItem.selected {
    margin-inline: 0;
  }
}
@media (max-width: 700px) {
  .sidebar nav button {
    flex: 0 0 92px;
    min-width: 92px;
    min-height: 44px;
  }
  .workspace button,
  .workspace input,
  .workspace select {
    min-height: 44px !important;
  }
  .entryQueuePanel,
  .fighterWorkbenchPanel,
  .weighWorkbenchPanel,
  .resultWorkbenchPanel {
    display: flex;
    flex-direction: column;
  }
  .entryQueuePanel .entryPageHead,
  .fighterWorkbenchPanel .entryPageHead,
  .weighWorkbenchPanel .entryPageHead,
  .resultWorkbenchPanel .entryPageHead {
    order: 0;
  }
  .entryQueuePanel .entryNextPayment,
  .fighterWorkbenchPanel .fighterNextReview,
  .weighWorkbenchPanel .weighNextAction,
  .resultWorkbenchPanel .resultNextAction {
    order: 1;
  }
  .entryQueuePanel .entryWorkbench,
  .fighterWorkbenchPanel .entryWorkbench,
  .weighWorkbenchPanel .entryWorkbench,
  .resultWorkbenchPanel .entryWorkbench {
    order: 2;
  }
  .entryQueuePanel .entryMoneyCommand {
    order: 3;
  }
  .entryQueuePanel .entryCloseoutPreflight {
    order: 4;
  }
  .entryQueuePanel .entryServerOpsStrip,
  .fighterWorkbenchPanel .fighterServerStrip,
  .weighWorkbenchPanel .weighServerStrip,
  .resultWorkbenchPanel .resultServerStrip {
    order: 5;
  }
  .entryQueuePanel .entryWorkbench {
    order: 1;
  }
  .entryQueuePanel .entryNextPayment {
    order: 2;
  }
  .entryQueuePanel .entryNextPayment {
    display: none;
  }
  .opsSplitWorkbench:not(.selectionOpen) .entryDetailPane,
  .opsSplitWorkbench.selectionOpen .entryMasterPane {
    display: none;
  }
  .opsSplitWorkbench.selectionOpen .entryDetailPane {
    display: block;
    padding-top: 0;
  }
  .opsSplitWorkbench:not(.selectionOpen) :is(.entryMasterItem, .fighterReviewItem, .weighQueueItem, .resultMasterItem).selected {
    margin-inline: 0;
    border-top-color: rgba(148, 163, 184, 0.08);
    border-radius: 0;
    padding-inline: 4px;
    background: transparent;
    box-shadow: none;
  }
  .opsSplitWorkbench.selectionOpen .entryDetailBack {
    width: auto;
    min-height: 40px !important;
    margin-bottom: 14px;
  }
  .fighterWorkbenchPanel .fighterNextReview {
    display: none;
  }
  .weighWorkbenchPanel .weighNextAction {
    display: none;
  }
  .resultWorkbenchPanel .resultNextAction {
    display: none;
  }
  .resultWorkbenchPanel .resultNextAction.completed {
    display: grid;
  }
  .resultWorkbenchPanel .resultNextAction.empty {
    display: grid;
    gap: 14px;
    padding: 18px;
  }
  .resultWorkbenchPanel .resultNextAction.empty strong {
    margin-top: 5px;
    font-size: 21px;
    line-height: 1.3;
  }
  .resultWorkbenchPanel .resultNextAction.empty dl {
    display: none;
  }
  .resultWorkbenchPanel .resultNextAction.empty > button {
    width: 100%;
    min-height: 46px;
  }
}
.operationFeedback {
  position: fixed;
  left: 50%;
  bottom: 24px;
  z-index: 120;
  width: max-content;
  max-width: min(440px, calc(100vw - 32px));
  min-height: 48px;
  margin: 0;
  border: 1px solid rgba(52, 211, 153, 0.34);
  border-radius: 8px;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #ecfdf5;
  background: #123c31;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.34);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.45;
  transform: translateX(-50%);
}
.operationFeedback svg {
  flex: 0 0 auto;
  color: #6ee7b7;
}
.operationFeedback.error {
  border-color: rgba(251, 113, 133, 0.4);
  color: #fff1f2;
  background: #4a1722;
}
.operationFeedback.error svg {
  color: #fda4af;
}
.operationFeedback.pending {
  border-color: rgba(96, 165, 250, 0.4);
  color: #eff6ff;
  background: #17345f;
}
.operationFeedback.pending svg {
  color: #93c5fd;
  animation: operationFeedbackSpin 0.9s linear infinite;
}
@keyframes operationFeedbackSpin {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .operationFeedback.pending svg {
    animation: none;
  }
}
@media (max-width: 700px) {
  .syncRecoverySummary {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .syncRecoverySummary > button {
    grid-column: 1 / -1;
    width: 100%;
  }
  .syncRecoveryItem {
    grid-template-columns: 1fr;
  }
  .syncRecoveryItem button {
    width: 100%;
  }
  .operationFeedback {
    bottom: calc(14px + env(safe-area-inset-bottom));
    width: calc(100vw - 28px);
    max-width: none;
    min-height: 52px;
    padding: 13px 14px;
  }
}
.authBoot {
  min-height: 100vh;
  display: grid;
  place-items: center;
  background: #0b0f15;
  color: #94a3b8;
  font-size: 15px;
  font-weight: 700;
}
.adminAuthPage {
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(420px, 0.9fr);
  background: #f2f4f7;
}
.adminAuthIntro {
  min-width: 0;
  padding: clamp(40px, 8vw, 112px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background: #111821;
  color: #f8fafc;
}
.adminAuthIntro .brandMark {
  width: 52px;
  height: 52px;
  margin-bottom: 48px;
}
.adminAuthIntro p {
  margin: 0 0 14px;
  color: #60a5fa;
  font-size: 15px;
  font-weight: 800;
}
.adminAuthIntro h1 {
  margin: 0;
  max-width: 680px;
  font-size: clamp(40px, 5vw, 72px);
  line-height: 1.12;
  letter-spacing: 0;
}
.adminAuthIntro > span {
  max-width: 590px;
  margin-top: 28px;
  color: #aab7c7;
  font-size: 17px;
  line-height: 1.7;
}
.adminAuthForm {
  width: min(440px, calc(100% - 64px));
  margin: auto;
  display: grid;
  gap: 22px;
  color: #111827;
}
.adminAuthForm h2 {
  margin: 6px 0 0;
  font-size: 30px;
  letter-spacing: 0;
}
.adminAuthForm label {
  display: grid;
  gap: 9px;
  color: #475569;
  font-size: 14px;
  font-weight: 800;
}
.adminAuthForm input {
  width: 100%;
  min-height: 56px;
  padding: 0 16px;
  border: 1px solid #d9e0e8;
  border-radius: 8px;
  background: #ffffff;
  color: #111827;
  font: inherit;
  font-size: 16px;
  outline: none;
}
.adminAuthForm input:focus {
  border-color: #3182f6;
  box-shadow: 0 0 0 3px rgba(49, 130, 246, 0.14);
}
.adminAuthForm > button {
  min-height: 56px;
  border: 0;
  border-radius: 8px;
  background: #3182f6;
  color: #ffffff;
  font-size: 16px;
  font-weight: 800;
  cursor: pointer;
}
.adminAuthForm > button:disabled {
  opacity: 0.58;
  cursor: wait;
}
.adminAuthForm > .adminGoogleSignIn {
  border: 1px solid #d9e0e8;
  background: #ffffff;
  color: #111827;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.adminGoogleSignIn > span {
  color: #1a73e8;
  font-size: 20px;
  font-weight: 900;
}
.adminAuthDivider {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #94a3b8;
  font-size: 12px;
  font-weight: 700;
}
.adminAuthDivider::before,
.adminAuthDivider::after {
  content: "";
  height: 1px;
  flex: 1;
  background: #dfe5ec;
}
.adminAuthForm small,
.adminAuthForm > span {
  color: #64748b;
  font-size: 13px;
  line-height: 1.6;
}
.adminAuthError {
  margin: -4px 0 0;
  color: #d92d20;
  font-size: 14px;
  font-weight: 700;
}
.adminAuthPage.denied {
  display: grid;
  grid-template-columns: 1fr;
}
.adminAccessDenied {
  width: min(520px, calc(100% - 48px));
}
.adminAccessDenied h1 {
  margin: 0;
  font-size: 32px;
  letter-spacing: 0;
}
.adminAccessActions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.adminAccessActions a,
.adminAccessActions button {
  min-height: 54px;
  border: 1px solid #d9e0e8;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: inherit;
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
}
.adminAccessActions a {
  border-color: #3182f6;
  background: #3182f6;
  color: #ffffff;
}
.adminAccessActions button {
  background: #ffffff;
  color: #334155;
}
.operatorIdentity {
  min-width: 0;
  display: grid;
  gap: 2px;
}
.operatorIdentity strong,
.operatorIdentity span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.operatorIdentity strong {
  color: #f8fafc;
  font-size: 13px;
}
.operatorIdentity span {
  color: #94a3b8;
  font-size: 11px;
}
@media (max-width: 760px) {
  .adminAuthPage {
    grid-template-columns: 1fr;
    align-content: start;
  }
  .adminAuthIntro {
    min-height: 260px;
    padding: 32px 24px 38px;
    justify-content: flex-start;
  }
  .adminAuthIntro .brandMark {
    width: 44px;
    height: 44px;
    margin-bottom: 30px;
  }
  .adminAuthIntro p {
    margin-bottom: 8px;
    font-size: 13px;
  }
  .adminAuthIntro h1 {
    font-size: 34px;
    line-height: 1.16;
  }
  .adminAuthIntro > span {
    margin-top: 16px;
    font-size: 14px;
    line-height: 1.55;
  }
  .adminAuthForm {
    width: 100%;
    margin: 0;
    padding: 32px 24px calc(36px + env(safe-area-inset-bottom));
  }
  .adminAuthForm h2 {
    font-size: 25px;
  }
  .adminAuthPage.denied {
    min-height: 100vh;
    align-content: center;
  }
  .adminAccessDenied {
    width: 100%;
  }
  .adminAccessActions {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) and (max-height: 780px) {
  .adminAuthIntro {
    min-height: 0;
    padding: 20px 24px;
  }
  .adminAuthIntro .brandMark {
    width: 36px;
    height: 36px;
    margin-bottom: 12px;
  }
  .adminAuthIntro p,
  .adminAuthIntro > span,
  .adminAuthForm small {
    display: none;
  }
  .adminAuthIntro h1 {
    font-size: 28px;
    line-height: 1.12;
  }
  .adminAuthForm {
    gap: 12px;
    padding: 20px 24px calc(28px + env(safe-area-inset-bottom));
  }
  .adminAuthForm h2 {
    margin-top: 2px;
    font-size: 23px;
  }
  .adminAuthForm label {
    gap: 6px;
  }
  .adminAuthForm input,
  .adminAuthForm > button {
    min-height: 52px;
  }
}
.pilotAccessPanel {
  max-width: 980px;
  margin: 24px auto;
  padding: 0;
  overflow: hidden;
}
.pilotAccessHead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 28px 30px 24px;
  border-bottom: 1px solid var(--line);
}
.pilotAccessHead h3 {
  margin: 4px 0 6px;
  font-size: 28px;
}
.pilotAccessHead span,
.pilotAccessHead > strong {
  color: var(--muted);
}
.pilotAccessHead > strong {
  padding-top: 8px;
  font-size: 13px;
}
.pilotAccessPanel form {
  display: grid;
  gap: 18px;
  padding: 28px 30px 30px;
}
.pilotAccessFocus {
  border: 1px solid rgba(49, 130, 246, 0.18);
  border-radius: 18px;
  padding: 18px;
  display: grid;
  grid-template-columns: minmax(180px, 0.7fr) minmax(260px, 1.3fr);
  gap: 14px;
  background: rgba(49, 130, 246, 0.06);
}
.pilotAccessFocus .pilotAccessEvent {
  grid-column: 1 / -1;
}
.pilotAccessPanel label {
  display: grid;
  gap: 8px;
}
.pilotAccessPanel label > span,
.pilotAccessSummary > span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}
.pilotAccessPanel input,
.pilotAccessPanel select {
  width: 100%;
  min-width: 0;
  height: 54px;
  padding: 0 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-2);
  color: var(--text);
  font: inherit;
}
.pilotAccessAccount,
.pilotAccessSummary,
.pilotAccessStatus,
.pilotAccessActions,
.pilotAccessOptional,
.pilotAccessBlocked,
.pilotAccessConfirm,
.pilotAccessReceipt {
  grid-column: 1 / -1;
}
.pilotAccessSummary {
  padding: 18px 0 0;
  border-top: 1px solid var(--line);
}
.pilotAccessSummary strong {
  display: block;
  margin-top: 7px;
  font-size: 20px;
}
.pilotAccessSummary p,
.pilotAccessStatus {
  margin: 6px 0 0;
  color: var(--muted);
}
.pilotAccessOptional {
  border-top: 1px solid var(--line);
}
.pilotAccessOptional > summary {
  min-height: 52px;
  padding: 14px 34px 14px 2px;
  color: var(--muted);
  cursor: pointer;
  font-size: 13px;
  font-weight: 800;
}
.pilotAccessOptional > label {
  margin-top: 4px;
}
.pilotAccessOptional dl {
  margin: 14px 0 0;
  border-top: 1px solid var(--line);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.pilotAccessOptional dl div {
  padding: 14px 0;
  display: grid;
  gap: 4px;
}
.pilotAccessOptional dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}
.pilotAccessOptional dd {
  margin: 0;
  color: var(--text);
  font-size: 13px;
  font-weight: 850;
}
.pilotAccessBlocked {
  margin: 0;
  border-radius: 12px;
  padding: 13px 15px;
  color: #f8c96b;
  background: rgba(120, 53, 15, 0.14);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.5;
}
.pilotAccessConfirm {
  border: 1px solid rgba(49, 130, 246, 0.22);
  border-radius: 16px;
  padding: 18px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.7fr) auto;
  align-items: center;
  gap: 18px;
  background: rgba(49, 130, 246, 0.08);
}
.pilotAccessConfirm.revoke {
  border-color: rgba(248, 113, 113, 0.24);
  background: rgba(127, 29, 29, 0.12);
}
.pilotAccessConfirm > div:first-child {
  display: grid;
  gap: 4px;
}
.pilotAccessConfirm span,
.pilotAccessReceipt span {
  color: #8ab8ff;
  font-size: 12px;
  font-weight: 900;
}
.pilotAccessConfirm.revoke span {
  color: #fca5a5;
}
.pilotAccessConfirm strong,
.pilotAccessReceipt strong {
  color: var(--text);
  font-size: 17px;
  font-weight: 950;
}
.pilotAccessConfirm p,
.pilotAccessReceipt p,
.pilotAccessReceipt small {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 750;
  line-height: 1.5;
}
.pilotAccessConfirm > div:last-child {
  display: flex;
  gap: 8px;
}
.pilotAccessConfirm button {
  min-height: 44px;
  padding: 0 16px;
  white-space: nowrap;
}
.pilotAccessConfirm button.danger {
  border-color: #ef4444;
  color: #fff;
  background: #dc2626;
}
.pilotAccessReceipt {
  border-left: 3px solid #2dd4bf;
  padding: 3px 0 3px 16px;
  display: grid;
  gap: 4px;
}
.pilotAccessReceipt span {
  color: #5eead4;
}
.pilotAccessAudit {
  grid-column: 1 / -1;
  border-top: 1px solid var(--line);
}
.pilotAccessAudit > summary {
  min-height: 54px;
  padding: 15px 34px 15px 2px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  cursor: pointer;
  color: var(--text);
  font-size: 14px;
  font-weight: 850;
}
.pilotAccessAudit > summary strong {
  color: var(--muted);
  font-size: 13px;
}
.pilotAccessAuditBody {
  padding: 4px 0 2px;
}
.pilotAccessAuditBody > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 12px;
}
.pilotAccessAuditBody > header p,
.pilotAccessAuditMessage,
.pilotAccessAuditEmpty {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}
.pilotAccessAuditBody > header button {
  min-height: 36px;
  padding: 0 12px;
  white-space: nowrap;
}
.pilotAccessAuditBody ol {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--line);
}
.pilotAccessAuditBody li {
  min-width: 0;
  padding: 14px 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid var(--line);
}
.pilotAccessAuditBody li > span {
  min-width: 42px;
  padding: 5px 8px;
  border-radius: 999px;
  text-align: center;
  color: #5eead4;
  background: rgba(45, 212, 191, 0.12);
  font-size: 11px;
  font-weight: 900;
}
.pilotAccessAuditBody li > span.revoke {
  color: #fca5a5;
  background: rgba(248, 113, 113, 0.12);
}
.pilotAccessAuditBody li div {
  min-width: 0;
}
.pilotAccessAuditBody li strong,
.pilotAccessAuditBody li p,
.pilotAccessAuditBody li small,
.pilotAccessAuditBody li time {
  display: block;
  margin: 0;
}
.pilotAccessAuditBody li strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text);
  font-size: 14px;
}
.pilotAccessAuditBody li p,
.pilotAccessAuditBody li small {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}
.pilotAccessAuditBody li small {
  text-align: right;
}
.pilotAccessStatus {
  padding: 13px 16px;
  border-radius: 8px;
  background: var(--surface-2);
}
.pilotAccessActions {
  display: flex;
  gap: 10px;
}
.pilotAccessActions button {
  min-height: 50px;
  padding: 0 22px;
}
@media (max-width: 720px) {
  .pilotAccessPanel {
    margin: 0;
    border-radius: 0;
  }
  .pilotAccessHead {
    display: block;
    padding: 22px 20px 18px;
  }
  .pilotAccessHead > strong {
    display: block;
  }
  .pilotAccessPanel form {
    padding: 22px 20px 26px;
  }
  .pilotAccessFocus {
    grid-template-columns: 1fr;
    padding: 15px;
  }
  .pilotAccessFocus .pilotAccessEvent {
    grid-column: auto;
  }
  .pilotAccessAccount,
  .pilotAccessSummary,
  .pilotAccessStatus,
  .pilotAccessActions {
    grid-column: auto;
  }
  .pilotAccessActions {
    flex-direction: column;
  }
  .pilotAccessOptional dl {
    grid-template-columns: 1fr;
  }
  .pilotAccessConfirm {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .pilotAccessConfirm > div:last-child {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .pilotAccessConfirm button {
    width: 100%;
  }
  .pilotAccessAuditBody > header {
    align-items: flex-start;
  }
  .pilotAccessAuditBody li {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .pilotAccessAuditBody li small {
    grid-column: 2;
    text-align: left;
  }
}
.entryNoticeStatus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 16px 2px;
  border-top: 1px solid var(--line, #e5e8eb);
  border-bottom: 1px solid var(--line, #e5e8eb);
}
.entryNoticeStatus div {
  display: grid;
  gap: 4px;
}
.entryNoticeStatus span,
.entryNoticeStatus small {
  color: var(--muted, #8b95a1);
  font-size: 12px;
  font-weight: 700;
}
.entryNoticeStatus strong {
  color: var(--text, #191f28);
  font-size: 15px;
}
.entryNoticeStatus.recorded strong {
  color: #0f9f6e;
}
@media (max-width: 700px) {
  .entryNoticeStatus {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
}
.notificationOutbox {
  margin-top: 12px;
  border-top: 1px solid #202936;
  border-bottom: 1px solid #202936;
}
.notificationOutbox > summary {
  min-height: 72px;
  padding: 14px 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  cursor: pointer;
  list-style: none;
}
.notificationOutbox > summary::-webkit-details-marker {
  display: none;
}
.notificationOutbox > summary span {
  display: grid;
  gap: 4px;
}
.notificationOutbox > summary strong {
  color: #f3f6fa;
  font-size: 16px;
}
.notificationOutbox > summary small {
  color: #8794a7;
}
.notificationOutbox > summary em {
  color: #a9b5c6;
  font-style: normal;
  white-space: nowrap;
}
.notificationOutboxList {
  padding: 0 0 12px;
}
.notificationOutboxTools {
  padding: 10px 4px 12px;
  border-top: 1px solid #202936;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.notificationOutboxTools > div {
  display: flex;
  gap: 4px;
  overflow-x: auto;
}
.notificationOutboxTools button {
  min-height: 36px;
  padding: 0 11px;
  border: 0;
  background: transparent;
  color: #8c98a9;
  white-space: nowrap;
}
.notificationOutboxTools button[aria-pressed=true] {
  background: #1b2b43;
  color: #f2f6fb;
}
.notificationOutboxTools button span {
  margin-left: 4px;
  color: #6f7e91;
}
.notificationOutboxTools > button:last-child {
  border: 1px solid #293548;
  color: #c5ceda;
}
.notificationPriorityBanner {
  margin: 0 4px 10px;
  padding: 12px 14px;
  border: 1px solid #28364a;
  border-radius: 8px;
  background: #101923;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 3px 10px;
}
.notificationPriorityBanner span {
  grid-row: 1 / 3;
  align-self: start;
  padding: 4px 8px;
  border-radius: 999px;
  background: #293548;
  color: #d6deea;
  font-size: 12px;
  font-weight: 800;
}
.notificationPriorityBanner strong {
  color: #f3f6fa;
  overflow-wrap: anywhere;
}
.notificationPriorityBanner small {
  color: #8f9cae;
}
.notificationPriorityBanner.critical {
  border-color: #513040;
  background: #171018;
}
.notificationPriorityBanner.critical span {
  background: #452133;
  color: #ff8da8;
}
.notificationPriorityBanner.warning {
  border-color: #4d3b18;
  background: #151308;
}
.notificationPriorityBanner.warning span {
  background: #3d3014;
  color: #ffc34a;
}
.notificationOutboxItem {
  min-height: 76px;
  padding: 14px 4px;
  border-top: 1px solid #202936;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.notificationOutboxItem > div:first-child {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 3px 10px;
  min-width: 0;
}
.notificationOutboxItem > div:first-child > span {
  grid-row: 1 / 4;
  align-self: start;
  padding: 4px 7px;
  border-radius: 6px;
  background: #17243a;
  color: #73a8ff;
  font-size: 12px;
  font-weight: 700;
}
.notificationOutboxItem.sent > div:first-child > span {
  background: #12352d;
  color: #55d7a9;
}
.notificationOutboxItem.failed > div:first-child > span {
  background: #3d1d27;
  color: #ff8da8;
}
.notificationOutboxItem.critical {
  background:
    linear-gradient(
      90deg,
      rgba(255, 77, 122, 0.08),
      transparent 42%);
}
.notificationOutboxItem.warning {
  background:
    linear-gradient(
      90deg,
      rgba(255, 195, 74, 0.07),
      transparent 42%);
}
.notificationOutboxItem strong {
  color: #edf2f8;
  min-width: 0;
  overflow-wrap: anywhere;
}
.notificationOutboxItem small {
  color: #8491a4;
}
.notificationOutboxItem small.error {
  color: #ff91a9;
}
.notificationOutboxItem small.priority.critical {
  color: #ff9caf;
}
.notificationOutboxItem small.priority.warning {
  color: #ffc85b;
}
.notificationOutboxActions {
  display: flex;
  gap: 8px;
  flex: 0 0 auto;
}
.notificationOutboxActions button {
  min-height: 38px;
  padding: 0 13px;
}
.notificationOutboxActions button:nth-child(-n+2) {
  background: transparent;
  color: #aeb9c8;
  border-color: #2a3547;
}
.notificationOutboxActions span {
  color: #56d7aa;
  font-weight: 700;
}
.notificationOutboxEmpty {
  margin: 0;
  padding: 18px 4px;
  border-top: 1px solid #202936;
  color: #8491a4;
}
@media (max-width: 720px) {
  .notificationOutbox > summary {
    align-items: flex-start;
  }
  .notificationOutbox > summary small {
    display: none;
  }
  .notificationOutboxItem {
    align-items: stretch;
    flex-direction: column;
    gap: 12px;
  }
  .notificationOutboxTools {
    align-items: stretch;
    flex-direction: column;
  }
  .notificationOutboxTools > button:last-child {
    width: 100%;
  }
  .notificationPriorityBanner {
    grid-template-columns: 1fr;
  }
  .notificationPriorityBanner span {
    grid-row: auto;
    justify-self: start;
  }
  .notificationOutboxActions {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .notificationOutboxActions button {
    width: 100%;
  }
}
.workspace {
  gap: 18px;
}
.tabWorkspace {
  gap: 18px;
}
.panel {
  border-color: rgba(148, 163, 184, 0.12);
  border-radius: 20px;
  background: #11151c;
  box-shadow: none;
}
.panel:hover {
  border-color: rgba(148, 163, 184, 0.18);
  transform: none;
}
.panelHead,
.entryPageHead {
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
  padding-bottom: 16px;
}
.panelHead h3,
.entryPageHead h3 {
  letter-spacing: 0;
}
.panelHead p,
.entryPageHead p {
  max-width: 680px;
}
.entryQueuePanel.panel,
.fighterWorkbenchPanel.panel,
.weighWorkbenchPanel.panel,
.resultWorkbenchPanel.panel,
.boutWorkbenchPanel.panel,
.hostApprovalPanel.panel,
.recordPolicyPanel.panel,
.pilotAccessPanel.panel {
  border-radius: 24px;
  background: #10141b;
}
.entryNextPayment,
.entryMoneyCommand,
.entryCloseoutPreflight,
.entryServerOpsStrip,
.notificationOutbox,
.hostPriorityReview,
.hostRequestCard,
.recordPolicyHero,
.recordPolicyQueue,
.pilotAccessFocus,
.pilotAccessRow {
  border-radius: 18px;
  box-shadow: none;
}
.entryNextPayment,
.entryMoneyCommand {
  border-color: rgba(49, 130, 246, 0.16);
}
.entryMoneyFacts,
.overviewScaleSignal dl,
.topbarWorkLine {
  border-color: rgba(148, 163, 184, 0.1);
}
.entryMoneyFacts div,
.overviewScaleSignal dl div {
  background: transparent;
}
.entryCommandMenu summary,
.topbarUtilityMenu summary,
.notificationOutbox summary,
.hostRequestMore summary,
.opsDetailPanel summary {
  border-radius: 14px;
}
.entryRow,
.fighterQueueItem,
.weighQueueItem,
.resultQueueItem,
.hostRequestCard {
  border-right: 0;
  border-left: 0;
}
.entryRow:first-child,
.fighterQueueItem:first-child,
.weighQueueItem:first-child,
.resultQueueItem:first-child {
  border-top: 0;
}
.hostCompactChecklist,
.hostSetupChips,
.entryOpsFilters,
.filterButtons,
.recordPolicyFilters {
  overflow-x: auto;
  scrollbar-width: none;
}
.hostCompactChecklist::-webkit-scrollbar,
.hostSetupChips::-webkit-scrollbar,
.entryOpsFilters::-webkit-scrollbar,
.filterButtons::-webkit-scrollbar,
.recordPolicyFilters::-webkit-scrollbar {
  display: none;
}
.srOnly {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.adminSectionHeader {
  align-items: end;
}
.adminSectionHeader > div:first-child {
  min-width: 0;
}
.adminSectionHeader > div:first-child > span {
  display: block;
  margin-bottom: 5px;
  color: #60a5fa;
  font-size: 11px;
  font-weight: 900;
}
.adminSectionHeader h3 {
  word-break: keep-all;
}
.adminSectionHeader > div:first-child > p {
  margin-top: 6px;
  color: #8491a4;
}
.adminContextNotices {
  display: grid;
  gap: 8px;
}
.eventSwitcher label {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 950;
  white-space: nowrap;
}
.compactTopAction span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 560px) {
  .topbar {
    gap: 6px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .topbarMain {
    gap: 0;
  }
  .topbar .eyebrow {
    margin-bottom: 2px;
    font-size: 10px;
  }
  .topbar h2 {
    font-size: 17px;
    line-height: 1.24;
  }
  .topbarMain > div:first-child > span {
    display: none;
  }
  .topbarWorkLine {
    display: none;
  }
  .topbarActions {
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .topbarActions .adminNotificationTrigger {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
  }
  .topbarActions .compactTopAction,
  .topbarUtilityMenu summary {
    min-height: 44px;
  }
  .topbarActions .compactTopAction {
    flex: 1 1 auto;
    min-width: 0;
    justify-content: center;
    font-size: 12px;
  }
  .topbarUtilityMenu {
    flex: 0 0 92px;
    width: 92px;
  }
  .topbarUtilityMenu summary {
    width: 100%;
    padding: 0 9px;
  }
  .adminContextNotices {
    gap: 6px;
  }
  .serverModeWarning {
    padding: 9px 10px;
  }
  .serverModeWarning strong {
    font-size: 12px;
  }
  .serverModeWarning span {
    font-size: 11px;
  }
  .eventSwitcher {
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 7px 0;
  }
  .eventSwitcher select {
    height: 38px;
    padding: 0 10px;
  }
}
@media (max-width: 700px) {
  .sidebar {
    padding: 7px 10px 0;
    gap: 5px;
    background: #0a0f18;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
  }
  .brandBlock {
    min-height: 32px;
    gap: 8px;
    padding: 0 3px;
  }
  .brandMark {
    width: 28px;
    height: 28px;
    border-radius: 7px;
    font-size: 14px;
  }
  .sidebar h1 {
    font-size: 16px;
  }
  .sidebar p {
    display: none;
  }
  .sidebar nav {
    gap: 0;
    margin-top: 2px;
    border-top: 1px solid rgba(148, 163, 184, 0.08);
    scroll-padding-inline: 10px;
  }
  .sidebar nav button {
    min-width: auto;
    min-height: 44px;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    padding: 0 14px;
    justify-content: center;
    gap: 6px;
    color: #8491a4;
    background: transparent;
    font-size: 12px;
  }
  .sidebar nav button.active,
  .sidebar nav button:hover {
    border-bottom-color: #3182f6;
    color: #f8fafc;
    background: transparent;
  }
  .sidebar nav button em {
    color: #64748b;
    font-size: 10px;
  }
  .sidebar nav button.active em {
    color: #60a5fa;
  }
  .workspace,
  .tabWorkspace {
    gap: 12px;
  }
  .adminSectionHeader {
    align-items: stretch;
    flex-direction: column;
    gap: 12px;
    padding-bottom: 12px;
  }
  .adminSectionHeader h3 {
    font-size: 21px;
    line-height: 1.3;
  }
  .adminSectionHeader .entryCommandMenu,
  .adminSectionHeader .boutHeadActions,
  .adminSectionHeader .boutHeadActions button {
    width: 100%;
  }
  .adminSectionHeader .entryCommandMenu > summary,
  .adminSectionHeader .boutHeadActions button {
    min-height: 40px;
  }
}
@media (min-width: 1180px) {
  .entryQueuePanel.panel,
  .fighterWorkbenchPanel.panel,
  .weighWorkbenchPanel.panel,
  .resultWorkbenchPanel.panel,
  .hostApprovalPanel.panel {
    padding: 26px;
  }
}
@media (max-width: 700px) {
  .workspace {
    gap: 14px;
  }
  .panel {
    border-radius: 18px;
  }
  .entryQueuePanel.panel,
  .fighterWorkbenchPanel.panel,
  .weighWorkbenchPanel.panel,
  .resultWorkbenchPanel.panel,
  .boutWorkbenchPanel.panel,
  .hostApprovalPanel.panel,
  .recordPolicyPanel.panel,
  .pilotAccessPanel.panel {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    padding-right: 0;
    padding-left: 0;
    background: transparent;
  }
}
.recordVerificationQueue {
  margin: 24px 0;
  padding: 22px 24px;
  border: 1px solid #253044;
  border-radius: 8px;
  background: #0f1725;
}
.recordVerificationQueue > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 0 0 18px;
  border-bottom: 1px solid #253044;
}
.recordVerificationQueue > header div,
.recordVerificationRow > div:first-child {
  display: grid;
  gap: 5px;
}
.recordVerificationQueue > header span,
.recordVerificationList article span {
  color: #78a9ff;
  font-size: 13px;
  font-weight: 700;
}
.recordVerificationQueue > header strong {
  color: #f7f9fc;
  font-size: 22px;
}
.recordVerificationQueue > header small,
.recordVerificationList article small,
.recordVerificationEmpty {
  color: #96a2b5;
}
.recordVerificationQueue > header p {
  margin: 0;
  color: #96a2b5;
  white-space: nowrap;
}
.recordVerificationQueue > header b {
  color: #f7f9fc;
  font-size: 20px;
}
.recordVerificationList article {
  padding: 18px 0;
  border-bottom: 1px solid #202a3b;
}
.recordVerificationRow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 20px;
}
.recordVerificationList article:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.recordVerificationList article strong {
  color: #f7f9fc;
  font-size: 17px;
}
.recordVerificationList article i {
  color: #718096;
  font-style: normal;
  font-weight: 500;
}
.recordVerificationState {
  display: flex;
  align-items: center;
  gap: 12px;
}
.recordVerificationState span.ready {
  color: #38d9a9;
}
.recordVerificationState span.hold {
  color: #ffb84d;
}
.recordVerificationState small {
  color: #8f9bad;
  font-size: 12px;
  font-weight: 700;
}
.recordVerificationState button {
  min-height: 44px;
  padding: 0 18px;
  border: 0;
  border-radius: 7px;
  background: #3182f6;
  color: #fff;
  font-weight: 800;
}
.recordVerificationState .recordVerificationToggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border: 1px solid #334057;
  background: transparent;
  color: #c7d0dd;
}
.recordVerificationState .recordVerificationToggle[aria-expanded=true] svg {
  transform: rotate(180deg);
}
.recordVerificationDetail {
  display: grid;
  gap: 18px;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid #253044;
}
.recordVerificationFacts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid #253044;
  border-radius: 7px;
  background: #253044;
}
.recordVerificationFacts > div {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 14px;
  background: #111b2a;
}
.recordVerificationFacts span,
.recordVerificationEvidence span {
  color: #7f8a9d;
  font-size: 11px;
  font-weight: 800;
}
.recordVerificationFacts strong,
.recordVerificationEvidence strong {
  overflow-wrap: anywhere;
  color: #e8edf5;
  font-size: 13px;
}
.recordVerificationEvidence {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 0.55fr);
  gap: 24px;
}
.recordVerificationEvidence > div {
  display: grid;
  align-content: start;
  gap: 6px;
  min-width: 0;
}
.recordVerificationEvidence small {
  line-height: 1.5;
}
.recordVerificationEvidence code {
  display: block;
  min-width: 0;
  max-width: 100%;
  color: #8ab8ff;
  font-family: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  overflow-wrap: anywhere;
  white-space: normal;
  word-break: break-word;
}
.recordEvidencePreview {
  overflow: hidden;
  border: 1px solid #2a374b;
  border-radius: 8px;
  background: #0b111b;
}
.recordEvidencePreview > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 14px 16px;
  border-bottom: 1px solid #253044;
}
.recordEvidencePreview > header > div {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.recordEvidencePreview > header span,
.recordEvidencePreview > header small {
  color: #8f9bad;
  font-size: 12px;
  font-weight: 700;
}
.recordEvidencePreview > header strong {
  overflow: hidden;
  color: #e8edf5;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.recordEvidencePreview > header a {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 5px;
  color: #78a9ff;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}
.recordEvidencePreview > p {
  margin: 0;
  padding: 22px 16px;
  color: #8f9bad;
  font-size: 13px;
}
.recordEvidencePreview > p.error {
  color: #ff8d9d;
}
.recordEvidencePreview > img,
.recordEvidencePreview > iframe {
  display: block;
  width: 100%;
  height: 420px;
  border: 0;
  background: #070b12;
  object-fit: contain;
}
.recordVerificationChecks {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.recordVerificationChecks li {
  padding-top: 9px;
  border-top: 3px solid #3a465a;
  color: #7f8a9d;
  font-size: 12px;
  font-weight: 800;
}
.recordVerificationChecks li.done {
  border-color: #38d9a9;
  color: #38d9a9;
}
.recordVerificationChecks li.hold {
  border-color: #ffb84d;
  color: #ffbf66;
}
.recordVerificationCorrection {
  display: grid;
  gap: 4px;
  color: #ffbf66;
  font-size: 12px;
  font-weight: 700;
}
.recordVerificationCorrection small {
  color: #8f9bad;
  line-height: 1.5;
}
.recordVerificationHistory {
  margin-top: 18px;
  border-top: 1px solid #253044;
}
.recordVerificationHistory summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 52px;
  color: #9da8ba;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  list-style: none;
}
.recordVerificationHistory summary::-webkit-details-marker {
  display: none;
}
.recordVerificationHistory summary b {
  color: #38d9a9;
}
.recordVerificationHistory > div {
  border-top: 1px solid #202a3b;
}
.recordVerificationHistory article {
  display: grid;
  grid-template-columns: minmax(140px, 0.8fr) minmax(180px, 1fr) minmax(180px, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 14px 0;
  border-bottom: 1px solid #202a3b;
}
.recordVerificationHistory article span,
.recordVerificationHistory article small,
.recordVerificationHistory article p {
  margin: 0;
  color: #8f9bad;
  font-size: 12px;
}
.recordVerificationHistory article strong {
  color: #e8edf5;
  font-size: 13px;
}
.recordVerificationState button:disabled {
  background: #293448;
  color: #7f8a9d;
}
.recordVerificationMessage,
.recordVerificationEmpty {
  margin: 16px 0 0;
}
.recordVerificationMessage {
  color: #78a9ff;
  font-weight: 700;
}
.evidenceRetentionStatus {
  margin: 24px 0 0;
  padding: 20px 0;
  border-top: 1px solid #253044;
  border-bottom: 1px solid #253044;
}
.evidenceRetentionStatus.needsCleanup {
  border-top-color: #6b4d19;
  border-bottom-color: #6b4d19;
}
.evidenceRetentionStatus.hasError {
  border-top-color: #7a2d3f;
  border-bottom-color: #7a2d3f;
}
.evidenceRetentionStatus.needsCleanup > header strong,
.evidenceRetentionStatus.needsCleanup dd {
  color: #ffc247;
}
.evidenceRetentionStatus.hasError > header strong,
.evidenceRetentionStatus.hasError dd,
.evidenceRetentionStatus.hasError .evidenceRetentionMessage {
  color: #ff6b88;
}
.evidenceRetentionStatus > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.evidenceRetentionStatus > header > div {
  display: grid;
  gap: 5px;
}
.evidenceRetentionStatus > header span {
  color: #78a9ff;
  font-size: 13px;
  font-weight: 700;
}
.evidenceRetentionStatus > header strong {
  color: #f7f9fc;
  font-size: 20px;
}
.evidenceRetentionStatus > header small,
.evidenceRetentionTimestamp {
  color: #96a2b5;
}
.evidenceRetentionStatus > header button {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 16px;
  border: 1px solid #35435a;
  border-radius: 8px;
  color: #e7edf7;
  background: #172236;
  font-weight: 700;
  white-space: nowrap;
}
.evidenceRetentionStatus > header button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}
.evidenceRetentionStatus dl {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 20px 0 0;
  border-top: 1px solid #202a3b;
}
.evidenceRetentionStatus dl > div {
  display: grid;
  gap: 4px;
  padding: 16px 18px 0;
  border-left: 1px solid #202a3b;
}
.evidenceRetentionStatus dl > div:first-child {
  padding-left: 0;
  border-left: 0;
}
.evidenceRetentionStatus dt {
  color: #7f8ba0;
  font-size: 12px;
  font-weight: 700;
}
.evidenceRetentionStatus dd {
  margin: 0;
  color: #f7f9fc;
  font-size: 20px;
  font-weight: 800;
}
.evidenceRetentionTimestamp,
.evidenceRetentionSchedule,
.evidenceRetentionMessage {
  margin: 14px 0 0;
  font-size: 13px;
}
.evidenceRetentionMessage {
  color: #78a9ff;
  font-weight: 700;
}
.evidenceRetentionSchedule {
  color: #7f8ba0;
}
.evidenceRetentionStatus.needsCleanup .evidenceRetentionSchedule {
  color: #ffc247;
}
@media (max-width: 700px) {
  .evidenceRetentionStatus {
    margin-top: 18px;
    padding: 18px 0;
  }
  .evidenceRetentionStatus > header {
    align-items: stretch;
    flex-direction: column;
    gap: 14px;
  }
  .evidenceRetentionStatus > header button {
    width: 100%;
  }
  .evidenceRetentionStatus dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .evidenceRetentionStatus dl > div,
  .evidenceRetentionStatus dl > div:first-child {
    padding: 14px 12px 0 0;
    border-left: 0;
  }
  .evidenceRetentionStatus dl > div:nth-child(even) {
    padding-right: 0;
    padding-left: 12px;
    border-left: 1px solid #202a3b;
  }
  .recordVerificationQueue {
    margin: 18px 0;
    padding: 18px;
  }
  .recordVerificationQueue > header,
  .recordVerificationRow {
    grid-template-columns: 1fr;
    flex-direction: column;
    gap: 14px;
  }
  .recordVerificationQueue > header p {
    white-space: normal;
  }
  .recordVerificationState {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .recordVerificationState button {
    width: 100%;
  }
  .recordVerificationState span,
  .recordVerificationState small {
    align-self: center;
  }
  .recordVerificationFacts,
  .recordVerificationEvidence {
    grid-template-columns: 1fr;
  }
  .recordVerificationHistory article {
    grid-template-columns: 1fr;
    gap: 5px;
  }
  .recordEvidencePreview > header {
    align-items: flex-start;
  }
  .recordEvidencePreview > header > div {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .recordEvidencePreview > header strong,
  .recordEvidencePreview > header small {
    grid-column: 2;
    white-space: normal;
  }
  .recordEvidencePreview > img,
  .recordEvidencePreview > iframe {
    height: 280px;
  }
}
.athleteProjectionQueue {
  margin: 24px 0;
  padding: 22px 24px;
  border: 1px solid #253044;
  border-radius: 8px;
  background: #0d1420;
}
.athleteProjectionQueue > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid #253044;
}
.athleteProjectionQueue > header div,
.athleteProjectionPerson {
  display: grid;
  gap: 5px;
}
.athleteProjectionQueue > header span,
.athleteProjectionPerson > span {
  color: #78a9ff;
  font-size: 13px;
  font-weight: 800;
}
.athleteProjectionQueue > header strong {
  color: #f7f9fc;
  font-size: 22px;
}
.athleteProjectionQueue > header small,
.athleteProjectionQueue > header p,
.athleteProjectionPerson small,
.athleteProjectionEmpty {
  color: #96a2b5;
}
.athleteProjectionQueue > header p {
  margin: 0;
  white-space: nowrap;
}
.athleteProjectionQueue > header b,
.athleteProjectionList article.published .athleteProjectionPerson > span {
  color: #38d9a9;
}
.athleteProjectionList article {
  display: grid;
  grid-template-columns: minmax(190px, 1.2fr) minmax(280px, 1fr) minmax(190px, auto) auto;
  align-items: center;
  gap: 14px;
  padding: 14px 0;
  border-bottom: 1px solid #202a3b;
}
.athleteProjectionList article:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.athleteProjectionPerson strong {
  color: #f7f9fc;
  font-size: 17px;
}
.athleteProjectionSource {
  margin: 3px 0 0;
  color: #77849a;
  font-size: 12px;
  line-height: 1.45;
}
.athleteProjectionList dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(70px, 1fr));
  gap: 12px;
  margin: 0;
}
.athleteProjectionList dl div {
  display: grid;
  gap: 3px;
}
.athleteProjectionList dt {
  color: #77849a;
  font-size: 12px;
}
.athleteProjectionList dd {
  margin: 0;
  color: #e7ebf2;
  font-size: 14px;
  font-weight: 800;
}
.athleteProjectionConsent {
  display: grid;
  gap: 6px;
  color: #c7d0dd;
  font-size: 13px;
  font-weight: 700;
}
.athleteProjectionConsent select {
  min-height: 40px;
  padding: 0 34px 0 11px;
  border: 1px solid #30405a;
  border-radius: 6px;
  color: #e7ebf2;
  background: #121c2b;
  font: inherit;
}
.athleteProjectionConsent select:disabled {
  color: #8f9bad;
  background: #202a3b;
}
.athleteProjectionList button {
  min-height: 42px;
  padding: 0 15px;
  border: 1px solid #3182f6;
  border-radius: 7px;
  background: #3182f6;
  color: #fff;
  font-weight: 800;
}
.athleteProjectionList button.remove {
  border-color: #43516a;
  background: transparent;
  color: #dbe4f2;
}
.athleteProjectionList button:disabled {
  border-color: #293448;
  background: #202a3b;
  color: #7f8a9d;
}
.athleteProjectionMessage,
.athleteProjectionEmpty {
  margin: 16px 0 0;
}
.athleteProjectionMessage {
  color: #78a9ff;
  font-weight: 700;
}
.athleteProjectionAudits {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid #253044;
}
.athleteProjectionAudits summary {
  color: #aeb9c9;
  font-size: 14px;
  font-weight: 800;
  cursor: pointer;
}
.athleteProjectionAudits > div {
  margin-top: 12px;
}
.athleteProjectionAudits article {
  display: grid;
  grid-template-columns: 48px minmax(120px, 0.4fr) minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 11px 0;
  border-bottom: 1px solid #202a3b;
}
.athleteProjectionAudits article span {
  color: #78a9ff;
  font-weight: 800;
}
.athleteProjectionAudits article strong {
  color: #f7f9fc;
}
.athleteProjectionAudits article small {
  color: #96a2b5;
}
.verifiedHistoryBackfill {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto auto;
  gap: 22px;
  align-items: center;
  margin: 18px 0;
  padding: 20px 22px;
  border: 1px solid #253044;
  border-radius: 8px;
  background: #111925;
}
.verifiedHistoryBackfill > div:first-child {
  display: grid;
  gap: 5px;
}
.verifiedHistoryBackfill span,
.verifiedHistoryBackfill dt {
  color: #77849a;
  font-size: 12px;
}
.verifiedHistoryBackfill strong,
.verifiedHistoryBackfill dd {
  color: #f7f9fc;
}
.verifiedHistoryBackfill small {
  color: #96a2b5;
}
.verifiedHistoryBackfill dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(64px, 1fr));
  gap: 14px;
  margin: 0;
}
.verifiedHistoryBackfill dl div {
  display: grid;
  gap: 3px;
}
.verifiedHistoryBackfill dd {
  margin: 0;
  font-size: 18px;
  font-weight: 800;
}
.verifiedHistoryBackfillActions {
  display: flex;
  gap: 8px;
}
.verifiedHistoryBackfill button {
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid #34425a;
  border-radius: 7px;
  background: transparent;
  color: #dbe4f2;
  font-weight: 800;
}
.verifiedHistoryBackfill button.primary {
  border-color: #3182f6;
  background: #3182f6;
  color: #fff;
}
.verifiedHistoryBackfill button:disabled {
  opacity: .46;
}
.verifiedHistoryBackfill > p {
  grid-column: 1 / -1;
  margin: -8px 0 0;
  color: #78a9ff;
  font-size: 13px;
  font-weight: 700;
}
.boutCorrectionQueue {
  margin: 18px 0;
  padding: 22px;
  border: 1px solid #253044;
  border-radius: 8px;
  background: #111925;
}
.boutCorrectionQueue > header {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: end;
}
.boutCorrectionQueue > header div {
  display: grid;
  gap: 5px;
}
.boutCorrectionQueue > header span,
.boutCorrectionList dt {
  color: #77849a;
  font-size: 12px;
}
.boutCorrectionQueue > header strong,
.boutCorrectionList strong,
.boutCorrectionList dd {
  color: #f7f9fc;
}
.boutCorrectionQueue > header small,
.boutCorrectionQueue > header p,
.boutCorrectionList small {
  color: #96a2b5;
}
.boutCorrectionList article {
  display: grid;
  grid-template-columns: minmax(190px, 1fr) auto minmax(220px, 1fr) auto;
  gap: 20px;
  align-items: center;
  padding: 17px 0;
  border-bottom: 1px solid #202a3b;
}
.boutCorrectionList article > div:first-child,
.boutCorrectionList article > p {
  display: grid;
  gap: 4px;
}
.boutCorrectionList .boutCorrectionProgress {
  grid-column: 1 / 4;
  padding: 12px 14px;
  border: 1px solid #253a58;
  border-radius: 7px;
  background: #101d30;
}
.boutCorrectionProgress b {
  color: #78a9ff;
}
.boutCorrectionList article > div:first-child > span {
  color: #78a9ff;
  font-size: 12px;
  font-weight: 800;
}
.boutCorrectionList dl {
  display: flex;
  gap: 18px;
  margin: 0;
}
.boutCorrectionList dl div {
  display: grid;
  gap: 3px;
}
.boutCorrectionList dd {
  margin: 0;
  font-weight: 800;
}
.boutCorrectionList article > p {
  margin: 0;
  color: #dbe4f2;
  font-size: 13px;
}
.boutCorrectionEvidenceHistory {
  grid-column: 1 / -1;
  border-top: 1px solid #253044;
  border-bottom: 1px solid #253044;
}
.boutCorrectionEvidenceHistory > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 48px;
  color: #c7d0dd;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  list-style: none;
}
.boutCorrectionEvidenceHistory > summary::-webkit-details-marker {
  display: none;
}
.boutCorrectionEvidenceHistory > summary span {
  color: #78a9ff;
  font-size: 12px;
}
.boutCorrectionEvidenceHistory > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding-bottom: 16px;
}
.boutCorrectionEvidenceHistory > div > p {
  margin: 0;
  padding: 18px;
  border: 1px solid #2a374b;
  border-radius: 8px;
  color: #8f9bad;
  font-size: 13px;
  line-height: 1.6;
}
.boutCorrectionActions {
  display: flex;
  gap: 8px;
}
.boutCorrectionConfirm {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(220px, 1.2fr) minmax(260px, 1fr) auto;
  gap: 16px;
  align-items: center;
  padding: 16px;
  border: 1px solid #315784;
  border-radius: 8px;
  background: #0f1d30;
}
.boutCorrectionConfirm > div:first-child {
  display: grid;
  gap: 4px;
}
.boutCorrectionConfirm > div:first-child span {
  color: #78a9ff;
  font-size: 12px;
  font-weight: 800;
}
.boutCorrectionConfirm > div:first-child small {
  line-height: 1.5;
}
.boutCorrectionConfirm dl {
  padding: 10px 12px;
  border: 1px solid #26354a;
  border-radius: 7px;
  background: #0b1524;
}
.boutCorrectionConfirmActions {
  display: flex;
  gap: 8px;
}
.boutCorrectionConfirmActions button {
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid #34425a;
  border-radius: 7px;
  background: transparent;
  color: #dbe4f2;
  font-weight: 800;
}
.boutCorrectionConfirmActions button.primary {
  border-color: #3182f6;
  background: #3182f6;
  color: #fff;
}
.boutCorrectionConfirmActions button.danger {
  border-color: #e05263;
  background: #c93f51;
  color: #fff;
}
.boutCorrectionActions > strong {
  color: #8fd9b6;
  font-size: 13px;
  white-space: nowrap;
}
.boutCorrectionActions button,
.resultCorrectionRequest button {
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid #34425a;
  border-radius: 7px;
  background: transparent;
  color: #dbe4f2;
  font-weight: 800;
}
.boutCorrectionActions button.primary,
.resultCorrectionRequest button {
  border-color: #3182f6;
  background: #3182f6;
  color: #fff;
}
.boutCorrectionMessage {
  color: #78a9ff;
  font-weight: 700;
}
.resultCorrectionRequest {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid #253044;
}
.resultCorrectionRequest summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #aeb9c9;
  font-weight: 800;
  cursor: pointer;
}
.resultCorrectionRequest summary > span {
  color: #dbe4f2;
  font-size: 14px;
}
.resultCorrectionRequest summary > strong {
  color: #78a9ff;
  font-size: 12px;
  white-space: nowrap;
}
.resultCorrectionRequest > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
  padding: 16px;
  border-radius: 8px;
  background: #0e1622;
}
.resultCorrectionRequest p,
.resultCorrectionRequest label {
  display: grid;
  gap: 6px;
  margin: 0;
}
.resultCorrectionRequest p,
.resultCorrectionRequest .wide {
  grid-column: 1 / -1;
}
.resultCorrectionRequest span {
  color: #96a2b5;
  font-size: 12px;
  font-weight: 700;
}
.resultCorrectionRequest input,
.resultCorrectionRequest select,
.resultCorrectionRequest textarea {
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid #30405a;
  border-radius: 7px;
  color: #f7f9fc;
  background: #121c2b;
  font: inherit;
}
.resultCorrectionRequest textarea {
  min-height: 82px;
  resize: vertical;
}
.resultCorrectionRequest .correctionEvidenceFile {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  padding: 14px;
  border: 1px solid #30405a;
  border-radius: 8px;
  background: #121c2b;
  cursor: pointer;
}
.resultCorrectionRequest .correctionEvidenceFile span,
.resultCorrectionRequest .correctionEvidenceFile small {
  grid-column: 1;
}
.resultCorrectionRequest .correctionEvidenceFile strong {
  grid-column: 1;
  overflow-wrap: anywhere;
  color: #f7f9fc;
  font-size: 14px;
}
.resultCorrectionRequest .correctionEvidenceFile::after {
  grid-column: 2;
  grid-row: 1 / 4;
  content: "\d30c\c77c  \c120\d0dd";
  padding: 11px 14px;
  border: 1px solid #476080;
  border-radius: 7px;
  color: #dbeafe;
  font-size: 12px;
  font-weight: 800;
}
.resultCorrectionRequest .correctionEvidenceFile input {
  position: absolute;
  width: 1px;
  height: 1px;
  min-height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
}
.resultCorrectionComparison {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: stretch;
  gap: 10px;
}
.resultCorrectionComparison > div {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 14px;
  border: 1px solid #30405a;
  border-radius: 8px;
  background: #121c2b;
}
.resultCorrectionComparison > div:last-child {
  border-color: #2868bd;
  background: #10223a;
}
.resultCorrectionComparison > div strong {
  overflow-wrap: anywhere;
  color: #f7f9fc;
  font-size: 15px;
}
.resultCorrectionComparison > div small {
  color: #78a9ff;
  font-weight: 800;
}
.resultCorrectionComparison > b {
  align-self: center;
  color: #78a9ff;
}
.resultCorrectionPrevious {
  padding: 12px 14px;
  border: 1px solid #30405a;
  border-radius: 8px;
  background: #121c2b;
}
.resultCorrectionProgress {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid #2868bd;
  border-radius: 8px;
  background: #10223a;
}
.resultCorrectionProgress > div {
  display: grid;
  gap: 5px;
}
.resultCorrectionProgress > div strong {
  color: #f7f9fc;
  font-size: 17px;
}
.resultCorrectionProgress > div small {
  color: #aeb9c9;
  line-height: 1.5;
}
.resultCorrectionProgress ol {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.resultCorrectionProgress li {
  min-width: 0;
  padding: 9px 8px;
  border-radius: 6px;
  background: #182538;
  color: #8492a6;
  font-size: 11px;
  font-weight: 800;
  text-align: center;
}
.resultCorrectionProgress li.done {
  color: #8fd9b6;
}
.resultCorrectionProgress li.active {
  background: #2059a2;
  color: #fff;
}
.resultCorrectionRequest button.secondary {
  border-color: #40516a;
  background: transparent;
  color: #dbe4f2;
}
.resultCorrectionRequest button.danger {
  border-color: #e25c68;
  background: #b83c4a;
  color: #fff;
}
.resultCorrectionWithdraw {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid #7d3c47;
  border-radius: 8px;
  background: #24141b;
}
.resultSubmissionWithdrawal {
  margin-top: 14px;
  padding: 18px;
  border: 1px solid rgba(245, 158, 11, 0.35);
  border-radius: 18px;
  background: rgba(245, 158, 11, 0.07);
}
.resultSubmissionWithdrawal > div {
  display: grid;
  gap: 10px;
}
.resultSubmissionWithdrawal span,
.resultSubmissionWithdrawal small {
  color: var(--text-muted);
}
.resultSubmissionWithdrawal label {
  display: grid;
  gap: 7px;
}
.resultSubmissionWithdrawal textarea {
  min-height: 88px;
  resize: vertical;
}
.resultSubmissionWithdrawal nav {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.resultEvidenceReuse {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 12px;
  background: rgba(59, 130, 246, 0.08);
  cursor: pointer;
}
.resultEvidenceReuse input {
  width: 18px;
  height: 18px;
}
.resultEvidenceReuse > span {
  display: grid;
  gap: 3px;
}
.resultEvidenceReuse small {
  color: var(--text-muted);
}
.resultWithdrawalBlocked {
  padding: 13px 15px;
  border: 1px solid rgba(239, 68, 68, 0.4);
  border-radius: 12px;
  background: rgba(127, 29, 29, 0.18);
}
.resultWithdrawalBlocked strong {
  color: #fecaca;
}
.resultWithdrawalBlocked ol {
  margin: 8px 0 0;
  padding-left: 20px;
  color: var(--text-muted);
}
.resultWithdrawalBlocked li {
  line-height: 1.55;
}
.resultWithdrawalBlocked li + li {
  margin-top: 5px;
}
.resultSubmissionWithdrawal nav {
  margin-top: 4px;
}
.resultSubmissionWithdrawal nav button {
  min-height: 44px;
  padding: 0 18px;
  border-radius: 10px;
  font-weight: 800;
}
@media (max-width: 700px) {
  .resultSubmissionWithdrawal {
    padding: 14px;
  }
  .resultSubmissionWithdrawal nav {
    display: grid;
    grid-template-columns: 1fr;
  }
  .resultSubmissionWithdrawal nav button {
    width: 100%;
    min-height: 48px;
  }
}
.resultCorrectionWithdraw > div:first-child {
  display: grid;
  gap: 4px;
}
.resultCorrectionWithdraw > div:first-child strong {
  color: #fff;
}
.resultCorrectionWithdraw > div:last-child {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
@media (max-width: 1040px) {
  .boutCorrectionList article {
    grid-template-columns: 1fr 1fr;
  }
  .verifiedHistoryBackfill {
    grid-template-columns: 1fr;
  }
  .athleteProjectionList article {
    grid-template-columns: 1fr auto;
  }
  .athleteProjectionList dl,
  .athleteProjectionConsent {
    grid-column: 1 / -1;
  }
}
@media (max-width: 700px) {
  .boutCorrectionQueue {
    padding: 18px;
  }
  .boutCorrectionQueue > header,
  .boutCorrectionList article {
    display: grid;
    grid-template-columns: 1fr;
  }
  .boutCorrectionList dl,
  .boutCorrectionActions {
    width: 100%;
  }
  .boutCorrectionList .boutCorrectionProgress {
    grid-column: auto;
  }
  .boutCorrectionActions button {
    flex: 1;
  }
  .boutCorrectionConfirm {
    grid-template-columns: 1fr;
  }
  .boutCorrectionConfirmActions,
  .boutCorrectionConfirmActions button {
    width: 100%;
  }
  .boutCorrectionConfirmActions button {
    flex: 1;
  }
  .boutCorrectionEvidenceHistory > div {
    grid-template-columns: 1fr;
  }
  .resultCorrectionRequest > div {
    grid-template-columns: 1fr;
    padding: 14px;
  }
  .resultCorrectionRequest p,
  .resultCorrectionRequest .wide {
    grid-column: auto;
  }
  .resultCorrectionRequest .correctionEvidenceFile {
    grid-template-columns: 1fr;
  }
  .resultCorrectionRequest .correctionEvidenceFile::after {
    grid-column: 1;
    grid-row: auto;
    margin-top: 6px;
    text-align: center;
  }
  .resultCorrectionComparison {
    grid-template-columns: 1fr;
  }
  .resultCorrectionComparison > b {
    transform: rotate(90deg);
    justify-self: center;
  }
  .resultCorrectionProgress ol {
    grid-template-columns: 1fr;
  }
  .resultCorrectionRequest button,
  .resultCorrectionWithdraw > div:last-child button {
    min-height: 48px;
  }
  .verifiedHistoryBackfill {
    padding: 18px;
  }
  .verifiedHistoryBackfill dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .verifiedHistoryBackfillActions button {
    flex: 1;
  }
  .athleteProjectionQueue {
    margin: 18px 0;
    padding: 18px;
  }
  .athleteProjectionQueue > header,
  .athleteProjectionList article {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .athleteProjectionQueue > header p {
    white-space: normal;
  }
  .athleteProjectionList dl,
  .athleteProjectionConsent {
    grid-column: auto;
  }
  .athleteProjectionList button {
    width: 100%;
  }
  .athleteProjectionAudits article {
    grid-template-columns: 44px 1fr;
  }
  .athleteProjectionAudits article small {
    grid-column: 1 / -1;
  }
  .recordPolicyDecisionFlow .isClear > header,
  .recordPolicyDecisionFlow .isClear > header div {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 10px;
  }
}
@media (max-width: 700px) {
  .internalShell .sidebar nav button {
    flex: 0 0 78px;
    min-width: 78px;
    padding-inline: 4px;
    font-size: 12px;
  }
  .monitoringHeader h3 {
    font-size: 25px;
  }
}
.monitoringRefresh {
  min-height: 36px;
  padding: 0 10px;
  border: 1px solid var(--line-strong);
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--text-soft);
  background: transparent;
  font-size: 12px;
  font-weight: 850;
}
.monitoringRefresh:disabled {
  cursor: wait;
  opacity: 0.58;
}
.monitoringIncidentList article {
  min-height: 104px;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 18px 0;
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}
.monitoringIncidentList article > svg {
  color: #fb7185;
}
.monitoringIncidentList article.critical {
  box-shadow: inset 3px 0 0 #fb7185;
  background:
    linear-gradient(
      90deg,
      rgba(225, 29, 72, 0.08),
      transparent 54%);
}
.monitoringIncidentList article.critical > svg,
.monitoringIncidentList article.critical span {
  color: #fda4af;
}
.monitoringIncidentList article > div:nth-child(2) {
  min-width: 0;
  display: grid;
  gap: 4px;
}
.monitoringIncidentList span {
  color: #fda4af;
  font-size: 12px;
  font-weight: 850;
}
.monitoringIncidentList strong {
  overflow-wrap: anywhere;
}
.monitoringIncidentList small {
  color: var(--text-muted);
  font-weight: 700;
  overflow-wrap: anywhere;
}
.monitoringIncidentActions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.monitoringIncidentActions button {
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid var(--line-strong);
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--text-soft);
  background: rgba(15, 23, 42, 0.72);
  font-size: 12px;
  font-weight: 850;
}
.monitoringIncidentActions button:last-child {
  color: #fff;
  border-color: transparent;
  background: var(--accent-primary);
}
.monitoringIncidentActions button:disabled {
  cursor: wait;
  opacity: 0.58;
}
.monitoringIncidentError {
  min-height: 86px;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #fda4af;
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
  font-weight: 750;
}
.monitoringAlertOutboxSection > header small {
  color: var(--text-muted);
}
.monitoringProviderStatus {
  min-height: 72px;
  margin: 4px 0 12px;
  padding: 14px 16px;
  border: 1px solid var(--line-soft);
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  color: var(--text-muted);
  background: rgba(15, 23, 42, 0.42);
}
.monitoringProviderStatus.ready {
  border-color: rgba(52, 211, 153, 0.28);
  color: #6ee7b7;
}
.monitoringProviderStatus.invalid,
.monitoringProviderStatus.delivery_error {
  border-color: rgba(251, 113, 133, 0.3);
  color: #fda4af;
}
.monitoringProviderStatus.unconfigured {
  border-color: rgba(251, 191, 36, 0.28);
  color: #fcd34d;
}
.monitoringProviderStatus > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}
.monitoringProviderStatus strong {
  color: #f8fafc;
  font-size: 13px;
}
.monitoringProviderStatus span,
.monitoringProviderStatus time {
  color: var(--text-muted);
  font-size: 11px;
  font-weight: 700;
  overflow-wrap: anywhere;
}
.monitoringAlertOutboxList article {
  min-height: 68px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}
.monitoringAlertOutboxList article > svg {
  color: #8ab8ff;
}
.monitoringAlertOutboxList article > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}
.monitoringAlertOutboxList strong {
  overflow-wrap: anywhere;
}
.monitoringAlertOutboxList span,
.monitoringAlertOutboxList time {
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 750;
}
.monitoringAlertOutboxList button {
  min-height: 36px;
  padding: 0 10px;
  border: 1px solid var(--line-strong);
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--text-soft);
  background: transparent;
  font-size: 12px;
  font-weight: 850;
}
.monitoringAlertOutboxList button:disabled {
  cursor: wait;
  opacity: 0.58;
}
@media (max-width: 700px) {
  .monitoringProviderStatus {
    grid-template-columns: 22px minmax(0, 1fr);
    align-items: start;
    padding: 13px 12px;
  }
  .monitoringProviderStatus time {
    grid-column: 2;
  }
  .monitoringIncidentList article {
    grid-template-columns: 28px minmax(0, 1fr);
  }
  .monitoringIncidentActions {
    grid-column: 2;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .monitoringAlertOutboxList article {
    grid-template-columns: 28px minmax(0, 1fr) auto;
  }
  .monitoringAlertOutboxList article > button {
    grid-column: 2 / -1;
    justify-self: start;
  }
}
.storageStatusFold {
  margin: 0;
  border: 0;
  border-bottom: 1px solid rgba(148, 163, 184, 0.14);
  background: transparent;
}
.storageStatusFold > summary {
  min-height: 52px;
  padding: 0 2px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  list-style: none;
  cursor: pointer;
}
.storageStatusFold > summary::-webkit-details-marker {
  display: none;
}
.storageStatusFold > summary::after {
  content: "\d3bc\ce58\ae30";
  color: #60a5fa;
  font-size: 12px;
  font-weight: 800;
}
.storageStatusFold[open] > summary::after {
  content: "\c811\ae30";
}
.storageStatusFold > summary span {
  color: #e2e8f0;
  font-size: 13px;
  font-weight: 800;
}
.storageStatusFold > summary strong {
  min-width: 0;
  color: #94a3b8;
  font-size: 12px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.storageStatusBody {
  padding: 4px 2px 16px;
  display: grid;
  gap: 5px;
}
.storageStatusBody span {
  color: #60a5fa;
  font-size: 12px;
  font-weight: 800;
}
.storageStatusBody strong {
  color: #e2e8f0;
  font-size: 14px;
  line-height: 1.5;
}
.storageStatusBody small {
  color: #94a3b8;
  font-size: 12px;
  line-height: 1.55;
}
@media (max-width: 720px) {
  .storageStatusFold > summary {
    min-height: 48px;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
  }
  .storageStatusFold > summary strong {
    display: none;
  }
}
.fighterWorkbenchPanel .fighterRecordEvidenceFold {
  margin-top: 12px;
  border-top: 1px solid rgba(148, 163, 184, 0.1);
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}
.fighterWorkbenchPanel .fighterRecordEvidenceFold > summary {
  min-height: 54px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  list-style: none;
  cursor: pointer;
}
.fighterWorkbenchPanel .fighterRecordEvidenceFold > summary::-webkit-details-marker {
  display: none;
}
.fighterWorkbenchPanel .fighterRecordEvidenceFold > summary::after {
  content: "\d3bc\ce58\ae30";
  color: #60a5fa;
  font-size: 11px;
  font-weight: 900;
}
.fighterWorkbenchPanel .fighterRecordEvidenceFold[open] > summary::after {
  content: "\c811\ae30";
}
.fighterWorkbenchPanel .fighterRecordEvidenceFold > summary span {
  color: #e2e8f0;
  font-size: 13px;
  font-weight: 900;
}
.fighterWorkbenchPanel .fighterRecordEvidenceFold > summary strong {
  min-width: 0;
  color: #94a3b8;
  font-size: 12px;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fighterWorkbenchPanel .fighterRecordEvidenceBody {
  padding: 0 0 18px;
  display: grid;
  gap: 12px;
}
.fighterWorkbenchPanel .fighterRecordEvidenceBody > :first-child {
  margin-top: 0;
}
@media (max-width: 720px) {
  .fighterWorkbenchPanel .fighterRecordEvidenceFold > summary {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .fighterWorkbenchPanel .fighterRecordEvidenceFold > summary strong {
    display: none;
  }
}
.eventDayConsole {
  margin: 0 0 18px;
  padding: 28px;
  border: 1px solid #e5e8eb;
  border-radius: 8px;
  background: #fff;
  color: #191f28;
}
.eventDayHeader,
.eventDayLayout,
.eventProgramBout,
.eventProgramBreak,
.eventBreakActions,
.eventProgramActions {
  display: flex;
}
.eventDayHeader {
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #eef0f2;
}
.eventDayHeader > div:first-child > span,
.eventBreakComposer > span {
  color: #3182f6;
  font-size: 13px;
  font-weight: 800;
}
.eventDayHeader h2 {
  margin: 7px 0 8px;
  font-size: 26px;
  letter-spacing: 0;
}
.eventDayHeader p,
.eventBreakComposer small {
  margin: 0;
  color: #6b7684;
  line-height: 1.55;
}
.eventDayHeadline {
  min-width: 220px;
  padding-left: 24px;
  border-left: 1px solid #eef0f2;
}
.eventDayHeadline strong,
.eventDayHeadline span {
  display: block;
}
.eventDayHeadline span {
  margin: 5px 0 14px;
  color: #6b7684;
  font-size: 13px;
}
.eventDayHeadline small {
  display: block;
  margin: -5px 0 14px;
  color: #6b7684;
  font-size: 12px;
  line-height: 1.45;
}
.eventDayConsole button,
.eventDayConsole input,
.eventDayConsole select {
  min-height: 42px;
  border: 1px solid #d9dfe7;
  border-radius: 8px;
  background: #fff;
  color: #333d4b;
  font: inherit;
}
.eventDayConsole button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 15px;
  font-weight: 800;
  cursor: pointer;
}
.eventDayConsole button.primary,
.eventDayHeadline button {
  border-color: #3182f6;
  background: #3182f6;
  color: #fff;
}
.eventDayConsole button:disabled {
  cursor: not-allowed;
  opacity: .45;
}
.eventDayMessage {
  margin: 16px 0 0;
  padding: 12px 14px;
  border-radius: 8px;
  background: #f2f7ff;
  color: #1b64da;
  font-weight: 700;
}
.eventNotificationMetrics {
  display: grid;
  grid-template-columns: minmax(180px, 0.75fr) minmax(0, 1.6fr);
  gap: 18px 24px;
  margin-top: 16px;
  padding: 18px 0;
  border-top: 1px solid #eef0f2;
  border-bottom: 1px solid #eef0f2;
}
.eventNotificationMetrics header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.eventNotificationMetrics header div {
  display: grid;
  gap: 3px;
}
.eventNotificationMetrics header span,
.eventNotificationMetrics header small,
.eventNotificationMetrics > div small {
  color: #8b95a1;
  font-size: 12px;
  font-weight: 700;
}
.eventNotificationMetrics header span {
  color: #3182f6;
}
.eventNotificationMetrics header strong {
  color: #191f28;
  font-size: 16px;
}
.eventNotificationMetrics header small {
  text-align: right;
}
.eventNotificationMetrics > div {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid #eef0f2;
  border-radius: 8px;
  overflow: hidden;
}
.eventNotificationMetrics > div > span {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px 14px;
  border-left: 1px solid #eef0f2;
}
.eventNotificationMetrics > div > span:first-child {
  border-left: 0;
}
.eventNotificationMetrics > div strong {
  color: #333d4b;
  font-size: 20px;
}
.eventNotificationMetrics > div .sent strong {
  color: #00a878;
}
.eventNotificationMetrics > div .scheduled strong {
  color: #3182f6;
}
.eventNotificationMetrics > div .failed strong {
  color: #f04452;
}
.eventNotificationMetrics > p {
  grid-column: 1 / -1;
  margin: -8px 0 0;
  color: #8b95a1;
  font-size: 12px;
  text-align: right;
}
.eventDayLayout {
  align-items: flex-start;
  gap: 22px;
  padding-top: 22px;
}
.eventProgramList {
  flex: 1;
  min-width: 0;
}
.eventProgramBout {
  align-items: center;
  gap: 16px;
  min-height: 94px;
  padding: 14px 16px;
  border-bottom: 1px solid #eef0f2;
}
.eventProgramBout.ongoing {
  border: 1px solid #3182f6;
  border-radius: 8px;
  background: #f5f9ff;
}
.eventProgramOrder {
  width: 66px;
  flex: 0 0 66px;
}
.eventProgramOrder span {
  display: block;
  font-size: 28px;
  font-weight: 900;
}
.eventProgramOrder small,
.eventCorner small,
.eventProgramBreak small {
  color: #8b95a1;
}
.eventCorner {
  min-width: 0;
  flex: 1;
}
.eventCorner span {
  display: block;
  margin-bottom: 4px;
  font-size: 11px;
  font-weight: 900;
}
.eventCorner.red span {
  color: #f04452;
}
.eventCorner.blue span {
  color: #3182f6;
}
.eventCorner strong,
.eventCorner small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.eventCorner strong {
  font-size: 18px;
}
.eventProgramVersus {
  color: #b0b8c1;
  font-size: 12px;
  font-weight: 900;
}
.eventProgramActions {
  width: 120px;
  justify-content: flex-end;
}
.eventProgramActions.editing {
  width: 280px;
}
.eventProgramReorder {
  display: inline-flex;
  gap: 4px;
}
.eventProgramEditControls {
  display: grid;
  gap: 6px;
  width: 100%;
}
.eventBoutCancelAction {
  color: #b42318;
  border-color: #fecaca;
  background: #fff;
}
.eventBoutCancelConfirm {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto auto;
  align-items: center;
  gap: 8px;
  width: min(520px, 100%);
  padding: 10px;
  border: 1px solid #fecaca;
  border-radius: 8px;
  background: #fff7f7;
}
.eventBoutCancelConfirm span {
  display: grid;
  gap: 2px;
  color: #6b7280;
  font-size: 12px;
}
.eventBoutCancelConfirm span strong {
  color: #b42318;
  font-size: 13px;
}
.eventBoutCancelConfirm .danger {
  color: #fff;
  border-color: #dc2626;
  background: #dc2626;
}
.eventProgramReorder .iconOnly {
  width: 34px;
  min-width: 34px;
  height: 34px;
  padding: 0;
}
.eventProgramBreak {
  align-items: center;
  gap: 14px;
  margin: 10px 0;
  padding: 15px 16px;
  border: 1px solid #ffd591;
  border-radius: 8px;
  background: #fff9ed;
  color: #8a4b08;
}
.eventProgramBreak.ongoing {
  border-color: #f59f00;
  background: #fff3d5;
}
.eventProgramBreak > div:nth-child(2) {
  flex: 1;
}
.eventProgramBreak span,
.eventProgramBreak strong,
.eventProgramBreak small {
  display: block;
}
.eventProgramBreak strong {
  margin: 2px 0;
  color: #5a3307;
}
.eventBreakActions {
  align-items: center;
  gap: 8px;
}
.eventBreakActions .iconOnly {
  width: 42px;
  padding: 0;
}
.eventBreakComposer {
  position: sticky;
  top: 18px;
  width: 260px;
  flex: 0 0 260px;
  padding: 20px;
  border: 1px solid #e5e8eb;
  border-radius: 8px;
  background: #f7f8fa;
}
.eventBreakComposer h3 {
  margin: 5px 0 18px;
  font-size: 20px;
}
.eventBreakComposer label {
  display: block;
  margin-top: 14px;
  color: #4e5968;
  font-size: 13px;
  font-weight: 800;
}
.eventBreakComposer input,
.eventBreakComposer select {
  width: 100%;
  margin-top: 7px;
  padding: 0 12px;
}
.eventBreakComposer > button {
  width: 100%;
  margin: 16px 0 12px;
}
.eventBreakMinutes {
  position: relative;
}
.eventBreakMinutes span {
  position: absolute;
  top: 20px;
  right: 12px;
  color: #6b7684;
}
.eventProgramEmpty {
  padding: 40px 18px;
  color: #6b7684;
  text-align: center;
}
@media (max-width: 860px) {
  .eventDayConsole {
    padding: 20px 16px;
  }
  .eventDayHeader,
  .eventDayLayout {
    display: block;
  }
  .eventDayHeadline {
    margin-top: 18px;
    padding: 16px 0 0;
    border-top: 1px solid #eef0f2;
    border-left: 0;
  }
  .eventDayHeadline button {
    width: 100%;
  }
  .eventNotificationMetrics {
    display: block;
    padding: 16px 0;
  }
  .eventNotificationMetrics > div {
    margin-top: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .eventNotificationMetrics > div > span:nth-child(3) {
    border-left: 0;
    border-top: 1px solid #eef0f2;
  }
  .eventNotificationMetrics > div > span:nth-child(4) {
    border-top: 1px solid #eef0f2;
  }
  .eventNotificationMetrics > p {
    margin: 10px 0 0;
    text-align: left;
  }
  .eventProgramBout {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) 18px minmax(0, 1fr);
    gap: 10px;
    padding: 16px 4px;
  }
  .eventProgramOrder {
    width: 48px;
  }
  .eventProgramOrder span {
    font-size: 22px;
  }
  .eventCorner strong {
    font-size: 15px;
  }
  .eventProgramActions {
    grid-column: 2 / -1;
    width: auto;
  }
  .eventProgramActions.editing {
    width: auto;
  }
  .eventProgramActions button {
    width: 100%;
  }
  .eventProgramReorder {
    width: 100%;
  }
  .eventProgramReorder .iconOnly {
    width: 50%;
    min-width: 0;
  }
  .eventBoutCancelConfirm {
    grid-column: 1 / -1;
    grid-template-columns: 1fr 1fr;
  }
  .eventBoutCancelConfirm span {
    grid-column: 1 / -1;
  }
  .eventBoutCancelConfirm button {
    width: 100%;
  }
  .eventProgramBreak {
    align-items: flex-start;
  }
  .eventBreakActions {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .eventBreakComposer {
    position: static;
    width: auto;
    margin-top: 24px;
  }
}
.eventDelayControl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: 16px 0;
  padding: 18px 20px;
  border: 1px solid #273449;
  border-radius: 8px;
  background: #111927;
}
.eventDelayControl.active {
  border-color: #f59e0b;
  background: #211a0c;
}
.eventDelaySummary {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}
.eventDelaySummary > svg {
  flex: 0 0 auto;
  color: #f59e0b;
}
.eventDelaySummary div {
  display: grid;
  gap: 3px;
}
.eventDelaySummary span,
.eventDelaySummary small,
.eventDelayForm label > span {
  color: #91a0b7;
  font-size: 12px;
}
.eventDelaySummary strong {
  color: #f8fafc;
  font-size: 17px;
}
.eventDelayForm {
  display: grid;
  grid-template-columns: 112px minmax(220px, 1fr) auto;
  align-items: end;
  gap: 10px;
  min-width: min(100%, 520px);
}
.eventDelayForm label {
  display: grid;
  gap: 6px;
}
.eventDelayForm input,
.eventDelayForm select {
  width: 100%;
  min-height: 42px;
}
.eventDelayToggle {
  display: none !important;
  width: 42px;
  min-width: 42px;
  padding: 0 !important;
  border-color: #34445c !important;
  background: #1b2638 !important;
  color: #d7e2f0 !important;
}
@media (max-width: 760px) {
  .eventDelayControl,
  .eventDelayForm {
    grid-template-columns: 1fr;
  }
  .eventDelayControl {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    padding: 14px 16px;
  }
  .eventDelayControl > button,
  .eventDelayForm button {
    width: 100%;
  }
  .eventDelayToggle {
    display: inline-flex !important;
    width: 42px !important;
  }
  .eventDelayControl:not(.expanded):not(.active) .eventDelayForm {
    display: none;
  }
  .eventDelayControl .eventDelayForm,
  .eventDelayControl > button.primary {
    grid-column: 1 / -1;
  }
}
.eventRingTabs,
.publicRingTabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 4px 0 12px;
  scrollbar-width: none;
}
.eventRingTabs button,
.publicRingTabs button {
  flex: 0 0 auto;
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid var(--line, #dfe5ee);
  background: transparent;
  color: inherit;
}
.eventRingTabs button.active,
.publicRingTabs button.active {
  border-color: #3182f6;
  background: #3182f6;
  color: #fff;
}
.eventRingTabs button span,
.publicRingTabs button span {
  margin-left: 8px;
  opacity: .72;
}
.eventRingSelect {
  width: 92px;
  min-height: 34px;
  border: 1px solid var(--line, #dfe5ee);
  background: var(--surface, #fff);
  color: inherit;
}
.eventRingInterlock {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 10px;
  padding: 12px 14px;
  border: 1px solid #ffd8a8;
  border-radius: 8px;
  background: #fff8eb;
  color: #8a4b08;
  font-size: 13px;
  line-height: 1.45;
}
.eventRingInterlock strong {
  display: block;
  color: #5f3305;
}
.eventRunCommand {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(250px, .75fr);
  margin-top: 18px;
  overflow: hidden;
  border: 1px solid #dfe5ee;
  border-radius: 8px;
  background: #f7f8fa;
}
.eventRunCommand.live {
  border-color: #8ab8ff;
  background: #f2f7ff;
}
.eventRunCommand.breakActive {
  border-color: #ffd591;
  background: #fff9ed;
}
.eventRunPrimary {
  min-width: 0;
  padding: 22px;
  border-right: 1px solid #e5e8eb;
}
.eventRunPrimary > header {
  display: grid;
  gap: 4px;
}
.eventRunPrimary > header span,
.eventRunNext > span,
.eventProgramToolbar span {
  color: #3182f6;
  font-size: 12px;
  font-weight: 850;
}
.eventRunPrimary > header strong {
  color: #191f28;
  font-size: 22px;
}
.eventRunPrimary > p,
.eventRunNext p {
  margin: 10px 0 0;
  color: #6b7684;
  line-height: 1.5;
}
.eventRunCorners {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  margin-top: 18px;
}
.eventRunCorners .eventCorner {
  padding: 14px 16px;
  border: 1px solid #e5e8eb;
  border-radius: 8px;
  background: #fff;
}
.eventRunCorners .eventCorner strong {
  font-size: 20px;
}
.eventRunPrimaryAction {
  display: flex;
  justify-content: flex-end;
  margin-top: 18px;
}
.eventRunPrimaryAction button {
  min-width: 190px;
}
.eventCloseBlockerPanel {
  display: grid;
  width: 100%;
  gap: 10px;
  padding: 14px;
  border: 1px solid #f2b8b5;
  border-radius: 14px;
  background: #fff7f7;
  text-align: left;
}
.eventCloseBlockerPanel > header {
  display: grid;
  gap: 4px;
}
.eventCloseBlockerPanel.completedInconsistent {
  border-width: 2px;
  border-color: #e5484d;
  background: #fff3f3;
  box-shadow: 0 8px 24px rgba(180, 35, 24, 0.08);
}
.eventCloseBlockerPanel > header span {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #b42318;
  font-weight: 850;
}
.eventCloseBlockerPanel > header small,
.eventCloseBlockerHelp {
  color: #6b7684;
  line-height: 1.45;
}
.eventCloseBlockerList {
  display: grid;
  gap: 7px;
}
.eventRunPrimaryAction .eventCloseBlockerList button {
  display: grid;
  grid-template-columns: auto minmax(130px, 1fr) minmax(120px, auto) auto;
  align-items: center;
  width: 100%;
  min-width: 0;
  gap: 10px;
  padding: 12px;
  border-color: #e5e8eb;
  background: #fff;
  color: #191f28;
  text-align: left;
}
.eventRunPrimaryAction .eventCloseBlockerList button:hover {
  border-color: #3182f6;
  background: #f7faff;
}
.eventCloseBlockerBout,
.eventCloseBlockerReasons {
  color: #b42318;
  font-size: 12px;
  font-weight: 800;
}
.eventCloseBlockerNames {
  min-width: 0;
  overflow: hidden;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.eventFinishConfirmation {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.eventFinishSummary {
  display: grid;
  width: 100%;
  gap: 6px;
  padding: 14px;
  border: 1px solid rgba(49, 130, 246, 0.3);
  border-radius: 14px;
  background: rgba(49, 130, 246, 0.08);
  text-align: left;
}
.eventFinishSummary span,
.eventFinishSummary label {
  color: #94a3b8;
  font-size: 13px;
}
.eventFinishSummary label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #e2e8f0;
  cursor: pointer;
}
.eventFinishSummary input {
  width: 18px;
  height: 18px;
}
.eventFinishConfirmation button {
  min-width: 128px;
}
.eventRunNext {
  min-width: 0;
  padding: 22px;
}
.eventRunNext strong {
  display: block;
  margin-top: 6px;
  color: #191f28;
  font-size: 18px;
}
.eventRunNext p {
  overflow: hidden;
  margin-top: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.eventRunNext b {
  color: #8b95a1;
  font-size: 11px;
}
.eventRunNext small {
  display: block;
  margin-top: 10px;
  color: #8b95a1;
}
.eventSupportTools {
  margin-top: 16px;
  border-top: 1px solid #eef0f2;
  border-bottom: 1px solid #eef0f2;
}
.eventSupportTools > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 58px;
  padding: 0 4px;
  color: #4e5968;
  cursor: pointer;
  list-style: none;
}
.eventSupportTools > summary::-webkit-details-marker {
  display: none;
}
.eventSupportTools > summary > span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 850;
}
.eventSupportTools > summary small {
  color: #8b95a1;
}
.eventSupportTools > summary::after {
  content: "+";
  color: #8b95a1;
  font-size: 22px;
  font-weight: 500;
}
.eventSupportTools[open] > summary::after {
  content: "\2212";
}
.eventSupportToolsBody {
  padding: 0 0 20px;
}
.eventSupportTools .eventNotificationMetrics {
  margin-top: 0;
  border-top: 0;
}
.eventSupportTools .eventBreakComposer {
  position: static;
  width: auto;
  margin-top: 18px;
  padding: 20px 0 0;
  border: 0;
  border-top: 1px solid #eef0f2;
  background: transparent;
}
.eventSupportTools .eventBreakComposer h3 {
  margin-bottom: 12px;
}
.eventBreakComposerFields {
  display: grid;
  grid-template-columns: minmax(140px, .8fr) minmax(210px, 1.4fr) minmax(100px, .55fr) auto;
  align-items: end;
  gap: 10px;
}
.eventBreakComposerFields label {
  margin-top: 0;
}
.eventBreakComposerFields > button {
  min-width: 120px;
  margin: 0;
}
.eventProgramToolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 22px;
  padding-bottom: 12px;
  border-bottom: 1px solid #eef0f2;
}
.eventProgramToolbar > div {
  display: grid;
  gap: 3px;
}
.eventProgramToolbar strong {
  color: #191f28;
  font-size: 18px;
}
.eventProgramToolbar button {
  min-height: 38px;
}
.eventProgramToolbar button.active {
  border-color: #3182f6;
  color: #1b64da;
  background: #f2f7ff;
}
.eventDayConsole .eventDayLayout {
  padding-top: 8px;
}
.eventProgramBout.next:not(.ongoing) {
  background: #fbfdff;
}
.eventProgramQueueState {
  color: #8b95a1;
  font-size: 13px;
  font-weight: 750;
}
@media (max-width: 860px) {
  .eventRunCommand {
    grid-template-columns: 1fr;
  }
  .eventRunPrimary {
    border-right: 0;
    border-bottom: 1px solid #e5e8eb;
  }
  .eventRunNext {
    padding: 16px 20px;
  }
  .eventBreakComposerFields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .eventBreakComposerFields > button {
    width: 100%;
  }
}
@media (max-width: 560px) {
  .eventDayHeader {
    padding-bottom: 16px;
  }
  .eventDayHeader h2 {
    font-size: 23px;
  }
  .eventRunPrimary,
  .eventRunNext {
    padding: 17px;
  }
  .eventRunCorners {
    grid-template-columns: minmax(0, 1fr) 18px minmax(0, 1fr);
    gap: 8px;
  }
  .eventRunCorners .eventCorner {
    padding: 12px;
  }
  .eventRunCorners .eventCorner strong {
    font-size: 16px;
  }
  .eventRunPrimaryAction button {
    width: 100%;
  }
  .eventCloseBlockerPanel {
    padding: 12px;
  }
  .eventRunPrimaryAction .eventCloseBlockerList button {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }
  .eventCloseBlockerReasons {
    grid-column: 1 / 3;
    grid-row: 2;
  }
  .eventCloseBlockerList button svg {
    grid-column: 3;
    grid-row: 1 / 3;
  }
  .eventFinishConfirmation {
    width: 100%;
    flex-direction: column;
  }
  .eventSupportTools > summary {
    align-items: flex-start;
    min-height: 64px;
    padding: 13px 2px;
  }
  .eventSupportTools > summary small {
    display: none;
  }
  .eventBreakComposerFields {
    grid-template-columns: 1fr;
  }
  .eventProgramToolbar {
    align-items: flex-end;
  }
  .eventProgramToolbar button {
    padding: 0 11px;
  }
}
.overviewFinancialCorrection {
  border-top: 1px solid var(--line-soft);
}
.overviewFinancialCorrection > summary {
  display: flex;
  min-height: 78px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 2px;
  cursor: pointer;
  list-style: none;
}
.overviewFinancialCorrection > summary::-webkit-details-marker {
  display: none;
}
.overviewFinancialCorrection > summary > span {
  display: grid;
  gap: 4px;
}
.overviewFinancialCorrection > summary strong {
  color: #f5f7fb;
  font-size: 17px;
}
.overviewFinancialCorrection > summary small {
  color: var(--text-muted);
  font-size: 13px;
  line-height: 1.45;
}
.overviewFinancialCorrection > summary b {
  color: #8dbaff;
  font-size: 13px;
}
.overviewFinancialCorrectionBody {
  display: grid;
  gap: 18px;
  padding: 4px 0 24px;
}
.financialCorrectionLatest {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 50px;
  padding: 0 14px;
  border: 1px solid rgba(49, 130, 246, 0.2);
  border-radius: 8px;
  background: rgba(49, 130, 246, 0.08);
}
.financialCorrectionLatest span,
.financialCorrectionLatest small {
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 800;
}
.financialCorrectionLatest strong {
  min-width: 0;
  overflow-wrap: anywhere;
}
.financialCorrectionLatest.approved_adjustment {
  border-color: rgba(52, 211, 153, 0.22);
  background: rgba(52, 211, 153, 0.08);
}
.financialCorrectionLatest.rejected {
  border-color: rgba(251, 113, 133, 0.22);
  background: rgba(251, 113, 133, 0.08);
}
.financialCorrectionKinds {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  border: 0;
}
.financialCorrectionKinds legend,
.financialCorrectionFields label > span,
.financialCorrectionReason > span {
  display: block;
  margin-bottom: 8px;
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 850;
}
.financialCorrectionKinds legend {
  width: 100%;
}
.financialCorrectionKinds label {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  border: 1px solid var(--line-soft);
  border-radius: 8px;
  color: #dce5f2;
  font-weight: 800;
  cursor: pointer;
}
.financialCorrectionKinds input {
  accent-color: #3182f6;
}
.financialCorrectionFields {
  display: grid;
  gap: 12px;
}
.financialCorrectionFields.payment {
  grid-template-columns: minmax(0, 1.4fr) minmax(220px, 1fr);
}
.financialCorrectionFields.amounts {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.financialCorrectionFields label,
.financialCorrectionReason {
  min-width: 0;
}
.financialCorrectionFields select,
.financialCorrectionFields input,
.financialCorrectionReason textarea,
.financialCorrectionReviewDetail textarea {
  width: 100%;
  border: 1px solid var(--line-soft);
  border-radius: 8px;
  color: #f5f7fb;
  background: var(--surface-0);
}
.financialCorrectionFields select,
.financialCorrectionFields input {
  min-height: 48px;
  padding: 0 13px;
}
.financialCorrectionReason textarea,
.financialCorrectionReviewDetail textarea {
  padding: 12px 13px;
  resize: vertical;
}
.financialCorrectionReason small {
  display: block;
  margin-top: 6px;
  color: #8dbaff;
  font-size: 12px;
  font-weight: 800;
  text-align: right;
}
.financialCorrectionSubmit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--line-soft);
}
.financialCorrectionSubmit p {
  margin: 0;
  color: var(--text-muted);
  font-size: 13px;
  line-height: 1.5;
}
.financialCorrectionSubmit button,
.financialCorrectionReview > header button,
.financialCorrectionReviewActions button {
  min-height: 44px;
  padding: 0 16px;
  border: 1px solid rgba(49, 130, 246, 0.3);
  border-radius: 8px;
  color: #dce9ff;
  background: rgba(49, 130, 246, 0.12);
  font-weight: 850;
}
.financialCorrectionSubmit button:disabled,
.financialCorrectionReview button:disabled {
  opacity: 0.5;
}
.financialCorrectionReview {
  display: grid;
  gap: 20px;
  padding: 26px 28px;
  border-top: 1px solid var(--line-soft);
}
.financialCorrectionReview > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.financialCorrectionReview > header > div {
  display: grid;
  gap: 4px;
}
.financialCorrectionReview > header span {
  color: #8dbaff;
  font-size: 12px;
  font-weight: 850;
}
.financialCorrectionReview > header h3 {
  margin: 0;
  font-size: 21px;
}
.financialCorrectionReview > header p,
.financialCorrectionReviewEmpty,
.financialCorrectionReviewMessage {
  margin: 0;
  color: var(--text-muted);
  font-size: 13px;
  line-height: 1.5;
}
.financialCorrectionReviewLayout {
  display: grid;
  grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.2fr);
  gap: 20px;
}
.financialCorrectionReviewList {
  display: grid;
  align-content: start;
  gap: 7px;
}
.financialCorrectionReviewList button {
  display: grid;
  gap: 4px;
  width: 100%;
  min-height: 78px;
  padding: 12px 14px;
  border: 1px solid var(--line-soft);
  border-radius: 8px;
  color: #f5f7fb;
  background: transparent;
  text-align: left;
}
.financialCorrectionReviewList button.active {
  border-color: rgba(49, 130, 246, 0.55);
  background: rgba(49, 130, 246, 0.1);
}
.financialCorrectionReviewList span,
.financialCorrectionReviewList small {
  color: var(--text-muted);
  font-size: 12px;
}
.financialCorrectionReviewDetail {
  display: grid;
  align-content: start;
  gap: 16px;
  min-width: 0;
  padding-left: 20px;
  border-left: 1px solid var(--line-soft);
}
.financialCorrectionReviewDetail > div:first-child {
  display: grid;
  gap: 5px;
}
.financialCorrectionReviewDetail > div:first-child span,
.financialCorrectionReviewDetail label > span {
  color: #8dbaff;
  font-size: 12px;
  font-weight: 850;
}
.financialCorrectionReviewDetail h4 {
  margin: 0;
  font-size: 20px;
}
.financialCorrectionReviewDetail dl {
  display: grid;
  gap: 8px;
  margin: 0;
}
.financialCorrectionReviewDetail dl > div {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 12px;
}
.financialCorrectionReviewDetail dt {
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 800;
}
.financialCorrectionReviewDetail dd {
  margin: 0;
  overflow-wrap: anywhere;
  font-size: 13px;
  line-height: 1.5;
}
.financialCorrectionReviewDetail > p {
  margin: 0;
  color: var(--text-muted);
  font-size: 12px;
}
.financialCorrectionReviewActions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.financialCorrectionReviewActions button.primary {
  color: #fff;
  background: #3182f6;
}
.financialCorrectionReviewComplete {
  padding: 12px 0;
  border-top: 1px solid var(--line-soft);
}
.financialCorrectionReviewMessage {
  color: #8dbaff;
}
@media (max-width: 860px) {
  .financialCorrectionFields.payment,
  .financialCorrectionFields.amounts,
  .financialCorrectionReviewLayout {
    grid-template-columns: 1fr;
  }
  .financialCorrectionReviewDetail {
    padding-top: 18px;
    padding-left: 0;
    border-top: 1px solid var(--line-soft);
    border-left: 0;
  }
}
@media (max-width: 560px) {
  .overviewFinancialCorrection > summary,
  .financialCorrectionSubmit,
  .financialCorrectionReview > header {
    align-items: flex-start;
  }
  .overviewFinancialCorrection > summary,
  .financialCorrectionSubmit,
  .financialCorrectionReview > header {
    flex-direction: column;
  }
  .financialCorrectionLatest {
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 12px;
  }
  .financialCorrectionSubmit button,
  .financialCorrectionReview > header button,
  .financialCorrectionReviewActions,
  .financialCorrectionReviewActions button {
    width: 100%;
  }
  .financialCorrectionReview {
    padding: 22px 18px;
  }
}
@media (max-width: 700px) {
  .serverModeWarning {
    min-height: 38px;
    display: flex;
    align-items: center;
  }
  .serverModeWarning span {
    display: none;
  }
  .entryQueuePanel .adminSectionHeader,
  .fighterWorkbenchPanel .adminSectionHeader,
  .weighWorkbenchPanel .adminSectionHeader,
  .resultWorkbenchPanel .adminSectionHeader {
    flex-direction: row;
    align-items: flex-end;
    gap: 8px;
  }
  .entryQueuePanel .adminSectionHeader > div:first-child,
  .fighterWorkbenchPanel .adminSectionHeader > div:first-child,
  .weighWorkbenchPanel .adminSectionHeader > div:first-child,
  .resultWorkbenchPanel .adminSectionHeader > div:first-child {
    flex: 1 1 auto;
  }
  .entryQueuePanel .adminSectionHeader .entryCommandMenu,
  .fighterWorkbenchPanel .adminSectionHeader .entryCommandMenu,
  .weighWorkbenchPanel .adminSectionHeader .entryCommandMenu,
  .resultWorkbenchPanel .adminSectionHeader .entryCommandMenu {
    flex: 0 0 92px;
    width: 92px;
  }
  .entryQueuePanel .adminSectionHeader .entryCommandMenu > summary,
  .fighterWorkbenchPanel .adminSectionHeader .entryCommandMenu > summary,
  .weighWorkbenchPanel .adminSectionHeader .entryCommandMenu > summary,
  .resultWorkbenchPanel .adminSectionHeader .entryCommandMenu > summary {
    width: 100%;
    min-height: 38px;
    padding-inline: 10px;
    justify-content: center;
  }
  .opsSplitWorkbench.selectionOpen .entryDetailBack {
    gap: 6px;
    align-items: center;
  }
  .opsSplitWorkbench.selectionOpen .entryDetailBack::before {
    content: "\2190";
    font-size: 15px;
    line-height: 1;
  }
  .entryQueuePanel .entryWorkbench,
  .fighterWorkbenchPanel .fighterWorkbench,
  .weighWorkbenchPanel .weighWorkbench {
    margin-top: 8px;
  }
  .entryQueuePanel .entryMasterList,
  .fighterWorkbenchPanel .entryMasterList,
  .weighWorkbenchPanel .entryMasterList,
  .resultWorkbenchPanel .entryMasterList {
    max-height: none;
    overflow: visible;
  }
  .resultWorkbenchPanel .resultWorkbench,
  .resultWorkbenchPanel .entryMasterPane,
  .resultWorkbenchPanel .entryMasterList,
  .resultWorkbenchPanel .resultDetailPane {
    height: auto;
    max-height: none;
    overflow: visible;
    overscroll-behavior: auto;
  }
  .entryQueuePanel .paymentLedgerSummary,
  .entryQueuePanel .entryRefundInbox,
  .entryQueuePanel .entryMoneyCommand,
  .entryQueuePanel .entryOpsFold,
  .entryQueuePanel .notificationOutbox {
    order: 3;
  }
  .fighterWorkbenchPanel .fighterStorageFold,
  .fighterWorkbenchPanel .fighterRecordOpsFold,
  .weighWorkbenchPanel .weighOpsFold {
    order: 3;
  }
  .fighterWorkbenchPanel .fighterStorageFold,
  .fighterWorkbenchPanel .fighterRecordOpsFold,
  .weighWorkbenchPanel .weighOpsFold,
  .entryQueuePanel .paymentLedgerSummary,
  .entryQueuePanel .entryRefundInbox {
    margin-top: 18px;
  }
  .sidebar nav {
    padding-right: 28px;
    -webkit-mask-image:
      linear-gradient(
        to right,
        #000 0,
        #000 calc(100% - 24px),
        transparent 100%);
    mask-image:
      linear-gradient(
        to right,
        #000 0,
        #000 calc(100% - 24px),
        transparent 100%);
    scroll-snap-type: none;
  }
  .sidebar nav::after {
    content: "\203a";
    position: sticky;
    right: 0;
    z-index: 2;
    display: grid;
    flex: 0 0 24px;
    min-width: 24px;
    height: 44px;
    place-items: center;
    color: #60a5fa;
    background:
      linear-gradient(
        to right,
        transparent,
        #0a0f18 45%);
    font-size: 24px;
    font-weight: 800;
    pointer-events: none;
  }
  .sidebar nav button {
    min-width: 92px;
    padding-inline: 10px;
  }
}
@media (max-width: 560px) {
  .topbar {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    column-gap: 8px;
    row-gap: 0;
  }
  .topbarActions {
    width: auto;
    flex-wrap: nowrap;
  }
  .topbarActions .compactTopAction {
    flex: 0 1 auto;
    width: auto;
    min-width: 44px;
    max-width: 108px;
    padding: 0 10px;
  }
  .compactTopAction span {
    display: inline;
    font-size: 11px;
  }
  .topbarUtilityMenu {
    flex: 0 0 44px;
    width: 44px;
  }
  .topbarUtilityMenu summary span {
    display: none;
  }
  .topbarUtilityMenu summary {
    width: 44px;
    padding: 0;
    justify-content: center;
  }
  .topbarUtilityMenu summary svg {
    display: block;
  }
  .serverModeWarning {
    min-height: 32px;
    padding: 6px 10px;
  }
}
