/*
 * WayMCMS.Console — 목록 표의 '작업'(액션) 칸
 *
 * 왜 만들었나: 수정/이전 버튼·상태 select·삭제 form 을 그냥 나열하면
 *   ① inline-block 사이의 줄바꿈 공백이 제각각 들어가 간격이 들쭉날쭉하고
 *   ② select 는 버튼과 baseline 이 달라 줄마다 높이가 어긋나 보이며
 *   ③ select 가 없는 행('상태 고정'·'조회전용')에서 뒤따르는 삭제 버튼이 좌우로 밀린다.
 * 한 줄 flex + 고정 폭 슬롯으로 세 가지를 한꺼번에 잡는다.
 *
 * 쓰는 법:
 *   <td class="text-end">
 *     <div class="ops-row-actions">
 *       ...버튼/폼...
 *       <div class="ops-row-actions__slot">...select 또는 대체 문구...</div>
 *       ...삭제...
 *     </div>
 *   </td>
 *
 * ★ 색은 한 줄도 정하지 않는다 — 라이트/다크는 Tabler 와 console-admin.css 에 맡긴다.
 * ★ 이 파일은 console-admin.css 에 합치지 말 것(그 파일은 손을 자주 타서 편집이 겹친다).
 */

.ops-row-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /* 표는 .table-responsive 안에 있으므로 줄바꿈 대신 가로 스크롤에 맡긴다
       — 버튼이 두 줄로 접히면 행 높이가 제각각이 된다. */
    flex-wrap: nowrap;
    gap: .375rem;
}

/* form 이 끼어 있어도 버튼만 나열한 것처럼 보이게 — 자체 여백을 만들지 않는다 */
.ops-row-actions > form {
    margin: 0;
    display: flex;
}

/* 상태 select 자리. 고정 폭이라 select 가 없는 행에서도 다음 버튼이 흔들리지 않고
   행끼리 세로로 줄이 맞는다. 폭은 가장 긴 값(deprovisioned) 기준. */
.ops-row-actions__slot {
    flex: 0 0 8.5rem;
    max-width: 8.5rem;
    text-align: center;
}

.ops-row-actions__slot > form,
.ops-row-actions__slot > form > .form-select,
.ops-row-actions__slot > .form-select {
    width: 100%;
}