/* AQUILA_COMMERCIAL_CHROME_R1
   Surgical presentation for daily-use desks.
   Does not own routes, receipts, POS checkout, or Insurance partner selection. */

:root {
  --ubz-c-ink: #10211b;
  --ubz-c-muted: #5b6b64;
  --ubz-c-line: rgba(16, 33, 27, 0.12);
  --ubz-c-surface: #ffffff;
  --ubz-c-wash: #f4f7f5;
  --ubz-c-olive: #4b5320;
}

html.aquila-r108-pos-active {
  /* POS counter geometry stays with the POS owners. */
}

.sales-control-workspace,
.operational-register-workspace,
.inventory-module-home,
.inventory-workspace-shell,
.procurement-module-home,
.insurance-management-workspace,
.aquila-hrm-platform-home,
.admin-management-module,
.finance-overview,
.section-page {
  min-width: 0;
}

.sales-control-workspace,
.operational-register-workspace {
  display: grid;
  gap: 14px;
  padding: 8px 4px 24px;
}

.managed-sales-toolbar-card,
.sales-control-workspace > header,
.operational-register-workspace > header {
  display: grid;
  gap: 10px;
  padding: 18px 18px 16px;
  border: 1px solid var(--ubz-c-line);
  border-radius: 16px;
  background: var(--ubz-c-surface);
  box-shadow: 0 8px 24px rgba(16, 33, 27, 0.04);
}

.managed-sales-toolbar-card h2,
.sales-control-workspace h1,
.sales-control-workspace h2,
.operational-register-workspace h1,
.operational-register-workspace h2 {
  margin: 0;
  color: var(--ubz-c-ink);
  letter-spacing: -0.03em;
}

.managed-sales-toolbar-card p,
.sales-control-workspace header p,
.operational-register-workspace header p {
  margin: 0;
  color: var(--ubz-c-muted);
  max-width: 62ch;
}

.managed-sales-toolbar-actions,
.sales-control-workspace header + div,
.operational-register-workspace form,
.inventory-workspace-shell form,
.procurement-module-home form,
.insurance-management-workspace form {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: end;
}

.sales-control-workspace table,
.operational-register-workspace table,
.inventory-workspace-shell table,
.inventory-module-home table,
.procurement-module-home table,
.insurance-management-workspace table,
.aquila-hrm-platform-home table,
.admin-management-module table,
.finance-overview table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--ubz-c-surface);
  border: 1px solid var(--ubz-c-line);
  border-radius: 14px;
  overflow: hidden;
}

.sales-control-workspace thead th,
.operational-register-workspace thead th,
.inventory-workspace-shell thead th,
.procurement-module-home thead th,
.insurance-management-workspace thead th,
.aquila-hrm-platform-home thead th,
.admin-management-module thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #eef3ef;
  color: #3d4a44;
  font-size: 0.74rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-align: left;
  padding: 12px 14px;
  border-bottom: 1px solid var(--ubz-c-line);
}

.sales-control-workspace tbody td,
.operational-register-workspace tbody td,
.inventory-workspace-shell tbody td,
.procurement-module-home tbody td,
.insurance-management-workspace tbody td,
.aquila-hrm-platform-home tbody td,
.admin-management-module tbody td {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(16, 33, 27, 0.06);
  vertical-align: middle;
}

.sales-control-workspace tbody tr:hover td,
.operational-register-workspace tbody tr:hover td,
.inventory-workspace-shell tbody tr:hover td,
.procurement-module-home tbody tr:hover td,
.insurance-management-workspace tbody tr:hover td {
  background: #f7faf8;
}

.sales-control-workspace button,
.operational-register-workspace button,
.inventory-workspace-shell button,
.procurement-module-home button,
.insurance-management-workspace button,
.aquila-hrm-platform-home button,
.admin-management-module button {
  min-height: 40px;
  border-radius: 10px;
}

.sales-control-message {
  border-radius: 12px;
  padding: 12px 14px;
}

.inventory-module-home,
.procurement-module-home,
.insurance-management-workspace,
.aquila-hrm-platform-home {
  display: grid;
  gap: 16px;
}

.inventory-module-home .section-heading,
.procurement-module-home .section-heading,
.insurance-management-workspace .section-heading,
.aquila-hrm-platform-home .section-heading,
.admin-management-module .section-heading,
.finance-overview .section-heading {
  display: grid;
  gap: 6px;
}

.ubuzima-boot-fallback {
  transition: opacity 160ms ease;
}

[data-ubz-desk-ready="1"] .empty-state,
[data-ubz-desk-ready="1"] .workspace-empty,
.sales-control-workspace .empty-state,
.operational-register-workspace .empty-state,
.inventory-workspace-shell .empty-state,
.procurement-module-home .empty-state,
.insurance-management-workspace .empty-state {
  display: grid;
  gap: 8px;
  justify-items: start;
  padding: 28px 22px;
  border: 1px dashed var(--ubz-c-line);
  border-radius: 16px;
  background: var(--ubz-c-wash);
  color: var(--ubz-c-muted);
}

.sales-control-workspace input,
.sales-control-workspace select,
.operational-register-workspace input,
.operational-register-workspace select,
.inventory-workspace-shell input,
.inventory-workspace-shell select,
.procurement-module-home input,
.procurement-module-home select,
.insurance-management-workspace input,
.insurance-management-workspace select,
.admin-management-module input,
.admin-management-module select,
.aquila-hrm-platform-home input,
.aquila-hrm-platform-home select {
  min-height: 40px;
  border-radius: 10px;
}

.finance-overview .section-page,
.accounting-workspace,
[data-aquila-owner="accounting-canonical-ui"] {
  min-width: 0;
}

@media (max-width: 840px) {
  .sales-control-workspace table,
  .operational-register-workspace table,
  .inventory-workspace-shell table,
  .procurement-module-home table,
  .insurance-management-workspace table,
  .aquila-hrm-platform-home table {
    display: block;
    overflow-x: auto;
  }

  .managed-sales-toolbar-card,
  .sales-control-workspace > header {
    padding: 14px;
  }
}

.managed-payment-toolbar,
.managed-payment-filter-grid {
  display: grid;
  gap: 12px;
}

.managed-payment-filter-grid {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  align-items: end;
}

.managed-payment-table {
  width: 100%;
}

.managed-sales-filter-result {
  display: flex;
  gap: 8px;
  align-items: baseline;
  color: var(--ubz-c-muted);
}