/* Employer dashboard only */

.theme-premium.employer-dashboard .field-card {
  height: 100%;
}

.theme-premium.employer-dashboard .cardx {
  border-radius: var(--radius-lg);
}

.theme-premium.employer-dashboard .title-strong {
  line-height: 1.3;
}

.theme-premium.employer-dashboard .status-list {
  gap: 12px;
}

.theme-premium.employer-dashboard .status-item .pill {
  flex-shrink: 0;
}

.theme-premium.employer-dashboard .history-item + .history-item {
  margin-top: .75rem;
}

.theme-premium.employer-dashboard input[type='file'].form-control {
  padding-top: .6rem;
  padding-bottom: .6rem;
}

.badge-pending {
  background: #fff3cd;
  color: #946200;
  border: 1px solid #f7d98b;
}

.badge-approved {
  background: #d1fadf;
  color: #027a48;
  border: 1px solid #a6f4c5;
}

.badge-rejected {
  background: #fee4e2;
  color: #b42318;
  border: 1px solid #fecdca;
}

.badge-expired {
  background: #eaecf0;
  color: #344054;
  border: 1px solid #d0d5dd;
}

.badge-pending,
.badge-approved,
.badge-rejected,
.badge-expired {
  font-size: 12px;
  padding: 6px 10px;
  line-height: 1;
}

.nav-noti-menu{
  width: 360px;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 20px 40px rgba(0,0,0,.08);
  overflow: hidden;
}

.nav-noti-header{
  font-weight: 800;
  padding: 12px 16px;
  background: #fafafa;
  border-bottom: 1px solid #eee;
}

.nav-noti-item{
  padding: 12px 16px;
  border-bottom: 1px solid #f1f1f1;
  white-space: normal;
  transition: background .2s ease;
}

.nav-noti-item:hover{
  background: #f8fafc;
}

.nav-noti-title{
  font-weight: 700;
  font-size: 14px;
}

.nav-noti-reason{
  font-size: 13px;
  color: #666;
  margin-top: 4px;
}

.nav-noti-time{
  font-size: 12px;
  color: #9aa1a9;
  margin-top: 6px;
}

.nav-noti-badge{
  font-size: 11px;
  font-weight: 700;
  min-width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nav-tooltip .tooltip-inner{
  background:#1f2328;
  color:#fff;
  font-size:13px;
  font-weight:600;
  padding:8px 10px;
  border-radius:12px;
}

.nav-tooltip.bs-tooltip-bottom .tooltip-arrow::before{
  border-bottom-color:#1f2328;
}

.theme-premium.employer-dashboard .nav-noti-dropdown:hover > .dropdown-menu {
  display: none !important;
}

.theme-premium.employer-dashboard .nav-noti-dropdown > .dropdown-menu.show {
  display: block !important;
}

@media (max-width: 991.98px) {
  .theme-premium.employer-dashboard .wrap {
    padding-top: 12px;
  }

  .theme-premium.employer-dashboard .status-item {
    align-items: flex-start;
  }

  .theme-premium.employer-dashboard .nav-noti-menu{
    width: 320px;
  }
}

/* =========================================================
EMPLOYER DASHBOARD MOBILE OPTIMIZE - CSS ONLY
========================================================= */
@media (max-width: 767.98px) {
  .theme-premium.employer-dashboard .wrap {
    padding-top: 10px;
    padding-bottom: 88px;
  }

  .theme-premium.employer-dashboard .field-card {
    padding: 12px;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(2, 6, 23, .06);
  }

  .theme-premium.employer-dashboard .cardx {
    border-radius: 16px;
  }

  .theme-premium.employer-dashboard .cardx .card-body,
  .theme-premium.employer-dashboard .cardx .cardx-body,
  .theme-premium.employer-dashboard .cardx .p-4,
  .theme-premium.employer-dashboard .cardx .p-3 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .theme-premium.employer-dashboard .title-strong {
    line-height: 1.25;
  }

  .theme-premium.employer-dashboard .col-12.d-flex.justify-content-end {
    justify-content: stretch !important;
  }

  .theme-premium.employer-dashboard .col-12.d-flex.justify-content-end .btn,
  .theme-premium.employer-dashboard #btnShowForm,
  .theme-premium.employer-dashboard #btnBackToForm,
  .theme-premium.employer-dashboard #btnLoadMoreHistory {
    width: 100%;
    min-height: 46px;
    justify-content: center;
  }

  .theme-premium.employer-dashboard .btn {
    min-height: 44px;
  }

  .theme-premium.employer-dashboard .d-flex.justify-content-between.align-items-end.gap-3.flex-wrap.mb-3,
  .theme-premium.employer-dashboard .d-flex.justify-content-between.align-items-center.gap-2.flex-wrap,
  .theme-premium.employer-dashboard .d-flex.justify-content-between.align-items-start.gap-3 {
    align-items: stretch !important;
  }

  .theme-premium.employer-dashboard .d-flex.gap-2.flex-wrap {
    width: 100%;
    gap: 10px !important;
  }

  .theme-premium.employer-dashboard .status-list {
    gap: 10px;
  }

  .theme-premium.employer-dashboard .status-item {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding: 12px;
    border-radius: 14px;
  }

  .theme-premium.employer-dashboard .status-item .pill {
    align-self: flex-start;
  }

  .theme-premium.employer-dashboard .status-left {
    width: 100%;
    min-width: 0;
  }

  .theme-premium.employer-dashboard .status-name {
    white-space: normal;
    overflow: visible;
    text-overflow: initial;
    line-height: 1.35;
  }

  .theme-premium.employer-dashboard .history-item + .history-item {
    margin-top: .65rem;
  }

  .theme-premium.employer-dashboard input[type='file'].form-control {
    min-height: 46px;
    padding-top: .7rem;
    padding-bottom: .7rem;
  }

  .badge-pending,
  .badge-approved,
  .badge-rejected,
  .badge-expired {
    font-size: 11px;
    padding: 6px 9px;
  }

  .nav-noti-menu{
    width: min(92vw, 340px);
    max-width: min(92vw, 340px);
    border-radius: 14px;
  }

  .nav-noti-header{
    padding: 12px 14px;
    font-size: 14px;
  }

  .nav-noti-item{
    padding: 12px 14px;
  }

  .nav-noti-title{
    font-size: 13px;
    line-height: 1.35;
  }

  .nav-noti-reason{
    font-size: 12px;
    line-height: 1.45;
  }

  .nav-noti-time{
    font-size: 11px;
  }

  .nav-noti-badge{
    min-width: 17px;
    height: 17px;
    font-size: 10px;
  }

  .nav-tooltip .tooltip-inner{
    font-size:12px;
    padding:7px 9px;
    border-radius:10px;
  }

  .theme-premium.employer-dashboard .table-responsive {
    border-radius: 14px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }

  .theme-premium.employer-dashboard .form-control,
  .theme-premium.employer-dashboard .form-select {
    min-height: 44px;
    border-radius: 12px;
  }

  .theme-premium.employer-dashboard textarea.form-control {
    min-height: 120px;
  }

  .theme-premium.employer-dashboard .modal-content {
    border-radius: 18px;
  }

  .theme-premium.employer-dashboard .modal-header,
  .theme-premium.employer-dashboard .modal-body,
  .theme-premium.employer-dashboard .modal-footer {
    padding-left: 14px;
    padding-right: 14px;
  }
}

@media (max-width: 575.98px) {
  .theme-premium.employer-dashboard .wrap {
    padding-top: 8px;
    padding-bottom: 84px;
  }

  .theme-premium.employer-dashboard .field-card {
    padding: 10px;
    border-radius: 14px;
  }

  .theme-premium.employer-dashboard .cardx {
    border-radius: 14px;
  }

  .theme-premium.employer-dashboard .cardx .card-body,
  .theme-premium.employer-dashboard .cardx .cardx-body,
  .theme-premium.employer-dashboard .cardx .p-4,
  .theme-premium.employer-dashboard .cardx .p-3 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .theme-premium.employer-dashboard .btn,
  .theme-premium.employer-dashboard #btnShowForm,
  .theme-premium.employer-dashboard #btnBackToForm,
  .theme-premium.employer-dashboard #btnLoadMoreHistory {
    min-height: 44px;
    font-size: .95rem;
  }

  .theme-premium.employer-dashboard .status-item {
    padding: 10px;
    border-radius: 12px;
  }

  .theme-premium.employer-dashboard .status-item .pill {
    font-size: .78rem;
  }

  .theme-premium.employer-dashboard .status-count {
    min-width: 32px;
    height: 28px;
    padding: 0 8px;
    font-size: .88rem;
  }

  .theme-premium.employer-dashboard .nav-noti-menu{
    width: min(94vw, 320px);
    max-width: min(94vw, 320px);
    border-radius: 12px;
  }

  .nav-noti-header{
    padding: 10px 12px;
  }

  .nav-noti-item{
    padding: 10px 12px;
  }

  .nav-noti-title{
    font-size: 12.5px;
  }

  .nav-noti-reason{
    font-size: 11.5px;
  }

  .nav-noti-time{
    font-size: 10.5px;
  }

  .theme-premium.employer-dashboard .form-control,
  .theme-premium.employer-dashboard .form-select {
    border-radius: 10px;
  }

  .theme-premium.employer-dashboard .modal-content {
    border-radius: 16px;
  }

  .theme-premium.employer-dashboard .modal-header,
  .theme-premium.employer-dashboard .modal-body,
  .theme-premium.employer-dashboard .modal-footer {
    padding-left: 12px;
    padding-right: 12px;
  }
}



.dash-topbar{z-index:1040}.topbar-actions,.topbar-actions-mobile{min-height:64px}.topbar-icon-btn,.topbar-avatar-trigger{width:42px;height:42px;border-radius:14px;border:1px solid rgba(15,23,42,.08);background:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(15,23,42,.05)}.topbar-post-btn{min-height:42px;padding-inline:16px}.app-avatar{width:36px;height:36px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#111827,#374151);color:#fff;font-size:13px;font-weight:800;letter-spacing:.04em}.app-avatar-lg{width:48px;height:48px;font-size:16px;border-radius:16px}.app-avatar-xl{width:56px;height:56px;font-size:18px;border-radius:18px}.topbar-account-menu{width:320px;border-radius:18px;border:1px solid rgba(15,23,42,.08);box-shadow:0 24px 48px rgba(15,23,42,.12);overflow:hidden}.topbar-account-menu-mobile{width:min(92vw,340px)}.account-menu-head{display:flex;align-items:center;gap:14px;padding:18px 18px 16px}.account-menu-name{font-size:15px;font-weight:800;color:#111827;line-height:1.25}.account-menu-quota{margin-top:4px;font-size:13px;line-height:1.4;color:#6b7280}.account-menu-item{display:flex;align-items:center;gap:10px;padding:13px 18px;font-weight:600}.account-menu-item i{width:18px;text-align:center}.quota-panel{padding:14px 16px;border:1px solid rgba(59,130,246,.12);border-radius:18px;background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%)}.quota-panel-label{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#4b5563;margin-bottom:6px}.quota-panel-value{font-size:14px;font-weight:700;line-height:1.45;color:#111827}.status-list{display:grid;gap:12px}.status-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:16px;border:1px solid rgba(15,23,42,.08);background:#fff;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}.status-item:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(15,23,42,.08)}.status-item.active{border-color:rgba(59,130,246,.28);box-shadow:0 14px 32px rgba(37,99,235,.12);background:#f8fbff}.status-left{display:flex;align-items:center;gap:12px;min-width:0}.status-ic{width:40px;height:40px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:#f3f4f6;color:#111827;flex-shrink:0}.status-name{font-weight:700;color:#111827}.status-count{min-width:40px;height:40px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:#111827;color:#fff;font-weight:800}.btn-repost-job{border-color:#dbeafe;background:#eff6ff;color:#1d4ed8}.btn-repost-job:hover{background:#dbeafe;color:#1e40af}.account-side-head{display:flex;align-items:center;gap:14px}.js-unread-badge{animation:pulseBadge .28s ease}.dashboard-heading-row .page-title{margin-bottom:6px}@keyframes pulseBadge{0%{transform:translate(-50%,-50%) scale(.7)}100%{transform:translate(-50%,-50%) scale(1)}}
@media (max-width:767.98px){.status-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.status-item{padding:12px;align-items:flex-start;flex-direction:column}.status-left{width:100%}.status-count{width:100%}.quota-panel-value{font-size:13px}.account-menu-head{padding:16px}.topbar-icon-btn{width:40px;height:40px;border-radius:12px}.nav-noti-menu-mobile{width:min(92vw,340px)}}
@media (max-width:575.98px){.status-item{min-height:118px}.status-name{font-size:13px}.status-count{height:34px;border-radius:12px}}

/*AVATAR USER NHÀ TUYỂN DỤNG Ở HEARDER*/
.app-avatar-img {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  object-fit: cover;
  border: 1px solid #dbe1ea;
  display: block;
  background: #fff;
}

.app-avatar-img-lg {
  width: 60px;
  height: 60px;
  border-radius: 999px;
  object-fit: cover;
  border: 1px solid #dbe1ea;
  display: block;
  background: #fff;
}

.app-avatar-img-xl {
  width: 88px;
  height: 88px;
  border-radius: 999px;
  object-fit: cover;
  border: 1px solid #dbe1ea;
  display: block;
  background: #fff;
}

.app-avatar-xl {
  width: 88px;
  height: 88px;
  font-size: 28px;
  border-radius: 999px;
}