/* ═══════════════════════════════════════════
   Ship hero, stats strip, event card, nav menu, manifests, board tabs, speed captain, event log, action bar
   ═══════════════════════════════════════════ */

  /* ===== HOME: SHIP HERO ===== */
  .ship-hero {
    position: relative;
    width: 100%;
    height: 176px;
    overflow: hidden;
    background: #000;
    border-bottom: 1px solid var(--line-soft);
  }

  .ship-hero img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 20%;
    filter: brightness(1.05) contrast(1.1) saturate(1.05);
    transition: filter var(--dur-slow) var(--ease-out);
  }

  .ship-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background:
      linear-gradient(180deg, rgba(0,0,0,0.08) 0%, transparent 42%, rgba(5,4,3,0.92) 100%);
    pointer-events: none;
  }

  .ship-label {
    position: absolute;
    bottom: 10px;
    left: 14px;
    z-index: 2;
  }
  .ship-label .ship-name-text {
    font-family: 'Orbitron', monospace;
    font-size: 11px;
    letter-spacing: 3px;
    color: var(--accent);
    text-shadow: 0 0 12px rgba(255,179,0,0.4);
    display: block;
    margin-bottom: 2px;
  }
  .ship-label .ship-class-text {
    font-size: 9px;
    color: var(--dim);
    letter-spacing: 1px;
  }

  /* ===== HOME: STATS STRIP ===== */
  .stats-strip {
    display: flex;
    border-bottom: 1px solid var(--grid);
    background: var(--bg2);
  }

  .stat-cell {
    flex: 1;
    padding: var(--sp-10) var(--sp-8);
    text-align: center;
    border-right: 1px solid var(--grid);
  }
  .stat-cell:last-child { border-right: none; }

  .stat-cell-label {
    font-family: 'Orbitron', monospace;
    font-size: 9px;
    letter-spacing: 2px;
    color: var(--dim);
    margin-bottom: 3px;
  }
  .stat-cell-value {
    font-family: 'Orbitron', monospace;
    font-size: 12px;
    letter-spacing: 1px;
  }
  .stat-cell-unit {
    font-size: 8px;
    color: var(--dim);
  }
  .stat-cell-bar {
    height: 2px;
    background: var(--bg);
    margin-top: 4px;
    border-radius: 1px;
    overflow: hidden;
  }
  .stat-cell-bar-fill {
    height: 100%;
    border-radius: 1px;
  }

  /* ===== HOME: EVENT CARD ===== */
  .event-card {
    margin: var(--sp-8) var(--sp-14);
    padding: var(--sp-14) var(--sp-16);
    background: var(--bg2);
    border-left: 2px solid var(--amber);
    border-radius: var(--r-sm);
    cursor: pointer;
    transition: background var(--dur-fast), transform var(--dur-fast);
  }
  .event-card:active { background: var(--bg3); transform: scale(0.99); }
  .event-type {
    font-family: 'Orbitron', monospace;
    font-size: 8px;
    letter-spacing: 2px;
    color: var(--amber);
    margin-bottom: 6px;
  }
  .event-text {
    font-size: 11px;
    color: var(--white);
    line-height: 1.5;
  }

  /* ===== HOME: NAV MENU ===== */
  .nav-menu {
    width: min(100%, 1040px);
    margin: 0 auto;
    padding: var(--sp-8) var(--sp-14) var(--sp-24);
    display: flex;
    flex-direction: column;
    gap: var(--sp-16);
  }
  .nav-group {
    padding: 12px;
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(16,14,12,0.88) 0%, rgba(8,8,8,0.94) 100%);
    box-shadow: 0 18px 36px rgba(0,0,0,0.18);
  }
  .nav-group-title {
    font-family: 'Orbitron', monospace;
    font-size: 8px;
    letter-spacing: 3px;
    color: var(--dim);
    padding: 2px 4px 12px;
  }
  .nav-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
  }

  .nav-row {
    display: flex;
    align-items: flex-start;
    padding: 16px;
    background: linear-gradient(180deg, rgba(20,18,15,0.92) 0%, rgba(10,10,10,0.94) 100%);
    border: 1px solid var(--line-soft);
    border-radius: var(--r-lg);
    cursor: pointer;
    transition: border-color var(--dur-fast), background var(--dur-fast), transform var(--dur-fast);
    gap: 12px;
    min-height: 72px;
  }
  .nav-row:active {
    border-color: rgba(255,179,0,0.18);
    background: rgba(255,179,0,0.05);
    transform: translateY(1px);
  }
  .nav-row-major {
    grid-column: 1 / -1;
  }
  .nav-copy {
    display: flex;
    flex: 1;
    min-width: 0;
    flex-direction: column;
    gap: 4px;
  }

  .nav-icon {
    font-size: 13px;
    color: var(--accent);
    width: 18px;
    text-align: center;
    flex-shrink: 0;
    margin-top: 1px;
  }
  .nav-label {
    font-family: 'Orbitron', monospace;
    font-size: 10px;
    letter-spacing: 2.1px;
    color: var(--white);
  }
  .nav-detail {
    font-size: 10px;
    color: var(--dim);
    line-height: 1.45;
  }
  .nav-status {
    flex: 1;
    font-size: 10px;
    color: var(--dim);
    text-align: right;
  }
  .nav-row-center {
    justify-content: flex-start;
  }
  .nav-row-full {
    grid-column: 1 / -1;
  }
  .nav-arrow {
    color: rgba(255,179,0,0.6);
    font-size: 11px;
    margin-left: auto;
    margin-top: 3px;
  }

  /* ===== HOME: LOCATION STRIP ===== */
  .location-strip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 14px;
    background: var(--bg2);
    border-bottom: 1px solid var(--grid);
  }
  .location-name {
    font-family: 'Orbitron', monospace;
    font-size: 9px;
    letter-spacing: 2px;
    color: var(--accent);
    text-shadow: 0 0 8px rgba(255,179,0,0.3);
  }
  .location-coord {
    font-family: 'VT323', monospace;
    font-size: 12px;
    color: var(--dim);
    letter-spacing: 1px;
  }

  /* ===== HOME: NEARBY MANIFESTS ===== */
  .manifests-section {
    width: min(100%, 1040px);
    margin: 0 auto;
    padding: 14px 14px 20px;
  }
  .board-slots {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 12px;
    margin-top: 4px;
  }
  .section-header {
    font-family: 'Orbitron', monospace;
    font-size: 9px;
    letter-spacing: 3px;
    color: var(--dim);
    padding: 6px 4px;
    border-bottom: 1px solid var(--grid);
    margin-bottom: 4px;
  }
  .manifest-item {
    display: flex;
    align-items: flex-start;
    padding: 13px 15px;
    background: linear-gradient(180deg, rgba(18,16,14,0.9) 0%, rgba(10,10,10,0.96) 100%);
    border: 1px solid var(--line-soft);
    border-radius: var(--r-lg);
    margin-bottom: 0;
    cursor: pointer;
    transition: border-color var(--dur-fast), background var(--dur-fast), transform var(--dur-fast);
    gap: 12px;
    box-shadow: 0 14px 30px rgba(0,0,0,0.14);
    min-height: 72px;
  }
  .manifest-item:active { border-color: var(--line-strong); background: rgba(255,179,0,0.05); transform: translateY(1px); }
  .manifest-available {
    border-color: rgba(255,179,0,0.12);
  }
  .manifest-available:active { border-color: rgba(255,179,0,0.24); }
  .manifest-action {
    color: var(--accent);
    font-size: 10px;
    flex-shrink: 0;
    animation: none;
    opacity: 0.48;
    margin-top: 2px;
  }
  @keyframes pulse-arrow { 0%, 100% { opacity: 0.5; } 50% { opacity: 1; } }
  .manifest-signal {
    width: 7px; height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 4px;
  }
  .manifest-info { flex: 1; min-width: 0; }
  .manifest-name {
    font-family: 'Orbitron', monospace;
    font-size: 9px;
    letter-spacing: 1.35px;
    color: var(--white);
    margin-bottom: 3px;
    line-height: 1.28;
  }
  .manifest-family {
    font-size: 0.6rem;
    opacity: 0.4;
    letter-spacing: 0.1em;
    margin-left: 0.5rem;
  }
  .manifest-desc {
    font-size: 8px;
    color: var(--dim);
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.38;
  }
  .manifest-dist {
    font-family: 'Orbitron', monospace;
    font-size: 8px;
    color: var(--accent-dim);
    flex-shrink: 0;
    margin-top: 4px;
  }
  /* ===== GLOBAL TIMER BAR ===== */
  .global-timer-bar {
    position: relative; width: 100%; height: 3px;
    background: var(--bg); overflow: visible; margin-bottom: 8px;
  }
  .global-timer-fill {
    height: 100%; background: var(--accent); transition: width 0.25s linear;
    box-shadow: 0 0 6px var(--accent);
  }
  .global-timer-fill.timer-warning { background: var(--amber); box-shadow: 0 0 6px var(--amber); }
  .global-timer-fill.timer-expired { background: var(--red); width: 0 !important; box-shadow: none; }
  .global-timer-label {
    position: absolute; right: 0; top: -2px; font-size: 10px;
    font-family: 'JetBrains Mono', monospace; color: var(--dim);
    pointer-events: none; transform: translateY(-100%);
  }

  /* ===== CREW DIARY CARDS ===== */
  .crew-diary-card { border-left: 2px solid var(--accent) !important; }
  .crew-diary-card.locked { border-left-color: var(--bg2) !important; }
  .crew-diary-author { font-size: 10px; letter-spacing: 1px; }
  .archives-divider {
    height: 1px; background: var(--grid); margin: 16px 12px 8px;
  }

  /* ===== DAILY BOARD SLOTS ===== */
  .daily-progress {
    font-family: 'Orbitron', monospace;
    font-size: 8px;
    letter-spacing: 1.6px;
    color: rgba(176,160,128,0.78);
    padding: 4px 14px 8px;
  }
  .daily-progress-done { color: var(--accent); }
  .daily-progress-failed { color: var(--red); }
  .daily-progress-sep { margin: 0 4px; opacity: 0.4; }
  .manifest-slot-completed {
    opacity: 0.45;
    border-color: var(--green-dim) !important;
    background: transparent !important;
    cursor: default;
  }
  .manifest-slot-completed.slot-just-completed {
    animation: slotComplete 0.6s ease-out;
  }
  @keyframes slotComplete {
    0% { opacity: 1; border-color: var(--green) !important; box-shadow: 0 0 12px var(--green), inset 0 0 8px rgba(0,255,136,0.15); }
    100% { opacity: 0.45; border-color: var(--green-dim) !important; box-shadow: none; }
  }
  .manifest-slot-completed .manifest-name { color: var(--dim); }
  .manifest-slot-failed {
    opacity: 0.35;
    border-color: var(--red-dim) !important;
    background: transparent !important;
    cursor: default;
  }
  .manifest-slot-failed .manifest-name { color: var(--dim); text-decoration: line-through; }
  .manifest-slot-active {
    border-color: rgba(255,179,0,0.22) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.03),
      0 16px 32px rgba(0,0,0,0.22);
    animation: slot-pulse 2.8s ease-in-out infinite;
  }
  @keyframes slot-pulse {
    0%, 100% {
      border-color: rgba(255,179,0,0.18);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.025),
        0 14px 28px rgba(0,0,0,0.2);
    }
    50% {
      border-color: rgba(255,179,0,0.32);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.035),
        0 18px 36px rgba(0,0,0,0.24);
    }
  }
  .manifest-event-subtitle {
    font-size: 7px;
    color: var(--dim);
    opacity: 0.7;
    margin-top: 1px;
    letter-spacing: 1px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-transform: uppercase;
  }
  .slot-score {
    color: var(--green);
    font-family: 'Orbitron', monospace;
    font-size: 8px;
  }
  .slot-lost {
    color: var(--red);
    font-family: 'Orbitron', monospace;
    font-size: 8px;
    letter-spacing: 1px;
  }

  /* --- Bonus manifests --- */
  .bonus-divider {
    text-align: center;
    color: var(--amber);
    font-family: 'Orbitron', monospace;
    font-size: 8px;
    letter-spacing: 3px;
    padding: 12px 0 4px;
    opacity: 0.7;
  }
  .bonus-progress {
    color: var(--amber);
  }
  .bonus-progress .daily-progress-done {
    color: var(--amber);
  }
  .reserve-deploy-btn {
    margin-left: 12px;
    color: var(--amber);
    cursor: pointer;
    font-family: 'Orbitron', monospace;
    font-size: 9px;
    letter-spacing: 1px;
    border: 1px solid rgba(255,179,0,0.18);
    padding: 4px 10px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(33,25,15,0.96) 0%, rgba(16,13,10,0.98) 100%);
  }
  .reserve-deploy-btn:hover {
    background: linear-gradient(180deg, rgba(42,31,17,0.98) 0%, rgba(21,17,12,0.98) 100%);
    color: var(--amber);
  }
  .bonus-badge {
    color: var(--amber);
    font-family: 'Orbitron', monospace;
    font-size: 9px;
    letter-spacing: 1px;
    vertical-align: middle;
  }
  .manifest-bonus {
    border-color: var(--amber-dim) !important;
  }
  .manifest-bonus.manifest-available {
    border-color: var(--amber) !important;
  }
  .bonus-exhausted {
    text-align: center;
    color: var(--dim);
    font-family: 'Orbitron', monospace;
    font-size: 9px;
    letter-spacing: 2px;
    padding: 10px 0;
    opacity: 0.6;
  }

  /* ===== SPEED CAPTAIN UI ===== */
  .board-mode-tabs {
    display: flex;
    gap: 4px;
    margin: var(--sp-12) var(--sp-14) 0;
    padding: 4px;
    background: linear-gradient(180deg, rgba(12,11,10,0.92) 0%, rgba(8,8,8,0.96) 100%);
    border: 1px solid var(--line-soft);
    border-radius: 14px;
    overflow: hidden;
  }
  .board-tab {
    flex: 1;
    min-height: 38px;
    padding: 8px 10px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px;
    letter-spacing: 1px;
    border: 1px solid transparent;
    border-radius: 10px;
    cursor: pointer;
    background: transparent;
    color: rgba(176,160,128,0.78);
    transition: all var(--dur-med) var(--ease-out);
    box-shadow: none;
  }
  .board-tab + .board-tab {
    border-left: none;
  }
  .board-tab-active {
    background: linear-gradient(180deg, rgba(34,26,16,0.98) 0%, rgba(18,15,11,0.98) 100%) !important;
    color: var(--accent) !important;
    font-weight: 700;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.03),
      0 8px 18px rgba(0,0,0,0.22) !important;
    text-shadow: none !important;
    border: 1px solid rgba(255,179,0,0.18) !important;
  }
  .board-tab-active.board-tab-amber {
    background: linear-gradient(180deg, rgba(42,31,17,0.98) 0%, rgba(21,17,12,0.98) 100%) !important;
  }
  .speed-stats-bar {
    display: flex;
    justify-content: space-around;
    padding: 8px 0;
    margin: 0 16px 8px;
    background: var(--bg2);
    border: 0.5px solid var(--grid);
    border-radius: var(--r-xs);
  }
  .speed-stat-value {
    font-size: 14px;
    font-family: 'JetBrains Mono', monospace;
  }
  .speed-stat-label {
    font-size: 8px;
    color: var(--dim);
    text-transform: uppercase;
  }
  .speed-leaderboard-btn {
    font-size: 8px;
    padding: 6px 16px;
    margin: 0 auto 6px;
    display: inline-block;
    background: linear-gradient(180deg, rgba(35,26,16,0.96) 0%, rgba(17,14,11,0.98) 100%);
    border: 1px solid rgba(255,179,0,0.2);
    color: var(--amber);
    font-family: 'JetBrains Mono', monospace;
    letter-spacing: 1px;
    cursor: pointer;
    border-radius: var(--r-xs);
    transition: all var(--dur-fast);
  }
  .speed-leaderboard-btn:active {
    background: linear-gradient(180deg, rgba(25,20,14,0.98) 0%, rgba(13,11,10,1) 100%);
  }
  .speed-exit-btn {
    font-size: 9px;
    padding: 4px 12px;
    margin: 6px auto 0;
    display: inline-block;
    background: linear-gradient(180deg, rgba(34,10,16,0.96) 0%, rgba(16,6,10,0.98) 100%);
    border: 1px solid rgba(255,0,60,0.26);
    color: var(--red);
    font-family: 'JetBrains Mono', monospace;
    letter-spacing: 1px;
    cursor: pointer;
    border-radius: var(--r-xs);
    transition: all var(--dur-fast);
  }
  .speed-exit-btn:active {
    background: linear-gradient(180deg, rgba(24,8,12,1) 0%, rgba(14,5,8,1) 100%);
  }

  /* ===== HOME: EVENT LOG ===== */
  .event-log {
    padding: 0 10px 4px;
  }
  .event-log-item {
    display: flex;
    align-items: flex-start;
    padding: 6px 12px;
    background: var(--bg2);
    border-left: 2px solid var(--dim);
    margin-bottom: 1px;
    gap: 8px;
    font-size: 10px;
    color: var(--dim);
  }
  .event-log-item.event-amber { border-left-color: var(--amber); }
  .event-log-item.event-red { border-left-color: var(--red); }
  .event-log-item.event-green { border-left-color: var(--green); }
  .event-log-item.event-cyan { border-left-color: var(--accent); }
  .event-log-time {
    font-family: 'VT323', monospace;
    font-size: 12px;
    color: var(--dim);
    flex-shrink: 0;
    min-width: 42px;
  }
  .event-log-text {
    color: var(--white);
    line-height: 1.4;
  }

  /* (dark-cycle moved to status bar .epoch-clock) */

  /* ===== BOTTOM ACTION BAR ===== */
  .action-bar {
    display: none;
  }
  .action-btn-main {
    flex: 1;
    max-width: 280px;
    height: 40px;
    background: linear-gradient(180deg, rgba(255,179,0,0.15), rgba(255,179,0,0.05));
    border: 1px solid var(--accent);
    color: var(--accent);
    font-family: 'Orbitron', monospace;
    font-size: 10px;
    letter-spacing: 3px;
    cursor: pointer;
    text-shadow: 0 0 8px rgba(255,179,0,0.4);
    box-shadow: 0 0 12px rgba(255,179,0,0.1), inset 0 0 12px rgba(255,179,0,0.05);
    transition: all var(--dur-fast);
  }
  .action-btn-main:active {
    background: rgba(255,179,0,0.2);
    box-shadow: 0 0 20px rgba(255,179,0,0.3);
  }
  .action-btn-side {
    width: 40px; height: 40px;
    background: var(--bg3);
    border: 1px solid var(--grid);
    color: var(--dim);
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: border-color var(--dur-fast);
  }
  .action-btn-side:active { border-color: var(--accent); color: var(--accent); }

  /* User menu */
  .user-menu-wrap {
    position: relative;
    flex-shrink: 0;
    padding-top: 2px;
  }
  .user-avatar {
    width: 36px;
    height: 36px;
    border-radius: 4px;
    border: 1px solid var(--accent-dim);
    background: var(--bg1);
    color: var(--accent);
    font-family: 'Orbitron', monospace;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color var(--dur-fast), box-shadow 0.15s;
    padding: 0;
    line-height: 1;
    margin-right: -14px;
  }
  .avatar-icon {
    width: 24px;
    height: 24px;
    border-radius: 3px;
    object-fit: cover;
    pointer-events: none;
  }
  .user-avatar:hover, .user-avatar.open {
    border-color: var(--accent);
    box-shadow: 0 0 6px rgba(255,179,0,0.15);
  }
  .user-menu {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 200px;
    background: var(--bg2);
    border: 1px solid rgba(255,179,0,0.15);
    border-radius: var(--r-md);
    padding: var(--sp-6) 0;
    z-index: 200;
    box-shadow: var(--shadow-xl);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
  }
  .user-menu.open { display: block; }
  .user-menu-email {
    padding: 6px 14px 8px;
    font-size: 10px;
    color: var(--dim);
    border-bottom: 1px solid rgba(255,255,255,0.04);
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .user-menu-row {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 14px;
    font-size: 12px;
    color: var(--fg);
    cursor: pointer;
    transition: background 0.1s;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    width: 100%;
    font-family: inherit;
    text-align: left;
    -webkit-appearance: none;
    appearance: none;
  }
  .user-menu-row:hover { background: rgba(255,179,0,0.06) !important; }
  .user-menu-row:active { transform: none; background: rgba(255,179,0,0.1) !important; }
  .user-menu-row.danger:hover { background: rgba(255,0,0,0.08); color: var(--red); }
  .vol-row { display: flex !important; align-items: center; gap: 8px; padding: 7px 14px !important; }
  .vol-label { font-size: 11px; color: var(--fg); min-width: 52px; opacity: 0.7; }
  .vol-slider { flex: 1; height: 4px; -webkit-appearance: none; appearance: none; background: rgba(255,255,255,0.1); border-radius: var(--r-xs); outline: none; cursor: pointer; }
  .vol-slider::-webkit-slider-thumb { -webkit-appearance: none; width: 14px; height: 14px; border-radius: 50%; background: var(--accent); cursor: pointer; }
  .vol-slider::-moz-range-thumb { width: 14px; height: 14px; border-radius: 50%; background: var(--accent); border: none; cursor: pointer; }
  .user-menu-section {
    padding: 7px 14px;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 1.8px;
    color: var(--dim);
    text-transform: uppercase;
    border-top: 1px solid rgba(255,255,255,0.04);
    margin-top: 2px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: color var(--dur-fast);
  }
  .user-menu-section:hover { color: var(--accent); }
  .user-menu-section:first-of-type {
    border-top: none;
    margin-top: 0;
  }
  .user-menu-section .section-arrow {
    font-size: 9px;
    transition: transform var(--dur-fast);
  }
  .user-menu-section.open .section-arrow {
    transform: rotate(90deg);
  }
  .user-menu-section-body {
    display: none;
    overflow: hidden;
  }
  .user-menu-section-body.open {
    display: block;
  }
  .user-menu-account {
    padding: 6px 14px 8px;
    border-bottom: none;
    margin-bottom: 0;
  }
  .account-badge {
    display: inline-block;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.5px;
    padding: 2px 8px;
    border-radius: var(--r-xs);
    margin-bottom: 6px;
    background: var(--grid);
    color: var(--dim);
  }
  .account-badge.badge-sub {
    background: rgba(0,180,255,0.15);
    color: #00b4ff;
    border: 1px solid rgba(0,180,255,0.3);
  }
  .account-badge.badge-lifetime {
    background: rgba(255,179,0,0.15);
    color: var(--accent);
    border: 1px solid rgba(255,179,0,0.3);
  }
  .account-upgrade {
    color: var(--accent) !important;
    font-size: 11px !important;
  }
  .account-manage {
    color: var(--fg) !important;
    font-size: 11px !important;
  }

  /* ===== INLINE SCREEN ACTIONS ===== */
  .screen-action-bar {
    padding: 14px;
    display: flex;
    gap: 10px;
    align-items: center;
  }
  .screen-action-btn {
    flex: 1;
    min-height: 46px;
    padding: 0 16px;
    background: linear-gradient(180deg, rgba(28,23,17,0.98) 0%, rgba(16,13,11,0.98) 100%);
    border: 1px solid rgba(255,179,0,0.18);
    color: var(--white);
    font-family: 'Orbitron', monospace;
    font-size: 10px;
    letter-spacing: 2.4px;
    cursor: pointer;
    text-shadow: none;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.035),
      0 12px 26px rgba(0,0,0,0.22);
    transition: all var(--dur-fast);
  }
  .screen-action-btn:active {
    background: linear-gradient(180deg, rgba(20,17,14,0.98) 0%, rgba(12,10,9,1) 100%);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.02),
      0 6px 14px rgba(0,0,0,0.2);
  }
  .screen-action-btn.btn-amber {
    border-color: rgba(255,179,0,0.28);
    color: var(--amber);
    background: linear-gradient(180deg, rgba(44,33,17,0.98) 0%, rgba(22,18,12,0.98) 100%);
    box-shadow:
      inset 0 1px 0 rgba(255,210,120,0.04),
      0 16px 30px rgba(0,0,0,0.24);
  }
  .screen-action-btn.btn-amber:active {
    background: linear-gradient(180deg, rgba(30,24,15,0.98) 0%, rgba(16,13,10,1) 100%);
    box-shadow:
      inset 0 1px 0 rgba(255,210,120,0.025),
      0 8px 18px rgba(0,0,0,0.22);
  }
  .screen-action-btn.btn-dim {
    border-color: rgba(200,221,232,0.12);
    color: rgba(200,221,232,0.72);
    background: linear-gradient(180deg, rgba(19,18,17,0.96) 0%, rgba(10,10,10,0.98) 100%);
    text-shadow: none;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.025),
      0 10px 20px rgba(0,0,0,0.18);
    font-size: 11px;
    padding: 8px 14px;
    flex: 0 0 auto;
  }
  .screen-action-btn.btn-dim:active {
    background: linear-gradient(180deg, rgba(15,14,13,0.98) 0%, rgba(10,10,10,1) 100%);
    color: var(--white);
  }
  .screen-action-btn.btn-disabled {
    opacity: 0.4;
    pointer-events: none;
  }

  @media (max-width: 720px) {
    .nav-grid {
      grid-template-columns: 1fr;
    }

    .nav-row-major,
    .nav-row-full {
      grid-column: auto;
    }

    .screen-action-bar {
      flex-direction: column;
      align-items: stretch;
    }

    .screen-action-btn.btn-dim {
      width: 100%;
      flex: 1;
    }
  }