* { margin: 0; padding: 0; box-sizing: border-box; }

        #skylab_wrapper {
            width: 100%;
            height: 100%;
        }

        #skylab {
            position: relative;
            width: 772px;
            height: 407px;
            transform-origin: center center;
            background-image: url(img/background.jpg);
            background-repeat: no-repeat;
            background-size: 772px 407px;
            background-color: #0a1525;
            font-size: 11px;
            color: #f2b05a;
        }

        /* Resources bar — align to background.jpg slot grid
           upper cell y14-34 (name+current), lower cell y38-49 (max)
           columns x: 0,95,191,287,384,480,576,672 (≈96px) */
        #skylab #resources {
            position: absolute;
            top: 0;
            left: 0;
            width: 772px;
            height: 54px;
            color: #e2e2e2;
            font-weight: bold;
            font-size: 9px;
            z-index: 4;
            pointer-events: none;
        }
        .skylab_storage_warn {
          position: absolute;
          left: 8px;
          top: 56px;
          width: 740px;
          max-width: 96vw;
          box-sizing: border-box;
          padding: 4px 8px;
          font-size: 10px;
          line-height: 1.3;
          color: #ffd28a;
          border: 1px solid rgba(255, 170, 60, 0.45);
          background: rgba(60, 30, 10, 0.85);
          text-align: center;
          z-index: 5;
          pointer-events: none;
        }
        .transport_status {
          margin-bottom: 10px;
          padding: 8px 10px;
          font-size: 11px;
          line-height: 1.4;
          color: #cfe6ff;
          border: 1px solid rgba(80, 140, 220, 0.4);
          background: rgba(12, 24, 44, 0.85);
        }
        #skylab .module.powered_off {
          opacity: 0.55;
          filter: grayscale(0.35);
        }

        .view_generally {
            position: absolute;
            top: 0;
            width: 95px;
            height: 54px;
            margin: 0;
            padding: 0;
            text-align: center;
            color: #e2e2e2;
            font-weight: bold;
            font-size: 9px;
            line-height: 1;
            box-sizing: border-box;
            overflow: visible;
        }
        .view_generally > div:first-child {
            position: absolute;
            left: 0;
            right: 0;
            top: 15px;
            height: 11px;
            line-height: 11px;
            letter-spacing: 0.01em;
            overflow: hidden;
            white-space: nowrap;
        }
        .view_generally .view_val {
            position: absolute;
            left: 0;
            right: 0;
            top: 25px;
            height: 12px;
            line-height: 12px;
            font-size: 11px;
            color: #fff;
            font-variant-numeric: tabular-nums;
            font-feature-settings: "tnum" 1;
            letter-spacing: 0;
            white-space: nowrap;
            overflow: hidden;
        }
        .view_generally_maximal_number {
            position: absolute;
            left: 0;
            right: 0;
            top: 39px;
            height: 11px;
            line-height: 11px;
            margin: 0;
            color: #9a9a9a;
            text-align: center;
            font-size: 9px;
            font-variant-numeric: tabular-nums;
            font-feature-settings: "tnum" 1;
            white-space: nowrap;
            overflow: hidden;
        }

        #view_prometium { left: 0; }
        #view_endurium { left: 95px; }
        #view_terbium { left: 191px; }
        #view_prometid { left: 287px; }
        #view_duranium { left: 384px; }
        #view_xenomit { left: 480px; }
        #view_promerium { left: 576px; }
        #view_seprom { left: 672px; width: 96px; }

        #skylab .ore_prometium { color: #b32f2f; }
        #skylab .ore_endurium { color: #59aae3; }
        #skylab .ore_terbium { color: #f4e53f; }
        #skylab .ore_prometid { color: #d58989; }
        #skylab .ore_duranium { color: #3dcd6c; }
        #skylab .ore_promerium { color: #dfa33b; }
        #skylab .ore_xenomit { color: #949ba9; }
        #skylab .ore_seprom { color: #9e1cc3; }


        /* Modules container */
        #skylab #modules {
            position: absolute;
            left: 16px;
            top: 56px;
            width: 772px;
            height: 364px;
        }

        /* Modul kártyák – egységes neon stílus */
        #skylab .module {
            position: absolute;
            cursor: pointer;
        }

        #skylab .module .module_small {
            background: linear-gradient(180deg, rgba(0,25,45,0.9) 0%, rgba(0,15,28,0.95) 100%);
            border: 1px solid rgba(0,229,255,0.3);
            border-radius: 6px;
            padding: 6px 8px 7px 8px;
            min-width: 98px;
            box-shadow: 0 0 12px rgba(0,229,255,0.08), inset 0 0 20px rgba(0,0,0,0.25);
        }
        
        #skylab .module .module_small:hover {
            border-color: rgba(0,229,255,0.55);
            box-shadow: 0 0 18px rgba(0,229,255,0.2), inset 0 0 20px rgba(0,0,0,0.2);
        }

        #skylab .module.inactive .module_small {
            background: linear-gradient(180deg, rgba(15,20,28,0.9) 0%, rgba(8,12,18,0.95) 100%);
            border-color: rgba(0,229,255,0.15);
        }

        #skylab .module .name {
            font-weight: 600;
            color: #b0d8f0;
            white-space: nowrap;
            font-size: 10px;
            letter-spacing: 0.25px;
            text-shadow: 0 0 8px rgba(0,229,255,0.2);
        }
        #skylab .module .name_inactive {
            font-weight: 600;
            color: #5a6575;
            white-space: nowrap;
            font-size: 10px;
        }

        #skylab .module .cellview {
            padding-left: 2px;
            margin-top: 4px;
            overflow: hidden;
        }
        #skylab .module .cellview::after {
            content: "";
            display: table;
            clear: both;
        }

        #skylab .module .level_icon {
            float: left;
            width: 14px;
            height: 14px;
            background: url(img/icon_level.png) no-repeat center;
            background-size: contain;
        }
        #skylab .module .level_icon:before { content: none; }

        #skylab .module .level_icon_inactive {
            float: left;
            width: 14px;
            height: 14px;
            background: url(img/icon_level_inactive.png) no-repeat center;
            background-size: contain;
        }
        #skylab .module .level_icon_inactive:before { content: none; }

        #skylab .module .power_icon {
            float: left;
            width: 16px;
            height: 14px;
            background: url(img/power.png) no-repeat center;
            background-size: contain;
        }
        #skylab .module .power_icon:before { content: none; }
        #skylab .module.inactive .power_icon {
            background-image: url(img/power_disabled.png);
        }
        #skylab .module.powered_off .power_icon {
            background-image: url(img/power_off.png);
        }

        #skylab .module .efficiency_icon {
            float: left;
            width: 14px;
            height: 14px;
            margin-left: 6px;
            margin-right: 3px;
            background: url(img/efficiency.png) no-repeat center;
        }
        #skylab .module .cellview .skylab_font_efficiency {
            margin-left: 0;
        }

        .skylab_font_power { font-size: 10px; font-weight: 600; color: #00ff88; float: left; margin-left: 3px; font-variant-numeric: tabular-nums; }
        .skylab_font_efficiency { font-size: 9px; font-weight: 600; color: #00ff88; float: left; margin-left: 0; }
        .skylab_font_level { font-size: 10px; font-weight: 600; color: #00d4ff; float: left; margin-left: 3px; }
        .skylab_font_level_inactive { font-size: 10px; font-weight: 600; color: #5a6575; float: left; margin-left: 3px; }
        .module_storage_cap { clear: both; font-size: 9px; color: #8ab4d8; margin-top: 3px; }

        /* Module positions - eredeti elrendezés */
        #skylab #module_solarModule_small { left: 262px; top: 12px; }
        #skylab #module_prometiumCollector_small { left: 65px; top: 13px; }
        #skylab #module_enduriumCollector_small { left: 7px; top: 70px; }
        #skylab #module_terbiumCollector_small { left: 7px; top: 132px; }
        #skylab #module_transportModule_small { left: 3px; top: 240px; }
        #skylab #module_storageModule_small { left: 96px; top: 298px; }
        #skylab #module_baseModule_small { left: 400px; top: 300px; }
        #skylab #module_prometidRefinery_small { left: 505px; top: 15px; }
        #skylab #module_duraniumRefinery_small { left: 576px; top: 70px; }
        #skylab #module_promeriumRefinery_small { left: 580px; top: 132px; }
        #skylab #module_xenoModule_small { left: 586px; top: 206px; }
        #skylab #module_sepromRefinery_small { left: 580px; top: 300px; }

        /* Shadow overlay */
        #skylab_shadow {
            width: 772px;
            height: 407px;
            position: absolute;
            z-index: 5;
            background: #000000;
            opacity: 0.6;
            display: none;
            top: 0;
            left: 0;
        }

        /* Modal – neon stílus, görgetés nélkül */
        #skylab .module_large {
            display: none;
            position: absolute;
            z-index: 20;
            left: 176px;
            top: -20px;
            width: 420px;
            border-radius: 10px;
            overflow: hidden;
            border: 1px solid rgba(0,229,255,0.45);
            box-shadow: 0 0 30px rgba(0,229,255,0.25), 0 12px 40px rgba(0,0,0,0.5);
        }
        .skylab_module_header {
            width: 100%;
            height: 40px;
            background: linear-gradient(180deg, #0a1620 0%, #061018 100%);
            border-bottom: 1px solid rgba(0,229,255,0.35);
            box-sizing: border-box;
        }
        .skylab_module_header .name {
            font-weight: 600;
            color: #00e5ff;
            text-shadow: 0 0 12px rgba(0,229,255,0.6);
            white-space: nowrap;
            text-align: center;
            padding-top: 11px;
            font-size: 14px;
            letter-spacing: 0.5px;
        }
        .skylab_module_close {
            position: absolute;
            top: 6px;
            right: 8px;
            cursor: pointer;
            width: 22px;
            height: 22px;
            background: rgba(0,40,60,0.8);
            border: 1px solid rgba(0,229,255,0.4);
            border-radius: 4px;
            font-size: 14px;
            line-height: 20px;
            text-align: center;
            color: #00d4ff;
        }
        .skylab_module_close:hover { background: rgba(0,80,120,0.6); border-color: #00e5ff; color: #fff; box-shadow: 0 0 12px rgba(0,229,255,0.4); }

        .skylab_module_middle {
            width: 100%;
            box-sizing: border-box;
            background: linear-gradient(180deg, #0d1218 0%, #080d12 100%);
            padding: 10px 14px;
            min-height: 200px;
            border-left: 1px solid rgba(0,229,255,0.25);
            border-right: 1px solid rgba(0,229,255,0.25);
        }
        .skylab_module_tabs {
            display: flex;
            justify-content: center;
            gap: 6px;
            margin-bottom: 10px;
            height: 24px;
        }
        .skylab_module_tab {
            width: 76px;
            height: 24px;
            background: rgba(10,18,28,0.95);
            border: 1px solid rgba(0,229,255,0.2);
            border-radius: 4px;
            text-align: center;
            cursor: pointer;
            line-height: 22px;
            color: #6a8a9e;
            font-size: 11px;
        }
        .skylab_module_tab:hover { background: rgba(0,80,120,0.2); color: #a0e0ff; border-color: rgba(0,229,255,0.4); box-shadow: 0 0 12px rgba(0,229,255,0.15); }
        .skylab_module_tab.tab_active {
            background: rgba(0,60,90,0.35);
            border-color: #00e5ff;
            color: #00e5ff;
            box-shadow: 0 0 14px rgba(0,229,255,0.35), inset 0 0 20px rgba(0,229,255,0.08);
        }

        .skylab_module_content {
            background: rgba(0,8,18,0.6);
            width: 100%;
            max-width: 388px;
            min-height: 200px;
            margin: 0 auto;
            padding: 8px;
            border: 1px solid rgba(0,229,255,0.35);
            border-radius: 6px;
            box-sizing: border-box;
            overflow: visible;
            box-shadow: inset 0 0 20px rgba(0,229,255,0.06);
        }
        .skylab_module_footer {
            width: 100%;
            height: 49px;
            background: linear-gradient(180deg, #1a2330 0%, #121920 100%);
            border-top: 1px solid #2a3540;
            border-radius: 0 0 8px 8px;
            box-sizing: border-box;
            overflow: hidden;
        }
        .skylab_module_footer .module_infobox_info {
            float: left;
            width: 60px;
            margin-left: 10px;
            font-weight: bold;
            margin-top: 15px;
        }
        .skylab_module_footer .module_info_active_state { margin-left: 50px; }
        .skylab_module_footer .module_info_level .level_icon {
            color: #65aae1;
            font-weight: bold;
            font-size: 10px;
        }
        .skylab_module_footer .module_info_power_usage {
            color: #f1ec63;
            font-weight: bold;
            font-size: 10px;
        }
        .skylab_module_footer .skylab_footer_toggle {
            cursor: pointer;
            pointer-events: auto;
            user-select: none;
        }
        .skylab_module_footer .skylab_footer_toggle:hover {
            opacity: 0.9;
        }
        .skylab_module_footer {
            position: relative;
            z-index: 2;
        }
        /* Egy gomb: bekapcsolás/kikapcsolás – kikapcsolt állapotban piros (mint a Dark Orbit) */
        #skylab_footer_toggle_btn {
            margin-left: 15px;
            margin-top: 10px;
            padding: 6px 14px;
            font-size: 11px;
            cursor: pointer;
            border-radius: 4px;
            font-weight: 600;
            border: none;
        }
        #skylab_footer_toggle_btn.state_on {
            background: linear-gradient(180deg, #2d5a72 0%, #1a3d52 100%);
            color: #b8e0f0;
            box-shadow: 0 0 8px rgba(0, 200, 255, 0.3);
        }
        #skylab_footer_toggle_btn.state_on:hover {
            background: linear-gradient(180deg, #3a6a85 0%, #224a62 100%);
        }
        /* Kikapcsolt állapot: piros gomb, „Bekapcsolás” (mint a Dark Orbit) */
        #skylab_footer_toggle_btn.state_off {
            background: linear-gradient(180deg, #b03030 0%, #802020 100%);
            color: #fff;
            box-shadow: 0 0 10px rgba(220, 60, 60, 0.5);
        }
        #skylab_footer_toggle_btn.state_off:hover {
            background: linear-gradient(180deg, #c04040 0%, #902828 100%);
        }

        .tab-content { display: none; padding-top: 8px; }
        .tab-content.active { display: block; }
        #skylab .tabContent { padding-top: 8px; }

        .module_info_row {
            display: flex;
            justify-content: space-between;
            padding: 6px 6px;
            border-bottom: 1px solid #252f3a;
            font-size: 11px;
        }
        .module_info_row:last-child { border-bottom: none; }
        .module_info_label { color: #8a9aaa; }
        .module_info_value { color: #e2e8f0; font-weight: 600; }

        /* Fejlesztés tab – kompakt, neon */
        #skylab .upgrade_mode_toggle {
            display: flex;
            margin: 0 0 10px 0;
            background: rgba(0,12,24,0.9);
            border: 1px solid rgba(0,229,255,0.4);
            border-radius: 6px;
            padding: 3px;
            box-shadow: 0 0 16px rgba(0,229,255,0.2), inset 0 0 20px rgba(0,0,0,0.4);
        }
        #skylab .upgrade_mode_toggle span {
            flex: 1;
            text-align: center;
            padding: 5px 10px;
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 0.08em;
            color: #5a7a8a;
            border-radius: 4px;
            transition: all 0.2s ease;
        }
        #skylab .upgrade_mode_toggle span.upgrade_col_azonnal {
            color: #00ff88;
            background: linear-gradient(180deg, rgba(0,80,50,0.6) 0%, rgba(0,50,30,0.8) 100%);
            border: 1px solid rgba(0,255,136,0.5);
            box-shadow: 0 0 14px rgba(0,255,136,0.35);
        }
        #skylab .upgrade_mode_toggle span.upgrade_col_normal,
        #skylab .upgrade_mode_toggle span.upgrade_col_normál {
            color: #00d4ff;
            background: linear-gradient(180deg, rgba(0,60,90,0.5) 0%, rgba(0,40,60,0.7) 100%);
            border: 1px solid rgba(0,229,255,0.4);
            box-shadow: 0 0 10px rgba(0,229,255,0.2);
        }
        #skylab #upgrade_table_wrap {
            margin: 0 0 10px 0;
            padding: 10px 12px;
            background: rgba(0,10,22,0.85);
            border: 1px solid rgba(0,229,255,0.3);
            border-radius: 8px;
            box-shadow: 0 0 20px rgba(0,229,255,0.15), inset 0 0 30px rgba(0,0,0,0.3);
        }
        #skylab .module_infobox_upgrade {
            margin: 0 auto;
            width: 100%;
            max-width: 280px;
            border-collapse: collapse;
            font-size: 11px;
            color: #c8d8e8;
        }
        #skylab .module_infobox_upgrade .firstRow {
            padding: 3px 10px 3px 0;
            font-weight: 500;
            color: #7a9aae;
            width: 22%;
        }
        #skylab .module_infobox_upgrade .secondRow {
            text-align: right;
            padding: 3px 8px 3px 0;
            font-weight: 600;
            color: #00ff88;
            font-variant-numeric: tabular-nums;
            text-shadow: 0 0 10px rgba(0,255,136,0.5);
        }
        #skylab .module_infobox_upgrade .thirdRow {
            text-align: right;
            padding: 3px 0 3px 8px;
            font-weight: 600;
            font-variant-numeric: tabular-nums;
            color: #80d0f0;
        }
        #skylab .module_infobox_upgrade .thirdRow.skylab_price_normal {
            color: #90b8d0;
            font-weight: 500;
        }
        #skylab .module_infobox_upgrade tr.upgrade_header_row td {
            padding: 0 0 6px 0;
            border-bottom: 1px solid rgba(0,229,255,0.3);
            vertical-align: bottom;
        }
        #skylab .module_infobox_upgrade tr.upgrade_header_row .secondRow,
#skylab .module_infobox_upgrade tr.upgrade_header_row .upgrade_header_normál {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #00d4ff;
    text-shadow: 0 0 8px rgba(0,212,255,0.4);

    position: relative;
    left: -53px;   /* ← JOBBRA MOZGATÁS */
}

        #skylab .module_infobox_upgrade tr.data_row td {
            padding: 3px 0;
            border-bottom: 1px solid rgba(255,255,255,0.04);
        }
        #skylab .module_infobox_upgrade tr.data_row:last-of-type td { border-bottom: none; }
        #skylab .module_infobox_upgrade .separator_col { width: 10px; min-width: 10px; vertical-align: top; padding: 0; }
        #skylab .module_infobox_upgrade .separator_col_inner {
            width: 1px;
            min-height: 95px;
            margin: 0 auto;
            background: linear-gradient(180deg, transparent, rgba(0,229,255,0.4) 15%, rgba(0,229,255,0.4) 85%, transparent);
            border-radius: 1px;
        }
        #skylab .module_infobox_upgrade .separator_row td {
            height: 0; padding: 0; border: none; background: transparent;
            border-top: 1px solid rgba(0,229,255,0.12);
        }
        #skylab .skylab_standard { font-size: 11px; color: #c8d8e8; }
        #skylab .skylab_price_normal { font-size: 11px; color: #90b8d0; }

        #skylab .button_standard {
            min-width: 98px;
            min-height: 26px;
            line-height: 24px;
            text-align: center;
            font-weight: 600;
            font-size: 9px;
            background: linear-gradient(180deg, #004a6a 0%, #003550 100%);
            border: 1px solid #00b8d4;
            border-radius: 5px;
            padding: 0 12px;
			margin-left: 20px;
			margin-right: 20px;
            cursor: pointer;
            color: #00e5ff;
            text-decoration: none;
            display: inline-block;
            box-sizing: border-box;
            box-shadow: 0 0 12px rgba(0,229,255,0.3);
            transition: all 0.2s ease;
        }
        #skylab .button_standard:hover {
            background: linear-gradient(180deg, #006080 0%, #004a65 100%);
            border-color: #00e5ff;
            box-shadow: 0 0 18px rgba(0,229,255,0.5);
            color: #fff;
        }
        #skylab .button_standard a { color: inherit; text-decoration: none; display: block; }
        #skylab .upgrade_buttons_row td {
            padding: 10px 8px 2px;
            vertical-align: middle;
            border: none;
        }
        #skylab .upgrade_buttons_row td:first-child .button_standard {
    background: linear-gradient(180deg, #006030 0%, #004020 100%);
    border-color: #00ff88;
    color: #00ff88;
    box-shadow: 0 0 12px rgba(0,255,136,0.4);

    position: relative;
    left: -10px;   /* ← BALRA MOZGATÁS */
}
#skylab .upgrade_buttons_row td:last-child .button_standard {
    position: relative;
    left: 2px;   /* ← JOBBRA MOZGATÁS */
}
        #skylab .upgrade_buttons_row td:first-child .button_standard:hover {
            background: linear-gradient(180deg, #008040 0%, #005030 100%);
            box-shadow: 0 0 20px rgba(0,255,136,0.55);
            color: #fff;
        }
        #skylab .upgrade_buttons_row td:first-child { text-align: right; }
        #skylab .upgrade_buttons_row td:last-child { text-align: left; }

        #skylab .upgrade_countdown_block {
            margin: 8px 0;
            padding: 10px 12px;
            background: rgba(0,30,50,0.6);
            border: 1px solid rgba(0,229,255,0.35);
            border-radius: 6px;
            color: #90b8d0;
            font-size: 11px;
            box-shadow: 0 0 14px rgba(0,229,255,0.15);
        }
        #skylab .upgrade_countdown_title { margin-bottom: 4px; font-weight: 600; color: #00d4ff; text-shadow: 0 0 8px rgba(0,212,255,0.5); }
        #skylab .upgrade_countdown_value { color: #c8e0f0; font-variant-numeric: tabular-nums; }

        /* Transport tab – 2 oszlop, görgetés nélkül minden elfér */
        .transport_tab_wrap { padding: 0 8px 8px; }
        .transport_dir_switcher {
            display: flex;
            gap: 0;
            margin-bottom: 8px;
            background: #0d1520;
            border: 1px solid #253545;
            border-radius: 6px;
            overflow: hidden;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
        }
        .transport_dir_btn {
            flex: 1;
            padding: 6px 12px;
            border: none;
            background: transparent;
            color: #6a7a8a;
            font-size: 11px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.2s ease;
        }
        .transport_dir_btn:hover { background: rgba(50,70,95,0.4); color: #b0c0d0; }
        .transport_dir_btn.active {
            background: linear-gradient(180deg, #2d4d72 0%, #1a3045 100%);
            color: #e8f0ff;
            font-weight: 600;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 0 0 1px rgba(80,120,180,0.2);
        }
        .transport_list {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 4px 8px;
            margin-bottom: 8px;
            padding: 5px;
            background: #0d1218;
            border: 1px solid #1e2835;
            border-radius: 6px;
        }
        .transport_row {
            display: flex;
            align-items: center;
            gap: 6px;
            padding: 4px 6px;
            background: linear-gradient(90deg, rgba(25,35,50,0.6) 0%, rgba(18,25,35,0.8) 100%);
            border: 1px solid #1a2530;
            border-radius: 4px;
            font-size: 10px;
        }
        .transport_row label {
            width: 58px;
            min-width: 58px;
            color: #a0b0c0;
            font-size: 10px;
            font-weight: 500;
        }
        .transport_row input {
            width: 52px;
            min-width: 52px;
            background: #0a1018;
            border: 1px solid #252f3d;
            border-radius: 4px;
            color: #e0e8f0;
            padding: 3px 6px;
            font-size: 11px;
            font-weight: 600;
            text-align: right;
            font-variant-numeric: tabular-nums;
        }
        .transport_row input::-webkit-outer-spin-button,
        .transport_row input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
        .transport_row input[type=number] { -moz-appearance: textfield; appearance: textfield; }
        .transport_row input:focus {
            outline: none;
            border-color: #3d5a7a;
            box-shadow: 0 0 0 2px rgba(60,90,130,0.25);
        }
        .transport_row .max_btn {
            margin-left: auto;
            padding: 3px 8px;
            background: linear-gradient(180deg, #2d4d72 0%, #1a3045 100%);
            border: 1px solid #3a5a7a;
            border-radius: 4px;
            color: #b0c8e8;
            font-size: 9px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.2s ease;
        }
        .transport_row .max_btn:hover {
            background: linear-gradient(180deg, #3a5d82 0%, #243a52 100%);
            border-color: #4a6a8a;
            color: #fff;
        }
        .transport_time {
            text-align: center;
            padding: 5px 10px;
            margin-bottom: 6px;
            font-size: 10px;
            color: #90a0b0;
            background: #0d1218;
            border: 1px solid #1e2835;
            border-radius: 4px;
        }
        .transport_time_label { color: #708090; }
        .transport_time #transport_time_val { color: #c0d0e0; font-weight: 600; }
        .transport_time_trips { color: #607080; font-size: 9px; }
        .btn_send {
            display: block;
            width: 100%;
            max-width: 180px;
            margin: 0 auto;
            padding: 8px 16px;
            background: linear-gradient(180deg, #2d5a3d 0%, #1a3d28 100%);
            border: 1px solid #3d7a50;
            border-radius: 6px;
            color: #d0f0d8;
            font-weight: bold;
            font-size: 12px;
            cursor: pointer;
            text-align: center;
            transition: all 0.2s ease;
            box-shadow: 0 2px 6px rgba(0,0,0,0.3);
        }
        .btn_send:hover {
            background: linear-gradient(180deg, #3a6a48 0%, #254a35 100%);
            border-color: #4d8a5d;
            color: #fff;
            box-shadow: 0 2px 10px rgba(45,90,60,0.35);
        }

        #skylabReloader {
            width: 25px;
            height: 25px;
            position: absolute;
            left: 15px;
            top: 66px;
            background: url(img/reload_btn_std.png) no-repeat;
            background-color: #2a3a4a;
            border-radius: 3px;
            cursor: pointer;
            z-index: 1;
            font-size: 16px;
            text-align: center;
            line-height: 25px;
        }
        #skylabReloader:hover { background-color: #3a4a5a; }

        /* Toast notification - matches dark theme */
        .skylab_toast {
            display: none;
            position: fixed;
            top: 62%;
            left: 26%;
            transform: translate(-50%, -50%);
            z-index: 100;
            min-width: 280px;
            max-width: 360px;
            padding: 20px 24px;
            background: linear-gradient(180deg, #2a3540 0%, #1a2228 100%);
            border: 1px solid #4a5a6a;
            border-radius: 8px;
            box-shadow: 0 8px 32px rgba(0,0,0,0.6);
            color: #e2e2e2;
            font-size: 13px;
            text-align: center;
        }
        .skylab_toast.show { display: block; animation: toastIn 0.2s ease; }
        @keyframes toastIn { from { opacity: 0; transform: translate(-50%, -50%) scale(0.95); } to { opacity: 1; transform: translate(-50%, -50%) scale(1); } }
        .skylab_toast.error { border-color: #8a4040; background: linear-gradient(180deg, #3a2830 0%, #2a1820 100%); }
        .skylab_toast.success { border-color: #4a6a4a; background: linear-gradient(180deg, #2a3530 0%, #1a2520 100%); }
        .skylab_toast_message { margin-bottom: 16px; line-height: 1.4; }
        .skylab_toast_btn {
            display: inline-block;
            padding: 8px 24px;
            background: linear-gradient(180deg, #3a5a6a 0%, #2a4a5a 100%);
            border: 1px solid #5a7a8a;
            border-radius: 4px;
            color: #fff;
            cursor: pointer;
            font-size: 12px;
            font-weight: bold;
        }
        .skylab_toast_btn:hover { background: linear-gradient(180deg, #4a6a7a 0%, #3a5a6a 100%); }
        .skylab_toast_overlay {
            display: none;
            position: fixed;
            inset: 0;
            background: rgba(0,0,0,0.5);
            z-index: 99;
        }
        .skylab_toast_overlay.show { display: block; }
        .skylab_robot_btn {
            padding: 8px 14px;
            font-size: 11px;
            background: linear-gradient(180deg, #3a5a6a 0%, #2a4a5a 100%);
            border: 1px solid #5a7a8a;
            border-radius: 4px;
            color: #fff;
            cursor: pointer;
        }
        .skylab_robot_btn:hover { background: linear-gradient(180deg, #4a6a7a 0%, #3a5a6a 100%); }
        .skylab_robot_shop { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 14px; justify-content: center; }
        .productivity_robotShop_credits,
        .productivity_robotShop_uridium {
            text-align: center;
            padding: 10px;
            background: linear-gradient(180deg, #1e2830 0%, #151d24 100%);
            border: 1px solid #3a4a5a;
            border-radius: 6px;
            min-width: 100px;
        }
        .productivity_robotShop_credits img,
        .productivity_robotShop_uridium img { display: block; margin: 0 auto 8px; width: 66px; height: 57px; object-fit: contain; }
        .skylab_robot_price { color: #e8d854; font-size: 12px; font-weight: 600; margin-bottom: 4px; }
        .skylab_robot_bonus { color: #8f8; font-size: 11px; margin-bottom: 8px; }
        .skylab_robot_shop .button_standard { margin: auto; }
        .skylab_robot_shop .button_standard a {
            display: block;
            padding: 6px 14px;
            font-size: 11px;
            background: linear-gradient(180deg, #3a5a6a 0%, #2a4a5a 100%);
            border: 1px solid #5a7a8a;
            border-radius: 4px;
            color: #fff;
            text-decoration: none;
            cursor: pointer;
        }
        .skylab_robot_shop .button_standard a:hover { background: linear-gradient(180deg, #4a6a7a 0%, #3a5a6a 100%); }
        .skylab_robot_shop .button_standard a.disabled { opacity: 0.5; pointer-events: none; cursor: not-allowed; }