/*unit.css*/
/* Thẻ search-card */
.search-card { background:var(--card); border:1px solid var(--border); border-radius:14px; padding:20px 20px; width:100%; max-width:600px; box-shadow:0 6px 16px var(--shadow); }
.search-card { margin:0 auto 24px; box-shadow:0 4px 10px var(--shadow); }
form { display:flex; gap:10px; }
.input-wrap { position:relative; flex:1; }
input.search-input { width:100%; padding:12px 14px 12px 40px; border:1px solid var(--border); border-radius:10px; font-size:15px; outline:none; transition:border-color .2s,box-shadow .2s; }
input.search-input:focus { border-color:var(--accent1); box-shadow:0 0 0 3px rgba(37,99,235,.15); }
button.search-btn { background:linear-gradient(90deg,var(--accent1),var(--accent2)); border:none; color:#fff; font-weight:600; font-size:15px; border-radius:10px; padding:12px 18px; cursor:pointer; transition:transform .15s,box-shadow .15s; box-shadow:0 4px 10px rgba(147,51,234,.25); }
button.search-btn:hover { transform:translateY(-1px); box-shadow:0 6px 16px rgba(147,51,234,.25); }

/* Unit result */
.unit-result { max-width:600px; margin:0 auto; background:var(--card); border:1px solid var(--border); border-radius:14px; padding:20px 24px; box-shadow:0 2px 6px var(--shadow); }
.unit-list { display:flex; flex-direction:column; gap:14px; }
.unit-item { display:grid; grid-template-columns:1fr auto; align-items:center; border:none; border-bottom:1px solid #e2e8f0; border-radius:0; padding:14px 0px; box-shadow:none; transition:none; }
.unit-item:last-child { border-bottom:none; }
.unit-item:hover { transform:none; box-shadow:none; }
.unit-mb { color:#ff5722; font-weight:500; }
.unit-info{line-height:1.5;color:var(--text);font-size:15px}
.unit-code{color:var(--accent1);font-weight:700}
.unit-name{color:#1e293b;font-weight:600}
.unit-detail{color:var(--muted);font-size:14px}
.unit-action{text-align:right}
.detail-btn{background:linear-gradient(90deg,var(--accent1),var(--accent2));border:none;color:#fff;font-weight:600;font-size:14px;border-radius:8px;padding:8px 14px;cursor:pointer;box-shadow:0 3px 8px rgba(147,51,234,.25);transition:transform .15s,box-shadow .15s}
.detail-btn:hover{transform:translateY(-1px);box-shadow:0 5px 12px rgba(147,51,234,.3)}

/* Nhóm select */
.select-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:14px}
.custom-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;padding:8px 40px 8px 14px;font-size:15px;color:var(--text);background-color:var(--card);border:1px solid var(--border);border-radius:10px;cursor:pointer;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%2364748b" viewBox="0 0 24 24"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 12px center;background-size:16px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
.custom-select:hover{background-color:#f1f5f9}
.custom-select:focus{border-color:var(--accent1);box-shadow:0 0 0 3px rgba(37,99,235,.15);outline:none}
.custom-select option{color:var(--text);background-color:#fff;font-size:15px}
.custom-select:disabled{background-color:#f0f0f0!important;color:#888!important;border-color:#ddd!important;opacity:.75;cursor:not-allowed;filter:grayscale(.5)}
.custom-select:not(:disabled):focus{border-color:#4da3ff;box-shadow:0 0 4px rgba(77,163,255,.5)}
@media(max-width:600px){.select-group{grid-template-columns:repeat(2,1fr);gap:10px}}

/* Tên & số điện thoại highlight */
.dienthoai{color:#dc2626;font-weight:500}
.hoten{font-weight:bold;color:#1e293b}

.xem-them-btn {
  display: block;
  margin: 15px auto;
  padding: 10px 20px;
  border: none;
  border-radius: 8px;
  background: #007bff;
  color: white;
  font-weight: 600;
  cursor: pointer;
}
.xem-them-btn:hover {
  background: #0056b3;
}