/**
 * ARK spacing & density — compact rhythm (POS-style).
 * Tokens: arksms-design-tokens.css (--ark-space-*, --ark-card-padding, --ark-section-gap, …)
 * Load after ark-ui.css.
 */

:root {
  /* Re-assert after any legacy sheet; tenant-admin also sets 6px */
  --ark-radius-sm: 6px;
  --ark-radius-md: 8px;
}

/*
 * Vertical rhythm (targets):
 * tight: --ark-space-xs / --ark-space-sm
 * row: --ark-space-sm / --ark-space-md
 * section: --ark-section-gap
 */

/* ----- Cards (ARK UI kit) ----- */
.card.ark-card,
.ark-card {
  border-radius: var(--ark-radius-md) !important;
}

.ark-card-header {
  padding: var(--ark-space-sm) var(--ark-card-padding) !important;
}

.ark-card-header.is-compact {
  padding: var(--ark-space-xs) var(--ark-card-padding) !important;
}

.ark-card-body {
  padding: var(--ark-card-padding) !important;
}

.ark-card-tight .ark-card-body,
.card.ark-card-tight > .card-body {
  padding: var(--ark-card-padding-tight) !important;
}

.ark-card-tight .ark-card-header,
.card.ark-card-tight > .card-header {
  padding: var(--ark-space-sm) var(--ark-card-padding-tight) !important;
}

.ark-card + .ark-card,
.card.ark-card + .card.ark-card {
  margin-top: var(--ark-section-gap);
}

/* ----- Bottom command bar (RO / global) ----- */
.ark-commandbar {
  margin-top: var(--ark-section-gap);
}

.ark-commandbar-inner {
  border-radius: var(--ark-radius-md);
  padding: var(--ark-space-sm) var(--ark-card-padding);
  gap: var(--ark-space-lg);
}

.ark-command-left,
.ark-command-center,
.ark-command-right {
  gap: var(--ark-space-sm);
}

.ark-command-btn,
.ark-command-pill {
  min-height: var(--ark-control-height);
}

.ark-command-title {
  min-height: var(--ark-control-height);
}

/* ----- Controls ----- */
.ark-control {
  height: var(--ark-control-height);
  min-height: var(--ark-control-height);
  padding: 0 10px;
  border-radius: var(--ark-radius-sm);
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  gap: var(--ark-space-sm);
  box-sizing: border-box;
  line-height: 1;
}

.ark-control-sm {
  height: var(--ark-control-height-sm);
  min-height: var(--ark-control-height-sm);
  font-size: 12px;
  padding: 0 var(--ark-space-md);
}

.ark-control-group {
  display: flex;
  align-items: center;
  gap: var(--ark-space-sm);
}

.ark-control-group-tight {
  gap: var(--ark-space-xs);
}

/* ----- Labels & sections ----- */
.ark-label-sm {
  font-size: 11px;
  font-weight: 600;
  color: var(--ark-text-muted);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.ark-section-label {
  font-size: 11px;
  font-weight: 600;
  color: #9ca3af;
  margin: var(--ark-space-md) 0 var(--ark-space-xs);
}

/* ----- Action bar ----- */
.ark-actionbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: var(--ark-space-sm);
  padding-bottom: var(--ark-space-sm);
  margin-top: var(--ark-space-sm);
  gap: var(--ark-space-sm);
}

/* ----- Layout stacks ----- */
.ark-stack-dense {
  display: flex;
  flex-direction: column;
  gap: var(--ark-section-gap);
}

.ark-vstack-tight {
  display: flex;
  flex-direction: column;
  gap: var(--ark-space-sm);
}

/* ----- RO concern rhythm ----- */
.ark-concern-body.ark-concern-stack > .ark-concern-expanded-panel + .ark-concern-actions {
  margin-top: var(--ark-space-md);
}

.ark-concern-workspace .ark-concern-body.ark-concern-stack > .ark-concern-expanded-panel + .ark-concern-actions {
  margin-top: 0;
}

.concern-card.collapsed .ark-concern-body.ark-concern-stack > .ark-concern-expanded-panel + .ark-concern-actions,
.ark-concern-card.collapsed .ark-concern-body.ark-concern-stack > .ark-concern-expanded-panel + .ark-concern-actions {
  margin-top: 0 !important;
}

.ark-concern-expanded-panel .concern-line-items.ark-concern-line-items {
  padding-top: var(--ark-space-sm);
}

.ark-concern-toolbar .ark-command-btn,
.ark-concern-toolbar .concern-action-btn.row-action-btn {
  min-height: var(--ark-control-height);
}

.ark-concern-toolbar select.ark-pill-btn.concern-action-select-wide,
.ark-concern-toolbar select.ark-pill-btn.ark-concern-severity-select {
  height: var(--ark-control-height);
  min-height: var(--ark-control-height);
  line-height: var(--ark-control-height);
}

/* Invoice / estimate / money screens: primary action rows match RO control height */
.ark-invoice-actions.ark-control-group .btn-sm,
.ark-estimate-actions.ark-control-group .btn:not(.btn-lg) {
  min-height: var(--ark-control-height);
  display: inline-flex;
  align-items: center;
}

/* ----- RO Hub drawer (workflow hub) ----- */
.ro-hub-header {
  padding: var(--ark-card-padding);
}

.ro-hub-body {
  padding: var(--ark-card-padding);
}

.ro-hub-drawer .hub-section {
  margin-bottom: var(--ark-section-gap);
}

.ro-hub-drawer .hub-section h6 {
  margin-bottom: var(--ark-space-sm);
}

/* ----- Command Center bar (sticky summary card) ----- */
#command-center-bar.card {
  margin-bottom: var(--ark-section-gap);
}

#command-center-bar .card-header {
  padding: var(--ark-space-sm) var(--ark-card-padding) !important;
}

#command-center-bar .card-body {
  padding: var(--ark-space-sm) var(--ark-card-padding) !important;
}

#command-center-bar-body .d-flex {
  gap: var(--ark-space-md) !important;
}

/* Harmonize opt-in dividers / stacks with tokens */
.ark-divider {
  margin: var(--ark-section-gap) 0;
}