body {
  background: #505050;
  margin: 0;
  padding: 0;
  line-height: 1.5;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

html, body {
  width: 100%;
  height: 100%;
}

*, ::after, ::before {
  box-sizing: border-box;
}

*:focus {
  outline: none;
}

img {
  vertical-align: middle;
  border-style: none;
  object-fit: cover;
}

p {
  margin-top: 0;
  margin-bottom: 5px;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}

button, input, optgroup, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

ol, ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

a, a:active {
  text-decoration: none;
  color: #000;
}

.no-margin {
  margin: 0;
}

.dropdown-content {
  top: 100% !important;
}

#main {
  min-height: 100vh;
}

.index {
  height: 100vh;
}

#login, #register {
  padding: 15px;
}

.form {
  display: table-cell;
  vertical-align: middle;
}

.nav-wrapper {
  text-transform: uppercase;
}

table.striped>tbody>tr:nth-child(odd) {
  background-color: rgba(121, 121, 121, 0.5) !important;
}

.tabs .tab a {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

.tabs .tab a:hover, .tabs .tab a.active {
  color: #fff;
}

.container-center {
  padding: 0;
  display: table;
  height: 100%;
}

.helper-text {
  font-size: 14px !important;
}

#toast-container {
  top: auto !important;
  right: auto !important;
  bottom: 3%;
  left: 1.5%;
}

.inline-right {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}

.padding-15 {
  padding: 15px !important;
}

.padding-5 {
  padding: 5px !important;
}

table tbody tr td a {
  color: #fff !important;
}

input[type=text]:not(.browser-default).invalid ~ .helper-text[data-error] {
  color: transparent !important;
}

#data {
  padding: 10px 25px;
}

.card .card-image img {
  padding-top: 15px;
  width: unset;
  display: unset;
}

@media only screen and (max-width: 992px) {
  nav .brand-logo {
    left: unset !important;
    -webkit-transform: unset !important;
    transform: unset !important;
  }
  .hide-on-med-and-down {
    display: unset !important;
  }
}

.toast .toast-action {
  margin-left: 15px;
  margin-right: -15px;
}

.select-wrapper input {
  color: #fff;
}

.btn.disabled, .disabled.btn-large, .disabled.btn-small, .btn-floating.disabled, .btn-large.disabled, .btn-small.disabled, .btn-flat.disabled, .btn:disabled, .btn-large:disabled, .btn-small:disabled, .btn-floating:disabled, .btn-large:disabled, .btn-small:disabled, .btn-flat:disabled, .btn[disabled], .btn-large[disabled], .btn-small[disabled], .btn-floating[disabled], .btn-large[disabled], .btn-small[disabled], .btn-flat[disabled] {
  background-color: #424242 !important;
}

/* Original dashboard theme — vdzin CMS */
body { background: #0a0e1a; background-image: radial-gradient(ellipse at top, #1a2238 0%, #0a0e1a 60%); }
.dashboard-hero { background: linear-gradient(135deg, #1c2541 0%, #0b132b 100%); border: 1px solid #2a4365; border-radius: 6px; padding: 24px; margin-bottom: 16px; }
.dashboard-hero h4 { color: #fff; margin: 0 0 4px 0; font-weight: 300; letter-spacing: 1px; }
.dashboard-hero .pilot-meta { color: #8ba3c7; font-size: 14px; }
.dashboard-hero .pilot-meta p { margin: 4px 0; }
.start-panel { background: linear-gradient(135deg, #14532d 0%, #052e16 100%); border: 1px solid #16a34a; border-radius: 6px; padding: 24px; text-align: center; }
.start-panel .btn-start { display: inline-block; width: 100%; padding: 18px 0; background: #16a34a; color: #fff; font-size: 22px; font-weight: 600; letter-spacing: 3px; border-radius: 4px; text-decoration: none; transition: all 0.2s; box-shadow: 0 0 16px rgba(22,163,74,0.4); }
.start-panel .btn-start:hover { background: #15803d; box-shadow: 0 0 24px rgba(22,163,74,0.7); transform: translateY(-2px); }
.quick-card { background: #131a2a; border: 1px solid #1e293b; border-radius: 6px; padding: 20px; text-align: center; transition: all 0.2s; cursor: pointer; }
.quick-card:hover { border-color: #3b82f6; background: #1a2238; transform: translateY(-2px); }
.quick-card i { font-size: 36px; color: #60a5fa; margin-bottom: 8px; }
.quick-card .label { color: #cbd5e1; font-size: 13px; letter-spacing: 2px; font-weight: 600; }
.stat-strip { display: flex; flex-wrap: wrap; background: #0f1626; border: 1px solid #1e293b; border-radius: 6px; padding: 12px 8px; margin-bottom: 16px; }
.stat-strip .stat-item { flex: 1; min-width: 140px; text-align: center; padding: 4px 8px; border-right: 1px solid #1e293b; }
.stat-strip .stat-item:last-child { border-right: none; }
.stat-strip .stat-label { display: block; color: #64748b; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; }
.stat-strip .stat-value { display: block; color: #f1f5f9; font-size: 17px; font-weight: 600; margin-top: 2px; }
.hof-panel { background: #131a2a; border: 1px solid #1e293b; border-radius: 6px; padding: 16px; }
.hof-panel h5 { color: #f1f5f9; letter-spacing: 2px; margin-bottom: 12px; }
.hof-panel .tabs { background: transparent !important; }
.hof-panel .tabs .tab a { color: #94a3b8; }
.hof-panel .tabs .tab a.active { color: #60a5fa !important; }
.hof-panel .tabs .indicator { background-color: #60a5fa !important; }
.hof-panel table { color: #cbd5e1; }
.hof-panel table thead { border-bottom-color: #1e293b; }
.hof-panel table th { color: #94a3b8; }

/* ===== DO backpage compatibility (when logged in) ===== */
body.do-page {
  background: #000;
  font-family: Verdana, Tahoma, sans-serif;
  color: #F4E365;
  text-align: center;  /* original DO uses center */
  min-height: 100vh;
}
/* CRITICAL: DO header was designed for content-box; Materialize forces border-box
   globally via html/* selectors, which shrinks #header_main and stacks the buttons. */
body.do-page .backgroundImageContainer,
body.do-page .backgroundImageContainer *,
body.do-page .overallContainer,
body.do-page .overallContainer *,
body.do-page .outerContainer,
body.do-page .outerContainer * { box-sizing: content-box !important; }

/* let DO's own .backgroundImageContainer styling work — bg covers whole page */
body.do-page .backgroundImageContainer {
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #000;
}
/* DO native: .overallContainer is 860px centered, .outerContainer has left:20px offset */
body.do-page #header_intern * { font-family: Verdana, Arial, sans-serif; }
body.do-page #app > #main { max-width: 100%; margin: 0; padding: 0; }
body.do-page #app > footer.page-footer { display: none; }

/* ===== inside .realContainer (DO content area, 775px native) ===== */
body.do-page #app > #main { max-width: 100%; margin: 0; padding: 0; min-height: 0; }
body.do-page .realContainer { color: #fff; font-family: Verdana, Tahoma, sans-serif; }
/* materialize tries to set tr { border-bottom: 1px solid rgba(0,0,0,0.12) } which kills DO table look */
body.do-page .realContainer tr { border-bottom: 0; }
/* materialize table { width: 100%; display: table } would expand the corp-records homeRankingTable; original DO uses fixed widths */
body.do-page .homeRankingTable { width: auto; }

/* original DO .clearMe utility (footer credits use it) */
.clearMe { clear: both; }
.fliesstext { font-family: Verdana, Tahoma, sans-serif; }
.fliess11px-grey { font-family: Verdana, Tahoma, sans-serif; font-size: 11px; color: #aaa; }
.fliess11px-gelb { color: #F4E365; }
.fliess13px-grey { font-family: Verdana, Tahoma, sans-serif; font-size: 13px; color: #aaa; }

/* ============================================================
   END of DO compat. Everything else is in internalStart.css /
   darkorbit.css / internalDock.css / be-news.css from the CDN.
   ============================================================ */

.do-content { padding: 2px 8px 8px; }
.do-headline { margin: 0 0 8px 0; padding-bottom: 4px; border-bottom: 1px solid #1a3a5c; display: flex; align-items: baseline; gap: 14px; }
.do-headline h2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px; font-weight: 700; color: #F4E365; text-transform: uppercase;
  letter-spacing: 2px; margin: 0;
}
.do-headline-sub { font-size: 10px; color: #7a93b3; }

/* tabs — tight, old web UI */
ul.do-tabs { list-style: none; margin: 0; padding: 0; display: flex; border-bottom: 1px solid #2a4a6b; height: 22px; }
.do-tab { margin: 0; padding: 0; }
.do-tab a {
  display: inline-block; padding: 3px 12px;
  background: linear-gradient(180deg, #14253b 0%, #050912 100%);
  border: 1px solid #1a3a5c; border-bottom: 0;
  color: #6e8aa8 !important; font-size: 10px; letter-spacing: 1.5px;
  text-transform: uppercase; font-weight: 700; text-decoration: none;
  margin-right: 1px; line-height: 14px;
}
.do-tab a .cnt { color: #506b85; font-weight: 400; margin-left: 4px; }
.do-tab a:hover { color: #aed5ff !important; border-color: #4a7fb0; }
.do-tab.active a {
  background: linear-gradient(180deg, #1a3a5c 0%, #0c1f33 100%);
  color: #F4E365 !important;
  border-color: #4a7fb0;
  box-shadow: inset 0 -1px 0 #F4E365;
}
.do-tab.active a .cnt { color: #c5a847; }

/* dense DO-style table */
table.do-table { width: 100%; border-collapse: collapse; font-size: 10px; font-family: Verdana, Tahoma, sans-serif; }
table.do-table thead th {
  background: linear-gradient(180deg, #1c3753 0%, #08182a 100%);
  color: #F4E365;
  text-align: left;
  padding: 3px 6px;
  border-bottom: 1px solid #4a7fb0;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 9px;
  line-height: 14px;
}
table.do-table tbody tr { border-bottom: 1px solid rgba(26,58,92,0.4); }
table.do-table tbody tr:nth-child(odd)  { background: rgba(14,28,46,0.55); }
table.do-table tbody tr:nth-child(even) { background: rgba(7,14,26,0.55); }
table.do-table tbody tr:hover { background: rgba(26,58,92,0.6); }
table.do-table tbody tr.me { background: rgba(244,227,101,0.07); border-left: 2px solid #F4E365; }
table.do-table tbody tr.me td { color: #F4E365; }
table.do-table td { padding: 2px 6px; color: #cfe6ff; line-height: 16px; }
table.do-table td a { color: #88c5f0 !important; text-decoration: none; }
table.do-table td a:hover { color: #fff !important; }
table.do-table .rank-col   { width: 26px; text-align: center; color: #F4E365; font-weight: 700; }
table.do-table .company-col{ width: 28px; text-align: center; padding: 1px; }
table.do-table .company-col img { vertical-align: middle; height: 12px; }
table.do-table .tag-col    { width: 60px; color: #88c5f0; font-weight: 700; }
table.do-table .r-col      { text-align: right; font-variant-numeric: tabular-nums; }
/* override materialize tr border */
body.do-page table.do-table tr { border-bottom-color: rgba(26,58,92,0.4); }

/* pagination footer */
.do-pagination {
  display: flex; justify-content: space-between; align-items: center;
  padding: 6px 4px 0 4px; margin-top: 6px;
  border-top: 1px solid #1a3a5c;
  font-size: 10px; color: #7a93b3;
}
.do-pagination .pg-info b { color: #cae0f7; }
.do-pagination .pg-controls { display: inline-flex; gap: 3px; }
.do-pagination .pg-btn {
  display: inline-block; padding: 2px 8px;
  background: linear-gradient(180deg, #14253b 0%, #060d18 100%);
  border: 1px solid #1a3a5c;
  color: #88c5f0 !important;
  text-decoration: none;
  font-size: 10px; line-height: 14px;
  text-transform: lowercase;
}
.do-pagination .pg-btn:hover { color: #fff !important; border-color: #4a7fb0; }
.do-pagination .pg-btn.disabled { color: #3a516b !important; pointer-events: none; border-color: #0d1726; background: #050a14; }

/* SHOP event icon — corner badge, not text occluder */
body.do-page #header_event_icon {
  position: absolute !important;
  top: -7px !important;
  left: -7px !important;
  margin: 0 !important;
  width: 16px !important;
  height: 16px !important;
  z-index: 5;
  filter: drop-shadow(0 0 4px rgba(255,80,80,0.7));
}
body.do-page #shop_btn { position: relative; overflow: visible; }

/* START button — flex-center the START gif inside the green sprite */
body.do-page div#header_start_btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  height: 50px !important;  /* match sprite state height */
}
body.do-page div#header_start_btn img {
  display: block !important;
  margin: 0 !important;
}

/* News ticker — horizontal scrolling animation (CSS-only) */
body.do-page #header_news_wrapper { position: relative; overflow: hidden; }
body.do-page #header_news_ticker {
  display: inline-block !important;
  white-space: nowrap !important;
  padding-left: 100% !important;
  animation: do-ticker 38s linear infinite;
  font-family: "Ubuntu", Verdana, sans-serif;
}
body.do-page #header_news_ticker li {
  display: inline-block !important;
  margin: 0 32px !important;
  color: #cae0f7;
  font-size: 11px;
}
body.do-page #header_news_ticker li b { color: #ffd86b; font-weight: 700; }
body.do-page #header_news_wrapper:hover #header_news_ticker { animation-play-state: paused; }
@keyframes do-ticker {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

/* Account dropdown menu — click-toggle (JS sets display:block on click) */
body.do-page #header_second_bar { position: relative; }
body.do-page #header_account_menu {
  display: none;
  position: absolute;
  top: 38px;
  right: 60px;
  background: linear-gradient(180deg, #1a3a5c 0%, #050a18 100%);
  border: 1px solid #4a7fb0;
  list-style: none;
  padding: 4px 0;
  margin: 0;
  z-index: 200;
  min-width: 170px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.75), inset 0 1px 0 rgba(168,210,250,0.22);
  font-family: "Ubuntu", Verdana, sans-serif;
  animation: doMenuFadeIn 0.15s ease-out;
}
@keyframes doMenuFadeIn {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}
body.do-page #header_account_menu::before {
  content: "";
  position: absolute;
  top: -7px;
  right: 12px;
  width: 0; height: 0;
  border: 6px solid transparent;
  border-bottom-color: #4a7fb0;
}
body.do-page #header_account_menu li { margin: 0; padding: 0; }
body.do-page #header_account_menu li.sep { border-top: 1px solid #2a4a6b; margin-top: 4px; padding-top: 4px; }
body.do-page #header_account_menu li a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 16px;
  color: #cae0f7 !important;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 700;
  transition: background 0.12s ease, color 0.12s ease;
}
body.do-page #header_account_menu li a:hover {
  background: linear-gradient(90deg, rgba(74,127,176,0.45), rgba(74,127,176,0.15));
  color: #ffd86b !important;
}
body.do-page #header_account_menu li a .ic {
  display: inline-block;
  width: 14px;
  text-align: center;
  color: #88c5f0;
  font-size: 12px;
  font-weight: 400;
}
body.do-page #header_account_menu li a:hover .ic { color: #ffd86b; }

/* Smooth hover transitions on header buttons */
body.do-page #header_intern a,
body.do-page #header_intern div[onclick] {
  transition: filter 0.15s ease;
}
body.do-page #header_intern a:hover,
body.do-page #header_intern div[onclick]:hover {
  filter: brightness(1.18);
}
body.do-page #header_intern #header_start_btn:hover {
  filter: brightness(1.10);
}
body.do-page #header_intern #header_uri:hover { filter: brightness(1.18); }
body.do-page #header_intern #header_credits:hover { filter: brightness(1.10); }

/* Help layer modal overlay */
body.do-page #busy_layer {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.55);
  z-index: 999;
}
body.do-page #helpLayer { font-family: Verdana, Tahoma, sans-serif; color: #cae0f7; }
body.do-page #helpLayer #popup_standard_content p { line-height: 1.6; color: #cae0f7; padding: 14px 24px; }
body.do-page #helpLayer #popup_standard_content p strong { color: #ffd86b; font-size: 14px; }
body.do-page #helpLayer #popup_standard_content p a { color: #88c5f0; }
body.do-page #helpLayer #popup_standard_content p a:hover { color: #fff; }

/* qtip dark tooltip style */
.qtip.qtip-dohdr {
  background: linear-gradient(180deg, #14304d 0%, #050a18 100%);
  border: 1px solid #4a7fb0;
  color: #cae0f7;
  font-family: Verdana, Tahoma, sans-serif;
  font-size: 11px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.7), inset 0 1px 0 rgba(168,210,250,0.18);
  padding: 0;
  border-radius: 0;
}
.qtip.qtip-dohdr .qtip-content { padding: 7px 12px; }
.qtip.qtip-dohdr b { color: #ffd86b; font-weight: 700; }

/* Vanilla JS tooltip (.do-tip elements) */
#do-tooltip {
  display: none;
  position: absolute;
  background: linear-gradient(180deg, #14304d 0%, #050a18 100%);
  border: 1px solid #4a7fb0;
  color: #cae0f7;
  font-family: Verdana, Tahoma, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  padding: 7px 12px;
  z-index: 9999;
  pointer-events: none;
  box-shadow: 0 4px 14px rgba(0,0,0,0.7), inset 0 1px 0 rgba(168,210,250,0.18);
  text-align: left;
  white-space: nowrap;
  max-width: 320px;
}
#do-tooltip b { color: #ffd86b; font-weight: 700; }
#do-tooltip::before {
  content: "";
  position: absolute;
  top: -7px;
  left: 50%;
  transform: translateX(-50%);
  width: 0; height: 0;
  border: 6px solid transparent;
  border-bottom-color: #4a7fb0;
}
.do-tip { cursor: help; }
.do-tip#header_button_home,
.do-tip#header_button_server,
.do-tip#header_button_logout,
.do-tip#header_button_help,
.do-tip#header_button_account,
.do-tip#header_start_btn,
.do-tip#header_uri { cursor: pointer; }
.do-tip.header_hangar_slot { cursor: pointer; }

/* ============================================================
   HANGAR — ship grid picker (DO-style metal cards)
   ============================================================ */
.hangar-wrap {
  padding: 14px 18px 24px;
  font-family: Verdana, Tahoma, sans-serif;
  color: #cae0f7;
}
.hangar-head {
  margin-bottom: 14px;
  padding-bottom: 8px;
  border-bottom: 1px solid #1a3a5c;
  position: relative;
}
.hangar-head::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 1px;
  background: linear-gradient(90deg, transparent, #4a7fb0 30%, #aedfff 50%, #4a7fb0 70%, transparent);
}
.hangar-title {
  margin: 0;
  font-family: "Ubuntu Condensed", "Roboto Condensed", Verdana, sans-serif;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 4px;
  color: #aedfff;
  text-transform: uppercase;
  text-shadow: 0 0 12px rgba(122,200,240,0.45);
}
.hangar-sub { font-size: 11px; color: #6e8aa8; margin-top: 2px; letter-spacing: 1px; }
.hangar-sub b { color: #F4E365; }

.hangar-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 10px;
}
.hangar-card {
  position: relative;
  background:
    linear-gradient(180deg, rgba(168,210,250,0.18) 0%, rgba(110,160,208,0.04) 2px, transparent 4px),
    linear-gradient(180deg, #112842 0%, #08182c 50%, #02060e 100%);
  border: 1px solid #1a3a5c;
  box-shadow:
    inset 1px 1px 0 rgba(168,210,250,0.22),
    inset -1px -1px 0 rgba(0,0,0,0.55),
    inset 0 -16px 24px -16px rgba(0,0,0,0.65),
    0 1px 0 rgba(0,0,0,0.7);
  padding: 8px;
  text-align: center;
  transition: all 0.15s ease;
  cursor: default;
}
.hangar-card:hover {
  border-color: #6ea0d0;
  box-shadow:
    inset 1px 1px 0 rgba(168,210,250,0.35),
    inset -1px -1px 0 rgba(0,0,0,0.55),
    inset 0 -16px 24px -16px rgba(0,0,0,0.55),
    0 0 14px rgba(122,200,240,0.4);
  transform: translateY(-1px);
}
.hangar-card.is-active {
  border-color: #6bff9e;
  box-shadow:
    inset 1px 1px 0 rgba(180,255,210,0.3),
    inset -1px -1px 0 rgba(0,0,0,0.55),
    inset 0 -16px 24px -16px rgba(0,0,0,0.55),
    0 0 18px rgba(107,255,158,0.45);
}
.hangar-active-badge {
  position: absolute;
  top: 4px; right: 4px;
  padding: 2px 6px;
  background: linear-gradient(180deg, #2b6e2b 0%, #0a4a0a 100%);
  border: 1px solid #6bff9e;
  color: #d8ffe0;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-shadow: 0 1px 1px rgba(0,0,0,0.7);
  box-shadow: 0 0 8px rgba(107,255,158,0.5);
}

.hangar-card-img {
  width: 100%;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 6px;
  background: radial-gradient(ellipse at center, rgba(122,200,240,0.07) 0%, transparent 70%);
  border-bottom: 1px solid rgba(74,127,176,0.18);
}
.hangar-card-img img {
  max-width: 100%;
  max-height: 90px;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.6));
}
.hangar-card-name {
  font-size: 11px;
  font-weight: 700;
  color: #cae0f7;
  letter-spacing: 0.5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 2px 0;
}
.hangar-card.is-active .hangar-card-name { color: #ffd86b; }
.hangar-card-id { font-size: 9px; color: #6e8aa8; margin-bottom: 6px; }

.hangar-card-buttons { display: flex; gap: 4px; }
.hangar-btn {
  flex: 1;
  display: inline-block;
  padding: 5px 8px;
  border: 1px solid;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.12s ease;
}
.hangar-btn-activate {
  background: linear-gradient(180deg, rgba(168,210,250,0.18) 0%, transparent 2px), linear-gradient(180deg, #243e60 0%, #0e2240 50%, #08182a 100%);
  border-color: #4a7fb0;
  color: #aedfff !important;
}
.hangar-btn-activate:hover {
  background: linear-gradient(180deg, rgba(168,210,250,0.28) 0%, transparent 2px), linear-gradient(180deg, #2d5179 0%, #14304d 50%, #0c1f33 100%);
  border-color: #88c5f0;
  color: #fff !important;
  box-shadow: 0 0 10px rgba(122,200,240,0.4);
}
.hangar-btn-manage {
  background: linear-gradient(180deg, rgba(180,255,210,0.2) 0%, transparent 2px), linear-gradient(180deg, #2b6e2b 0%, #196b19 50%, #0a4a0a 100%);
  border-color: #6bff9e;
  color: #d8ffe0 !important;
  text-shadow: 0 1px 1px rgba(0,0,0,0.6);
}
.hangar-btn-manage:hover {
  background: linear-gradient(180deg, rgba(180,255,210,0.3) 0%, transparent 2px), linear-gradient(180deg, #3a8e3a 0%, #2a8a2a 50%, #156015 100%);
  box-shadow: 0 0 12px rgba(107,255,158,0.55);
  color: #fff !important;
}
.hangar-btn.is-loading {
  background: linear-gradient(180deg, #14253b 0%, #050912 100%);
  border-color: #2a4a6b;
  color: #6e8aa8 !important;
  pointer-events: none;
}
.hangar-empty {
  margin: 40px auto;
  text-align: center;
  font-size: 13px;
  color: #6e8aa8;
}
.hangar-empty a { color: #88c5f0; }