/* Final visual system for Telegram Mini App mockup parity. */
@media screen and (max-width: 720px) {
  :root {
    --df-bg: #050c12;
    --df-panel: rgba(12, 22, 30, 0.86);
    --df-panel-2: rgba(16, 29, 38, 0.82);
    --df-line: rgba(142, 185, 207, 0.18);
    --df-line-hot: rgba(50, 215, 200, 0.46);
    --df-text: #f4f8fb;
    --df-muted: rgba(194, 209, 220, 0.76);
    --df-dim: rgba(194, 209, 220, 0.54);
    --df-teal: #32d7c8;
    --df-teal-2: #6ae9dc;
    --df-amber: #f6b33d;
    --df-radius: 18px;
  }

  html,
  body {
    min-height: 100%;
    background:
      radial-gradient(circle at 16% -6%, rgba(50, 215, 200, 0.13), transparent 34%),
      radial-gradient(circle at 84% 10%, rgba(246, 179, 61, 0.08), transparent 30%),
      linear-gradient(180deg, #04090e 0%, var(--df-bg) 48%, #03070b 100%) !important;
    color: var(--df-text);
  }

  body {
    padding-bottom: calc(92px + env(safe-area-inset-bottom)) !important;
  }

  body::before {
    opacity: 0.11 !important;
  }

  .shell {
    width: min(100%, 430px) !important;
    max-width: 430px !important;
    padding: 10px 14px 0 !important;
    gap: 12px !important;
  }

  .topbar {
    min-height: 62px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .brand {
    position: relative !important;
    align-items: center !important;
    gap: 12px !important;
  }

  .brand .logo {
    display: none !important;
  }

  .brand::before {
    content: "" !important;
    width: 48px !important;
    height: 48px !important;
    flex: 0 0 48px !important;
    display: block !important;
    border-radius: 15px !important;
    border: 2px solid rgba(50, 215, 200, 0.96) !important;
    clip-path: polygon(50% 0, 91% 24%, 91% 76%, 50% 100%, 9% 76%, 9% 24%) !important;
    background:
      radial-gradient(circle at 50% 52%, rgba(50, 215, 200, 0.24) 0 7px, transparent 8px),
      radial-gradient(circle at 50% 52%, rgba(50, 215, 200, 0.9) 0 2px, transparent 3px),
      linear-gradient(145deg, rgba(18, 45, 57, 0.98), rgba(7, 18, 27, 0.98)) !important;
    box-shadow:
      0 0 0 4px rgba(50, 215, 200, 0.08),
      0 14px 28px rgba(0, 0, 0, 0.24),
      inset 0 0 18px rgba(50, 215, 200, 0.2) !important;
  }

  .brand::after {
    content: "" !important;
    position: absolute !important;
    left: 12px !important;
    top: 15px !important;
    width: 24px !important;
    height: 18px !important;
    border: 2px solid rgba(50, 215, 200, 0.96) !important;
    border-top: 0 !important;
    border-radius: 0 0 20px 20px !important;
    transform: rotate(-28deg) !important;
    box-shadow: 0 2px 8px rgba(50, 215, 200, 0.32) !important;
    pointer-events: none !important;
  }

  .brand .eyebrow {
    display: none !important;
  }

  .brand h1 {
    color: var(--df-text) !important;
    font-size: 25px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
  }

  .status {
    position: relative !important;
    width: 50px !important;
    height: 50px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid var(--df-line) !important;
    border-radius: 17px !important;
    background: rgba(13, 23, 31, 0.86) !important;
    color: transparent !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  }

  .status::before {
    content: "" !important;
    width: 18px !important;
    height: 20px !important;
    border: 2px solid #dce8ee !important;
    border-bottom-color: transparent !important;
    border-radius: 12px 12px 8px 8px !important;
    transform: translateY(1px) !important;
  }

  .status::after {
    content: "" !important;
    position: absolute !important;
    left: 18px !important;
    bottom: 13px !important;
    width: 13px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: #dce8ee !important;
  }

  .status .pulse {
    position: absolute !important;
    top: 6px !important;
    right: 6px !important;
    width: 10px !important;
    height: 10px !important;
    background: #72de74 !important;
    box-shadow: 0 0 0 4px rgba(114, 222, 116, 0.14) !important;
  }

  #status-text {
    display: none !important;
  }

  .access-bar {
    border: 1px solid var(--df-line) !important;
    border-radius: var(--df-radius) !important;
    background:
      linear-gradient(135deg, rgba(50, 215, 200, 0.09), transparent 50%),
      var(--df-panel) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
  }

  body[data-current-view="radar"] .access-bar {
    display: grid !important;
    grid-template-columns: 54px minmax(0, 126px) minmax(0, 128px) !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 96px !important;
    padding: 10px 14px !important;
  }

  body[data-current-view="radar"] .access-info {
    align-items: center !important;
  }

  .access-mark {
    display: grid !important;
    place-items: center !important;
  }

  .badge-pro {
    width: 50px !important;
    min-width: 50px !important;
    height: 50px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid rgba(94, 236, 142, 0.34) !important;
    border-radius: 16px !important;
    position: relative !important;
    color: transparent !important;
    background:
      radial-gradient(circle, rgba(94, 236, 142, 0.28), rgba(94, 236, 142, 0.09)) !important;
    font-size: 10px !important;
    letter-spacing: 0.06em !important;
  }

  .badge-pro::before {
    content: "" !important;
    width: 28px !important;
    height: 32px !important;
    display: block !important;
    border: 2px solid #8df3a8 !important;
    border-radius: 10px 10px 14px 14px !important;
    background: rgba(116, 236, 143, 0.10) !important;
    clip-path: polygon(50% 0%, 92% 15%, 86% 68%, 50% 100%, 14% 68%, 8% 15%) !important;
  }

  .badge-pro::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 11px !important;
    height: 6px !important;
    border-left: 2px solid #8df3a8 !important;
    border-bottom: 2px solid #8df3a8 !important;
    transform: translate(-50%, -48%) rotate(-45deg) !important;
  }

  .access-info b {
    display: block !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    color: var(--df-teal) !important;
    font-size: 15px !important;
    line-height: 1.15 !important;
  }

  .access-info small {
    display: block !important;
    max-width: 100% !important;
    margin-top: 7px !important;
    color: var(--df-muted) !important;
    font-size: 14px !important;
    line-height: 1.28 !important;
  }

  .access-metrics {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    align-items: stretch !important;
    order: 0 !important;
    grid-column: auto !important;
  }

  .access-metrics div {
    position: relative !important;
    display: grid !important;
    align-content: center !important;
    min-height: 62px !important;
    padding: 8px 8px !important;
    border: 0 !important;
    border-left: 1px solid var(--df-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  .access-metrics span {
    color: var(--df-muted) !important;
    font-size: 10px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  .access-metrics b {
    color: var(--df-text) !important;
    margin-top: 7px !important;
    font-size: 18px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body[data-current-view="radar"] .access-info {
    order: 0 !important;
    grid-column: auto !important;
    min-width: 0 !important;
  }

  body[data-current-view="radar"] .access-info > div {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body[data-current-view="radar"] .access-info small {
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .access-quota i {
    display: block !important;
    width: 100% !important;
    height: 5px !important;
    margin-top: 7px !important;
    border-radius: 999px !important;
    background: rgba(190, 207, 218, 0.15) !important;
    overflow: hidden !important;
  }

  .access-quota em {
    display: block !important;
    height: 100% !important;
    border-radius: inherit !important;
    background: var(--df-teal) !important;
  }

  .access-update i {
    position: absolute !important;
    top: 5px !important;
    right: 5px !important;
    bottom: auto !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background: #6fee7f !important;
    box-shadow: 0 0 0 5px rgba(111, 238, 127, 0.12) !important;
  }

  .access-update b {
    font-size: 16px !important;
  }

  body[data-current-view="radar"] .access-cta {
    display: none !important;
  }

  .access-cta,
  .primary,
  .primary-card-cta,
  .contact-locked .primary {
    min-height: 46px !important;
    border: 0 !important;
    border-radius: 14px !important;
    color: #061016 !important;
    background: linear-gradient(135deg, #75eadf, #32d7c8) !important;
    box-shadow: 0 14px 28px rgba(50, 215, 200, 0.14) !important;
    font-weight: 900 !important;
  }

  body[data-current-view="rating"] .access-bar,
  body[data-current-view="cabinet"] .access-bar {
    grid-template-columns: 38px minmax(0, 1fr) auto !important;
    min-height: 56px !important;
    padding: 8px 10px !important;
  }

  body[data-current-view="rating"] .access-info,
  body[data-current-view="cabinet"] .access-info {
    display: contents !important;
  }

  body[data-current-view="rating"] .badge-pro,
  body[data-current-view="cabinet"] .badge-pro {
    min-width: 34px !important;
    width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    color: transparent !important;
  }

  body[data-current-view="rating"] .badge-pro::after,
  body[data-current-view="cabinet"] .badge-pro::after {
    content: "";
    width: 13px;
    height: 13px;
    border-radius: 4px;
    background: #061016;
    opacity: 0.72;
  }

  body[data-current-view="rating"] .access-info b,
  body[data-current-view="cabinet"] .access-info b {
    font-size: 13px !important;
  }

  body[data-current-view="rating"] .access-info small,
  body[data-current-view="cabinet"] .access-info small {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 11px !important;
  }

  body[data-current-view="rating"] .access-metrics,
  body[data-current-view="cabinet"] .access-metrics {
    display: none !important;
  }

  body[data-current-view="rating"] .access-cta,
  body[data-current-view="cabinet"] .access-cta {
    min-height: 34px !important;
    padding: 7px 10px !important;
    font-size: 11px !important;
  }

  .feed-title-panel {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: end !important;
    padding: 23px 0 8px !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .feed-title-panel h2,
  .rating-hero h2,
  .cabinet-hero h2 {
    color: var(--df-text) !important;
    font-size: 36px !important;
    line-height: 1.02 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
  }

  .feed-title-panel p,
  .rating-hero p,
  .cabinet-hero p {
    color: var(--df-muted) !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  .feed-filter-action {
    width: 52px !important;
    height: 52px !important;
    border-radius: 16px !important;
    border: 1px solid var(--df-line) !important;
    background: var(--df-panel) !important;
  }

  .control-panel,
  .feed-head,
  .job-card,
  .rating-hero,
  .rating-card,
  .bonus-wheel,
  .referral-card,
  .cabinet-hero,
  .cabinet-window-nav button,
  .best-vacancy,
  .desk-panel,
  .detail-head,
  .decision-panel,
  .customer-panel,
  .quality-panel,
  .detail-original-panel,
  .response-panel,
  .mine-panel,
  .tariff-card,
  .match-card,
  .cabinet-reco,
  .starter-lane,
  .cabinet-tips,
  .activity-feed,
  .profile-form {
    border: 1px solid var(--df-line) !important;
    border-radius: var(--df-radius) !important;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.042), transparent 46%),
      var(--df-panel) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
  }

  .control-panel {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #signal-board {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    order: 0 !important;
    border: 1px solid var(--df-line) !important;
    border-radius: 15px !important;
    overflow: hidden !important;
  }

  #signal-board > div {
    min-width: 0 !important;
    min-height: 86px !important;
    padding: 14px 12px !important;
    border-right: 1px solid var(--df-line) !important;
    background: transparent !important;
  }

  #signal-board > div:last-child {
    border-right: 0 !important;
  }

  #signal-board span {
    color: var(--df-muted) !important;
    font-size: 12px !important;
    line-height: 1.18 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  #signal-board b {
    color: var(--df-amber) !important;
    display: block !important;
    margin-top: 10px !important;
    font-size: 28px !important;
    line-height: 1 !important;
  }

  #signal-board small {
    display: block !important;
    margin-top: 10px !important;
    color: var(--df-muted) !important;
    font-size: 11px !important;
    line-height: 1.12 !important;
  }

  #signal-board > div:nth-child(3) b {
    color: var(--df-teal) !important;
  }

  .search-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 140px !important;
    gap: 9px !important;
    align-items: stretch !important;
    margin-top: 12px !important;
    order: 1 !important;
  }

  .search {
    order: 0 !important;
    grid-column: 1 !important;
    min-height: 58px !important;
    border-radius: 15px !important;
    border-color: var(--df-line) !important;
    background: rgba(6, 13, 19, 0.72) !important;
  }

  .search input {
    font-size: 14px !important;
  }

  .feed-filter-action {
    order: 0 !important;
    grid-column: 2 !important;
    width: auto !important;
    height: auto !important;
    min-height: 58px !important;
    display: grid !important;
    grid-template-columns: 20px minmax(0, 1fr) 24px !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 0 9px !important;
    border-radius: 15px !important;
    border: 1px solid var(--df-line) !important;
    background: var(--df-panel) !important;
    color: var(--df-text) !important;
    font-weight: 800 !important;
    font-size: 12px !important;
  }

  .feed-filter-action svg {
    width: 20px !important;
    height: 20px !important;
  }

  .feed-filter-action span {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .feed-filter-action b {
    width: 24px !important;
    height: 24px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    color: #061016 !important;
    background: var(--df-teal) !important;
    font-size: 12px !important;
  }

  .filters:not(.secondary) {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
  }

  .filters:not(.secondary)::-webkit-scrollbar {
    display: none !important;
  }

  .chip,
  .select {
    border-radius: 13px !important;
    border-color: var(--df-line) !important;
    background: rgba(7, 14, 20, 0.70) !important;
  }

  .chip.active {
    color: #061016 !important;
    background: linear-gradient(135deg, #4fe3d7, var(--df-teal)) !important;
  }

  .job-card {
    padding: 0 !important;
    overflow: hidden !important;
    border-color: rgba(142, 185, 207, 0.22) !important;
  }

  .job-card.active,
  .job-card.hot {
    border-color: rgba(246, 179, 61, 0.46) !important;
  }

  .job-card-head,
  .card-body,
  .card-foot {
    padding-left: 26px !important;
    padding-right: 26px !important;
  }

  .job-card-head {
    padding-top: 24px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 70px !important;
    gap: 14px !important;
    align-items: start !important;
  }

  .job-estimate {
    color: var(--df-amber) !important;
    font-size: 30px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
  }

  .job-money-row {
    align-items: center !important;
    gap: 10px !important;
  }

  .fresh {
    min-height: 28px !important;
    padding: 6px 9px !important;
    border-radius: 8px !important;
    color: var(--df-teal) !important;
    background: rgba(50, 215, 200, 0.07) !important;
    border-color: rgba(50, 215, 200, 0.30) !important;
    font-size: 11px !important;
  }

  .card-top.compact {
    margin-top: 18px !important;
    gap: 9px !important;
  }

  .cat-visual,
  .ticket-id {
    min-height: 28px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
  }

  .category {
    color: var(--df-teal) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
  }

  .job-signal-orb {
    width: 68px !important;
    height: 68px !important;
    border-radius: 19px !important;
    border-color: rgba(50, 215, 200, 0.42) !important;
    background: radial-gradient(circle, rgba(50, 215, 200, 0.30), rgba(50, 215, 200, 0.08)) !important;
  }

  .job-signal-orb span {
    font-size: 22px !important;
  }

  .job-card .title {
    color: var(--df-text) !important;
    margin-top: 18px !important;
    font-size: 25px !important;
    line-height: 1.16 !important;
    font-weight: 900 !important;
  }

  .job-card .desc {
    margin-top: 14px !important;
    color: var(--df-muted) !important;
    font-size: 16px !important;
    line-height: 1.36 !important;
  }

  .job-meta-grid {
    margin-top: 20px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    border: 1px solid var(--df-line) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    gap: 0 !important;
  }

  .job-meta-grid span {
    border-right: 1px solid var(--df-line) !important;
    border-radius: 0 !important;
    min-height: 60px !important;
    padding: 9px 8px !important;
    background: rgba(255, 255, 255, 0.026) !important;
  }

  .job-meta-grid span:last-child {
    border-right: 0 !important;
  }

  .job-meta-grid em {
    color: var(--df-muted) !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
  }

  .job-meta-grid b {
    margin-top: 4px !important;
    color: var(--df-text) !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
  }

  .job-meta-grid b.difficulty-mid,
  .job-meta-grid b.difficulty-hard {
    color: var(--df-amber) !important;
  }

  .job-chipline,
  .workflow-status {
    display: none !important;
  }

  .card-foot {
    min-height: 78px !important;
    border-top: 1px solid var(--df-line) !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 9px !important;
    padding: 12px 14px !important;
  }

  .card-stats {
    display: flex !important;
    flex: 0 0 auto !important;
    gap: 12px !important;
    align-items: center !important;
  }

  .card-foot .spacer {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .stat-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--df-muted) !important;
  }

  .stat-pill svg {
    width: 21px !important;
    height: 21px !important;
    stroke: currentColor !important;
    fill: none !important;
    stroke-width: 2 !important;
  }

  .stat-pill b {
    color: var(--df-text) !important;
    font-size: 16px !important;
  }

  .primary-card-cta {
    flex: 0 0 146px !important;
    width: 146px !important;
    min-width: 146px !important;
    min-height: 54px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #ffd66b, #f6b33d) !important;
    box-shadow: 0 12px 26px rgba(246, 179, 61, 0.18) !important;
    color: #12100a !important;
    font-size: 18px !important;
  }

  .primary-card-cta svg {
    width: 28px !important;
    height: 28px !important;
    padding: 6px !important;
    border-radius: 50% !important;
    color: #ffd66b !important;
    background: #0d0b08 !important;
  }

  .icon-btn {
    width: 50px !important;
    height: 50px !important;
    border-radius: 14px !important;
  }

  .rating-hero {
    padding: 0 !important;
    min-height: 0 !important;
  }

  .rating-view {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: stretch !important;
    overflow: hidden !important;
  }

  .rating-view > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    grid-column: 1 / -1 !important;
  }

  .rating-hero .primary {
    display: none !important;
  }

  .designer-page-head {
    display: flex !important;
    align-items: end !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin: 18px 0 10px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .designer-page-head h2 {
    margin: 0 !important;
    color: var(--df-text) !important;
    font-size: 38px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
  }

  .designer-page-head span {
    color: var(--df-muted) !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }

  .designer-rating-profile {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 116px !important;
    gap: 16px !important;
    padding: 18px !important;
    border-color: rgba(50, 215, 200, 0.36) !important;
  }

  .designer-profile-left {
    display: grid !important;
    grid-template-columns: 96px minmax(0, 1fr) !important;
    gap: 16px !important;
    align-items: center !important;
  }

  .designer-avatar-wrap {
    position: relative !important;
    width: 96px !important;
    height: 96px !important;
  }

  .designer-avatar-wrap img {
    width: 96px !important;
    height: 96px !important;
    border-radius: 50% !important;
    border: 3px solid var(--df-teal) !important;
    object-fit: cover !important;
  }

  .designer-avatar-wrap i {
    position: absolute !important;
    right: 2px !important;
    bottom: 12px !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    background: var(--df-teal-2) !important;
    box-shadow: 0 0 0 4px rgba(8, 15, 22, 0.9) !important;
  }

  .designer-profile-copy {
    min-width: 0 !important;
  }

  .designer-profile-copy b {
    display: block !important;
    color: var(--df-text) !important;
    font-size: 24px !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
  }

  .designer-profile-copy span {
    display: block !important;
    margin-top: 6px !important;
    color: var(--df-muted) !important;
    font-size: 15px !important;
  }

  .designer-profile-copy em {
    display: inline-flex !important;
    margin-top: 12px !important;
    padding: 7px 12px !important;
    border: 1px solid rgba(50, 215, 200, 0.45) !important;
    border-radius: 999px !important;
    color: var(--df-teal) !important;
    font-style: normal !important;
    font-weight: 800 !important;
    background: rgba(50, 215, 200, 0.08) !important;
  }

  .designer-level {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 8px 12px !important;
    align-items: center !important;
  }

  .designer-level small {
    color: var(--df-muted) !important;
    font-size: 13px !important;
  }

  .designer-level div {
    grid-column: 1 !important;
    height: 8px !important;
    border-radius: 999px !important;
    background: rgba(194, 209, 220, 0.14) !important;
    overflow: hidden !important;
  }

  .designer-level div i {
    display: block !important;
    height: 100% !important;
    border-radius: inherit !important;
    background: linear-gradient(90deg, var(--df-teal), var(--df-teal-2)) !important;
  }

  .designer-level span {
    grid-column: 2 !important;
    color: var(--df-text) !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }

  .designer-rank-box {
    display: grid !important;
    align-content: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    padding-left: 14px !important;
    border-left: 1px solid var(--df-line) !important;
  }

  .designer-rank-box span {
    color: var(--df-muted) !important;
    font-size: 13px !important;
  }

  .designer-rank-box strong {
    color: var(--df-amber) !important;
    font-size: 48px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
  }

  .designer-rank-box small {
    color: var(--df-teal) !important;
    font-size: 13px !important;
  }

  .designer-medal {
    width: 74px !important;
    height: 74px !important;
    margin-top: 10px !important;
    border: 2px solid rgba(172, 205, 221, 0.34) !important;
    border-radius: 24px !important;
    background:
      radial-gradient(circle, rgba(202, 230, 240, 0.42), transparent 36%),
      rgba(255, 255, 255, 0.035) !important;
    transform: rotate(30deg) !important;
  }

  .designer-section {
    margin-top: 14px !important;
    padding: 16px !important;
    border: 1px solid var(--df-line) !important;
    border-radius: var(--df-radius) !important;
    background: var(--df-panel) !important;
  }

  .designer-section-head {
    display: flex !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
  }

  .designer-section-head h3 {
    margin: 0 !important;
    color: var(--df-text) !important;
    font-size: 23px !important;
    line-height: 1.1 !important;
  }

  .designer-section-head span {
    color: var(--df-teal) !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }

  .rating-card {
    padding: 14px !important;
  }

  .rating-profile-card {
    grid-template-columns: 76px minmax(0, 1fr) !important;
    gap: 14px !important;
    padding: 14px !important;
    border-color: var(--df-line-hot) !important;
  }

  .rating-profile-card img {
    width: 72px !important;
    height: 72px !important;
  }

  .rating-profile-card b {
    font-size: 21px !important;
  }

  .rating-profile-card em {
    grid-column: 2 !important;
    justify-self: start !important;
  }

  .rating-head {
    grid-template-columns: minmax(0, 1fr) 78px !important;
  }

  .rating-head strong {
    width: 72px !important;
    height: 72px !important;
    border-radius: 22px !important;
    color: var(--df-amber) !important;
  }

  .rating-scoreline {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    border: 1px solid var(--df-line) !important;
    border-radius: 15px !important;
    overflow: hidden !important;
  }

  .designer-rating-stats {
    margin-top: 14px !important;
  }

  .rating-scoreline div {
    min-width: 0 !important;
    grid-column: auto !important;
    border: 0 !important;
    border-right: 1px solid var(--df-line) !important;
    border-radius: 0 !important;
    padding: 10px 7px !important;
  }

  .rating-scoreline div:last-child {
    border-right: 0 !important;
  }

  .rating-scoreline span {
    font-size: 7px !important;
    line-height: 1.1 !important;
  }

  .rating-scoreline b {
    color: var(--df-text) !important;
    font-size: 19px !important;
  }

  #rating-score {
    color: var(--df-amber) !important;
  }

  .daily-missions {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: 158px !important;
    grid-template-columns: none !important;
    overflow-x: auto !important;
    gap: 8px !important;
    padding-bottom: 2px !important;
    scrollbar-width: none !important;
  }

  .daily-missions::-webkit-scrollbar {
    display: none !important;
  }

  .mission-total,
  .mission-row {
    width: 158px !important;
    min-width: 0 !important;
    min-height: 92px !important;
    grid-column: auto !important;
    border: 1px solid var(--df-line) !important;
    border-radius: 15px !important;
    background: rgba(11, 22, 30, 0.72) !important;
    box-shadow: none !important;
  }

  .mission-total {
    display: grid !important;
    align-content: center !important;
    gap: 8px !important;
    padding: 12px !important;
  }

  .mission-total span {
    color: var(--df-muted) !important;
    font-size: 10px !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
  }

  .mission-total b {
    color: var(--df-text) !important;
    font-size: 23px !important;
  }

  .mission-row {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    padding: 12px !important;
  }

  .mission-row > span {
    width: 38px !important;
    height: 38px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid rgba(50, 215, 200, 0.32) !important;
    border-radius: 12px !important;
    color: var(--df-teal) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    background: rgba(50, 215, 200, 0.08) !important;
  }

  .mission-row.done > span {
    color: #071014 !important;
    background: var(--df-teal) !important;
  }

  .mission-row div {
    min-width: 0 !important;
  }

  .mission-row b,
  .mission-row small {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .mission-row b {
    color: var(--df-text) !important;
    font-size: 15px !important;
    line-height: 1.1 !important;
  }

  .mission-row small {
    margin-top: 5px !important;
    color: var(--df-muted) !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    white-space: normal !important;
  }

  .cabinet-hero {
    padding: 18px !important;
  }

  .profile-identity {
    grid-template-columns: 86px minmax(0, 1fr) 18px !important;
    gap: 14px !important;
  }

  .profile-avatar {
    width: 82px !important;
    height: 82px !important;
    border-radius: 50% !important;
  }

  .cabinet-status-card {
    border-radius: 18px !important;
    border-color: var(--df-line) !important;
  }

  .cabinet-window-nav {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(138px, 1fr)) !important;
    overflow-x: auto !important;
    gap: 10px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    scrollbar-width: none !important;
  }

  .cabinet-window-nav::-webkit-scrollbar {
    display: none !important;
  }

  .cabinet-window-nav button {
    min-height: 158px !important;
    scroll-snap-align: start !important;
  }

  .cabinet-window-nav button span::before {
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
  }

  .best-vacancy {
    border-color: rgba(246, 179, 61, 0.46) !important;
  }

  .best-vacancy strong {
    width: 84px !important;
    height: 84px !important;
    border-radius: 50% !important;
  }

  .detail-head h2 {
    font-size: 36px !important;
    line-height: 1.05 !important;
  }

  .detail-statline {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    overflow: visible !important;
  }

  .detail-statline div {
    min-width: 0 !important;
    padding: 9px 5px !important;
  }

  .detail-badges .sig {
    display: none !important;
  }

  .detail-badges .fresh {
    width: auto !important;
    height: auto !important;
    padding: 7px 10px !important;
    border-radius: 999px !important;
  }

  .stack-picker {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .bottom-nav {
    position: fixed !important;
    left: 50% !important;
    bottom: 0 !important;
    transform: translateX(-50%) !important;
    width: min(100%, 430px) !important;
    height: calc(78px + env(safe-area-inset-bottom)) !important;
    padding: 8px 18px calc(8px + env(safe-area-inset-bottom)) !important;
    border: 1px solid var(--df-line) !important;
    border-bottom: 0 !important;
    border-radius: 26px 26px 0 0 !important;
    background: rgba(8, 15, 22, 0.94) !important;
    box-shadow: 0 -18px 38px rgba(0, 0, 0, 0.44) !important;
    backdrop-filter: blur(18px) !important;
  }

  .bottom-nav button {
    position: relative !important;
    min-height: 58px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: rgba(195, 208, 219, 0.68) !important;
    font-size: 12px !important;
    gap: 4px !important;
  }

  .bottom-nav button.active {
    color: var(--df-teal) !important;
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .bottom-nav button.active::after {
    content: "" !important;
    position: absolute !important;
    bottom: 1px !important;
    left: 50% !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: var(--df-teal) !important;
    transform: translateX(-50%) !important;
  }

  .bottom-nav .nav-ico {
    width: 28px !important;
    height: 28px !important;
  }

  .bottom-nav svg {
    width: 27px !important;
    height: 27px !important;
  }

  .designer-rating-profile {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    grid-template-columns: minmax(0, 1fr) 92px !important;
    gap: 10px !important;
    overflow: hidden !important;
  }

  .designer-profile-left {
    min-width: 0 !important;
    grid-template-columns: 68px minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  .designer-avatar-wrap,
  .designer-avatar-wrap img {
    width: 68px !important;
    height: 68px !important;
  }

  .designer-avatar-wrap i {
    right: 0 !important;
    bottom: 8px !important;
    width: 14px !important;
    height: 14px !important;
  }

  .designer-profile-copy,
  .designer-level {
    min-width: 0 !important;
  }

  .designer-profile-copy b,
  .designer-profile-copy span {
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .designer-profile-copy b {
    font-size: 20px !important;
  }

  .designer-profile-copy span {
    margin-top: 4px !important;
    font-size: 12px !important;
  }

  .designer-profile-copy em {
    margin-top: 8px !important;
    padding: 6px 9px !important;
    font-size: 11px !important;
  }

  .designer-level {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  .designer-level small,
  .designer-level span {
    font-size: 11px !important;
  }

  .designer-rank-box {
    width: 92px !important;
    min-width: 0 !important;
    padding-left: 10px !important;
  }

  .designer-rank-box span,
  .designer-rank-box small {
    font-size: 11px !important;
  }

  .designer-rank-box strong {
    font-size: 34px !important;
  }

  .designer-medal {
    width: 48px !important;
    height: 48px !important;
    border-radius: 16px !important;
  }

  .designer-rating-stats,
  .rating-scoreline.designer-rating-stats {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    overflow: hidden !important;
  }

  .designer-rating-stats > div,
  .rating-scoreline.designer-rating-stats > div {
    width: auto !important;
    min-width: 0 !important;
    padding: 10px 4px !important;
  }

  .rating-scoreline.designer-rating-stats span {
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .rating-scoreline.designer-rating-stats b {
    font-size: 17px !important;
  }

  body[data-current-view="radar"] .job-card .card-foot {
    display: flex !important;
    grid-template-columns: none !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 9px !important;
    min-height: 78px !important;
    height: auto !important;
    padding: 12px 14px !important;
  }

  body[data-current-view="radar"] .job-card .job-meta-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body[data-current-view="radar"] .job-card .job-meta-grid span {
    min-width: 0 !important;
    width: auto !important;
  }

  body[data-current-view="radar"] .job-card .card-stats {
    display: inline-flex !important;
    grid-column: auto !important;
    flex: 0 0 auto !important;
    width: auto !important;
    height: auto !important;
    gap: 12px !important;
  }

  body[data-current-view="radar"] .job-card .stat-pill {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    height: auto !important;
  }

  body[data-current-view="radar"] .job-card .card-foot .spacer {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  body[data-current-view="radar"] .job-card .icon-btn {
    flex: 0 0 50px !important;
  }

  body[data-current-view="radar"] .job-card .primary-card-cta {
    grid-column: auto !important;
    flex: 0 0 146px !important;
    width: 146px !important;
    min-width: 146px !important;
  }

  body[data-current-view="radar"] .feed-title-panel {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 52px !important;
    align-items: end !important;
    gap: 12px !important;
    padding: 14px 0 0 !important;
  }

  body[data-current-view="radar"] .feed-title-panel h2 {
    font-size: 32px !important;
  }

  body[data-current-view="radar"] .feed-title-panel p {
    margin-top: 7px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
  }

  body[data-current-view="radar"] .feed-title-filter-icon {
    width: 52px !important;
    height: 52px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid var(--df-line) !important;
    border-radius: 14px !important;
    background: var(--df-panel) !important;
    color: var(--df-text) !important;
  }

  body[data-current-view="radar"] .feed-title-filter-icon svg {
    width: 25px !important;
    height: 25px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
  }

  body[data-current-view="radar"] .fresh-time {
    color: var(--df-muted) !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  body[data-current-view="radar"] .job-card .job-money-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "price fresh"
      "price time" !important;
    align-items: start !important;
    gap: 6px 10px !important;
  }

  body[data-current-view="radar"] .job-card .job-estimate {
    grid-area: price !important;
    white-space: nowrap !important;
    min-width: 0 !important;
    font-size: 28px !important;
  }

  body[data-current-view="radar"] .job-card .fresh {
    grid-area: fresh !important;
    justify-self: end !important;
  }

  body[data-current-view="radar"] .job-card .fresh-time {
    grid-area: time !important;
    justify-self: end !important;
  }

  body[data-current-view="radar"] #signal-board > div {
    min-height: 78px !important;
    padding: 11px 10px !important;
  }

  body[data-current-view="radar"] #signal-board b {
    margin-top: 7px !important;
    font-size: 25px !important;
  }

  body[data-current-view="radar"] #signal-board small {
    margin-top: 7px !important;
  }

  body[data-current-view="radar"] .search-row {
    margin-top: 10px !important;
  }

  body[data-current-view="radar"] .filter-rows {
    margin-top: 10px !important;
    gap: 9px !important;
  }

  body[data-current-view="radar"] .filters:not(.secondary) {
    min-height: 42px !important;
    gap: 8px !important;
  }

  body[data-current-view="radar"] .chip,
  body[data-current-view="radar"] .select {
    min-height: 38px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  body[data-current-view="radar"] .filters.secondary {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body[data-current-view="radar"] .filters.secondary #budget,
  body[data-current-view="radar"] .filters.secondary #freshness {
    grid-column: auto !important;
  }

  body[data-current-view="radar"] .filters.secondary #direct {
    grid-column: auto !important;
  }

  body[data-current-view="radar"] .filters.secondary #low-competition {
    display: none !important;
  }

  body[data-current-view="radar"] .filters.secondary #fav {
    grid-column: auto !important;
    min-height: 38px !important;
  }

  body[data-current-view="radar"] .feed-wrap {
    margin-top: 8px !important;
  }

  body[data-current-view="radar"] .feed-head {
    display: none !important;
    align-items: center !important;
    min-height: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-current-view="radar"] .feed-hint {
    display: none !important;
  }

  body[data-current-view="radar"] .feed-refresh {
    min-height: 32px !important;
    padding: 6px 12px !important;
    border-radius: 12px !important;
  }

  body[data-current-view="cabinet"] .access-bar {
    display: none !important;
  }

  body[data-current-view="cabinet"] .cabinet-view {
    gap: 20px !important;
  }

  body[data-current-view="cabinet"] .cabinet-title-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 58px !important;
    align-items: center !important;
    padding: 26px 0 4px !important;
  }

  body[data-current-view="cabinet"] .cabinet-title-row h2 {
    margin: 0 !important;
    color: var(--df-text) !important;
    font-size: 42px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
  }

  body[data-current-view="cabinet"] .cabinet-title-row button {
    width: 58px !important;
    height: 58px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid var(--df-line) !important;
    border-radius: 16px !important;
    background: var(--df-panel) !important;
    color: var(--df-text) !important;
  }

  body[data-current-view="cabinet"] .cabinet-title-row svg {
    width: 30px !important;
    height: 30px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  body[data-current-view="cabinet"] .cabinet-hero {
    padding: 20px 18px !important;
    border-color: rgba(50, 215, 200, 0.42) !important;
    background:
      radial-gradient(circle at 10% 18%, rgba(50, 215, 200, 0.13), transparent 28%),
      linear-gradient(145deg, rgba(255, 255, 255, 0.042), transparent 46%),
      rgba(12, 22, 30, 0.86) !important;
  }

  body[data-current-view="cabinet"] .profile-identity {
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr) 22px !important;
    align-items: center !important;
    gap: 16px !important;
  }

  body[data-current-view="cabinet"] .profile-identity::after {
    display: none !important;
    content: none !important;
  }

  body[data-current-view="cabinet"] .profile-avatar {
    width: 88px !important;
    height: 88px !important;
    border: 2px solid rgba(50, 215, 200, 0.64) !important;
    box-shadow: 0 0 0 6px rgba(50, 215, 200, 0.08), 0 16px 32px rgba(0, 0, 0, 0.26) !important;
  }

  body[data-current-view="cabinet"] .profile-identity h3 {
    margin: 0 !important;
    color: var(--df-text) !important;
    font-size: 24px !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body[data-current-view="cabinet"] #cabinet-role {
    margin-top: 7px !important;
    color: var(--df-muted) !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-current-view="cabinet"] .cabinet-profile-arrow {
    color: var(--df-text) !important;
    font-size: 46px !important;
    line-height: 1 !important;
  }

  body[data-current-view="cabinet"] .cabinet-profile-chips {
    display: flex !important;
    gap: 7px !important;
    margin-top: 13px !important;
    overflow: hidden !important;
  }

  body[data-current-view="cabinet"] .cabinet-profile-chips span {
    flex: 0 0 auto !important;
    max-width: 96px !important;
    padding: 7px 11px !important;
    border: 1px solid var(--df-line) !important;
    border-radius: 999px !important;
    color: #bfe9ff !important;
    background: rgba(150, 179, 204, 0.1) !important;
    font-size: 13px !important;
    line-height: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body[data-current-view="cabinet"] .cabinet-profile-progress {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 116px !important;
    gap: 12px !important;
    align-items: end !important;
    margin-top: 24px !important;
    padding-top: 18px !important;
    border-top: 1px solid var(--df-line) !important;
  }

  body[data-current-view="cabinet"] .cabinet-profile-progress b,
  body[data-current-view="cabinet"] .cabinet-profile-progress span {
    display: block !important;
  }

  body[data-current-view="cabinet"] .cabinet-profile-progress b {
    color: #87f0e7 !important;
    font-size: 19px !important;
    line-height: 1.15 !important;
  }

  body[data-current-view="cabinet"] .cabinet-profile-progress span {
    margin-top: 7px !important;
    color: var(--df-muted) !important;
    font-size: 15px !important;
  }

  body[data-current-view="cabinet"] .cabinet-profile-progress button {
    min-height: 46px !important;
    border-color: rgba(50, 215, 200, 0.68) !important;
    color: #91f3ed !important;
  }

  body[data-current-view="cabinet"] .cabinet-profile-progress i {
    grid-column: 1 / -1 !important;
    height: 6px !important;
    overflow: hidden !important;
    border-radius: 999px !important;
    background: rgba(194, 209, 220, 0.14) !important;
  }

  body[data-current-view="cabinet"] .cabinet-profile-progress em {
    display: block !important;
    width: 78% !important;
    height: 100% !important;
    border-radius: inherit !important;
    background: linear-gradient(90deg, #6ae9dc, #32d7c8) !important;
  }

  body[data-current-view="cabinet"] .cabinet-access-card {
    display: grid !important;
    overflow: hidden !important;
    border: 1px solid var(--df-line) !important;
    border-radius: var(--df-radius) !important;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.042), transparent 46%),
      var(--df-panel) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
  }

  body[data-current-view="cabinet"] .cabinet-access-main {
    display: grid !important;
    grid-template-columns: 78px minmax(0, 1fr) 122px !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 18px !important;
  }

  body[data-current-view="cabinet"] .cabinet-access-icon {
    width: 64px !important;
    height: 64px !important;
    border-radius: 50% !important;
    background:
      radial-gradient(circle, rgba(50, 215, 200, 0.34) 0 33%, transparent 34%),
      linear-gradient(145deg, rgba(50, 215, 200, 0.18), rgba(50, 215, 200, 0.04)) !important;
    border: 1px solid rgba(50, 215, 200, 0.32) !important;
    box-shadow: inset 0 0 24px rgba(50, 215, 200, 0.12) !important;
  }

  body[data-current-view="cabinet"] .cabinet-access-main b,
  body[data-current-view="cabinet"] .cabinet-access-main strong,
  body[data-current-view="cabinet"] .cabinet-access-main span {
    display: block !important;
  }

  body[data-current-view="cabinet"] .cabinet-access-main b {
    color: #87f0e7 !important;
    text-transform: uppercase !important;
    letter-spacing: .09em !important;
    font-size: 12px !important;
  }

  body[data-current-view="cabinet"] .cabinet-access-main strong {
    margin-top: 6px !important;
    color: #87f0e7 !important;
    font-size: 24px !important;
    line-height: 1.05 !important;
  }

  body[data-current-view="cabinet"] .cabinet-access-main span {
    margin-top: 7px !important;
    color: var(--df-muted) !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  body[data-current-view="cabinet"] .cabinet-access-main button {
    min-height: 48px !important;
    border-color: rgba(50, 215, 200, 0.68) !important;
    color: #91f3ed !important;
  }

  body[data-current-view="cabinet"] .cabinet-access-metrics {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    border-top: 1px solid var(--df-line) !important;
  }

  body[data-current-view="cabinet"] .cabinet-access-metrics div {
    min-width: 0 !important;
    padding: 16px 14px !important;
    border-right: 1px solid var(--df-line) !important;
  }

  body[data-current-view="cabinet"] .cabinet-access-metrics div:last-child {
    border-right: 0 !important;
  }

  body[data-current-view="cabinet"] .cabinet-access-metrics span,
  body[data-current-view="cabinet"] .cabinet-access-metrics b {
    display: block !important;
  }

  body[data-current-view="cabinet"] .cabinet-access-metrics span {
    color: var(--df-muted) !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  body[data-current-view="cabinet"] .cabinet-access-metrics b {
    margin-top: 8px !important;
    color: var(--df-text) !important;
    font-size: 22px !important;
    line-height: 1.1 !important;
  }

  body[data-current-view="cabinet"] .cabinet-access-metrics i {
    display: block !important;
    width: 100% !important;
    height: 5px !important;
    margin-top: 10px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #6ae9dc 0 42%, rgba(194, 209, 220, 0.14) 42%) !important;
  }

  body[data-current-view="cabinet"] .cabinet-window-nav {
    grid-template-columns: repeat(5, 144px) !important;
    gap: 14px !important;
    scroll-snap-type: x mandatory !important;
  }

  body[data-current-view="cabinet"] .cabinet-window-nav button {
    min-height: 144px !important;
    padding: 16px 14px !important;
    text-align: left !important;
  }

  body[data-current-view="cabinet"] .cabinet-window-nav button span {
    font-size: 17px !important;
  }

  body[data-current-view="cabinet"] .cabinet-window-nav button small {
    margin-top: 8px !important;
    min-height: 34px !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
  }

  body[data-current-view="cabinet"] .cabinet-window-nav button em {
    margin-top: 10px !important;
    color: #79eee3 !important;
    font-style: normal !important;
    font-size: 12px !important;
  }

  body[data-current-view="cabinet"] .best-vacancy {
    display: grid !important;
    gap: 16px !important;
    width: 100% !important;
    padding: 18px !important;
    text-align: left !important;
    border-color: rgba(246, 179, 61, 0.46) !important;
    background:
      radial-gradient(circle at 88% 34%, rgba(50, 215, 200, 0.14), transparent 26%),
      linear-gradient(145deg, rgba(246, 179, 61, 0.065), transparent 48%),
      var(--df-panel) !important;
  }

  body[data-current-view="cabinet"] .best-vacancy-head,
  body[data-current-view="cabinet"] .best-vacancy-body,
  body[data-current-view="cabinet"] .best-vacancy-foot {
    display: grid !important;
    min-width: 0 !important;
  }

  body[data-current-view="cabinet"] .best-vacancy-head {
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
  }

  body[data-current-view="cabinet"] .best-vacancy-head b {
    color: var(--df-text) !important;
    font-size: 21px !important;
    line-height: 1.1 !important;
  }

  body[data-current-view="cabinet"] .best-vacancy-head em {
    padding: 9px 12px !important;
    border: 1px solid rgba(246, 179, 61, 0.45) !important;
    border-radius: 12px !important;
    color: #f6b33d !important;
    font-size: 12px !important;
    font-style: normal !important;
  }

  body[data-current-view="cabinet"] .best-vacancy-body {
    grid-template-columns: minmax(0, 1fr) 78px !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 16px !important;
    border: 1px solid var(--df-line) !important;
    border-left: 3px solid #f6b33d !important;
    border-radius: 14px !important;
    background: rgba(5, 12, 18, 0.34) !important;
  }

  body[data-current-view="cabinet"] .best-vacancy-body small,
  body[data-current-view="cabinet"] .best-vacancy-body b,
  body[data-current-view="cabinet"] .best-vacancy-body em {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-current-view="cabinet"] .best-vacancy-body small {
    color: #32d7c8 !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }

  body[data-current-view="cabinet"] .best-vacancy-body b {
    margin-top: 10px !important;
    color: var(--df-text) !important;
    font-size: 22px !important;
    line-height: 1.15 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    white-space: normal !important;
  }

  body[data-current-view="cabinet"] .best-vacancy-body em {
    margin-top: 10px !important;
    color: var(--df-muted) !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    white-space: normal !important;
  }

  body[data-current-view="cabinet"] .best-vacancy strong {
    width: 72px !important;
    height: 72px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    border: 1px solid rgba(50, 215, 200, 0.48) !important;
    color: var(--df-text) !important;
    background: rgba(50, 215, 200, 0.16) !important;
    font-size: 26px !important;
    line-height: 1 !important;
  }

  body[data-current-view="cabinet"] .best-vacancy-foot {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 112px !important;
    gap: 8px !important;
  }

  body[data-current-view="cabinet"] .best-vacancy-foot i {
    min-width: 0 !important;
    padding: 11px 10px !important;
    border: 1px solid var(--df-line) !important;
    border-radius: 12px !important;
    color: var(--df-text) !important;
    background: rgba(255, 255, 255, 0.035) !important;
    font-size: 13px !important;
    font-style: normal !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body[data-current-view="cabinet"] .best-vacancy-foot i:last-child {
    border-color: rgba(246, 179, 61, 0.68) !important;
    color: #061016 !important;
    background: linear-gradient(135deg, #ffd166, #f6b33d) !important;
    text-align: center !important;
    font-weight: 900 !important;
  }

  body[data-current-view="cabinet"] .cabinet-grid {
    display: none !important;
  }

  /* Radar tab precision pass: bring the first screen closer to the compact mockup scale. */
  body[data-current-view="radar"] .shell {
    padding: 8px 14px 0 !important;
    gap: 9px !important;
  }

  body[data-current-view="radar"] .topbar {
    min-height: 54px !important;
  }

  body[data-current-view="radar"] .brand::before {
    width: 42px !important;
    height: 42px !important;
    flex-basis: 42px !important;
    border-radius: 13px !important;
  }

  body[data-current-view="radar"] .brand::after {
    left: 10px !important;
    top: 13px !important;
    width: 21px !important;
    height: 15px !important;
  }

  body[data-current-view="radar"] .brand h1 {
    font-size: 24px !important;
  }

  body[data-current-view="radar"] .status {
    width: 46px !important;
    height: 46px !important;
    border-radius: 16px !important;
  }

  body[data-current-view="radar"] .access-bar {
    grid-template-columns: 46px minmax(0, 122px) minmax(0, 1fr) !important;
    min-height: 64px !important;
    padding: 7px 12px !important;
    gap: 10px !important;
    border-radius: 16px !important;
  }

  body[data-current-view="radar"] .badge-pro {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    border-radius: 14px !important;
  }

  body[data-current-view="radar"] .badge-pro::before {
    width: 23px !important;
    height: 27px !important;
  }

  body[data-current-view="radar"] .access-info b {
    font-size: 14px !important;
  }

  body[data-current-view="radar"] .access-info small {
    margin-top: 4px !important;
    font-size: 12px !important;
  }

  body[data-current-view="radar"] .access-metrics div {
    min-height: 44px !important;
    padding: 6px 7px !important;
  }

  body[data-current-view="radar"] .access-metrics b {
    margin-top: 5px !important;
    font-size: 16px !important;
  }

  body[data-current-view="radar"] .access-quota i {
    height: 4px !important;
    margin-top: 5px !important;
  }

  body[data-current-view="radar"] .feed-title-panel {
    grid-template-columns: minmax(0, 1fr) 48px !important;
    gap: 10px !important;
    padding: 6px 0 0 !important;
    min-height: 0 !important;
  }

  body[data-current-view="radar"] .feed-title-panel h2 {
    font-size: 28px !important;
    line-height: 1.02 !important;
  }

  body[data-current-view="radar"] .feed-title-panel p {
    margin-top: 5px !important;
    font-size: 12px !important;
    line-height: 1.22 !important;
  }

  body[data-current-view="radar"] .feed-title-filter-icon {
    width: 44px !important;
    height: 44px !important;
    border-radius: 15px !important;
  }

  body[data-current-view="radar"] #signal-board {
    gap: 0 !important;
    margin-top: 6px !important;
    height: 64px !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body[data-current-view="radar"] #signal-board > div {
    min-height: 0 !important;
    height: 64px !important;
    padding: 7px 10px !important;
  }

  body[data-current-view="radar"] #signal-board span {
    font-size: 11px !important;
    line-height: 1.1 !important;
  }

  body[data-current-view="radar"] #signal-board b {
    margin-top: 5px !important;
    font-size: 20px !important;
    line-height: 1 !important;
  }

  body[data-current-view="radar"] #signal-board small {
    margin-top: 5px !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
  }

  body[data-current-view="radar"] .search-row {
    grid-template-columns: minmax(0, 1fr) 138px !important;
    margin-top: 6px !important;
    gap: 8px !important;
    height: 46px !important;
  }

  body[data-current-view="radar"] .search,
  body[data-current-view="radar"] .feed-filter-action,
  body[data-current-view="radar"] .filter-trigger {
    height: 46px !important;
    min-height: 46px !important;
    border-radius: 15px !important;
  }

  body[data-current-view="radar"] .search input {
    font-size: 13px !important;
  }

  body[data-current-view="radar"] .feed-filter-action,
  body[data-current-view="radar"] .filter-trigger {
    padding: 0 12px !important;
    gap: 8px !important;
    font-size: 13px !important;
  }

  body[data-current-view="radar"] .filter-rows {
    margin-top: 6px !important;
    gap: 6px !important;
    padding-top: 0 !important;
  }

  body[data-current-view="radar"] .filters:not(.secondary) {
    min-height: 36px !important;
    gap: 7px !important;
  }

  body[data-current-view="radar"] .chip,
  body[data-current-view="radar"] .select {
    min-height: 34px !important;
    padding: 7px 12px !important;
    border-radius: 13px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  body[data-current-view="radar"] .filters.secondary {
    grid-template-columns: minmax(0, .95fr) minmax(0, .95fr) minmax(0, 1.1fr) !important;
    gap: 6px !important;
  }

  body[data-current-view="radar"] .filters.secondary #budget,
  body[data-current-view="radar"] .filters.secondary #freshness,
  body[data-current-view="radar"] .filters.secondary #direct,
  body[data-current-view="radar"] .filters.secondary #fav {
    min-height: 34px !important;
    height: 34px !important;
  }

  body[data-current-view="radar"] .filters.secondary #direct {
    grid-column: auto !important;
  }

  body[data-current-view="radar"] .filters.secondary #fav {
    display: none !important;
  }

  body[data-current-view="radar"] .feed-wrap {
    margin-top: 7px !important;
  }

  body[data-current-view="radar"] .job-card {
    border-radius: 16px !important;
  }

  body[data-current-view="radar"] .job-card .job-card-head {
    grid-template-columns: minmax(0, 1fr) 66px !important;
    gap: 12px !important;
    min-height: 0 !important;
    padding: 16px 24px 10px !important;
  }

  body[data-current-view="radar"] .job-card .job-head-main {
    min-height: 0 !important;
  }

  body[data-current-view="radar"] .job-card .card-top.compact {
    margin-top: 12px !important;
    margin-bottom: 0 !important;
    gap: 7px !important;
  }

  body[data-current-view="radar"] .job-card .card-body {
    gap: 0 !important;
    padding: 10px 16px 12px !important;
  }

  body[data-current-view="radar"] .job-card .card-main {
    padding: 0 !important;
    margin: 0 !important;
  }

  body[data-current-view="radar"] .job-card .job-estimate {
    font-size: 26px !important;
  }

  body[data-current-view="radar"] .job-card .fresh {
    min-height: 26px !important;
    padding: 5px 9px !important;
    border-radius: 9px !important;
    font-size: 11px !important;
  }

  body[data-current-view="radar"] .job-card .fresh-time {
    font-size: 11px !important;
  }

  body[data-current-view="radar"] .job-card .tag,
  body[data-current-view="radar"] .job-card .ticket-id,
  body[data-current-view="radar"] .job-card .category-pill {
    min-height: 26px !important;
    padding: 5px 8px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
  }

  body[data-current-view="radar"] .job-card .title {
    font-size: 23px !important;
    line-height: 1.13 !important;
    margin: 0 0 0 !important;
  }

  body[data-current-view="radar"] .job-card .desc {
    margin-top: 10px !important;
    font-size: 14px !important;
    line-height: 1.42 !important;
    -webkit-line-clamp: 3 !important;
  }

  body[data-current-view="radar"] .job-card .job-meta-grid {
    margin-top: 12px !important;
    border-radius: 12px !important;
  }

  body[data-current-view="radar"] .job-card .job-meta-grid span {
    min-height: 54px !important;
    padding: 9px 7px !important;
  }

  body[data-current-view="radar"] .job-card .job-meta-grid em {
    font-size: 10px !important;
  }

  body[data-current-view="radar"] .job-card .job-meta-grid b {
    margin-top: 4px !important;
    font-size: 12px !important;
  }

  body[data-current-view="radar"] .job-card .signal-meter {
    width: 72px !important;
    height: 72px !important;
    border-radius: 18px !important;
  }

  body[data-current-view="radar"] .job-card .signal-meter strong {
    font-size: 25px !important;
  }

  body[data-current-view="radar"] .job-card .signal-meter span {
    font-size: 10px !important;
  }

  body[data-current-view="radar"] .job-card .card-foot {
    min-height: 64px !important;
    padding: 10px 14px !important;
    gap: 8px !important;
  }

  body[data-current-view="radar"] .job-card .icon-btn {
    flex-basis: 44px !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 13px !important;
  }

  body[data-current-view="radar"] .job-card .primary-card-cta {
    flex-basis: 136px !important;
    width: 136px !important;
    min-width: 136px !important;
    min-height: 44px !important;
    border-radius: 13px !important;
  }

  body[data-current-view="radar"] .bottom-nav {
    min-height: 72px !important;
    padding: 9px 14px calc(8px + env(safe-area-inset-bottom)) !important;
    border-radius: 22px 22px 0 0 !important;
  }

  body[data-current-view="radar"] .bottom-nav button {
    min-height: 48px !important;
    font-size: 11px !important;
  }

  body[data-current-view="radar"] .bottom-nav .nav-ico {
    width: 21px !important;
    height: 21px !important;
  }

  /* Radar tab precision pass 2: tighter first viewport and card internals. */
  body[data-current-view="radar"] .topbar {
    min-height: 50px !important;
  }

  body[data-current-view="radar"] .access-bar {
    height: 66px !important;
    min-height: 66px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  body[data-current-view="radar"] .badge-pro {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
  }

  body[data-current-view="radar"] .feed-title-panel {
    height: 62px !important;
    min-height: 62px !important;
    padding-top: 4px !important;
  }

  body[data-current-view="radar"] .feed-title-panel h2 {
    font-size: 27px !important;
  }

  body[data-current-view="radar"] .feed-title-panel p {
    max-width: 275px !important;
    font-size: 11.5px !important;
  }

  body[data-current-view="radar"] .feed-title-filter-icon {
    width: 42px !important;
    height: 42px !important;
  }

  body[data-current-view="radar"] #signal-board {
    height: 58px !important;
  }

  body[data-current-view="radar"] #signal-board > div {
    height: 58px !important;
    padding: 6px 9px !important;
  }

  body[data-current-view="radar"] #signal-board span {
    font-size: 10px !important;
  }

  body[data-current-view="radar"] #signal-board b {
    font-size: 19px !important;
  }

  body[data-current-view="radar"] #signal-board small {
    font-size: 9.5px !important;
  }

  body[data-current-view="radar"] .search-row {
    height: 44px !important;
    margin-top: 5px !important;
  }

  body[data-current-view="radar"] .search,
  body[data-current-view="radar"] .feed-filter-action {
    height: 44px !important;
    min-height: 44px !important;
  }

  body[data-current-view="radar"] .filter-rows {
    margin-top: 5px !important;
    gap: 5px !important;
  }

  body[data-current-view="radar"] .filters:not(.secondary) {
    min-height: 32px !important;
  }

  body[data-current-view="radar"] .chip,
  body[data-current-view="radar"] .select,
  body[data-current-view="radar"] .filters.secondary #budget,
  body[data-current-view="radar"] .filters.secondary #freshness,
  body[data-current-view="radar"] .filters.secondary #direct {
    height: 32px !important;
    min-height: 32px !important;
    padding: 6px 10px !important;
    font-size: 11.5px !important;
  }

  body[data-current-view="radar"] .filters.secondary {
    height: 32px !important;
    min-height: 32px !important;
  }

  body[data-current-view="radar"] .feed-wrap {
    margin-top: 5px !important;
  }

  body[data-current-view="radar"] .job-card .job-card-head {
    grid-template-columns: minmax(0, 1fr) 60px !important;
    gap: 10px !important;
    padding: 15px 22px 8px !important;
  }

  body[data-current-view="radar"] .job-card .job-money-row {
    gap: 7px !important;
  }

  body[data-current-view="radar"] .job-card .job-estimate {
    font-size: 25px !important;
  }

  body[data-current-view="radar"] .job-card .card-top.compact {
    flex-wrap: nowrap !important;
    margin-top: 10px !important;
    gap: 4px !important;
  }

  body[data-current-view="radar"] .job-card .cat-visual {
    width: 25px !important;
    min-width: 25px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    font-size: 10.5px !important;
  }

  body[data-current-view="radar"] .job-card .ticket-id {
    width: 64px !important;
    min-width: 64px !important;
    flex: 0 0 64px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    font-size: 9.5px !important;
  }

  body[data-current-view="radar"] .job-card .category {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 10.2px !important;
  }

  body[data-current-view="radar"] .job-card .job-signal-orb {
    width: 60px !important;
    height: 60px !important;
    border-radius: 17px !important;
  }

  body[data-current-view="radar"] .job-card .job-signal-orb span {
    font-size: 22px !important;
  }

  body[data-current-view="radar"] .job-card .card-body {
    padding-top: 8px !important;
  }

  body[data-current-view="radar"] .job-card .title {
    font-size: 22px !important;
    line-height: 1.12 !important;
  }

  body[data-current-view="radar"] .job-card .desc {
    margin-top: 8px !important;
    font-size: 13.5px !important;
    line-height: 1.36 !important;
    -webkit-line-clamp: 2 !important;
  }

  body[data-current-view="radar"] .job-card .job-meta-grid {
    margin-top: 10px !important;
  }

  body[data-current-view="radar"] .bottom-nav {
    min-height: 68px !important;
    height: 68px !important;
    padding-top: 7px !important;
    padding-bottom: calc(6px + env(safe-area-inset-bottom)) !important;
  }

  body[data-current-view="radar"] .job-card {
    display: grid !important;
    gap: 0 !important;
  }

  body[data-current-view="radar"] .job-card .card-body {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  body[data-current-view="radar"] .job-card .job-meta-grid span {
    min-height: 52px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  body[data-current-view="radar"] .job-card .card-foot {
    min-height: 56px !important;
    height: 56px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    margin-top: 0 !important;
  }

  body[data-current-view="radar"] .job-card .card-stats,
  body[data-current-view="radar"] .job-card .stat-pill {
    height: 34px !important;
  }

  body[data-current-view="radar"] .job-card .icon-btn {
    height: 40px !important;
    width: 40px !important;
    flex-basis: 40px !important;
  }

  body[data-current-view="radar"] .job-card .primary-card-cta {
    min-height: 40px !important;
    height: 40px !important;
  }

  body[data-current-view="radar"] .bottom-nav {
    min-height: 60px !important;
    height: 60px !important;
    padding-top: 5px !important;
    padding-bottom: calc(5px + env(safe-area-inset-bottom)) !important;
  }

  body[data-current-view="radar"] .bottom-nav button {
    min-height: 42px !important;
    font-size: 10px !important;
  }

  body[data-current-view="radar"] .bottom-nav .nav-ico {
    width: 19px !important;
    height: 19px !important;
  }

  /* Radar tab precision pass 3: smaller mockup-like density and finished CTA/details. */
  body[data-current-view="radar"] .shell {
    padding-left: 13px !important;
    padding-right: 13px !important;
    gap: 7px !important;
  }

  body[data-current-view="radar"] .topbar {
    min-height: 46px !important;
    height: 46px !important;
  }

  body[data-current-view="radar"] .brand {
    gap: 10px !important;
  }

  body[data-current-view="radar"] .brand::before {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
    border: 2px solid rgba(172, 199, 210, 0.82) !important;
    border-radius: 11px 11px 15px 15px !important;
    clip-path: polygon(50% 0, 90% 14%, 86% 64%, 50% 100%, 14% 64%, 10% 14%) !important;
    background:
      radial-gradient(circle at 50% 53%, rgba(50, 215, 200, 0.16) 0 6px, transparent 7px),
      radial-gradient(circle at 50% 53%, transparent 0 11px, rgba(50, 215, 200, 0.92) 12px 13px, transparent 14px),
      linear-gradient(145deg, rgba(18, 42, 52, 0.98), rgba(5, 15, 23, 0.98)) !important;
    box-shadow:
      0 0 0 3px rgba(172, 199, 210, 0.06),
      inset 0 0 12px rgba(50, 215, 200, 0.16) !important;
  }

  body[data-current-view="radar"] .brand::after {
    left: 15px !important;
    top: 17px !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    border: 2px solid rgba(50, 215, 200, 0.98) !important;
    background:
      linear-gradient(90deg, transparent 0 42%, rgba(50, 215, 200, 0.95) 43% 57%, transparent 58%),
      linear-gradient(0deg, transparent 0 42%, rgba(50, 215, 200, 0.95) 43% 57%, transparent 58%) !important;
    transform: none !important;
    box-shadow: 0 0 10px rgba(50, 215, 200, 0.28) !important;
  }

  body[data-current-view="radar"] .brand h1 {
    font-size: 22px !important;
    font-weight: 850 !important;
  }

  body[data-current-view="radar"] .status {
    width: 42px !important;
    height: 42px !important;
    border-radius: 15px !important;
  }

  body[data-current-view="radar"] .access-bar {
    width: 100% !important;
    height: 64px !important;
    min-height: 64px !important;
    grid-template-columns: 42px minmax(0, 132px) minmax(0, 1fr) !important;
    gap: 9px !important;
    padding: 6px 11px !important;
    border-radius: 15px !important;
  }

  body[data-current-view="radar"] .badge-pro {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    border-radius: 12px !important;
  }

  body[data-current-view="radar"] .badge-pro::before {
    width: 20px !important;
    height: 23px !important;
    border-width: 1.6px !important;
  }

  body[data-current-view="radar"] .badge-pro::after {
    width: 9px !important;
    height: 5px !important;
    border-width: 1.6px !important;
  }

  body[data-current-view="radar"] .access-info b {
    font-size: 13px !important;
  }

  body[data-current-view="radar"] .access-info small {
    font-size: 11px !important;
  }

  body[data-current-view="radar"] .access-metrics div {
    min-height: 40px !important;
    padding: 5px 6px !important;
  }

  body[data-current-view="radar"] .access-metrics span {
    font-size: 9px !important;
  }

  body[data-current-view="radar"] .access-metrics b {
    font-size: 15px !important;
  }

  body[data-current-view="radar"] .feed-title-panel {
    height: 58px !important;
    min-height: 58px !important;
    grid-template-columns: minmax(0, 1fr) 42px !important;
    padding-top: 3px !important;
  }

  body[data-current-view="radar"] .feed-title-panel h2 {
    font-size: 27px !important;
  }

  body[data-current-view="radar"] .feed-title-panel p {
    margin-top: 4px !important;
    font-size: 11px !important;
    line-height: 1.18 !important;
  }

  body[data-current-view="radar"] .feed-title-filter-icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 13px !important;
  }

  body[data-current-view="radar"] .feed-title-filter-icon svg {
    width: 21px !important;
    height: 21px !important;
  }

  body[data-current-view="radar"] #signal-board {
    height: 60px !important;
    margin-top: 5px !important;
  }

  body[data-current-view="radar"] #signal-board > div {
    height: 60px !important;
    padding: 6px 9px !important;
  }

  body[data-current-view="radar"] #signal-board span {
    font-size: 9px !important;
  }

  body[data-current-view="radar"] #signal-board b {
    margin-top: 4px !important;
    font-size: 20px !important;
  }

  body[data-current-view="radar"] #signal-board small {
    margin-top: 3px !important;
    font-size: 8.5px !important;
  }

  body[data-current-view="radar"] .search-row {
    height: 42px !important;
    margin-top: 5px !important;
    grid-template-columns: minmax(0, 1fr) 132px !important;
    gap: 7px !important;
  }

  body[data-current-view="radar"] .search,
  body[data-current-view="radar"] .feed-filter-action {
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 13px !important;
  }

  body[data-current-view="radar"] .search input,
  body[data-current-view="radar"] .feed-filter-action {
    font-size: 12px !important;
  }

  body[data-current-view="radar"] .filter-rows {
    margin-top: 5px !important;
    gap: 5px !important;
  }

  body[data-current-view="radar"] .filters:not(.secondary) {
    height: 29px !important;
    min-height: 29px !important;
  }

  body[data-current-view="radar"] .filters.secondary {
    height: 63px !important;
    min-height: 63px !important;
    grid-template-columns: minmax(0, .94fr) minmax(0, .94fr) minmax(0, 1.12fr) !important;
    gap: 5px !important;
  }

  body[data-current-view="radar"] .filters:not(.secondary) [data-category="Bitrix"],
  body[data-current-view="radar"] .filters:not(.secondary) [data-category="Amo"],
  body[data-current-view="radar"] .filters:not(.secondary) [data-category="AI"] {
    display: none !important;
  }

  body[data-current-view="radar"] .filters:not(.secondary) {
    display: grid !important;
    grid-template-columns: 40px 45px 57px 72px 84px 42px !important;
    gap: 4px !important;
    overflow: hidden !important;
  }

  body[data-current-view="radar"] .filters:not(.secondary) .chip {
    min-width: 0 !important;
    width: 100% !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body[data-current-view="radar"] .filters:not(.secondary) [data-category="Telegram API"] {
    font-size: 9.8px !important;
  }

  body[data-current-view="radar"] .filters:not(.secondary) .more {
    display: block !important;
  }

  body[data-current-view="radar"] .chip,
  body[data-current-view="radar"] .select,
  body[data-current-view="radar"] .filters.secondary #budget,
  body[data-current-view="radar"] .filters.secondary #freshness,
  body[data-current-view="radar"] .filters.secondary #direct,
  body[data-current-view="radar"] .filters.secondary #fav {
    height: 29px !important;
    min-height: 29px !important;
    padding: 5px 9px !important;
    border-radius: 11px !important;
    font-size: 10.8px !important;
  }

  body[data-current-view="radar"] .filters.secondary #fav {
    display: block !important;
    grid-column: 1 / -1 !important;
    text-align: center !important;
  }

  body[data-current-view="radar"] .feed-wrap {
    margin-top: 5px !important;
  }

  body[data-current-view="radar"] .job-card {
    border-radius: 15px !important;
  }

  body[data-current-view="radar"] .job-card .job-card-head {
    grid-template-columns: minmax(0, 1fr) 54px !important;
    padding: 13px 20px 7px !important;
  }

  body[data-current-view="radar"] .job-card .job-estimate {
    font-size: 23px !important;
  }

  body[data-current-view="radar"] .job-card .fresh {
    min-height: 22px !important;
    padding: 4px 8px !important;
    font-size: 10px !important;
  }

  body[data-current-view="radar"] .job-card .fresh-time {
    font-size: 10px !important;
  }

  body[data-current-view="radar"] .job-card .cat-visual {
    width: 23px !important;
    min-width: 23px !important;
    height: 23px !important;
    min-height: 23px !important;
    font-size: 9.5px !important;
  }

  body[data-current-view="radar"] .job-card .ticket-id {
    width: 58px !important;
    min-width: 58px !important;
    flex-basis: 58px !important;
    height: 23px !important;
    min-height: 23px !important;
    font-size: 8.6px !important;
  }

  body[data-current-view="radar"] .job-card .category {
    font-size: 9.7px !important;
  }

  body[data-current-view="radar"] .job-card .job-signal-orb {
    width: 54px !important;
    height: 54px !important;
    border-radius: 15px !important;
  }

  body[data-current-view="radar"] .job-card .job-signal-orb span {
    font-size: 20px !important;
  }

  body[data-current-view="radar"] .job-card .job-signal-orb small {
    font-size: 8px !important;
  }

  body[data-current-view="radar"] .job-card .card-body {
    padding: 7px 15px 0 !important;
  }

  body[data-current-view="radar"] .job-card .card-main {
    width: 100% !important;
  }

  body[data-current-view="radar"] .job-card .title {
    font-size: 20px !important;
    line-height: 1.12 !important;
  }

  body[data-current-view="radar"] .job-card .desc {
    font-size: 12.5px !important;
    line-height: 1.32 !important;
  }

  body[data-current-view="radar"] .job-card .job-meta-grid {
    margin-top: 8px !important;
    border-radius: 10px !important;
  }

  body[data-current-view="radar"] .job-card .job-meta-grid span {
    min-height: 46px !important;
    padding: 6px 5px !important;
  }

  body[data-current-view="radar"] .job-card .job-meta-grid em {
    font-size: 7.7px !important;
    line-height: 1.05 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  body[data-current-view="radar"] .job-card .job-meta-grid b {
    margin-top: 3px !important;
    font-size: 10.6px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-current-view="radar"] .job-card .card-foot {
    height: 50px !important;
    min-height: 50px !important;
    padding: 6px 13px !important;
  }

  body[data-current-view="radar"] .job-card .card-stats,
  body[data-current-view="radar"] .job-card .stat-pill {
    height: 30px !important;
  }

  body[data-current-view="radar"] .job-card .icon-btn {
    width: 36px !important;
    height: 36px !important;
    flex-basis: 36px !important;
    border-radius: 11px !important;
  }

  body[data-current-view="radar"] .job-card .primary-card-cta {
    width: 126px !important;
    min-width: 126px !important;
    flex-basis: 126px !important;
    height: 36px !important;
    min-height: 36px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    gap: 8px !important;
    background: linear-gradient(135deg, #ffd26d, #f6b33d) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.32), 0 10px 20px rgba(246, 179, 61, 0.18) !important;
  }

  body[data-current-view="radar"] .job-card .primary-card-cta svg {
    display: none !important;
  }

  body[data-current-view="radar"] .job-card .primary-card-cta::after {
    content: "\26A1" !important;
    width: 22px !important;
    height: 22px !important;
    display: block !important;
    border-radius: 50% !important;
    background: #061016 !important;
    color: #f6b33d !important;
    font-size: 12px !important;
    line-height: 22px !important;
    text-align: center !important;
  }

  body[data-current-view="radar"] .bottom-nav {
    height: 56px !important;
    min-height: 56px !important;
    padding-top: 4px !important;
    padding-bottom: calc(4px + env(safe-area-inset-bottom)) !important;
  }

  /* Radar overlay alignment pass: keep designer structure, move first viewport into place. */
  body[data-current-view="radar"] .shell {
    padding-top: 7px !important;
    gap: 5px !important;
  }

  body[data-current-view="radar"] .topbar {
    height: 50px !important;
    min-height: 50px !important;
  }

  body[data-current-view="radar"] .brand::before {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
  }

  body[data-current-view="radar"] .brand::after {
    left: 13px !important;
    top: 15px !important;
    width: 5px !important;
    height: 5px !important;
  }

  body[data-current-view="radar"] .brand h1 {
    font-size: 20px !important;
  }

  body[data-current-view="radar"] .status {
    width: 38px !important;
    height: 38px !important;
    border-radius: 14px !important;
  }

  body[data-current-view="radar"] .status::before {
    width: 15px !important;
    height: 17px !important;
  }

  body[data-current-view="radar"] .status::after {
    left: 14px !important;
    bottom: 10px !important;
  }

  body[data-current-view="radar"] .access-bar {
    height: 72px !important;
    min-height: 72px !important;
    grid-template-columns: 44px minmax(0, 132px) minmax(0, 1fr) !important;
    gap: 11px !important;
    padding: 8px 13px !important;
    border-radius: 18px !important;
  }

  body[data-current-view="radar"] .badge-pro {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    border-radius: 15px !important;
  }

  body[data-current-view="radar"] .access-info b {
    font-size: 14px !important;
  }

  body[data-current-view="radar"] .access-info small {
    margin-top: 5px !important;
    font-size: 12px !important;
  }

  body[data-current-view="radar"] .access-metrics div {
    min-height: 54px !important;
    padding: 6px 7px !important;
  }

  body[data-current-view="radar"] .feed-title-panel {
    height: 66px !important;
    min-height: 66px !important;
    padding-top: 9px !important;
  }

  body[data-current-view="radar"] .feed-title-panel h2 {
    font-size: 32px !important;
  }

  body[data-current-view="radar"] .feed-title-panel p {
    margin-top: 6px !important;
    font-size: 13px !important;
  }

  body[data-current-view="radar"] .feed-title-filter-icon {
    width: 48px !important;
    height: 48px !important;
  }

  body[data-current-view="radar"] #signal-board {
    height: 76px !important;
    margin-top: 10px !important;
  }

  body[data-current-view="radar"] #signal-board > div {
    height: 76px !important;
    padding: 10px 11px !important;
  }

  body[data-current-view="radar"] #signal-board span,
  body[data-current-view="radar"] #signal-board small {
    display: block !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  body[data-current-view="radar"] .search-row {
    height: 56px !important;
    margin-top: 12px !important;
  }

  body[data-current-view="radar"] .search,
  body[data-current-view="radar"] .feed-filter-action {
    height: 56px !important;
    min-height: 56px !important;
    border-radius: 16px !important;
  }

  body[data-current-view="radar"] .filter-rows {
    margin-top: 12px !important;
    gap: 8px !important;
  }

  body[data-current-view="radar"] .filters.secondary {
    height: 72px !important;
    min-height: 72px !important;
  }

  body[data-current-view="radar"] .feed-wrap {
    margin-top: 12px !important;
  }

  /* Radar card scale pass: designer shows two compact cards, not one oversized card. */
  body[data-current-view="radar"] .job-card .job-card-head {
    grid-template-columns: minmax(0, 1fr) 68px !important;
    padding: 24px 26px 10px !important;
  }

  body[data-current-view="radar"] .job-card .job-estimate {
    font-size: 30px !important;
  }

  body[data-current-view="radar"] .job-card .fresh {
    min-height: 28px !important;
    padding: 6px 10px !important;
    font-size: 11px !important;
  }

  body[data-current-view="radar"] .job-card .fresh-time {
    font-size: 12px !important;
  }

  body[data-current-view="radar"] .job-card .card-top.compact {
    margin-top: 18px !important;
    gap: 8px !important;
  }

  body[data-current-view="radar"] .job-card .cat-visual {
    width: 34px !important;
    min-width: 34px !important;
    height: 28px !important;
    min-height: 28px !important;
    font-size: 12px !important;
  }

  body[data-current-view="radar"] .job-card .ticket-id {
    width: 78px !important;
    min-width: 78px !important;
    flex-basis: 78px !important;
    height: 28px !important;
    min-height: 28px !important;
    font-size: 12px !important;
  }

  body[data-current-view="radar"] .job-card .category {
    font-size: 13px !important;
  }

  body[data-current-view="radar"] .job-card .job-signal-orb {
    width: 68px !important;
    height: 68px !important;
    border-radius: 20px !important;
  }

  body[data-current-view="radar"] .job-card .job-signal-orb span {
    font-size: 26px !important;
  }

  body[data-current-view="radar"] .job-card .job-signal-orb small {
    font-size: 10px !important;
  }

  body[data-current-view="radar"] .job-card .card-body {
    padding: 8px 26px 0 !important;
  }

  body[data-current-view="radar"] .job-card .title {
    font-size: 25px !important;
    line-height: 1.16 !important;
  }

  body[data-current-view="radar"] .job-card .desc {
    margin-top: 14px !important;
    font-size: 16px !important;
    line-height: 1.36 !important;
  }

  body[data-current-view="radar"] .job-card .job-meta-grid {
    margin-top: 20px !important;
    border-radius: 14px !important;
  }

  body[data-current-view="radar"] .job-card .job-meta-grid span {
    min-height: 60px !important;
    padding: 9px 8px !important;
  }

  body[data-current-view="radar"] .job-card .job-meta-grid em {
    font-size: 10px !important;
    line-height: 1.05 !important;
  }

  body[data-current-view="radar"] .job-card .job-meta-grid b {
    margin-top: 4px !important;
    font-size: 12px !important;
  }

  body[data-current-view="radar"] .job-card .card-foot {
    height: 78px !important;
    min-height: 78px !important;
    padding: 12px 14px !important;
  }

  body[data-current-view="radar"] .job-card .card-stats,
  body[data-current-view="radar"] .job-card .stat-pill {
    height: 28px !important;
  }

  body[data-current-view="radar"] .job-card .icon-btn {
    width: 32px !important;
    height: 32px !important;
    flex-basis: 32px !important;
    border-radius: 10px !important;
  }

  body[data-current-view="radar"] .job-card .primary-card-cta {
    width: 116px !important;
    min-width: 116px !important;
    flex-basis: 116px !important;
    height: 32px !important;
    min-height: 32px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
    gap: 7px !important;
  }

  body[data-current-view="radar"] .job-card .primary-card-cta::after {
    width: 18px !important;
    height: 18px !important;
    font-size: 10px !important;
    line-height: 18px !important;
  }

  /* Radar header parity: real designer-like mark and bell button. */
  body[data-current-view="radar"] .brand {
    gap: 9px !important;
  }

  body[data-current-view="radar"] .brand .logo {
    display: block !important;
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-current-view="radar"] .brand::before,
  body[data-current-view="radar"] .brand::after {
    display: none !important;
    content: none !important;
  }

  body[data-current-view="radar"] .brand h1 {
    font-size: 22px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
  }

  body[data-current-view="radar"] .status {
    width: 42px !important;
    height: 42px !important;
    border-radius: 16px !important;
  }

  body[data-current-view="radar"] .status::before {
    content: "" !important;
    position: absolute !important;
    left: 12px !important;
    top: 11px !important;
    width: 16px !important;
    height: 15px !important;
    border: 2px solid #dce8ee !important;
    border-bottom: 0 !important;
    border-radius: 12px 12px 5px 5px !important;
    transform: none !important;
  }

  body[data-current-view="radar"] .status::after {
    content: "" !important;
    position: absolute !important;
    left: 13px !important;
    bottom: 10px !important;
    width: 14px !important;
    height: 7px !important;
    border: 2px solid #dce8ee !important;
    border-top: 0 !important;
    border-radius: 0 0 12px 12px !important;
    background: transparent !important;
  }

  body[data-current-view="radar"] .status .pulse {
    top: 5px !important;
    right: 5px !important;
    width: 9px !important;
    height: 9px !important;
  }

  /* Radar reference lock v69: rebuilt to match the supplied designer screen on 390px. */
  body[data-current-view="radar"] .shell {
    width: min(100%, 390px) !important;
    max-width: 390px !important;
    padding: 10px 13px 0 !important;
    gap: 8px !important;
  }

  body[data-current-view="radar"] .topbar {
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
  }

  body[data-current-view="radar"] .brand {
    gap: 8px !important;
  }

  body[data-current-view="radar"] .brand .logo {
    width: 36px !important;
    height: 36px !important;
    flex-basis: 36px !important;
  }

  body[data-current-view="radar"] .brand h1 {
    font-size: 20px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
  }

  body[data-current-view="radar"] .status {
    width: 40px !important;
    height: 40px !important;
    border-radius: 16px !important;
  }

  body[data-current-view="radar"] .access-bar {
    height: 56px !important;
    min-height: 56px !important;
    grid-template-columns: 38px minmax(0, 128px) minmax(0, 1fr) !important;
    gap: 8px !important;
    padding: 6px 10px !important;
    border-radius: 15px !important;
  }

  body[data-current-view="radar"] .badge-pro {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    border-radius: 12px !important;
  }

  body[data-current-view="radar"] .badge-pro::before {
    width: 19px !important;
    height: 22px !important;
    border-width: 1.5px !important;
  }

  body[data-current-view="radar"] .badge-pro::after {
    width: 8px !important;
    height: 5px !important;
    border-width: 1.5px !important;
  }

  body[data-current-view="radar"] .access-info b {
    font-size: 12.5px !important;
    line-height: 1.1 !important;
  }

  body[data-current-view="radar"] .access-info small {
    margin-top: 4px !important;
    font-size: 10.5px !important;
    line-height: 1.15 !important;
  }

  body[data-current-view="radar"] .access-metrics div {
    min-height: 40px !important;
    padding: 4px 6px !important;
  }

  body[data-current-view="radar"] .access-metrics span {
    font-size: 9px !important;
  }

  body[data-current-view="radar"] .access-metrics b {
    margin-top: 4px !important;
    font-size: 15px !important;
  }

  body[data-current-view="radar"] .access-quota i {
    height: 4px !important;
    margin-top: 5px !important;
  }

  body[data-current-view="radar"] .feed-title-panel {
    height: 56px !important;
    min-height: 56px !important;
    grid-template-columns: minmax(0, 1fr) 40px !important;
    gap: 9px !important;
    padding: 5px 0 0 !important;
  }

  body[data-current-view="radar"] .feed-title-panel h2 {
    font-size: 25px !important;
    line-height: 1.02 !important;
  }

  body[data-current-view="radar"] .feed-title-panel p {
    margin-top: 4px !important;
    font-size: 10.5px !important;
    line-height: 1.2 !important;
  }

  body[data-current-view="radar"] .feed-title-filter-icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 14px !important;
  }

  body[data-current-view="radar"] .feed-title-filter-icon svg {
    width: 21px !important;
    height: 21px !important;
  }

  body[data-current-view="radar"] #signal-board {
    height: 56px !important;
    margin-top: 5px !important;
    border-radius: 14px !important;
  }

  body[data-current-view="radar"] #signal-board > div {
    height: 56px !important;
    padding: 5px 8px !important;
  }

  body[data-current-view="radar"] #signal-board span {
    font-size: 9px !important;
    line-height: 1.05 !important;
  }

  body[data-current-view="radar"] #signal-board b {
    margin-top: 4px !important;
    font-size: 19px !important;
    line-height: 1 !important;
  }

  body[data-current-view="radar"] #signal-board small {
    margin-top: 4px !important;
    font-size: 8.5px !important;
    line-height: 1.05 !important;
  }

  body[data-current-view="radar"] .search-row {
    height: 40px !important;
    grid-template-columns: minmax(0, 1fr) 132px !important;
    gap: 7px !important;
    margin-top: 7px !important;
  }

  body[data-current-view="radar"] .search,
  body[data-current-view="radar"] .feed-filter-action {
    height: 40px !important;
    min-height: 40px !important;
    border-radius: 14px !important;
  }

  body[data-current-view="radar"] .search input,
  body[data-current-view="radar"] .feed-filter-action {
    font-size: 12px !important;
  }

  body[data-current-view="radar"] .filter-rows {
    margin-top: 7px !important;
    gap: 5px !important;
  }

  body[data-current-view="radar"] .filters:not(.secondary) {
    display: grid !important;
    grid-template-columns: 40px 45px 57px 72px 84px 42px !important;
    gap: 4px !important;
    height: 29px !important;
    min-height: 29px !important;
    overflow: hidden !important;
  }

  body[data-current-view="radar"] .filters:not(.secondary) .chip {
    width: 100% !important;
    min-width: 0 !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-current-view="radar"] .filters.secondary {
    height: 62px !important;
    min-height: 62px !important;
    grid-template-columns: minmax(0, .94fr) minmax(0, .94fr) minmax(0, 1.12fr) !important;
    gap: 5px !important;
  }

  body[data-current-view="radar"] .chip,
  body[data-current-view="radar"] .select,
  body[data-current-view="radar"] .filters.secondary #budget,
  body[data-current-view="radar"] .filters.secondary #freshness,
  body[data-current-view="radar"] .filters.secondary #direct,
  body[data-current-view="radar"] .filters.secondary #fav {
    height: 29px !important;
    min-height: 29px !important;
    padding: 5px 9px !important;
    border-radius: 11px !important;
    font-size: 10.8px !important;
  }

  body[data-current-view="radar"] .filters.secondary #fav {
    display: block !important;
    grid-column: 1 / -1 !important;
    text-align: center !important;
  }

  body[data-current-view="radar"] .feed-wrap {
    margin-top: 7px !important;
  }

  body[data-current-view="radar"] .job-card {
    border-radius: 15px !important;
  }

  body[data-current-view="radar"] .job-card .job-card-head {
    grid-template-columns: minmax(0, 1fr) 52px !important;
    padding: 11px 18px 5px !important;
  }

  body[data-current-view="radar"] .job-card .job-estimate {
    font-size: 21px !important;
  }

  body[data-current-view="radar"] .job-card .fresh {
    min-height: 21px !important;
    padding: 3px 7px !important;
    font-size: 9px !important;
  }

  body[data-current-view="radar"] .job-card .fresh-time {
    font-size: 9px !important;
  }

  body[data-current-view="radar"] .job-card .card-top.compact {
    margin-top: 8px !important;
    gap: 4px !important;
  }

  body[data-current-view="radar"] .job-card .cat-visual {
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    min-height: 22px !important;
    font-size: 9px !important;
  }

  body[data-current-view="radar"] .job-card .ticket-id {
    width: 56px !important;
    min-width: 56px !important;
    flex-basis: 56px !important;
    height: 22px !important;
    min-height: 22px !important;
    font-size: 8.4px !important;
  }

  body[data-current-view="radar"] .job-card .category {
    font-size: 9.2px !important;
  }

  body[data-current-view="radar"] .job-card .job-signal-orb {
    width: 52px !important;
    height: 52px !important;
    border-radius: 15px !important;
  }

  body[data-current-view="radar"] .job-card .job-signal-orb span {
    font-size: 19px !important;
  }

  body[data-current-view="radar"] .job-card .job-signal-orb small {
    font-size: 7px !important;
  }

  body[data-current-view="radar"] .job-card .card-body {
    padding: 5px 15px 0 !important;
  }

  body[data-current-view="radar"] .job-card .title {
    font-size: 17px !important;
    line-height: 1.13 !important;
  }

  body[data-current-view="radar"] .job-card .desc {
    margin-top: 6px !important;
    font-size: 11px !important;
    line-height: 1.27 !important;
  }

  body[data-current-view="radar"] .job-card .job-meta-grid {
    margin-top: 7px !important;
    border-radius: 9px !important;
  }

  body[data-current-view="radar"] .job-card .job-meta-grid span {
    min-height: 39px !important;
    padding: 5px 5px !important;
  }

  body[data-current-view="radar"] .job-card .job-meta-grid em {
    font-size: 7px !important;
    line-height: 1.05 !important;
  }

  body[data-current-view="radar"] .job-card .job-meta-grid b {
    margin-top: 2px !important;
    font-size: 9.5px !important;
  }

  body[data-current-view="radar"] .job-card .card-foot {
    height: 42px !important;
    min-height: 42px !important;
    padding: 5px 13px !important;
  }

  body[data-current-view="radar"] .job-card .icon-btn {
    width: 32px !important;
    height: 32px !important;
    flex-basis: 32px !important;
    border-radius: 10px !important;
  }

  body[data-current-view="radar"] .job-card .primary-card-cta {
    width: 116px !important;
    min-width: 116px !important;
    flex-basis: 116px !important;
    height: 32px !important;
    min-height: 32px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
  }

  /* Radar reference lock v70: coordinate pass after overlay against 390px mock. */
  body[data-current-view="radar"] .shell {
    padding: 8px 13px 0 !important;
    gap: 6px !important;
  }

  body[data-current-view="radar"] .topbar {
    height: 38px !important;
    min-height: 38px !important;
  }

  body[data-current-view="radar"] .status {
    width: 36px !important;
    height: 36px !important;
    border-radius: 15px !important;
  }

  body[data-current-view="radar"] .access-bar {
    height: 50px !important;
    min-height: 50px !important;
    grid-template-columns: 34px minmax(0, 126px) minmax(0, 1fr) !important;
    gap: 7px !important;
    padding: 5px 9px !important;
    border-radius: 14px !important;
  }

  body[data-current-view="radar"] .badge-pro {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    border-radius: 11px !important;
  }

  body[data-current-view="radar"] .access-info b {
    font-size: 11.5px !important;
  }

  body[data-current-view="radar"] .access-info small {
    margin-top: 3px !important;
    font-size: 9.7px !important;
  }

  body[data-current-view="radar"] .access-metrics div {
    min-height: 35px !important;
    padding: 3px 6px !important;
  }

  body[data-current-view="radar"] .access-metrics span {
    font-size: 8.3px !important;
  }

  body[data-current-view="radar"] .access-metrics b {
    margin-top: 3px !important;
    font-size: 13.5px !important;
  }

  body[data-current-view="radar"] .access-quota i {
    height: 3px !important;
    margin-top: 4px !important;
  }

  body[data-current-view="radar"] .feed-title-panel {
    height: 44px !important;
    min-height: 44px !important;
    padding: 4px 0 0 !important;
  }

  body[data-current-view="radar"] .feed-title-panel h2 {
    font-size: 23px !important;
  }

  body[data-current-view="radar"] .feed-title-panel p {
    margin-top: 3px !important;
    font-size: 10px !important;
  }

  body[data-current-view="radar"] .feed-title-filter-icon {
    width: 36px !important;
    height: 36px !important;
    border-radius: 13px !important;
  }

  body[data-current-view="radar"] #signal-board {
    height: 66px !important;
    margin-top: -8px !important;
  }

  body[data-current-view="radar"] #signal-board > div {
    height: 66px !important;
    padding: 8px 8px !important;
  }

  body[data-current-view="radar"] #signal-board span {
    font-size: 9.2px !important;
    white-space: nowrap !important;
  }

  body[data-current-view="radar"] #signal-board b {
    margin-top: 5px !important;
    font-size: 22px !important;
  }

  body[data-current-view="radar"] #signal-board small {
    margin-top: 5px !important;
    font-size: 9px !important;
  }

  body[data-current-view="radar"] .search-row {
    height: 36px !important;
    grid-template-columns: minmax(0, 1fr) 126px !important;
    margin-top: 6px !important;
  }

  body[data-current-view="radar"] .search,
  body[data-current-view="radar"] .feed-filter-action {
    height: 36px !important;
    min-height: 36px !important;
    border-radius: 13px !important;
  }

  body[data-current-view="radar"] .filter-rows {
    margin-top: 6px !important;
    gap: 5px !important;
  }

  body[data-current-view="radar"] .filters:not(.secondary) {
    height: 28px !important;
    min-height: 28px !important;
  }

  body[data-current-view="radar"] .filters.secondary {
    height: 58px !important;
    min-height: 58px !important;
  }

  body[data-current-view="radar"] .chip,
  body[data-current-view="radar"] .select,
  body[data-current-view="radar"] .filters.secondary #budget,
  body[data-current-view="radar"] .filters.secondary #freshness,
  body[data-current-view="radar"] .filters.secondary #direct,
  body[data-current-view="radar"] .filters.secondary #fav {
    height: 28px !important;
    min-height: 28px !important;
    font-size: 10.2px !important;
  }

  body[data-current-view="radar"] .feed-wrap {
    margin-top: 6px !important;
  }

  body[data-current-view="radar"] .job-card .job-card-head {
    padding: 9px 17px 4px !important;
  }

  body[data-current-view="radar"] .job-card .job-estimate {
    font-size: 19.5px !important;
  }

  body[data-current-view="radar"] .job-card .job-signal-orb {
    width: 46px !important;
    height: 46px !important;
    border-radius: 14px !important;
  }

  body[data-current-view="radar"] .job-card .card-body {
    padding: 3px 14px 0 !important;
  }

  body[data-current-view="radar"] .job-card .title {
    font-size: 16px !important;
    line-height: 1.1 !important;
  }

  body[data-current-view="radar"] .job-card .desc {
    margin-top: 5px !important;
    font-size: 10.4px !important;
    line-height: 1.2 !important;
  }

  body[data-current-view="radar"] .job-card .job-meta-grid {
    margin-top: 6px !important;
  }

  body[data-current-view="radar"] .job-card .job-meta-grid span {
    min-height: 34px !important;
    padding: 4px 5px !important;
  }

  body[data-current-view="radar"] .job-card .card-foot {
    height: 38px !important;
    min-height: 38px !important;
    padding: 4px 13px !important;
  }

  body[data-current-view="radar"] .job-card .icon-btn,
  body[data-current-view="radar"] .job-card .primary-card-cta {
    height: 30px !important;
    min-height: 30px !important;
  }

  /* Radar reference lock v71: use header artwork extracted from the mock. */
  body[data-current-view="radar"] .brand .logo {
    width: 40px !important;
    height: 40px !important;
    flex-basis: 40px !important;
    object-fit: contain !important;
  }

  body[data-current-view="radar"] .brand {
    gap: 2px !important;
  }

  body[data-current-view="radar"] .status {
    background: url("assets/radar-reference-status.png") center / 40px 40px no-repeat !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body[data-current-view="radar"] .status::before,
  body[data-current-view="radar"] .status::after,
  body[data-current-view="radar"] .status .pulse,
  body[data-current-view="radar"] #status-text {
    display: none !important;
  }

  /* Radar reference lock v72: card height pass, target card1 391-587 on 390px. */
  body[data-current-view="radar"] .feed-wrap {
    gap: 6px !important;
  }

  body[data-current-view="radar"] .feed {
    gap: 7px !important;
    row-gap: 7px !important;
  }

  body[data-current-view="radar"] .job-card {
    min-height: 0 !important;
    max-height: 198px !important;
    overflow: hidden !important;
  }

  body[data-current-view="radar"] .job-card .job-card-head {
    grid-template-columns: minmax(0, 1fr) 45px !important;
    padding: 8px 15px 3px !important;
  }

  body[data-current-view="radar"] .job-card .job-estimate {
    font-size: 18.5px !important;
    line-height: 1 !important;
  }

  body[data-current-view="radar"] .job-card .fresh {
    min-height: 18px !important;
    padding: 2px 6px !important;
    font-size: 7.8px !important;
  }

  body[data-current-view="radar"] .job-card .fresh-time {
    margin-top: 3px !important;
    font-size: 7.8px !important;
  }

  body[data-current-view="radar"] .job-card .card-top.compact {
    margin-top: 6px !important;
    gap: 3px !important;
  }

  body[data-current-view="radar"] .job-card .cat-visual {
    width: 19px !important;
    min-width: 19px !important;
    height: 19px !important;
    min-height: 19px !important;
    border-radius: 7px !important;
    font-size: 7.8px !important;
  }

  body[data-current-view="radar"] .job-card .ticket-id {
    width: 50px !important;
    min-width: 50px !important;
    flex-basis: 50px !important;
    height: 19px !important;
    min-height: 19px !important;
    border-radius: 7px !important;
    font-size: 7.3px !important;
  }

  body[data-current-view="radar"] .job-card .category {
    font-size: 8.2px !important;
  }

  body[data-current-view="radar"] .job-card .job-signal-orb {
    width: 43px !important;
    height: 43px !important;
    border-radius: 13px !important;
  }

  body[data-current-view="radar"] .job-card .job-signal-orb span {
    font-size: 17px !important;
  }

  body[data-current-view="radar"] .job-card .job-signal-orb small {
    font-size: 6.3px !important;
  }

  body[data-current-view="radar"] .job-card .card-body {
    padding: 2px 14px 0 !important;
  }

  body[data-current-view="radar"] .job-card .title {
    font-size: 15px !important;
    line-height: 1.08 !important;
  }

  body[data-current-view="radar"] .job-card .desc {
    margin-top: 4px !important;
    font-size: 9.4px !important;
    line-height: 1.16 !important;
    -webkit-line-clamp: 2 !important;
  }

  body[data-current-view="radar"] .job-card .job-meta-grid {
    margin-top: 5px !important;
  }

  body[data-current-view="radar"] .job-card .job-meta-grid span {
    min-height: 30px !important;
    padding: 3px 4px !important;
  }

  body[data-current-view="radar"] .job-card .job-meta-grid em {
    font-size: 6.2px !important;
  }

  body[data-current-view="radar"] .job-card .job-meta-grid b {
    margin-top: 1px !important;
    font-size: 8px !important;
  }

  body[data-current-view="radar"] .job-card .card-foot {
    height: 30px !important;
    min-height: 30px !important;
    padding: 2px 13px !important;
    margin-top: 0 !important;
  }

  body[data-current-view="radar"] .job-card .stat-pill {
    font-size: 10px !important;
    gap: 4px !important;
  }

  body[data-current-view="radar"] .job-card .icon-btn {
    width: 26px !important;
    height: 26px !important;
    flex-basis: 26px !important;
    border-radius: 9px !important;
  }

  body[data-current-view="radar"] .job-card .primary-card-cta {
    width: 106px !important;
    min-width: 106px !important;
    flex-basis: 106px !important;
    height: 26px !important;
    min-height: 26px !important;
    border-radius: 9px !important;
    font-size: 10px !important;
  }
}