/* =========================================================
   HUNTER WORKSPACE
   Isolated workspace, pipeline and lead details styling
========================================================= */

/* =========================================================
   DESIGN TOKENS
========================================================= */

.hunter-workspace,
.hunter-new-leads-page {

  --hunter-bg:
    #071425;

  --hunter-bg-soft:
    #0b1b31;

  --hunter-surface:
    rgba(
      24,
      43,
      69,
      0.88
    );

  --hunter-surface-strong:
    rgba(
      31,
      53,
      82,
      0.96
    );

  --hunter-surface-light:
    rgba(
      48,
      72,
      102,
      0.58
    );

  --hunter-surface-hover:
    rgba(
      59,
      88,
      124,
      0.65
    );

  --hunter-border:
    rgba(
      148,
      176,
      213,
      0.18
    );

  --hunter-border-strong:
    rgba(
      117,
      164,
      255,
      0.34
    );

  --hunter-text:
    #f5f8ff;

  --hunter-text-soft:
    #c0ccdc;

  --hunter-text-muted:
    #8595aa;

  --hunter-blue:
    #4d8dff;

  --hunter-blue-soft:
    rgba(
      77,
      141,
      255,
      0.15
    );

  --hunter-cyan:
    #38c8e8;

  --hunter-green:
    #4fd39b;

  --hunter-yellow:
    #f4c750;

  --hunter-orange:
    #f3944f;

  --hunter-red:
    #f06b78;

  --hunter-purple:
    #9a78ff;

  --hunter-shadow:
    0 22px 55px
    rgba(
      0,
      0,
      0,
      0.24
    );

  --hunter-shadow-soft:
    0 12px 28px
    rgba(
      0,
      0,
      0,
      0.16
    );

  --hunter-radius-xl:
    24px;

  --hunter-radius-lg:
    18px;

  --hunter-radius-md:
    13px;

  --hunter-radius-sm:
    9px;

  color:
    var(
      --hunter-text
    );

}

/* =========================================================
   PAGE SHELL
========================================================= */

.hunter-workspace {

  width:
    min(
      100%,
      1320px
    );

  margin:
    0 auto;

  padding:
    24px 26px 60px;

  box-sizing:
    border-box;

}

.hunter-workspace *,
.hunter-workspace *::before,
.hunter-workspace *::after {

  box-sizing:
    border-box;

}

.hunter-workspace-shell {

  display:
    flex;

  flex-direction:
    column;

  gap:
    18px;

}

.hunter-workspace-main {

  min-width:
    0;

}

.hunter-workspace-view {

  animation:
    hunterViewEnter
    180ms ease-out;

}

@keyframes hunterViewEnter {

  from {

    opacity:
      0;

    transform:
      translateY(
        5px
      );

  }

  to {

    opacity:
      1;

    transform:
      translateY(
        0
      );

  }

}

/* =========================================================
   WORKSPACE HEADER
========================================================= */

.hunter-workspace-header {

  position:
    relative;

  overflow:
    hidden;

  display:
    flex;

  align-items:
    flex-start;

  justify-content:
    space-between;

  gap:
    24px;

  padding:
    26px 28px;

  border:
    1px solid
    var(
      --hunter-border
    );

  border-radius:
    var(
      --hunter-radius-xl
    );

  background:
    linear-gradient(
      135deg,
      rgba(
        38,
        67,
        106,
        0.96
      ),
      rgba(
        17,
        34,
        58,
        0.96
      )
    );

  box-shadow:
    var(
      --hunter-shadow-soft
    );

}

.hunter-workspace-header::before {

  content:
    "";

  position:
    absolute;

  width:
    360px;

  height:
    360px;

  top:
    -250px;

  right:
    -90px;

  border-radius:
    999px;

  background:
    radial-gradient(
      circle,
      rgba(
        77,
        141,
        255,
        0.30
      ),
      transparent 68%
    );

  pointer-events:
    none;

}

.hunter-workspace-header::after {

  content:
    "";

  position:
    absolute;

  width:
    260px;

  height:
    260px;

  bottom:
    -210px;

  left:
    28%;

  border-radius:
    999px;

  background:
    radial-gradient(
      circle,
      rgba(
        56,
        200,
        232,
        0.16
      ),
      transparent 70%
    );

  pointer-events:
    none;

}

.hunter-workspace-heading {

  position:
    relative;

  z-index:
    1;

  min-width:
    0;

}

.hunter-workspace-eyebrow {

  display:
    inline-flex;

  align-items:
    center;

  gap:
    7px;

  min-height:
    26px;

  padding:
    5px 10px;

  margin-bottom:
    10px;

  border:
    1px solid
    rgba(
      105,
      157,
      255,
      0.42
    );

  border-radius:
    999px;

  background:
    rgba(
      42,
      95,
      190,
      0.22
    );

  color:
    #cfe0ff;

  font-size:
    11px;

  font-weight:
    800;

  letter-spacing:
    0.07em;

  text-transform:
    uppercase;

}

.hunter-workspace-title {

  margin:
    0;

  color:
    var(
      --hunter-text
    );

  font-size:
    clamp(
      28px,
      3vw,
      40px
    );

  line-height:
    1.05;

  letter-spacing:
    -0.035em;

}

.hunter-workspace-subtitle {

  max-width:
    760px;

  margin:
    10px 0 0;

  color:
    var(
      --hunter-text-soft
    );

  font-size:
    14px;

  line-height:
    1.6;

}

.hunter-workspace-header-actions {

  position:
    relative;

  z-index:
    1;

  display:
    flex;

  align-items:
    center;

  justify-content:
    flex-end;

  flex-wrap:
    wrap;

  gap:
    10px;

}

/* =========================================================
   STATUS PULSE
========================================================= */

.hunter-live-status {

  display:
    inline-flex;

  align-items:
    center;

  gap:
    9px;

  min-height:
    38px;

  padding:
    8px 13px;

  border:
    1px solid
    rgba(
      79,
      211,
      155,
      0.28
    );

  border-radius:
    999px;

  background:
    rgba(
      79,
      211,
      155,
      0.09
    );

  color:
    #baf4d8;

  font-size:
    12px;

  font-weight:
    700;

}

.hunter-live-status-dot {

  width:
    8px;

  height:
    8px;

  border-radius:
    999px;

  background:
    var(
      --hunter-green
    );

  box-shadow:
    0 0 0 5px
    rgba(
      79,
      211,
      155,
      0.12
    );

}

/* =========================================================
   HORIZONTAL WORKSPACE TABS
========================================================= */

.hunter-workspace-tabs-shell {

  position:
    sticky;

  top:
    0;

  z-index:
    30;

  padding:
    10px;

  border:
    1px solid
    var(
      --hunter-border
    );

  border-radius:
    var(
      --hunter-radius-lg
    );

  background:
    rgba(
      12,
      29,
      51,
      0.94
    );

  box-shadow:
    0 12px 32px
    rgba(
      0,
      0,
      0,
      0.14
    );

  backdrop-filter:
    blur(
      18px
    );

}

.hunter-workspace-tabs {

  display:
    flex;

  align-items:
    stretch;

  gap:
    7px;

  overflow-x:
    auto;

  scrollbar-width:
    thin;

  scrollbar-color:
    rgba(
      121,
      153,
      194,
      0.42
    )
    transparent;

}

.hunter-workspace-tab {

  position:
    relative;

  flex:
    0 0 auto;

  min-height:
    46px;

  padding:
    10px 16px;

  border:
    1px solid
    transparent;

  border-radius:
    11px;

  background:
    transparent;

  color:
    var(
      --hunter-text-muted
    );

  font-family:
    inherit;

  font-size:
    13px;

  font-weight:
    750;

  cursor:
    pointer;

  transition:
    background 150ms ease,
    border-color 150ms ease,
    color 150ms ease,
    transform 150ms ease;

}

.hunter-workspace-tab:hover {

  border-color:
    var(
      --hunter-border
    );

  background:
    rgba(
      255,
      255,
      255,
      0.045
    );

  color:
    var(
      --hunter-text
    );

  transform:
    translateY(
      -1px
    );

}

.hunter-workspace-tab.is-active {

  border-color:
    rgba(
      77,
      141,
      255,
      0.45
    );

  background:
    linear-gradient(
      135deg,
      rgba(
        77,
        141,
        255,
        0.23
      ),
      rgba(
        56,
        200,
        232,
        0.10
      )
    );

  color:
    #ffffff;

  box-shadow:
    inset 0 -2px 0
    var(
      --hunter-blue
    );

}

.hunter-workspace-tab-count {

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  min-width:
    22px;

  height:
    22px;

  margin-left:
    7px;

  padding:
    0 6px;

  border-radius:
    999px;

  background:
    rgba(
      255,
      255,
      255,
      0.08
    );

  color:
    currentColor;

  font-size:
    10px;

  font-weight:
    800;

}

/* =========================================================
   GENERIC HUNTER PANELS
========================================================= */

.hunter-panel {

  border:
    1px solid
    var(
      --hunter-border
    );

  border-radius:
    var(
      --hunter-radius-xl
    );

  background:
    linear-gradient(
      145deg,
      rgba(
        31,
        53,
        82,
        0.94
      ),
      rgba(
        19,
        37,
        62,
        0.96
      )
    );

  box-shadow:
    var(
      --hunter-shadow-soft
    );

}

.hunter-panel-inner {

  padding:
    24px;

}

.hunter-panel-header {

  display:
    flex;

  align-items:
    flex-start;

  justify-content:
    space-between;

  gap:
    18px;

  margin-bottom:
    20px;

}

.hunter-panel-title {

  margin:
    0;

  color:
    var(
      --hunter-text
    );

  font-size:
    19px;

  line-height:
    1.2;

}

.hunter-panel-copy {

  margin:
    7px 0 0;

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    13px;

  line-height:
    1.55;

}

.hunter-section-label {

  display:
    inline-flex;

  align-items:
    center;

  gap:
    7px;

  margin-bottom:
    8px;

  color:
    #abc6f8;

  font-size:
    10px;

  font-weight:
    800;

  letter-spacing:
    0.075em;

  text-transform:
    uppercase;

}

/* =========================================================
   OVERVIEW STATS
========================================================= */

.hunter-overview-grid {

  display:
    grid;

  grid-template-columns:
    repeat(
      4,
      minmax(
        0,
        1fr
      )
    );

  gap:
    12px;

}

.hunter-stat-card {

  position:
    relative;

  overflow:
    hidden;

  min-height:
    138px;

  padding:
    18px;

  border:
    1px solid
    var(
      --hunter-border
    );

  border-radius:
    var(
      --hunter-radius-lg
    );

  background:
    linear-gradient(
      145deg,
      rgba(
        38,
        59,
        88,
        0.90
      ),
      rgba(
        23,
        41,
        67,
        0.96
      )
    );

  box-shadow:
    var(
      --hunter-shadow-soft
    );

  transition:
    transform 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease;

}

.hunter-stat-card:hover {

  transform:
    translateY(
      -3px
    );

  border-color:
    var(
      --hunter-border-strong
    );

  box-shadow:
    var(
      --hunter-shadow
    );

}

.hunter-stat-card::after {

  content:
    "";

  position:
    absolute;

  width:
    130px;

  height:
    130px;

  right:
    -55px;

  bottom:
    -70px;

  border-radius:
    999px;

  background:
    radial-gradient(
      circle,
      var(
        --hunter-stat-glow,
        rgba(
          77,
          141,
          255,
          0.24
        )
      ),
      transparent 70%
    );

}

.hunter-stat-card.is-new {

  --hunter-stat-glow:
    rgba(
      77,
      141,
      255,
      0.42
    );

}

.hunter-stat-card.is-sales {

  --hunter-stat-glow:
    rgba(
      79,
      211,
      155,
      0.38
    );

}

.hunter-stat-card.is-ai {

  --hunter-stat-glow:
    rgba(
      154,
      120,
      255,
      0.38
    );

}

.hunter-stat-card.is-incomplete {

  --hunter-stat-glow:
    rgba(
      244,
      199,
      80,
      0.38
    );

}

.hunter-stat-label {

  position:
    relative;

  z-index:
    1;

  color:
    var(
      --hunter-text-soft
    );

  font-size:
    12px;

  font-weight:
    700;

}

.hunter-stat-value {

  position:
    relative;

  z-index:
    1;

  display:
    block;

  margin-top:
    18px;

  color:
    #ffffff;

  font-size:
    38px;

  font-weight:
    850;

  line-height:
    1;

  letter-spacing:
    -0.04em;

}

.hunter-stat-meta {

  position:
    relative;

  z-index:
    1;

  display:
    block;

  margin-top:
    9px;

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    11px;

}

/* =========================================================
   OVERVIEW CONTENT
========================================================= */

.hunter-overview-content-grid {

  display:
    grid;

  grid-template-columns:
    minmax(
      0,
      1.35fr
    )
    minmax(
      300px,
      0.65fr
    );

  gap:
    14px;

  margin-top:
    14px;

}

.hunter-quick-actions {

  display:
    grid;

  grid-template-columns:
    repeat(
      2,
      minmax(
        0,
        1fr
      )
    );

  gap:
    10px;

}

.hunter-quick-action {

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    16px;

  min-height:
    94px;

  padding:
    16px;

  border:
    1px solid
    var(
      --hunter-border
    );

  border-radius:
    var(
      --hunter-radius-md
    );

  background:
    rgba(
      255,
      255,
      255,
      0.035
    );

  color:
    inherit;

  text-align:
    left;

  cursor:
    pointer;

  transition:
    background 150ms ease,
    border-color 150ms ease,
    transform 150ms ease;

}

.hunter-quick-action:hover {

  border-color:
    var(
      --hunter-border-strong
    );

  background:
    rgba(
      77,
      141,
      255,
      0.10
    );

  transform:
    translateY(
      -2px
    );

}

.hunter-quick-action strong {

  display:
    block;

  color:
    var(
      --hunter-text
    );

  font-size:
    14px;

}

.hunter-quick-action span {

  display:
    block;

  margin-top:
    4px;

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    11px;

  line-height:
    1.45;

}

.hunter-quick-action-arrow {

  color:
    var(
      --hunter-blue
    );

  font-size:
    22px;

  font-weight:
    800;

}

.hunter-recent-list {

  display:
    flex;

  flex-direction:
    column;

  gap:
    8px;

}

.hunter-recent-item {

  display:
    grid;

  grid-template-columns:
    minmax(
      0,
      1fr
    )
    auto;

  align-items:
    center;

  gap:
    12px;

  padding:
    13px 14px;

  border:
    1px solid
    var(
      --hunter-border
    );

  border-radius:
    var(
      --hunter-radius-sm
    );

  background:
    rgba(
      255,
      255,
      255,
      0.028
    );

}

.hunter-recent-item strong {

  display:
    block;

  overflow:
    hidden;

  color:
    var(
      --hunter-text
    );

  font-size:
    12px;

  text-overflow:
    ellipsis;

  white-space:
    nowrap;

}

.hunter-recent-item small {

  display:
    block;

  margin-top:
    4px;

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    10px;

}

/* =========================================================
   INBOX TOOLBAR
========================================================= */

.hunter-inbox-toolbar {

  display:
    grid;

  grid-template-columns:
    minmax(
      220px,
      390px
    )
    auto;

  align-items:
    end;

  justify-content:
    space-between;

  gap:
    16px;

  padding:
    12px 14px;

  margin-bottom:
    12px;

  border:
    1px solid
    var(
      --hunter-border
    );

  border-radius:
    14px;

  background:
    rgba(
      23,
      42,
      67,
      0.90
    );

}

.hunter-inbox-filters {

  display:
    block;

  min-width:
    0;

}

.hunter-inbox-actions {

  display:
    flex;

  align-items:
    center;

  justify-content:
    flex-end;

  min-height:
    40px;

}

.hunter-search-field {

  width:
    100%;

  min-width:
    0;

  max-width:
    390px;

}

.hunter-search-field label {

  display:
    block;

  margin-bottom:
    6px;

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    9px;

  font-weight:
    800;

  letter-spacing:
    0.04em;

  text-transform:
    uppercase;

}

.hunter-search-field select {

  min-height:
    38px;

  padding:
    8px 12px;

}

.hunter-inbox-actions
.hunter-status-badge {

  min-height:
    28px;

  padding:
    6px 10px;

  background:
    rgba(
      77,
      141,
      255,
      0.08
    );

  color:
    var(
      --hunter-text-soft
    );

}

@media (
  max-width:
  700px
) {

  .hunter-inbox-toolbar {

    grid-template-columns:
      1fr;

    align-items:
      stretch;

  }

  .hunter-search-field {

    max-width:
      none;

  }

  .hunter-inbox-actions {

    justify-content:
      flex-start;

    min-height:
      0;

  }

}

/* =========================================================
   FORM CONTROLS
========================================================= */

.hunter-workspace input,
.hunter-workspace select,
.hunter-workspace textarea,
.hunter-new-leads-page input,
.hunter-new-leads-page select,
.hunter-new-leads-page textarea {

  width:
    100%;

  min-height:
    42px;

  padding:
    10px 13px;

  border:
    1px solid
    rgba(
      155,
      180,
      214,
      0.22
    );

  border-radius:
    10px;

  outline:
    none;

  background:
    rgba(
      255,
      255,
      255,
      0.045
    );

  color:
    var(
      --hunter-text
    );

  font-family:
    inherit;

  font-size:
    13px;

  transition:
    border-color 150ms ease,
    background 150ms ease,
    box-shadow 150ms ease;

}

.hunter-workspace textarea,
.hunter-new-leads-page textarea {

  min-height:
    120px;

  resize:
    vertical;

  line-height:
    1.55;

}

.hunter-workspace input:focus,
.hunter-workspace select:focus,
.hunter-workspace textarea:focus,
.hunter-new-leads-page input:focus,
.hunter-new-leads-page select:focus,
.hunter-new-leads-page textarea:focus {

  border-color:
    rgba(
      77,
      141,
      255,
      0.78
    );

  background:
    rgba(
      77,
      141,
      255,
      0.075
    );

  box-shadow:
    0 0 0 3px
    rgba(
      77,
      141,
      255,
      0.11
    );

}

.hunter-workspace input::placeholder,
.hunter-workspace textarea::placeholder,
.hunter-new-leads-page input::placeholder,
.hunter-new-leads-page textarea::placeholder {

  color:
    rgba(
      167,
      181,
      201,
      0.48
    );

}

.hunter-workspace select option,
.hunter-new-leads-page select option {

  background:
    #142944;

  color:
    #ffffff;

}

.hunter-field-grid {

  display:
    grid;

  grid-template-columns:
    repeat(
      2,
      minmax(
        0,
        1fr
      )
    );

  gap:
    14px;

}

.hunter-field-grid.is-three-columns {

  grid-template-columns:
    repeat(
      3,
      minmax(
        0,
        1fr
      )
    );

}

.hunter-field-group {

  display:
    flex;

  flex-direction:
    column;

  gap:
    7px;

}

.hunter-field-group.is-full-width {

  grid-column:
    1 / -1;

}

.hunter-field-group label {

  color:
    var(
      --hunter-text-soft
    );

  font-size:
    11px;

  font-weight:
    750;

}

/* =========================================================
   BUTTONS
========================================================= */

.hunter-workspace .hunter-btn {

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  gap:
    8px;

  min-height:
    40px;

  padding:
    9px 14px;

  border:
    1px solid
    transparent;

  border-radius:
    10px;

  font-family:
    inherit;

  font-size:
    12px;

  font-weight:
    800;

  cursor:
    pointer;

  transition:
    transform 140ms ease,
    border-color 140ms ease,
    background 140ms ease,
    opacity 140ms ease;

}

.hunter-workspace .hunter-btn:hover:not(:disabled) {

  transform:
    translateY(
      -1px
    );

}

.hunter-workspace .hunter-btn:disabled {

  opacity:
    0.42;

  cursor:
    not-allowed;

}

.hunter-btn-primary {

  border-color:
    rgba(
      99,
      151,
      255,
      0.56
    );

  background:
    linear-gradient(
      135deg,
      #347af0,
      #5566e9
    );

  color:
    #ffffff;

  box-shadow:
    0 8px 20px
    rgba(
      52,
      122,
      240,
      0.22
    );

}

.hunter-btn-secondary {

  border-color:
    var(
      --hunter-border
    );

  background:
    rgba(
      255,
      255,
      255,
      0.055
    );

  color:
    var(
      --hunter-text
    );

}

.hunter-btn-secondary:hover:not(:disabled) {

  border-color:
    var(
      --hunter-border-strong
    );

  background:
    rgba(
      77,
      141,
      255,
      0.10
    );

}

.hunter-btn-danger {

  border-color:
    rgba(
      240,
      107,
      120,
      0.35
    );

  background:
    rgba(
      240,
      107,
      120,
      0.10
    );

  color:
    #ffc2c8;

}

/* =========================================================
   HUNTER LEAD GRID
========================================================= */

.hunter-lead-grid {

  display:
    grid;

  grid-template-columns:
    repeat(
      3,
      minmax(
        0,
        1fr
      )
    );

  gap:
    12px;

}

.hunter-lead-card {

  position:
    relative;

  overflow:
    hidden;

  min-width:
    0;

  padding:
    17px;

  border:
    1px solid
    var(
      --hunter-border
    );

  border-left:
    3px solid
    var(
      --hunter-blue
    );

  border-radius:
    var(
      --hunter-radius-lg
    );

  background:
    linear-gradient(
      145deg,
      rgba(
        35,
        56,
        84,
        0.94
      ),
      rgba(
        20,
        38,
        62,
        0.98
      )
    );

  box-shadow:
    var(
      --hunter-shadow-soft
    );

  transition:
    transform 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease;

}

.hunter-lead-card:hover {

  transform:
    translateY(
      -3px
    );

  border-color:
    rgba(
      92,
      148,
      255,
      0.48
    );

  box-shadow:
    var(
      --hunter-shadow
    );

}

.hunter-lead-card.is-selected {

  border-color:
    rgba(
      77,
      141,
      255,
      0.72
    );

  background:
    linear-gradient(
      145deg,
      rgba(
        48,
        78,
        118,
        0.98
      ),
      rgba(
        24,
        46,
        74,
        0.98
      )
    );

  box-shadow:
    0 0 0 2px
    rgba(
      77,
      141,
      255,
      0.16
    ),
    var(
      --hunter-shadow-soft
    );

}

.hunter-lead-card-header {

  display:
    flex;

  align-items:
    flex-start;

  justify-content:
    space-between;

  gap:
    12px;

}

.hunter-lead-company {

  margin:
    0;

  overflow:
    hidden;

  color:
    #ffffff;

  font-size:
    16px;

  font-weight:
    820;

  line-height:
    1.25;

  text-overflow:
    ellipsis;

  white-space:
    nowrap;

}

.hunter-lead-meta {

  display:
    flex;

  flex-direction:
    column;

  gap:
    7px;

  margin-top:
    15px;

}

.hunter-lead-meta-row {

  display:
    grid;

  grid-template-columns:
    86px
    minmax(
      0,
      1fr
    );

  gap:
    8px;

  align-items:
    baseline;

  color:
    var(
      --hunter-text-soft
    );

  font-size:
    11px;

}

.hunter-lead-meta-row span:first-child {

  color:
    var(
      --hunter-text-muted
    );

}

.hunter-lead-meta-row strong {

  overflow:
    hidden;

  color:
    var(
      --hunter-text-soft
    );

  font-weight:
    650;

  text-overflow:
    ellipsis;

  white-space:
    nowrap;

}

.hunter-lead-card-footer {

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    10px;

  margin-top:
    16px;

  padding-top:
    13px;

  border-top:
    1px solid
    rgba(
      255,
      255,
      255,
      0.065
    );

}

/* =========================================================
   BADGES
========================================================= */

.hunter-status-badge,
.hunter-source-badge,
.hunter-priority-badge {

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  min-height:
    23px;

  padding:
    4px 8px;

  border:
    1px solid
    transparent;

  border-radius:
    999px;

  font-size:
    9px;

  font-weight:
    850;

  letter-spacing:
    0.025em;

  line-height:
    1;

  white-space:
    nowrap;

}

.hunter-status-badge.is-new {

  border-color:
    rgba(
      77,
      141,
      255,
      0.34
    );

  background:
    rgba(
      77,
      141,
      255,
      0.14
    );

  color:
    #bdd2ff;

}

.hunter-status-badge.is-reviewed {

  border-color:
    rgba(
      56,
      200,
      232,
      0.34
    );

  background:
    rgba(
      56,
      200,
      232,
      0.12
    );

  color:
    #baf2ff;

}

.hunter-status-badge.is-ready-sales {

  border-color:
    rgba(
      79,
      211,
      155,
      0.35
    );

  background:
    rgba(
      79,
      211,
      155,
      0.12
    );

  color:
    #baf4d8;

}

.hunter-status-badge.is-ready-ai {

  border-color:
    rgba(
      154,
      120,
      255,
      0.38
    );

  background:
    rgba(
      154,
      120,
      255,
      0.13
    );

  color:
    #d8caff;

}

.hunter-status-badge.is-incomplete {

  border-color:
    rgba(
      244,
      199,
      80,
      0.38
    );

  background:
    rgba(
      244,
      199,
      80,
      0.12
    );

  color:
    #ffe7a4;

}

.hunter-status-badge.is-rejected {

  border-color:
    rgba(
      240,
      107,
      120,
      0.38
    );

  background:
    rgba(
      240,
      107,
      120,
      0.12
    );

  color:
    #ffc0c7;

}

.hunter-source-badge {

  border-color:
    var(
      --hunter-border
    );

  background:
    rgba(
      255,
      255,
      255,
      0.05
    );

  color:
    var(
      --hunter-text-soft
    );

}

.hunter-source-badge.is-arbeidsplassen {

  color:
    #c4e6ff;

}

.hunter-source-badge.is-finn {

  color:
    #cfc5ff;

}

.hunter-source-badge.is-facebook {

  color:
    #bed1ff;

}

/* =========================================================
   HUNTER LEAD INBOX — FINAL MODERN LAYOUT
========================================================= */

.hunter-lead-inbox-panel {

  display:
    flex;

  flex-direction:
    column;

  gap:
    14px;

}

.hunter-inbox-heading {

  display:
    flex;

  align-items:
    flex-end;

  justify-content:
    space-between;

  gap:
    20px;

  padding:
    4px 2px;

}

.hunter-inbox-heading >
div {

  min-width:
    0;

}

.hunter-inbox-heading
.hunter-workspace-title {

  font-size:
    clamp(
      25px,
      2.5vw,
      34px
    );

}

.hunter-inbox-heading
.hunter-workspace-subtitle {

  margin-top:
    7px;

  font-size:
    12px;

}

.hunter-lead-inbox-panel >
.hunter-panel {

  overflow:
    hidden;

  border-radius:
    20px;

}

.hunter-lead-inbox-panel >
.hunter-panel >
.hunter-panel-inner {

  padding:
    17px;

}

/* =========================================================
   INBOX CARD GRID
========================================================= */

.hunter-inbox-lead-list {

  display:
    grid;

  grid-template-columns:
    repeat(
      3,
      minmax(
        0,
        1fr
      )
    );

  align-items:
    start;

  gap:
    12px;

}

.hunter-inbox-lead-card {

  --hunter-score-color:
    #7294bd;

  --hunter-score-soft:
    rgba(
      114,
      148,
      189,
      0.10
    );

  --hunter-score-border:
    rgba(
      114,
      148,
      189,
      0.30
    );

  position:
    relative;

  display:
    flex;

  flex-direction:
    column;

  gap:
    0;

  min-width:
    0;

  min-height:
    360px;

  padding:
    16px;

  overflow:
    hidden;

  border:
    1px solid
    rgba(
      148,
      176,
      213,
      0.15
    );

  border-left:
    4px solid
    var(
      --hunter-score-color
    );

  border-radius:
    17px;

  background:
    linear-gradient(
      145deg,
      rgba(
        35,
        57,
        87,
        0.97
      ),
      rgba(
        17,
        35,
        59,
        0.99
      )
    );

  box-shadow:
    0 12px 28px
    rgba(
      0,
      0,
      0,
      0.16
    );

  transition:
    transform 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease;

}

.hunter-inbox-lead-card::before {

  content:
    "";

  position:
    absolute;

  top:
    -90px;

  right:
    -80px;

  width:
    190px;

  height:
    190px;

  border-radius:
    999px;

  background:
    radial-gradient(
      circle,
      var(
        --hunter-score-soft
      ),
      transparent 68%
    );

  pointer-events:
    none;

}

.hunter-inbox-lead-card:hover {

  transform:
    translateY(
      -3px
    );

  border-color:
    var(
      --hunter-score-border
    );

  box-shadow:
    0 20px 42px
    rgba(
      0,
      0,
      0,
      0.23
    );

}

.hunter-inbox-lead-card.is-open {

  grid-column:
    1 / -1;

  min-height:
    0;

  transform:
    none;

}

/* =========================================================
   SCORE CARD COLORS
========================================================= */

.hunter-inbox-lead-card.is-score-1 {

  --hunter-score-color:
    #45d483;

  --hunter-score-soft:
    rgba(
      69,
      212,
      131,
      0.18
    );

  --hunter-score-border:
    rgba(
      69,
      212,
      131,
      0.46
    );

}

.hunter-inbox-lead-card.is-score-2 {

  --hunter-score-color:
    #8bd65a;

  --hunter-score-soft:
    rgba(
      139,
      214,
      90,
      0.16
    );

  --hunter-score-border:
    rgba(
      139,
      214,
      90,
      0.43
    );

}

.hunter-inbox-lead-card.is-score-3 {

  --hunter-score-color:
    #f3c74f;

  --hunter-score-soft:
    rgba(
      243,
      199,
      79,
      0.16
    );

  --hunter-score-border:
    rgba(
      243,
      199,
      79,
      0.44
    );

}

.hunter-inbox-lead-card.is-score-4 {

  --hunter-score-color:
    #f19a4b;

  --hunter-score-soft:
    rgba(
      241,
      154,
      75,
      0.17
    );

  --hunter-score-border:
    rgba(
      241,
      154,
      75,
      0.44
    );

}

.hunter-inbox-lead-card.is-score-5 {

  --hunter-score-color:
    #ef6370;

  --hunter-score-soft:
    rgba(
      239,
      99,
      112,
      0.17
    );

  --hunter-score-border:
    rgba(
      239,
      99,
      112,
      0.46
    );

}

.hunter-inbox-lead-card.is-score-none {

  --hunter-score-color:
    #7294bd;

  --hunter-score-soft:
    rgba(
      114,
      148,
      189,
      0.11
    );

  --hunter-score-border:
    rgba(
      114,
      148,
      189,
      0.32
    );

}

/* =========================================================
   CARD HEADER
========================================================= */

.hunter-inbox-lead-card
.hunter-lead-card-header {

  position:
    relative;

  z-index:
    1;

  display:
    grid;

  grid-template-columns:
    minmax(
      0,
      1fr
    )
    auto;

  align-items:
    start;

  gap:
    12px;

  padding-bottom:
    13px;

  border-bottom:
    1px solid
    rgba(
      255,
      255,
      255,
      0.06
    );

}

.hunter-lead-card-identity {

  min-width:
    0;

}

.hunter-inbox-lead-card
.hunter-lead-company {

  margin:
    0;

  overflow:
    hidden;

  color:
    #ffffff;

  font-size:
    15px;

  font-weight:
    840;

  line-height:
    1.3;

  letter-spacing:
    -0.015em;

  text-overflow:
    ellipsis;

  white-space:
    nowrap;

}

.hunter-lead-card-tags {

  display:
    flex;

  align-items:
    center;

  flex-wrap:
    wrap;

  gap:
    6px;

  margin-top:
    9px;

}

.hunter-industry-badge,
.hunter-inbox-lead-card
.hunter-source-badge {

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  max-width:
    100%;

  min-height:
    24px;

  padding:
    5px 8px;

  overflow:
    hidden;

  border:
    1px solid
    rgba(
      148,
      176,
      213,
      0.16
    );

  border-radius:
    999px;

  background:
    rgba(
      255,
      255,
      255,
      0.045
    );

  color:
    var(
      --hunter-text-soft
    );

  font-size:
    9px;

  font-weight:
    760;

  line-height:
    1;

  text-overflow:
    ellipsis;

  white-space:
    nowrap;

}

.hunter-industry-badge {

  border-color:
    rgba(
      56,
      200,
      232,
      0.25
    );

  background:
    rgba(
      56,
      200,
      232,
      0.08
    );

  color:
    #bceefa;

}

.hunter-lead-card-statuses {

  display:
    flex;

  align-items:
    flex-end;

  flex-direction:
    column;

  gap:
    6px;

}

.hunter-inbox-lead-card
.hunter-status-badge {

  min-height:
    23px;

  padding:
    5px 8px;

  border:
    1px solid
    rgba(
      77,
      141,
      255,
      0.25
    );

  background:
    rgba(
      77,
      141,
      255,
      0.09
    );

  color:
    #bed3ff;

  font-size:
    8px;

}

/* =========================================================
   RELEVANCE BADGES
========================================================= */

.hunter-relevance-card-badge,
.hunter-relevance-detail-badge,
.hunter-relevance-current {

  --hunter-relevance-color:
    #93a8c4;

  --hunter-relevance-background:
    rgba(
      115,
      145,
      184,
      0.10
    );

  --hunter-relevance-border:
    rgba(
      115,
      145,
      184,
      0.26
    );

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  min-height:
    24px;

  padding:
    5px 9px;

  border:
    1px solid
    var(
      --hunter-relevance-border
    );

  border-radius:
    999px;

  background:
    var(
      --hunter-relevance-background
    );

  color:
    var(
      --hunter-relevance-color
    );

  font-size:
    9px;

  font-weight:
    850;

  line-height:
    1;

  white-space:
    nowrap;

}

.hunter-relevance-card-badge.is-score-1,
.hunter-relevance-detail-badge.is-score-1,
.hunter-relevance-current.is-score-1 {

  --hunter-relevance-color:
    #bdf6d5;

  --hunter-relevance-background:
    rgba(
      69,
      212,
      131,
      0.12
    );

  --hunter-relevance-border:
    rgba(
      69,
      212,
      131,
      0.36
    );

}

.hunter-relevance-card-badge.is-score-2,
.hunter-relevance-detail-badge.is-score-2,
.hunter-relevance-current.is-score-2 {

  --hunter-relevance-color:
    #d5f6bd;

  --hunter-relevance-background:
    rgba(
      139,
      214,
      90,
      0.12
    );

  --hunter-relevance-border:
    rgba(
      139,
      214,
      90,
      0.35
    );

}

.hunter-relevance-card-badge.is-score-3,
.hunter-relevance-detail-badge.is-score-3,
.hunter-relevance-current.is-score-3 {

  --hunter-relevance-color:
    #ffe8a5;

  --hunter-relevance-background:
    rgba(
      243,
      199,
      79,
      0.12
    );

  --hunter-relevance-border:
    rgba(
      243,
      199,
      79,
      0.36
    );

}

.hunter-relevance-card-badge.is-score-4,
.hunter-relevance-detail-badge.is-score-4,
.hunter-relevance-current.is-score-4 {

  --hunter-relevance-color:
    #ffd1a8;

  --hunter-relevance-background:
    rgba(
      241,
      154,
      75,
      0.12
    );

  --hunter-relevance-border:
    rgba(
      241,
      154,
      75,
      0.36
    );

}

.hunter-relevance-card-badge.is-score-5,
.hunter-relevance-detail-badge.is-score-5,
.hunter-relevance-current.is-score-5 {

  --hunter-relevance-color:
    #ffc1c7;

  --hunter-relevance-background:
    rgba(
      239,
      99,
      112,
      0.12
    );

  --hunter-relevance-border:
    rgba(
      239,
      99,
      112,
      0.37
    );

}

/* =========================================================
   LEAD META
========================================================= */

.hunter-inbox-lead-card
.hunter-lead-meta {

  position:
    relative;

  z-index:
    1;

  display:
    grid;

  grid-template-columns:
    repeat(
      2,
      minmax(
        0,
        1fr
      )
    );

  gap:
    8px;

  margin:
    13px 0 0;

}

.hunter-inbox-lead-card
.hunter-lead-meta-row {

  display:
    flex;

  align-items:
    flex-start;

  flex-direction:
    column;

  gap:
    4px;

  min-width:
    0;

  min-height:
    54px;

  padding:
    9px 10px;

  border:
    1px solid
    rgba(
      255,
      255,
      255,
      0.05
    );

  border-radius:
    9px;

  background:
    rgba(
      255,
      255,
      255,
      0.025
    );

}

.hunter-inbox-lead-card
.hunter-lead-meta-row span {

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    8px;

  font-weight:
    800;

  letter-spacing:
    0.045em;

  text-transform:
    uppercase;

}

.hunter-inbox-lead-card
.hunter-lead-meta-row strong {

  display:
    block;

  width:
    100%;

  overflow:
    hidden;

  color:
    var(
      --hunter-text-soft
    );

  font-size:
    10px;

  font-weight:
    680;

  line-height:
    1.4;

  text-overflow:
    ellipsis;

  white-space:
    nowrap;

}

/* =========================================================
   RELEVANCE SELECTOR
========================================================= */

.hunter-relevance-panel {

  position:
    relative;

  z-index:
    1;

  margin-top:
    12px;

  padding:
    11px;

  border:
    1px solid
    rgba(
      148,
      176,
      213,
      0.14
    );

  border-radius:
    12px;

  background:
    linear-gradient(
      145deg,
      rgba(
        6,
        19,
        36,
        0.34
      ),
      rgba(
        255,
        255,
        255,
        0.018
      )
    );

}

.hunter-relevance-header {

  display:
    flex;

  align-items:
    flex-start;

  justify-content:
    space-between;

  gap:
    10px;

  margin-bottom:
    9px;

}

.hunter-relevance-header >
div {

  min-width:
    0;

}

.hunter-relevance-label {

  display:
    block;

  margin-bottom:
    5px;

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    8px;

  font-weight:
    800;

  letter-spacing:
    0.045em;

  text-transform:
    uppercase;

}

.hunter-relevance-header
small {

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    8px;

  white-space:
    nowrap;

}

.hunter-relevance-current {

  min-height:
    21px;

  padding:
    4px 7px;

  font-size:
    8px;

}

.hunter-relevance-options {

  display:
    grid;

  grid-template-columns:
    repeat(
      5,
      minmax(
        0,
        1fr
      )
    );

  gap:
    5px;

}

.hunter-relevance-option {

  --hunter-option-color:
    #7695bd;

  --hunter-option-background:
    rgba(
      118,
      149,
      189,
      0.08
    );

  --hunter-option-border:
    rgba(
      118,
      149,
      189,
      0.20
    );

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  flex-direction:
    column;

  gap:
    3px;

  min-width:
    0;

  min-height:
    47px;

  padding:
    6px 3px;

  border:
    1px solid
    var(
      --hunter-option-border
    );

  border-radius:
    9px;

  background:
    var(
      --hunter-option-background
    );

  color:
    var(
      --hunter-option-color
    );

  font-family:
    inherit;

  cursor:
    pointer;

  transition:
    transform 140ms ease,
    filter 140ms ease,
    box-shadow 140ms ease,
    border-color 140ms ease;

}

.hunter-relevance-option strong {

  font-size:
    14px;

  font-weight:
    900;

  line-height:
    1;

}

.hunter-relevance-option span {

  overflow:
    hidden;

  max-width:
    100%;

  font-size:
    7px;

  font-weight:
    750;

  text-overflow:
    ellipsis;

  white-space:
    nowrap;

}

.hunter-relevance-option:hover:not(:disabled) {

  z-index:
    1;

  transform:
    translateY(
      -2px
    );

  filter:
    brightness(
      1.18
    );

}

.hunter-relevance-option.is-active {

  border-color:
    var(
      --hunter-option-color
    );

  box-shadow:
    0 0 0 2px
    var(
      --hunter-option-background
    ),
    0 7px 15px
    rgba(
      0,
      0,
      0,
      0.16
    );

  transform:
    translateY(
      -1px
    );

}

.hunter-relevance-option:disabled {

  opacity:
    0.48;

  cursor:
    wait;

}

.hunter-relevance-option.is-score-1 {

  --hunter-option-color:
    #8ff0b8;

  --hunter-option-background:
    rgba(
      69,
      212,
      131,
      0.11
    );

  --hunter-option-border:
    rgba(
      69,
      212,
      131,
      0.28
    );

}

.hunter-relevance-option.is-score-2 {

  --hunter-option-color:
    #b9ed91;

  --hunter-option-background:
    rgba(
      139,
      214,
      90,
      0.11
    );

  --hunter-option-border:
    rgba(
      139,
      214,
      90,
      0.28
    );

}

.hunter-relevance-option.is-score-3 {

  --hunter-option-color:
    #f5d879;

  --hunter-option-background:
    rgba(
      243,
      199,
      79,
      0.11
    );

  --hunter-option-border:
    rgba(
      243,
      199,
      79,
      0.28
    );

}

.hunter-relevance-option.is-score-4 {

  --hunter-option-color:
    #f5b477;

  --hunter-option-background:
    rgba(
      241,
      154,
      75,
      0.11
    );

  --hunter-option-border:
    rgba(
      241,
      154,
      75,
      0.28
    );

}

.hunter-relevance-option.is-score-5 {

  --hunter-option-color:
    #f38e98;

  --hunter-option-background:
    rgba(
      239,
      99,
      112,
      0.11
    );

  --hunter-option-border:
    rgba(
      239,
      99,
      112,
      0.28
    );

}

/* =========================================================
   CARD ACTIONS
========================================================= */

.hunter-lead-card-actions {

  position:
    relative;

  z-index:
    1;

  display:
    grid;

  grid-template-columns:
    repeat(
      3,
      minmax(
        0,
        1fr
      )
    );

  gap:
    6px;

  margin-top:
    auto;

  padding-top:
    13px;

}

.hunter-lead-card-actions
.hunter-btn {

  width:
    100%;

  min-width:
    0;

  min-height:
    34px;

  padding:
    7px 6px;

  overflow:
    hidden;

  border-radius:
    8px;

  font-size:
    8px;

  text-overflow:
    ellipsis;

  white-space:
    nowrap;

}

.hunter-lead-card-actions
[data-hunter-open-id] {

  border-color:
    rgba(
      77,
      141,
      255,
      0.34
    );

  background:
    rgba(
      77,
      141,
      255,
      0.10
    );

}

.hunter-lead-card-actions
[data-hunter-review-status="ready_for_sales"] {

  border-color:
    rgba(
      79,
      211,
      155,
      0.28
    );

  background:
    rgba(
      79,
      211,
      155,
      0.075
    );

  color:
    #c5f6df;

}

.hunter-lead-card-actions
[data-hunter-review-status="ready_for_ai"] {

  border-color:
    rgba(
      154,
      120,
      255,
      0.30
    );

  background:
    rgba(
      154,
      120,
      255,
      0.08
    );

  color:
    #ded3ff;

}

/* =========================================================
   OPEN LEAD DETAILS
========================================================= */

.hunter-lead-details-card {

  position:
    relative;

  z-index:
    1;

  margin-top:
    14px;

  padding:
    18px;

  border:
    1px solid
    var(
      --hunter-score-border
    );

  border-radius:
    14px;

  background:
    rgba(
      5,
      17,
      32,
      0.34
    );

}

.hunter-lead-details-card
.hunter-panel-header {

  margin-bottom:
    14px;

}

.hunter-lead-details-card
.sales-details-contact-list {

  display:
    grid;

  grid-template-columns:
    repeat(
      3,
      minmax(
        0,
        1fr
      )
    );

  gap:
    8px;

}

.hunter-lead-details-card
.sales-details-contact-list p {

  min-width:
    0;

  margin:
    0;

  padding:
    10px;

  border:
    1px solid
    rgba(
      255,
      255,
      255,
      0.05
    );

  border-radius:
    9px;

  background:
    rgba(
      255,
      255,
      255,
      0.025
    );

  color:
    var(
      --hunter-text-soft
    );

  font-size:
    10px;

  line-height:
    1.5;

  overflow-wrap:
    anywhere;

}

.hunter-lead-details-card
.sales-details-contact-list strong {

  display:
    block;

  margin-bottom:
    3px;

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    8px;

  letter-spacing:
    0.04em;

  text-transform:
    uppercase;

}

.hunter-lead-details-card
.field-group {

  margin-top:
    12px;

}

.hunter-lead-details-card
.field-group label {

  display:
    block;

  margin-bottom:
    6px;

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    9px;

  font-weight:
    780;

}

/* =========================================================
   HUNTER INBOX RESPONSIVE
========================================================= */

@media (
  max-width:
  1180px
) {

  .hunter-inbox-lead-list {

    grid-template-columns:
      repeat(
        2,
        minmax(
          0,
          1fr
        )
      );

  }

  .hunter-lead-details-card
  .sales-details-contact-list {

    grid-template-columns:
      repeat(
        2,
        minmax(
          0,
          1fr
        )
      );

  }

}

@media (
  max-width:
  760px
) {

  .hunter-inbox-heading {

    align-items:
      stretch;

    flex-direction:
      column;

  }

  .hunter-inbox-heading
  .hunter-btn {

    align-self:
      flex-start;

  }

  .hunter-inbox-lead-list {

    grid-template-columns:
      1fr;

  }

  .hunter-inbox-lead-card.is-open {

    grid-column:
      auto;

  }

  .hunter-lead-card-actions {

    grid-template-columns:
      repeat(
        2,
        minmax(
          0,
          1fr
        )
      );

  }

  .hunter-lead-details-card
  .sales-details-contact-list {

    grid-template-columns:
      1fr;

  }

}

@media (
  max-width:
  480px
) {

  .hunter-inbox-lead-card {

    padding:
      13px;

  }

  .hunter-inbox-lead-card
  .hunter-lead-card-header {

    grid-template-columns:
      1fr;

  }

  .hunter-lead-card-statuses {

    align-items:
      flex-start;

    flex-direction:
      row;

    flex-wrap:
      wrap;

  }

  .hunter-inbox-lead-card
  .hunter-lead-meta {

    grid-template-columns:
      1fr;

  }

  .hunter-relevance-options {

    grid-template-columns:
      repeat(
        5,
        minmax(
          42px,
          1fr
        )
      );

    overflow-x:
      auto;

    padding-bottom:
      3px;

  }

  .hunter-lead-card-actions {

    grid-template-columns:
      1fr;

  }

}

/* =========================================================
   HUNTING JOB WORKSPACE
========================================================= */

.hunter-job-panel {

  display:
    flex;

  flex-direction:
    column;

  gap:
    14px;

  padding:
    22px;

  border:
    1px solid
    var(
      --hunter-border
    );

  border-radius:
    var(
      --hunter-radius-xl
    );

  background:
    linear-gradient(
      145deg,
      rgba(
        31,
        53,
        82,
        0.94
      ),
      rgba(
        17,
        34,
        57,
        0.97
      )
    );

  box-shadow:
    var(
      --hunter-shadow-soft
    );

}

.hunter-job-panel > .dashboard-header {

  display:
    flex;

  align-items:
    flex-start;

  justify-content:
    space-between;

  gap:
    18px;

  margin:
    0 0 4px;

}

.hunter-job-panel > .dashboard-header h3 {

  margin:
    0;

  color:
    var(
      --hunter-text
    );

  font-size:
    20px;

  line-height:
    1.2;

}

.hunter-job-panel > .dashboard-header .lead-page-copy {

  margin:
    7px 0 0;

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    12px;

  line-height:
    1.5;

}

/* =========================================================
   TOP LEVEL JOB DROPDOWNS
========================================================= */

.hunter-job-create-dropdown,
.hunter-job-list-dropdown {

  overflow:
    hidden;

  margin:
    0;

  border:
    1px solid
    var(
      --hunter-border
    );

  border-radius:
    var(
      --hunter-radius-lg
    );

  background:
    linear-gradient(
      145deg,
      rgba(
        48,
        68,
        94,
        0.76
      ),
      rgba(
        29,
        48,
        74,
        0.88
      )
    );

  box-shadow:
    none;

  transition:
    border-color 150ms ease,
    background 150ms ease,
    box-shadow 150ms ease;

}

.hunter-job-create-dropdown:hover,
.hunter-job-list-dropdown:hover,
.hunter-job-create-dropdown[open],
.hunter-job-list-dropdown[open] {

  border-color:
    var(
      --hunter-border-strong
    );

}

.hunter-job-create-dropdown[open],
.hunter-job-list-dropdown[open] {

  background:
    linear-gradient(
      145deg,
      rgba(
        43,
        65,
        95,
        0.92
      ),
      rgba(
        25,
        43,
        69,
        0.97
      )
    );

  box-shadow:
    var(
      --hunter-shadow-soft
    );

}

/* =========================================================
   DROPDOWN SUMMARIES
========================================================= */

.hunter-job-dropdown-summary {

  position:
    relative;

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    18px;

  min-height:
    72px;

  padding:
    17px 20px 17px 48px;

  color:
    var(
      --hunter-text
    );

  list-style:
    none;

  cursor:
    pointer;

  user-select:
    none;

}

.hunter-job-dropdown-summary::-webkit-details-marker {

  display:
    none;

}

.hunter-job-dropdown-summary::before {

  content:
    "›";

  position:
    absolute;

  top:
    50%;

  left:
    20px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  width:
    20px;

  height:
    20px;

  color:
    #d7e4f8;

  font-size:
    19px;

  font-weight:
    800;

  line-height:
    1;

  transform:
    translateY(
      -50%
    );

  transition:
    transform 150ms ease,
    color 150ms ease;

}

details[open] >
.hunter-job-dropdown-summary::before {

  color:
    var(
      --hunter-blue
    );

  transform:
    translateY(
      -50%
    )
    rotate(
      90deg
    );

}

.hunter-job-dropdown-summary:hover {

  background:
    rgba(
      77,
      141,
      255,
      0.055
    );

}

.hunter-job-dropdown-summary-main {

  min-width:
    0;

}

.hunter-job-dropdown-summary-main strong {

  display:
    block;

  overflow:
    hidden;

  color:
    #ffffff;

  font-size:
    14px;

  font-weight:
    820;

  line-height:
    1.3;

  text-overflow:
    ellipsis;

  white-space:
    nowrap;

}

.hunter-job-dropdown-summary-main span {

  display:
    block;

  overflow:
    hidden;

  margin-top:
    5px;

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    11px;

  line-height:
    1.4;

  text-overflow:
    ellipsis;

  white-space:
    nowrap;

}

.hunter-job-dropdown-summary-status {

  display:
    flex;

  align-items:
    center;

  justify-content:
    flex-end;

  flex:
    0 0 auto;

  gap:
    8px;

}

.hunter-job-dropdown-summary-status em {

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  min-height:
    25px;

  padding:
    5px 9px;

  border:
    1px solid
    rgba(
      79,
      211,
      155,
      0.26
    );

  border-radius:
    999px;

  background:
    rgba(
      79,
      211,
      155,
      0.09
    );

  color:
    #baf4d8;

  font-size:
    9px;

  font-style:
    normal;

  font-weight:
    820;

  white-space:
    nowrap;

}

.hunter-job-dropdown-summary-status small {

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    10px;

  white-space:
    nowrap;

}

/* =========================================================
   DROPDOWN CONTENT
========================================================= */

.hunter-job-create-dropdown >
.hunter-job-dropdown-content,
.hunter-job-list-dropdown >
.hunter-job-dropdown-content {

  padding:
    4px 20px 20px;

  border-top:
    1px solid
    rgba(
      255,
      255,
      255,
      0.055
    );

}

.hunter-job-create-dropdown >
.hunter-job-dropdown-content {

  padding-top:
    20px;

}

.hunter-job-create-dropdown
.users-create-grid {

  display:
    grid;

  grid-template-columns:
    repeat(
      2,
      minmax(
        0,
        1fr
      )
    );

  gap:
    15px 16px;

}

.hunter-job-create-dropdown
.field-group,
.hunter-job-edit-form
.field-group {

  display:
    flex;

  flex-direction:
    column;

  gap:
    7px;

  min-width:
    0;

}

.hunter-job-create-dropdown
.field-group label,
.hunter-job-edit-form
.field-group label {

  color:
    var(
      --hunter-text-soft
    );

  font-size:
    11px;

  font-weight:
    750;

}

.hunter-job-exclusion-field {

  grid-column:
    1 / -1;

}

.hunter-job-exclusion-field textarea {

  min-height:
    138px;

  max-height:
    240px;

}

.hunter-job-create-dropdown
.dashboard-actions {

  display:
    flex;

  align-items:
    center;

  justify-content:
    flex-end;

  gap:
    9px;

  margin-top:
    18px;

}

.hunter-job-create-dropdown
#hunterJobStatusMessage {

  margin:
    14px 0 0;

  padding:
    11px 13px;

  border:
    1px solid
    rgba(
      77,
      141,
      255,
      0.14
    );

  border-radius:
    10px;

  background:
    rgba(
      77,
      141,
      255,
      0.055
    );

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    10px;

}

/* =========================================================
   JOB LIST
========================================================= */

.hunter-job-dropdown-list {

  display:
    flex;

  flex-direction:
    column;

  gap:
    9px;

  padding-top:
    16px;

}

.hunter-job-dropdown {

  overflow:
    hidden;

  margin:
    0;

  border:
    1px solid
    var(
      --hunter-border
    );

  border-radius:
    var(
      --hunter-radius-md
    );

  background:
    linear-gradient(
      145deg,
      rgba(
        31,
        51,
        79,
        0.90
      ),
      rgba(
        19,
        36,
        60,
        0.96
      )
    );

  transition:
    border-color 150ms ease,
    background 150ms ease,
    transform 150ms ease;

}

.hunter-job-dropdown:hover {

  border-color:
    rgba(
      100,
      151,
      243,
      0.34
    );

}

.hunter-job-dropdown[open] {

  border-color:
    rgba(
      100,
      151,
      243,
      0.48
    );

  background:
    linear-gradient(
      145deg,
      rgba(
        39,
        63,
        96,
        0.96
      ),
      rgba(
        22,
        41,
        68,
        0.98
      )
    );

}

.hunter-job-dropdown >
.hunter-job-dropdown-summary {

  min-height:
    64px;

  padding-top:
    14px;

  padding-bottom:
    14px;

}

.hunter-job-dropdown >
.hunter-job-dropdown-content {

  display:
    grid;

  grid-template-columns:
    minmax(
      0,
      1fr
    )
    minmax(
      250px,
      310px
    );

  gap:
    22px;

  padding:
    20px;

  border-top:
    1px solid
    rgba(
      255,
      255,
      255,
      0.06
    );

}

.hunter-job-dropdown-content >
.sales-worklist-compact-main {

  display:
    grid;

  grid-template-columns:
    repeat(
      2,
      minmax(
        0,
        1fr
      )
    );

  align-content:
    start;

  gap:
    10px 16px;

  min-width:
    0;

}

.hunter-job-dropdown-content >
.sales-worklist-compact-main span {

  display:
    flex;

  flex-direction:
    column;

  gap:
    3px;

  min-width:
    0;

  padding:
    10px 12px;

  border:
    1px solid
    rgba(
      255,
      255,
      255,
      0.055
    );

  border-radius:
    9px;

  background:
    rgba(
      255,
      255,
      255,
      0.026
    );

  color:
    var(
      --hunter-text-soft
    );

  font-size:
    11px;

  line-height:
    1.45;

  overflow-wrap:
    anywhere;

}

.hunter-job-dropdown-content >
.sales-worklist-compact-main span:last-child {

  grid-column:
    1 / -1;

}

.hunter-job-dropdown-content >
.sales-worklist-compact-side {

  display:
    flex;

  align-items:
    stretch;

  flex-direction:
    column;

  gap:
    7px;

  min-width:
    0;

  padding:
    15px;

  border:
    1px solid
    rgba(
      255,
      255,
      255,
      0.06
    );

  border-radius:
    12px;

  background:
    rgba(
      5,
      17,
      32,
      0.22
    );

}

.hunter-job-dropdown-content >
.sales-worklist-compact-side small {

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    10px;

  min-height:
    28px;

  padding:
    6px 8px;

  border-bottom:
    1px solid
    rgba(
      255,
      255,
      255,
      0.045
    );

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    10px;

  line-height:
    1.35;

}

.hunter-job-dropdown-content >
.sales-worklist-compact-side small:last-of-type {

  border-bottom:
    0;

}

.hunter-job-dropdown-content >
.sales-worklist-compact-side
.dashboard-actions {

  display:
    grid;

  grid-template-columns:
    repeat(
      2,
      minmax(
        0,
        1fr
      )
    );

  gap:
    8px;

  margin-top:
    9px;

}

.hunter-job-dropdown-content
.btn {

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  min-height:
    38px;

  padding:
    8px 11px;

  border:
    1px solid
    var(
      --hunter-border
    );

  border-radius:
    9px;

  background:
    rgba(
      255,
      255,
      255,
      0.055
    );

  color:
    var(
      --hunter-text
    );

  font-family:
    inherit;

  font-size:
    11px;

  font-weight:
    800;

  cursor:
    pointer;

  transition:
    background 140ms ease,
    border-color 140ms ease,
    transform 140ms ease;

}

.hunter-job-dropdown-content
.btn:hover:not(:disabled) {

  border-color:
    var(
      --hunter-border-strong
    );

  background:
    rgba(
      77,
      141,
      255,
      0.11
    );

  transform:
    translateY(
      -1px
    );

}

.hunter-job-dropdown-content
.btn-primary {

  border-color:
    rgba(
      77,
      141,
      255,
      0.45
    );

  background:
    linear-gradient(
      135deg,
      rgba(
        52,
        122,
        240,
        0.94
      ),
      rgba(
        85,
        102,
        233,
        0.94
      )
    );

}

.hunter-job-dropdown-content
.btn:disabled {

  opacity:
    0.45;

  cursor:
    not-allowed;

}

/* =========================================================
   HUNTING JOB FINAL LAYOUT FIX
========================================================= */

/*
  Viktig:
  Hunter-jobben bruker også klassen sales-worklist-compact-card.
  Global Sales-CSS gjør denne til grid og kollapser details-innholdet.
*/

.hunter-workspace
.hunter-job-dropdown.sales-worklist-compact-card {

  position:
    relative;

  display:
    block;

  grid-template-columns:
    none;

  width:
    100%;

  min-width:
    0;

  min-height:
    0;

  padding:
    0;

  overflow:
    hidden;

}

/* =========================================================
   TOP LEVEL DROPDOWNS
========================================================= */

.hunter-workspace
.hunter-job-create-dropdown.workspace-card,
.hunter-workspace
.hunter-job-list-dropdown.workspace-card {

  display:
    block;

  width:
    100%;

  min-width:
    0;

  padding:
    0;

  border:
    1px solid
    rgba(
      112,
      155,
      219,
      0.20
    );

  border-radius:
    18px;

  background:
    linear-gradient(
      145deg,
      rgba(
        31,
        53,
        82,
        0.98
      ),
      rgba(
        17,
        34,
        57,
        0.98
      )
    );

  box-shadow:
    0 16px 38px
    rgba(
      0,
      0,
      0,
      0.18
    );

}

.hunter-workspace
.hunter-job-create-dropdown.workspace-card[open],
.hunter-workspace
.hunter-job-list-dropdown.workspace-card[open] {

  border-color:
    rgba(
      77,
      141,
      255,
      0.40
    );

  box-shadow:
    0 20px 46px
    rgba(
      0,
      0,
      0,
      0.24
    ),
    inset 0 1px 0
    rgba(
      255,
      255,
      255,
      0.035
    );

}

.hunter-workspace
.hunter-job-create-dropdown >
.hunter-job-dropdown-summary,
.hunter-workspace
.hunter-job-list-dropdown >
.hunter-job-dropdown-summary {

  min-height:
    78px;

  padding:
    18px 22px 18px 54px;

  background:
    linear-gradient(
      90deg,
      rgba(
        77,
        141,
        255,
        0.055
      ),
      transparent 68%
    );

}

.hunter-workspace
.hunter-job-create-dropdown[open] >
.hunter-job-dropdown-summary,
.hunter-workspace
.hunter-job-list-dropdown[open] >
.hunter-job-dropdown-summary {

  border-bottom:
    1px solid
    rgba(
      255,
      255,
      255,
      0.06
    );

  background:
    linear-gradient(
      90deg,
      rgba(
        77,
        141,
        255,
        0.12
      ),
      rgba(
        56,
        200,
        232,
        0.025
      )
    );

}

.hunter-workspace
.hunter-job-create-dropdown >
.hunter-job-dropdown-content,
.hunter-workspace
.hunter-job-list-dropdown >
.hunter-job-dropdown-content {

  width:
    100%;

  min-width:
    0;

  padding:
    20px;

}

/* =========================================================
   JOB LIST
========================================================= */

.hunter-workspace
.hunter-job-dropdown-list {

  display:
    flex;

  flex-direction:
    column;

  gap:
    10px;

  width:
    100%;

  min-width:
    0;

  padding:
    0;

}

.hunter-workspace
.hunter-job-dropdown {

  border:
    1px solid
    rgba(
      137,
      169,
      213,
      0.16
    );

  border-radius:
    15px;

  background:
    linear-gradient(
      145deg,
      rgba(
        28,
        48,
        76,
        0.96
      ),
      rgba(
        15,
        31,
        53,
        0.98
      )
    );

  box-shadow:
    0 10px 24px
    rgba(
      0,
      0,
      0,
      0.13
    );

  transition:
    border-color 150ms ease,
    transform 150ms ease,
    box-shadow 150ms ease;

}

.hunter-workspace
.hunter-job-dropdown:hover {

  border-color:
    rgba(
      77,
      141,
      255,
      0.38
    );

  transform:
    translateY(
      -1px
    );

  box-shadow:
    0 15px 30px
    rgba(
      0,
      0,
      0,
      0.18
    );

}

.hunter-workspace
.hunter-job-dropdown[open] {

  border-color:
    rgba(
      77,
      141,
      255,
      0.55
    );

  background:
    linear-gradient(
      145deg,
      rgba(
        36,
        61,
        95,
        0.98
      ),
      rgba(
        17,
        35,
        59,
        0.99
      )
    );

  transform:
    none;

}

/* =========================================================
   INDIVIDUAL JOB SUMMARY
========================================================= */

.hunter-workspace
.hunter-job-dropdown >
.hunter-job-dropdown-summary {

  display:
    grid;

  grid-template-columns:
    minmax(
      0,
      1fr
    )
    auto;

  align-items:
    center;

  width:
    100%;

  min-width:
    0;

  min-height:
    72px;

  padding:
    15px 18px 15px 52px;

}

.hunter-workspace
.hunter-job-dropdown[open] >
.hunter-job-dropdown-summary {

  border-bottom:
    1px solid
    rgba(
      255,
      255,
      255,
      0.065
    );

  background:
    linear-gradient(
      90deg,
      rgba(
        77,
        141,
        255,
        0.10
      ),
      transparent 72%
    );

}

.hunter-workspace
.hunter-job-dropdown-summary-main {

  width:
    100%;

  min-width:
    0;

}

.hunter-workspace
.hunter-job-dropdown-summary-main strong {

  display:
    block;

  overflow:
    hidden;

  color:
    #ffffff;

  font-size:
    14px;

  font-weight:
    820;

  line-height:
    1.35;

  text-overflow:
    ellipsis;

  white-space:
    nowrap;

}

.hunter-workspace
.hunter-job-dropdown-summary-main span {

  display:
    block;

  overflow:
    hidden;

  margin-top:
    5px;

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    10px;

  line-height:
    1.4;

  text-overflow:
    ellipsis;

  white-space:
    nowrap;

}

.hunter-workspace
.hunter-job-dropdown-summary-status {

  display:
    flex;

  align-items:
    center;

  justify-content:
    flex-end;

  gap:
    8px;

  min-width:
    max-content;

}

.hunter-workspace
.hunter-job-dropdown-summary-status em {

  min-height:
    26px;

  padding:
    5px 10px;

  border:
    1px solid
    rgba(
      79,
      211,
      155,
      0.30
    );

  border-radius:
    999px;

  background:
    rgba(
      79,
      211,
      155,
      0.10
    );

  color:
    #baf4d8;

  font-size:
    9px;

  font-style:
    normal;

  font-weight:
    850;

}

.hunter-workspace
.hunter-job-dropdown-summary-status small {

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    10px;

  white-space:
    nowrap;

}

/* =========================================================
   OPEN JOB CONTENT
========================================================= */

.hunter-workspace
.hunter-job-dropdown >
.hunter-job-dropdown-content {

  display:
    grid;

  grid-template-columns:
    minmax(
      0,
      1fr
    )
    minmax(
      260px,
      300px
    );

  align-items:
    start;

  gap:
    18px;

  width:
    100%;

  min-width:
    0;

  min-height:
    0;

  padding:
    18px;

}

.hunter-workspace
.hunter-job-dropdown-content >
.sales-worklist-compact-main {

  display:
    grid;

  grid-template-columns:
    repeat(
      2,
      minmax(
        0,
        1fr
      )
    );

  align-content:
    start;

  gap:
    9px;

  width:
    100%;

  min-width:
    0;

}

.hunter-workspace
.hunter-job-dropdown-content >
.sales-worklist-compact-main span {

  display:
    block;

  width:
    auto;

  min-width:
    0;

  min-height:
    58px;

  padding:
    11px 12px;

  overflow:
    visible;

  border:
    1px solid
    rgba(
      255,
      255,
      255,
      0.055
    );

  border-radius:
    10px;

  background:
    rgba(
      255,
      255,
      255,
      0.026
    );

  color:
    var(
      --hunter-text-soft
    );

  font-size:
    11px;

  line-height:
    1.5;

  overflow-wrap:
    anywhere;

  word-break:
    normal;

  white-space:
    normal;

}

.hunter-workspace
.hunter-job-dropdown-content >
.sales-worklist-compact-main span:last-child {

  grid-column:
    1 / -1;

  min-height:
    auto;

}

/* =========================================================
   JOB RESULTS SIDE
========================================================= */

.hunter-workspace
.hunter-job-dropdown-content >
.sales-worklist-compact-side {

  display:
    flex;

  align-items:
    stretch;

  flex-direction:
    column;

  width:
    100%;

  min-width:
    0;

  gap:
    5px;

  padding:
    14px;

  border:
    1px solid
    rgba(
      255,
      255,
      255,
      0.06
    );

  border-radius:
    13px;

  background:
    linear-gradient(
      145deg,
      rgba(
        7,
        20,
        37,
        0.42
      ),
      rgba(
        16,
        34,
        56,
        0.30
      )
    );

}

.hunter-workspace
.hunter-job-dropdown-content >
.sales-worklist-compact-side small {

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  width:
    100%;

  min-width:
    0;

  min-height:
    32px;

  padding:
    7px 9px;

  overflow:
    visible;

  border-bottom:
    1px solid
    rgba(
      255,
      255,
      255,
      0.045
    );

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    10px;

  line-height:
    1.4;

  overflow-wrap:
    normal;

  word-break:
    normal;

  white-space:
    normal;

}

.hunter-workspace
.hunter-job-dropdown-content >
.sales-worklist-compact-side small:last-of-type {

  border-bottom:
    0;

}

/* =========================================================
   JOB ACTIONS
========================================================= */

.hunter-workspace
.hunter-job-dropdown-content >
.sales-worklist-compact-side
.dashboard-actions {

  display:
    grid;

  grid-template-columns:
    repeat(
      auto-fit,
      minmax(
        82px,
        1fr
      )
    );

  gap:
    7px;

  width:
    100%;

  margin-top:
    10px;

}

.hunter-workspace
.hunter-job-dropdown-content
.btn {

  width:
    100%;

  min-width:
    0;

  min-height:
    38px;

  padding:
    8px 10px;

  border:
    1px solid
    rgba(
      148,
      176,
      213,
      0.18
    );

  border-radius:
    9px;

  background:
    rgba(
      255,
      255,
      255,
      0.055
    );

  color:
    var(
      --hunter-text
    );

  font-family:
    inherit;

  font-size:
    10px;

  font-weight:
    820;

  cursor:
    pointer;

  transition:
    border-color 140ms ease,
    background 140ms ease,
    transform 140ms ease;

}

.hunter-workspace
.hunter-job-dropdown-content
.btn:hover:not(:disabled) {

  border-color:
    rgba(
      77,
      141,
      255,
      0.52
    );

  background:
    rgba(
      77,
      141,
      255,
      0.12
    );

  transform:
    translateY(
      -1px
    );

}

.hunter-workspace
.hunter-job-dropdown-content
[data-hunter-job-rerun],
.hunter-workspace
.hunter-job-dropdown-content
[data-hunter-job-start] {

  border-color:
    rgba(
      77,
      141,
      255,
      0.48
    );

  background:
    linear-gradient(
      135deg,
      #347af0,
      #5566e9
    );

  color:
    #ffffff;

  box-shadow:
    0 8px 18px
    rgba(
      52,
      122,
      240,
      0.19
    );

}

.hunter-workspace
.hunter-job-dropdown-content
[data-hunter-job-delete] {

  border-color:
    rgba(
      240,
      107,
      120,
      0.25
    );

  background:
    rgba(
      240,
      107,
      120,
      0.075
    );

  color:
    #ffc2c8;

}

/* =========================================================
   JOB EDIT FORM
========================================================= */

.hunter-job-edit-form {

  grid-column:
    1 / -1;

}

.hunter-job-edit-form
.users-create-grid {

  display:
    grid;

  grid-template-columns:
    repeat(
      2,
      minmax(
        0,
        1fr
      )
    );

  gap:
    15px 16px;

}

.hunter-job-edit-form >
.dashboard-actions {

  display:
    flex;

  align-items:
    center;

  justify-content:
    flex-end;

  gap:
    8px;

  margin-top:
    18px;

}

/* =========================================================
   LEGACY JOB COMPATIBILITY
========================================================= */

.hunter-job-list {

  display:
    flex;

  flex-direction:
    column;

  gap:
    10px;

}

.hunter-job-card {

  display:
    grid;

  grid-template-columns:
    minmax(
      0,
      1fr
    )
    auto;

  gap:
    18px;

  padding:
    17px;

  border:
    1px solid
    var(
      --hunter-border
    );

  border-radius:
    var(
      --hunter-radius-md
    );

  background:
    rgba(
      255,
      255,
      255,
      0.032
    );

}

.hunter-job-card-title {

  margin:
    0;

  color:
    var(
      --hunter-text
    );

  font-size:
    14px;

}

.hunter-job-card-meta,
.hunter-job-result-strip {

  display:
    flex;

  flex-wrap:
    wrap;

  gap:
    7px 14px;

  margin-top:
    8px;

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    10px;

}

.hunter-job-result-pill {

  padding:
    5px 8px;

  border-radius:
    8px;

  background:
    rgba(
      255,
      255,
      255,
      0.05
    );

  color:
    var(
      --hunter-text-soft
    );

  font-size:
    10px;

  font-weight:
    700;

}

/* =========================================================
   HUNTING JOB RESPONSIVE
========================================================= */

@media (
  max-width:
  920px
) {

  .hunter-job-dropdown >
  .hunter-job-dropdown-content {

    grid-template-columns:
      1fr;

  }

  .hunter-job-dropdown-content >
  .sales-worklist-compact-side {

    padding:
      13px;

  }

}

@media (
  max-width:
  700px
) {

  .hunter-job-panel {

    padding:
      16px;

  }

  .hunter-job-panel >
  .dashboard-header {

    align-items:
      stretch;

    flex-direction:
      column;

  }

  .hunter-job-dropdown-summary {

    align-items:
      flex-start;

    flex-direction:
      column;

    min-height:
      auto;

    padding:
      15px 15px 15px 44px;

  }

  .hunter-job-dropdown-summary-status {

    justify-content:
      flex-start;

  }

  .hunter-job-create-dropdown
  .users-create-grid,
  .hunter-job-edit-form
  .users-create-grid,
  .hunter-job-dropdown-content >
  .sales-worklist-compact-main {

    grid-template-columns:
      1fr;

  }

  .hunter-job-dropdown-content >
  .sales-worklist-compact-main span:last-child {

    grid-column:
      auto;

  }

  .hunter-job-create-dropdown >
  .hunter-job-dropdown-content,
  .hunter-job-list-dropdown >
  .hunter-job-dropdown-content,
  .hunter-job-dropdown >
  .hunter-job-dropdown-content {

    padding:
      15px;

  }

  .hunter-job-dropdown-content >
  .sales-worklist-compact-side
  .dashboard-actions {

    grid-template-columns:
      1fr;

  }

}

/* =========================================================
   NEW HUNTER LEAD
========================================================= */

.hunter-new-lead-panel {

  display:
    flex;

  flex-direction:
    column;

  gap:
    14px;

}

.hunter-new-lead-header {

  position:
    relative;

  overflow:
    hidden;

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    24px;

  padding:
    22px 24px;

  border:
    1px solid
    rgba(
      107,
      155,
      229,
      0.24
    );

  border-radius:
    20px;

  background:
    linear-gradient(
      135deg,
      rgba(
        39,
        67,
        104,
        0.98
      ),
      rgba(
        18,
        37,
        62,
        0.98
      )
    );

  box-shadow:
    var(
      --hunter-shadow-soft
    );

}

.hunter-new-lead-header::after {

  content:
    "";

  position:
    absolute;

  top:
    -130px;

  right:
    -70px;

  width:
    280px;

  height:
    280px;

  border-radius:
    999px;

  background:
    radial-gradient(
      circle,
      rgba(
        77,
        141,
        255,
        0.28
      ),
      transparent 68%
    );

  pointer-events:
    none;

}

.hunter-new-lead-header-copy {

  position:
    relative;

  z-index:
    1;

}

.hunter-new-lead-header-copy h2 {

  margin:
    0;

  color:
    #ffffff;

  font-size:
    25px;

  line-height:
    1.15;

  letter-spacing:
    -0.025em;

}

.hunter-new-lead-header-copy p {

  margin:
    7px 0 0;

  color:
    var(
      --hunter-text-soft
    );

  font-size:
    12px;

}

.hunter-new-lead-header-status {

  position:
    relative;

  z-index:
    1;

  display:
    flex;

  align-items:
    center;

  justify-content:
    flex-end;

  flex-wrap:
    wrap;

  gap:
    7px;

}

.hunter-new-lead-header-status span,
.hunter-new-lead-header-status strong {

  display:
    inline-flex;

  align-items:
    center;

  min-height:
    29px;

  padding:
    6px 10px;

  border:
    1px solid
    var(
      --hunter-border
    );

  border-radius:
    999px;

  background:
    rgba(
      255,
      255,
      255,
      0.045
    );

  color:
    var(
      --hunter-text-soft
    );

  font-size:
    9px;

  font-weight:
    780;

}

.hunter-new-lead-header-status strong {

  border-color:
    rgba(
      79,
      211,
      155,
      0.28
    );

  background:
    rgba(
      79,
      211,
      155,
      0.09
    );

  color:
    #baf4d8;

}

/* =========================================================
   NEW LEAD MAIN GRID
========================================================= */

.hunter-new-lead-main-grid {

  display:
    grid;

  grid-template-columns:
    repeat(
      2,
      minmax(
        0,
        1fr
      )
    );

  align-items:
    start;

  gap:
    14px;

}

.hunter-new-lead-column {

  display:
    flex;

  flex-direction:
    column;

  gap:
    14px;

  min-width:
    0;

}

.hunter-new-lead-section,
.hunter-new-lead-context-section {

  position:
    relative;

  overflow:
    hidden;

  padding:
    19px;

  border:
    1px solid
    var(
      --hunter-border
    );

  border-radius:
    17px;

  background:
    linear-gradient(
      145deg,
      rgba(
        31,
        53,
        82,
        0.94
      ),
      rgba(
        18,
        36,
        60,
        0.98
      )
    );

  box-shadow:
    0 10px 25px
    rgba(
      0,
      0,
      0,
      0.13
    );

}

.hunter-new-lead-section::before,
.hunter-new-lead-context-section::before {

  content:
    "";

  position:
    absolute;

  top:
    0;

  right:
    0;

  left:
    0;

  height:
    2px;

  background:
    linear-gradient(
      90deg,
      var(
        --hunter-blue
      ),
      rgba(
        56,
        200,
        232,
        0.55
      ),
      transparent 80%
    );

}

.hunter-new-lead-section-header {

  display:
    flex;

  align-items:
    flex-start;

  justify-content:
    space-between;

  gap:
    12px;

  margin-bottom:
    16px;

}

.hunter-new-lead-section-header > div {

  display:
    flex;

  align-items:
    flex-start;

  gap:
    11px;

}

.hunter-new-lead-section-header > div > span {

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  flex:
    0 0 auto;

  width:
    29px;

  height:
    29px;

  border:
    1px solid
    rgba(
      77,
      141,
      255,
      0.34
    );

  border-radius:
    9px;

  background:
    rgba(
      77,
      141,
      255,
      0.11
    );

  color:
    #bcd2ff;

  font-size:
    9px;

  font-weight:
    850;

}

.hunter-new-lead-section-header h3 {

  margin:
    0;

  color:
    #ffffff;

  font-size:
    15px;

  line-height:
    1.3;

}

.hunter-new-lead-section-header p {

  margin:
    4px 0 0;

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    10px;

  line-height:
    1.45;

}

/* =========================================================
   NEW LEAD FORM GRID
========================================================= */

.hunter-new-lead-section-grid {

  display:
    grid;

  grid-template-columns:
    repeat(
      2,
      minmax(
        0,
        1fr
      )
    );

  gap:
    12px;

}

.hunter-new-lead-panel
.field-group {

  display:
    flex;

  flex-direction:
    column;

  gap:
    6px;

  min-width:
    0;

}

.hunter-new-lead-panel
.field-group.is-full {

  grid-column:
    1 / -1;

}

.hunter-new-lead-panel
.field-group label {

  color:
    var(
      --hunter-text-soft
    );

  font-size:
    10px;

  font-weight:
    760;

}

.hunter-new-lead-panel input,
.hunter-new-lead-panel select {

  min-height:
    40px;

  padding:
    9px 11px;

  border-radius:
    9px;

  font-size:
    12px;

}

.hunter-new-lead-divider {

  position:
    relative;

  display:
    flex;

  align-items:
    center;

  gap:
    9px;

  min-height:
    24px;

  margin:
    2px 0;

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    9px;

  font-weight:
    800;

  letter-spacing:
    0.06em;

  text-transform:
    uppercase;

}

.hunter-new-lead-divider::after {

  content:
    "";

  flex:
    1;

  height:
    1px;

  background:
    rgba(
      255,
      255,
      255,
      0.06
    );

}

/* =========================================================
   NEW LEAD INFORMATION CARD
========================================================= */

.hunter-new-lead-info-card {

  padding:
    16px 17px;

  border:
    1px solid
    rgba(
      79,
      211,
      155,
      0.18
    );

  border-radius:
    15px;

  background:
    linear-gradient(
      135deg,
      rgba(
        79,
        211,
        155,
        0.08
      ),
      rgba(
        27,
        52,
        75,
        0.74
      )
    );

}

.hunter-new-lead-info-card strong {

  display:
    block;

  color:
    #dffbef;

  font-size:
    12px;

}

.hunter-new-lead-info-card p {

  max-width:
    520px;

  margin:
    6px 0 0;

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    10px;

  line-height:
    1.5;

}

/* =========================================================
   SOURCE CONTEXT
========================================================= */

.hunter-new-lead-context-grid {

  display:
    grid;

  grid-template-columns:
    minmax(
      0,
      1.2fr
    )
    minmax(
      0,
      0.8fr
    );

  gap:
    13px;

}

.hunter-new-lead-context-grid textarea {

  min-height:
    170px;

  max-height:
    360px;

  font-size:
    11px;

}

/* =========================================================
   NEW LEAD ACTION BAR
========================================================= */

.hunter-new-lead-action-bar {

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    20px;

  padding:
    16px 18px;

  border:
    1px solid
    rgba(
      77,
      141,
      255,
      0.23
    );

  border-radius:
    15px;

  background:
    linear-gradient(
      90deg,
      rgba(
        77,
        141,
        255,
        0.10
      ),
      rgba(
        25,
        45,
        72,
        0.94
      )
    );

  box-shadow:
    var(
      --hunter-shadow-soft
    );

}

.hunter-new-lead-action-bar > div:first-child strong {

  display:
    block;

  color:
    #ffffff;

  font-size:
    12px;

}

.hunter-new-lead-action-bar > div:first-child span {

  display:
    block;

  margin-top:
    4px;

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    10px;

}

.hunter-new-lead-action-bar
.dashboard-actions {

  display:
    flex;

  align-items:
    center;

  justify-content:
    flex-end;

  gap:
    8px;

  flex:
    0 0 auto;

}

/* =========================================================
   NEW LEAD RESPONSIVE
========================================================= */

@media (
  max-width:
  980px
) {

  .hunter-new-lead-main-grid {

    grid-template-columns:
      1fr;

  }

  .hunter-new-lead-context-grid {

    grid-template-columns:
      1fr;

  }

}

@media (
  max-width:
  680px
) {

  .hunter-new-lead-header,
  .hunter-new-lead-action-bar {

    align-items:
      stretch;

    flex-direction:
      column;

  }

  .hunter-new-lead-header {

    padding:
      18px;

  }

  .hunter-new-lead-header-status {

    justify-content:
      flex-start;

  }

  .hunter-new-lead-section,
  .hunter-new-lead-context-section {

    padding:
      15px;

  }

  .hunter-new-lead-section-grid {

    grid-template-columns:
      1fr;

  }

  .hunter-new-lead-panel
  .field-group.is-full {

    grid-column:
      auto;

  }

  .hunter-new-lead-action-bar
  .dashboard-actions {

    width:
      100%;

  }

  .hunter-new-lead-action-bar
  .hunter-btn {

    flex:
      1;

  }

}

/* =========================================================
   MANUAL CAPTURE / IMPORT
========================================================= */

.hunter-manual-capture-card {

  position:
    relative;

  display:
    grid;

  grid-template-columns:
    minmax(
      0,
      0.86fr
    )
    minmax(
      460px,
      1.14fr
    );

  grid-template-areas:
    "header header"
    "settings preview"
    "source preview"
    "actions preview";

  align-items:
    start;

  gap:
    18px;

  width:
    100%;

  padding:
    22px;

  overflow:
    hidden;

  border:
    1px solid
    rgba(
      111,
      158,
      229,
      0.24
    );

  border-radius:
    24px;

  background:
    radial-gradient(
      circle at 12% 0%,
      rgba(
        77,
        141,
        255,
        0.17
      ),
      transparent 34%
    ),
    radial-gradient(
      circle at 88% 18%,
      rgba(
        154,
        120,
        255,
        0.13
      ),
      transparent 30%
    ),
    linear-gradient(
      145deg,
      rgba(
        29,
        51,
        80,
        0.97
      ),
      rgba(
        13,
        29,
        50,
        0.99
      )
    );

  box-shadow:
    0 26px 70px
    rgba(
      0,
      0,
      0,
      0.30
    ),
    inset 0 1px 0
    rgba(
      255,
      255,
      255,
      0.05
    );

}

.hunter-manual-capture-card::before {

  content:
    "";

  position:
    absolute;

  top:
    -140px;

  right:
    -100px;

  width:
    330px;

  height:
    330px;

  border-radius:
    999px;

  background:
    radial-gradient(
      circle,
      rgba(
        56,
        200,
        232,
        0.12
      ),
      transparent 68%
    );

  pointer-events:
    none;

}

/* =========================================================
   MANUAL CAPTURE HEADER
========================================================= */

.hunter-manual-capture-card >
.dashboard-header {

  position:
    relative;

  z-index:
    1;

  grid-area:
    header;

  display:
    flex;

  align-items:
    flex-start;

  justify-content:
    space-between;

  gap:
    22px;

  margin:
    0;

  padding:
    4px 4px 20px;

  border-bottom:
    1px solid
    rgba(
      148,
      176,
      213,
      0.16
    );

}

.hunter-manual-capture-card >
.dashboard-header::after {

  content:
    "HUNTER INTELLIGENCE";

  display:
    inline-flex;

  align-items:
    center;

  min-height:
    30px;

  padding:
    6px 11px;

  border:
    1px solid
    rgba(
      154,
      120,
      255,
      0.32
    );

  border-radius:
    999px;

  background:
    rgba(
      154,
      120,
      255,
      0.10
    );

  color:
    #ded4ff;

  font-size:
    9px;

  font-weight:
    850;

  letter-spacing:
    0.06em;

  white-space:
    nowrap;

}

.hunter-manual-capture-card >
.dashboard-header h3 {

  margin:
    0;

  color:
    #ffffff;

  font-size:
    clamp(
      22px,
      2.4vw,
      30px
    );

  line-height:
    1.1;

  letter-spacing:
    -0.035em;

}

.hunter-manual-capture-card >
.dashboard-header
.lead-page-copy {

  max-width:
    760px;

  margin:
    9px 0 0;

  color:
    var(
      --hunter-text-soft
    );

  font-size:
    12px;

  line-height:
    1.6;

}

/* =========================================================
   MANUAL CAPTURE SETTINGS
========================================================= */

.hunter-manual-capture-card >
.users-create-grid {

  position:
    relative;

  z-index:
    1;

  grid-area:
    settings;

  display:
    grid;

  grid-template-columns:
    repeat(
      2,
      minmax(
        0,
        1fr
      )
    );

  gap:
    13px;

  padding:
    18px;

  border:
    1px solid
    rgba(
      148,
      176,
      213,
      0.16
    );

  border-radius:
    17px;

  background:
    linear-gradient(
      145deg,
      rgba(
        41,
        66,
        99,
        0.72
      ),
      rgba(
        18,
        36,
        59,
        0.74
      )
    );

  box-shadow:
    inset 0 1px 0
    rgba(
      255,
      255,
      255,
      0.035
    );

}

.hunter-manual-capture-card
.field-group {

  display:
    flex;

  flex-direction:
    column;

  gap:
    7px;

  min-width:
    0;

}

.hunter-manual-capture-card
.field-group label {

  color:
    var(
      --hunter-text-soft
    );

  font-size:
    10px;

  font-weight:
    800;

  letter-spacing:
    0.02em;

}

.hunter-manual-capture-card >
.users-create-grid >
.field-group:nth-child(1),
.hunter-manual-capture-card >
.users-create-grid >
.field-group:nth-child(2),
.hunter-manual-capture-card >
.users-create-grid >
.field-group:nth-child(3) {

  min-width:
    0;

}

.hunter-manual-capture-card >
.users-create-grid >
.field-group:nth-child(2) {

  grid-column:
    1 / -1;

}

.hunter-manual-capture-card >
.users-create-grid >
.field-group:nth-child(4) {

  justify-content:
    flex-end;

}

.hunter-manual-capture-card
.hunter-select-row {

  display:
    flex;

  align-items:
    center;

  flex-direction:
    row;

  gap:
    11px;

  min-height:
    43px;

  padding:
    9px 12px;

  border:
    1px solid
    rgba(
      79,
      211,
      155,
      0.20
    );

  border-radius:
    11px;

  background:
    rgba(
      79,
      211,
      155,
      0.07
    );

  color:
    #c8f5df;

  cursor:
    pointer;

}

.hunter-manual-capture-card
.hunter-select-row input {

  flex:
    0 0 auto;

  width:
    18px;

  height:
    18px;

  min-height:
    18px;

  padding:
    0;

  accent-color:
    var(
      --hunter-green
    );

}

.hunter-manual-capture-card
.hunter-select-row span {

  font-size:
    11px;

  font-weight:
    760;

}

/* =========================================================
   MANUAL SOURCE TEXT
========================================================= */

.hunter-manual-capture-card >
.field-group {

  position:
    relative;

  z-index:
    1;

  grid-area:
    source;

  padding:
    18px;

  border:
    1px solid
    rgba(
      148,
      176,
      213,
      0.16
    );

  border-radius:
    17px;

  background:
    rgba(
      5,
      17,
      32,
      0.25
    );

}

.hunter-manual-capture-card >
.field-group::before {

  content:
    "SOURCE TEXT";

  display:
    inline-flex;

  align-items:
    center;

  width:
    fit-content;

  min-height:
    24px;

  margin-bottom:
    3px;

  padding:
    5px 8px;

  border:
    1px solid
    rgba(
      56,
      200,
      232,
      0.25
    );

  border-radius:
    999px;

  background:
    rgba(
      56,
      200,
      232,
      0.07
    );

  color:
    #bceefa;

  font-size:
    8px;

  font-weight:
    850;

  letter-spacing:
    0.06em;

}

#hunterManualCaptureRawText {

  min-height:
    330px;

  padding:
    15px;

  border-radius:
    13px;

  background:
    linear-gradient(
      145deg,
      rgba(
        3,
        15,
        29,
        0.48
      ),
      rgba(
        21,
        41,
        66,
        0.36
      )
    );

  line-height:
    1.65;

}

/* =========================================================
   MANUAL ACTIONS
========================================================= */

.hunter-manual-capture-card >
.dashboard-actions {

  position:
    relative;

  z-index:
    1;

  grid-area:
    actions;

  display:
    flex;

  align-items:
    center;

  justify-content:
    flex-end;

  flex-wrap:
    wrap;

  gap:
    9px;

  padding:
    16px;

  border:
    1px solid
    rgba(
      77,
      141,
      255,
      0.19
    );

  border-radius:
    15px;

  background:
    linear-gradient(
      90deg,
      rgba(
        77,
        141,
        255,
        0.09
      ),
      rgba(
        17,
        34,
        57,
        0.78
      )
    );

}

.hunter-manual-capture-card >
.dashboard-actions::before {

  content:
    "Analyser teksten før noe lagres i Hunter Inbox.";

  margin-right:
    auto;

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    10px;

  line-height:
    1.4;

}

.hunter-manual-capture-card >
.dashboard-actions
.btn {

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  min-height:
    40px;

  padding:
    9px 15px;

  border:
    1px solid
    var(
      --hunter-border
    );

  border-radius:
    999px;

  color:
    var(
      --hunter-text
    );

  background:
    rgba(
      255,
      255,
      255,
      0.055
    );

  font-family:
    inherit;

  font-size:
    10px;

  font-weight:
    850;

  cursor:
    pointer;

}

.hunter-manual-capture-card >
.dashboard-actions
#hunterManualCapturePreviewBtn {

  border-color:
    rgba(
      77,
      141,
      255,
      0.48
    );

  background:
    linear-gradient(
      135deg,
      #347af0,
      #5566e9
    );

  color:
    #ffffff;

  box-shadow:
    0 10px 24px
    rgba(
      52,
      122,
      240,
      0.22
    );

}

.hunter-manual-capture-card >
.dashboard-actions
#hunterManualCaptureCommitBtn {

  border-color:
    rgba(
      79,
      211,
      155,
      0.42
    );

  background:
    linear-gradient(
      135deg,
      rgba(
        43,
        181,
        123,
        0.96
      ),
      rgba(
        38,
        145,
        113,
        0.96
      )
    );

  color:
    #ffffff;

  box-shadow:
    0 10px 24px
    rgba(
      79,
      211,
      155,
      0.16
    );

}

.hunter-manual-capture-card >
.dashboard-actions
.btn:disabled {

  opacity:
    0.36;

  cursor:
    not-allowed;

  box-shadow:
    none;

}

/* =========================================================
   MANUAL ANALYSIS PREVIEW
========================================================= */

#hunterManualCapturePreview {

  position:
    sticky;

  top:
    80px;

  z-index:
    1;

  grid-area:
    preview;

  min-width:
    0;

}

#hunterManualCapturePreview >
.empty-state {

  position:
    relative;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  flex-direction:
    column;

  min-height:
    665px;

  padding:
    38px;

  overflow:
    hidden;

  border:
    1px solid
    rgba(
      154,
      120,
      255,
      0.22
    );

  border-radius:
    20px;

  background:
    radial-gradient(
      circle at 50% 38%,
      rgba(
        154,
        120,
        255,
        0.15
      ),
      transparent 30%
    ),
    linear-gradient(
      145deg,
      rgba(
        31,
        52,
        80,
        0.84
      ),
      rgba(
        10,
        25,
        44,
        0.92
      )
    );

  text-align:
    center;

}

#hunterManualCapturePreview >
.empty-state::before {

  content:
    "H";

  display:
    grid;

  place-items:
    center;

  width:
    76px;

  height:
    76px;

  margin-bottom:
    18px;

  border:
    1px solid
    rgba(
      154,
      120,
      255,
      0.42
    );

  border-radius:
    25px;

  background:
    linear-gradient(
      145deg,
      rgba(
        154,
        120,
        255,
        0.22
      ),
      rgba(
        77,
        141,
        255,
        0.15
      )
    );

  color:
    #e2d9ff;

  font-size:
    27px;

  font-weight:
    900;

  box-shadow:
    0 0 60px
    rgba(
      154,
      120,
      255,
      0.18
    );

}

#hunterManualCapturePreview >
.empty-state strong {

  color:
    #ffffff;

  font-size:
    18px;

}

#hunterManualCapturePreview >
.empty-state p {

  max-width:
    360px;

  margin:
    9px 0 0;

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    11px;

  line-height:
    1.6;

}

/* =========================================================
   MANUAL PREVIEW RESULT CARD
========================================================= */

.hunter-manual-preview-card {

  display:
    flex;

  flex-direction:
    column;

  gap:
    15px;

  min-width:
    0;

  max-height:
    calc(
      100vh -
      110px
    );

  padding:
    20px;

  overflow-y:
    auto;

  border:
    1px solid
    rgba(
      77,
      141,
      255,
      0.27
    );

  border-radius:
    20px;

  background:
    linear-gradient(
      145deg,
      rgba(
        37,
        61,
        94,
        0.96
      ),
      rgba(
        15,
        32,
        54,
        0.99
      )
    );

  box-shadow:
    0 20px 48px
    rgba(
      0,
      0,
      0,
      0.23
    );

}

.hunter-manual-preview-card >
.dashboard-header {

  display:
    flex;

  align-items:
    flex-start;

  justify-content:
    space-between;

  gap:
    16px;

  margin:
    0;

  padding-bottom:
    16px;

  border-bottom:
    1px solid
    rgba(
      148,
      176,
      213,
      0.16
    );

}

.hunter-manual-preview-card >
.dashboard-header h4 {

  margin:
    0;

  color:
    #ffffff;

  font-size:
    19px;

  letter-spacing:
    -0.025em;

}

.hunter-manual-preview-card >
.dashboard-header >
strong {

  flex:
    0 0 auto;

  min-height:
    28px;

  padding:
    7px 10px;

  border:
    1px solid
    rgba(
      79,
      211,
      155,
      0.30
    );

  border-radius:
    999px;

  background:
    rgba(
      79,
      211,
      155,
      0.10
    );

  color:
    #baf4d8;

  font-size:
    9px;

  line-height:
    1;

}

.hunter-manual-preview-card >
.workspace-card {

  padding:
    13px 14px;

  border:
    1px solid
    rgba(
      244,
      199,
      80,
      0.24
    );

  border-radius:
    12px;

  background:
    rgba(
      244,
      199,
      80,
      0.07
    );

  color:
    #ffe9a8;

}

.hunter-manual-preview-card >
.workspace-card pre {

  max-width:
    100%;

  margin:
    8px 0 0;

  overflow:
    auto;

  color:
    var(
      --hunter-text-soft
    );

  font-family:
    inherit;

  font-size:
    10px;

  line-height:
    1.55;

  white-space:
    pre-wrap;

}

.hunter-manual-preview-card >
.users-create-grid {

  display:
    grid;

  grid-template-columns:
    repeat(
      2,
      minmax(
        0,
        1fr
      )
    );

  gap:
    11px;

}

.hunter-manual-preview-card >
.users-create-grid
.field-group {

  min-width:
    0;

}

.hunter-manual-preview-card >
.users-create-grid
.field-group:first-child {

  grid-column:
    1 / -1;

}

.hunter-manual-preview-card >
.field-group {

  padding-top:
    14px;

  border-top:
    1px solid
    rgba(
      148,
      176,
      213,
      0.13
    );

}

.hunter-manual-preview-card
input,
.hunter-manual-preview-card
textarea {

  min-height:
    40px;

  border-radius:
    9px;

  background:
    rgba(
      4,
      16,
      30,
      0.34
    );

}

.hunter-manual-preview-card
textarea {

  min-height:
    110px;

}

/* =========================================================
   HUNTER IMPORT — INTELLIGENCE WORKSPACE
========================================================= */

.hunter-import-panel {

  display:
    flex;

  flex-direction:
    column;

  gap:
    16px;

  width:
    100%;

}

/* =========================================================
   IMPORT HERO
========================================================= */

.hunter-import-hero {

  position:
    relative;

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    24px;

  min-height:
    150px;

  padding:
    25px 27px;

  overflow:
    hidden;

  border:
    1px solid
    rgba(
      99,
      151,
      255,
      0.25
    );

  border-radius:
    22px;

  background:
    radial-gradient(
      circle at 10% 0%,
      rgba(
        77,
        141,
        255,
        0.25
      ),
      transparent 36%
    ),
    radial-gradient(
      circle at 90% 100%,
      rgba(
        56,
        200,
        232,
        0.15
      ),
      transparent 35%
    ),
    linear-gradient(
      135deg,
      rgba(
        40,
        70,
        110,
        0.98
      ),
      rgba(
        16,
        34,
        58,
        0.99
      )
    );

  box-shadow:
    0 24px 62px
    rgba(
      0,
      0,
      0,
      0.25
    ),
    inset 0 1px 0
    rgba(
      255,
      255,
      255,
      0.06
    );

}

.hunter-import-hero::after {

  content:
    "";

  position:
    absolute;

  top:
    -120px;

  right:
    -80px;

  width:
    300px;

  height:
    300px;

  border-radius:
    999px;

  background:
    radial-gradient(
      circle,
      rgba(
        154,
        120,
        255,
        0.18
      ),
      transparent 68%
    );

  pointer-events:
    none;

}

.hunter-import-hero-copy {

  position:
    relative;

  z-index:
    1;

  min-width:
    0;

}

.hunter-import-hero-copy h2 {

  margin:
    0;

  color:
    #ffffff;

  font-size:
    clamp(
      26px,
      3vw,
      36px
    );

  line-height:
    1.05;

  letter-spacing:
    -0.04em;

}

.hunter-import-hero-copy p {

  max-width:
    720px;

  margin:
    10px 0 0;

  color:
    var(
      --hunter-text-soft
    );

  font-size:
    13px;

  line-height:
    1.6;

}

.hunter-import-hero-status {

  position:
    relative;

  z-index:
    1;

  display:
    flex;

  align-items:
    flex-end;

  flex-direction:
    column;

  gap:
    8px;

  flex:
    0 0 auto;

}

.hunter-import-hero-status span,
.hunter-import-hero-status strong {

  display:
    inline-flex;

  align-items:
    center;

  min-height:
    30px;

  padding:
    6px 11px;

  border-radius:
    999px;

  font-size:
    9px;

  font-weight:
    850;

  line-height:
    1;

  white-space:
    nowrap;

}

.hunter-import-hero-status span {

  border:
    1px solid
    rgba(
      56,
      200,
      232,
      0.27
    );

  background:
    rgba(
      56,
      200,
      232,
      0.08
    );

  color:
    #c5f4ff;

}

.hunter-import-hero-status strong {

  border:
    1px solid
    rgba(
      79,
      211,
      155,
      0.28
    );

  background:
    rgba(
      79,
      211,
      155,
      0.09
    );

  color:
    #baf4d8;

}

/* =========================================================
   IMPORT FLOW
========================================================= */

.hunter-import-flow {

  display:
    grid;

  grid-template-columns:
    auto
    minmax(
      30px,
      1fr
    )
    auto
    minmax(
      30px,
      1fr
    )
    auto
    minmax(
      30px,
      1fr
    )
    auto;

  align-items:
    center;

  gap:
    10px;

  padding:
    13px 17px;

  border:
    1px solid
    var(
      --hunter-border
    );

  border-radius:
    16px;

  background:
    rgba(
      11,
      27,
      49,
      0.86
    );

  box-shadow:
    var(
      --hunter-shadow-soft
    );

}

.hunter-import-flow-step {

  display:
    flex;

  align-items:
    center;

  gap:
    9px;

  min-width:
    0;

}

.hunter-import-flow-step >
span {

  display:
    grid;

  place-items:
    center;

  flex:
    0 0 auto;

  width:
    31px;

  height:
    31px;

  border:
    1px solid
    var(
      --hunter-border
    );

  border-radius:
    10px;

  background:
    rgba(
      255,
      255,
      255,
      0.04
    );

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    9px;

  font-weight:
    900;

}

.hunter-import-flow-step.is-active >
span {

  border-color:
    rgba(
      77,
      141,
      255,
      0.46
    );

  background:
    rgba(
      77,
      141,
      255,
      0.16
    );

  color:
    #d5e2ff;

  box-shadow:
    0 0 22px
    rgba(
      77,
      141,
      255,
      0.16
    );

}

.hunter-import-flow-step div {

  display:
    flex;

  flex-direction:
    column;

  gap:
    2px;

}

.hunter-import-flow-step strong {

  color:
    var(
      --hunter-text
    );

  font-size:
    11px;

}

.hunter-import-flow-step small {

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    8px;

  white-space:
    nowrap;

}

.hunter-import-flow-line {

  height:
    1px;

  background:
    linear-gradient(
      90deg,
      rgba(
        77,
        141,
        255,
        0.32
      ),
      rgba(
        148,
        176,
        213,
        0.10
      )
    );

}

/* =========================================================
   IMPORT MAIN GRID
========================================================= */

.hunter-import-layout {

  display:
    grid;

  grid-template-columns:
    minmax(
      380px,
      0.82fr
    )
    minmax(
      0,
      1.18fr
    );

  align-items:
    start;

  gap:
    16px;

}

.hunter-import-input-panel,
.hunter-import-preview-panel {

  min-width:
    0;

  padding:
    21px;

  border:
    1px solid
    var(
      --hunter-border
    );

  border-radius:
    20px;

  background:
    linear-gradient(
      145deg,
      rgba(
        31,
        53,
        82,
        0.96
      ),
      rgba(
        16,
        34,
        57,
        0.98
      )
    );

  box-shadow:
    0 18px 44px
    rgba(
      0,
      0,
      0,
      0.20
    ),
    inset 0 1px 0
    rgba(
      255,
      255,
      255,
      0.04
    );

}

.hunter-import-input-panel {

  position:
    sticky;

  top:
    78px;

}

.hunter-import-panel-heading {

  display:
    flex;

  align-items:
    flex-start;

  gap:
    12px;

  margin-bottom:
    18px;

  padding-bottom:
    16px;

  border-bottom:
    1px solid
    rgba(
      148,
      176,
      213,
      0.14
    );

}

.hunter-import-panel-number {

  display:
    grid;

  place-items:
    center;

  flex:
    0 0 auto;

  width:
    36px;

  height:
    36px;

  border:
    1px solid
    rgba(
      77,
      141,
      255,
      0.38
    );

  border-radius:
    12px;

  background:
    rgba(
      77,
      141,
      255,
      0.12
    );

  color:
    #cbdcff;

  font-size:
    10px;

  font-weight:
    900;

}

.hunter-import-panel-number.is-preview {

  border-color:
    rgba(
      154,
      120,
      255,
      0.38
    );

  background:
    rgba(
      154,
      120,
      255,
      0.12
    );

  color:
    #e3d9ff;

}

.hunter-import-panel-heading h3 {

  margin:
    0;

  color:
    #ffffff;

  font-size:
    18px;

  line-height:
    1.25;

  letter-spacing:
    -0.025em;

}

.hunter-import-panel-heading p {

  margin:
    5px 0 0;

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    10px;

  line-height:
    1.5;

}

/* =========================================================
   IMPORT SETTINGS
========================================================= */

.hunter-import-settings-grid {

  display:
    grid;

  grid-template-columns:
    repeat(
      2,
      minmax(
        0,
        1fr
      )
    );

  gap:
    12px;

}

.hunter-import-panel
.field-group {

  display:
    flex;

  flex-direction:
    column;

  gap:
    7px;

  min-width:
    0;

}

.hunter-import-panel
.field-group label {

  color:
    var(
      --hunter-text-soft
    );

  font-size:
    10px;

  font-weight:
    780;

}

.hunter-import-duplicate-control {

  position:
    relative;

  display:
    grid;

  grid-template-columns:
    38px
    minmax(
      0,
      1fr
    )
    auto;

  align-items:
    center;

  gap:
    11px;

  margin-top:
    14px;

  padding:
    13px;

  border:
    1px solid
    rgba(
      79,
      211,
      155,
      0.20
    );

  border-radius:
    13px;

  background:
    linear-gradient(
      135deg,
      rgba(
        79,
        211,
        155,
        0.08
      ),
      rgba(
        8,
        24,
        42,
        0.28
      )
    );

  cursor:
    pointer;

}

.hunter-import-duplicate-icon {

  display:
    grid;

  place-items:
    center;

  width:
    38px;

  height:
    38px;

  border:
    1px solid
    rgba(
      79,
      211,
      155,
      0.28
    );

  border-radius:
    12px;

  background:
    rgba(
      79,
      211,
      155,
      0.10
    );

  color:
    #baf4d8;

  font-size:
    12px;

  font-weight:
    900;

}

.hunter-import-duplicate-copy {

  display:
    flex;

  flex-direction:
    column;

  gap:
    3px;

}

.hunter-import-duplicate-copy strong {

  color:
    #e7fff3;

  font-size:
    11px;

}

.hunter-import-duplicate-copy small {

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    9px;

  line-height:
    1.4;

}

.hunter-import-duplicate-control input {

  position:
    absolute;

  width:
    1px;

  height:
    1px;

  opacity:
    0;

}

.hunter-import-toggle {

  position:
    relative;

  width:
    42px;

  height:
    23px;

  border:
    1px solid
    rgba(
      148,
      176,
      213,
      0.26
    );

  border-radius:
    999px;

  background:
    rgba(
      255,
      255,
      255,
      0.07
    );

  transition:
    background 160ms ease,
    border-color 160ms ease;

}

.hunter-import-toggle::after {

  content:
    "";

  position:
    absolute;

  top:
    3px;

  left:
    3px;

  width:
    15px;

  height:
    15px;

  border-radius:
    999px;

  background:
    var(
      --hunter-text-muted
    );

  transition:
    transform 160ms ease,
    background 160ms ease;

}

.hunter-import-duplicate-control
input:checked +
.hunter-import-toggle {

  border-color:
    rgba(
      79,
      211,
      155,
      0.48
    );

  background:
    rgba(
      79,
      211,
      155,
      0.18
    );

}

.hunter-import-duplicate-control
input:checked +
.hunter-import-toggle::after {

  transform:
    translateX(
      19px
    );

  background:
    var(
      --hunter-green
    );

}

/* =========================================================
   EXCEL TEXT AREA
========================================================= */

.hunter-import-text-field {

  margin-top:
    14px;

}

.hunter-import-text-label {

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    12px;

}

.hunter-import-text-label span {

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    9px;

}

#hunterImportPanelRawText {

  min-height:
    330px;

  padding:
    14px;

  border-radius:
    13px;

  background:
    linear-gradient(
      145deg,
      rgba(
        4,
        16,
        30,
        0.48
      ),
      rgba(
        22,
        43,
        68,
        0.34
      )
    );

  font-family:
    inherit;

  font-size:
    11px;

  line-height:
    1.65;

  tab-size:
    4;

}

.hunter-import-column-guide {

  margin-top:
    13px;

  padding:
    13px;

  border:
    1px solid
    rgba(
      56,
      200,
      232,
      0.18
    );

  border-radius:
    12px;

  background:
    rgba(
      56,
      200,
      232,
      0.055
    );

}

.hunter-import-column-guide span {

  display:
    block;

  color:
    #c2f2fb;

  font-size:
    9px;

  font-weight:
    850;

  letter-spacing:
    0.05em;

  text-transform:
    uppercase;

}

.hunter-import-column-guide p {

  margin:
    7px 0 0;

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    9px;

  line-height:
    1.55;

  overflow-wrap:
    anywhere;

}

/* =========================================================
   IMPORT ACTION BAR
========================================================= */

.hunter-import-action-bar,
.hunter-import-commit-bar {

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    15px;

  margin-top:
    15px;

  padding:
    14px;

  border:
    1px solid
    rgba(
      77,
      141,
      255,
      0.18
    );

  border-radius:
    14px;

  background:
    linear-gradient(
      90deg,
      rgba(
        77,
        141,
        255,
        0.08
      ),
      rgba(
        10,
        27,
        47,
        0.40
      )
    );

}

.hunter-import-action-copy,
.hunter-import-commit-bar >
div {

  display:
    flex;

  flex-direction:
    column;

  gap:
    3px;

}

.hunter-import-action-copy strong,
.hunter-import-commit-bar strong {

  color:
    var(
      --hunter-text
    );

  font-size:
    11px;

}

.hunter-import-action-copy span,
.hunter-import-commit-bar span {

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    9px;

  line-height:
    1.45;

}

.hunter-import-action-bar
.dashboard-actions {

  display:
    flex;

  align-items:
    center;

  gap:
    8px;

  flex:
    0 0 auto;

}

.hunter-import-commit-button {

  flex:
    0 0 auto;

  min-width:
    176px;

}

/* =========================================================
   IMPORT SUMMARY
========================================================= */

.hunter-import-summary {

  margin-bottom:
    14px;

}

.hunter-import-summary-placeholder {

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  min-height:
    61px;

  padding:
    13px 15px;

  border:
    1px solid
    var(
      --hunter-border
    );

  border-radius:
    13px;

  background:
    rgba(
      255,
      255,
      255,
      0.025
    );

}

.hunter-import-summary-placeholder span {

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    10px;

}

.hunter-import-summary-placeholder strong {

  color:
    var(
      --hunter-text-soft
    );

  font-size:
    17px;

}

.hunter-import-summary-grid {

  display:
    grid;

  grid-template-columns:
    repeat(
      4,
      minmax(
        0,
        1fr
      )
    );

  gap:
    8px;

}

.hunter-import-summary-card {

  display:
    flex;

  flex-direction:
    column;

  gap:
    6px;

  min-width:
    0;

  padding:
    12px;

  border:
    1px solid
    var(
      --hunter-border
    );

  border-radius:
    12px;

  background:
    rgba(
      255,
      255,
      255,
      0.03
    );

}

.hunter-import-summary-card span {

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    8px;

  font-weight:
    800;

  letter-spacing:
    0.045em;

  text-transform:
    uppercase;

}

.hunter-import-summary-card strong {

  color:
    #ffffff;

  font-size:
    22px;

  line-height:
    1;

}

.hunter-import-summary-card.is-valid {

  border-color:
    rgba(
      79,
      211,
      155,
      0.26
    );

  background:
    rgba(
      79,
      211,
      155,
      0.07
    );

}

.hunter-import-summary-card.is-duplicate {

  border-color:
    rgba(
      244,
      199,
      80,
      0.26
    );

  background:
    rgba(
      244,
      199,
      80,
      0.07
    );

}

.hunter-import-summary-card.is-invalid {

  border-color:
    rgba(
      240,
      107,
      120,
      0.26
    );

  background:
    rgba(
      240,
      107,
      120,
      0.07
    );

}

/* =========================================================
   IMPORT EMPTY PREVIEW
========================================================= */

.hunter-import-preview-content {

  min-width:
    0;

}

.hunter-import-empty-preview {

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  flex-direction:
    column;

  min-height:
    530px;

  padding:
    36px;

  border:
    1px dashed
    rgba(
      154,
      120,
      255,
      0.28
    );

  border-radius:
    17px;

  background:
    radial-gradient(
      circle at 50% 38%,
      rgba(
        154,
        120,
        255,
        0.14
      ),
      transparent 28%
    ),
    rgba(
      4,
      16,
      30,
      0.24
    );

  text-align:
    center;

}

.hunter-import-empty-orbit {

  display:
    grid;

  place-items:
    center;

  width:
    96px;

  height:
    96px;

  margin-bottom:
    15px;

  border:
    1px solid
    rgba(
      154,
      120,
      255,
      0.16
    );

  border-radius:
    999px;

  box-shadow:
    0 0 70px
    rgba(
      154,
      120,
      255,
      0.12
    );

}

.hunter-import-empty-icon {

  display:
    grid;

  place-items:
    center;

  width:
    59px;

  height:
    59px;

  border:
    1px solid
    rgba(
      154,
      120,
      255,
      0.38
    );

  border-radius:
    19px;

  background:
    linear-gradient(
      145deg,
      rgba(
        154,
        120,
        255,
        0.20
      ),
      rgba(
        77,
        141,
        255,
        0.13
      )
    );

  color:
    #e3dbff;

  font-size:
    21px;

  font-weight:
    900;

}

.hunter-import-empty-preview >
strong {

  color:
    #ffffff;

  font-size:
    16px;

}

.hunter-import-empty-preview >
p {

  max-width:
    410px;

  margin:
    8px 0 0;

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    10px;

  line-height:
    1.6;

}

.hunter-import-empty-features {

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  flex-wrap:
    wrap;

  gap:
    7px;

  margin-top:
    17px;

}

.hunter-import-empty-features span {

  padding:
    6px 9px;

  border:
    1px solid
    var(
      --hunter-border
    );

  border-radius:
    999px;

  background:
    rgba(
      255,
      255,
      255,
      0.035
    );

  color:
    var(
      --hunter-text-soft
    );

  font-size:
    8px;

  font-weight:
    750;

}

/* =========================================================
   IMPORT TABLE
========================================================= */

.hunter-import-preview-table-wrap {

  width:
    100%;

  max-height:
    610px;

  overflow:
    auto;

  border:
    1px solid
    var(
      --hunter-border
    );

  border-radius:
    14px;

  background:
    rgba(
      4,
      16,
      30,
      0.24
    );

}

.hunter-import-preview-table {

  width:
    100%;

  min-width:
    700px;

  border-collapse:
    separate;

  border-spacing:
    0;

}

.hunter-import-preview-table th {

  position:
    sticky;

  top:
    0;

  z-index:
    2;

  padding:
    10px 11px;

  border-bottom:
    1px solid
    var(
      --hunter-border
    );

  background:
    rgba(
      14,
      32,
      54,
      0.98
    );

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    8px;

  font-weight:
    850;

  letter-spacing:
    0.05em;

  text-align:
    left;

  text-transform:
    uppercase;

}

.hunter-import-preview-table td {

  padding:
    11px;

  border-bottom:
    1px solid
    rgba(
      148,
      176,
      213,
      0.075
    );

  color:
    var(
      --hunter-text-soft
    );

  font-size:
    10px;

  line-height:
    1.45;

  vertical-align:
    top;

}

.hunter-import-preview-table tbody
tr:last-child td {

  border-bottom:
    0;

}

.hunter-import-preview-table tbody
tr {

  background:
    rgba(
      255,
      255,
      255,
      0.012
    );

  transition:
    background 140ms ease;

}

.hunter-import-preview-table tbody
tr:hover {

  background:
    rgba(
      77,
      141,
      255,
      0.055
    );

}

.hunter-import-preview-table tbody
tr.is-invalid {

  background:
    rgba(
      240,
      107,
      120,
      0.035
    );

}

.hunter-import-preview-table tbody
tr.is-duplicate {

  background:
    rgba(
      244,
      199,
      80,
      0.035
    );

}

.hunter-import-row-number {

  display:
    grid;

  place-items:
    center;

  width:
    27px;

  height:
    27px;

  border:
    1px solid
    var(
      --hunter-border
    );

  border-radius:
    8px;

  background:
    rgba(
      255,
      255,
      255,
      0.035
    );

  font-size:
    9px;

  font-weight:
    850;

}

.hunter-import-row-primary,
.hunter-import-row-secondary {

  display:
    flex;

  flex-direction:
    column;

  gap:
    3px;

}

.hunter-import-row-primary strong,
.hunter-import-row-secondary strong {

  color:
    var(
      --hunter-text
    );

  font-size:
    10px;

}

.hunter-import-row-primary span,
.hunter-import-row-secondary span {

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    9px;

}

.hunter-import-row-status {

  display:
    inline-flex;

  align-items:
    center;

  min-height:
    23px;

  padding:
    5px 8px;

  border:
    1px solid
    var(
      --hunter-border
    );

  border-radius:
    999px;

  font-size:
    8px;

  font-weight:
    850;

  line-height:
    1;

  white-space:
    nowrap;

}

.hunter-import-row-status.is-valid {

  border-color:
    rgba(
      79,
      211,
      155,
      0.32
    );

  background:
    rgba(
      79,
      211,
      155,
      0.10
    );

  color:
    #baf4d8;

}

.hunter-import-row-status.is-duplicate {

  border-color:
    rgba(
      244,
      199,
      80,
      0.32
    );

  background:
    rgba(
      244,
      199,
      80,
      0.10
    );

  color:
    #ffe8a8;

}

.hunter-import-row-status.is-invalid {

  border-color:
    rgba(
      240,
      107,
      120,
      0.32
    );

  background:
    rgba(
      240,
      107,
      120,
      0.10
    );

  color:
    #ffc3c9;

}

.hunter-import-row-message {

  display:
    block;

  margin-top:
    6px;

  color:
    #ffc3c9;

  font-size:
    8px;

}

.hunter-import-duplicate-details {

  margin-top:
    7px;

}

.hunter-import-duplicate-details summary {

  color:
    #ffe8a8;

  font-size:
    8px;

  font-weight:
    750;

  cursor:
    pointer;

}

.hunter-import-duplicate-details pre {

  max-width:
    280px;

  margin:
    7px 0 0;

  padding:
    8px;

  overflow:
    auto;

  border:
    1px solid
    rgba(
      244,
      199,
      80,
      0.18
    );

  border-radius:
    8px;

  background:
    rgba(
      4,
      16,
      30,
      0.34
    );

  color:
    var(
      --hunter-text-soft
    );

  font-family:
    inherit;

  font-size:
    8px;

  line-height:
    1.5;

  white-space:
    pre-wrap;

}

/* =========================================================
   IMPORT RESPONSIVE
========================================================= */

@media (
  max-width:
  1080px
) {

  .hunter-import-layout {

    grid-template-columns:
      1fr;

  }

  .hunter-import-input-panel {

    position:
      static;

  }

  .hunter-import-empty-preview {

    min-height:
      330px;

  }

}

@media (
  max-width:
  760px
) {

  .hunter-import-hero {

    align-items:
      flex-start;

    flex-direction:
      column;

    padding:
      20px;

  }

  .hunter-import-hero-status {

    align-items:
      flex-start;

  }

  .hunter-import-flow {

    grid-template-columns:
      repeat(
        2,
        minmax(
          0,
          1fr
        )
      );

  }

  .hunter-import-flow-line {

    display:
      none;

  }

  .hunter-import-settings-grid,
  .hunter-import-summary-grid {

    grid-template-columns:
      repeat(
        2,
        minmax(
          0,
          1fr
        )
      );

  }

  .hunter-import-action-bar,
  .hunter-import-commit-bar {

    align-items:
      stretch;

    flex-direction:
      column;

  }

  .hunter-import-action-bar
  .dashboard-actions {

    width:
      100%;

  }

  .hunter-import-action-bar
  .hunter-btn,
  .hunter-import-commit-button {

    width:
      100%;

  }

}

@media (
  max-width:
  520px
) {

  .hunter-import-input-panel,
  .hunter-import-preview-panel {

    padding:
      15px;

    border-radius:
      16px;

  }

  .hunter-import-settings-grid,
  .hunter-import-summary-grid {

    grid-template-columns:
      1fr;

  }

  .hunter-import-flow {

    grid-template-columns:
      1fr;

  }

}

/* =========================================================
   ANALYSIS SUPPORT
========================================================= */

.hunter-analysis-result {

  display:
    flex;

  flex-direction:
    column;

  gap:
    10px;

}

.hunter-confidence-grid {

  display:
    grid;

  grid-template-columns:
    repeat(
      3,
      minmax(
        0,
        1fr
      )
    );

  gap:
    8px;

}

.hunter-confidence-item {

  padding:
    11px;

  border:
    1px solid
    var(
      --hunter-border
    );

  border-radius:
    10px;

  background:
    rgba(
      255,
      255,
      255,
      0.035
    );

}

.hunter-confidence-item span {

  display:
    block;

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    9px;

  text-transform:
    uppercase;

}

.hunter-confidence-item strong {

  display:
    block;

  margin-top:
    5px;

  color:
    var(
      --hunter-text
    );

  font-size:
    12px;

}

/* =========================================================
   MANUAL CAPTURE RESPONSIVE
========================================================= */

@media (
  max-width:
  1080px
) {

  .hunter-manual-capture-card {

    grid-template-columns:
      1fr;

    grid-template-areas:
      "header"
      "settings"
      "source"
      "actions"
      "preview";

  }

  #hunterManualCapturePreview {

    position:
      static;

  }

  #hunterManualCapturePreview >
  .empty-state {

    min-height:
      340px;

  }

  .hunter-manual-preview-card {

    max-height:
      none;

  }

}

@media (
  max-width:
  680px
) {

  .hunter-manual-capture-card {

    padding:
      15px;

    border-radius:
      18px;

  }

  .hunter-manual-capture-card >
  .dashboard-header {

    align-items:
      stretch;

    flex-direction:
      column;

  }

  .hunter-manual-capture-card >
  .dashboard-header::after {

    align-self:
      flex-start;

  }

  .hunter-manual-capture-card >
  .users-create-grid,
  .hunter-manual-preview-card >
  .users-create-grid {

    grid-template-columns:
      1fr;

  }

  .hunter-manual-capture-card >
  .users-create-grid >
  .field-group:nth-child(2),
  .hunter-manual-preview-card >
  .users-create-grid
  .field-group:first-child {

    grid-column:
      auto;

  }

  .hunter-manual-capture-card >
  .dashboard-actions {

    align-items:
      stretch;

    flex-direction:
      column;

  }

  .hunter-manual-capture-card >
  .dashboard-actions::before {

    margin-right:
      0;

  }

  .hunter-manual-capture-card >
  .dashboard-actions
  .btn {

    width:
      100%;

  }

}

/* =========================================================
   LEAD DETAILS SHELL
========================================================= */

.hunter-details-page {

  display:
    flex;

  flex-direction:
    column;

  gap:
    16px;

}

.hunter-details-header {

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    20px;

  padding:
    20px 22px;

  border:
    1px solid
    var(
      --hunter-border
    );

  border-radius:
    var(
      --hunter-radius-lg
    );

  background:
    linear-gradient(
      135deg,
      rgba(
        36,
        61,
        94,
        0.94
      ),
      rgba(
        17,
        35,
        59,
        0.97
      )
    );

}

.hunter-details-header-main {

  display:
    flex;

  align-items:
    center;

  gap:
    14px;

  min-width:
    0;

}

.hunter-details-back {

  flex:
    0 0 auto;

}

.hunter-details-identity {

  min-width:
    0;

}

.hunter-details-identity h1 {

  margin:
    0;

  overflow:
    hidden;

  color:
    #ffffff;

  font-size:
    clamp(
      22px,
      2.5vw,
      31px
    );

  line-height:
    1.1;

  text-overflow:
    ellipsis;

  white-space:
    nowrap;

}

.hunter-details-identity p {

  margin:
    5px 0 0;

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    12px;

}

.hunter-details-tabs-shell {

  padding:
    9px 12px;

  border:
    1px solid
    var(
      --hunter-border
    );

  border-radius:
    var(
      --hunter-radius-lg
    );

  background:
    rgba(
      20,
      39,
      64,
      0.94
    );

}

.hunter-details-tabs {

  display:
    flex;

  align-items:
    center;

  gap:
    5px;

  overflow-x:
    auto;

}

.hunter-details-tab {

  position:
    relative;

  flex:
    0 0 auto;

  min-height:
    44px;

  padding:
    10px 13px;

  border:
    0;

  border-radius:
    9px;

  background:
    transparent;

  color:
    var(
      --hunter-text-muted
    );

  font-family:
    inherit;

  font-size:
    12px;

  font-weight:
    760;

  cursor:
    pointer;

}

.hunter-details-tab:hover {

  background:
    rgba(
      255,
      255,
      255,
      0.045
    );

  color:
    var(
      --hunter-text
    );

}

.hunter-details-tab.is-active {

  background:
    rgba(
      77,
      141,
      255,
      0.13
    );

  color:
    #ffffff;

}

.hunter-details-tab.is-active::after {

  content:
    "";

  position:
    absolute;

  right:
    12px;

  bottom:
    2px;

  left:
    12px;

  height:
    2px;

  border-radius:
    999px;

  background:
    var(
      --hunter-blue
    );

}

.hunter-details-content {

  min-height:
    480px;

  padding:
    22px;

  border:
    1px solid
    var(
      --hunter-border
    );

  border-radius:
    var(
      --hunter-radius-xl
    );

  background:
    linear-gradient(
      145deg,
      rgba(
        31,
        52,
        79,
        0.95
      ),
      rgba(
        18,
        36,
        60,
        0.98
      )
    );

  box-shadow:
    var(
      --hunter-shadow-soft
    );

}

.hunter-details-grid {

  display:
    grid;

  grid-template-columns:
    minmax(
      0,
      1.25fr
    )
    minmax(
      290px,
      0.75fr
    );

  gap:
    14px;

}

.hunter-details-card {

  padding:
    18px;

  border:
    1px solid
    var(
      --hunter-border
    );

  border-radius:
    var(
      --hunter-radius-md
    );

  background:
    rgba(
      255,
      255,
      255,
      0.03
    );

}

.hunter-details-card h3,
.hunter-details-card h4 {

  margin:
    0 0 14px;

  color:
    var(
      --hunter-text
    );

}

/* =========================================================
   DETAIL INFORMATION ROWS
========================================================= */

.hunter-info-list {

  display:
    flex;

  flex-direction:
    column;

}

.hunter-info-row {

  display:
    grid;

  grid-template-columns:
    minmax(
      120px,
      0.35fr
    )
    minmax(
      0,
      0.65fr
    );

  gap:
    16px;

  padding:
    11px 0;

  border-bottom:
    1px solid
    rgba(
      255,
      255,
      255,
      0.055
    );

}

.hunter-info-row:last-child {

  border-bottom:
    0;

}

.hunter-info-row span {

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    11px;

}

.hunter-info-row strong {

  overflow-wrap:
    anywhere;

  color:
    var(
      --hunter-text-soft
    );

  font-size:
    12px;

  font-weight:
    650;

}

/* =========================================================
   SOURCE ANALYSIS
========================================================= */

.hunter-source-analysis-grid {

  display:
    grid;

  grid-template-columns:
    minmax(
      0,
      0.9fr
    )
    minmax(
      0,
      1.1fr
    );

  gap:
    14px;

}

.hunter-source-text {

  min-height:
    350px;

  max-height:
    560px;

  overflow:
    auto;

  padding:
    16px;

  border:
    1px solid
    var(
      --hunter-border
    );

  border-radius:
    11px;

  background:
    rgba(
      4,
      15,
      29,
      0.42
    );

  color:
    var(
      --hunter-text-soft
    );

  font-family:
    inherit;

  font-size:
    12px;

  line-height:
    1.65;

  white-space:
    pre-wrap;

}

/* =========================================================
   ROUTING PANEL
========================================================= */

.hunter-routing-grid {

  display:
    grid;

  grid-template-columns:
    repeat(
      2,
      minmax(
        0,
        1fr
      )
    );

  gap:
    14px;

}

.hunter-routing-card {

  padding:
    20px;

  border:
    1px solid
    var(
      --hunter-border
    );

  border-radius:
    var(
      --hunter-radius-lg
    );

  background:
    rgba(
      255,
      255,
      255,
      0.032
    );

}

.hunter-routing-card.is-sales {

  border-color:
    rgba(
      79,
      211,
      155,
      0.22
    );

}

.hunter-routing-card.is-ai {

  border-color:
    rgba(
      154,
      120,
      255,
      0.24
    );

}

/* =========================================================
   ACTIVITY LOG
========================================================= */

.hunter-activity-list {

  position:
    relative;

  display:
    flex;

  flex-direction:
    column;

  gap:
    0;

}

.hunter-activity-item {

  position:
    relative;

  display:
    grid;

  grid-template-columns:
    18px
    minmax(
      0,
      1fr
    );

  gap:
    12px;

  padding:
    0 0 20px;

}

.hunter-activity-item::before {

  content:
    "";

  position:
    absolute;

  top:
    17px;

  bottom:
    0;

  left:
    6px;

  width:
    1px;

  background:
    var(
      --hunter-border
    );

}

.hunter-activity-item:last-child::before {

  display:
    none;

}

.hunter-activity-dot {

  position:
    relative;

  z-index:
    1;

  width:
    13px;

  height:
    13px;

  margin-top:
    3px;

  border:
    3px solid
    #203a5c;

  border-radius:
    999px;

  background:
    var(
      --hunter-blue
    );

  box-shadow:
    0 0 0 3px
    rgba(
      77,
      141,
      255,
      0.12
    );

}

.hunter-activity-content strong {

  display:
    block;

  color:
    var(
      --hunter-text-soft
    );

  font-size:
    12px;

}

.hunter-activity-content small {

  display:
    block;

  margin-top:
    4px;

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    10px;

}

/* =========================================================
   EMPTY STATES
========================================================= */

.hunter-empty-state {

  display:
    flex;

  flex-direction:
    column;

  align-items:
    center;

  justify-content:
    center;

  min-height:
    260px;

  padding:
    30px;

  border:
    1px dashed
    rgba(
      148,
      176,
      213,
      0.22
    );

  border-radius:
    var(
      --hunter-radius-lg
    );

  background:
    rgba(
      255,
      255,
      255,
      0.018
    );

  text-align:
    center;

}

.hunter-empty-state-icon {

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  width:
    54px;

  height:
    54px;

  margin-bottom:
    13px;

  border:
    1px solid
    var(
      --hunter-border
    );

  border-radius:
    16px;

  background:
    rgba(
      77,
      141,
      255,
      0.08
    );

  color:
    var(
      --hunter-blue
    );

  font-size:
    24px;

}

.hunter-empty-state strong {

  color:
    var(
      --hunter-text
    );

  font-size:
    14px;

}

.hunter-empty-state p {

  max-width:
    460px;

  margin:
    7px 0 0;

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    12px;

  line-height:
    1.55;

}

/* =========================================================
   EXISTING HUNTER MODULE COMPATIBILITY
========================================================= */

.hunter-new-leads-page .hunter-import-card,
.hunter-new-leads-page .hunter-manual-capture-card,
.hunter-new-leads-page .hunter-filter-actions,
.hunter-new-leads-page .hunter-bulk-actions,
.hunter-new-leads-page .hunter-lead-details-card {

  border:
    1px solid
    var(
      --hunter-border
    );

  border-radius:
    var(
      --hunter-radius-lg
    );

  background:
    linear-gradient(
      145deg,
      rgba(
        31,
        53,
        82,
        0.94
      ),
      rgba(
        19,
        37,
        62,
        0.96
      )
    );

  box-shadow:
    var(
      --hunter-shadow-soft
    );

}

.hunter-new-leads-page .hunter-manual-preview-card {

  margin-top:
    16px;

  border:
    1px solid
    rgba(
      77,
      141,
      255,
      0.26
    );

  background:
    rgba(
      77,
      141,
      255,
      0.055
    );

}

.hunter-new-leads-page .hunter-import-preview-table-wrap {

  overflow-x:
    auto;

  margin-top:
    14px;

  border:
    1px solid
    var(
      --hunter-border
    );

  border-radius:
    12px;

}

.hunter-new-leads-page .hunter-import-preview-table {

  width:
    100%;

  border-collapse:
    collapse;

}

.hunter-new-leads-page .hunter-import-preview-table th,
.hunter-new-leads-page .hunter-import-preview-table td {

  padding:
    11px 12px;

  border-bottom:
    1px solid
    rgba(
      255,
      255,
      255,
      0.055
    );

  color:
    var(
      --hunter-text-soft
    );

  font-size:
    11px;

  text-align:
    left;

  vertical-align:
    top;

}

.hunter-new-leads-page .hunter-import-preview-table th {

  background:
    rgba(
      255,
      255,
      255,
      0.035
    );

  color:
    var(
      --hunter-text-muted
    );

  font-size:
    9px;

  letter-spacing:
    0.045em;

  text-transform:
    uppercase;

}

/* =========================================================
   SCROLLBARS
========================================================= */

.hunter-workspace *::-webkit-scrollbar,
.hunter-new-leads-page *::-webkit-scrollbar {

  width:
    8px;

  height:
    8px;

}

.hunter-workspace *::-webkit-scrollbar-track,
.hunter-new-leads-page *::-webkit-scrollbar-track {

  background:
    transparent;

}

.hunter-workspace *::-webkit-scrollbar-thumb,
.hunter-new-leads-page *::-webkit-scrollbar-thumb {

  border-radius:
    999px;

  background:
    rgba(
      123,
      151,
      188,
      0.34
    );

}

.hunter-workspace *::-webkit-scrollbar-thumb:hover,
.hunter-new-leads-page *::-webkit-scrollbar-thumb:hover {

  background:
    rgba(
      123,
      151,
      188,
      0.54
    );

}

/* =========================================================
   RESPONSIVE — LARGE TABLET
========================================================= */

@media (
  max-width:
  1180px
) {

  .hunter-overview-grid {

    grid-template-columns:
      repeat(
        2,
        minmax(
          0,
          1fr
        )
      );

  }

  .hunter-lead-grid {

    grid-template-columns:
      repeat(
        2,
        minmax(
          0,
          1fr
        )
      );

  }

  .hunter-overview-content-grid,
  .hunter-details-grid,
  .hunter-source-analysis-grid {

    grid-template-columns:
      1fr;

  }

}

/* =========================================================
   RESPONSIVE — TABLET
========================================================= */

@media (
  max-width:
  860px
) {

  .hunter-workspace {

    padding:
      18px 16px 44px;

  }

  .hunter-workspace-header {

    flex-direction:
      column;

    padding:
      22px;

  }

  .hunter-workspace-header-actions {

    width:
      100%;

    justify-content:
      flex-start;

  }

  .hunter-manual-layout,
  .hunter-import-layout,
  .hunter-routing-grid {

    grid-template-columns:
      1fr;

  }

  .hunter-field-grid,
  .hunter-field-grid.is-three-columns {

    grid-template-columns:
      1fr;

  }

  .hunter-confidence-grid {

    grid-template-columns:
      repeat(
        2,
        minmax(
          0,
          1fr
        )
      );

  }

  .hunter-details-header {

    align-items:
      flex-start;

    flex-direction:
      column;

  }

}

/* =========================================================
   RESPONSIVE — MOBILE
========================================================= */

@media (
  max-width:
  640px
) {

  .hunter-workspace {

    padding:
      14px 10px 36px;

  }

  .hunter-workspace-header {

    padding:
      18px;

    border-radius:
      18px;

  }

  .hunter-workspace-title {

    font-size:
      28px;

  }

  .hunter-overview-grid,
  .hunter-lead-grid,
  .hunter-quick-actions,
  .hunter-confidence-grid {

    grid-template-columns:
      1fr;

  }

  .hunter-workspace-tabs-shell {

    margin-right:
      -4px;

    margin-left:
      -4px;

    border-radius:
      14px;

  }

  .hunter-workspace-tab {

    min-height:
      42px;

    padding:
      9px 12px;

    font-size:
      11px;

  }

  .hunter-panel-inner,
  .hunter-details-content {

    padding:
      16px;

  }

  .hunter-inbox-toolbar {

    align-items:
      stretch;

    flex-direction:
      column;

  }

  .hunter-inbox-filters,
  .hunter-inbox-actions {

    width:
      100%;

  }

  .hunter-search-field {

    min-width:
      100%;

  }

  .hunter-lead-meta-row,
  .hunter-info-row {

    grid-template-columns:
      1fr;

    gap:
      3px;

  }

  .hunter-job-card {

    grid-template-columns:
      1fr;

  }

  .hunter-details-header-main {

    align-items:
      flex-start;

  }

  .hunter-details-identity h1 {

    white-space:
      normal;

  }

}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media (
  prefers-reduced-motion:
  reduce
) {

  .hunter-workspace *,
  .hunter-workspace *::before,
  .hunter-workspace *::after {

    scroll-behavior:
      auto !important;

    animation-duration:
      0.01ms !important;

    animation-iteration-count:
      1 !important;

    transition-duration:
      0.01ms !important;

  }

}