@import '_content/FS.Tour/FS.Tour.0jexuorysu.bundle.scp.css';

/* /Access/BulkAccessAssignment.razor.rz.scp.css */
/* Bulk Access Assignment - Green Theme */

.bulk-access-page[b-v01w9kfhu0] {
  padding: 16px 20px;
  max-width: 1400px;
  margin: 0 auto;
}

.page-header[b-v01w9kfhu0] {
  margin-bottom: 12px;
}

.page-description[b-v01w9kfhu0] {
  font-size: 14px;
  color: var(--fs-text-subtle);
  margin: 0;
}

/* Status Messages */
.status-message[b-v01w9kfhu0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-radius: 8px;
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 500;
}

.status-success[b-v01w9kfhu0] {
  background: var(--fs-green-050, #f2fbf6);
  border: 1px solid var(--fs-green-100, #e6f6ec);
  color: var(--fs-green-900, #0a4b21);
}

.status-error[b-v01w9kfhu0] {
  background: var(--fs-error-bg);
  border: 1px solid var(--fs-error-border, #fecaca);
  color: var(--fs-error-text);
}

.status-dismiss[b-v01w9kfhu0] {
  background: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
  color: inherit;
  opacity: 0.6;
  padding: 0 4px;
}

.status-dismiss:hover[b-v01w9kfhu0] {
  opacity: 1;
}

/* Assignment Panel */
.assign-panel[b-v01w9kfhu0] {
  background: var(--fs-card-bg);
  border-radius: 12px;
  box-shadow: var(--fs-shadow-1);
  padding: 20px;
  overflow: hidden;
}

.assign-grid[b-v01w9kfhu0] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  height: 55vh;
  min-height: 400px;
}

/* Column Styling */
.assign-column[b-v01w9kfhu0] {
  display: flex;
  flex-direction: column;
  background: var(--fs-surface-50);
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid var(--fs-border-medium, #d1e7dd);
}

.column-header[b-v01w9kfhu0] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  background: linear-gradient(135deg, var(--fs-green-800, #0A5F29) 0%, var(--fs-green-700, #0E7732) 100%);
  color: #ffffff;
}

.column-header span[b-v01w9kfhu0] {
  font-size: 16px;
  font-weight: 600;
}

.column-header svg[b-v01w9kfhu0] {
  opacity: 0.9;
}

/* Filters */
.column-filters[b-v01w9kfhu0] {
  padding: 10px 12px;
  background: var(--fs-card-bg);
  border-bottom: 1px solid var(--fs-border-400);
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.filter-input[b-v01w9kfhu0] {
  width: 100%;
  padding: 8px 12px;
  background: var(--fs-surface-50);
  border: 2px solid var(--fs-border-400);
  border-radius: 8px;
  font-size: 14px;
  color: var(--fs-text-heading);
  transition: all 0.2s ease;
  box-sizing: border-box;
}

.filter-input:focus[b-v01w9kfhu0] {
  border-color: var(--fs-green-600, #16a34a);
  box-shadow: 0 0 0 3px var(--fs-green-ring, rgba(34,197,94,0.35));
}

.filter-input[b-v01w9kfhu0]::placeholder {
  color: var(--fs-text-dim);
}

.filter-select[b-v01w9kfhu0] {
  width: 100%;
  padding: 8px 12px;
  background: var(--fs-surface-50);
  border: 2px solid var(--fs-border-400);
  border-radius: 8px;
  font-size: 14px;
  color: var(--fs-text-heading);
  cursor: pointer;
  transition: all 0.2s ease;
}

.filter-select:focus[b-v01w9kfhu0] {
  border-color: var(--fs-green-600, #16a34a);
  box-shadow: 0 0 0 3px var(--fs-green-ring, rgba(34,197,94,0.35));
}

.filter-hint[b-v01w9kfhu0] {
  font-size: 12px;
  color: var(--fs-text-subtle);
  line-height: 1.35;
}

.column-list[b-v01w9kfhu0] {
  flex: 1;
  overflow-y: auto;
  padding: 8px;
  background: var(--fs-green-050, #f2fbf6);
}

/* Column Actions */
.column-actions[b-v01w9kfhu0] {
  padding: 12px;
  background: var(--fs-card-bg);
  border-top: 1px solid var(--fs-border-400);
  display: flex;
  align-items: center;
  gap: 12px;
}

.selection-info[b-v01w9kfhu0] {
  flex: 1;
}

.selection-info span[b-v01w9kfhu0] {
  font-size: 13px;
  font-weight: 600;
  color: var(--fs-green-700, #0E7732);
}

.action-buttons[b-v01w9kfhu0] {
  display: flex;
  gap: 6px;
}

/* Bulk Action Bar */
.bulk-action-bar[b-v01w9kfhu0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0 0 0;
  margin-top: 16px;
  border-top: 1px solid var(--fs-border-400);
}

.action-summary span[b-v01w9kfhu0] {
  font-size: 14px;
  color: var(--fs-text-subtle);
  font-weight: 500;
}

.action-main-buttons[b-v01w9kfhu0] {
  display: flex;
  gap: 12px;
}

.bulk-btn[b-v01w9kfhu0] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  border: none;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: var(--fs-shadow-1);
}

.bulk-btn:disabled[b-v01w9kfhu0] {
  opacity: 0.5;
  cursor: not-allowed;
  box-shadow: none;
}

.bulk-btn-give[b-v01w9kfhu0] {
  background: linear-gradient(135deg, var(--fs-green-600, #16a34a) 0%, var(--fs-green-700, #0E7732) 100%);
  color: #ffffff;
}

.bulk-btn-give:hover:not(:disabled)[b-v01w9kfhu0] {
  background: linear-gradient(135deg, var(--fs-green-700, #0E7732) 0%, var(--fs-green-800, #0A5F29) 100%);
  box-shadow: 0 4px 8px var(--fs-green-ring, rgba(34,197,94,0.35));
}

.bulk-btn-remove[b-v01w9kfhu0] {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  color: #ffffff;
}

.bulk-btn-remove:hover:not(:disabled)[b-v01w9kfhu0] {
  background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
  box-shadow: var(--fs-shadow-1);
}

/* Scrollbar Styling */
.column-list[b-v01w9kfhu0]::-webkit-scrollbar {
  width: 6px;
}

.column-list[b-v01w9kfhu0]::-webkit-scrollbar-track {
  background: var(--fs-border-400);
  border-radius: 3px;
}

.column-list[b-v01w9kfhu0]::-webkit-scrollbar-thumb {
  background: var(--fs-green-500, #22c55e);
  border-radius: 3px;
}

.column-list[b-v01w9kfhu0]::-webkit-scrollbar-thumb:hover {
  background: var(--fs-green-600, #16a34a);
}

/* Confirm modal */
.modal-overlay[b-v01w9kfhu0] {
  position: fixed;
  inset: 0;
  background: var(--fs-overlay-backdrop);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.confirm-modal[b-v01w9kfhu0] {
  background: var(--fs-card-bg);
  border-radius: 12px;
  padding: 24px;
  max-width: 400px;
  text-align: center;
  box-shadow: var(--fs-shadow-2);
}

.confirm-icon[b-v01w9kfhu0] {
  font-size: 26px;
  color: var(--fs-green-600, #16a34a);
  margin-bottom: 16px;
}

.confirm-modal h3[b-v01w9kfhu0] {
  margin: 0 0 12px;
  color: var(--fs-text-heading);
}

.confirm-modal p[b-v01w9kfhu0] {
  color: var(--fs-text-500);
  margin: 0 0 8px;
}

.confirm-actions[b-v01w9kfhu0] {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 20px;
}

/* Responsive */
@media (max-width: 768px) {
  .assign-grid[b-v01w9kfhu0] {
    grid-template-columns: 1fr;
    height: auto;
  }

  .assign-column[b-v01w9kfhu0] {
    min-height: 300px;
  }

  .bulk-action-bar[b-v01w9kfhu0] {
    flex-direction: column;
    gap: 12px;
    align-items: stretch;
  }

  .action-main-buttons[b-v01w9kfhu0] {
    justify-content: stretch;
  }

  .bulk-btn[b-v01w9kfhu0] {
    flex: 1;
    justify-content: center;
  }
}
/* /Access/BulkAccessItem.razor.rz.scp.css */
/* Bulk Access Item - Modern Styling */

.assign-item[b-0xfk1da3mz] {
  padding: 10px 12px;
  margin-bottom: 6px;
  background: var(--fs-card-bg);
  border-radius: 8px;
  border: 1px solid var(--fs-border-400);
  cursor: pointer;
  transition: all 0.15s ease;
}

.assign-item:hover[b-0xfk1da3mz] {
  background: var(--fs-surface-50);
  border-color: var(--fs-border-medium, #cbd5e1);
  box-shadow: var(--fs-shadow-1);
}

.assign-item:last-child[b-0xfk1da3mz] {
  margin-bottom: 0;
}

.assign-item-layout[b-0xfk1da3mz] {
  display: grid;
  grid-template-columns: 28px 1fr auto;
  gap: 12px;
  align-items: center;
}

/* Checkbox */
.assign-checkbox[b-0xfk1da3mz] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.checkbox-inner[b-0xfk1da3mz] {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s ease;
}

.checkBox_checked[b-0xfk1da3mz] {
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
  border: 2px solid #16a34a;
  box-shadow: none;
}

.checkBox_checked[b-0xfk1da3mz]::after {
  content: '';
  width: 6px;
  height: 10px;
  border: 2px solid white;
  border-top: none;
  border-left: none;
  transform: rotate(45deg);
}

.checkBox_unchecked[b-0xfk1da3mz] {
  background: var(--fs-surface-200, #f1f5f9);
  border: 2px solid var(--fs-border-medium, #cbd5e1);
}

.checkBox_unchecked:hover[b-0xfk1da3mz] {
  border-color: var(--fs-text-muted, #94a3b8);
}

/* Name */
.assign-name[b-0xfk1da3mz] {
  overflow: hidden;
}

.assign-name span[b-0xfk1da3mz] {
  font-size: 14px;
  font-weight: 500;
  color: var(--fs-text-heading);
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Badge */
.assign-badge[b-0xfk1da3mz] {
  flex-shrink: 0;
}

.assign-badge span[b-0xfk1da3mz] {
  display: inline-block;
  padding: 4px 10px;
  background: linear-gradient(135deg, #64748b 0%, #475569 100%);
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  white-space: nowrap;
}
/* /ApiKeys/AIAssistantPanel.razor.rz.scp.css */
.aiToggleButton[b-r9smruqb6d] {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--fs-success-accent) 0%, var(--fs-green-600) 100%);
  border: 2px solid #15803d;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--fs-shadow-2);
  transition: all 0.2s ease;
  z-index: 1000;
}

  .aiToggleButton:hover[b-r9smruqb6d] {
    transform: translateY(-2px);
    box-shadow: var(--fs-shadow-2);
  }

  .aiToggleButton:active[b-r9smruqb6d] {
    transform: translateY(0);
  }

.aiToggleIcon[b-r9smruqb6d] {
  font-size: 26px;
  font-weight: 700;
  color: white;
  user-select: none;
}

/* Panel - default size */
.aiPanel[b-r9smruqb6d] {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 420px;
  height: 600px;
  max-height: calc(100vh - 48px);
  border-radius: 12px;
  border: 1px solid #2e5a3e;
  background: linear-gradient(180deg, #0d1f14 0%, #0a1a10 100%);
  box-shadow: var(--fs-shadow-2);
  display: flex;
  flex-direction: column;
  z-index: 1001;
  animation: aiSlideIn-b-r9smruqb6d 0.2s ease-out;
  resize: both;
  overflow: hidden;
  min-width: 320px;
  min-height: 400px;
  max-width: calc(100vw - 48px);
  direction: rtl;
}

  .aiPanel > *[b-r9smruqb6d] {
    direction: ltr;
  }

/* Panel - expanded size */
.aiPanelExpanded[b-r9smruqb6d] {
  width: calc(100vw - 80px);
  height: calc(100vh - 48px);
  bottom: 24px;
  right: 24px;
  border-radius: 12px;
  resize: none;
}

@keyframes aiSlideIn-b-r9smruqb6d {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Header */
.aiPanelHeader[b-r9smruqb6d] {
  padding: 14px 16px;
  background: linear-gradient(135deg, var(--fs-success-accent) 0%, var(--fs-green-600) 100%);
  border-radius: 12px 12px 0 0;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

.aiPanelTitle[b-r9smruqb6d] {
  font-size: 18px;
  font-weight: 600;
  color: white;
  user-select: none;
  flex-grow: 1;
}

.aiPanelRequests[b-r9smruqb6d] {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
  user-select: none;
  white-space: nowrap;
}

.aiPanelExpandButton[b-r9smruqb6d] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: white;
  transition: background 0.15s ease;
  user-select: none;
  flex-shrink: 0;
}

  .aiPanelExpandButton:hover[b-r9smruqb6d] {
    background: rgba(255, 255, 255, 0.2);
  }

.aiPanelExpandIcon[b-r9smruqb6d] {
  font-size: 16px;
  line-height: 1;
}

.aiPanelClose[b-r9smruqb6d] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: white;
  font-size: 22px;
  transition: background 0.15s ease;
  user-select: none;
  flex-shrink: 0;
}

  .aiPanelClose:hover[b-r9smruqb6d] {
    background: rgba(255, 255, 255, 0.2);
  }

/* Messages area */
.aiPanelMessages[b-r9smruqb6d] {
  flex-grow: 1;
  overflow-y: auto;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.aiMessage[b-r9smruqb6d] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.aiMessageUser[b-r9smruqb6d] {
  align-items: flex-end;
}

.aiMessageAssistant[b-r9smruqb6d] {
  align-items: flex-start;
}

.aiMessageLabel[b-r9smruqb6d] {
  font-size: 11px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  user-select: none;
  padding: 0 8px;
}

.aiMessageContent[b-r9smruqb6d] {
  font-size: 13px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.92);
  padding: 10px 14px;
  border-radius: 10px;
  max-width: 92%;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.aiPanelExpanded .aiMessageContent[b-r9smruqb6d] {
  max-width: 80%;
}

.aiMessageUser .aiMessageContent[b-r9smruqb6d] {
  background: linear-gradient(135deg, #1a4a2e 0%, #1a3a24 100%);
  border: 1px solid var(--fs-green-muted);
}

.aiMessageAssistant .aiMessageContent[b-r9smruqb6d] {
  background: linear-gradient(135deg, #1a2a3a 0%, #162030 100%);
  border: 1px solid #1e3a5f;
}

.aiTyping[b-r9smruqb6d] {
  color: rgba(255, 255, 255, 0.5);
  font-style: italic;
}

/* Markdown content styling */
.aiMessageContent[b-r9smruqb6d]  p {
  margin: 0 0 8px 0;
}

  .aiMessageContent[b-r9smruqb6d]  p:last-child {
    margin-bottom: 0;
  }

.aiMessageContent[b-r9smruqb6d]  code {
  font-family: var(--fs-mono);
  font-size: 12px;
  background: rgba(0, 0, 0, 0.3);
  padding: 2px 6px;
  border-radius: 4px;
  color: #86efac;
}

.aiMessageContent[b-r9smruqb6d]  pre {
  margin: 8px 0;
  padding: 12px;
  background: var(--fs-overlay-backdrop);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  overflow-x: auto;
}

  .aiMessageContent[b-r9smruqb6d]  pre code {
    background: none;
    padding: 0;
    font-size: 12px;
    color: #bbf7d0;
  }

.aiMessageContent[b-r9smruqb6d]  ul,
.aiMessageContent[b-r9smruqb6d]  ol {
  margin: 4px 0;
  padding-left: 20px;
}

.aiMessageContent[b-r9smruqb6d]  li {
  margin: 2px 0;
}

.aiMessageContent[b-r9smruqb6d]  strong {
  color: #86efac;
  font-weight: 600;
}

.aiMessageContent[b-r9smruqb6d]  a {
  color: #7dd3fc;
  text-decoration: underline;
}

.aiMessageContent[b-r9smruqb6d]  h1,
.aiMessageContent[b-r9smruqb6d]  h2,
.aiMessageContent[b-r9smruqb6d]  h3 {
  color: #bbf7d0;
  margin: 8px 0 4px 0;
  font-weight: 600;
}

.aiMessageContent[b-r9smruqb6d]  h1 {
  font-size: 16px;
}

.aiMessageContent[b-r9smruqb6d]  h2 {
  font-size: 14px;
}

.aiMessageContent[b-r9smruqb6d]  h3 {
  font-size: 14px;
}

.aiMessageContent[b-r9smruqb6d]  table {
  border-collapse: collapse;
  margin: 8px 0;
  font-size: 12px;
  width: 100%;
}

.aiMessageContent[b-r9smruqb6d]  th,
.aiMessageContent[b-r9smruqb6d]  td {
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 4px 8px;
  text-align: left;
}

.aiMessageContent[b-r9smruqb6d]  th {
  background: rgba(0, 0, 0, 0.3);
  color: #86efac;
}

/* Input area */
.aiPanelInputArea[b-r9smruqb6d] {
  padding: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}

.aiPanelInputWrapper[b-r9smruqb6d] {
  flex-grow: 1;
  position: relative;
}

.aiPanelInput[b-r9smruqb6d] {
  width: 100%;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 8px;
  padding: 10px 12px;
  padding-bottom: 22px;
  color: white;
  font-size: 13px;
  resize: none;
  min-height: 40px;
  max-height: 100px;
  transition: border-color 0.15s ease;
}

  .aiPanelInput:focus[b-r9smruqb6d] {
    border-color: var(--fs-success-accent);
  }

  .aiPanelInput[b-r9smruqb6d]::placeholder {
    color: rgba(255, 255, 255, 0.35);
  }

  .aiPanelInput:disabled[b-r9smruqb6d] {
    opacity: 0.5;
  }

.aiPanelCharCount[b-r9smruqb6d] {
  position: absolute;
  bottom: 4px;
  right: 10px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.3);
  user-select: none;
  pointer-events: none;
}

.aiPanelCharCountWarn[b-r9smruqb6d] {
  color: var(--fs-warning-accent);
}

.aiPanelSendButton[b-r9smruqb6d] {
  padding: 10px 18px;
  background: var(--fs-green-muted);
  border: 1px solid var(--fs-green-muted);
  border-radius: 8px;
  color: var(--fs-on-accent);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
  user-select: none;
  align-self: flex-end;
}

  .aiPanelSendButton:hover[b-r9smruqb6d] {
    background: var(--fs-green-dark);
    border-color: var(--fs-green-dark);
  }

  .aiPanelSendButton:active[b-r9smruqb6d] {
  }

.aiPanelSendDisabled[b-r9smruqb6d] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

/* Resize handle styling */
.aiPanel[b-r9smruqb6d]::-webkit-resizable {
  background: transparent;
}

/* Scrollbar styling */
.aiPanelMessages[b-r9smruqb6d]::-webkit-scrollbar {
  width: 6px;
}

.aiPanelMessages[b-r9smruqb6d]::-webkit-scrollbar-track {
  background: transparent;
}

.aiPanelMessages[b-r9smruqb6d]::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 3px;
}

  .aiPanelMessages[b-r9smruqb6d]::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.25);
  }

/* Responsive */
@media (max-width: 480px) {
  .aiPanel[b-r9smruqb6d] {
    width: calc(100vw - 16px);
    height: calc(100vh - 16px);
    bottom: 8px;
    right: 8px;
    border-radius: 8px;
    resize: none;
  }

  .aiPanelExpanded[b-r9smruqb6d] {
    width: calc(100vw - 16px);
    height: calc(100vh - 16px);
    bottom: 8px;
    right: 8px;
  }
}
/* /ApiKeys/APIKeyAccountItem.razor.rz.scp.css */
.accountItemFrame[b-y0tnseodso] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin: 4px 8px 4px 0;
  padding: 6px 12px;
  border-radius: 8px;
  background: var(--fs-surface-50);
  border: 1px solid var(--fs-border-muted);
}

.apiCheckbox[b-y0tnseodso] {
  width: 16px;
  height: 16px;
  accent-color: var(--fs-success-accent);
  cursor: pointer;
  flex-shrink: 0;
}

.apiCheckboxLabel[b-y0tnseodso] {
  font-size: 13px;
  font-weight: 500;
  color: var(--fs-text-primary);
  white-space: nowrap;
  user-select: none;
  margin: 0;
  cursor: pointer;
}
/* /ApiKeys/APIKeyItem.razor.rz.scp.css */
/* ── API key card ─────────────────────────────────────────────────────────── */

.apiKeyItemFrame[b-4ggg2bw9x3] {
  display: flex;
  margin: 0 auto 16px auto;
  max-width: 1100px;
  width: calc(100% - 32px);
  padding: 20px 24px;
  border-radius: 12px;
  background: var(--fs-card-bg);
  border: 1px solid var(--fs-border-muted);
  box-shadow: var(--fs-card-shadow);
  transition: box-shadow 0.2s ease;
}

  .apiKeyItemFrame:hover[b-4ggg2bw9x3] {
    box-shadow: var(--fs-shadow-md);
  }

.apiKeyItemFrame_active[b-4ggg2bw9x3] {
  border-left: 4px solid var(--fs-success-accent);
}

.apiKeyItemFrame_suspended[b-4ggg2bw9x3] {
  border-left: 4px solid var(--fs-error-accent);
  opacity: 0.92;
}

/* ── Form grid ────────────────────────────────────────────────────────────── */

.apiKeyForm[b-4ggg2bw9x3] {
  display: grid;
  grid-template-columns: 180px 1fr;
  column-gap: 20px;
  row-gap: 14px;
  width: 100%;
  align-items: center;
}

.apiKeyLabel[b-4ggg2bw9x3] {
  padding: 0;
  justify-self: end;
  text-align: right;
}

.apiLabelText[b-4ggg2bw9x3] {
  font-size: 13px;
  font-weight: 600;
  color: var(--fs-text-secondary);
  white-space: nowrap;
  user-select: none;
}

.apiKeyValue[b-4ggg2bw9x3] {
  padding: 0;
  min-width: 0;
}

.apiValueTextInput[b-4ggg2bw9x3] {
  width: 100%;
  max-width: 480px;
  padding: 8px 12px;
  font-size: 14px;
  color: var(--fs-text-primary);
  background-color: var(--fs-input-bg);
  border: 1px solid var(--fs-input-border);
  border-radius: 6px;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

  .apiValueTextInput:focus[b-4ggg2bw9x3] {
    border-color: var(--fs-input-focus-border);
    box-shadow: 0 0 0 3px var(--fs-input-focus-ring);
  }

.apiValueText[b-4ggg2bw9x3] {
  font-size: 14px;
  color: var(--fs-text-primary);
  word-break: break-word;
}

.apiKeySecret[b-4ggg2bw9x3] {
  display: block;
  font-family: var(--fs-mono);
  font-size: 13px;
  line-height: 1.5;
  padding: 10px 14px;
  background: var(--fs-surface-50);
  border: 1px solid var(--fs-border-muted);
  border-radius: 8px;
  color: var(--fs-text-primary);
  word-break: break-all;
}

/* ── Permissions grid ─────────────────────────────────────────────────────── */

.apiKeyTogglesArea[b-4ggg2bw9x3] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
}

.apiKeyToggleSet[b-4ggg2bw9x3] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  background: var(--fs-surface-50);
  border: 1px solid var(--fs-border-muted);
  border-radius: 8px;
  min-width: min(100%, 240px);
  flex: 1 1 200px;
}

.apiOptionLabelText[b-4ggg2bw9x3] {
  font-size: 12px;
  font-weight: 600;
  color: var(--fs-text-secondary);
  white-space: nowrap;
  user-select: none;
  flex: 1;
  min-width: 0;
}

.apiOptionSelect[b-4ggg2bw9x3],
.apiValueSelect[b-4ggg2bw9x3] {
  font-size: 13px;
  color: var(--fs-text-primary);
  background-color: var(--fs-input-bg);
  border: 1px solid var(--fs-input-border);
  border-radius: 6px;
  padding: 5px 28px 5px 10px;
  min-width: 100px;
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23495057' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
  transition: border-color 0.15s ease;
}

  .apiOptionSelect:focus[b-4ggg2bw9x3],
  .apiValueSelect:focus[b-4ggg2bw9x3] {
    border-color: var(--fs-input-focus-border);
    box-shadow: 0 0 0 3px var(--fs-input-focus-ring);
  }

.apiValueSelect[b-4ggg2bw9x3] {
  min-width: 220px;
  max-width: 100%;
}

.apiOptionValueText[b-4ggg2bw9x3] {
  font-size: 12px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 12px;
  background: var(--fs-success-bg);
  color: var(--fs-success-text);
  white-space: nowrap;
}

/* ── Header & actions ───────────────────────────────────────────────────── */

.apiKeyHeader[b-4ggg2bw9x3] {
  grid-column: 1 / -1;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--fs-border-subtle);
  margin-bottom: 4px;
}

.apiHeaderText[b-4ggg2bw9x3] {
  font-size: 16px;
  font-weight: 600;
  color: var(--fs-text-heading);
  user-select: none;
}

.apiKeyOptionsArea[b-4ggg2bw9x3] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 12px;
  margin-top: 4px;
  border-top: 1px solid var(--fs-border-subtle);
}

/* ── Buttons ──────────────────────────────────────────────────────────────── */

.apiOptionButton[b-4ggg2bw9x3] {
  padding: 7px 16px;
  border-radius: 6px;
  min-width: auto;
  margin: 0;
  text-align: center;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all 0.15s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

  .apiOptionButton:hover[b-4ggg2bw9x3] {
    box-shadow: var(--fs-shadow-sm);
  }

  .apiOptionButton:active[b-4ggg2bw9x3] {
    transform: translateY(0);
  }

  .apiOptionButtonDisabled[b-4ggg2bw9x3] {
    pointer-events: none;
    opacity: 0.45;
  }

.apiOptionButtonText[b-4ggg2bw9x3],
.apiOptionButtonSmallText[b-4ggg2bw9x3] {
  font-size: 13px;
  font-weight: 500;
  color: var(--fs-text-white);
  white-space: nowrap;
  user-select: none;
}

.apiOptionButtonPositive[b-4ggg2bw9x3] {
  background: var(--fs-green-muted);
  border-color: var(--fs-green-muted);
}

  .apiOptionButtonPositive:hover[b-4ggg2bw9x3] {
    background: var(--fs-green-dark);
    border-color: var(--fs-green-dark);
  }

.apiOptionButtonNegative[b-4ggg2bw9x3] {
  background: transparent;
  border-color: var(--fs-error-accent);
}

  .apiOptionButtonNegative .apiOptionButtonText[b-4ggg2bw9x3],
  .apiOptionButtonNegative .apiOptionButtonSmallText[b-4ggg2bw9x3] {
    color: var(--fs-error-accent);
  }

  .apiOptionButtonNegative:hover[b-4ggg2bw9x3] {
    background: var(--fs-error-accent);
  }

    .apiOptionButtonNegative:hover .apiOptionButtonText[b-4ggg2bw9x3],
    .apiOptionButtonNegative:hover .apiOptionButtonSmallText[b-4ggg2bw9x3] {
      color: var(--fs-text-white);
    }

.apiOptionButtonNeutral[b-4ggg2bw9x3] {
  background: transparent;
  border-color: var(--fs-border-300);
}

  .apiOptionButtonNeutral .apiOptionButtonText[b-4ggg2bw9x3],
  .apiOptionButtonNeutral .apiOptionButtonSmallText[b-4ggg2bw9x3] {
    color: var(--fs-text-primary);
  }

  .apiOptionButtonNeutral:hover[b-4ggg2bw9x3] {
    background: var(--fs-surface-200);
    border-color: var(--fs-border-300);
  }

/* ── Add-new CTA ─────────────────────────────────────────────────────────── */

.addNewAPIKeyFrame[b-4ggg2bw9x3] {
  margin: 0 auto 16px auto;
  max-width: 1100px;
  width: calc(100% - 32px);
  padding: 0;
  display: flex;
  justify-content: center;
}

  .addNewAPIKeyFrame .apiOptionButtonPositive[b-4ggg2bw9x3] {
    width: 100%;
    padding: 16px 24px;
    border-style: dashed;
    border-width: 2px;
    border-color: var(--fs-green-muted);
    background: transparent;
    border-radius: 12px;
  }

    .addNewAPIKeyFrame .apiOptionButtonPositive .apiOptionButtonText[b-4ggg2bw9x3] {
      color: var(--fs-success-text);
      font-size: 14px;
    }

    .addNewAPIKeyFrame .apiOptionButtonPositive:hover[b-4ggg2bw9x3] {
      background: var(--fs-success-bg);
      transform: none;
      box-shadow: none;
    }

/* ── Key actions row ──────────────────────────────────────────────────────── */

.apiKeyValueSplit[b-4ggg2bw9x3] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  width: 100%;
}

  .apiKeyValueSplit > .apiValueText[b-4ggg2bw9x3],
  .apiKeyValueSplit > .apiKeySecret[b-4ggg2bw9x3] {
    flex: 1 1 100%;
    margin-bottom: 4px;
  }

/* ── Account info ─────────────────────────────────────────────────────────── */

.gridAccountInfo[b-4ggg2bw9x3] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
}

.optionButton[b-4ggg2bw9x3] {
  padding: 6px 12px;
  min-width: auto;
  border-radius: 6px;
  text-align: center;
  margin: 0;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  color: var(--fs-on-accent);
  background: var(--fs-green-muted);
  border: 1px solid var(--fs-green-muted);
  transition: all 0.15s ease;
}

  .optionButton:hover[b-4ggg2bw9x3] {
    background: var(--fs-green-dark);
    border-color: var(--fs-green-dark);
    box-shadow: var(--fs-shadow-sm);
  }

  .optionButton:active[b-4ggg2bw9x3] {
    transform: translateY(0);
  }

.optionButtonText[b-4ggg2bw9x3] {
  color: inherit;
  font-size: inherit;
  user-select: none;
}

/* ── Checkboxes ───────────────────────────────────────────────────────────── */

.apiCheckbox[b-4ggg2bw9x3] {
  width: 18px;
  height: 18px;
  accent-color: var(--fs-success-accent);
  cursor: pointer;
  flex-shrink: 0;
}

.apiCheckboxLabel[b-4ggg2bw9x3] {
  font-size: 14px;
  font-weight: 500;
  color: var(--fs-text-primary);
  white-space: nowrap;
  user-select: none;
  margin: 0 0 0 8px;
  cursor: pointer;
}

/* ── Errors ───────────────────────────────────────────────────────────────── */

.errorFrame[b-4ggg2bw9x3] {
  margin: 0 auto 12px auto;
  max-width: 1100px;
  width: calc(100% - 32px);
  padding: 12px 16px;
  border-radius: 8px;
  background: var(--fs-error-bg);
  border: 1px solid var(--fs-error-border);
}

.errorText[b-4ggg2bw9x3] {
  font-size: 14px;
  font-weight: 500;
  color: var(--fs-error-text);
  user-select: none;
}

/* ── Responsive ───────────────────────────────────────────────────────────── */

@media (max-width: 768px) {
  .apiKeyForm[b-4ggg2bw9x3] {
    grid-template-columns: 1fr;
    row-gap: 6px;
  }

  .apiKeyLabel[b-4ggg2bw9x3] {
    justify-self: start;
    text-align: left;
    padding-top: 8px;
  }

  .apiKeyToggleSet[b-4ggg2bw9x3] {
    flex: 1 1 100%;
  }
}

/* ── Dark mode: explicit toggle + OS preference fallback ─────────────────── */

:host-context(html[data-theme="dark"]) .apiKeySecret[b-4ggg2bw9x3],
html[data-theme="dark"] .apiKeySecret[b-4ggg2bw9x3] {
  background: var(--fs-input-bg);
  border-color: var(--fs-input-border);
}

:host-context(html[data-theme="dark"]) .apiKeyToggleSet[b-4ggg2bw9x3],
html[data-theme="dark"] .apiKeyToggleSet[b-4ggg2bw9x3] {
  background: var(--fs-surface-200);
  border-color: var(--fs-border);
}

:host-context(html[data-theme="dark"]) .apiOptionValueText[b-4ggg2bw9x3],
html[data-theme="dark"] .apiOptionValueText[b-4ggg2bw9x3] {
  background: rgba(45, 181, 83, 0.18);
  color: var(--fs-success-text);
}

:host-context(html[data-theme="dark"]) .apiOptionSelect[b-4ggg2bw9x3],
:host-context(html[data-theme="dark"]) .apiValueSelect[b-4ggg2bw9x3],
html[data-theme="dark"] .apiOptionSelect[b-4ggg2bw9x3],
html[data-theme="dark"] .apiValueSelect[b-4ggg2bw9x3] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a0a0a0' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
}

:host-context(html[data-theme="dark"]) .addNewAPIKeyFrame .apiOptionButtonPositive:hover[b-4ggg2bw9x3],
html[data-theme="dark"] .addNewAPIKeyFrame .apiOptionButtonPositive:hover[b-4ggg2bw9x3] {
  background: rgba(45, 181, 83, 0.12);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) .apiKeySecret[b-4ggg2bw9x3] {
    background: var(--fs-input-bg);
    border-color: var(--fs-input-border);
  }

  :root:not([data-theme]) .apiKeyToggleSet[b-4ggg2bw9x3] {
    background: var(--fs-surface-200);
    border-color: var(--fs-border);
  }

  :root:not([data-theme]) .apiOptionValueText[b-4ggg2bw9x3] {
    background: rgba(45, 181, 83, 0.18);
    color: var(--fs-success-text);
  }

  :root:not([data-theme]) .apiOptionSelect[b-4ggg2bw9x3],
  :root:not([data-theme]) .apiValueSelect[b-4ggg2bw9x3] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a0a0a0' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
  }

  :root:not([data-theme]) .addNewAPIKeyFrame .apiOptionButtonPositive .apiOptionButtonText[b-4ggg2bw9x3] {
    color: var(--fs-success-text);
  }

  :root:not([data-theme]) .addNewAPIKeyFrame .apiOptionButtonPositive:hover[b-4ggg2bw9x3] {
    background: rgba(45, 181, 83, 0.12);
  }
}
.apiProvenance[b-4ggg2bw9x3] { margin: 12px 16px; color: var(--fs-text-primary); font-size: 13px; }
/* /CompanyProfile/CompanyAccountsPanel.razor.rz.scp.css */
.accountsPanelFrame[b-i0p5waufzb] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.image[b-i0p5waufzb] {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--fs-logo-bg, #f9fafb);
  border-radius: 4px;
  padding: 2px;
}

.logoImg[b-i0p5waufzb] {
  object-fit: contain;
  border-radius: 3px;
}

.activeGridArea[b-i0p5waufzb] {
  background: var(--fs-success-bg, #dcfce7);
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
}

.activeGridText[b-i0p5waufzb] {
  color: var(--fs-success-text, #166534);
  font-size: 12px;
}

.inactiveGridArea[b-i0p5waufzb] {
  background: var(--fs-error-bg, #fee2e2);
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
}

.inactiveGridText[b-i0p5waufzb] {
  color: var(--fs-error-text, #991b1b);
  font-size: 12px;
}

.restrictedGridArea[b-i0p5waufzb] {
  background: #fff7ed;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
}

.restrictedGridText[b-i0p5waufzb] {
  color: #c2410c;
  font-size: 12px;
  font-weight: 600;
}

.accountDialogHelp[b-i0p5waufzb] {
  margin: 4px 0 0 0;
  font-size: 12px;
  color: var(--fs-text-muted, #6b7280);
  line-height: 1.35;
}

.accountDriverPicker[b-i0p5waufzb] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--fs-border-subtle, #e5e7eb);
  border-radius: 8px;
  background: var(--fs-surface-100, var(--fs-card-bg, #fff));
}

.accountDriverPickerHeader[b-i0p5waufzb],
.accountDriverPickerTools[b-i0p5waufzb],
.accountDriverPickerRow[b-i0p5waufzb] {
  display: flex;
  align-items: center;
  gap: 8px;
}

.accountDriverPickerHeader[b-i0p5waufzb] {
  justify-content: space-between;
}

.accountDriverPickerCount[b-i0p5waufzb],
.accountDriverPickerId[b-i0p5waufzb] {
  font-size: 12px;
  color: var(--fs-text-muted, #6b7280);
}

.accountDriverPickerTools .accountDialogInput[b-i0p5waufzb] {
  flex: 1;
}

.accountDriverPickerButton[b-i0p5waufzb] {
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid var(--fs-input-border, #d1d5db);
  border-radius: 6px;
  background: var(--fs-card-bg, #fff);
  color: var(--fs-text-primary, #1f2937);
  font-size: 13px;
  cursor: pointer;
}

.accountDriverPickerList[b-i0p5waufzb] {
  display: flex;
  flex-direction: column;
  max-height: 220px;
  overflow: auto;
  border: 1px solid var(--fs-border-subtle, #e5e7eb);
  border-radius: 6px;
}

.accountDriverPickerRow[b-i0p5waufzb] {
  min-height: 36px;
  padding: 6px 8px;
  border-bottom: 1px solid var(--fs-border-subtle, #e5e7eb);
  cursor: pointer;
}

.accountDriverPickerRow:last-child[b-i0p5waufzb] {
  border-bottom: 0;
}

.accountDriverPickerName[b-i0p5waufzb] {
  flex: 1;
  color: var(--fs-text-primary, #1f2937);
  font-size: 13px;
}

.accountDriverPickerEmpty[b-i0p5waufzb] {
  padding: 16px;
  text-align: center;
  color: var(--fs-text-muted, #6b7280);
  font-size: 14px;
}

/* ── Action bar ──────────────────────────────────────── */
.accountActionBar[b-i0p5waufzb] {
  display: flex;
  gap: 8px;
  padding: 4px 0;
}

.accountActionBtn[b-i0p5waufzb] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: 4px;
  background: var(--fs-blue-600, #2563eb);
  color: var(--fs-text-white, #fff);
  font-size: 13px;
  cursor: pointer;
}

.accountActionBtnEdit[b-i0p5waufzb] {
  background: var(--fs-blue-accent, #0891b2);
}

.accountActionBtnDelete[b-i0p5waufzb] {
  background: var(--fs-btn-danger, #dc2626);
}

.accountActionBtnDisabled[b-i0p5waufzb] {
  opacity: 0.45;
  cursor: default;
  pointer-events: none;
}

/* ── Dialog ──────────────────────────────────────────── */
.accountDialogOverlay[b-i0p5waufzb] {
  position: fixed;
  inset: 0;
  background: var(--fs-overlay-bg, rgba(0, 0, 0, 0.45));
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.accountDialogFrame[b-i0p5waufzb] {
  background: var(--fs-card-bg, #fff);
  color: var(--fs-text-primary, #1f2937);
  border: 1px solid var(--fs-card-border, transparent);
  border-radius: 8px;
  width: 560px;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 64px);
  overflow: auto;
  box-shadow: var(--fs-shadow-lg, 0 10px 40px rgba(0, 0, 0, 0.25));
}

.accountDialogFrameSmall[b-i0p5waufzb] {
  width: 380px;
}

.accountDialogHeader[b-i0p5waufzb] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid var(--fs-border-subtle, #e5e7eb);
}

.accountDialogHeaderDanger[b-i0p5waufzb] {
  background: var(--fs-error-bg, #fef2f2);
}

.accountDialogTitle[b-i0p5waufzb] {
  font-size: 14px;
  font-weight: 600;
  color: var(--fs-text-heading, #1f2937);
}

.accountDialogClose[b-i0p5waufzb] {
  cursor: pointer;
  color: var(--fs-text-secondary, #6b7280);
  font-size: 18px;
  line-height: 1;
}

.accountDialogBody[b-i0p5waufzb] {
  padding: 16px;
}

.accountDialogError[b-i0p5waufzb] {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--fs-error-text, #b91c1c);
  font-size: 13px;
  margin-bottom: 12px;
}

.accountDialogLogos[b-i0p5waufzb] {
  display: flex;
  gap: 24px;
  margin-bottom: 16px;
}

.accountDialogLogoCard[b-i0p5waufzb] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: center;
}

.accountDialogLogoLabel[b-i0p5waufzb] {
  font-size: 12px;
  font-weight: 600;
  color: var(--fs-text-secondary, #374151);
}

.accountDialogLogoPreview[b-i0p5waufzb] {
  width: 80px;
  height: 80px;
  border: 1px dashed var(--fs-border-300, #d1d5db);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--fs-logo-bg, #f9fafb);
}

.logoImgDialog[b-i0p5waufzb] {
  object-fit: contain;
}

.accountDialogLogoPlaceholder[b-i0p5waufzb] {
  color: var(--fs-text-muted, #9ca3af);
  font-size: 22px;
}

.accountDialogLogoActions[b-i0p5waufzb] {
  display: flex;
  gap: 6px;
  align-items: center;
}

.accountImageSelectButton[b-i0p5waufzb] {
  padding: 3px 12px;
  background: var(--fs-blue-600, #2563eb);
  color: var(--fs-text-white, #fff);
  border-radius: 4px;
  font-size: 13px;
  cursor: pointer;
}

.accountDialogLogoClear[b-i0p5waufzb] {
  color: var(--fs-error-text, #dc2626);
  cursor: pointer;
  font-size: 16px;
}

.accountDialogFields[b-i0p5waufzb] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.accountDialogFieldGroup[b-i0p5waufzb] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.accountDialogFieldFull[b-i0p5waufzb] {
  grid-column: 1 / -1;
}

.accountDialogLabel[b-i0p5waufzb] {
  font-size: 12px;
  color: var(--fs-text-secondary, #374151);
}

.accountDialogInput[b-i0p5waufzb],
.accountDialogSelect[b-i0p5waufzb] {
  padding: 6px 8px;
  border: 1px solid var(--fs-input-border, #d1d5db);
  border-radius: 4px;
  font-size: 13px;
  background: var(--fs-input-bg, #fff);
  color: var(--fs-text-primary, #1f2937);
}

.accountDialogInput:focus[b-i0p5waufzb],
.accountDialogSelect:focus[b-i0p5waufzb] {
  border-color: var(--fs-input-focus-border, #2563eb);
  box-shadow: 0 0 0 2px var(--fs-input-focus-ring, rgba(37, 99, 235, 0.15));
}

.accountDialogStatusToggle[b-i0p5waufzb] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--fs-text-primary, #374151);
}

.accountDialogFooter[b-i0p5waufzb] {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  padding: 12px 16px;
  border-top: 1px solid var(--fs-border-subtle, #e5e7eb);
}

.accountDialogBtn[b-i0p5waufzb] {
  padding: 7px 18px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
}

.accountDialogBtnSave[b-i0p5waufzb] {
  background: var(--fs-btn-primary, #16a34a);
  color: var(--fs-text-white, #fff);
}

.accountDialogBtnDanger[b-i0p5waufzb] {
  background: var(--fs-btn-danger, #dc2626);
  color: var(--fs-text-white, #fff);
}

.accountDialogBtnCancel[b-i0p5waufzb] {
  background: var(--fs-btn-secondary, #e5e7eb);
  color: var(--fs-text-on-dark, var(--fs-text-primary, #374151));
}

.accountDialogDeleteText[b-i0p5waufzb] {
  font-size: 14px;
  color: var(--fs-text-primary, #374151);
}
/* /CompanyProfile/CompanyLogoPanel.razor.rz.scp.css */
.logoPanelLoading[b-97kcnxsq4g],
.logoPanelError[b-97kcnxsq4g] {
  padding: 16px;
  color: var(--fs-text-secondary, #555);
  font-size: 14px;
}

.logoPanelError[b-97kcnxsq4g] {
  color: var(--fs-error-text, #b91c1c);
}

.logoUploadError[b-97kcnxsq4g] {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--fs-error-text, #b91c1c);
  font-size: 13px;
  margin-bottom: 12px;
}

.logoCards[b-97kcnxsq4g] {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}

.logoCard[b-97kcnxsq4g] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}

.logoCardLabel[b-97kcnxsq4g] {
  font-size: 13px;
  font-weight: 600;
  color: var(--fs-text-secondary, #374151);
}

.logoPreview[b-97kcnxsq4g] {
  border: 1px dashed var(--fs-border-300, #d1d5db);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--fs-logo-bg, #f9fafb);
}

.logoPreviewLarge[b-97kcnxsq4g] {
  width: 300px;
  height: 150px;
}

.logoPreviewSmall[b-97kcnxsq4g] {
  width: 120px;
  height: 120px;
}

.logoImg[b-97kcnxsq4g] {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.logoPlaceholder[b-97kcnxsq4g] {
  color: var(--fs-text-muted, #9ca3af);
  font-size: 26px;
}

.logoCardActions[b-97kcnxsq4g] {
  display: flex;
  gap: 8px;
  align-items: center;
}

.logoUploadBtn[b-97kcnxsq4g] {
  padding: 5px 12px;
  background: var(--fs-blue-600, #2563eb);
  color: var(--fs-text-white, #fff);
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
}

.logoClearBtn[b-97kcnxsq4g] {
  padding: 5px 12px;
  background: var(--fs-btn-secondary, #e5e7eb);
  color: var(--fs-text-on-dark, var(--fs-text-primary, #374151));
  border: none;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
}

.logoCheckRow[b-97kcnxsq4g] {
  margin-top: 16px;
}

.logoCheckLabel[b-97kcnxsq4g] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--fs-text-primary, #374151);
}

.logoActions[b-97kcnxsq4g] {
  margin-top: 20px;
  display: flex;
  gap: 8px;
}

.logoBtn[b-97kcnxsq4g] {
  padding: 7px 18px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
}

.logoBtnEdit[b-97kcnxsq4g] {
  background: var(--fs-blue-600, #2563eb);
  color: var(--fs-text-white, #fff);
}

.logoBtnSave[b-97kcnxsq4g] {
  background: var(--fs-btn-primary, #16a34a);
  color: var(--fs-text-white, #fff);
}

.logoBtnSave.saveDisabled[b-97kcnxsq4g],
.logoBtn:disabled[b-97kcnxsq4g] {
  opacity: 0.5;
  cursor: default;
}

.logoBtnCancel[b-97kcnxsq4g] {
  background: var(--fs-btn-secondary, #e5e7eb);
  color: var(--fs-text-on-dark, var(--fs-text-primary, #374151));
}
/* /CompanyProfile/CompanyProfilePanel.razor.rz.scp.css */
.profilePanelLoading[b-ociu03gfbg],
.profilePanelError[b-ociu03gfbg] {
  padding: 16px;
  color: var(--fs-text-secondary, #555);
  font-size: 14px;
}

.profilePanelError[b-ociu03gfbg] {
  color: var(--fs-error-text, #b91c1c);
}

.profileForm[b-ociu03gfbg] {
  max-width: 560px;
}

.profileFields[b-ociu03gfbg] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.profileFieldRow[b-ociu03gfbg] {
  display: flex;
  align-items: center;
  gap: 12px;
}

.profileLabel[b-ociu03gfbg] {
  flex: 0 0 150px;
  font-size: 13px;
  color: var(--fs-text-secondary, #374151);
  text-align: right;
}

.profileInput[b-ociu03gfbg],
.profileSelect[b-ociu03gfbg] {
  flex: 1 1 auto;
  padding: 6px 8px;
  border: 1px solid var(--fs-input-border, #d1d5db);
  border-radius: 4px;
  font-size: 13px;
  background: var(--fs-input-bg, #fff);
  color: var(--fs-text-primary, #1f2937);
}

.profileInput:focus[b-ociu03gfbg],
.profileSelect:focus[b-ociu03gfbg] {
  border-color: var(--fs-input-focus-border, #2563eb);
  box-shadow: 0 0 0 2px var(--fs-input-focus-ring, rgba(37, 99, 235, 0.15));
}

.profileInput[readonly][b-ociu03gfbg],
.profileSelect[disabled][b-ociu03gfbg] {
  background: var(--fs-input-disabled-bg, #f9fafb);
  color: var(--fs-text-secondary, #6b7280);
}

.profileValidation[b-ociu03gfbg] {
  margin-top: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--fs-error-text, #b91c1c);
  font-size: 13px;
}

.profileActions[b-ociu03gfbg] {
  margin-top: 16px;
  display: flex;
  gap: 8px;
}

.profileBtn[b-ociu03gfbg] {
  padding: 7px 18px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
}

.profileBtnEdit[b-ociu03gfbg] {
  background: var(--fs-blue-600, #2563eb);
  color: var(--fs-text-white, #fff);
}

.profileBtnSave[b-ociu03gfbg] {
  background: var(--fs-btn-primary, #16a34a);
  color: var(--fs-text-white, #fff);
}

.profileBtnSave.saveDisabled[b-ociu03gfbg],
.profileBtn:disabled[b-ociu03gfbg] {
  opacity: 0.5;
  cursor: default;
}

.profileBtnCancel[b-ociu03gfbg] {
  background: var(--fs-btn-secondary, #e5e7eb);
  color: var(--fs-text-on-dark, var(--fs-text-primary, #374151));
}
/* /Components/ApiUidField.razor.rz.scp.css */
.api-uid[b-58o001sv2h] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.api-uid-label[b-58o001sv2h] {
  font-size: 13px;
  font-weight: 500;
  color: var(--fs-text-700);
}

.api-uid-value[b-58o001sv2h] {
  font-family: var(--fs-mono);
  font-size: 12px;
  color: var(--fs-text-800);
  word-break: break-all;
  user-select: all;
}

.api-uid-copy[b-58o001sv2h] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: 1px solid var(--fs-border-200, #d1d5db);
  background: var(--fs-surface-50, #f9fafb);
  color: var(--fs-text-700);
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 12px;
  cursor: pointer;
  line-height: 1.4;
}

.api-uid-copy:hover[b-58o001sv2h] {
  background: var(--fs-surface-200, #e5e7eb);
}

.api-uid-copy .oi[b-58o001sv2h] {
  font-size: 11px;
}

.api-uid-copy .oi-check[b-58o001sv2h] {
  color: var(--fs-success-text, #166534);
}

.api-uid--form[b-58o001sv2h] {
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
}

.api-uid--form .api-uid-value[b-58o001sv2h] {
  padding: 10px 12px;
  border: 1px solid var(--fs-border-200, #d1d5db);
  border-radius: 6px;
  background: var(--fs-surface-100, #f3f4f6);
  color: var(--fs-text-500);
}

.api-uid--form .api-uid-copy[b-58o001sv2h] {
  align-self: flex-start;
}

.api-uid--detail[b-58o001sv2h] {
  width: 100%;
  justify-content: space-between;
}

.api-uid--detail .api-uid-label[b-58o001sv2h] {
  min-width: 110px;
  color: var(--fs-text-muted, #6b7280);
}

.api-uid--detail .api-uid-value[b-58o001sv2h] {
  flex: 1 1 auto;
}

.api-uid--compact[b-58o001sv2h] {
  width: 100%;
  gap: 6px;
  margin-top: 4px;
}

.api-uid--compact .api-uid-label[b-58o001sv2h] {
  font-size: 11px;
  color: var(--fs-text-muted, #6b7280);
}

.api-uid--compact .api-uid-value[b-58o001sv2h] {
  font-size: 11px;
  flex: 1 1 auto;
  min-width: 0;
}

.api-uid--compact .api-uid-copy-text[b-58o001sv2h] {
  display: none;
}
/* /Components/Charts/ChartJsBarChart.razor.rz.scp.css */
.chartjs-host[b-ph9l73rwo3] {
  position: relative;
  width: 100%;
}

.chartjs-host canvas[b-ph9l73rwo3] {
  width: 100% !important;
  height: 100% !important;
}

/* Inline-SVG fallback when Chart.js can't load. Filled rects scaled to the
   host box via the non-uniform viewBox. */
.chartjs-fallback-bars[b-ph9l73rwo3] {
  width: 100%;
  height: 100%;
  display: block;
}

.chartjs-fallback-bars rect[b-ph9l73rwo3] {
  fill: var(--fs-green-bright, #2e7d32);
}
/* /Components/Charts/ChartJsLineChart.razor.rz.scp.css */
.chartjs-host[b-awt5sigmou] {
  position: relative;
  width: 100%;
}

.chartjs-host canvas[b-awt5sigmou] {
  width: 100% !important;
  height: 100% !important;
}

/* Inline-SVG fallback when Chart.js can't load. Stroked polyline scaled to the
   host box via the non-uniform viewBox. */
.chartjs-fallback[b-awt5sigmou] {
  width: 100%;
  height: 100%;
  display: block;
}

.chartjs-fallback polyline[b-awt5sigmou] {
  fill: none;
  stroke: var(--fs-green-bright, #2e7d32);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}
/* /Components/Charts/ChartJsPieChart.razor.rz.scp.css */
.chartjs-host[b-8c64780xzs] {
  position: relative;
  width: 100%;
}

.chartjs-host canvas[b-8c64780xzs] {
  width: 100% !important;
  height: 100% !important;
}

/* Inline-SVG fallback when Chart.js can't load. Arc-path slices in a square
   viewBox; aspect-ratio kept so the pie stays circular. */
.chartjs-fallback-pie[b-8c64780xzs] {
  display: block;
  height: 100%;
  margin: 0 auto;
  aspect-ratio: 1 / 1;
}

.chartjs-fallback-pie path[b-8c64780xzs] {
  stroke: #ffffff;
  stroke-width: 0.3;
}
/* /Components/Maps/LeafletMapView.razor.rz.scp.css */
.leaflet-map-host[b-v95k3fjnm9] {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--fs-border-subtle);
}

/* Primary-marker recolor (interop sets the class on the default icon img;
   ::deep because Leaflet creates the element outside Blazor's scope attr).
   Default Leaflet blue (~hue 215°) → brand green, so the one pin a call
   site flags as primary stands out from the secondary cluster. */
.leaflet-map-host[b-v95k3fjnm9]  .fs-pin-primary {
  filter: hue-rotate(265deg) saturate(1.4) brightness(0.95);
}

.map-fallback[b-v95k3fjnm9] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  padding: 16px;
  border: 1px solid var(--fs-border-subtle);
  border-radius: 8px;
  background-color: var(--fs-surface-100);
}

.map-fallback-row[b-v95k3fjnm9] {
  display: flex;
  align-items: center;
  gap: 12px;
}

.map-fallback-label[b-v95k3fjnm9] {
  font-weight: 600;
  color: var(--fs-text-700);
}

.map-fallback-coords[b-v95k3fjnm9] {
  font-family: var(--fs-mono);
  font-size: 13px;
  color: var(--fs-text-500);
}

.map-fallback-link[b-v95k3fjnm9] {
  margin-left: auto;
  font-size: 13px;
}
/* /Components/PickerField.razor.rz.scp.css */
/* Matches the authorize form's .field-select/.field-input tokens exactly so
   the trigger sits on the same baseline and surface as native selects
   (runtime polish 2026-06-07: hardcoded white/1px made it read as disabled). */

.picker-field[b-az1ziom712] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  padding: 10px 14px;
  background: var(--fs-surface-50);
  border: 2px solid var(--fs-border-strong);
  border-radius: 8px;
  font-size: 14px;
  color: var(--fs-text-heading);
  text-align: left;
  cursor: pointer;
  transition: all 0.2s ease;
}

.picker-field:hover:not(:disabled)[b-az1ziom712] {
  border-color: var(--fs-border-600, #888);
}

.picker-field:focus-visible[b-az1ziom712] {
  outline: 2px solid var(--fs-focus);
  outline-offset: 1px;
}

.picker-field:disabled[b-az1ziom712] {
  opacity: 0.5;
  cursor: default;
}

.picker-field--empty .picker-field__text[b-az1ziom712] {
  color: var(--fs-text-muted, #777);
}

.picker-field__text[b-az1ziom712] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.picker-field__glyph[b-az1ziom712] {
  flex-shrink: 0;
  font-size: 12px;
  color: var(--fs-text-muted, #666);
}
/* /Components/SearchPickerModal.razor.rz.scp.css */
.picker-overlay[b-ys2se7reuw] {
  position: fixed;
  inset: 0;
  background: var(--fs-overlay-backdrop);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1200;
}

.picker-modal[b-ys2se7reuw] {
  width: min(640px, 92vw);
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 8px;
  box-shadow: var(--fs-shadow-2);
  overflow: hidden;
}

.picker-header[b-ys2se7reuw] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  background: #f4f6f8;
  border-bottom: 1px solid #ddd;
}

.picker-title[b-ys2se7reuw] {
  font-weight: 700;
}

.picker-close[b-ys2se7reuw] {
  border: none;
  background: none;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  color: #555;
}

.picker-search[b-ys2se7reuw] {
  margin: 10px 14px 6px;
  padding: 7px 10px;
  border: 1px solid #bbb;
  border-radius: 4px;
  font-size: 14px;
}

.picker-grid[b-ys2se7reuw] {
  overflow-y: auto;
  margin: 0 14px;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
}

.picker-grid table[b-ys2se7reuw] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.picker-grid th[b-ys2se7reuw] {
  position: sticky;
  top: 0;
  background: #f4f4f4;
  border-bottom: 2px solid #444;
  padding: 5px 10px;
  text-align: left;
  white-space: nowrap;
}

.picker-sort[b-ys2se7reuw] {
  cursor: pointer;
  user-select: none;
}

.picker-grid td[b-ys2se7reuw] {
  padding: 5px 10px;
  border-bottom: 1px solid #eee;
  white-space: nowrap;
}

.picker-detail[b-ys2se7reuw] {
  color: #666;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.picker-grid tbody tr[b-ys2se7reuw] {
  cursor: pointer;
}

.picker-grid tbody tr:hover[b-ys2se7reuw] {
  background: #eef6ee;
}

.picker-row--selected[b-ys2se7reuw] {
  background: #e3f0e3;
}

.picker-empty[b-ys2se7reuw] {
  text-align: center;
  color: #777;
  padding: 18px;
}

/* ── Star favorites (opt-in via FavoritesKey) ───────────────────────────── */
.picker-star-col[b-ys2se7reuw] {
  width: 30px;
  text-align: center;
  color: #b8860b;
}

.picker-star-cell[b-ys2se7reuw] {
  width: 30px;
  text-align: center;
  padding: 2px 4px;
}

.picker-star[b-ys2se7reuw] {
  border: none;
  background: none;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  color: #c0c0c0;
  padding: 2px 4px;
}

.picker-star:hover[b-ys2se7reuw] {
  color: #b8860b;
  transform: scale(1.15);
}

.picker-star--on[b-ys2se7reuw] {
  color: #e6a817;
}

.picker-footer[b-ys2se7reuw] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 14px 12px;
}

.picker-count[b-ys2se7reuw] {
  font-size: 12px;
  color: #777;
}

.picker-clear[b-ys2se7reuw] {
  border: 1px solid #bbb;
  background: #fff;
  border-radius: 4px;
  padding: 4px 10px;
  font-size: 12px;
  cursor: pointer;
}

.picker-clear:hover[b-ys2se7reuw] {
  background: #f4f4f4;
}
/* /Components/TimeZoneSelect.razor.rz.scp.css */
.tz-select[b-4gsw1o04ps] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  width: 100%;
}

.tz-select > select[b-4gsw1o04ps] {
  max-width: 100%;
}

.tz-select__more[b-4gsw1o04ps],
.tz-select__use[b-4gsw1o04ps] {
  padding: 0;
  border: 0;
  background: none;
  color: var(--fs-green-bright, #2e7d32);
  font: inherit;
  font-size: 12px;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}

.tz-select__use[b-4gsw1o04ps] {
  margin-left: 4px;
  font-weight: 600;
}

.tz-select__more:hover[b-4gsw1o04ps],
.tz-select__use:hover[b-4gsw1o04ps] {
  text-decoration-thickness: 2px;
}

.tz-select__more:focus-visible[b-4gsw1o04ps],
.tz-select__use:focus-visible[b-4gsw1o04ps] {
  outline: 2px solid var(--fs-green-bright, #2e7d32);
  outline-offset: 2px;
  border-radius: 2px;
}

.tz-select__hint[b-4gsw1o04ps] {
  font-size: 12px;
  line-height: 1.4;
  color: var(--fs-text-muted, #6b7280);
}

.tz-select__hint--suggest[b-4gsw1o04ps] {
  color: var(--fs-text-primary, #212529);
}

.tz-select__hint--ok[b-4gsw1o04ps]::before {
  content: "\2713\00a0";
  color: var(--fs-green-bright, #2e7d32);
}

.tz-select__note[b-4gsw1o04ps] {
  display: block;
  margin-top: 2px;
  color: var(--fs-text-muted, #6b7280);
}
/* /Controls/ExportMenuButton.razor.rz.scp.css */
/* Mirrors SplitActionButton's tokens (pill button, backdrop, dropdown card,
   spinner) — one menu instead of a per-format button row. */

.export-menu-button[b-br32sczop6] {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 36px;
  margin: 0 8px 0 0;
  padding: 0 14px;
  border-radius: 6px;
  border: 1px solid var(--fs-border-strong);
  user-select: none;
  cursor: pointer;
  background: var(--fs-surface);
  color: var(--fs-ink);
  font: 600 14px/1 var(--fs-font);
  transition: background 120ms ease, border-color 120ms ease;
  -webkit-tap-highlight-color: transparent;
}

.export-menu-button:hover[b-br32sczop6] {
  background: var(--fs-surface-2);
}

.export-menu-disabled[b-br32sczop6] {
  pointer-events: none;
  opacity: 0.4;
}

.export-menu-main[b-br32sczop6] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  font-size: 13px;
  color: inherit;
  white-space: nowrap;
}

.export-menu-main .oi[b-br32sczop6] {
  font-size: 11px;
}

.export-menu-main:active[b-br32sczop6] {
}

.export-menu-backdrop[b-br32sczop6] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: transparent;
  z-index: 999;
}

.export-menu-dropdown[b-br32sczop6] {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  min-width: 230px;
  background: var(--fs-card-bg);
  border-radius: 12px;
  box-shadow: var(--fs-shadow-2);
  z-index: 1000;
  overflow: hidden;
  cursor: default;
  padding: 4px 0;
}

.export-menu-head[b-br32sczop6] {
  display: grid;
  grid-template-columns: 1fr 64px 64px;
  gap: 6px;
  padding: 6px 14px 4px;
  border-bottom: 1px solid var(--fs-border-light);
}

.export-menu-head-scope[b-br32sczop6] {
  font-size: 11px;
  color: var(--fs-muted);
  text-align: center;
  white-space: nowrap;
}

.export-menu-warning[b-br32sczop6] {
  color: var(--fs-warning-text);
  margin-left: 2px;
}

.export-menu-row[b-br32sczop6] {
  display: grid;
  grid-template-columns: 1fr 64px 64px;
  gap: 6px;
  align-items: center;
  padding: 6px 14px;
}

.export-menu-row:hover[b-br32sczop6] {
  background: var(--fs-surface-2);
}

.export-menu-format[b-br32sczop6] {
  font-size: 14px;
  color: var(--fs-text-primary);
}

.export-menu-scope-btn[b-br32sczop6] {
  font-size: 12px;
  padding: 3px 0;
  border: 1px solid var(--fs-border-light);
  border-radius: 6px;
  background: transparent;
  color: var(--fs-text-primary);
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

.export-menu-scope-btn:hover[b-br32sczop6] {
  background: var(--fs-surface-2);
  border-color: var(--fs-border-strong);
  color: var(--fs-ink);
}

.export-menu-scope-btn[aria-pressed="true"][b-br32sczop6] {
  background: var(--fs-accent);
  border-color: var(--fs-accent);
  color: var(--fs-on-accent);
}

html[data-theme="dark"] .export-menu-scope-btn[aria-pressed="true"][b-br32sczop6] {
  background: var(--fs-soft);
  border-color: transparent;
  color: var(--fs-on-soft);
}

.export-menu-loading[b-br32sczop6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 16px;
  font-size: 14px;
  color: var(--fs-text-muted);
}

.export-menu-spinner[b-br32sczop6] {
  width: 16px;
  height: 16px;
  border: 2px solid var(--fs-divider);
  border-top-color: var(--fs-accent);
  border-radius: 50%;
  animation: export-menu-spin-b-br32sczop6 0.8s linear infinite;
}

@keyframes export-menu-spin-b-br32sczop6 {
  to {
    transform: rotate(360deg);
  }
}
/* /Controls/FacetPanel.razor.rz.scp.css */
/* FacetPanel (slice C-2) — sits on the .field-select / PickerField token set
   so it shares the filter bars' baseline and surface. */

.facet-panel[b-f0g7rlv079] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

/* ── Chip row (always visible — the filter truth) ─────────────────────────── */
.facet-chip-row[b-f0g7rlv079] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.facet-expander[b-f0g7rlv079] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: var(--fs-surface-50);
  border: 2px solid var(--fs-border-400);
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  color: var(--fs-text-heading);
  cursor: pointer;
  transition: border-color 0.2s ease;
}

.facet-expander:hover[b-f0g7rlv079] {
  border-color: var(--fs-border-600, #888);
}

.facet-expander--open[b-f0g7rlv079] {
  border-color: var(--fs-green-bright, #2e7d32);
}

.facet-expander-chevron[b-f0g7rlv079] {
  font-size: 11px;
  color: var(--fs-text-muted, #777);
}

.facet-count-badge[b-f0g7rlv079] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 9px;
  background: var(--fs-green-bright, #2e7d32);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}

.facet-chip[b-f0g7rlv079] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 6px 4px 10px;
  background: var(--fs-surface-100, #eef3ee);
  border: 1px solid var(--fs-border-400);
  border-radius: 14px;
  font-size: 13px;
  color: var(--fs-text-heading);
}

.facet-chip-text[b-f0g7rlv079] {
  white-space: nowrap;
  max-width: 320px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.facet-chip-clear[b-f0g7rlv079] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: var(--fs-text-muted, #777);
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
}

.facet-chip-clear:hover[b-f0g7rlv079] {
  background: var(--fs-border-400);
  color: var(--fs-text-heading);
}

.facet-reset[b-f0g7rlv079] {
  border: none;
  background: transparent;
  color: var(--fs-green-bright, #2e7d32);
  font-size: 13px;
  text-decoration: underline;
  cursor: pointer;
  padding: 4px 6px;
}

/* ── Expanded controls ─────────────────────────────────────────────────────── */
.facet-controls[b-f0g7rlv079] {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 22px;
  padding: 12px 14px;
  background: var(--fs-surface-50);
  border: 2px solid var(--fs-border-400);
  border-radius: 8px;
}

.facet-group[b-f0g7rlv079] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 160px;
}

.facet-group-label[b-f0g7rlv079] {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--fs-text-muted, #777);
}

.facet-pill-row[b-f0g7rlv079] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.facet-pill[b-f0g7rlv079] {
  padding: 5px 12px;
  border: 2px solid var(--fs-border-400);
  border-radius: 14px;
  background: var(--fs-surface-50);
  font-size: 13px;
  color: var(--fs-text-heading);
  cursor: pointer;
  transition: all 0.15s ease;
}

.facet-pill:hover[b-f0g7rlv079] {
  border-color: var(--fs-border-600, #888);
}

.facet-pill--on[b-f0g7rlv079] {
  background: var(--fs-green-bright, #2e7d32);
  border-color: var(--fs-green-bright, #2e7d32);
  color: #fff;
}

.facet-multiselect[b-f0g7rlv079] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.facet-option-search[b-f0g7rlv079] {
  padding: 5px 10px;
  border: 2px solid var(--fs-border-400);
  border-radius: 8px;
  background: var(--fs-surface-50);
  font-size: 13px;
  color: var(--fs-text-heading);
}

.facet-checklist[b-f0g7rlv079] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-height: 180px;
  overflow-y: auto;
  padding-right: 4px;
}

.facet-check[b-f0g7rlv079] {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  color: var(--fs-text-heading);
  cursor: pointer;
}

.facet-range[b-f0g7rlv079] {
  display: flex;
  align-items: center;
  gap: 6px;
}

.facet-range-input[b-f0g7rlv079] {
  width: 90px;
  padding: 5px 8px;
  border: 2px solid var(--fs-border-400);
  border-radius: 8px;
  background: var(--fs-surface-50);
  font-size: 13px;
  color: var(--fs-text-heading);
}

.facet-range-input--date[b-f0g7rlv079] {
  width: 140px;
}

.facet-range-sep[b-f0g7rlv079] {
  color: var(--fs-text-muted, #777);
}

/* ── Loader states (OptionsLoader facets) ──────────────────────────────────── */
.facet-options-wait[b-f0g7rlv079],
.facet-options-failed[b-f0g7rlv079] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--fs-text-muted, #777);
}

.facet-spinner[b-f0g7rlv079] {
  width: 14px;
  height: 14px;
  border: 2px solid var(--fs-border-400);
  border-top-color: var(--fs-green-bright, #2e7d32);
  border-radius: 50%;
  animation: facet-spin-b-f0g7rlv079 0.8s linear infinite;
}

@keyframes facet-spin-b-f0g7rlv079 {
  to { transform: rotate(360deg); }
}

.facet-retry[b-f0g7rlv079] {
  border: none;
  background: transparent;
  color: var(--fs-green-bright, #2e7d32);
  text-decoration: underline;
  font-size: 13px;
  cursor: pointer;
}
/* /Controls/FilterSetting.razor.rz.scp.css */
.filterChipRow[b-s3kcit3x2l] {
  display: inline-flex;
  align-items: center;
  gap: var(--fs-gap-controls, 8px);
  flex-wrap: nowrap;
  min-width: max-content;
}

.filterSettingFrameDisabled[b-s3kcit3x2l] {
  opacity: 0.5;
}

.filterSettingFrameDisabled .fs-chip[b-s3kcit3x2l] {
  pointer-events: none;
}
/* /Controls/PanelButton.razor.rz.scp.css */
.panelButton[b-2p2f9owd08] {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin: 0;
  padding: 0 10px;
  min-width: 36px;
  border: 0;
  border-right: 1px solid var(--fs-border-strong);
  border-radius: 0;
  background: transparent;
  color: var(--fs-ink);
  cursor: pointer;
  font: 600 12px/1 var(--fs-font);
}

.panelButton:last-child[b-2p2f9owd08] {
  border-right: 0;
}

.panelButton:hover[b-2p2f9owd08] {
  background: var(--fs-surface-2);
}

.panelButtonUnselected[b-2p2f9owd08] {
  background: transparent;
}

.panelButtonDisabled[b-2p2f9owd08] {
  opacity: 0.5;
  pointer-events: none;
}

.buttonText[b-2p2f9owd08] {
  font-size: 12px;
  font-weight: 600;
  color: inherit;
  user-select: none;
}

.panelButtonSelected[b-2p2f9owd08] {
  pointer-events: none;
}
/* /Controls/ScopePicker.razor.rz.scp.css */
/* FS-SCOPE-PICKER-1: one "Working in" segment. Role tokens only (site.css /
   theme.css / controls.css); .scope-picker--bar is the green top-bar variant. */

.scope-picker[b-vjhq5p9oxy] {
  position: relative;
  display: inline-flex;
  min-width: 0;
}

.scope-picker__seg[b-vjhq5p9oxy] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 260px;
  height: 32px;
  padding: 0 10px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: var(--fs-ink);
  font-family: var(--fs-font);
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: background 120ms ease, border-color 120ms ease;
}

.scope-picker__seg:hover:not(:disabled)[b-vjhq5p9oxy],
.scope-picker.is-open .scope-picker__seg[b-vjhq5p9oxy] {
  background: var(--fs-surface-2);
  border-color: var(--fs-border-strong);
}

.scope-picker__seg:focus-visible[b-vjhq5p9oxy] {
  outline: 2px solid var(--fs-focus);
  outline-offset: 2px;
}

.scope-picker__seg:disabled[b-vjhq5p9oxy] {
  opacity: 0.5;
  cursor: default;
}

/* Unchosen: dashed edge, regular weight. */
.scope-picker__seg.is-placeholder[b-vjhq5p9oxy] {
  border: 1px dashed var(--fs-border-strong);
  color: var(--fs-muted);
  font-weight: 400;
}

.scope-picker__value[b-vjhq5p9oxy] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.scope-picker__chev[b-vjhq5p9oxy] {
  font-size: 12px;
  opacity: 0.8;
}

/* Green bar: the bar tokens the "?" and theme discs use. */
.scope-picker--bar .scope-picker__seg[b-vjhq5p9oxy] {
  color: var(--fs-on-bar);
}

.scope-picker--bar .scope-picker__seg:hover:not(:disabled)[b-vjhq5p9oxy],
.scope-picker--bar.is-open .scope-picker__seg[b-vjhq5p9oxy] {
  background: var(--fs-on-bar-hover);
  border-color: var(--fs-on-bar-ring);
}

.scope-picker--bar .scope-picker__seg:focus-visible[b-vjhq5p9oxy] {
  outline-color: var(--fs-on-bar);
}

.scope-picker--bar .scope-picker__seg.is-placeholder[b-vjhq5p9oxy] {
  border-color: var(--fs-on-bar-ring);
  color: var(--fs-on-bar);
}

.scope-picker__backer[b-vjhq5p9oxy] {
  position: fixed;
  inset: 0;
  z-index: 300;
}

.scope-picker__pop[b-vjhq5p9oxy] {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 301;
  display: flex;
  flex-direction: column;
  width: 340px;
  max-width: calc(100vw - 32px);
  /* Never past the bottom of the window: the list scrolls instead. */
  max-height: calc(100vh - var(--header-height, 52px) - 24px);
  padding: 8px;
  background: var(--fs-surface);
  color: var(--fs-ink);
  border: 1px solid var(--fs-line);
  border-radius: 12px;
  box-shadow: var(--fs-shadow-2);
  font-family: var(--fs-font);
  text-align: left;
}

.scope-picker__search[b-vjhq5p9oxy] {
  flex-shrink: 0;
  height: 36px;
  padding: 0 10px;
  margin-bottom: 8px;
  border: 1px solid var(--fs-border-strong);
  border-radius: 6px;
  background: var(--fs-surface);
  color: var(--fs-ink);
  font: inherit;
  font-size: 14px;
}

.scope-picker__search:focus-visible[b-vjhq5p9oxy] {
  outline: 2px solid var(--fs-focus);
  outline-offset: 0;
  border-color: var(--fs-focus);
}

.scope-picker__list[b-vjhq5p9oxy] {
  display: flex;
  flex-direction: column;
  min-height: 0;
  max-height: 360px;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.scope-picker__section[b-vjhq5p9oxy] {
  padding: 8px 10px 4px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--fs-muted);
}

.scope-picker__opt[b-vjhq5p9oxy] {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 4px 10px;
  border-radius: 6px;
  cursor: pointer;
}

.scope-picker__opt:hover[b-vjhq5p9oxy],
.scope-picker__opt.is-active[b-vjhq5p9oxy] {
  background: var(--fs-surface-2);
}

.scope-picker__opt:focus-visible[b-vjhq5p9oxy] {
  outline: 2px solid var(--fs-focus);
  outline-offset: -2px;
}

.scope-picker__opt.is-selected[b-vjhq5p9oxy] {
  background: var(--fs-soft);
  color: var(--fs-on-soft);
}

.scope-picker__opt-text[b-vjhq5p9oxy] {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

.scope-picker__opt-label[b-vjhq5p9oxy] {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.scope-picker__opt.is-selected .scope-picker__opt-label[b-vjhq5p9oxy] {
  font-weight: 600;
}

.scope-picker__opt-meta[b-vjhq5p9oxy] {
  font-size: 12px;
  color: var(--fs-muted);
  font-variant-numeric: tabular-nums;
}

.scope-picker__opt.is-selected .scope-picker__opt-meta[b-vjhq5p9oxy] {
  color: var(--fs-on-soft);
}

.scope-picker__warn[b-vjhq5p9oxy] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--fs-warning-accent);
  flex-shrink: 0;
}

.scope-picker__check[b-vjhq5p9oxy] {
  width: 16px;
  height: 16px;
  stroke: currentColor;
  stroke-width: 2.5;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
}

.scope-picker__empty[b-vjhq5p9oxy] {
  padding: 16px 10px;
  font-size: 14px;
  color: var(--fs-muted);
  text-align: center;
}

.scope-picker__foot[b-vjhq5p9oxy] {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid var(--fs-line);
}

.scope-picker__action[b-vjhq5p9oxy] {
  height: 36px;
  padding: 0 10px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--fs-ink);
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
}

.scope-picker__action:hover[b-vjhq5p9oxy] {
  background: var(--fs-surface-2);
}

.scope-picker__action:focus-visible[b-vjhq5p9oxy] {
  outline: 2px solid var(--fs-focus);
  outline-offset: -2px;
}

@media (prefers-reduced-motion: reduce) {
  .scope-picker__seg[b-vjhq5p9oxy] { transition: none; }
}
/* /Controls/SplitActionButton.razor.rz.scp.css */
.split-action-button[b-w6zlknso6t] {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin: 0 3px 0 0;
  border-radius: 25px;
  border: 2px solid transparent;
  user-select: none;
  cursor: pointer;
  background-color: var(--fs-green-700, #0E7732);
  color: var(--fs-text-white);
  transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
  -webkit-tap-highlight-color: transparent;
}

.split-action-button:hover[b-w6zlknso6t] {
  background-color: var(--fs-green-800, #0A5F29);
  border-color: var(--fs-green-600, #16A34A);
  box-shadow: var(--fs-shadow-1);
}

.split-action-disabled[b-w6zlknso6t] {
  pointer-events: none;
  opacity: 0.4;
}

.split-main-text[b-w6zlknso6t] {
  padding: 0 8px 0 10px;
  font-size: 13px;
  color: var(--fs-text-white);
  user-select: none;
  white-space: nowrap;
}

.split-main-text:hover[b-w6zlknso6t] {
  background-color: rgba(255,255,255,0.1);
  border-radius: 25px 0 0 25px;
}

.split-main-text:active[b-w6zlknso6t] {
}

.split-divider[b-w6zlknso6t] {
  width: 1px;
  height: 16px;
  background-color: rgba(255,255,255,0.3);
}

.split-arrow[b-w6zlknso6t] {
  padding: 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.split-arrow:hover[b-w6zlknso6t] {
  background-color: rgba(255,255,255,0.1);
  border-radius: 0 25px 25px 0;
}

.split-arrow .oi[b-w6zlknso6t] {
  font-size: 11px;
  transition: transform 0.2s ease;
}

/* Dropdown backdrop */
.split-dropdown-backdrop[b-w6zlknso6t] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: transparent;
  z-index: 999;
}

/* Dropdown */
.split-dropdown[b-w6zlknso6t] {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  min-width: 180px;
  background: var(--fs-card-bg);
  border-radius: 8px;
  box-shadow: var(--fs-shadow-2);
  z-index: 1000;
  overflow: hidden;
}

.dropdown-item[b-w6zlknso6t] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  cursor: pointer;
  transition: background-color 0.15s ease;
}

.dropdown-item:hover[b-w6zlknso6t] {
  background-color: #f0f9f0;
}

.dropdown-item:first-child[b-w6zlknso6t] {
  border-bottom: 1px solid var(--fs-border-light);
}

.dropdown-label[b-w6zlknso6t] {
  font-size: 14px;
  color: var(--fs-text-primary);
}

.dropdown-count[b-w6zlknso6t] {
  font-size: 12px;
  color: #888;
}

.dropdown-warning[b-w6zlknso6t] {
  color: #d97706;
}

/* Loading state */
.dropdown-loading[b-w6zlknso6t] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 16px;
  font-size: 14px;
  color: var(--fs-text-muted);
}

.dropdown-spinner[b-w6zlknso6t] {
  width: 16px;
  height: 16px;
  border: 2px solid var(--fs-divider);
  border-top-color: var(--fs-green-700, #0E7732);
  border-radius: 50%;
  animation: dropdown-spin-b-w6zlknso6t 0.8s linear infinite;
}

@keyframes dropdown-spin-b-w6zlknso6t {
  to {
    transform: rotate(360deg);
  }
}
/* /Drivers/DriverDuplicatesPanel.razor.rz.scp.css */
.dupPanel[b-xro096ap7j] {
  padding: 16px 20px;
  color: #e0e0e0;
}

.dupPanelHeader[b-xro096ap7j] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.dupPanelTitle h3[b-xro096ap7j] {
  margin: 0 0 4px 0;
  color: #e0e0e0;
}

.dupPanelSubtitle[b-xro096ap7j] {
  margin: 0;
  color: var(--fs-input-placeholder);
  font-size: 13px;
  line-height: 1.4;
  max-width: 720px;
}

.dupRefreshBtn[b-xro096ap7j] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: #333;
  border: 1px solid #444;
  border-radius: 4px;
  color: #e0e0e0;
  cursor: pointer;
  font-size: 13px;
  flex-shrink: 0;
}

.dupRefreshBtn:hover:not(:disabled)[b-xro096ap7j] {
  background: #404040;
}

.dupRefreshBtn:disabled[b-xro096ap7j] {
  opacity: 0.5;
  cursor: not-allowed;
}

.dupLoading[b-xro096ap7j],
.dupEmpty[b-xro096ap7j] {
  padding: 24px;
  background: #1a1a1a;
  border: 1px solid #333;
  border-radius: 4px;
  text-align: center;
  color: var(--fs-input-placeholder);
}

.dupEmpty[b-xro096ap7j] {
  color: #e0e0e0;
}

.dupEmpty .oi[b-xro096ap7j] {
  color: var(--fs-green-bright);
  margin-right: 8px;
}

.dupToolbar[b-xro096ap7j] {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}

.dupStats[b-xro096ap7j] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
}

.dupStatSafe[b-xro096ap7j] {
  color: var(--fs-green-bright);
  font-weight: 600;
}

.dupStatBlocked[b-xro096ap7j] {
  color: #ff9800;
}

.dupStatSeparator[b-xro096ap7j] {
  color: var(--fs-text-muted);
}

.dupFilter[b-xro096ap7j] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
}

.dupFilter label[b-xro096ap7j] {
  color: var(--fs-input-placeholder);
}

.dupFilter select[b-xro096ap7j] {
  padding: 6px 10px;
  background: #1a1a1a;
  border: 1px solid #444;
  border-radius: 4px;
  color: #e0e0e0;
  min-width: 220px;
}

.dupBulkDelete[b-xro096ap7j] {
  margin-left: auto;
  padding: 8px 16px;
  background: #b71c1c;
  border: none;
  border-radius: 4px;
  color: white;
  font-weight: 500;
  cursor: pointer;
  font-size: 13px;
}

.dupBulkDelete:hover:not(:disabled)[b-xro096ap7j] {
  background: #c62828;
}

.dupBulkDelete:disabled[b-xro096ap7j] {
  opacity: 0.5;
  cursor: not-allowed;
}

.dupStatus[b-xro096ap7j] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 14px;
  border-radius: 4px;
  margin-bottom: 12px;
  font-size: 13px;
}

.dupStatus.status-success[b-xro096ap7j] {
  background: rgba(76, 175, 80, 0.12);
  border: 1px solid #4caf50;
  color: #a5d6a7;
}

.dupStatus.status-warn[b-xro096ap7j] {
  background: rgba(255, 152, 0, 0.12);
  border: 1px solid #ff9800;
  color: #ffcc80;
}

.dupStatus.status-error[b-xro096ap7j] {
  background: rgba(244, 67, 54, 0.12);
  border: 1px solid #f44336;
  color: #ef9a9a;
}

.dupStatusDismiss[b-xro096ap7j] {
  background: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  opacity: 0.7;
}

.dupStatusDismiss:hover[b-xro096ap7j] {
  opacity: 1;
}

.dupTableContainer[b-xro096ap7j] {
  border: 1px solid #333;
  border-radius: 4px;
  overflow: hidden;
  max-height: 600px;
  overflow-y: auto;
}

.dupTable[b-xro096ap7j] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.dupTable th[b-xro096ap7j] {
  background: #1a1a1a;
  color: var(--fs-input-placeholder);
  text-align: left;
  padding: 10px 12px;
  font-weight: 500;
  position: sticky;
  top: 0;
  border-bottom: 1px solid #444;
}

.dupTable td[b-xro096ap7j] {
  padding: 10px 12px;
  border-bottom: 1px solid #2a2a2a;
  vertical-align: top;
}

.dupRowSafe[b-xro096ap7j] {
  background: transparent;
}

.dupRowBlocked[b-xro096ap7j] {
  background: rgba(255, 152, 0, 0.06);
}

.dupName[b-xro096ap7j] {
  font-weight: 500;
  color: #e0e0e0;
}

.dupMeta[b-xro096ap7j] {
  color: var(--fs-text-muted);
  font-size: 12px;
  margin-top: 2px;
}

.dupMatchType[b-xro096ap7j] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 12px;
  background: #2a2a2a;
  color: var(--fs-input-placeholder);
}

.dupBadgeSafe[b-xro096ap7j] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 12px;
  background: rgba(76, 175, 80, 0.2);
  color: #81c784;
  border: 1px solid rgba(76, 175, 80, 0.4);
}

.dupBadgeBlocked[b-xro096ap7j] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 12px;
  background: rgba(255, 152, 0, 0.2);
  color: #ffb74d;
  border: 1px solid rgba(255, 152, 0, 0.4);
}

.dupActionCell[b-xro096ap7j] {
  text-align: right;
  white-space: nowrap;
}

.dupDeleteBtn[b-xro096ap7j] {
  padding: 6px 12px;
  background: #b71c1c;
  border: none;
  border-radius: 4px;
  color: white;
  cursor: pointer;
  font-size: 12px;
}

.dupDeleteBtn:hover:not(:disabled)[b-xro096ap7j] {
  background: #c62828;
}

.dupDeleteBtn:disabled[b-xro096ap7j] {
  opacity: 0.5;
  cursor: not-allowed;
}
/* /Drivers/DriverEditModal.razor.rz.scp.css */
/* Ported verbatim from the server DriverEditModal.razor.css
   (Pages\Drivers\Panels). Scoped to the modal component. */

.modal-overlay[b-akyy3v0k5i] {
  position: fixed;
  inset: 0;
  background: var(--fs-overlay-backdrop);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  animation: fadeIn-b-akyy3v0k5i 0.15s ease;
}

@keyframes fadeIn-b-akyy3v0k5i {
  from { opacity: 0; }
  to { opacity: 1; }
}

.driver-edit-modal[b-akyy3v0k5i] {
  background: var(--fs-card-bg);
  border-radius: 12px;
  width: 90%;
  max-width: 700px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  box-shadow: var(--fs-shadow-2);
  animation: slideIn-b-akyy3v0k5i 0.2s ease;
  position: relative;
}

@keyframes slideIn-b-akyy3v0k5i {
  from {
    opacity: 0;
    transform: scale(0.95) translateY(-10px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

.modal-header[b-akyy3v0k5i] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  border-bottom: 1px solid var(--fs-border-subtle);
}

.modal-header h2[b-akyy3v0k5i] {
  margin: 0;
  font-size: 22px;
}

/* Tabs */
.modal-tabs[b-akyy3v0k5i] {
  display: flex;
  border-bottom: 1px solid var(--fs-border-subtle);
  padding: 0 20px;
}

.tab-btn[b-akyy3v0k5i] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 12px 16px;
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  color: var(--fs-text-500);
  font-size: 14px;
  cursor: pointer;
  margin-bottom: -1px;
}

.tab-btn:hover[b-akyy3v0k5i] {
  color: var(--fs-text-700);
}

.tab-btn.active[b-akyy3v0k5i] {
  color: var(--fs-green-muted);
  border-bottom-color: var(--fs-green-muted);
  font-weight: 500;
}

.tab-badge[b-akyy3v0k5i] {
  background: #c8e6c9;
  color: var(--fs-green-dark);
  font-size: 12px;
  padding: 2px 6px;
  border-radius: 10px;
}

/* Modal Body */
.modal-body[b-akyy3v0k5i] {
  padding: 20px;
  overflow-y: auto;
  flex: 1;
}

.modal-footer[b-akyy3v0k5i] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 20px;
  border-top: 1px solid var(--fs-border-subtle);
}

.btn-add[b-akyy3v0k5i] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 8px 12px;
  background: var(--fs-green-muted);
  color: var(--fs-on-accent);
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 13px;
  transition: all 0.15s ease;
}

.btn-add:hover[b-akyy3v0k5i] {
  background: var(--fs-green-dark);
}

.btn-add:disabled[b-akyy3v0k5i] {
  background: #a5d6a7;
  cursor: not-allowed;
}

/* Form Elements */
.form-row[b-akyy3v0k5i] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 16px;
}

.form-group[b-akyy3v0k5i] {
  display: flex;
  flex-direction: column;
}

.form-group label[b-akyy3v0k5i] {
  margin-bottom: 6px;
  font-weight: 500;
  color: var(--fs-text-700);
  font-size: 14px;
}

.form-group input[b-akyy3v0k5i],
.form-group select[b-akyy3v0k5i] {
  padding: 10px 12px;
  border: 1px solid var(--fs-border-200);
  border-radius: 6px;
  font-size: 14px;
}

.form-group input:focus[b-akyy3v0k5i],
.form-group select:focus[b-akyy3v0k5i] {
  border-color: var(--fs-green-muted);
  box-shadow: none;
}

.required[b-akyy3v0k5i] {
  color: var(--fs-error-accent);
}

.form-section[b-akyy3v0k5i] {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid var(--fs-surface-200);
}

.form-section h4[b-akyy3v0k5i] {
  margin: 0 0 12px;
  font-size: 14px;
  color: var(--fs-text-700);
}

.form-hint[b-akyy3v0k5i] {
  display: block;
  margin-top: 6px;
  color: var(--fs-text-500);
  font-size: 12px;
}

/* Key Input */
.key-input-wrapper[b-akyy3v0k5i] {
  display: flex;
  gap: 4px;
}

.key-input[b-akyy3v0k5i] {
  flex: 1;
  font-family: var(--fs-mono);
}

.key-toggle[b-akyy3v0k5i] {
  padding: 8px 12px;
  background: var(--fs-surface-200);
  border: 1px solid var(--fs-border-200);
  border-radius: 6px;
  cursor: pointer;
}

.key-toggle:hover[b-akyy3v0k5i] {
  background: var(--fs-border-subtle);
}

.pin-tools[b-akyy3v0k5i] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}

.pin-length-group[b-akyy3v0k5i] {
  display: inline-flex;
  border: 1px solid var(--fs-border-200);
  border-radius: 6px;
  overflow: hidden;
  background: var(--fs-card-bg);
}

.pin-length-btn[b-akyy3v0k5i] {
  min-width: 32px;
  height: 30px;
  padding: 0 8px;
  border: none;
  border-right: 1px solid var(--fs-border-200);
  background: transparent;
  color: var(--fs-text-700);
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
}

.pin-length-btn:last-child[b-akyy3v0k5i] {
  border-right: none;
}

.pin-length-btn:hover[b-akyy3v0k5i],
.pin-length-btn.active[b-akyy3v0k5i] {
  background: #e0f2fe;
  color: #075985;
}

.pin-suggest-btn[b-akyy3v0k5i],
.pin-inline-action[b-akyy3v0k5i] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid var(--fs-border-200);
  border-radius: 6px;
  background: var(--fs-card-bg);
  color: var(--fs-text-700);
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
}

.pin-suggest-btn:hover[b-akyy3v0k5i],
.pin-inline-action:hover[b-akyy3v0k5i] {
  background: var(--fs-surface-200);
}

.pin-suggest-btn:disabled[b-akyy3v0k5i] {
  cursor: not-allowed;
  opacity: 0.5;
}

.pin-status[b-akyy3v0k5i] {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  padding: 7px 9px;
  border-radius: 6px;
  font-size: 13px;
}

.pin-status.available[b-akyy3v0k5i] {
  background: #e8f5e9;
  color: #166534;
}

.pin-status.conflict[b-akyy3v0k5i],
.pin-status.error[b-akyy3v0k5i] {
  background: #fef2f2;
  color: #991b1b;
}

.pin-status.checking[b-akyy3v0k5i] {
  background: var(--fs-surface-100);
  color: var(--fs-text-500);
}

.pin-status .pin-inline-action[b-akyy3v0k5i] {
  margin-left: auto;
  min-height: 26px;
  background: #fff;
  color: #991b1b;
}

/* Status Toggle */
.status-toggle[b-akyy3v0k5i] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 6px;
}

.toggle-switch[b-akyy3v0k5i] {
  position: relative;
  width: 44px;
  height: 24px;
}

.toggle-switch input[b-akyy3v0k5i] {
  opacity: 0;
  width: 0;
  height: 0;
}

.toggle-slider[b-akyy3v0k5i] {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background: var(--fs-border-200);
  border-radius: 24px;
  transition: 0.2s;
}

.toggle-slider[b-akyy3v0k5i]:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background: var(--fs-card-bg);
  border-radius: 50%;
  transition: 0.2s;
}

.toggle-switch input:checked + .toggle-slider[b-akyy3v0k5i] {
  background: var(--fs-green-muted);
}

.toggle-switch input:checked + .toggle-slider[b-akyy3v0k5i]:before {
  transform: translateX(20px);
}

.status-label[b-akyy3v0k5i] {
  font-weight: 500;
}

.status-label.active[b-akyy3v0k5i] {
  color: var(--fs-green-muted);
}

.status-label.inactive[b-akyy3v0k5i] {
  color: var(--fs-text-500);
}

/* Checkbox Label */
.checkbox-label[b-akyy3v0k5i] {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.checkbox-label input[b-akyy3v0k5i] {
  width: 18px;
  height: 18px;
}

/* Keywords Section */
.section-hint[b-akyy3v0k5i] {
  color: var(--fs-text-500);
  font-size: 14px;
  margin: 0 0 16px;
}

.keyword-add[b-akyy3v0k5i] {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}

.keyword-add input[b-akyy3v0k5i] {
  flex: 1;
  padding: 10px 12px;
  border: 1px solid var(--fs-border-200);
  border-radius: 6px;
}

.keyword-add select[b-akyy3v0k5i] {
  padding: 10px 12px;
  border: 1px solid var(--fs-border-200);
  border-radius: 6px;
  min-width: 100px;
}

.empty-keywords[b-akyy3v0k5i] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 20px;
  color: var(--fs-text-500);
  background: var(--fs-surface-100);
  border-radius: 8px;
}

.empty-keywords .oi[b-akyy3v0k5i] {
  font-size: 26px;
  color: var(--fs-border-200);
  margin-bottom: 12px;
}

.empty-keywords p[b-akyy3v0k5i] {
  margin: 0;
  font-weight: 500;
  color: var(--fs-text-700);
}

.empty-keywords .hint[b-akyy3v0k5i] {
  font-size: 13px;
  margin-top: 4px;
}

.keywords-list[b-akyy3v0k5i] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.keyword-chip[b-akyy3v0k5i] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 20px;
  font-size: 14px;
}

.keyword-chip.allow[b-akyy3v0k5i] {
  background: #c8e6c9;
  color: var(--fs-green-dark);
}

.keyword-chip.deny[b-akyy3v0k5i] {
  background: var(--fs-error-border);
  color: var(--fs-error-text);
}

.keyword-type[b-akyy3v0k5i] {
  font-weight: bold;
}

.keyword-text[b-akyy3v0k5i] {
  font-family: var(--fs-mono);
}

.keyword-remove[b-akyy3v0k5i] {
  background: none;
  border: none;
  padding: 2px;
  cursor: pointer;
  opacity: 0.6;
  display: flex;
}

.keyword-remove:hover[b-akyy3v0k5i] {
  opacity: 1;
}

/* Groups Section */
.empty-groups[b-akyy3v0k5i] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 20px;
  color: var(--fs-text-500);
  background: var(--fs-surface-100);
  border-radius: 8px;
}

.empty-groups .oi[b-akyy3v0k5i] {
  font-size: 26px;
  color: var(--fs-border-200);
  margin-bottom: 12px;
}

.empty-groups p[b-akyy3v0k5i] {
  margin: 0;
  font-weight: 500;
  color: var(--fs-text-700);
}

.empty-groups .hint[b-akyy3v0k5i] {
  font-size: 13px;
  margin-top: 4px;
}

.groups-list[b-akyy3v0k5i] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.group-checkbox[b-akyy3v0k5i] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--fs-border-subtle);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.15s;
}

.group-checkbox:hover[b-akyy3v0k5i] {
  background: var(--fs-surface-100);
}

.group-checkbox.selected[b-akyy3v0k5i] {
  background: var(--fs-success-bg, #e8f5e9);
  border-color: #a5d6a7;
}

.group-checkbox input[b-akyy3v0k5i] {
  width: 18px;
  height: 18px;
}

.group-info[b-akyy3v0k5i] {
  display: flex;
  flex-direction: column;
}

.group-name[b-akyy3v0k5i] {
  font-weight: 500;
  color: var(--fs-text-900);
}

.group-desc[b-akyy3v0k5i] {
  font-size: 13px;
  color: var(--fs-text-500);
}

/* Access Section */
.access-section[b-akyy3v0k5i] {
  min-height: 200px;
}

.group-access-note[b-akyy3v0k5i] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: #f0f9ff;
  border: 1px solid #bae6fd;
  border-radius: 6px;
  color: #0369a1;
  font-size: 13px;
  margin-bottom: 16px;
}

.group-access-note .oi[b-akyy3v0k5i] {
  flex-shrink: 0;
}

/* Access Sub-tabs */
.access-subtabs[b-akyy3v0k5i] {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}

.access-subtab[b-akyy3v0k5i] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: var(--fs-surface-200);
  border: 1px solid var(--fs-border-subtle);
  border-radius: 6px;
  color: var(--fs-text-500);
  font-size: 14px;
  cursor: pointer;
  transition: all 0.15s;
}

.access-subtab:hover[b-akyy3v0k5i] {
  background: var(--fs-border-subtle);
  color: var(--fs-text-700);
}

.access-subtab.active[b-akyy3v0k5i] {
  background: var(--fs-green-muted);
  border-color: var(--fs-green-muted);
  color: var(--fs-on-accent);
}

.access-list[b-akyy3v0k5i] {
  border: 1px solid var(--fs-border-subtle);
  border-radius: 8px;
  overflow: hidden;
  max-height: 300px;
  overflow-y: auto;
}

.access-header[b-akyy3v0k5i] {
  display: grid;
  grid-template-columns: 1fr 120px 100px;
  gap: 12px;
  padding: 10px 14px;
  background: var(--fs-surface-100);
  font-weight: 600;
  font-size: 13px;
  color: var(--fs-text-700);
  border-bottom: 1px solid var(--fs-border-subtle);
  position: sticky;
  top: 0;
}

.access-row[b-akyy3v0k5i] {
  display: grid;
  grid-template-columns: 1fr 120px 100px;
  gap: 12px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--fs-surface-200);
  align-items: center;
}

.access-row:last-child[b-akyy3v0k5i] {
  border-bottom: none;
}

.access-row.has-access[b-akyy3v0k5i] {
  background: var(--fs-success-bg, #e8f5e9);
}

.access-row.no-access[b-akyy3v0k5i] {
  background: var(--fs-card-bg);
}

.name-col[b-akyy3v0k5i] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.name-col .account-name[b-akyy3v0k5i] {
  font-weight: 500;
  color: var(--fs-text-900);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.name-col .account-number[b-akyy3v0k5i] {
  font-size: 12px;
  color: var(--fs-text-500);
}

.access-select[b-akyy3v0k5i] {
  padding: 6px 8px;
  border: 1px solid var(--fs-border-200);
  border-radius: 4px;
  font-size: 13px;
  width: 100%;
  background: var(--fs-card-bg);
  color: var(--fs-text-primary);
}

.access-select:focus[b-akyy3v0k5i] {
  border-color: var(--fs-green-muted);
}

.source-badge[b-akyy3v0k5i] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
}

.source-badge.individual[b-akyy3v0k5i] {
  background: var(--fs-warning-bg, #fef3c7);
  color: var(--fs-warning-text, #92400e);
}

.source-badge.group[b-akyy3v0k5i] {
  background: var(--fs-blue-light, #e0e7ff);
  color: var(--fs-blue-accent, #3730a3);
}

.source-badge.none[b-akyy3v0k5i] {
  background: var(--fs-surface-200);
  color: var(--fs-text-500);
}

.empty-access[b-akyy3v0k5i] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 20px;
  color: var(--fs-text-400);
  text-align: center;
}

.empty-access .oi[b-akyy3v0k5i] {
  font-size: 26px;
  margin-bottom: 12px;
}

/* Spinner */
.spinning[b-akyy3v0k5i] {
  animation: spin-b-akyy3v0k5i 1s linear infinite;
}

@keyframes spin-b-akyy3v0k5i {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.conflict-overlay[b-akyy3v0k5i] {
  position: absolute;
  inset: 0;
  background: var(--fs-overlay-backdrop);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  z-index: 20;
  padding: 24px;
}

.conflict-dialog[b-akyy3v0k5i] {
  background: var(--fs-card-bg);
  border: 1px solid var(--fs-border-subtle);
  border-radius: 10px;
  padding: 20px 22px;
  max-width: 420px;
  width: 100%;
  box-shadow: var(--fs-shadow-2);
}

.conflict-dialog h3[b-akyy3v0k5i] {
  margin: 0 0 10px;
  font-size: 18px;
  color: var(--fs-text-heading);
}

.conflict-dialog p[b-akyy3v0k5i] {
  margin: 0 0 10px;
  color: var(--fs-text-secondary);
  line-height: 1.45;
}

.conflict-hint[b-akyy3v0k5i] {
  font-size: 13px;
  color: var(--fs-text-muted);
}

.conflict-actions[b-akyy3v0k5i] {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 16px;
}
/* /Drivers/DriverGroupsPanel.razor.rz.scp.css */
.driver-groups-panel[b-insrf7sgho] {
  padding: 20px;
  height: 100%;
  overflow-y: auto;
}

.panel-header[b-insrf7sgho] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.panel-header h2[b-insrf7sgho] {
  margin: 0;
  font-size: 26px;
  color: var(--fs-text-primary);
}

/* Loading & Empty States */
.loading-state[b-insrf7sgho], .empty-state[b-insrf7sgho] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  color: var(--fs-text-500);
}

.empty-state .oi[b-insrf7sgho] {
  font-size: 26px;
  margin-bottom: 16px;
  color: var(--fs-border-200);
}

.empty-state h3[b-insrf7sgho] {
  margin: 0 0 8px;
  color: var(--fs-text-700);
}

.empty-state p[b-insrf7sgho] {
  margin: 0 0 20px;
}

.spinning[b-insrf7sgho] {
  animation: spin-b-insrf7sgho 1s linear infinite;
}

@keyframes spin-b-insrf7sgho {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Groups Grid */
.groups-grid[b-insrf7sgho] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 16px;
}

.group-card[b-insrf7sgho] {
  background: var(--fs-card-bg);
  border: 1px solid var(--fs-border-subtle);
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.group-card:hover[b-insrf7sgho] {
  border-color: var(--fs-border-200);
  box-shadow: var(--fs-shadow-1);
}

.group-header[b-insrf7sgho] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.group-icon[b-insrf7sgho] {
  font-size: 26px;
  color: var(--fs-blue-600);
  flex-shrink: 0;
}

.group-title h3[b-insrf7sgho] {
  margin: 0;
  font-size: 18px;
  color: var(--fs-text-900);
}

.group-description[b-insrf7sgho] {
  font-size: 13px;
  color: var(--fs-text-500);
}

.group-meta[b-insrf7sgho] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 13px;
  color: var(--fs-text-500);
}

.group-meta .oi[b-insrf7sgho] {
  margin-right: 4px;
}

.hours-badge[b-insrf7sgho] {
  background: var(--fs-surface-200);
  padding: 2px 8px;
  border-radius: 4px;
}

.access-badge[b-insrf7sgho] {
  background: var(--fs-blue-light, #e0f2fe);
  color: var(--fs-blue-accent, #0369a1);
  padding: 2px 8px;
  border-radius: 4px;
}

.member-preview[b-insrf7sgho] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.member-chip[b-insrf7sgho] {
  background: var(--fs-blue-light, #e0e7ff);
  color: var(--fs-blue-accent, #3730a3);
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 12px;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-chip.more[b-insrf7sgho] {
  background: var(--fs-surface-200);
  color: var(--fs-text-500);
}

.group-actions[b-insrf7sgho] {
  display: flex;
  gap: 8px;
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid var(--fs-surface-200);
}

/* Modal */
.modal-overlay[b-insrf7sgho] {
  position: fixed;
  inset: 0;
  background: var(--fs-overlay-backdrop);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.driver-group-modal[b-insrf7sgho] {
  background: var(--fs-card-bg);
  border-radius: 12px;
  width: 90%;
  max-width: 750px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  box-shadow: var(--fs-shadow-2);
  overflow: hidden;
}

/* Modal Tabs */
.modal-tabs[b-insrf7sgho] {
  display: flex;
  gap: 0;
  border-bottom: 1px solid var(--fs-border-subtle);
  padding: 0 20px;
  background: var(--fs-surface-100, #fafafa);
}

.modal-tab[b-insrf7sgho] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 12px 16px;
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  color: var(--fs-text-500);
  font-size: 14px;
  cursor: pointer;
  margin-bottom: -1px;
  transition: all 0.15s;
}

.modal-tab:hover[b-insrf7sgho] {
  color: var(--fs-text-700);
  background: var(--fs-surface-200);
}

.modal-tab.active[b-insrf7sgho] {
  color: var(--fs-blue-600);
  border-bottom-color: var(--fs-blue-600);
  font-weight: 500;
  background: var(--fs-card-bg);
}

.tab-badge[b-insrf7sgho] {
  background: var(--fs-blue-light, #e0e7ff);
  color: var(--fs-blue-accent, #3730a3);
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 600;
}

.modal-header[b-insrf7sgho] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  border-bottom: 1px solid var(--fs-border-subtle);
}

.modal-header h2[b-insrf7sgho] {
  margin: 0;
  font-size: 22px;
}

.modal-body[b-insrf7sgho] {
  padding: 20px;
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
}

.modal-footer[b-insrf7sgho] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 20px;
  border-top: 1px solid var(--fs-border-subtle);
}

/* Form Elements */
.form-group[b-insrf7sgho] {
  margin-bottom: 16px;
}

.form-group label[b-insrf7sgho] {
  display: block;
  margin-bottom: 6px;
  font-weight: 500;
  color: var(--fs-text-700);
}

.form-group input[b-insrf7sgho],
.form-group select[b-insrf7sgho] {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--fs-border-200);
  border-radius: 6px;
  font-size: 14px;
  box-sizing: border-box;
  background: var(--fs-card-bg);
  color: var(--fs-text-primary);
}

.form-group input:focus[b-insrf7sgho],
.form-group select:focus[b-insrf7sgho] {
  border-color: var(--fs-blue-600);
  box-shadow: none;
}

.form-hint[b-insrf7sgho] {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  color: var(--fs-text-500);
}

.required[b-insrf7sgho] {
  color: var(--fs-error-accent);
}

/* Member Selector */
.form-section[b-insrf7sgho] {
  margin-top: 24px;
}

.section-header[b-insrf7sgho] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.section-header h3[b-insrf7sgho] {
  margin: 0;
  font-size: 16px;
  color: var(--fs-text-700);
}

/* Section Hint */
.section-hint[b-insrf7sgho] {
  color: var(--fs-text-500);
  font-size: 14px;
  margin: 0 0 16px;
  line-height: 1.5;
}

/* Dual-list Selector */
.member-selector[b-insrf7sgho] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.available-list[b-insrf7sgho],
.selected-list[b-insrf7sgho],
.available-drivers[b-insrf7sgho],
.selected-drivers[b-insrf7sgho] {
  display: flex;
  flex-direction: column;
}

.available-list label[b-insrf7sgho],
.selected-list label[b-insrf7sgho],
.available-drivers label[b-insrf7sgho],
.selected-drivers label[b-insrf7sgho] {
  font-size: 13px;
  color: var(--fs-text-500);
  margin-bottom: 8px;
  font-weight: 500;
}

.search-input[b-insrf7sgho] {
  padding: 8px 12px;
  border: 1px solid var(--fs-border-subtle);
  border-radius: 6px;
  margin-bottom: 8px;
  font-size: 14px;
  background: var(--fs-card-bg);
  color: var(--fs-text-primary);
}

.search-input:focus[b-insrf7sgho] {
  border-color: var(--fs-blue-600);
}

.item-list[b-insrf7sgho],
.driver-list[b-insrf7sgho] {
  border: 1px solid var(--fs-border-subtle);
  border-radius: 6px;
  height: 220px;
  overflow-y: auto;
  background: var(--fs-surface-100, #fafafa);
}

.list-item[b-insrf7sgho],
.driver-item[b-insrf7sgho] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  cursor: pointer;
  border-bottom: 1px solid var(--fs-surface-200);
}

.list-item:last-child[b-insrf7sgho],
.driver-item:last-child[b-insrf7sgho] {
  border-bottom: none;
}

.list-item:hover[b-insrf7sgho],
.driver-item:hover[b-insrf7sgho] {
  background: var(--fs-surface-200);
}

.list-item.selected[b-insrf7sgho],
.driver-item.selected[b-insrf7sgho] {
  background: var(--fs-row-selected, #e0e7ff);
}

.list-item.selected:hover[b-insrf7sgho],
.driver-item.selected:hover[b-insrf7sgho] {
  background: var(--fs-row-selected, #c7d2fe);
}

.add-icon[b-insrf7sgho] {
  color: var(--fs-success-accent);
}

.remove-icon[b-insrf7sgho] {
  color: var(--fs-error-accent);
}

/* Account info in list */
.account-info[b-insrf7sgho] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.account-name[b-insrf7sgho] {
  font-weight: 500;
  color: var(--fs-text-900);
}

.account-number[b-insrf7sgho] {
  font-size: 12px;
  color: var(--fs-text-500);
}

.empty-hint[b-insrf7sgho] {
  padding: 20px;
  text-align: center;
  color: var(--fs-text-400);
  font-size: 13px;
}

/* Confirm Modal */
.confirm-modal[b-insrf7sgho] {
  background: var(--fs-card-bg);
  border-radius: 12px;
  padding: 24px;
  max-width: 400px;
  text-align: center;
}

.confirm-icon[b-insrf7sgho] {
  font-size: 26px;
  color: var(--fs-warning-accent);
  margin-bottom: 16px;
}

.confirm-modal h3[b-insrf7sgho] {
  margin: 0 0 12px;
}

.confirm-modal p[b-insrf7sgho] {
  color: var(--fs-text-500);
  margin: 0 0 8px;
}

.warning-text[b-insrf7sgho] {
  font-size: 13px;
}

.confirm-actions[b-insrf7sgho] {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 20px;
}

.dup-warning[b-insrf7sgho] {
  display: block;
  color: #b45309;
  font-size: 12px;
  margin-top: 0.25rem;
}
/* /Drivers/DriverImportModal.razor.rz.scp.css */
.di-overlay[b-zn0z89m82f] {
  position: fixed; inset: 0;
  background: rgba(15, 23, 42, 0.45);
  display: flex; align-items: center; justify-content: center;
  z-index: 1000;
}
.di-dialog[b-zn0z89m82f] {
  background: #fff; width: min(920px, 95vw); max-height: 90vh;
  display: flex; flex-direction: column;
  border-radius: 12px; box-shadow: var(--fs-shadow-2); overflow: hidden;
}
.di-head[b-zn0z89m82f] {
  display: flex; align-items: center; justify-content: space-between;
  padding: 1rem 1.25rem; border-bottom: 1px solid #e2e8f0;
}
.di-head h2[b-zn0z89m82f] { margin: 0; font-size: 18px; color: #14532d; }
.di-close[b-zn0z89m82f] { border: none; background: none; font-size: 26px; line-height: 1; cursor: pointer; color: #64748b; }
.di-body[b-zn0z89m82f] { padding: 1.25rem; overflow: auto; }
.di-foot[b-zn0z89m82f] {
  display: flex; gap: 0.6rem; padding: 0.9rem 1.25rem;
  border-top: 1px solid #e2e8f0; justify-content: flex-end;
}
.di-error[b-zn0z89m82f] {
  background: #fef2f2; border: 1px solid #fecaca; color: #991b1b;
  padding: 0.6rem 0.8rem; border-radius: 8px; margin-bottom: 0.9rem;
}
.di-help[b-zn0z89m82f] { color: #475569; }
.di-busy[b-zn0z89m82f] { margin-top: 0.75rem; color: #475569; }
.di-summary[b-zn0z89m82f] { margin-bottom: 0.75rem; color: #1e293b; }
.di-warn[b-zn0z89m82f] { color: #b45309; font-weight: 600; }
.di-note[b-zn0z89m82f] { color: #b45309; }
.di-bad[b-zn0z89m82f] { color: #9a3412; }
.di-default[b-zn0z89m82f] { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.85rem; }
.di-default label[b-zn0z89m82f] { font-weight: 600; color: #334155; }
.di-default select[b-zn0z89m82f] { padding: 0.3rem 0.4rem; }
.di-table-wrap[b-zn0z89m82f] { border: 1px solid #e2e8f0; border-radius: 8px; overflow: auto; max-height: 50vh; }
.di-table[b-zn0z89m82f] { width: 100%; border-collapse: collapse; font-size: 14px; }
.di-table th[b-zn0z89m82f], .di-table td[b-zn0z89m82f] {
  padding: 0.4rem 0.6rem; border-bottom: 1px solid #eef2f6;
  text-align: left; vertical-align: middle;
}
.di-table thead th[b-zn0z89m82f] { position: sticky; top: 0; background: #f4f4f4; color: #1e293b; }
.di-row-bad[b-zn0z89m82f] { background: #fff7ed; }
.di-pin[b-zn0z89m82f] { display: flex; gap: 0.35rem; align-items: center; }
.di-pin-input[b-zn0z89m82f] { width: 90px; padding: 0.2rem 0.3rem; }
.di-pin-btn[b-zn0z89m82f] {
  border: 1px solid #cbd5e1; background: #f1f5f9; color: #1e293b;
  padding: 0.2rem 0.5rem; border-radius: 6px; cursor: pointer; font-size: 12px;
}
.di-pin-btn:hover[b-zn0z89m82f] { background: #e2e8f0; }
.di-pin-conflict[b-zn0z89m82f] { color: #b45309; font-size: 12px; margin-top: 0.15rem; }
/* /Drivers/DriverSentryGrid.razor.rz.scp.css */
.showDriverAccessArea[b-97e3d5k8js] {
  position: relative;
  display: flex;
  margin: 4px 22px 22px 22px;
  width: calc(100% - 33px);
  height: fit-content;
  min-width: 400px;
  flex-wrap: wrap;
  justify-content: center;
}

.driverAccessArea[b-97e3d5k8js] {
  width: 100%;
  justify-content: center;
}

.driverAccessBelowButtonFrame[b-97e3d5k8js] {
  justify-content: center;
}

.showDriverAccessButton[b-97e3d5k8js] {
  border-radius: 22px;
  width: 240px;
}

.hideDriverAccessRow[b-97e3d5k8js] {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}

.group-filter-area[b-97e3d5k8js] {
  display: flex;
  align-items: center;
}

.group-filter-select[b-97e3d5k8js] {
  padding: 6px 10px;
  border: 1px solid var(--fs-border-medium, #d1d5db);
  border-radius: 6px;
  font-size: 13px;
  min-width: 140px;
  background: var(--fs-card-bg, white);
  color: var(--fs-text-primary);
}

.group-filter-select:focus[b-97e3d5k8js] {
  border-color: green;
  box-shadow: none;
}

.hideDriverAccessButton[b-97e3d5k8js] {
  border-radius: 22px 22px 0 0;
  width: 240px;
}

.toggleButton[b-97e3d5k8js] {
  min-width: 140px;
  min-height: 30px;
  background-color: var(--fs-success-accent, green);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  user-select: none;
  padding: 6px 20px;
  cursor: pointer;
  border: 2px solid transparent;
  text-align: center;
}

  .toggleButton:hover[b-97e3d5k8js] {
    background-color: var(--fs-success-accent, green);
    border: 2px solid var(--fs-green-500, #00a000);
    color: white;
    box-shadow: var(--fs-shadow-1);
  }

  .toggleButton:active[b-97e3d5k8js] {
    border: 2px solid var(--fs-green-700, #006000);
    box-shadow: none !important;
  }
/* /Drivers/WexDriverDetailsModal.razor.rz.scp.css */
.modal-backdrop[b-s0myau0sc2] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--fs-overlay-backdrop);
  z-index: 1000;
}

.driver-details-modal[b-s0myau0sc2] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--fs-card-bg);
  border-radius: 12px;
  box-shadow: var(--fs-shadow-2);
  z-index: 1001;
  width: 500px;
  max-width: 90vw;
  max-height: 85vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.modal-header[b-s0myau0sc2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  background: linear-gradient(135deg, #7b1fa2, #6a1b9a);
  color: white;
}

  .modal-header h5[b-s0myau0sc2] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
  }

    .modal-header h5 .oi[b-s0myau0sc2] {
      font-size: 18px;
      line-height: 1;
    }

.modal-body[b-s0myau0sc2] {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.loading[b-s0myau0sc2],
.not-found[b-s0myau0sc2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 40px;
  color: var(--fs-text-muted);
  font-size: 14px;
}

.spinner[b-s0myau0sc2] {
  width: 20px;
  height: 20px;
  border: 2px solid var(--fs-divider);
  border-top-color: #7b1fa2;
  border-radius: 50%;
  animation: spin-b-s0myau0sc2 0.8s linear infinite;
}

@keyframes spin-b-s0myau0sc2 {
  to {
    transform: rotate(360deg);
  }
}

.details-scroll[b-s0myau0sc2] {
  overflow-y: auto;
  padding: 16px 20px;
  flex: 1;
}

.detail-section[b-s0myau0sc2] {
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--fs-border-light);
}

  .detail-section:last-child[b-s0myau0sc2] {
    border-bottom: none;
    margin-bottom: 0;
  }

  .detail-section h6[b-s0myau0sc2] {
    margin: 0 0 12px 0;
    font-size: 13px;
    font-weight: 700;
    color: #7b1fa2;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

.detail-grid[b-s0myau0sc2] {
  display: grid;
  gap: 8px;
}

.detail-row[b-s0myau0sc2] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.detail-label[b-s0myau0sc2] {
  flex: 0 0 140px;
  font-size: 13px;
  color: var(--fs-text-muted);
  font-weight: 500;
}

.detail-value[b-s0myau0sc2] {
  flex: 1;
  font-size: 13px;
  color: var(--fs-text-primary);
  word-break: break-word;
}

  .detail-value.mono[b-s0myau0sc2] {
    font-family: var(--fs-mono);
    font-size: 12px;
  }

.status-badge[b-s0myau0sc2] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
  color: white;
}

.status-active[b-s0myau0sc2] {
  background-color: var(--fs-green-bright);
}

.status-inactive[b-s0myau0sc2] {
  background-color: #9e9e9e;
}

.status-suspended[b-s0myau0sc2] {
  background-color: #ff9800;
}

.status-default[b-s0myau0sc2] {
  background-color: var(--fs-text-muted);
}

.sync-info[b-s0myau0sc2] {
  background: var(--fs-page-bg);
  border-radius: 8px;
  padding: 12px !important;
  margin-top: 8px;
}

  .sync-info .detail-label[b-s0myau0sc2] {
    color: #888;
    font-size: 12px;
  }

  .sync-info .detail-value[b-s0myau0sc2] {
    font-size: 12px;
    color: var(--fs-text-muted);
  }
/* /Grids/GridPageOption.razor.rz.scp.css */
.pageOptionButton[b-7sw8esqa46] {
  margin: 0;
  border: 1px solid transparent;
  user-select: none;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  border-radius: 6px;
  min-width: 32px;
  height: 32px;
  padding: 0 8px;
  color: var(--fs-ink);
  background: transparent;
  font-weight: 600;
}

  .pageOptionButton:hover[b-7sw8esqa46] {
    /* color: white; */
    /* box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 3px; */
  }

  .pageOptionButton:active[b-7sw8esqa46] {
    /* background-color: black; */
    /* box-shadow: none !important; */
    /* transform: translate(1px, 1px); */
  }

.pageOptionButton_selected[b-7sw8esqa46] {
  background: var(--fs-accent);
  color: var(--fs-on-accent);
}

html[data-theme="dark"] .pageOptionButton_selected[b-7sw8esqa46] {
  background: var(--fs-soft);
  color: var(--fs-on-soft);
  /* background-color: black; */
  /* color: white; */
  /* pointer-events: none; */
}

.pageOptionButton_disabled[b-7sw8esqa46] {
  pointer-events: none;
  opacity: 0.3;
}

.pageOptionNumberText[b-7sw8esqa46] {
  /*; */
  font-size: 14px;
  user-select: none;
  white-space: nowrap;
}

.pageOptionSeparator[b-7sw8esqa46] {
  padding: 2px 3px;
  display: inline-flex;
  align-items: center;
  margin-right: 3px;
}

.pageOptionSeparatorText[b-7sw8esqa46] {
  /*; */
  font-size: 18px; /* font-size: 16px; */
  font-weight: bold;
  user-select: none;
  white-space: nowrap;
  color: var(--fs-muted);
  /* color: black; */
}
/* /Grids/GridPaging.razor.rz.scp.css */
.gridPagingArea[b-74is1649wj] {
  /* position: relative; */
  /* left: 2px; */
  /* top: 2px; */
  /* width: calc(100% - 4px); */
  width: fit-content;
  height: calc(100% - 4px);
  display: inline-grid;
  grid-column-gap: var(--fs-gap-controls, 8px);
  grid-template-columns: min-content auto auto min-content;
  grid-template-rows: min-content;
  grid-auto-flow: row;
  /* New */
  align-items: center;
  white-space: nowrap;
}

.gridPagingDisabled[b-74is1649wj] {
  pointer-events: none;
  opacity: 0.3;
}

.gridPageSizeLabel[b-74is1649wj] {
  /* padding: 2px 3px 2px 8px; */
  /* border: 2px solid black; */
  /* background-color: darkslategray; */
  /* border-radius: 14px 0 0 14px; */
  white-space: nowrap;
  width: fit-content;
  /* New */
  padding-right: 5px;
  display: inline-block;
  align-items: center;
}

.gridPageLabelText[b-74is1649wj] {
  /*; */
  font-size: 14px; /* font-size: 16px; */
  color: var(--fs-muted);
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  user-select: none;
  width: fit-content;
}

.gridPageText[b-74is1649wj] {
  /*; */
  font-size: 14px; /* font-size: 14px; */
  /* color: black; */
  user-select: none;
  width: fit-content;
}

.gridPageSizeSelectArea[b-74is1649wj] {
  /* padding: 0; */
  /* border: 2px solid black; */
  /* background-color: black; */
  /* border-radius: 0 14px 14px 0; */
  /* border-left: none; */
  /* outline: none; */
  width: fit-content;
}

.gridPageSizeSelect[b-74is1649wj] {
  /* border-radius: 0 14px 14px 0; */
  width: 100%;
  height: 100%;
  /*; */
  font-size: 14px; /* font-size: 14px; */
  /* color: black; */
  width: fit-content;
}

.gridPageSelectArea[b-74is1649wj] {
  display: inline-flex;
  gap: 8px;
  /* grid-template-rows: min-content; */
  /* grid-template-columns: min-content auto min-content; */
  /* margin-bottom: 3px; */
  overflow: hidden;
  /* New */
  align-items: center;
  width: fit-content;
}

.gridPageButton[b-74is1649wj] {
  /* padding: 2px 8px; */
  /* border-radius: 14px; */
  /* border: 2px solid black; */
  /* background-color: darkslategray; */
  /*; */
  font-size: 16px; /* font-size: 14px; */
  font-weight: bold;
  /* color: #f0f0f0; */
  user-select: none;
  /* New */
  cursor: pointer;
  width: fit-content;
}

  .gridPageButton:hover[b-74is1649wj] {
    /* color: white; */
    /* box-shadow: rgba(0, 0, 0, 0.3) 3px 3px 4px; */
  }

  .gridPageButton:active[b-74is1649wj] {
    color: white;
    background-color: var(--fs-surface-800, black);
    box-shadow: none;
    /* transform: translate(1px, 1px); */
  }

.queriedPageChangerDisabled[b-74is1649wj] {
  pointer-events: none;
  opacity: 0.22;
}

.gridPageBackButton[b-74is1649wj] {
  color: var(--fs-text-primary, #002000);
  margin-right: 7px;
  display: inline-block;
}

.gridPageOptionsArea[b-74is1649wj] {
  display: inline-flex;
  align-items: center;
  justify-items: center;
  overflow: hidden;
  width: fit-content;
}

.gridPageNextButton[b-74is1649wj] {
  /* margin-left: 2px; */
  /* New */
  color: var(--fs-text-primary, #002000);
  margin-left: 6px;
  width: fit-content;
}

.gridPageEntryArea[b-74is1649wj] {
  grid-column: 4 / 4;
  grid-row: 1 / 1;
  display: inline-grid;
  grid-template-columns: min-content min-content min-content;
  grid-template-rows: min-content;
  align-items: center;
  width: fit-content;
}

.gridPageGoToLabel[b-74is1649wj] {
  /* padding: 2px 3px 2px 8px; */
  /* border: 2px solid black; */
  /* background-color: darkslategray; */
  /* border-radius: 14px 6px 6px 14px; */
  white-space: nowrap;
  width: fit-content;
  align-items: center;
  display: inline-flex;
  user-select: none;
  /* margin-bottom: 2px; */
  /* height: 60%; */
  /* New */
  padding-right: 5px;
}

.gridPageLabelText[b-74is1649wj] {
  /*; */
  font-size: 14px; /* font-size: 14px; */
  /* color: black; */
  white-space: nowrap;
  user-select: none;
  width: fit-content;
}

.gridPageGoToEntryArea[b-74is1649wj] {
  padding: 0;
  /* border: 2px solid black; */
  /* background-color: black; */
  /* border-radius: 6px; */
  white-space: nowrap;
  width: 56px;
  align-items: center;
  display: inline-flex;
  user-select: none;
  /* height: 80%; */
  /* margin-top: 0; */
  /* margin-bottom: 2px; */
  /* New */
  margin-right: 5px;
  color: var(--fs-text-primary, #002000);
}

.gridPageGoToNumberEntry[b-74is1649wj] {
  font-size: 16px;
  width: 100%;
  padding: 0 4px;
  border-radius: 4px;
}

.gridPageGoToNumberEntryDisabled[b-74is1649wj] {
  pointer-events: none;
  opacity: 0.3;
}

.gridPageNumberOfArea[b-74is1649wj] {
  /* padding: 2px 8px 2px 3px; */
  /* border: 2px solid black; */
  /* background-color: darkslategray; */
  /* border-radius: 6px 14px 14px 6px; */
  white-space: nowrap;
  width: fit-content;
  align-items: center;
  display: inline-flex;
  /* height: 60%; */
  /* margin-bottom: 2px; */
  user-select: none;
  /* New */
}

.gridPageLabelText[b-74is1649wj] {
  /*; */
  font-size: 14px; /* font-size: 14px; */
  /* color: white; */
  user-select: none;
  width: fit-content;
}
/* /Grids/GridTextInput.razor.rz.scp.css */
.inputHolder[b-1wq6rzsc30] {
  display: inline-flex;
  width: calc(100% - 4px);
  border: 2px solid var(--fs-border-medium, #ced4da);
  border-radius: 3px;
  background-color: var(--fs-card-bg, #eeffee);
  grid-template-rows: auto;
  grid-template-columns: auto 40px 40px;
  grid-auto-flow: row;
}

.inputText[b-1wq6rzsc30] {
  display: inline-flex;
  width: 100%;
  padding: 6px 6px;
  height: 100%;
  border: none;
  font-size: 14px;
  color: var(--fs-text-primary, #212529);
  outline-color: var(--fs-primary, #60a0c0);
}

.inputHolderWithSpin[b-1wq6rzsc30] {
  width: 100%;
  height: 100%;
  display: inline-flex;
  border: none;
  font-size: 14px;
  color: var(--fs-text-primary, #212529);
  outline-color: var(--fs-primary, #60a0c0);
}

.inputTextWithSpin[b-1wq6rzsc30] {
  width: 100%;
  padding: 6px 6px;
  height: 100%;
  border: none;
  font-size: 14px;
  color: var(--fs-text-primary, #212529);
  outline-color: var(--fs-primary, #60a0c0);
}

.inputValueDec[b-1wq6rzsc30] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKZGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4xLWMwMDAgNzkuYjBmOGJlOSwgMjAyMS8xMi8wOC0xOToxMToyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjUgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMS0xMC0xN1QxNzoxMjozMC0wNTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMi0wMy0wM1QwMjozNzo1OS0wNjowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjItMDMtMDNUMDI6Mzc6NTktMDY6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM3NjE5NGMwLTFiYjItZGQ0OC05Njk5LWY1NjQyYzc4YTMxZiIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmNkODE4YWNiLTVmMzAtZWM0OS05NjcwLTg4YWY0YTE4ZWJiYSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjE2OTVjYjg4LWQyMDgtNWI0OC1hZDIyLTgyNGJhZGE0NzQ0MiIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgdGlmZjpPcmllbnRhdGlvbj0iMSIgdGlmZjpYUmVzb2x1dGlvbj0iNzIwMDAwLzEwMDAwIiB0aWZmOllSZXNvbHV0aW9uPSI3MjAwMDAvMTAwMDAiIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiIGV4aWY6Q29sb3JTcGFjZT0iNjU1MzUiIGV4aWY6UGl4ZWxYRGltZW5zaW9uPSIzMCIgZXhpZjpQaXhlbFlEaW1lbnNpb249IjQ5Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNjk1Y2I4OC1kMjA4LTViNDgtYWQyMi04MjRiYWRhNDc0NDIiIHN0RXZ0OndoZW49IjIwMjEtMTAtMTdUMTc6MTI6MzAtMDU6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZWNiMWRkZjktNzlkOS1mZDRiLWI5ZDMtMTY3N2Y1MmIxNDI2IiBzdEV2dDp3aGVuPSIyMDIyLTAzLTAzVDAyOjM3OjA4LTA2OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjMuMiAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjAyODQ4MzI5LTM5ZTYtZDc0Zi1hMDA1LWFmZGY2YzVjMGVhNyIgc3RFdnQ6d2hlbj0iMjAyMi0wMy0wM1QwMjozNzo1OS0wNjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIzLjIgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjb252ZXJ0ZWQiIHN0RXZ0OnBhcmFtZXRlcnM9ImZyb20gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCB0byBpbWFnZS9wbmciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImRlcml2ZWQiIHN0RXZ0OnBhcmFtZXRlcnM9ImNvbnZlcnRlZCBmcm9tIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AgdG8gaW1hZ2UvcG5nIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDozNzYxOTRjMC0xYmIyLWRkNDgtOTY5OS1mNTY0MmM3OGEzMWYiIHN0RXZ0OndoZW49IjIwMjItMDMtMDNUMDI6Mzc6NTktMDY6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMy4yIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4NDgzMjktMzllNi1kNzRmLWEwMDUtYWZkZjZjNWMwZWE3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE2OTVjYjg4LWQyMDgtNWI0OC1hZDIyLTgyNGJhZGE0NzQ0MiIgc3RSZWY6b3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjE2OTVjYjg4LWQyMDgtNWI0OC1hZDIyLTgyNGJhZGE0NzQ0MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrFLPVIAAAHaSURBVFiF7ZdNTsJAHEd/VQ+gJiYmrmY1B5gbuDBRd+A15DbKXYz2Bh5AmQRNrLYCpZBCU+z074LGL4q0naJd9CVdMcy8QF9nahARqszGfwusohbUpRbUpRbUpRbUpfKCIKKFC8AFAPrj6zLNxUjbiw3D2ARwtbu/fbh3sLOGn+WTnjWEa3smgCMiUj8/T/2LuWAKQMO1PTke+GuTGw98uLYnATSSNRdYeg9ywUYAju3H/iiYhKXLBZMQ9mN/BOA4WSuVXyPhgkkialjSUW+zqDS5aBbBko4iogYXTP42dmXFXDBTRerckg7iONaWi2PCk3SgItXigpmrxmd6zHDB2mEwa790e/PeNHjpviIMZm0u2GWW8Xmeg+e+NzV7z8OCavNifW9qAmhl/U5mQd2yx+5HsU0uWOYbOtdOUrTsYBLCfuiPAJxwwbw8a+be6vKW/aXYJhesk3e9Qntx1rJ/FHtTZK3Ch4VvZS8hb7Fp6J5mWr43NXvWYtlFik1DSzCpsenanhy7n2UXLbZ0QQBIqjyxH+Zlfyn2NG+xaxEEAC5Yh4ialnRUUuwZF+y+jLm3ypgEALhgN3e33RYAgwt2Xda8qQfWKlH5d5JaUJdaUJdaUJdaUJfKC74DBs9YV8SWdaoAAAAASUVORK5CYII=);
}

.inputValueInc[b-1wq6rzsc30] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKZGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4xLWMwMDAgNzkuYjBmOGJlOSwgMjAyMS8xMi8wOC0xOToxMToyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjUgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMS0xMC0xN1QxNzoxMjozMC0wNTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMi0wMy0wM1QwMjozNzoyMi0wNjowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjItMDMtMDNUMDI6Mzc6MjItMDY6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjczZjUzYzA2LWUyYzctN2Q0OS05ZTk2LTBiOWRmYmM5MWRjZiIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjI4MjMwMThkLTZlMzEtN2E0Yy05OWFlLTE4YzYyYzZlNmNmZSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjE2OTVjYjg4LWQyMDgtNWI0OC1hZDIyLTgyNGJhZGE0NzQ0MiIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgdGlmZjpPcmllbnRhdGlvbj0iMSIgdGlmZjpYUmVzb2x1dGlvbj0iNzIwMDAwLzEwMDAwIiB0aWZmOllSZXNvbHV0aW9uPSI3MjAwMDAvMTAwMDAiIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiIGV4aWY6Q29sb3JTcGFjZT0iNjU1MzUiIGV4aWY6UGl4ZWxYRGltZW5zaW9uPSIzMCIgZXhpZjpQaXhlbFlEaW1lbnNpb249IjQ5Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNjk1Y2I4OC1kMjA4LTViNDgtYWQyMi04MjRiYWRhNDc0NDIiIHN0RXZ0OndoZW49IjIwMjEtMTAtMTdUMTc6MTI6MzAtMDU6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZWNiMWRkZjktNzlkOS1mZDRiLWI5ZDMtMTY3N2Y1MmIxNDI2IiBzdEV2dDp3aGVuPSIyMDIyLTAzLTAzVDAyOjM3OjA4LTA2OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjMuMiAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjUxNzRjOGM3LThkN2QtNjg0MS05OGFkLTljODg1ZjlhYjlhOSIgc3RFdnQ6d2hlbj0iMjAyMi0wMy0wM1QwMjozNzoyMi0wNjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIzLjIgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjb252ZXJ0ZWQiIHN0RXZ0OnBhcmFtZXRlcnM9ImZyb20gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCB0byBpbWFnZS9wbmciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImRlcml2ZWQiIHN0RXZ0OnBhcmFtZXRlcnM9ImNvbnZlcnRlZCBmcm9tIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AgdG8gaW1hZ2UvcG5nIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo3M2Y1M2MwNi1lMmM3LTdkNDktOWU5Ni0wYjlkZmJjOTFkY2YiIHN0RXZ0OndoZW49IjIwMjItMDMtMDNUMDI6Mzc6MjItMDY6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMy4yIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTE3NGM4YzctOGQ3ZC02ODQxLTk4YWQtOWM4ODVmOWFiOWE5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE2OTVjYjg4LWQyMDgtNWI0OC1hZDIyLTgyNGJhZGE0NzQ0MiIgc3RSZWY6b3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjE2OTVjYjg4LWQyMDgtNWI0OC1hZDIyLTgyNGJhZGE0NzQ0MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Poy43esAAAHqSURBVFiF7ZhBbtpAGEa/8Tg4Bgsbg7HBC0I7UbJvT0Ai9SzkNoVyDFgm3fQGnX1n01lVqlQpUg4QTRaxEQijGI9LWMyTvBk8P0+WnyybKKVwyljvLfAWRlAXI6iLEdTFCOpiFy1ef/5QaZjg8g4Aufo0XlTZ/+vn75212q6g4HJCbTqjNv0quLypa24tgoJLRghZpSymKYspIWQpuLysY7a2oODSB/CQjHq+23LgthwkFz0fwL3gMnhXQcElBbAKk4C1u956vR16CJOAAVgKLgvv86MIAph7QXMSDTs7P0RpB17QnACY6fxBZUHB5dRxG9PBOAJI8TmDcR+O25hmdR9PMC82ZTEsa/8IyyJIWQxq01nVsg8WzIpdpiy2zxpv315nDRsbZbP/KpgVe5+MeoHbckrvc1sOklHPB/CQzahfMCt2GSb+5WaxZWl312Wvsln1CgKYeUHzJhqGB8vlRMN12fOye0oJZsXeDS72F1sKAgzGUV72tBbBrWKp/pPRsqy87LngcqIluC72Y79UsWU5pOy9glvFeue1yeVkZQd4fWbvLZsUfVkghFAA38PEv43S6lGU4d+fRzz+ffoB4ItS6nnnBKXUzgHgGwB15GNR5FJ4BU+Jk38nMYK6GEFdjKAuRlAXI6jLC+hlvMlThXl5AAAAAElFTkSuQmCC);
}

.spinButton[b-1wq6rzsc30] {
  display: inline-flex;
  border: 1px solid var(--fs-border-medium, #ced4da);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  width: 40px;
}

  .spinButton:hover[b-1wq6rzsc30] {
  }

  .spinButton:active[b-1wq6rzsc30] {
  }

.spinButtonDisabled[b-1wq6rzsc30] {
  pointer-events: none;
  opacity: 0.3;
}
/* /Grids/SpartanGrid.razor.rz.scp.css */
.gridFrameBackground[b-52sgsgujxl] {
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 49999 !important;
  background-color: var(--fs-overlay-backdrop);
}

.gridFrameFullScreen[b-52sgsgujxl] {
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  width: calc(100% - 32px) !important;
  height: calc(100% - 32px) !important;
  z-index: 50000 !important;
  margin: 16px !important;
  border-radius: 12px !important;
  overflow: auto;
}

.gridFrame[b-52sgsgujxl] {
  width: calc(100% - 20px);
  height: 100%;
  border: 1px solid var(--fs-line);
  border-radius: 8px;
  background-color: var(--fs-card-bg);
  padding: 2px 12px;
  min-width: 0;
}

.gridFrameNoTitle[b-52sgsgujxl] {
  padding-top: 12px !important;
}

.gridContents[b-52sgsgujxl] {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: min-content min-content auto;
  width: 100%;
  height: 100%;
}

.gridTopRow[b-52sgsgujxl] {
  grid-column: 1 / 1;
  grid-row: 1 / 1;
  display: flex;
}

.gridTitleArea[b-52sgsgujxl] {
  width: 100%;
  display: inline-grid;
  grid-column-gap: var(--fs-gap-controls, 8px);
  grid-template-columns: auto min-content min-content;
  grid-template-rows: min-content;
  align-items: center;
}

.gridTitleText[b-52sgsgujxl] {
  font-size: 18px;
  font-weight: 600;
  color: var(--fs-text-heading);
  user-select: none;
  grid-column: 1 / 1;
  grid-row: 1 / 1;
}

.gridChromeBtn[b-52sgsgujxl] {
  height: 36px;
  padding: 0 12px;
  font-size: 13px;
}

.gridRefreshArea[b-52sgsgujxl] {
  grid-column: 2 / 2;
  grid-row: 1 / 1;
}

.portalPaneFullScreenButtonArea[b-52sgsgujxl] {
  grid-column: 3 / 3;
  grid-row: 1 / 1;
}

.gridSecondRow[b-52sgsgujxl] {
  grid-column: 1 / 1;
  grid-row: 2 / 2;
  display: flex;
}

.gridContentsArea[b-52sgsgujxl] {
  grid-column: 1 / 1;
  grid-row: 3 / 3;
}

.gridContentsAreaHolderOuter[b-52sgsgujxl] {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.gridContentsAreaHolderInner[b-52sgsgujxl] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}

.gridContentsAreaHolderInnerToEdge[b-52sgsgujxl] {
  position: absolute;
  left: -12px;
  top: 4px;
  width: calc(100% + 24px);
  height: calc(100% - 2px);
  overflow: auto;
  border-top: 1px solid var(--fs-line);
}

.gridSecondRowContent[b-52sgsgujxl] {
  display: grid;
  flex: 1;
  min-width: 0;
  left: 8px;
  width: calc(100%);
  grid-template-rows: min-content;
  grid-template-columns: max-content minmax(0, 1fr) max-content 0px max-content;
  column-gap: 12px;
  white-space: normal;
  align-items: center;
}

.gridPageSizeArea[b-52sgsgujxl] {
  grid-row: 1;
  grid-column: 1;
  display: inline-grid;
  grid-template-rows: min-content;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  align-items: center;
  column-gap: 0;
  min-width: max-content;
}

.gridPageSizeArea .fs-segmented[b-52sgsgujxl] {
  min-width: max-content;
}

.gridReadError[b-52sgsgujxl] {
  margin: 8px 12px;
  padding: 8px 12px;
  border-radius: 6px;
  background: var(--fs-error-bg);
  border: 1px solid var(--fs-error-border);
  color: var(--fs-error-text);
  font-size: 14px;
}

.pageSizeLabelArea[b-52sgsgujxl] {
  margin-right: 8px;
}

.pageSizeLabelText[b-52sgsgujxl] {
  font-size: 12px;
  font-weight: 600;
  color: var(--fs-muted);
  user-select: none;
}

.gridPageSearchArea[b-52sgsgujxl] {
  grid-row: 1;
  grid-column: 2;
}

.gridPageFilterArea[b-52sgsgujxl] {
  grid-row: 1;
  grid-column: 3;
}

.gridColumnChooserSlot[b-52sgsgujxl] {
  grid-row: 1;
  grid-column: 4;
  width: 0;
  min-width: 0;
}

.gridPageOutputArea[b-52sgsgujxl] {
  grid-row: 1;
  grid-column: 5;
  display: inline-grid;
  grid-auto-flow: row;
  flex-wrap: nowrap;
  grid-template-columns: repeat(50, min-content);
}

.searchBox[b-52sgsgujxl] {
  width: 100%;
  height: 36px;
  min-width: 0;
  font: 400 14px/1.2 var(--fs-font);
  color: var(--fs-ink);
  background: var(--fs-surface);
  border-radius: 6px;
  border: 1px solid var(--fs-border-strong);
  padding: 0 12px;
}

  .searchBox:focus[b-52sgsgujxl] {
    width: 100%;
    height: 36px;
    font: 400 14px/1.2 var(--fs-font);
    border-radius: 6px;
    border: 1px solid var(--fs-focus);
    outline: 2px solid var(--fs-focus);
    outline-offset: 2px;
    padding: 0 12px;
  }

.gridHolder[b-52sgsgujxl] {
  margin-left: 0px;
  margin-top: 14px;
  margin-bottom: 8px;
  width: calc(100% - 0px);
  height: calc(100% - 14px);
  overflow: hidden;
}

.headerRow[b-52sgsgujxl] {
  width: 100%;
  border-style: solid;
  border-width: 0;
  border-color: var(--fs-border-medium);
  box-sizing: border-box;
  /* overflow: hidden; */
  vertical-align: middle;
}

.gridTable[b-52sgsgujxl] {
  width: 100%;
  border: 1px solid var(--fs-border-medium);
}

.headerTableRow[b-52sgsgujxl] {
  background-color: var(--fs-card-bg);
  border-bottom-color: var(--fs-border-medium);
  border-top-color: var(--fs-border-medium);
  color: var(--fs-text-heading, #212529);
  box-sizing: border-box;
  vertical-align: middle;
  overflow: hidden;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-top-style: solid;
  border-top-width: 1px;
}

.headerTableHeaderCell[b-52sgsgujxl] {
  height: 36px;
  padding: 0 12px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.headerTableHeaderCellContent[b-52sgsgujxl] {
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
}

.headerTableHeaderCellContentText[b-52sgsgujxl] {
  user-select: none;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--fs-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.gridDisplayedContent[b-52sgsgujxl] {
  overflow: auto;
}

.gridTable[b-52sgsgujxl],
.gridBodyTable[b-52sgsgujxl] {
  min-width: 640px;
}

.export-menu-phone[b-52sgsgujxl] {
  display: none;
}

.export-menu-phone-label[b-52sgsgujxl] {
  padding: 8px 10px 4px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--fs-muted, var(--fs-text-secondary));
}

.export-menu-phone-sizes[b-52sgsgujxl] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 4px 10px 8px;
}

.export-menu-phone-action[b-52sgsgujxl] {
  display: block;
  width: 100%;
  height: 36px;
  padding: 0 10px;
  border: 0;
  background: transparent;
  color: var(--fs-ink, var(--fs-text-primary));
  font: 600 14px/1 var(--fs-font, inherit);
  text-align: left;
  cursor: pointer;
}

@media (max-width: 640px) {
  .export-menu-phone[b-52sgsgujxl] {
    display: block;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--fs-line, var(--fs-border-subtle));
  }

  .gridFrame .gridPageSizeArea[b-52sgsgujxl],
  .gridFrame .gridRefreshArea[b-52sgsgujxl],
  .gridFrame .portalPaneFullScreenArea[b-52sgsgujxl] {
    display: none;
  }

  .gridSecondRowContent[b-52sgsgujxl] {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 8px;
    white-space: normal;
  }

  .gridPageSearchArea[b-52sgsgujxl],
  .gridPageFilterArea[b-52sgsgujxl],
  .gridColumnChooserSlot[b-52sgsgujxl],
  .gridPageOutputArea[b-52sgsgujxl] {
    grid-column: 1;
    grid-row: auto;
  }

  .gridColumnChooserSlot[b-52sgsgujxl] {
    display: none;
  }
}

.bodyRows[b-52sgsgujxl] {
  width: 100%;
  border-style: solid;
  border-width: 0;
  border-color: var(--fs-border-medium);
  box-sizing: border-box;
  /* overflow: hidden; */
  vertical-align: middle;
}

.gridBodyTable[b-52sgsgujxl] {
  width: 100%;
  border-bottom: 1px solid var(--fs-line);
  font-size: 13px;
  color: var(--fs-ink);
  font-variant-numeric: tabular-nums;
}

.dataPendingSpinner[b-52sgsgujxl] {
  color: var(--fs-accent);
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

  .dataPendingSpinner div[b-52sgsgujxl] {
    transform-origin: 40px 40px;
    animation: dataPendingSpinner-b-52sgsgujxl 1.4s linear infinite;
  }

    .dataPendingSpinner div[b-52sgsgujxl]:after {
      content: " ";
      display: block;
      position: absolute;
      top: 10px;
      left: 43px;
      width: 6px;
      height: 16px;
      border-radius: 0 30% 0 30%;
      background: var(--fs-accent);
    }

    .dataPendingSpinner div:nth-child(1)[b-52sgsgujxl] {
      transform: rotate(0deg);
      animation-delay: -1.1s;
    }

    .dataPendingSpinner div:nth-child(2)[b-52sgsgujxl] {
      transform: rotate(30deg);
      animation-delay: -1s;
    }

    .dataPendingSpinner div:nth-child(3)[b-52sgsgujxl] {
      transform: rotate(60deg);
      animation-delay: -0.9s;
    }

    .dataPendingSpinner div:nth-child(4)[b-52sgsgujxl] {
      transform: rotate(90deg);
      animation-delay: -0.8s;
    }

    .dataPendingSpinner div:nth-child(5)[b-52sgsgujxl] {
      transform: rotate(120deg);
      animation-delay: -0.7s;
    }

    .dataPendingSpinner div:nth-child(6)[b-52sgsgujxl] {
      transform: rotate(150deg);
      animation-delay: -0.6s;
    }

    .dataPendingSpinner div:nth-child(7)[b-52sgsgujxl] {
      transform: rotate(180deg);
      animation-delay: -0.5s;
    }

    .dataPendingSpinner div:nth-child(8)[b-52sgsgujxl] {
      transform: rotate(210deg);
      animation-delay: -0.4s;
    }

    .dataPendingSpinner div:nth-child(9)[b-52sgsgujxl] {
      transform: rotate(240deg);
      animation-delay: -0.3s;
    }

    .dataPendingSpinner div:nth-child(10)[b-52sgsgujxl] {
      transform: rotate(270deg);
      animation-delay: -0.2s;
    }

    .dataPendingSpinner div:nth-child(11)[b-52sgsgujxl] {
      transform: rotate(300deg);
      animation-delay: -0.1s;
    }

    .dataPendingSpinner div:nth-child(12)[b-52sgsgujxl] {
      transform: rotate(330deg);
      animation-delay: 0s;
    }

@keyframes dataPendingSpinner-b-52sgsgujxl {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.bodyPendingArea[b-52sgsgujxl] {
  border: 1px solid var(--fs-border-medium);
}

.bodyPendingSpinnerArea[b-52sgsgujxl] {
  position: absolute;
  left: calc(50% - 30px);
  top: calc(50% - 30px);
  width: 60px;
  height: 60px;
}

.gridTableBody[b-52sgsgujxl] {
}

.pageArea[b-52sgsgujxl] {
  width: 100%;
  margin-top: 16px;
  /*
  border-bottom-color: var(--fs-border-medium);
  border-bottom-style: solid;
  border-bottom-width: 2px;
  */
  display: inline-grid;
  grid-template-rows: min-content;
  grid-template-columns: min-content auto min-content;
  grid-column-gap: 25px;
  grid-auto-flow: row;
  align-items: center;
}

.pagingControlHolder[b-52sgsgujxl] {
  display: inline-flex;
  margin-left: 3em;
  align-items: center;
}

.resultsInfoArea[b-52sgsgujxl] {
  justify-content: end;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  display: inline-flex;
  margin-right: 3em;
  align-items: center;
}

.resultsInfoText[b-52sgsgujxl] {
  font-size: 18px;
  color: var(--fs-text-secondary, #002000);
  text-align: right;
  user-select: none;
}

.headerColumnSortingAsc[b-52sgsgujxl] {
  padding-left: 12px;
  background-image: url(/svgs/sort-asc.svg);
}

.headerColumnSortingDesc[b-52sgsgujxl] {
  padding-left: 12px;
  background-image: url(/svgs/sort-desc.svg);
}

.headerColumnSortable[b-52sgsgujxl] {
  background-repeat: no-repeat;
  background-size: 8px;
  background-position-x: 0;
  background-position-y: center;
}

  .headerColumnSortable:hover[b-52sgsgujxl] {
    text-decoration: underline;
    text-decoration-color: green;
  }

  .headerColumnSortable:active[b-52sgsgujxl] {
    transform: translate(0, 2px);
  }

.mainButtonsPanel[b-52sgsgujxl] {
  display: inline-flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: var(--fs-gap-controls, 8px);
}
/* /Grids/SpartanGridButton.razor.rz.scp.css */
/* Spacing comes from .mainButtonsPanel.fs-controls (var(--fs-gap-controls)). */

.gridButtonsDisabled[b-p7ck1uvh8f] {
  pointer-events: none;
  opacity: 0.5;
}
/* /Grids/SpartanGridCell.razor.rz.scp.css */
.bodyTableCell[b-kqyjdq40y4] {
  height: 40px;
  padding: 8px 12px;
  box-sizing: border-box;
  font-size: 13px;
  display: table-cell;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bodyTableCellContent[b-kqyjdq40y4] {
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bodyTableCellContentText[b-kqyjdq40y4] {
  user-select: none;
  font-size: 13px;
}
/* /Grids/SpartanGridRow.razor.rz.scp.css */
.bodyTableRow[b-d1dk5fpac4] {
  background-color: var(--fs-card-bg);
  border-bottom-color: var(--fs-border-medium);
  border-top-color: var(--fs-border-medium);
  color: var(--fs-text-primary, #212529);
  box-sizing: border-box;
  vertical-align: middle;
  overflow: hidden;
  border-bottom-style: solid;
  border-bottom-width: 0;
  border-top-style: solid;
  border-top-width: 1px;
  background-color: var(--fs-card-bg);
  border-bottom-color: var(--fs-border-medium);
  border-top-color: var(--fs-border-medium);
  border-top-width: 1px;
  border-left-color: var(--fs-border-medium);
  border-left-width: 1px;
  border-right-color: var(--fs-border-medium);
  border-right-width: 1px;
}

.bodyTableRow:hover[b-d1dk5fpac4] {
  background-color: var(--fs-surface-2);
}

.selectedRow[b-d1dk5fpac4],
.selectedRow:hover[b-d1dk5fpac4] {
  background-color: var(--fs-soft);
}

.unselectedRow[b-d1dk5fpac4] {
}
/* /Hours/Assignments/AssignHourSetItem.razor.rz.scp.css */
/* Assign Hour Set Item - Modern Styling (WASM port of server AssignHourSetItem) */

.assign-item[b-j91q5b2cpy] {
  padding: 10px 12px;
  margin-bottom: 6px;
  background: var(--fs-card-bg);
  border-radius: 8px;
  border: 1px solid var(--fs-border-400);
  cursor: pointer;
  transition: all 0.15s ease;
}

.assign-item:hover[b-j91q5b2cpy] {
  background: var(--fs-surface-50);
  border-color: #cbd5e1;
  box-shadow: var(--fs-shadow-1);
}

.assign-item:last-child[b-j91q5b2cpy] {
  margin-bottom: 0;
}

.assign-item-layout[b-j91q5b2cpy] {
  display: grid;
  grid-template-columns: 28px 1fr auto;
  gap: 12px;
  align-items: center;
}

/* Checkbox */
.assign-checkbox[b-j91q5b2cpy] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.checkbox-inner[b-j91q5b2cpy] {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s ease;
}

.checkBox_checked[b-j91q5b2cpy] {
  background: linear-gradient(135deg, var(--fs-success-accent) 0%, var(--fs-green-600) 100%);
  border: 2px solid var(--fs-green-600);
  box-shadow: none;
}

.checkBox_checked[b-j91q5b2cpy]::after {
  content: '';
  width: 6px;
  height: 10px;
  border: 2px solid white;
  border-top: none;
  border-left: none;
  transform: rotate(45deg);
}

.checkBox_unchecked[b-j91q5b2cpy] {
  background: var(--fs-surface-50, #f1f5f9);
  border: 2px solid var(--fs-border-200, #cbd5e1);
}

.checkBox_unchecked:hover[b-j91q5b2cpy] {
  border-color: var(--fs-text-dim);
}

/* Name */
.assign-name[b-j91q5b2cpy] {
  overflow: hidden;
}

.assign-name span[b-j91q5b2cpy] {
  font-size: 14px;
  font-weight: 500;
  color: var(--fs-text-heading);
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Hours Badge */
.assign-hours-badge[b-j91q5b2cpy] {
  flex-shrink: 0;
}

.assign-hours-badge span[b-j91q5b2cpy] {
  display: inline-block;
  padding: 4px 10px;
  background: linear-gradient(135deg, var(--fs-warning-accent) 0%, #d97706 100%);
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  color: var(--fs-text-white);
  white-space: nowrap;
}
/* /Hours/Assignments/AssignHourSets.razor.rz.scp.css */
/* Assign Hour Sets - Modern Styling (WASM port of server AssignHourSets) */

/* Toggle Button */
.assign-toggle-container[b-oxqvzr1at0] {
  display: flex;
  justify-content: center;
  padding: 8px 16px 16px 16px;
}

.assign-toggle-btn[b-oxqvzr1at0] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 28px;
  background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
  color: var(--fs-text-white);
  border: none;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: var(--fs-shadow-1);
}

.assign-toggle-btn:hover[b-oxqvzr1at0] {
  background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);
  box-shadow: var(--fs-shadow-1);
}

.assign-toggle-btn:active[b-oxqvzr1at0] {
  transform: translateY(0);
}

/* Assignment Panel */
.assign-panel[b-oxqvzr1at0] {
  background: var(--fs-card-bg);
  border-radius: 12px;
  box-shadow: var(--fs-shadow-1);
  margin-bottom: 16px;
  padding: 20px;
  overflow: hidden;
}

.assign-grid[b-oxqvzr1at0] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  height: 50vh;
  min-height: 400px;
}

/* Column Styling */
.assign-column[b-oxqvzr1at0] {
  display: flex;
  flex-direction: column;
  background: var(--fs-surface-50);
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid var(--fs-border-400);
}

.column-header[b-oxqvzr1at0] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
  color: var(--fs-text-white);
}

.column-header span[b-oxqvzr1at0] {
  font-size: 16px;
  font-weight: 600;
}

.column-header svg[b-oxqvzr1at0] {
  opacity: 0.9;
}

.column-list[b-oxqvzr1at0] {
  flex: 1;
  overflow-y: auto;
  padding: 8px;
  background: var(--fs-surface-50, #f1f5f9);
}

/* Column Actions */
.column-actions[b-oxqvzr1at0] {
  padding: 12px;
  background: var(--fs-card-bg);
  border-top: 1px solid var(--fs-border-400);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.assign-select[b-oxqvzr1at0] {
  width: 100%;
  padding: 10px 12px;
  background: var(--fs-surface-50);
  border: 2px solid var(--fs-border-400);
  border-radius: 8px;
  font-size: 14px;
  color: var(--fs-text-heading);
  cursor: pointer;
  transition: all 0.2s ease;
}

.assign-select:focus[b-oxqvzr1at0] {
  border-color: #6366f1;
  box-shadow: none;
}

.action-buttons[b-oxqvzr1at0] {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

/* Scrollbar Styling */
.column-list[b-oxqvzr1at0]::-webkit-scrollbar {
  width: 6px;
}

.column-list[b-oxqvzr1at0]::-webkit-scrollbar-track {
  background: var(--fs-border-400);
  border-radius: 3px;
}

.column-list[b-oxqvzr1at0]::-webkit-scrollbar-thumb {
  background: var(--fs-text-dim);
  border-radius: 3px;
}

.column-list[b-oxqvzr1at0]::-webkit-scrollbar-thumb:hover {
  background: var(--fs-text-subtle);
}

/* Responsive */
@media (max-width: 768px) {
  .assign-grid[b-oxqvzr1at0] {
    grid-template-columns: 1fr;
    height: auto;
  }

  .assign-column[b-oxqvzr1at0] {
    min-height: 300px;
  }
}
/* /Hours/DayHourBox.razor.rz.scp.css */
/* Hour Segment - Modern Styling (WASM port of server DayHourBox) */
.hour-segment[b-te19exdyy3] {
  position: absolute;
  top: 0;
  height: 100%;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  transition: background-color 0.1s ease;
}

.dayHourFrameOn[b-te19exdyy3] {
  background: linear-gradient(180deg, #22c55e 0%, #16a34a 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.dayHourFrameOff[b-te19exdyy3] {
  background: linear-gradient(180deg, #ef4444 0%, #dc2626 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

/* Hover effect when editing */
.hour-segment:hover[b-te19exdyy3] {
  filter: brightness(1.1);
}
/* /Hours/DayHoursBar.razor.rz.scp.css */
/* Hours Bar - Modern Styling (WASM port of server DayHoursBar) */
.hours-bar[b-czemh32ynz] {
  position: relative;
  width: 100%;
  height: 100%;
  background: #334155;
  display: flex;
}
/* /Hours/HourSetItem.razor.rz.scp.css */
/* Hour Set Item - Modern Styling (WASM port of server HourSetItem) */

/* Add New Button */
.add-new-container[b-9fgez6f0ox] {
  display: flex;
  justify-content: center;
  padding: 16px;
  margin-bottom: 16px;
}

.add-new-btn[b-9fgez6f0ox] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 32px;
  background: linear-gradient(135deg, var(--fs-success-accent) 0%, var(--fs-green-600) 100%);
  color: var(--fs-text-white);
  border: none;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: var(--fs-shadow-1);
}

.add-new-btn:hover[b-9fgez6f0ox] {
  background: linear-gradient(135deg, var(--fs-green-600) 0%, #15803d 100%);
  box-shadow: var(--fs-shadow-1);
}

.add-new-btn:active[b-9fgez6f0ox] {
  transform: translateY(0);
}

/* Hour Set Card */
.hourset-card[b-9fgez6f0ox] {
  background: var(--fs-card-bg);
  border-radius: 12px;
  box-shadow: var(--fs-shadow-1);
  margin-bottom: 16px;
  overflow: hidden;
}

.hourset-content[b-9fgez6f0ox] {
  padding: 20px;
}

/* New Entry Badge */
.hourset-header-badge[b-9fgez6f0ox] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: linear-gradient(135deg, var(--fs-success-accent) 0%, var(--fs-green-600) 100%);
  color: var(--fs-text-white);
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 16px;
}

/* Name Row */
.hourset-name-row[b-9fgez6f0ox] {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}

.hourset-label[b-9fgez6f0ox] {
  font-size: 14px;
  font-weight: 600;
  color: var(--fs-text-600);
  white-space: nowrap;
}

.hourset-value[b-9fgez6f0ox] {
  flex: 1;
  min-width: 200px;
}

.hourset-input[b-9fgez6f0ox] {
  width: 100%;
  padding: 10px 14px;
  background: var(--fs-surface-50);
  border: 2px solid var(--fs-border-400);
  border-radius: 8px;
  font-size: 14px;
  color: var(--fs-text-heading);
  transition: all 0.2s ease;
}

.hourset-input:focus[b-9fgez6f0ox] {
  background: var(--fs-card-bg);
  border-color: var(--fs-success-accent);
  box-shadow: none;
}

.hourset-name-text[b-9fgez6f0ox] {
  font-size: 18px;
  font-weight: 600;
  color: var(--fs-text-heading);
}

/* Schedule Panel */
.schedule-panel[b-9fgez6f0ox] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  border-radius: 10px;
  padding: 12px;
  overflow-x: auto;
}

/* Preset Buttons */
.preset-buttons[b-9fgez6f0ox] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.preset-label[b-9fgez6f0ox] {
  font-size: 13px;
  font-weight: 500;
  color: var(--fs-text-dim);
  margin-right: 4px;
}

.preset-btn[b-9fgez6f0ox] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  color: rgba(226, 232, 240, 0.85);
  cursor: pointer;
  transition: all 0.15s ease;
}

.preset-btn:hover[b-9fgez6f0ox] {
  background: rgba(34, 197, 94, 0.2);
  border-color: rgba(34, 197, 94, 0.4);
  color: var(--fs-success-accent);
}

.preset-btn .oi[b-9fgez6f0ox] {
  font-size: 11px;
}

.preset-btn-clear:hover[b-9fgez6f0ox] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
  color: var(--fs-error-500);
}

/* Schedule Content Container */
.schedule-content[b-9fgez6f0ox] {
  display: flex;
  gap: 16px;
}

.schedule-grid[b-9fgez6f0ox] {
  display: grid;
  grid-template-columns: 100px 1fr;
  grid-template-rows: 32px repeat(7, 32px);
  gap: 3px;
  min-width: 700px;
  flex-shrink: 0;
}

/* Schedule Summary */
.schedule-summary[b-9fgez6f0ox] {
  min-width: 200px;
  max-width: 260px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex-shrink: 0;
}

/* Stack summary below grid when container is too narrow */
@media (max-width: 1400px) {
  .schedule-content[b-9fgez6f0ox] {
    flex-direction: column;
  }

  .schedule-summary[b-9fgez6f0ox] {
    max-width: none;
    width: fit-content;
    min-width: auto;
  }

  .summary-row[b-9fgez6f0ox] {
    max-width: 400px;
  }
}

.summary-header[b-9fgez6f0ox] {
  font-size: 13px;
  font-weight: 600;
  color: var(--fs-text-dim);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.2);
  margin-bottom: 4px;
}

.summary-row[b-9fgez6f0ox] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 8px;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 6px;
  gap: 12px;
}

.summary-row-closed[b-9fgez6f0ox] {
  opacity: 0.5;
}

.summary-day[b-9fgez6f0ox] {
  font-size: 13px;
  font-weight: 600;
  color: rgba(226, 232, 240, 0.85);
  white-space: nowrap;
}

.summary-hours[b-9fgez6f0ox] {
  font-size: 12px;
  color: var(--fs-success-accent);
  text-align: right;
}

.summary-row-closed .summary-hours[b-9fgez6f0ox] {
  color: var(--fs-error-500);
}

.schedule-corner[b-9fgez6f0ox] {
  /* Empty corner cell */
}

/* Hour Labels */
.hour-labels-row[b-9fgez6f0ox] {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  gap: 1px;
}

.hour-label[b-9fgez6f0ox] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 2px;
  background: #334155;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  color: var(--fs-text-dim);
  text-align: center;
}

/* Day Labels */
.day-label-container[b-9fgez6f0ox] {
  position: relative;
}

.day-label[b-9fgez6f0ox] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 12px;
  background: linear-gradient(135deg, var(--fs-blue-bright) 0%, var(--fs-blue-600) 100%);
  border-radius: 6px 0 0 6px;
  font-size: 14px;
  font-weight: 600;
  color: var(--fs-text-white);
}

.day-label-clickable[b-9fgez6f0ox] {
  cursor: pointer;
  transition: all 0.15s ease;
}

.day-label-clickable:hover[b-9fgez6f0ox] {
  background: linear-gradient(135deg, var(--fs-blue-600) 0%, #1d4ed8 100%);
}

.day-label-icon[b-9fgez6f0ox] {
  font-size: 11px;
  opacity: 0.7;
  margin-left: 4px;
}

/* Day Popover */
.day-popover[b-9fgez6f0ox] {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1000;
  min-width: 280px;
  background: #1e293b;
  border: 1px solid #334155;
  border-radius: 8px;
  box-shadow: var(--fs-shadow-2);
  padding: 12px;
  margin-left: 8px;
}

.popover-header[b-9fgez6f0ox] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #334155;
  font-size: 14px;
  font-weight: 600;
  color: rgba(226, 232, 240, 0.9);
}

.popover-close[b-9fgez6f0ox] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 4px;
  color: var(--fs-text-dim);
  cursor: pointer;
  transition: all 0.15s ease;
}

.popover-close:hover[b-9fgez6f0ox] {
  background: rgba(255, 255, 255, 0.1);
  color: var(--fs-text-white);
}

.popover-section[b-9fgez6f0ox] {
  margin-bottom: 12px;
}

.popover-section label[b-9fgez6f0ox] {
  display: block;
  font-size: 11px;
  font-weight: 500;
  color: var(--fs-text-dim);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 6px;
}

.time-picker-row[b-9fgez6f0ox] {
  display: flex;
  align-items: center;
  gap: 8px;
}

.time-select[b-9fgez6f0ox], .copy-select[b-9fgez6f0ox] {
  flex: 1;
  padding: 6px 8px;
  background: #0f172a;
  border: 1px solid #334155;
  border-radius: 4px;
  font-size: 13px;
  color: rgba(226, 232, 240, 0.85);
  cursor: pointer;
}

.time-select:focus[b-9fgez6f0ox], .copy-select:focus[b-9fgez6f0ox] {
  border-color: #3b82f6;
}

.time-separator[b-9fgez6f0ox] {
  font-size: 12px;
  color: var(--fs-text-subtle);
}

.copy-row[b-9fgez6f0ox] {
  display: flex;
  gap: 8px;
}

.popover-btn[b-9fgez6f0ox] {
  padding: 6px 12px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  color: rgba(226, 232, 240, 0.85);
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
}

.popover-btn:hover[b-9fgez6f0ox] {
  background: rgba(255, 255, 255, 0.15);
}

.popover-btn-apply[b-9fgez6f0ox] {
  background: rgba(34, 197, 94, 0.2);
  border-color: rgba(34, 197, 94, 0.4);
  color: var(--fs-success-accent);
}

.popover-btn-apply:hover[b-9fgez6f0ox] {
  background: rgba(34, 197, 94, 0.3);
}

.popover-section-actions[b-9fgez6f0ox] {
  display: flex;
  gap: 8px;
  padding-top: 10px;
  border-top: 1px solid #334155;
  margin-bottom: 0;
}

.popover-btn-all[b-9fgez6f0ox] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.popover-btn-all:hover[b-9fgez6f0ox] {
  background: rgba(34, 197, 94, 0.2);
  border-color: rgba(34, 197, 94, 0.4);
  color: var(--fs-success-accent);
}

.popover-btn-clear[b-9fgez6f0ox] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.popover-btn-clear:hover[b-9fgez6f0ox] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
  color: var(--fs-error-500);
}

.day-hours-row[b-9fgez6f0ox] {
  position: relative;
  background: #475569;
  border-radius: 0 6px 6px 0;
  overflow: hidden;
}

/* Actions */
.hourset-actions[b-9fgez6f0ox] {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--fs-border-400);
  flex-wrap: wrap;
}

.action-btn-save[b-9fgez6f0ox] {
  background: linear-gradient(135deg, var(--fs-success-accent) 0%, var(--fs-green-600) 100%);
  color: var(--fs-text-white);
  box-shadow: var(--fs-shadow-1);
}

.action-btn-save:hover[b-9fgez6f0ox] {
  background: linear-gradient(135deg, var(--fs-green-600) 0%, #15803d 100%);
  box-shadow: var(--fs-shadow-1);
}

.action-btn-edit[b-9fgez6f0ox] {
  background: linear-gradient(135deg, var(--fs-blue-bright) 0%, var(--fs-blue-600) 100%);
  color: var(--fs-text-white);
  box-shadow: var(--fs-shadow-1);
}

.action-btn-edit:hover[b-9fgez6f0ox] {
  background: linear-gradient(135deg, var(--fs-blue-600) 0%, #1d4ed8 100%);
  box-shadow: var(--fs-shadow-1);
}

.action-btn-cancel[b-9fgez6f0ox] {
  background: linear-gradient(135deg, var(--fs-text-subtle) 0%, var(--fs-text-600) 100%);
  color: var(--fs-text-white);
  box-shadow: var(--fs-shadow-1);
}

.action-btn-cancel:hover[b-9fgez6f0ox] {
  background: linear-gradient(135deg, var(--fs-text-600) 0%, #334155 100%);
  box-shadow: var(--fs-shadow-1);
}

.action-btn-delete[b-9fgez6f0ox]{
  background: linear-gradient(135deg, var(--fs-error-500) 0%, var(--fs-error-accent) 100%);
  color: var(--fs-text-white);
  box-shadow: var(--fs-shadow-1);
}

.action-btn-delete:hover[b-9fgez6f0ox]{
  background: linear-gradient(135deg, var(--fs-error-accent) 0%, #b91c1c 100%);
  box-shadow: var(--fs-shadow-1);
}

/* Disabled State */
.hourSetOptionButtonDisabled[b-9fgez6f0ox] {
  pointer-events: none;
  opacity: 0.5;
}

/* Error Banner */
.error-banner[b-9fgez6f0ox] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 16px 0;
  padding: 12px 16px;
  background: var(--fs-error-bg);
  border: 1px solid var(--fs-error-border, #fecaca);
  border-radius: 8px;
  color: var(--fs-error-accent);
}

.error-banner span[b-9fgez6f0ox] {
  font-size: 14px;
  font-weight: 500;
}

/* Responsive */
@media (max-width: 900px) {
  .schedule-panel[b-9fgez6f0ox] {
    padding: 8px;
  }

  .hourset-actions[b-9fgez6f0ox] {
    flex-direction: column;
    align-items: stretch;
  }

  .action-btn[b-9fgez6f0ox] {
    width: 100%;
  }
}
/* /Jobs/JobEditModal.razor.rz.scp.css */
/* Modal Overlay */
.modal-overlay[b-96pmck9alc] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--fs-overlay-backdrop);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  animation: fadeIn-b-96pmck9alc 0.15s ease-out;
}

@keyframes fadeIn-b-96pmck9alc {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Modal Container */
.modal-container[b-96pmck9alc] {
  background: var(--fs-card-bg);
  border-radius: 12px;
  box-shadow: var(--fs-shadow-2);
  max-width: 500px;
  width: 95%;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  animation: slideIn-b-96pmck9alc 0.2s ease-out;
}

@keyframes slideIn-b-96pmck9alc {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Modal Header */
.modal-header[b-96pmck9alc] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid var(--fs-border-subtle);
}

.modal-header h2[b-96pmck9alc] {
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  color: var(--fs-text-800);
}

/* Modal Body */
.modal-body[b-96pmck9alc] {
  padding: 20px;
  overflow-y: auto;
  flex: 1;
}

/* Loading State */
.loading-container[b-96pmck9alc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px;
  gap: 12px;
  color: var(--fs-text-500);
}

.loading-spinner[b-96pmck9alc] {
  width: 32px;
  height: 32px;
  border: 3px solid var(--fs-border-subtle);
  border-top-color: var(--fs-green-muted);
  border-radius: 50%;
  animation: spin-b-96pmck9alc 0.8s linear infinite;
}

@keyframes spin-b-96pmck9alc {
  to { transform: rotate(360deg); }
}

/* Form Sections */
.form-section[b-96pmck9alc] {
  margin-bottom: 24px;
}

.form-section:last-child[b-96pmck9alc] {
  margin-bottom: 0;
}

.form-section h3[b-96pmck9alc] {
  font-size: 13px;
  font-weight: 600;
  color: var(--fs-text-700);
  margin: 0 0 12px 0;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--fs-border-subtle);
}

/* Form Rows */

.form-row[b-96pmck9alc] {
  margin-bottom: 16px;
}

.form-row:last-child[b-96pmck9alc] {
  margin-bottom: 0;
}

.form-row label[b-96pmck9alc] {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: var(--fs-text-700);
  margin-bottom: 6px;
}

.form-row .required[b-96pmck9alc] {
  color: var(--fs-error-accent);
}

/* Toggle Row */
.toggle-row[b-96pmck9alc] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: var(--fs-surface-100);
  border-radius: 8px;
  margin-bottom: 12px;
}

.toggle-row:last-child[b-96pmck9alc] {
  margin-bottom: 0;
}

.toggle-label[b-96pmck9alc] {
  font-size: 13px;
  font-weight: 500;
  color: var(--fs-text-700);
}

.toggle-control[b-96pmck9alc] {
  display: flex;
  align-items: center;
  gap: 10px;
}

.toggle-option[b-96pmck9alc] {
  font-size: 12px;
  color: var(--fs-text-400);
  transition: color 0.15s ease;
}

.toggle-option.active[b-96pmck9alc] {
  color: var(--fs-green-muted);
  font-weight: 500;
}

/* Modal Footer */
.modal-footer[b-96pmck9alc] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 20px;
  border-top: 1px solid var(--fs-border-subtle);
  background: var(--fs-surface-100);
  border-radius: 0 0 12px 12px;
}

/* Saving Spinner */
.saving-spinner[b-96pmck9alc] {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: spin-b-96pmck9alc 0.8s linear infinite;
}

/* Syncfusion Overrides */
[b-96pmck9alc] .e-input-group:not(.e-disabled):not(.e-float-icon-left) .e-input:focus,
[b-96pmck9alc] .e-input-group.e-control-wrapper:not(.e-disabled):not(.e-float-icon-left) .e-input:focus {
  border-color: var(--fs-green-muted);
}

[b-96pmck9alc] .e-input-group.e-input-focus::before,
[b-96pmck9alc] .e-input-group.e-input-focus::after {
  background: var(--fs-green-muted);
}

[b-96pmck9alc] .e-dropdownbase .e-list-item.e-active,
[b-96pmck9alc] .e-dropdownbase .e-list-item.e-active.e-hover {
  background-color: #e8f5e9;
  color: var(--fs-green-muted);
}

[b-96pmck9alc] .e-switch-wrapper .e-switch-on {
  background-color: var(--fs-green-muted);
}

[b-96pmck9alc] .e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on {
  background-color: var(--fs-green-dark);
}
/* /Layout/ClientActivityMonitor.razor.rz.scp.css */
.modal[b-fxrtv2eciy] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--fs-overlay-backdrop);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.modal-content[b-fxrtv2eciy] {
  background: var(--fs-card-bg);
  padding: 20px;
  border-radius: 12px;
  text-align: center;
  max-width: 400px;
  box-shadow: var(--fs-shadow-2); /* subtle inner layer */
}

button[b-fxrtv2eciy] {
  min-width: 6em;
  margin: 10px;
  padding: 10px 20px;
  cursor: pointer;
}

.idle-timer[b-fxrtv2eciy] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 10px auto 4px;
}

.idle-timer-svg[b-fxrtv2eciy] {
  width: 90px;
  height: 90px;
}

.idle-ring-bg[b-fxrtv2eciy] {
  fill: none;
  stroke: var(--fs-soft);
  stroke-width: 6;
}

.idle-ring[b-fxrtv2eciy] {
  fill: none;
  stroke: var(--fs-accent);
  stroke-width: 6;
  transition: stroke-dashoffset 1s linear;
}

.idle-hand[b-fxrtv2eciy] {
  stroke: var(--fs-error-accent);
  stroke-width: 2;
  stroke-linecap: round;
  transition: transform 1s linear;
}

.idle-hub[b-fxrtv2eciy] {
  fill: var(--fs-accent);
}

.idle-timer-text[b-fxrtv2eciy] {
  /* existing visual styles */
  padding: 8px;
  margin: 8px 2px 4px 2px;
  font-size: 14px;
  color: var(--fs-on-soft);
  font-weight: 600;
  /* new stability styles */
  display: inline-block;
  min-width: 10ch; /* wide enough for "30 seconds" (adjust if needed) */
  text-align: center;
  font-variant-numeric: tabular-nums; /* monospaced digits */
  font-feature-settings: "tnum" 1; /* fallback for older browsers */
}

/* keep the sentence on one line so it doesn't rewrap */
.expiry-line[b-fxrtv2eciy] {
  white-space: nowrap;
}

.idle-buttons[b-fxrtv2eciy] {
  display: flex;
  gap: 0.5rem; /* space between buttons */
}

  .idle-buttons button[b-fxrtv2eciy] {
    flex: 1; /* equal width for both */
    padding: 0.5rem 1rem; /* consistent height */
    text-align: center; /* center text */
  }

.warning-title[b-fxrtv2eciy] {
  margin-bottom: 8px;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .idle-ring[b-fxrtv2eciy], .idle-hand[b-fxrtv2eciy] {
    transition: none !important;
  }
}

.logout-overlay[b-fxrtv2eciy] {
  position: fixed;
  inset: 0; /* shorthand for top/right/bottom/left:0 */
  background: var(--fs-overlay-bg);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 2000;
}

.logout-spinner[b-fxrtv2eciy] {
  border: 6px solid var(--fs-soft);
  border-top: 6px solid var(--fs-accent);
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin-b-fxrtv2eciy 1s linear infinite;
  margin-bottom: 1rem;
}

.logout-overlay p[b-fxrtv2eciy] {
  font-size: 18px;
  font-weight: 500;
  color: var(--fs-on-soft);
}

@keyframes spin-b-fxrtv2eciy {
  to {
    transform: rotate(360deg);
  }
}
/* /Layout/ClientLayout.razor.rz.scp.css */
/* WASM shell chrome. Mirrors the portal's dark-green header + dark sidebar
   using the global theme variables (loaded by the host App shell). */

.wasm-shell[b-4f08myrk2d] {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
  overflow: hidden;
}

.wasm-header[b-4f08myrk2d] {
  display: flex;
  align-items: stretch;
  gap: 0;
  height: var(--header-height, 52px);
  flex: 0 0 auto;
  padding: 0;
  overflow: visible;
  /* Near-black base. Brand, sliver, and company zones paint over the left. */
  background: var(--fs-header-base, var(--header-bg));
  color: var(--fs-on-bar);
}

/* isolation keeps each z-index:-1 bevel above this base and under its contents. */
.wasm-zones[b-4f08myrk2d] {
  display: flex;
  align-items: stretch;
  height: 100%;
  min-width: 0;
  position: relative;
  padding-inline-start: 56px;
}

.wasm-zones[b-4f08myrk2d]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 6px;
  width: 44px;
  bottom: 0;
  background: linear-gradient(160deg, var(--fs-header-sliver-start) 0%, var(--fs-header-sliver-end) 100%);
  clip-path: polygon(14px 0, 100% 0, calc(100% - 14px) 100%, 0 100%);
  z-index: 3;
  pointer-events: none;
}

.wasm-zone-brand[b-4f08myrk2d] {
  position: relative;
  z-index: 2;
  isolation: isolate;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 100%;
  padding: 0 32px 0 24px;
  color: var(--fs-brand-text);
}

.wasm-zone-brand :focus-visible[b-4f08myrk2d] {
  outline-color: var(--fs-focus);
}

.wasm-zone-brand[b-4f08myrk2d]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -6px;
  right: -6px;
  bottom: 0;
  background: linear-gradient(135deg, var(--fs-brand-bar-start), var(--fs-brand-bar-mid), var(--fs-brand-bar-end));
  clip-path: polygon(14px 0, 100% 0, calc(100% - 14px) 100%, 0 100%);
  z-index: -1;
  box-shadow: var(--fs-brand-bar-shadow);
}

.wasm-zone-company[b-4f08myrk2d] {
  position: relative;
  z-index: 1;
  isolation: isolate;
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  height: 100%;
  padding: 0 40px 0 24px;
  color: var(--fs-on-bar);
}

.wasm-zone-company[b-4f08myrk2d]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 2px;
  right: -14px;
  bottom: 0;
  background: linear-gradient(160deg, var(--fs-header-company-start) 0%, var(--fs-header-company-end) 100%);
  clip-path: polygon(14px 0, 100% 0, calc(100% - 14px) 100%, 0 100%);
  z-index: -1;
}

.wasm-brand[b-4f08myrk2d] {
  display: flex;
  align-items: center;
  gap: 10px;
}

.wasm-brand-logo[b-4f08myrk2d] {
  height: 34px;
  width: auto;
}

.wasm-brand-text[b-4f08myrk2d] {
  font-size: 18px;
  font-weight: 700;
  font-style: italic;
  white-space: nowrap;
}

.wasm-brand-divider[b-4f08myrk2d] {
  width: 1px;
  height: 30px;
  background: rgba(255, 255, 255, 0.35);
}

.wasm-company-badge[b-4f08myrk2d] {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.wasm-company-logo[b-4f08myrk2d] {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background: #fff;
  object-fit: contain;
}

.wasm-company-logo--placeholder[b-4f08myrk2d] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  color: var(--fs-green-dark, #1b5e20);
}

.wasm-company-name[b-4f08myrk2d] {
  font-size: 16px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wasm-scope[b-4f08myrk2d] {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.wasm-scope-group[b-4f08myrk2d] {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.wasm-scope-label[b-4f08myrk2d] {
  font-size: 12px;
  opacity: 0.85;
  white-space: nowrap;
}

.wasm-scope-sep[b-4f08myrk2d] {
  font-size: 16px;
  opacity: 0.85;
}

/* An open scope popover hangs below the bar; lift its zone over the brand bevel and the page. */
.wasm-zone-company:focus-within[b-4f08myrk2d] {
  z-index: 4;
}

.wasm-scope-static[b-4f08myrk2d] {
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}

.wasm-user[b-4f08myrk2d] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: auto;
  padding: 0 16px 0 12px;
  position: relative;
  z-index: 2;
}

.wasm-user-name[b-4f08myrk2d] {
  font-size: 14px;
  white-space: nowrap;
}

/* "?" and theme sit on the same 32px disc as the portrait. */
.wasm-help-toggle[b-4f08myrk2d],
.wasm-theme-toggle[b-4f08myrk2d] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--fs-bar-control, 32px);
  height: var(--fs-bar-control, 32px);
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 700;
  color: var(--fs-on-bar);
  background: transparent;
  border-radius: 999px;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 120ms ease, border-color 120ms ease, color 120ms ease;
}

.wasm-help-toggle[b-4f08myrk2d] {
  border: 1.5px solid var(--fs-on-bar-ring);
}

  .wasm-help-toggle:hover[b-4f08myrk2d] {
    background: var(--fs-bar-accent-tint-8);
  }

  .wasm-help-toggle[aria-expanded="true"][b-4f08myrk2d],
  .wasm-help-toggle[aria-pressed="true"][b-4f08myrk2d] {
    background: var(--fs-bar-accent-tint-16);
    border-color: var(--fs-bar-accent);
    color: var(--fs-bar-accent);
  }

.wasm-theme-toggle[b-4f08myrk2d] {
  border: 1.5px solid var(--fs-on-bar-ring);
  color: var(--fs-on-bar);
}

  .wasm-theme-toggle:hover[b-4f08myrk2d] {
    background: var(--fs-on-bar-hover);
  }

.wasm-theme-glyph[b-4f08myrk2d] {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.wasm-theme-glyph--sun[b-4f08myrk2d] { display: none; }

html[data-theme="dark"] .wasm-theme-glyph--moon[b-4f08myrk2d] { display: none; }
html[data-theme="dark"] .wasm-theme-glyph--sun[b-4f08myrk2d] { display: block; }

/* ── profile dropdown (CSS checkbox pattern, mirrors server Header) ── */

.wasm-profile[b-4f08myrk2d] {
  position: relative;
  display: flex;
  align-items: center;
}

.wasm-profile-toggle[b-4f08myrk2d] {
  display: none;
}

.wasm-profile-trigger[b-4f08myrk2d] {
  display: flex;
  align-items: center;
  gap: 8px;
  height: var(--fs-bar-control, 32px);
  padding: 0 6px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

  .wasm-profile-trigger:hover[b-4f08myrk2d] {
    background: var(--fs-on-bar-hover);
  }

.wasm-portrait[b-4f08myrk2d] {
  display: flex;
}

.wasm-portrait-img[b-4f08myrk2d] {
  width: var(--fs-bar-control, 32px);
  height: var(--fs-bar-control, 32px);
  border-radius: 50%;
  object-fit: cover;
  background: var(--fs-on-bar);
}

.wasm-portrait-img--stock[b-4f08myrk2d] {
  padding: 3px;
  box-sizing: border-box;
}

.wasm-profile-caret[b-4f08myrk2d] {
  width: 12px;
  height: 12px;
  /* Source glyph is navy. The bar is dark green in both themes, so paint it
     with the bar ink. */
  filter: brightness(0) invert(1);
}

.wasm-profile-backer[b-4f08myrk2d] {
  display: block;
  position: fixed;
  inset: 0;
  z-index: 90;
  border: 0;
  padding: 0;
  background: transparent;
  cursor: default;
}

.fs-menu__label[b-4f08myrk2d] {
  padding: 8px 10px 4px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--fs-muted);
}

.wasm-profile-dropdown[b-4f08myrk2d] {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 95;
  /* A long menu must never push Sign out off-screen. */
  max-height: calc(100vh - var(--header-height, 56px) - 16px);
  overflow-y: auto;
  overscroll-behavior: contain;
}

/* The header Company selector is the switcher; the menu copy is the fallback
   for when .wasm-scope is hidden (max-width: 768px, below). */
.wasm-menu-companies[b-4f08myrk2d] {
  display: none;
}

.wasm-profile-link[b-4f08myrk2d] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 16px;
  font-size: 14px;
  color: var(--fs-text-700, #333);
  text-decoration: none;
  white-space: nowrap;
}

  .wasm-profile-link:hover[b-4f08myrk2d] {
    background: var(--fs-surface-200, #f2f2f2);
  }

  .wasm-profile-link img[b-4f08myrk2d] {
    width: 18px;
    height: 18px;
    filter: var(--fs-icon-filter, none);
  }

:host-context(html[data-theme="dark"]) .wasm-profile-link img[b-4f08myrk2d],
html[data-theme="dark"] .wasm-profile-link img[b-4f08myrk2d] {
  filter: brightness(0) invert(1);
}

.wasm-profile-link--danger[b-4f08myrk2d] {
  color: #c62828;
}

.wasm-body[b-4f08myrk2d] {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
}

.wasm-sidebar[b-4f08myrk2d] {
  flex: 0 0 auto;
  width: var(--sidebar-width, 220px);
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

/* MODERN ADAPTIVE FIX: the global .nav-sidebar (site.css) is
   position:fixed for the classic layout, whose content compensates with a
   margin — inside this flex shell that made the main area span the full
   viewport and slide UNDER the menu. Re-anchor it into normal flow here;
   width/colors/section styling from site.css still apply. */
.wasm-sidebar[b-4f08myrk2d]  .nav-sidebar {
  position: static;
  top: auto;
  left: auto;
  bottom: auto;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  box-sizing: border-box;
}

.wasm-sidebar[b-4f08myrk2d]  .nav-content {
  min-width: 0;
  box-sizing: border-box;
}

.wasm-sidebar[b-4f08myrk2d]  .nav-footer {
  flex-shrink: 0;
  min-width: 0;
  box-sizing: border-box;
}

.wasm-main[b-4f08myrk2d] {
  flex: 1 1 auto;
  min-width: 0;
  height: 100%;
  overflow-y: auto;
  background: var(--fs-surface-100, transparent);
}

.wasm-shell.help-docked .wasm-main[b-4f08myrk2d] {
  margin-right: 420px;
}

.wasm-loading[b-4f08myrk2d] {
  padding: 40px 22px;
  color: var(--fs-text-700, #444);
}

/* ── Server-down banner (ConnectionHealthState) ────────────────────── */

.wasm-conn-banner[b-4f08myrk2d] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  background: #b71c1c;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}

.wasm-conn-dot[b-4f08myrk2d] {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #fff;
  animation: wasm-conn-pulse-b-4f08myrk2d 1.2s ease-in-out infinite;
}

@keyframes wasm-conn-pulse-b-4f08myrk2d {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.25; }
}

/* ── Mobile nav toggle (hidden checkbox) ─────────────────────────── */

.wasm-nav-toggle-checkbox[b-4f08myrk2d] {
  display: none;
}

.wasm-nav-toggle-label[b-4f08myrk2d] {
  display: none;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin-right: 4px;
  border-radius: 6px;
  cursor: pointer;
  flex-shrink: 0;
  color: inherit;
  font-size: 18px;
}

  .wasm-nav-toggle-label:hover[b-4f08myrk2d] {
    background: var(--fs-accent-tint-8);
  }

.wasm-mobile-overlay[b-4f08myrk2d] {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  inset: 0;
  z-index: 90;
  background: var(--fs-overlay-backdrop);
  transition: opacity 0.25s ease, visibility 0.25s ease;
  cursor: pointer;
}

/* ══════════════════════════════════════════════════════════
   Pin state — collapsed sidebar (::deep pierces child nav components)
   ══════════════════════════════════════════════════════════ */

.wasm-shell.wasm-shell--rail .wasm-sidebar[b-4f08myrk2d] {
  flex: 0 0 56px;
  width: 56px;
}

.wasm-shell.wasm-shell--rail .wasm-sidebar:hover[b-4f08myrk2d] {
  flex: 0 0 auto;
  width: var(--sidebar-width, 220px);
}

.wasm-shell.wasm-shell--rail[b-4f08myrk2d]  .nav-content {
  padding: 6px 2px;
  overflow-x: hidden;
}

.wasm-shell.wasm-shell--rail[b-4f08myrk2d]  .nav-footer {
  padding: 6px 2px;
}

.wasm-shell.wasm-shell--rail[b-4f08myrk2d]  .nav-footer-row {
  justify-content: center;
}

.wasm-shell.wasm-shell--rail[b-4f08myrk2d]  .navLink__text,
.wasm-shell.wasm-shell--rail[b-4f08myrk2d]  .nav-version,
.wasm-shell.wasm-shell--rail[b-4f08myrk2d]  .section-label {
  display: none;
}

.wasm-shell.wasm-shell--rail[b-4f08myrk2d]  .nav-section-toggle {
  display: none;
}

.wasm-shell.wasm-shell--rail[b-4f08myrk2d]  .nav-section:not(.nav-section-first) {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  margin-top: 4px;
  padding-top: 2px;
}

.wasm-shell.wasm-shell--rail[b-4f08myrk2d]  .nav-section-items {
  display: block !important;
  border-left: none;
  margin-left: 0;
  padding-left: 0;
}

.wasm-shell.wasm-shell--rail[b-4f08myrk2d]  .navLink {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding: 10px 0;
  gap: 0;
  box-sizing: border-box;
}

.wasm-shell.wasm-shell--rail[b-4f08myrk2d]  .navImg {
  margin: 0;
  width: 20px;
  flex-shrink: 0;
  text-align: center;
}

.wasm-shell.wasm-shell--rail[b-4f08myrk2d]  .navLink--selected {
  background: rgba(0, 192, 80, 0.22);
  box-shadow: inset 3px 0 0 var(--sidebar-active, #00c050);
}

.wasm-shell.wasm-shell--rail[b-4f08myrk2d]  .navLink--selected .navImg {
  color: var(--sidebar-active, #00c050);
}

.wasm-shell.wasm-shell--rail .wasm-sidebar[b-4f08myrk2d] {
  transition: width 0.25s cubic-bezier(.4, 0, .2, 1) 0.3s;
}

.wasm-shell.wasm-shell--rail .wasm-sidebar:not(:hover)[b-4f08myrk2d] {
  transition: width 0.2s cubic-bezier(.4, 0, .2, 1) 0s;
}

.wasm-shell.wasm-shell--rail .wasm-sidebar:hover[b-4f08myrk2d]  .nav-content {
  padding: 8px 6px;
}

.wasm-shell.wasm-shell--rail .wasm-sidebar:hover[b-4f08myrk2d]  .nav-footer {
  padding: 8px 10px;
}

.wasm-shell.wasm-shell--rail .wasm-sidebar:hover[b-4f08myrk2d]  .nav-footer-row {
  justify-content: flex-start;
}

.wasm-shell.wasm-shell--rail .wasm-sidebar:hover[b-4f08myrk2d]  .navLink__text,
.wasm-shell.wasm-shell--rail .wasm-sidebar:hover[b-4f08myrk2d]  .nav-version,
.wasm-shell.wasm-shell--rail .wasm-sidebar:hover[b-4f08myrk2d]  .section-label {
  display: inline;
}

.wasm-shell.wasm-shell--rail .wasm-sidebar:hover[b-4f08myrk2d]  .nav-section:not(.nav-section-first) {
  border-top: none;
  margin-top: 4px;
  padding-top: 0;
}

.wasm-shell.wasm-shell--rail .wasm-sidebar:hover[b-4f08myrk2d]  .nav-section-toggle {
  display: flex;
}

.wasm-shell.wasm-shell--rail .wasm-sidebar:hover[b-4f08myrk2d]  .nav-section-items {
  border-left: 2px solid rgba(255, 255, 255, 0.06);
  margin-left: 4px;
  padding-left: 8px;
}

.wasm-shell.wasm-shell--rail .wasm-sidebar:hover[b-4f08myrk2d]  .navLink {
  justify-content: flex-start;
  padding: 9px 12px;
  gap: 10px;
}

.wasm-shell.wasm-shell--rail .wasm-sidebar:hover[b-4f08myrk2d]  .navLink--selected {
  box-shadow: none;
}

.wasm-shell.wasm-shell--rail .wasm-sidebar:hover[b-4f08myrk2d]  .nav-section-items.section-collapsed {
  display: none !important;
}

#nav-pin:checked ~ .wasm-shell[b-4f08myrk2d]  .pin-toggle {
  opacity: 1;
  background: rgba(0, 192, 80, 0.15);
}

.wasm-shell.wasm-shell--rail[b-4f08myrk2d]  .pin-toggle {
  margin: 0 auto;
}

/* ── Error Recovery UI ───────────────────────────────── */

.error-recovery-container[b-4f08myrk2d] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60vh;
  padding: 2rem;
}

.error-recovery-card[b-4f08myrk2d] {
  background: var(--fs-card-bg, #fff);
  border: 1px solid var(--fs-border, #ddd);
  border-radius: 12px;
  box-shadow: var(--fs-shadow-lg, 0 10px 15px rgba(0, 0, 0, 0.1));
  padding: 2.5rem;
  max-width: 480px;
  text-align: center;
}

.error-recovery-icon[b-4f08myrk2d] {
  font-size: 26px;
  margin-bottom: 1rem;
}

.error-recovery-title[b-4f08myrk2d] {
  font-size: 22px;
  font-weight: 600;
  color: var(--fs-text-heading, #1a1a2e);
  margin: 0 0 0.75rem 0;
}

.error-recovery-message[b-4f08myrk2d] {
  font-size: 14px;
  color: var(--fs-text-secondary, #666);
  margin: 0 0 1.5rem 0;
  line-height: 1.5;
}

.error-recovery-actions[b-4f08myrk2d] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  flex-wrap: wrap;
}

.error-recovery-btn[b-4f08myrk2d] {
  padding: 0.6rem 1.5rem;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.2s, color 0.2s;
  border: none;
}

  .error-recovery-btn.primary[b-4f08myrk2d] {
    background: var(--fs-btn-primary, #0E7732);
    color: var(--fs-on-accent);
  }

    .error-recovery-btn.primary:hover[b-4f08myrk2d] {
      background: var(--fs-btn-primary-hover, #0A5F29);
    }

  .error-recovery-btn.secondary[b-4f08myrk2d] {
    background: var(--fs-surface-200, #f0f0f0);
    color: var(--fs-text-primary, #333);
    border: 1px solid var(--fs-border, #ddd);
  }

    .error-recovery-btn.secondary:hover[b-4f08myrk2d] {
      background: var(--fs-surface-subtle, #e8e8e8);
    }

.error-recovery-details[b-4f08myrk2d] {
  margin-top: 1.5rem;
  text-align: left;
}

  .error-recovery-details summary[b-4f08myrk2d] {
    font-size: 12px;
    color: var(--fs-text-muted, #999);
    cursor: pointer;
    user-select: none;
  }

  .error-recovery-details pre[b-4f08myrk2d] {
    margin-top: 0.5rem;
    padding: 0.75rem;
    background: var(--fs-surface-200, #f5f5f5);
    border-radius: 6px;
    font-size: 12px;
    color: var(--fs-error-accent, #dc2626);
    overflow-x: auto;
    white-space: pre-wrap;
    word-break: break-word;
  }

/* ══════════════════════════════════════════════════════════
   Responsive
   ══════════════════════════════════════════════════════════ */

@media (max-width: 1024px) {
  .wasm-shell.wasm-shell--rail .wasm-sidebar[b-4f08myrk2d],
  #nav-pin:checked ~ .wasm-shell .wasm-sidebar[b-4f08myrk2d] {
    flex: 0 0 56px;
    width: 56px;
  }

  .wasm-shell.wasm-shell--rail .wasm-sidebar:hover[b-4f08myrk2d],
  #nav-pin:checked ~ .wasm-shell .wasm-sidebar:hover[b-4f08myrk2d] {
    flex: 0 0 auto;
    width: var(--sidebar-width, 220px);
  }

  #nav-pin:checked ~ .wasm-shell[b-4f08myrk2d]  .nav-section-toggle {
    display: none;
  }

  #nav-pin:checked ~ .wasm-shell[b-4f08myrk2d]  .navLink__text,
  #nav-pin:checked ~ .wasm-shell[b-4f08myrk2d]  .nav-version,
  #nav-pin:checked ~ .wasm-shell[b-4f08myrk2d]  .section-label {
    display: none;
  }

  #nav-pin:checked ~ .wasm-shell[b-4f08myrk2d]  .nav-content {
    padding: 6px 2px;
  }

  #nav-pin:checked ~ .wasm-shell[b-4f08myrk2d]  .nav-footer {
    padding: 6px 2px;
  }

  #nav-pin:checked ~ .wasm-shell[b-4f08myrk2d]  .nav-footer-row {
    justify-content: center;
  }

  #nav-pin:checked ~ .wasm-shell[b-4f08myrk2d]  .navLink {
    justify-content: center;
    padding: 10px 0;
  }

  #nav-pin:checked ~ .wasm-shell .wasm-sidebar:hover[b-4f08myrk2d]  .nav-section-toggle {
    display: flex;
  }

  #nav-pin:checked ~ .wasm-shell .wasm-sidebar:hover[b-4f08myrk2d]  .navLink__text,
  #nav-pin:checked ~ .wasm-shell .wasm-sidebar:hover[b-4f08myrk2d]  .nav-version,
  #nav-pin:checked ~ .wasm-shell .wasm-sidebar:hover[b-4f08myrk2d]  .section-label {
    display: inline;
  }
}

@media (max-width: 1000px) {
  .wasm-company-name[b-4f08myrk2d] {
    display: none;
  }

  .wasm-zones[b-4f08myrk2d] {
    padding-inline-start: 48px;
  }

  .wasm-zone-brand[b-4f08myrk2d] {
    padding: 0 24px 0 12px;
  }

  .wasm-zone-company[b-4f08myrk2d] {
    padding: 0 24px 0 12px;
  }

  .wasm-zones[b-4f08myrk2d]::before {
    left: 10px;
    width: 34px;
  }
}

@media (max-width: 900px) {
  .wasm-company-name[b-4f08myrk2d] {
    max-width: 22ch;
  }
}

@media (max-width: 768px) {
  .wasm-nav-toggle-label[b-4f08myrk2d] {
    display: flex;
  }

  .wasm-zone-company[b-4f08myrk2d],
  .wasm-company-badge[b-4f08myrk2d],
  .wasm-company-name[b-4f08myrk2d],
  .wasm-scope[b-4f08myrk2d],
  .wasm-user-name[b-4f08myrk2d] {
    display: none;
  }

  .wasm-menu-companies[b-4f08myrk2d] {
    display: block;
  }

  .wasm-zones[b-4f08myrk2d] {
    padding-inline-start: 0;
  }

  .wasm-zones[b-4f08myrk2d]::before {
    display: none;
  }

  .wasm-zone-brand[b-4f08myrk2d]::before {
    left: 0;
    right: 0;
    clip-path: none;
  }

  .wasm-header[b-4f08myrk2d] {
    gap: 0;
    padding: 0;
  }

  .wasm-shell.wasm-shell--rail .wasm-sidebar[b-4f08myrk2d],
  #nav-pin:checked ~ .wasm-shell .wasm-sidebar[b-4f08myrk2d] {
    position: fixed;
    top: var(--header-height, 56px);
    left: 0;
    bottom: 0;
    z-index: 100;
    width: var(--sidebar-width, 220px);
    transform: translateX(-100%);
    transition: transform 0.25s ease;
    box-shadow: var(--fs-shadow-1);
  }

  #nav-toggle:checked ~ .wasm-shell .wasm-sidebar[b-4f08myrk2d] {
    transform: translateX(0);
  }

  #nav-toggle:checked ~ .wasm-mobile-overlay[b-4f08myrk2d] {
    visibility: visible;
    opacity: 1;
  }

  .wasm-main[b-4f08myrk2d] {
    width: 100%;
  }
}

.wasm-tf-banner[b-4f08myrk2d] {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #fef3c7;
  border-bottom: 1px solid #f59e0b;
  color: #92400e;
  padding: 10px 16px;
  font-size: 14px;
  line-height: 1.4;
}

.wasm-tf-banner--enforce[b-4f08myrk2d] {
  background: #fee2e2;
  border-bottom-color: #dc2626;
  color: #991b1b;
}

.wasm-tf-banner a[b-4f08myrk2d] {
  color: inherit;
  font-weight: 600;
  text-decoration: underline;
}

.wasm-tf-dismiss[b-4f08myrk2d] {
  background: none;
  border: none;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  color: inherit;
  margin-left: auto;
}

.wasm-pending-hold[b-4f08myrk2d] {
  margin: 24px auto;
  max-width: 36rem;
  padding: 24px;
  border: 1px solid var(--fs-border, #d7d2c8);
  border-radius: 12px;
  background: var(--fs-surface, #fff);
}

/* FS-RENAME-1: "Formerly X" at the top of a renamed page. */
.wasm-formerly-note[b-4f08myrk2d] {
  margin: 0 0 6px;
  font-size: 12px;
  color: var(--fs-text-secondary, #5e6278);
}
/* /Layout/HelpPanel.razor.rz.scp.css */
/* FS-HELP-GUIDE-1 help panel. Colors come from the site tokens (site.css,
   dark overrides in theme.css), so light/dark follow the theme toggle. */

.help-backdrop[b-3dtracrw7r] {
  position: fixed;
  top: var(--header-height, 52px);
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1090;
  background: var(--fs-scrim-soft);
}

.help-panel[b-3dtracrw7r] {
  position: fixed;
  top: var(--header-height, 52px);
  right: 0;
  bottom: 0;
  z-index: 1100;
  display: flex;
  flex-direction: column;
  width: 420px;
  max-width: 100vw;
  background: var(--fs-card-bg);
  color: var(--fs-text-primary);
  border-left: 1px solid var(--fs-line, var(--fs-border-subtle));
  border-radius: 0;
  box-shadow: var(--fs-shadow-2);
  animation: help-slide-in-b-3dtracrw7r 250ms ease-out;
}

.wasm-shell.help-docked ~ .help-backdrop[b-3dtracrw7r] { display: none; }

.wasm-shell.help-docked ~ .help-panel[b-3dtracrw7r] {
  box-shadow: none;
  animation: none;
}

@keyframes help-slide-in-b-3dtracrw7r {
  from { transform: translateX(24px); opacity: 0; }
  to { transform: none; opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .help-panel[b-3dtracrw7r] { animation: none; }
}

.help-head[b-3dtracrw7r] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  background: var(--header-bg, var(--fs-green-dark, #1b5e20));
  color: var(--fs-on-accent);
}

.help-kicker[b-3dtracrw7r] {
  display: block;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.8;
}

.help-title[b-3dtracrw7r] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--fs-on-bar);
}

.help-body[b-3dtracrw7r] {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 14px 16px 8px;
}

/* FS-AI-LEGACY-1: "This is the legacy X. New work goes through Y." */
.help-generation[b-3dtracrw7r] {
  margin: 0 0 12px;
  padding: 8px 10px;
  border-left: 3px solid var(--fs-warning, #d97706);
  border-radius: 4px;
  background: var(--fs-warning-bg, #fffbeb);
  color: var(--fs-text-primary, #1f2937);
  font-size: 14px;
}

.help-generation[b-3dtracrw7r]  p {
  margin: 0;
}

.help-summary[b-3dtracrw7r] {
  margin: 0 0 12px;
  color: var(--fs-text-secondary, #4b5563);
}

.help-subhead[b-3dtracrw7r] {
  margin: 0 0 6px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--fs-text-500, #6b7280);
}

.help-section[b-3dtracrw7r] {
  border-bottom: 1px solid var(--fs-border-subtle, #e5e7eb);
}

  .help-section > summary[b-3dtracrw7r] {
    padding: 9px 2px;
    font-weight: 600;
    color: var(--fs-text-heading, #1e293b);
    cursor: pointer;
  }

  .help-section[open] > summary[b-3dtracrw7r] {
    color: var(--sidebar-active, #0E7732);
  }

.help-md[b-3dtracrw7r] {
  padding: 0 2px 10px;
  font-size: 14px;
  line-height: 1.5;
}

  .help-md[b-3dtracrw7r]  p {
    margin: 0 0 8px;
  }

  .help-md[b-3dtracrw7r]  ul,
  .help-md[b-3dtracrw7r]  ol {
    margin: 0 0 8px;
    padding-left: 20px;
  }

  .help-md[b-3dtracrw7r]  h3 {
    margin: 8px 0 4px;
    font-size: 14px;
  }

.help-links[b-3dtracrw7r] {
  margin: 4px 0 12px;
  padding-left: 20px;
}

.help-answer[b-3dtracrw7r] {
  margin: 14px 0 6px;
  padding: 12px;
  border: 1px solid var(--fs-card-border, #e0eae8);
  border-radius: 8px;
  background: var(--fs-surface-subtle, #fafffc);
}

.help-source[b-3dtracrw7r] {
  display: inline-block;
  margin-bottom: 6px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  background: var(--fs-surface-200, #f3f4f6);
  color: var(--fs-text-secondary, #4b5563);
}

.help-answer-q[b-3dtracrw7r] {
  margin: 0 0 8px;
  font-style: italic;
  color: var(--fs-text-secondary, #4b5563);
}

.help-thumbs[b-3dtracrw7r] {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
}

.help-thumb[b-3dtracrw7r] {
  min-width: 36px;
  min-height: 36px;
  border: 1px solid var(--fs-border-200, #d1d5db);
  border-radius: 6px;
  background: var(--fs-surface-0, #fff);
  cursor: pointer;
}

  .help-thumb:hover[b-3dtracrw7r],
  .help-thumb:focus-visible[b-3dtracrw7r] {
    background: var(--fs-surface-200, #f3f4f6);
  }

.help-muted[b-3dtracrw7r] {
  color: var(--fs-text-500, #6b7280);
  font-size: 14px;
}

.help-error[b-3dtracrw7r] {
  margin: 6px 0;
  color: var(--fs-danger, #b91c1c);
  font-size: 14px;
}

.help-ask[b-3dtracrw7r] {
  flex: 0 0 auto;
  padding: 10px 16px 12px;
  border-top: 1px solid var(--fs-border, #ddd);
  background: var(--fs-card-bg, #fff);
}

.help-ask-label[b-3dtracrw7r] {
  display: block;
  margin-bottom: 4px;
  font-size: 13px;
  font-weight: 600;
  color: var(--fs-text-700, #374151);
}

.help-ask-row[b-3dtracrw7r] {
  display: flex;
  gap: 8px;
}

.help-ask-input[b-3dtracrw7r] {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 38px;
  padding: 6px 10px;
  border: 1px solid var(--fs-border-300, #ced4da);
  border-radius: 6px;
  background: var(--fs-surface-0, #fff);
  color: var(--fs-text-primary, #333);
  font-size: 16px; /* no iOS zoom on focus */
}

.help-foot[b-3dtracrw7r] {
  margin: 8px 0 0;
  font-size: 12px;
  color: var(--fs-text-500, #6b7280);
}

/* Phone: full-screen sheet, Ask pinned to the bottom. */
@media (max-width: 640px) {
  .help-panel[b-3dtracrw7r] {
    width: 100vw;
    border-left: none;
  }

  .help-backdrop[b-3dtracrw7r] {
    display: none;
  }
}

/* XP-TOUR-1: "Tour this page" */
.help-tour[b-3dtracrw7r] {
  margin: 0 0 12px;
}

.help-tour-count[b-3dtracrw7r] {
  font-weight: 400;
  font-size: 12px;
  opacity: 0.8;
}
/* /Layout/LegalDocumentFrame.razor.rz.scp.css */
.legal-frame-host[b-mayra745f8] {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: calc(100vh - 72px);
  min-height: calc(100dvh - 72px);
}

.legal-frame[b-mayra745f8] {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  border: 0;
  background: var(--fs-page-bg, #f5f5f5);
}
/* /Layout/NavButton.razor.rz.scp.css */
/* ---------- NavButton — dark sidebar style ---------- */

.navLink[b-mu9vwfx2to] {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  max-width: 100%;
  padding: 9px 12px;
  border-radius: 6px;
  background: none;
  border: none;
  color: var(--sidebar-text);
  text-decoration: none;
  font-size: 13px;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  line-height: 1;
  box-shadow: none;
  transition: background 0.15s, color 0.15s;
}

  .navLink:first-of-type[b-mu9vwfx2to] {
    margin-top: 0;
  }

  .navLink:hover[b-mu9vwfx2to] {
    background: var(--sidebar-hover);
    color: #fff;
    border-color: transparent;
    box-shadow: none;
  }

  .navLink:active[b-mu9vwfx2to] {
    transform: none;
    box-shadow: none;
  }

  .navLink:focus-visible[b-mu9vwfx2to] {
    outline: 2px solid var(--sidebar-active);
    outline-offset: 2px;
    border-color: transparent;
    box-shadow: none;
  }

/* Selected (current page) */
.navLink--selected[b-mu9vwfx2to] {
  color: var(--sidebar-active);
  background: rgba(0,192,80,0.08);
  border-color: transparent;
  box-shadow: none;
}

  .navLink--selected:hover[b-mu9vwfx2to] {
    background: rgba(0,192,80,0.14);
    border-color: transparent;
  }

/* Disabled state */
.navLink--disabled[b-mu9vwfx2to] {
  pointer-events: none;
  opacity: .45;
}

/* Icon */
.navImg[b-mu9vwfx2to] {
  margin-left: 0;
  font-size: 16px;
  width: 20px;
  text-align: center;
  flex-shrink: 0;
  color: var(--sidebar-text);
}

/* Text */
.navLink__text[b-mu9vwfx2to] {
  margin-top: 0;
  font-size: 13px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  color: currentColor;
}

/* Selected overrides for icon/text */
.navLink--selected .navImg[b-mu9vwfx2to] {
  color: var(--sidebar-active);
}

.navLink--selected .navLink__text[b-mu9vwfx2to] {
  color: var(--sidebar-active);
}

.navLink__badge[b-mu9vwfx2to] {
  margin-left: auto;
  min-width: 1.25rem;
  padding: 0 0.35rem;
  border-radius: 0.625rem;
  background: var(--fs-danger-fill);
  color: var(--fs-on-danger);
  font-variant-numeric: tabular-nums;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.25rem;
  text-align: center;
}

/* FS-RENAME-1: "Formerly X" under a renamed item, for NameHistory:NoteDays. */
.navLink__formerly[b-mu9vwfx2to] {
  display: block;
  font-size: 11px;
  line-height: 1.2;
  color: var(--sidebar-section-label, #6f8f78);
  white-space: normal;
}
/* /Layout/NoAccessPanel.razor.rz.scp.css */
.no-access-panel[b-7gc204434h] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 60vh;
  padding: 2rem;
  box-sizing: border-box;
}

.no-access-card[b-7gc204434h] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  max-width: 460px;
  padding: 2.25rem 2rem;
  background: var(--fs-surface, #ffffff);
  border: 1px solid var(--fs-border, #e2e8f0);
  border-radius: 14px;
  box-shadow: var(--fs-shadow-2);
}

.no-access-title[b-7gc204434h] {
  margin: 0 0 0.5rem;
  font-size: 22px;
  font-weight: 600;
  color: var(--fs-ink-900, #14532d);
}

.no-access-text[b-7gc204434h] {
  margin: 0 0 1.25rem;
  font-size: 14px;
  line-height: 1.5;
  color: var(--fs-ink-700, #475569);
}

.no-access-actions[b-7gc204434h] {
  display: flex;
  justify-content: center;
}
/* /Layout/NotConvertedPage.razor.rz.scp.css */
.notconv-frame[b-tqigb8fmfg] {
  padding: 48px 28px;
  max-width: 560px;
}

.notconv-title[b-tqigb8fmfg] {
  font-size: 18px;
  font-weight: 600;
  color: var(--fs-text-900, #222);
  margin: 0 0 6px 0;
}

.notconv-detail[b-tqigb8fmfg] {
  font-size: 14px;
  color: var(--fs-text-700, #444);
  margin: 0 0 20px 0;
}

.notconv-actions[b-tqigb8fmfg] {
  display: flex;
  gap: 10px;
}

.notconv-btn[b-tqigb8fmfg] {
  padding: 9px 16px;
  font-size: 14px;
  font-weight: 500;
  color: var(--fs-on-accent);
  background: var(--fs-green-muted, #2e7d32);
  border: none;
  border-radius: 6px;
  cursor: pointer;
}
/* /Layout/PortalStartupGate.razor.rz.scp.css */
/* Startup gate overlay — shown by PortalStartupGate while the WASM shell is
   connecting, reconnecting (host down / maintenance), or finishing sign-in.
   Sits inside <main>, so it fills the page area without covering the chrome. */
.startup-gate[b-52neu6i4yj] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 60vh;
  padding: 2rem;
  box-sizing: border-box;
}

.startup-card[b-52neu6i4yj] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  max-width: 460px;
  padding: 2.25rem 2rem;
  background: var(--fs-surface);
  border: 1px solid var(--fs-line);
  border-radius: 12px;
  box-shadow: var(--fs-shadow-2);
}

.startup-spinner[b-52neu6i4yj] {
  width: 46px;
  height: 46px;
  margin-bottom: 1.25rem;
  border: 4px solid var(--fs-soft);
  border-top-color: var(--fs-accent);
  border-radius: 50%;
  animation: startup-spin-b-52neu6i4yj 0.9s linear infinite;
}

@keyframes startup-spin-b-52neu6i4yj {
  to { transform: rotate(360deg); }
}

.startup-title[b-52neu6i4yj] {
  margin: 0 0 0.5rem;
  font-size: 18px;
  font-weight: 600;
  color: var(--fs-text-heading);
}

.startup-text[b-52neu6i4yj] {
  margin: 0 0 1.25rem;
  font-size: 14px;
  line-height: 1.5;
  color: var(--fs-muted);
}

.startup-actions[b-52neu6i4yj] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  justify-content: center;
}
/* /Overview/ConfidenceDot.razor.rz.scp.css */
.confidence-dot[b-i2fmaisbio] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  flex-shrink: 0;
  cursor: help;
  user-select: none;
}

/* Stale anchor — amber. Same warning palette the rest of the portal uses. */
.confidence-dot--stale[b-i2fmaisbio] {
  color: var(--fs-warning-text);
  background: var(--fs-warning-bg);
}

/* No anchor — blue "estimate only". Matches the Sentries page badge. */
.confidence-dot--noanchor[b-i2fmaisbio] {
  color: var(--fs-blue-accent);
  background: var(--fs-blue-light);
}

/* Unknown — neutral grey when the sproc failed for this tank. */
.confidence-dot--unknown[b-i2fmaisbio] {
  color: var(--fs-text-secondary);
  background: var(--fs-surface-200);
}
/* /Overview/OverviewDetailPanel.razor.rz.scp.css */
.overview-detail-panel[b-egoycktujg] {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 45vh;
  min-height: 280px;
  max-height: 70vh;
  background: var(--fs-card-bg);
  color: var(--fs-text-primary);
  border-top: 1px solid var(--fs-card-border);
  box-shadow: var(--fs-shadow-lg);
  z-index: 100;
  display: flex;
  flex-direction: column;
  animation: overview-detail-panel-slide-up-b-egoycktujg 200ms ease-out;
}

@keyframes overview-detail-panel-slide-up-b-egoycktujg {
  from { transform: translateY(100%); }
  to   { transform: translateY(0); }
}

.overview-detail-panel:focus-visible[b-egoycktujg] {
  box-shadow:
    var(--fs-shadow-lg),
    inset 0 0 0 2px var(--fs-blue-accent);
}

.overview-detail-panel__header[b-egoycktujg] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 16px;
  border-bottom: 1px solid var(--fs-divider);
  flex-shrink: 0;
  background: var(--fs-card-bg);
}

.overview-detail-panel__title-block[b-egoycktujg] {
  display: flex;
  align-items: baseline;
  gap: 10px;
  min-width: 0;
}

.overview-detail-panel__title[b-egoycktujg] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--fs-text-heading);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.overview-detail-panel__code[b-egoycktujg] {
  font-family: var(--fs-mono);
  font-size: 13px;
  color: var(--fs-text-secondary);
}

.overview-detail-panel__actions[b-egoycktujg] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

.overview-detail-panel__action-link[b-egoycktujg] {
  font-size: 13px;
  color: var(--fs-blue-accent);
  text-decoration: none;
  cursor: pointer;
}

.overview-detail-panel__action-link:hover[b-egoycktujg] {
  text-decoration: underline;
  color: var(--fs-blue-hover);
}

.overview-detail-panel__close[b-egoycktujg] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  color: var(--fs-text-secondary);
  cursor: pointer;
  transition: background 120ms ease, border-color 120ms ease, color 120ms ease;
}

.overview-detail-panel__close:hover[b-egoycktujg] {
  background: var(--fs-surface-200);
  color: var(--fs-text-primary);
}

.overview-detail-panel__close:focus-visible[b-egoycktujg] {
  outline: 2px solid var(--fs-blue-accent);
  outline-offset: 1px;
}

.overview-detail-panel__body[b-egoycktujg] {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 8px 12px 12px 12px;
  background: var(--fs-card-bg);
  color: var(--fs-text-primary);
}
/* /Overview/OverviewHeaderStrip.razor.rz.scp.css */
.overview-header-strip[b-h2crjn8h1f] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 16px;
  padding: 8px 12px;
  margin-bottom: 12px;
  background: var(--fs-card-bg);
  color: var(--fs-text-primary);
  border: 1px solid var(--fs-card-border);
  border-radius: 6px;
  font-size: 13px;
}

.overview-header-strip__filters[b-h2crjn8h1f] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  flex: 0 1 auto;
  min-width: 0;
}

.overview-header-strip__segmented[b-h2crjn8h1f] {
  display: inline-flex;
  border: 1px solid var(--fs-border-200);
  border-radius: 6px;
  overflow: hidden;
}

.overview-header-strip__segmented--size .overview-header-strip__seg-btn[b-h2crjn8h1f] {
  padding: 4px 10px;
  min-width: 28px;
  text-align: center;
  font-weight: 500;
}

.overview-header-strip__seg-btn[b-h2crjn8h1f] {
  appearance: none;
  background: transparent;
  border: none;
  padding: 4px 12px;
  font: inherit;
  color: var(--fs-text-secondary);
  cursor: pointer;
  border-right: 1px solid var(--fs-border-200);
  transition: background 120ms ease, color 120ms ease;
}

.overview-header-strip__seg-btn:last-child[b-h2crjn8h1f] {
  border-right: none;
}

.overview-header-strip__seg-btn:hover[b-h2crjn8h1f] {
  background: var(--fs-surface-200);
  color: var(--fs-text-primary);
}

.overview-header-strip__seg-btn--active[b-h2crjn8h1f] {
  background: var(--fs-blue-accent);
  color: var(--fs-text-white);
}

.overview-header-strip__seg-btn--active:hover[b-h2crjn8h1f] {
  background: var(--fs-blue-hover);
  color: var(--fs-text-white);
}

.overview-header-strip__chip[b-h2crjn8h1f] {
  appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  background: transparent;
  border: 1px solid var(--fs-border-200);
  border-radius: 999px;
  font: inherit;
  color: var(--fs-text-secondary);
  cursor: pointer;
  transition: background 120ms ease, border-color 120ms ease, color 120ms ease;
}

.overview-header-strip__chip:hover[b-h2crjn8h1f] {
  background: var(--fs-surface-200);
  color: var(--fs-text-primary);
}

.overview-header-strip__chip--active[b-h2crjn8h1f] {
  background: var(--fs-blue-light);
  border-color: var(--fs-blue-accent);
  color: var(--fs-blue-accent);
}

.overview-header-strip__chip-dot[b-h2crjn8h1f] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.overview-header-strip__chip-dot--warm[b-h2crjn8h1f] { background: var(--fs-warning-accent); }
.overview-header-strip__chip-dot--blue[b-h2crjn8h1f] { background: var(--fs-blue-accent); }

.overview-header-strip__clear[b-h2crjn8h1f] {
  appearance: none;
  background: transparent;
  border: none;
  padding: 2px 6px;
  font: inherit;
  font-size: 12px;
  color: var(--fs-blue-accent);
  text-decoration: underline;
  cursor: pointer;
}

.overview-header-strip__clear:hover[b-h2crjn8h1f] {
  color: var(--fs-blue-hover);
}

.overview-header-strip__controls[b-h2crjn8h1f] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 0 1 auto;
}

.overview-header-strip__sort-label[b-h2crjn8h1f] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--fs-text-secondary);
}

.overview-header-strip__sort[b-h2crjn8h1f] {
  padding: 3px 6px;
  border: 1px solid var(--fs-input-border);
  border-radius: 4px;
  background: var(--fs-input-bg);
  color: var(--fs-text-primary);
  font: inherit;
  cursor: pointer;
}

.overview-header-strip__search[b-h2crjn8h1f] {
  padding: 4px 8px;
  border: 1px solid var(--fs-input-border);
  border-radius: 4px;
  background: var(--fs-input-bg);
  color: var(--fs-text-primary);
  font: inherit;
  min-width: 180px;
}

.overview-header-strip__search[b-h2crjn8h1f]::placeholder {
  color: var(--fs-input-placeholder);
}

.overview-header-strip__kpis[b-h2crjn8h1f] {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1 1 auto;
  justify-content: flex-end;
  color: var(--fs-text-secondary);
  font-variant-numeric: tabular-nums;
}

.overview-header-strip__kpi strong[b-h2crjn8h1f] {
  color: var(--fs-text-primary);
}

.overview-header-strip__kpi-faint[b-h2crjn8h1f] {
  color: var(--fs-text-secondary);
}

.overview-header-strip__kpi-sep[b-h2crjn8h1f] {
  opacity: 0.5;
}
/* /Overview/OverviewSentryTile.razor.rz.scp.css */
.overview-tile[b-imubr0tov5] {
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--fs-card-bg);
  color: var(--fs-text-primary);
  border: 1px solid var(--fs-card-border);
  border-radius: 8px;
  box-shadow: var(--fs-shadow-sm);
  overflow: hidden;
  cursor: pointer;
  transition:
    border-color 120ms ease,
    box-shadow 120ms ease,
    opacity 120ms ease;
}

.overview-tile:hover[b-imubr0tov5] {
  border-color: var(--fs-blue-accent);
  box-shadow: var(--fs-shadow-md);
}

.overview-tile:focus-visible[b-imubr0tov5] {
  outline: 2px solid var(--fs-blue-accent);
  outline-offset: 2px;
}

.overview-tile--offline[b-imubr0tov5],
.overview-tile--unknown[b-imubr0tov5] {
  background: var(--fs-surface-100);
}

.overview-tile--offline .overview-tile__name[b-imubr0tov5],
.overview-tile--unknown .overview-tile__name[b-imubr0tov5] {
  color: var(--fs-text-secondary);
}

.overview-tile--offline .overview-tile__level-fill[b-imubr0tov5],
.overview-tile--unknown .overview-tile__level-fill[b-imubr0tov5] {
  opacity: 0.45;
}

.overview-tile--offline:hover[b-imubr0tov5],
.overview-tile--offline:focus-visible[b-imubr0tov5],
.overview-tile--unknown:hover[b-imubr0tov5],
.overview-tile--unknown:focus-visible[b-imubr0tov5] {
  background: var(--fs-card-bg);
}

.overview-tile--offline:hover .overview-tile__name[b-imubr0tov5],
.overview-tile--offline:focus-visible .overview-tile__name[b-imubr0tov5],
.overview-tile--unknown:hover .overview-tile__name[b-imubr0tov5],
.overview-tile--unknown:focus-visible .overview-tile__name[b-imubr0tov5] {
  color: var(--fs-text-heading);
}

.overview-tile--offline:hover .overview-tile__level-fill[b-imubr0tov5],
.overview-tile--offline:focus-visible .overview-tile__level-fill[b-imubr0tov5],
.overview-tile--unknown:hover .overview-tile__level-fill[b-imubr0tov5],
.overview-tile--unknown:focus-visible .overview-tile__level-fill[b-imubr0tov5] {
  opacity: 1;
}

/* ---------- Alert accent ---------- */

.overview-tile__accent[b-imubr0tov5] {
  height: 2px;
  background: transparent;
  flex-shrink: 0;
}

.overview-tile__accent--warning[b-imubr0tov5] { background: var(--fs-warning-accent); }
.overview-tile__accent--critical[b-imubr0tov5] { background: var(--fs-error-500); }
.overview-tile__accent--muted[b-imubr0tov5] { background: var(--fs-border-300); }

/* ---------- Size variants (Small / Medium / Large) ---------- */

.overview-tile--small .overview-tile__body[b-imubr0tov5] {
  padding: 8px 10px 10px 10px;
  gap: 5px;
  font-size: 12px;
}

.overview-tile--medium .overview-tile__body[b-imubr0tov5] {
  padding: 10px 12px 12px 12px;
  gap: 7px;
  font-size: 13px;
}

.overview-tile--large .overview-tile__body[b-imubr0tov5] {
  padding: 12px 14px 14px 14px;
  gap: 9px;
  font-size: 14px;
}

.overview-tile__body[b-imubr0tov5] {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
}

/* ---------- Header ---------- */

.overview-tile__header[b-imubr0tov5] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

.overview-tile__title-block[b-imubr0tov5] {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.overview-tile__name[b-imubr0tov5] {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--fs-text-heading);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}

.overview-tile--small .overview-tile__name[b-imubr0tov5] {
  -webkit-line-clamp: 1;
  white-space: nowrap;
  word-break: normal;
  text-overflow: ellipsis;
}

.overview-tile__code[b-imubr0tov5] {
  font-size: 12px;
  color: var(--fs-text-secondary);
  font-family: var(--fs-mono);
  letter-spacing: 0.4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Bell-off: offline/online notifications muted for this sentry. Distinct from
   online/offline health so a muted sentry never looks identical to a loud one. */
.overview-tile__notif-muted[b-imubr0tov5] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 2px;
  padding: 1px 6px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.2px;
  color: #9a3412;
  background: #ffedd5;
  border: 1px solid #fdba74;
  white-space: nowrap;
}

.overview-tile__notif-muted .oi[b-imubr0tov5] {
  font-size: 14px;
}

.overview-tile__header-meta[b-imubr0tov5] {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

/* ---------- Status chip ---------- */

.overview-tile__status[b-imubr0tov5] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  flex-shrink: 0;
}

.overview-tile__status-dot[b-imubr0tov5] {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}

.overview-tile__status-label[b-imubr0tov5] {
  display: inline;
}

.overview-tile__status--on[b-imubr0tov5] {
  color: var(--fs-success-text);
  background: var(--fs-success-bg);
}

.overview-tile__status--off[b-imubr0tov5] {
  color: var(--fs-error-text);
  background: var(--fs-error-bg);
}

.overview-tile__status--unknown[b-imubr0tov5] {
  color: var(--fs-text-secondary);
  background: var(--fs-surface-200);
}

/* ---------- Activity dot ---------- */

.overview-tile__activity[b-imubr0tov5] {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  flex-shrink: 0;
}

.overview-tile__activity--hot[b-imubr0tov5] {
  background: var(--fs-error-500);
  box-shadow: none;
}

.overview-tile__activity--warm[b-imubr0tov5] {
  background: var(--fs-warning-accent);
  box-shadow: none;
}

.overview-tile__activity--cold[b-imubr0tov5] {
  background: var(--fs-border-300);
}

/* ---------- Tanks (card layout) ---------- */

.overview-tile__tanks[b-imubr0tov5] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: var(--fs-text-secondary);
}

.overview-tile__tank[b-imubr0tov5] {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.overview-tile__tank-head[b-imubr0tov5] {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr) auto;
  gap: 6px;
  align-items: baseline;
  min-width: 0;
}

.overview-tile--small .overview-tile__tank-head[b-imubr0tov5] {
  gap: 4px;
}

.overview-tile__tank-number[b-imubr0tov5] {
  font-weight: 600;
  color: var(--fs-text-primary);
  font-variant-numeric: tabular-nums;
}

.overview-tile__tank-fuel[b-imubr0tov5] {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  min-width: 0;
}

.overview-tile__fuel-name[b-imubr0tov5] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--fs-text-secondary);
}

.overview-tile__fuel-dot[b-imubr0tov5] {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
  border: 1px solid rgba(0, 0, 0, 0.15);
  align-self: center;
}

.overview-tile__fuel-code[b-imubr0tov5] {
  font-family: var(--fs-mono);
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.5px;
  color: var(--fs-text-primary);
}

.overview-tile__tank-capacity[b-imubr0tov5] {
  font-variant-numeric: tabular-nums;
  font-size: 13px;
  text-align: right;
  white-space: nowrap;
  color: var(--fs-text-primary);
}

.overview-tile__tank-capacity--over[b-imubr0tov5] {
  color: var(--fs-error-text);
  font-weight: 600;
}

.overview-tile__over-tag[b-imubr0tov5] {
  display: inline-block;
  margin-left: 4px;
  padding: 0 5px;
  font-size: 13px;
  font-weight: 600;
  color: var(--fs-error-text);
  background: var(--fs-error-bg);
  border-radius: 3px;
  letter-spacing: 0.02em;
}

/* ---------- Level bar ---------- */

.overview-tile__level-bar[b-imubr0tov5] {
  height: 6px;
  background: var(--fs-surface-200);
  border-radius: 999px;
  overflow: hidden;
  min-width: 24px;
}

.overview-tile--small .overview-tile__level-bar[b-imubr0tov5] { height: 5px; }
.overview-tile--large .overview-tile__level-bar[b-imubr0tov5] { height: 8px; }

.overview-tile__level-fill[b-imubr0tov5] {
  height: 100%;
  background: var(--fs-blue-accent);
  transition: width 200ms ease-out;
}

.overview-tile__level-fill--over[b-imubr0tov5] {
  background-color: var(--fs-error-500) !important;
  background-image: repeating-linear-gradient(
    45deg,
    transparent 0 6px,
    rgba(0, 0, 0, 0.35) 6px 12px
  ) !important;
}

/* ---------- Footer ---------- */

.overview-tile__footer[b-imubr0tov5] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  font-size: 13px;
  color: var(--fs-text-secondary);
  margin-top: auto;
  padding-top: 6px;
  border-top: 1px dashed var(--fs-border-light);
}

.overview-tile__footer-item[b-imubr0tov5] {
  white-space: nowrap;
}

.overview-tile__footer-item strong[b-imubr0tov5] {
  color: var(--fs-text-primary);
  font-variant-numeric: tabular-nums;
}

.overview-tile__footer-sep[b-imubr0tov5] {
  opacity: 0.5;
}

/* ---------- List layout ---------- */

.overview-grid--list .overview-tile--list[b-imubr0tov5] {
  display: contents;
}

.overview-grid--list .overview-tile--list .overview-tile__list-tanks[b-imubr0tov5] {
  display: contents;
}

.overview-tile--list .overview-tile__accent[b-imubr0tov5] {
  height: auto;
  width: 3px;
  align-self: stretch;
  min-height: 24px;
}

.overview-tile__list-status[b-imubr0tov5] {
  display: flex;
  align-items: center;
  gap: 6px;
}

.overview-tile__list-name[b-imubr0tov5] {
  display: flex;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
}

.overview-tile--list .overview-tile__name[b-imubr0tov5] {
  -webkit-line-clamp: 1;
  white-space: nowrap;
  word-break: normal;
  text-overflow: ellipsis;
  font-size: 16px;
}

.overview-tile__list-tank[b-imubr0tov5] {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  color: var(--fs-text-secondary);
}

.overview-tile__list-tank .overview-tile__fuel-code[b-imubr0tov5] {
  flex-shrink: 0;
}

.overview-tile__list-tank .overview-tile__level-bar[b-imubr0tov5] {
  flex: 1 1 auto;
  height: 5px;
  min-width: 30px;
}

.overview-tile__list-tank .overview-tile__tank-capacity[b-imubr0tov5] {
  flex-shrink: 0;
  font-size: 14px;
}

.overview-tile__list-footer[b-imubr0tov5] {
  grid-column: -2 / -1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  white-space: nowrap;
  color: var(--fs-text-secondary);
  font-variant-numeric: tabular-nums;
}

.overview-tile__list-footer strong[b-imubr0tov5] {
  color: var(--fs-text-primary);
}

.overview-grid--list-small  .overview-tile__list-tank .overview-tile__level-bar[b-imubr0tov5] { height: 4px; }
.overview-grid--list-medium .overview-tile__list-tank .overview-tile__level-bar[b-imubr0tov5] { height: 5px; }
.overview-grid--list-large  .overview-tile__list-tank .overview-tile__level-bar[b-imubr0tov5] { height: 7px; }

/* ── Vessel mode (sentries-page cards) ─────────────────────────────── */

.overview-tile__vessels[b-imubr0tov5] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  padding: 6px 0 2px;
}

.overview-tile__pumped[b-imubr0tov5] {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 6px;
  padding: 4px 0 6px;
}

.overview-tile__pumped-value[b-imubr0tov5] {
  font-size: 22px;
  font-weight: 700;
}

.overview-tile__pumped-unit[b-imubr0tov5],
.overview-tile__pumped-txns[b-imubr0tov5] {
  font-size: 12px;
  color: #555;
}

.overview-tile__pumped-sep[b-imubr0tov5] {
  color: #999;
}

.overview-tile__alert-chips[b-imubr0tov5] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 4px;
}

.overview-tile__alert-chip[b-imubr0tov5] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  line-height: 1.2;
  padding: 2px 6px;
  border-radius: 999px;
  white-space: nowrap;
}

.overview-tile__alert-chip--critical[b-imubr0tov5] {
  background: #fde8e8;
  color: #9b1c1c;
}

.overview-tile__alert-chip--warning[b-imubr0tov5] {
  background: #fff4e5;
  color: #9a6700;
}

.overview-tile__alert-chip--info[b-imubr0tov5] {
  background: #eef2ff;
  color: #3730a3;
}
/* /Overview/TankVessel.razor.rz.scp.css */
.tank-vessel[b-y7n9xqmaj5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 86px;
}

.tank-vessel__svg[b-y7n9xqmaj5] {
  width: 64px;
  height: 106px;
  display: block;
}

.tank-vessel__body[b-y7n9xqmaj5] {
  fill: #f2f4f6;
}

.tank-vessel__fill[b-y7n9xqmaj5] {
  opacity: 0.85;
  transition: y 0.4s ease, height 0.4s ease;
}

.tank-vessel__fill--over[b-y7n9xqmaj5] {
  opacity: 1;
}

.tank-vessel__surface[b-y7n9xqmaj5] {
  stroke: rgba(0, 0, 0, 0.25);
  stroke-width: 1;
}

.tank-vessel__outline[b-y7n9xqmaj5] {
  fill: none;
  stroke: #8a949c;
  stroke-width: 2;
}

.tank-vessel__pct[b-y7n9xqmaj5] {
  font-size: 14px;
  font-weight: 700;
  fill: #233038;
  paint-order: stroke;
  stroke: rgba(255, 255, 255, 0.75);
  stroke-width: 3;
}

.tank-vessel__caption[b-y7n9xqmaj5] {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  margin-top: 2px;
}

.tank-vessel__number[b-y7n9xqmaj5] {
  font-weight: 700;
}

.tank-vessel__fuel[b-y7n9xqmaj5] {
  color: #555;
}

.tank-vessel__readout[b-y7n9xqmaj5] {
  font-size: 11px;
  color: #555;
  white-space: nowrap;
}

.tank-vessel__readout--over[b-y7n9xqmaj5] {
  color: #c62828;
  font-weight: 600;
}

.tank-vessel__over-tag[b-y7n9xqmaj5] {
  margin-left: 3px;
  padding: 0 4px;
  border-radius: 6px;
  background: #fdecea;
  color: #c62828;
  font-size: 11px;
  font-weight: 700;
}
/* /Pages/CustomerApiAccess.razor.rz.scp.css */
.customer-api[b-q7msrpd9a1] { padding: 16px; margin-bottom: 24px; background: var(--fs-card-bg); color: var(--fs-text-primary); border: 1px solid var(--fs-card-border); border-radius: 12px; }
h2[b-q7msrpd9a1] { font-size: 22px; margin: 0 0 12px; }
p[b-q7msrpd9a1] { margin: 0 0 16px; }
table[b-q7msrpd9a1] { width: 100%; border-collapse: collapse; }
th[b-q7msrpd9a1], td[b-q7msrpd9a1] { padding: 12px 8px; text-align: left; border-bottom: 1px solid var(--fs-card-border); }
label[b-q7msrpd9a1] { display: flex; gap: 8px; align-items: center; }
input[b-q7msrpd9a1] { appearance: none; flex: 0 0 36px; width: 36px; height: 20px; position: relative; margin: 0; border: 1px solid var(--fs-border-strong); border-radius: 999px; background: var(--fs-surface-200); cursor: pointer; }
input[b-q7msrpd9a1]::before { content: ""; position: absolute; width: 16px; height: 16px; top: 1px; left: 1px; border-radius: 50%; background: var(--fs-text-primary); }
input:checked[b-q7msrpd9a1] { background: var(--fs-accent); border-color: var(--fs-accent); }
input:checked[b-q7msrpd9a1]::before { left: 17px; background: var(--fs-on-accent); }
input:focus-visible[b-q7msrpd9a1] { outline: 2px solid var(--fs-focus); outline-offset: 4px; }
input:disabled[b-q7msrpd9a1] { opacity: .5; }
/* /Pages/CustomerApiDocs.razor.rz.scp.css */
.api-docs[b-zlpio9t5q0] { padding: 24px; color: var(--fs-text-primary); }
header[b-zlpio9t5q0] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-bottom: 16px; }
h1[b-zlpio9t5q0] { font-size: 26px; margin: 0; }
a[b-zlpio9t5q0] { color: var(--fs-text-primary); border: 1px solid var(--fs-border-strong); border-radius: 8px; padding: 8px 16px; }
a:hover[b-zlpio9t5q0] { background: var(--fs-surface-200); }
a:focus-visible[b-zlpio9t5q0] { outline: 2px solid var(--fs-focus); outline-offset: 4px; }
p[b-zlpio9t5q0] { margin: 0 0 16px; }
iframe[b-zlpio9t5q0] { display: block; width: 100%; height: calc(100vh - 240px); min-height: 400px; border: 1px solid var(--fs-card-border); border-radius: 12px; background: var(--fs-card-bg); }
/* /Pages/ScheduledReportIntegrations.razor.rz.scp.css */
.integrationIntro[b-8y9xwj1gmt] {
  margin: 1rem 0;
  color: var(--fs-text-secondary, #5a6a5f);
  max-width: 46rem;
}

.integrationGrid[b-8y9xwj1gmt] {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

.integrationCard[b-8y9xwj1gmt] {
  background: var(--fs-card-bg, #fff);
  border: 1px solid var(--fs-card-border, var(--fs-border, #d5dfd2));
  border-radius: 10px;
  padding: 1rem 1.1rem 1.1rem;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.integrationCardHeader[b-8y9xwj1gmt] {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  align-items: flex-start;
}

.integrationVendor[b-8y9xwj1gmt] {
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fs-text-secondary, #5a6a5f);
}

.integrationTitle[b-8y9xwj1gmt] {
  margin: 0.15rem 0 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--fs-text-heading, #111827);
}

.integrationSummary[b-8y9xwj1gmt] {
  margin: 0;
  color: var(--fs-text-primary, #1f2937);
  font-size: 14px;
}

.integrationStatus[b-8y9xwj1gmt] {
  margin: 0;
  display: grid;
  gap: 0.35rem 0.75rem;
  font-size: 13px;
}

.integrationStatus div[b-8y9xwj1gmt] {
  display: grid;
  grid-template-columns: 5.5rem 1fr;
  gap: 0.5rem;
}

.integrationStatus dt[b-8y9xwj1gmt] {
  color: var(--fs-text-secondary, #5a6a5f);
  font-weight: 600;
}

.integrationStatus dd[b-8y9xwj1gmt] {
  margin: 0;
  word-break: break-word;
}

.integrationActions[b-8y9xwj1gmt] {
  display: flex;
  gap: 0.5rem;
  margin-top: 0.25rem;
}

.advancedBlock[b-8y9xwj1gmt] {
  margin-top: 0.75rem;
  border-top: 1px solid var(--fs-border-subtle, #e8efe8);
  padding-top: 0.5rem;
}

.advancedBlock summary[b-8y9xwj1gmt] {
  cursor: pointer;
  font-weight: 600;
  font-size: 13px;
}

.statusBadge[b-8y9xwj1gmt] {
  display: inline-block;
  padding: 0.15rem 0.45rem;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.statusBadge.ok[b-8y9xwj1gmt] {
  background: var(--fs-success-bg, #e5f5e8);
  color: var(--fs-success-text, #1f6b31);
}

.statusBadge.error[b-8y9xwj1gmt] {
  background: var(--fs-error-bg, #fdeaea);
  color: var(--fs-error-text, #9b2323);
}

.statusBadge.disabled[b-8y9xwj1gmt] {
  background: var(--fs-surface-200, #f0f0f0);
  color: var(--fs-text-secondary, #666);
}

.statusStack[b-8y9xwj1gmt] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  max-width: 16rem;
}

.errorDetail[b-8y9xwj1gmt] {
  margin-top: 0.15rem;
  font-size: 12px;
  line-height: 1.25;
  color: var(--fs-error-text, #9b2323);
  text-align: right;
}

.noticeBox[b-8y9xwj1gmt],
.errorBox[b-8y9xwj1gmt],
.successBox[b-8y9xwj1gmt] {
  padding: 0.75rem 1rem;
  border-radius: 6px;
  margin-bottom: 0.5rem;
}

.errorBox[b-8y9xwj1gmt] {
  background: var(--fs-error-bg, #fff4f4);
  border: 1px solid var(--fs-error-border, #e8b4b4);
  color: var(--fs-error-text, #8a2020);
}

.successBox[b-8y9xwj1gmt] {
  background: var(--fs-success-bg, #f2faf4);
  border: 1px solid var(--fs-success-border, #b8dcc4);
  color: var(--fs-success-text, #1f5c33);
}

.primaryButton[b-8y9xwj1gmt],
.secondaryButton[b-8y9xwj1gmt] {
  border: 0;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  padding: 0.45rem 0.9rem;
}

.primaryButton[b-8y9xwj1gmt] {
  background: var(--fs-btn-primary, var(--fs-green-700, #2f6b3a));
  color: var(--fs-text-white, #fff);
}

.primaryButton:disabled[b-8y9xwj1gmt],
.secondaryButton:disabled[b-8y9xwj1gmt] {
  opacity: 0.5;
  cursor: not-allowed;
}

.secondaryButton[b-8y9xwj1gmt] {
  background: var(--fs-btn-secondary, var(--fs-surface-200, #eef3ec));
  color: var(--fs-text-on-dark, var(--fs-text-primary, #2a3d2f));
}

.modalOverlay[b-8y9xwj1gmt] {
  position: fixed;
  inset: 0;
  background: var(--fs-overlay-bg, rgba(0, 0, 0, 0.35));
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 1rem;
}

.modalCard[b-8y9xwj1gmt] {
  width: min(720px, 100%);
  max-height: 90vh;
  overflow: auto;
  background: var(--fs-card-bg, #fff);
  color: var(--fs-text-primary, #1f2937);
  border: 1px solid var(--fs-card-border, transparent);
  border-radius: 10px;
  box-shadow: var(--fs-shadow-lg, 0 12px 40px rgba(0, 0, 0, 0.18));
}

.modalHeader[b-8y9xwj1gmt] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.9rem 1rem;
  border-bottom: 1px solid var(--fs-border-subtle, #e8efe8);
  font-weight: 600;
  color: var(--fs-text-heading, #111827);
}

.modalBody[b-8y9xwj1gmt] {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.modalFooter[b-8y9xwj1gmt] {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.9rem 1rem;
  border-top: 1px solid var(--fs-border-subtle, #e8efe8);
}

.fieldLabel[b-8y9xwj1gmt] {
  margin-top: 0.35rem;
  font-weight: 600;
  font-size: 13px;
  color: var(--fs-text-primary, #1f2937);
}

.fieldInput[b-8y9xwj1gmt] {
  width: 100%;
  padding: 0.45rem 0.55rem;
  border: 1px solid var(--fs-input-border, #cfd9cf);
  border-radius: 6px;
  background: var(--fs-input-bg, #fff);
  color: var(--fs-text-primary, #1f2937);
}

.fieldHint[b-8y9xwj1gmt] {
  font-size: 12px;
  color: var(--fs-text-secondary, #667);
  margin-bottom: 0.35rem;
}

.checkboxRow[b-8y9xwj1gmt] {
  display: flex;
  align-items: center;
  gap: 0.45rem;
}

.iconButton[b-8y9xwj1gmt] {
  border: 0;
  background: transparent;
  color: var(--fs-text-secondary, #6b7280);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.noticeBox[b-8y9xwj1gmt] {
  background: var(--fs-warning-bg, #fff8e8);
  border: 1px solid var(--fs-warning-border, #e6d39a);
  color: var(--fs-warning-text, #7a5b12);
}

.runHistory[b-8y9xwj1gmt] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  margin-top: 0.15rem;
}

.runHistoryHeading[b-8y9xwj1gmt] {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--fs-text-secondary, #5a6a5f);
}

.runHistoryRow[b-8y9xwj1gmt] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.65rem;
  align-items: baseline;
  font-size: 12px;
  padding: 0.3rem 0.45rem;
  border-radius: 5px;
  border: 1px solid transparent;
}

.runHistoryRow.runClean[b-8y9xwj1gmt] {
  background: var(--fs-surface-100, #f7faf7);
  color: var(--fs-text-primary, #1f2937);
}

.runHistoryRow.runWarned[b-8y9xwj1gmt] {
  background: var(--fs-warning-bg, #fff8e8);
  border-color: var(--fs-warning-border, #e6d39a);
  color: var(--fs-warning-text, #7a5b12);
}

.runHistoryRow.runFailed[b-8y9xwj1gmt] {
  background: var(--fs-error-bg, #fff4f4);
  border-color: var(--fs-error-border, #e8b4b4);
  color: var(--fs-error-text, #8a2020);
}

.runHistoryRow.runSkipped[b-8y9xwj1gmt] {
  background: var(--fs-surface-200, #f0f0f0);
  color: var(--fs-text-secondary, #666);
}

.runWhen[b-8y9xwj1gmt] {
  font-variant-numeric: tabular-nums;
}

.runOutcome[b-8y9xwj1gmt] {
  font-weight: 600;
}

.runWarning[b-8y9xwj1gmt],
.runError[b-8y9xwj1gmt] {
  flex: 1 1 100%;
}

.editorTabs[b-8y9xwj1gmt] {
  display: flex;
  gap: 0;
  border-bottom: 1px solid var(--fs-border-subtle, #e8efe8);
  padding: 0 1rem;
}

.editorTab[b-8y9xwj1gmt] {
  border: 0;
  background: transparent;
  padding: 0.55rem 0.8rem;
  font-weight: 600;
  font-size: 13px;
  color: var(--fs-text-secondary, #667);
  cursor: pointer;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
}

.editorTab.active[b-8y9xwj1gmt] {
  color: var(--fs-text-heading, #111827);
  border-bottom-color: var(--fs-green-700, #2f6b3a);
}

.editorTab:disabled[b-8y9xwj1gmt] {
  opacity: 0.5;
  cursor: not-allowed;
}

.matchToolbar[b-8y9xwj1gmt] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.55rem 0.85rem;
  margin: 0.35rem 0 0.65rem;
}

.matchFreshness[b-8y9xwj1gmt] {
  font-size: 13px;
  color: var(--fs-text-secondary, #667);
}

.matchPaste[b-8y9xwj1gmt] {
  min-height: 5.5rem;
  resize: vertical;
}

.matchBucketHeading[b-8y9xwj1gmt] {
  margin: 0.65rem 0 0.2rem;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: lowercase;
  color: var(--fs-text-secondary, #667);
}

.matchGroup[b-8y9xwj1gmt] {
  margin-top: 0.85rem;
}

.matchHeading[b-8y9xwj1gmt] {
  margin: 0.4rem 0 0.35rem;
  font-size: 14px;
}

.matchRow[b-8y9xwj1gmt] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.55rem;
  padding: 0.3rem 0;
  border-bottom: 1px solid var(--fs-border-subtle, #e8efe8);
  font-size: 13px;
}

.matchBucket[b-8y9xwj1gmt] {
  text-transform: none;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--fs-text-secondary, #667);
  min-width: 7.2rem;
}

.matchName[b-8y9xwj1gmt] {
  font-weight: 600;
}

.matchHint[b-8y9xwj1gmt] {
  color: var(--fs-text-secondary, #667);
  font-size: 12px;
}

.tinyButton[b-8y9xwj1gmt] {
  border: 0;
  border-radius: 4px;
  padding: 0.15rem 0.45rem;
  font-size: 12px;
  cursor: pointer;
  background: var(--fs-btn-secondary, var(--fs-surface-200, #eef3ec));
}
/* /Pages/WasmAlerts.razor.rz.scp.css */
.alerts-page[b-1oxn9okiyi] {
  padding: 24px;
  max-width: 1400px;
  margin: 0 auto;
}

.page-header[b-1oxn9okiyi] {
  margin-bottom: 32px;
}

.page-header h1[b-1oxn9okiyi] {
  margin: 0;
  font-size: 26px;
  font-weight: 600;
  color: var(--fs-text-900);
}

.page-subtitle[b-1oxn9okiyi] {
  margin: 8px 0 0 0;
  color: var(--fs-text-500);
  font-size: 14px;
}

.loading-state[b-1oxn9okiyi] {
  text-align: center;
  padding: 60px;
  color: var(--fs-text-500);
}

/* Sections */
.alerts-section[b-1oxn9okiyi] {
  background: var(--fs-card-bg);
  border-radius: 12px;
  border: 1px solid var(--fs-border-subtle);
  padding: 24px;
  margin-bottom: 24px;
}

.section-header[b-1oxn9okiyi] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.section-header h2[b-1oxn9okiyi] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--fs-text-900);
}

.btn-add[b-1oxn9okiyi] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: var(--fs-green-muted);
  color: var(--fs-on-accent);
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}

.btn-add:hover[b-1oxn9okiyi] {
  background: var(--fs-green-dark);
  box-shadow: none;
}

/* Empty state */
.empty-state[b-1oxn9okiyi] {
  text-align: center;
  padding: 48px 24px;
  color: var(--fs-text-500);
}

.empty-state .oi[b-1oxn9okiyi] {
  font-size: 48px;
  opacity: 0.3;
  margin-bottom: 16px;
  display: block;
}

.empty-state p[b-1oxn9okiyi] {
  margin: 0 0 16px 0;
}

.empty-state.small[b-1oxn9okiyi] {
  padding: 24px;
}

/* Rules grid */
.rules-grid[b-1oxn9okiyi] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 16px;
}

.rule-card[b-1oxn9okiyi] {
  background: var(--fs-surface-100);
  border: 1px solid var(--fs-border-subtle);
  border-radius: 8px;
  padding: 16px;
  transition: all 0.15s;
}

.rule-card:hover[b-1oxn9okiyi] {
  border-color: var(--fs-border-200);
  box-shadow: var(--fs-shadow-1);
}

.rule-header[b-1oxn9okiyi] {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 12px;
}

.rule-icon[b-1oxn9okiyi] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10b981;
  color: var(--fs-text-white);
  border-radius: 8px;
  flex-shrink: 0;
}

.rule-title[b-1oxn9okiyi] {
  flex: 1;
}

.rule-name[b-1oxn9okiyi] {
  font-weight: 600;
  color: var(--fs-text-900);
  display: block;
}

.rule-scope[b-1oxn9okiyi] {
  font-size: 12px;
  color: var(--fs-text-500);
}

.rule-description[b-1oxn9okiyi] {
  font-size: 13px;
  color: var(--fs-text-500);
  margin-bottom: 12px;
  line-height: 1.4;
}

.rule-meta[b-1oxn9okiyi] {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.meta-item[b-1oxn9okiyi] {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: var(--fs-text-500);
  background: var(--fs-border-subtle);
  padding: 2px 8px;
  border-radius: 4px;
}

.rule-actions[b-1oxn9okiyi] {
  display: flex;
  gap: 8px;
  border-top: 1px solid var(--fs-border-subtle);
  padding-top: 12px;
}

/* Alerts list */
.alerts-list[b-1oxn9okiyi] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.alert-item[b-1oxn9okiyi] {
  display: flex;
  gap: 12px;
  padding: 12px;
  background: var(--fs-surface-100);
  border-radius: 8px;
  border-left: 3px solid var(--fs-border-200);
}

.alert-item.warning[b-1oxn9okiyi] {
  border-left-color: var(--fs-warning-accent);
  background: var(--fs-warning-bg, #fffbeb);
}

.alert-item.critical[b-1oxn9okiyi] {
  border-left-color: var(--fs-error-accent);
  background: var(--fs-error-bg);
}

.alert-item.info[b-1oxn9okiyi] {
  border-left-color: var(--fs-blue-bright);
  background: var(--fs-blue-light, #eff6ff);
}

.alert-item.resolved[b-1oxn9okiyi] {
  opacity: 0.7;
}

.alert-icon[b-1oxn9okiyi] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--fs-card-bg);
  border-radius: 50%;
  color: var(--fs-text-500);
  flex-shrink: 0;
}

.alert-item.warning .alert-icon[b-1oxn9okiyi] {
  color: var(--fs-warning-accent);
}

.alert-item.critical .alert-icon[b-1oxn9okiyi] {
  color: var(--fs-error-accent);
}

.alert-item.info .alert-icon[b-1oxn9okiyi] {
  color: var(--fs-blue-bright);
}

.alert-content[b-1oxn9okiyi] {
  flex: 1;
  min-width: 0;
}

.alert-title[b-1oxn9okiyi] {
  font-weight: 500;
  color: var(--fs-text-900);
  margin-bottom: 2px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.resolved-badge[b-1oxn9okiyi] {
  font-size: 11px;
  font-weight: 500;
  background: var(--fs-success-bg, #d1fae5);
  color: var(--fs-green-text);
  padding: 2px 6px;
  border-radius: 4px;
}

.alert-message[b-1oxn9okiyi] {
  font-size: 13px;
  color: var(--fs-text-500);
  margin-bottom: 6px;
}

.alert-meta[b-1oxn9okiyi] {
  display: flex;
  gap: 12px;
  font-size: 12px;
  color: var(--fs-text-400);
}

.alert-sentry[b-1oxn9okiyi] {
  background: var(--fs-border-subtle);
  padding: 1px 6px;
  border-radius: 4px;
  color: var(--fs-text-500);
}

.alert-company[b-1oxn9okiyi] {
  background: var(--fs-blue-light, #dbeafe);
  padding: 1px 6px;
  border-radius: 4px;
  color: var(--fs-blue-accent, #1e40af);
  font-weight: 500;
}

/* Modal */
.modal-overlay[b-1oxn9okiyi] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--fs-overlay-backdrop);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
}

.rule-modal[b-1oxn9okiyi] {
  background: var(--fs-card-bg);
  border-radius: 12px;
  width: 90%;
  max-width: 700px;
  max-height: 90vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: var(--fs-shadow-2);
  box-sizing: border-box;
}

.modal-header[b-1oxn9okiyi] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  border-bottom: 1px solid var(--fs-border-subtle);
  background: var(--fs-surface-100);
}

.modal-header h3[b-1oxn9okiyi] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--fs-text-900);
}

.modal-body[b-1oxn9okiyi] {
  padding: 20px;
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
  box-sizing: border-box;
}

.modal-body *[b-1oxn9okiyi] {
  box-sizing: border-box;
  max-width: 100%;
}

.form-section[b-1oxn9okiyi] {
  margin-bottom: 24px;
}

.form-section h4[b-1oxn9okiyi] {
  margin: 0 0 12px 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--fs-text-700);
}

.section-title-row[b-1oxn9okiyi] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.section-title-row h4[b-1oxn9okiyi] {
  margin: 0;
}

.btn-small[b-1oxn9okiyi] {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  background: var(--fs-surface-200);
  border: 1px solid var(--fs-border-subtle);
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  color: var(--fs-text-700);
}

.btn-small:hover[b-1oxn9okiyi] {
  background: var(--fs-border-subtle);
}

.form-row[b-1oxn9okiyi] {
  margin-bottom: 12px;
}

.form-row label[b-1oxn9okiyi] {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: var(--fs-text-700);
  margin-bottom: 4px;
}

.form-row input[b-1oxn9okiyi],
.form-row select[b-1oxn9okiyi] {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid var(--fs-border-200);
  border-radius: 6px;
  font-size: 14px;
  background: var(--fs-input-bg);
  color: var(--fs-text-primary);
}

.form-row input:focus[b-1oxn9okiyi],
.form-row select:focus[b-1oxn9okiyi] {
  border-color: #10b981;
  box-shadow: none;
}

.form-row-inline[b-1oxn9okiyi] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.checkbox-row[b-1oxn9okiyi] {
  margin-bottom: 12px;
}

.checkbox-label[b-1oxn9okiyi] {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 14px;
  color: var(--fs-text-700);
}

.checkbox-label input[b-1oxn9okiyi] {
  width: auto;
}

.hint-text[b-1oxn9okiyi] {
  font-size: 13px;
  color: var(--fs-text-500);
  margin: 0;
  font-style: italic;
}

.hint-text.error[b-1oxn9okiyi] {
  color: var(--fs-error-accent);
}

/* Condition rows */
.condition-row[b-1oxn9okiyi] {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 8px;
  flex-wrap: wrap;
}

.condition-row select[b-1oxn9okiyi] {
  padding: 6px 10px;
  border: 1px solid var(--fs-border-200);
  border-radius: 4px;
  font-size: 13px;
  background: var(--fs-input-bg);
  color: var(--fs-text-primary);
}

.condition-row select:first-child[b-1oxn9okiyi] {
  flex: 1;
  min-width: 140px;
}

.condition-row input[b-1oxn9okiyi] {
  width: 100px;
  padding: 6px 10px;
  border: 1px solid var(--fs-border-200);
  border-radius: 4px;
  font-size: 13px;
  background: var(--fs-input-bg);
  color: var(--fs-text-primary);
}

.between-and[b-1oxn9okiyi] {
  font-size: 13px;
  color: var(--fs-text-500);
}

/* Member rows */
.member-row[b-1oxn9okiyi] {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 8px;
  flex-wrap: wrap;
}

.member-row select[b-1oxn9okiyi] {
  padding: 6px 10px;
  border: 1px solid var(--fs-border-200);
  border-radius: 4px;
  font-size: 13px;
  background: var(--fs-input-bg);
  color: var(--fs-text-primary);
}

.member-row select:first-child[b-1oxn9okiyi] {
  width: 180px;
  flex-shrink: 0;
}

.member-row select:nth-child(2)[b-1oxn9okiyi] {
  flex: 1;
  min-width: 150px;
}

.member-row input[b-1oxn9okiyi] {
  flex: 1;
  min-width: 120px;
  padding: 6px 10px;
  border: 1px solid var(--fs-border-200);
  border-radius: 4px;
  font-size: 13px;
  background: var(--fs-input-bg);
  color: var(--fs-text-primary);
}

.medium-select[b-1oxn9okiyi] {
  width: 80px !important;
  flex: none !important;
}

/* Modal footer */
.modal-footer[b-1oxn9okiyi] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 20px;
  border-top: 1px solid var(--fs-border-subtle);
  background: var(--fs-surface-100);
}

.btn-cancel[b-1oxn9okiyi] {
  padding: 10px 20px;
  border: 1px solid var(--fs-border-200);
  border-radius: 6px;
  background: var(--fs-card-bg);
  color: var(--fs-text-700);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}

.btn-cancel:hover[b-1oxn9okiyi] {
  background: var(--fs-surface-200);
}

.btn-save[b-1oxn9okiyi] {
  padding: 10px 20px;
  border: none;
  border-radius: 6px;
  background: #10b981;
  color: var(--fs-text-white);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}

.btn-save:hover:not(:disabled)[b-1oxn9okiyi] {
  background: #059669;
}

.btn-save:disabled[b-1oxn9okiyi] {
  opacity: 0.5;
  cursor: not-allowed;
}

/* =====================================================
   Panel Components - Alert Rules & Recent Alerts
   ===================================================== */

/* Alert Rules Panel */
.alert-rules-panel[b-1oxn9okiyi],
.recent-alerts-panel[b-1oxn9okiyi] {
  background: var(--fs-card-bg);
  border-radius: 12px;
  border: 1px solid var(--fs-border-subtle);
  padding: 24px;
  margin-bottom: 24px;
}

.panel-header[b-1oxn9okiyi] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  flex-wrap: wrap;
  gap: 12px;
}

.panel-header h2[b-1oxn9okiyi] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--fs-text-900);
}

.header-controls[b-1oxn9okiyi] {
  display: flex;
  align-items: center;
  gap: 16px;
}

.company-filter[b-1oxn9okiyi] {
  display: flex;
  align-items: center;
  gap: 8px;
}

.company-filter label[b-1oxn9okiyi] {
  font-size: 13px;
  color: var(--fs-text-500);
}

.company-filter select[b-1oxn9okiyi] {
  padding: 6px 12px;
  border: 1px solid var(--fs-border-200);
  border-radius: 6px;
  font-size: 13px;
  background: var(--fs-card-bg);
}

/* Spinning animation */
.spinning[b-1oxn9okiyi] {
  animation: spin-b-1oxn9okiyi 1s linear infinite;
}

@keyframes spin-b-1oxn9okiyi {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Loading states */
.loading-state[b-1oxn9okiyi] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 48px;
  color: var(--fs-text-500);
}

/* Empty states */
.empty-state[b-1oxn9okiyi] {
  text-align: center;
  padding: 48px 24px;
  color: var(--fs-text-500);
}

.empty-state .oi[b-1oxn9okiyi] {
  font-size: 26px;
  color: var(--fs-border-200);
  margin-bottom: 16px;
}

.empty-state h3[b-1oxn9okiyi] {
  margin: 0 0 8px;
  color: var(--fs-text-700);
  font-size: 16px;
}

.empty-state p[b-1oxn9okiyi] {
  margin: 0 0 16px;
  font-size: 14px;
}

/* Rules Grid */
.rules-grid[b-1oxn9okiyi] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 16px;
}

.rule-card[b-1oxn9okiyi] {
  background: var(--fs-surface-100);
  border: 1px solid var(--fs-border-subtle);
  border-radius: 10px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.rule-header[b-1oxn9okiyi] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.rule-icon[b-1oxn9okiyi] {
  width: 36px;
  height: 36px;
  background: var(--fs-blue-light, #dbeafe);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--fs-blue-accent, var(--fs-blue-600));
  flex-shrink: 0;
}

.rule-title h3[b-1oxn9okiyi] {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--fs-text-900);
}

.rule-scope[b-1oxn9okiyi] {
  font-size: 12px;
  color: var(--fs-text-500);
}

.rule-description[b-1oxn9okiyi] {
  font-size: 13px;
  color: var(--fs-text-500);
  margin: 0;
}

.rule-meta[b-1oxn9okiyi] {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.meta-item[b-1oxn9okiyi] {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: var(--fs-text-500);
}

.meta-badge[b-1oxn9okiyi] {
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 500;
}

.meta-badge.resolved[b-1oxn9okiyi] {
  background: var(--fs-success-bg, #d1fae5);
  color: var(--fs-green-text);
}

.rule-actions[b-1oxn9okiyi] {
  display: flex;
  gap: 8px;
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid var(--fs-border-subtle);
}

/* Alerts List */
.alerts-list[b-1oxn9okiyi] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.alert-item[b-1oxn9okiyi] {
  display: flex;
  gap: 12px;
  padding: 12px 16px;
  background: var(--fs-surface-100);
  border-radius: 8px;
  border-left: 4px solid var(--fs-border-200);
}

.alert-item.critical[b-1oxn9okiyi] {
  border-left-color: var(--fs-error-accent);
  background: var(--fs-error-bg);
}

.alert-item.warning[b-1oxn9okiyi] {
  border-left-color: var(--fs-warning-accent);
  background: var(--fs-warning-bg, #fffbeb);
}

.alert-item.info[b-1oxn9okiyi] {
  border-left-color: var(--fs-blue-bright);
  background: var(--fs-blue-light, #eff6ff);
}

.alert-item.resolved[b-1oxn9okiyi] {
  opacity: 0.7;
}

.alert-icon-wrap[b-1oxn9okiyi] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: rgba(0,0,0,0.05);
}

.alert-item.critical .alert-icon-wrap[b-1oxn9okiyi] {
  background: var(--fs-error-border);
  color: var(--fs-error-accent);
}

.alert-item.warning .alert-icon-wrap[b-1oxn9okiyi] {
  background: var(--fs-warning-bg, #fef3c7);
  color: var(--fs-warning-accent, #d97706);
}

.alert-item.info .alert-icon-wrap[b-1oxn9okiyi] {
  background: var(--fs-blue-light, #dbeafe);
  color: var(--fs-blue-accent, var(--fs-blue-600));
}

.alert-content[b-1oxn9okiyi] {
  flex: 1;
  min-width: 0;
}

.alert-header[b-1oxn9okiyi] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}

.alert-title[b-1oxn9okiyi] {
  font-weight: 600;
  font-size: 14px;
  color: var(--fs-text-900);
}

.resolved-badge[b-1oxn9okiyi] {
  font-size: 11px;
  padding: 2px 6px;
  background: var(--fs-success-bg, #d1fae5);
  color: var(--fs-green-text);
  border-radius: 4px;
}

.alert-message[b-1oxn9okiyi] {
  font-size: 13px;
  color: var(--fs-text-500);
  margin: 0 0 6px;
}

.alert-meta[b-1oxn9okiyi] {
  display: flex;
  gap: 12px;
  font-size: 12px;
  color: var(--fs-text-400);
  flex-wrap: wrap;
}

.alert-company[b-1oxn9okiyi] {
  padding: 2px 8px;
  background: var(--fs-blue-light, #dbeafe);
  color: var(--fs-blue-accent, #1e40af);
  border-radius: 4px;
}

.alert-sentry[b-1oxn9okiyi] {
  color: var(--fs-text-500);
}

/* Load More */
.load-more[b-1oxn9okiyi] {
  display: flex;
  justify-content: center;
  padding: 16px;
}

.refreshing-indicator[b-1oxn9okiyi] {
  display: flex;
  justify-content: center;
  padding: 8px;
  color: var(--fs-text-400);
}

/* Confirm Modal */
.confirm-modal[b-1oxn9okiyi] {
  background: var(--fs-card-bg);
  border-radius: 12px;
  padding: 24px;
  max-width: 400px;
  text-align: center;
}

.confirm-icon[b-1oxn9okiyi] {
  width: 56px;
  height: 56px;
  background: var(--fs-error-bg);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
}

.confirm-icon .oi[b-1oxn9okiyi] {
  font-size: 22px;
  color: var(--fs-error-accent);
}

.confirm-modal h3[b-1oxn9okiyi] {
  margin: 0 0 8px;
  color: var(--fs-text-900);
  font-size: 18px;
}

.confirm-modal p[b-1oxn9okiyi] {
  margin: 0 0 20px;
  color: var(--fs-text-500);
  font-size: 14px;
}

.delete-history-warning[b-1oxn9okiyi] {
  background: #fef3c7;
  border: 1px solid #f59e0b;
  border-radius: 6px;
  padding: 10px 14px;
  color: #92400e;
  font-size: 13px;
}

.delete-error-message[b-1oxn9okiyi] {
  background: #fee2e2;
  border: 1px solid var(--fs-error-accent);
  border-radius: 6px;
  padding: 10px 14px;
  color: #991b1b;
  font-size: 13px;
  font-weight: 500;
}

.confirm-actions[b-1oxn9okiyi] {
  display: flex;
  justify-content: center;
  gap: 12px;
}

/* Chip Selector for Multi-Select */
.chip-selector[b-1oxn9okiyi] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
  min-width: 200px;
}

.chip-selector .chips[b-1oxn9okiyi] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-height: 24px;
}

.chip-selector .chip[b-1oxn9okiyi] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  background: #dbeafe;
  color: #1e40af;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
}

.chip-selector .chip button[b-1oxn9okiyi] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  padding: 0;
  border: none;
  background: rgba(0,0,0,0.1);
  color: #1e40af;
  border-radius: 50%;
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
}

.chip-selector .chip button:hover[b-1oxn9okiyi] {
  background: rgba(0,0,0,0.2);
}

.chip-selector select[b-1oxn9okiyi] {
  padding: 4px 8px;
  border: 1px dashed var(--fs-border-200);
  border-radius: 4px;
  font-size: 12px;
  color: var(--fs-text-500);
  background: var(--fs-surface-100);
  cursor: pointer;
}

.chip-selector select:hover[b-1oxn9okiyi] {
  border-color: #10b981;
  color: #10b981;
}

.chip-selector select:focus[b-1oxn9okiyi] {
  border-color: #10b981;
}

/* Disabled and snoozed rule cards */
.rule-card.disabled[b-1oxn9okiyi] {
  opacity: 0.6;
  background: var(--fs-page-bg);
}

.rule-card.snoozed[b-1oxn9okiyi] {
  border-left: 3px solid var(--fs-warning-accent);
}

.status-badge[b-1oxn9okiyi] {
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 10px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.disabled-badge[b-1oxn9okiyi] {
  background: var(--fs-border-subtle);
  color: var(--fs-text-500);
}

.snoozed-badge[b-1oxn9okiyi] {
  background: #fef3c7;
  color: #92400e;
}

.snoozed-badge .oi[b-1oxn9okiyi] {
  font-size: 11px;
}

/* Snooze modal */
.snooze-modal[b-1oxn9okiyi] {
  max-width: 320px;
}

.snooze-icon[b-1oxn9okiyi] {
  background: #fef3c7 !important;
}

.snooze-icon .oi[b-1oxn9okiyi] {
  color: var(--fs-warning-accent) !important;
}

.snooze-options[b-1oxn9okiyi] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 16px 0;
}

.btn-snooze[b-1oxn9okiyi] {
  padding: 12px 16px;
  border: 1px solid var(--fs-border-subtle);
  border-radius: 6px;
  background: var(--fs-card-bg);
  cursor: pointer;
  font-size: 14px;
  transition: all 0.15s ease;
}

.btn-snooze:hover[b-1oxn9okiyi] {
  background: var(--fs-success-bg);
  border-color: var(--fs-success-accent);
  color: var(--fs-green-600);
}

/* Repeat settings */
.repeat-settings[b-1oxn9okiyi] {
  margin-top: 8px;
  margin-left: 24px;
  padding: 12px 16px;
  background: var(--fs-surface-warm);
  border-left: 3px solid var(--fs-border-medium);
  border-radius: 0 6px 6px 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.repeat-hint[b-1oxn9okiyi] {
  font-size: 13px;
  color: var(--fs-btn-secondary);
  line-height: 1.4;
}

.repeat-settings .form-row[b-1oxn9okiyi] {
  display: flex;
  align-items: center;
  gap: 10px;
}

.repeat-settings .form-row label[b-1oxn9okiyi] {
  min-width: 130px;
  font-weight: 500;
  font-size: 14px;
}

.repeat-settings .form-row select[b-1oxn9okiyi] {
  flex: 1;
  max-width: 200px;
}

.repeat-summary[b-1oxn9okiyi] {
  font-size: 13px;
  color: var(--fs-text-dark);
  background: var(--fs-border-muted);
  padding: 8px 12px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.repeat-summary .oi-info[b-1oxn9okiyi] {
  color: var(--fs-btn-secondary);
  font-size: 14px;
}

/* =====================================================
   WASM shell additions (gates + server-version link)
   ===================================================== */

/* First-load / no-context gates (mirror the other /wasm pages). */
.wasm-alerts-loading[b-1oxn9okiyi],
.wasm-alerts-nocontext[b-1oxn9okiyi] {
  padding: 48px 24px;
  text-align: center;
  color: var(--fs-text-500);
}

.wasm-alerts-nocontext p[b-1oxn9okiyi] {
  margin: 0 0 12px;
}

.wasm-alerts-nocontext a[b-1oxn9okiyi] {
  color: var(--fs-blue-accent, #2563eb);
  text-decoration: none;
}

.wasm-alerts-nocontext a:hover[b-1oxn9okiyi] {
  text-decoration: underline;
}

/* "Server version" escape link in the page header. */
.page-header[b-1oxn9okiyi] {
  position: relative;
}

.alerts-server-link[b-1oxn9okiyi] {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 13px;
  color: var(--fs-blue-accent, #2563eb);
  text-decoration: none;
}

.alerts-server-link:hover[b-1oxn9okiyi] {
  text-decoration: underline;
}
/* /Pages/WasmApiKeys.razor.rz.scp.css */
/* ── WASM-shell chunks (loading / no-context states) ─────────────────────── */

.wasm-apikeys-loading[b-dd7csf8cnd],
.wasm-apikeys-nocontext[b-dd7csf8cnd] {
  padding: 32px 24px;
  max-width: 640px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.5;
  color: var(--fs-text-primary);
}

.wasm-apikeys-nocontext a[b-dd7csf8cnd] {
  color: var(--fs-success-text);
  font-weight: 600;
  text-decoration: none;
}

  .wasm-apikeys-nocontext a:hover[b-dd7csf8cnd] {
    text-decoration: underline;
  }

/* ── Page layout ─────────────────────────────────────────────────────────── */

.APIKeysFrame[b-dd7csf8cnd] {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding-bottom: 24px;
}

.APIKeysArea[b-dd7csf8cnd] {
  flex: 1;
  min-width: 0;
  max-width: 100%;
  margin: 0 auto;
  width: 100%;
}

.APIKeysList[b-dd7csf8cnd] {
  padding: 0 0 16px 0;
  overflow: auto;
}

/* ── Header ───────────────────────────────────────────────────────────────── */

.APIKeysHeader[b-dd7csf8cnd] {
  margin: 16px auto 0 auto;
  padding: 16px 24px;
  width: calc(100% - 32px);
  max-width: 1100px;
  border-radius: 12px;
  background: var(--fs-card-bg);
  border: 1px solid var(--fs-border-muted);
  box-shadow: var(--fs-card-shadow);
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.APIKeyTitleArea[b-dd7csf8cnd] {
  flex: 1 1 200px;
  min-width: 0;
}

.APIKeyIdArea[b-dd7csf8cnd] {
  flex: 2 1 300px;
  min-width: 0;
}

.APIKeysHeaderText[b-dd7csf8cnd] {
  font-size: 22px;
  font-weight: 600;
  color: var(--fs-text-heading);
  user-select: none;
}

.APIKeysIdText[b-dd7csf8cnd] {
  font-family: var(--fs-mono);
  font-size: 12px;
  color: var(--fs-text-secondary);
  user-select: none;
  word-break: break-all;
}

.APIKeysRefreshButton[b-dd7csf8cnd] {
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  cursor: pointer;
  border-radius: 8px;
  border: 1px solid var(--fs-border-muted);
  background-color: var(--fs-surface-50);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 2v6h-6'/%3E%3Cpath d='M3 12a9 9 0 0 1 15-6.7L21 8'/%3E%3Cpath d='M3 22v-6h6'/%3E%3Cpath d='M21 12a9 9 0 0 1-15 6.7L3 16'/%3E%3C/svg%3E");
  background-position: center;
  background-size: 18px;
  background-repeat: no-repeat;
  transition: background-color 0.15s ease, transform 0.2s ease;
}

  .APIKeysRefreshButton:hover[b-dd7csf8cnd] {
    background-color: var(--fs-surface-200);
  }

  .APIKeysRefreshButton:active[b-dd7csf8cnd] {
    transform: rotate(180deg);
  }

/* ── Documentation bar ───────────────────────────────────────────────────── */

.apiDocsBar[b-dd7csf8cnd] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 12px auto 4px auto;
  padding: 12px 16px;
  width: calc(100% - 32px);
  max-width: 1100px;
  border-radius: 10px;
  background: var(--fs-surface-50);
  border: 1px solid var(--fs-border-muted);
}

.apiUidHint[b-dd7csf8cnd] {
  margin: 0 auto 8px auto;
  padding: 0 16px;
  width: calc(100% - 32px);
  max-width: 1100px;
  font-size: 12px;
  color: var(--fs-text-secondary);
  line-height: 1.4;
}

.apiDocsBarLabel[b-dd7csf8cnd] {
  font-size: 12px;
  font-weight: 600;
  color: var(--fs-text-secondary);
  margin-right: 4px;
  user-select: none;
}

.apiDocsBarLink[b-dd7csf8cnd] {
  display: inline-flex;
  align-items: center;
  padding: 5px 12px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  color: var(--fs-success-text);
  background: var(--fs-card-bg);
  border: 1px solid var(--fs-border-muted);
  text-decoration: none;
  cursor: pointer;
  transition: all 0.15s ease;
}

  .apiDocsBarLink:hover[b-dd7csf8cnd] {
    background: var(--fs-success-bg);
    border-color: var(--fs-green-muted);
    text-decoration: none;
  }

/* ── Shared action buttons ─────────────────────────────────────────────────── */

.optionButton[b-dd7csf8cnd] {
  padding: 6px 12px;
  border-radius: 6px;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  color: var(--fs-on-accent);
  background: var(--fs-green-muted);
  border: 1px solid var(--fs-green-muted);
  cursor: pointer;
  transition: all 0.15s ease;
}

  .optionButton:hover[b-dd7csf8cnd] {
    background: var(--fs-green-dark);
    border-color: var(--fs-green-dark);
    box-shadow: var(--fs-shadow-sm);
  }

  .optionButton:active[b-dd7csf8cnd] {
    transform: translateY(0);
  }

.optionButtonText[b-dd7csf8cnd] {
  color: inherit;
  font-size: inherit;
  user-select: none;
}

.APIIdOptionSet[b-dd7csf8cnd] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  width: 100%;
}

  .APIIdOptionSet > .APIKeysIdText[b-dd7csf8cnd] {
    flex: 1 1 100%;
  }

/* ── Loading overlay ───────────────────────────────────────────────────────── */

.BusySpinnerArea[b-dd7csf8cnd] {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--fs-overlay-backdrop);
  z-index: 500;
  pointer-events: none;
}

.BusySpinner[b-dd7csf8cnd] {
  width: 40px;
  height: 40px;
  border: 3px solid var(--fs-border-muted);
  border-top-color: var(--fs-success-accent);
  border-radius: 50%;
  animation: apikeys-spin-b-dd7csf8cnd 0.8s linear infinite;
}

@keyframes apikeys-spin-b-dd7csf8cnd {
  to {
    transform: rotate(360deg);
  }
}

/* ── AI assistant seam ─────────────────────────────────────────────────────── */

.aiAssistantSeam[b-dd7csf8cnd] {
  margin: 12px auto;
  padding: 16px 20px;
  max-width: 420px;
  width: calc(100% - 32px);
  border: 1px solid var(--fs-border-muted);
  border-radius: 12px;
  background: var(--fs-card-bg);
  box-shadow: var(--fs-card-shadow);
  display: flex;
  gap: 14px;
  align-items: flex-start;
}

.aiAssistantSeamIcon[b-dd7csf8cnd] {
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--fs-success-accent) 0%, var(--fs-green-muted) 100%);
}

.aiAssistantSeamContent[b-dd7csf8cnd] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.aiAssistantSeamTitle[b-dd7csf8cnd] {
  font-size: 14px;
  font-weight: 600;
  color: var(--fs-text-heading);
}

.aiAssistantSeamText[b-dd7csf8cnd] {
  font-size: 12px;
  color: var(--fs-text-secondary);
  line-height: 1.4;
}

.aiAssistantSeamLink[b-dd7csf8cnd] {
  font-size: 12px;
  font-weight: 600;
  color: var(--fs-success-text);
  text-decoration: none;
}

  .aiAssistantSeamLink:hover[b-dd7csf8cnd] {
    text-decoration: underline;
  }

/* ── Dark mode: explicit toggle + OS preference fallback ─────────────────── */

:host-context(html[data-theme="dark"]) .APIKeysRefreshButton[b-dd7csf8cnd],
html[data-theme="dark"] .APIKeysRefreshButton[b-dd7csf8cnd] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23a0a0a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 2v6h-6'/%3E%3Cpath d='M3 12a9 9 0 0 1 15-6.7L21 8'/%3E%3Cpath d='M3 22v-6h6'/%3E%3Cpath d='M21 12a9 9 0 0 1-15 6.7L3 16'/%3E%3C/svg%3E");
}

:host-context(html[data-theme="dark"]) .apiDocsBar[b-dd7csf8cnd],
html[data-theme="dark"] .apiDocsBar[b-dd7csf8cnd] {
  background: var(--fs-surface-200);
}

:host-context(html[data-theme="dark"]) .apiDocsBarLink:hover[b-dd7csf8cnd],
html[data-theme="dark"] .apiDocsBarLink:hover[b-dd7csf8cnd] {
  background: rgba(45, 181, 83, 0.12);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) .APIKeysRefreshButton[b-dd7csf8cnd] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23a0a0a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 2v6h-6'/%3E%3Cpath d='M3 12a9 9 0 0 1 15-6.7L21 8'/%3E%3Cpath d='M3 22v-6h6'/%3E%3Cpath d='M21 12a9 9 0 0 1-15 6.7L3 16'/%3E%3C/svg%3E");
  }

  :root:not([data-theme]) .apiDocsBar[b-dd7csf8cnd] {
    background: var(--fs-surface-200);
  }

  :root:not([data-theme]) .apiDocsBarLink:hover[b-dd7csf8cnd] {
    background: rgba(45, 181, 83, 0.12);
  }

  :root:not([data-theme]) .wasm-apikeys-nocontext a[b-dd7csf8cnd],
  :root:not([data-theme]) .aiAssistantSeamLink[b-dd7csf8cnd] {
    color: var(--fs-success-text);
  }
}

@media (max-width: 640px) {
  .APIKeysHeader[b-dd7csf8cnd] {
    padding: 14px 16px;
  }

  .APIKeysRefreshButton[b-dd7csf8cnd] {
    margin-left: auto;
  }
}
/* /Pages/WasmBatchDetail.razor.rz.scp.css */
.transactions-outer-frame[b-q63cfqt27e],
.transactions-inner-frame[b-q63cfqt27e] {
  width: 100%;
}

.transactions-inner-frame[b-q63cfqt27e] {
  min-height: 100%;
  align-content: flex-start;
}

.batch-detail-frame[b-q63cfqt27e] {
  padding: 0 0 24px;
  width: 100%;
}

.action-bar[b-q63cfqt27e] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 22px;
  border-bottom: 1px solid var(--fs-border-subtle);
}

.page-title[b-q63cfqt27e] {
  font-size: 18px;
  font-weight: 600;
}

.action-spacer[b-q63cfqt27e] {
  flex: 1;
}

.back-btn[b-q63cfqt27e] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid var(--fs-border-200);
  background: var(--fs-card-bg);
  border-radius: 4px;
  padding: 5px 10px;
  cursor: pointer;
}

.batch-header[b-q63cfqt27e] {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 28px;
  padding: 16px 22px;
}

.header-item[b-q63cfqt27e] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.header-item .k[b-q63cfqt27e] {
  font-size: 12px;
  color: var(--fs-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.batch-warn[b-q63cfqt27e] {
  margin: 0 22px 12px;
  padding: 8px 12px;
  background: #fff8e1;
  border: 1px solid #ffe082;
  border-radius: 4px;
  font-size: 13px;
}

.txn-heading[b-q63cfqt27e] {
  margin: 8px 22px 8px;
  font-size: 16px;
}

.batch-table[b-q63cfqt27e] {
  width: calc(100% - 44px);
  margin: 0 22px;
  border-collapse: collapse;
  font-size: 13px;
}

.batch-table th[b-q63cfqt27e],
.batch-table td[b-q63cfqt27e] {
  padding: 8px 10px;
  border-bottom: 1px solid var(--fs-border-subtle);
  text-align: left;
}

.batch-table .num[b-q63cfqt27e] {
  text-align: right;
}

.batch-status[b-q63cfqt27e] {
  display: inline-block;
  padding: 1px 8px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 600;
}

.batch-status-open[b-q63cfqt27e] { background: #e8f5e9; color: #2e7d32; }
.batch-status-closed[b-q63cfqt27e] { background: #eceff1; color: #455a64; }
.batch-status-sent[b-q63cfqt27e] { background: #e3f2fd; color: #1565c0; }
/* /Pages/WasmBatches.razor.rz.scp.css */
.transactions-outer-frame[b-3tftrudhns],
.transactions-inner-frame[b-3tftrudhns] {
  width: 100%;
}

.transactions-inner-frame[b-3tftrudhns] {
  min-height: 100%;
  align-content: flex-start;
}

.action-bar[b-3tftrudhns] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 22px;
  border-bottom: 1px solid var(--fs-border-subtle);
  width: 100%;
  box-sizing: border-box;
}

.page-title[b-3tftrudhns] {
  font-size: 18px;
  font-weight: 600;
  color: var(--fs-text-700);
}

.action-spacer[b-3tftrudhns] {
  flex: 1;
}

.filters-bar[b-3tftrudhns],
.advanced-filters-bar[b-3tftrudhns] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 22px;
  border-bottom: 1px solid var(--fs-border-subtle);
  flex-wrap: wrap;
}

.advanced-filters-bar[b-3tftrudhns] {
  background: var(--fs-surface-100, #fafffc);
}

.filter-group[b-3tftrudhns] {
  display: flex;
  align-items: center;
  gap: 6px;
}

.filter-label[b-3tftrudhns] {
  font-size: 13px;
  font-weight: 500;
  color: var(--fs-text-muted);
}

.filter-select[b-3tftrudhns],
.filter-input[b-3tftrudhns] {
  padding: 5px 10px;
  border: 1px solid var(--fs-border-200);
  border-radius: 4px;
  font-size: 13px;
  background: var(--fs-card-bg);
  color: var(--fs-text-700);
}

.filter-toggle-btn[b-3tftrudhns],
.filter-clear-btn[b-3tftrudhns] {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 5px 10px;
  background: var(--fs-card-bg);
  border: 1px solid var(--fs-border-200);
  border-radius: 4px;
  font-size: 13px;
  cursor: pointer;
}

.batch-list-panel[b-3tftrudhns] {
  padding: 12px 22px 24px;
  width: 100%;
  box-sizing: border-box;
}

.batch-empty[b-3tftrudhns] {
  color: var(--fs-text-500);
  padding: 24px 0;
}

.batch-table[b-3tftrudhns] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.batch-table th[b-3tftrudhns],
.batch-table td[b-3tftrudhns] {
  padding: 8px 10px;
  border-bottom: 1px solid var(--fs-border-subtle);
  text-align: left;
}

.batch-table th[b-3tftrudhns] {
  font-weight: 600;
  color: var(--fs-text-600);
  border-bottom: 2px solid var(--fs-border-200);
}

.batch-table .num[b-3tftrudhns] {
  text-align: right;
}

.batch-row[b-3tftrudhns] {
  cursor: pointer;
}

.batch-row:hover[b-3tftrudhns] {
  background: var(--fs-surface-200);
}

.batch-status[b-3tftrudhns] {
  display: inline-block;
  padding: 1px 8px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 600;
}

.batch-status-open[b-3tftrudhns] {
  background: #e8f5e9;
  color: #2e7d32;
}

.batch-status-closed[b-3tftrudhns] {
  background: #eceff1;
  color: #455a64;
}

.batch-status-sent[b-3tftrudhns] {
  background: #e3f2fd;
  color: #1565c0;
}

.batch-pager[b-3tftrudhns] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
  font-size: 13px;
}

.batch-pager button[b-3tftrudhns] {
  padding: 4px 10px;
}
/* /Pages/WasmBilling.razor.rz.scp.css */
.billingFrame[b-45cbg5sjza] {
  padding: 16px 22px;
  max-width: 920px;
}

.billing-header[b-45cbg5sjza] {
  margin-bottom: 16px;
}

/* WASM-shell addition: title row carrying the server-version escape link. */
.billing-header-top[b-45cbg5sjza] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
}

.billing-server-link[b-45cbg5sjza] {
  font-size: 12px;
  color: var(--fs-green-muted);
  text-decoration: none;
  white-space: nowrap;
}

.billing-server-link:hover[b-45cbg5sjza] {
  text-decoration: underline;
}

  .billing-header h2[b-45cbg5sjza] {
    margin: 0 0 6px 0;
    color: var(--fs-text-heading, #1e293b);
  }

  .billing-header h2 .oi[b-45cbg5sjza] {
    margin-right: 8px;
    color: var(--fs-accent, #2563eb);
  }

.billing-header-sub[b-45cbg5sjza] {
  margin: 0;
  color: var(--fs-text-secondary, #4b5563);
  line-height: 1.5;
}

.billing-loading[b-45cbg5sjza] {
  padding: 20px;
  color: var(--fs-text-secondary, #6b7280);
  font-style: italic;
}

.billing-section[b-45cbg5sjza] {
  margin-top: 22px;
  padding: 16px 18px;
  border: 1px solid var(--fs-border-subtle, #e5e7eb);
  border-radius: 8px;
  background: var(--fs-surface-50, #f8fafc);
}

.billing-section-placeholder[b-45cbg5sjza] {
  background: transparent;
  border-style: dashed;
  opacity: 0.85;
}

.billing-section-title[b-45cbg5sjza] {
  margin: 0 0 6px 0;
  font-size: 16px;
  color: var(--fs-text-heading, #1e293b);
}

  .billing-section-title .oi[b-45cbg5sjza] {
    margin-right: 6px;
    color: var(--fs-text-secondary, #4b5563);
  }

.billing-section-subtitle[b-45cbg5sjza] {
  margin: 0 0 14px 0;
  color: var(--fs-text-secondary, #4b5563);
  line-height: 1.5;
  font-size: 14px;
}

.billing-form[b-45cbg5sjza] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.billing-form-row[b-45cbg5sjza] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

.billing-form-label[b-45cbg5sjza] {
  flex: 0 0 120px;
  font-weight: 600;
  color: var(--fs-text-heading, #1e293b);
}

/* WASM-shell addition: plain date input replacing SfDatePicker. */
.billing-date-input[b-45cbg5sjza] {
  padding: 7px 10px;
  border: 1px solid var(--fs-border-200, #cbd5e1);
  border-radius: 6px;
  font-size: 14px;
  color: var(--fs-text-700, #334155);
  background: var(--fs-input-bg, #fff);
  width: 240px;
}

  .billing-date-input:focus[b-45cbg5sjza] {
    border-color: #40916c;
    box-shadow: none;
  }

.billing-form-hint[b-45cbg5sjza] {
  color: var(--fs-text-secondary, #4b5563);
  font-size: 13px;
}

.billing-stamp[b-45cbg5sjza] {
  margin-left: 132px;
  color: var(--fs-text-secondary, #4b5563);
  font-size: 13px;
}

.billing-form-actions[b-45cbg5sjza] {
  margin-top: 6px;
  margin-left: 132px;
  gap: 10px;
}

.billing-btn-warning[b-45cbg5sjza] {
  background: #f59e0b;
  border-color: #f59e0b;
  color: #fff;
}

.billing-btn-warning:hover:not(:disabled)[b-45cbg5sjza] {
  background: #d97706;
  border-color: #d97706;
}

.billing-status[b-45cbg5sjza] {
  margin-top: 6px;
  margin-left: 132px;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 14px;
}

.billing-status-success[b-45cbg5sjza] {
  background: var(--fs-surface-100, #f0fdf4);
  color: var(--fs-text-primary, #166534);
  border: 1px solid var(--fs-border-subtle, #bbf7d0);
}

.billing-status-error[b-45cbg5sjza] {
  background: var(--fs-surface-100, #fef2f2);
  color: var(--fs-text-primary, #991b1b);
  border: 1px solid var(--fs-border-subtle, #fecaca);
}

.billing-coming-soon[b-45cbg5sjza] {
  margin: 0;
  padding-left: 18px;
  color: var(--fs-text-secondary, #4b5563);
  font-size: 14px;
}

  .billing-coming-soon li[b-45cbg5sjza] {
    margin: 4px 0;
  }

/* ═══ Choice modal (Save / Re-cost decision) ═══ */
.billing-modal-overlay[b-45cbg5sjza] {
  position: fixed;
  inset: 0;
  background-color: var(--fs-overlay-backdrop);
  backdrop-filter: blur(4px);
  z-index: 1100;
  display: flex;
  align-items: center;
  justify-content: center;
}

.billing-modal[b-45cbg5sjza] {
  width: 620px;
  max-width: 92vw;
  max-height: 85vh;
  background: var(--fs-card-bg, #fff);
  border-radius: 12px;
  box-shadow: var(--fs-shadow-2);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.billing-modal-header[b-45cbg5sjza] {
  padding: 14px 20px;
  border-bottom: 1px solid var(--fs-border-muted, #e2e8f0);
  background: var(--fs-surface-warm, #f8f9fa);
}

  .billing-modal-header h5[b-45cbg5sjza] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--fs-text-900, #1e293b);
  }

.billing-modal-body[b-45cbg5sjza] {
  padding: 16px 20px;
  overflow-y: auto;
}

.billing-modal-options[b-45cbg5sjza] {
  margin: 12px 0 0 0;
  padding-left: 18px;
  font-size: 14px;
  color: var(--fs-text-700, #343a40);
}

  .billing-modal-options li[b-45cbg5sjza] {
    margin: 8px 0;
    line-height: 1.5;
  }

.billing-modal-footer[b-45cbg5sjza] {
  padding: 12px 20px;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  border-top: 1px solid var(--fs-border-muted, #e2e8f0);
  background: var(--fs-surface-warm, #f8f9fa);
}

.billing-status-info[b-45cbg5sjza] {
  background: var(--fs-info-bg, #e0f2fe);
  border: 1px solid var(--fs-info-border, #bae6fd);
  color: var(--fs-info-text, #0c4a6e);
  padding: 8px 12px;
  border-radius: 8px;
  margin-top: 12px;
}

.billing-status-warning[b-45cbg5sjza] {
  background: var(--fs-warning-bg, #fef3c7);
  border: 1px solid var(--fs-warning-border, #fcd34d);
  color: var(--fs-warning-text, #78350f);
}
/* /Pages/WasmCompanySettings.razor.rz.scp.css */
/* Company Settings page — ported from the server CompanySettings.razor.css
   (tab strip + panes + form grid + buttons), plus the WASM-shell loading /
   no-context states. Tank/slippage panes are dropped (Tanks tab is G-B). */

.companySettingsLoading[b-gxxr442psa],
.companySettingsNoContext[b-gxxr442psa] {
  padding: 40px 24px;
  color: var(--fs-text-700);
}

.companySettingsNoContext a[b-gxxr442psa] {
  color: var(--fs-green-accent);
}

/* Settings Tabs */
.settings-tabs[b-gxxr442psa] {
  display: flex;
  gap: 4px;
  margin-bottom: 24px;
  padding: 0 4px;
  max-width: 1200px;
  width: calc(100% - 48px);
  margin-left: auto;
  margin-right: auto;
}

.settings-tab[b-gxxr442psa] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 500;
  color: var(--fs-text-dark);
  background-color: var(--fs-card-bg);
  border: 1px solid var(--fs-border-medium);
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  cursor: pointer;
  transition: all 0.2s ease;
  user-select: none;
}

.settings-tab:hover[b-gxxr442psa] {
  background-color: var(--fs-surface-warm);
  color: var(--fs-green-accent);
}

.settings-tab.active[b-gxxr442psa] {
  background: linear-gradient(135deg, var(--fs-green-accent) 0%, #20c997 100%);
  color: var(--fs-text-white);
  border-color: var(--fs-green-accent);
  box-shadow: var(--fs-shadow-1);
}

.settings-tab .oi[b-gxxr442psa] {
  font-size: 14px;
}

.settings-tab-content[b-gxxr442psa] {
  width: 100%;
}

.settingsFrame[b-gxxr442psa] {
  position: relative;
  left: 0;
  top: 0;
  width: calc(100% - 40px);
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: start;
  overflow: auto;
  flex-direction: column;
  padding: 24px;
  background-color: var(--fs-page-bg, #f0fff4);
}

.settingsPane[b-gxxr442psa] {
  width: calc(100% - 48px);
  max-width: 1200px;
  margin: 0 auto 24px auto;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  background-color: var(--fs-card-bg);
  border: 1px solid var(--fs-border-muted);
  box-shadow: var(--fs-shadow-1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}

.settingsPane:hover[b-gxxr442psa] {
  box-shadow: var(--fs-shadow-1);
  transform: translateY(-2px);
}

.settingsPaneTitleArea[b-gxxr442psa] {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px 24px;
  border-radius: 12px 12px 0 0;
  background: linear-gradient(135deg, var(--fs-green-accent) 0%, var(--fs-green-700, #20c997) 100%);
  border-bottom: 3px solid var(--fs-green-800, #218838);
}

.settingsPaneTitleText[b-gxxr442psa] {
  font-size: 22px;
  font-weight: 600;
  color: var(--fs-text-white);
  user-select: none;
  letter-spacing: -0.3px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.settingsGrid[b-gxxr442psa] {
  display: grid;
  padding: 24px 28px;
  grid-template-columns: auto 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  grid-auto-flow: row;
  height: fit-content;
  align-items: center;
  overflow-x: auto;
}

.settingsLabelArea[b-gxxr442psa] {
  padding: 0;
  justify-content: flex-end;
  display: flex;
  align-items: center;
  min-width: 280px;
  max-width: 280px;
}

.settingsLabelText[b-gxxr442psa] {
  font-size: 13px;
  font-weight: 600;
  color: var(--fs-text-700, #343a40);
  user-select: none;
  white-space: nowrap;
  text-align: right;
}

.settingsValueArea[b-gxxr442psa] {
  padding: 0;
  justify-content: flex-start;
  white-space: nowrap;
  display: flex;
  align-items: center;
}

.settingsValueArea--stacked[b-gxxr442psa] {
  flex-direction: column;
  align-items: flex-start;
  white-space: normal;
  gap: 4px;
}

.settingsFieldHint[b-gxxr442psa] {
  display: block;
  max-width: 420px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
  color: var(--fs-text-500, #6c757d);
}

.settingsCostingChecks[b-gxxr442psa] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  align-items: center;
}

.settingsCostingCheck[b-gxxr442psa] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 500;
  color: var(--fs-text-primary, #212529);
  cursor: pointer;
  user-select: none;
}

.settingsCostingCheck input[type="checkbox"][b-gxxr442psa] {
  width: 15px;
  height: 15px;
  accent-color: var(--fs-green-accent, #28a745);
  cursor: pointer;
}

.settingsCostingCheck:has(input:disabled)[b-gxxr442psa] {
  cursor: default;
  opacity: 0.5;
}

.settingsSelect[b-gxxr442psa],
.settingsValueArea[b-gxxr442psa]  .tz-select > .settingsSelect {
  font-size: 13px;
  color: var(--fs-text-primary, #212529);
  background-color: var(--fs-card-bg);
  border: 1px solid var(--fs-border-300);
  border-radius: 6px;
  padding: 6px 32px 6px 12px;
  min-width: 250px;
  min-height: 28px;
  transition: all 0.2s ease;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23495057' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  cursor: pointer;
}

.settingsSelect:focus[b-gxxr442psa],
.settingsValueArea[b-gxxr442psa]  .tz-select > .settingsSelect:focus {
  border-color: var(--fs-green-accent);
  box-shadow: none;
}

.settingsSelect:hover[b-gxxr442psa],
.settingsValueArea[b-gxxr442psa]  .tz-select > .settingsSelect:hover {
  border-color: var(--fs-border-300, #adb5bd);
}

.settingsSelect:disabled[b-gxxr442psa],
.settingsValueArea[b-gxxr442psa]  .tz-select > .settingsSelect:disabled {
  background-color: var(--fs-surface-warm);
  color: var(--fs-text-dark);
  cursor: not-allowed;
  opacity: 1;
}

.settingsToggle[b-gxxr442psa] {
  display: flex;
  align-self: center;
  width: 20px;
  height: 20px;
  cursor: pointer;
  accent-color: var(--fs-green-accent);
  border: 2px solid var(--fs-border-300);
  border-radius: 4px;
  transition: all 0.2s ease;
}

.settingsToggle:hover[b-gxxr442psa] {
  border-color: var(--fs-green-accent);
}

.settingsToggle:focus[b-gxxr442psa] {
  box-shadow: none;
}

.settingsToggle:disabled[b-gxxr442psa] {
  cursor: not-allowed;
  opacity: 0.5;
  border-color: #adb5bd;
}

/* Job-column discoverability callout (Transactions tab) */
.settingsInfoCallout[b-gxxr442psa] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 16px 24px 0 24px;
  padding: 14px 16px;
  background-color: var(--fs-success-bg, #e8f5e9);
  border: 1px solid var(--fs-success-border, #c8e6c9);
  border-radius: 8px;
}

.settingsInfoCallout .oi[b-gxxr442psa] {
  color: var(--fs-green-600, #2e7d32);
  font-size: 16px;
  margin-top: 2px;
  flex-shrink: 0;
}

.settingsInfoCalloutText[b-gxxr442psa] {
  font-size: 14px;
  color: var(--fs-success-text, #1b5e20);
  line-height: 1.5;
}

.settingsInfoCalloutLink[b-gxxr442psa] {
  color: var(--fs-green-accent, #28a745);
  font-weight: 600;
  text-decoration: underline;
}

.settingsInfoCalloutLink:hover[b-gxxr442psa] {
  color: var(--fs-green-800, #218838);
}

/* Option × View / Report matrix */
.displayOptionsWrap[b-gxxr442psa] {
  padding: 16px 24px 24px 24px;
  max-width: 520px;
}

.displayOptionsTable[b-gxxr442psa] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.displayOptionsTable th[b-gxxr442psa],
.displayOptionsTable td[b-gxxr442psa] {
  padding: 10px 12px;
  text-align: left;
  border-bottom: 1px solid var(--fs-border-muted, #e9ecef);
  vertical-align: middle;
}

.displayOptionsTable th[b-gxxr442psa] {
  background: var(--fs-surface-warm, #f8f9fa);
  font-weight: 600;
  color: var(--fs-text-700, #495057);
}

.displayOptionsTable tbody tr:last-child th[b-gxxr442psa],
.displayOptionsTable tbody tr:last-child td[b-gxxr442psa] {
  border-bottom: none;
}

.displayOptionsColFlag[b-gxxr442psa] {
  text-align: center !important;
  width: 100px;
}

.displayOptionsTable td:not(:first-child)[b-gxxr442psa] {
  text-align: center;
}

.displayOptionsTable .settingsToggle[b-gxxr442psa] {
  margin: 0 auto;
}

/* Deliberate read-only On/Off marks (not greyed disabled inputs) */
.settingsFlag[b-gxxr442psa] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.2px;
  user-select: none;
  line-height: 1.3;
}

.settingsFlag--on[b-gxxr442psa] {
  background: rgba(40, 167, 69, 0.12);
  color: var(--fs-green-800, #1e7e34);
  border: 1px solid rgba(40, 167, 69, 0.35);
}

.settingsFlag--off[b-gxxr442psa] {
  background: var(--fs-surface-warm, #f1f3f5);
  color: var(--fs-text-700, #495057);
  border: 1px solid var(--fs-border-medium, #ced4da);
}

.settingsRadio[b-gxxr442psa] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-right: 14px;
  font-size: 14px;
}

.settingsHint[b-gxxr442psa] {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.4;
  color: var(--fs-text-700, #495057);
  /* Hints sit inside a nowrap flex value area; wrap them instead of widening the row into a scrollbar. */
  white-space: normal;
  max-width: 560px;
  min-width: 0;
}

/* Button pane — under the active card, left-aligned with content */
.settingsButtonPane[b-gxxr442psa] {
  width: calc(100% - 48px);
  max-width: 1200px;
  margin: 0 auto 24px auto;
  display: flex;
  gap: 12px;
  justify-content: flex-start;
  padding: 4px 28px 0 28px;
  box-sizing: border-box;
}

.optionButton[b-gxxr442psa] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 28px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  user-select: none;
  transition: all 0.2s ease;
  border: none;
  min-width: 100px;
  box-shadow: var(--fs-shadow-1);
}

.editButton[b-gxxr442psa] {
  background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
  color: var(--fs-text-white);
}

.editButton:hover[b-gxxr442psa] {
  background: linear-gradient(135deg, #0056b3 0%, #004085 100%);
  box-shadow: var(--fs-shadow-1);
  transform: translateY(-2px);
}

.okButton[b-gxxr442psa] {
  background: linear-gradient(135deg, var(--fs-green-accent) 0%, #20c997 100%);
  color: var(--fs-text-white);
}

.okButton:hover[b-gxxr442psa] {
  background: linear-gradient(135deg, #218838 0%, #1aa179 100%);
  box-shadow: var(--fs-shadow-1);
  transform: translateY(-2px);
}

.cancelButton[b-gxxr442psa] {
  background: linear-gradient(135deg, var(--fs-btn-secondary) 0%, #5a6268 100%);
  color: var(--fs-text-white);
}

.cancelButton:hover[b-gxxr442psa] {
  background: linear-gradient(135deg, #5a6268 0%, var(--fs-text-dark) 100%);
  box-shadow: var(--fs-shadow-1);
  transform: translateY(-2px);
}

.buttonText[b-gxxr442psa] {
  font-size: 14px;
  font-weight: 600;
  color: inherit;
  letter-spacing: 0.3px;
}

/* Gas Station pane — allow the child panel to overflow the card */
.gas-station-settings-pane[b-gxxr442psa] {
  max-width: 100%;
  overflow: visible;
  transform: none !important;
}

.gas-station-settings-pane:hover[b-gxxr442psa] {
  transform: none !important;
}

@media (max-width: 768px) {
  .settings-tabs[b-gxxr442psa] { flex-wrap: wrap; gap: 8px; }
  .settings-tab[b-gxxr442psa] { padding: 10px 14px; font-size: 13px; flex: 1; justify-content: center; min-width: 120px; }
  .settingsFrame[b-gxxr442psa] { padding: 16px; }
  .settingsGrid[b-gxxr442psa] { grid-template-columns: 1fr; grid-row-gap: 8px; padding: 20px; }
  .settingsLabelArea[b-gxxr442psa] { padding-bottom: 4px; min-width: auto; max-width: none; justify-content: flex-start; }
  .settingsLabelText[b-gxxr442psa] { text-align: left; font-size: 12px; }
  .settingsButtonPane[b-gxxr442psa] { padding: 0 16px; justify-content: flex-start; flex-wrap: wrap; }
  .optionButton[b-gxxr442psa] { flex: 1; min-width: 80px; padding: 8px 20px; font-size: 13px; }
  .settingsSelect[b-gxxr442psa],
  .settingsValueArea[b-gxxr442psa]  .tz-select > .settingsSelect { width: 100%; min-width: auto; }
  .settingsPaneTitleText[b-gxxr442psa] { font-size: 18px; }
}

@media (max-width: 1280px) {
  .settingsLabelArea[b-gxxr442psa] { min-width: 220px; max-width: 220px; }
}

@media (max-width: 900px) {
  .settingsLabelArea[b-gxxr442psa] { min-width: 180px; max-width: 180px; }
  .settingsGrid[b-gxxr442psa] { padding: 20px; }
  .settingsButtonPane[b-gxxr442psa] { padding: 0 20px; }
}
/* /Pages/WasmCompanyTabs.razor.rz.scp.css */
.companyTabsLoading[b-h9dlhi7s7t],
.companyTabsNoContext[b-h9dlhi7s7t] {
  padding: 24px;
  color: var(--fs-text-secondary, #555);
  font-size: 14px;
}

.companyTabsNoContext a[b-h9dlhi7s7t] {
  color: var(--fs-blue-accent, #2563eb);
  text-decoration: underline;
  cursor: pointer;
}

.tabArea[b-h9dlhi7s7t] {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

.headerLine[b-h9dlhi7s7t] {
  padding: 12px 16px 4px 16px;
}

.headerText[b-h9dlhi7s7t] {
  font-size: 18px;
  font-weight: 600;
  color: var(--fs-text-heading, #1f2937);
}

.tabLine[b-h9dlhi7s7t] {
  display: flex;
  gap: 4px;
  padding: 0 16px;
  border-bottom: 1px solid var(--fs-border-300, #e5e7eb);
}

.tabHandle[b-h9dlhi7s7t] {
  padding: 8px 18px;
  cursor: pointer;
  border: 1px solid transparent;
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  margin-bottom: -1px;
}

.activeTabHandle[b-h9dlhi7s7t] {
  background: var(--fs-card-bg, #ffffff);
  border-color: var(--fs-border-300, #e5e7eb);
  border-bottom-color: var(--fs-card-bg, #ffffff);
}

.inactiveTabHandle[b-h9dlhi7s7t] {
  background: var(--fs-surface-200, #f3f4f6);
}

.inactiveTabHandle:hover[b-h9dlhi7s7t] {
  background: var(--fs-row-hover, #e5e7eb);
}

.tabText[b-h9dlhi7s7t] {
  font-size: 14px;
}

.activeTabText[b-h9dlhi7s7t] {
  color: var(--fs-text-heading, #1f2937);
  font-weight: 600;
}

.inactiveTabText[b-h9dlhi7s7t] {
  color: var(--fs-text-secondary, #6b7280);
}

.contentArea[b-h9dlhi7s7t] {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 16px;
}

.contentHolder[b-h9dlhi7s7t] {
  max-width: 1100px;
}
/* /Pages/WasmCorrections.razor.rz.scp.css */
.correctionsBacking[b-zdstumvtgl] {
  background-color: var(--fs-page-bg, #f7fff7);
}

.correctionsFrame[b-zdstumvtgl] {
  margin: 12px;
  padding: 12px 22px;
  width: calc(100% - 44px);
  border: 1px solid var(--fs-green-600);
  border-radius: 8px;
  background: linear-gradient(135deg, var(--fs-success-accent) 0%, var(--fs-green-600) 100%);
  display: flex;
  align-items: center;
}

/* WASM-shell addition: title row carrying the server-version escape link. */
.correctionsTitleArea[b-zdstumvtgl] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  width: 100%;
  gap: 16px;
}

.correctionsHeaderText[b-zdstumvtgl] {
  font-size: 26px;
  font-weight: 600;
  color: white;
  user-select: none;
}

.correctionsServerLink[b-zdstumvtgl] {
  font-size: 12px;
  color: white;
  text-decoration: none;
  opacity: 0.9;
  white-space: nowrap;
}

.correctionsServerLink:hover[b-zdstumvtgl] {
  text-decoration: underline;
  opacity: 1;
}

.BusySpinnerArea[b-zdstumvtgl] {
  position: absolute;
  left: calc(50% - 20px);
  width: 0;
  top: 40%;
  height: 0;
  z-index: 500;
}

.BusySpinner[b-zdstumvtgl] {
  color: #80efbd;
  font-size: 48px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 72px auto;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
  animation: load6-b-zdstumvtgl 1.7s infinite ease, round-b-zdstumvtgl 1.7s infinite ease;
}

@-webkit-keyframes load6 {
  0% {
    box-shadow: var(--fs-shadow-1);
  }

  5%, 95% {
    box-shadow: var(--fs-shadow-1);
  }

  10%, 59% {
    box-shadow: var(--fs-shadow-1);
  }

  20% {
    box-shadow: var(--fs-shadow-1);
  }

  38% {
    box-shadow: var(--fs-shadow-1);
  }

  100% {
    box-shadow: var(--fs-shadow-1);
  }
}

@keyframes load6-b-zdstumvtgl {
  0% {
    box-shadow: var(--fs-shadow-1);
  }

  5%, 95% {
    box-shadow: var(--fs-shadow-1);
  }

  10%, 59% {
    box-shadow: var(--fs-shadow-1);
  }

  20% {
    box-shadow: var(--fs-shadow-1);
  }

  38% {
    box-shadow: var(--fs-shadow-1);
  }

  100% {
    box-shadow: var(--fs-shadow-1);
  }
}

@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes round-b-zdstumvtgl {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.correctionsArea[b-zdstumvtgl] {
  margin: 12px;
  padding: 16px 20px;
  width: calc(100% - 64px);
  height: fit-content;
  border: 1px solid var(--fs-border, #002000);
  border-radius: 6px;
  background-color: var(--fs-card-bg);
  overflow: hidden;
}

.correctionsRow[b-zdstumvtgl] {
  position: relative;
  margin: 10px;
  width: calc(100% - 20px);
  height: fit-content;
  display: flex;
  flex-flow: row;
  align-items: center;
}

.labelText[b-zdstumvtgl] {
  font-size: 22px;
  font-weight: bold;
  color: var(--fs-text-primary, #001000);
  white-space: nowrap;
  margin-right: 10px;
}

.transactionEntryArea[b-zdstumvtgl] {
  padding: 3px 6px;
  font-size: 22px;
  width: 200px;
  background: var(--fs-input-bg);
  color: var(--fs-text-primary);
  border: 1px solid var(--fs-input-border, #ccc);
  border-radius: 4px;
}

/* WASM-shell change: the server's scoped url("./svgs/...") relative asset
   doesn't resolve from the Client bundle — use an inline data-URI instead. */
.buttonFind[b-zdstumvtgl] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 1 0-.7.7l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0A4.5 4.5 0 1 1 14 9.5 4.5 4.5 0 0 1 9.5 14z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  width: 38px;
  height: 34px;
  border: 0;
  align-self: end;
  margin-left: 14px;
  border-radius: 17px;
  margin-bottom: 4px;
  background-color: #006400;
  cursor: pointer;
}

  .buttonFind:hover[b-zdstumvtgl] {
    box-shadow: var(--fs-shadow-1);
  }

  .buttonFind:active[b-zdstumvtgl] {
    box-shadow: none;
  }

.findEnabled[b-zdstumvtgl] {
}

.findDisabled[b-zdstumvtgl] {
  pointer-events: none;
  opacity: 0.32;
}

.operationText[b-zdstumvtgl] {
  font-size: 22px;
  color: var(--fs-green-text, #003000);
}

.errorText[b-zdstumvtgl] {
  font-size: 22px;
  color: var(--fs-error-accent, red);
}

.formatHintText[b-zdstumvtgl] {
  font-size: 14px;
  font-style: italic;
  color: var(--fs-text-muted);
  margin-top: -8px;
}

.searchAreaDisabled[b-zdstumvtgl] {
  opacity: 0.5;
  pointer-events: none;
}

.searchResultsArea[b-zdstumvtgl] {
  margin: 16px 10px;
  border: 1px solid var(--fs-border-200, #ccc);
  border-radius: 6px;
  background-color: var(--fs-surface-100);
  max-height: 300px;
  overflow-y: auto;
}

.searchResultsHeader[b-zdstumvtgl] {
  padding: 10px 12px;
  background-color: var(--fs-success-bg, #e8f5e9);
  border-bottom: 1px solid var(--fs-border-200, #ccc);
  border-radius: 6px 6px 0 0;
}

.searchResultsTitle[b-zdstumvtgl] {
  font-size: 16px;
  font-weight: bold;
  color: var(--fs-green-muted);
}

.searchResultsList[b-zdstumvtgl] {
  padding: 4px 0;
}

.searchResultRow[b-zdstumvtgl] {
  display: grid;
  grid-template-columns: 100px 140px 1fr 1fr 120px;
  gap: 8px;
  padding: 8px 12px;
  cursor: pointer;
  border-bottom: 1px solid var(--fs-border-light);
  transition: background-color 0.15s ease;
}

.searchResultRow:hover[b-zdstumvtgl] {
  background-color: var(--fs-row-hover, #e3f2fd);
}

.searchResultRow:last-child[b-zdstumvtgl] {
  border-bottom: none;
}

.resultNumber[b-zdstumvtgl] {
  font-size: 14px;
  font-weight: bold;
  color: var(--fs-blue-hover);
}

.resultDateTime[b-zdstumvtgl] {
  font-size: 14px;
  color: var(--fs-text-500, #555);
}

.resultDriver[b-zdstumvtgl] {
  font-size: 14px;
  color: var(--fs-text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.resultUnit[b-zdstumvtgl] {
  font-size: 14px;
  color: var(--fs-text-500, #555);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.resultGallons[b-zdstumvtgl] {
  font-size: 14px;
  color: var(--fs-text-primary);
  text-align: right;
}

.editingIndicator[b-zdstumvtgl] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 12px 10px 0 10px;
  padding: 10px 14px;
  background-color: var(--fs-warning-bg, #fff3e0);
  border: 1px solid var(--fs-warning-accent, #ffb74d);
  border-radius: 6px;
}

.editingText[b-zdstumvtgl] {
  font-size: 18px;
  font-weight: bold;
  color: var(--fs-warning-text, #e65100);
}

.buttonClose[b-zdstumvtgl] {
  padding: 6px 16px;
  font-size: 14px;
  font-weight: bold;
  color: white;
  background-color: #757575;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.15s ease;
}

.buttonClose:hover[b-zdstumvtgl] {
  background-color: #616161;
}

/* WASM-shell additions: session-loading / role / no-context fallback states. */
.wasm-corrections-loading[b-zdstumvtgl] {
  padding: 40px;
  text-align: center;
  color: var(--fs-text-500);
}

.wasm-corrections-nocontext[b-zdstumvtgl] {
  padding: 40px;
  max-width: 640px;
  margin: 0 auto;
  text-align: center;
  color: var(--fs-text-500);
}

.wasm-corrections-nocontext a[b-zdstumvtgl] {
  color: var(--fs-green-muted);
}
/* /Pages/WasmDashboard.razor.rz.scp.css */
.dashboardOuterFrame[b-iiq91f1nbb] {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 20px 24px;
  box-sizing: border-box;
}

.wasm-dashboard-loading[b-iiq91f1nbb],
.wasm-dashboard-nocontext[b-iiq91f1nbb] {
  padding: 40px 24px;
  color: var(--fs-text-700);
}

.wasm-dashboard-nocontext a[b-iiq91f1nbb] {
  color: var(--fs-green-accent, #28a745);
}

.dashboard-header[b-iiq91f1nbb] {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}

.dashboard-company-name[b-iiq91f1nbb] {
  font-size: 22px;
  font-weight: 700;
  color: var(--fs-text-heading, #1e293b);
}

.dashboard-company-logo[b-iiq91f1nbb] {
  max-height: 44px;
  max-width: 160px;
  object-fit: contain;
}

.dashboard-range[b-iiq91f1nbb] {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}

.range-btn[b-iiq91f1nbb] {
  padding: 6px 14px;
  border: 1px solid var(--fs-border-300, #cbd5e1);
  border-radius: 6px;
  background: var(--fs-card-bg, #fff);
  color: var(--fs-text-600, #475569);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}

.range-btn:hover[b-iiq91f1nbb] {
  border-color: var(--fs-green-accent, #28a745);
}

.range-btn.active[b-iiq91f1nbb] {
  background: linear-gradient(135deg, var(--fs-green-accent, #28a745) 0%, #20c997 100%);
  color: #fff;
  border-color: var(--fs-green-accent, #28a745);
}

.dashboard-tiles[b-iiq91f1nbb] {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.dashboard-tile[b-iiq91f1nbb] {
  flex: 1 1 220px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 16px 20px;
  border-radius: 12px;
  background: var(--fs-card-bg, #fff);
  border: 1px solid var(--fs-border-muted, #e2e8f0);
  box-shadow: var(--fs-shadow-1);
}

.tile-label[b-iiq91f1nbb] {
  font-size: 13px;
  font-weight: 600;
  color: var(--fs-text-muted, #64748b);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.tile-value[b-iiq91f1nbb] {
  font-size: 26px;
  font-weight: 700;
  color: var(--fs-green-accent, #28a745);
}

.dashboard-charts[b-iiq91f1nbb] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 20px;
}

@media (max-width: 900px) {
  .dashboard-charts[b-iiq91f1nbb] { grid-template-columns: 1fr; }
}

.dashboard-chart-panel[b-iiq91f1nbb],
.dashboard-map-panel[b-iiq91f1nbb],
.dashboard-recent-panel[b-iiq91f1nbb] {
  padding: 16px 20px;
  border-radius: 12px;
  background: var(--fs-card-bg, #fff);
  border: 1px solid var(--fs-border-muted, #e2e8f0);
  box-shadow: var(--fs-shadow-1);
  margin-bottom: 20px;
}

.chart-title[b-iiq91f1nbb] {
  margin: 0 0 12px 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--fs-text-heading, #1e293b);
}

.chart-empty[b-iiq91f1nbb] {
  padding: 32px;
  text-align: center;
  color: var(--fs-text-muted, #94a3b8);
  font-size: 13px;
  font-style: italic;
}
/* /Pages/WasmDistributor.razor.rz.scp.css */
.onb[b-0j8tw98ekf] {
  max-width: 960px;
  margin: 0 auto;
  padding: 16px;
  color: var(--fs-text-primary);
  background: transparent;
}

.onb-head[b-0j8tw98ekf], .onb-actions[b-0j8tw98ekf], .onb-row[b-0j8tw98ekf], .onb-foot[b-0j8tw98ekf] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: flex-end;
}

.onb-head[b-0j8tw98ekf] {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 16px;
}

.onb h1[b-0j8tw98ekf], .onb h2[b-0j8tw98ekf], .onb h3[b-0j8tw98ekf] {
  margin: 0 0 8px;
  color: var(--fs-text-heading);
}

.onb h1[b-0j8tw98ekf] {
  font-size: 26px;
}

.onb-muted[b-0j8tw98ekf], .onb-hint[b-0j8tw98ekf], .onb small[b-0j8tw98ekf] {
  color: var(--fs-text-muted);
}

.onb a[b-0j8tw98ekf] {
  color: var(--fs-text-primary);
}

.onb-card[b-0j8tw98ekf], .onb-list li[b-0j8tw98ekf], .onb-dialog[b-0j8tw98ekf] {
  border: 1px solid var(--fs-card-border);
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 12px;
  background: var(--fs-card-bg);
  color: var(--fs-text-primary);
}

.onb-list-row[b-0j8tw98ekf] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.onb-list-row a[b-0j8tw98ekf] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.onb label[b-0j8tw98ekf] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 13px;
  flex: 1 1 180px;
  margin-bottom: 10px;
  color: var(--fs-text-secondary);
}

.onb input[b-0j8tw98ekf], .onb select[b-0j8tw98ekf], .onb textarea[b-0j8tw98ekf] {
  font: inherit;
  padding: 8px 10px;
  border: 1px solid var(--fs-input-border);
  border-radius: 8px;
  background: var(--fs-input-bg);
  color: var(--fs-text-primary);
}

.onb input:focus[b-0j8tw98ekf], .onb select:focus[b-0j8tw98ekf], .onb textarea:focus[b-0j8tw98ekf] {
  outline: 2px solid var(--fs-input-focus-ring);
  border-color: var(--fs-input-focus-border);
}

.onb fieldset[b-0j8tw98ekf] {
  border: 1px solid var(--fs-border);
  border-radius: 8px;
  margin: 0 0 12px;
  background: transparent;
}

.onb legend[b-0j8tw98ekf] {
  color: var(--fs-text-heading);
  padding: 0 6px;
}

.onb-steps[b-0j8tw98ekf] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0;
  list-style: none;
}

.onb-steps button[b-0j8tw98ekf], .onb-primary[b-0j8tw98ekf], .onb-secondary[b-0j8tw98ekf], .onb-danger[b-0j8tw98ekf] {
  border-radius: 999px;
  padding: 8px 14px;
  font: inherit;
  cursor: pointer;
}

.onb-steps button[b-0j8tw98ekf] {
  border: 1px solid var(--fs-border);
  background: transparent;
  color: var(--fs-text-primary);
}

.onb-steps .on button[b-0j8tw98ekf], .onb-primary[b-0j8tw98ekf] {
  background: var(--fs-btn-primary);
  color: var(--fs-on-accent);
  border: 0;
}

.onb-steps .on button:hover[b-0j8tw98ekf], .onb-primary:hover[b-0j8tw98ekf] {
  background: var(--fs-btn-primary-hover);
}

.onb-secondary[b-0j8tw98ekf] {
  background: transparent;
  border: 1px solid var(--fs-border);
  color: var(--fs-text-primary);
}

.onb-danger[b-0j8tw98ekf] {
  background: var(--fs-btn-danger);
  color: var(--fs-text-white);
  border: 0;
}

.onb-x[b-0j8tw98ekf] {
  flex: 0 0 auto;
  border: 0;
  background: transparent;
  color: var(--fs-text-muted);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  padding: 0 4px;
}

.onb-error[b-0j8tw98ekf] {
  color: var(--fs-error-text);
}

.onb-note[b-0j8tw98ekf] {
  background: var(--fs-warning-bg);
  color: var(--fs-warning-text);
  border-radius: 8px;
  padding: 10px 12px;
}

.onb-bar[b-0j8tw98ekf] {
  height: 6px;
  background: var(--fs-surface-200);
  border-radius: 99px;
  overflow: hidden;
  margin-top: 8px;
}

.onb-bar span[b-0j8tw98ekf] {
  display: block;
  height: 100%;
  background: var(--fs-green-accent);
}

.onb table[b-0j8tw98ekf] {
  width: 100%;
  border-collapse: collapse;
  background: transparent;
}

.onb th[b-0j8tw98ekf], .onb td[b-0j8tw98ekf] {
  text-align: left;
  padding: 6px 8px;
  border-bottom: 1px solid var(--fs-border);
  vertical-align: top;
  color: var(--fs-text-primary);
  background: transparent;
}

.onb th[b-0j8tw98ekf] {
  color: var(--fs-text-muted);
  font-weight: 600;
}

.onb-optional[b-0j8tw98ekf] {
  font-weight: 400;
  color: var(--fs-text-muted);
  font-size: 13px;
}

.onb label.onb-check[b-0j8tw98ekf] {
  flex-direction: row;
  align-items: center;
  flex: 0 0 auto;
  width: fit-content;
  gap: 8px;
  color: var(--fs-text-primary);
}

.onb label.onb-check input[b-0j8tw98ekf] {
  width: auto;
}

.onb-back[b-0j8tw98ekf] {
  display: inline-block;
  margin-bottom: 6px;
}

.onb-backdrop[b-0j8tw98ekf] {
  position: fixed;
  inset: 0;
  background: var(--fs-overlay-backdrop);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 40;
  padding: 16px;
}

.onb-dialog[b-0j8tw98ekf] {
  max-width: 420px;
  width: 100%;
  margin: 0;
}

.onb-dialog h2[b-0j8tw98ekf] {
  font-size: 18px;
}

@media (max-width: 420px) {
  .onb[b-0j8tw98ekf] {
    padding: 12px;
  }

  .onb-head[b-0j8tw98ekf], .onb-foot[b-0j8tw98ekf], .onb-actions[b-0j8tw98ekf] {
    flex-direction: column;
    align-items: stretch;
  }

  .onb-primary[b-0j8tw98ekf], .onb-secondary[b-0j8tw98ekf], .onb-danger[b-0j8tw98ekf] {
    width: 100%;
  }
}
/* /Pages/WasmDrivers.razor.rz.scp.css */
/* Page chrome for the WASM Drivers page — carried over from the server
   DriversPanel.razor.css (tab header + filter bar + frames) and
   DriversGrid.razor.css (group chips, role badges, edit button, WEX badge),
   plus the display-only GPS indicator (DriverGPSReqPanel.razor.css) and the
   active/inactive status badges + no-value placeholder (mirrors WasmUnits),
   with the classic-layout neutralizations the WASM full-height shell needs. */

.firstPanel[b-mep3rjb25u] {
  margin-top: 0 !important;
}

/* Container Frames (neutralize classic-layout assumptions for the wasm shell) */
.driversOuterFrame[b-mep3rjb25u] {
  width: 100%;
  height: 100%;
}

.driversInnerFrame[b-mep3rjb25u] {
  width: 100%;
  min-height: 100%;
  /* Pack the wrapped flex lines at the top — the global .gridPanelFrame's
     default align-content: stretch opens dead bands inside the full-height
     wasm-main shell (see WasmUnits/WasmJobs). */
  align-content: flex-start;
}

/* Tab Header */
.tab-header[b-mep3rjb25u] {
  display: flex;
  gap: 4px;
  margin: 0 4px;
  padding: 16px 22px 0;
  border-bottom: 1px solid var(--fs-border-subtle);
  background: var(--fs-card-bg);
}

.tab-btn[b-mep3rjb25u] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  color: var(--fs-text-500);
  font-size: 14px;
  cursor: pointer;
  margin-bottom: -1px;
  transition: all 0.15s ease;
}

  .tab-btn:hover[b-mep3rjb25u] {
    color: var(--fs-text-700);
    background: var(--fs-surface-50, #fafffc);
  }

  .tab-btn.active[b-mep3rjb25u] {
    color: var(--fs-blue-600);
    border-bottom-color: var(--fs-blue-600);
    font-weight: 500;
  }

  .tab-btn .oi[b-mep3rjb25u] {
    font-size: 16px;
  }

.tab-btn .tab-badge[b-mep3rjb25u] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  margin-left: 4px;
  border-radius: 9px;
  background: #ff9800;
  color: #1a1a1a;
  font-size: 11px;
  font-weight: 600;
}

.groups-tab-content[b-mep3rjb25u],
.duplicates-tab-content[b-mep3rjb25u] {
  background: var(--fs-card-bg, #fafffc);
  width: 100%;
  min-height: calc(100vh - 300px);
  border-radius: 4px;
  border: 1px solid var(--fs-border-medium, #e0eae8);
  box-shadow: var(--fs-shadow-1);
}

/* Seam note shown until D-C ports the groups / duplicates panels. */
.tab-seam-note[b-mep3rjb25u] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 48px 22px;
  color: var(--fs-text-500);
}

  .tab-seam-note .oi[b-mep3rjb25u] {
    font-size: 26px;
    color: var(--fs-border-200);
  }

  .tab-seam-note p[b-mep3rjb25u] {
    margin: 0;
    font-weight: 500;
    color: var(--fs-text-700);
  }

  .tab-seam-note a[b-mep3rjb25u] {
    color: var(--fs-green-muted);
  }

/* Filter / Action Bar */
.filter-bar[b-mep3rjb25u] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 5px 0;
  padding: 12px 22px;
  border-bottom: 1px solid var(--fs-border-subtle);
  width: 100%;
  box-sizing: border-box;
}

.filter-label[b-mep3rjb25u] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: var(--fs-text-500);
  font-weight: 500;
}

  .filter-label .oi[b-mep3rjb25u] {
    font-size: 13px;
  }

.filter-select[b-mep3rjb25u] {
  padding: 8px 12px;
  border: 1px solid var(--fs-border-200);
  border-radius: 6px;
  font-size: 14px;
  min-width: 180px;
  background: var(--fs-card-bg);
  color: var(--fs-text-primary);
}

  .filter-select:focus[b-mep3rjb25u] {
    border-color: var(--fs-blue-600);
    box-shadow: none;
  }

.filter-clear[b-mep3rjb25u] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: var(--fs-error-border);
  border: none;
  border-radius: 4px;
  color: var(--fs-error-accent);
  cursor: pointer;
  font-size: 12px;
}

  .filter-clear:hover[b-mep3rjb25u] {
    background: var(--fs-error-bg, #fecaca);
  }

.filter-spacer[b-mep3rjb25u] {
  flex: 1;
}

.pin-toggle-btn[b-mep3rjb25u] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 500;
  color: var(--fs-text-700);
  background-color: var(--fs-card-bg);
  border: 1px solid var(--fs-border-200);
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
}

  .pin-toggle-btn:hover[b-mep3rjb25u],
  .pin-toggle-btn.active[b-mep3rjb25u] {
    background-color: #e0f2fe;
    border-color: #38bdf8;
    color: #075985;
  }

  .pin-toggle-btn .oi[b-mep3rjb25u] {
    font-size: 13px;
  }

/* Panels */
.fullWidthDriversPanel[b-mep3rjb25u] {
  position: relative;
  display: flex;
  margin: 8px;
  padding: 4px 0 0 0;
  width: calc(100% - 14px);
  height: fit-content;
  min-width: 400px;
  flex-wrap: wrap;
}

.driverSentriesPanel[b-mep3rjb25u] {
  position: relative;
  display: flex;
  margin: 4px 0 10px 0;
  width: calc(100% - 10px);
  height: fit-content;
  min-width: 400px;
  flex-wrap: wrap;
}

.driverTransactionsPanel[b-mep3rjb25u] {
  position: relative;
  display: flex;
  margin: 4px 0 10px 0;
  width: calc(100% - 10px);
  height: fit-content;
  min-width: 400px;
  flex-wrap: wrap;
}

/* Edit Button (from DriversGrid.razor.css) */
.grid-edit-btn[b-mep3rjb25u] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: var(--fs-surface-200);
  border: 1px solid var(--fs-border-200);
  border-radius: 6px;
  cursor: pointer;
  color: var(--fs-text-500);
  margin: 0 auto;
  transition: all 0.15s ease;
}

  .grid-edit-btn:hover[b-mep3rjb25u] {
    background: var(--fs-green-muted);
    border-color: var(--fs-green-muted);
    color: var(--fs-on-accent);
    box-shadow: var(--fs-shadow-1);
  }

  .grid-edit-btn:active[b-mep3rjb25u] {
    transform: translateY(0);
    box-shadow: none;
  }

/* Groups cell */
.groups-cell[b-mep3rjb25u] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 2px 7px;
  max-width: calc(100% - 14px);
}

.no-groups[b-mep3rjb25u] {
  color: var(--fs-text-400);
}

.group-chip[b-mep3rjb25u] {
  display: inline-block;
  padding: 2px 8px;
  background: #e0e7ff;
  color: #3730a3;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 80px;
}

  .group-chip.more[b-mep3rjb25u] {
    background: var(--fs-surface-200);
    color: var(--fs-text-500);
  }

.pin-cell[b-mep3rjb25u] {
  padding: 0 7px;
  max-width: calc(100% - 14px);
}

.pin-value[b-mep3rjb25u] {
  font-family: var(--fs-mono);
  white-space: nowrap;
}

.pin-value.shown[b-mep3rjb25u] {
  letter-spacing: 0;
}

.pin-value.masked[b-mep3rjb25u] {
  letter-spacing: 2px;
}

/* Role badges */
.role-badge-cell[b-mep3rjb25u] {
  padding: 0 7px;
}

.role-badge[b-mep3rjb25u] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

  .role-badge .oi[b-mep3rjb25u] {
    font-size: 11px;
  }

.role-driver[b-mep3rjb25u] {
  background: var(--fs-surface-200);
  color: var(--fs-text-500);
}

.role-monitor[b-mep3rjb25u] {
  background: #dbeafe;
  color: #1d4ed8;
}

.role-supervisor[b-mep3rjb25u] {
  background: #fef3c7;
  color: #b45309;
}

.role-manager[b-mep3rjb25u] {
  background: #dcfce7;
  color: #15803d;
}

/* GPS requirement indicator (display-only) */
.gps-indicator[b-mep3rjb25u] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  border-radius: 4px;
  font-size: 14px;
  padding: 0 6px;
}

  .gps-indicator.gps-on[b-mep3rjb25u] {
    color: var(--fs-green-muted);
  }

  .gps-indicator.gps-off[b-mep3rjb25u] {
    color: #c62828;
  }

  .gps-indicator.gps-default[b-mep3rjb25u] {
    color: #757575;
  }

.default-label[b-mep3rjb25u] {
  font-size: 11px;
  font-weight: 500;
}

/* Integration badges */
.integration-badges[b-mep3rjb25u] {
  display: flex;
  gap: 4px;
  padding: 0 7px;
  flex-wrap: wrap;
}

.integration-badge[b-mep3rjb25u] {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  margin-top: 1px;
}

  .integration-badge:hover[b-mep3rjb25u] {
    box-shadow: var(--fs-shadow-1);
  }

.wex-badge[b-mep3rjb25u] {
  background: var(--fs-blue-light);
  color: var(--fs-blue-dark);
  border: 0;
}

.wex-badge[b-mep3rjb25u]::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--fs-wex-accent);
  margin-right: 6px;
}

  .wex-badge:hover[b-mep3rjb25u] {
    background: var(--fs-blue-light);
  }

/* Active/Inactive Status Badges (mirrors WasmUnits) */
.activeGridArea[b-mep3rjb25u],
.inactiveGridArea[b-mep3rjb25u] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  min-width: 0;
  height: 20px;
}

/* Placeholder text for empty values */
.no-value[b-mep3rjb25u] {
  color: var(--fs-text-400);
  font-style: italic;
}

/* Loading / no-context fallbacks */
.wasm-drivers-loading[b-mep3rjb25u],
.wasm-drivers-nocontext[b-mep3rjb25u] {
  padding: 40px 22px;
  color: var(--fs-text-700);
}

  .wasm-drivers-nocontext a[b-mep3rjb25u] {
    color: var(--fs-green-muted);
  }
/* /Pages/WasmFleetDashboard.razor.rz.scp.css */
.fd-loading[b-venxy2kae8], .fd-nocontext[b-venxy2kae8] { padding: 24px; color: var(--fs-text-500, #555); font-size: 14px; }
.fd-nocontext a[b-venxy2kae8] { color: var(--fs-blue-accent, #2563eb); text-decoration: underline; cursor: pointer; }

.fd-frame[b-venxy2kae8] { padding: 16px 20px; background: var(--fs-surface-50); }

.fd-header[b-venxy2kae8] { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.fd-title[b-venxy2kae8] { margin: 0; font-size: 18px; font-weight: 600; color: var(--fs-text-700); }
.fd-subtitle[b-venxy2kae8] { margin: 2px 0 0; font-size: 13px; color: var(--fs-text-500); }
.fd-server-link[b-venxy2kae8] { flex-shrink: 0; font-size: 12px; color: var(--fs-blue-accent, #2563eb); text-decoration: underline; cursor: pointer; }

/* Stats */
.fd-stats[b-venxy2kae8] { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 10px; margin-bottom: 16px; }
.fd-stat[b-venxy2kae8] { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; background: var(--fs-card-bg); border: 1px solid var(--fs-card-border); border-radius: 8px; }
.fd-stat-value[b-venxy2kae8] { font-size: 18px; font-weight: 600; color: var(--fs-text-heading); font-variant-numeric: tabular-nums; }
.fd-stat-label[b-venxy2kae8] { font-size: 11px; color: var(--fs-text-secondary); text-transform: uppercase; letter-spacing: 0.03em; }
.fd-stat-sub[b-venxy2kae8] { font-size: 11px; color: var(--fs-text-secondary); }
.fd-stat-alert[b-venxy2kae8] { border-color: var(--fs-error-accent); box-shadow: inset 3px 0 0 var(--fs-error-accent); }
.fd-stat-alert .fd-stat-value[b-venxy2kae8] { color: var(--fs-error-accent); }

/* Integration health */
.fd-integrations[b-venxy2kae8] {
  margin-bottom: 16px;
  background: var(--fs-card-bg);
  border: 1px solid var(--fs-card-border);
  border-radius: 8px;
  padding: 14px 16px;
}

.fd-integrations-head[b-venxy2kae8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.fd-integrations-head .fd-card-title[b-venxy2kae8] { margin: 0; }

.fd-integrations-grid[b-venxy2kae8] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 10px;
}

.fd-int-tile[b-venxy2kae8] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 12px;
  border: 1px solid var(--fs-card-border);
  border-radius: 8px;
  cursor: pointer;
  transition: border-color 150ms ease;
}

.fd-int-tile:hover[b-venxy2kae8] { border-color: var(--fs-blue-accent, #2563eb); }

.fd-int-name[b-venxy2kae8] {
  font-size: 13px;
  font-weight: 600;
  color: var(--fs-text-heading);
}

.fd-int-counts[b-venxy2kae8] {
  font-size: 12px;
  color: var(--fs-text-secondary);
  font-variant-numeric: tabular-nums;
}

.fd-int-alert[b-venxy2kae8] {
  border-color: var(--fs-warning-accent);
  box-shadow: inset 3px 0 0 var(--fs-warning-accent);
}

.fd-int-alert .fd-int-counts[b-venxy2kae8] { color: var(--fs-warning-text); }

/* Two-column grid */
.fd-grid[b-venxy2kae8] { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: start; }
.fd-col[b-venxy2kae8] { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
@media (max-width: 980px) { .fd-grid[b-venxy2kae8] { grid-template-columns: 1fr; } }

.fd-card[b-venxy2kae8] { background: var(--fs-card-bg); border: 1px solid var(--fs-card-border); border-radius: 8px; padding: 14px 16px; }
.fd-card-title[b-venxy2kae8] { margin: 0 0 10px; font-size: 14px; font-weight: 600; color: var(--fs-text-700); }
.fd-card-title-row[b-venxy2kae8] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.fd-card-title-row .fd-card-title[b-venxy2kae8] { margin: 0; }
.fd-empty[b-venxy2kae8] { padding: 16px 0; color: var(--fs-text-500); font-size: 13px; }

/* Tank list */
.fd-tank-list[b-venxy2kae8] { display: flex; flex-direction: column; gap: 10px; }
.fd-tank-row[b-venxy2kae8] { cursor: pointer; }
.fd-tank-row.critical[b-venxy2kae8] { border-left: 3px solid var(--fs-error-accent); padding-left: 8px; }
.fd-tank-row.warning[b-venxy2kae8] { border-left: 3px solid var(--fs-warning-accent); padding-left: 8px; }
.fd-tank-head[b-venxy2kae8] { display: flex; justify-content: space-between; font-size: 13px; }
.fd-tank-name[b-venxy2kae8] { color: var(--fs-text-heading); font-weight: 500; }
.fd-tank-sentry[b-venxy2kae8] { color: var(--fs-text-secondary); font-weight: 400; font-size: 12px; margin-left: 4px; }
.fd-tank-pct[b-venxy2kae8] { font-variant-numeric: tabular-nums; color: var(--fs-text-primary); }
.fd-est[b-venxy2kae8] { font-size: 11px; color: var(--fs-text-secondary); background: var(--fs-surface-200); border-radius: 3px; padding: 0 4px; margin-left: 4px; }
.fd-bar[b-venxy2kae8] { height: 8px; background: var(--fs-surface-200); border-radius: 999px; overflow: hidden; margin: 3px 0; }
.fd-bar-fill[b-venxy2kae8] { height: 100%; transition: width 200ms ease; }
.fd-tank-foot[b-venxy2kae8] { display: flex; gap: 6px; font-size: 11px; color: var(--fs-text-secondary); font-variant-numeric: tabular-nums; }

/* Alerts */
.fd-alert[b-venxy2kae8], .fd-review[b-venxy2kae8] { padding: 8px 0; border-bottom: 1px dashed var(--fs-border-light, #e5e7eb); }
.fd-alert-head[b-venxy2kae8] { display: flex; justify-content: space-between; gap: 8px; font-size: 13px; }
.fd-alert-amt[b-venxy2kae8] { color: var(--fs-warning-text); font-variant-numeric: tabular-nums; }
.fd-alert-actions[b-venxy2kae8] { display: flex; gap: 12px; margin-top: 4px; }
.fd-alert-txns[b-venxy2kae8], .fd-review-body[b-venxy2kae8] { margin-top: 6px; padding-left: 8px; }
.fd-txn-row[b-venxy2kae8] { display: flex; gap: 10px; justify-content: space-between; font-size: 12px; color: var(--fs-text-secondary); padding: 3px 0; }
.fd-txn-grid[b-venxy2kae8] { display: grid; grid-template-columns: 6.5rem minmax(0, 1.4fr) minmax(0, 1.2fr) 4.5rem 4.2rem; gap: 8px; align-items: center; font-size: 12px; color: var(--fs-text-secondary); padding: 3px 0; }
.fd-txn-grid-slip[b-venxy2kae8] { grid-template-columns: 6.5rem minmax(0, 1.4fr) 4.5rem 4.2rem; }
.fd-txn-grid-drivers[b-venxy2kae8] { grid-template-columns: minmax(0, 1.6fr) 6.5rem 5.5rem; }
.fd-txn-h[b-venxy2kae8] { font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--fs-muted); }

.fd-review-facts[b-venxy2kae8] { font-size: 12px; color: var(--fs-text-secondary); margin: 4px 0; }
.fd-review-input[b-venxy2kae8] { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; font-size: 12px; }
.fd-review-input input[b-venxy2kae8] { width: 110px; padding: 5px 8px; border: 1px solid var(--fs-border-200); border-radius: 4px; }
.fd-recon[b-venxy2kae8] { margin-top: 6px; font-size: 12px; color: var(--fs-text-primary); }
.fd-recon-alert[b-venxy2kae8] { color: var(--fs-warning-text); }
.fd-recon-flag[b-venxy2kae8] { font-weight: 600; margin-left: 4px; }
.fd-error[b-venxy2kae8] { margin-top: 6px; color: var(--fs-error-text); font-size: 12px; display: flex; align-items: center; gap: 4px; }

/* Modal */
.fd-modal-overlay[b-venxy2kae8] { position: fixed; inset: 0; background: var(--fs-overlay-backdrop); display: flex; align-items: center; justify-content: center; z-index: 1000; }
.fd-modal[b-venxy2kae8] { background: var(--fs-card-bg); border-radius: 8px; width: 460px; max-width: calc(100vw - 32px); max-height: calc(100vh - 64px); overflow: auto; box-shadow: var(--fs-shadow-2); }
.fd-modal-wide[b-venxy2kae8] { width: 720px; }
.fd-modal-head[b-venxy2kae8] { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; border-bottom: 1px solid var(--fs-border-300); font-weight: 600; color: var(--fs-text-heading); }
.fd-modal-close[b-venxy2kae8] { background: none; border: 0; font-size: 18px; cursor: pointer; color: var(--fs-text-secondary); }
.fd-modal-body[b-venxy2kae8] { padding: 16px; }
.fd-modal-foot[b-venxy2kae8] { display: flex; gap: 8px; justify-content: flex-end; padding: 12px 16px; border-top: 1px solid var(--fs-border-300); }
.fd-field-label[b-venxy2kae8] { display: block; font-size: 12px; color: var(--fs-text-700); margin: 10px 0 4px; }
.fd-select[b-venxy2kae8], .fd-textarea[b-venxy2kae8] { width: 100%; padding: 6px 8px; border: 1px solid var(--fs-border-200); border-radius: 4px; font-size: 13px; box-sizing: border-box; }
.fd-reason-desc[b-venxy2kae8] { font-size: 12px; color: var(--fs-text-secondary); margin: 4px 0 0; }
/* /Pages/WasmHourSets.razor.rz.scp.css */
/* WASM Hours-Sets page - port of server HourSetsPanel.razor.css */

.hours-panel[b-zncz91n71y] {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: 100%;
  width: calc(100% - 5px);
  height: 100%;
}

/* Header */
.hours-header[b-zncz91n71y] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 16px;
  padding: 16px 24px;
  background: linear-gradient(135deg, var(--fs-success-accent) 0%, var(--fs-green-600) 100%);
  border-radius: 12px;
  box-shadow: var(--fs-shadow-1);
}

.hours-title-area[b-zncz91n71y] {
  display: flex;
  align-items: center;
  gap: 12px;
}

.hours-icon[b-zncz91n71y] {
  color: rgba(255, 255, 255, 0.9);
}

.hours-title[b-zncz91n71y] {
  font-size: 22px;
  font-weight: 600;
  color: var(--fs-text-white);
  letter-spacing: 0.01em;
}

.hours-server-link[b-zncz91n71y] {
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.85);
  text-decoration: underline;
  cursor: pointer;
}

.hours-server-link:hover[b-zncz91n71y] {
  color: var(--fs-text-white);
}

/* Refresh Button */
.refresh-btn[b-zncz91n71y] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  color: var(--fs-text-white);
  cursor: pointer;
  transition: all 0.2s ease;
}

.refresh-btn:hover[b-zncz91n71y] {
  background: rgba(255, 255, 255, 0.25);
  transform: rotate(45deg);
}

.refresh-btn:active[b-zncz91n71y] {
  transform: rotate(180deg);
}

/* Content Area */
.hours-content[b-zncz91n71y] {
  padding: 0 16px 16px 16px;
  overflow: hidden;
}

/* Firmware-gate banner. Lift with HourSetWrites.Enabled. */
.hours-coming-soon[b-zncz91n71y] {
  margin: 0 0 16px 0;
  padding: 16px 20px;
  background: var(--fs-surface-50, #f8fafc);
  border: 1px solid var(--fs-border-200, #e2e8f0);
  border-left: 4px solid var(--fs-blue-500, #3b82f6);
  border-radius: 10px;
}

.hours-coming-soon-title[b-zncz91n71y] {
  font-size: 18px;
  font-weight: 600;
  color: var(--fs-text-800, #1e293b);
  margin-bottom: 4px;
}

.hours-coming-soon-text[b-zncz91n71y] {
  font-size: 14px;
  line-height: 1.45;
  color: var(--fs-text-600, #475569);
}

.hours-list[b-zncz91n71y] {
  height: 100%;
  overflow-y: auto;
  padding-right: 8px;
}

/* Gates */
.hours-loading[b-zncz91n71y],
.hours-nocontext[b-zncz91n71y] {
  padding: 32px;
  font-size: 14px;
  color: var(--fs-text-600);
}

.hours-nocontext a[b-zncz91n71y] {
  color: var(--fs-blue-600);
  cursor: pointer;
}

/* Busy Spinner Overlay */
.busy-overlay[b-zncz91n71y] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--fs-overlay-backdrop);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 500;
}

.busy-spinner[b-zncz91n71y] {
  width: 60px;
  height: 60px;
  border: 4px solid rgba(34, 197, 94, 0.2);
  border-top-color: var(--fs-success-accent);
  border-radius: 50%;
  animation: spin-b-zncz91n71y 1s linear infinite;
}

@keyframes spin-b-zncz91n71y {
  to {
    transform: rotate(360deg);
  }
}

/* Scrollbar Styling */
.hours-list[b-zncz91n71y]::-webkit-scrollbar {
  width: 8px;
}

.hours-list[b-zncz91n71y]::-webkit-scrollbar-track {
  background: var(--fs-surface-50, #f1f5f9);
  border-radius: 4px;
}

.hours-list[b-zncz91n71y]::-webkit-scrollbar-thumb {
  background: var(--fs-border-200, #cbd5e1);
  border-radius: 4px;
}

.hours-list[b-zncz91n71y]::-webkit-scrollbar-thumb:hover {
  background: var(--fs-text-dim);
}
/* /Pages/WasmJobs.razor.rz.scp.css */
/* Page chrome for the WASM Jobs pilot — carried over from the server
   JobsPanel.razor.css (action bar + frames) plus pilot-only badge styles. */

.firstPanel[b-61uyrafj9p] {
  margin-top: 0 !important;
}

/* Action Bar */
.action-bar[b-61uyrafj9p] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 22px;
  border-bottom: 1px solid var(--fs-border-subtle);
  width: 100%;
  box-sizing: border-box;
}

.page-title[b-61uyrafj9p] {
  font-size: 18px;
  font-weight: 600;
  color: var(--fs-text-700);
}

.action-spacer[b-61uyrafj9p] {
  flex: 1;
}

/* Container Frames */
.jobsOuterFrame[b-61uyrafj9p] {
  width: 100%;
  height: 100%;
}

.jobsInnerFrame[b-61uyrafj9p] {
  width: 100%;
  min-height: 100%;
  /* The global .gridPanelFrame is flex-wrap with default
     align-content: stretch — fine in the classic content container
     (content-sized), but inside the full-height wasm-main it stretches the
     flex LINES apart, opening dead bands above/below the action bar. Pack
     lines at the top instead. */
  align-content: flex-start;
}

.fullWidthJobsPanel[b-61uyrafj9p] {
  position: relative;
  display: flex;
  margin: 8px;
  padding: 8px 0;
  width: 100%;
  min-width: 400px;
  flex-wrap: wrap;
}

/* Pilot-only chrome */
.wasm-badge[b-61uyrafj9p] {
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fs-text-700);
  background-color: var(--fs-surface-200);
  border: 1px solid var(--fs-border-200);
  border-radius: 10px;
}

.wasm-company[b-61uyrafj9p] {
  font-size: 13px;
  color: var(--fs-text-400);
}

.wasm-jobs-loading[b-61uyrafj9p],
.wasm-jobs-nocontext[b-61uyrafj9p] {
  padding: 40px 22px;
  color: var(--fs-text-700);
}

  .wasm-jobs-nocontext a[b-61uyrafj9p] {
    color: var(--fs-green-muted);
  }
/* /Pages/WasmOverview.razor.rz.scp.css */
/* ---------- WASM-shell additions ---------- */

.overview-wasm-loading[b-ynqjl1pu4j],
.overview-wasm-nocontext[b-ynqjl1pu4j] {
  padding: 24px;
  color: var(--fs-text-500, #555);
  font-size: 14px;
}

.overview-wasm-nocontext a[b-ynqjl1pu4j] {
  color: var(--fs-blue-accent, #2563eb);
  text-decoration: underline;
  cursor: pointer;
}

.overview-server-link[b-ynqjl1pu4j] {
  flex-shrink: 0;
  font-size: 12px;
  color: var(--fs-blue-accent, #2563eb);
  text-decoration: underline;
  cursor: pointer;
}

/* ---------- Frame ---------- */

.overview-outer-frame[b-ynqjl1pu4j] {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--fs-surface-50);
  color: var(--fs-text-primary);
}

/* ---------- Header ---------- */

.overview-header[b-ynqjl1pu4j] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 24px;
  border-bottom: 1px solid var(--fs-border-300);
  background: var(--fs-surface-100);
  flex-shrink: 0;
}

.overview-header__title-block[b-ynqjl1pu4j] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.overview-header__title[b-ynqjl1pu4j] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--fs-text-700);
}

.overview-header__subtitle[b-ynqjl1pu4j] {
  margin: 0;
  font-size: 13px;
  color: var(--fs-text-500);
}

/* ---------- Empty / loading state ---------- */

.overview-empty[b-ynqjl1pu4j] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  padding: 48px 24px;
}

.overview-empty__text[b-ynqjl1pu4j] {
  margin: 0;
  font-size: 14px;
  color: var(--fs-text-500);
}

/* ---------- Tile grid ---------- */

.overview-grid[b-ynqjl1pu4j] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 12px;
  padding: 16px 24px 24px 24px;
  align-content: flex-start;
  flex: 1 1 auto;
  overflow-y: auto;
}

.overview-grid--cards-small[b-ynqjl1pu4j] {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 10px;
}

.overview-grid--cards-medium[b-ynqjl1pu4j] {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 12px;
}

.overview-grid--cards-large[b-ynqjl1pu4j] {
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 14px;
}

.overview-grid--list[b-ynqjl1pu4j] {
  grid-template-columns:
    3px
    auto
    minmax(140px, 1.4fr)
    repeat(var(--list-tank-cols, 2), minmax(110px, 1fr))
    auto;
  column-gap: 14px;
  row-gap: 4px;
  align-items: stretch;
}

.overview-grid--list-small[b-ynqjl1pu4j]  { column-gap: 12px; row-gap: 3px; }
.overview-grid--list-medium[b-ynqjl1pu4j] { column-gap: 14px; row-gap: 4px; }
.overview-grid--list-large[b-ynqjl1pu4j]  { column-gap: 18px; row-gap: 6px; }

.overview-grid__cell[b-ynqjl1pu4j] {
  border-radius: 10px;
  padding: 2px;
  border: 2px solid transparent;
  transition: border-color 120ms ease;
}

.overview-grid__cell--selected[b-ynqjl1pu4j] {
  border-color: var(--fs-accent, #4a90e2);
}

.overview-grid--list .overview-grid__cell[b-ynqjl1pu4j] {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: subgrid;
  align-items: center;
  padding: 0;
  border-width: 1px;
  border-color: var(--fs-card-border);
  border-radius: 6px;
  background: var(--fs-card-bg);
  cursor: pointer;
  transition:
    border-color 120ms ease,
    background 120ms ease,
    box-shadow 120ms ease;
}

.overview-grid--list .overview-grid__cell:hover[b-ynqjl1pu4j] {
  border-color: var(--fs-blue-accent);
  box-shadow: var(--fs-shadow-sm);
}

.overview-grid--list .overview-grid__cell:focus-within[b-ynqjl1pu4j] {
  outline: 2px solid var(--fs-blue-accent);
  outline-offset: 2px;
}

.overview-grid--list .overview-grid__cell--selected[b-ynqjl1pu4j] {
  border-color: var(--fs-accent, #4a90e2);
}

.overview-grid--list-small  .overview-grid__cell[b-ynqjl1pu4j] { padding: 5px 10px; font-size: 12px; }
.overview-grid--list-medium .overview-grid__cell[b-ynqjl1pu4j] { padding: 7px 12px; font-size: 13px; }
.overview-grid--list-large  .overview-grid__cell[b-ynqjl1pu4j] { padding: 10px 14px; font-size: 14px; }

.overview-grid--list .overview-grid__cell:has(.overview-tile--offline)[b-ynqjl1pu4j],
.overview-grid--list .overview-grid__cell:has(.overview-tile--unknown)[b-ynqjl1pu4j] {
  background: var(--fs-surface-100);
}

.overview-grid--list .overview-grid__cell:has(.overview-tile--offline):hover[b-ynqjl1pu4j],
.overview-grid--list .overview-grid__cell:has(.overview-tile--unknown):hover[b-ynqjl1pu4j] {
  background: var(--fs-card-bg);
}
/* /Pages/WasmResources.razor.rz.scp.css */
/* Main Container */
.resourcesBacking[b-wek0b1tuwg] {
  background-color: var(--fs-page-bg, #f7fff7);
  min-height: 100%;
}

/* Header Bar */
.resourcesFrame[b-wek0b1tuwg] {
  margin: 12px;
  padding: 12px 22px;
  width: calc(100% - 44px);
  border: 1px solid var(--fs-green-600);
  border-radius: 8px;
  background: linear-gradient(135deg, var(--fs-success-accent) 0%, var(--fs-green-600) 100%);
  display: flex;
  align-items: center;
}

.resourcesTitleArea[b-wek0b1tuwg] {
  flex: 1;
}

.resourcesHeaderText[b-wek0b1tuwg] {
  font-size: 26px;
  font-weight: 600;
  color: var(--fs-text-white);
  user-select: none;
}

/* Content Area */
.resourcesContentArea[b-wek0b1tuwg] {
  margin: 12px;
  padding: 24px;
  width: calc(100% - 72px);
  border: 1px solid var(--fs-card-border, #002000);
  border-radius: 6px;
  background-color: var(--fs-card-bg);
}

/* Welcome Section */
.resourcesWelcomeSection[b-wek0b1tuwg] {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--fs-divider);
}

.welcomeIcon[b-wek0b1tuwg] {
  width: 64px;
  height: 64px;
  min-width: 64px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23006400'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.welcomeContent[b-wek0b1tuwg] {
  flex: 1;
}

.welcomeTitle[b-wek0b1tuwg] {
  font-size: 22px;
  font-weight: 600;
  color: var(--fs-text-800);
  margin: 0 0 8px 0;
}

.welcomeText[b-wek0b1tuwg] {
  font-size: 14px;
  color: var(--fs-text-secondary);
  margin: 0;
  line-height: 1.5;
}

/* Resource Cards Grid */
.resourcesGrid[b-wek0b1tuwg] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
}

/* Individual Card */
.resourceCard[b-wek0b1tuwg] {
  border: 1px solid var(--fs-card-border, #d0e8d0);
  border-radius: 8px;
  padding: 20px;
  background-color: var(--fs-card-bg, #fafff9);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.resourceCard:hover[b-wek0b1tuwg] {
  box-shadow: var(--fs-shadow-1);
  transform: translateY(-2px);
}

.cardHeader[b-wek0b1tuwg] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.cardIcon[b-wek0b1tuwg] {
  width: 32px;
  height: 32px;
  min-width: 32px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.cardIconTemplates[b-wek0b1tuwg] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23006400'%3E%3Cpath d='M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z'/%3E%3C/svg%3E");
}

.cardIconSupport[b-wek0b1tuwg] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23006400'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z'/%3E%3C/svg%3E");
}

.cardIconDocs[b-wek0b1tuwg] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23006400'%3E%3Cpath d='M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 4h5v8l-2.5-1.5L6 12V4z'/%3E%3C/svg%3E");
}

.cardIconWeb[b-wek0b1tuwg] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23006400'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z'/%3E%3C/svg%3E");
}

.cardTitle[b-wek0b1tuwg] {
  font-size: 18px;
  font-weight: 600;
  color: var(--fs-text-800);
  margin: 0;
}

.cardDescription[b-wek0b1tuwg] {
  font-size: 13px;
  color: var(--fs-text-500);
  line-height: 1.5;
  margin: 0 0 16px 0;
}

/* Links */
.cardLinks[b-wek0b1tuwg] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.resourceLink[b-wek0b1tuwg] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  font-size: 14px;
  color: var(--fs-green-muted);
  text-decoration: none;
  background-color: var(--fs-card-bg);
  border: 1px solid var(--fs-card-border, #c0dcc0);
  border-radius: 6px;
  transition: all 0.15s ease;
}

.resourceLink:hover[b-wek0b1tuwg] {
  background-color: var(--fs-green-muted);
  color: var(--fs-on-accent);
  border-color: var(--fs-green-muted);
}

.resourceLink:hover .linkIcon[b-wek0b1tuwg] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z'/%3E%3C/svg%3E");
}

.linkIcon[b-wek0b1tuwg] {
  width: 18px;
  height: 18px;
  min-width: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23006400'%3E%3Cpath d='M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: background-image 0.15s ease;
}

.linkIconEmail[b-wek0b1tuwg] {
  width: 18px;
  height: 18px;
  min-width: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23006400'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: background-image 0.15s ease;
}

.linkIconPhone[b-wek0b1tuwg] {
  width: 18px;
  height: 18px;
  min-width: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23006400'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: background-image 0.15s ease;
}

.resourceLink:hover .linkIconEmail[b-wek0b1tuwg] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E");
}

.resourceLink:hover .linkIconPhone[b-wek0b1tuwg] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E");
}

.linkIconExternal[b-wek0b1tuwg] {
  width: 18px;
  height: 18px;
  min-width: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23006400'%3E%3Cpath d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: background-image 0.15s ease;
}

.resourceLink:hover .linkIconExternal[b-wek0b1tuwg] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E%3C/svg%3E");
}

.linkIconLinkedIn[b-wek0b1tuwg] {
  width: 18px;
  height: 18px;
  min-width: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230A66C2'%3E%3Cpath d='M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.79M6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: background-image 0.15s ease;
}

.resourceLink:hover .linkIconLinkedIn[b-wek0b1tuwg] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.79M6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77z'/%3E%3C/svg%3E");
}

.comingSoon[b-wek0b1tuwg] {
  font-size: 14px;
  font-style: italic;
  color: #888;
  padding: 10px 14px;
  text-align: center;
  background-color: var(--fs-page-bg);
  border-radius: 6px;
}

/* Responsive */
@media (max-width: 768px) {
  .resourcesWelcomeSection[b-wek0b1tuwg] {
    flex-direction: column;
    text-align: center;
  }

  .resourcesGrid[b-wek0b1tuwg] {
    grid-template-columns: 1fr;
  }

  .resourcesContentArea[b-wek0b1tuwg] {
    padding: 16px;
    width: calc(100% - 56px);
  }
}

/* Template Row with Import Button */
.templateRow[b-wek0b1tuwg] {
  display: flex;
  align-items: stretch;
  gap: 0;
}

.templateRow .resourceLink[b-wek0b1tuwg] {
  flex: 1;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}

.importBtn[b-wek0b1tuwg] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 14px;
  font-size: 14px;
  font-weight: 500;
  color: var(--fs-text-white);
  background-color: #006400;
  border: 1px solid #006400;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.importBtn:hover[b-wek0b1tuwg] {
  background-color: #004d00;
  border-color: #004d00;
}

.importBtn .oi[b-wek0b1tuwg] {
  font-size: 14px;
}

/* WASM-shell addition: session-loading / role-fallback state. */
.wasm-resources-loading[b-wek0b1tuwg] {
  padding: 40px;
  text-align: center;
  color: var(--fs-text-500);
}
/* /Pages/WasmScheduledReports.razor.rz.scp.css */
.scheduledReportsPage[b-zgq7sct9jl] {
  padding: 1.25rem 1.5rem 2rem;
  max-width: 1200px;
  color: var(--fs-text-primary, #1f2937);
}

.pageHeader[b-zgq7sct9jl] {
  margin-bottom: 1rem;
}

.pageTitle[b-zgq7sct9jl] {
  margin: 0 0 0.35rem;
  font-size: 26px;
  font-weight: 600;
  color: var(--fs-text-heading, #111827);
}

.pageSubtitle[b-zgq7sct9jl] {
  margin: 0;
  color: var(--fs-text-secondary, #5a6a5f);
}

.srTabs[b-zgq7sct9jl] {
  display: flex;
  gap: 4px;
  margin: 0.5rem 0 0;
  border-bottom: 1px solid var(--fs-border-subtle, #d5dfd2);
}

.srTab[b-zgq7sct9jl] {
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  color: var(--fs-text-secondary, #5a6a5f);
  cursor: pointer;
  font-size: 14px;
  margin-bottom: -1px;
  padding: 0.65rem 1rem;
}

.srTab:hover[b-zgq7sct9jl] {
  color: var(--fs-text-heading, #111827);
}

.srTab.active[b-zgq7sct9jl] {
  border-bottom-color: var(--fs-green-700, #2f6b3a);
  color: var(--fs-text-heading, #111827);
  font-weight: 600;
}

.toolbar[b-zgq7sct9jl] {
  margin: 1rem 0;
}

.scheduleTableWrap[b-zgq7sct9jl] {
  overflow-x: auto;
  border: 1px solid var(--fs-card-border, var(--fs-border, #d5dfd2));
  border-radius: 8px;
  background: var(--fs-card-bg, #fff);
  color: var(--fs-text-primary, #1f2937);
}

.scheduleTable[b-zgq7sct9jl] {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.scheduleTable th[b-zgq7sct9jl],
.scheduleTable td[b-zgq7sct9jl] {
  padding: 0.65rem 0.75rem;
  border-bottom: 1px solid var(--fs-border-subtle, var(--fs-border, #e8efe8));
  text-align: left;
  vertical-align: top;
}

.scheduleTable th[b-zgq7sct9jl] {
  background: var(--fs-surface-200, var(--fs-surface-100, #f4f8f2));
  color: var(--fs-text-heading, #111827);
  font-weight: 600;
}

.scheduleTable td[b-zgq7sct9jl] {
  background: var(--fs-card-bg, #fff);
  color: var(--fs-text-primary, #1f2937);
}

.deliveryCell[b-zgq7sct9jl] {
  max-width: 220px;
  word-break: break-word;
}

.actionsCell[b-zgq7sct9jl] {
  white-space: nowrap;
}

.emptyRow[b-zgq7sct9jl] {
  text-align: center;
  color: var(--fs-text-secondary, #5a6a5f);
  padding: 1.5rem !important;
}

.noticeBox[b-zgq7sct9jl],
.errorBox[b-zgq7sct9jl],
.successBox[b-zgq7sct9jl] {
  padding: 0.75rem 1rem;
  border-radius: 6px;
  margin-bottom: 1rem;
}

.noticeBox[b-zgq7sct9jl] {
  background: var(--fs-surface-100, #f4f8f2);
  border: 1px solid var(--fs-border-subtle, var(--fs-border, #d5dfd2));
  color: var(--fs-text-primary, #1f2937);
}

.errorBox[b-zgq7sct9jl] {
  background: var(--fs-error-bg, #fff4f4);
  border: 1px solid var(--fs-error-border, #e8b4b4);
  color: var(--fs-error-text, #8a2020);
}

.successBox[b-zgq7sct9jl] {
  background: var(--fs-success-bg, #f2faf4);
  border: 1px solid var(--fs-success-border, #b8dcc4);
  color: var(--fs-success-text, #1f5c33);
}

.primaryButton[b-zgq7sct9jl],
.secondaryButton[b-zgq7sct9jl],
.linkButton[b-zgq7sct9jl] {
  border: 0;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
}

.primaryButton[b-zgq7sct9jl] {
  background: var(--fs-btn-primary, var(--fs-green-700, #2f6b3a));
  color: var(--fs-text-white, #fff);
  padding: 0.45rem 0.9rem;
}

.secondaryButton[b-zgq7sct9jl] {
  background: var(--fs-btn-secondary, var(--fs-surface-200, #eef3ec));
  color: var(--fs-text-on-dark, var(--fs-text-primary, #2a3d2f));
  padding: 0.45rem 0.9rem;
}

.linkButton[b-zgq7sct9jl] {
  background: transparent;
  color: var(--fs-green-accent, var(--fs-primary, #2f6b3a));
  padding: 0.15rem 0.35rem;
  text-decoration: underline;
}

.linkButton.danger[b-zgq7sct9jl],
.primaryButton.danger[b-zgq7sct9jl] {
  color: var(--fs-text-white, #fff);
  background: var(--fs-btn-danger, #a33);
}

.statusBadge[b-zgq7sct9jl] {
  display: inline-block;
  padding: 0.15rem 0.45rem;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
}

.statusBadge.ok[b-zgq7sct9jl] {
  background: var(--fs-success-bg, #e5f5e8);
  color: var(--fs-success-text, #1f6b31);
}

.statusBadge.error[b-zgq7sct9jl] {
  background: var(--fs-error-bg, #fdeaea);
  color: var(--fs-error-text, #9b2323);
}

.statusBadge.disabled[b-zgq7sct9jl] {
  background: var(--fs-surface-200, #f0f0f0);
  color: var(--fs-text-secondary, #666);
}

.lastRunCell[b-zgq7sct9jl] {
  white-space: nowrap;
}

.attemptOutcome[b-zgq7sct9jl] {
  margin-left: 0.35rem;
  font-size: 12px;
  color: var(--fs-text-secondary, #666);
}

.lastSuccess[b-zgq7sct9jl],
.errorDetail[b-zgq7sct9jl] {
  display: block;
  margin-top: 0.15rem;
  font-size: 12px;
  line-height: 1.25;
  white-space: normal;
  max-width: 18rem;
}

.lastSuccess[b-zgq7sct9jl] {
  color: var(--fs-text-secondary, #666);
}

.statusStack[b-zgq7sct9jl] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.errorDetail[b-zgq7sct9jl] {
  color: var(--fs-error-text, #9b2323);
}

.modalOverlay[b-zgq7sct9jl] {
  position: fixed;
  inset: 0;
  background: var(--fs-overlay-bg, rgba(0, 0, 0, 0.35));
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 1rem;
}

.modalCard[b-zgq7sct9jl] {
  width: min(520px, 100%);
  max-height: 90vh;
  overflow: auto;
  background: var(--fs-card-bg, #fff);
  color: var(--fs-text-primary, #1f2937);
  border: 1px solid var(--fs-card-border, transparent);
  border-radius: 10px;
  box-shadow: var(--fs-shadow-lg, 0 12px 40px rgba(0, 0, 0, 0.18));
}

.modalCard.narrow[b-zgq7sct9jl] {
  width: min(420px, 100%);
}

.modalHeader[b-zgq7sct9jl] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.9rem 1rem;
  border-bottom: 1px solid var(--fs-border-subtle, #e8efe8);
  font-weight: 600;
  color: var(--fs-text-heading, #111827);
}

.modalBody[b-zgq7sct9jl] {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.modalFooter[b-zgq7sct9jl] {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  padding: 0.9rem 1rem;
  border-top: 1px solid var(--fs-border-subtle, #e8efe8);
}

.fieldLabel[b-zgq7sct9jl] {
  margin-top: 0.35rem;
  font-weight: 600;
  font-size: 13px;
  color: var(--fs-text-primary, #1f2937);
}

.fieldInput[b-zgq7sct9jl] {
  width: 100%;
  padding: 0.45rem 0.55rem;
  border: 1px solid var(--fs-input-border, #cfd9cf);
  border-radius: 6px;
  background: var(--fs-input-bg, #fff);
  color: var(--fs-text-primary, #1f2937);
}

.fieldInput:focus[b-zgq7sct9jl] {
  border-color: var(--fs-input-focus-border, #2f6b3a);
  box-shadow: 0 0 0 2px var(--fs-input-focus-ring, rgba(47, 107, 58, 0.18));
}

.fieldHint[b-zgq7sct9jl] {
  font-size: 12px;
  color: var(--fs-text-secondary, #667);
  margin-bottom: 0.35rem;
}

.checkboxRow[b-zgq7sct9jl] {
  display: flex;
  align-items: center;
  gap: 0.45rem;
}

.iconButton[b-zgq7sct9jl] {
  border: 0;
  background: transparent;
  color: var(--fs-text-secondary, #6b7280);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}
/* /Pages/WasmSentries.razor.rz.scp.css */
/* WASM Sentries page — ported from the server SentriesPanel + SentriesGrid
   scoped CSS, plus the WASM-shell additions (loading / no-context / action bar /
   Server-version link) shared by the other /wasm pages. */

/* ── WASM shell states ──────────────────────────────────────────────────────*/
.wasm-sentries-loading[b-eyj1y1ndaf],
.wasm-sentries-nocontext[b-eyj1y1ndaf] {
  padding: 32px;
  color: var(--fs-text-500);
}

.wasm-sentries-nocontext a[b-eyj1y1ndaf] {
  color: var(--fs-blue-accent);
}

.action-bar[b-eyj1y1ndaf] {
  display: flex;
  align-items: center;
  gap: var(--fs-gap-controls, 8px);
  margin: 10px 0 0 0;
  padding: 0 2px;
}

.action-bar .page-title[b-eyj1y1ndaf] {
  font-size: 18px;
  font-weight: 600;
  color: var(--fs-text-900, #111827);
}

.action-bar .action-spacer[b-eyj1y1ndaf] {
  flex: 1;
}

/* ── Panel frames (from SentriesPanel.razor.css) ────────────────────────────*/
.firstPanel[b-eyj1y1ndaf] {
  margin-top: 10px !important;
}

.fullWidthSentriesPanel[b-eyj1y1ndaf] {
  position: relative;
  display: flex;
  margin: 4px 0 10px 0;
  width: calc(100% - 16px);
  height: fit-content;
  min-width: 400px;
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  .fullWidthSentriesPanel[b-eyj1y1ndaf] {
    margin: 4px 12px 16px 12px;
    width: calc(100% - 24px);
    min-width: auto;
  }
}

/* ── Grid cells (from SentriesGrid.razor.css) ───────────────────────────────*/
.tankLevelText[b-eyj1y1ndaf] {
  font-size: 14px;
  color: var(--fs-text-700);
}

.status-badge[b-eyj1y1ndaf] {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
}

.status-badge.active[b-eyj1y1ndaf] {
  background: var(--fs-success-bg, #dcfce7);
  color: var(--fs-success-text);
}

.status-badge.inactive[b-eyj1y1ndaf] {
  background: var(--fs-surface-200);
  color: var(--fs-text-500);
}

.gps-badge[b-eyj1y1ndaf] {
  display: inline-block;
  padding: 2px 8px;
  background: #e0f2fe;
  color: #0369a1;
  border-radius: 4px;
  font-size: 12px;
}

.no-gps[b-eyj1y1ndaf] {
  color: var(--fs-text-400);
}

.row-actions[b-eyj1y1ndaf] {
  display: flex;
  gap: var(--fs-gap-controls, 8px);
  align-items: center;
}

.view-btn[b-eyj1y1ndaf],
.notif-btn[b-eyj1y1ndaf] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  background-color: var(--fs-surface-200);
  border: 1px solid var(--fs-border-subtle);
  border-radius: 6px;
  color: var(--fs-text-700);
  cursor: pointer;
  transition: all 0.15s ease;
}

.view-btn:hover[b-eyj1y1ndaf],
.notif-btn:hover[b-eyj1y1ndaf] {
  background-color: var(--fs-border-subtle);
  color: var(--fs-text-900);
}

.notif-btn-muted[b-eyj1y1ndaf] {
  color: #9a3412;
  background: #ffedd5;
  border-color: #fdba74;
}

.notif-badge[b-eyj1y1ndaf] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.notif-badge.notif-on[b-eyj1y1ndaf] {
  background: #dcfce7;
  color: #166534;
}

.notif-badge.notif-off[b-eyj1y1ndaf] {
  background: #ffedd5;
  color: #9a3412;
  border: 1px solid #fdba74;
}

.sentry-strip .notif-badge[b-eyj1y1ndaf] {
  margin-left: 8px;
  margin-right: 4px;
}

/* ── C-B pt 2: sentry status cards (reused OverviewSentryTile) ─────────── */

/* No-selection state: card per sentry, same auto-fill flow as the Overview
   grid (the tile brings its own scoped styles). flex-basis 100% because the
   legacy global .sentriesInnerFrame is a wrapping flex ROW — without it the
   grid container shrinks to one column and the cards stack vertically
   (runtime fix 2026-06-07, same root cause as the strip/tabs fix). */
.sentry-status-grid[b-eyj1y1ndaf] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 12px;
  margin-top: 12px;
  flex: 1 1 100%;
  width: 100%;
  align-self: flex-start;
}

.sentry-status-grid__cell[b-eyj1y1ndaf] {
  min-width: 0;
}

/* Selected state: one large status card above the form panels. */
.sentry-status-selected[b-eyj1y1ndaf] {
  max-width: 480px;
}

/* ── 2026-06-07 redesign: status strip + lower tabs + authorize modal ── */

.sentry-strip[b-eyj1y1ndaf] {
  display: flex;
  align-items: center;
  gap: max(14px, var(--fs-gap-controls, 8px));
  margin: 16px 0 4px;
  padding: 0 12px;
  flex-wrap: wrap;
}

/* Pass-4 ribbon: no tile (it duplicated the Status card) — name + tank
   selector + Authorize. */
.sentry-strip__name[b-eyj1y1ndaf] {
  font-size: 16px;
  font-weight: 700;
  color: var(--fs-text-900, #111827);
  margin-right: 4px;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sentry-strip__actions[b-eyj1y1ndaf] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--fs-gap-controls, 8px);
}

.strip-action-btn[b-eyj1y1ndaf] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 18px;
  border: 2px solid var(--fs-border-400, #bbb);
  border-radius: 8px;
  background: var(--fs-surface-0, #fff);
  color: var(--fs-text-700, #333);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.strip-action-btn:hover[b-eyj1y1ndaf] {
  background: var(--fs-surface-100, #f3f4f6);
  border-color: var(--fs-green-bright, #2e7d32);
}

/* Shared tank selector (only when the sentry has 2 tanks) — drives the level
   chart and the Set Level / Tank Fills modals. */
.sentry-tank-select[b-eyj1y1ndaf] {
  display: inline-flex;
  border: 2px solid var(--fs-border-400, #bbb);
  border-radius: 8px;
  overflow: hidden;
}

.sentry-tank-select__btn[b-eyj1y1ndaf] {
  padding: 10px 14px;
  border: none;
  background: var(--fs-surface-0, #fff);
  color: var(--fs-text-muted, #666);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.sentry-tank-select__btn + .sentry-tank-select__btn[b-eyj1y1ndaf] {
  border-left: 1px solid var(--fs-border-400, #bbb);
}

.sentry-tank-select__btn.selected[b-eyj1y1ndaf] {
  background: var(--fs-green-bright, #2e7d32);
  color: #fff;
}

.authorize-open-btn[b-eyj1y1ndaf] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 22px;
  border: none;
  border-radius: 8px;
  background: var(--fs-green-bright, #2e7d32);
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}

.authorize-open-btn:hover[b-eyj1y1ndaf] {
  filter: brightness(1.08);
}

.sentry-tabs[b-eyj1y1ndaf] {
  display: flex;
  gap: 2px;
  margin-top: 14px;
  padding: 0 12px;
  border-bottom: 2px solid var(--fs-border-400, #bbb);
}

.sentry-tab[b-eyj1y1ndaf] {
  padding: 9px 18px;
  border: none;
  border-radius: 8px 8px 0 0;
  background: transparent;
  font-size: 14px;
  font-weight: 600;
  color: var(--fs-text-muted, #666);
  cursor: pointer;
}

.sentry-tab:hover[b-eyj1y1ndaf] {
  background: rgba(0, 0, 0, 0.05);
}

.sentry-tab.active[b-eyj1y1ndaf] {
  background: var(--fs-green-bright, #2e7d32);
  color: #fff;
}

.sentry-modal-overlay[b-eyj1y1ndaf] {
  position: fixed;
  inset: 0;
  background: var(--fs-overlay-backdrop);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 6vh 16px;
  z-index: 1100;
  overflow-y: auto;
}

.sentry-modal[b-eyj1y1ndaf] {
  position: relative;
  width: min(1100px, 94vw);
  background: var(--fs-surface-0, #fff);
  border-radius: 10px;
  box-shadow: var(--fs-shadow-2);
  padding: 8px 4px 4px;
}

/* Narrow variant for small forms (Set Level). The wrapper adds no close
   button — each mounted panel brings its own header ✕ wired to OnClosed. */
.sentry-modal--narrow[b-eyj1y1ndaf] {
  width: min(460px, 94vw);
}

/* The legacy global .sentriesInnerFrame is a wrapping flex row (the old
   side-by-side panel hodgepodge). Force each redesign element onto its own
   full row so tabs don't stretch beside the strip (runtime fix 2026-06-07). */
.sentry-strip[b-eyj1y1ndaf],
.sentry-tabs[b-eyj1y1ndaf],
.sentry-tab-content[b-eyj1y1ndaf] {
  flex: 1 1 100%;
  width: 100%;
  align-self: flex-start;
}

/* Stable height across tab switches: panels remount per switch and the brief
   empty render collapsed the page, so the browser clamped the scroll position
   to the top (runtime fix, pass 4). */
.sentry-tab-content[b-eyj1y1ndaf] {
  min-height: 60vh;
  padding: 0 12px 12px;
  box-sizing: border-box;
}

/* Levels-tab empty state: sentry with no tank links (pass 6). */
.sentry-levels-empty[b-eyj1y1ndaf] {
  margin: 14px 0;
  padding: 18px 20px;
  border: 1px dashed var(--fs-border-400, #bbb);
  border-radius: 8px;
  color: var(--fs-text-muted, #666);
  font-size: 14px;
  max-width: 640px;
}

/* Levels-tab action row (tank selector + Set Level / Tank Fills live beside
   their data — the selector only governs Levels content). */
.sentry-levels-actions[b-eyj1y1ndaf] {
  display: flex;
  align-items: center;
  gap: max(10px, var(--fs-gap-controls, 8px));
  margin: 12px 0 4px;
}
/* /Pages/WasmTransactionPanel.razor.rz.scp.css */
.transactionPanel[b-nxa74u3wy7] {
  margin-top: 20px;
  display: grid;
  width: 100%;
  grid-template-columns: auto;
  grid-template-rows: auto auto;
}

.transactionLayout[b-nxa74u3wy7] {
  display: grid;
  width: 100%;
  grid-template-columns: min-content min-content min-content min-content;
  grid-template-rows: repeat(min-content);
  grid-column-gap: 25px;
  grid-row-gap: 10px;
  grid-auto-flow: row;
  align-items: center;
}

.transactionLabel[b-nxa74u3wy7] {
  grid-column: 1 / 1;
}

.transactionNewLabel[b-nxa74u3wy7] {
}

.labelText[b-nxa74u3wy7] {
  font-size: 18px;
  font-weight: bold;
  color: var(--fs-text-primary, #001000);
  white-space: nowrap;
  user-select: none;
}

.transactionValue[b-nxa74u3wy7] {
}

.valueText[b-nxa74u3wy7] {
  font-size: 18px;
  color: var(--fs-text-secondary, #001000);
  white-space: nowrap;
  user-select: none;
}

.valueTextArea[b-nxa74u3wy7] {
  width: 250px;
  resize: none;
  padding: 4px 8px;
  border-radius: 5px;
  background: var(--fs-input-bg);
  color: var(--fs-text-primary);
  border: 1px solid var(--fs-input-border, #ccc);
}

.newValueEntry[b-nxa74u3wy7] {
  padding: 2px 5px;
  max-width: 150px;
  background: var(--fs-input-bg);
  color: var(--fs-text-primary);
  border: 1px solid var(--fs-input-border, #ccc);
  border-radius: 4px;
}

.newSelect[b-nxa74u3wy7] {
  border: 2px solid var(--fs-border, black);
  border-radius: 3px;
  padding: 3px 5px;
  min-width: 150px;
  max-width: 500px;
  background: var(--fs-input-bg);
  color: var(--fs-text-primary);
}

.sameArea[b-nxa74u3wy7] {
}

.changingArea[b-nxa74u3wy7] {
  color: orangered;
}

.transactionOptions[b-nxa74u3wy7] {
  display: flex;
  width: 100%;
  margin-top: 60px;
  justify-content: center;
  align-items: center;
}

.buttonOption[b-nxa74u3wy7] {
  padding: 8px 10px;
  border-radius: 14px;
  min-width: 200px;
  display: flex;
  margin: 0 15px;
  text-align: center;
  justify-content: center;
  color: #f0f0f0;
  cursor: pointer;
}

  .buttonOption:hover[b-nxa74u3wy7] {
    box-shadow: var(--fs-shadow-1);
    color: #ffffff;
  }

  .buttonOption:active[b-nxa74u3wy7] {
    box-shadow: none;
  }

.buttonSave[b-nxa74u3wy7] {
  background-color: darkgreen;
}

.buttonReset[b-nxa74u3wy7] {
  background-color: darkred;
}

.buttonText[b-nxa74u3wy7] {
  font-size: 26px;
  user-select: none;
}

.saveEnabled[b-nxa74u3wy7] {
}

.saveDisabled[b-nxa74u3wy7] {
  opacity: 0.31;
  pointer-events: none;
}

.noteNeeded[b-nxa74u3wy7] {
  border-color: red !important;
  outline-color: red;
}
/* /Pages/WasmTransactions.razor.rz.scp.css */
/* Page chrome for the WASM Transactions page — carried over from the server
   TransactionsPanel.razor.css (action bar + filter bars + frames), with the
   classic-layout neutralizations the WASM full-height shell needs (align-content
   on the gridPanelFrame, see WasmUnits/WasmJobs) and the import-link +
   loading/no-context fallbacks the WASM pages share. The grid cell styling lives
   in TransactionsView.razor.css (that component owns the grid markup). */

.transactions-outer-frame[b-8xs9t15mpo] {
  width: 100%;
  height: 100%;
}

.transactions-inner-frame[b-8xs9t15mpo] {
  width: 100%;
  min-height: 100%;
  /* Pack the wrapped flex lines at the top — the global .gridPanelFrame's
     default align-content: stretch opens dead bands inside the full-height
     wasm-main shell. */
  align-content: flex-start;
}

/* Action Bar - matches Units page */
.action-bar[b-8xs9t15mpo] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 22px;
  border-bottom: 1px solid var(--fs-border-subtle);
  width: 100%;
  box-sizing: border-box;
}

.page-title[b-8xs9t15mpo] {
  font-size: 18px;
  font-weight: 600;
  color: var(--fs-text-700);
}

.action-spacer[b-8xs9t15mpo] {
  flex: 1;
}

/* Filters Bar */
.filters-bar[b-8xs9t15mpo] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 8px;
  border-bottom: 1px solid var(--fs-border-subtle, #e0eae8);
  flex-wrap: wrap;
}

.advanced-filters-bar[b-8xs9t15mpo] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 10px 22px;
  background: var(--fs-surface-100, #fafffc);
  border-bottom: 1px solid var(--fs-border-subtle, #e0eae8);
  flex-wrap: wrap;
}

.filter-group[b-8xs9t15mpo] {
  display: flex;
  align-items: center;
  gap: 6px;
}

.filter-label[b-8xs9t15mpo] {
  font-size: 13px;
  font-weight: 500;
  color: var(--fs-text-muted);
}

.filter-select[b-8xs9t15mpo],
.filter-input[b-8xs9t15mpo] {
  padding: 5px 10px;
  border: 1px solid var(--fs-border-200);
  border-radius: 4px;
  font-size: 13px;
  background: var(--fs-card-bg);
  color: var(--fs-text-700);
}

.filter-select[b-8xs9t15mpo] {
  min-width: 120px;
}

.filter-input[b-8xs9t15mpo] {
  width: 130px;
}

.filter-input-small[b-8xs9t15mpo] {
  width: 80px;
}

.filter-select:focus[b-8xs9t15mpo],
.filter-input:focus[b-8xs9t15mpo] {
  border-color: var(--fs-green-muted);
  box-shadow: none;
}

.filter-toggle-btn[b-8xs9t15mpo] {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 5px 10px;
  background: var(--fs-card-bg);
  border: 1px solid var(--fs-border-200);
  border-radius: 4px;
  font-size: 13px;
  color: var(--fs-text-700);
  cursor: pointer;
  transition: all 0.15s ease;
}

  .filter-toggle-btn:hover[b-8xs9t15mpo] {
    background: var(--fs-surface-200);
    border-color: var(--fs-text-400);
  }

  .filter-toggle-btn .oi[b-8xs9t15mpo] {
    font-size: 11px;
  }

.filter-clear-btn[b-8xs9t15mpo] {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 5px 10px;
  background: var(--fs-surface-200);
  border: 1px solid var(--fs-border-200);
  border-radius: 4px;
  font-size: 13px;
  color: var(--fs-text-500);
  cursor: pointer;
  transition: all 0.15s ease;
}

  .filter-clear-btn:hover[b-8xs9t15mpo] {
    background: var(--fs-border-subtle);
    color: var(--fs-text-700);
  }

  .filter-clear-btn .oi[b-8xs9t15mpo] {
    font-size: 11px;
  }

/* Grid Panel - matches Units fullWidthUnitsPanel */
.transactions-grid-panel[b-8xs9t15mpo] {
  position: relative;
  display: flex;
  margin: 8px;
  padding: 8px 0;
  width: 100%;
  min-width: 400px;
  flex-wrap: wrap;
}

/* Source Toggle Button Group */
.source-toggle-group[b-8xs9t15mpo] {
  display: flex;
  gap: 4px;
}

.source-toggle-btn[b-8xs9t15mpo] {
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid transparent;
}

/* All button */
.source-toggle-btn.source-all[b-8xs9t15mpo] {
  background: var(--fs-surface-200);
  color: var(--fs-text-500);
  border-color: var(--fs-border-200);
}

.source-toggle-btn.source-all:hover[b-8xs9t15mpo] {
  background: var(--fs-border-subtle);
  border-color: var(--fs-text-400);
}

.source-toggle-btn.source-all.selected[b-8xs9t15mpo] {
  background: var(--fs-accent);
  color: var(--fs-on-accent);
  border-color: var(--fs-accent);
}

html[data-theme="dark"] .source-toggle-btn.selected[b-8xs9t15mpo] {
  background: var(--fs-soft);
  color: var(--fs-on-soft);
  border-color: transparent;
}

/* Sentry button */
.source-toggle-btn.source-sentry[b-8xs9t15mpo] {
  background: var(--fs-success-bg, #dcfce7);
  color: var(--fs-success-text);
  border-color: var(--fs-success-border, #86efac);
}

.source-toggle-btn.source-sentry:hover[b-8xs9t15mpo] {
  background: var(--fs-success-border, #a5d6a7);
  border-color: var(--fs-success-accent, #4ade80);
}

.source-toggle-btn.source-sentry.selected[b-8xs9t15mpo] {
  background: var(--fs-soft);
  color: var(--fs-on-soft);
  border-color: transparent;
}

/* WEX button */
.source-toggle-btn.source-wex[b-8xs9t15mpo] {
  background: var(--fs-blue-light);
  color: var(--fs-blue-dark);
  border-color: var(--fs-line);
}

.source-toggle-btn.source-wex:hover[b-8xs9t15mpo] {
  background: var(--fs-surface-2);
  border-color: var(--fs-border-strong);
}

.source-toggle-btn.source-wex.selected[b-8xs9t15mpo] {
  background: var(--fs-soft);
  color: var(--fs-on-soft);
  border-color: transparent;
}

/* Manual button */
.source-toggle-btn.source-manual[b-8xs9t15mpo] {
  background: var(--fs-blue-light, #dbeafe);
  color: var(--fs-blue-accent, #1d4ed8);
  border-color: var(--fs-border-200, #93c5fd);
}

.source-toggle-btn.source-manual:hover[b-8xs9t15mpo] {
  background: var(--fs-surface-subtle, #bfdbfe);
  border-color: var(--fs-blue-accent, #60a5fa);
}

.source-toggle-btn.source-manual.selected[b-8xs9t15mpo] {
  background: var(--fs-blue-light);
  color: var(--fs-blue-dark);
  border-color: var(--fs-blue-accent);
}

/* Override button (shares the cobalt-orange override hue) */
.source-toggle-btn.source-override[b-8xs9t15mpo] {
  background: var(--fs-warning-bg);
  color: var(--fs-warning-text);
  border-color: var(--fs-line);
}

.source-toggle-btn.source-override:hover[b-8xs9t15mpo] {
  background: var(--fs-warning-bg);
  border-color: var(--fs-warning-accent);
}

.source-toggle-btn.source-override.selected[b-8xs9t15mpo] {
  background: var(--fs-warning-bg);
  color: var(--fs-warning-text);
  border-color: var(--fs-warning-accent);
}

/* Samsara button */
.source-toggle-btn.source-samsara[b-8xs9t15mpo] {
  background: var(--fs-samsara-light, #e0eaff);
  color: var(--fs-samsara-accent, #0047ab);
  border-color: var(--fs-samsara-border, #8aa9ff);
}

.source-toggle-btn.source-samsara:hover[b-8xs9t15mpo] {
  background: var(--fs-samsara-border, #c7d6ff);
  border-color: var(--fs-samsara-accent, #5a7fff);
}

.source-toggle-btn.source-samsara.selected[b-8xs9t15mpo] {
  background: var(--fs-blue-light);
  color: var(--fs-blue-dark);
  border-color: var(--fs-samsara-accent);
}

/* Transaction # Search */
.transaction-search-input[b-8xs9t15mpo] {
  width: 130px;
}

/* Loading / no-context fallbacks */
.wasm-txn-loading[b-8xs9t15mpo],
.wasm-txn-nocontext[b-8xs9t15mpo] {
  padding: 40px 22px;
  color: var(--fs-text-700);
}

  .wasm-txn-nocontext a[b-8xs9t15mpo] {
    color: var(--fs-green-muted);
  }
/* /Pages/WasmUnits.razor.rz.scp.css */
/* Page chrome for the WASM Units page — carried over from the server
   UnitsPanel.razor.css (action bar + frames) and UnitsGrid.razor.css (badges,
   use/status/fuel chips, edit button), with the classic-layout neutralizations
   the WASM full-height shell needs (see WasmJobs.razor.css). */

.firstPanel[b-7zbuccu8dl] {
  margin-top: 0 !important;
}

/* Action Bar */
.action-bar[b-7zbuccu8dl] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 22px;
  border-bottom: 1px solid var(--fs-border-subtle);
  width: 100%;
  box-sizing: border-box;
}

.page-title[b-7zbuccu8dl] {
  font-size: 18px;
  font-weight: 600;
  color: var(--fs-text-700);
}

.action-spacer[b-7zbuccu8dl] {
  flex: 1;
}

/* Container Frames */
.unitsOuterFrame[b-7zbuccu8dl] {
  width: 100%;
  height: 100%;
}

.unitsInnerFrame[b-7zbuccu8dl] {
  width: 100%;
  min-height: 100%;
  /* Pack the wrapped flex lines at the top — the global .gridPanelFrame's
     default align-content: stretch opens dead bands inside the full-height
     wasm-main shell (see WasmJobs.razor.css). */
  align-content: flex-start;
}

.fullWidthUnitsPanel[b-7zbuccu8dl] {
  position: relative;
  display: flex;
  margin: 8px;
  padding: 8px 0;
  width: 100%;
  min-width: 0;
  flex-wrap: wrap;
}

/* Lower-panel slot for the selected unit's TransactionsView (mirrors the
   server UnitsPanel.razor.css .unitTransactionsPanel). */
.unitTransactionsPanel[b-7zbuccu8dl] {
  position: relative;
  display: flex;
  margin: 4px 0 10px 0;
  width: calc(100% - 44px);
  height: fit-content;
  min-width: 0;
  flex-wrap: wrap;
}

/* On Road / Off Road badges */
.useArea[b-7zbuccu8dl] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 10px;
  border-radius: 10px;
  min-width: 60px;
  height: 20px;
  transition: all 0.15s ease;
}

.useText[b-7zbuccu8dl] {
  color: inherit;
  font-size: 11px;
  font-weight: 600;
  user-select: none;
  white-space: nowrap;
}

/* Fuel Use Tags */
.fuelUseArea[b-7zbuccu8dl] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 4px;
  align-items: center;
}

.fuelUseButton[b-7zbuccu8dl] {
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 0 8px;
  border-radius: 4px;
  background: var(--fs-soft);
  border: none;
}

.fuelUseText[b-7zbuccu8dl] {
  color: var(--fs-on-soft);
  font-size: 11px;
  font-weight: 600;
  user-select: none;
  white-space: nowrap;
}

.fuelUseNone[b-7zbuccu8dl] {
  color: var(--fs-text-400);
  font-size: 12px;
  font-style: italic;
  user-select: none;
}

/* Active/Inactive Status Badges */
.activeGridArea[b-7zbuccu8dl],
.inactiveGridArea[b-7zbuccu8dl] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  min-width: 0;
  height: 20px;
}

/* Placeholder text for empty values */
.no-value[b-7zbuccu8dl] {
  color: var(--fs-text-400);
  font-style: italic;
}

/* Integration Badges */
.integration-badges[b-7zbuccu8dl] {
  display: flex;
  gap: 4px;
  padding: 0 4px;
  flex-wrap: wrap;
  align-items: center;
}

.integration-badge[b-7zbuccu8dl] {
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 0 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  margin-top: 1px;
}

  .integration-badge:hover[b-7zbuccu8dl] {
    box-shadow: var(--fs-shadow-1);
  }

.integration-badge[b-7zbuccu8dl]::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  margin-right: 6px;
}

.fleetio-badge[b-7zbuccu8dl] {
  background: var(--fs-blue-light);
  color: var(--fs-blue-dark);
  border: 0;
}

.fleetio-badge[b-7zbuccu8dl]::before {
  background: var(--fs-fleetio-accent);
}

  .fleetio-badge:hover[b-7zbuccu8dl] {
    background: var(--fs-blue-light);
    border-color: var(--fs-blue-accent);
  }

.fleetio-link-badge[b-7zbuccu8dl] {
  background: var(--fs-surface-2);
  color: var(--fs-muted);
  border: 1px dashed var(--fs-border-strong);
  gap: 4px;
  font-size: 11px;
}

.fleetio-link-badge[b-7zbuccu8dl]::before {
  display: none;
}

  .fleetio-link-badge:hover[b-7zbuccu8dl] {
    background: var(--fs-blue-light);
    color: var(--fs-blue-hover);
    border-color: var(--fs-blue-accent);
    border-style: solid;
  }

.link-icon[b-7zbuccu8dl] {
  font-size: 11px;
}

.wex-badge[b-7zbuccu8dl] {
  background: var(--fs-blue-light);
  color: var(--fs-blue-dark);
  border: 0;
}

.wex-badge[b-7zbuccu8dl]::before {
  background: var(--fs-wex-accent);
}

  .wex-badge:hover[b-7zbuccu8dl] {
    background: var(--fs-blue-light);
  }

/* Loading / no-context fallbacks */
.wasm-units-loading[b-7zbuccu8dl],
.wasm-units-nocontext[b-7zbuccu8dl] {
  padding: 40px 22px;
  color: var(--fs-text-700);
}

  .wasm-units-nocontext a[b-7zbuccu8dl] {
    color: var(--fs-green-muted);
  }

.modal-overlay[b-7zbuccu8dl] {
  position: fixed;
  inset: 0;
  background: var(--fs-overlay-backdrop);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.confirmation-dialog[b-7zbuccu8dl] {
  background: var(--fs-card-bg);
  padding: 24px;
  border-radius: 12px;
  box-shadow: var(--fs-shadow-2);
  max-width: 480px;
  width: 90%;
}

.confirmation-dialog h4[b-7zbuccu8dl] {
  margin: 0 0 12px 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--fs-text-800);
}

.confirmation-dialog p[b-7zbuccu8dl] {
  margin: 0 0 12px 0;
  font-size: 14px;
  color: var(--fs-text-secondary);
  line-height: 1.5;
}

.confirmation-actions[b-7zbuccu8dl] {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-top: 20px;
}

.form-hint.error[b-7zbuccu8dl] {
  color: var(--fs-error-text);
}

/* FS-DYED-ONLY-1 */
.dyedContradiction[b-7zbuccu8dl] {
  margin-top: 2px;
  font-size: 11px;
  line-height: 1.1;
  color: var(--fs-warning-text);
  background: var(--fs-warning-bg);
  border-radius: 4px;
  padding: 1px 4px;
}
/* /Pages/WasmUserFields.razor.rz.scp.css */
/* Page chrome for the WASM User Fields page — carried over from the server
   UserFieldsPanel.razor.css + UserFieldsGrid.razor.css, plus the WASM-shell
   additions (loading/no-context states, Server-version link, edit button,
   inline validation select) following WasmUnits.razor.css conventions. */

.wasm-userfields-loading[b-qwrjhguzh9],
.wasm-userfields-nocontext[b-qwrjhguzh9] {
  padding: 40px;
  text-align: center;
  color: var(--fs-text-500);
}

.firstPanel[b-qwrjhguzh9] {
  margin-top: 0 !important;
}

.validationSelect[b-qwrjhguzh9] {
  width: calc(100% - 8px);
  margin: 2px 4px;
  padding: 6px 8px;
  border: 1px solid var(--fs-border-200);
  border-radius: 6px;
  font-size: 13px;
  background-color: var(--fs-card-bg);
  color: var(--fs-text-700);
}

/* Container Frames */
.unitsOuterFrame[b-qwrjhguzh9] {
  width: 100%;
  height: 100%;
}

/* Integration Badges */
.integration-badges[b-qwrjhguzh9] {
  display: flex;
  gap: 4px;
  padding: 0 4px;
  flex-wrap: wrap;
  align-items: center;
}

.userFieldsOuterFrame[b-qwrjhguzh9] {
  animation: slideIn-b-qwrjhguzh9 0.25s ease-out;
}

@keyframes slideIn-b-qwrjhguzh9 {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.userFieldsInnerFrame[b-qwrjhguzh9] {
  /* Pack the wrapped flex lines at the top — the global .gridPanelFrame's
     default align-content: stretch opens dead bands inside the full-height
     wasm-main shell (see WasmJobs.razor.css). */
  align-content: flex-start;
}

/* Action Bar */
.action-bar[b-qwrjhguzh9] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 22px;
  /* background: #f9fafb; */
  border-bottom: 1px solid var(--fs-border-subtle);
  width: 100%;
  box-sizing: border-box;
}

.page-title[b-qwrjhguzh9] {
  font-size: 18px;
  font-weight: 600;
  color: var(--fs-text-700);
}

.action-spacer[b-qwrjhguzh9] {
  flex: 1;
}

.add-job-btn[b-qwrjhguzh9] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 500;
  color: var(--fs-text-700);
  background-color: var(--fs-card-bg);
  border: 1px solid var(--fs-border-200);
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
}

  .add-job-btn:hover[b-qwrjhguzh9] {
    background-color: var(--fs-surface-200);
    border-color: var(--fs-text-400);
  }

  .add-job-btn .oi[b-qwrjhguzh9] {
    font-size: 13px;
  }

/* Info Block */
.info-block[b-qwrjhguzh9] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  margin-bottom: 16px;
  background-color: var(--fs-success-bg);
  border: 1px solid var(--fs-success-border);
  border-radius: 8px;
}

  .info-block .oi[b-qwrjhguzh9] {
    color: var(--fs-green-600);
    font-size: 16px;
    margin-top: 2px;
  }

.info-text[b-qwrjhguzh9] {
  font-size: 14px;
  color: var(--fs-success-text);
  line-height: 1.5;
}

.userFieldsPanel[b-qwrjhguzh9] {
  position: relative;
  display: flex;
  margin: 0 0 24px 0;
  min-width: 400px;
  flex-wrap: wrap;
}

.userFieldValidationsPanel[b-qwrjhguzh9] {
  position: relative;
  display: flex;
  margin: 0;
  min-width: 400px;
  flex-wrap: wrap;
}

.userFieldsContent[b-qwrjhguzh9] {
  padding: 20px;
  display: block;
}

.fullWidthLine[b-qwrjhguzh9] {
  width: 100%;
  height: fit-content;
  margin: 30px 10px 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.titleText[b-qwrjhguzh9] {
  font-size: 26px;
  font-weight: 600;
  color: #2d6a4f;
  user-select: none;
}

.titleBlock[b-qwrjhguzh9] {
  display: block;
  width: calc(100% - 40px);
  text-align: center;
}

.userFieldsHolder[b-qwrjhguzh9] {
  margin-left: 0px;
  margin-top: 6px;
  margin-bottom: 8px;
  width: calc(100% - 0px);
  height: calc(100% - 14px);
}

.userFieldStateText[b-qwrjhguzh9] {
  font-size: 14px;
  font-weight: 500;
  color: #2d6a4f;
  user-select: none;
}

.sortButtonFrame[b-qwrjhguzh9] {
  display: inline-grid;
  margin-top: 2px;
  grid-template-columns: 26px 26px;
  grid-template-rows: 26px;
  grid-column-gap: 4px;
  grid-auto-flow: row;
}

.sortButton[b-qwrjhguzh9] {
  width: 26px;
  height: 26px;
  border-radius: 13px;
  background-color: #40916c;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 12px;
  border: none;
  cursor: pointer;
  transition: background-color 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;
}

  .sortButton:hover[b-qwrjhguzh9] {
    background-color: #2d6a4f;
    box-shadow: var(--fs-shadow-1);
  }

  .sortButton:active[b-qwrjhguzh9] {
    box-shadow: var(--fs-shadow-1);
    transform: translateY(1px);
  }

.sortUpButton[b-qwrjhguzh9] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAxCAYAAADNyhlBAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKZGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4wLWMwMDAgNzkuMTcxYzI3ZiwgMjAyMi8wOC8xNi0xODowMjo0MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjUgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMS0xMC0xN1QxNzoxMjozMC0wNTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMi0xMS0yNVQxMzowNDoxOC0wNjowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjItMTEtMjVUMTM6MDQ6MTgtMDY6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk4MjkyMzdiLWVlNTctMjU0OS04ZmUzLTYwMDk3OTEzNzU4MSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjA4NWY4MzY0LWRjNjEtZWU0NS05ZGZjLWRmZGM2YmNjZGI3NyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjE2OTVjYjg4LWQyMDgtNWI0OC1hZDIyLTgyNGJhZGE0NzQ0MiIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgdGlmZjpPcmllbnRhdGlvbj0iMSIgdGlmZjpYUmVzb2x1dGlvbj0iNzIwMDAwLzEwMDAwIiB0aWZmOllSZXNvbHV0aW9uPSI3MjAwMDAvMTAwMDAiIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiIGV4aWY6Q29sb3JTcGFjZT0iNjU1MzUiIGV4aWY6UGl4ZWxYRGltZW5zaW9uPSIzMCIgZXhpZjpQaXhlbFlEaW1lbnNpb249IjQ5Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNjk1Y2I4OC1kMjA4LTViNDgtYWQyMi04MjRiYWRhNDc0NDIiIHN0RXZ0OndoZW49IjIwMjEtMTAtMTdUMTc6MTI6MzAtMDU6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ODE3OTU4MDAtOGQ5OC1kNzQxLWFhM2YtZGIyYWU5ZGYxYmZlIiBzdEV2dDp3aGVuPSIyMDIyLTExLTI1VDEzOjAzOjMzLTA2OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjQuMCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjQyNWU3NmY4LWExMGYtMjA0Zi04NzU4LWM3YWY3ZjY0MzE0YyIgc3RFdnQ6d2hlbj0iMjAyMi0xMS0yNVQxMzowNDoxOC0wNjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI0LjAgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjb252ZXJ0ZWQiIHN0RXZ0OnBhcmFtZXRlcnM9ImZyb20gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCB0byBpbWFnZS9wbmciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImRlcml2ZWQiIHN0RXZ0OnBhcmFtZXRlcnM9ImNvbnZlcnRlZCBmcm9tIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AgdG8gaW1hZ2UvcG5nIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo5ODI5MjM3Yi1lZTU3LTI1NDktOGZlMy02MDA5NzkxMzc1ODEiIHN0RXZ0OndoZW49IjIwMjItMTEtMjVUMTM6MDQ6MTgtMDY6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNC4wIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDI1ZTc2ZjgtYTEwZi0yMDRmLTg3NTgtYzdhZjdmNjQzMTRjIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE2OTVjYjg4LWQyMDgtNWI0OC1hZDIyLTgyNGJhZGE0NzQ0MiIgc3RSZWY6b3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjE2OTVjYjg4LWQyMDgtNWI0OC1hZDIyLTgyNGJhZGE0NzQ0MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pql51bIAAAUpSURBVFiFxZhPbxNHGMaf3fWfeB17s/HG1ApxZINpSkgrN4lU2lQcegD1xCE5gzhV4jv0gISUCyqqFOXQLwC5BXEh4hKUkFAiilSlENkLdgiUEMWOWStaO/FMD81O195dew0peaSR17Mz85v33fedmV2OUoqjEH8kVAAe4yIajSIQCEAQBBBCwHEcKKXgOA4AQCmFx+OBqqoYGRlJX79+/erLly+1Gzdu/FKpVNY1TQOlFDzPgxACAKyv0R8AisViPbjlDA+giURi6Pbt2/PJZDIEAIODgz9MTEx8WywWy7Is18GayZWrDWh/f/+Xi4uLjwwoAIyNjQ3dunXrSSQSkTRNQ7VaBYCWE2gJFgQB2WwWyWTy68XFxYexWCzQ2ObcuXOpe/fuLXV2dnZpmgZBENAqaJuCDUuTyWT6wYMHD3t7e4NObYeHh7+Ym5tb7uvrC29vb6NWq4HnnYe3vcNxHIOmUqmRpaWlR729vX4AtpYYdaOjo5/PzMz8oShKdHd3l7ndVpRSUErR09ODeDyORCKBEydOAABOnTo1urm5qdMDEUKok8z3VldXM8eOHesGAEVR0NXVxYrBs4BPnjwJAEilUqPv3r2rNoM0m8jjx49z/f393QAQDAYhy7I9OBqNIpFIAAAGBgbObm1t7bdraaNWVlZyiqJ8xvM8JElyBgPAmTNnvtnc3LSFNoM4tVlbW1Pj8XgPAMiybAUDwNDQ0HeFQoE4DWKua+fe06dPN+LxeMwcU+xibGzse1VVtZYmtYA6/b979+5yJBKRLOA7d+786hbi1Mb8a9fv8uXLPxk8lsfPnj0rOOV0M1HTRmL+bey3s7ODra2tvCWPRVH0TU1NzRizq9VqluLkTkKIpZ1xbejKlSs/m3kcPQisSCQCXdeFCxcuDKfT6a5SqVTheZ7d93q9JJ/P/33x4sWb4+PjP5qtmZ6enlxZWflNUZS40Z5SCkEQIIqif2Fh4dX9+/f/kiTJui1KkoRgMFh78+bN793d3SiXy2xv9fv9AIC5uTkMDg7m0aDXr1//ubGx8ULX9ReG6wkh8Hg84HkexWIRiqLU9WFgQggEQYAkSQiHw+w5eb1eAICqqhAEAbIs+xvBwWDQGwqF0NnZyZ6xAfZ4PAiFQqzOAraTz+cDIQTZbBbv3783LLfb76g5yNzIdneilMLn8wEAgwYCAWNgy+jcv3INtQUbUEII1tbWGJT+t8JZLD4IXJhLq4nUudqAUkqhqio0TUMgEDCsammxHcyIckeL9/b2AACVSgWZTMZiqbm4sZhSyk6r1WoVlUoF+/v7VnA4HIYsyygXCygUCgxqI0ul2WJzMTwVi8UQCoXqjkLM1cePH2ezJIQ4usguiswWN0rXdcRiMZw/fx66rlvBZjc0CwxqM3qzZwwA1WoVoiiyPK8Du0mHg8HbyxsT3CwGdnKtWW7Sya1cv8I0wOvUytWHAnaYzP9vMdpcQFqC2wguS/1HWew2uD4knez0IV8E7BaQtgc5lHTiOK5tMgM3e6U0t3FYQNpeVI5+AXEb1XBIJ57nXXnNAv4YHZyt6w5zrsGfOp0OZXf6qGdsnJ+byev1oqOjw/Ig/X6/VxRFdj5rC/z8+fOWjdfX16GqquXlLpfLlbLZLEqlkmswezcKBh2/JDHt7u5CUZS++fn5J6dPn1YAYHZ2dvnSpUtnRVFkZ/FmyuVy9WDjU0QzCYKAt2/fIp1Of3Xt2rWr+Xxem5ycvLm3t/dKkiRXUZ3JZOrBn1pH9tn4H+bEMGc2HQEHAAAAAElFTkSuQmCC);
}

.sortDownButton[b-qwrjhguzh9] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAxCAYAAADNyhlBAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKcmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4wLWMwMDAgNzkuMTcxYzI3ZiwgMjAyMi8wOC8xNi0xODowMjo0MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjUgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMS0xMC0xN1QxNzoxMjozMC0wNTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMi0xMS0yNVQxMzowMzo1OS0wNjowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjItMTEtMjVUMTM6MDM6NTktMDY6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmQ5NjQzMDgwLWVkNDYtZDk0OS05MGVjLTAwMDE2M2FiM2ZmZSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjVlZDc4OGYwLWZlZDEtZTc0ZC1iZGU2LTM2NWM0N2JhZTFhZiIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjE2OTVjYjg4LWQyMDgtNWI0OC1hZDIyLTgyNGJhZGE0NzQ0MiIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgdGlmZjpPcmllbnRhdGlvbj0iMSIgdGlmZjpYUmVzb2x1dGlvbj0iNzIwMDAwLzEwMDAwIiB0aWZmOllSZXNvbHV0aW9uPSI3MjAwMDAvMTAwMDAiIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiIGV4aWY6Q29sb3JTcGFjZT0iNjU1MzUiIGV4aWY6UGl4ZWxYRGltZW5zaW9uPSIzMCIgZXhpZjpQaXhlbFlEaW1lbnNpb249IjQ5Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNjk1Y2I4OC1kMjA4LTViNDgtYWQyMi04MjRiYWRhNDc0NDIiIHN0RXZ0OndoZW49IjIwMjEtMTAtMTdUMTc6MTI6MzAtMDU6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZjY5ZTEzNzAtMDZjOS02YjQ5LWI4NDUtOWIwYzA0NzYxMmRiIiBzdEV2dDp3aGVuPSIyMDIxLTEwLTE3VDE3OjEzOjE0LTA1OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuNSAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjY5MjZiNjMzLTAyZWYtZmY0YS05NmViLTUzMDBlZGJhYTljYSIgc3RFdnQ6d2hlbj0iMjAyMi0xMS0yNVQxMzowMzo1OS0wNjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI0LjAgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjb252ZXJ0ZWQiIHN0RXZ0OnBhcmFtZXRlcnM9ImZyb20gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCB0byBpbWFnZS9wbmciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImRlcml2ZWQiIHN0RXZ0OnBhcmFtZXRlcnM9ImNvbnZlcnRlZCBmcm9tIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AgdG8gaW1hZ2UvcG5nIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpkOTY0MzA4MC1lZDQ2LWQ5NDktOTBlYy0wMDAxNjNhYjNmZmUiIHN0RXZ0OndoZW49IjIwMjItMTEtMjVUMTM6MDM6NTktMDY6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNC4wIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjkyNmI2MzMtMDJlZi1mZjRhLTk2ZWItNTMwMGVkYmFhOWNhIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NmRmM2YyNTUtY2ZkMS0yYzQ1LTgxZGMtMTU3ZWIxZTA2YjM3IiBzdFJlZjpvcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MTY5NWNiODgtZDIwOC01YjQ4LWFkMjItODI0YmFkYTQ3NDQyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+GjcfmgAABRJJREFUWIXFmE1PG0cYx/87XnaDE8cLXkMrqB1qOyFRUEUblIBduBFVOXCpIk4gcULKpZ+gqpAiwQG1l3yDnKoec+wlUg6WDG3UilbEsgmvCw5hay/4Bds7PcAsZnf9sqCWv7TyevbZ+c3zzDzzaIejlOIqRK6ECoBnN11dXU2NXS4Xdnd3MTg4+MXc3Nyz9fV1bX5+/qdyubzp9Xqh63rTPpLJ5Hnw0dFR05fy+TxkWf7s5cuXv967d08GgN7e3pHp6elhQggEQWjaB5MBlmW5qfHGxgZmZ2e/Y1AAmJiYeDQ1NfVtIpH4xe/3Owf39/c3NRZFEaFQqNPcfuvWLa+qqvD5fM7B5XK5qXG5XEaxWLRMZKlUKufzebjdbufgVtKKUgpqY8idCBzHOQe38tJp5xZDeqKWBm8BX0Ycx3GEEBDS+rbgONQALIaUUqrrekt5bAG3GmoAFsNLzXEro9V13XZxwSYKLYMv4zGltHVXT3WRImGXTo47ufp0crCB2A3o4ovLgWzT6co2kP/cY7vOL+XxlW0gl6lOrUgQhHN7uQHmeR6UUrA9t97oL5JOoigin8+jWCxawVtbW7h27Rra29shCAI4jrPtyGk9FkUROzs7iMfjyOfzRrvhey6Xg6qquHHjBjo7O1EoFOp53dDj2uv0GRRFgaZp5+qBAW5razNGGIlEcPPmTQNuvhp5XHsRQkAphSAIEEURPM9bwacd4Pj4GBzHIRQKwePxoFAoGCNvVI/reVxvrViKBIMTQnDnzh2L53ahtvO42eK3rU4MDgDhcNiAN/PYiRqWRRb2SCQCSZJQKpUAG49xmmVOdi9jtgkhqFQqyGazyOVyODw8BCEEuq5DFEV0d3ejWq1CVdWSuZOjo6OypmkQRRGUUnAcB13XwfM8CCHQNM1ot4Cz2SyKxaJraGjoq2AwKGWz2RIhhGMetLW16ePj40okEgmawT09PQOKonwuy3KgNo1cLhfcbreoKMrm8vLyX16v9+wlFh632y28ePHi59P5otVq1XLpuk5rxf7rum6xY/dMMzMz39fyjJuFhYUf6AVkHkw9qapKnzx58g3jGYvr7t27lo8xNsJGqk2d2l/ze5Ikwe/3n00TM4rFYl+nUintol7WmwamV69exX0+n5eaQw0AAwMD0YODA73ey7VtTp69fft2KxAIfGo7x+wo4v79+4/29vYqdvBW5tNss7q6mgoEAn4A6OjosAf39fUBAPr7+4c/fPhgC28GqtXS0tJ7WZY/IYTA6/VCkiQr2O/3IxAIIBwOAwAikchQJpM5bgRrBE0kEu+DwWAnAFy/fh0dHR2NwX19fQiFQgCA27dvD+3t7RWder6yspLs7u7uBE7OViRJMi5qTqdaVatVhMNhvHv3LhGLxWKZTKZsTh1zyrHtMB6Pp8fGxqL7+/sHHo8H1WrVtjTagimlqFQqCIVCSCaTS8PDww+3t7dLDG4Wa0skEqtPnz4d3N/fz7jd7obHTw2rE4On0+nfR0dHR7a3t+sehi0vL/89Pj7+aHNzM+fz+eByuRp++jb9WmRhT6fTv0Wj0RFFUQpmm9evXycfP348fHh4+E+j8DoCA2eer6+v/xGNRh+m02mNPXvz5s2fk5OTX378+DHr8XiM8NqthVoZZa+rqwvt7e1GiNhCYiOnlILneaRSKTx48GDw+fPnz9bW1rTFxcUfS6XSBqu5rIYD59cD46iqeh78f+vKjo3/BREzMqWEA4lgAAAAAElFTkSuQmCC);
}

.sort_enabled[b-qwrjhguzh9] {
}

.sort_disabled[b-qwrjhguzh9] {
  pointer-events: none;
  opacity: 0.32;
}

.sort_invisible[b-qwrjhguzh9] {
  pointer-events: none;
  opacity: 0;
}

.no-value[b-qwrjhguzh9] {
  font-style: italic;
  color: var(--fs-text-400);
}

.field-type[b-qwrjhguzh9] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
}

.type-unit[b-qwrjhguzh9] {
  background-color: #dbeafe;
  color: #1e40af;
}

.type-job[b-qwrjhguzh9] {
  background-color: #dcfce7;
  color: var(--fs-success-text);
}

.type-custom[b-qwrjhguzh9] {
  background-color: #fef3c7;
  color: #92400e;
}

.type-empty[b-qwrjhguzh9] {
  background-color: transparent;
  color: var(--fs-text-400);
  font-style: italic;
  font-weight: 400;
}
/* /Pages/WasmUserGroups.razor.rz.scp.css */
.user-groups-page[b-js2740c4fh] {
  padding: 24px;
  max-width: 1200px;
  margin: 0 auto;
}

.page-header[b-js2740c4fh] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 24px;
  gap: 16px;
  flex-wrap: wrap;
}

.header-content h1[b-js2740c4fh] {
  margin: 0 0 4px 0;
  font-size: 26px;
  color: var(--fs-text-900);
}

.header-content .subtitle[b-js2740c4fh] {
  margin: 0;
  color: var(--fs-text-500);
  font-size: 14px;
}

/* WASM-shell additions: header escape link + session-loading / role /
   no-context fallback states. */
.header-actions[b-js2740c4fh] {
  display: flex;
  align-items: center;
  gap: 12px;
}

.server-link[b-js2740c4fh] {
  font-size: 12px;
  color: var(--fs-green-muted);
  text-decoration: none;
  white-space: nowrap;
}

.server-link:hover[b-js2740c4fh] {
  text-decoration: underline;
}

.wasm-usergroups-loading[b-js2740c4fh] {
  padding: 40px;
  text-align: center;
  color: var(--fs-text-500);
}

.wasm-usergroups-nocontext[b-js2740c4fh] {
  padding: 40px;
  max-width: 640px;
  margin: 0 auto;
  text-align: center;
  color: var(--fs-text-500);
}

.wasm-usergroups-nocontext a[b-js2740c4fh] {
  color: var(--fs-green-muted);
}

/* Loading/Empty states */
.loading-state[b-js2740c4fh],
.empty-state[b-js2740c4fh] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  text-align: center;
  color: var(--fs-text-500);
}

.empty-state .oi[b-js2740c4fh] {
  font-size: 26px;
  color: var(--fs-border-200);
  margin-bottom: 16px;
}

.empty-state h3[b-js2740c4fh] {
  margin: 0 0 8px 0;
  color: var(--fs-text-700);
}

.empty-state p[b-js2740c4fh] {
  margin: 0 0 20px 0;
}

.spinning[b-js2740c4fh] {
  animation: spin-b-js2740c4fh 1s linear infinite;
}

@keyframes spin-b-js2740c4fh {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Groups Grid */
.groups-grid[b-js2740c4fh] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 16px;
}

.group-card[b-js2740c4fh] {
  background: var(--fs-card-bg);
  border: 1px solid var(--fs-border-subtle);
  border-radius: 10px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.group-header[b-js2740c4fh] {
  display: flex;
  align-items: center;
  gap: 10px;
}

.group-icon[b-js2740c4fh] {
  font-size: 22px;
  color: #10b981;
}

.group-header h3[b-js2740c4fh] {
  margin: 0;
  font-size: 18px;
  color: var(--fs-text-900);
}

.group-meta[b-js2740c4fh] {
  display: flex;
  gap: 12px;
  font-size: 13px;
  color: var(--fs-text-500);
}

.member-count[b-js2740c4fh] {
  display: flex;
  align-items: center;
  gap: 4px;
}

.member-preview[b-js2740c4fh] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.member-chip[b-js2740c4fh] {
  display: inline-block;
  padding: 4px 10px;
  background: var(--fs-surface-200);
  border-radius: 12px;
  font-size: 12px;
  color: var(--fs-text-700);
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-chip.more[b-js2740c4fh] {
  background: #dbeafe;
  color: #1e40af;
}

.group-actions[b-js2740c4fh] {
  display: flex;
  gap: 8px;
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid var(--fs-surface-200);
}

/* Modal */
.modal-overlay[b-js2740c4fh] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--fs-overlay-backdrop);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  padding: 20px;
}

.group-modal[b-js2740c4fh] {
  background: var(--fs-card-bg);
  border-radius: 12px;
  width: 90%;
  max-width: 600px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  box-shadow: var(--fs-shadow-2);
  box-sizing: border-box;
}

.modal-header[b-js2740c4fh] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  border-bottom: 1px solid var(--fs-border-subtle);
}

.modal-header h2[b-js2740c4fh] {
  margin: 0;
  font-size: 22px;
  color: var(--fs-text-900);
}

.modal-body[b-js2740c4fh] {
  padding: 20px;
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
  box-sizing: border-box;
}

.modal-body *[b-js2740c4fh] {
  box-sizing: border-box;
  max-width: 100%;
}

.modal-footer[b-js2740c4fh] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 20px;
  border-top: 1px solid var(--fs-border-subtle);
}

/* Form elements */
.form-group[b-js2740c4fh] {
  margin-bottom: 20px;
}

.form-group label[b-js2740c4fh] {
  display: block;
  margin-bottom: 6px;
  font-weight: 500;
  color: var(--fs-text-700);
  font-size: 14px;
}

.form-group input[b-js2740c4fh] {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--fs-border-200);
  border-radius: 6px;
  font-size: 14px;
  box-sizing: border-box;
}

.form-group input:focus[b-js2740c4fh] {
  border-color: #10b981;
  box-shadow: none;
}

.form-section[b-js2740c4fh] {
  margin-top: 24px;
}

.section-header[b-js2740c4fh] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.section-header h3[b-js2740c4fh] {
  margin: 0;
  font-size: 16px;
  color: var(--fs-text-700);
}

.btn-add[b-js2740c4fh] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  background: #ecfdf5;
  color: #059669;
  border: 1px solid #a7f3d0;
  border-radius: 6px;
  font-size: 13px;
  cursor: pointer;
}

.btn-add:hover[b-js2740c4fh] {
  background: #d1fae5;
}

.empty-hint[b-js2740c4fh] {
  color: var(--fs-text-400);
  font-size: 14px;
  font-style: italic;
  margin: 0;
  padding: 12px;
  background: var(--fs-surface-100);
  border-radius: 6px;
  text-align: center;
}

.members-list[b-js2740c4fh] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.member-row[b-js2740c4fh] {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

.member-row select[b-js2740c4fh],
.member-row input[b-js2740c4fh] {
  padding: 8px 10px;
  border: 1px solid var(--fs-border-200);
  border-radius: 6px;
  font-size: 14px;
  flex: 1;
  min-width: 120px;
  box-sizing: border-box;
}

.member-row select:first-child[b-js2740c4fh] {
  flex: 0 0 140px;
}

.member-row input[type="email"][b-js2740c4fh],
.member-row input[type="tel"][b-js2740c4fh] {
  flex: 1;
  min-width: 100px;
}

.btn-remove[b-js2740c4fh] {
  padding: 8px;
  background: var(--fs-error-bg);
  color: var(--fs-error-accent);
  border: 1px solid #fecaca;
  border-radius: 6px;
  cursor: pointer;
  flex-shrink: 0;
}

.btn-remove:hover[b-js2740c4fh] {
  background: var(--fs-error-border);
}

/* Confirm Modal */
.confirm-modal[b-js2740c4fh] {
  background: var(--fs-card-bg);
  border-radius: 12px;
  padding: 24px;
  max-width: 400px;
  text-align: center;
}

.confirm-icon[b-js2740c4fh] {
  width: 48px;
  height: 48px;
  background: var(--fs-error-bg);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
}

.confirm-icon .oi[b-js2740c4fh] {
  font-size: 26px;
  color: var(--fs-error-accent);
}

.confirm-modal h3[b-js2740c4fh] {
  margin: 0 0 8px 0;
  color: var(--fs-text-900);
}

.confirm-modal p[b-js2740c4fh] {
  margin: 0 0 20px 0;
  color: var(--fs-text-500);
}

.confirm-actions[b-js2740c4fh] {
  display: flex;
  justify-content: center;
  gap: 12px;
}
/* /Pages/WasmUserRegistrations.razor.rz.scp.css */
.userRegistrationsFrame[b-7ucaib0me4] {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: start;
  overflow: auto;
}

.userRegistrationsPane[b-7ucaib0me4] {
  margin: 30px;
  display: inline-grid;
  border-radius: 8px;
  background-color: var(--fs-card-bg);
  grid-template-columns: auto;
  grid-template-rows: min-content min-content;
  grid-auto-flow: column;
  border: 1px solid var(--fs-border-200, #d0d0d0);
  box-shadow: var(--fs-shadow-1);
  min-width: 600px;
  max-width: 800px;
}

.userRegistrationsPaneTitleArea[b-7ucaib0me4] {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 16px 24px 12px 24px;
  border-radius: 8px 8px 0 0;
  background-color: var(--fs-success-bg, #f0fff4);
  border-bottom: 1px solid var(--fs-divider);
}

.userRegistrationsPaneTitleText[b-7ucaib0me4] {
  font-size: 22px;
  color: var(--fs-green-muted);
  user-select: none;
  font-weight: 600;
}

/* WASM-shell addition: escape link back to the server-rendered page. */
.userRegistrationsServerLink[b-7ucaib0me4] {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  color: var(--fs-green-muted);
  text-decoration: none;
}

.userRegistrationsServerLink:hover[b-7ucaib0me4] {
  text-decoration: underline;
}

.userRegistrationsGrid[b-7ucaib0me4] {
  display: inline-grid;
  padding: 24px 32px 32px 32px;
  grid-template-columns: auto min-content;
  grid-template-rows: repeat(2, min-content);
  grid-column-gap: 16px;
  grid-row-gap: 20px;
  grid-auto-flow: row;
  height: fit-content;
  align-items: center;
}

.userRegistrationsLabelArea[b-7ucaib0me4] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.userRegistrationsLabelText[b-7ucaib0me4] {
  font-size: 16px;
  color: var(--fs-text-secondary);
  user-select: none;
  font-weight: 500;
}

.userRegistrationsValueText[b-7ucaib0me4] {
  font-size: 22px;
  color: var(--fs-green-muted);
  user-select: none;
  font-weight: 600;
  letter-spacing: 2px;
}

.userRegistrationsValueArea[b-7ucaib0me4] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  white-space: nowrap;
  gap: 12px;
}

.userRegistrationsInput[b-7ucaib0me4] {
  padding: 8px 12px;
  border: 1px solid var(--fs-border-200);
  border-radius: 6px;
  font-size: 16px;
  color: var(--fs-text-700);
  min-width: 200px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  background: var(--fs-input-bg);
}

  .userRegistrationsInput:focus[b-7ucaib0me4] {
    border-color: #40916c;
    box-shadow: none;
  }

  .userRegistrationsInput[b-7ucaib0me4]::placeholder {
    color: var(--fs-input-placeholder, #a0a0a0);
  }

.userRegistrationsButton[b-7ucaib0me4] {
  padding: 8px 20px;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  color: var(--fs-on-accent);
  user-select: none;
  display: inline-flex;
  width: fit-content;
  min-width: 130px;
  text-align: center;
  justify-content: center;
  align-items: center;
  background-color: var(--fs-green-muted);
  cursor: pointer;
  transition: all 0.15s ease;
}

  .userRegistrationsButton:hover[b-7ucaib0me4] {
    background-color: var(--fs-green-dark);
    box-shadow: none;
  }

  .userRegistrationsButton:active[b-7ucaib0me4] {
    box-shadow: var(--fs-shadow-1) !important;
    transform: translateY(1px);
  }

.userRegistrationsButtonDisabled[b-7ucaib0me4] {
  opacity: 0.4;
  pointer-events: none;
  background-color: var(--fs-btn-secondary, #a0a0a0);
  cursor: not-allowed;
}

/* WASM-shell additions: session-loading / role-fallback / no-context states. */
.wasm-userreg-loading[b-7ucaib0me4] {
  padding: 40px;
  text-align: center;
  color: var(--fs-text-500);
}

.wasm-userreg-nocontext[b-7ucaib0me4] {
  padding: 40px;
  max-width: 640px;
  margin: 0 auto;
  text-align: center;
  color: var(--fs-text-500);
}

.wasm-userreg-nocontext a[b-7ucaib0me4] {
  color: var(--fs-green-muted);
}
/* /Pages/WasmUsers.razor.rz.scp.css */
/* Page chrome for the WASM Portal Users page — carried over from the server
   UsersPanel.razor.css + UsersGrid.razor.css, plus the WASM-shell additions
   (loading/no-context states, Server-version link) following WasmJobs/
   WasmUserFields conventions. The grid cell templates live in WasmUsers.razor,
   so their scope is this component — the badges/status/edit styles below reach
   them. */

.wasm-users-loading[b-gf58wgnazf],
.wasm-users-nocontext[b-gf58wgnazf] {
  padding: 40px;
  text-align: center;
  color: var(--fs-text-500);
}

.firstPanel[b-gf58wgnazf] {
  margin-top: 0 !important;
}

/* Action Bar */
.action-bar[b-gf58wgnazf] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 22px;
  border-bottom: 1px solid var(--fs-border-subtle);
  width: 100%;
  box-sizing: border-box;
}

.page-title[b-gf58wgnazf] {
  font-size: 18px;
  font-weight: 600;
  color: var(--fs-text-700);
}

.action-spacer[b-gf58wgnazf] {
  flex: 1;
}

.user-import[b-gf58wgnazf] {
  margin: 16px 24px 0;
  padding: 16px;
  background: var(--fs-card-bg);
  border: 1px solid var(--fs-border-subtle);
  border-radius: 8px;
  box-shadow: var(--fs-shadow-md);
}

.user-import-kicker[b-gf58wgnazf] {
  margin: 0 0 4px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--fs-text-secondary);
}

.user-import-summary[b-gf58wgnazf],
.user-import-note[b-gf58wgnazf] {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.45;
  color: var(--fs-text-secondary);
}

.user-import-note--error[b-gf58wgnazf] {
  color: var(--fs-error-text);
}

.user-import-file[b-gf58wgnazf] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.user-import-table-wrap[b-gf58wgnazf] {
  max-height: 320px;
  overflow: auto;
  margin: 0 0 12px;
  border: 1px solid var(--fs-border-subtle);
  border-radius: 8px;
}

.user-import-table[b-gf58wgnazf] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.user-import-table th[b-gf58wgnazf] {
  position: sticky;
  top: 0;
  padding: 8px 12px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-align: left;
  color: var(--fs-text-secondary);
  background: var(--fs-card-bg);
}

.user-import-table td[b-gf58wgnazf] {
  padding: 8px 12px;
  border-top: 1px solid var(--fs-border-subtle);
  vertical-align: top;
}

.user-import-table tbody tr[b-gf58wgnazf] {
  height: 40px;
}

.user-import-num[b-gf58wgnazf] {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.user-import-pill[b-gf58wgnazf] {
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  background: var(--fs-surface-200);
  color: var(--fs-text-secondary);
}

.user-import-pill[data-action="create"][b-gf58wgnazf] {
  background: var(--fs-success-bg);
  color: var(--fs-success-text);
}

.user-import-pill[data-action="update"][b-gf58wgnazf] {
  background: var(--fs-warning-bg);
  color: var(--fs-warning-text);
}

.user-import-pill[data-action="error"][b-gf58wgnazf] {
  background: var(--fs-error-bg);
  color: var(--fs-error-text);
}

.user-import-dialog[b-gf58wgnazf] {
  width: min(440px, calc(100vw - 32px));
  padding: 24px;
  border: 1px solid var(--fs-border-subtle);
  border-radius: 12px;
  background: var(--fs-card-bg);
  color: var(--fs-text-primary);
  box-shadow: var(--fs-shadow-lg);
}

.user-import-dialog[b-gf58wgnazf]::backdrop {
  background: var(--fs-overlay-backdrop);
}

.user-import-dialog h2[b-gf58wgnazf] {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}

.user-import-dialog p[b-gf58wgnazf] {
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 1.45;
  color: var(--fs-text-secondary);
}

.user-import-dialog-actions[b-gf58wgnazf] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

/* Container Frames */
.usersOuterFrame[b-gf58wgnazf] {
  width: 100%;
  height: 100%;
}

.usersInnerFrame[b-gf58wgnazf] {
  width: 100%;
  min-height: 100%;
  /* Pack the wrapped flex lines at the top — the global .gridPanelFrame's
     default align-content: stretch opens dead bands inside the full-height
     wasm-main shell (see WasmJobs.razor.css). */
  align-content: flex-start;
}

/* Panel Layouts */
.fullWidthUsersPanel[b-gf58wgnazf] {
  position: relative;
  display: flex;
  margin: 8px;
  padding: 8px 0;
  width: 100%;
  min-width: 400px;
  flex-wrap: wrap;
}

/* ── Grid cell templates (from UsersGrid.razor.css) ───────────────────────── */

.user-portrait[b-gf58wgnazf] {
  border-radius: 50%;
  border: 1px solid lightgray;
  box-shadow: var(--fs-shadow-1);
}

/* Role badges */
.role-badge[b-gf58wgnazf] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
}

.role-lord[b-gf58wgnazf] {
  background-color: #fef3c7;
  color: #92400e;
}

.role-ally[b-gf58wgnazf] {
  background-color: #e0e7ff;
  color: #3730a3;
}

.role-manager[b-gf58wgnazf] {
  background-color: #dcfce7;
  color: var(--fs-success-text);
}

.role-supervisor[b-gf58wgnazf] {
  background-color: #dbeafe;
  color: #1e40af;
}

.role-monitor[b-gf58wgnazf] {
  background-color: var(--fs-surface-200);
  color: var(--fs-text-700);
}

.role-none[b-gf58wgnazf] {
  background-color: transparent;
  color: var(--fs-text-400);
  font-style: italic;
  font-weight: 400;
}

/* 2FA badges */
.twofa-badge[b-gf58wgnazf] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.twofa-badge.enabled[b-gf58wgnazf] {
  color: var(--fs-success-text);
}

.twofa-badge.disabled[b-gf58wgnazf] {
  color: var(--fs-text-400);
}

/* Status badges */
.activeGridArea[b-gf58wgnazf],
.inactiveGridArea[b-gf58wgnazf],
.lockedOutGridArea[b-gf58wgnazf] {
  padding: 0 7px;
  max-width: calc(100% - 14px);
}

.lockedOutGridArea[b-gf58wgnazf] {
  background-color: var(--fs-error-bg);
  border-radius: 4px;
  padding: 2px 8px;
}

.lockedOutGridText[b-gf58wgnazf] {
  color: var(--fs-error-text);
  font-size: 12px;
  font-weight: 600;
}
/* /Pages/WasmWaivers.razor.rz.scp.css */
.wv-page[b-k3ihqtaxx2] { padding: 1rem 1.25rem; max-width: 60rem; }
.wv-title[b-k3ihqtaxx2] { margin: 0 0 0.25rem; font-size: 22px; }
.wv-note[b-k3ihqtaxx2], .wv-sub[b-k3ihqtaxx2] { color: var(--fs-muted); font-size: 13px; margin: 0.25rem 0 0.75rem; }
.wv-audit[b-k3ihqtaxx2] { color: var(--fs-muted); font-size: 12px; margin-top: 0.25rem; }
.wv-empty[b-k3ihqtaxx2] { color: var(--fs-muted); padding: 40px; text-align: center; font-size: 14px; }
.wv-error[b-k3ihqtaxx2] { background: var(--fs-error-bg); color: var(--fs-error-text); padding: 8px 12px; border-radius: 6px; border-left: 3px solid var(--fs-error-accent); margin-bottom: 12px; }
.wv-block[b-k3ihqtaxx2] { border: 1px solid var(--fs-line); border-radius: 8px; padding: 12px 16px; margin-bottom: 12px; background: var(--fs-surface); }
.wv-block-row[b-k3ihqtaxx2] { display: flex; gap: 1rem; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }
.wv-confirm[b-k3ihqtaxx2] { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-top: 12px; background: var(--fs-warning-bg); color: var(--fs-warning-text); padding: 8px 12px; border-radius: 6px; border-left: 3px solid var(--fs-warning-accent); }
.wv-group[b-k3ihqtaxx2] { margin-top: 1.25rem; }
.wv-group-title[b-k3ihqtaxx2] { font-size: 11px; margin: 0 0 8px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--fs-muted); font-weight: 600; }
.wv-row[b-k3ihqtaxx2] { border: 1px solid var(--fs-line); border-radius: 8px; padding: 12px 16px; margin-bottom: 8px; background: var(--fs-surface); }
.wv-row-head[b-k3ihqtaxx2] { display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap; }
.wv-authority[b-k3ihqtaxx2] { font-weight: 600; }
.wv-chip[b-k3ihqtaxx2] { display: inline-flex; align-items: center; height: 22px; padding: 0 8px; border-radius: 999px; background: var(--fs-surface-2); color: var(--fs-muted); font-size: 11px; font-weight: 600; }
.wv-chip-ending-soon[b-k3ihqtaxx2] { background: var(--fs-warning-bg); color: var(--fs-warning-text); }
.wv-chip-ended[b-k3ihqtaxx2], .wv-chip-revoked[b-k3ihqtaxx2] { background: var(--fs-surface-2); color: var(--fs-muted); }
.wv-dates[b-k3ihqtaxx2], .wv-tax[b-k3ihqtaxx2], .wv-posture[b-k3ihqtaxx2] { font-size: 13px; margin-top: 0.25rem; }
.wv-tax[b-k3ihqtaxx2] { color: var(--fs-warning-text); }
.wv-summary[b-k3ihqtaxx2] { font-size: 13px; margin-top: 8px; background: var(--fs-surface-2); padding: 8px 12px; border-radius: 6px; }
.wv-summary p[b-k3ihqtaxx2] { margin: 0 0 0.35rem; }
.wv-actions[b-k3ihqtaxx2] { display: flex; gap: 0.5rem; margin-top: 0.5rem; flex-wrap: wrap; }
.wv-reports[b-k3ihqtaxx2] { margin-top: 1.5rem; font-size: 13px; }
.wv-date[b-k3ihqtaxx2] { margin: 0 0.5rem; }
@media (max-width: 600px) { .wv-page[b-k3ihqtaxx2] { padding: 0.75rem 1rem; } }
.wv-mode-options[b-k3ihqtaxx2], .wv-mode-warning[b-k3ihqtaxx2] { flex-direction: column; align-items: stretch; }
.wv-mode-option[b-k3ihqtaxx2] { display: flex; gap: 16px; justify-content: space-between; align-items: flex-start; border-bottom: 1px solid var(--fs-line); padding-bottom: 8px; }
.wv-mode-option .wv-sub[b-k3ihqtaxx2] { margin: 0.15rem 0 0; }
.wv-warning[b-k3ihqtaxx2] { background: var(--fs-error-bg); color: var(--fs-error-text); padding: 8px 12px; border-radius: 6px; border-left: 3px solid var(--fs-error-accent); margin: 4px 0; font-size: 13px; }
.wv-check[b-k3ihqtaxx2] { display: flex; gap: 0.5rem; align-items: flex-start; font-size: 13px; }
.wv-field[b-k3ihqtaxx2] { display: flex; flex-direction: column; gap: 0.25rem; font-size: 13px; }
.wv-field input[b-k3ihqtaxx2] { max-width: 28rem; height: 36px; padding: 0 12px; border: 1px solid var(--fs-border-strong); border-radius: 6px; background: var(--fs-surface); color: var(--fs-ink); }
.wv-impact[b-k3ihqtaxx2] { font-size: 13px; margin-top: 8px; background: var(--fs-warning-bg); color: var(--fs-warning-text); padding: 8px 12px; border-radius: 6px; border-left: 3px solid var(--fs-warning-accent); }
.wv-actions-list[b-k3ihqtaxx2] { margin: 0.25rem 0 0; padding-left: 1.25rem; }
.wv-confirm-col[b-k3ihqtaxx2] { flex-direction: column; align-items: stretch; }
.wv-relying[b-k3ihqtaxx2] { color: var(--fs-success-text); }
.wv-meaning[b-k3ihqtaxx2] { font-size: 13px; margin-top: 4px; padding: 8px 12px; border-radius: 6px; border-left: 3px solid var(--fs-blue-accent); background: var(--fs-blue-light); color: var(--fs-blue-dark); }
.wv-meaning-blocked[b-k3ihqtaxx2] { border-left-color: var(--fs-border-strong); background: var(--fs-surface-2); color: var(--fs-muted); }
.wv-meaning-coveredonly[b-k3ihqtaxx2] { border-left-color: var(--fs-warning-accent); background: var(--fs-warning-bg); color: var(--fs-warning-text); }
/* FS-DYED-WAIVER-7 */
.wv-state-chips[b-k3ihqtaxx2] { display: flex; gap: 0.4rem; flex-wrap: wrap; margin: 0.4rem 0; }
.wv-state-title[b-k3ihqtaxx2] { font-size: 14px; margin: 12px 0 8px; color: var(--fs-ink); font-weight: 600; }
.wv-flag[b-k3ihqtaxx2] { width: 24px; height: 16px; border: 1px solid var(--fs-line); border-radius: 2px; object-fit: cover; }
.wv-sentries[b-k3ihqtaxx2] { margin-top: 0.5rem; font-size: 13px; }
.wv-sentry-table[b-k3ihqtaxx2] { width: 100%; border-collapse: collapse; margin-top: 0.4rem; }
.wv-sentry-table th[b-k3ihqtaxx2], .wv-sentry-table td[b-k3ihqtaxx2] { text-align: left; padding: 8px 12px; border-bottom: 1px solid var(--fs-line); vertical-align: top; }
.wv-badge-stale[b-k3ihqtaxx2] { display: inline-flex; align-items: center; height: 20px; margin-left: 6px; font-size: 11px; font-weight: 600; padding: 0 8px; border-radius: 4px; background: var(--fs-error-bg); color: var(--fs-error-text); }
@media (max-width: 600px) { .wv-sentry-table th:nth-child(3)[b-k3ihqtaxx2], .wv-sentry-table td:nth-child(3)[b-k3ihqtaxx2] { display: none; } }
/* /Reports/Controls/SpartanChart.razor.rz.scp.css */
.spartan-chart[b-8tcdgm1dyy] {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
}

.spartan-chart__title[b-8tcdgm1dyy] {
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  color: #052867;
  padding: 4px 0 6px;
}

.spartan-chart__body[b-8tcdgm1dyy] {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
}
/* /Reports/ReportArea.razor.rz.scp.css */
/* === REPORT AREA LAYOUT === */

.reportAreaFrame[b-4c4nfeic2z] {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  background: var(--fs-surface-subtle, linear-gradient(0deg, rgba(237,245,239,1) 0%, rgba(245,255,247,1) 100%)) !important;
  padding: 8px;
  border-radius: 12px;
}

.reportAreaContent[b-4c4nfeic2z] {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  gap: 4px;
}

.reportAreaOptionBar[b-4c4nfeic2z] {
  flex-shrink: 0;
  padding-bottom: 2px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
  overflow: hidden;
}

.reportAreaDisplayArea[b-4c4nfeic2z] {
  flex: 1;
  min-height: 0;
  min-width: 0;
  max-width: 100%;
  width: 100%;
  padding: 4px 7px;
  border-radius: 6px;
  background-color: var(--fs-card-bg);
  overflow: auto;
  box-sizing: border-box;
}

.reportDrawSubArea[b-4c4nfeic2z] {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  background: #ffffff;
  border-radius: 8px;
  padding: 8px;
  color: #1e293b;
}

/* === OPTION BAR ELEMENTS === */

.reportAreaStatusArea[b-4c4nfeic2z] {
  /* unused currently */
}

.reportSelectArea[b-4c4nfeic2z] {
  border-radius: 3px !important;
  padding-left: 5px !important;
  color: var(--fs-text-primary);
  cursor: pointer;
  display: flex;
  align-items: center;
}

.reportSelectAreaEnd[b-4c4nfeic2z] {
  display: flex;
  gap: 4px;
  margin-left: auto;
  align-items: center;
}

.reportSelectLabelText[b-4c4nfeic2z] {
  user-select: none;
  white-space: nowrap;
  margin-right: 6px;
}

.reportOptionSelect[b-4c4nfeic2z],
.reportButton[b-4c4nfeic2z],
.reportSelectLabelText[b-4c4nfeic2z],
.reportAreaSelectPairLabel[b-4c4nfeic2z],
.reportModalButton[b-4c4nfeic2z] {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.reportOptionSelect[b-4c4nfeic2z] {
  border-radius: 3px !important;
  padding-left: 5px !important;
  border: 1px solid var(--fs-border, #aba) !important;
  background: var(--fs-input-bg, linear-gradient(0deg, rgba(228,235,228,1) 0%, rgba(235,245,238,1) 100%)) !important;
  color: var(--fs-text-primary) !important;
  cursor: pointer;
  max-width: 350px;
  height: 32px;
}

  .reportOptionSelect:hover[b-4c4nfeic2z] {
    background: var(--fs-surface-200, linear-gradient(180deg, rgba(238,245,235,1) 0%, rgba(245,255,248,1) 100%)) !important;
  }

/* === BUTTONS === */

.printButton[b-4c4nfeic2z] {
  width: 30px;
  height: 26px;
  border: 0;
  align-self: end;
  margin-left: 4px;
  border-radius: 13px;
  background: transparent;
  cursor: pointer;
  position: relative;
}

  .printButton[b-4c4nfeic2z]::before {
    content: "";
    position: absolute;
    inset: 2px 4px;
    background-color: var(--fs-text-primary);
    -webkit-mask: url("/svgs/solid/print.svg") center / contain no-repeat;
    mask: url("/svgs/solid/print.svg") center / contain no-repeat;
  }

  .printButton:hover[b-4c4nfeic2z] {
    box-shadow: var(--fs-shadow-1);
  }

  .printButton:active[b-4c4nfeic2z] {
    box-shadow: none;
  }

.exportButton[b-4c4nfeic2z] {
  width: 30px;
  height: 26px;
  border: 0;
  align-self: end;
  margin-left: 4px;
  border-radius: 13px;
  background: transparent;
  cursor: pointer;
  position: relative;
}

  .exportButton[b-4c4nfeic2z]::before {
    content: "";
    position: absolute;
    inset: 4px 6px;
    background-color: var(--fs-text-primary);
    -webkit-mask: url("/svgs/solid/file-download.svg") center / contain no-repeat;
    mask: url("/svgs/solid/file-download.svg") center / contain no-repeat;
  }

  .exportButton:hover[b-4c4nfeic2z] {
    box-shadow: var(--fs-shadow-1);
  }

  .exportButton:active[b-4c4nfeic2z] {
    box-shadow: none;
  }

.printLayout[b-4c4nfeic2z] {
  max-width: 100px;
}

.editReportGroupButton[b-4c4nfeic2z] {
  background: url("/svgs/solid/edit-blue.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  width: 24px;
  height: 24px;
  border: 0;
  transition: all .15s;
}

.deleteReportGroupButton[b-4c4nfeic2z] {
  background: url("/svgs/solid/trash-red.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  width: 24px;
  height: 24px;
  border: 0;
  transition: all .15s;
}

  .showAddReportToGroupButton:hover[b-4c4nfeic2z],
  .deleteReportGroupButton:hover[b-4c4nfeic2z],
  .editReportGroupButton:hover[b-4c4nfeic2z] {
    background-size: 20px;
    transition: all .15s;
  }

/* === DIALOGS === */

.dialogHeader[b-4c4nfeic2z] {
  color: white;
  font-size: 16px;
}

.reportGroupDialogButtonArea[b-4c4nfeic2z] {
  display: flex;
  padding-top: 8px;
}

.dialogButtonArea[b-4c4nfeic2z] {
  display: flex;
  flex: 1;
  align-items: center;
}

.reportModalButton[b-4c4nfeic2z] {
  border-radius: 3px;
  border: 0;
  cursor: pointer;
  white-space: nowrap;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  min-width: 80px;
  margin: 5px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-green[b-4c4nfeic2z] {
  background: rgb(95,185,97);
  background: linear-gradient(180deg, rgba(95,185,97,1) 0%, rgba(63,169,73,1) 100%);
  color: white;
}

  .btn-green:hover[b-4c4nfeic2z] {
    background: linear-gradient(180deg, rgba(90,208,95,.85) 0%, rgba(76,175,80,.85) 100%);
  }

.btn-red[b-4c4nfeic2z] {
  background: linear-gradient(180deg, rgba(245,57,57,1) 0%, rgba(211,47,47,1) 100%);
  color: white;
}

  .btn-red:hover[b-4c4nfeic2z] {
    background: linear-gradient(180deg, rgba(245,57,57,.85) 0%, rgba(211,47,47,.85) 100%);
  }

.chooseReportGroupNameErrorText[b-4c4nfeic2z] {
  color: red;
  font-size: 12px;
  margin-top: 3px;
}

.dialogMessage[b-4c4nfeic2z] {
}

.reportGroupBold[b-4c4nfeic2z] {
  margin-top: 3px;
  font-weight: 600;
}

/* === CUSTOM REPORT DIALOGS === */

.newCustomReportDialogSelectArea[b-4c4nfeic2z] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.editSpartanReportDialogSelectArea[b-4c4nfeic2z] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}

.reportAreaSelectPair[b-4c4nfeic2z] {
  display: flex;
  flex-direction: column;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
  height: 60px;
}

.reportAreaSelectPairLabel[b-4c4nfeic2z] {
  font-weight: 600;
}

.reportTitle[b-4c4nfeic2z] {
  background: linear-gradient(180deg, rgba(66,133,244,1) 0%, rgba(53,109,201,1) 100%);
  height: 55px;
}

.reportTitleText[b-4c4nfeic2z] {
  font-size: 22px;
}

/* === ADD REPORT TO GROUP === */

.showAddReportToGroupButton[b-4c4nfeic2z], .hideAddReportToGroupButton[b-4c4nfeic2z] {
  height: 32px;
  width: 40px;
  background-size: 16px;
  border: 0;
  border-radius: 3px;
  transition: all .15s;
  position: relative;
}

.showAddReportToGroupButton[b-4c4nfeic2z] {
  background: rgb(95,185,97);
  background: linear-gradient(180deg, rgba(95,185,97,1) 0%, rgba(63,169,73,1) 100%);
  margin-left: 20px;
}

  .showAddReportToGroupButton:hover[b-4c4nfeic2z] {
    background: linear-gradient(180deg, rgba(90,208,95,.85) 0%, rgba(76,175,80,.85) 100%);
  }

.addReportPlus[b-4c4nfeic2z], .addReportMinus[b-4c4nfeic2z] {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-image: url("/svgs/solid/plus.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 11px;
  filter: invert(1);
  transition: all .15s;
}

.hideAddReportToGroupButton[b-4c4nfeic2z] {
  background: linear-gradient(180deg, rgba(245,57,57,1) 0%, rgba(211,47,47,1) 100%);
}

  .hideAddReportToGroupButton:hover[b-4c4nfeic2z] {
    background: linear-gradient(180deg, rgba(245,57,57,.85) 0%, rgba(211,47,47,.85) 100%);
  }

.addReportMinus[b-4c4nfeic2z] {
  background-image: url("/svgs/solid/minus.svg");
}

  .addReportPlus:hover[b-4c4nfeic2z], .addReportMinus:hover[b-4c4nfeic2z] {
    background-size: 14px;
    transition: all .15s;
  }

.addReportToGroupBar[b-4c4nfeic2z] {
  height: 40px;
  margin-top: 0;
  position: relative;
}

/* === CALENDAR/PICKERS === */

.calendarPickerOptionBar[b-4c4nfeic2z] {
  width: fit-content;
  min-width: 220px;
}

.calendarPickerPopupMenu[b-4c4nfeic2z] {
  width: 100%;
}

.yAxisRangeArea[b-4c4nfeic2z] {
  display: inline-flex;
}

.yAxisRangeLabel[b-4c4nfeic2z] {
  display: flex;
  font-weight: 600;
  align-items: center;
  padding-right: 3px;
}

.yAxisAutoCheckBox[b-4c4nfeic2z] {
  align-items: center;
  display: flex;
  padding-bottom: 3px;
}

/* === EMPTY STATE === */

.report-empty-state[b-4c4nfeic2z] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 300px;
  padding: 40px;
  text-align: center;
  color: var(--fs-text-500);
}

.empty-state-icon[b-4c4nfeic2z] {
  font-size: 48px;
  margin-bottom: 16px;
  opacity: 0.6;
}

.empty-state-title[b-4c4nfeic2z] {
  font-size: 22px;
  font-weight: 600;
  color: var(--fs-text-700);
  margin-bottom: 8px;
}

.empty-state-message[b-4c4nfeic2z] {
  font-size: 14px;
  max-width: 400px;
  line-height: 1.5;
}

/* === CUSTOMIZE REPORT BUTTON === */

.customizeReportButton[b-4c4nfeic2z] {
  width: 28px;
  height: 28px;
  border: 1px solid var(--fs-border, #aba);
  border-radius: 4px;
  margin-left: 6px;
  cursor: pointer;
  background-color: var(--fs-surface-200, #f5f9f6);
  background-image: none;
  transition: all 0.15s;
  position: relative;
}

  .customizeReportButton[b-4c4nfeic2z]::before {
    content: "";
    position: absolute;
    inset: 6px;
    background-color: var(--fs-text-primary);
    -webkit-mask: url("/svgs/solid/cog.svg") center / contain no-repeat;
    mask: url("/svgs/solid/cog.svg") center / contain no-repeat;
  }

  .customizeReportButton:hover[b-4c4nfeic2z] {
    background-color: var(--fs-surface-subtle, #e8f0ea);
    box-shadow: var(--fs-shadow-1);
  }

  .customizeReportButton:active[b-4c4nfeic2z] {
    transform: translateY(1px);
  }

/* === CUSTOM REPORT BUILDER MODAL === */

.customReportBuilderOverlay[b-4c4nfeic2z] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--fs-overlay-backdrop);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  border-radius: 12px;
}

.customReportBuilderModal[b-4c4nfeic2z] {
  background: var(--fs-card-bg);
  border-radius: 8px;
  box-shadow: var(--fs-shadow-2);
  width: 90%;
  max-width: 700px;
  max-height: 80%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-sizing: border-box;
}

.customReportBuilderHeader[b-4c4nfeic2z] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: linear-gradient(180deg, #4a8f4e 0%, #3d7a40 100%);
  color: white;
}

.customReportBuilderTitle[b-4c4nfeic2z] {
  font-size: 16px;
  font-weight: 600;
}

.customReportBuilderClose[b-4c4nfeic2z] {
  background: none;
  border: none;
  color: white;
  font-size: 22px;
  cursor: pointer;
  line-height: 1;
  padding: 0 4px;
  opacity: 0.8;
}

  .customReportBuilderClose:hover[b-4c4nfeic2z] {
    opacity: 1;
  }

.customReportBuilderHeaderButtons[b-4c4nfeic2z] {
  display: flex;
  align-items: center;
  gap: 8px;
}

.customReportNewButton[b-4c4nfeic2z] {
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: white;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
}

  .customReportNewButton:hover[b-4c4nfeic2z] {
    background: rgba(255, 255, 255, 0.3);
  }

.customReportBuilderBody[b-4c4nfeic2z] {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 16px;
  box-sizing: border-box;
}

.customReportNameArea[b-4c4nfeic2z] {
  margin-bottom: 16px;
  box-sizing: border-box;
}

.customReportLabel[b-4c4nfeic2z] {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
  color: var(--fs-text-primary);
}

.customReportNameInput[b-4c4nfeic2z] {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid var(--fs-input-border, #ccc);
  border-radius: 4px;
  font-size: 14px;
  box-sizing: border-box;
  background: var(--fs-input-bg);
  color: var(--fs-text-primary);
}

  .customReportNameInput:focus[b-4c4nfeic2z] {
    border-color: #4a8f4e;
  }

.customReportColumnsContainer[b-4c4nfeic2z] {
  display: flex;
  gap: 16px;
  flex: 1;
  min-height: 0;
}

.customReportColumnsPanel[b-4c4nfeic2z] {
  flex: 1;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--fs-border);
  border-radius: 6px;
  overflow: hidden;
  box-sizing: border-box;
  min-width: 0;
}

.customReportColumnsArea[b-4c4nfeic2z] {
  border: 1px solid var(--fs-border);
  border-radius: 6px;
  overflow: hidden;
  box-sizing: border-box;
}

.customReportColumnsHeader[b-4c4nfeic2z] {
  background: var(--fs-page-bg);
  padding: 8px 12px;
  font-weight: 600;
  font-size: 13px;
  color: var(--fs-text-600, #555);
  border-bottom: 1px solid var(--fs-border);
}

.customReportColumnsList[b-4c4nfeic2z] {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}

.customReportColumnItem[b-4c4nfeic2z] {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  border-bottom: 1px solid var(--fs-border-light);
  transition: background 0.1s;
  box-sizing: border-box;
  min-width: 0;
}

  .customReportColumnItem:last-child[b-4c4nfeic2z] {
    border-bottom: none;
  }

  .customReportColumnItem:hover[b-4c4nfeic2z] {
    background: var(--fs-row-hover, #f9f9f9);
  }

  .customReportColumnItem.columnEnabled[b-4c4nfeic2z] {
    background: var(--fs-success-bg, #f0f8f0);
  }

.columnCheckbox[b-4c4nfeic2z] {
  margin-right: 10px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  flex-shrink: 0;
}

.columnName[b-4c4nfeic2z] {
  flex: 1;
  font-size: 14px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.columnOrder[b-4c4nfeic2z] {
  min-width: 24px;
  font-weight: 600;
  color: #4a8f4e;
  flex-shrink: 0;
}

.columnReorderButtons[b-4c4nfeic2z] {
  display: flex;
  gap: 4px;
  flex-shrink: 0;
}

.columnMoveUp[b-4c4nfeic2z],
.columnMoveDown[b-4c4nfeic2z] {
  width: 24px;
  height: 24px;
  border: 1px solid var(--fs-border-200, #ccc);
  border-radius: 3px;
  background: var(--fs-page-bg);
  cursor: pointer;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--fs-text-muted);
}

  .columnMoveUp:hover:not(:disabled)[b-4c4nfeic2z],
  .columnMoveDown:hover:not(:disabled)[b-4c4nfeic2z] {
    background: var(--fs-surface-200, #e8e8e8);
    border-color: var(--fs-border-300, #999);
  }

  .columnMoveUp:disabled[b-4c4nfeic2z],
  .columnMoveDown:disabled[b-4c4nfeic2z] {
    opacity: 0.5;
    cursor: not-allowed;
  }

.columnAddButton[b-4c4nfeic2z],
.columnRemoveButton[b-4c4nfeic2z] {
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-left: 4px;
}

.columnAddButton[b-4c4nfeic2z] {
  background: linear-gradient(180deg, #5fb961 0%, #4a9a4c 100%);
  color: white;
  font-weight: 600;
}

  .columnAddButton:hover[b-4c4nfeic2z] {
    background: linear-gradient(180deg, #6fc971 0%, #5aaa5c 100%);
  }

.columnRemoveButton[b-4c4nfeic2z] {
  background: var(--fs-surface-200, #e8e8e8);
  color: var(--fs-text-500, #888);
  font-size: 12px;
}

  .columnRemoveButton:hover[b-4c4nfeic2z] {
    background: var(--fs-error-bg, #ffdddd);
    color: var(--fs-error-accent, #c44);
  }

.customReportEmptyMessage[b-4c4nfeic2z] {
  padding: 20px;
  text-align: center;
  color: var(--fs-input-placeholder);
  font-style: italic;
  font-size: 13px;
}

.customReportBuilderFooter[b-4c4nfeic2z] {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  border-top: 1px solid var(--fs-border-light);
  background: var(--fs-surface-100, #fafafa);
}

.customReportFooterSpacer[b-4c4nfeic2z] {
  flex: 1;
}

.customReportCancelButton[b-4c4nfeic2z],
.customReportSaveButton[b-4c4nfeic2z],
.customReportDeleteButton[b-4c4nfeic2z] {
  padding: 8px 20px;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  border: none;
}

.customReportCancelButton[b-4c4nfeic2z] {
  background: var(--fs-divider);
  color: var(--fs-text-primary);
  margin-right: 8px;
}

  .customReportCancelButton:hover[b-4c4nfeic2z] {
    background: var(--fs-surface-200, #d0d0d0);
  }

.customReportSaveButton[b-4c4nfeic2z] {
  background: linear-gradient(180deg, #5fb961 0%, #3fa949 100%);
  color: white;
}

  .customReportSaveButton:hover[b-4c4nfeic2z] {
    background: linear-gradient(180deg, #6fc971 0%, #4fb959 100%);
  }

.customReportDeleteButton[b-4c4nfeic2z] {
  background: linear-gradient(180deg, #e05555 0%, #c43c3c 100%);
  color: white;
}

  .customReportDeleteButton:hover[b-4c4nfeic2z] {
    background: linear-gradient(180deg, #f06565 0%, #d44c4c 100%);
  }

.deleteConfirmText[b-4c4nfeic2z] {
  color: var(--fs-error-accent, #c43c3c);
  font-weight: 600;
  margin-right: 8px;
}

.customReportCancelDeleteButton[b-4c4nfeic2z] {
  padding: 8px 20px;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  border: none;
  background: var(--fs-divider);
  color: var(--fs-text-primary);
  margin-left: 8px;
}

  .customReportCancelDeleteButton:hover[b-4c4nfeic2z] {
    background: var(--fs-surface-200, #d0d0d0);
  }

/* C-E branch 1: native date-range inputs replacing SfDateRangePicker. */
.reportDateInput[b-4c4nfeic2z] {
  border: 1px solid var(--fs-input-border, #c2cad6);
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 13px;
  color: var(--fs-text-primary, #1f2a44);
  background: var(--fs-input-bg, #fff);
}

.reportDateSeparator[b-4c4nfeic2z] {
  margin: 0 6px;
  color: var(--fs-text-muted, #6b7689);
}
/* /Reports/SpartanReports.razor.rz.scp.css */
/* === SPARTAN REPORTS LAYOUT === */

.SpartanReportsFrameOuter[b-56fsnnb6c9] {
  /* Fill the scrollable .wasm-main exactly (its height = 100vh - WASM header).
     The old calc subtracted --header-h (52px, the SERVER header var) + a magic
     145px while the real WASM header is --header-height (56px) — leaving ~141px
     of dead space below the card, and the 400px min-height forced the whole
     report to overflow (page scroll) on short viewports. 100% minus the 8px
     margins fills the pane; only the inner reportAreaDisplayArea scrolls. */
  height: calc(100% - 16px);
  min-height: 0;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin: 8px;
  border-radius: 12px;
  box-shadow: var(--fs-shadow-1);
}

.SpartanReportsFrameInner[b-56fsnnb6c9] {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
}

.reportsLayoutArea[b-56fsnnb6c9] {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
}

.reportsLayoutBar[b-56fsnnb6c9] {
  flex-shrink: 0;
  background-color: #e7f2ff;
  border-bottom: 1px solid black;
  box-shadow: rgba(0,0,0,0.3) 0 -2px 2px inset;
}

.reportsLayoutButtonsArea[b-56fsnnb6c9] {
  float: right;
  margin: 3px 4px 1px 3px;
  height: 40px;
  display: inline-grid;
  grid-template-columns: min-content min-content min-content min-content;
  grid-template-rows: auto;
  grid-column-gap: 4px;
}

.layoutButton[b-56fsnnb6c9] {
  width: 36px;
  height: 36px;
  border-radius: 6px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px;
  border-width: 2px;
  border-style: solid;
  border-color: var(--fs-border-medium, #333);
  background-color: var(--fs-card-bg, #f0f7ff);
  cursor: pointer;
}

.layoutButton:hover[b-56fsnnb6c9] {
  background-color: white;
  box-shadow: var(--fs-shadow-1);
}

.layoutButton:active[b-56fsnnb6c9] {
  box-shadow: none !important;
}

.layoutButtonActive[b-56fsnnb6c9] {
  border-color: #006060;
  border-width: 3px !important;
  background-color: #b0d7ff;
  pointer-events: none;
}

.layout1_1[b-56fsnnb6c9] {
  background-image: url(/img/buttons/layout_1_1.png)
}

.layout2_1[b-56fsnnb6c9] {
  background-image: url(/img/buttons/layout_2_1.png)
}

.layout1_2[b-56fsnnb6c9] {
  background-image: url(/img/buttons/layout_1_2.png)
}

.layout2_2[b-56fsnnb6c9] {
  background-image: url(/img/buttons/layout_2_2.png)
}

.reportsContentArea[b-56fsnnb6c9] {
  flex: 1;
  display: flex;
  min-height: 0;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

.reportsContentPanes[b-56fsnnb6c9] {
  flex: 1;
  display: flex;
  min-height: 0;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

.reportPane[b-56fsnnb6c9] {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  border: 0px solid rgba(100,100,100,0.4);
  box-shadow: var(--fs-shadow-1);
}

.reportHidden[b-56fsnnb6c9] {
  display: none;
}

/* Single pane - full size */
.reportSinglePane[b-56fsnnb6c9] {
  flex: 1;
}

/* Side by side layouts */
.reportFirst_SideBySide[b-56fsnnb6c9] {
  flex: 1;
}

.reportSecond_SideBySide[b-56fsnnb6c9] {
  flex: 1;
}

/* Over and under - need column direction on parent */
.reportFirst_OverAndUnder[b-56fsnnb6c9] {
  flex: 1;
}

.reportSecond_OverAndUnder[b-56fsnnb6c9] {
  flex: 1;
}

/* Four corners */
.reportFirst_FourCorners[b-56fsnnb6c9] {
  flex: 1;
}

.reportSecond_FourCorners[b-56fsnnb6c9] {
  flex: 1;
}

.reportThird_FourCorners[b-56fsnnb6c9] {
  flex: 1;
}

.reportFourth_FourCorners[b-56fsnnb6c9] {
  flex: 1;
}
/* /Reports/SpartanReportsBusyIndicator.razor.rz.scp.css */
.busyHoldingFrame[b-nf12nk88yc] {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  z-index: 1000;
}

.center[b-nf12nk88yc] {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #000;
}

.wave[b-nf12nk88yc] {
  width: 5px;
  height: 100px;
  background: linear-gradient(45deg, cyan, #fff);
  margin: 10px;
  animation: wave-b-nf12nk88yc 1s linear infinite;
  border-radius: 20px;
}

  .wave:nth-child(2)[b-nf12nk88yc] {
    animation-delay: 0.1s;
  }

  .wave:nth-child(3)[b-nf12nk88yc] {
    animation-delay: 0.2s;
  }

  .wave:nth-child(4)[b-nf12nk88yc] {
    animation-delay: 0.3s;
  }

  .wave:nth-child(5)[b-nf12nk88yc] {
    animation-delay: 0.4s;
  }

  .wave:nth-child(6)[b-nf12nk88yc] {
    animation-delay: 0.5s;
  }

  .wave:nth-child(7)[b-nf12nk88yc] {
    animation-delay: 0.6s;
  }

  .wave:nth-child(8)[b-nf12nk88yc] {
    animation-delay: 0.7s;
  }

  .wave:nth-child(9)[b-nf12nk88yc] {
    animation-delay: 0.8s;
  }

  .wave:nth-child(10)[b-nf12nk88yc] {
    animation-delay: 0.9s;
  }

@keyframes wave-b-nf12nk88yc {
  0% {
    transform: scale(0);
  }

  50% {
    transform: scale(1);
  }

  100% {
    transform: scale(0);
  }
}
/* /Reports/Views/BatchDispensed.razor.rz.scp.css */
.reportTitle[b-jcus62yn3v] {
  padding: 6px 4px;
}

.reportTitleText[b-jcus62yn3v] {
  font-size: 18px;
  font-weight: 600;
}

.reportNote[b-jcus62yn3v] {
  font-size: 13px;
  color: var(--fs-text-500, #666);
  max-width: 720px;
  margin: 0 4px 16px;
}

.batchSection[b-jcus62yn3v] {
  margin: 0 4px 28px;
  padding-bottom: 16px;
  border-bottom: 1px solid #ddd;
}

.batchHead[b-jcus62yn3v] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px 16px;
}

.batchHead h3[b-jcus62yn3v] {
  margin: 0;
  font-size: 16px;
}

.meta[b-jcus62yn3v] {
  font-size: 13px;
  color: #555;
}

.totals[b-jcus62yn3v] {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin: 8px 0 12px;
  font-weight: 600;
}

.warn[b-jcus62yn3v] {
  background: #fff8e1;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 13px;
}

.uncosted[b-jcus62yn3v] {
  font-style: italic;
  font-weight: 500;
}

.grandTotalRow[b-jcus62yn3v] {
  display: flex;
  gap: 12px;
  margin: 8px 4px 16px;
  font-size: 14px;
  flex-wrap: wrap;
}

.reportLabelText[b-jcus62yn3v] {
  font-weight: 600;
}

.breakGrid[b-jcus62yn3v] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px;
}

.breakCol h4[b-jcus62yn3v] {
  margin: 0 0 6px;
  font-size: 14px;
}

.reportTable[b-jcus62yn3v] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.reportTable th[b-jcus62yn3v],
.reportTable td[b-jcus62yn3v] {
  padding: 3px 8px;
  border-bottom: 1px solid #ddd;
  text-align: left;
}

.reportTable .num[b-jcus62yn3v] {
  text-align: right;
}

@media print {
  .batchSection[b-jcus62yn3v] {
    page-break-inside: avoid;
  }
}
/* /Reports/Views/Batches.razor.rz.scp.css */
.reportTitle[b-irvc5ibism] {
  display: flex;
  align-items: center;
  padding: 6px 4px;
}

.reportTitleText[b-irvc5ibism] {
  font-size: 18px;
  font-weight: 600;
}

.reportNote[b-irvc5ibism] {
  font-size: 13px;
  color: var(--fs-text-500, #666);
  max-width: 720px;
  margin: 0 4px 16px;
}

.reportTable[b-irvc5ibism] {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.reportTable th[b-irvc5ibism],
.reportTable td[b-irvc5ibism] {
  padding: 6px 8px;
  border-bottom: 1px solid #ddd;
  text-align: left;
  vertical-align: top;
}

.reportTable th[b-irvc5ibism] {
  font-weight: 600;
}

.reportTable .num[b-irvc5ibism] {
  text-align: right;
  white-space: nowrap;
}
/* /Reports/Views/CurrentSlippage.razor.rz.scp.css */
.reportTitle[b-9tqzm0e2cy] {
  display: flex;
  align-items: center;
  padding: 6px 4px;
}

.reportTitleText[b-9tqzm0e2cy] {
  font-size: 18px;
  font-weight: 600;
}

.summaryPrintBody[b-9tqzm0e2cy] {
  padding: 8px 4px;
}

.statCards[b-9tqzm0e2cy] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 12px;
}

.statCard[b-9tqzm0e2cy] {
  flex: 1 1 140px;
  max-width: 220px;
  padding: 10px 14px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fafafa;
}

.statCard.alert[b-9tqzm0e2cy] { border-left: 4px solid #c62828; }
.statCard.loss[b-9tqzm0e2cy] { border-left: 4px solid #ef6c00; }
.statCard.gain[b-9tqzm0e2cy] { border-left: 4px solid #2e7d32; }
.statCard.net[b-9tqzm0e2cy] { border-left: 4px solid #1565c0; }

.statValue[b-9tqzm0e2cy] {
  font-size: 22px;
  font-weight: 700;
}

.statLabel[b-9tqzm0e2cy] {
  font-size: 12px;
  color: #555;
}

.filterRow[b-9tqzm0e2cy] {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 10px;
  font-size: 13px;
}

.filterRow select[b-9tqzm0e2cy] {
  margin-left: 4px;
}

.reportTable[b-9tqzm0e2cy] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.reportTable th[b-9tqzm0e2cy],
.reportTable td[b-9tqzm0e2cy] {
  padding: 4px 8px;
  border-bottom: 1px solid #ddd;
  text-align: left;
  white-space: nowrap;
}

.reportTable th[b-9tqzm0e2cy] {
  border-bottom: 2px solid #444;
  background: #f4f4f4;
}

.reportTable .num[b-9tqzm0e2cy] {
  text-align: right;
}

.lossText[b-9tqzm0e2cy] { color: #c62828; }
.gainText[b-9tqzm0e2cy] { color: #2e7d32; }

.statusBadge[b-9tqzm0e2cy] {
  padding: 1px 8px;
  border-radius: 10px;
  font-size: 12px;
  background: #e0e0e0;
}

.statusBadge.alert[b-9tqzm0e2cy] { background: #fdecea; color: #c62828; }
.statusBadge.ok[b-9tqzm0e2cy], .statusBadge.normal[b-9tqzm0e2cy] { background: #e8f5e9; color: #2e7d32; }

.emptyRow[b-9tqzm0e2cy] {
  text-align: center;
  color: #777;
  padding: 16px;
}

@media print {
  .filterRow[b-9tqzm0e2cy] {
    display: none;
  }
}
/* /Reports/Views/DefUsage.razor.rz.scp.css */
.reportTitle[b-tihuurqb4x] {
  display: flex;
  align-items: center;
  padding: 6px 4px;
}

.reportTitleText[b-tihuurqb4x] {
  font-size: 18px;
  font-weight: 600;
}

.inventoryNote[b-tihuurqb4x] {
  margin: 0 4px 8px;
  font-size: 13px;
  color: #555;
}

.summaryPrintBody[b-tihuurqb4x] {
  padding: 8px 4px;
}

.statCards[b-tihuurqb4x] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 12px;
}

.statCard[b-tihuurqb4x] {
  flex: 1 1 140px;
  max-width: 220px;
  padding: 10px 14px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fafafa;
}

.statCard.gain[b-tihuurqb4x] { border-left: 4px solid #2e7d32; }
.statCard.net[b-tihuurqb4x] { border-left: 4px solid #1565c0; }

.statValue[b-tihuurqb4x] {
  font-size: 22px;
  font-weight: 700;
}

.statLabel[b-tihuurqb4x] {
  font-size: 12px;
  color: #555;
}

.reportTable[b-tihuurqb4x] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.reportTable th[b-tihuurqb4x],
.reportTable td[b-tihuurqb4x] {
  padding: 4px 8px;
  border-bottom: 1px solid #ddd;
  text-align: left;
  white-space: nowrap;
}

.reportTable th[b-tihuurqb4x] {
  border-bottom: 2px solid #444;
  background: #f4f4f4;
}

.reportTable .num[b-tihuurqb4x] {
  text-align: right;
}

.emptyRow[b-tihuurqb4x] {
  text-align: center;
  color: #777;
  padding: 16px;
}

.defNotice[b-tihuurqb4x] {
  margin: 0 4px 8px;
  padding: 6px 10px;
  border-left: 4px solid #f9a825;
  background: #fffde7;
  font-size: 13px;
}

.defFilters[b-tihuurqb4x],
.defBand[b-tihuurqb4x] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 0 4px 8px;
  font-size: 13px;
}

.defFilters label[b-tihuurqb4x],
.defBand label[b-tihuurqb4x] {
  display: flex;
  align-items: center;
  gap: 6px;
}

.defBand input[b-tihuurqb4x] {
  width: 6rem;
}

.defLinkButton[b-tihuurqb4x] {
  border: 1px solid #1565c0;
  background: #fff;
  color: #1565c0;
  border-radius: 4px;
  padding: 2px 10px;
  cursor: pointer;
}

.defError[b-tihuurqb4x] {
  color: #b71c1c;
}

.defStatus[b-tihuurqb4x] {
  display: inline-block;
  padding: 1px 8px;
  border-radius: 10px;
  font-weight: 600;
}

.defOk[b-tihuurqb4x] { background: #e8f5e9; color: #2e7d32; }
.defLow[b-tihuurqb4x] { background: #fff3e0; color: #e65100; }
.defHigh[b-tihuurqb4x] { background: #ffebee; color: #b71c1c; }
.defMuted[b-tihuurqb4x] { background: #f4f4f4; color: #666; }

.defCheck[b-tihuurqb4x] {
  margin-top: 20px;
}
/* /Reports/Views/ExciseTaxForm.razor.rz.scp.css */
.reportTitle[b-s7aq8b71rl] {
  display: flex;
  align-items: center;
  padding: 6px 4px;
}

.reportTitleText[b-s7aq8b71rl] {
  font-size: 18px;
  font-weight: 600;
}

.summaryPrintBody[b-s7aq8b71rl] {
  padding: 8px 4px;
  max-width: 720px;
}

.reportLabelText[b-s7aq8b71rl] {
  font-weight: 600;
}

.exciseHeader[b-s7aq8b71rl] {
  display: flex;
  gap: 24px;
  margin-bottom: 12px;
}

.reportTable[b-s7aq8b71rl] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  margin-bottom: 12px;
}

.reportTable th[b-s7aq8b71rl],
.reportTable td[b-s7aq8b71rl] {
  padding: 3px 10px;
  border-bottom: 1px solid #ddd;
  text-align: left;
}

.reportTable th[b-s7aq8b71rl] {
  border-bottom: 2px solid #444;
  background: #f4f4f4;
}

.reportTable .num[b-s7aq8b71rl] {
  text-align: right;
}

.reportTable tfoot td[b-s7aq8b71rl] {
  font-weight: 600;
  border-top: 2px solid #444;
}

.emptyRow[b-s7aq8b71rl] {
  color: #777;
  padding: 16px 0;
}

.exciseActions[b-s7aq8b71rl] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 8px;
}

.generateButton[b-s7aq8b71rl] {
  padding: 6px 14px;
  border: 1px solid #2e7d32;
  border-radius: 4px;
  background: #2e7d32;
  color: #fff;
  cursor: pointer;
}

.classicLink[b-s7aq8b71rl] {
  font-size: 14px;
}

.seamNote[b-s7aq8b71rl] {
  font-size: 12px;
  color: #777;
}
/* /Reports/Views/ExemptHistory.razor.rz.scp.css */
.reportTitle[b-8n15f4a03q] { display: flex; align-items: center; padding: 6px 4px; }
.reportTitleText[b-8n15f4a03q] { font-size: 18px; font-weight: 600; }
.inventoryNote[b-8n15f4a03q] { margin: 0 4px 8px; font-size: 13px; color: #555; }
.summaryPrintBody[b-8n15f4a03q] { padding: 8px 4px; }
.statCards[b-8n15f4a03q] { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 12px; }
.statCard[b-8n15f4a03q] { flex: 1 1 140px; max-width: 220px; padding: 10px 14px; border: 1px solid #ddd; border-radius: 6px; background: #fafafa; }
.statCard.net[b-8n15f4a03q] { border-left: 4px solid #1565c0; }
.statValue[b-8n15f4a03q] { font-size: 22px; font-weight: 700; }
.statLabel[b-8n15f4a03q] { font-size: 12px; color: #555; }
.reportTable[b-8n15f4a03q] { width: 100%; border-collapse: collapse; font-size: 13px; margin-bottom: 12px; }
.reportTable th[b-8n15f4a03q], .reportTable td[b-8n15f4a03q] { padding: 4px 8px; border-bottom: 1px solid #ddd; text-align: left; white-space: nowrap; }
.reportTable th[b-8n15f4a03q] { border-bottom: 2px solid #444; background: #f4f4f4; }
.reportTable .num[b-8n15f4a03q] { text-align: right; }
.emptyRow[b-8n15f4a03q] { text-align: center; color: #777; padding: 16px; }
.regFilters[b-8n15f4a03q] { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin: 0 4px 8px; font-size: 13px; }
.regFilters label[b-8n15f4a03q] { display: flex; gap: 6px; align-items: center; }
.regHeading[b-8n15f4a03q] { margin: 12px 0 6px; font-size: 14px; }
.regNotice[b-8n15f4a03q] { margin: 8px 4px; padding: 8px 12px; border: 1px solid #e0c97a; background: #fff8e1; border-radius: 6px; font-size: 13px; }
.regNotice ul[b-8n15f4a03q] { margin: 4px 0 4px 18px; padding: 0; }
.regLinkButton[b-8n15f4a03q] { background: none; border: none; color: #1565c0; text-decoration: underline; cursor: pointer; padding: 0 4px; font-size: 13px; }
.regError[b-8n15f4a03q] { color: #b71c1c; margin-left: 8px; }
/* /Reports/Views/FuelByDepartmentSummary.razor.rz.scp.css */
.reportTitle[b-f7azqcwuia] {
  display: flex;
  align-items: center;
  padding: 6px 4px;
}

.reportTitleText[b-f7azqcwuia] {
  font-size: 18px;
  font-weight: 600;
}

.summaryPrintBody[b-f7azqcwuia] {
  padding: 8px 4px;
}

.reportLabelText[b-f7azqcwuia] {
  font-weight: 600;
}

/* Must beat global printing.css .reportSummaryArea (3-col min-content),
   which squeezed the header into one word-wide column. */
.reportHeaderBand[b-f7azqcwuia] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 16px;
  width: 100%;
  max-width: none;
  margin-bottom: 16px;
}

.reportCompanyName[b-f7azqcwuia] {
  flex: 1 1 16rem;
  min-width: min(100%, 16rem);
  white-space: normal;
  font-weight: 600;
}

.reportDateRange[b-f7azqcwuia] {
  font-weight: 600;
  white-space: nowrap;
}

.reportSummaryArea[b-f7azqcwuia] {
  display: block;
  width: 100%;
}

.deptSection[b-f7azqcwuia] {
  margin-bottom: 16px;
  max-width: 640px;
}

.deptName[b-f7azqcwuia] {
  font-weight: 700;
  margin-bottom: 4px;
}

.deptTable[b-f7azqcwuia] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.deptTable th[b-f7azqcwuia],
.deptTable td[b-f7azqcwuia] {
  padding: 3px 10px;
  border-bottom: 1px solid #ddd;
  text-align: left;
}

.deptTable th[b-f7azqcwuia] {
  border-bottom: 2px solid #444;
  background: #f4f4f4;
}

.deptTable .num[b-f7azqcwuia] {
  text-align: right;
}

.deptTable tfoot td[b-f7azqcwuia] {
  font-weight: 600;
  border-top: 2px solid #444;
}

.grandTotalRow[b-f7azqcwuia] {
  display: flex;
  gap: 12px;
  margin-top: 12px;
  font-size: 14px;
}

@media print {
  .reportHeaderBand[b-f7azqcwuia] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    width: 100%;
    max-width: none;
  }

  .reportDateRange[b-f7azqcwuia] {
    white-space: nowrap;
  }

  .reportSummaryArea[b-f7azqcwuia] {
    display: block;
    width: 100%;
  }

  .deptSection[b-f7azqcwuia] {
    page-break-inside: avoid;
  }
}
/* /Reports/Views/FuelByDriverTable.razor.rz.scp.css */
.reportTitle[b-d806puhile] {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 6px 4px;
}

.reportTitleText[b-d806puhile] {
  font-size: 18px;
  font-weight: 600;
}

.hideNoFuelToggle[b-d806puhile] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  cursor: pointer;
}

.summaryPrintBody[b-d806puhile] {
  padding: 8px 4px;
}

.reportLabelText[b-d806puhile] {
  font-weight: 600;
}

.accountSection[b-d806puhile] {
  margin-bottom: 20px;
  max-width: 560px;
}

.accountHeader[b-d806puhile] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.accountHeader h3[b-d806puhile] {
  margin: 0 0 4px;
  font-size: 16px;
}

.accountLogo[b-d806puhile] {
  width: 96px;
  height: 36px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right center;
}

.reportTable[b-d806puhile] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.reportTable th[b-d806puhile],
.reportTable td[b-d806puhile] {
  padding: 3px 10px;
  border-bottom: 1px solid #ddd;
  text-align: left;
}

.reportTable th[b-d806puhile] {
  border-bottom: 2px solid #444;
  background: #f4f4f4;
}

.reportTable .num[b-d806puhile] {
  text-align: right;
}

.reportTable tfoot td[b-d806puhile] {
  font-weight: 600;
  border-top: 2px solid #444;
}

.overallTotalRow[b-d806puhile] {
  display: flex;
  gap: 12px;
  margin-top: 12px;
  font-size: 14px;
}

@media print {
  .hideNoFuelToggle[b-d806puhile] {
    display: none;
  }

  .accountSection[b-d806puhile] {
    page-break-inside: avoid;
  }
}
/* /Reports/Views/FuelByReport.razor.rz.scp.css */
/* Self-contained (scoped css does not cascade from ReportArea). Mirrors the
   server report layout classes used by the fuel-by family. */

.reportTitle[b-siv3qdsh05] {
  display: flex;
  align-items: center;
  padding: 6px 4px;
}

.reportTitleText[b-siv3qdsh05] {
  font-size: 18px;
  font-weight: 600;
}

.printBody[b-siv3qdsh05] {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 8px 4px;
}

.complianceChart[b-siv3qdsh05] {
  flex: 2 1 480px;
  min-width: 360px;
  height: 420px;
}

.complianceDistribution[b-siv3qdsh05] {
  flex: 1 1 320px;
  min-width: 280px;
  height: 420px;
}

@media print {
  .printBody[b-siv3qdsh05] {
    display: block;
  }

  .complianceChart[b-siv3qdsh05],
  .complianceDistribution[b-siv3qdsh05] {
    width: 100%;
    page-break-inside: avoid;
  }
}
/* /Reports/Views/FuelByUnitDetail.razor.rz.scp.css */
/* Same light report card as Fueling Times. Wide tables scroll in the panel. */

.reportTitle[b-rkbthk0vzk] {
  display: flex;
  align-items: center;
  padding: 6px 4px;
}

.reportTitleText[b-rkbthk0vzk] {
  font-size: 18px;
  font-weight: 600;
}

.reportDescription[b-rkbthk0vzk] {
  margin: 0 4px 8px;
  font-size: 13px;
  line-height: 1.45;
  color: #555;
}

.summaryPrintBody[b-rkbthk0vzk] {
  padding: 8px 4px;
}

.priceNote[b-rkbthk0vzk] {
  margin: 0 0 12px;
  font-size: 13px;
  color: #555;
}

.statCards[b-rkbthk0vzk] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 12px;
}

.statCard[b-rkbthk0vzk] {
  flex: 1 1 140px;
  max-width: 220px;
  padding: 12px 16px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background: #fafafa;
}

.statCard.alert[b-rkbthk0vzk] { border-left: 3px solid #c62828; }
.statCard.loss[b-rkbthk0vzk] { border-left: 3px solid #ef6c00; }
.statCard.gain[b-rkbthk0vzk] { border-left: 3px solid #2e7d32; }
.statCard.net[b-rkbthk0vzk] { border-left: 3px solid #1565c0; }

.statValue[b-rkbthk0vzk] {
  font-size: 22px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.statLabel[b-rkbthk0vzk] {
  font-size: 12px;
  color: #555;
}

.unitSection[b-rkbthk0vzk] {
  margin-bottom: 24px;
}

.unitSection h3[b-rkbthk0vzk] {
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 600;
}

.reportTableScroll[b-rkbthk0vzk] {
  overflow-x: auto;
  max-width: 100%;
}

.reportTable[b-rkbthk0vzk] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.reportTable th[b-rkbthk0vzk],
.reportTable td[b-rkbthk0vzk] {
  padding: 8px 12px;
  border-bottom: 1px solid #ddd;
  text-align: left;
}

.reportTable th[b-rkbthk0vzk],
.reportTable .when[b-rkbthk0vzk] {
  white-space: nowrap;
}

.reportTable th[b-rkbthk0vzk] {
  border-bottom: 2px solid #444;
  background: #f4f4f4;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #555;
}

.reportTable .num[b-rkbthk0vzk] {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.reportTable tfoot td[b-rkbthk0vzk],
.reportTable .subtotal td[b-rkbthk0vzk] {
  font-weight: 600;
  border-top: 2px solid #444;
  background: #f4f4f4;
}

.reportLabelText[b-rkbthk0vzk] {
  font-weight: 600;
}

.grandTotal[b-rkbthk0vzk] {
  display: flex;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border-radius: 8px;
  background: #f4f4f4;
  border-top: 2px solid #444;
  font-size: 14px;
}

.emptyRow[b-rkbthk0vzk] {
  text-align: center;
  color: #777;
  padding: 40px 16px;
}

@media (max-width: 640px) {
  .statCard[b-rkbthk0vzk] {
    flex-basis: calc(50% - 12px);
    max-width: none;
  }
}

@media print {
  .unitSection[b-rkbthk0vzk] {
    page-break-inside: avoid;
  }
}
/* /Reports/Views/FuelByUnitSummary.razor.rz.scp.css */
/* Same light report card as Fueling Times. reportDrawSubArea paints a white
   surface, so these rules stay on that card in both themes. */

.reportTitle[b-3aqogwzs54] {
  display: flex;
  align-items: center;
  padding: 6px 4px;
}

.reportTitleText[b-3aqogwzs54] {
  font-size: 18px;
  font-weight: 600;
}

.reportDescription[b-3aqogwzs54] {
  margin: 0 4px 8px;
  font-size: 13px;
  line-height: 1.45;
  color: #555;
}

.summaryPrintBody[b-3aqogwzs54] {
  padding: 8px 4px;
}

.priceNote[b-3aqogwzs54] {
  margin: 0 0 12px;
  font-size: 13px;
  color: #555;
}

.statCards[b-3aqogwzs54] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 12px;
}

.statCard[b-3aqogwzs54] {
  flex: 1 1 140px;
  max-width: 220px;
  padding: 12px 16px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background: #fafafa;
}

.statCard.alert[b-3aqogwzs54] { border-left: 3px solid #c62828; }
.statCard.loss[b-3aqogwzs54] { border-left: 3px solid #ef6c00; }
.statCard.gain[b-3aqogwzs54] { border-left: 3px solid #2e7d32; }
.statCard.net[b-3aqogwzs54] { border-left: 3px solid #1565c0; }

.statValue[b-3aqogwzs54] {
  font-size: 22px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.statLabel[b-3aqogwzs54] {
  font-size: 12px;
  color: #555;
}

.reportTableScroll[b-3aqogwzs54] {
  overflow-x: auto;
  max-width: 100%;
}

.reportTable[b-3aqogwzs54] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.reportTable th[b-3aqogwzs54],
.reportTable td[b-3aqogwzs54] {
  padding: 8px 12px;
  border-bottom: 1px solid #ddd;
  text-align: left;
  white-space: nowrap;
}

.reportTable th[b-3aqogwzs54] {
  border-bottom: 2px solid #444;
  background: #f4f4f4;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #555;
}

.reportTable .num[b-3aqogwzs54] {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.reportTable tfoot td[b-3aqogwzs54],
.reportTable .subtotal td[b-3aqogwzs54] {
  font-weight: 600;
  border-top: 2px solid #444;
  background: #f4f4f4;
}

.emptyRow[b-3aqogwzs54] {
  text-align: center;
  color: #777;
  padding: 40px 16px;
  white-space: normal;
}

@media (max-width: 640px) {
  .statCard[b-3aqogwzs54] {
    flex-basis: calc(50% - 12px);
    max-width: none;
  }
}
/* /Reports/Views/FuelingTimes.razor.rz.scp.css */
.reportTitle[b-aosy59ku2q] {
  display: flex;
  align-items: center;
  padding: 6px 4px;
}

.reportTitleText[b-aosy59ku2q] {
  font-size: 18px;
  font-weight: 600;
}

.summaryPrintBody[b-aosy59ku2q] {
  padding: 8px 4px;
}

.statCards[b-aosy59ku2q] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 12px;
}

.statCard[b-aosy59ku2q] {
  flex: 1 1 140px;
  max-width: 220px;
  padding: 10px 14px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fafafa;
}

.statCard.alert[b-aosy59ku2q] { border-left: 4px solid #c62828; }
.statCard.loss[b-aosy59ku2q] { border-left: 4px solid #ef6c00; }
.statCard.gain[b-aosy59ku2q] { border-left: 4px solid #2e7d32; }
.statCard.net[b-aosy59ku2q] { border-left: 4px solid #1565c0; }

.statValue[b-aosy59ku2q] {
  font-size: 22px;
  font-weight: 700;
}

.statLabel[b-aosy59ku2q] {
  font-size: 12px;
  color: #555;
}

.filterRow[b-aosy59ku2q] {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 10px;
  font-size: 13px;
}

.filterRow select[b-aosy59ku2q] {
  margin-left: 4px;
}

.reportTable[b-aosy59ku2q] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.reportTable th[b-aosy59ku2q],
.reportTable td[b-aosy59ku2q] {
  padding: 4px 8px;
  border-bottom: 1px solid #ddd;
  text-align: left;
  white-space: nowrap;
}

.reportTable th[b-aosy59ku2q] {
  border-bottom: 2px solid #444;
  background: #f4f4f4;
}

.reportTable .num[b-aosy59ku2q] {
  text-align: right;
}

.lossText[b-aosy59ku2q] { color: #c62828; }
.gainText[b-aosy59ku2q] { color: #2e7d32; }

.statusBadge[b-aosy59ku2q] {
  padding: 1px 8px;
  border-radius: 10px;
  font-size: 12px;
  background: #e0e0e0;
}

.statusBadge.alert[b-aosy59ku2q] { background: #fdecea; color: #c62828; }
.statusBadge.ok[b-aosy59ku2q], .statusBadge.normal[b-aosy59ku2q] { background: #e8f5e9; color: #2e7d32; }

.emptyRow[b-aosy59ku2q] {
  text-align: center;
  color: #777;
  padding: 16px;
}

@media print {
  .filterRow[b-aosy59ku2q] {
    display: none;
  }
}
/* /Reports/Views/FuelUseByDriver.razor.rz.scp.css */
.reportTitle[b-t6d62784fi] {
  display: flex;
  align-items: center;
  padding: 6px 4px;
}

.reportTitleText[b-t6d62784fi] {
  font-size: 18px;
  font-weight: 600;
}

.summaryPrintBody[b-t6d62784fi] {
  padding: 8px 4px;
}

.reportLabelText[b-t6d62784fi] {
  font-weight: 600;
}

/* Must beat global printing.css .reportSummaryArea (3-col min-content),
   which squeezed the header into one word-wide column. */
.reportHeaderBand[b-t6d62784fi] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 16px;
  width: 100%;
  max-width: none;
  margin-bottom: 16px;
}

.reportCompanyName[b-t6d62784fi] {
  flex: 1 1 16rem;
  min-width: min(100%, 16rem);
  white-space: normal;
  font-weight: 600;
}

.reportDateRange[b-t6d62784fi] {
  font-weight: 600;
  white-space: nowrap;
}

.reportSummaryArea[b-t6d62784fi] {
  display: block;
  width: 100%;
}

.uncostedFlag[b-t6d62784fi] {
  font-style: italic;
  color: var(--fs-text-500, #555);
}

.deptSection[b-t6d62784fi] {
  margin-bottom: 16px;
  max-width: 720px;
}

.deptName[b-t6d62784fi] {
  font-weight: 700;
  margin-bottom: 4px;
}

.deptTable[b-t6d62784fi] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.deptTable th[b-t6d62784fi],
.deptTable td[b-t6d62784fi] {
  padding: 3px 10px;
  border-bottom: 1px solid #ddd;
  text-align: left;
}

.deptTable th[b-t6d62784fi] {
  border-bottom: 2px solid #444;
  background: #f4f4f4;
}

.deptTable .num[b-t6d62784fi] {
  text-align: right;
}

.deptTable tfoot td[b-t6d62784fi] {
  font-weight: 600;
  border-top: 2px solid #444;
}

.grandTotalRow[b-t6d62784fi] {
  display: flex;
  gap: 12px;
  margin-top: 12px;
  font-size: 14px;
  flex-wrap: wrap;
}

.uncostedRow td[b-t6d62784fi] {
  font-style: italic;
  color: var(--fs-text-500, #555);
}

.report-load-error[b-t6d62784fi] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  margin: 16px 4px;
  padding: 16px 18px;
  max-width: 560px;
  border: 1px solid var(--fs-error-accent, #c43c3c);
  border-radius: 8px;
  background: var(--fs-error-bg, #fff4f4);
  color: var(--fs-text-700, #1e293b);
}

.report-load-error .empty-state-title[b-t6d62784fi] {
  font-size: 16px;
  font-weight: 600;
  color: var(--fs-error-accent, #c43c3c);
}

.report-load-error .empty-state-message[b-t6d62784fi] {
  font-size: 14px;
  line-height: 1.45;
}

@media print {
  .deptSection[b-t6d62784fi] {
    page-break-inside: avoid;
  }
}
/* /Reports/Views/IftaFuel.razor.rz.scp.css */
.reportTitle[b-3oinlbyrd1] { display: flex; align-items: center; padding: 6px 4px; }
.reportTitleText[b-3oinlbyrd1] { font-size: 18px; font-weight: 600; }
.inventoryNote[b-3oinlbyrd1] { margin: 0 4px 8px; font-size: 13px; color: #555; }
.summaryPrintBody[b-3oinlbyrd1] { padding: 8px 4px; }
.statCards[b-3oinlbyrd1] { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 12px; }
.statCard[b-3oinlbyrd1] { flex: 1 1 140px; max-width: 220px; padding: 10px 14px; border: 1px solid #ddd; border-radius: 6px; background: #fafafa; }
.statCard.net[b-3oinlbyrd1] { border-left: 4px solid #1565c0; }
.statValue[b-3oinlbyrd1] { font-size: 22px; font-weight: 700; }
.statLabel[b-3oinlbyrd1] { font-size: 12px; color: #555; }
.reportTable[b-3oinlbyrd1] { width: 100%; border-collapse: collapse; font-size: 13px; margin-bottom: 12px; }
.reportTable th[b-3oinlbyrd1], .reportTable td[b-3oinlbyrd1] { padding: 4px 8px; border-bottom: 1px solid #ddd; text-align: left; white-space: nowrap; }
.reportTable th[b-3oinlbyrd1] { border-bottom: 2px solid #444; background: #f4f4f4; }
.reportTable .num[b-3oinlbyrd1] { text-align: right; }
.emptyRow[b-3oinlbyrd1] { text-align: center; color: #777; padding: 16px; }
.regFilters[b-3oinlbyrd1] { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin: 0 4px 8px; font-size: 13px; }
.regFilters label[b-3oinlbyrd1] { display: flex; gap: 6px; align-items: center; }
.regHeading[b-3oinlbyrd1] { margin: 12px 0 6px; font-size: 14px; }
.regNotice[b-3oinlbyrd1] { margin: 8px 4px; padding: 8px 12px; border: 1px solid #e0c97a; background: #fff8e1; border-radius: 6px; font-size: 13px; }
.regNotice ul[b-3oinlbyrd1] { margin: 4px 0 4px 18px; padding: 0; }
.regLinkButton[b-3oinlbyrd1] { background: none; border: none; color: #1565c0; text-decoration: underline; cursor: pointer; padding: 0 4px; font-size: 13px; }
.regError[b-3oinlbyrd1] { color: #b71c1c; margin-left: 8px; }
/* /Reports/Views/SentryAlertHistory.razor.rz.scp.css */
.reportTitle[b-1ielwmxq4o] {
  display: flex;
  align-items: center;
  padding: 6px 4px;
}

.reportTitleText[b-1ielwmxq4o] {
  font-size: 18px;
  font-weight: 600;
}

.summaryPrintBody[b-1ielwmxq4o] {
  padding: 8px 4px;
}

.statCards[b-1ielwmxq4o] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 12px;
}

.statCard[b-1ielwmxq4o] {
  flex: 1 1 140px;
  max-width: 220px;
  padding: 10px 14px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fafafa;
}

.statCard.alert[b-1ielwmxq4o] { border-left: 4px solid #c62828; }
.statCard.loss[b-1ielwmxq4o] { border-left: 4px solid #ef6c00; }
.statCard.gain[b-1ielwmxq4o] { border-left: 4px solid #f9a825; }
.statCard.net[b-1ielwmxq4o] { border-left: 4px solid #1565c0; }

.statValue[b-1ielwmxq4o] {
  font-size: 22px;
  font-weight: 700;
}

.statLabel[b-1ielwmxq4o] {
  font-size: 12px;
  color: #555;
}

.filterRow[b-1ielwmxq4o] {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 10px;
  font-size: 13px;
}

.filterRow select[b-1ielwmxq4o] {
  margin-left: 4px;
}

.reportTable[b-1ielwmxq4o] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.reportTable th[b-1ielwmxq4o],
.reportTable td[b-1ielwmxq4o] {
  padding: 4px 8px;
  border-bottom: 1px solid #ddd;
  text-align: left;
}

.reportTable th[b-1ielwmxq4o] {
  border-bottom: 2px solid #444;
  background: #f4f4f4;
  white-space: nowrap;
}

.reportTable .num[b-1ielwmxq4o] {
  text-align: right;
  white-space: nowrap;
}

.detailCell[b-1ielwmxq4o] {
  max-width: 280px;
  white-space: normal;
}

.statusBadge[b-1ielwmxq4o] {
  padding: 1px 8px;
  border-radius: 10px;
  font-size: 12px;
  background: #e0e0e0;
}

.statusBadge.alert[b-1ielwmxq4o] { background: #fdecea; color: #c62828; }
.statusBadge.ok[b-1ielwmxq4o] { background: #e8f5e9; color: #2e7d32; }

.severityBadge[b-1ielwmxq4o] {
  padding: 1px 8px;
  border-radius: 10px;
  font-size: 12px;
  text-transform: capitalize;
}

.severityCritical[b-1ielwmxq4o] { background: #fdecea; color: #c62828; }
.severityWarning[b-1ielwmxq4o] { background: #fff3e0; color: #ef6c00; }
.severityInfo[b-1ielwmxq4o] { background: #e3f2fd; color: #1565c0; }

.emptyRow[b-1ielwmxq4o] {
  text-align: center;
  color: #777;
  padding: 16px;
}

@media print {
  .filterRow[b-1ielwmxq4o] {
    display: none;
  }
}

.reasonBreakdown[b-1ielwmxq4o] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: 10px;
  font-size: 13px;
}

.reasonChip[b-1ielwmxq4o] {
  padding: 2px 10px;
  border-radius: 10px;
  background: #eef2f7;
}

.reportLabelText[b-1ielwmxq4o] {
  font-weight: 600;
}
/* /Reports/Views/SentryInventory.razor.rz.scp.css */
.reportTitle[b-onem92mjqe] {
  display: flex;
  align-items: center;
  padding: 6px 4px;
}

.reportTitleText[b-onem92mjqe] {
  font-size: 18px;
  font-weight: 600;
}

.summaryPrintBody[b-onem92mjqe] {
  padding: 8px 4px;
}

.statCards[b-onem92mjqe] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 12px;
}

.statCard[b-onem92mjqe] {
  flex: 1 1 140px;
  max-width: 220px;
  padding: 10px 14px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fafafa;
}

.statCard.gain[b-onem92mjqe] { border-left: 4px solid #2e7d32; }
.statCard.net[b-onem92mjqe] { border-left: 4px solid #1565c0; }

.statValue[b-onem92mjqe] {
  font-size: 22px;
  font-weight: 700;
}

.statLabel[b-onem92mjqe] {
  font-size: 12px;
  color: #555;
}

.filterRow[b-onem92mjqe] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  margin-bottom: 10px;
  font-size: 13px;
}

.filterRow label[b-onem92mjqe] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}

.reportTable[b-onem92mjqe] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.reportTable th[b-onem92mjqe],
.reportTable td[b-onem92mjqe] {
  padding: 4px 8px;
  border-bottom: 1px solid #ddd;
  text-align: left;
  white-space: nowrap;
}

.reportTable th[b-onem92mjqe] {
  border-bottom: 2px solid #444;
  background: #f4f4f4;
}

.reportTable .num[b-onem92mjqe] {
  text-align: right;
}

.emptyRow[b-onem92mjqe] {
  text-align: center;
  color: #777;
  padding: 16px;
}

@media print {
  .filterRow[b-onem92mjqe] {
    display: none;
  }
}
/* /Reports/Views/SlippageHistory.razor.rz.scp.css */
.reportTitle[b-gf3h071sar] {
  display: flex;
  align-items: center;
  padding: 6px 4px;
}

.reportTitleText[b-gf3h071sar] {
  font-size: 18px;
  font-weight: 600;
}

.summaryPrintBody[b-gf3h071sar] {
  padding: 8px 4px;
}

.statCards[b-gf3h071sar] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 12px;
}

.statCard[b-gf3h071sar] {
  flex: 1 1 140px;
  max-width: 220px;
  padding: 10px 14px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fafafa;
}

.statCard.alert[b-gf3h071sar] { border-left: 4px solid #c62828; }
.statCard.loss[b-gf3h071sar] { border-left: 4px solid #ef6c00; }
.statCard.gain[b-gf3h071sar] { border-left: 4px solid #2e7d32; }
.statCard.net[b-gf3h071sar] { border-left: 4px solid #1565c0; }

.statValue[b-gf3h071sar] {
  font-size: 22px;
  font-weight: 700;
}

.statLabel[b-gf3h071sar] {
  font-size: 12px;
  color: #555;
}

.filterRow[b-gf3h071sar] {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 10px;
  font-size: 13px;
}

.filterRow select[b-gf3h071sar] {
  margin-left: 4px;
}

.reportTable[b-gf3h071sar] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.reportTable th[b-gf3h071sar],
.reportTable td[b-gf3h071sar] {
  padding: 4px 8px;
  border-bottom: 1px solid #ddd;
  text-align: left;
  white-space: nowrap;
}

.reportTable th[b-gf3h071sar] {
  border-bottom: 2px solid #444;
  background: #f4f4f4;
}

.reportTable .num[b-gf3h071sar] {
  text-align: right;
}

.lossText[b-gf3h071sar] { color: #c62828; }
.gainText[b-gf3h071sar] { color: #2e7d32; }

.statusBadge[b-gf3h071sar] {
  padding: 1px 8px;
  border-radius: 10px;
  font-size: 12px;
  background: #e0e0e0;
}

.statusBadge.alert[b-gf3h071sar] { background: #fdecea; color: #c62828; }
.statusBadge.ok[b-gf3h071sar], .statusBadge.normal[b-gf3h071sar] { background: #e8f5e9; color: #2e7d32; }

.emptyRow[b-gf3h071sar] {
  text-align: center;
  color: #777;
  padding: 16px;
}

@media print {
  .filterRow[b-gf3h071sar] {
    display: none;
  }
}

.reasonBreakdown[b-gf3h071sar] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: 10px;
  font-size: 13px;
}

.reasonChip[b-gf3h071sar] {
  padding: 2px 10px;
  border-radius: 10px;
  background: #eef2f7;
}

.reportLabelText[b-gf3h071sar] {
  font-weight: 600;
}
/* /Reports/Views/TankInventory.razor.rz.scp.css */
.reportTitle[b-d308qsszhy] {
  display: flex;
  align-items: center;
  padding: 6px 4px;
}

.reportTitleText[b-d308qsszhy] {
  font-size: 18px;
  font-weight: 600;
}

.summaryPrintBody[b-d308qsszhy] {
  padding: 8px 4px;
}

.statCards[b-d308qsszhy] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 12px;
}

.statCard[b-d308qsszhy] {
  flex: 1 1 140px;
  max-width: 220px;
  padding: 10px 14px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fafafa;
}

.statCard.gain[b-d308qsszhy] { border-left: 4px solid #2e7d32; }
.statCard.net[b-d308qsszhy] { border-left: 4px solid #1565c0; }

.statValue[b-d308qsszhy] {
  font-size: 22px;
  font-weight: 700;
}

.statLabel[b-d308qsszhy] {
  font-size: 12px;
  color: #555;
}

.reportTable[b-d308qsszhy] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.reportTable th[b-d308qsszhy],
.reportTable td[b-d308qsszhy] {
  padding: 4px 8px;
  border-bottom: 1px solid #ddd;
  text-align: left;
  white-space: nowrap;
}

.reportTable th[b-d308qsszhy] {
  border-bottom: 2px solid #444;
  background: #f4f4f4;
}

.reportTable .num[b-d308qsszhy] {
  text-align: right;
}

.emptyRow[b-d308qsszhy] {
  text-align: center;
  color: #777;
  padding: 16px;
}
/* /Reports/Views/TransactionsReport.razor.rz.scp.css */
/* Self-contained (scoped css does not cascade from ReportArea). Mirrors the
   server transactions-report layout. */

.reportTitle[b-hsq45qnrqr] {
  display: flex;
  align-items: center;
  padding: 6px 4px;
}

.reportTitleText[b-hsq45qnrqr] {
  font-size: 18px;
  font-weight: 600;
}

.summaryPrintBody[b-hsq45qnrqr] {
  padding: 8px 4px;
  overflow-x: auto;
}

.reportSummaryArea[b-hsq45qnrqr] {
  display: grid;
  grid-template-columns: max-content max-content 1fr;
  column-gap: 24px;
  row-gap: 2px;
  margin-bottom: 8px;
}

.reportLabelText[b-hsq45qnrqr] {
  font-weight: 600;
  white-space: nowrap;
}

.reportValueText[b-hsq45qnrqr] {
  white-space: nowrap;
}

.reportBlankLine[b-hsq45qnrqr] {
  height: 8px;
}

.truncationNote[b-hsq45qnrqr] {
  margin: 4px 0 8px;
  padding: 4px 8px;
  background: #fff3cd;
  border: 1px solid #ffe69c;
  border-radius: 4px;
  font-size: 13px;
}

.transactionsGrid[b-hsq45qnrqr] {
  display: grid;
  gap: 0;
  font-size: 12px;
}

.transactionColHeader[b-hsq45qnrqr] {
  padding: 4px 8px;
  border-bottom: 2px solid #444;
  background: #f4f4f4;
  /* Explicit dark text: the header span otherwise INHERITS a light-green
     color from an ancestor (the data cells set their own), leaving the
     column titles near-invisible on the pale header background. */
  color: #1e293b;
  white-space: nowrap;
}

.transactionTitleText[b-hsq45qnrqr] {
  font-weight: 600;
  color: #1e293b;
}

.transactionCell[b-hsq45qnrqr] {
  padding: 3px 8px;
  border-bottom: 1px solid #ddd;
  white-space: nowrap;
}

.transactionDateArea[b-hsq45qnrqr],
.transactionNoteArea[b-hsq45qnrqr] {
  white-space: pre-line;
}

.transactionNoteArea[b-hsq45qnrqr] {
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.noSplitColumn[b-hsq45qnrqr] {
  white-space: nowrap;
}

.totalSpacer[b-hsq45qnrqr] {
  grid-column: 1 / -1;
  height: 12px;
}

.totalLabelCell[b-hsq45qnrqr] {
  grid-column: 1 / 3;
  padding: 2px 8px;
  font-weight: 600;
  white-space: nowrap;
}

.totalValueCell[b-hsq45qnrqr] {
  grid-column: 3 / -1;
  padding: 2px 8px;
  white-space: nowrap;
}

@media print {
  .summaryPrintBody[b-hsq45qnrqr] {
    overflow-x: visible;
  }
}
/* /Reports/Views/UnitInventory.razor.rz.scp.css */
.reportTitle[b-0inobh5fol] {
  display: flex;
  align-items: center;
  padding: 6px 4px;
}

.reportTitleText[b-0inobh5fol] {
  font-size: 18px;
  font-weight: 600;
}

.inventoryNote[b-0inobh5fol] {
  margin: 0 4px 8px;
  font-size: 13px;
  color: #555;
}

.summaryPrintBody[b-0inobh5fol] {
  padding: 8px 4px;
}

.statCards[b-0inobh5fol] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 12px;
}

.statCard[b-0inobh5fol] {
  flex: 1 1 140px;
  max-width: 220px;
  padding: 10px 14px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fafafa;
}

.statCard.gain[b-0inobh5fol] { border-left: 4px solid #2e7d32; }
.statCard.net[b-0inobh5fol] { border-left: 4px solid #1565c0; }

.statValue[b-0inobh5fol] {
  font-size: 22px;
  font-weight: 700;
}

.statLabel[b-0inobh5fol] {
  font-size: 12px;
  color: #555;
}

.reportTable[b-0inobh5fol] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.reportTable th[b-0inobh5fol],
.reportTable td[b-0inobh5fol] {
  padding: 4px 8px;
  border-bottom: 1px solid #ddd;
  text-align: left;
  white-space: nowrap;
}

.reportTable th[b-0inobh5fol] {
  border-bottom: 2px solid #444;
  background: #f4f4f4;
}

.reportTable .num[b-0inobh5fol] {
  text-align: right;
}

.emptyRow[b-0inobh5fol] {
  text-align: center;
  color: #777;
  padding: 16px;
}
/* /Sentries/AuthorizeNowPanel.razor.rz.scp.css */
/* Authorize Now - Modern Styling (ported verbatim from the server
   SentryAuthorizeNow.razor.css; scoped per-component, safe to copy). */

/* Toggle Button Container */
.auth-buttons-container[b-6royxv74ep] {
  display: flex;
  justify-content: center;
  padding: 4px 2px 8px 2px;
}

.auth-toggle-btn[b-6royxv74ep] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 28px;
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
  color: #ffffff;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: var(--fs-shadow-1);
}

.auth-toggle-btn:hover[b-6royxv74ep] {
  background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);
  box-shadow: var(--fs-shadow-1);
}

.auth-toggle-btn:active[b-6royxv74ep] {
  transform: translateY(0);
}

/* Form Container */
.auth-form-container[b-6royxv74ep] {
  background: var(--fs-card-bg);
  border-radius: 12px;
  box-shadow: var(--fs-shadow-1);
  margin: 16px;
  overflow: hidden;
  width: calc(100% - 32px);
}

/* Header */
.auth-header[b-6royxv74ep] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-bottom: 1px solid var(--fs-border-400);
}

.auth-title-section[b-6royxv74ep] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.auth-title[b-6royxv74ep] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--fs-text-heading);
}

.auth-sentry-badge[b-6royxv74ep] {
  display: inline-flex;
  padding: 4px 12px;
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
}

/* Body / Form */
.auth-body[b-6royxv74ep] {
  padding: 24px 20px;
}

.auth-form-grid[b-6royxv74ep] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 16px;
}

.form-field[b-6royxv74ep] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.form-field.required .field-label[b-6royxv74ep]::after {
  content: " *";
  color: var(--fs-error-500);
}

.field-label[b-6royxv74ep] {
  font-size: 13px;
  font-weight: 600;
  color: var(--fs-text-600);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.field-select[b-6royxv74ep],
.field-input[b-6royxv74ep] {
  padding: 10px 14px;
  background: var(--fs-surface-50);
  border: 2px solid var(--fs-border-400);
  border-radius: 8px;
  font-size: 14px;
  color: var(--fs-text-heading);
  transition: all 0.2s ease;
}

.field-select:focus[b-6royxv74ep],
.field-input:focus[b-6royxv74ep] {
  background: var(--fs-card-bg);
  border-color: #22c55e;
  box-shadow: none;
}

.field-select[b-6royxv74ep] {
  cursor: pointer;
}

/* Select modifiers */
.selectWithValue[b-6royxv74ep] {
  color: var(--fs-text-heading);
}

.selectWithoutValue[b-6royxv74ep] {
  color: var(--fs-text-dim);
}

.selectTankWithoutValidTank[b-6royxv74ep] {
  color: var(--fs-error-500);
  border-color: #fca5a5;
  pointer-events: none;
}

/* Input with info */
.input-with-info[b-6royxv74ep] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.input-info[b-6royxv74ep] {
  font-size: 12px;
}

.odometerWarning[b-6royxv74ep] {
  color: var(--fs-error-500);
}

.odometerNotWarning[b-6royxv74ep] {
  color: var(--fs-text-subtle);
}

/* Footer */
.auth-footer[b-6royxv74ep] {
  padding: 16px 20px;
  background: var(--fs-surface-50);
  border-top: 1px solid var(--fs-border-400);
}

.auth-actions[b-6royxv74ep] {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

/* Disabled states */
.authorizeButtonDisabled[b-6royxv74ep],
.unauthorizeButtonDisabled[b-6royxv74ep] {
  pointer-events: none;
  opacity: 0.5;
}

/* Status */
.auth-status[b-6royxv74ep] {
  margin-top: 16px;
  text-align: center;
}

.status-text[b-6royxv74ep] {
  font-size: 14px;
  color: var(--fs-text-subtle);
}

/* Responsive */
@media (max-width: 600px) {
  .auth-form-grid[b-6royxv74ep] {
    grid-template-columns: 1fr;
  }

  .auth-actions[b-6royxv74ep] {
    flex-direction: column;
  }

  .auth-btn[b-6royxv74ep] {
    width: 100%;
  }
}
/* /Sentries/SentryDriverGrid.razor.rz.scp.css */
.showSentryAccessArea[b-mf78996gj1] {
  position: relative;
  display: flex;
  margin: 4px 22px 22px 22px;
  width: calc(100% - 33px);
  height: fit-content;
  min-width: 400px;
  flex-wrap: wrap;
  justify-content: center;
}

.sentryAccessArea[b-mf78996gj1] {
  width: 100%;
  justify-content: center;
}

.sentryAccessBelowButtonFrame[b-mf78996gj1] {
  justify-content: center;
}

.showSentryAccessButton[b-mf78996gj1] {
  border-radius: 22px;
  width: 240px;
}

.hideSentryAccessRow[b-mf78996gj1] {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}

.group-filter-area[b-mf78996gj1] {
  display: flex;
  align-items: center;
}

.group-filter-select[b-mf78996gj1] {
  padding: 6px 10px;
  border: 1px solid var(--fs-border-medium, #d1d5db);
  border-radius: 6px;
  font-size: 13px;
  min-width: 140px;
  background: var(--fs-card-bg, white);
  color: var(--fs-text-primary);
}

.group-filter-select:focus[b-mf78996gj1] {
  border-color: green;
  box-shadow: none;
}

.hideSentryAccessButton[b-mf78996gj1] {
  border-radius: 22px 22px 0 0;
  width: 240px;
}

.toggleButton[b-mf78996gj1] {
  min-width: 140px;
  min-height: 30px;
  background-color: var(--fs-success-accent, green);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  user-select: none;
  padding: 6px 20px;
  cursor: pointer;
  border: 2px solid transparent;
  text-align: center;
}

  .toggleButton:hover[b-mf78996gj1] {
    background-color: var(--fs-success-accent, green);
    border: 2px solid var(--fs-green-500, #00a000);
    color: white;
    box-shadow: var(--fs-shadow-1);
  }

  .toggleButton:active[b-mf78996gj1] {
    border: 2px solid var(--fs-green-700, #006000);
    box-shadow: none !important;
  }
/* /Sentries/SentryEditModal.razor.rz.scp.css */
/* WASM Sentry edit modal. Ported VERBATIM from the server
   SpartanPortal/Pages/Sentries/SentryEditModal.razor.css — scoped CSS is
   per-component, so the overlay/container/header/body/form/dual-list/loan-history
   rules carry over unchanged. Two deltas from the server sheet:
     • The Syncfusion ::deep overrides (.e-ddl / .e-switch-*) are DROPPED — the
       Client carries no Syncfusion, so the dropdowns/switch are plain HTML.
     • A plain .toggle-option / .wasm-switch block is added for the Active toggle
       (matching the client UnitEditModal). */

/* Modal Overlay */
.modal-overlay[b-2jvz1a0vt1] {
  position: fixed;
  inset: 0;
  background: var(--fs-overlay-backdrop);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.sentry-edit-modal[b-2jvz1a0vt1] {
  background: var(--fs-card-bg);
  border-radius: 12px;
  width: 90%;
  max-width: 560px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  box-shadow: var(--fs-shadow-2);
  overflow: hidden;
}

/* Header */
.modal-header[b-2jvz1a0vt1] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  border-bottom: 1px solid var(--fs-border-subtle);
}

.modal-header h2[b-2jvz1a0vt1] {
  margin: 0;
  font-size: 22px;
  color: var(--fs-text-900);
}

/* Body */
.modal-body[b-2jvz1a0vt1] {
  padding: 20px;
  overflow-y: auto;
  flex: 1;
}

/* Form Elements */
.form-group[b-2jvz1a0vt1] {
  margin-bottom: 20px;
}

.form-group label[b-2jvz1a0vt1] {
  display: block;
  margin-bottom: 6px;
  font-weight: 500;
  color: var(--fs-text-700);
  font-size: 14px;
}

.form-group input[b-2jvz1a0vt1],
.form-group select[b-2jvz1a0vt1],
.form-group[b-2jvz1a0vt1]  .tz-select > select {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--fs-border-200);
  border-radius: 6px;
  font-size: 14px;
  box-sizing: border-box;
  background: var(--fs-card-bg);
  color: var(--fs-text-primary);
}

.form-group input:focus[b-2jvz1a0vt1],
.form-group select:focus[b-2jvz1a0vt1],
.form-group[b-2jvz1a0vt1]  .tz-select > select:focus {
  border-color: var(--fs-blue-600);
  box-shadow: none;
}

.form-hint[b-2jvz1a0vt1] {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  color: var(--fs-text-500);
}

.required[b-2jvz1a0vt1] {
  color: var(--fs-error-accent);
}

/* Form Sections */
.form-section[b-2jvz1a0vt1] {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid var(--fs-surface-200);
}

.form-section h3[b-2jvz1a0vt1] {
  margin: 0 0 4px;
  font-size: 16px;
  color: var(--fs-text-700);
  font-weight: 600;
}

.section-hint[b-2jvz1a0vt1] {
  display: block;
  font-size: 13px;
  color: var(--fs-text-500);
  margin-bottom: 16px;
}

/* Toggle Rows */
.toggle-row[b-2jvz1a0vt1] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid var(--fs-surface-200);
}

.toggle-row:last-of-type[b-2jvz1a0vt1] {
  border-bottom: none;
}

.toggle-row label[b-2jvz1a0vt1] {
  font-size: 14px;
  color: var(--fs-text-700);
  margin: 0;
}

.toggle-control[b-2jvz1a0vt1] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Plain Active toggle (replaces SfSwitch — mirrors the client UnitEditModal). */
.toggle-option[b-2jvz1a0vt1] {
  font-size: 12px;
  color: var(--fs-text-400);
  transition: color 0.15s ease;
}

.toggle-option.active[b-2jvz1a0vt1] {
  color: var(--fs-blue-600);
  font-weight: 500;
}

.wasm-switch[b-2jvz1a0vt1] {
  width: 16px;
  height: 16px;
  cursor: pointer;
  accent-color: var(--fs-blue-600);
}

.save-error-banner[b-2jvz1a0vt1] {
  background: #fff4e5;
  border: 1px solid #f0ad4e;
  border-left: 4px solid #f0ad4e;
  color: #7a4a00;
  padding: 10px 14px;
  margin: 0 16px 8px 16px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.35;
}

/* Footer */
.modal-footer[b-2jvz1a0vt1] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 20px;
  border-top: 1px solid var(--fs-border-subtle);
  background: var(--fs-surface-50, #fafafa);
}

/* Spinner animation */
.spinning[b-2jvz1a0vt1] {
  animation: spin-b-2jvz1a0vt1 1s linear infinite;
}

@keyframes spin-b-2jvz1a0vt1 {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Linked Accounts dual-list (mirrors the Driver Groups modal selector) */
.account-selector[b-2jvz1a0vt1] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.available-list[b-2jvz1a0vt1],
.selected-list[b-2jvz1a0vt1] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.available-list label[b-2jvz1a0vt1],
.selected-list label[b-2jvz1a0vt1] {
  font-size: 13px;
  color: var(--fs-text-500);
  margin-bottom: 8px;
  font-weight: 500;
}

.search-input[b-2jvz1a0vt1] {
  padding: 8px 12px;
  border: 1px solid var(--fs-border-subtle);
  border-radius: 6px;
  margin-bottom: 8px;
  font-size: 14px;
  background: var(--fs-card-bg);
  color: var(--fs-text-primary);
  box-sizing: border-box;
}

.search-input:focus[b-2jvz1a0vt1] {
  border-color: var(--fs-blue-600);
}

.item-list[b-2jvz1a0vt1] {
  border: 1px solid var(--fs-border-subtle);
  border-radius: 6px;
  height: 180px;
  overflow-y: auto;
  background: var(--fs-surface-100, #fafafa);
}

.list-item[b-2jvz1a0vt1] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  cursor: pointer;
  border-bottom: 1px solid var(--fs-surface-200);
  gap: 8px;
}

.list-item:last-child[b-2jvz1a0vt1] {
  border-bottom: none;
}

.list-item:hover[b-2jvz1a0vt1] {
  background: var(--fs-surface-200);
}

.list-item.selected[b-2jvz1a0vt1] {
  background: var(--fs-row-selected, #e0e7ff);
}

.list-item.selected:hover[b-2jvz1a0vt1] {
  background: var(--fs-row-selected, #c7d2fe);
}

.add-icon[b-2jvz1a0vt1] {
  color: var(--fs-success-accent);
  flex-shrink: 0;
}

.remove-icon[b-2jvz1a0vt1] {
  color: var(--fs-error-accent);
  flex-shrink: 0;
}

.account-info[b-2jvz1a0vt1] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.account-name[b-2jvz1a0vt1] {
  font-weight: 500;
  color: var(--fs-text-900);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-number[b-2jvz1a0vt1] {
  font-size: 12px;
  color: var(--fs-text-500);
}

.empty-hint[b-2jvz1a0vt1] {
  padding: 20px;
  text-align: center;
  color: var(--fs-text-400);
  font-size: 13px;
}

/* Loan History (read-only ledger) */
.loan-history[b-2jvz1a0vt1] {
  border: 1px solid var(--fs-border-subtle);
  border-radius: 6px;
  overflow: hidden;
}

.loan-row[b-2jvz1a0vt1] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--fs-surface-200);
}

.loan-row:last-child[b-2jvz1a0vt1] {
  border-bottom: none;
}

.loan-period[b-2jvz1a0vt1] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  flex-shrink: 0;
}

.loan-dates[b-2jvz1a0vt1] {
  font-size: 13px;
  color: var(--fs-text-700);
  white-space: nowrap;
}

.loan-badge-current[b-2jvz1a0vt1] {
  font-size: 11px;
  font-weight: 600;
  color: var(--fs-blue-accent, #0369a1);
  background: var(--fs-blue-light, #e0f2fe);
  padding: 1px 8px;
  border-radius: 10px;
}
/* /Sentries/SentryMapPanel.razor.rz.scp.css */
/* Map-tab chrome only — the map itself is LeafletMapView's. Empty/wait boxes
   mirror the page's .sentry-levels-empty tokens (dashed border, muted text). */

.sentry-map-wait[b-1fhlrzpfb7],
.sentry-map-empty[b-1fhlrzpfb7] {
  margin: 14px 0;
  padding: 18px 20px;
  border: 1px dashed var(--fs-border-400, #bbb);
  border-radius: 8px;
  color: var(--fs-text-muted, #666);
  font-size: 14px;
  max-width: 640px;
}

.sentry-map-toolbar[b-1fhlrzpfb7] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
  margin: 10px 0;
}

.sentry-map-toolbar__label[b-1fhlrzpfb7] {
  color: var(--fs-text-muted, #666);
  font-size: 14px;
}

.sentry-map-toolbar__select[b-1fhlrzpfb7] {
  max-width: 220px;
}

.sentry-map-legend[b-1fhlrzpfb7] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;
  color: var(--fs-text-muted, #666);
  font-size: 13px;
}
/* /Sentries/SentryTankDetails.razor.rz.scp.css */
/* FLAG: The server SentryTankDetails has NO .razor.css (its markup is a
   commented-out placeholder). This file styles only the read-only tank-scalar
   readout this client port adds from the SentryData parameter. */

.sentry-tank-details[b-h50z6dj1d8] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 16px;
  background: var(--fs-card-bg, white);
  border: 1px solid var(--fs-border-400, #e5e7eb);
  border-radius: 8px;
  color: var(--fs-text-primary);
}

.sentry-tank-details--empty[b-h50z6dj1d8] {
  align-items: center;
}

.sentry-tank-details__placeholder[b-h50z6dj1d8] {
  color: var(--fs-text-subtle, #6b7280);
  font-style: italic;
}

.sentry-tank-details__header[b-h50z6dj1d8] {
  border-bottom: 1px solid var(--fs-border-400, #e5e7eb);
  padding-bottom: 6px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.sentry-tank-details__meta[b-h50z6dj1d8] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 12px;
  color: var(--fs-text-subtle, #6b7280);
}

.sentry-tank-details__code[b-h50z6dj1d8] {
  font-family: var(--fs-mono);
}

.sentry-tank-details__status.active[b-h50z6dj1d8] {
  color: var(--fs-green-700, #0E7732);
  font-weight: 600;
}

.sentry-tank-details__status.inactive[b-h50z6dj1d8] {
  color: var(--fs-text-subtle, #6b7280);
}

.sentry-tank-details__tank-head[b-h50z6dj1d8] {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
}

.sentry-tank-details__tank-name[b-h50z6dj1d8] {
  font-weight: 400;
  color: var(--fs-text-600, #374151);
}

.sentry-tank-details__fuel-type[b-h50z6dj1d8] {
  font-size: 12px;
  color: var(--fs-text-subtle, #6b7280);
}

.sentry-tank-details__common[b-h50z6dj1d8] {
  font-size: 12px;
  color: var(--fs-text-subtle, #6b7280);
}

.sentry-tank-details__title[b-h50z6dj1d8] {
  font-size: 14px;
  font-weight: 600;
  color: var(--fs-text-heading, #111827);
}

.sentry-tank-details__tank[b-h50z6dj1d8] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 2px;
}

.sentry-tank-details__tank-label[b-h50z6dj1d8] {
  font-weight: 600;
}

.sentry-tank-details__tank-value[b-h50z6dj1d8] {
  color: var(--fs-text-600, #374151);
}

.sentry-tank-details__tank-reading[b-h50z6dj1d8] {
  color: var(--fs-text-subtle, #6b7280);
  font-size: 12px;
}

.sentry-tank-details__note[b-h50z6dj1d8] {
  color: var(--fs-text-subtle, #6b7280);
  font-size: 13px;
}

.sentry-tank-details__def-old[b-h50z6dj1d8] {
  display: block;
  margin-top: 2px;
  padding: 2px 6px;
  border-left: 3px solid #f9a825;
  background: #fffde7;
  font-size: 12px;
}
/* /Sentries/TankLevelHistoryPanel.razor.rz.scp.css */
/* WASM TankLevelHistoryPanel (chart wave C-B) — primary level series via
   ChartJsLineChart. */

.level-history-container[b-1p3lgllzbe] {
  width: 100%;
  background: var(--fs-card-bg);
  border: 1px solid var(--fs-border-subtle);
  border-radius: 10px;
  padding: 16px 20px;
}

.level-history-header[b-1p3lgllzbe] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.level-history-title[b-1p3lgllzbe] {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--fs-text-900, #111827);
  flex: 1 1 auto;
}

.tank-picker[b-1p3lgllzbe],
.range-picker[b-1p3lgllzbe] {
  display: inline-flex;
  gap: 4px;
  flex-wrap: wrap;
}

.tank-pick-btn[b-1p3lgllzbe],
.range-btn[b-1p3lgllzbe] {
  padding: 5px 12px;
  border: 1px solid var(--fs-border-300);
  border-radius: 6px;
  background: var(--fs-card-bg);
  color: var(--fs-text-700);
  font-size: 13px;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
}

.tank-pick-btn:hover[b-1p3lgllzbe],
.range-btn:hover[b-1p3lgllzbe] {
  background: var(--fs-surface-100);
}

.tank-pick-btn.selected[b-1p3lgllzbe],
.range-btn.selected[b-1p3lgllzbe] {
  background: var(--fs-green-muted, #2e7d32);
  border-color: var(--fs-green-muted, #2e7d32);
  color: var(--fs-on-accent);
}

.level-stale-warning[b-1p3lgllzbe] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  margin-bottom: 12px;
  background: var(--fs-warning-bg, #fff3e0);
  color: var(--fs-warning-text, #92400e);
  border-radius: 6px;
  font-size: 13px;
}

.level-summary[b-1p3lgllzbe] {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 12px;
  padding: 10px 14px;
  background: var(--fs-surface-100);
  border-radius: 8px;
}

.summary-item[b-1p3lgllzbe] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 7.5rem;
}

.summary-label[b-1p3lgllzbe] {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--fs-text-subtle, #6b7280);
}

.summary-value[b-1p3lgllzbe] {
  font-size: 16px;
  font-weight: 600;
  color: var(--fs-text-900, #111827);
}

.summary-sub[b-1p3lgllzbe] {
  font-size: 11px;
  color: var(--fs-text-subtle, #6b7280);
}

.level-chart-caption[b-1p3lgllzbe] {
  margin-top: 8px;
  font-size: 12px;
  color: var(--fs-text-subtle, #6b7280);
}

.level-chart[b-1p3lgllzbe] {
  width: 100%;
  min-height: 300px;
}

.level-loading[b-1p3lgllzbe],
.level-empty[b-1p3lgllzbe] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 300px;
  color: var(--fs-text-400);
  font-style: italic;
}
/* /Sentries/Tanks/ConfigTankFill.razor.rz.scp.css */
.configGrid[b-jrxbhfudv2] {
  width: 100%;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: min-content min-content;
  grid-row-gap: 20px;
}

.configRow[b-jrxbhfudv2] {
  width: 100%;
}

.configArea[b-jrxbhfudv2] {
  margin-top: 15px;
  display: flex;
  flex-flow: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}

.modeLabel[b-jrxbhfudv2] {
  background-color: var(--fs-success-accent, #198754);
  padding: 5px 16px;
  border-radius: 6px;
  user-select: none;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.modeSelect[b-jrxbhfudv2] {
  font-size: 14px;
  padding: 5px 10px;
  border: 1px solid var(--fs-border-medium, #ced4da);
  border-radius: 6px;
  background: var(--fs-card-bg, #fff);
  color: var(--fs-text-primary, #212529);
  cursor: pointer;
}

.modeSelect:focus[b-jrxbhfudv2] {
  outline: 2px solid var(--fs-primary, #198754);
  outline-offset: -1px;
}

.spacer[b-jrxbhfudv2] {
  width: 16px;
}

.modeInputArea[b-jrxbhfudv2] {
  display: inline-flex;
  align-items: center;
}

.modeInput[b-jrxbhfudv2] {
  font-size: 14px;
  padding: 5px 10px;
  border: 1px solid var(--fs-border-medium, #ced4da);
  border-radius: 6px;
  width: 100px;
  background: var(--fs-card-bg, #fff);
  color: var(--fs-text-primary, #212529);
}

.modeInput:focus[b-jrxbhfudv2] {
  outline: 2px solid var(--fs-primary, #198754);
  outline-offset: -1px;
}

.modeInputWider[b-jrxbhfudv2] {
  font-size: 14px;
  padding: 5px 10px;
  border: 1px solid var(--fs-border-medium, #ced4da);
  border-radius: 6px;
  width: 120px;
  background: var(--fs-card-bg, #fff);
  color: var(--fs-text-primary, #212529);
}

.modeInputWider:focus[b-jrxbhfudv2] {
  outline: 2px solid var(--fs-primary, #198754);
  outline-offset: -1px;
}

.configButton[b-jrxbhfudv2] {
  padding: 5px 14px;
  border-radius: 6px;
  border: 1px solid transparent;
  font-size: 14px;
  font-weight: 600;
  user-select: none;
  color: #fff;
  cursor: pointer;
  transition: opacity 0.15s, box-shadow 0.15s;
}

  .configButton:hover[b-jrxbhfudv2] {
    opacity: 0.9;
    box-shadow: var(--fs-shadow-1);
  }

  .configButton:active[b-jrxbhfudv2] {
    box-shadow: none !important;
  }

.configButtonDisabled[b-jrxbhfudv2] {
  pointer-events: none;
  opacity: 0;
}

.saveChangesButton[b-jrxbhfudv2] {
  background-color: var(--fs-success-accent, #198754);
}

.resetChangesButton[b-jrxbhfudv2] {
  background-color: var(--fs-text-400, #6c757d);
}

.warningText[b-jrxbhfudv2] {
  font-size: 14px;
  color: var(--fs-error-text, #dc3545);
  user-select: none;
  text-align: center;
  padding: 4px 0;
}

.warningText--block[b-jrxbhfudv2] {
  text-align: left;
  background: color-mix(in srgb, var(--fs-error-text, #dc3545) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--fs-error-text, #dc3545) 35%, transparent);
  border-radius: 8px;
  padding: 10px 12px;
  line-height: 1.4;
}

.configGrid--properties .configArea--stack[b-jrxbhfudv2] {
  flex-flow: column;
  align-items: stretch;
  gap: 10px;
}

.companyGateNote[b-jrxbhfudv2] {
  font-size: 13px;
  line-height: 1.4;
  color: var(--fs-text-600, #495057);
  background: var(--fs-surface-100, #f8f9fa);
  border: 1px solid var(--fs-border-subtle, #e9ecef);
  border-radius: 8px;
  padding: 10px 12px;
}

.priceReadonly[b-jrxbhfudv2] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 12px;
  font-size: 14px;
}

.priceReadonlyLabel[b-jrxbhfudv2] {
  color: var(--fs-text-600, #495057);
  font-weight: 500;
  min-width: 11rem;
}

.priceReadonlyValue[b-jrxbhfudv2] {
  color: var(--fs-text-primary, #212529);
  font-weight: 600;
}

.manageFillsLink[b-jrxbhfudv2] {
  align-self: flex-start;
  margin-top: 4px;
  padding: 0;
  border: none;
  background: none;
  color: var(--fs-primary, #0d6efd);
  font-size: 14px;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}

.manageFillsLink:hover[b-jrxbhfudv2] {
  opacity: 0.85;
}

.modeSelect option:disabled[b-jrxbhfudv2] {
  color: var(--fs-text-400, #6c757d);
}
/* /Sentries/Tanks/TankFillGrid.razor.rz.scp.css */
.tank-fill-grid[b-gcrx50v174] {
  width: 100%;
}

.tank-fill-grid-toolbar[b-gcrx50v174] {
  display: flex;
  align-items: center;
  padding: 8px 4px;
}

.only-remaining-toggle[b-gcrx50v174] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--fs-text-600, #475569);
  cursor: pointer;
  user-select: none;
}

.fill-voided[b-gcrx50v174] {
  text-decoration: line-through;
  color: var(--fs-text-500, #64748b);
}

.monitor-pill[b-gcrx50v174] {
  display: inline-block;
  margin-top: 4px;
  padding: 0 8px;
  max-width: 280px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.35;
  background: var(--fs-warning-bg);
  color: var(--fs-warning-text);
}

.fill-voided-reason[b-gcrx50v174] {
  display: block;
  margin-top: 2px;
  font-size: 11px;
  line-height: 1.3;
  color: var(--fs-text-500, #64748b);
  text-decoration: none;
}

.fill-delete-btn[b-gcrx50v174] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  background: transparent;
  border: 1px solid var(--fs-border-subtle, #e2e8f0);
  border-radius: 6px;
  color: var(--fs-btn-danger, #dc2626);
  cursor: pointer;
  transition: all 0.15s ease;
}

.fill-delete-btn:hover[b-gcrx50v174] {
  background: var(--fs-error-bg, #fef2f2);
  border-color: var(--fs-btn-danger, #dc2626);
}

.fill-delete-btn--disabled[b-gcrx50v174],
.fill-delete-btn:disabled[b-gcrx50v174] {
  color: var(--fs-text-400, #94a3b8);
  border-color: var(--fs-border-subtle, #e2e8f0);
  cursor: not-allowed;
  opacity: 0.5;
}

.fill-delete-btn--disabled:hover[b-gcrx50v174],
.fill-delete-btn:disabled:hover[b-gcrx50v174] {
  background: transparent;
  border-color: var(--fs-border-subtle, #e2e8f0);
}

.fill-row-actions[b-gcrx50v174] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.fill-price-btn[b-gcrx50v174] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  background: transparent;
  border: 1px solid var(--fs-border-subtle, #e2e8f0);
  border-radius: 6px;
  color: var(--fs-text-600, #475569);
  cursor: pointer;
  transition: all 0.15s ease;
}

.fill-price-btn:hover[b-gcrx50v174] {
  background: var(--fs-surface-100, #f1f5f9);
  border-color: var(--fs-border-400, #cbd5e1);
  color: var(--fs-text-heading, #0f172a);
}

.fill-price-edit[b-gcrx50v174] {
  margin: 0 4px 10px;
  padding: 12px 14px;
  border: 1px solid var(--fs-border-400, #cbd5e1);
  border-radius: 8px;
  background: var(--fs-surface-0, #fff);
}

.fill-price-edit-title[b-gcrx50v174] {
  font-size: 13px;
  font-weight: 600;
  color: var(--fs-text-heading, #0f172a);
}

.fill-price-edit-meta[b-gcrx50v174] {
  margin-top: 2px;
  font-size: 12px;
  color: var(--fs-text-600, #475569);
}

.fill-price-edit-row[b-gcrx50v174] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}

.fill-price-edit-label[b-gcrx50v174] {
  font-size: 13px;
  color: var(--fs-text-600, #475569);
}

.fill-price-edit-input[b-gcrx50v174] {
  width: 96px;
  padding: 4px 8px;
  border: 1px solid var(--fs-border-400, #cbd5e1);
  border-radius: 6px;
  font-size: 13px;
}

.fill-price-edit-total[b-gcrx50v174] {
  font-size: 13px;
  color: var(--fs-text-heading, #0f172a);
}

.fill-price-save[b-gcrx50v174],
.fill-price-cancel[b-gcrx50v174] {
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 13px;
  cursor: pointer;
}

.fill-price-save[b-gcrx50v174] {
  background: var(--fs-text-heading, #0f172a);
  color: var(--fs-surface-50, #fff);
  border: none;
}

.fill-price-save:disabled[b-gcrx50v174],
.fill-price-cancel:disabled[b-gcrx50v174] {
  opacity: 0.5;
  cursor: not-allowed;
}

.fill-price-cancel[b-gcrx50v174] {
  background: transparent;
  border: 1px solid var(--fs-border-400, #cbd5e1);
  color: var(--fs-text-600, #475569);
}
/* /Sentries/Tanks/TankFillPanel.razor.rz.scp.css */
/* Tank Fill panel (container) — palette matches TankLevelSetPanel. */

.tank-fill-buttons[b-6cvfgs50rz] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 16px;
  justify-content: center;
}

.tank-fill-btn[b-6cvfgs50rz] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background: linear-gradient(135deg, var(--fs-text-heading) 0%, #334155 100%);
  color: var(--fs-surface-50);
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: var(--fs-shadow-1);
}

.tank-fill-btn:hover[b-6cvfgs50rz] {
  background: linear-gradient(135deg, #334155 0%, var(--fs-text-600) 100%);
  box-shadow: var(--fs-shadow-1);
}

.tank-fill-container[b-6cvfgs50rz] {
  background: var(--fs-card-bg);
  border-radius: 12px;
  box-shadow: var(--fs-shadow-1);
  margin: 16px;
  overflow: hidden;
}

.fill-header[b-6cvfgs50rz] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  /* Solid surface token — gradient to #f1f5f9 dithered in dark mode. */
  background: var(--fs-surface-0, var(--fs-surface-50, #fff));
  border-bottom: 1px solid var(--fs-border-400);
}

.fill-title-section[b-6cvfgs50rz] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.fill-title[b-6cvfgs50rz] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--fs-text-heading);
}

.tank-badge[b-6cvfgs50rz] {
  display: inline-flex;
  padding: 4px 12px;
  background: var(--fs-border-400);
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  color: var(--fs-text-600);
}

.close-fill-btn[b-6cvfgs50rz] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: transparent;
  border: 1px solid var(--fs-border-400);
  border-radius: 8px;
  color: var(--fs-text-subtle);
  cursor: pointer;
  transition: all 0.2s ease;
}

.close-fill-btn:hover[b-6cvfgs50rz] {
  background: var(--fs-surface-100, #f1f5f9);
  border-color: var(--fs-border-400, #cbd5e1);
  color: var(--fs-text-600);
}

.fill-body[b-6cvfgs50rz] {
  padding: 16px 20px;
}

.fill-reconciliation-warning[b-6cvfgs50rz] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin: 0 20px 16px 20px;
  padding: 12px 16px;
  background: var(--fs-warning-bg, #fff7ed);
  border: 1px solid var(--fs-warning-border, #fed7aa);
  border-radius: 8px;
  color: var(--fs-warning-text, #9a3412);
}

.reconciliation-info[b-6cvfgs50rz] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
  flex: 1;
  min-width: 240px;
}

.reconcile-btn[b-6cvfgs50rz] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: linear-gradient(135deg, var(--fs-success-accent) 0%, var(--fs-green-600) 100%);
  color: var(--fs-text-white);
  border: none;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.reconcile-btn:hover[b-6cvfgs50rz] {
  background: linear-gradient(135deg, var(--fs-green-600) 0%, #15803d 100%);
}

.fill-seam-notice[b-6cvfgs50rz] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 20px 16px 20px;
  padding: 10px 14px;
  background: var(--fs-surface-100, #f8fafc);
  border: 1px dashed var(--fs-border-400, #cbd5e1);
  border-radius: 8px;
  font-size: 12px;
  color: var(--fs-text-600, #475569);
}

.fill-seam-notice .oi[b-6cvfgs50rz] {
  color: var(--fs-text-subtle, #94a3b8);
}

.fill-seam-notice a[b-6cvfgs50rz] {
  color: var(--fs-green-accent, #28a745);
}

/* ── Modal wait state (pass 6): spinner + cancel while tank reads are in
   flight; no-tanks message when the sentry has none. ─────────────────── */
.tank-modal-wait[b-6cvfgs50rz] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 26px 22px;
  font-size: 14px;
  color: var(--fs-text-700, #333);
}

.tank-modal-wait__spinner[b-6cvfgs50rz] {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  border: 3px solid var(--fs-surface-200, #e5e7eb);
  border-top-color: var(--fs-green-bright, #2e7d32);
  border-radius: 50%;
  animation: tank-modal-wait-spin-b-6cvfgs50rz 0.8s linear infinite;
}

@keyframes tank-modal-wait-spin-b-6cvfgs50rz {
  to { transform: rotate(360deg); }
}

.tank-modal-wait__text[b-6cvfgs50rz] {
  flex: 1 1 auto;
}

.tank-modal-wait__cancel[b-6cvfgs50rz] {
  border: 1px solid var(--fs-border-400, #bbb);
  background: var(--fs-surface-0, #fff);
  border-radius: 6px;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

.tank-modal-wait__cancel:hover[b-6cvfgs50rz] {
  background: var(--fs-surface-100, #f3f4f6);
}
/* /Sentries/Tanks/TankLevelSetPanel.razor.rz.scp.css */
/* Tank Level Set Panel (port of the server panel) */

.tank-level-buttons[b-udop6vckes] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 16px;
  justify-content: center;
}

.tank-action-btn[b-udop6vckes] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background: linear-gradient(135deg, var(--fs-text-heading) 0%, #334155 100%);
  color: var(--fs-surface-50);
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: var(--fs-shadow-1);
}

.tank-action-btn:hover[b-udop6vckes] {
  background: linear-gradient(135deg, #334155 0%, var(--fs-text-600) 100%);
  box-shadow: var(--fs-shadow-1);
}

.tank-action-btn:active[b-udop6vckes] {
  transform: translateY(0);
  box-shadow: var(--fs-shadow-1);
}

.tank-action-btn svg[b-udop6vckes] {
  opacity: 0.8;
}

.tank-level-form-container[b-udop6vckes] {
  background: var(--fs-card-bg);
  border-radius: 12px;
  box-shadow: var(--fs-shadow-1);
  margin: 16px;
  overflow: hidden;
}

.form-header[b-udop6vckes] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  /* Token-only surfaces (Tank Settings modal pattern). Hardcoded #f1f5f9
     forced a light header band in dark mode. */
  background: var(--fs-surface-100);
  border-bottom: 1px solid var(--fs-border-400);
}

.form-title-section[b-udop6vckes] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.form-title[b-udop6vckes] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--fs-text-heading);
}

.tank-name-badge[b-udop6vckes] {
  display: inline-flex;
  padding: 4px 12px;
  background: var(--fs-border-400);
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  color: var(--fs-text-600);
}

.form-body[b-udop6vckes] {
  padding: 24px 20px;
}

.input-group[b-udop6vckes] {
  margin-bottom: 20px;
}

.input-label[b-udop6vckes] {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: var(--fs-text-600);
  margin-bottom: 8px;
}

.input-row[b-udop6vckes] {
  display: flex;
  align-items: stretch;
  gap: 0;
}

.level-input[b-udop6vckes] {
  flex: 1;
  padding: 12px 16px;
  background: var(--fs-surface-50);
  border: 2px solid var(--fs-border-400);
  border-right: none;
  border-radius: 8px 0 0 8px;
  font-size: 18px;
  font-weight: 500;
  color: var(--fs-text-heading);
  transition: all 0.2s ease;
  min-width: 120px;
}

.level-input:focus[b-udop6vckes] {
  background: var(--fs-card-bg);
  border-color: var(--fs-blue-bright);
  box-shadow: none;
}

.level-input[b-udop6vckes]::placeholder {
  color: var(--fs-text-dim);
}

.unit-badge[b-udop6vckes] {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  background: var(--fs-text-heading);
  color: var(--fs-surface-50);
  border-radius: 0 8px 8px 0;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.submit-btn[b-udop6vckes] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 14px 24px;
  background: linear-gradient(135deg, var(--fs-success-accent) 0%, var(--fs-green-600) 100%);
  color: var(--fs-text-white);
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: var(--fs-shadow-1);
}

.submit-btn:hover[b-udop6vckes] {
  background: linear-gradient(135deg, var(--fs-green-600) 0%, #15803d 100%);
  box-shadow: var(--fs-shadow-1);
}

.submit-btn:active[b-udop6vckes] {
  transform: translateY(0);
  box-shadow: var(--fs-shadow-1);
}

.setButtonDisabled[b-udop6vckes] {
  pointer-events: none;
  opacity: 0.5;
  background: var(--fs-text-dim);
  box-shadow: none;
}

@media (max-width: 480px) {
  .tank-level-form-container[b-udop6vckes] { margin: 8px; }
  .form-header[b-udop6vckes] { padding: 12px 16px; }
  .form-body[b-udop6vckes] { padding: 16px; }
  .form-title[b-udop6vckes] { font-size: 16px; }
  .level-input[b-udop6vckes] { font-size: 16px; padding: 10px 12px; }
}

/* ── Modal wait state (pass 6): spinner + cancel while tank reads are in
   flight; no-tanks message when the sentry has none. ─────────────────── */
.tank-modal-wait[b-udop6vckes] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 26px 22px;
  font-size: 14px;
  color: var(--fs-text-700, #333);
}

.tank-modal-wait__spinner[b-udop6vckes] {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  border: 3px solid var(--fs-surface-200, #e5e7eb);
  border-top-color: var(--fs-green-bright, #2e7d32);
  border-radius: 50%;
  animation: tank-modal-wait-spin-b-udop6vckes 0.8s linear infinite;
}

@keyframes tank-modal-wait-spin-b-udop6vckes {
  to { transform: rotate(360deg); }
}

.tank-modal-wait__text[b-udop6vckes] {
  flex: 1 1 auto;
}

.tank-modal-wait__cancel[b-udop6vckes] {
  border: 1px solid var(--fs-border-400, #bbb);
  background: var(--fs-surface-0, #fff);
  border-radius: 6px;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

.tank-modal-wait__cancel:hover[b-udop6vckes] {
  background: var(--fs-surface-100, #f3f4f6);
}
/* /Settings/FleetioSettingsPanel.razor.rz.scp.css */
/* WASM port of FleetioSettingsPanel.razor.css — trimmed to the styles the
   ported (wire-backed) markup actually uses. The seamed-out sections (vendor
   list/transactions grid, pending-rows grid, export log, repair progress) are
   not rendered here, so their styles are omitted. */

.fleetio-settings-pane[b-9wqxjby3iw] {
  overflow: visible;
  max-width: 1200px;
  width: calc(100% - 48px);
  margin: 0 auto 24px auto;
  border-radius: 12px;
  background-color: var(--fs-card-bg);
  border: 1px solid var(--fs-border-muted);
  box-shadow: var(--fs-shadow-1);
}

/* Shared settings styles (duplicated for CSS isolation) */
.settingsGrid[b-9wqxjby3iw] {
  display: grid;
  padding: 0;
  grid-template-columns: auto 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  grid-auto-flow: row;
  height: fit-content;
  align-items: center;
  min-width: 0;
}

.settingsLabelArea[b-9wqxjby3iw] {
  padding: 0;
  justify-content: flex-end;
  display: flex;
  align-items: center;
  min-width: 220px;
  max-width: 220px;
}

.settingsLabelText[b-9wqxjby3iw] {
  font-size: 13px;
  font-weight: 600;
  color: var(--fs-text-primary, #343a40);
  user-select: none;
  white-space: nowrap;
  text-align: right;
}

.settingsValueArea[b-9wqxjby3iw] {
  padding: 0;
  justify-content: flex-start;
  white-space: nowrap;
  display: flex;
  align-items: center;
  min-width: 0;
}

.settingsSelect[b-9wqxjby3iw] {
  font-size: 13px;
  color: var(--fs-text-primary, #212529);
  background-color: var(--fs-card-bg);
  border: 1px solid var(--fs-border-300);
  border-radius: 6px;
  padding: 6px 32px 6px 12px;
  min-width: 200px;
  min-height: 28px;
  transition: all 0.2s ease;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23495057' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  cursor: pointer;
}

.settingsSelect:focus[b-9wqxjby3iw] {
  border-color: var(--fs-green-accent);
  box-shadow: none;
}

.settingsSelect:hover[b-9wqxjby3iw] {
  border-color: #adb5bd;
}

.settingsSelect:disabled[b-9wqxjby3iw] {
  background-color: var(--fs-surface-warm);
  color: var(--fs-text-dark);
  cursor: not-allowed;
  opacity: 1;
}

.settingsToggle[b-9wqxjby3iw] {
  display: flex;
  align-self: center;
  width: 20px;
  height: 20px;
  cursor: pointer;
  accent-color: var(--fs-green-accent);
  border: 2px solid var(--fs-border-300);
  border-radius: 4px;
  transition: all 0.2s ease;
}

.settingsToggle:hover[b-9wqxjby3iw] {
  border-color: var(--fs-green-accent);
}

.settingsToggle:disabled[b-9wqxjby3iw] {
  cursor: not-allowed;
  opacity: 0.5;
  border-color: #adb5bd;
}

.settingsText[b-9wqxjby3iw] {
  font-size: 13px;
  color: var(--fs-text-primary, #212529);
  background-color: var(--fs-card-bg);
  border: 1px solid var(--fs-border-300);
  border-radius: 6px;
  padding: 6px 12px;
  min-width: 250px;
  min-height: 28px;
  transition: all 0.2s ease;
}

.settingsText:focus[b-9wqxjby3iw] {
  border-color: var(--fs-green-accent);
  box-shadow: none;
}

.settingsText:hover[b-9wqxjby3iw] {
  border-color: #adb5bd;
}

.settingsText:disabled[b-9wqxjby3iw] {
  background-color: var(--fs-surface-warm);
  color: var(--fs-text-dark);
  cursor: not-allowed;
  opacity: 1;
}

.settingsPaneTitleArea[b-9wqxjby3iw] {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px 24px;
  border-radius: 12px 12px 0 0;
  background: linear-gradient(135deg, var(--fs-green-accent) 0%, #20c997 100%);
  border-bottom: 3px solid #218838;
}

.settingsPaneTitleText[b-9wqxjby3iw] {
  font-size: 22px;
  font-weight: 600;
  color: var(--fs-text-white);
  user-select: none;
  letter-spacing: -0.3px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  gap: 10px;
}

.settingsPaneTitleText .oi[b-9wqxjby3iw] {
  font-size: 18px;
}

.fleetio-not-configured[b-9wqxjby3iw] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  text-align: center;
  color: var(--fs-btn-secondary);
}

.fleetio-not-configured .oi[b-9wqxjby3iw] {
  font-size: 48px;
  margin-bottom: 16px;
  color: #adb5bd;
}

.fleetio-not-configured p[b-9wqxjby3iw] {
  margin: 4px 0;
  font-size: 14px;
}

.fleetio-content[b-9wqxjby3iw] {
  padding: 0;
}

.fleetio-section[b-9wqxjby3iw] {
  padding: 20px 24px;
  border-bottom: 1px solid var(--fs-border-muted);
}

.fleetio-section:last-child[b-9wqxjby3iw] {
  border-bottom: none;
}

.fleetio-section-title[b-9wqxjby3iw] {
  font-size: 14px;
  font-weight: 600;
  color: var(--fs-green-accent);
  margin: 0 0 16px 0;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--fs-border-muted);
}

/* Credential fields */
.credential-field[b-9wqxjby3iw] {
  display: flex;
  align-items: center;
  gap: 8px;
}

.credential-input[b-9wqxjby3iw] {
  flex: 1;
  font-family: var(--fs-mono);
  letter-spacing: 0.5px;
}

.credential-toggle[b-9wqxjby3iw] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid var(--fs-border-300);
  border-radius: 6px;
  background: var(--fs-card-bg);
  color: var(--fs-btn-secondary);
  cursor: pointer;
  transition: all 0.2s ease;
}

.credential-toggle:hover[b-9wqxjby3iw] {
  background: var(--fs-surface-warm);
  color: var(--fs-green-accent);
  border-color: var(--fs-green-accent);
}

.test-spinner[b-9wqxjby3iw] {
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  border: 2px solid var(--fs-divider);
  border-top-color: currentColor;
  border-radius: 50%;
  animation: spin-b-9wqxjby3iw 0.8s linear infinite;
}

@keyframes spin-b-9wqxjby3iw {
  to { transform: rotate(360deg); }
}

.test-message[b-9wqxjby3iw] {
  margin-left: 12px;
  font-size: 13px;
}

.test-message.success[b-9wqxjby3iw] {
  color: var(--fs-green-accent);
}

.test-message.error[b-9wqxjby3iw] {
  color: var(--fs-btn-danger);
}

/* Sync Now Button */
.sync-now-btn[b-9wqxjby3iw] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border: 1px solid var(--fs-green-accent);
  border-radius: 6px;
  background: var(--fs-card-bg);
  color: var(--fs-green-accent);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.sync-now-btn:hover:not(:disabled)[b-9wqxjby3iw] {
  background: var(--fs-green-accent);
  color: var(--fs-text-white);
}

.sync-now-btn:disabled[b-9wqxjby3iw] {
  opacity: 0.5;
  cursor: not-allowed;
}

.sync-now-btn.syncing[b-9wqxjby3iw] {
  border-color: #007bff;
  color: #007bff;
}

/* Sync Status */
.sync-status[b-9wqxjby3iw] {
  font-size: 13px;
  color: var(--fs-text-dark);
}

.sync-count[b-9wqxjby3iw] {
  color: var(--fs-btn-secondary);
  margin-left: 4px;
}

.never-synced[b-9wqxjby3iw] {
  color: #adb5bd;
  font-style: italic;
}

.sync-status.error[b-9wqxjby3iw] {
  color: var(--fs-btn-danger);
  display: flex;
  align-items: center;
  gap: 6px;
}

.sync-status.error .oi-warning[b-9wqxjby3iw] {
  font-size: 14px;
}

/* Warning Note */
.warning-note[b-9wqxjby3iw] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #856404;
  background: #fff3cd;
  padding: 6px 12px;
  border-radius: 4px;
}

.warning-note .oi[b-9wqxjby3iw] {
  font-size: 12px;
}

/* Integration Status Section */
.fleetio-status[b-9wqxjby3iw] {
  background: var(--fs-surface-warm);
  display: flex;
  gap: 24px;
  padding: 16px 24px;
}

.status-row[b-9wqxjby3iw] {
  display: flex;
  align-items: center;
  gap: 8px;
}

.status-label[b-9wqxjby3iw] {
  font-size: 12px;
  color: var(--fs-btn-secondary);
}

.status-value[b-9wqxjby3iw] {
  font-size: 12px;
  color: var(--fs-text-dark);
}

.status-badge[b-9wqxjby3iw] {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.status-badge.active[b-9wqxjby3iw] {
  background: #d4edda;
  color: #155724;
}

.status-badge.inactive[b-9wqxjby3iw] {
  background: #f8d7da;
  color: #721c24;
}

.field-hint[b-9wqxjby3iw] {
  display: block;
  font-size: 11px;
  color: var(--fs-text-500);
  margin-left: 12px;
}

/* Descriptive prose inside a .settingsValueArea */
.settingsValueArea.settings-description[b-9wqxjby3iw],
.settings-description[b-9wqxjby3iw] {
  display: block;
  white-space: normal;
  overflow-wrap: anywhere;
  max-width: 100%;
  font-size: 13px;
  color: var(--fs-text-500, #555);
  line-height: 1.45;
}

.settingsValueArea.settings-description code[b-9wqxjby3iw],
.settings-description code[b-9wqxjby3iw] {
  word-break: break-all;
}

/* Vendor error banner */
.vendor-error-banner[b-9wqxjby3iw] {
  background: var(--fs-vendor-warn-bg, #fff3cd);
  border: 1px solid var(--fs-vendor-warn-border, #ffc107);
  border-radius: 6px;
  padding: 12px 16px;
  margin-bottom: 12px;
  font-size: 13px;
}

.vendor-error-layout[b-9wqxjby3iw] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.vendor-error-layout > .oi-warning[b-9wqxjby3iw] {
  color: var(--fs-vendor-warn-heading, #856404);
  margin-top: 2px;
  flex-shrink: 0;
}

.vendor-error-banner strong[b-9wqxjby3iw] {
  color: var(--fs-vendor-warn-heading, #856404);
}

.vendor-error-banner p[b-9wqxjby3iw] {
  margin: 6px 0 0;
  color: var(--fs-vendor-warn-text, #664d03);
}

.vendor-error-fix[b-9wqxjby3iw] {
  font-size: 12px;
}

.vendor-error-details[b-9wqxjby3iw] {
  margin-top: 6px;
  font-size: 12px;
  color: var(--fs-vendor-warn-text, #664d03);
}

.vendor-error-details summary[b-9wqxjby3iw] {
  cursor: pointer;
}

.vendor-error-banner code[b-9wqxjby3iw] {
  display: block;
  margin-top: 4px;
  padding: 6px;
  background: var(--fs-vendor-warn-code-bg, #fff8e1);
  border-radius: 3px;
  word-break: break-all;
  color: var(--fs-vendor-warn-text, #664d03);
}

/* Vendor / per-tank / per-vendor result tables */
.vendor-list[b-9wqxjby3iw] {
  max-width: 100%;
  max-height: 200px;
  overflow: auto;
  min-width: 0;
  border: 1px solid var(--fs-border-300, #ddd);
  border-radius: 4px;
}

.vendor-list table[b-9wqxjby3iw] {
  width: 100%;
  font-size: 12px;
  border-collapse: collapse;
  table-layout: fixed;
}

.vendor-list thead[b-9wqxjby3iw] {
  background: var(--fs-surface-warm, #f5f5f5);
  position: sticky;
  top: 0;
}

.vendor-list th[b-9wqxjby3iw] {
  text-align: left;
  padding: 6px 8px;
  border-bottom: 1px solid var(--fs-border-300, #ddd);
  color: var(--fs-text-primary, #212529);
  font-weight: 600;
}

.vendor-list td[b-9wqxjby3iw] {
  padding: 6px 8px;
  color: var(--fs-text-primary, #212529);
  word-break: break-all;
  white-space: normal;
  vertical-align: top;
}

.vendor-list tr[b-9wqxjby3iw] {
  border-bottom: 1px solid var(--fs-border-muted, #eee);
}

/* Progress / result detail prose */
.fleetio-progress-details[b-9wqxjby3iw] {
  font-size: 13px;
  color: var(--fs-repair-details-text, #333);
  line-height: 1.4;
}

/* Vendor Naming — template input + pill picker */
.vendor-template-valuearea[b-9wqxjby3iw] {
  display: block;
  white-space: normal;
  max-width: 100%;
  min-width: 0;
}

.vendor-template-stack[b-9wqxjby3iw] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  width: 100%;
  max-width: 560px;
}

.vendor-template-input[b-9wqxjby3iw] {
  width: 100%;
  max-width: 560px;
  font-family: var(--fs-mono);
}

.vendor-pill-row[b-9wqxjby3iw] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.vendor-template-pill[b-9wqxjby3iw] {
  font-family: var(--fs-mono);
  padding: 2px 8px;
  font-size: 12px;
  background: var(--fs-card-bg);
  color: var(--fs-text-primary, #212529);
  border: 1px solid var(--fs-border-300, #ced4da);
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.vendor-template-pill:hover:not(:disabled)[b-9wqxjby3iw] {
  background: var(--fs-surface-warm);
  border-color: var(--fs-green-accent);
  color: var(--fs-green-accent);
}

.vendor-template-pill:disabled[b-9wqxjby3iw] {
  opacity: 0.5;
  cursor: not-allowed;
}

.vendor-preview-rendered[b-9wqxjby3iw] {
  font-family: var(--fs-mono);
}

.vendor-preview-collision-text[b-9wqxjby3iw] {
  color: var(--fs-preview-collision-text, #b5443a);
  font-weight: 500;
}

.vendor-preview-warn-count[b-9wqxjby3iw] {
  color: var(--fs-preview-collision-text, #b5443a);
  font-weight: 600;
}

/* Apply row (description + Rename button) */
.vendor-apply-valuearea[b-9wqxjby3iw] {
  display: block;
  white-space: normal;
  max-width: 100%;
  min-width: 0;
}

.vendor-apply-stack[b-9wqxjby3iw] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  width: 100%;
  max-width: 720px;
}

.vendor-apply-description[b-9wqxjby3iw] {
  margin: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}

/* btn-link toggles ("Show / Hide ... detail") */
.fleetio-section .btn-link[b-9wqxjby3iw] {
  color: var(--fs-green-accent, #157347);
  text-decoration: underline;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.fleetio-section .btn-link:hover[b-9wqxjby3iw] {
  color: var(--fs-text-dark, #0f5132);
  text-decoration: underline;
}

.fleetio-section .btn-link:focus[b-9wqxjby3iw],
.fleetio-section .btn-link:focus-visible[b-9wqxjby3iw],
.fleetio-section .btn-link:active[b-9wqxjby3iw] {
  box-shadow: none;
  background: transparent;
}

/* Rename result: fallback row callout */
.vendor-rename-fallback-count[b-9wqxjby3iw] {
  color: var(--fs-rename-fallback-text, #856404);
  font-weight: 600;
  cursor: help;
}

.vendor-rename-fallback-row td[b-9wqxjby3iw] {
  background: var(--fs-preview-collision-bg, #fff3cd);
  color: var(--fs-preview-collision-row-text, #664d03);
}

.vendor-rename-fallback-text[b-9wqxjby3iw] {
  display: inline-block;
  padding: 1px 6px;
  border-radius: 4px;
  background: var(--fs-rename-fallback-pill-bg, #ffe9a8);
  color: var(--fs-rename-fallback-pill-text, #664d03);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.vendor-rename-note[b-9wqxjby3iw] {
  margin-top: 3px;
  font-size: 11px;
  font-style: italic;
  color: var(--fs-rename-note-text, #6b5b00);
  white-space: normal;
  word-break: break-word;
  max-width: 360px;
}

.vendor-rename-empty[b-9wqxjby3iw] {
  color: var(--fs-text-500, #888);
  font-style: italic;
}

/* Dark mode overrides */
:host-context(html[data-theme="dark"]) .vendor-error-banner[b-9wqxjby3iw],
html[data-theme="dark"] .vendor-error-banner[b-9wqxjby3iw] {
  --fs-vendor-warn-bg: #332b00;
  --fs-vendor-warn-border: #665500;
  --fs-vendor-warn-heading: #ffc107;
  --fs-vendor-warn-text: #ffe082;
  --fs-vendor-warn-code-bg: #2a2200;
}

:host-context(html[data-theme="dark"]) .warning-note[b-9wqxjby3iw],
html[data-theme="dark"] .warning-note[b-9wqxjby3iw] {
  background: #332b00;
  color: #ffe082;
}

:host-context(html[data-theme="dark"]) .status-badge.active[b-9wqxjby3iw],
html[data-theme="dark"] .status-badge.active[b-9wqxjby3iw] {
  background: rgba(45, 181, 83, 0.2);
  color: #6ee7a0;
}

:host-context(html[data-theme="dark"]) .status-badge.inactive[b-9wqxjby3iw],
html[data-theme="dark"] .status-badge.inactive[b-9wqxjby3iw] {
  background: rgba(239, 68, 68, 0.2);
  color: #f87171;
}

:host-context(html[data-theme="dark"]) .fleetio-progress-details[b-9wqxjby3iw],
html[data-theme="dark"] .fleetio-progress-details[b-9wqxjby3iw] {
  --fs-repair-details-text: #d9d9d9;
}

:host-context(html[data-theme="dark"]) .vendor-template-pill[b-9wqxjby3iw],
html[data-theme="dark"] .vendor-template-pill[b-9wqxjby3iw] {
  background: #2a2a30;
  color: #e4e4e7;
  border-color: #44444c;
}

:host-context(html[data-theme="dark"]) .vendor-template-pill:hover:not(:disabled)[b-9wqxjby3iw],
html[data-theme="dark"] .vendor-template-pill:hover:not(:disabled)[b-9wqxjby3iw] {
  background: #34343c;
  border-color: #2db553;
  color: #6ee7a0;
}

:host-context(html[data-theme="dark"]) .fleetio-section .btn-link[b-9wqxjby3iw],
html[data-theme="dark"] .fleetio-section .btn-link[b-9wqxjby3iw] {
  color: #6ee7a0;
}

:host-context(html[data-theme="dark"]) .vendor-rename-fallback-count[b-9wqxjby3iw],
html[data-theme="dark"] .vendor-rename-fallback-count[b-9wqxjby3iw] {
  --fs-rename-fallback-text: #ffc107;
}

:host-context(html[data-theme="dark"]) .vendor-rename-fallback-row td[b-9wqxjby3iw],
html[data-theme="dark"] .vendor-rename-fallback-row td[b-9wqxjby3iw] {
  --fs-preview-collision-bg: #3a2f00;
  --fs-preview-collision-row-text: #ffe082;
}

:host-context(html[data-theme="dark"]) .vendor-rename-fallback-text[b-9wqxjby3iw],
html[data-theme="dark"] .vendor-rename-fallback-text[b-9wqxjby3iw] {
  --fs-rename-fallback-pill-bg: #4a3e00;
  --fs-rename-fallback-pill-text: #ffe082;
}

:host-context(html[data-theme="dark"]) .vendor-rename-note[b-9wqxjby3iw],
html[data-theme="dark"] .vendor-rename-note[b-9wqxjby3iw] {
  --fs-rename-note-text: #ffd567;
}

/* ════════════════ F-2: diagnostics (export ops + repair) ════════════════ */

.link-button[b-9wqxjby3iw] {
  padding: 0;
  background: none;
  border: 0;
  color: var(--fs-blue-accent);
  cursor: pointer;
  text-decoration: underline;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.link-button:disabled[b-9wqxjby3iw] {
  opacity: 0.5;
  cursor: default;
}

.export-buttons[b-9wqxjby3iw] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.export-log-toggle[b-9wqxjby3iw] {
  margin-left: auto;
}

.retry-failed-btn[b-9wqxjby3iw] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border: 1px solid var(--fs-border-200);
  border-radius: 4px;
  background: var(--fs-surface-100);
  color: var(--fs-text-700);
  cursor: pointer;
  font-size: 13px;
}

/* Live export log */
.export-log-panel[b-9wqxjby3iw] {
  border: 1px solid var(--fs-border-subtle);
  border-radius: 6px;
  background: var(--fs-surface-100);
  overflow: hidden;
}

.export-log-toolbar[b-9wqxjby3iw] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-bottom: 1px solid var(--fs-border-subtle);
}

.export-log-meta[b-9wqxjby3iw] {
  font-size: 12px;
  color: var(--fs-text-500);
  margin-right: auto;
}

.export-log-live[b-9wqxjby3iw] {
  color: #16a34a;
  font-weight: 600;
  margin-left: 6px;
}

.export-log-btn[b-9wqxjby3iw] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  border: 1px solid var(--fs-border-200);
  border-radius: 4px;
  background: var(--fs-card-bg);
  color: var(--fs-text-700);
  font-size: 12px;
  cursor: pointer;
}

.export-log-btn:disabled[b-9wqxjby3iw] {
  opacity: 0.5;
  cursor: default;
}

.export-log-empty[b-9wqxjby3iw] {
  padding: 14px;
  font-size: 12px;
  color: var(--fs-text-500);
}

.export-log-output[b-9wqxjby3iw] {
  margin: 0;
  padding: 10px;
  max-height: 260px;
  overflow: auto;
  font-family: var(--fs-mono);
  font-size: 12px;
  line-height: 1.45;
  white-space: pre-wrap;
  word-break: break-word;
  color: var(--fs-text-700);
}

/* Repair progress */
.fleetio-progress-wrapper[b-9wqxjby3iw] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.fleetio-progress-bar.progress[b-9wqxjby3iw] {
  height: 20px;
  background: var(--fs-surface-200);
  border-radius: 10px;
  overflow: hidden;
}

.fleetio-progress-bar .progress-bar[b-9wqxjby3iw] {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  background: var(--fs-blue-accent);
  transition: width 300ms ease;
}

.fleetio-progress-bar .progress-bar.bg-success[b-9wqxjby3iw] { background: #16a34a; }
.fleetio-progress-bar .progress-bar.bg-info[b-9wqxjby3iw] { background: var(--fs-blue-accent); }

.fleetio-progress-error[b-9wqxjby3iw] {
  margin-top: 4px;
  color: var(--fs-error-text, #b91c1c);
  font-size: 12px;
}

.fleetio-fix-log[b-9wqxjby3iw] {
  max-height: 200px;
  overflow: auto;
  border: 1px solid var(--fs-border-subtle);
  border-radius: 6px;
  background: var(--fs-surface-100);
  padding: 8px 10px;
  font-family: var(--fs-mono);
  font-size: 12px;
  line-height: 1.4;
}

.fleetio-fix-log-empty[b-9wqxjby3iw] {
  color: var(--fs-text-500);
}

/* Export queue diagnostic grid */
.vendor-tx-panel[b-9wqxjby3iw] {
  border: 1px solid var(--fs-border-subtle);
  border-radius: 6px;
  overflow: hidden;
}

.vendor-tx-header[b-9wqxjby3iw] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 12px;
  background: var(--fs-surface-100);
  border-bottom: 1px solid var(--fs-border-subtle);
}

.vendor-tx-subtle[b-9wqxjby3iw] {
  margin-left: 8px;
  color: var(--fs-text-500);
  font-size: 12px;
}

.vendor-tx-loading[b-9wqxjby3iw],
.vendor-tx-error[b-9wqxjby3iw],
.vendor-tx-empty[b-9wqxjby3iw] {
  padding: 16px;
  font-size: 13px;
  color: var(--fs-text-500);
  display: flex;
  align-items: center;
  gap: 8px;
}

.vendor-tx-error[b-9wqxjby3iw] { color: var(--fs-error-text, #b91c1c); }

.vendor-tx-summary[b-9wqxjby3iw] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  padding: 8px 12px;
  font-size: 12px;
  color: var(--fs-text-500);
}

.vendor-tx-warn[b-9wqxjby3iw] { color: #a16207; }

.pending-filter-row[b-9wqxjby3iw] {
  margin-left: auto;
  display: inline-flex;
  gap: 4px;
  flex-wrap: wrap;
}

.pending-filter-btn[b-9wqxjby3iw] {
  padding: 2px 8px;
  border: 1px solid var(--fs-border-200);
  border-radius: 999px;
  background: var(--fs-card-bg);
  color: var(--fs-text-700);
  font-size: 11px;
  cursor: pointer;
}

.pending-filter-btn.active[b-9wqxjby3iw] {
  background: var(--fs-blue-accent);
  border-color: var(--fs-blue-accent);
  color: #fff;
}

.pending-filter-btn.failed.active[b-9wqxjby3iw] { background: #dc2626; border-color: #dc2626; }
.pending-filter-btn.blocked.active[b-9wqxjby3iw] { background: #a16207; border-color: #a16207; }

.vendor-tx-grid-wrap[b-9wqxjby3iw] {
  overflow-x: auto;
}

.vendor-tx-grid[b-9wqxjby3iw] {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}

.vendor-tx-grid th[b-9wqxjby3iw] {
  text-align: left;
  padding: 6px 8px;
  background: var(--fs-surface-100);
  border-bottom: 1px solid var(--fs-border-subtle);
  white-space: nowrap;
  color: var(--fs-text-700);
}

.vendor-tx-grid td[b-9wqxjby3iw] {
  padding: 6px 8px;
  border-bottom: 1px solid var(--fs-surface-200);
  vertical-align: top;
}

.vendor-tx-error-cell[b-9wqxjby3iw] {
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--fs-error-text, #b91c1c);
}

.export-status[b-9wqxjby3iw] {
  display: inline-block;
  padding: 1px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
}

.export-status-pending[b-9wqxjby3iw] { background: #dbeafe; color: #1e40af; }
.export-status-failed[b-9wqxjby3iw] { background: #fee2e2; color: #991b1b; }
.export-status-blocked[b-9wqxjby3iw] { background: #fef3c7; color: #92400e; }

.vendor-chip[b-9wqxjby3iw] {
  display: inline-block;
  padding: 1px 6px;
  border-radius: 4px;
  font-size: 11px;
  margin-right: 4px;
}

.vendor-chip-mismatch[b-9wqxjby3iw] { background: #fef3c7; color: #92400e; }
.vendor-chip-orphan[b-9wqxjby3iw] { background: var(--fs-surface-200); color: var(--fs-text-700); }
/* /Settings/GasStationsPanel.razor.rz.scp.css */
/* Gas Station Preferences Panel Styles (port of the server panel) */

.gas-station-preferences-panel[b-8qjkwd932m] {
  width: 100%;
  min-height: 400px;
}

/* Loading State */
.loading-container[b-8qjkwd932m] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px;
  gap: 16px;
  color: var(--fs-btn-secondary);
}

.loading-spinner[b-8qjkwd932m] {
  width: 40px;
  height: 40px;
  border: 3px solid var(--fs-border-muted);
  border-top-color: var(--fs-green-accent);
  border-radius: 50%;
  animation: spin-b-8qjkwd932m 1s linear infinite;
}

@keyframes spin-b-8qjkwd932m {
  to { transform: rotate(360deg); }
}

/* Empty State */
.empty-state[b-8qjkwd932m] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px;
  gap: 12px;
  color: var(--fs-btn-secondary);
}

.empty-state .oi[b-8qjkwd932m] {
  font-size: 26px;
  color: #ffc107;
}

/* Preferences Content */
.preferences-content[b-8qjkwd932m] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px 24px;
}

/* Selection Summary */
.selection-summary[b-8qjkwd932m] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background-color: var(--fs-surface-warm);
  border-radius: 8px;
  border: 1px solid var(--fs-border-muted);
}

.summary-count[b-8qjkwd932m] {
  font-size: 14px;
  font-weight: 600;
  color: var(--fs-green-accent);
}

.clear-all-button[b-8qjkwd932m] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 500;
  color: var(--fs-btn-danger);
  background: transparent;
  border: 1px solid var(--fs-btn-danger);
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.clear-all-button:hover[b-8qjkwd932m] {
  background-color: var(--fs-btn-danger);
  color: var(--fs-text-white);
}

/* Category Tabs */
.category-tabs[b-8qjkwd932m] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--fs-border-muted);
}

.category-tab[b-8qjkwd932m] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 500;
  color: var(--fs-text-dark);
  background-color: var(--fs-surface-warm);
  border: 1px solid var(--fs-border-medium);
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.2s ease;
  user-select: none;
}

.category-tab:hover[b-8qjkwd932m] {
  background-color: var(--fs-border-muted);
  border-color: var(--fs-border-300, #adb5bd);
}

.category-tab.active[b-8qjkwd932m] {
  background: linear-gradient(135deg, var(--fs-green-accent) 0%, #20c997 100%);
  color: var(--fs-text-white);
  border-color: var(--fs-green-accent);
  box-shadow: var(--fs-shadow-1);
}

.category-tab .oi[b-8qjkwd932m] {
  font-size: 12px;
}

.category-name[b-8qjkwd932m] {
  white-space: nowrap;
}

.category-count[b-8qjkwd932m] {
  font-size: 11px;
  opacity: 0.8;
}

/* Brand Grid Container */
.brand-grid-container[b-8qjkwd932m] {
  max-height: 400px;
  overflow-y: auto;
  padding: 4px;
}

/* Brand Grid */
.brand-grid[b-8qjkwd932m] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 12px;
}

/* Brand Card */
.brand-card[b-8qjkwd932m] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background-color: var(--fs-card-bg);
  border: 2px solid var(--fs-border-muted);
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s ease;
  user-select: none;
}

.brand-card:hover[b-8qjkwd932m] {
  border-color: var(--fs-green-accent);
  box-shadow: var(--fs-shadow-1);
}

.brand-card.selected[b-8qjkwd932m] {
  border-color: var(--fs-green-accent);
  background-color: var(--fs-success-bg, #f0fff4);
  box-shadow: var(--fs-shadow-1);
}

.brand-card.readonly[b-8qjkwd932m] {
  cursor: default;
}

.brand-card.readonly:hover[b-8qjkwd932m] {
  border-color: var(--fs-border-muted);
  box-shadow: none;
}

.brand-card.readonly.selected:hover[b-8qjkwd932m] {
  border-color: var(--fs-green-accent);
  box-shadow: var(--fs-shadow-1);
}

/* Brand Checkbox */
.brand-checkbox[b-8qjkwd932m] {
  flex-shrink: 0;
}

.brand-checkbox input[type="checkbox"][b-8qjkwd932m] {
  width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: var(--fs-green-accent);
  border: 2px solid var(--fs-border-300);
  border-radius: 4px;
}

.brand-checkbox input[type="checkbox"]:disabled[b-8qjkwd932m] {
  cursor: default;
}

/* Brand Info */
.brand-info[b-8qjkwd932m] {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  min-width: 0;
}

.brand-logo[b-8qjkwd932m] {
  width: 32px;
  height: 32px;
  object-fit: contain;
  border-radius: 6px;
  background-color: var(--fs-surface-warm);
  flex-shrink: 0;
}

.brand-logo-placeholder[b-8qjkwd932m] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--fs-btn-secondary) 0%, var(--fs-text-dark) 100%);
  border-radius: 6px;
  flex-shrink: 0;
}

.brand-logo-placeholder span[b-8qjkwd932m] {
  font-size: 11px;
  font-weight: 700;
  color: var(--fs-text-white);
}

.brand-name[b-8qjkwd932m] {
  font-size: 13px;
  font-weight: 500;
  color: var(--fs-text-primary, #212529);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Quick Actions */
.quick-actions[b-8qjkwd932m] {
  display: flex;
  gap: 12px;
  padding-top: 8px;
  border-top: 1px solid var(--fs-border-muted);
  flex-wrap: wrap;
}

.quick-action-button[b-8qjkwd932m] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  font-size: 12px;
  font-weight: 500;
  color: var(--fs-green-accent);
  background: transparent;
  border: 1px solid var(--fs-green-accent);
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.quick-action-button:hover[b-8qjkwd932m] {
  background-color: var(--fs-green-accent);
  color: var(--fs-text-white);
}

.quick-action-button.secondary[b-8qjkwd932m] {
  color: var(--fs-btn-secondary);
  border-color: var(--fs-btn-secondary);
}

.quick-action-button.secondary:hover[b-8qjkwd932m] {
  background-color: var(--fs-btn-secondary);
  color: var(--fs-text-white);
}

.quick-action-button .oi[b-8qjkwd932m] {
  font-size: 11px;
}

/* Responsive */
@media (max-width: 768px) {
  .preferences-content[b-8qjkwd932m] { padding: 16px; }
  .category-tabs[b-8qjkwd932m] { gap: 6px; }
  .category-tab[b-8qjkwd932m] { padding: 8px 12px; font-size: 12px; }
  .category-name[b-8qjkwd932m] { display: none; }
  .brand-grid[b-8qjkwd932m] { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; }
  .brand-card[b-8qjkwd932m] { padding: 10px 12px; gap: 10px; }
  .brand-logo[b-8qjkwd932m], .brand-logo-placeholder[b-8qjkwd932m] { width: 28px; height: 28px; }
  .brand-name[b-8qjkwd932m] { font-size: 12px; }
  .quick-actions[b-8qjkwd932m] { flex-direction: column; }
  .quick-action-button[b-8qjkwd932m] { justify-content: center; }
}

@media (max-width: 480px) {
  .brand-grid[b-8qjkwd932m] { grid-template-columns: 1fr; }
  .selection-summary[b-8qjkwd932m] { flex-direction: column; gap: 12px; text-align: center; }
}
/* /Settings/SamsaraSettingsPanel.razor.rz.scp.css */
/* Samsara Settings Panel (port of the server panel) — cobalt accent. */

.samsara-settings-pane[b-st414w11q5] {
  overflow: visible;
  max-width: 1200px;
  width: calc(100% - 48px);
  margin: 0 auto 24px auto;
  border-radius: 12px;
  background-color: var(--fs-card-bg);
  border: 1px solid var(--fs-border-muted);
  box-shadow: var(--fs-shadow-1);
}

.settingsGrid[b-st414w11q5] {
  display: grid;
  padding: 0;
  grid-template-columns: auto 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  grid-auto-flow: row;
  height: fit-content;
  align-items: center;
}

.settingsLabelArea[b-st414w11q5] {
  padding: 0;
  justify-content: flex-end;
  display: flex;
  align-items: center;
  min-width: 220px;
  max-width: 220px;
}

.settingsLabelText[b-st414w11q5] {
  font-size: 13px;
  font-weight: 600;
  color: #343a40;
  user-select: none;
  white-space: nowrap;
  text-align: right;
}

.settingsValueArea[b-st414w11q5] {
  padding: 0;
  justify-content: flex-start;
  white-space: nowrap;
  display: flex;
  align-items: center;
}

.settingsSelect[b-st414w11q5] {
  font-size: 13px;
  color: var(--fs-text-primary, #212529);
  background-color: var(--fs-card-bg);
  border: 1px solid var(--fs-border-300);
  border-radius: 6px;
  padding: 6px 32px 6px 12px;
  min-width: 200px;
  min-height: 28px;
  transition: all 0.2s ease;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23495057' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  cursor: pointer;
}

.settingsSelect:focus[b-st414w11q5] {
  border-color: #1e40af;
  box-shadow: none;
}

.settingsSelect:hover[b-st414w11q5] {
  border-color: #adb5bd;
}

.settingsSelect:disabled[b-st414w11q5] {
  background-color: var(--fs-surface-warm);
  color: var(--fs-text-dark);
  cursor: not-allowed;
  opacity: 1;
}

.settingsToggle[b-st414w11q5] {
  display: flex;
  align-self: center;
  width: 20px;
  height: 20px;
  cursor: pointer;
  accent-color: #1e40af;
  border: 2px solid var(--fs-border-300);
  border-radius: 4px;
  transition: all 0.2s ease;
}

.settingsToggle:hover[b-st414w11q5] {
  border-color: #1e40af;
}

.settingsToggle:focus[b-st414w11q5] {
  box-shadow: none;
}

.settingsToggle:disabled[b-st414w11q5] {
  cursor: not-allowed;
  opacity: 0.5;
  border-color: #adb5bd;
}

.settingsText[b-st414w11q5] {
  font-size: 13px;
  color: var(--fs-text-primary, #212529);
  background-color: var(--fs-card-bg);
  border: 1px solid var(--fs-border-300);
  border-radius: 6px;
  padding: 6px 12px;
  min-width: 250px;
  min-height: 28px;
  transition: all 0.2s ease;
}

.settingsText:focus[b-st414w11q5] {
  border-color: #1e40af;
  box-shadow: none;
}

.settingsText:hover[b-st414w11q5] {
  border-color: #adb5bd;
}

.settingsText:disabled[b-st414w11q5] {
  background-color: var(--fs-surface-warm);
  color: var(--fs-text-dark);
  cursor: not-allowed;
  opacity: 1;
}

.settingsPaneTitleArea[b-st414w11q5] {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px 24px;
  border-radius: 12px 12px 0 0;
  background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
  border-bottom: 3px solid #1e3a8a;
}

.settingsPaneTitleText[b-st414w11q5] {
  font-size: 22px;
  font-weight: 600;
  color: var(--fs-text-white);
  user-select: none;
  letter-spacing: -0.3px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  gap: 10px;
}

.settingsPaneTitleText .oi[b-st414w11q5] {
  font-size: 18px;
}

.samsara-not-configured[b-st414w11q5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  text-align: center;
  color: var(--fs-btn-secondary);
}

.samsara-not-configured .oi[b-st414w11q5] {
  font-size: 48px;
  margin-bottom: 16px;
  color: #adb5bd;
}

.samsara-not-configured p[b-st414w11q5] {
  margin: 4px 0;
  font-size: 14px;
}

.samsara-content[b-st414w11q5] {
  padding: 0;
}

.samsara-section[b-st414w11q5] {
  padding: 20px 24px;
  border-bottom: 1px solid var(--fs-border-muted);
}

.samsara-section:last-child[b-st414w11q5] {
  border-bottom: none;
}

.samsara-section-title[b-st414w11q5] {
  font-size: 14px;
  font-weight: 600;
  color: #1e40af;
  margin: 0 0 16px 0;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--fs-border-muted);
}

.credential-field[b-st414w11q5] {
  display: flex;
  align-items: center;
  gap: 8px;
}

.credential-input[b-st414w11q5] {
  flex: 1;
  font-family: var(--fs-mono);
  letter-spacing: 0.5px;
}

.credential-toggle[b-st414w11q5] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid var(--fs-border-300);
  border-radius: 6px;
  background: var(--fs-card-bg);
  color: var(--fs-btn-secondary);
  cursor: pointer;
  transition: all 0.2s ease;
}

.credential-toggle:hover[b-st414w11q5] {
  background: var(--fs-surface-warm);
  color: #1e40af;
  border-color: #1e40af;
}

.test-connection-btn[b-st414w11q5] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border: 1px solid var(--fs-btn-secondary);
  border-radius: 6px;
  background: var(--fs-card-bg);
  color: var(--fs-btn-secondary);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.test-connection-btn:hover:not(:disabled)[b-st414w11q5] {
  background: var(--fs-surface-warm);
  border-color: var(--fs-text-dark);
  color: var(--fs-text-dark);
}

.test-connection-btn:disabled[b-st414w11q5] {
  opacity: 0.5;
  cursor: not-allowed;
}

.test-connection-btn.testing[b-st414w11q5] {
  border-color: #1e40af;
  color: #1e40af;
}

.test-connection-btn.success[b-st414w11q5] {
  border-color: var(--fs-green-accent);
  color: var(--fs-green-accent);
  background: #f0fff4;
}

.test-connection-btn.failed[b-st414w11q5] {
  border-color: var(--fs-btn-danger);
  color: var(--fs-btn-danger);
  background: #fff5f5;
}

.test-spinner[b-st414w11q5] {
  width: 14px;
  height: 14px;
  border: 2px solid var(--fs-divider);
  border-top-color: currentColor;
  border-radius: 50%;
  animation: spin-b-st414w11q5 0.8s linear infinite;
}

@keyframes spin-b-st414w11q5 {
  to { transform: rotate(360deg); }
}

.test-message[b-st414w11q5] {
  margin-left: 12px;
  font-size: 13px;
}

.test-message.success[b-st414w11q5] {
  color: var(--fs-green-accent);
}

.test-message.error[b-st414w11q5] {
  color: var(--fs-btn-danger);
}

.sync-now-btn[b-st414w11q5] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border: 1px solid #1e40af;
  border-radius: 6px;
  background: var(--fs-card-bg);
  color: #1e40af;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.sync-now-btn:hover:not(:disabled)[b-st414w11q5] {
  background: #1e40af;
  color: var(--fs-text-white);
}

.sync-now-btn:disabled[b-st414w11q5] {
  opacity: 0.5;
  cursor: not-allowed;
}

.sync-now-btn.syncing[b-st414w11q5] {
  border-color: #3b82f6;
  color: #3b82f6;
}

.sync-status[b-st414w11q5] {
  font-size: 13px;
  color: var(--fs-text-dark);
}

.sync-count[b-st414w11q5] {
  color: var(--fs-btn-secondary);
  margin-left: 4px;
}

.never-synced[b-st414w11q5] {
  color: #adb5bd;
  font-style: italic;
}

.warning-note[b-st414w11q5] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #856404;
  background: #fff3cd;
  padding: 6px 12px;
  border-radius: 4px;
}

.warning-note .oi[b-st414w11q5] {
  font-size: 12px;
}

.samsara-status[b-st414w11q5] {
  background: var(--fs-surface-warm);
  display: flex;
  gap: 24px;
  padding: 16px 24px;
}

.status-row[b-st414w11q5] {
  display: flex;
  align-items: center;
  gap: 8px;
}

.status-label[b-st414w11q5] {
  font-size: 12px;
  color: var(--fs-btn-secondary);
}

.status-value[b-st414w11q5] {
  font-size: 12px;
  color: var(--fs-text-dark);
}

.status-badge[b-st414w11q5] {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.status-badge.active[b-st414w11q5] {
  background: #d4edda;
  color: #155724;
}

.status-badge.inactive[b-st414w11q5] {
  background: #f8d7da;
  color: #721c24;
}

.field-hint[b-st414w11q5] {
  display: block;
  font-size: 11px;
  color: var(--fs-text-500);
  margin-left: 12px;
}

@media (max-width: 768px) {
  .samsara-section[b-st414w11q5] { padding: 16px; }
  .credential-field[b-st414w11q5] { flex-wrap: wrap; }
  .credential-input[b-st414w11q5] { width: 100%; }
  .samsara-status[b-st414w11q5] { flex-direction: column; gap: 12px; }
}

.export-buttons[b-st414w11q5] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.retry-failed-btn[b-st414w11q5] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: var(--fs-btn-danger);
  color: var(--fs-text-white);
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s;
}

.retry-failed-btn:hover[b-st414w11q5] {
  background: var(--fs-btn-danger-hover);
}
/* /Settings/TankSettingsPanel.razor.rz.scp.css */
.tank-settings-panel[b-uo5n3iyq26] {
  background: var(--fs-card-bg);
  border-radius: 8px;
  box-shadow: var(--fs-shadow-1);
}

.panel-header[b-uo5n3iyq26] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  border-bottom: 1px solid var(--fs-border-subtle);
}

.panel-title[b-uo5n3iyq26] {
  font-size: 16px;
  font-weight: 600;
  color: var(--fs-text-900);
}

.monitor-settings[b-uo5n3iyq26] {
  margin: 16px 20px 0;
  padding: 16px;
  border: 1px solid var(--fs-border-subtle);
  border-radius: 8px;
  background: var(--fs-card-bg);
}

.monitor-settings h2[b-uo5n3iyq26] {
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 600;
}

.monitor-note[b-uo5n3iyq26] {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.45;
  color: var(--fs-text-secondary);
}

.monitor-fields[b-uo5n3iyq26] {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: flex-end;
}

.monitor-fields label[b-uo5n3iyq26] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 12px;
  font-weight: 600;
}

.monitor-fields input[b-uo5n3iyq26] {
  height: 36px;
  padding: 0 12px;
  border: 1px solid var(--fs-border-subtle);
  border-radius: 6px;
  background: var(--fs-card-bg);
  color: var(--fs-text-primary);
  font-size: 14px;
}

.monitor-save[b-uo5n3iyq26] {
  height: 36px;
  padding: 0 14px;
  border: 0;
  border-radius: 6px;
  background: var(--fs-btn-primary);
  color: var(--fs-text-white);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.monitor-save:disabled[b-uo5n3iyq26] {
  opacity: 0.5;
}

.panel-header-actions[b-uo5n3iyq26] {
  margin-left: auto;
  display: flex;
  gap: 8px;
  align-items: center;
}

.refresh-button[b-uo5n3iyq26] {
  background: transparent;
  border: 1px solid var(--fs-text-500, #6c757d);
  color: var(--fs-text-500, #6c757d);
  padding: 4px 12px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
}

.refresh-button:disabled[b-uo5n3iyq26] {
  opacity: 0.5;
  cursor: default;
}

.loading-state[b-uo5n3iyq26], .empty-state[b-uo5n3iyq26] {
  padding: 40px;
  text-align: center;
  color: var(--fs-text-500);
}

.panel-content[b-uo5n3iyq26] {
  padding: 16px;
}

/* Tank Grid */
.tank-grid-container[b-uo5n3iyq26] {
  overflow-x: auto;
}

.tank-grid[b-uo5n3iyq26] {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.tank-grid th[b-uo5n3iyq26] {
  text-align: left;
  padding: 10px 12px;
  background: var(--fs-surface-100);
  border-bottom: 1px solid var(--fs-border-subtle);
  font-weight: 500;
  color: var(--fs-text-700);
  white-space: nowrap;
}

.tank-grid td[b-uo5n3iyq26] {
  padding: 12px;
  border-bottom: 1px solid var(--fs-surface-200);
  vertical-align: middle;
}

.tank-grid tbody tr:hover[b-uo5n3iyq26] {
  background: var(--fs-surface-100);
}

.tank-grid .inactive-row[b-uo5n3iyq26] {
  opacity: 0.5;
}

.col-tank[b-uo5n3iyq26] { min-width: 150px; }
.col-shortid[b-uo5n3iyq26] { min-width: 130px; }
.col-sentry[b-uo5n3iyq26] { min-width: 120px; }
.col-capacity[b-uo5n3iyq26] { min-width: 100px; text-align: right; padding-right: 20px !important; }
.col-capacity span[b-uo5n3iyq26] { display: inline-block; }
.col-fuel[b-uo5n3iyq26] { min-width: 80px; }
.col-level[b-uo5n3iyq26] { min-width: 100px; }
.col-slippage[b-uo5n3iyq26] { width: 70px; text-align: center; }
.col-actions[b-uo5n3iyq26] { width: 50px; text-align: center; }

.tank-grid th.col-capacity[b-uo5n3iyq26] { text-align: right; padding-right: 20px !important; }

.tank-name[b-uo5n3iyq26] {
  font-weight: 500;
  color: var(--fs-text-900);
  display: block;
}

.tank-desc[b-uo5n3iyq26] {
  font-size: 12px;
  color: var(--fs-text-500);
  display: block;
  margin-top: 2px;
}

.shortid-code[b-uo5n3iyq26] {
  display: inline-block;
  font-family: var(--fs-mono);
  font-size: 12px;
  color: var(--fs-text-700);
  background: var(--fs-surface-100);
  border: 1px solid var(--fs-border-subtle);
  border-radius: 3px;
  padding: 2px 6px;
}

.not-set[b-uo5n3iyq26] {
  color: var(--fs-text-400);
  font-style: italic;
}

/* Fuel type badges */
.fuel-badge[b-uo5n3iyq26] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
}

.fuel-diesel[b-uo5n3iyq26] { background: #fef3c7; color: #92400e; }
.fuel-gas[b-uo5n3iyq26] { background: #dbeafe; color: #1e40af; }
.fuel-def[b-uo5n3iyq26] { background: #d1fae5; color: var(--fs-green-text); }
.fuel-propane[b-uo5n3iyq26] { background: #ede9fe; color: #5b21b6; }
.fuel-other[b-uo5n3iyq26] { background: var(--fs-surface-200); color: var(--fs-text-700); }

/* Level source badges */
.cloud-badge[b-uo5n3iyq26] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  background: #dbeafe;
  color: #1e40af;
}

.indicator-local[b-uo5n3iyq26] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 12px;
  background: var(--fs-surface-200);
  color: var(--fs-text-700);
}

.indicator-none[b-uo5n3iyq26] { color: var(--fs-border-200); }
.slippage-on[b-uo5n3iyq26] { color: #10b981; font-weight: 600; }
.slippage-off[b-uo5n3iyq26] { color: var(--fs-border-200); }

/* Settings button */
.settings-btn[b-uo5n3iyq26] {
  background: none;
  border: 1px solid var(--fs-border-subtle);
  border-radius: 4px;
  padding: 6px 8px;
  cursor: pointer;
  color: var(--fs-text-500);
  transition: all 0.15s;
}

.settings-btn:hover[b-uo5n3iyq26] {
  background: var(--fs-surface-200);
  color: var(--fs-text-700);
  border-color: var(--fs-border-200);
}

/* Modal */
.tank-modal-overlay[b-uo5n3iyq26] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--fs-overlay-backdrop);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
}

.tank-settings-modal[b-uo5n3iyq26] {
  background: var(--fs-card-bg);
  border-radius: 12px;
  width: 90%;
  max-width: 650px;
  max-height: 90vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: var(--fs-shadow-2);
  z-index: 10001;
  box-sizing: border-box;
}

.modal-header[b-uo5n3iyq26] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  border-bottom: 1px solid var(--fs-border-subtle);
  background: var(--fs-surface-100);
}

.modal-header h3[b-uo5n3iyq26] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--fs-text-900);
}

/* Tabs */
.modal-tabs[b-uo5n3iyq26] {
  display: flex;
  border-bottom: 1px solid var(--fs-border-subtle);
  background: var(--fs-surface-100);
  padding: 0 16px;
}

.tab-btn[b-uo5n3iyq26] {
  padding: 12px 16px;
  border: none;
  background: none;
  font-size: 14px;
  font-weight: 500;
  color: var(--fs-text-500);
  cursor: pointer;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  transition: all 0.15s;
}

.tab-btn:hover[b-uo5n3iyq26] {
  color: var(--fs-text-700);
}

.tab-btn.active[b-uo5n3iyq26] {
  color: #10b981;
  border-bottom-color: #10b981;
}

/* Modal body */
.modal-body[b-uo5n3iyq26] {
  padding: 20px;
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
}

.tab-content[b-uo5n3iyq26] {
  animation: fadeIn-b-uo5n3iyq26 0.15s ease;
  max-width: 100%;
  box-sizing: border-box;
}

.costing-tab-intro[b-uo5n3iyq26] {
  margin: 0 0 12px 0;
}

.costing-tab-content[b-uo5n3iyq26] {
  /* ConfigTankFill brings its own chrome; keep padding consistent with other tabs */
}

/* Stack Tank Fill and Costing above the tank-properties modal (base overlay is 10000) */
.tank-fill-overlay[b-uo5n3iyq26] {
  z-index: 10001;
}

.tank-fill-host[b-uo5n3iyq26] {
  background: var(--fs-card-bg, #fff);
  color: var(--fs-text-primary, #212529);
  border-radius: 12px;
  box-shadow: var(--fs-shadow-2);
  max-width: min(960px, 96vw);
  max-height: 92vh;
  width: 100%;
  overflow: auto;
  margin: auto;
}

@keyframes fadeIn-b-uo5n3iyq26 {
  from { opacity: 0; }
  to { opacity: 1; }
}

.section-divider[b-uo5n3iyq26] {
  height: 1px;
  background: var(--fs-border-subtle);
  margin: 20px 0;
}

/* Form rows */
.form-row[b-uo5n3iyq26] {
  margin-bottom: 16px;
  max-width: 100%;
  box-sizing: border-box;
}

.form-row label:first-child[b-uo5n3iyq26] {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: var(--fs-text-700);
  margin-bottom: 6px;
}

.form-row input[type="text"][b-uo5n3iyq26],
.form-row input[type="number"][b-uo5n3iyq26],
.form-row select[b-uo5n3iyq26],
.form-row textarea[b-uo5n3iyq26] {
  width: 100%;
  max-width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--fs-border-200);
  border-radius: 6px;
  font-size: 14px;
  transition: border-color 0.15s;
  box-sizing: border-box;
}

.form-row input:focus[b-uo5n3iyq26],
.form-row select:focus[b-uo5n3iyq26],
.form-row textarea:focus[b-uo5n3iyq26] {
  border-color: #10b981;
  box-shadow: none;
}

.form-row input:disabled[b-uo5n3iyq26],
.form-row select:disabled[b-uo5n3iyq26],
.form-row textarea:disabled[b-uo5n3iyq26] {
  background: var(--fs-surface-100);
  color: var(--fs-text-500);
}

.form-row textarea[b-uo5n3iyq26] {
  min-height: 80px;
  resize: vertical;
}

.form-hint[b-uo5n3iyq26] {
  display: block;
  font-size: 12px;
  color: var(--fs-text-500);
  margin-top: 4px;
}

/* Two-column grid for form rows */
.form-row-grid[b-uo5n3iyq26] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

/* Provider fields section */
.provider-fields[b-uo5n3iyq26] {
  margin-top: 16px;
  padding: 16px;
  background: var(--fs-surface-100);
  border-radius: 8px;
  border: 1px solid var(--fs-border-subtle);
  box-sizing: border-box;
  max-width: 100%;
  overflow: hidden;
}

.provider-fields h5[b-uo5n3iyq26] {
  margin: 0 0 16px 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--fs-text-700);
}

/* Toggle switch */
.toggle-switch[b-uo5n3iyq26] {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
  margin: 0;
}

.toggle-switch input[b-uo5n3iyq26] {
  opacity: 0;
  width: 0;
  height: 0;
}

.toggle-slider[b-uo5n3iyq26] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--fs-border-200);
  transition: 0.2s;
  border-radius: 24px;
}

.toggle-slider[b-uo5n3iyq26]:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: var(--fs-card-bg);
  transition: 0.2s;
  border-radius: 50%;
}

.toggle-switch input:checked + .toggle-slider[b-uo5n3iyq26] {
  background-color: #10b981;
}

.toggle-switch input:checked + .toggle-slider[b-uo5n3iyq26]:before {
  transform: translateX(20px);
}

.toggle-switch input:disabled + .toggle-slider[b-uo5n3iyq26] {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Save error banner */
.save-error-banner[b-uo5n3iyq26] {
  background: #fff4e5;
  border: 1px solid #f0ad4e;
  border-left: 4px solid #f0ad4e;
  color: #7a4a00;
  padding: 10px 14px;
  margin: 0 16px 8px 16px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.35;
}

.save-error-detail[b-uo5n3iyq26] {
  margin-top: 4px;
}

/* Modal footer */
.modal-footer[b-uo5n3iyq26] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 20px;
  border-top: 1px solid var(--fs-border-subtle);
  background: var(--fs-surface-100);
}

.btn-cancel[b-uo5n3iyq26], .btn-close[b-uo5n3iyq26] {
  padding: 10px 20px;
  border: 1px solid var(--fs-border-200);
  border-radius: 6px;
  background: var(--fs-card-bg);
  color: var(--fs-text-700);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}

.btn-cancel:hover[b-uo5n3iyq26], .btn-close:hover[b-uo5n3iyq26] {
  background: var(--fs-surface-200);
}

.btn-save[b-uo5n3iyq26] {
  padding: 10px 20px;
  border: none;
  border-radius: 6px;
  background: var(--fs-green-muted);
  color: var(--fs-on-accent);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}

.btn-save:hover:not(:disabled)[b-uo5n3iyq26] {
  background: var(--fs-green-dark);
}

.btn-save:disabled[b-uo5n3iyq26] {
  opacity: 0.5;
  cursor: not-allowed;
}
/* Bulk apply costing */
.bulk-costing-button[b-uo5n3iyq26] {
  background: transparent;
  border: 1px solid var(--fs-green-accent, #28a745);
  color: var(--fs-green-accent, #28a745);
  padding: 4px 12px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
}

.bulk-costing-button:hover:not(:disabled)[b-uo5n3iyq26] {
  background: rgba(40, 167, 69, 0.08);
}

.bulk-costing-button:disabled[b-uo5n3iyq26] {
  opacity: 0.5;
  cursor: default;
}

.bulk-costing-modal[b-uo5n3iyq26] {
  background: var(--fs-card-bg);
  border-radius: 12px;
  width: 92%;
  max-width: 720px;
  max-height: 90vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: var(--fs-shadow-2);
}

.bulk-costing-modal .modal-body[b-uo5n3iyq26] {
  overflow-y: auto;
  padding: 16px 20px;
}

.bulk-costing-intro[b-uo5n3iyq26] {
  margin: 0 0 16px;
  font-size: 13px;
  line-height: 1.45;
  color: var(--fs-text-700);
}

.bulk-costing-select[b-uo5n3iyq26] {
  min-width: 280px;
}

.bulk-costing-price[b-uo5n3iyq26] {
  width: 100%;
  max-width: 280px;
  padding: 6px 10px;
  border: 1px solid var(--fs-border-300);
  border-radius: 6px;
  font-size: 13px;
  background: var(--fs-card-bg);
  color: var(--fs-text-primary);
}

.bulk-costing-summary[b-uo5n3iyq26] {
  margin: 12px 0 8px;
  font-size: 14px;
  color: var(--fs-text-900);
}

.bulk-costing-table-wrap[b-uo5n3iyq26] {
  max-height: 280px;
  overflow: auto;
  border: 1px solid var(--fs-border-subtle);
  border-radius: 6px;
}

.bulk-costing-table[b-uo5n3iyq26] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.bulk-costing-table th[b-uo5n3iyq26] {
  text-align: left;
  padding: 8px 10px;
  background: var(--fs-surface-100);
  border-bottom: 1px solid var(--fs-border-subtle);
  position: sticky;
  top: 0;
  z-index: 1;
}

.bulk-costing-table td[b-uo5n3iyq26] {
  padding: 8px 10px;
  border-bottom: 1px solid var(--fs-surface-200);
  vertical-align: middle;
}

.bulk-row-warn[b-uo5n3iyq26] {
  background: rgba(245, 158, 11, 0.08);
}

.bulk-warn-badge[b-uo5n3iyq26] {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  color: #92400e;
  background: #fef3c7;
  border-radius: 4px;
  padding: 2px 6px;
  white-space: nowrap;
}

.bulk-costing-warning[b-uo5n3iyq26] {
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 6px;
  border: 1px solid #f59e0b;
  background: rgba(245, 158, 11, 0.12);
  color: var(--fs-text-900);
  font-size: 13px;
  line-height: 1.4;
}

.bulk-costing-status[b-uo5n3iyq26] {
  margin-top: 12px;
  font-size: 13px;
  color: var(--fs-text-700);
}

.bulk-costing-status.muted[b-uo5n3iyq26] {
  color: var(--fs-text-500);
}

.bulk-costing-result[b-uo5n3iyq26] {
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 6px;
  background: rgba(40, 167, 69, 0.1);
  border: 1px solid var(--fs-green-accent, #28a745);
  color: var(--fs-text-900);
  font-size: 13px;
  line-height: 1.4;
}

.bulk-costing-modal .settingsSelect[b-uo5n3iyq26] {
  font-size: 13px;
  color: var(--fs-text-primary, #212529);
  background-color: var(--fs-card-bg);
  border: 1px solid var(--fs-border-300, #ced4da);
  border-radius: 6px;
  padding: 6px 32px 6px 12px;
  min-width: 250px;
  min-height: 28px;
}

/* /Transactions/AddManualTransactionModal.razor.rz.scp.css */
.modal-backdrop[b-sf67xtubc5] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--fs-overlay-backdrop);
  z-index: 1000;
}

.add-transaction-modal[b-sf67xtubc5] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--fs-card-bg);
  border-radius: 12px;
  box-shadow: var(--fs-shadow-2);
  z-index: 1001;
  width: 500px;
  max-width: 90vw;
  max-height: 85vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.modal-header[b-sf67xtubc5] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 16px 20px;
  background: linear-gradient(135deg, var(--fs-blue-accent), var(--fs-blue-hover));
  color: white;
}

.modal-header h5[b-sf67xtubc5] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 10px;
}

.modal-header h5 .oi[b-sf67xtubc5] {
  font-size: 18px;
  line-height: 1;
}

.modal-body[b-sf67xtubc5] {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 20px;
}

.placeholder-content[b-sf67xtubc5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px;
  color: var(--fs-text-muted);
  text-align: center;
}

.placeholder-content .oi[b-sf67xtubc5] {
  font-size: 48px;
  color: var(--fs-border-200);
  margin-bottom: 16px;
}

.placeholder-content p[b-sf67xtubc5] {
  font-size: 16px;
  margin-bottom: 20px;
}

.cancel-btn[b-sf67xtubc5] {
  padding: 8px 20px;
  background: var(--fs-surface-200);
  border: 1px solid var(--fs-border-200);
  border-radius: 6px;
  font-size: 14px;
  color: var(--fs-text-700);
  cursor: pointer;
  transition: all 0.15s ease;
}

.cancel-btn:hover[b-sf67xtubc5] {
  background: var(--fs-border-subtle);
}
/* /Transactions/FleetioExportDetailsModal.razor.rz.scp.css */
.modal-backdrop[b-yv9pld9776] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--fs-overlay-backdrop);
  z-index: 1000;
}

.fleetio-details-modal[b-yv9pld9776] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--fs-card-bg);
  border-radius: 12px;
  box-shadow: var(--fs-shadow-2);
  z-index: 1001;
  width: 720px;
  max-width: 95vw;
  max-height: 85vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.modal-header[b-yv9pld9776] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 16px 20px;
  color: var(--fs-text-white);
}

.modal-header.header-fleetio[b-yv9pld9776] {
  background: linear-gradient(135deg, #10b981, #059669);
}

.modal-header h5[b-yv9pld9776] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 10px;
}

.modal-header h5 .oi[b-yv9pld9776] {
  font-size: 18px;
  line-height: 1;
}

.modal-body[b-yv9pld9776] {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.details-scroll[b-yv9pld9776] {
  overflow-y: auto;
  padding: 16px 20px;
  flex: 1;
}

.detail-section[b-yv9pld9776] {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--fs-border-light);
}

.detail-section h6[b-yv9pld9776] {
  margin: 0 0 12px 0;
  font-size: 13px;
  font-weight: 700;
  color: var(--fs-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.detail-grid[b-yv9pld9776] {
  display: grid;
  gap: 6px;
}

.detail-row[b-yv9pld9776] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.detail-label[b-yv9pld9776] {
  flex: 0 0 80px;
  font-size: 12px;
  color: var(--fs-text-muted);
  font-weight: 500;
}

.detail-value[b-yv9pld9776] {
  flex: 1;
  font-size: 13px;
  color: var(--fs-text-primary);
  word-break: break-word;
}

.detail-value.mono[b-yv9pld9776] {
  font-family: var(--fs-mono);
  font-size: 12px;
}

.detail-value.small[b-yv9pld9776] {
  font-size: 11px;
}

.detail-value.highlight[b-yv9pld9776] {
  font-weight: 600;
}

.status-badge[b-yv9pld9776] {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
  color: var(--fs-text-white);
  text-transform: uppercase;
}

.status-success[b-yv9pld9776] {
  background-color: #10b981;
}

.status-failed[b-yv9pld9776] {
  background-color: var(--fs-error-500);
}

.status-pending[b-yv9pld9776] {
  background-color: var(--fs-text-500);
}

.error-box[b-yv9pld9776] {
  margin-top: 12px;
  padding: 10px 12px;
  background: var(--fs-error-bg);
  border: 1px solid var(--fs-error-border, #fecaca);
  border-radius: 6px;
  font-size: 12px;
  color: var(--fs-error-text);
}

.error-box .error-title[b-yv9pld9776] {
  font-size: 13px;
  margin-bottom: 4px;
}

.error-box .error-detail[b-yv9pld9776] {
  margin-bottom: 6px;
  line-height: 1.4;
}

.error-box .error-hint[b-yv9pld9776] {
  margin-top: 6px;
  padding: 6px 8px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  font-size: 11px;
  display: flex;
  align-items: flex-start;
  gap: 6px;
  color: var(--fs-text-primary);
}

.error-box .error-hint .oi[b-yv9pld9776] {
  color: #d97706;
  margin-top: 1px;
  flex-shrink: 0;
}

.error-box .error-raw[b-yv9pld9776] {
  margin-top: 8px;
}

.error-box .error-raw summary[b-yv9pld9776] {
  font-size: 11px;
  color: var(--fs-text-500);
  cursor: pointer;
  padding: 2px 0;
}

.error-box .error-raw pre[b-yv9pld9776] {
  margin: 6px 0 0 0;
  padding: 6px 8px;
  background: var(--fs-text-800);
  color: var(--fs-border-200);
  border-radius: 4px;
  font-size: 11px;
  max-height: 120px;
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-all;
}

/* Comparison layout */
.comparison-section[b-yv9pld9776] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.comparison-column[b-yv9pld9776] {
  padding: 12px;
  background: var(--fs-surface-100);
  border-radius: 8px;
  border: 1px solid var(--fs-border-subtle);
}

.comparison-column h6[b-yv9pld9776] {
  margin: 0 0 12px 0;
  font-size: 13px;
  font-weight: 700;
  color: var(--fs-blue-600);
  display: flex;
  align-items: center;
  gap: 6px;
}

.comparison-column.fleetio-column h6[b-yv9pld9776] {
  color: #059669;
}

.column-header[b-yv9pld9776] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.column-header h6[b-yv9pld9776] {
  margin: 0;
}

.fetch-btn[b-yv9pld9776] {
  padding: 4px 10px;
  background: #10b981;
  color: var(--fs-text-white);
  border: none;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: background 0.2s;
}

.fetch-btn:hover[b-yv9pld9776] {
  background: #059669;
}

.empty-state[b-yv9pld9776],
.loading-state[b-yv9pld9776],
.error-state[b-yv9pld9776] {
  font-size: 13px;
  color: var(--fs-text-500);
  font-style: italic;
  padding: 20px 0;
  text-align: center;
}

.error-state[b-yv9pld9776] {
  color: var(--fs-error-accent);
}

.loading-state[b-yv9pld9776] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.spinner[b-yv9pld9776] {
  width: 16px;
  height: 16px;
  border: 2px solid var(--fs-border-subtle);
  border-top-color: #10b981;
  border-radius: 50%;
  animation: spin-b-yv9pld9776 0.8s linear infinite;
}

@keyframes spin-b-yv9pld9776 {
  to {
    transform: rotate(360deg);
  }
}

.raw-json-section[b-yv9pld9776] {
  margin-top: 12px;
}

.raw-json-section summary[b-yv9pld9776] {
  font-size: 11px;
  color: var(--fs-text-500);
  cursor: pointer;
  padding: 4px 0;
}

.raw-json-header[b-yv9pld9776] {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
  margin-bottom: 4px;
  transform: translate(-3px, calc(-100% - 8px));
}

.raw-json-section pre[b-yv9pld9776] {
  margin: -22px 0 0 0;
  padding: 8px;
  background: var(--fs-text-800);
  color: var(--fs-border-200);
  border-radius: 4px;
  font-size: 11px;
  max-height: 120px;
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-all;
}

.copy-btn[b-yv9pld9776] {
  background: var(--fs-text-700);
  border: none;
  color: var(--fs-text-400);
  padding: 4px 8px;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  transition: all 0.2s;
}

.copy-btn:hover[b-yv9pld9776] {
  background: var(--fs-text-secondary);
  color: var(--fs-text-white);
}

.copy-btn .oi-check[b-yv9pld9776] {
  color: #10b981;
}

/* Footer */
.modal-footer[b-yv9pld9776] {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 12px 20px;
  border-top: 1px solid var(--fs-border-subtle);
  background: var(--fs-surface-100);
}

.btn-fleetio[b-yv9pld9776] {
  padding: 8px 16px;
  background: #10b981;
  color: var(--fs-text-white);
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  transition: background 0.2s;
}

.btn-fleetio:hover[b-yv9pld9776] {
  background: #059669;
  color: var(--fs-text-white);
  text-decoration: none;
}

.btn-close-modal[b-yv9pld9776] {
  padding: 8px 16px;
  background: var(--fs-text-500);
  color: var(--fs-text-white);
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}

.btn-close-modal:hover[b-yv9pld9776] {
  background: var(--fs-text-secondary);
}
/* /Transactions/SentryDetailsModal.razor.rz.scp.css */
.modal-backdrop[b-0zzkp8bn19] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--fs-overlay-backdrop);
  z-index: 1000;
}

.details-modal[b-0zzkp8bn19] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--fs-card-bg);
  border-radius: 12px;
  box-shadow: var(--fs-shadow-2);
  z-index: 1001;
  width: 500px;
  max-width: 90vw;
  max-height: 85vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.modal-header[b-0zzkp8bn19] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  background: linear-gradient(135deg, var(--fs-green-muted), var(--fs-green-dark));
  color: var(--fs-on-accent);
}

.modal-header h5[b-0zzkp8bn19] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 10px;
}

.modal-header h5 .oi[b-0zzkp8bn19] {
  font-size: 18px;
  line-height: 1;
}

.modal-body[b-0zzkp8bn19] {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.loading[b-0zzkp8bn19],
.not-found[b-0zzkp8bn19] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 40px;
  color: var(--fs-text-muted);
  font-size: 14px;
}

.spinner[b-0zzkp8bn19] {
  width: 20px;
  height: 20px;
  border: 2px solid var(--fs-divider);
  border-top-color: var(--fs-green-muted);
  border-radius: 50%;
  animation: spin-b-0zzkp8bn19 0.8s linear infinite;
}

@keyframes spin-b-0zzkp8bn19 {
  to {
    transform: rotate(360deg);
  }
}

.details-scroll[b-0zzkp8bn19] {
  overflow-y: auto;
  padding: 16px 20px;
  flex: 1;
}

.detail-section[b-0zzkp8bn19] {
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--fs-border-light);
}

.detail-section:last-child[b-0zzkp8bn19] {
  border-bottom: none;
  margin-bottom: 0;
}

.detail-section h6[b-0zzkp8bn19] {
  margin: 0 0 12px 0;
  font-size: 13px;
  font-weight: 700;
  color: var(--fs-green-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.detail-grid[b-0zzkp8bn19] {
  display: grid;
  gap: 8px;
}

.detail-row[b-0zzkp8bn19] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.detail-label[b-0zzkp8bn19] {
  flex: 0 0 120px;
  font-size: 13px;
  color: var(--fs-text-muted);
  font-weight: 500;
}

.detail-value[b-0zzkp8bn19] {
  flex: 1;
  font-size: 13px;
  color: var(--fs-text-primary);
  word-break: break-word;
}

.detail-value.mono[b-0zzkp8bn19] {
  font-family: var(--fs-mono);
  font-size: 12px;
}

.status-badge[b-0zzkp8bn19] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
  color: white;
}

.status-active[b-0zzkp8bn19] {
  background-color: var(--fs-green-bright);
}

.status-inactive[b-0zzkp8bn19] {
  background-color: #9e9e9e;
}

/* Tank list styles */
.tank-list[b-0zzkp8bn19] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.tank-item[b-0zzkp8bn19] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 8px 12px;
  background: var(--fs-page-bg);
  border-radius: 6px;
}

.tank-item-main[b-0zzkp8bn19] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.tank-name[b-0zzkp8bn19] {
  font-size: 13px;
  font-weight: 500;
  color: var(--fs-text-primary);
  flex: 0 0 auto;
}

.tank-code[b-0zzkp8bn19] {
  flex: 1 1 auto;
  font-size: 11px;
  color: var(--fs-text-muted);
  text-align: right;
  margin-right: 8px;
}

.tank-code.mono[b-0zzkp8bn19] {
  font-family: var(--fs-mono);
}

.tank-fuel-type[b-0zzkp8bn19] {
  font-size: 11px;
  padding: 2px 8px;
  background: var(--fs-divider);
  border-radius: 10px;
  color: var(--fs-text-muted);
  flex: 0 0 auto;
}

/* Lord-only field indicator */
.detail-row.lord-only[b-0zzkp8bn19] {
  opacity: 0.7;
}

/* RSSI */
.rssi-age[b-0zzkp8bn19] {
  font-size: 11px;
  color: var(--fs-input-placeholder);
}

.rssi-chart-btn[b-0zzkp8bn19] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  background: var(--fs-surface-200, #f0f4f0);
  border: 1px solid var(--fs-border-200, #c8dbc8);
  border-radius: 6px;
  font-size: 12px;
  color: var(--fs-green-muted);
  cursor: pointer;
  transition: background 0.15s;
}

.rssi-chart-btn:hover[b-0zzkp8bn19] {
  background: var(--fs-surface-subtle, #dceadc);
}

.rssi-chart-area[b-0zzkp8bn19] {
  margin-top: 10px;
}

.rssi-range-tabs[b-0zzkp8bn19] {
  display: flex;
  gap: 4px;
  margin-bottom: 6px;
}

.rssi-range-tab[b-0zzkp8bn19] {
  padding: 3px 10px;
  border: 1px solid var(--fs-border-200, #ccc);
  border-radius: 4px;
  background: var(--fs-surface-200, var(--fs-page-bg));
  font-size: 11px;
  cursor: pointer;
  color: var(--fs-text-500, #555);
  transition: background 0.15s;
}

.rssi-range-tab.active[b-0zzkp8bn19] {
  background: var(--fs-green-muted);
  border-color: var(--fs-green-muted);
  color: var(--fs-on-accent);
}

.sentry-alert-list[b-0zzkp8bn19] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sentry-alert-item[b-0zzkp8bn19] {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 8px 10px;
  border-radius: 6px;
  border: 1px solid var(--fs-border-200, #ddd);
}

.sentry-alert-item--critical[b-0zzkp8bn19] {
  background: #fff5f5;
  border-color: #f5c2c2;
}

.sentry-alert-item--warning[b-0zzkp8bn19] {
  background: #fffaf0;
  border-color: #f6e05e;
}

.sentry-alert-copy[b-0zzkp8bn19] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.sentry-alert-title[b-0zzkp8bn19] {
  font-weight: 600;
  font-size: 14px;
}

.sentry-alert-detail[b-0zzkp8bn19],
.sentry-alert-time[b-0zzkp8bn19] {
  font-size: 12px;
  color: var(--fs-text-500, #666);
}
/* /Transactions/SentryDriverDetailsModal.razor.rz.scp.css */
.modal-backdrop[b-t2fdlu311y] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--fs-overlay-backdrop);
  z-index: 1000;
}

.details-modal[b-t2fdlu311y] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--fs-card-bg);
  border-radius: 12px;
  box-shadow: var(--fs-shadow-2);
  z-index: 1001;
  width: 500px;
  max-width: 90vw;
  max-height: 85vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.modal-header[b-t2fdlu311y] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  background: linear-gradient(135deg, var(--fs-green-muted), var(--fs-green-dark));
  color: var(--fs-on-accent);
}

.modal-header h5[b-t2fdlu311y] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 10px;
}

.modal-header h5 .oi[b-t2fdlu311y] {
  font-size: 18px;
  line-height: 1;
}

.modal-body[b-t2fdlu311y] {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.loading[b-t2fdlu311y],
.not-found[b-t2fdlu311y] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 40px;
  color: var(--fs-text-muted);
  font-size: 14px;
}

.spinner[b-t2fdlu311y] {
  width: 20px;
  height: 20px;
  border: 2px solid var(--fs-divider);
  border-top-color: var(--fs-green-muted);
  border-radius: 50%;
  animation: spin-b-t2fdlu311y 0.8s linear infinite;
}

@keyframes spin-b-t2fdlu311y {
  to {
    transform: rotate(360deg);
  }
}

.details-scroll[b-t2fdlu311y] {
  overflow-y: auto;
  padding: 16px 20px;
  flex: 1;
}

.detail-section[b-t2fdlu311y] {
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--fs-border-light);
}

.detail-section:last-child[b-t2fdlu311y] {
  border-bottom: none;
  margin-bottom: 0;
}

.detail-section h6[b-t2fdlu311y] {
  margin: 0 0 12px 0;
  font-size: 13px;
  font-weight: 700;
  color: var(--fs-green-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.detail-grid[b-t2fdlu311y] {
  display: grid;
  gap: 8px;
}

.detail-row[b-t2fdlu311y] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.detail-label[b-t2fdlu311y] {
  flex: 0 0 140px;
  font-size: 13px;
  color: var(--fs-text-muted);
  font-weight: 500;
}

.detail-value[b-t2fdlu311y] {
  flex: 1;
  font-size: 13px;
  color: var(--fs-text-primary);
  word-break: break-word;
}

.detail-value.mono[b-t2fdlu311y] {
  font-family: var(--fs-mono);
  font-size: 12px;
}

.status-badge[b-t2fdlu311y] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
  color: white;
}

.status-active[b-t2fdlu311y] {
  background-color: var(--fs-green-bright);
}

.status-inactive[b-t2fdlu311y] {
  background-color: #9e9e9e;
}
/* /Transactions/SentryOverrideEditModal.razor.rz.scp.css */
/* Shared layout styles (Blazor CSS is scoped per component) */
.modal-backdrop[b-gcu2uvkeh4] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--fs-overlay-backdrop);
  z-index: 1000;
}

.transaction-edit-modal[b-gcu2uvkeh4] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--fs-card-bg);
  border-radius: 12px;
  box-shadow: var(--fs-shadow-2);
  z-index: 1001;
  width: 640px;
  max-width: 95vw;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.modal-header[b-gcu2uvkeh4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  color: var(--fs-text-white);
}

.modal-header h5[b-gcu2uvkeh4] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 10px;
}

.modal-body[b-gcu2uvkeh4] {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.edit-scroll[b-gcu2uvkeh4] {
  overflow-y: auto;
  padding: 20px;
  flex: 1;
}

.info-banner[b-gcu2uvkeh4] {
  display: flex;
  gap: 24px;
  padding: 12px 16px;
  background: var(--fs-surface-warm);
  border-radius: 8px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.info-item[b-gcu2uvkeh4] { display: flex; flex-direction: column; gap: 2px; }

.info-label[b-gcu2uvkeh4] {
  font-size: 11px;
  color: var(--fs-btn-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.info-value[b-gcu2uvkeh4] { font-size: 14px; font-weight: 500; color: var(--fs-text-primary, #212529); }
.info-value.mono[b-gcu2uvkeh4] { font-family: var(--fs-mono); }

.source-badge[b-gcu2uvkeh4] {
  display: inline-flex;
  padding: 3px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}

.source-badge.source-override-byp[b-gcu2uvkeh4] {
  background: var(--fs-warning-bg, #fff3e0);
  color: #e65100;
}

.edit-grid[b-gcu2uvkeh4] { display: flex; flex-direction: column; gap: 16px; }

.edit-row[b-gcu2uvkeh4] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  padding: 12px 0;
  border-bottom: 1px solid var(--fs-border-muted);
}

.edit-row:last-child[b-gcu2uvkeh4] { border-bottom: none; }

.edit-row.note-row[b-gcu2uvkeh4] {
  grid-template-columns: 1fr;
  gap: 12px;
}

.edit-row.note-row .current-value[b-gcu2uvkeh4],
.edit-row.note-row .new-value[b-gcu2uvkeh4] { width: 100%; }

.current-value[b-gcu2uvkeh4] { display: flex; flex-direction: column; gap: 4px; }
.field-label[b-gcu2uvkeh4] { font-size: 12px; color: var(--fs-btn-secondary); font-weight: 500; }
.field-value[b-gcu2uvkeh4] { font-size: 14px; color: var(--fs-text-primary, #212529); }
.new-value[b-gcu2uvkeh4] { display: flex; flex-direction: column; gap: 4px; }
.new-label[b-gcu2uvkeh4] { font-size: 12px; color: var(--fs-blue-hover); font-weight: 500; }

.edit-input[b-gcu2uvkeh4],
.edit-select[b-gcu2uvkeh4] {
  padding: 8px 12px;
  border: 1px solid var(--fs-border-300);
  border-radius: 6px;
  font-size: 14px;
  background: var(--fs-input-bg, #fff);
  color: var(--fs-text-primary, #212529);
  transition: border-color 0.2s, box-shadow 0.2s;
}

.edit-input:focus[b-gcu2uvkeh4],
.edit-select:focus[b-gcu2uvkeh4] {
  border-color: var(--fs-blue-hover);
  box-shadow: none;
}

.edit-textarea[b-gcu2uvkeh4] {
  padding: 10px 12px;
  border: 1px solid var(--fs-border-300);
  border-radius: 6px;
  font-size: 14px;
  min-height: 80px;
  resize: vertical;
  background: var(--fs-input-bg, #fff);
  color: var(--fs-text-primary, #212529);
  transition: border-color 0.2s, box-shadow 0.2s;
}

.edit-textarea:focus[b-gcu2uvkeh4] {
  border-color: var(--fs-blue-hover);
  box-shadow: none;
}

.no-permission[b-gcu2uvkeh4] { font-size: 12px; color: var(--fs-btn-secondary); font-style: italic; padding: 8px 0; }

.error-message[b-gcu2uvkeh4] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background: var(--fs-error-bg, #f8d7da);
  color: var(--fs-error-accent, #721c24);
  border-radius: 6px;
  margin-top: 16px;
  font-size: 14px;
}

.success-message[b-gcu2uvkeh4] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background: var(--fs-success-bg, #d4edda);
  color: var(--fs-success-text, #155724);
  border-radius: 6px;
  margin-top: 16px;
  font-size: 14px;
}

.btn-cancel[b-gcu2uvkeh4] {
  padding: 10px 20px;
  background: var(--fs-card-bg);
  color: var(--fs-text-dark);
  border: 1px solid var(--fs-border-300);
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}

.btn-cancel:hover:not(:disabled)[b-gcu2uvkeh4] { background: var(--fs-surface-warm); border-color: #adb5bd; }

.spinner[b-gcu2uvkeh4] {
  width: 14px;
  height: 14px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: spin-b-gcu2uvkeh4 0.8s linear infinite;
}

@keyframes spin-b-gcu2uvkeh4 { to { transform: rotate(360deg); } }

/* ── Override-specific styles ── */

.header-override[b-gcu2uvkeh4] {
  background: linear-gradient(135deg, var(--fs-blue-hover), var(--fs-blue-dark));
}

.field-hint[b-gcu2uvkeh4] {
  font-size: 11px;
  color: var(--fs-btn-secondary);
  font-style: italic;
}

.required-star[b-gcu2uvkeh4] { color: var(--fs-btn-danger); }

/* Footer with two action buttons */
.override-edit-footer[b-gcu2uvkeh4] {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 16px 20px;
  background: var(--fs-surface-warm);
  border-top: 1px solid var(--fs-border-muted);
  flex-wrap: wrap;
}

/* Save Adjustments — outlined blue */
.btn-adjust-only[b-gcu2uvkeh4] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  background: var(--fs-card-bg);
  color: var(--fs-blue-hover);
  border: 1px solid var(--fs-blue-hover);
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}

.btn-adjust-only:hover:not(:disabled)[b-gcu2uvkeh4] { background: var(--fs-blue-light); }
.btn-adjust-only:disabled[b-gcu2uvkeh4] { opacity: 0.5; cursor: not-allowed; }

/* Save & Reconcile — solid blue */
.btn-reconcile[b-gcu2uvkeh4] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  background: linear-gradient(135deg, var(--fs-blue-hover), var(--fs-blue-dark));
  color: var(--fs-text-white);
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}

.btn-reconcile:hover:not(:disabled)[b-gcu2uvkeh4] { background: linear-gradient(135deg, var(--fs-blue-accent), var(--fs-blue-hover)); }
.btn-reconcile:disabled[b-gcu2uvkeh4] { opacity: 0.5; cursor: not-allowed; }

/* Reconciled badge in info banner */
.source-badge.source-override-reconciled[b-gcu2uvkeh4] {
  background: var(--fs-success-bg, #e8f5e9);
  color: var(--fs-green-muted);
  border: 1px solid var(--fs-success-border, #a5d6a7);
}

@media (max-width: 600px) {
  .transaction-edit-modal[b-gcu2uvkeh4] {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    border-radius: 0;
  }

  .edit-row[b-gcu2uvkeh4] { grid-template-columns: 1fr; gap: 12px; }
  .info-banner[b-gcu2uvkeh4] { flex-direction: column; gap: 12px; }
  .override-edit-footer[b-gcu2uvkeh4] { flex-direction: column; }
}
/* /Transactions/SentryRssiChart.razor.rz.scp.css */
.rssi-chart-loading[b-rovcd94dsh],
.rssi-chart-empty[b-rovcd94dsh] {
  padding: 20px;
  text-align: center;
  font-size: 12px;
  color: var(--fs-input-placeholder);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.spinner[b-rovcd94dsh] {
  width: 16px;
  height: 16px;
  border: 2px solid var(--fs-divider);
  border-top-color: var(--fs-green-muted);
  border-radius: 50%;
  animation: spin-b-rovcd94dsh 0.8s linear infinite;
}

@keyframes spin-b-rovcd94dsh {
  to {
    transform: rotate(360deg);
  }
}
/* /Transactions/SentryUnitDetailsModal.razor.rz.scp.css */
.modal-backdrop[b-ryhnu2w1y6] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--fs-overlay-backdrop);
  z-index: 1000;
}

.details-modal[b-ryhnu2w1y6] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--fs-card-bg);
  border-radius: 12px;
  box-shadow: var(--fs-shadow-2);
  z-index: 1001;
  width: 500px;
  max-width: 90vw;
  max-height: 85vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.modal-header[b-ryhnu2w1y6] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  background: linear-gradient(135deg, var(--fs-blue-hover), var(--fs-blue-dark));
  color: white;
}

.modal-header h5[b-ryhnu2w1y6] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 10px;
}

.modal-header h5 .oi[b-ryhnu2w1y6] {
  font-size: 18px;
  line-height: 1;
}

.modal-body[b-ryhnu2w1y6] {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.loading[b-ryhnu2w1y6],
.not-found[b-ryhnu2w1y6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 40px;
  color: var(--fs-text-muted);
  font-size: 14px;
}

.spinner[b-ryhnu2w1y6] {
  width: 20px;
  height: 20px;
  border: 2px solid var(--fs-divider);
  border-top-color: var(--fs-blue-hover);
  border-radius: 50%;
  animation: spin-b-ryhnu2w1y6 0.8s linear infinite;
}

@keyframes spin-b-ryhnu2w1y6 {
  to { transform: rotate(360deg); }
}

.details-scroll[b-ryhnu2w1y6] {
  overflow-y: auto;
  padding: 16px 20px;
  flex: 1;
}

.detail-section[b-ryhnu2w1y6] {
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--fs-border-light);
}

.detail-section:last-child[b-ryhnu2w1y6] {
  border-bottom: none;
  margin-bottom: 0;
}

.detail-section h6[b-ryhnu2w1y6] {
  margin: 0 0 12px 0;
  font-size: 13px;
  font-weight: 700;
  color: var(--fs-blue-hover);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.detail-grid[b-ryhnu2w1y6] {
  display: grid;
  gap: 8px;
}

.detail-row[b-ryhnu2w1y6] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.detail-label[b-ryhnu2w1y6] {
  flex: 0 0 140px;
  font-size: 13px;
  color: var(--fs-text-muted);
  font-weight: 500;
}

.detail-value[b-ryhnu2w1y6] {
  flex: 1;
  font-size: 13px;
  color: var(--fs-text-primary);
  word-break: break-word;
}

.detail-value.mono[b-ryhnu2w1y6] {
  font-family: var(--fs-mono);
  font-size: 12px;
}

.status-badge[b-ryhnu2w1y6] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
  color: white;
}

.status-active[b-ryhnu2w1y6] {
  background-color: var(--fs-green-bright);
}

.status-inactive[b-ryhnu2w1y6] {
  background-color: #9e9e9e;
}

.usage-badge[b-ryhnu2w1y6] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
}

.usage-badge.on-road[b-ryhnu2w1y6] {
  background-color: var(--fs-blue-light);
  color: var(--fs-blue-hover);
}

.usage-badge.off-road[b-ryhnu2w1y6] {
  background-color: var(--fs-warning-bg, #fff3e0);
  color: var(--fs-warning-text, #e65100);
}

.fuel-types[b-ryhnu2w1y6] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.fuel-chip[b-ryhnu2w1y6] {
  display: inline-block;
  padding: 4px 10px;
  background: var(--fs-success-bg, #e8f5e9);
  color: var(--fs-success-text);
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
}

/* ── Linked Fleetio Vehicle section ───────────────────────────────────────── */

.fleetio-section[b-ryhnu2w1y6] {
  border-top: 2px solid var(--fs-blue-light);
  padding-top: 12px !important;
  margin-top: 4px;
}

.fleetio-section h6[b-ryhnu2w1y6] {
  display: flex;
  align-items: center;
  gap: 8px;
}

.fleetio-badge[b-ryhnu2w1y6] {
  display: inline-block;
  background: var(--fs-blue-hover);
  color: var(--fs-text-white);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
  padding: 2px 6px;
  border-radius: 4px;
  text-transform: uppercase;
}

.fleetio-full-details-link[b-ryhnu2w1y6] {
  margin-top: 10px;
  text-align: right;
}

.fleetio-details-btn[b-ryhnu2w1y6] {
  background: none;
  border: 1px solid var(--fs-blue-accent, #90caf9);
  color: var(--fs-blue-hover);
  font-size: 12px;
  font-weight: 500;
  padding: 4px 10px;
  border-radius: 5px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  transition: background 0.15s, border-color 0.15s;
}

.fleetio-details-btn:hover[b-ryhnu2w1y6] {
  background: var(--fs-blue-light);
  border-color: var(--fs-blue-hover);
}
/* /Transactions/TransactionDetailsModal.razor.rz.scp.css */
.modal-backdrop[b-jrqe3k90s6] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--fs-overlay-backdrop);
  z-index: 1000;
}

.transaction-details-modal[b-jrqe3k90s6] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--fs-card-bg);
  border-radius: 12px;
  box-shadow: var(--fs-shadow-2);
  z-index: 1001;
  width: 520px;
  max-width: 90vw;
  max-height: 85vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.modal-header[b-jrqe3k90s6] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 16px 20px;
  color: var(--fs-text-white);
}

.modal-header.header-sentry[b-jrqe3k90s6] {
  background: linear-gradient(135deg, var(--fs-green-muted), var(--fs-green-dark));
}

.modal-header.header-wex[b-jrqe3k90s6] {
  background: linear-gradient(135deg, #7b1fa2, #6a1b9a);
}

.modal-header.header-manual[b-jrqe3k90s6] {
  background: linear-gradient(135deg, var(--fs-blue-accent), var(--fs-blue-hover));
}

.modal-header.header-override[b-jrqe3k90s6] {
  background: linear-gradient(135deg, #e65100, #bf360c);
}

.modal-header.header-samsara[b-jrqe3k90s6] {
  background: linear-gradient(135deg, var(--fs-samsara-accent, #0047ab), var(--fs-samsara-dark, #003585));
}

.modal-header.header-default[b-jrqe3k90s6] {
  background: linear-gradient(135deg, #616161, #424242);
}

.modal-header h5[b-jrqe3k90s6] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 10px;
}

.modal-header h5 .oi[b-jrqe3k90s6] {
  font-size: 18px;
  line-height: 1;
}

.modal-body[b-jrqe3k90s6] {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.details-scroll[b-jrqe3k90s6] {
  overflow-y: auto;
  padding: 16px 20px;
  flex: 1;
}

.detail-section[b-jrqe3k90s6] {
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--fs-border-light);
}

.detail-section:last-child[b-jrqe3k90s6] {
  border-bottom: none;
  margin-bottom: 0;
}

.detail-section h6[b-jrqe3k90s6] {
  margin: 0 0 12px 0;
  font-size: 13px;
  font-weight: 700;
  color: var(--fs-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.detail-grid[b-jrqe3k90s6] {
  display: grid;
  gap: 8px;
}

.detail-row[b-jrqe3k90s6] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.detail-label[b-jrqe3k90s6] {
  flex: 0 0 100px;
  font-size: 13px;
  color: var(--fs-text-muted);
  font-weight: 500;
}

.detail-value[b-jrqe3k90s6] {
  flex: 1;
  font-size: 13px;
  color: var(--fs-text-primary);
  word-break: break-word;
}

.detail-value.mono[b-jrqe3k90s6] {
  font-family: var(--fs-mono);
  font-size: 12px;
}

.note-content[b-jrqe3k90s6] {
  font-size: 13px;
  color: var(--fs-text-primary);
  white-space: pre-wrap;
  background: var(--fs-surface-100);
  padding: 12px;
  border-radius: 6px;
  border: 1px solid var(--fs-border-subtle);
}

.source-badge[b-jrqe3k90s6] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: var(--fs-text-white);
}

.source-sentry[b-jrqe3k90s6] { background-color: var(--fs-green-muted); }
.source-wex[b-jrqe3k90s6] { background-color: #7b1fa2; }
.source-manual[b-jrqe3k90s6] { background-color: var(--fs-blue-accent); }
.source-override[b-jrqe3k90s6] { background-color: #e65100; }
.source-samsara[b-jrqe3k90s6] { background-color: var(--fs-samsara-accent, #0047ab); }
.source-unknown[b-jrqe3k90s6] { background-color: #757575; }

.override-reconciled[b-jrqe3k90s6] {
  color: var(--fs-green-muted);
  font-weight: 600;
  font-size: 13px;
}

.override-pending[b-jrqe3k90s6] {
  color: #e65100;
  font-weight: 600;
  font-size: 13px;
}

/* ── "edited" chip next to source badge ── */
.revised-chip[b-jrqe3k90s6] {
  display: inline-block;
  margin-left: 6px;
  padding: 1px 6px;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  background: var(--fs-warning-bg, #fff8e1);
  color: var(--fs-warning-text, #f57f17);
  border: 1px solid var(--fs-warning-accent, #f9a825);
  vertical-align: middle;
}

/* ── Tab bar ── */
.tab-bar[b-jrqe3k90s6] {
  display: flex;
  border-bottom: 2px solid var(--fs-border-muted);
  background: var(--fs-surface-warm);
  flex-shrink: 0;
}

.tab-btn[b-jrqe3k90s6] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 20px;
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  font-size: 13px;
  font-weight: 500;
  color: var(--fs-btn-secondary);
  cursor: pointer;
  transition: color 0.15s, border-color 0.15s;
}

.tab-btn:hover[b-jrqe3k90s6] {
  color: var(--fs-text-dark);
}

.tab-btn.tab-active[b-jrqe3k90s6] {
  color: var(--fs-text-primary, #212529);
  border-bottom-color: var(--fs-blue-hover);
  font-weight: 600;
}

/* ── History loading / empty ── */
.history-loading[b-jrqe3k90s6],
.history-empty[b-jrqe3k90s6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 48px 20px;
  color: var(--fs-btn-secondary);
  font-size: 14px;
}

.history-spinner[b-jrqe3k90s6] {
  width: 18px;
  height: 18px;
  border: 2px solid var(--fs-border-medium);
  border-top-color: var(--fs-btn-secondary);
  border-radius: 50%;
  animation: spin-b-jrqe3k90s6 0.8s linear infinite;
}

@keyframes spin-b-jrqe3k90s6 { to { transform: rotate(360deg); } }

/* ── Revision timeline ── */
.revision-timeline[b-jrqe3k90s6] {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
}

.revision-entry[b-jrqe3k90s6] {
  display: flex;
  gap: 14px;
  padding: 14px 20px;
  position: relative;
}

.revision-entry + .revision-entry[b-jrqe3k90s6] {
  border-top: 1px solid var(--fs-border-subtle, #f0f0f0);
}

/* Dot / icon column */
.revision-dot[b-jrqe3k90s6] {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--fs-border-muted);
  color: var(--fs-btn-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  margin-top: 1px;
}

.revision-reconciliation .revision-dot[b-jrqe3k90s6] {
  background: var(--fs-success-bg, #e8f5e9);
  color: var(--fs-green-muted);
}

/* Body */
.revision-body[b-jrqe3k90s6] {
  flex: 1;
  min-width: 0;
}

.revision-header[b-jrqe3k90s6] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}

.revision-who[b-jrqe3k90s6] {
  font-size: 13px;
  font-weight: 600;
  color: var(--fs-text-primary, #212529);
}

.revision-when[b-jrqe3k90s6] {
  font-size: 11px;
  color: var(--fs-btn-secondary);
  margin-left: auto;
}

.revision-type-badge[b-jrqe3k90s6] {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  padding: 2px 6px;
  border-radius: 8px;
}

.adjusted-badge[b-jrqe3k90s6] {
  background: var(--fs-warning-bg, #fff3e0);
  color: #e65100;
  border: 1px solid var(--fs-warning-accent, #ffcc80);
}

.reconciled-badge[b-jrqe3k90s6] {
  background: var(--fs-success-bg, #e8f5e9);
  color: var(--fs-green-muted);
  border: 1px solid var(--fs-success-border, #a5d6a7);
}

/* Field change rows */
.revision-changes[b-jrqe3k90s6] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 8px;
  background: var(--fs-surface-warm);
  border-radius: 6px;
  padding: 8px 10px;
  border: 1px solid var(--fs-border-muted);
}

.revision-change-row[b-jrqe3k90s6] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
}

.change-field[b-jrqe3k90s6] {
  flex: 0 0 64px;
  font-weight: 600;
  color: var(--fs-text-dark);
}

.change-old[b-jrqe3k90s6] {
  color: var(--fs-error-accent, #c62828);
  text-decoration: line-through;
  font-size: 12px;
}

.change-arrow[b-jrqe3k90s6] {
  color: var(--fs-text-400, #9e9e9e);
  font-size: 12px;
}

.change-new[b-jrqe3k90s6] {
  color: var(--fs-green-muted);
  font-weight: 600;
  font-size: 12px;
}

.revision-no-changes[b-jrqe3k90s6] {
  font-size: 12px;
  color: var(--fs-text-400, #9e9e9e);
  font-style: italic;
  margin-bottom: 6px;
}

/* Note */
.revision-note[b-jrqe3k90s6] {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  font-size: 12px;
  color: var(--fs-text-dark);
  font-style: italic;
}

.revision-note .oi[b-jrqe3k90s6] {
  font-size: 11px;
  color: var(--fs-text-400, #9e9e9e);
  margin-top: 1px;
  flex-shrink: 0;
}
/* /Transactions/TransactionEditModal.razor.rz.scp.css */
.modal-backdrop[b-3dgvf32lap] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--fs-overlay-backdrop);
  z-index: 1000;
}

.transaction-edit-modal[b-3dgvf32lap] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--fs-card-bg);
  border-radius: 12px;
  box-shadow: var(--fs-shadow-2);
  z-index: 1001;
  width: 640px;
  max-width: 95vw;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.modal-header[b-3dgvf32lap] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  color: var(--fs-text-white);
}

.modal-header.header-sentry[b-3dgvf32lap] {
  background: linear-gradient(135deg, var(--fs-green-muted), var(--fs-green-dark));
}

.modal-header.header-wex[b-3dgvf32lap] {
  background: linear-gradient(135deg, #7b1fa2, #6a1b9a);
}

.modal-header.header-manual[b-3dgvf32lap] {
  background: linear-gradient(135deg, var(--fs-blue-accent), var(--fs-blue-hover));
}

.modal-header.header-default[b-3dgvf32lap] {
  background: linear-gradient(135deg, #616161, #424242);
}

.modal-header h5[b-3dgvf32lap] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 10px;
}

.modal-body[b-3dgvf32lap] {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.edit-scroll[b-3dgvf32lap] {
  overflow-y: auto;
  padding: 20px;
  flex: 1;
}

/* Info Banner */
.info-banner[b-3dgvf32lap] {
  display: flex;
  gap: 24px;
  padding: 12px 16px;
  background: var(--fs-surface-warm);
  border-radius: 8px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.info-item[b-3dgvf32lap] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.info-label[b-3dgvf32lap] {
  font-size: 11px;
  color: var(--fs-btn-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.info-value[b-3dgvf32lap] {
  font-size: 14px;
  font-weight: 500;
  color: var(--fs-text-primary, #212529);
}

.info-value.mono[b-3dgvf32lap] {
  font-family: var(--fs-mono);
}

/* Source badges */
.source-badge[b-3dgvf32lap] {
  display: inline-flex;
  padding: 3px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}

.source-badge.source-sentry[b-3dgvf32lap] {
  background: var(--fs-success-bg, #e8f5e9);
  color: var(--fs-success-text);
}

.source-badge.source-wex[b-3dgvf32lap] {
  background: var(--fs-surface-200, #f3e5f5);
  color: #a78bfa;
}

.source-badge.source-manual[b-3dgvf32lap] {
  background: var(--fs-blue-light);
  color: var(--fs-blue-accent);
}

.source-badge.source-samsara[b-3dgvf32lap] {
  background: var(--fs-samsara-light, #e0eaff);
  color: var(--fs-samsara-accent, #0047ab);
}

/* Edit Grid */
.edit-grid[b-3dgvf32lap] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.edit-row[b-3dgvf32lap] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  padding: 12px 0;
  border-bottom: 1px solid var(--fs-border-muted);
}

.edit-row:last-child[b-3dgvf32lap] {
  border-bottom: none;
}

.edit-row.note-row[b-3dgvf32lap] {
  grid-template-columns: 1fr;
  gap: 12px;
}

.edit-row.note-row .current-value[b-3dgvf32lap],
.edit-row.note-row .new-value[b-3dgvf32lap] {
  width: 100%;
}

.current-value[b-3dgvf32lap] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.field-label[b-3dgvf32lap] {
  font-size: 12px;
  color: var(--fs-btn-secondary);
  font-weight: 500;
}

.field-value[b-3dgvf32lap] {
  font-size: 14px;
  color: var(--fs-text-primary, #212529);
}

.field-value.note-preview[b-3dgvf32lap] {
  font-size: 13px;
  color: var(--fs-text-dark);
  max-height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.new-value[b-3dgvf32lap] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.new-label[b-3dgvf32lap] {
  font-size: 12px;
  color: var(--fs-green-muted);
  font-weight: 500;
}

.edit-input[b-3dgvf32lap],
.edit-select[b-3dgvf32lap] {
  padding: 8px 12px;
  border: 1px solid var(--fs-border-300);
  border-radius: 6px;
  font-size: 14px;
  background: var(--fs-input-bg, #fff);
  color: var(--fs-text-primary, #212529);
  transition: border-color 0.2s, box-shadow 0.2s;
}

.edit-input:focus[b-3dgvf32lap],
.edit-select:focus[b-3dgvf32lap] {
  border-color: var(--fs-green-muted);
  box-shadow: none;
}

.edit-input:disabled[b-3dgvf32lap] {
  background: var(--fs-disabled-bg, #f5f5f5);
  color: var(--fs-text-muted, #888);
  cursor: not-allowed;
}

.clear-checkbox[b-3dgvf32lap] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 2px;
  font-size: 12px;
  color: var(--fs-text-muted, #666);
  font-weight: normal;
  cursor: pointer;
}

.clear-checkbox input[type="checkbox"][b-3dgvf32lap] {
  margin: 0;
  cursor: pointer;
}

.edit-textarea[b-3dgvf32lap] {
  padding: 10px 12px;
  border: 1px solid var(--fs-border-300);
  border-radius: 6px;
  font-size: 14px;
  min-height: 80px;
  resize: vertical;
  background: var(--fs-input-bg, #fff);
  color: var(--fs-text-primary, #212529);
  transition: border-color 0.2s, box-shadow 0.2s;
}

.edit-textarea:focus[b-3dgvf32lap] {
  border-color: var(--fs-green-muted);
  box-shadow: none;
}

.no-permission[b-3dgvf32lap] {
  font-size: 12px;
  color: var(--fs-btn-secondary);
  font-style: italic;
  padding: 8px 0;
}

/* Messages */
.error-message[b-3dgvf32lap] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background: var(--fs-error-bg, #f8d7da);
  color: var(--fs-error-accent, #721c24);
  border-radius: 6px;
  margin-top: 16px;
  font-size: 14px;
}

.success-message[b-3dgvf32lap] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background: var(--fs-success-bg, #d4edda);
  color: var(--fs-success-text, #155724);
  border-radius: 6px;
  margin-top: 16px;
  font-size: 14px;
}

/* Footer */
.modal-footer[b-3dgvf32lap] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 20px;
  background: var(--fs-surface-warm);
  border-top: 1px solid var(--fs-border-muted);
}

.btn-cancel[b-3dgvf32lap] {
  padding: 10px 20px;
  background: var(--fs-card-bg);
  color: var(--fs-text-dark);
  border: 1px solid var(--fs-border-300);
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}

.btn-cancel:hover:not(:disabled)[b-3dgvf32lap] {
  background: var(--fs-surface-warm);
  border-color: #adb5bd;
}

.btn-save[b-3dgvf32lap] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: linear-gradient(135deg, var(--fs-green-muted), var(--fs-green-dark));
  color: var(--fs-on-accent);
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}

.btn-save:hover:not(:disabled)[b-3dgvf32lap] {
  background: linear-gradient(135deg, #388e3c, var(--fs-green-muted));
  box-shadow: none;
}

.btn-save:disabled[b-3dgvf32lap] {
  opacity: 0.5;
  cursor: not-allowed;
}

.spinner[b-3dgvf32lap] {
  width: 14px;
  height: 14px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: spin-b-3dgvf32lap 0.8s linear infinite;
}

@keyframes spin-b-3dgvf32lap {
  to { transform: rotate(360deg); }
}

/* Responsive */
@media (max-width: 600px) {
  .transaction-edit-modal[b-3dgvf32lap] {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    border-radius: 0;
  }

  .edit-row[b-3dgvf32lap] {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .info-banner[b-3dgvf32lap] {
    flex-direction: column;
    gap: 12px;
  }
}
/* /Transactions/TransactionLocationModal.razor.rz.scp.css */
.modal-backdrop[b-zm1vjfo06o] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--fs-overlay-backdrop);
  z-index: 1040;
}

.modal-container[b-zm1vjfo06o] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1050;
  width: 90%;
  max-width: 700px;
}

.modal-content[b-zm1vjfo06o] {
  background: var(--fs-card-bg);
  border-radius: 8px;
  box-shadow: var(--fs-shadow-2);
  overflow: hidden;
}

.modal-header[b-zm1vjfo06o] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 16px 20px;
  background: linear-gradient(135deg, var(--fs-green-muted) 0%, var(--fs-green-dark) 100%);
  color: var(--fs-on-accent);
}

.modal-header h5[b-zm1vjfo06o] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 10px;
}

.modal-header h5 .oi[b-zm1vjfo06o] {
  font-size: 18px;
  line-height: 1;
}

.modal-body[b-zm1vjfo06o] {
  padding: 16px 20px;
}

.location-info[b-zm1vjfo06o] {
  margin-bottom: 12px;
}

.location-meta[b-zm1vjfo06o] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}

.source-badge[b-zm1vjfo06o] {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}

.source-sentry[b-zm1vjfo06o] {
  background: var(--fs-success-bg, #dcfce7);
  color: var(--fs-success-text);
}

.source-wex[b-zm1vjfo06o] {
  background: var(--fs-surface-200, #f3e8ff);
  color: #a78bfa;
}

.source-manual[b-zm1vjfo06o] {
  background: var(--fs-warning-bg, #fef3c7);
  color: var(--fs-warning-text, #92400e);
}

.source-samsara[b-zm1vjfo06o] {
  background: var(--fs-samsara-light, #e0eaff);
  color: var(--fs-samsara-accent, #0047ab);
}

.transaction-id[b-zm1vjfo06o] {
  font-weight: 600;
  color: var(--fs-text-700);
}

.transaction-date[b-zm1vjfo06o] {
  color: var(--fs-text-500);
  font-size: 14px;
}

.merchant-info[b-zm1vjfo06o] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px 12px;
  background: var(--fs-surface-100);
  border-radius: 6px;
  font-size: 14px;
}

.merchant-name[b-zm1vjfo06o] {
  font-weight: 600;
  color: var(--fs-text-700);
}

.merchant-address[b-zm1vjfo06o],
.merchant-city-state[b-zm1vjfo06o] {
  color: var(--fs-text-500);
}

.map-container[b-zm1vjfo06o] {
  border: 1px solid var(--fs-border-subtle);
  border-radius: 6px;
  overflow: hidden;
  background: var(--fs-surface-200);
}

/* OpenStreetMap deep-link panel (replaces the server's embedded SfMaps tile map) */
.map-link-panel[b-zm1vjfo06o] {
  display: flex;
  flex-direction: column;
}

.map-pin-row[b-zm1vjfo06o] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
}

.map-pin-row + .map-pin-row[b-zm1vjfo06o] {
  border-top: 1px solid var(--fs-border-subtle);
}

.map-pin[b-zm1vjfo06o] {
  font-size: 22px;
  flex-shrink: 0;
}

.transaction-pin[b-zm1vjfo06o] {
  color: var(--fs-green-muted, #2e7d32);
}

.driver-pin[b-zm1vjfo06o] {
  color: var(--fs-blue-accent, #1565c0);
}

.map-pin-detail[b-zm1vjfo06o] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}

.map-pin-label[b-zm1vjfo06o] {
  font-size: 13px;
  font-weight: 600;
  color: var(--fs-text-700);
}

.map-coords[b-zm1vjfo06o] {
  font-family: var(--fs-mono);
  font-size: 12px;
  color: var(--fs-text-500);
}

.map-open-link[b-zm1vjfo06o] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: var(--fs-card-bg);
  border: 1px solid var(--fs-border-200);
  border-radius: 6px;
  color: var(--fs-text-700);
  font-size: 13px;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.15s;
}

.map-open-link:hover[b-zm1vjfo06o] {
  background: var(--fs-border-subtle);
}

.no-location[b-zm1vjfo06o] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 16px;
  color: var(--fs-text-400);
}

.no-location .oi[b-zm1vjfo06o] {
  font-size: 48px;
  margin-bottom: 12px;
  opacity: 0.5;
}

.no-location p[b-zm1vjfo06o] {
  margin: 0;
  font-style: italic;
}

.modal-footer[b-zm1vjfo06o] {
  display: flex;
  justify-content: flex-end;
  padding: 12px 20px;
  background: var(--fs-surface-100);
  border-top: 1px solid var(--fs-border-subtle);
}

.btn-close[b-zm1vjfo06o] {
  padding: 8px 16px;
  background: var(--fs-text-500);
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  cursor: pointer;
  transition: background 0.15s;
}

.btn-close:hover[b-zm1vjfo06o] {
  background: var(--fs-text-secondary);
}
/* /Transactions/TransactionNoteModal.razor.rz.scp.css */
.modal-backdrop[b-pdqp74jrdx] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--fs-overlay-backdrop);
  z-index: 1040;
}

.modal-container[b-pdqp74jrdx] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1050;
  width: 90%;
  max-width: 500px;
}

.modal-content[b-pdqp74jrdx] {
  background: var(--fs-card-bg);
  border-radius: 8px;
  box-shadow: var(--fs-shadow-2);
  overflow: hidden;
}

.modal-header[b-pdqp74jrdx] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 16px 20px;
  background: linear-gradient(135deg, var(--fs-text-500) 0%, var(--fs-text-secondary) 100%);
  color: white;
}

.modal-header h5[b-pdqp74jrdx] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 10px;
}

.modal-header h5 .oi[b-pdqp74jrdx] {
  font-size: 18px;
  line-height: 1;
}

.modal-body[b-pdqp74jrdx] {
  padding: 20px;
}

.note-info[b-pdqp74jrdx] {
  margin-bottom: 16px;
}

.note-meta[b-pdqp74jrdx] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.source-badge[b-pdqp74jrdx] {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}

.source-sentry[b-pdqp74jrdx] {
  background: var(--fs-success-bg, #dcfce7);
  color: var(--fs-success-text);
}

.source-wex[b-pdqp74jrdx] {
  background: var(--fs-surface-200, #f3e8ff);
  color: var(--fs-text-heading, #7c3aed);
}

.source-manual[b-pdqp74jrdx] {
  background: var(--fs-warning-bg, #fef3c7);
  color: var(--fs-warning-text, #92400e);
}

.source-samsara[b-pdqp74jrdx] {
  background: var(--fs-samsara-light, #e0eaff);
  color: var(--fs-samsara-accent, #0047ab);
}

.transaction-id[b-pdqp74jrdx] {
  font-weight: 600;
  color: var(--fs-text-700);
}

.transaction-date[b-pdqp74jrdx] {
  color: var(--fs-text-500);
  font-size: 14px;
}

.note-content[b-pdqp74jrdx] {
  background: var(--fs-surface-100);
  border: 1px solid var(--fs-border-subtle);
  border-radius: 6px;
  padding: 16px;
  min-height: 80px;
}

.note-content pre[b-pdqp74jrdx] {
  margin: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-size: 14px;
  color: var(--fs-text-700);
  line-height: 1.5;
}

.no-note[b-pdqp74jrdx] {
  margin: 0;
  color: var(--fs-text-400);
  font-style: italic;
}

.modal-footer[b-pdqp74jrdx] {
  display: flex;
  justify-content: flex-end;
  padding: 12px 20px;
  background: var(--fs-surface-100);
  border-top: 1px solid var(--fs-border-subtle);
}

.btn-close[b-pdqp74jrdx] {
  padding: 8px 16px;
  background: var(--fs-text-500);
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  cursor: pointer;
  transition: background 0.15s;
}

.btn-close:hover[b-pdqp74jrdx] {
  background: var(--fs-text-secondary);
}
/* /Transactions/TransactionsView.razor.rz.scp.css */
/* Ported from the server TransactionsGrid.razor.css. Scoped to TransactionsView,
   which now owns the grid markup; the Syncfusion-specific `::deep td.e-rowcell`
   popover-overflow rule was dropped (no Syncfusion in the Client). */

/* Source Badges */
.source-badge[b-mh6igf58i8] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 20px;
  padding: 0 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  background: var(--fs-blue-light);
  color: var(--fs-blue-dark);
}

.source-badge[b-mh6igf58i8]::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  flex-shrink: 0;
}

.source-sentry[b-mh6igf58i8] {
  background: var(--fs-soft);
  color: var(--fs-on-soft);
}

.source-sentry[b-mh6igf58i8]::before { background: var(--fs-accent); }

.source-wex[b-mh6igf58i8]::before { background: var(--fs-wex-accent); }

.source-fleetio[b-mh6igf58i8]::before { background: var(--fs-fleetio-accent); }

.source-samsara[b-mh6igf58i8]::before { background: var(--fs-samsara-accent); }

.source-manual[b-mh6igf58i8]::before { background: var(--fs-blue-accent); }

.source-override[b-mh6igf58i8] {
  background: var(--fs-warning-bg);
  color: var(--fs-warning-text);
}

.source-override[b-mh6igf58i8]::before { background: var(--fs-warning-accent); }

.source-unknown[b-mh6igf58i8] {
  background: var(--fs-surface-2);
  color: var(--fs-muted);
}

/* Risk badges for transaction scoring (high/medium visible, low hidden or neutral) */
.risk-badge[b-mh6igf58i8] {
  cursor: pointer;
}

.risk-badge.risk-low[b-mh6igf58i8] {
  background: var(--fs-surface-2);
  color: var(--fs-muted);
  border: 1px solid var(--fs-line);
}

.risk-section .risk-score[b-mh6igf58i8] {
  font-weight: 600;
  margin-right: 6px;
}

.risk-section .risk-explanation[b-mh6igf58i8] {
  font-style: italic;
  color: var(--fs-ink);
}

.risk-section .detail-row.full-width[b-mh6igf58i8] {
  grid-column: 1 / -1;
}

.risk-section .small[b-mh6igf58i8] {
  font-size: 12px;
  color: var(--fs-muted);
  line-height: 1.3;
}
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1px 6px;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-left: 4px;
  border: 1px solid transparent;[b-mh6igf58i8]
}

.risk-high[b-mh6igf58i8] {
  background: var(--fs-error-bg);
  color: var(--fs-error-text);
  border-color: transparent;
}

.risk-medium[b-mh6igf58i8] {
  background: var(--fs-warning-bg);
  color: var(--fs-warning-text);
  border-color: transparent;
}

/* Fused sentry-bypass source pill for the grid (Override rows).
   Thin green left cap (sentry origin) + orange body with "BYP" label (compact, matches prior abbreviation for this state).
   Replaces the old two-pill "Sentry" + "BYP" compound that was getting cut off
   to "Sentry By." after the Risk column was added (bypass only ever happens
   via sentries so the full Sentry label in Source is redundant here). */
.source-sentry-byp[b-mh6igf58i8] {
  display: inline-flex;
  align-items: center;
  border-radius: 10px;
  overflow: hidden;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: var(--fs-warning-text);
}

.sentry-cap[b-mh6igf58i8] {
  background: var(--fs-soft);
  width: 5px;
  flex-shrink: 0;
  align-self: stretch;
}

.byp-text[b-mh6igf58i8] {
  background: var(--fs-warning-bg);
  color: var(--fs-warning-text);
  padding: 2px 5px;
}

/* Text Truncation */
.trimmed-text[b-mh6igf58i8] {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

/* Clickable Grid Links */
.grid-link[b-mh6igf58i8] {
  color: var(--fs-blue-accent, #0066cc);
  text-decoration: none;
  cursor: pointer;
}

.grid-link:hover[b-mh6igf58i8] {
  color: var(--fs-blue-hover, #004499);
  text-decoration: underline;
}

.grid-link .trimmed-text[b-mh6igf58i8] {
  color: inherit;
}

/* Odometer Display */
.odometer-set[b-mh6igf58i8] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  padding-right: 12px;
}

.odometer-value[b-mh6igf58i8] {
  font-size: 13px;
  color: var(--fs-text-primary);
}

.odometer-increment[b-mh6igf58i8] {
  font-size: 11px;
  color: var(--fs-text-muted);
}

/* No Value Placeholder */
.no-value[b-mh6igf58i8] {
  color: var(--fs-text-400);
}

/* Details Actions */
.details-actions[b-mh6igf58i8] {
  display: flex;
  align-items: center;
  gap: 4px;
}

/* Sentry Badge Colors - Accessible Palette with distinct hues */
.transaction-id-cell[b-mh6igf58i8] {
  display: flex;
  align-items: center;
  gap: 4px;
}

.sentry-badge[b-mh6igf58i8] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1px 5px;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 600;
  color: var(--fs-text-white);
  cursor: pointer;
  white-space: nowrap;
  min-width: 24px;
  text-decoration: none;
  transition: opacity 0.15s, transform 0.15s;
}

.sentry-badge:hover[b-mh6igf58i8] {
  opacity: 0.85;
  transform: scale(1.05);
}

.transaction-number[b-mh6igf58i8] {
  font-variant-numeric: tabular-nums;
}

/* 8-color accessible palette - distinct hues with good contrast */
.sentry-color-1[b-mh6igf58i8] { background-color: var(--fs-blue-600); } /* Blue */
.sentry-color-2[b-mh6igf58i8] { background-color: #059669; } /* Emerald */
.sentry-color-3[b-mh6igf58i8] { background-color: #d97706; } /* Amber */
.sentry-color-4[b-mh6igf58i8] { background-color: #7c3aed; } /* Violet */
.sentry-color-5[b-mh6igf58i8] { background-color: #db2777; } /* Pink */
.sentry-color-6[b-mh6igf58i8] { background-color: #0891b2; } /* Cyan */
.sentry-color-7[b-mh6igf58i8] { background-color: #65a30d; } /* Lime */
.sentry-color-8[b-mh6igf58i8] { background-color: #ea580c; } /* Orange */

/* Revised indicator — shown when a transaction has revision history */
.revised-indicator[b-mh6igf58i8] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--fs-warning-bg, #fff8e1);
  border: 1px solid var(--fs-warning-accent, #f9a825);
  color: var(--fs-warning-text, #f57f17);
  font-size: 11px;
  cursor: default;
  flex-shrink: 0;
}

/* Facet panel mount (slice C-2) - breathing room above the grid. */
.txn-facet-panel[b-mh6igf58i8] {
  margin-bottom: 8px;
}
/* /Units/FleetioVehicleBatchLinkModal.razor.rz.scp.css */
/* ── Modal Shell ───────────────────────────────────────────────── */
.batch-link-modal[b-f57lagqnx3] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1050;
  width: 860px;
  max-width: calc(100vw - 32px);
  max-height: 88vh;
  background: var(--fs-card-bg);
  border-radius: 10px;
  box-shadow: var(--fs-shadow-2);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.modal-backdrop[b-f57lagqnx3] {
  position: fixed;
  inset: 0;
  background: var(--fs-overlay-backdrop);
  z-index: 1049;
}

/* ── Header ────────────────────────────────────────────────────── */
.batch-link-modal .modal-header[b-f57lagqnx3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px;
  background: linear-gradient(to bottom, var(--fs-blue-light), #d0e8fc);
  border-bottom: 1px solid #90caf9;
  flex-shrink: 0;
}

.batch-link-modal .modal-header h5[b-f57lagqnx3] {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--fs-blue-dark);
  display: flex;
  align-items: center;
  gap: 8px;
}

/* ── Body ──────────────────────────────────────────────────────── */
.batch-link-modal .modal-body[b-f57lagqnx3] {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 16px 18px;
  gap: 12px;
}

/* ── States ────────────────────────────────────────────────────── */
.loading-state[b-f57lagqnx3],
.empty-state[b-f57lagqnx3] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 32px;
  color: var(--fs-text-muted);
  justify-content: center;
  font-size: 14px;
}

.done-state[b-f57lagqnx3] {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 32px;
  justify-content: center;
  font-size: 14px;
  color: var(--fs-green-muted);
}

.done-icon[b-f57lagqnx3] {
  font-size: 26px;
  color: var(--fs-green-muted);
}

.intro-text[b-f57lagqnx3] {
  margin: 0;
  font-size: 13px;
  color: var(--fs-text-muted);
}

/* ── Toolbar ───────────────────────────────────────────────────── */
.toolbar[b-f57lagqnx3] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.accept-all-btn[b-f57lagqnx3] {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px 12px;
  border: 1px solid #a5d6a7;
  border-radius: 6px;
  background: #e8f5e9;
  color: var(--fs-green-muted);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.12s ease;
}

  .accept-all-btn:hover[b-f57lagqnx3] {
    background: #c8e6c9;
  }

.reject-all-btn[b-f57lagqnx3] {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: var(--fs-page-bg);
  color: var(--fs-text-muted);
  font-size: 12px;
  cursor: pointer;
}

  .reject-all-btn:hover[b-f57lagqnx3] {
    background: var(--fs-border-light);
  }

.accepted-count[b-f57lagqnx3] {
  margin-left: auto;
  font-size: 12px;
  color: var(--fs-text-muted);
  font-weight: 500;
}

/* ── Proposals Table ───────────────────────────────────────────── */
.proposals-table-wrap[b-f57lagqnx3] {
  flex: 1;
  overflow-y: auto;
  border: 1px solid var(--fs-border-subtle);
  border-radius: 6px;
}

.proposals-table[b-f57lagqnx3] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

  .proposals-table thead[b-f57lagqnx3] {
    position: sticky;
    top: 0;
    z-index: 1;
  }

  .proposals-table th[b-f57lagqnx3] {
    background: var(--fs-page-bg);
    padding: 8px 10px;
    text-align: left;
    font-size: 11px;
    font-weight: 700;
    color: var(--fs-text-muted);
    border-bottom: 2px solid var(--fs-border-subtle);
    white-space: nowrap;
  }

  .proposals-table td[b-f57lagqnx3] {
    padding: 8px 10px;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: middle;
  }

  .proposals-table .row-accepted[b-f57lagqnx3] {
    background: var(--fs-success-bg);
  }

  .proposals-table .row-medium[b-f57lagqnx3] {
    background: #fffde7;
  }

  .proposals-table .row-medium.row-accepted[b-f57lagqnx3] {
    background: #f9fbe7;
  }

.col-accept[b-f57lagqnx3] { width: 40px; text-align: center; }
.col-unit[b-f57lagqnx3] { width: 120px; }
.col-vehicle[b-f57lagqnx3] { width: 180px; }
.col-confidence[b-f57lagqnx3] { width: 80px; }
.col-reason[b-f57lagqnx3] { color: var(--fs-text-muted); }
.col-copy[b-f57lagqnx3] { width: 44px; text-align: center; }

.unit-number[b-f57lagqnx3] {
  font-weight: 700;
  color: var(--fs-text-900);
}

.unit-desc[b-f57lagqnx3] {
  font-size: 11px;
  color: var(--fs-text-muted);
  margin-top: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 160px;
}

.vehicle-name[b-f57lagqnx3] {
  font-weight: 600;
  color: var(--fs-blue-hover);
}

.vehicle-vin[b-f57lagqnx3] {
  font-size: 11px;
  font-family: var(--fs-mono);
  color: var(--fs-text-muted);
  margin-top: 1px;
}

/* ── Confidence badges ─────────────────────────────────────────── */
.badge-high[b-f57lagqnx3] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 700;
  background: #e8f5e9;
  color: var(--fs-green-muted);
  border: 1px solid #a5d6a7;
}

.badge-medium[b-f57lagqnx3] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 700;
  background: #fff8e1;
  color: #f57f17;
  border: 1px solid #ffe082;
}

/* ── Checkboxes ────────────────────────────────────────────────── */
.accept-check[b-f57lagqnx3] {
  width: 16px;
  height: 16px;
  cursor: pointer;
  accent-color: var(--fs-blue-accent);
}

.copy-check[b-f57lagqnx3] {
  width: 14px;
  height: 14px;
  cursor: pointer;
  accent-color: var(--fs-blue-accent);
}

  .copy-check.check-conflict[b-f57lagqnx3] {
    accent-color: #e65100;
  }

/* ── Error bar ─────────────────────────────────────────────────── */
.error-bar[b-f57lagqnx3] {
  background: #ffebee;
  border: 1px solid #ef9a9a;
  border-radius: 6px;
  color: #c62828;
  padding: 8px 12px;
  font-size: 13px;
  flex-shrink: 0;
}

/* ── Footer ────────────────────────────────────────────────────── */
.batch-link-modal .modal-footer[b-f57lagqnx3] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  padding: 12px 18px;
  border-top: 1px solid var(--fs-border-subtle);
  flex-shrink: 0;
}

.cancel-btn[b-f57lagqnx3] {
  padding: 7px 18px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: var(--fs-card-bg);
  color: var(--fs-text-on-surface);
  font-size: 14px;
  cursor: pointer;
}

  .cancel-btn:hover[b-f57lagqnx3] {
    background: var(--fs-page-bg);
  }

.apply-btn[b-f57lagqnx3] {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 7px 20px;
  border: none;
  border-radius: 6px;
  background: var(--fs-blue-accent);
  color: var(--fs-text-white);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.12s ease;
}

  .apply-btn:hover:not(:disabled)[b-f57lagqnx3] {
    background: var(--fs-blue-hover);
  }

  .apply-btn:disabled[b-f57lagqnx3] {
    opacity: 0.5;
    cursor: not-allowed;
  }

.close-done-btn[b-f57lagqnx3] {
  padding: 7px 24px;
  border: 1px solid #a5d6a7;
  border-radius: 6px;
  background: #e8f5e9;
  color: var(--fs-green-muted);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

  .close-done-btn:hover[b-f57lagqnx3] {
    background: #c8e6c9;
  }

/* ── Batch progress / next-batch ──────────────────────────────── */
.batch-progress[b-f57lagqnx3] {
  display: inline-block;
  margin-left: 8px;
  color: var(--fs-text-muted);
  font-size: 13px;
}

.next-batch-hint[b-f57lagqnx3] {
  margin: 16px 0 4px;
  padding: 10px 14px;
  border-radius: 6px;
  background: #fff8e1;
  border: 1px solid #ffe082;
  color: #5d4037;
  font-size: 14px;
}

  .next-batch-hint.all-done[b-f57lagqnx3] {
    background: #e8f5e9;
    border-color: #a5d6a7;
    color: var(--fs-green-muted);
  }

.next-batch-btn[b-f57lagqnx3] {
  padding: 7px 20px;
  border: 1px solid var(--fs-blue-hover);
  border-radius: 6px;
  background: var(--fs-blue-accent);
  color: var(--fs-text-white);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
}

  .next-batch-btn:hover[b-f57lagqnx3] {
    background: var(--fs-blue-hover);
  }

/* ── Spinners ──────────────────────────────────────────────────── */
.spinner[b-f57lagqnx3] {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 2px solid #ccc;
  border-top-color: var(--fs-blue-accent);
  border-radius: 50%;
  animation: spin-b-f57lagqnx3 0.7s linear infinite;
}

.spinner-sm[b-f57lagqnx3] {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid rgba(255,255,255,0.4);
  border-top-color: white;
  border-radius: 50%;
  animation: spin-b-f57lagqnx3 0.7s linear infinite;
}

@keyframes spin-b-f57lagqnx3 {
  to { transform: rotate(360deg); }
}
/* /Units/FleetioVehicleDetailsModal.razor.rz.scp.css */
.modal-backdrop[b-avj1ai7hel] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--fs-overlay-backdrop);
  z-index: 1000;
}

.vehicle-details-modal[b-avj1ai7hel] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--fs-card-bg);
  border-radius: 12px;
  box-shadow: var(--fs-shadow-2);
  z-index: 1001;
  width: 500px;
  max-width: 90vw;
  max-height: 85vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.modal-header[b-avj1ai7hel] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 16px 20px;
  background: linear-gradient(135deg, var(--fs-blue-accent), var(--fs-blue-hover));
  color: var(--fs-text-white);
}

.modal-header h5[b-avj1ai7hel] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: baseline;
  gap: 10px;
}

.modal-header h5 .oi[b-avj1ai7hel] {
  font-size: 18px;
  line-height: 1;
}

.modal-body[b-avj1ai7hel] {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.loading[b-avj1ai7hel],
.not-found[b-avj1ai7hel] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 40px;
  color: var(--fs-text-muted);
  font-size: 14px;
}

.spinner[b-avj1ai7hel] {
  width: 20px;
  height: 20px;
  border: 2px solid var(--fs-divider);
  border-top-color: var(--fs-blue-accent);
  border-radius: 50%;
  animation: spin-b-avj1ai7hel 0.8s linear infinite;
}

@keyframes spin-b-avj1ai7hel {
  to { transform: rotate(360deg); }
}

.details-scroll[b-avj1ai7hel] {
  overflow-y: auto;
  padding: 16px 20px;
  flex: 1;
}

.detail-section[b-avj1ai7hel] {
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--fs-border-light);
}

.detail-section:last-child[b-avj1ai7hel] {
  border-bottom: none;
  margin-bottom: 0;
}

.detail-section h6[b-avj1ai7hel] {
  margin: 0 0 12px 0;
  font-size: 13px;
  font-weight: 700;
  color: var(--fs-blue-accent);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.detail-grid[b-avj1ai7hel] {
  display: grid;
  gap: 8px;
}

.detail-row[b-avj1ai7hel] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.detail-label[b-avj1ai7hel] {
  flex: 0 0 140px;
  font-size: 13px;
  color: var(--fs-text-muted);
  font-weight: 500;
}

.detail-value[b-avj1ai7hel] {
  flex: 1;
  font-size: 13px;
  color: var(--fs-text-primary);
  word-break: break-word;
}

.detail-value.mono[b-avj1ai7hel] {
  font-family: var(--fs-mono);
  font-size: 12px;
}

.detail-value.archived[b-avj1ai7hel] {
  color: #d32f2f;
  font-weight: 600;
}

.status-badge[b-avj1ai7hel] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
  color: var(--fs-text-white);
  background-color: var(--fs-text-muted);
}

.sync-info[b-avj1ai7hel] {
  background: var(--fs-page-bg);
  border-radius: 8px;
  padding: 12px !important;
  margin-top: 8px;
}

.sync-info .detail-label[b-avj1ai7hel] {
  color: var(--fs-text-muted);
  font-size: 12px;
}

.sync-info .detail-value[b-avj1ai7hel] {
  font-size: 12px;
  color: var(--fs-text-muted);
}

/* ── Action Footer ────────────────────────────────────────────── */
.modal-actions-footer[b-avj1ai7hel] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding: 10px 16px;
  border-top: 1px solid var(--fs-border-subtle);
  background: var(--fs-surface-100);
  flex-shrink: 0;
}

.relink-btn[b-avj1ai7hel] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border: 1px solid #90caf9;
  border-radius: 6px;
  background: var(--fs-blue-light);
  color: var(--fs-blue-hover);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.12s ease;
}

  .relink-btn:hover[b-avj1ai7hel] {
    background: #bbdefb;
    border-color: #1976d2;
  }

.unlink-btn[b-avj1ai7hel] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border: 1px solid #ef9a9a;
  border-radius: 6px;
  background: #fff5f5;
  color: #c62828;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.12s ease;
}

  .unlink-btn:hover[b-avj1ai7hel] {
    background: #ffebee;
    border-color: #c62828;
  }

.confirm-unlink-btn[b-avj1ai7hel] {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 6px 14px;
  border: none;
  border-radius: 6px;
  background: #c62828;
  color: var(--fs-text-white);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

  .confirm-unlink-btn:disabled[b-avj1ai7hel] {
    opacity: 0.5;
    cursor: not-allowed;
  }

.unlink-confirm-text[b-avj1ai7hel] {
  font-size: 13px;
  color: #c62828;
  font-weight: 500;
  margin-right: 4px;
}

.cancel-sm-btn[b-avj1ai7hel] {
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: var(--fs-card-bg);
  color: var(--fs-text-muted);
  font-size: 13px;
  cursor: pointer;
}

  .cancel-sm-btn:hover[b-avj1ai7hel] {
    background: var(--fs-page-bg);
  }

.action-error-inline[b-avj1ai7hel] {
  flex: 1;
  font-size: 12px;
  color: #c62828;
}

.spinner-sm[b-avj1ai7hel] {
  display: inline-block;
  width: 13px;
  height: 13px;
  border: 2px solid rgba(255,255,255,0.4);
  border-top-color: white;
  border-radius: 50%;
  animation: spin-b-avj1ai7hel 0.7s linear infinite;
}
/* /Units/FleetioVehicleLinkModal.razor.rz.scp.css */
/* ── Modal Shell ──────────────────────────────────────────────── */
.fleetio-link-modal[b-3lqmgvmeme] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1050;
  width: 680px;
  max-width: calc(100vw - 32px);
  max-height: 85vh;
  background: var(--fs-card-bg);
  border-radius: 10px;
  box-shadow: var(--fs-shadow-2);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.modal-backdrop[b-3lqmgvmeme] {
  position: fixed;
  inset: 0;
  background: var(--fs-overlay-backdrop);
  z-index: 1049;
}

/* ── Header ───────────────────────────────────────────────────── */
.fleetio-link-modal .modal-header[b-3lqmgvmeme] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px;
  background: linear-gradient(to bottom, var(--fs-blue-light), #d0e8fc);
  border-bottom: 1px solid #90caf9;
  flex-shrink: 0;
}

.fleetio-link-modal .modal-header h5[b-3lqmgvmeme] {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--fs-blue-dark);
  display: flex;
  align-items: center;
  gap: 8px;
}

.fleetio-link-modal .unit-label[b-3lqmgvmeme] {
  font-weight: 400;
  color: var(--fs-blue-hover);
  font-size: 13px;
}

/* ── Body ─────────────────────────────────────────────────────── */
.fleetio-link-modal .modal-body[b-3lqmgvmeme] {
  flex: 1;
  overflow-y: auto;
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* ── Search ───────────────────────────────────────────────────── */
.search-area[b-3lqmgvmeme] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.search-row[b-3lqmgvmeme] {
  display: flex;
  align-items: center;
  gap: 6px;
}

.search-box[b-3lqmgvmeme] {
  flex: 1;
  padding: 7px 11px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
}

  .search-box:focus[b-3lqmgvmeme] {
    border-color: var(--fs-blue-accent);
    box-shadow: none;
  }

.clear-btn[b-3lqmgvmeme] {
  background: none;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 5px 9px;
  color: var(--fs-text-muted);
  cursor: pointer;
  font-size: 13px;
}

  .clear-btn:hover[b-3lqmgvmeme] {
    background: var(--fs-page-bg);
  }

.search-field-toggles[b-3lqmgvmeme] {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.toggle-label[b-3lqmgvmeme] {
  font-size: 12px;
  color: var(--fs-text-muted);
  font-weight: 500;
}

.field-toggle[b-3lqmgvmeme] {
  padding: 3px 10px;
  border: 1px solid #ccc;
  border-radius: 12px;
  background: var(--fs-page-bg);
  font-size: 12px;
  cursor: pointer;
  transition: all 0.12s ease;
}

  .field-toggle.active[b-3lqmgvmeme] {
    background: var(--fs-blue-accent);
    border-color: var(--fs-blue-accent);
    color: var(--fs-text-white);
  }

  .field-toggle:hover:not(.active)[b-3lqmgvmeme] {
    background: var(--fs-blue-light);
    border-color: #90caf9;
  }

.vin-hint[b-3lqmgvmeme] {
  font-size: 11px;
  color: #888;
  padding: 3px 2px;
}

  .vin-hint.warn[b-3lqmgvmeme] {
    color: #e65100;
    font-weight: 500;
  }

/* ── Vehicle List ─────────────────────────────────────────────── */
.vehicle-list-header[b-3lqmgvmeme] {
  font-size: 12px;
  color: #888;
  padding-bottom: 2px;
  border-bottom: 1px solid var(--fs-border-light);
}

.vehicle-list[b-3lqmgvmeme] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-height: 360px;
  overflow-y: auto;
}

.vehicle-row[b-3lqmgvmeme] {
  padding: 9px 12px;
  border: 1px solid var(--fs-border-subtle);
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.12s ease;
}

  .vehicle-row:hover[b-3lqmgvmeme] {
    background: var(--fs-blue-light);
    border-color: #90caf9;
  }

  .vehicle-row.best-match[b-3lqmgvmeme] {
    border-color: var(--fs-blue-accent);
    background: #e8f4fd;
  }

.vehicle-name[b-3lqmgvmeme] {
  font-weight: 600;
  font-size: 14px;
  color: #1a1a1a;
  display: flex;
  align-items: center;
  gap: 8px;
}

.best-badge[b-3lqmgvmeme] {
  font-size: 11px;
  font-weight: 600;
  color: var(--fs-blue-hover);
  background: #bbdefb;
  padding: 1px 7px;
  border-radius: 10px;
}

.vehicle-meta[b-3lqmgvmeme] {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 4px;
}

.meta-chip[b-3lqmgvmeme] {
  font-size: 11px;
  background: var(--fs-surface-200);
  border: 1px solid var(--fs-border-subtle);
  padding: 1px 7px;
  border-radius: 10px;
  color: #555;
}

.status-chip[b-3lqmgvmeme] {
  font-size: 11px;
  background: #e8f5e9;
  border: 1px solid #a5d6a7;
  padding: 1px 7px;
  border-radius: 10px;
  color: var(--fs-green-muted);
}

.empty-list[b-3lqmgvmeme] {
  text-align: center;
  padding: 24px;
  color: var(--fs-text-400);
  font-style: italic;
}

/* ── Comparison ───────────────────────────────────────────────── */
.comparison-header[b-3lqmgvmeme] {
  display: flex;
  align-items: center;
  gap: 14px;
}

.back-btn[b-3lqmgvmeme] {
  background: none;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 5px 11px;
  font-size: 13px;
  color: var(--fs-text-on-surface);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
}

  .back-btn:hover[b-3lqmgvmeme] {
    background: var(--fs-page-bg);
  }

.selected-vehicle-name[b-3lqmgvmeme] {
  font-weight: 600;
  font-size: 14px;
  color: var(--fs-blue-hover);
  display: flex;
  align-items: center;
  gap: 7px;
}

.comparison-intro[b-3lqmgvmeme] {
  font-size: 13px;
  color: #555;
  margin: 0;
}

.comparison-table[b-3lqmgvmeme] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

  .comparison-table th[b-3lqmgvmeme] {
    background: var(--fs-page-bg);
    padding: 7px 10px;
    text-align: left;
    font-size: 12px;
    font-weight: 600;
    color: #555;
    border-bottom: 2px solid var(--fs-border-subtle);
  }

  .comparison-table td[b-3lqmgvmeme] {
    padding: 8px 10px;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: middle;
  }

  .comparison-table .prop-name[b-3lqmgvmeme] {
    font-weight: 600;
    color: var(--fs-text-primary);
    width: 120px;
  }

  .comparison-table .our-value[b-3lqmgvmeme] {
    color: var(--fs-text-on-surface);
  }

  .comparison-table .fleetio-value[b-3lqmgvmeme] {
    color: var(--fs-blue-hover);
    font-weight: 500;
  }

  .comparison-table .copy-col[b-3lqmgvmeme] {
    text-align: center;
    width: 60px;
  }

  .comparison-table .row-conflict[b-3lqmgvmeme] {
    background: #fff8e1;
  }

.conflict-text[b-3lqmgvmeme] {
  color: #e65100;
}

.empty-val[b-3lqmgvmeme] {
  color: #bbb;
  font-style: italic;
}

.copy-check[b-3lqmgvmeme] {
  width: 16px;
  height: 16px;
  cursor: pointer;
  accent-color: var(--fs-blue-accent);
}

/* ── Footer ───────────────────────────────────────────────────── */
.fleetio-link-modal .modal-footer[b-3lqmgvmeme] {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 12px 18px;
  border-top: 1px solid var(--fs-border-subtle);
  flex-shrink: 0;
}

.cancel-btn[b-3lqmgvmeme] {
  padding: 7px 18px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: var(--fs-card-bg);
  color: var(--fs-text-on-surface);
  font-size: 14px;
  cursor: pointer;
}

  .cancel-btn:hover[b-3lqmgvmeme] {
    background: var(--fs-page-bg);
  }

.link-btn[b-3lqmgvmeme] {
  padding: 7px 20px;
  border: none;
  border-radius: 6px;
  background: var(--fs-blue-accent);
  color: var(--fs-text-white);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 7px;
  transition: background 0.12s ease;
}

  .link-btn:hover:not(:disabled)[b-3lqmgvmeme] {
    background: var(--fs-blue-hover);
  }

  .link-btn:disabled[b-3lqmgvmeme] {
    opacity: 0.5;
    cursor: not-allowed;
  }

/* ── Loading ──────────────────────────────────────────────────── */
.loading-state[b-3lqmgvmeme] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 24px;
  color: var(--fs-text-muted);
  justify-content: center;
}

.error-bar[b-3lqmgvmeme] {
  background: #ffebee;
  border: 1px solid #ef9a9a;
  border-radius: 6px;
  color: #c62828;
  padding: 8px 12px;
  font-size: 13px;
}

/* ── Spinner ──────────────────────────────────────────────────── */
.spinner[b-3lqmgvmeme] {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 2px solid #ccc;
  border-top-color: var(--fs-blue-accent);
  border-radius: 50%;
  animation: spin-b-3lqmgvmeme 0.7s linear infinite;
}

.spinner-sm[b-3lqmgvmeme] {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid rgba(255,255,255,0.4);
  border-top-color: white;
  border-radius: 50%;
  animation: spin-b-3lqmgvmeme 0.7s linear infinite;
}

@keyframes spin-b-3lqmgvmeme {
  to { transform: rotate(360deg); }
}
/* /Units/UnitEditModal.razor.rz.scp.css */
/* WASM Unit edit modal. Base modal chrome carried over from the client
   JobEditModal.razor.css (overlay/container/header/footer/buttons/toggle); the
   form-input, fuel-chip and form-hint styles are ported from the server
   UnitEditModal.razor.css (Syncfusion ::deep overrides dropped — the Client
   carries no Syncfusion). */

/* Modal Overlay */
.modal-overlay[b-929190ycjq] {
  position: fixed;
  inset: 0;
  background: var(--fs-overlay-backdrop);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  animation: fadeIn-b-929190ycjq 0.15s ease-out;
}

@keyframes fadeIn-b-929190ycjq {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Modal Container */
.unit-edit-modal[b-929190ycjq] {
  background: var(--fs-card-bg);
  border-radius: 12px;
  box-shadow: var(--fs-shadow-2);
  width: 95%;
  max-width: 550px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  animation: slideIn-b-929190ycjq 0.2s ease-out;
}

@keyframes slideIn-b-929190ycjq {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Modal Header */
.modal-header[b-929190ycjq] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid var(--fs-border-subtle);
  background: var(--fs-surface-100);
}

.modal-header h2[b-929190ycjq] {
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  color: var(--fs-text-900);
}

/* Modal Body */
.modal-body[b-929190ycjq] {
  padding: 20px;
  overflow-y: auto;
  flex: 1;
}

/* Form Elements */
.form-group[b-929190ycjq] {
  margin-bottom: 16px;
}

.form-group.half[b-929190ycjq] {
  flex: 1;
  min-width: 0;
}

.form-row[b-929190ycjq] {
  display: flex;
  gap: 16px;
}

.form-group label[b-929190ycjq] {
  display: block;
  margin-bottom: 6px;
  font-weight: 500;
  color: var(--fs-text-700);
  font-size: 14px;
}

.form-group input[b-929190ycjq],
.form-group select[b-929190ycjq] {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--fs-border-200);
  border-radius: 6px;
  font-size: 14px;
  box-sizing: border-box;
  background: var(--fs-card-bg);
  color: var(--fs-text-primary);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.form-group input:focus[b-929190ycjq],
.form-group select:focus[b-929190ycjq] {
  border-color: var(--fs-green-muted);
  box-shadow: none;
}

.form-group input[type="number"][b-929190ycjq] {
  -moz-appearance: textfield;
}

.form-group input[type="number"][b-929190ycjq]::-webkit-outer-spin-button,
.form-group input[type="number"][b-929190ycjq]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.form-hint[b-929190ycjq] {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  color: var(--fs-text-500);
}

.qr-history-table[b-929190ycjq] {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  margin-top: 4px;
}

.qr-history-table th[b-929190ycjq],
.qr-history-table td[b-929190ycjq] {
  text-align: left;
  padding: 4px 6px;
  border-bottom: 1px solid var(--fs-border-subtle);
  color: var(--fs-text-700);
}

.qr-history-table th[b-929190ycjq] {
  font-weight: 600;
  color: var(--fs-text-500);
}

.form-hint.warning[b-929190ycjq] {
  color: #d97706;
}

.form-hint.error[b-929190ycjq] {
  color: var(--fs-error-accent);
  font-weight: 500;
}

.required[b-929190ycjq] {
  color: var(--fs-error-accent);
}

/* Form Sections */
.form-section[b-929190ycjq] {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid var(--fs-border-subtle);
}

.form-section.first[b-929190ycjq] {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

.form-section h3[b-929190ycjq] {
  margin: 0 0 4px;
  font-size: 16px;
  color: var(--fs-text-700);
  font-weight: 600;
}

.section-hint[b-929190ycjq] {
  display: block;
  font-size: 13px;
  color: var(--fs-text-500);
  margin-bottom: 16px;
}

/* Toggle Rows */
.toggle-row[b-929190ycjq] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid var(--fs-surface-200);
}

.toggle-row:last-of-type[b-929190ycjq] {
  border-bottom: none;
}

.toggle-label[b-929190ycjq] {
  font-size: 14px;
  color: var(--fs-text-700);
}

.toggle-control[b-929190ycjq] {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

.toggle-option[b-929190ycjq] {
  font-size: 12px;
  color: var(--fs-text-400);
  transition: color 0.15s ease;
}

.toggle-option.active[b-929190ycjq] {
  color: var(--fs-green-muted);
  font-weight: 500;
}

.wasm-switch[b-929190ycjq] {
  width: 16px;
  height: 16px;
  cursor: pointer;
  accent-color: var(--fs-green-muted);
}

/* Fuel Selector */
.fuel-selector[b-929190ycjq] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px;
  background: var(--fs-surface-100);
  border: 1px solid var(--fs-border-subtle);
  border-radius: 8px;
}

.fuel-chip[b-929190ycjq] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 20px;
  background: var(--fs-card-bg);
  border: 1px solid var(--fs-border-200);
  cursor: pointer;
  font-size: 13px;
  color: var(--fs-text-700);
  transition: all 0.15s ease;
  user-select: none;
}

.fuel-chip:hover[b-929190ycjq] {
  border-color: var(--fs-text-400);
  background: var(--fs-surface-200);
}

.fuel-chip.selected[b-929190ycjq] {
  background: var(--fs-green-muted);
  border-color: var(--fs-green-dark);
  color: var(--fs-on-accent);
}

.fuel-chip.selected:hover[b-929190ycjq] {
  background: var(--fs-green-dark);
}

.fuel-chip input[type="checkbox"][b-929190ycjq] {
  width: 14px;
  height: 14px;
  margin: 0;
  cursor: pointer;
  accent-color: var(--fs-green-muted);
}

.fuel-chip.selected input[type="checkbox"][b-929190ycjq] {
  accent-color: white;
}

/* Footer */
.modal-footer[b-929190ycjq] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 20px;
  border-top: 1px solid var(--fs-border-subtle);
  background: var(--fs-surface-100);
  border-radius: 0 0 12px 12px;
}

/* Saving Spinner */
.saving-spinner[b-929190ycjq] {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: spin-b-929190ycjq 0.8s linear infinite;
}

@keyframes spin-b-929190ycjq {
  to { transform: rotate(360deg); }
}

/* FS-DYED-ONLY-1 save-time prompt */
.dyed-prompt[b-929190ycjq] {
  margin: 0 1rem 0.75rem;
  padding: 0.75rem 1rem;
  border: 1px solid #d97706;
  border-radius: 6px;
  background: #fffbeb;
}
.dyed-prompt h4[b-929190ycjq] { margin: 0 0 0.25rem; font-size: 16px; }
.dyed-prompt-choice[b-929190ycjq] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; margin: 0.5rem 0; }
/* /Units/UnitImportModal.razor.rz.scp.css */
.ui-overlay[b-b1nuhthj4j] {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.ui-dialog[b-b1nuhthj4j] {
  background: #fff;
  width: min(1100px, 96vw);
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  box-shadow: var(--fs-shadow-2);
  overflow: hidden;
}

.ui-head[b-b1nuhthj4j] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid #e2e8f0;
}

.ui-head h2[b-b1nuhthj4j] {
  margin: 0;
  font-size: 18px;
  color: #14532d;
}

.ui-close[b-b1nuhthj4j] {
  border: none;
  background: none;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
  color: #64748b;
}

.ui-body[b-b1nuhthj4j] {
  padding: 1.25rem;
  overflow: auto;
}

.ui-foot[b-b1nuhthj4j] {
  display: flex;
  gap: 0.6rem;
  padding: 0.9rem 1.25rem;
  border-top: 1px solid #e2e8f0;
  justify-content: flex-end;
}

.ui-error[b-b1nuhthj4j] {
  background: #fef2f2;
  border: 1px solid #fecaca;
  color: #991b1b;
  padding: 0.6rem 0.8rem;
  border-radius: 8px;
  margin-bottom: 0.9rem;
}

.ui-help[b-b1nuhthj4j] { color: #475569; }
.ui-busy[b-b1nuhthj4j] { margin-top: 0.75rem; color: #475569; }

.ui-summary[b-b1nuhthj4j] { margin-bottom: 0.75rem; color: #1e293b; }
.ui-warn[b-b1nuhthj4j] { color: #b45309; font-weight: 600; }

.ui-use-actions[b-b1nuhthj4j] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}

.ui-use-reason[b-b1nuhthj4j] {
  display: block;
  margin-top: 0.15rem;
  max-width: 220px;
  color: #64748b;
  font-size: 12px;
}

.ui-default[b-b1nuhthj4j] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.85rem;
}

.ui-default label[b-b1nuhthj4j] { font-weight: 600; color: #334155; }
.ui-default select[b-b1nuhthj4j] { padding: 0.3rem 0.4rem; }

.ui-table-wrap[b-b1nuhthj4j] {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  overflow: auto;
  max-height: 50vh;
}

.ui-table[b-b1nuhthj4j] {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.ui-table th[b-b1nuhthj4j],
.ui-table td[b-b1nuhthj4j] {
  padding: 0.4rem 0.6rem;
  border-bottom: 1px solid #eef2f6;
  text-align: left;
  vertical-align: middle;
}

.ui-table thead th[b-b1nuhthj4j] {
  position: sticky;
  top: 0;
  background: #f4f4f4;
  color: #1e293b;
}

.ui-table select[b-b1nuhthj4j] { padding: 0.2rem; max-width: 180px; }

.ui-row-bad[b-b1nuhthj4j] { background: #fff7ed; }
.ui-row-bad td[b-b1nuhthj4j] { color: #9a3412; }

.ui-unmatched[b-b1nuhthj4j] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
  background: #fff7ed;
  border: 1px solid #fdba74;
  color: #9a3412;
  padding: 0.6rem 0.8rem;
  border-radius: 8px;
  margin-bottom: 0.85rem;
}

.ui-acct-warn[b-b1nuhthj4j] {
  color: #b45309;
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 0.2rem;
}

.ui-acct-ok[b-b1nuhthj4j] {
  color: #334155;
  font-size: 13px;
  margin-bottom: 0.2rem;
}

.ui-overlay-nested[b-b1nuhthj4j] { z-index: 1100; }

.ui-dialog-resolve[b-b1nuhthj4j] {
  width: min(640px, 94vw);
}

.ui-resolve-row[b-b1nuhthj4j] {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 0.75rem 0.9rem;
  margin-bottom: 0.75rem;
}

.ui-resolve-title[b-b1nuhthj4j] {
  display: flex;
  align-items: baseline;
  gap: 0.6rem;
  margin-bottom: 0.5rem;
}

.ui-resolve-count[b-b1nuhthj4j] { color: #64748b; font-size: 13px; }

.ui-resolve-modes[b-b1nuhthj4j] {
  display: flex;
  gap: 1rem;
  margin-bottom: 0.55rem;
}

.ui-resolve-create[b-b1nuhthj4j] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.ui-resolve-create input[b-b1nuhthj4j] {
  padding: 0.3rem 0.4rem;
}
/* /Units/UnitPropertiesPanel.razor.rz.scp.css */
/* UnitPropertiesPanel (P-2) — collapsible advanced-properties panel for the
   selected unit, mounted in WasmUnits' lower slot. */

.properties-toggle-container[b-gssykic9e9] {
  display: flex;
  margin: 6px 0;
}

.properties-toggle-btn[b-gssykic9e9] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: var(--fs-surface-100);
  border: 1px solid var(--fs-border-subtle);
  border-radius: 8px;
  color: var(--fs-text-700);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.15s;
}

.properties-toggle-btn:hover[b-gssykic9e9] {
  background: var(--fs-border-subtle);
}

.properties-toggle-btn.expanded[b-gssykic9e9] {
  background: var(--fs-border-subtle);
}

.unitPropertiesRow[b-gssykic9e9] {
  width: 100%;
  margin-bottom: 12px;
}

.unitPropertiesFrame[b-gssykic9e9] {
  background: var(--fs-card-bg);
  border: 1px solid var(--fs-border-subtle);
  border-radius: 10px;
  padding: 16px 20px;
}

.unitsPropertiesPane[b-gssykic9e9] {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.form-section[b-gssykic9e9] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.section-title[b-gssykic9e9] {
  margin: 0 0 4px 0;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--fs-text-muted);
}

.prop-field[b-gssykic9e9] {
  display: flex;
  align-items: center;
  gap: 12px;
}

.prop-field label[b-gssykic9e9] {
  flex: 0 0 170px;
  font-size: 13px;
  color: var(--fs-text-600);
}

.prop-input[b-gssykic9e9] {
  flex: 1;
  max-width: 360px;
  padding: 7px 10px;
  border: 1px solid var(--fs-border-300);
  border-radius: 6px;
  font-size: 14px;
  background: var(--fs-input-bg, #fff);
  color: var(--fs-text-primary, #212529);
}

.prop-input:focus[b-gssykic9e9] {
  border-color: var(--fs-green-muted);
  box-shadow: none;
}

.prop-check[b-gssykic9e9] {
  display: flex;
  align-items: center;
}

.prop-check label[b-gssykic9e9] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--fs-text-700);
  cursor: pointer;
}

/* Images */
.prop-images[b-gssykic9e9] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 16px;
}

.prop-image-slot[b-gssykic9e9] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px;
  border: 1px solid var(--fs-border-subtle);
  border-radius: 8px;
  background: var(--fs-surface-100);
}

.prop-image-label[b-gssykic9e9] {
  font-size: 12px;
  font-weight: 600;
  color: var(--fs-text-600);
}

.prop-image-thumb[b-gssykic9e9] {
  max-width: 100%;
  max-height: 140px;
  object-fit: contain;
  border-radius: 6px;
  background: var(--fs-surface-200);
}

.prop-image-remove[b-gssykic9e9] {
  align-self: flex-start;
  padding: 4px 10px;
  background: var(--fs-surface-200);
  border: 1px solid var(--fs-border-200);
  border-radius: 6px;
  font-size: 12px;
  color: var(--fs-text-700);
  cursor: pointer;
}

.prop-image-remove:hover[b-gssykic9e9] {
  background: var(--fs-border-subtle);
}

.prop-image-error[b-gssykic9e9] {
  color: var(--fs-error-accent, #c62828);
  font-size: 13px;
  margin-bottom: 6px;
}

/* Messages */
.prop-message[b-gssykic9e9] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 6px;
  font-size: 14px;
}

.prop-error[b-gssykic9e9] {
  background: var(--fs-error-bg, #f8d7da);
  color: var(--fs-error-accent, #721c24);
}

.prop-success[b-gssykic9e9] {
  background: var(--fs-success-bg, #d4edda);
  color: var(--fs-success-text, #155724);
}

/* Footer / save */
.prop-footer[b-gssykic9e9] {
  display: flex;
  justify-content: flex-end;
}

.prop-save-btn[b-gssykic9e9] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 18px;
  background: linear-gradient(135deg, var(--fs-green-muted), var(--fs-green-dark));
  color: var(--fs-on-accent);
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}

.prop-save-btn:hover:not(:disabled)[b-gssykic9e9] {
  box-shadow: none;
}

.prop-save-btn:disabled[b-gssykic9e9] {
  opacity: 0.5;
  cursor: not-allowed;
}

.prop-empty[b-gssykic9e9] {
  color: var(--fs-text-400);
  font-style: italic;
  padding: 12px 0;
}

/* Spinner */
.loading-spinner[b-gssykic9e9] {
  width: 28px;
  height: 28px;
  border: 3px solid var(--fs-border-muted);
  border-top-color: var(--fs-green-muted);
  border-radius: 50%;
  animation: spin-b-gssykic9e9 0.8s linear infinite;
}

.loading-spinner.small[b-gssykic9e9] {
  width: 14px;
  height: 14px;
  border-width: 2px;
  border-top-color: #fff;
}

.spinnerHolder[b-gssykic9e9] {
  display: flex;
  justify-content: center;
  padding: 24px;
}

@keyframes spin-b-gssykic9e9 {
  to { transform: rotate(360deg); }
}
/* /Units/WexVehicleDetailsModal.razor.rz.scp.css */
.modal-backdrop[b-8ao9kl5o68] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--fs-overlay-backdrop);
  z-index: 1000;
}

.vehicle-details-modal[b-8ao9kl5o68] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--fs-card-bg);
  border-radius: 12px;
  box-shadow: var(--fs-shadow-2);
  z-index: 1001;
  width: 500px;
  max-width: 90vw;
  max-height: 85vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.modal-header[b-8ao9kl5o68] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  background: linear-gradient(135deg, #7b1fa2, #6a1b9a);
  color: white;
}

.modal-header h5[b-8ao9kl5o68] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 10px;
}

.modal-header h5 .oi[b-8ao9kl5o68] {
  font-size: 18px;
  line-height: 1;
}

.modal-body[b-8ao9kl5o68] {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.loading[b-8ao9kl5o68],
.not-found[b-8ao9kl5o68] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 40px;
  color: var(--fs-text-muted);
  font-size: 14px;
}

.spinner[b-8ao9kl5o68] {
  width: 20px;
  height: 20px;
  border: 2px solid var(--fs-divider);
  border-top-color: #7b1fa2;
  border-radius: 50%;
  animation: spin-b-8ao9kl5o68 0.8s linear infinite;
}

@keyframes spin-b-8ao9kl5o68 {
  to { transform: rotate(360deg); }
}

.details-scroll[b-8ao9kl5o68] {
  overflow-y: auto;
  padding: 16px 20px;
  flex: 1;
}

.detail-section[b-8ao9kl5o68] {
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--fs-border-light);
}

.detail-section:last-child[b-8ao9kl5o68] {
  border-bottom: none;
  margin-bottom: 0;
}

.detail-section h6[b-8ao9kl5o68] {
  margin: 0 0 12px 0;
  font-size: 13px;
  font-weight: 700;
  color: #7b1fa2;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.detail-grid[b-8ao9kl5o68] {
  display: grid;
  gap: 8px;
}

.detail-row[b-8ao9kl5o68] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.detail-label[b-8ao9kl5o68] {
  flex: 0 0 140px;
  font-size: 13px;
  color: var(--fs-text-muted);
  font-weight: 500;
}

.detail-value[b-8ao9kl5o68] {
  flex: 1;
  font-size: 13px;
  color: var(--fs-text-primary);
  word-break: break-word;
}

.detail-value.mono[b-8ao9kl5o68] {
  font-family: var(--fs-mono);
  font-size: 12px;
}

.status-badge[b-8ao9kl5o68] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
  color: white;
}

.status-active[b-8ao9kl5o68] {
  background-color: var(--fs-green-bright);
}

.status-inactive[b-8ao9kl5o68] {
  background-color: #9e9e9e;
}

.status-suspended[b-8ao9kl5o68] {
  background-color: #ff9800;
}

.status-default[b-8ao9kl5o68] {
  background-color: #666;
}

.sync-info[b-8ao9kl5o68] {
  background: var(--fs-page-bg);
  border-radius: 8px;
  padding: 12px !important;
  margin-top: 8px;
}

.sync-info .detail-label[b-8ao9kl5o68] {
  color: #888;
  font-size: 12px;
}

.sync-info .detail-value[b-8ao9kl5o68] {
  font-size: 12px;
  color: var(--fs-text-muted);
}
/* /UserFields/UserFieldEditModal.razor.rz.scp.css */
/* Modal Overlay */
.modal-overlay[b-mizsuiedvr] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--fs-overlay-backdrop);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  animation: fadeIn-b-mizsuiedvr 0.15s ease-out;
}

@keyframes fadeIn-b-mizsuiedvr {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Modal Container */
.modal-container[b-mizsuiedvr] {
  background: var(--fs-card-bg);
  border-radius: 12px;
  box-shadow: var(--fs-shadow-2);
  width: 100%;
  max-width: 450px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  animation: slideIn-b-mizsuiedvr 0.2s ease-out;
}

@keyframes slideIn-b-mizsuiedvr {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Modal Header */
.modal-header[b-mizsuiedvr] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid var(--fs-border-subtle);
}

.modal-header h2[b-mizsuiedvr] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--fs-text-800);
}

/* Modal Body */
.modal-body[b-mizsuiedvr] {
  padding: 20px;
  overflow-y: auto;
  flex: 1;
}

/* Form Section */
.form-section[b-mizsuiedvr] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.form-row[b-mizsuiedvr] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.form-row label[b-mizsuiedvr] {
  font-size: 13px;
  font-weight: 500;
  color: var(--fs-text-700);
}

.form-row label .required[b-mizsuiedvr] {
  color: var(--fs-error-accent);
}

.form-row input[type="text"][b-mizsuiedvr] {
  padding: 10px 12px;
  border: 1px solid var(--fs-border-200);
  border-radius: 6px;
  font-size: 14px;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.form-row input[type="text"]:focus[b-mizsuiedvr] {
  border-color: var(--fs-green-muted);
  box-shadow: none;
}

.form-row input[type="text"]:disabled[b-mizsuiedvr] {
  background-color: var(--fs-surface-200);
  color: var(--fs-text-400);
  cursor: not-allowed;
}

.field-number[b-mizsuiedvr] {
  padding: 10px 12px;
  background-color: var(--fs-surface-100);
  border: 1px solid var(--fs-border-subtle);
  border-radius: 6px;
  font-size: 14px;
  color: var(--fs-text-500);
}

/* Locked Notice */
.locked-notice[b-mizsuiedvr] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px;
  background-color: #fef3c7;
  border: 1px solid var(--fs-warning-accent);
  border-radius: 6px;
  font-size: 13px;
  color: #92400e;
}

.locked-notice .oi[b-mizsuiedvr] {
  font-size: 16px;
}

/* Modal Footer */
.modal-footer[b-mizsuiedvr] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 20px;
  border-top: 1px solid var(--fs-border-subtle);
  background-color: var(--fs-surface-100);
  border-radius: 0 0 12px 12px;
}

.validation-message[b-mizsuiedvr] {
  margin-right: auto;
  font-size: 12px;
  color: var(--fs-error-accent);
}

/* Spinner */
.spinner[b-mizsuiedvr] {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: spin-b-mizsuiedvr 0.8s linear infinite;
}

@keyframes spin-b-mizsuiedvr {
  to { transform: rotate(360deg); }
}
/* /Users/UserEditModal.razor.rz.scp.css */
/* Carried over from the server Pages/Users/UserEditModal.razor.css. The image-
   crop popup styles are intentionally dropped: the WASM modal caps the portrait
   in the browser (RequestImageFileAsync) instead of the server's SkiaSharp crop
   UI. Scope-only selectors — no ::deep, no classic-layout assumptions. */

/* Modal Overlay */
.modal-overlay[b-6xu2ph4v63] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--fs-overlay-backdrop);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  animation: fadeIn-b-6xu2ph4v63 0.15s ease;
}

@keyframes fadeIn-b-6xu2ph4v63 {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Modal Container */
.user-edit-modal[b-6xu2ph4v63] {
  background: var(--fs-card-bg);
  border-radius: 12px;
  box-shadow: var(--fs-shadow-2);
  width: 90%;
  max-width: 700px;
  max-height: 85vh;
  display: flex;
  flex-direction: column;
  animation: slideIn-b-6xu2ph4v63 0.2s ease;
}

@keyframes slideIn-b-6xu2ph4v63 {
  from {
    opacity: 0;
    transform: scale(0.95) translateY(-10px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

/* Modal Header */
.modal-header[b-6xu2ph4v63] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid var(--fs-border-subtle);
}

.modal-header h2[b-6xu2ph4v63] {
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  color: var(--fs-text-800);
}

/* Modal Body */
.modal-body[b-6xu2ph4v63] {
  padding: 20px;
  overflow-y: auto;
  flex: 1;
}

/* Loading & Error States */
.loading-state[b-6xu2ph4v63],
.error-state[b-6xu2ph4v63] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 40px;
  color: var(--fs-text-500);
}

.error-state[b-6xu2ph4v63] {
  color: var(--fs-error-accent);
}

.spinning[b-6xu2ph4v63] {
  animation: spin-b-6xu2ph4v63 1s linear infinite;
}

@keyframes spin-b-6xu2ph4v63 {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Form Sections */
.form-section[b-6xu2ph4v63] {
  margin-bottom: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--fs-surface-200);
}

.form-section.first[b-6xu2ph4v63] {
  margin-top: 0;
}

.form-section:last-child[b-6xu2ph4v63] {
  border-bottom: none;
  margin-bottom: 0;
}

.form-section h3[b-6xu2ph4v63] {
  margin: 0 0 16px 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--fs-text-700);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* User Header Row with Portrait */
.user-header-row[b-6xu2ph4v63] {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}

/* Portrait Section */
.portrait-section[b-6xu2ph4v63] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.portrait-image[b-6xu2ph4v63] {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--fs-border-subtle);
  box-shadow: var(--fs-shadow-1);
}

.portrait-placeholder[b-6xu2ph4v63] {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: var(--fs-surface-200);
  border: 3px dashed var(--fs-border-200);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--fs-text-400);
}

.portrait-placeholder .oi[b-6xu2ph4v63] {
  font-size: 26px;
}

.portrait-actions[b-6xu2ph4v63] {
  display: flex;
  gap: 8px;
}

.portrait-upload-btn[b-6xu2ph4v63]{
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.15s ease;
  border: none;
}

.portrait-upload-btn[b-6xu2ph4v63] {
  background: var(--fs-green-muted);
  color: var(--fs-on-accent);
}

.portrait-upload-btn:hover[b-6xu2ph4v63] {
  background: var(--fs-green-dark);
}

.portrait-save-btn[b-6xu2ph4v63] {
  margin-top: 4px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 600;
  background: var(--fs-warning-accent);
  color: var(--fs-text-white);
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.portrait-save-btn:hover[b-6xu2ph4v63] {
  background: #d97706;
}

/* User Info Main */
.user-info-main[b-6xu2ph4v63] {
  flex: 1;
}

/* User Name Display */
.user-name-display[b-6xu2ph4v63] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  background: var(--fs-success-bg);
  border-radius: 8px;
  margin-bottom: 12px;
}

.user-name-display .oi[b-6xu2ph4v63] {
  font-size: 22px;
  color: var(--fs-green-600);
}

.user-name-display span:last-child[b-6xu2ph4v63] {
  font-size: 18px;
  font-weight: 600;
  color: var(--fs-success-text);
}

/* Info Grid */
.info-grid[b-6xu2ph4v63] {
  display: flex;
  flex-direction: column;
}

.info-row[b-6xu2ph4v63] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
}

.info-label[b-6xu2ph4v63] {
  font-size: 13px;
  color: var(--fs-text-500);
  min-width: 80px;
}

.info-value[b-6xu2ph4v63] {
  font-size: 14px;
  color: var(--fs-text-800);
}

/* Form Grid for New User */
.form-grid[b-6xu2ph4v63] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.form-row[b-6xu2ph4v63] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.form-row.small[b-6xu2ph4v63] {
  flex: 0 0 80px;
}

.form-row.inline[b-6xu2ph4v63] {
  flex-direction: row;
  align-items: center;
  gap: 12px;
}

.form-row.inline label[b-6xu2ph4v63] {
  min-width: 140px;
  margin-bottom: 0;
}

.form-row.inline input[b-6xu2ph4v63] {
  flex: 1;
}

.form-row label[b-6xu2ph4v63] {
  font-size: 13px;
  font-weight: 500;
  color: var(--fs-text-700);
}

.form-row input[b-6xu2ph4v63] {
  padding: 10px 14px;
  font-size: 14px;
  border: 1px solid var(--fs-border-200);
  border-radius: 6px;
  transition: all 0.15s ease;
}

.form-row input:focus[b-6xu2ph4v63] {
  border-color: var(--fs-green-muted);
  box-shadow: none;
}

.form-row input[b-6xu2ph4v63]::placeholder {
  color: var(--fs-text-400);
}

/* Name Row - horizontal layout for name fields */
.name-row[b-6xu2ph4v63] {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.name-row .form-row[b-6xu2ph4v63] {
  flex: 1;
  min-width: 100px;
}

.name-row .form-row.small[b-6xu2ph4v63] {
  flex: 0 0 80px;
  min-width: 80px;
}

/* Name Edit Section for existing users */
.name-edit-section[b-6xu2ph4v63] {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--fs-border-subtle);
}

.name-edit-section h4[b-6xu2ph4v63] {
  margin: 0 0 12px 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--fs-text-500);
}

.name-actions[b-6xu2ph4v63] {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}

.required[b-6xu2ph4v63] {
  color: var(--fs-error-accent);
  font-weight: bold;
}

/* Current Roles */
.current-roles[b-6xu2ph4v63] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  padding: 10px 14px;
  background: var(--fs-surface-100);
  border-radius: 6px;
}

.roles-label[b-6xu2ph4v63] {
  font-size: 13px;
  color: var(--fs-text-500);
}

.roles-value[b-6xu2ph4v63] {
  font-size: 14px;
  font-weight: 500;
  color: var(--fs-text-800);
}

/* Role Toggles */
.role-toggles[b-6xu2ph4v63] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.role-btn[b-6xu2ph4v63] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 500;
  background: var(--fs-card-bg);
  border: 1px solid var(--fs-border-200);
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.15s ease;
  color: var(--fs-text-700);
}

.role-btn:hover[b-6xu2ph4v63] {
  border-color: var(--fs-text-400);
  background: var(--fs-surface-100);
}

.role-btn.active[b-6xu2ph4v63] {
  background: #dcfce7;
  border-color: var(--fs-green-600);
  color: var(--fs-success-text);
}

.role-btn .oi[b-6xu2ph4v63] {
  font-size: 12px;
}

/* Status Grid */
.status-grid[b-6xu2ph4v63] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.status-item[b-6xu2ph4v63] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: var(--fs-surface-100);
  border-radius: 8px;
}

.status-item.full-width[b-6xu2ph4v63] {
  justify-content: flex-start;
}

.status-label[b-6xu2ph4v63] {
  font-size: 13px;
  color: var(--fs-text-500);
  min-width: 180px;
}

.status-value[b-6xu2ph4v63] {
  font-size: 14px;
  font-weight: 500;
  min-width: 60px;
}

.status-ok[b-6xu2ph4v63] { color: var(--fs-green-600); }
.status-warning[b-6xu2ph4v63] { color: var(--fs-error-accent); }
.status-neutral[b-6xu2ph4v63] { color: var(--fs-text-500); }

/* Password Section */
.password-section[b-6xu2ph4v63] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.error-message[b-6xu2ph4v63] {
  padding: 10px 14px;
  background: var(--fs-error-bg);
  border: 1px solid #fecaca;
  border-radius: 6px;
  color: var(--fs-error-accent);
  font-size: 13px;
}

.success-message[b-6xu2ph4v63] {
  padding: 10px 14px;
  background: var(--fs-success-bg);
  border: 1px solid var(--fs-success-border);
  border-radius: 6px;
  color: var(--fs-green-600);
  font-size: 13px;
}

/* Login History Table */
.login-history-table[b-6xu2ph4v63] {
  border: 1px solid var(--fs-border-subtle);
  border-radius: 8px;
  overflow: hidden;
}

.history-header[b-6xu2ph4v63] {
  display: grid;
  grid-template-columns: 120px 120px 1fr;
  gap: 12px;
  padding: 10px 14px;
  background: var(--fs-surface-200);
  font-size: 12px;
  font-weight: 600;
  color: var(--fs-text-700);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.history-row[b-6xu2ph4v63] {
  display: grid;
  grid-template-columns: 120px 120px 1fr;
  gap: 12px;
  padding: 10px 14px;
  font-size: 13px;
  border-top: 1px solid var(--fs-border-subtle);
}

.history-row.history-success[b-6xu2ph4v63] {
  background: var(--fs-success-bg);
}

.history-row.history-failed[b-6xu2ph4v63] {
  background: var(--fs-error-bg);
}

.history-row.history-lockout[b-6xu2ph4v63] {
  background: var(--fs-error-bg);
  color: var(--fs-error-accent);
  font-weight: 500;
}

.no-history[b-6xu2ph4v63] {
  padding: 24px;
  text-align: center;
  color: var(--fs-text-400);
  font-style: italic;
}

/* Modal Footer */
.modal-footer[b-6xu2ph4v63] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 20px;
  border-top: 1px solid var(--fs-border-subtle);
  background: var(--fs-surface-100);
  border-radius: 0 0 12px 12px;
}

/* Domain hints and third-party badges */
.domain-hint[b-6xu2ph4v63] {
  font-size: 12px;
  color: var(--fs-text-500);
  font-style: italic;
}

.third-party-badge[b-6xu2ph4v63] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  background: #fef3c7;
  border: 1px solid var(--fs-warning-accent);
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
  color: #92400e;
}

.third-party-badge .oi[b-6xu2ph4v63] {
  font-size: 11px;
}

/* Confirmation Overlay */
.confirmation-overlay[b-6xu2ph4v63] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.95);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  border-radius: 12px;
}

.confirmation-dialog[b-6xu2ph4v63] {
  background: var(--fs-card-bg);
  padding: 24px;
  border-radius: 12px;
  box-shadow: var(--fs-shadow-2);
  max-width: 420px;
  text-align: center;
}

.confirmation-icon[b-6xu2ph4v63] {
  width: 56px;
  height: 56px;
  background: #fef3c7;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
}

.confirmation-icon .oi[b-6xu2ph4v63] {
  font-size: 26px;
  color: var(--fs-warning-accent);
}

.confirmation-dialog h4[b-6xu2ph4v63] {
  margin: 0 0 12px 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--fs-text-800);
}

.confirmation-dialog p[b-6xu2ph4v63] {
  margin: 0 0 12px 0;
  font-size: 14px;
  color: var(--fs-text-secondary);
  line-height: 1.5;
}

.confirmation-note[b-6xu2ph4v63] {
  font-weight: 500;
  color: var(--fs-text-700) !important;
}

.confirmation-actions[b-6xu2ph4v63] {
  display: flex;
  gap: 12px;
  justify-content: center;
  margin-top: 20px;
}

/* Password input wrapper with toggle */
.password-input-wrapper[b-6xu2ph4v63] {
  position: relative;
  display: flex;
  align-items: center;
}

.password-input-wrapper input[b-6xu2ph4v63] {
  flex: 1;
  padding-right: 40px;
}

.password-toggle[b-6xu2ph4v63] {
  position: absolute;
  right: 8px;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--fs-text-500);
  padding: 4px 8px;
  border-radius: 4px;
}

.password-toggle:hover[b-6xu2ph4v63] {
  color: var(--fs-text-700);
  background: var(--fs-surface-200);
}

/* Field-level error */
.field-error[b-6xu2ph4v63] {
  display: block;
  font-size: 12px;
  color: var(--fs-error-accent);
  margin-top: 4px;
}

/* Skip password checkbox */
.skip-password-row[b-6xu2ph4v63] {
  margin-bottom: 16px;
  padding: 12px;
  background: var(--fs-surface-50);
  border-radius: 6px;
  border: 1px solid var(--fs-border-400);
}

.checkbox-label[b-6xu2ph4v63] {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-size: 14px;
  color: var(--fs-text-600);
}

.checkbox-label input[type="checkbox"][b-6xu2ph4v63] {
  width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: var(--fs-success-text);
}

/* New user portrait section */
.new-user-portrait[b-6xu2ph4v63] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  padding: 12px;
  background: var(--fs-surface-50);
  border-radius: 8px;
}

.new-user-portrait .portrait-image[b-6xu2ph4v63] {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  object-fit: cover;
}

.new-user-portrait .portrait-placeholder[b-6xu2ph4v63] {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--fs-border-400);
  display: flex;
  align-items: center;
  justify-content: center;
}

.new-user-portrait .portrait-placeholder .oi[b-6xu2ph4v63] {
  font-size: 26px;
  color: var(--fs-text-dim);
}

.new-user-portrait .portrait-upload-btn[b-6xu2ph4v63] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: #f1f5f9;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  color: var(--fs-text-600);
  font-size: 13px;
  cursor: pointer;
  transition: all 0.15s;
}

.new-user-portrait .portrait-upload-btn:hover[b-6xu2ph4v63] {
  background: var(--fs-border-400);
  border-color: var(--fs-text-dim);
}

/* Role Guide Panel */
.role-guide-toggle[b-6xu2ph4v63] {
  margin-top: 12px;
}

.role-guide-btn[b-6xu2ph4v63] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 12px;
  color: var(--fs-text-500);
  background: transparent;
  border: 1px dashed var(--fs-border-200);
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.role-guide-btn:hover[b-6xu2ph4v63] {
  color: var(--fs-text-700);
  border-color: var(--fs-text-400);
  background: var(--fs-surface-100);
}

.role-guide-panel[b-6xu2ph4v63] {
  margin-top: 12px;
  border: 1px solid var(--fs-border-subtle);
  border-radius: 8px;
  overflow: hidden;
  animation: fadeIn-b-6xu2ph4v63 0.15s ease;
}

.role-guide-grid[b-6xu2ph4v63] {
  display: grid;
  grid-template-columns: 1fr repeat(3, 80px);
}

.role-guide-header[b-6xu2ph4v63] {
  display: contents;
}

.role-guide-header > div[b-6xu2ph4v63] {
  padding: 8px 10px;
  background: var(--fs-surface-200);
  font-size: 12px;
  font-weight: 600;
  color: var(--fs-text-700);
  text-align: center;
  border-bottom: 2px solid var(--fs-border-200);
}

.role-guide-header > .rg-feature[b-6xu2ph4v63] {
  text-align: left;
}

.rg-category[b-6xu2ph4v63] {
  grid-column: 1 / -1;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--fs-text-500);
  background: var(--fs-surface-100);
  border-top: 1px solid var(--fs-border-subtle);
}

.rg-row[b-6xu2ph4v63] {
  display: contents;
}

.rg-row > div[b-6xu2ph4v63] {
  padding: 6px 10px;
  font-size: 12px;
  border-bottom: 1px solid var(--fs-surface-200);
}

.rg-row > .rg-feature[b-6xu2ph4v63] {
  color: var(--fs-text-700);
  display: flex;
  align-items: center;
  gap: 6px;
}

.rg-row > .rg-feature .oi[b-6xu2ph4v63] {
  font-size: 11px;
  color: var(--fs-text-400);
}

.rg-check[b-6xu2ph4v63] {
  text-align: center;
  color: var(--fs-green-600);
}

.rg-check .oi[b-6xu2ph4v63] {
  font-size: 12px;
}

.rg-empty[b-6xu2ph4v63] {
  text-align: center;
  color: var(--fs-border-200);
  font-size: 12px;
}

.role-guide-summary[b-6xu2ph4v63] {
  padding: 12px;
  background: var(--fs-surface-100);
  border-top: 1px solid var(--fs-border-subtle);
}

.rgs-item[b-6xu2ph4v63] {
  font-size: 12px;
  color: var(--fs-text-secondary);
  line-height: 1.4;
  padding: 4px 0;
}

.rgs-item strong[b-6xu2ph4v63] {
  color: var(--fs-text-800);
}

/* PortalUserActiveRow is a child, so this sheet's scope attribute does not
   land on it. These copies match the status row and action buttons above. */
[b-6xu2ph4v63] [data-testid="portal-user-active-row"].status-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: var(--fs-surface-100);
  border-radius: 8px;
}

[b-6xu2ph4v63] [data-testid="portal-user-active-row"] .status-label {
  font-size: 0.875rem;
  color: var(--fs-text-500);
  min-width: 180px;
}

[b-6xu2ph4v63] [data-testid="portal-user-active-row"] .status-value {
  font-size: 0.9rem;
  font-weight: 500;
  min-width: 60px;
}

[b-6xu2ph4v63] [data-testid="portal-user-active-row"] .status-ok {
  color: var(--fs-green-600);
}

[b-6xu2ph4v63] [data-testid="portal-user-active-row"] .status-neutral {
  color: var(--fs-text-500);
}

[b-6xu2ph4v63] [data-testid="portal-user-active-toggle"].action-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 0.8rem;
  font-weight: 500;
  background: var(--fs-green-muted);
  color: var(--fs-on-accent);
  border: none;
  border-radius: 6px;
  cursor: pointer;
  margin-left: auto;
}

[b-6xu2ph4v63] [data-testid="portal-user-active-toggle"].action-btn.warning {
  background: var(--fs-warning-accent);
}

[b-6xu2ph4v63] [data-testid="portal-user-active-toggle"].action-btn.secondary {
  background: var(--fs-text-500);
}

[b-6xu2ph4v63] [data-testid="portal-user-active-toggle"]:focus-visible {
  outline: 2px solid var(--fs-btn-primary);
  outline-offset: 2px;
}
/* /Waivers/WaiverAnnouncements.razor.rz.scp.css */
.wa-cards[b-amk7ffqj3q] { display: flex; flex-direction: column; gap: 0.5rem; margin: 0.75rem 0; }
.wa-card[b-amk7ffqj3q] { display: flex; gap: 1rem; align-items: center; justify-content: space-between; flex-wrap: wrap;
  border: 1px solid var(--fs-line); border-left: 3px solid var(--fs-blue-accent); background: var(--fs-blue-light); color: var(--fs-blue-dark); border-radius: 6px; padding: 0.6rem 0.9rem; font-size: 14px; }
.wa-card-ending-soon[b-amk7ffqj3q] { border-left-color: var(--fs-warning-accent); background: var(--fs-warning-bg); border-color: var(--fs-line); color: var(--fs-warning-text); }
.wa-card-ended[b-amk7ffqj3q], .wa-card-revoked[b-amk7ffqj3q], .wa-card-no-cover[b-amk7ffqj3q] { border-left-color: var(--fs-error-accent); background: var(--fs-error-bg); border-color: var(--fs-line); color: var(--fs-error-text); }
.wa-uncovered[b-amk7ffqj3q] { margin-top: 0.25rem; font-weight: 600; color: var(--fs-error-text); }
.wa-actions[b-amk7ffqj3q] { display: flex; gap: 0.5rem; }
.wa-impact[b-amk7ffqj3q] { margin-top: 0.25rem; font-weight: 600; }
.wa-actions-list[b-amk7ffqj3q] { margin: 0.15rem 0 0; padding-left: 1.25rem; font-size: 13px; }
.wa-covering[b-amk7ffqj3q] { display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap; margin: 0.75rem 0 0; padding: 0.45rem 0.9rem;
  border: 1px solid var(--fs-line); border-left: 3px solid var(--fs-success-accent); background: var(--fs-success-bg); border-radius: 6px;
  font-size: 14px; color: var(--fs-success-text); text-decoration: none; cursor: pointer; }
.wa-covering:hover[b-amk7ffqj3q] { background: var(--fs-soft); }
.wa-covering-blocked[b-amk7ffqj3q] { border-color: var(--fs-line); border-left-color: var(--fs-border-strong); background: var(--fs-surface-2); color: var(--fs-muted); }
.wa-covering-blocked:hover[b-amk7ffqj3q] { background: var(--fs-surface-2); }
.wa-covering-title[b-amk7ffqj3q] { font-weight: 600; }
.wa-covering-item[b-amk7ffqj3q] { display: inline-flex; align-items: center; height: 22px; padding: 0 8px; border-radius: 999px; background: var(--fs-surface); border: 1px solid var(--fs-border-strong); color: var(--fs-ink); font-size: 12px; font-weight: 600; }
.wa-step-14[b-amk7ffqj3q] { background: var(--fs-warning-bg); border-color: var(--fs-warning-accent); color: var(--fs-warning-text); }
.wa-step-7[b-amk7ffqj3q] { background: var(--fs-warning-bg); border-color: var(--fs-warning-accent); color: var(--fs-warning-text); }
.wa-step-1[b-amk7ffqj3q] { background: var(--fs-error-bg); border-color: var(--fs-error-accent); color: var(--fs-error-text); font-weight: 600; }

/* FS-DYED-WAIVER-7 */
.wa-flag[b-amk7ffqj3q] { width: 18px; height: 12px; vertical-align: -1px; margin-right: 0.25rem; border: 1px solid var(--fs-line); border-radius: 2px; object-fit: cover; }
.wa-card-relocation[b-amk7ffqj3q] { border-left-color: var(--fs-warning-accent); }

/* FS-DYED-WAIVER-7b: DISABLED strip — why no waiver is in effect, link to the governed change. */
.wa-disabled-strip[b-amk7ffqj3q] { display: flex; gap: 0.75rem; align-items: center; flex-wrap: wrap; margin: 0.75rem 0 0; padding: 0.45rem 0.9rem;
  border: 1px solid var(--fs-line); border-left: 3px solid var(--fs-border-strong); border-radius: 6px; background: var(--fs-surface-2); color: var(--fs-muted); font-size: 14px; }
.wa-disabled-change[b-amk7ffqj3q] { font-weight: 600; white-space: nowrap; }