/* @import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap"); */
/* @import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"); */
/* @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"); */
/* @import url("https://cdn.jsdelivr.net/npm/choices.js@10.2.0/public/assets/styles/choices.min.css"); */
@import url("dist/fonts/dm-sans.css");
@import url("dist/bs/bootstrap.min.css");
@import url("dist/bs/bootstrap-icons.min.css");
@import url("dist/choices.css");
@import url("almua.css");

:root {
  /* ---- Color tokens ---- */
  --canvas: #f5f6f5;
  --surface: #ffffff;
  --surface-subtle: #f7f8f7;
  --surface-mint: #e7faef;
  --border: #e6e9e6;
  --border-strong: #d7ddd8;
  --text: #111411;
  --text-muted: #667069;
  --text-faint: #9aa39c;
  --action: #111411;
  --action-text: #ffffff;
  --accent: #19c463;
  --accent-dark: #0f8f49;
  --accent-soft: #dff8ea;
  --warning: #d89b22;
  --warning-soft: #fdf3dc;
  --danger: #c95050;
  --danger-soft: #fceaea;
  --info: #3c5bcc;
  --info-soft: #e8f0fe;
  --orange: #e8742a;
  --orange-soft: #fef0e6;

  /* ---- Sidebar tokens ---- */
  --sidebar-bg: #14181f;
  --sidebar-border: rgba(255,255,255,0.07);
  --sidebar-text: #7d8590;
  --sidebar-text-active: #ffffff;
  --sidebar-hover: rgba(255,255,255,0.05);
  --sidebar-active-bg: rgba(255,255,255,0.09);
  --sidebar-width: 224px;
  --header-height: 56px;

  /* ---- Spacing tokens ---- */
  --sp-2xs: 0.25rem;
  --sp-xs: 0.5rem;
  --sp-sm: 0.75rem;
  --sp-md: 1rem;
  --sp-lg: 1.5rem;
  --sp-xl: 2rem;
  --sp-2xl: 3rem;

  /* ---- Radius tokens ---- */
  --r-sm: 0.375rem;
  --r-md: 0.5rem;
  --r-lg: 0.75rem;
  --r-pill: 999px;

  /* ---- Shadow tokens ---- */
  --shadow-card: 0 1px 2px rgba(17,20,17,0.04);
  --shadow-popover: 0 8px 24px rgba(17,20,17,0.10);
  --shadow-sidebar: 20px 0 60px rgba(0,0,0,0.32);

  /* ---- Motion tokens ---- */
  --motion-fast: 130ms;
  --motion-med: 200ms;
  --motion-slow: 320ms;
  --ease: ease;
  --ease-out: ease-out;

  /* ---- Typography tokens ---- */
  --font: 'DM Sans', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'SF Mono', 'Fira Code', ui-monospace, monospace;
  --font-size-base: 0.9rem;

  --fs-eyebrow: 0.6875rem;
  --fs-body-sm: 0.75rem;
  --fs-body: 0.8125rem;
  --fs-head-sm: 0.875rem;
  --fs-head: 1rem;
  --fs-metric: 1.5rem;
  --fs-metric-lg: 2rem;

  --fw-normal: 400;
  --fw-medium: 550;
  --fw-semi: 650;
  --fw-bold: 700;
  --lh-tight: 1.25;
  --lh-body: 1.375;
  --lh-loose: 1.5;

  /* ---- Bootstrap overrides ---- */
  --bs-body-font-family: var(--font);
  --bs-body-font-size: var(--font-size-base);
  --bs-body-color: var(--text);
  --bs-body-bg: var(--canvas);
  --bs-border-color: var(--border);
  --bs-border-radius: var(--r-md);
  --bs-border-radius-sm: var(--r-sm);
  --bs-border-radius-lg: var(--r-lg);
  --bs-border-radius-pill: var(--r-pill);
  --bs-card-bg: var(--surface);
  --bs-card-border-color: var(--border);
  --bs-card-border-radius: var(--r-md);
  --bs-card-box-shadow: var(--shadow-card);
  --bs-card-inner-border-radius: calc(var(--r-md) - 1px);
  --bs-link-color: var(--text);
  --bs-link-hover-color: var(--text);
  --bs-transition-base: all var(--motion-fast) var(--ease);
}

/* Firefox Styling */
*{
  scrollbar-width: thin;
  scrollbar-color: var(--border-strong) transparent; /* thumb track */
}

/* Chrome, Edge, and Safari (Optional fallback) */
*::-webkit-scrollbar {width:5px;border-radius:5px;}
*::-webkit-scrollbar-track {background-color: transparent}
*::-webkit-scrollbar-thumb {background-color: var(--border-strong);border-radius:5px;}


.poeyAppLoader{
  position:fixed;top:0;left:var(--sidebar-width);bottom:0;right:0;z-index:9999;
  display:flex;justify-content:center;align-items:center;
  background-color: var(--canvas);
}
.login-page .poeyAppLoader{left:0;}
.poeyAppLoader.isHidden{display:none;visibility:hidden;opacity:0;}
.poeyAppLoader > div {
  width: fit-content;
  font-size: 35px;
  font-family: system-ui,sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #5550;
  -webkit-text-stroke: 1px #555;
  background: conic-gradient(#555 0 0) text;
  background-size: 0 0;
  /* animation: l8 2s linear infinite; */
  animation: pulse 1s ease-in-out infinite;
}
.poeyAppLoader > div:before {
  content: "ALMUA";
  letter-spacing: 40px;
  margin-right: -40px;
}

@media (max-width: 36rem) {
  .poeyAppLoader > div:before{ 
    content: "A    L    M    U    A";
    white-space:pre; letter-spacing:0; margin-right:auto;
  }
}

@keyframes l8 {
  0%,2%,8%,11%,15%,21%,30%,32%,35%,40%,46%,47%,53%,61%,70%,72%,77%,80%,86%   {background-size: 0    0   }
  1%,9%,10%,16%,20%,31%,34%,41%,45%,48%,52%,55%,60%,73%,76%,81%,85%,96%,100% {background-size: 100% 100%}
}
@keyframes pulse{
  0% {opacity:0;}
  50% {opacity:1;}
  100% {opacity:0;}
}



body.app-body {
  overflow: hidden;
}

.app-body .app-shell {
  height: 100dvh;
}

.app-body .main-area,
.app-body .page-content {
  min-height: 0;
}

.form-status {
  margin: 0 0 var(--sp-md);
  border-radius: var(--r-sm);
  padding: var(--sp-sm) var(--sp-md);
  font-size: var(--fs-body-sm);
}

.form-status-error {
  color: var(--danger);
  background: var(--danger-soft);
}

.form-status-success {
  color: var(--accent-dark);
  background: var(--accent-soft);
}

.auth-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-sm);
  margin: calc(var(--sp-2xs) * -1) 0 var(--sp-md);
  font-size: var(--fs-body-sm);
}

.check-control {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-xs);
  color: var(--text-muted);
  font-weight: var(--fw-semi);
}

.check-control input {
  width: 1rem;
  height: 1rem;
  accent-color: var(--action);
}

.sidebar-logo-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.sidebar-logo {
  padding-left: var(--sp-sm);
  padding-right: var(--sp-sm);
}

.sidebar-logo-mark {
  width: 16px;
  flex-shrink: 0;
  color: var(--accent);
  font-size: 1.25rem;
  line-height: 1;
  text-align: center;
}

.sidebar-logo-image {
  justify-content: flex-start;
  padding: var(--sp-xs) var(--sp-sm);
}

.sidebar-logo-image img {
  width: 100%;
  max-height: calc(var(--header-height) - var(--sp-md));
  object-fit: contain;
  object-position: left center;
}

.login-bg {
  background:
    linear-gradient(90deg, transparent 0, transparent calc(100% - 0.0625rem), var(--border) calc(100% - 0.0625rem)),
    linear-gradient(0deg, transparent 0, transparent calc(100% - 0.0625rem), var(--border) calc(100% - 0.0625rem)),
    var(--canvas);
  background-size: 5rem 5rem;
}

.login-brand-logo {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 3rem;
}

.login-brand-logo img {
  max-width: 100%;
  max-height: 5rem;
  object-fit: contain;
  object-position: left center;
}

.login-brand-logo-spaced,
.login-brand-inline-spaced {
  margin-bottom: var(--sp-md);
}

.login-brand-inline {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--sp-xs);
}

.login-brand-mark {
  color: var(--accent-dark);
  font-size: 1.45rem;
  line-height: 1;
  flex-shrink: 0;
}

.login-brand-icon {
  width: auto;
  height: auto;
  border-radius: 0;
  background: transparent;
  color: var(--accent-dark);
  display: block;
  font-size: 1.45rem;
  margin-bottom: 0;
}

.login-page .btn-action{ padding: var(--sp-xs); }

@media (max-width: 36rem) {

  .login-page{ min-height: auto; }

  .login-page input{ font-size: 16px; }

  .login-page .btn-action{ padding: var(--sp-sm); }

}

.settings-form {
  display: flex;
  flex-direction: column;
  gap: var(--sp-md);
}

.page-content.settings-shell-layout {
  gap: 0;
  padding: 0;
  padding-left: 0;
}

.settings-shell-page {
  flex: 1;
  width: 100%;
  max-width: 100%;
  min-height: 0;
  display: flex;
  align-items: stretch;
}

.settings-shell {
  flex: 1;
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  display: grid;
  grid-template-columns: minmax(10rem, 12rem) minmax(0, 1fr);
  gap: 0;
  overflow: visible;
}

.settings-shell-content {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: var(--sp-sm);
  overflow: auto;
  padding: var(--sp-md);
}

.settings-shell-content-header {
  flex-shrink: 0;
}

.settings-shell-content-body,
.settings-shell-scroll {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--sp-md);
}

.settings-shell-content-body {
  overflow: visible;
}

.settings-shell-scroll {
  min-width: 0;
  max-width: 100%;
  overflow-x: clip;
  overflow-y: visible;
}

.settings-shell-listing {
  flex: 1;
  display: flex;
  min-height: 0;
}

.settings-shell-listing .settings-shell {
  flex: 1;
  overflow: hidden;
}

.settings-shell-listing .settings-shell-content {
  overflow: hidden;
}

.settings-shell-listing .settings-shell-content-body {
  overflow: hidden;
}

.page-top-stack {
  display: flex;
  flex-direction: column;
  gap: var(--sp-xs);
}

.page-top-stack .page-heading {
  align-items: center;
}

.settings-local-nav {
  display: flex;
  flex-direction: column;
  gap: var(--sp-2xs);
  min-height: 0;
  align-self: start;
  position: sticky;
  top: 0;
  height: calc(100dvh - var(--header-height) - 24px); /* 24px is computed footer height */
  padding: var(--sp-md) var(--sp-sm);
  background: var(--surface-subtle);
  border-right: 1px solid var(--border);
  overflow: auto;
}

.settings-local-link {
  display: inline-flex;
  align-items: center;
  width: 100%;
  min-height: 2rem;
  border: 1px solid transparent;
  border-radius: var(--r-sm);
  background: transparent;
  color: var(--text-muted);
  padding: var(--sp-xs) var(--sp-sm);
  font-size: var(--fs-body-sm);
  line-height: var(--lh-tight);
  gap: var(--sp-xs);
}

.settings-local-link i {
  color: var(--accent-dark);
  font-size: 0.95rem;
  flex-shrink: 0;
}

.settings-local-link span {
  min-width: 0;
}

.settings-local-link:hover {
  background: var(--accent-soft);
  color: var(--text);
}

.settings-local-link.active {
  background: var(--surface-mint);
  border-color: var(--accent);
  color: var(--accent-dark);
  font-weight: var(--fw-semi);
}

.settings-local-link.active i {
  color: var(--accent-dark);
}

.inline-addon-prefix, .inline-addon-suffix{ padding: 0.38rem var(--sp-sm); }

.field-input.is-invalid,
.inline-addon.is-invalid {
  border-color: var(--danger);
}

.field-input.is-invalid:focus,
.inline-addon.is-invalid:focus-within {
  border-color: var(--danger);
  box-shadow: 0 0 0 0.1875rem var(--danger-soft);
}

.inline-addon:has(.field-input.is-invalid){
  border-color:var(--danger);
}

.segmented-control {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  gap: 0.125rem;
  min-height: 2rem;
  padding: var(--sp-2xs);
  border: 1px solid var(--border);
  border-radius: var(--r-sm);
  background: var(--surface-subtle);
}

.segmented-control.is-invalid {
  border-color: var(--danger);
}

.segmented-option {
  position: relative;
  min-width: 0;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  border: 1px solid transparent;
  border-radius: calc(var(--r-sm) - 0.125rem);
  color: var(--text-muted);
  font-size: var(--fs-body-sm);
  font-weight: var(--fw-medium);
  line-height: 1;
  cursor: pointer;
  transition:
    background var(--motion-fast) var(--ease),
    border-color var(--motion-fast) var(--ease),
    color var(--motion-fast) var(--ease);
}

.segmented-option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.segmented-option.active {
  background: var(--surface);
  border-color: var(--border-strong);
  color: var(--text);
  box-shadow: var(--shadow-card);
}

.segmented-option:has(input:focus-visible) {
  border-color: var(--action);
}

.settings-logo-fields {
  display: grid;
}

.settings-logo-field {
  padding: 0 0 var(--sp-md);
}

.settings-logo-field + .settings-logo-field {
  border-top: 1px solid var(--border);
  padding-top: var(--sp-md);
}

.settings-logo-field-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--sp-sm);
  margin-bottom: var(--sp-md);
}

.settings-logo-field-head .icon-btn {
  color: var(--danger);
}

.settings-logo-preview {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 7rem;
  margin-bottom: var(--sp-md);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  background: var(--surface-subtle);
  padding: var(--sp-md);
}

.settings-logo-preview img {
  max-width: 100%;
  max-height: 6rem;
  object-fit: contain;
}

.settings-logo-preview .icon-btn {
  position: absolute;
  top: var(--sp-xs);
  right: var(--sp-xs);
  color: var(--danger);
}

.upload-zone {
  width: 100%;
  border: 1.5px dashed var(--border-strong);
  border-radius: var(--r-md);
  padding: var(--sp-xl);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: var(--sp-xs);
  cursor: pointer;
  transition: border-color var(--motion-fast) var(--ease), background var(--motion-fast) var(--ease);
  background: var(--surface);
}

.upload-zone:hover {
  border-color: var(--accent);
  background: var(--surface-mint);
}

.upload-zone.is-invalid {
  border-color: var(--danger);
}

.upload-icon {
  width: 2.25rem;
  height: 2.25rem;
  background: var(--surface-subtle);
  border-radius: var(--r-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  color: var(--text-muted);
}

.upload-zone.is-dragover {
  border-color: var(--accent);
  background: var(--surface-mint);
}

.upload-zone.has-file {
  position: relative;
  padding: var(--sp-md);
  border-color: var(--accent);
  background: var(--surface-mint);
}

.upload-zone.has-file .field-helper {
  color: var(--accent-dark);
  font-weight: var(--fw-semi);
}

.upload-zone.has-file .upload-cancel {
  position: absolute;
  top: var(--sp-xs);
  right: var(--sp-xs);
  color: var(--danger);
  background: var(--surface);
  box-shadow: var(--shadow-card);
}

.upload-selected-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 5rem;
  border-radius: var(--r-sm);
}

.upload-selected-preview img {
  max-width: 100%;
  max-height: 5rem;
  object-fit: contain;
}

.sender-mf-existing {
  display: flex;
  align-items: center;
  gap: var(--sp-xs);
}

.modal-header,
.modal-body{ padding: var(--sp-sm); }
.modal-footer{ padding: var(--sp-2xs); }

.modal-body .notice-band{margin-bottom:var(--sp-sm);}

.settings-confirm-modal {
  display: block;
}

.settings-confirm-modal .modal-content {
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  box-shadow: var(--shadow-popover);
}

.settings-confirm-modal .modal-title {
  font-size: var(--fs-head);
  font-weight: var(--fw-semi);
}

.settings-confirm-modal .modal-body {
  color: var(--text-muted);
  font-size: var(--fs-body);
}

.btn-action-danger {
  background: var(--danger);
}

.btn-action-success {
  background: var(--accent-dark);
}

.btn-action-warning {
  background: var(--warning);
}

.notice-band span {
  flex: 1;
  min-width: 0;
}

.notice-dismiss {
  width: 1.5rem;
  height: 1.5rem;
  border: none;
  border-radius: var(--r-sm);
  background: transparent;
  color: currentColor;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 0.72;
  flex-shrink: 0;
  cursor: pointer;
}

.notice-dismiss:hover {
  opacity: 1;
  background: rgba(255,255,255,0.36);
}

.notice-dismiss i {
  font-size: 0.75rem;
  margin: 0;
}

.app-header .dropdown-menu {
  min-width: 11rem;
  font-size: var(--fs-body);
  border-color: var(--border);
  box-shadow: var(--shadow-popover);
  border-radius: var(--r-md);
  right: 0;
}

.app-header .dropdown-item {
  display: flex;
  align-items: center;
  font-size: var(--fs-body);
  color: var(--text);
}

.header-warning-alert {
  font-weight: var(--fw-bold);
  border-color: var(--danger);
  color: var(--danger);
  background: var(--surface);
}

.header-warning-alert:hover {
  border-color: var(--danger);
  color: var(--danger);
  background: var(--danger-soft);
}

.app-page {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--sp-sm);
}

.page-stack {
  display: grid;
  gap: var(--sp-md);
}

.email-queue-filter-actions {
  display: flex;
  align-items: center;
  gap: var(--sp-xs);
}

.email-queue-filter-actions .btn-ghost {
  flex: 1;
  min-width: 2rem;
  justify-content: center;
}

.email-queue-error {
  max-width: 18rem;
  color: var(--text-muted);
}

.email-queue-page {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: var(--sp-md);
}

.email-queue-page .table-card-main {
  min-height: 0;
}

.page-content.listing-layout .sender-activation-page {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: var(--sp-md);
  overflow: hidden;
}

.page-content.listing-layout .sender-activation-page .settings-shell-content-body {
  min-height: 0;
  overflow: hidden;
}

.page-content.listing-layout .senders-page {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: var(--sp-sm);
  overflow: hidden;
}

.page-content.listing-layout .senders-page .page-content-body {
  min-height: 0;
  flex:1;
  display: flex; flex-direction: column; gap: var(--sp-sm);
}

.senders-page .table-card-main {
  min-height: 0;
  height: 100%;
}

.senders-page .table-wrap {
  flex: 1;
  min-height: 0;
  overflow: auto;
}

.sender-edit-content .invalid-feedback{margin-top:0.05rem;}

.page-content.listing-layout .shipments-page {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: var(--sp-sm);
  overflow: hidden;
}

.page-content.listing-layout .shipments-page .page-content-body {
  min-height: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--sp-sm);
}

.shipments-page .table-card-main {
  min-height: 0;
  height: 100%;
}

.shipments-page .table-wrap {
  flex: 1;
  min-height: 0;
  overflow: auto;
}

.page-content.listing-layout .manifests-page {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: var(--sp-sm);
  overflow: hidden;
}

.page-content.listing-layout .manifests-page .page-content-body {
  min-height: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--sp-sm);
}

.manifests-page .table-card-main {
  min-height: 0;
  height: 100%;
}

.manifests-page .table-wrap {
  flex: 1;
  min-height: 0;
  overflow: auto;
}

.td-mono .ft-mono{ font-size:var(--fs-head-sm); }

.manifest-detail-page {
  display: flex;
  flex-direction: column;
  gap: var(--sp-sm);
  min-height: 0;
}

.manifest-detail-page .page-content-body {
  display: flex;
  flex-direction: column;
  gap: var(--sp-sm);
  min-height: 0;
}

.manifest-title-row {
  display: flex;
  align-items: center;
  gap: var(--sp-sm);
  flex-wrap: wrap;
}

.manifest-metrics-row {
  flex-shrink: 0;
  align-items: stretch;
}

.manifest-metrics-row > [class*="col-"] {
  display: flex;
}

.manifest-metric-card {
  width: 100%;
  padding: var(--sp-sm);
  display: flex;
  align-items: center;
  gap: var(--sp-sm);
}

.manifest-metric-icon {
  width: 2.25rem;
  height: 2.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: var(--r-md);
  color: var(--accent-dark);
  background: var(--surface-mint);
  font-size: var(--fs-head);
}

.manifest-metric-label {
  color: var(--text-muted);
  font-size: var(--fs-body-sm);
  line-height: var(--lh-tight);
}

.manifest-metric-value {
  margin-top: var(--sp-2xs);
  color: var(--text);
  font-size: var(--fs-metric);
  font-weight: var(--fw-bold);
  line-height: var(--lh-tight);
  display: flex;
  align-items: center;
  gap: var(--sp-xs);
  flex-wrap: wrap;
}

.manifest-metric-value-sm {
  font-size: var(--fs-head);
  font-weight: var(--fw-semi);
  overflow-wrap: anywhere;
}

.manifest-metric-highlight,
.manifest-metric-subvalue {
  margin-top: var(--sp-2xs);
  font-size: var(--fs-body-sm);
  font-weight: var(--fw-semi);
  overflow-wrap: anywhere;
}

.manifest-metric-highlight {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-2xs);
  width: fit-content;
  padding: 0 var(--sp-xs);
  border-radius: var(--r-pill);
  color: var(--accent-dark);
  background: var(--accent-soft);
}

.manifest-metric-highlight-neutral {
  color: var(--text-muted);
  background: var(--surface-subtle);
  border: 0.0625rem solid var(--border);
}

.manifest-metric-subvalue {
  color: var(--text-muted);
}

.manifest-detail-page .table-card-main {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.manifest-detail-page .table-wrap {
  min-height: 0;
}

.manifest-detail-page .data-table td,
.manifest-detail-page .data-table th {
  padding: var(--sp-sm) var(--sp-md);
}

@media (max-width: 767.98px) {
  .manifest-detail-page .page-heading {
    align-items: stretch;
  }

  .manifest-detail-page .page-heading .btn-outline {
    justify-content: center;
  }
}

.app-page.wah-source, .app-page.wah-source-queue{
  gap: var(--sp-xs);
}

.page-content.listing-layout.wah-queue-content {
  overflow: hidden;
}

.page-content.listing-layout .wah-source-queue-page {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: var(--sp-sm);
  overflow: hidden;
}

.page-content.listing-layout .wah-source-queue-page .page-top-stack {
  flex-shrink: 0;
}

.page-content.listing-layout .wah-source-queue-page .page-content-body {
  min-height: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--sp-sm);
}

.wah-source-queue-page .table-card-main {
  min-height: 0;
  height: 100%;
}

.wah-source-queue-page .table-wrap {
  flex: 1;
  min-height: 0;
  overflow: auto;
}

.wah-source-queue-page .wah-queue-status-control {
  flex-shrink: 0;
  width: auto;
  grid-auto-columns: auto;
  gap: var(--sp-xs);
  padding: var(--sp-2xs);
}

.wah-source-queue-page .wah-queue-status-control .segmented-option {
  min-width: 0;
  height: 1.5rem;
  padding-inline: var(--sp-md);
}

.wah-source-queue-page .wah-queue-status-control .segmented-option span {
  white-space: nowrap;
}

.wah-unassigned-notice{
  padding: var(--sp-2xs) var(--sp-md);
  align-items: center;
}


.page-content.listing-layout.wah-source-content {
  overflow-y: auto;
  overflow-x: hidden;
}

.app-page.wah-source .page-top-stack,
.app-page.wah-source .wah-unassigned-notice {
  flex-shrink: 0;
}

.app-page.wah-source .wah-source-workspace {
  display: flex;
  flex-direction: column;
  gap: var(--sp-sm);
}

.app-page.wah-source .wah-source__right-col {
  display: flex;
  flex-direction: column;
  gap: var(--sp-sm);
}

.app-page.wah-source .wah-source__progress-card,
.app-page.wah-source .wah-source__session-card {
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}

.app-page.wah-source .wah-source__progress-card .c-card-header,
.app-page.wah-source .wah-source-awaiting-footer {
  flex-shrink: 0;
}

@media (min-width: 992px) {
  .page-content:has(.app-page.wah-source),
  .page-content.listing-layout.wah-source-content {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
  }

  .app-page.wah-source {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  .app-page.wah-source .page-content-body {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  .app-page.wah-source .wah-source-workspace {
    flex: 1 1 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    gap: var(--sp-sm);
    align-items: stretch;
    min-height: 0;
  }

  .app-page.wah-source .wah-source__right-col {
    min-height: 0;
    overflow: hidden;
  }

  .app-page.wah-source .wah-source__progress-card,
  .app-page.wah-source .wah-source__session-card {
    min-height: 0;
    overflow: hidden;
  }

  .app-page.wah-source .wah-source__progress-card {
    flex: 15 1 0;
  }

  .app-page.wah-source .wah-source__session-card {
    flex: 5 1 0;
  }

  .app-page.wah-source .wah-source__scroll-body {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 0;
    overflow: hidden;
  }

  .app-page.wah-source .wah-source__scroll-pane {
    flex: 1 1 0;
    min-height: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }

  .app-page.wah-source .wah-source__session-wrap--empty,
  .app-page.wah-source .wah-source__progress-wrap--fill {
    flex: 1 1 0;
    min-height: 0;
  }
}

.app-page.wah-source .wah-source__progress-wrap .wah-source-panel-state {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--sp-xs);
  min-height: 6rem;
  padding: var(--sp-lg);
  color: var(--text-muted);
  font-size: var(--fs-body-sm);
  font-weight: var(--fw-semi);
}

.app-page.wah-source .wah-source__progress-wrap--fill {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.app-page.wah-source .wah-source__progress-wrap--fill > .wah-source-panel-state,
.app-page.wah-source .wah-source__progress-wrap--fill > .wah-source-progress-empty-fill {
  flex: 1 1 0;
  min-height: 6rem;
}

.app-page.wah-source .wah-source-progress-empty-fill {
  flex: 1 1 0;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.app-page.wah-source .wah-source-progress-empty-fill .empty-state {
  padding: var(--sp-lg) var(--sp-md);
}

.app-page.wah-source .wah-source-progress-empty-fill .empty-icon {
  margin-bottom: 0;
}

.app-page.wah-source .wah-source__session-wrap--empty {
  display: flex;
  flex-direction: column;
}

.app-page.wah-source .wah-source-session-table--empty {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-height: 100%;
}

.app-page.wah-source .wah-source-session-table--empty tbody {
  height: 100%;
}

.app-page.wah-source .wah-source-session-empty-row {
  height: 100%;
}

.app-page.wah-source .wah-source-session-empty-row .empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  height: 100%;
  padding: var(--sp-md);
  box-sizing: border-box;
}

.app-page.wah-source .wah-source-session-empty-row .empty-icon {
  margin-bottom: 0;
}

.app-page.wah-source .wah-source-manifest-cell {
  padding: var(--sp-xs) var(--sp-md);
}

.app-page.wah-source .wah-source-progress-table {
  width: 100%;
}

.app-page.wah-source .wah-source-progress-table td {
  padding: 0;
  vertical-align: top;
  border-bottom: 0.0625rem solid var(--border);
}

.app-page.wah-source .wah-source-progress-table tbody tr:hover td{background: none;}

.app-page.wah-source .wah-source-progress-table tbody tr:last-child td {
  border-bottom: none;
}

.app-page.wah-source .wah-source-manifest-cell .prog-track {
  height: 0.4rem;
}

.app-page.wah-source .wah-source-manifest-stats {
  min-width: 5.5rem;
  text-align: right;
  white-space: nowrap;
}

.app-page.wah-source .wah-source-manifest-pct {
  min-width: 2.5rem;
  text-align: right;
}

.app-page.wah-source .wah-source-session-empty-row td {
  height: 100%;
  padding: 0;
  vertical-align: middle;
  border-bottom: none;
}

.app-page.wah-source .wah-source-session-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--surface);
}

@media (max-width: 991.98px) {
  .app-page.wah-source .wah-source__session-wrap--empty,
  .app-page.wah-source .wah-source__progress-wrap--fill {
    min-height: 12rem;
  }
}


/* .return-exec-scan-footer {
  min-height: calc(var(--sp-lg) * 2);
} */

.return-exec-scan-footer--empty {
  display: flex;
  align-items: center;
  justify-content: center;
}

.return-exec-scan-footer__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.return-exec-scan-footer__empty .bi {
  font-size: var(--fs-head);
  color: var(--text-faint);
}

.page-content.listing-layout.return-execution-content {
  overflow: hidden;
}

.page-content.listing-layout .return-execution-page--list-only {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: var(--sp-sm);
  overflow: hidden;
}

.page-content.listing-layout .return-execution-page--list-only .page-top-stack {
  flex-shrink: 0;
}

.page-content.listing-layout .return-execution-page--list-only .page-content-body {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.return-execution-page--list-only .wah-source-workspace--list-only {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.return-execution-page--list-only .wah-source__right-col {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

.return-execution-page--list-only .wah-source__progress-card {
  flex: 1;
  min-height: 0;
  height: 100%;
}

.return-execution-page--list-only .wah-source__scroll-body {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.return-execution-page--list-only .wah-source__scroll-pane {
  flex: 1;
  min-height: 0;
  overflow: auto;
}

@media (min-width: 992px) {
  .app-page.return-execution-page--list-only .wah-source-workspace--list-only {
    display: flex;
    flex-direction: column;
  }
}



.wah-inventory-workspace {
  display: flex;
  flex-direction: column;
  gap: var(--sp-sm);
}

.wah-inventory__right-col {
  display: flex;
  flex-direction: column;
  gap: var(--sp-sm);
  min-width: 0;
}

.wah-inventory-metrics-block {
  display: flex;
  flex-direction: column;
  gap: var(--sp-xs);
}

.wah-inventory-metrics-primary > [class*="col-"] {
  display: flex;
}

.wah-inventory-metrics-breakdown {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--sp-xs);
}

@media (min-width: 768px) {
  .wah-inventory-metrics-breakdown {
    /* grid-template-columns: repeat(3, minmax(0, 1fr)); */
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

.page-content.listing-layout.wah-inventory-detail-content {
  overflow: hidden;
}

.app-page.wah-inventory-detail--listing {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.app-page.wah-inventory-detail--listing .page-content-body {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.app-page.wah-inventory-detail--listing .page-top-stack {
  flex-shrink: 0;
}

.app-page.wah-inventory-detail--listing .wah-inventory-workspace,
.app-page.wah-inventory-detail--listing .wah-inventory-detail__main,
.app-page.wah-inventory-detail--listing .wah-inventory__right-col {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  gap: var(--sp-sm);
}

.app-page.wah-inventory-detail--listing .wah-inventory-metrics-block {
  flex-shrink: 0;
}

.app-page.wah-inventory-detail--listing .wah-inventory__differences-card {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  min-height: 0;
  overflow: hidden;
}

.app-page.wah-inventory-detail--listing .wah-inventory__differences-card .c-card-header {
  flex-shrink: 0;
}

.wah-inventory__scroll-body {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 0;
  overflow: hidden;
}

.wah-inventory__scroll-pane {
  flex: 1;
  min-height: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.wah-inventory__differences-wrap--fill {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.wah-inventory-differences-empty {
  flex: 1;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wah-inventory-panel-state {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--sp-sm);
  flex: 1;
  min-height: 12rem;
  color: var(--text-muted);
  font-size: var(--fs-body-sm);
}

.wah-inventory-differences-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--surface);
  box-shadow: 0 1px 0 var(--border);
}

.wah-inventory-resolution-note-col {
  width: 30%;
}

.wah-inventory-resolution-note-cell {
  vertical-align: middle;
}

@media (min-width: 992px) {
  .page-content:has(.app-page.wah-inventory-detail--listing),
  .page-content.listing-layout.wah-inventory-detail-content {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
  }

  .app-page.wah-inventory-detail--workspace .wah-inventory-workspace {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    align-items: stretch;
  }
}

.wah-inventory-metric-card--compact {
  padding: var(--sp-xs) var(--sp-sm);
  gap: var(--sp-xs);
}

.wah-inventory-metric-card--compact .wah-inventory-metric-icon {
  width: var(--sp-lg);
  height: var(--sp-lg);
  font-size: var(--fs-body-sm);
}

/* .wah-inventory-metric-card--compact .wah-inventory-metric-label {
  font-size: var(--fs-caption);
  line-height: var(--lh-tight);
} */

.wah-inventory-metric-card--compact .wah-inventory-metric-value {
  font-size: var(--fs-head);
}

.wah-inventory-metrics-row {
  margin-bottom: var(--sp-sm);
}

.wah-inventory-metrics-row > [class*="col-"] {
  display: flex;
}

.wah-inventory-metric-card {
  display: flex;
  align-items: flex-start;
  gap: var(--sp-sm);
  width: 100%;
  border-style: dotted;
  /* border-left: 3px solid var(--border); */
}

.wah-inventory-metric-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--sp-xl);
  height: var(--sp-xl);
  border-radius: var(--r-sm);
  background: var(--surface-subtle);
  color: var(--text-muted);
  flex-shrink: 0;
}

.wah-inventory-metric-label {
  font-size: var(--fs-body-sm);
  /* text-transform: uppercase; */
  /* letter-spacing: 0.04em; */
  color: var(--text-muted);
  line-height: var(--lh-tight);
}

.wah-inventory-metric-value {
  font-size: var(--fs-metric);
  font-weight: var(--fw-bold);
  line-height: 1.2;
}

.wah-inventory-metric-card--ok {
  border-left-color: var(--accent);
}

.wah-inventory-metric-card--ok .wah-inventory-metric-icon {
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  color: var(--accent-dark);
}

.wah-inventory-metric-card--unknown_code {
  border-left-color: var(--danger);
}

.wah-inventory-metric-card--unknown_code .wah-inventory-metric-icon {
  background: color-mix(in srgb, var(--danger) 12%, transparent);
  color: var(--danger);
}

.wah-inventory-metric-card--wrong_agency {
  border-left-color: var(--warning);
}

.wah-inventory-metric-card--wrong_agency .wah-inventory-metric-icon {
  background: color-mix(in srgb, var(--warning) 12%, transparent);
  color: var(--warning);
}

.wah-inventory-metric-card--wrong_status {
  border-left-color: var(--info);
}

.wah-inventory-metric-card--wrong_status .wah-inventory-metric-icon {
  background: color-mix(in srgb, var(--info) 12%, transparent);
  color: var(--info);
}

.wah-inventory-metric-card--unexpected_here {
  border-left-color: var(--action);
}

.wah-inventory-metric-card--unexpected_here .wah-inventory-metric-icon {
  background: color-mix(in srgb, var(--action) 12%, transparent);
  color: var(--action);
}

.wah-inventory-metric-card--missing_physical {
  border-left-color: var(--danger);
}

.wah-inventory-metric-card--missing_physical .wah-inventory-metric-icon {
  background: color-mix(in srgb, var(--danger) 18%, transparent);
  color: var(--danger);
}

.wah-inventory-preview-grid {
  display: grid;
  gap: var(--sp-sm);
}

.wah-inventory-preview-row {
  display: flex;
  justify-content: space-between;
  gap: var(--sp-md);
  padding: var(--sp-xs) 0;
  border-bottom: 1px solid var(--border);
}

.wah-inventory-preview-row:last-child {
  border-bottom: none;
}

.wah-inventory-preview-label {
  color: var(--text-muted);
  font-size: var(--fs-body-sm);
}

.wah-inventory-preview-value {
  font-weight: var(--fw-medium);
  text-align: right;
}

.wah-inventory-diff-badge {
  white-space: nowrap;
}

.page-content.listing-layout.wah-inventory-content {
  overflow: hidden;
}

.page-content.listing-layout .wah-inventory-sessions-page {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: var(--sp-sm);
  overflow: hidden;
}

.page-content.listing-layout .wah-inventory-sessions-page .page-top-stack {
  flex-shrink: 0;
}

.page-content.listing-layout .wah-inventory-sessions-page .page-content-body {
  min-height: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--sp-sm);
}

.wah-inventory-sessions-page .table-card-main {
  min-height: 0;
  height: 100%;
}

.wah-inventory-sessions-page .table-wrap {
  flex: 1;
  min-height: 0;
  overflow: auto;
}

.wah-inventory-sessions-page .locations-filter-form .field-input.w-auto {
  width: auto;
  min-width: 10rem;
}

.wah-inventory-sessions-page .locations-filter-form input[type="date"].field-input {
  min-width: 11rem;
}




.page-heading-actions {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-xs);
  flex-wrap: wrap;
  justify-content: flex-end;
}

.entity-lifecycle-dropdown {
  position: relative;
}

.entity-lifecycle-menu {
  margin-top: var(--sp-xs);
  right: 0;
  min-width: 19rem;
  padding: var(--sp-xs) var(--sp-sm);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  background: var(--surface);
  box-shadow: var(--shadow-popover);
}

.entity-lifecycle-list {
  display: grid;
  gap: var(--sp-2xs);
}

.entity-lifecycle-item {
  display: grid;
  grid-template-columns: minmax(5.5rem, 0.7fr) minmax(0, 1fr);
  gap: 0 var(--sp-xs);
  align-items: baseline;
}

.entity-lifecycle-item strong{font-size:var(--fs-body);}

.entity-lifecycle-item .td-faint:last-child {
  grid-column: 2;
}

.email-queue-toolbar {
  display: block;
  flex-shrink: 0;
}

.email-queue-toolbar form {
  width: 100%;
}

.email-queue-filter-grid {
  display: grid;
  grid-template-columns: minmax(9rem, 0.85fr) minmax(10rem, 1fr) minmax(14rem, 1.25fr) minmax(9rem, 0.9fr) minmax(9rem, 0.9fr) auto;
  gap: var(--sp-sm);
  align-items: center;
}

.email-queue-filter-actions-wrap {
  min-width: 4.5rem;
}

.email-queue-control {
  width: 100%;
  min-height: 2rem;
  font-size: var(--fs-body-sm);
}

.email-queue-filter-actions .email-queue-control {
  height: 2rem;
}

.data-table tbody tr.empty-state-row:hover td {
  background: transparent;
}

.audit-page {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: var(--sp-md);
}

.audit-page .table-card-main {
  min-height: 0;
}


.audit-toolbar {
  display: block;
  flex-shrink: 0;
}

.audit-toolbar form {
  width: 100%;
}

.audit-filter-grid {
  display: grid;
  grid-template-columns: minmax(9rem, 1fr) minmax(8rem, 0.75fr) minmax(14rem, 1.25fr) minmax(9rem, 0.9fr) minmax(9rem, 0.9fr) auto;
  gap: var(--sp-sm);
  align-items: center;
}

.audit-filter-actions {
  display: flex;
  align-items: center;
  gap: var(--sp-xs);
}

.audit-filter-actions .btn-ghost {
  flex: 1;
  min-width: 2rem;
  justify-content: center;
}

.audit-filter-actions-wrap {
  min-width: 4.5rem;
}

.audit-control {
  width: 100%;
  min-height: 2rem;
  font-size: var(--fs-body-sm);
}

.audit-filter-actions .audit-control {
  height: 2rem;
}

.audit-meta {
  max-width: 24rem;
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: var(--fs-body-sm);
}

.form-footer{
  display:flex; justify-content:flex-end; flex-wrap:wrap; gap: var(--sp-xs);
}


.sender-profile-form {
  display: flex;
  flex-direction: column;
  gap: var(--sp-md);
}

.sender-notification-list {
  display: grid;
}

.sender-notification-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-sm);
  padding: var(--sp-sm) 0;
  border-bottom: 1px solid var(--border);
}

.sender-notification-row:first-child {
  padding-top: 0;
}

.sender-notification-row:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.sender-notification-copy {
  min-width: 0;
}

.sender-notification-list .toggle-wrap input:checked + .toggle-track{background: var(--accent);}

.min-h-0 {
  min-height: 0 !important;
}

.locations-content {
  padding-bottom: var(--sp-md);
}

.locations-page {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: var(--sp-md);
}

.locations-grid {
  flex: 1 1 0;
  min-height: 0;
  overflow: hidden;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 24rem);
  gap: var(--sp-md);
  margin: 0;
}

.locations-grid > [class*="col-"] {
  width: auto;
  max-width: none;
  padding: 0;
  min-height: 0;
  margin-top:0;
}

.locations-table-column {
  min-height: 0;
  overflow: hidden;
}

.locations-side-column {
  min-height: 0;
  overflow: auto;
}

.locations-side-card {
  position: sticky;
  top: 0;
}

.locations-page .table-card-main {
  min-height: 0;
  height: 100%;
}

.locations-page .table-wrap {
  flex: 1;
  min-height: 0;
  overflow: auto;
}

.locations-actions-cell {
  text-align: right;
  white-space: nowrap;
  width: 1%;
}

.locations-filter-form {
  width: 100%;
  display: flex;
  align-items: center;
  gap: var(--sp-sm);
  flex-wrap: wrap;
}

.locations-page .locations-filter-form .choices {
  min-width: 16rem;
}

.locations-filter-actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: var(--sp-xs);
}

.locations-form-footer {
  display: grid;
  gap: var(--sp-xs);
}

.locations-form-footer .btn-full {
  justify-content: center;
}

.agencies-content {
  padding-bottom: var(--sp-md);
}

.page-content.settings-shell-layout.agencies-content {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

.agencies-page .table-card-main {
  min-height: 0;
  height: 100%;
}

.agencies-page .table-wrap {
  flex: 1;
  min-height: 0;
  overflow: auto;
}

.agency-edit-grid {
  --bs-gutter-y: 0;
  flex: 1 1 0;
  min-height: 0;
  height: 100%;
  overflow: hidden;
  align-items: stretch;
}

.agency-edit-page,
.agency-edit-page .settings-shell,
.agency-edit-page .settings-shell-content,
.agency-edit-page .settings-shell-content-body {
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.agency-edit-page .settings-shell-content-body {
  height: auto;
  flex: 1 1 0;
}

.agency-edit-grid > [class*="col-"] {
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 0;
}

.agency-edit-grid > .col-xl-5 {
  overflow: hidden;
}

.agency-form-card {
  flex: 0 0 auto;
  min-height: 0;
}

.agency-coverage-card {
  flex: 1 1 0;
  height: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex-shrink: 1;
}

.agency-coverage-card > .c-card-header,
.agency-coverage-card > .c-card-footer {
  flex-shrink: 0;
}

.agencies-form-footer {
  display: flex;
  gap: var(--sp-xs);
  justify-content: flex-end;
  flex-wrap: wrap;
}

.switch-control {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-xs);
  color: var(--text-muted);
  font-size: var(--fs-body-sm);
  font-weight: var(--fw-semi);
}

.switch-control input {
  width: 2rem;
  height: 1.1rem;
  accent-color: var(--accent);
}

.switch-control .toggle-wrap input {
  width: 0;
  height: 0;
}

.agency-active-switch {
  cursor: pointer;
}

.agency-active-switch .toggle-wrap input:checked + .toggle-track{
  background: var(--accent);
}

.agency-coverage-body {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: var(--sp-md);
  overflow: hidden;
}

.agency-coverage-body .field-group{margin-bottom:0;}

.agency-coverage-list {
  display: flex;
  flex-direction: column;
  gap: var(--sp-sm);
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding-right: var(--sp-2xs);
  overscroll-behavior: contain;
}

.agency-coverage-footer .btn-full {
  justify-content: center;
}

.agency-governorate-block {
  flex: 0 0 auto;
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  background: var(--surface);
  overflow: hidden;
}

.agency-governorate-block.is-full {
  border-color: var(--accent);
  background: var(--surface-mint);
}

.agency-governorate-head {
  min-height: 3rem;
  flex-shrink: 0;
  width: 100%;
  border: none;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-xs);
  padding: var(--sp-xs) var(--sp-sm);
  border-bottom: 1px solid var(--border);
  color: var(--text);
  text-align: left;
  cursor: pointer;
}

.agency-governorate-head > div:first-child{flex: 1;}

.agency-governorate-block:not(.is-open) .agency-governorate-head {
  border-bottom: none;
}

.agency-governorate-head:hover {
  background: var(--surface-subtle);
}

.agency-governorate-chevron {
  color: var(--text-faint);
  transition: transform var(--motion-fast) var(--ease);
}

.agency-governorate-block.is-open .agency-governorate-chevron {
  transform: rotate(180deg);
}

.agency-governorate-title {
  font-size: var(--fs-head-sm);
  font-weight: var(--fw-semi);
}

.agency-governorate-meta {
  color: var(--text-muted);
  font-size: var(--fs-body-sm);
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-2xs);
}

.agency-meta-sep {
  color: var(--text-faint);
}

.agency-delegation-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  gap: var(--sp-xs);
  padding: var(--sp-sm);
}

.check-row.agency-delegation-row {
  min-height: 2rem;
  display: flex;
  align-items: center;
  gap: var(--sp-xs);
  border: 1px solid var(--border);
  border-radius: var(--r-sm);
  padding: var(--sp-xs);
  background: var(--surface);
  color: var(--text);
  font-size: var(--fs-eyebrow);
}

.agency-delegation-row.is-orphan {
  border-color: var(--warning);
  background: var(--warning-soft);
}

.agency-delegation-row.is-disabled {
  background: var(--surface-subtle);
  color: var(--text-faint);
}

.badge-disabled {
  background: var(--surface-subtle);
  color: var(--text-faint);
  border: 1px solid var(--border);
}

.check-row .check-box {
  accent-color: var(--action);
}

.check-row .check-label {
  flex: 1;
  min-width: 0;
}

.role-information > .c-card{
  position:sticky; top:0;
}

.role-permission-set .permission-group-head{
  cursor: default;
}
.role-permission-set .permission-group-head:hover{
  background: transparent;
}


body.app-body .c-card:has(.choices) {
  overflow: visible;
}

body.app-body .c-card:has(.choices) > .c-card-header,
body.app-body .c-card:has(.choices) > .table-toolbar {
  border-top-left-radius: calc(var(--r-md) - 1px);
  border-top-right-radius: calc(var(--r-md) - 1px);
}

body.app-body .c-card:has(.choices) > .c-card-footer,
body.app-body .c-card:has(.choices) > .table-pagination {
  border-bottom-left-radius: calc(var(--r-md) - 1px);
  border-bottom-right-radius: calc(var(--r-md) - 1px);
}

body.app-body .choices {
  min-width: 11rem;
  margin-bottom: 0;
  font-size: var(--fs-body);
}

body.app-body .field-group .choices {
  width: 100%;
}

body.app-body .choices .choices__inner {
  min-height: 2rem;
  border: 1px solid var(--border);
  border-radius: var(--r-sm);
  background: var(--surface);
  color: var(--text);
  font-family: var(--font);
  font-size: var(--fs-body);
  padding: 0.3125rem var(--sp-sm);
}

body.app-body .choices[data-type*=select-one] .choices__inner {
  padding-bottom: 0.3125rem;
}

body.app-body .choices .choices__list--single {
  padding: 0;
}

body.app-body .choices .choices__input,
body.app-body .choices .choices__input--cloned {
  background: var(--surface);
  color: var(--text);
  font-family: var(--font);
  font-size: var(--fs-body);
}

body.app-body .choices .choices__placeholder {
  opacity: 1;
  color: var(--text-muted);
}

body.app-body .choices.is-focused .choices__inner,
body.app-body .choices.is-open .choices__inner {
  border-color: var(--border-strong);
}

body.app-body .choices .choices__list--dropdown,
body.app-body .choices .choices__list[aria-expanded] {
  border-color: var(--border);
  border-radius: var(--r-md);
  background: var(--surface);
  box-shadow: var(--shadow-popover);
  color: var(--text);
  font-family: var(--font);
  font-size: var(--fs-body);
  overflow: hidden;
  z-index: 20;
}

body.app-body .choices .choices__list--dropdown .choices__list,
body.app-body .choices .choices__list[aria-expanded] .choices__list {
  background: var(--surface);
  max-height: 220px;
}

body.app-body .choices .choices__list--dropdown .choices__item,
body.app-body .choices .choices__list[aria-expanded] .choices__item {
  padding: var(--sp-xs) var(--sp-sm);
  font-size:var(--fs-body);
}

body.app-body .choices .choices__list--dropdown .choices__item--selectable.is-highlighted,
body.app-body .choices .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background: var(--surface-subtle);
  color: var(--text);
}

body.app-body .choices.is-disabled .choices__inner {
  background: var(--surface-subtle);
  color: var(--text-faint);
  opacity: 1;
}

body.app-body .choices.is-invalid .choices__inner {
  border-color: var(--danger);
}

body.app-body .choices[data-type*=select-one]::after {
  border-color: var(--text-faint) transparent transparent transparent;
}

body.app-body .choices[data-type*=select-one].is-open::after {
  border-color: transparent transparent var(--text-faint) transparent;
}

.pagination-ellipsis {
  min-width: 1.75rem;
  height: 1.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--text-faint);
  font-size: var(--fs-body-sm);
}

@media (max-width: 1199.98px) {

  .row>*{margin-top:var(--sp-xs);}
  .field-group{margin-bottom:0;}
  .login-page .field-group{margin-bottom: var(--sp-md);}
  .invalid-feedback{margin-top:0.1rem;}

  /* .page-content.listing-layout.settings-shell-layout {
    overflow: auto;
  } */

  .settings-shell-listing {
    /* display: block; */
    /* flex: 0 0 auto; */
    min-height: auto;
  }

  /* .settings-shell-page {
    display: block;
    flex: 0 0 auto;
    min-height: auto;
  } */

  .settings-shell {
    /* display: block; */
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    /* min-height: auto; */
    overflow: visible;
  }

  /* .settings-shell-listing .settings-shell {
    display: block;
    flex: 0 0 auto;
    min-height: auto;
    overflow: visible;
  } */

  .settings-local-nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    position: sticky;
    top: 0;
    z-index: 4;
    height: auto;
    align-self: start;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    min-height: auto;
    border-right: none;
    border-bottom: 1px solid var(--border);
  }

  .settings-local-link {
    flex: 0 0 auto;
    align-self: center;
    width: auto;
    height: 2rem;
    min-height: 2rem;
    white-space: nowrap;
  }

  .settings-shell-content {
    overflow: visible;
    padding: var(--sp-md);
  }

  .settings-shell-content-body,
  .settings-shell-scroll {
    overflow: visible;
  }

  .locations-grid {
    /* grid-template-columns: 1fr; */
    /* overflow: auto; */
    grid-template-columns: 1fr minmax(12rem, 18rem);
  }

  /* .locations-side-column {
    order: -1;
    overflow: visible;
  } */

  .locations-side-card {
    position: static;
  }

  .audit-filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .email-queue-filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }


}


@media (max-width: 991.98px){
  .agency-edit-page,
  .agency-edit-page .settings-shell,
  .agency-edit-grid,
  .agency-coverage-card{
    overflow: visible;
  }

  .agency-edit-page .settings-shell-content{
    overflow: auto;
  }

  .agency-edit-page .settings-shell-content-body{
    overflow: visible;
    min-height: auto;
  }

  .agency-edit-grid{
    height: auto;
    min-height: auto;
  }

  .agency-coverage-list{
    overflow: visible;
    overscroll-behavior: unset;
  }

}


@media (max-width: 767.98px) {
  .poeyAppLoader{left:0;}

  .audit-filter-grid {
    grid-template-columns: 1fr;
  }

  .email-queue-filter-grid {
    grid-template-columns: 1fr;
  }
}


.panel {
  margin-bottom: var(--sp-md);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  padding: var(--sp-md);
  background: var(--surface);
  box-shadow: var(--shadow-card);
}

.panel-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--sp-md);
  margin-bottom: var(--sp-md);
}

.panel-heading h4,
.panel h5 {
  margin-top: 0;
}

.muted-text {
  display: block;
  color: var(--text-muted);
  font-size: var(--fs-body-sm);
}

.toggle-list {
  display: grid;
  gap: var(--sp-sm);
  margin: var(--sp-md) 0;
}

.toggle-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-md);
  border: 1px solid var(--border);
  border-radius: var(--r-sm);
  padding: var(--sp-sm);
  background: var(--surface-subtle);
}

.toggle-row input {
  width: 1.125rem;
  height: 1.125rem;
  accent-color: var(--accent-dark);
}

.shipment-exchange-badge {
  width: 1.5rem;
  height: 1.5rem;
  min-width: 1.5rem;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  line-height: 1;
}

.shipment-exchange-badge--neutral {
  background: var(--surface-subtle);
  color: var(--text-muted);
  border: 0.0625rem solid var(--border);
}

.shipment-exchange-badge--info {
  background: var(--info-soft);
  color: var(--info);
}

.shipment-check-badge {
  width: 1.5rem;
  height: 1.5rem;
  min-width: 1.5rem;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  line-height: 1;
  background: var(--warning-soft);
  color: var(--warning);
}

.shipment-status-icon {
  width: 3rem;
  height: 3rem;
  border-radius: var(--r-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  flex-shrink: 0;
}

.shipment-status-icon-neutral {
  background: var(--surface-subtle);
  color: var(--text-muted);
}

.shipment-status-icon-info {
  background: var(--info-soft);
  color: var(--info);
}

.shipment-status-icon-success {
  background: var(--accent-soft);
  color: var(--accent-dark);
}

.shipment-status-icon-danger {
  background: var(--danger-soft);
  color: var(--danger);
}

.shipment-status-title {
  font-size: 1rem;
  font-weight: var(--fw-bold);
  margin-bottom: 0.125rem;
  color: var(--text);
}

.shipment-progress {
  border-top: 1px solid var(--border);
}

.shipment-detail-page .stat-row {
  align-items: flex-start;
  gap: var(--sp-md);
}

.shipment-detail-page .stat-row-label {
  flex: 0 0 42%;
}

.shipment-detail-page .stat-row-value {
  min-width: 0;
  text-align: right;
  overflow-wrap: anywhere;
}

@media (max-width: 575.98px) {
  .shipment-detail-page .stat-row {
    display: block;
  }

  .shipment-detail-page .stat-row-value {
    display: block;
    text-align: left;
    margin-top: 0.125rem;
  }
}

.page-content.listing-layout.runsheet-list-content {
  overflow: hidden;
}

.page-content.listing-layout .runsheet-list-page {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: var(--sp-sm);
  overflow: hidden;
}

.page-content.listing-layout .runsheet-list-page .page-top-stack {
  flex-shrink: 0;
}

.page-content.listing-layout .runsheet-list-page .page-content-body {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: var(--sp-sm);
  overflow: hidden;
}

.runsheet-list-page .table-card-main {
  flex: 1;
  min-height: 0;
  height: 100%;
}

.runsheet-list-page .table-wrap {
  flex: 1;
  min-height: 0;
  overflow: auto;
}

.runsheet-list-page .locations-filter-form .field-input.w-auto {
  width: auto;
  min-width: 6.25rem;
}

/* .runsheet-list-page .locations-filter-form input[type="date"].field-input {
  min-width: 11rem;
} */

.runsheet-list-page .runsheet-progress-cell {
  min-width: 8rem;
}

.runsheet-list-page .runsheet-progress-wrap {
  display: flex;
  align-items: center;
  gap: var(--sp-2xs);
}

.runsheet-list-page .runsheet-progress-track {
  flex: 1;
  min-width: 4rem;
}

.runsheet-list-page .runsheet-progress-label {
  flex-shrink: 0;
  min-width: 2.5rem;
  font-size: var(--fs-body-sm);
  color: var(--text-muted);
  text-align: right;
}

.runsheet-list-page .runsheet-count-col {
  width: 1%;
  white-space: nowrap;
}

.iam-manifest-list-page .iam-col-direction {
  width: 1%;
  white-space: nowrap;
}

.iam-manifest-list-page .iam-direction-badge{ gap:0.5rem; }

.iam-manifest-list-page .iam-direction-badge .bi {
  font-size: var(--fs-body);
  line-height: 1;
}

.runsheet-edit-page .runsheet-panel-title {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-xs);
}

.page-content.listing-layout.runsheet-edit-content {
  overflow: hidden;
}

@media (min-width: 992px) {
  .page-content:has(.runsheet-edit-page),
  .page-content.listing-layout.runsheet-edit-content {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
  }
}

.page-content.listing-layout .runsheet-edit-page {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  gap: var(--sp-sm);
}

.page-content.listing-layout .runsheet-edit-page .page-top-stack {
  flex-shrink: 0;
}

.page-content.listing-layout .runsheet-edit-page .page-content-body {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  gap: var(--sp-sm);
}

.runsheet-edit-page .runsheet-edit-header-card {
  flex-shrink: 0;
}

.runsheet-edit-page .page-content-body > .notice-band {
  flex-shrink: 0;
}

.runsheet-edit-page .runsheet-edit-workspace {
  flex: 1 1 0;
  min-height: 0;
  overflow: hidden;
  align-items: stretch;
}

@media (min-width: 992px) {
  .runsheet-edit-page .runsheet-edit-workspace {
    flex-wrap: nowrap;
  }
}

.runsheet-edit-page .runsheet-edit-workspace > [class*="col-"] {
  display: flex;
  flex-direction: column;
  gap: var(--sp-xs);
  min-height: 0;
  overflow: hidden;
}

.runsheet-edit-page .runsheet-edit__scan-card {
  flex-shrink: 0;
}

.runsheet-edit-page .runsheet-edit__queue-card,
.runsheet-edit-page .runsheet-edit__lines-card {
  flex: 1 1 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.runsheet-edit-page .runsheet-edit__queue-card.c-card,
.runsheet-edit-page .runsheet-edit__lines-card.c-card {
  flex-shrink: 1;
}

.runsheet-edit-page .runsheet-edit__header-card {
  flex-shrink: 0;
}

.runsheet-edit-page .table-card-main {
  flex: 1 1 0;
  min-height: 0;
}

.runsheet-edit-page .table-card-main .c-card-header {
  flex-shrink: 0;
}

.runsheet-edit-page .runsheet-edit__card-header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-sm);
  min-height: 0;
  padding-top: var(--sp-xs);
  padding-bottom: var(--sp-xs);
}

.runsheet-edit-page .runsheet-edit__card-header-row .c-card-title {
  min-width: 0;
}

.runsheet-edit-page .runsheet-edit__header-search {
  flex: 0 1 11rem;
  max-width: 42%;
  min-width: 7rem;
}

.runsheet-edit-page .runsheet-edit__header-search .field-input {
  height: calc(var(--sp-md) + var(--sp-sm));
  padding: 0 var(--sp-xs);
  font-size: var(--fs-sm);
}

.runsheet-edit-page .runsheet-edit__queue-card--adjust .data-table th:nth-child(1),
.runsheet-edit-page .runsheet-edit__queue-card--adjust .data-table td:nth-child(1) {
  width: 28%;
}

.runsheet-edit-page .runsheet-edit__queue-card--adjust .data-table th:nth-child(2),
.runsheet-edit-page .runsheet-edit__queue-card--adjust .data-table td:nth-child(2) {
  width: 26%;
}

.runsheet-edit-page .runsheet-edit__queue-card--adjust .data-table th:nth-child(3),
.runsheet-edit-page .runsheet-edit__queue-card--adjust .data-table td:nth-child(3) {
  width: 30%;
}

.runsheet-edit-page .runsheet-edit__queue-card--adjust .data-table th:nth-child(4),
.runsheet-edit-page .runsheet-edit__queue-card--adjust .data-table td:nth-child(4) {
  width: 16%;
}

.runsheet-edit-page .iam-edit__queue-card.runsheet-edit__queue-card--adjust .data-table th:nth-child(1),
.runsheet-edit-page .iam-edit__queue-card.runsheet-edit__queue-card--adjust .data-table td:nth-child(1) {
  width: 38%;
}

.runsheet-edit-page .iam-edit__queue-card.runsheet-edit__queue-card--adjust .data-table th:nth-child(2),
.runsheet-edit-page .iam-edit__queue-card.runsheet-edit__queue-card--adjust .data-table td:nth-child(2) {
  width: 46%;
}

.runsheet-edit-page .iam-edit__queue-card.runsheet-edit__queue-card--adjust .data-table th:nth-child(3),
.runsheet-edit-page .iam-edit__queue-card.runsheet-edit__queue-card--adjust .data-table td:nth-child(3) {
  width: 8%;
}

.runsheet-edit-page .table-card-main .table-wrap {
  flex: 1 1 0;
  min-height: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.runsheet-edit-page .table-card-main .table-wrap .data-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--surface);
  box-shadow: 0 1px 0 var(--border);
}

.runsheet-edit-page .table-card-main .table-pagination {
  flex-shrink: 0;
}

.runsheet-edit-page .runsheet-edit__queue-card .data-table,
.runsheet-edit-page .runsheet-edit__lines-card .data-table {
  /* table-layout: fixed; */
  width: 100%;
}

.runsheet-edit-page .runsheet-edit__queue-card .data-table th:nth-child(1),
.runsheet-edit-page .runsheet-edit__queue-card .data-table td:nth-child(1) {
  width: 38%;
}

.runsheet-edit-page .runsheet-edit__queue-card .data-table th:nth-child(2),
.runsheet-edit-page .runsheet-edit__queue-card .data-table td:nth-child(2) {
  width: 32%;
}

.runsheet-edit-page .runsheet-edit__queue-card .data-table th:nth-child(3),
.runsheet-edit-page .runsheet-edit__queue-card .data-table td:nth-child(3) {
  width: 30%;
}

.runsheet-edit-page .runsheet-edit__lines-card .data-table th:nth-child(1),
.runsheet-edit-page .runsheet-edit__lines-card .data-table td:nth-child(1) {
  width: 14%;
}

.runsheet-edit-page .runsheet-edit__lines-card .data-table th:nth-child(2),
.runsheet-edit-page .runsheet-edit__lines-card .data-table td:nth-child(2) {
  width: 18%;
}

.runsheet-edit-page .runsheet-edit__lines-card .data-table th:nth-child(3),
.runsheet-edit-page .runsheet-edit__lines-card .data-table td:nth-child(3) {
  width: 44%;
}

.runsheet-edit-page .runsheet-edit__lines-card .data-table th:nth-child(4),
.runsheet-edit-page .runsheet-edit__lines-card .data-table td:nth-child(4) {
  width: 16%;
}

.runsheet-edit-page .runsheet-edit__queue-card .data-table td,
.runsheet-edit-page .runsheet-edit__lines-card .data-table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.runsheet-edit-page .runsheet-edit__lines-card .data-table td:nth-child(2) {
  white-space: normal;
}

.runsheet-edit-page .runsheet-edit__lines-card .data-table td:nth-child(2) > div,
.runsheet-edit-page .runsheet-edit__lines-card .data-table td:nth-child(2) > span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.runsheet-edit-page .runsheet-edit__lines-card--with-status .data-table th:nth-child(1),
.runsheet-edit-page .runsheet-edit__lines-card--with-status .data-table td:nth-child(1) {
  width: 13%;
}

.runsheet-edit-page .runsheet-edit__lines-card--with-status .data-table th:nth-child(2),
.runsheet-edit-page .runsheet-edit__lines-card--with-status .data-table td:nth-child(2) {
  width: 16%;
}

.runsheet-edit-page .runsheet-edit__lines-card--with-status .data-table th:nth-child(3),
.runsheet-edit-page .runsheet-edit__lines-card--with-status .data-table td:nth-child(3) {
  width: 34%;
}

.runsheet-edit-page .runsheet-edit__lines-card--with-status .data-table th:nth-child(4),
.runsheet-edit-page .runsheet-edit__lines-card--with-status .data-table td:nth-child(4) {
  width: 20%;
}

.runsheet-edit-page .runsheet-edit__lines-card--with-status .data-table th:nth-child(5),
.runsheet-edit-page .runsheet-edit__lines-card--with-status .data-table td:nth-child(5) {
  width: 17%;
}

.runsheet-edit-page .runsheet-edit__lines-card--with-status .data-table td:nth-child(4) {
  white-space: normal;
}

.runsheet-edit-page .runsheet-edit__lines-card--return .data-table th:nth-child(1),
.runsheet-edit-page .runsheet-edit__lines-card--return .data-table td:nth-child(1) {
  width: 26%;
}

.runsheet-edit-page .runsheet-edit__lines-card--return .data-table th:nth-child(2),
.runsheet-edit-page .runsheet-edit__lines-card--return .data-table td:nth-child(2) {
  width: 74%;
}

.runsheet-edit-page .runsheet-edit__lines-card--return.runsheet-edit__lines-card--with-status .data-table th:nth-child(1),
.runsheet-edit-page .runsheet-edit__lines-card--return.runsheet-edit__lines-card--with-status .data-table td:nth-child(1) {
  width: 18%;
}

.runsheet-edit-page .runsheet-edit__lines-card--return.runsheet-edit__lines-card--with-status .data-table th:nth-child(2),
.runsheet-edit-page .runsheet-edit__lines-card--return.runsheet-edit__lines-card--with-status .data-table td:nth-child(2) {
  width: 32%;
}

.runsheet-edit-page .runsheet-edit__lines-card--return.runsheet-edit__lines-card--with-status .data-table th:nth-child(3),
.runsheet-edit-page .runsheet-edit__lines-card--return.runsheet-edit__lines-card--with-status .data-table td:nth-child(3) {
  width: 50%;
}

.runsheet-edit-page .runsheet-panel-title .s-dot {
  width: 0.5rem;
  height: 0.5rem;
}

.runsheet-edit-page .data-table .text-end{ width:20%; }
.runsheet-edit-page .data-table td.text-end{font-weight: var(--fw-medium); }

.runsheet-edit-page .data-table .runsheet-actions-cell {
  width: 1%;
  padding-left: var(--sp-2xs);
  padding-right: var(--sp-2xs);
  text-align: center;
  white-space: nowrap;
}

.runsheet-edit-page .table-card-main .table-pagination{ padding: var(--sp-xs) var(--sp-sm); }

.iam-edit-page .iam-edit-workspace {
  flex: 1 1 0;
  min-height: 0;
  overflow: hidden;
  align-items: stretch;
}

@media (min-width: 992px) {
  .iam-edit-page .iam-edit-workspace {
    flex-wrap: nowrap;
  }
}

.iam-edit-page .iam-edit-workspace > [class*="col-"] {
  display: flex;
  flex-direction: column;
  gap: var(--sp-xs);
  min-height: 0;
  overflow: hidden;
}

.iam-edit-page .iam-edit__scan-card {
  flex-shrink: 0;
}

.iam-edit-page .iam-edit__queue-card,
.iam-edit-page .iam-edit__lines-card {
  flex: 1 1 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.iam-edit-page .iam-edit__queue-card.c-card,
.iam-edit-page .iam-edit__lines-card.c-card {
  flex-shrink: 1;
}

.iam-edit-page .iam-edit__header-card {
  flex-shrink: 0;
}

.iam-edit-page .iam-edit__queue-card .data-table,
.iam-edit-page .iam-edit__lines-card .data-table {
  /* table-layout: fixed; */
  width: 100%;
}

.iam-edit-page .iam-edit__queue-card .data-table th:nth-child(1),
.iam-edit-page .iam-edit__queue-card .data-table td:nth-child(1) {
  width: 40%;
}

.iam-edit-page .iam-edit__queue-card .data-table th:nth-child(2),
.iam-edit-page .iam-edit__queue-card .data-table td:nth-child(2) {
  width: 60%;
}

.iam-edit-page .iam-edit__lines-card .data-table th:nth-child(1),
.iam-edit-page .iam-edit__lines-card .data-table td:nth-child(1) {
  width: 18%;
}

.iam-edit-page .iam-edit__lines-card .data-table th:nth-child(2),
.iam-edit-page .iam-edit__lines-card .data-table td:nth-child(2) {
  width: 46%;
}

.iam-edit-page .iam-edit__lines-card .data-table th:nth-child(3),
.iam-edit-page .iam-edit__lines-card .data-table td:nth-child(3) {
  width: 18%;
}

.iam-edit-page .iam-edit__queue-card .data-table td,
.iam-edit-page .iam-edit__lines-card .data-table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.iam-edit-page .iam-edit__lines-card .data-table td:nth-child(2) {
  white-space: normal;
}

.iam-edit-page .iam-edit__lines-card .data-table td:nth-child(2) > div,
.iam-edit-page .iam-edit__lines-card .data-table td:nth-child(2) > span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 991.98px) {
  .iam-edit-page .iam-edit-workspace {
    overflow: auto;
  }

  .iam-edit-page .iam-edit-workspace > [class*="col-"] {
    overflow: visible;
  }

  .iam-edit-page .iam-edit__queue-card,
  .iam-edit-page .iam-edit__lines-card {
    flex: none;
    min-height: 12rem;
  }

  .runsheet-edit-page .runsheet-edit-workspace {
    overflow: auto;
  }

  .runsheet-edit-page .runsheet-edit-workspace > [class*="col-"] {
    overflow: visible;
  }

  .runsheet-edit-page .runsheet-edit__queue-card,
  .runsheet-edit-page .runsheet-edit__lines-card {
    flex: none;
    min-height: 12rem;
  }
}




.reconcile-workspace {
  display: grid;
  gap: var(--sp-sm);
}

.reconcile-section-grid {
  display: grid;
  gap: var(--sp-sm);
}

.reconcile-section-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--sp-xs);
  flex-wrap: wrap;
}

.reconcile-money-grid {
  display: grid;
  gap: var(--sp-xs);
}

.reconcile-scan-footer {
  min-height: 0;
}

.reconcile-scan-result {
  display: flex;
  align-items: flex-start;
  gap: var(--sp-sm);
}

.reconcile-scan-result-icon {
  font-size: var(--fs-head);
  flex-shrink: 0;
  margin-top: 0.1rem;
}

.reconcile-scan-result-copy {
  display: flex;
  flex-direction: column;
  gap: var(--sp-2xs);
  min-width: 0;
}

.reconcile-scan-decision {
  display: flex;
  flex-direction: column;
  gap: var(--sp-sm);
}

.reconcile-scan-decision-summary {
  display: flex;
  flex-direction: column;
  gap: var(--sp-2xs);
}

.reconcile-scan-decision-type {
  font-weight: var(--fw-semi);
}

.reconcile-scan-decision-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--sp-xs);
}

.reconcile-money-inputs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--sp-sm);
}

.reconcile-money-input-cell {
  display: flex;
  flex-direction: column;
  gap: var(--sp-2xs);
  min-width: 0;
}

.reconcile-money-input-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--fs-head);
  color: var(--text-muted);
}

.reconcile-money-input-cell .inline-addon {
  width: 100%;
}

.reconcile-money-card {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}

.reconcile-money-card .c-card-body {
  display: flex;
  flex-direction: column;
  gap: var(--sp-sm);
  flex: 1 1 auto;
}

.reconcile-money-footer {
  margin-top: auto;
}

.reconcile-expenses-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-sm);
}

.reconcile-expenses-body {
  display: grid;
  gap: var(--sp-xs);
  padding-top: var(--sp-sm);
  border-top: 0.0625rem solid var(--border);
}

.reconcile-expense-row {
  display: grid;
  grid-template-columns: minmax(0, 10rem) minmax(0, 8rem) minmax(0, 1fr) auto;
  gap: var(--sp-2xs);
  align-items: center;
}

.reconcile-submit-bar {
  display: flex;
  justify-content: flex-end;
  margin-top: var(--sp-sm);
}

.page-content.reconcile-detail-content {
  overflow-y: auto;
  overflow-x: hidden;
}

.app-page.reconcile-detail-page {
  min-height: auto;
  overflow: visible;
}

.app-page.reconcile-detail-page .page-content-body {
  min-height: auto;
  overflow: visible;
}

.reconcile-detail-workspace {
  display: flex;
  flex-direction: column;
  gap: var(--sp-sm);
}

.reconcile-detail-workspace--with-left {
  align-items: stretch;
}

.reconcile-detail-page .reconcile-detail__left-col {
  display: flex;
  flex-direction: column;
  gap: var(--sp-sm);
}

.reconcile-detail-page .reconcile-detail__right-col {
  min-width: 0;
}

.reconcile-detail-page .reconcile-detail__left-col {
  position: sticky;
  top: 0;
  align-self: start;
}

.reconcile-money-total-title {
  font-size: var(--fs-head);
  line-height: 1.2;
}

.reconcile-money-input-head {
  display: flex;
  align-items: center;
  gap: var(--sp-xs);
}

.reconcile-money-expected {
  font-size: var(--fs-body);
  font-weight: var(--fw-bold);
  color: var(--text-muted);
  white-space: nowrap;
}

.reconcile-money-readonly-addon .reconcile-money-readonly-value {
  border: 0;
  background: transparent;
  color: var(--text);
  cursor: default;
}

@media (min-width: 992px) {
  .page-content.reconcile-detail-content--scan {
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
    display: block;
  }

  .reconcile-detail-workspace--with-left {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    gap: var(--sp-sm);
    align-items: start;
  }
}

@media (max-width: 992px) {
  .reconcile-expense-row {
    grid-template-columns: 1fr;
  }

  .reconcile-money-inputs {
    grid-template-columns: 1fr;
  }

  .app-page.reconcile-detail-page .reconcile-detail__left-col {
    position: static;
  }
}

.page-content.listing-layout.reconcile-select-content {
  overflow: hidden;
}

.page-content.listing-layout .reconcile-select-page {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: var(--sp-sm);
  overflow: hidden;
}

.page-content.listing-layout .reconcile-select-page .page-top-stack {
  flex-shrink: 0;
}

.page-content.listing-layout .reconcile-select-page .page-content-body {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: var(--sp-sm);
  overflow: hidden;
}

.reconcile-select-page .table-card-main {
  flex: 1;
  min-height: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.reconcile-select-page .table-wrap {
  flex: 1;
  min-height: 0;
  overflow: auto;
}

.reconcile-select-page .locations-filter-form .field-input.w-auto {
  width: auto;
  min-width: 6.25rem;
}

.reconcile-select-page .reconcile-select-table--empty {
  width: 100%;
  height: 100%;
  min-height: 100%;
}

.reconcile-select-page .reconcile-select-table--empty tbody {
  height: 100%;
}

.reconcile-select-page .reconcile-select-empty-row {
  height: 100%;
}

.reconcile-select-page .reconcile-select-empty-row .empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  height: 100%;
  padding: var(--sp-md);
  box-sizing: border-box;
}

.reconcile-select-page .reconcile-select-empty-row .empty-icon {
  margin-bottom: 0;
}