/*
 * Shared Patterns
 *
 * Low-specificity groups for repeated declaration blocks. These keep existing
 * BEM classes intact while centralizing stable layout and text patterns.
 */

/* Row split with medium gap */
:where(
  .project-card__row,
  .project-card__progress-meta,
  .project-card__detail,
  .comment-row__header,
  .feedback-meeting-item__header,
  .idea-dashboard__header-bar,
  .evaluation-evaluator-form__pair,
  .goal-card__status-row,
  .goal-card__progress-meta,
  .goal-card__detail-row,
  .main-panel-header,
  .payroll-page__header-row,
  .payroll-line-item-card__header,
  .report-feedback-page__header-bar,
  .report-contract-page__header-bar,
  .report-time-header__bar,
  .report-absence-page__header-bar,
  .report-absence-overview-card__row,
  .report-absence-urgency-card__row,
  .report-absence-group-list__row,
  .report-absence-kpi-card__row,
  .admin-skill-requirement-summary,
  .training-event-participant__controls,
  .training-content-participant-row__controls,
  .training-lesson-survey__row
) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

/* Inline cluster with small gap */
:where(
  .absence-search-form__legend-item,
  .admin-risk-card__actions,
  .admin-risk-row-actions,
  .admin-risk-form-actions,
  .schedule-list__cell,
  .calendar-selector__summary-pair,
  .note-group__meta,
  .todo-item-row__actions-inner,
  .idea-dashboard__actions,
  .clock-task-switch__toggle,
  .form-inline,
  .sidenav-link__content,
  .payroll-period-detail__header-row,
  .payroll-period-detail__actions,
  .page-progress,
  .report-absence-page__title-row,
  .report-absence-table__badge-wrap,
  .pwa-instructions-item,
  .training-content-table__survey-link,
  .training-content-bulk-bar__form,
  .training-lesson-notice__content,
  .training-lesson-survey__summary
) {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* Row split */
:where(
  .job-architecture-summary__row,
  .job-architecture-score-card__row,
  .survey-link-row,
  .approval-event-item__layout,
  .main-approval-event__row,
  .job-application-card__header,
  .meeting-template-question,
  .candidate-meeting-question,
  .complaint-card__header-row,
  .crm-company-search-panel__fields,
  .crm-contact-search__fields,
  .goal-metric-row__body,
  .purchase-invoice-document__brand,
  .purchase-form-provider__label-row,
  .main-ranking-header,
  .record-tabs__bar,
  .report-time-table__activity-cell
) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Responsive row split */
@media (min-width: 640px) {
  :where(
    .admin-survey-question-option__row,
    .complaint-show-header,
    .complaint-manager-header__layout,
    .finance-nested-row__fields,
    .clock-in-actions,
    .page-section
  ) {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

@media (min-width: 768px) {
  :where(
    .admin-employee-search-panel__fields,
    .config-account-summary,
    .dashboard-breakdown,
    .admin-analytics-header,
    .employee-dashboard-header__content,
    .page-title
  ) {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

/* Unstyled list */
:where(
  .absence-collisions__list,
  .absence-dashboard-list,
  .admin-risk-dashboard-list__items,
  .survey-vote-list,
  .report-absence-group-list,
  .candidate-meeting-template-stack,
  .meeting-template-question-group__list,
  .candidate-meeting-template__list,
  .subscription-modules-list
) {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Inline cluster with medium gap */
:where(
  .calendar-selector__summary-pairs,
  .goal-status-update-fields,
  .admin-permissions-intro__actions,
  .report-absence-overview-card__main,
  .report-absence-warning__item-main,
  .report-absence-warning__item-meta,
  .training-event-complete-card__content
) {
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* Dropzone message */
:where(
  .admin-risk-dropzone-message,
  .complaint-action-dropzone,
  .ticket-dropzone-message,
  .document-dropzone-message,
  .expense-dropzone-message,
  .content-form__dropzone-message,
  .admin-template-dropzone__message,
  .training-content-files__message
) {
  padding-block: 1.5rem;
  padding-inline: 1rem;
  color: var(--color-ink-light);
  text-align: center;
}

/* Value row */
:where(
  .survey-distribution__value,
  .dashboard-vote__value-row,
  .dashboard-kpi__row,
  .purchase-summary-card__value,
  .item-summary__value-row
) {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-block-start: 0.25rem;
}

/* Large value text */
:where(
  .summary-card__value,
  .dashboard-stat__value,
  .idea-dashboard__title,
  .report-contract-page__title,
  .report-absence-page__title
) {
  margin: 0;
  color: var(--color-ink);
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2rem;
}

/* Vertical stack with large gap and top margin */
:where(
  .survey-response-review-section__layout,
  .agenda-schedule-select,
  .admin-dashboard-split,
  .employee-dashboard-header,
  .invoice-advanced-fields
) {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-block-start: 1.5rem;
}

/* Centered flex */
:where(
  .main-calendar-mid-day__dot-wrap,
  .competency-table__toggle-cell,
  .page-box__footer,
  .public-auth-actions--center,
  .public-job-application-card__heading-icon-wrap
) {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Wrapping inline cluster */
:where(
  .reschedule-mobile-card__meta,
  .admin-risk-details__attachments,
  .expense-files__list,
  .form-field__datetime
) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

/* Destructive remove icon */
:where(
  .main-todo-list-item-form__delete-icon,
  .finance-nested-row__remove-icon,
  .goal-metric-row__remove-icon,
  .purchase-line__remove-icon,
  .training-content-remove-icon
) {
  inline-size: 1.5rem;
  block-size: 1.5rem;
  color: var(--color-danger-strong);
}

/* Compact field label */
:where(
  .admin-employee-avatar-field__label,
  .report-feedback-filter__label,
  .report-contract-filter__label,
  .report-absence-filter__label
) {
  display: block;
  color: var(--color-ink-light);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}

/* Spinner title */
:where(
  .admin-expenses-spinner__title,
  .job-step-template-meeting-label,
  .admin-template-auto-form__spinner-title,
  .expense-spinner__title
) {
  margin-block-start: 1rem;
  color: var(--color-ink-light);
  font-size: 0.875rem;
  font-weight: 500;
}

/* Small helper text */
:where(
  .admin-expenses-spinner__text,
  .admin-template-auto-form__spinner-help,
  .expense-spinner__text,
  .category-responsible-summary
) {
  margin-block-start: 0.5rem;
  color: var(--color-ink-lighter);
  font-size: 0.75rem;
}

/* Empty action row */
:where(
  .admin-office-empty__action-row,
  .idea-empty__action-row,
  .purchase-empty-actions__row,
  .main-notice-action__row
) {
  display: flex;
  margin-block: -0.375rem;
  margin-inline: -0.5rem;
}

/* Description-list label */
:where(
  .survey-message__term,
  .complaint-info-list__label,
  .config-oauth-detail__term,
  .payroll-period-detail__meta-label
) {
  color: var(--color-ink-lighter);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}

/* Description-list value */
:where(
  .survey-message__text,
  .complaint-info-list__value,
  .config-oauth-detail__description,
  .payroll-period-detail__meta-value
) {
  margin-block-start: 0.25rem;
  color: var(--color-ink);
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* Section header row */
:where(
  .survey-section__header,
  .calendar-selector__nav,
  .employee-card__header,
  .chat-room-sidebar__title-row
) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-block-end: 1rem;
}

/* Prose heading emphasis */
:where(
  .rich-text :where(h1, h2, h3, h4),
  .content-article__prose :where(h2, h3, h4),
  .idea-show__description :where(h1, h2, h3, h4),
  .public-job-detail__prose :where(h1, h2, h3, h4)
) {
  color: var(--color-ink);
  font-weight: 700;
  line-height: 1.25;
}

/* Muted medium label */
:where(
  .job-architecture-detail-list__term,
  .admin-risk-details__label,
  .rating-summary__label,
  .progress-step__description
) {
  color: var(--color-ink-lighter);
  font-size: 0.875rem;
  font-weight: 500;
}

/* Full-height column */
:where(
  .booking-header,
  .main-calendar-header-shell,
  .report-date-header,
  .report-absence-calendar-day__inner
) {
  display: flex;
  flex-direction: column;
  block-size: 100%;
}

/* Small hint below heading */
:where(
  .schedule-form-section__hint,
  .admin-resource-availability__description,
  .config-empty-state__body,
  .payroll-page__description
) {
  margin-block-start: 0.25rem;
  color: var(--color-ink-lighter);
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* Compact vertical stack */
:where(
  .shift-agenda-employees,
  .employee-card__summary,
  .employee-card__meta-list,
  .form-stack,
  .meeting-notes__list
) {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* Raised panel shell */
:where(
  .settings-category-card,
  .main-notes-panel,
  .report-feedback-chart-card,
  .report-contract-chart-card
) {
  overflow: hidden;
  border-radius: var(--radius-lg);
  background-color: var(--color-surface);
  box-shadow: var(--shadow-panel);
}

/* Subtle body text */
:where(
  .content-form-sidebar__body,
  .content-form-sidebar__description,
  .main-onboarding-edit__visibility,
  .report-absence-warning__names,
  .training-event-detail__muted
) {
  color: var(--color-subtle);
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* Search/action icon */
:where(
  .crm-company-filter__submit-icon,
  .expense-search__button-icon,
  .main-search-row__icon,
  .report-absence-action-button__icon
) {
  inline-size: 1.25rem;
  block-size: 1.25rem;
  margin-inline-end: 0.5rem;
}

/* Report description text */
:where(
  .report-portal__subtitle,
  .report-feedback-page__description,
  .report-absence-table-card__description,
  .report-absence-empty__description,
  .report-feedback-empty__description,
  .report-contract-page__description,
  .report-contract-empty__description,
  .report-absence-page__description
) {
  margin-block: 0;
  margin-block-start: 0.25rem;
  color: var(--color-subtle);
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* Inline cluster with three-quarter gap */
:where(
  .job-application-affinity,
  .project-card__pending,
  .main-feedback-card__reply-header,
  .goal-card__detail-label,
  .sidenav-folded-link__label
) {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* Medium section heading with reset */
:where(
  .absence-editor__title,
  .reschedule-form__help-title,
  .admin-employee-heading,
  .admin-expenses-heading,
  .admin-risk-heading,
  .admin-survey-heading,
  .schedule-form-section__title,
  .main-ranking-trend__title,
  .main-onboarding-edit__title,
  .chat-room-form-layout__heading,
  .admin-complaint-info__title,
  .admin-dashboard-section__title,
  .employee-dashboard-trends__title,
  .expense-form-heading,
  .main-panel-title,
  .report-feedback-chart-card__title
) {
  margin: 0;
  color: var(--color-ink);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
}

/* Vertical stack with medium gap */
:where(
  .admin-employee-search-panel__fields,
  .admin-risk-form-stack,
  .admin-survey-search__filters,
  .admin-calendar-search__top-row,
  .admin-calendar-search__bottom-row,
  .admin-calendar-search__date-fields,
  .admin-calendar-search__filters,
  .project-card__section,
  .complaint-show-header,
  .complaint-manager-header__layout,
  .config-account-summary,
  .finance-nested-row__fields,
  .finance-discount-condition,
  .finance-discount-condition__receiver,
  .admin-filter-form__fields,
  .dashboard-breakdown,
  .admin-analytics-header,
  .goal-card__status,
  .goal-card__progress,
  .invoice-event-stack,
  .invoice-help-stack,
  .payroll-line-items,
  .report-absence-filter
) {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* Medium section heading */
:where(
  .admin-employee-new__title,
  .admin-job-offer-edit__heading,
  .admin-job-offer-public-page__heading,
  .job-architecture-form-section__title,
  .job-architecture-show-header__title,
  .vote-feedback-card__title,
  .candidate-profile__heading,
  .candidate-subsection__empty-title,
  .content-form-sidebar__title,
  .admin-settings-form__title,
  .admin-account-card__title,
  .crm-company-edit__title,
  .crm-contact-form-page__title,
  .contact-detail-section__title,
  .dashboard-vote__title,
  .evaluation-questions-title,
  .payroll-period-detail__title,
  .training-content-form__title
) {
  color: var(--color-ink);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
}

/* Vertical stack with large gap */
:where(
  .job-architecture-detail-stack,
  .job-valuation-form__fields,
  .admin-risk-list,
  .admin-survey-panel__body--split,
  .admin-survey-dashboard-split,
  .schedule-form-section__stack,
  .schedule-form-section__radio-group,
  .candidate-profile__main,
  .complaint-public-page__layout,
  .complaint-public-detail__layout,
  .config-form-stack,
  .config-oauth-detail,
  .report-start-form__fields,
  .report-absence-stack,
  .report-absence-benchmark__stack,
  .learning-layout
) {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* Form action divider */
:where(
  .admin-employee-modal-actions,
  .admin-job-offer-modal-form__actions,
  .admin-job-offer-content-form__actions,
  .job-valuation-form__actions,
  .admin-survey-form-actions,
  .booking-form__actions,
  .main-onboarding-template-form__actions,
  .chat-room-form-layout__actions,
  .admin-complaint-modal-form__actions,
  .boarding-template-modal__actions,
  .admin-misc-form-actions,
  .report-start-form__actions
) {
  margin-block-start: 2rem;
  padding-block-start: 1.25rem;
  border-block-start: 1px solid var(--color-border);
}

/* Single-column grid */
:where(
  .absence-list,
  .admin-expenses-search-fields,
  .admin-risk-fields,
  .idea-dashboard-card-list,
  .form-fields-layout,
  .report-feedback-filter__fields,
  .report-contract-filter__row,
  .report-absence-summary-layout,
  .report-absence-filter__grid,
  .public-job-application-card__field-layout
) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
}

/* Inline raised shell */
:where(
  .dropdown-link-frame,
  .high5-filter-action__shadow,
  .candidate-top-menu-import__surface,
  .settings-top-menu__action,
  .admin-feedback-action-wrap,
  .admin-analytics-header__button-wrap,
  .admin-ranking-row__link-wrap,
  .dashboard-action-shell,
  .invoice-actions__group,
  .invoice-actions__dropdown,
  .top-menu-action__surface,
  .report-absence-filter__segmented
) {
  display: inline-flex;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

/* Small muted body text */
:where(
  .admin-employee-upload-template,
  .absence-calendar-filter__checkbox-text,
  .candidate-import__template-copy,
  .admin-ideas-moderation-empty,
  .payroll-report-table__cell,
  .report-absence-calendar__legend-text,
  .report-absence-calendar__conflict-count,
  .training-content-form__choice-label,
  .training-content-empty-guide__text,
  .training-lesson__title
) {
  color: var(--color-ink-light);
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* Input icon inset */
:where(
  .absence-search-form__input-icon,
  .admin-reschedule-search-panel__icon,
  .admin-employee-search-panel__query-prefix,
  .admin-survey-participants-search__icon,
  .assignment-search__query-prefix,
  .crm-company-search-panel__query-prefix,
  .crm-contact-search__query-prefix,
  .page-search__prefix
) {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0.5rem;
  display: flex;
  align-items: center;
  pointer-events: none;
}

/* Spaced help text */
:where(
  .absence-editor__copy,
  .reschedule-form__help-text,
  .admin-employee-text,
  .admin-expenses-help,
  .admin-risk-help,
  .admin-survey-help,
  .expense-form-help
) {
  margin: 0.5rem 0 0;
  color: var(--color-ink-lighter);
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* Small strong label */
:where(
  .reschedule-mobile-card__date-range,
  .approval-event-item__title,
  .main-approval-event__title,
  .candidate-skill__name,
  .news-card__employee,
  .report-absence-warning__date,
  .report-absence-benchmark__metric
) {
  color: var(--color-ink);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}

/* Stacked table block */
:where(
  .admin-office-table-block,
  .approval-config-table,
  .schedule-list,
  .main-employee-tasks,
  .rule-config-conditions,
  .page-title__content,
  .admin-skill-table-block
) {
  display: flex;
  flex-direction: column;
  margin-block-start: 1.5rem;
}

/* Large single-column grid */
:where(
  .admin-risk-dashboard-panels,
  .settings-category-layout,
  .settings-account-layout,
  .settings-link-layout,
  .content-form-layout,
  .document-gallery,
  .main-form-layout,
  .payroll-summary-layout,
  .report-portal__grid
) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.5rem;
}

/* Truncated text */
:where(
  .absence-card__truncate,
  .calendar-main-booking,
  .employee-card__truncate,
  .document-card__meta-item:first-child,
  .report-time-activity__description
) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* End-aligned action row */
:where(
  .absence-editor__actions,
  .admin-job-offer-candidate-actions,
  .admin-survey-table-actions,
  .candidate-offer-actions,
  .goal-actions,
  .table-actions
) {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* Submit icon */
:where(
  .admin-expenses-submit-icon,
  .evaluation-matrix-filter__button-icon,
  .ticket-filter-form__submit-icon,
  .admin-filter-form__button-icon,
  .purchase-search-form__icon,
  .report-time-search__button-icon
) {
  inline-size: 1.25rem;
  block-size: 1.25rem;
  margin-inline-end: 0.25rem;
}

/* Small subtle body text */
:where(
  .admin-job-offer-edit__copy,
  .admin-job-offer-edit__visibility,
  .admin-job-offer-public-page__copy,
  .admin-settings-form__description,
  .admin-account-card__body,
  .idea-edit__copy,
  .idea-edit__visibility,
  .admin-permissions-visibility-form-body,
  .payroll-empty-note,
  .admin-skill-requirement-summary__count
) {
  color: var(--color-ink-lighter);
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* Single-column large grid */
:where(
  .job-architecture-form-section,
  .candidate-profile__layout,
  .config-oauth-detail__grid,
  .admin-settings-form__layout,
  .public-job-list,
  .training-content-form__layout
) {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}

/* Small body text */
:where(
  .admin-survey-toggle__label,
  .survey-response-answer-question,
  .survey-response-answer,
  .competency-toggle__label,
  .payroll-report-table__footer-cell,
  .report-absence-group-list__label
) {
  color: var(--color-ink);
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* Three-column form grid */
@media (min-width: 768px) {
  :where(
    .absence-editor__layout,
    .admin-job-offer-edit__layout,
    .evaluation-steps-form
  ) {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
  }
}

/* Compact text reset */
:where(
  .absence-show__event-summary,
  .admin-feedback-item__employee,
  .onboarding-responsible__name,
  .onboarding-responsible__title
) {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* Brand checkbox control */
:where(
  .reschedule-form__checkbox,
  .admin-reschedule-form__checkbox,
  .report-filter__checkbox
) {
  inline-size: 1rem;
  block-size: 1rem;
  border: 1px solid var(--color-border-medium);
  border-radius: var(--radius-sm);
  color: var(--color-brand-strong);
}

/* Search panel shell */
:where(
  .admin-reschedule-search-panel,
  .admin-employee-search-panel,
  .admin-feedback-panel
) {
  margin-block-start: 1.5rem;
  overflow: hidden;
  border-radius: var(--radius-md);
  background-color: var(--color-surface);
  box-shadow: var(--shadow-panel);
}

/* Search field wrapper */
:where(
  .admin-reschedule-search-panel__input-wrap,
  .admin-employee-search-panel__query-wrap,
  .admin-survey-participants-search__field
) {
  position: relative;
  inline-size: 100%;
  color: var(--color-ink-medium);
}

/* Search input with inset icon */
:where(
  .admin-reschedule-search-panel__input,
  .assignment-search__input,
  .crm-company-search-panel__input,
  .crm-contact-search__input
) {
  block-size: 100%;
  padding-block: 0.5rem;
  padding-inline: 2rem 0.75rem;
}

/* Compact modal actions */
:where(
  .admin-reschedule-modal-actions,
  .booking-modal-actions,
  .clock-in-modal__actions
) {
  display: flex;
  justify-content: flex-end;
  margin: 0.5rem;
}

/* Spaced helper text */
:where(
  .admin-employee-new__text,
  .survey-option-card__description,
  .main-panel-help
) {
  margin-block-start: 0.5rem;
  color: var(--color-ink-lighter);
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* Empty-state inline link */
:where(
  .admin-employee-empty-action__link,
  .admin-expenses-empty__link,
  .admin-survey-empty__link
) {
  margin-inline-start: 0.75rem;
  padding: 0.375rem 0.5rem;
  border-radius: var(--radius-md);
  color: var(--color-info-strong);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}

/* Inline action shadow */
:where(
  .admin-employee-submit-wrap,
  .complaint-info-list__action-wrap,
  .complaint-public-form__submit-wrap
) {
  display: inline-flex;
  margin-inline-start: 0.75rem;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

/* Centered stats layout */
:where(
  .admin-expenses-stats,
  .expense-stats,
  .invoice-stats__layout
) {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

/* Inline nested-row divider */
:where(
  .admin-job-offer-skill-fields,
  .main-todo-list-item-form,
  .finance-nested-row
) {
  margin-block-start: 0.5rem;
  padding-block-end: 1rem;
  border-block-end: 1px solid var(--color-border);
}

/* Muted field label */
:where(
  .admin-job-offer-skill-fields__label,
  .job-architecture-score-card__label,
  .employee-name
) {
  color: var(--color-ink-light);
  font-size: 0.875rem;
  font-weight: 500;
}

/* Small semibold title */
:where(
  .candidate-meeting-card__title,
  .job-application-detail__section-title,
  .job-application-detail__sidebar-title,
  .main-feedback-card__reply-author
) {
  color: var(--color-ink);
  font-size: 0.875rem;
  font-weight: 600;
}

/* Muted caption text */
:where(
  .admin-risk-dashboard-list__text,
  .expense-detail-card__caption,
  .expense-detail-card__label,
  .public-job-application-card__subtitle
) {
  margin: 0;
  color: var(--color-ink-lighter);
  font-size: 0.875rem;
}

/* Fixed action cluster */
:where(
  .admin-survey-panel__actions,
  .admin-account-card__actions,
  .visibility-row__actions
) {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

/* Brand metric value */
:where(
  .survey-distribution__percent,
  .dashboard-vote__value,
  .dashboard-kpi__value
) {
  display: flex;
  align-items: baseline;
  color: var(--color-brand-strong);
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2rem;
}

/* End-aligned compact action */
:where(
  .survey-main-item__action,
  .complaint-info-list__value--actions,
  .admin-complaint-table-action
) {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

/* Centered full-width row */
:where(
  .survey-response-footer,
  .employee-dashboard-header__actions,
  .fast-check-in-logo
) {
  display: flex;
  justify-content: center;
  inline-size: 100%;
}

/* Inverted medium icon */
:where(
  .page-notification__icon,
  .chat-panel__avatar-icon,
  .public-job-application__eyebrow-icon
) {
  inline-size: 1.5rem;
  block-size: 1.5rem;
  color: var(--color-ink-inverted);
}

/* Medium semibold heading */
:where(
  .booking-header__title,
  .chat-actions__title,
  .main-evaluation-detail__title,
  .report-contract-metric__value,
  .report-date-header__title
) {
  margin: 0;
  color: var(--color-ink);
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
}

/* Spacious card body */
:where(
  .project-card__body,
  .idea-dashboard__body,
  .goal-card__body
) {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1.5rem;
}

/* Compact tag list */
:where(
  .assignment-side__value--tags,
  .ticket-side__value--tags,
  .training-event-card__skill-list
) {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}

/* Spaced row split */
:where(
  .news-card__meta,
  .form-nested__header,
  .item-upload-form
) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-block-start: 1.5rem;
}

/* Large page title */
:where(
  .changelog-page__title,
  .report-absence-benchmark__value,
  .learning-lesson-header__title
) {
  color: var(--color-ink);
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 2.25rem;
}

/* Top-aligned cluster */
:where(
  .message-error,
  .thinking-message,
  .report-absence-warning__layout,
  .training-content-empty-guide__item
) {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

/* Offset action icon */
:where(
  .admin-feedback-filter-button__icon,
  .admin-complaint-icon,
  .admin-analytics-action__icon
) {
  inline-size: 1.25rem;
  block-size: 1.25rem;
  margin-inline: -0.25rem 0.5rem;
}

/* Single-column grid with medium gap */
:where(
  .config-search-form__fields,
  .config-dashboard-stats,
  .config-dashboard-charts,
  .public-job-filter__grid
) {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

/* Tiny hint text */
:where(
  .admin-settings-form__file-hint,
  .fast-check-in__hint,
  .public-signup-hint
) {
  margin-block-start: 0.5rem;
  color: var(--color-ink-lighter);
  font-size: 0.75rem;
  line-height: 1rem;
}

/* Empty-state icon */
:where(
  .report-feedback-empty__icon,
  .report-contract-empty__icon,
  .report-absence-empty__icon
) {
  display: block;
  inline-size: 3rem;
  block-size: 3rem;
  margin-inline: auto;
  color: var(--color-ink-lighter);
}

/* Small inverted icon */
:where(
  .chat-ai-avatar__icon,
  .public-job-filter__icon,
  .public-job-application-card__heading-icon
) {
  inline-size: 1.25rem;
  block-size: 1.25rem;
  color: var(--color-ink-inverted);
}

/* Compact semibold heading */
:where(
  .chat-room-sidebar__title,
  .invoice-lines-panel__title,
  .public-job-filter__title
) {
  margin: 0;
  color: var(--color-ink);
  font-size: 1.125rem;
  font-weight: 600;
}

/* Outlined compact pill */
:where(
  .skill-pill,
  .idea-likes-badge
) {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: var(--radius-md);
  padding: 0.25rem 0.5rem;
  color: var(--color-ink);
  font-size: 0.75rem;
  font-weight: 500;
  box-shadow: inset 0 0 0 1px var(--color-border);
}

/* Report action button */
:where(
  .report-contract-action-button,
  .report-absence-action-button
) {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 1rem;
  border: 1px solid var(--color-border-medium);
  border-radius: var(--radius-md);
  background-color: var(--color-surface);
  color: var(--color-ink-light);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-decoration: none;
  box-shadow: var(--shadow-sm);
}

/* Summary panel grid shell */
:where(
  .purchase-summary,
  .item-summary
) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  margin-block-start: 2rem;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background-color: var(--color-surface);
  box-shadow: var(--shadow-panel);
}