/* Shared V2 list primitives. Keep module-specific tables and filters in each module stylesheet. */
.maya-v2-list-page {
  position: relative !important;
  display: flex !important;
  flex-direction: column;
  box-sizing: border-box;
  width: 100% !important;
  max-width: calc(100vw - var(--maya-v2-rail) - 4px);
  height: 100% !important;
  min-width: 0;
  min-height: 0;
  background: var(--maya-v2-bg);
}

.maya-v2-list-toolbar {
  position: relative;
  flex: 0 0 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  box-sizing: border-box;
  padding: 0 22px;
  border-bottom: 1px solid var(--maya-v2-border);
  background: var(--maya-v2-surface);
}
.maya-v2-list-toolbar-left,
.maya-v2-pager-group,
.maya-v2-pager,
.maya-v2-page-size { display: flex; align-items: center; }
.maya-v2-list-toolbar-left { flex: 0 0 auto; gap: 8px; }
.maya-v2-pager-group { flex: 0 0 auto; gap: 8px; margin-left: auto; }
.maya-v2-pager { gap: 7px; color: #8a95a5; font-size: 11px; white-space: nowrap; }
.maya-v2-pager form { flex: 0 0 auto; width: auto !important; margin: 0; }
.maya-v2-pager input { width: 38px; height: 26px; padding: 0 5px; border: 1px solid #dfe4ed; border-radius: 6px; color: #596577; background: #fff; font-size: 11px; text-align: center; }
.maya-v2-pager button { width: 26px; height: 28px; padding: 0; border: 0; border-radius: 6px; color: #687589; background: transparent; cursor: pointer; }
.maya-v2-pager button:hover { color: #5e4fd1; background: #f4f2ff; }
.maya-v2-page-size { gap: 6px; color: #7b8798; font-size: 11px; }
.maya-v2-page-size select { height: 30px; padding: 0 6px; border: 1px solid #dfe4ed; border-radius: 6px; color: #475569; background: #fff; }

/* Shared form action alignment; each module still owns its form layout and fields. */
.maya-v2-form-heading { display: flex; align-items: center; justify-content: space-between; }
.maya-v2-form-heading-actions { display: flex; align-items: center; gap: 8px; }
.maya-v2-form-heading-actions .btn { min-width: 76px; height: 32px; padding: 0 14px; border: 0; border-radius: 7px; font-size: 12px; }
.maya-v2-form-heading-actions .btn:hover,
.maya-v2-form-actions .btn:hover { opacity: .9; }
.maya-v2-form-actions { display: flex; justify-content: center; gap: 8px; }
.maya-v2-form-actions .btn { min-width: 84px; height: 34px; padding: 0 15px; border: 0; border-radius: 7px; font-size: 12px; }

@media (max-width: 760px) {
  .maya-v2-list-page { max-width: 100vw; }
  .maya-v2-page-size,
  .maya-v2-pager form { display: none; }
  .maya-v2-list-toolbar { gap: 4px; padding: 0 8px; }
  .maya-v2-list-toolbar-left { flex: 0 0 auto; gap: 2px; }
  .maya-v2-pager { gap: 2px; font-size: 10px; }
}