/* ---- Tabs (match HR Applicants look) ---- */
.hoa-tabs { margin-top: 8px; }
.hoa-tablist { list-style:none; padding:0; margin:0 0 12px; display:flex; gap:8px; flex-wrap:wrap; }
.hoa-tab {
  border:1px solid #e5e7eb; background:#fff; border-radius:10px; padding:8px 14px; cursor:pointer;
  font-weight:600; font-size:14px; transition:background .2s, color .2s, border-color .2s;
}
.hoa-tab:hover { background:#f7fafb; }
.hoa-tab.is-active { background:#0f6b7c; color:#fff; border-color:#0f6b7c; }
.hoa-tabpanel { display:none; }
.hoa-tabpanel.is-active { display:block; }

/* ---- Tools row + buttons ---- */
.hoa-tools-row { display:flex; gap:16px; flex-wrap:wrap; align-items:center; margin:16px 0; }
.hoa-tools-row input[type="text"] { padding:8px 10px; border:1px solid #cfd8dc; border-radius:8px; min-width:220px; }
.hoa-tools-row .button { background:#0f6b7c; color:#fff; border:none; border-radius:8px; padding:8px 14px; cursor:pointer; }
.hoa-tools-row .button:hover { background:#0b5663; }

/* ---- Dropzone ---- */
.hoa-dropzone { border:2px dashed #b0bec5; border-radius:16px; padding:26px; text-align:center; color:#607d8b; background:#fff; margin-bottom:16px; }
.hoa-dropzone.drag { background:#f0f7f8; border-color:#0f6b7c; }

/* ---- Breadcrumbs ---- */
.hoa-breadcrumbs { font-size:14px; margin:8px 0 14px; }
.hoa-breadcrumbs a { color:#0f6b7c; text-decoration:none; }
.hoa-breadcrumbs a:hover { text-decoration:underline; }

/* ---- Grid (Drive-like) ---- */
.hoa-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:14px; }
.hoa-card {
  background:#fff; border:1px solid #e0e0e0; border-radius:14px; padding:14px;
  display:flex; flex-direction:column; gap:8px; box-shadow:0 1px 3px rgba(0,0,0,.05);
  transition:transform .15s ease, box-shadow .15s ease;
}
.hoa-card:hover { transform:translateY(-2px); box-shadow:0 4px 10px rgba(0,0,0,.06); }
.hoa-card-icon { font-size:30px; color:#0f6b7c; }
.hoa-card-name { font-weight:600; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hoa-card-actions { display:flex; gap:8px; flex-wrap:wrap; }
.hoa-btn { border:1px solid #d0d7de; background:#f8fafc; border-radius:8px; padding:6px 10px; font-size:12px; color:#0f6b7c; cursor:pointer; text-decoration:none; }
.hoa-btn:hover { background:#e9f4f5; }
.hoa-btn.danger { border-color:#f6c1c1; color:#e53935; background:#fff2f2; }
.hoa-empty { color:#9e9e9e; text-align:center; grid-column:1 / -1; padding:16px; }

/* ---- Sidebar mobile toggle (matches your dashboard) ---- */
.hoa-sidebar { width:250px; background:#fff; border-right:1px solid #e5e7eb; padding:16px; transition:all .3s ease; z-index:20; }
.hoa-sidebar-header { display:flex; align-items:center; justify-content:space-between; }
.hoa-sidebar-toggle { background:none; border:none; font-size:22px; cursor:pointer; display:none; }
.hoa-sidebar h3 { margin:0; font-size:18px; color:#0f6b7c; }
.hoa-nav ul { list-style:none; padding:0; margin:24px 0 0 0; }
.hoa-nav li { margin-bottom:10px; }
.hoa-nav a { color:#333; text-decoration:none; display:block; padding:8px 10px; border-radius:8px; font-weight:500; }
.hoa-nav li.active a, .hoa-nav a:hover { background:#0f6b7c; color:#fff; }
.hoa-main { flex:1; padding:24px; }

/* Mobile behavior */
@media (max-width:900px){
  .hoa-sidebar { position:fixed; top:0; left:-260px; height:100%; box-shadow:2px 0 6px rgba(0,0,0,.1); }
  .hoa-sidebar.open { left:0; }
  .hoa-sidebar-toggle { display:inline-block; }
  .hoa-main { padding:20px; }
}