/*
 * Cinelor Default Template - view helper classes
 *
 * Module views should provide semantic markup and use these shared helper
 * classes instead of inline styles. Templates may redefine these classes to
 * adapt module views to their own visual language.
 */

.view-mt-xs { margin-top: 8px; }
.view-mt-sm { margin-top: 12px; }
.view-mt-md { margin-top: 16px; }
.view-mt-lg { margin-top: 24px; }
.view-mt-xl { margin-top: 28px; }

.view-mb-sm { margin-bottom: 12px; }
.view-mb-md { margin-bottom: 16px; }
.view-mb-lg { margin-bottom: 24px; }

.view-form-flow {
  display: contents;
}

.view-actions-center {
  justify-content: center;
}

.view-check-card {
  cursor: pointer;
}

.view-check-card .view-checkbox-compact,
.view-checkbox-compact {
  width: 18px;
  height: 18px;
  min-width: 18px;
  max-width: 18px;
  min-height: 18px;
  max-height: 18px;
  flex: 0 0 18px;
  margin: 2px 0 0;
  transform: none;
  accent-color: var(--accent);
}

.view-permission-list {
  margin-top: 14px;
  display: grid;
  gap: 20px;
}

.view-permission-badge {
  margin-top: 8px;
}

.view-note-actions {
  margin-top: 12px;
}