/* Version: v1.1.0 (2026-07-13) — DESIGN.md dark teal */
/* Environment: HOAMLABS 아이디 관리 공통 UI CSS */
/* Author: Cursor Agent (Approved by SHIN) */

.idm-toolbar { margin-bottom: 1rem; }
.idm-add-btn {
  display: inline-flex; align-items: center; gap: .4rem;
  padding: .55rem 1.1rem; border: none; border-radius: 999px;
  background: linear-gradient(135deg, #0F5C61, #148A8F);
  color: #fff; font-family: inherit; font-size: .85rem; font-weight: 700;
  cursor: pointer; transition: opacity .18s;
}
.idm-add-btn:hover { opacity: .88; }

.idm-add-form {
  display: flex; flex-wrap: wrap; gap: .6rem; align-items: center;
  margin-bottom: 1rem; padding: 1rem;
  background: rgba(45,212,191,.08); border-radius: 12px;
  border: 1.5px solid rgba(15,92,97,.25);
}
.idm-input {
  flex: 1; min-width: 140px; max-width: 200px;
  padding: .5rem .8rem; border: 1.5px solid #D5E8E5;
  border-radius: 8px; font-family: inherit; font-size: .88rem;
  background: #fff; outline: none; color: #0A2428;
  transition: border-color .18s;
}
.idm-input:focus { border-color: #148A8F; }
.idm-save-btn {
  padding: .5rem 1rem; border: none; border-radius: 8px;
  background: #059669; color: #fff; font-family: inherit;
  font-size: .84rem; font-weight: 700; cursor: pointer;
}
.idm-cancel-btn {
  padding: .5rem 1rem; border: 1.5px solid #D5E8E5; border-radius: 8px;
  background: #fff; color: #5A7A78; font-family: inherit;
  font-size: .84rem; font-weight: 600; cursor: pointer;
}

.idm-table-wrap { overflow-x: auto; }
.idm-table { width: 100%; border-collapse: collapse; font-size: .88rem; }
.idm-table thead tr { background: rgba(15,92,97,.06); }
.idm-table th, .idm-table td {
  padding: .7rem .85rem; text-align: left; border-bottom: 1px solid #D5E8E5;
}
.idm-table th {
  font-size: .74rem; font-weight: 700; letter-spacing: .05em;
  text-transform: uppercase; color: #5A7A78;
}
.idm-table tbody tr:hover { background: rgba(45,212,191,.06); }