/**
 * Azora Workspaces System - Comprehensive Styling
 * Uses Azora Design System variables for consistency
 * Covers: List (My Workspaces), View, Edit pages
 */

/* ============================================================================
   BASE LAYOUT
   ============================================================================ */

.azora-member-submission-view,
.azora-member-submission-edit,
.azora-submission-edit-container,
.azora-my-submissions-container {
  max-width: none;
  width: 100%;
  margin: 0;
  padding: var(--azora-spacing-xl);
  font-family: var(--azora-font-family);
}

/* ============================================================================
   CARDS & CONTAINERS
   ============================================================================ */

.azora-card {
  background: var(--azora-bg-card) !important;
  border: none !important;
  border-radius: var(--azora-radius-lg) !important;
  padding: var(--azora-spacing-lg) !important;
  margin-bottom: var(--azora-spacing-lg) !important;
  transition: all var(--azora-transition-base) !important;
}

.azora-card:hover {
  background: var(--azora-bg-card-hover) !important;
}

.azora-card-item {
  background: var(--azora-bg-card-item) !important;
  border-radius: var(--azora-radius-md) !important;
  padding: var(--azora-spacing-md) !important;
  transition: background var(--azora-transition-base) !important;
}

.azora-card-item:hover {
  background: var(--azora-bg-card-hover) !important;
}

/* Submission List Cards */
.azs-card {
  background: var(--azora-bg-card) !important;
  border-radius: var(--azora-radius-lg) !important;
  padding: var(--azora-spacing-lg) !important;
  border: none !important;
  transition: all var(--azora-transition-base) !important;
}

.azs-card:hover {
  background: var(--azora-bg-card-hover) !important;
}

.azs-card.is-trash {
  opacity: 0.7;
}

/* Draft cards (Saved / In Progress view) */
.azs-draft-card {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.azs-draft-card .azs-hd { margin: 0; }
.azs-draft-card .azs-actions { display: flex; gap: 0.5rem; align-items: center; }
.azs-draft-card.azs-draft-recovered {
  border-left: 3px solid var(--azora-accent-warning, #f59e0b);
}
.azora-btn-ghost {
  background: transparent;
  color: var(--azora-text-secondary, #8E9AAF);
  border: 1px solid var(--azora-border-slate-30);
}
.azora-btn-ghost:hover {
  background: var(--azora-surface-glass-06);
  color: var(--azora-text-primary, #fff);
}

/* ============================================================================
   HEADERS & TITLES
   ============================================================================ */

.azora-page-header {
  background: var(--azora-bg-card) !important;
  border-radius: var(--azora-radius-lg) !important;
  padding: var(--azora-spacing-lg) !important;
  margin-bottom: var(--azora-spacing-lg) !important;
}

.azora-page-header h1,
.azora-page-header h2 {
  font-size: var(--azora-font-size-2xl) !important;
  font-weight: var(--azora-font-weight-semibold) !important;
  color: var(--azora-text-primary) !important;
  margin: 0 0 var(--azora-spacing-md) 0 !important;
}

.azora-page-header p {
  color: var(--azora-text-secondary) !important;
  font-size: var(--azora-font-size-base) !important;
  margin: 0 !important;
}

.azora-top-bar-section {
  background: var(--azora-bg-card) !important;
  border: none !important;
  border-radius: var(--azora-radius-lg) !important;
  padding: var(--azora-spacing-lg) !important;
  margin-bottom: var(--azora-spacing-lg) !important;
}

.azora-top-bar-section h2 {
  font-size: var(--azora-font-size-xl) !important;
  font-weight: var(--azora-font-weight-semibold) !important;
  color: var(--azora-text-primary) !important;
  margin: 0 0 var(--azora-spacing-sm) 0 !important;
}

.azora-top-bar-section p {
  color: var(--azora-text-secondary) !important;
  margin: 0 !important;
  font-size: var(--azora-font-size-base) !important;
}

.azora-submission-header-section {
  background: var(--azora-bg-card) !important;
  border: none !important;
  border-radius: var(--azora-radius-lg) !important;
  padding: var(--azora-spacing-lg) !important;
  margin-bottom: var(--azora-spacing-lg) !important;
}

.azora-submission-header-section h3 {
  margin: 0 0 var(--azora-spacing-md) 0 !important;
  color: var(--azora-text-primary) !important;
  font-size: var(--azora-font-size-xl) !important;
  font-weight: var(--azora-font-weight-semibold) !important;
}

.azs-title {
  margin: 0 0 var(--azora-spacing-sm) 0 !important;
  font-size: var(--azora-font-size-xl) !important;
  color: var(--azora-text-primary) !important;
  font-weight: var(--azora-font-weight-semibold) !important;
}

/* ============================================================================
   BUTTONS
   ============================================================================ */

.azora-btn {
  padding: var(--azora-spacing-sm) var(--azora-spacing-md) !important;
  font-size: var(--azora-font-size-base) !important;
  font-weight: var(--azora-font-weight-medium) !important;
  background: var(--azora-bg-card-item) !important;
  color: var(--azora-text-primary) !important;
  border: none !important;
  border-radius: var(--azora-radius-md) !important;
  text-decoration: none !important;
  display: inline-block !important;
  transition: all var(--azora-transition-base) !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  font-family: var(--azora-font-family) !important;
}

.azora-btn:hover {
  background: var(--azora-bg-card-hover) !important;
}

.azora-btn-primary {
  background: var(--azora-primary) !important;
  border: none !important;
  color: var(--azora-text-primary) !important;
}

.azora-btn-primary:hover {
  background: var(--azora-primary-dark) !important;
  border: none !important;
}

.azora-btn-danger {
  background: var(--azora-danger) !important;
  border: none !important;
  color: var(--azora-text-primary) !important;
}

.azora-btn-danger:hover {
  background: var(--azora-button-danger-hover) !important;
  border: none !important;
}

.azora-btn-success {
  background: var(--azora-success) !important;
  border: none !important;
  color: var(--azora-text-primary) !important;
}

.azora-btn-success:hover {
  background: var(--azora-button-success-hover) !important;
  border: none !important;
}

.azora-btn:disabled,
.azora-btn.disabled {
  opacity: 0.5;
  cursor: not-allowed !important;
  pointer-events: none;
}

.azs-actions a, 
.azs-actions button {
  background: var(--azora-bg-card-item) !important;
  border: none !important;
  color: var(--azora-text-primary) !important;
  padding: var(--azora-spacing-sm) var(--azora-spacing-md) !important;
  border-radius: var(--azora-radius-md) !important;
  font-weight: var(--azora-font-weight-medium) !important;
  cursor: pointer !important;
  text-decoration: none !important;
  font-size: var(--azora-font-size-base) !important;
  transition: all var(--azora-transition-base) !important;
  font-family: var(--azora-font-family) !important;
}

.azs-actions a:hover, 
.azs-actions button:hover {
  background: var(--azora-bg-card-hover) !important;
}

.azs-restore {
  background: var(--azora-success) !important;
  border: none !important;
  color: var(--azora-text-primary) !important;
}

.azs-restore:hover {
  background: var(--azora-button-success-hover) !important;
  border: none !important;
}

/* ============================================================================
   TAGS & BADGES
   ============================================================================ */

.azora-tag {
  display: inline-flex !important;
  align-items: center !important;
  padding: var(--azora-spacing-xs) var(--azora-spacing-sm) !important;
  border-radius: var(--azora-radius-sm) !important;
  font-size: var(--azora-font-size-xs) !important;
  font-weight: var(--azora-font-weight-medium) !important;
  border: none !important;
  font-family: var(--azora-font-family) !important;
}

.azora-tag-primary {
  background: var(--azora-tag-primary-bg) !important;
  color: var(--azora-tag-primary-text) !important;
}

.azora-tag-success {
  background: var(--azora-tag-success-bg) !important;
  color: var(--azora-tag-success-text) !important;
}

.azora-tag-warning {
  background: var(--azora-tag-warning-bg) !important;
  color: var(--azora-tag-warning-text) !important;
}

.azora-tag-danger {
  background: var(--azora-tag-danger-bg) !important;
  color: var(--azora-tag-danger-text) !important;
}

.azs-badge {
  font-size: var(--azora-font-size-xs) !important;
  padding: var(--azora-spacing-xs) var(--azora-spacing-sm) !important;
  border-radius: var(--azora-radius-sm) !important;
  border: none !important;
  color: var(--azora-text-primary) !important;
  display: inline-flex !important;
  gap: 4px !important;
  align-items: center !important;
  font-weight: var(--azora-font-weight-medium) !important;
  font-family: var(--azora-font-family) !important;
}

.azs-badge--needs_docs {
  background: var(--azora-tag-warning-bg) !important;
  color: var(--azora-semantic-apple-orange) !important;
}

.azs-badge--pending_review {
  background: var(--azora-tag-primary-bg) !important;
  color: var(--azora-primary) !important;
}

.azs-badge--submitted {
  background: var(--azora-tag-success-bg) !important;
  color: var(--azora-success) !important;
}

.azs-badge--declined,
.azs-badge--rejected {
  background: var(--azora-tag-danger-bg) !important;
  color: var(--azora-danger) !important;
}

.azs-badge--shared {
  background: var(--azora-badge-tint-shared-bg) !important;
  color: var(--azora-badge-tint-shared-fg) !important;
}

.azs-badge--introductions {
  background: var(--azora-badge-tint-intro-bg) !important;
  color: var(--azora-badge-tint-intro-fg) !important;
}

.azs-badge--dealrooms {
  background: var(--azora-badge-tint-dealroom-bg) !important;
  color: var(--azora-badge-tint-dealroom-fg) !important;
}

.azs-badge--edits_pending {
  background: var(--azora-badge-tint-edits-bg) !important;
  color: var(--azora-badge-tint-edits-fg) !important;
}

.azs-badge--pending_delete {
  background: var(--azora-badge-tint-pending-del-bg) !important;
  color: var(--azora-badge-tint-pending-del-fg) !important;
}

.azs-badge--trash {
  background: var(--azora-surface-mute-20) !important;
  color: var(--azora-text-muted) !important;
}

.azs-chips .chip {
  font-size: var(--azora-font-size-xs) !important;
  padding: var(--azora-spacing-xs) var(--azora-spacing-sm) !important;
  border: none !important;
  border-radius: var(--azora-radius-sm) !important;
  color: var(--azora-text-secondary) !important;
  background: var(--azora-bg-card-item) !important;
  font-family: var(--azora-font-family) !important;
}

/* ============================================================================
   FORM INPUTS & SELECTS
   ============================================================================ */

.azs-filter {
  display: grid;
  gap: var(--azora-spacing-md);
  grid-template-columns: 1fr 160px 140px 200px;
  margin: 0;
}

@media (max-width: 900px) {
  .azs-filter {
    grid-template-columns: 1fr;
  }
}

.azs-input,
.azs-select {
  background: var(--azora-bg-card-item) !important;
  color: var(--azora-text-primary) !important;
  border: none !important;
  border-radius: var(--azora-radius-md) !important;
  padding: var(--azora-spacing-md) !important;
  font-size: var(--azora-font-size-base) !important;
  transition: all var(--azora-transition-base) !important;
  font-family: var(--azora-font-family) !important;
}

.azs-input:focus,
.azs-select:focus {
  outline: none !important;
  box-shadow: 0 0 0 2px var(--azora-focus-ring-brand) !important;
}

.azs-input::placeholder {
  color: var(--azora-text-muted) !important;
}

#azs-jump {
  min-width: 200px;
}

/* ============================================================================
   LISTS & GRIDS
   ============================================================================ */

.azs-list {
  display: grid;
  gap: var(--azora-spacing-md);
}

.azs-hd {
  display: flex;
  justify-content: space-between;
  gap: var(--azora-spacing-md);
  flex-wrap: wrap;
  margin-bottom: var(--azora-spacing-md);
}

.azs-title-wrap {
  flex: 1 1 220px;
}

.azs-badges {
  display: flex;
  gap: var(--azora-spacing-sm);
  flex-wrap: wrap;
  align-items: center;
}

.azs-chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--azora-spacing-sm);
  margin: var(--azora-spacing-sm) 0 0 0;
}

.azs-actions {
  display: flex;
  gap: var(--azora-spacing-sm);
  margin-top: var(--azora-spacing-md);
  flex-wrap: wrap;
}

/* ============================================================================
   DETAILS & FIELDS
   ============================================================================ */

.azs-details {
  margin-top: var(--azora-spacing-md);
  border-top: none !important;
  padding-top: var(--azora-spacing-md) !important;
}

.azs-details dl {
  margin: 0 !important;
}

.azs-fields div {
  display: flex;
  gap: var(--azora-spacing-md);
  font-size: var(--azora-font-size-base) !important;
  padding: var(--azora-spacing-md) 0 !important;
  border-bottom: none !important;
}

.azs-fields div:last-child {
  border-bottom: none !important;
}

.azs-fields dt {
  width: 46%;
  color: var(--azora-text-muted) !important;
  font-weight: var(--azora-font-weight-medium) !important;
}

.azs-fields dd {
  margin: 0 !important;
  color: var(--azora-text-secondary) !important;
  flex: 1;
}

.muted {
  color: var(--azora-text-muted) !important;
  font-size: var(--azora-font-size-base) !important;
}

/* ============================================================================
   QUICK ACTIONS
   ============================================================================ */

.azora-quick-actions-section {
  background: var(--azora-bg-card) !important;
  border: none !important;
  border-radius: var(--azora-radius-lg) !important;
  padding: var(--azora-spacing-lg) !important;
  margin-bottom: var(--azora-spacing-lg) !important;
}

.azora-quick-actions-section h3 {
  margin: 0 0 var(--azora-spacing-lg) 0 !important;
  color: var(--azora-text-primary) !important;
  font-size: var(--azora-font-size-lg) !important;
  font-weight: var(--azora-font-weight-semibold) !important;
}

.azora-quick-action-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: var(--azora-spacing-md);
}

.azora-quick-action-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--azora-spacing-md);
  background: var(--azora-bg-card-item);
  border-radius: var(--azora-radius-lg);
  text-decoration: none;
  transition: all var(--azora-transition-base);
  min-height: 100px;
  border: none;
  cursor: pointer;
}

.azora-quick-action-item:hover {
  background: var(--azora-bg-card-hover);
}

.azora-quick-action-item.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.azora-quick-action-icon {
  width: 40px;
  height: 40px;
  background: var(--azora-tag-primary-bg);
  border-radius: var(--azora-radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--azora-spacing-sm);
  font-size: var(--azora-font-size-lg);
  color: var(--azora-primary);
}

.azora-quick-action-item.disabled .azora-quick-action-icon {
  background: var(--azora-surface-mute-20);
  color: var(--azora-text-muted);
}

.azora-quick-action-label {
  color: var(--azora-text-secondary);
  font-size: var(--azora-font-size-xs);
  font-weight: var(--azora-font-weight-medium);
  text-align: center;
  line-height: 1.2;
}

.azora-quick-action-item.disabled .azora-quick-action-label {
  color: var(--azora-text-muted);
}

/* ============================================================================
   TABS — UI library floating bar (.az-tabs / .az-tab) on My Submissions
   ============================================================================ */

.azora-my-submissions-container .azora-ms-tabs-standalone {
  margin-bottom: 0.75rem;
}

/* Library toolbar block (filter + search) */
.azora-my-submissions-container .azora-ms-filter-toolbar {
  margin-bottom: 0.75rem;
}

.azora-my-submissions-container .az-section-block-body {
  background: transparent;
}

.azora-my-submissions-container .azora-ms-status-filter {
  flex: 0 1 220px;
  min-width: 160px;
}

.azora-my-submissions-container .azora-ms-tabs-host .az-tabs {
  max-width: 100%;
}

.azora-my-submissions-container .azora-ms-floating-tabs a.az-tab {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.azora-my-submissions-container .azora-ms-tab-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.15rem;
  padding: 0.08rem 0.4rem;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.08);
  color: var(--az-muted, #8a9dc8);
  line-height: 1.2;
}

.azora-my-submissions-container .az-tab.is-active .azora-ms-tab-badge {
  background: rgba(96, 165, 250, 0.22);
  color: var(--az-text-soft, #b8c6e2);
}

/* ============================================================================
   SEARCH BOX
   ============================================================================ */

.azs-search-wrap {
  display: flex;
  align-items: center;
}

.azs-search-input {
  width: 100%;
  max-width: 320px;
  height: 32px;
  padding: 0 12px;
  background: var(--azora-surface-input);
  border: 1px solid var(--azora-border-input) !important;
  border-radius: 6px;
  color: var(--azora-text-subtle);
  font-size: 0.8rem;
  outline: none;
  box-sizing: border-box;
}

.azs-search-input:focus {
  border-color: var(--azora-dashboard-accent-border-strong) !important;
  box-shadow: none !important;
}

.azs-search-input::placeholder {
  color: var(--azora-text-ghost) !important;
}

/* ============================================================================
   FILTER CONTROLS
   ============================================================================ */

.azs-select-control {
  height: 32px;
  padding: 0 0.75rem;
  background: var(--azora-surface-input);
  border: 1px solid var(--azora-border-input);
  border-radius: 6px;
  color: var(--azora-text-muted);
  font-size: 0.8rem;
  cursor: pointer;
  min-width: 130px;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%235A6E8C' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding-right: 28px;
}

.azs-select-control:focus {
  border-color: var(--azora-dashboard-accent-border-strong);
  color: var(--azora-text-subtle);
}

.azs-select-control option {
  background: var(--azora-surface-select-option);
  color: var(--azora-text-subtle);
}

/* ============================================================================
   BULK ACTION BAR
   ============================================================================ */

.azs-bulk-bar {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  padding: 0.55rem 1rem;
  background: var(--azora-dashboard-accent-bg-soft);
  border: 1px solid var(--azora-dashboard-accent-border-soft);
  border-radius: 8px;
}

.azs-bulk-count {
  font-size: 0.8rem;
  color: var(--azora-text-muted);
  margin-right: 0.25rem;
  flex: 1;
}

.azs-btn {
  height: 28px;
  padding: 0 0.9rem;
  font-size: 0.775rem;
  font-weight: 500;
  border-radius: 6px;
  cursor: pointer;
  border: 1px solid transparent;
  transition: background 0.15s;
  display: inline-flex;
  align-items: center;
  font-family: var(--azora-font-family);
}

.azs-btn-primary {
  background: var(--azora-ui-success-bg) !important;
  color: var(--azora-ui-success-fg) !important;
  border-color: var(--azora-ui-success-border) !important;
}
.azs-btn-primary:hover { background: var(--azora-ui-success-bg-hover) !important; }

.azs-btn-danger {
  background: var(--azora-ui-danger-bg) !important;
  color: var(--azora-ui-danger-fg) !important;
  border-color: var(--azora-ui-danger-border) !important;
}
.azs-btn-danger:hover { background: var(--azora-ui-danger-bg-hover) !important; }

.azs-btn-ghost {
  background: transparent !important;
  color: var(--azora-text-muted) !important;
  border-color: var(--azora-border-ghost) !important;
}
.azs-btn-ghost:hover { background: var(--azora-surface-glass-05) !important; color: var(--azora-text-subtle) !important; }

/* ============================================================================
   TABLE LAYOUT — replaces card grid
   ============================================================================ */

.azs-table-wrap {
  overflow-x: auto;
  border-radius: var(--az-r-md, 10px);
  background: var(--azora-dashboard-surface-gradient, linear-gradient(180deg,#0a1018 0%,#0D1420 60%,#0b121c 100%));
  border: 1px solid var(--azora-dashboard-surface-border, #1E2839);
}

.azora-ms-table-wrap {
  margin-bottom: 0.75rem;
}

.azs-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.82rem;
  min-width: 640px;
}

.azs-table thead th {
  padding: 10px 14px;
  text-align: left;
  font-size: 0.67rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--azora-text-label, #5A6E8C);
  background: var(--azora-dashboard-table-head-bg, rgba(8,12,20,0.55));
  border-bottom: 1px solid var(--azora-dashboard-table-head-border, rgba(30,40,57,0.9));
  white-space: nowrap;
}

.azs-table tbody tr {
  border-bottom: 1px solid var(--azora-border-table-row, rgba(30,40,57,0.7));
  transition: background 0.12s;
}

.azs-table tbody tr:last-child {
  border-bottom: none;
}

.azs-table tbody tr:hover {
  background: var(--azora-surface-row-hover, rgba(255,255,255,0.025));
}

.azs-table td {
  padding: 10px 14px;
  vertical-align: middle;
  color: var(--azora-text-body-soft, #C8D0E0);
}

.azs-col-title { min-width: 200px; }

.azs-title-link {
  display: block;
  color: var(--azora-text-title-elevated);
  text-decoration: none;
  font-weight: 500;
  font-size: 0.9rem;
  margin-bottom: 2px;
}

.azs-title-link:hover { color: var(--azora-dashboard-tab-active-text); }

.azs-title-static {
  color: var(--az-text-soft, #b8c6e2);
  cursor: default;
}

.azs-workspace-id {
  font-size: 0.72rem;
  color: var(--azora-text-ghost);
}

.azs-col-cat {
  color: var(--azora-text-muted);
  white-space: nowrap;
}

.azs-col-date {
  color: var(--azora-text-muted);
  white-space: nowrap;
  font-size: 0.8rem;
}

.azs-status-badge {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 5px;
  font-size: 0.75rem;
  font-weight: 500;
  white-space: nowrap;
}

.azs-col-actions { white-space: nowrap; }

.azs-btn-sm {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 12px;
  font-size: 0.78rem;
  border-radius: 6px;
  border: 1px solid var(--azora-border-muted);
  background: transparent;
  color: var(--azora-text-muted);
  text-decoration: none;
  cursor: pointer;
  transition: all 0.15s;
}

.azs-col-check {
  width: 36px;
  text-align: center;
  vertical-align: middle;
  padding: 0 8px !important;
}

.azs-empty-row td {
  padding: 40px 14px;
  text-align: center;
  color: var(--azora-text-muted, #5A6E8C);
}

.azs-col-check input[type="checkbox"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  border: 1.5px solid var(--azora-border-control) !important;
  border-radius: 4px !important;
  background: var(--azora-surface-control-dark) !important;
  display: inline-grid !important;
  place-content: center !important;
  cursor: pointer !important;
  vertical-align: middle;
  box-shadow: none !important;
  outline: none !important;
}

.azs-col-check input[type="checkbox"]:hover {
  border-color: var(--azora-dashboard-tab-active-text) !important;
}

.azs-col-check input[type="checkbox"]::before {
  content: "";
  width: 0.36rem;
  height: 0.64rem;
  border-right: 2px solid var(--azora-on-accent);
  border-bottom: 2px solid var(--azora-on-accent);
  transform: rotate(45deg) scale(0);
  transform-origin: center;
  transition: transform 0.12s ease-in-out;
}

.azs-col-check input[type="checkbox"]:checked {
  background: var(--azora-dashboard-tab-active-text) !important;
  border-color: var(--azora-dashboard-tab-active-text) !important;
}

.azs-col-check input[type="checkbox"]:checked::before {
  transform: rotate(45deg) scale(1);
}

.azs-col-check #azs-select-all:indeterminate {
  background: var(--azora-dashboard-accent-bg-mid) !important;
  border-color: var(--azora-dashboard-tab-active-text) !important;
}

.azs-col-check #azs-select-all:indeterminate::before {
  width: 8px;
  height: 2px;
  border: none;
  background: var(--azora-dashboard-tab-active-text);
  transform: scale(1);
}

.azs-btn-sm:hover {
  border-color: var(--azora-dashboard-tab-active-text);
  color: var(--azora-text-title-elevated);
}

.azs-col-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.azs-btn-icon {
  border: none !important;
  background: transparent !important;
  padding: 2px !important;
}

.azs-btn-icon svg {
  width: 16px;
  height: 16px;
  stroke-width: 2.1;
}

.azs-btn-icon-del { color: var(--azora-icon-delete); }
.azs-btn-icon-withdraw { color: var(--azora-icon-withdraw); }
.azs-btn-icon-warn { color: var(--azora-icon-warn); }
.azs-btn-icon-view { color: var(--azora-icon-info); }
.azs-btn-icon-restore { color: var(--azora-text-muted); }
.azs-btn-icon-restore .azs-icon-restore-arrow { color: var(--azora-icon-restore); }

.azs-btn-delete {
  color: var(--azora-text-slate);
  border-color: transparent;
  background: transparent;
}

.azs-btn-delete:hover {
  color: var(--azora-icon-delete);
  border-color: transparent;
}

/* ============================================================================
   ALERTS & INFO BOXES
   ============================================================================ */

.azs-delete-info,
.azs-decline-info {
  padding: var(--azora-spacing-md);
  margin-bottom: var(--azora-spacing-md);
  background: var(--azora-surface-danger-wash) !important;
  border-left: none !important;
  border-radius: var(--azora-radius-lg) !important;
}

.azs-delete-info strong,
.azs-decline-info strong {
  display: block;
  margin-bottom: var(--azora-spacing-sm);
  color: var(--azora-text-primary) !important;
  font-size: var(--azora-font-size-lg) !important;
}

.azs-decline-info strong {
  color: var(--azora-danger) !important;
}

.azs-delete-info small {
  display: block;
  color: var(--azora-text-secondary) !important;
}

.azs-version-info {
  padding: var(--azora-spacing-md);
  margin-bottom: var(--azora-spacing-md);
  background: var(--azora-tag-warning-bg) !important;
  border-left: none !important;
  border-radius: var(--azora-radius-lg) !important;
}

.azs-version-info strong {
  color: var(--azora-semantic-apple-orange) !important;
}

.azs-edit-history {
  padding: var(--azora-spacing-md);
  margin-bottom: var(--azora-spacing-md);
  background: var(--azora-bg-card-item) !important;
  border-radius: var(--azora-radius-lg) !important;
}

.azs-edit-history > div:first-child {
  font-weight: var(--azora-font-weight-semibold);
  color: var(--azora-text-primary) !important;
  margin-bottom: var(--azora-spacing-md);
  font-size: var(--azora-font-size-base) !important;
}

/* ============================================================================
   NOTES
   ============================================================================ */

.azs-admin-notes {
  margin-top: var(--azora-spacing-md);
  padding: var(--azora-spacing-md);
  background: var(--azora-bg-card-item) !important;
  border-left: none !important;
  border-radius: var(--azora-radius-lg) !important;
}

.azs-note-item {
  padding: var(--azora-spacing-md);
  margin: var(--azora-spacing-sm) 0;
  background: var(--azora-bg-card) !important;
  border-radius: var(--azora-radius-md) !important;
  border-left: none !important;
}

.azs-note-item strong {
  color: var(--azora-text-primary) !important;
}

/* ============================================================================
   DOCUMENTS & FILES
   ============================================================================ */

.azs-doc-section-header {
  margin-top: var(--azora-spacing-md);
  padding: var(--azora-spacing-md);
  background: var(--azora-bg-card-item) !important;
  border-left: none !important;
  border-radius: var(--azora-radius-md) !important;
}

.azs-doc-section-header strong {
  color: var(--azora-text-primary) !important;
}

.azs-file-row {
  padding: var(--azora-spacing-md) !important;
  margin: var(--azora-spacing-sm) 0 !important;
  background: var(--azora-bg-card-item) !important;
  border-left: none !important;
  border-radius: var(--azora-radius-md) !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  transition: all var(--azora-transition-base) !important;
}

.azs-file-row:hover {
  background: var(--azora-bg-card-hover) !important;
}

.azs-file-row .name {
  font-weight: var(--azora-font-weight-semibold) !important;
  color: var(--azora-text-primary) !important;
  display: block !important;
}

.azs-file-row .meta {
  color: var(--azora-text-muted) !important;
  font-size: var(--azora-font-size-sm) !important;
  display: block !important;
  margin-top: var(--azora-spacing-xs);
}

.azs-doc-badge {
  display: inline-block !important;
  padding: 0.125rem var(--azora-spacing-sm) !important;
  background: var(--azora-success) !important;
  color: var(--azora-on-success-badge) !important;
  border-radius: 10px !important;
  font-size: var(--azora-font-size-xs) !important;
  margin-left: var(--azora-spacing-sm) !important;
  font-weight: var(--azora-font-weight-semibold) !important;
}

.azs-share-badge {
  display: inline-block !important;
  padding: 0.125rem var(--azora-spacing-sm) !important;
  border-radius: 10px !important;
  font-size: var(--azora-font-size-xs) !important;
  margin-left: var(--azora-spacing-sm) !important;
  font-weight: var(--azora-font-weight-semibold) !important;
}

/* Sensitive Documents */
.azs-file-row[style*="border-left:3px solid #ff9800"] {
  border-left-color: var(--azora-semantic-apple-orange) !important;
}

.azs-file-row[style*="border-left:3px solid #ff9800"] .azs-doc-badge {
  background: var(--azora-semantic-apple-orange) !important;
}
/* ============================================================================
   MEMBER SUBMISSION — VIEW / WORKSPACE (moved from member_submission_view.php;
   all colors from azora-design-system variables)
   ============================================================================ */

/* Flash & notices (querystring feedback) */
.azora-member-submission-view .azmsv-notice--success,
.azora-member-submission-view .azora-notice.azora-notice-success {
  background: var(--azora-ui-success-bg);
  padding: 1rem;
  border-radius: var(--azora-radius-sm);
  margin-bottom: var(--azora-spacing-lg);
  border: 1px solid var(--azora-ui-success-border);
}
.azora-member-submission-view .azmsv-notice--error,
.azora-member-submission-view .azora-notice.azora-notice-error {
  background: var(--azora-ui-danger-bg);
  padding: 1rem;
  border-radius: var(--azora-radius-sm);
  margin-bottom: var(--azora-spacing-lg);
  border: 1px solid var(--azora-ui-danger-border);
}
.azora-member-submission-view .azmsv-notice__text {
  margin: 0;
  font-size: var(--azora-font-size-base);
  font-weight: var(--azora-font-weight-medium);
}
.azora-member-submission-view .azmsv-notice--success .azmsv-notice__text,
.azora-member-submission-view .azora-notice-success .azmsv-notice__text {
  color: var(--azora-ui-success-fg);
}
.azora-member-submission-view .azmsv-notice--error .azmsv-notice__text,
.azora-member-submission-view .azora-notice-error .azmsv-notice__text {
  color: var(--azora-ui-danger-fg);
}
.azora-member-submission-view .azmsv-flash--ok {
  background: var(--azora-tag-success-bg);
  padding: 1rem;
  border-radius: var(--azora-radius-sm);
  margin-bottom: var(--azora-spacing-lg);
  border: 1px solid var(--azora-ui-success-border);
}
.azora-member-submission-view .azmsv-flash--ok .azmsv-notice__text {
  color: var(--azora-ui-success-fg);
}
.azora-member-submission-view .azmsv-flash--err {
  background: var(--azora-tag-danger-bg);
  padding: 1rem;
  border-radius: var(--azora-radius-sm);
  margin-bottom: var(--azora-spacing-lg);
  border: 1px solid var(--azora-ui-danger-border);
}
.azora-member-submission-view .azmsv-flash--err .azmsv-notice__text {
  color: var(--azora-ui-danger-fg);
}
.azora-msv-admin-mode .azmsv-locked-notice,
.azora-member-submission-view .azmsv-locked-notice {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: var(--azora-tag-danger-bg);
  border: 1px solid var(--azora-ui-danger-border);
  border-radius: var(--azora-radius-md);
  padding: 12px 16px;
  margin-bottom: 16px;
  color: var(--azora-tag-danger-text);
}
.azmsv-locked-notice__icon {
  flex-shrink: 0;
  margin-top: 1px;
  color: var(--azora-ui-danger-fg);
}
.azmsv-locked-notice__text {
  font-size: 12px;
  line-height: 1.5;
  color: var(--azora-tag-danger-text);
}
/* Main workspace tab strip (Overview / Data Room / Activity) */
.azora-member-submission-view .azora-ws-tab-strip {
  background: var(--azora-dashboard-surface-gradient);
  border-radius: var(--azora-radius-lg);
  border: 1px solid var(--azora-dashboard-surface-border);
  padding: 0.45rem 0.55rem;
  margin-bottom: 1.1rem;
  box-shadow: var(--azora-shadow-elevated);
}
.azora-member-submission-view .azora-ws-tab-strip__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem;
  align-items: center;
}
.azora-member-submission-view .azora-ws-tab-badge {
  padding: 0.125rem 0.45rem;
  border-radius: 10px;
  font-size: 0.7rem;
  font-weight: 600;
  line-height: 1.35;
  background: var(--azora-bg-card-item);
  color: var(--azora-text-muted);
  vertical-align: middle;
}
.azora-member-submission-view .azora-ws-tab-badge--active {
  background: var(--azora-primary-mid);
  color: var(--azora-dashboard-tab-active-text);
}
/* Tab panels: avoid fragile inline !important on every tab card */
.azora-member-submission-view #azora-tabs-container.azora-ws-tabs-container {
  min-height: 400px;
  position: relative;
  width: 100%;
}
.azora-member-submission-view .azora-member-tab-panel {
  min-height: 200px;
  display: block !important;
  visibility: visible !important;
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.azora-member-submission-view .azora-member-tab-panel--admin {
  padding: 16px 20px !important;
}
.azora-member-submission-view .azora-member-tab-panel--centered-empty {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 220px;
}
.azora-member-submission-view .azora-details-tab-card--dimmed {
  pointer-events: none;
  user-select: none;
  opacity: 0.75;
}
/* Workspace header (gradient strip) */
.azora-member-submission-view .azora-submission-header-section--workspace {
  background: var(--azora-dashboard-surface-gradient) !important;
  border: 1px solid var(--azora-dashboard-surface-border) !important;
  border-radius: var(--azora-radius-lg) !important;
  padding: 1.2rem 1.4rem !important;
  margin-bottom: 1.1rem !important;
  box-shadow: var(--azora-shadow-elevated) !important;
}
.azora-submission-header__row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 0.65rem;
}
.azora-submission-title {
  margin: 0;
  color: var(--azora-text-primary);
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
}
.azmsv-back-to-list {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.4rem 0.9rem;
  font-size: 0.8rem;
  font-weight: 500;
  background: var(--azora-bg-tertiary);
  color: var(--azora-text-muted);
  border: 1px solid var(--azora-surface-glass-08);
  border-radius: var(--azora-radius-sm);
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.azmsv-back-to-list:hover {
  background: var(--azora-bg-card-item);
  color: var(--azora-text-title-elevated);
  border-color: var(--azora-border-slate-30);
}
.azora-workspace-meta {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.azora-workspace-meta__id {
  color: var(--azora-dashboard-tab-active-text);
  font-size: 0.775rem;
  font-weight: 600;
  letter-spacing: 0.03em;
}
.azora-workspace-meta__sep {
  color: color-mix(in srgb, var(--azora-text-primary) 15%, transparent);
  font-size: 0.75rem;
}
.azora-workspace-meta__line {
  color: var(--azora-text-label);
  font-size: 0.775rem;
}
.azora-submission-tags {
  display: flex;
  gap: 0.4rem;
  flex-wrap: wrap;
}
.azmsv-status-chip {
  --msv-status: var(--azora-dashboard-tab-active-text);
  display: inline-flex;
  align-items: center;
  padding: 0.2rem 0.65rem;
  border-radius: 20px;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  background: color-mix(in srgb, var(--msv-status) 14%, transparent);
  color: var(--msv-status);
  border: 1px solid color-mix(in srgb, var(--msv-status) 28%, transparent);
}
.azmsv-admin-panel {
  --msv-panel: var(--azora-dashboard-tab-active-text);
  background: color-mix(in srgb, var(--msv-panel) 5%, transparent);
  border: 1px solid color-mix(in srgb, var(--msv-panel) 20%, transparent);
  border-radius: var(--azora-radius-md);
  padding: 14px 18px;
  margin-bottom: 16px;
}
.azmsv-admin-panel__head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.azmsv-admin-panel__dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--msv-panel);
  flex-shrink: 0;
}
.azmsv-admin-panel__label {
  font-size: 11px;
  color: var(--msv-panel);
  text-transform: uppercase;
  letter-spacing: 0.6px;
  font-weight: 700;
}
.azmsv-admin-panel__body {
  font-size: 12px;
  color: var(--azora-text-slate);
  margin: 0 0 10px;
}
.azmsv-admin-panel__body:last-child {
  margin-bottom: 0;
}
.azmsv-admin-panel__note {
  border-top: 1px solid color-mix(in srgb, var(--msv-panel) 13%, transparent);
  padding-top: 8px;
}
.azmsv-admin-panel__note-lbl {
  font-size: 10px;
  font-weight: 600;
  color: var(--azora-text-ghost);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.azmsv-admin-panel__note-txt {
  font-size: 12px;
  color: var(--azora-text-body-soft);
  margin: 4px 0 2px;
}
.azmsv-admin-panel__note-meta {
  font-size: 10px;
  color: var(--azora-text-ghost);
}
/* --- Tab / workspace chrome (ex-inline block) --- */
.azora-details-tab-card {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  overflow: visible;
}
.azora-details-tab-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.55rem 1.1rem;
  border-bottom: 1px solid var(--azora-dashboard-table-head-border);
  background: var(--azora-dashboard-table-head-bg);
  border-radius: var(--azora-radius-lg) var(--azora-radius-lg) 0 0;
}
.azora-details-tab-header__title {
  margin: 0;
  color: var(--azora-text-primary);
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.azora-submission-data-display {
  padding: 1.1rem 0;
}
.azora-overview-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 0.75rem;
}
.azora-overview-stat-card {
  border: 1px solid var(--azora-dashboard-surface-border);
  background: var(--azora-bg-card-item) !important;
  min-height: 90px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.azora-overview-stat-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.4rem;
}
.azora-overview-stat-card__label {
  font-size: 0.72rem;
  color: var(--azora-text-label);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.azora-overview-trend {
  display: inline-flex;
  align-items: center;
  height: 18px;
  padding: 0 0.42rem;
  border-radius: var(--azora-radius-xs-plus);
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  border: 1px solid var(--azora-dashboard-accent-border-soft);
}
.azora-overview-trend--up {
  color: var(--azora-dashboard-tab-active-text);
  background: var(--azora-dashboard-accent-bg-soft);
  border-color: var(--azora-dashboard-tab-active-border);
}
.azora-overview-trend--flat {
  color: var(--azora-text-muted);
  background: var(--azora-surface-glass-05);
  border-color: var(--azora-surface-glass-08);
}
.azora-overview-stat-card__value {
  margin-top: 0.35rem;
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--azora-text-primary);
}
.azora-overview-progress {
  margin-top: 0.5rem;
  height: 6px;
  width: 100%;
  border-radius: var(--azora-radius-full);
  background: var(--azora-surface-glass-06);
  border: 1px solid var(--azora-dashboard-accent-border-soft);
  overflow: hidden;
}
.azora-overview-progress__bar {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--azora-dashboard-tab-active-text), var(--azora-info));
  transition: width 0.25s ease;
}
.azora-overview-banner {
  margin-top: 0.9rem;
}
.azora-edit-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  height: 30px;
  padding: 0 0.85rem;
  font-size: 0.775rem;
  font-weight: 600;
  background: var(--azora-dashboard-accent-bg-soft);
  color: var(--azora-dashboard-tab-active-text);
  border: 1px solid var(--azora-dashboard-accent-border-soft);
  border-radius: var(--azora-radius-sm);
  text-decoration: none;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
  white-space: nowrap;
  box-sizing: border-box;
}
.azora-edit-btn:hover {
  background: var(--azora-dashboard-accent-bg-mid);
  border-color: var(--azora-dashboard-accent-border-strong);
  color: var(--azora-text-title-elevated);
}
.azora-dataroom-locked button.azfm-ctrl-primary,
.azora-dataroom-locked button.azfm-ctrl-ghost,
.azora-dataroom-locked .azfm-bulk-bar,
.azora-dataroom-locked .azfm-checkbox-wrap,
.azora-dataroom-locked input.azora-file-checkbox,
.azora-dataroom-locked button[title="Lock"],
.azora-dataroom-locked button[title="Unlock"],
.azora-dataroom-locked button[title="Delete"],
.azora-dataroom-locked [id*="upload-modal"],
.azora-dataroom-locked [id*="add-link-modal"],
.azora-dataroom-locked [id*="create-folder-modal"],
.azora-dataroom-locked [id*="move-modal"] {
  display: none !important;
}
.azora-dataroom-locked [draggable="true"] {
  pointer-events: none;
}
.azora-activity-locked .azir-actions,
.azora-activity-locked [class*="azdr-action"],
.azora-activity-locked [class*="deal-room-action"],
.azora-activity-locked .azdr-card-actions,
.azora-activity-locked button[class*="azdr-btn"],
.azora-activity-locked form[action*="admin-post"] {
  display: none !important;
}
.azora-workspace-banner {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem 1.25rem;
  border-radius: var(--azora-radius-lg);
  margin-bottom: 1.25rem;
  border: 1px solid transparent;
}
.azora-workspace-banner--info {
  background: var(--azora-dashboard-accent-bg-soft);
  border-color: var(--azora-dashboard-accent-border-soft);
}
.azora-workspace-banner--info .azora-workspace-banner__title {
  color: var(--azora-dashboard-tab-active-text);
}
.azora-workspace-banner--pending {
  background: var(--azora-status-staging-bg);
  border-color: var(--azora-border-slate-30);
}
.azora-workspace-banner--pending .azora-workspace-banner__title {
  color: var(--azora-status-staging-text);
}
.azora-workspace-banner--warning {
  background: var(--azora-tag-warning-bg);
  border-color: var(--azora-banner-border-warn);
}
.azora-workspace-banner--warning .azora-workspace-banner__title {
  color: var(--azora-semantic-apple-orange);
}
.azora-workspace-banner--success {
  background: var(--azora-tag-success-bg);
  border-color: var(--azora-ui-success-border);
}
.azora-workspace-banner--success .azora-workspace-banner__title {
  color: var(--azora-ui-success-fg);
}
.azora-workspace-banner--error {
  background: var(--azora-ui-danger-bg);
  border-color: var(--azora-ui-danger-border);
}
.azora-workspace-banner--error .azora-workspace-banner__title {
  color: var(--azora-ui-danger-fg);
}
.azora-workspace-banner__icon {
  font-size: 1.5rem;
  line-height: 1;
  flex-shrink: 0;
  margin-top: 0.125rem;
}
.azora-workspace-banner__body {
  flex: 1;
  min-width: 0;
}
.azora-workspace-banner__title {
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  margin-bottom: 0.2rem;
}
.azora-workspace-banner__text {
  margin: 0;
  font-size: 0.8375rem;
  color: var(--azora-text-muted);
  line-height: 1.55;
}
.azora-workspace-banner__note {
  margin: 0.5rem 0 0;
  font-size: 0.8125rem;
  color: var(--azora-text-subtle);
  line-height: 1.5;
  padding-top: 0.5rem;
  border-top: 1px solid var(--azora-surface-glass-05);
}
.azora-workspace-banner__action {
  flex-shrink: 0;
  align-self: center;
  white-space: nowrap;
  padding: 0.45rem 1.1rem;
  font-size: 0.8125rem;
  font-weight: 600;
  border: none;
  border-radius: var(--azora-radius-sm);
  cursor: pointer;
  transition: opacity 0.15s, transform 0.15s;
  background: var(--azora-dashboard-tab-active-text);
  color: var(--azora-on-accent);
}
.azora-workspace-banner--warning .azora-workspace-banner__action {
  background: var(--azora-semantic-apple-orange);
}
.azora-workspace-banner--success .azora-workspace-banner__action {
  background: var(--azora-success);
  color: var(--azora-on-accent);
}
.azora-workspace-banner__action:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}
.azora-timeline {
  border-top: 1px solid var(--azora-surface-glass-05);
  padding-top: 1.25rem;
}
.azora-timeline-heading {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--azora-text-primary);
  margin: 0 0 1rem 0;
}
.azora-timeline-item {
  display: flex;
  gap: 0.875rem;
  align-items: flex-start;
  padding-bottom: 0.875rem;
  position: relative;
}
.azora-timeline-item:not(:last-child)::before {
  content: "";
  position: absolute;
  left: 7px;
  top: 16px;
  width: 2px;
  bottom: 0;
  background: var(--azora-surface-glass-05);
}
.azora-timeline-dot {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--azora-border-input);
  border: 2px solid var(--azora-dashboard-tab-active-text);
  flex-shrink: 0;
  margin-top: 2px;
}
.azora-timeline-content {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 0;
}
.azora-timeline-desc {
  font-size: 0.875rem;
  color: var(--azora-text-secondary);
  line-height: 1.4;
}
.azora-timeline-meta {
  font-size: 0.75rem;
  color: var(--azora-text-muted);
}
.azora-tab-btn.azora-tab-admin-ctrl {
  color: var(--azora-icon-withdraw);
  gap: 5px;
}
.azora-tab-btn.azora-tab-admin-ctrl:not(.azora-tab-active) {
  border-color: color-mix(in srgb, var(--azora-icon-withdraw) 12%, transparent);
}
.azora-tab-btn.azora-tab-admin-ctrl:not(.azora-tab-active):hover {
  color: var(--azora-semantic-apple-orange);
  background: color-mix(in srgb, var(--azora-semantic-apple-orange) 7%, transparent);
  border-color: color-mix(in srgb, var(--azora-semantic-apple-orange) 22%, transparent);
}
.azora-tab-btn.azora-tab-admin-ctrl.azora-tab-active {
  color: var(--azora-semantic-apple-orange) !important;
  background: color-mix(in srgb, var(--azora-semantic-apple-orange) 10%, transparent) !important;
  border-color: color-mix(in srgb, var(--azora-semantic-apple-orange) 32%, transparent) !important;
}
.azora-tab-btn {
  background: transparent;
  border: 1px solid transparent;
  border-radius: 7px;
  color: var(--azora-dashboard-tab-muted-text);
  padding: 0.42rem 0.95rem;
  font-size: 0.82rem;
  font-weight: 500;
  cursor: pointer;
  transition: color 0.15s, background 0.15s, border-color 0.15s;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  letter-spacing: 0.01em;
  font-family: var(--azora-font-family);
  line-height: 1;
  min-height: 32px;
  box-sizing: border-box;
}

.azora-tab-btn svg {
  opacity: 0.9;
}
.azora-tab-btn:not(.azora-tab-active):hover {
  color: var(--azora-dashboard-tab-hover-text);
  background: var(--azora-dashboard-tab-hover-bg);
  border-color: var(--azora-dashboard-tab-hover-border);
}
.azora-tab-btn.azora-tab-active {
  color: var(--azora-dashboard-tab-active-text) !important;
  background: var(--azora-dashboard-tab-active-bg) !important;
  border-color: var(--azora-dashboard-tab-active-border) !important;
  font-weight: 600 !important;
}
.azora-tab-btn:not(.azora-tab-active):focus {
  outline: none;
}
.azora-tab-content {
  animation: azoraMsvFadeIn 0.2s ease-in;
  background: transparent;
  position: relative;
  width: 100%;
}
.azora-tab-content[style*="display: block"],
.azora-tab-content[style*="display:block"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  position: relative !important;
}
#azora-tabs-container {
  display: block !important;
  visibility: visible !important;
  width: 100% !important;
  position: relative !important;
  min-height: 400px !important;
}
@keyframes azoraMsvFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Activity sub-tab (Intro / Deal rooms / Timeline) */
.azact-tabs {
  display: flex;
  gap: 0.2rem;
  width: 100%;
  box-sizing: border-box;
  background: var(--azora-bg-input);
  border-radius: 9px;
  padding: 0.28rem;
  margin-bottom: 1.375rem;
  border: 1px solid var(--azora-border-muted);
}
.azact-tab-btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  padding: 0.48rem 0.5rem;
  border: none;
  border-radius: 7px;
  font-size: 0.79rem;
  font-weight: 500;
  cursor: pointer;
  background: transparent;
  color: var(--azora-text-ghost);
  transition: all 0.2s;
  white-space: nowrap;
  font-family: var(--azora-font-family);
}
.azact-tab-btn:hover:not(.active) {
  color: var(--azora-dashboard-tab-hover-text);
  background: var(--azora-surface-glass-05);
}
.azact-tab-btn.active {
  background: var(--azora-bg-card-item);
  color: var(--azora-text-secondary);
  box-shadow: 0 1px 4px color-mix(in srgb, var(--azora-bg-primary) 35%, transparent);
}
.azact-tab-btn[data-atab="intro"].active {
  color: var(--azora-ui-success-fg);
}
.azact-tab-btn[data-atab="timeline"].active {
  color: var(--azora-dashboard-tab-active-text);
}
.azact-badge {
  font-size: 0.67rem;
  padding: 0.08rem 0.42rem;
  border-radius: 9px;
  background: var(--azora-surface-glass-08);
  color: var(--azora-text-ghost);
  font-weight: 600;
  line-height: 1.5;
}
.azact-tab-btn.active .azact-badge {
  background: var(--azora-primary-mid);
  color: var(--azora-dashboard-tab-active-text);
}
.azact-tab-btn[data-atab="intro"].active .azact-badge {
  background: var(--azora-ui-success-bg);
  color: var(--azora-ui-success-fg);
}
.azact-pane {
  display: none;
}
.azact-pane.active {
  display: block;
}
.azir-empty,
.azdr-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 1.5rem;
  text-align: center;
}
.azir-empty-icon,
.azdr-empty-icon {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--azora-dashboard-accent-bg-soft);
  border: 1px solid var(--azora-dashboard-accent-border-soft);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.875rem;
}
.azir-empty p,
.azdr-empty p {
  margin: 0 0 0.25rem;
  font-size: 0.875rem;
  color: var(--azora-text-ghost);
}
.azir-empty small,
.azdr-empty small {
  font-size: 0.78rem;
  color: var(--azora-text-slate);
}
.azir-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.azir-card {
  background: var(--azora-bg-card-item);
  border: 1px solid var(--azora-surface-glass-05);
  border-radius: var(--azora-radius-lg);
  padding: 1rem 1.125rem;
  transition: background 0.15s;
}
.azir-card:hover {
  background: var(--azora-bg-card-hover);
}
.azir-card-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 0.625rem;
}
.azir-requester-row {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.azir-avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--azora-info), var(--azora-dashboard-tab-active-text));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--azora-on-accent);
  flex-shrink: 0;
}
.azir-requester-name {
  color: var(--azora-text-secondary);
  font-weight: 600;
  font-size: 0.875rem;
}
.azir-request-date {
  color: var(--azora-text-ghost);
  font-size: 0.76rem;
  margin-top: 0.1rem;
}
.azir-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
  padding: 0.22rem 0.6rem;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
  border: 1px solid;
  white-space: nowrap;
  flex-shrink: 0;
}
.azir-pill.pending {
  background: var(--azora-tag-warning-bg);
  color: var(--azora-semantic-apple-orange);
  border-color: color-mix(in srgb, var(--azora-semantic-apple-orange) 28%, transparent);
}
.azir-pill.approved {
  background: var(--azora-tag-success-bg);
  color: var(--azora-ui-success-fg);
  border-color: var(--azora-ui-success-border);
}
.azir-pill.declined {
  background: var(--azora-tag-danger-bg);
  color: var(--azora-ui-danger-fg);
  border-color: var(--azora-ui-danger-border);
}
.azir-pill.cancelled {
  background: var(--azora-tag-gray-bg);
  color: var(--azora-text-muted);
  border-color: color-mix(in srgb, var(--azora-text-muted) 25%, transparent);
}
.azir-reason {
  background: var(--azora-bg-secondary);
  border-radius: 7px;
  padding: 0.65rem 0.875rem;
  margin-bottom: 0.625rem;
}
.azir-reason-label {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--azora-text-ghost);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 0.25rem;
}
.azir-reason-text {
  font-size: 0.8375rem;
  color: var(--azora-text-body-soft);
  line-height: 1.55;
}
.azir-actions {
  display: flex;
  gap: 0.5rem;
  margin-top: 0.625rem;
}
.azir-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0.38rem 0.875rem;
  border: none;
  border-radius: 7px;
  font-size: 0.8rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s;
  font-family: var(--azora-font-family);
}
.azir-btn.approve {
  background: var(--azora-ui-success-bg);
  color: var(--azora-ui-success-fg);
  border: 1px solid var(--azora-ui-success-border);
}
.azir-btn.approve:hover {
  background: var(--azora-ui-success-bg-hover);
  border-color: color-mix(in srgb, var(--azora-ui-success-fg) 50%, transparent);
}
.azir-btn.decline {
  background: var(--azora-ui-danger-bg);
  color: var(--azora-ui-danger-fg);
  border: 1px solid var(--azora-ui-danger-border);
}
.azir-btn.decline:hover {
  background: var(--azora-ui-danger-bg-hover);
  border-color: color-mix(in srgb, var(--azora-ui-danger-fg) 45%, transparent);
}
.aztl-wrap {
  position: relative;
}
.aztl-line {
  position: absolute;
  left: 18px;
  top: 22px;
  bottom: 0;
  width: 2px;
  background: linear-gradient(
    180deg,
    var(--azora-border-input) 0%,
    color-mix(in srgb, var(--azora-border-input) 20%, transparent) 100%
  );
  border-radius: 2px;
}
.aztl-item {
  display: flex;
  gap: 0.875rem;
  position: relative;
  z-index: 1;
  margin-bottom: 1rem;
}
.aztl-item:last-child {
  margin-bottom: 0;
}
.aztl-dot-wrap {
  flex-shrink: 0;
  width: 38px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.aztl-dot {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid;
  flex-shrink: 0;
  border-color: var(--azora-border-control);
  background: var(--azora-bg-card-item);
  color: var(--azora-dashboard-tab-active-text);
}
.aztl-card {
  flex: 1;
  background: var(--azora-bg-card-item);
  border: 1px solid var(--azora-surface-glass-05);
  border-radius: var(--azora-radius-lg);
  padding: 0.75rem 1rem;
  min-width: 0;
  transition: background 0.15s;
}
.aztl-card:hover {
  background: var(--azora-bg-card-hover);
}
.aztl-card-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.3rem;
}
.aztl-desc {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--azora-text-secondary);
  line-height: 1.4;
}
.aztl-time {
  font-size: 0.72rem;
  color: var(--azora-text-ghost);
  white-space: nowrap;
  flex-shrink: 0;
  margin-top: 0.1rem;
}
.aztl-meta {
  font-size: 0.79rem;
  color: var(--azora-text-muted);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
}
.aztl-actor {
  color: var(--azora-text-subtle);
  font-weight: 500;
}
.aztl-arrow {
  color: var(--azora-text-slate);
  font-size: 0.8rem;
}
.aztl-status-from {
  color: var(--azora-text-muted);
}
.aztl-status-to {
  font-weight: 500;
  color: var(--azora-text-title-elevated);
}
.aztl-note {
  margin-top: 0.45rem;
  font-size: 0.8125rem;
  color: var(--azora-text-subtle);
  font-style: italic;
  line-height: 1.5;
  padding: 0.45rem 0.75rem;
  background: var(--azora-surface-control-dark);
  border-radius: var(--azora-radius-sm);
  border-left: 3px solid var(--azora-focus-ring-brand);
}
.aztl-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 1.5rem;
  text-align: center;
  color: var(--azora-text-slate);
}
.aztl-empty svg {
  opacity: 0.25;
  margin-bottom: 0.75rem;
}
.aztl-empty p {
  margin: 0 0 0.2rem;
  font-size: 0.875rem;
  color: var(--azora-text-ghost);
}
.aztl-empty small {
  font-size: 0.78rem;
  color: var(--azora-text-ghost);
}


/* ============================================================================
   UTILITY CLASSES
   ============================================================================ */

.azora-flex {
  display: flex;
}

.azora-flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--azora-spacing-md);
}

.azora-flex-start {
  display: flex;
  align-items: start;
  gap: var(--azora-spacing-md);
}

.azora-text-primary {
  color: var(--azora-text-primary) !important;
}

.azora-text-secondary {
  color: var(--azora-text-secondary) !important;
}

.azora-text-muted {
  color: var(--azora-text-muted) !important;
}

.azora-mb-md {
  margin-bottom: var(--azora-spacing-md) !important;
}

.azora-mb-lg {
  margin-bottom: var(--azora-spacing-lg) !important;
}

.azora-mt-md {
  margin-top: var(--azora-spacing-md) !important;
}

.azora-mt-lg {
  margin-top: var(--azora-spacing-lg) !important;
}

/* ============================================================================
   RESPONSIVE
   ============================================================================ */

@media (max-width: 768px) {
  .azora-member-submission-view,
  .azora-submission-edit-container,
  .azora-my-submissions-container {
    padding: var(--azora-spacing-md);
  }

  .azora-quick-action-grid {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  }
}

/* cache-bust 1757536887 ws-tabs-align */

/* ============================================================================
   SCOPED TABLE — exact match to umbrella management
   High specificity + !important beats .az-table / .azs-table conflicts
   ============================================================================ */

.azora-my-submissions-container .az-table-wrap,
.azora-my-submissions-container .azs-table-wrap {
  background: var(--azora-dashboard-surface-gradient, linear-gradient(180deg,#0a1018 0%,#0D1420 60%,#0b121c 100%)) !important;
  border: 1px solid var(--azora-dashboard-surface-border, #1E2839) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

.azora-my-submissions-container .az-table thead th,
.azora-my-submissions-container .azs-table thead th {
  color: var(--azora-text-label, #5A6E8C) !important;
  background: var(--azora-dashboard-table-head-bg, rgba(8,12,20,0.55)) !important;
  border-bottom: 1px solid var(--azora-dashboard-table-head-border, rgba(30,40,57,0.9)) !important;
}

.azora-my-submissions-container .az-table tbody tr,
.azora-my-submissions-container .azs-table tbody tr {
  border-bottom: 1px solid var(--azora-border-table-row, rgba(30,40,57,0.7)) !important;
}

.azora-my-submissions-container .az-table tbody tr:last-child,
.azora-my-submissions-container .azs-table tbody tr:last-child {
  border-bottom: none !important;
}

.azora-my-submissions-container .az-table tbody tr:hover,
.azora-my-submissions-container .azs-table tbody tr:hover {
  background: var(--azora-surface-row-hover, rgba(255,255,255,0.025)) !important;
}

.azora-my-submissions-container .az-table td,
.azora-my-submissions-container .azs-table td {
  color: var(--azora-text-body-soft, #C8D0E0) !important;
  border-bottom: none !important;
}

.azora-my-submissions-container .az-table td.azs-col-cat,
.azora-my-submissions-container .azs-table td.azs-col-cat {
  color: var(--azora-text-muted, #8E9AAF) !important;
}

.azora-my-submissions-container .az-table td.azs-col-date,
.azora-my-submissions-container .azs-table td.azs-col-date {
  color: var(--azora-text-muted, #8E9AAF) !important;
}