/* =========================================================
   PROJEKT BIELIK — wspólny motyw aplikacji
   Wersja bazowa: Trading
   ========================================================= */

:root {
  --pb-ink: #031126;
  --pb-ink-soft: #071b38;
  --pb-surface: rgba(5, 25, 54, .90);
  --pb-surface-strong: rgba(4, 19, 43, .96);
  --pb-surface-light: rgba(12, 43, 82, .88);
  --pb-line: rgba(104, 191, 255, .42);
  --pb-line-strong: rgba(126, 211, 255, .82);
  --pb-text: #f4f8ff;
  --pb-muted: #b7cbe4;
  --pb-blue: #63c2ff;
  --pb-blue-strong: #298fd2;
  --pb-red: #ef5367;
  --pb-gold: #e8c575;

  --bg: var(--pb-ink) !important;
  --bg2: var(--pb-ink-soft) !important;
  --panel: var(--pb-surface) !important;
  --panel2: var(--pb-surface-strong) !important;
  --soft: var(--pb-surface-light) !important;
  --line: var(--pb-line) !important;
  --line2: var(--pb-line-strong) !important;
  --text: var(--pb-text) !important;
  --muted: var(--pb-muted) !important;
  --muted2: #90afd0 !important;
  --accent: var(--pb-blue) !important;
  --blue: var(--pb-blue) !important;
  --green: #72daa7 !important;
  --red: var(--pb-red) !important;
  --gold: var(--pb-gold) !important;
}

html {
  background: var(--pb-ink) !important;
  color-scheme: dark;
}

body {
  color: var(--pb-text) !important;
  background:
    linear-gradient(180deg, rgba(2, 13, 33, .72), rgba(2, 12, 29, .93)),
    url("/assets/projekt-bielik-app-bg-bez-napisow.png") center top / cover fixed no-repeat !important;
}

/* Powierzchnie aplikacji */
.panel, .module, .account, .scanCard, .miniStat, .recalcBox,
.modalCard, .userTableWrap, .moduleList, .marketSignal,
.chartWrap, .sourceBox, .status, .statCard, .eqFilters,
.paramRow, .mucard, .moduleRow, .recalcMetric,
.item, .kpi, .side, .tooltip {
  background: linear-gradient(145deg, rgba(8, 35, 71, .94), rgba(3, 17, 41, .96)) !important;
  border-color: var(--pb-line) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 16px 42px rgba(0,0,0,.24);
}

.panel, .marketSignal, .chartWrap, .eqFilters {
  backdrop-filter: blur(12px);
}

h1, h2, h3, .brand h1, .top h1,
.assetTitle h2, .marketSignalLabel {
  color: var(--pb-text) !important;
  text-shadow: 0 2px 18px rgba(0,0,0,.35);
}

.muted, .note, .sub, .hint, .playerMeta, .graphMeta, .evidence,
.sourceLine, .module p, .account small, .field label, .kpi span,
.miniStat span, .userCount, .moduleRow small, .hero p,
.sideHead span, .imeta, .assetTitle .sub, .legend, .footerNote,
.eqFilterHead span, .paramRange, .eqDb, .row span {
  color: var(--pb-muted) !important;
  opacity: 1 !important;
}

/* Formularze i kontrolki */
input, select, textarea, .input, .search, .paramInputs input {
  color: var(--pb-text) !important;
  background: rgba(2, 15, 36, .92) !important;
  border-color: rgba(103, 190, 255, .48) !important;
}

input:focus, select:focus, textarea:focus, .search:focus,
.paramInputs input:focus {
  border-color: var(--pb-line-strong) !important;
  box-shadow: 0 0 0 3px rgba(99, 194, 255, .17) !important;
}

.btn, button:not(.langBtn), .seg button, .tab {
  color: #ecf7ff !important;
  background: linear-gradient(145deg, rgba(13, 53, 98, .96), rgba(4, 25, 57, .98)) !important;
  border-color: rgba(104, 191, 255, .62) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

.btn:hover, button:not(.langBtn):hover, .seg button:hover, .tab:hover,
.item:hover, .mucard:hover, .moduleRow:hover, .userTable tbody tr:hover {
  color: #fff !important;
  border-color: var(--pb-line-strong) !important;
  background: linear-gradient(145deg, rgba(20, 75, 133, .96), rgba(5, 34, 75, .98)) !important;
  box-shadow: 0 0 24px rgba(77, 178, 255, .18);
}

.primary, button.primary, .mobileTopBtn,
.tab.active, .seg button.active, .item.active {
  color: #fff !important;
  background: linear-gradient(135deg, #247bb9, #15528b) !important;
  border-color: #78cdfd !important;
}

/* Dane oraz semantyczne stany */
.badge, .tag, .miniTag, .tier {
  color: #d9edff !important;
  background: rgba(12, 43, 82, .85) !important;
  border-color: rgba(115, 195, 255, .45) !important;
}

.pos, .coverage.good, .open, .adminLink a {
  color: #77dcae !important;
}

.neg, .marketSignal.down {
  color: #ff8291 !important;
}

.marketSignal.up .marketSignalLabel {
  color: #77dcae !important;
}

.marketSignal.down .marketSignalLabel {
  color: #ff8291 !important;
}

.marketSignal.none .marketSignalLabel,
.coverage.warn {
  color: var(--pb-gold) !important;
}

.progress {
  background: rgba(1, 13, 31, .85) !important;
}

.progress > i {
  background: linear-gradient(90deg, #2c8ed1, #79d2ff) !important;
}

.userTable th {
  color: #e8f5ff !important;
  background: rgba(10, 43, 82, .96) !important;
}

.userTable td, .row {
  border-color: rgba(104, 191, 255, .20) !important;
}

input::placeholder, textarea::placeholder {
  color: #8faecb !important;
  opacity: 1 !important;
}

/* Projekt Bielik: stałe komponenty aplikacji — start */

/* Wspólny scrollbar — dla całej aplikacji i list wewnętrznych */
* {
  scrollbar-width: thin;
  scrollbar-color: #4aa9e8 #04152e;
}

::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}

::-webkit-scrollbar-track {
  background: rgba(2, 14, 34, .92);
  border: 1px solid rgba(103, 190, 255, .20);
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #2a86c5, #155187);
  border: 2px solid #04152e;
  border-radius: 999px;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #67c8ff, #2475b2);
}

/* Stała nawigacja: te klasy używamy dalej w każdym module */
.app-back, .app-feedback,
#tradingBackBtn, #feedbackBtn {
  position: fixed !important;
  top: 18px !important;
  z-index: 9000 !important;
  min-height: 42px;
  padding: 0 15px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid rgba(115, 205, 255, .72) !important;
  border-radius: 12px !important;
  color: #f4f9ff !important;
  background: linear-gradient(145deg, rgba(12, 53, 98, .97), rgba(3, 23, 54, .99)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 10px 28px rgba(0,0,0,.28) !important;
  text-decoration: none !important;
}

.app-back, #tradingBackBtn {
  left: 18px !important;
  right: auto !important;
}

.app-feedback, #feedbackBtn {
  right: 18px !important;
  left: auto !important;
}

.app-back:hover, .app-feedback:hover,
#tradingBackBtn:hover, #feedbackBtn:hover {
  color: #fff !important;
  border-color: #a7e0ff !important;
  background: linear-gradient(145deg, #1c6fae, #0b3c73) !important;
  box-shadow: 0 0 24px rgba(77, 178, 255, .25) !important;
}

/* Prawy panel „Informacje o przedmiocie” */
.itemInfoPanel {
  background: linear-gradient(155deg, rgba(7, 33, 69, .97), rgba(3, 18, 43, .98)) !important;
  border-color: rgba(105, 195, 255, .58) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 18px 42px rgba(0,0,0,.26) !important;
}

.matrixPanelTitle {
  color: #7ed1ff !important;
  border-color: rgba(105, 195, 255, .30) !important;
  letter-spacing: .08em;
}

.itemInfoHero {
  border-color: rgba(105, 195, 255, .24) !important;
}

.itemInfoIcon {
  color: #dff3ff !important;
  background: linear-gradient(145deg, rgba(18, 79, 132, .88), rgba(4, 31, 65, .94)) !important;
  border-color: rgba(109, 203, 255, .62) !important;
  box-shadow: inset 0 0 18px rgba(98, 194, 255, .12) !important;
}

.itemInfoName {
  color: #f5f9ff !important;
}

.itemInfoMeta,
.itemInfoStats span,
.eqFilterHead span,
.eqDb,
.paramRange {
  color: #b8cfe7 !important;
}

.itemInfoStats > div,
.eqFilters,
.paramRow {
  background: linear-gradient(145deg, rgba(9, 43, 84, .90), rgba(3, 22, 51, .94)) !important;
  border-color: rgba(104, 191, 255, .40) !important;
}

.itemInfoStats b,
.eqFilterHead b,
.paramName {
  color: #f3f8ff !important;
}

.eqFilters {
  border-top-color: rgba(105, 195, 255, .48) !important;
}

/* Feedback: pełny modal w kolorach Projekt Bielik */
#feedbackOverlay {
  background: rgba(1, 10, 27, .82) !important;
  backdrop-filter: blur(8px);
}

#feedbackPanel {
  color: var(--pb-text) !important;
  background: linear-gradient(155deg, rgba(8, 38, 77, .98), rgba(3, 18, 43, .99)) !important;
  border-color: rgba(113, 204, 255, .66) !important;
  box-shadow: 0 26px 80px rgba(0,0,0,.50) !important;
}

#feedbackPanel h2, #feedbackPanel h3,
#feedbackPanel strong, .fbBody {
  color: #f4f9ff !important;
}

#feedbackInfo, #feedbackMsg, .fbMeta {
  color: #b8cfe7 !important;
}

#feedbackText, .fbStatus {
  color: #f4f9ff !important;
  background: rgba(2, 16, 38, .94) !important;
  border-color: rgba(105, 195, 255, .52) !important;
}

#feedbackSend, #feedbackClose, .fbAction {
  color: #f4f9ff !important;
  background: linear-gradient(145deg, #247ebc, #124e84) !important;
  border-color: #78cdfd !important;
}

#feedbackSend:hover, #feedbackClose:hover, .fbAction:hover {
  background: linear-gradient(145deg, #3597d7, #17639e) !important;
}

.fbItem {
  color: var(--pb-text) !important;
  background: linear-gradient(145deg, rgba(9, 43, 84, .90), rgba(3, 22, 51, .94)) !important;
  border-color: rgba(104, 191, 255, .40) !important;
}

@media (max-width: 700px) {
  .app-back, .app-feedback,
  #tradingBackBtn, #feedbackBtn {
    top: 12px !important;
    min-height: 38px;
    padding: 0 11px !important;
    font-size: 12px !important;
  }

  .app-back, #tradingBackBtn { left: 12px !important; }
  .app-feedback, #feedbackBtn { right: 12px !important; }
}
/* Projekt Bielik: stałe komponenty aplikacji — koniec */


/* Projekt Bielik: Bonus Tracker — start */
body.bonus-tracker-page {
  --bg: #04152d;
  --panel: rgba(5, 26, 57, .92);
  --panel2: rgba(8, 38, 78, .90);
  --line: rgba(87, 182, 255, .62);
  --text: #edf6ff;
  --muted: #a9c6e4;
  --green: #45dfbc;
  --green2: rgba(19, 104, 116, .26);
  --gold: #f1c76d;
  --red: #ff7180;
  --blue: #68c7ff;
  min-height: 100vh;
  background:
    linear-gradient(rgba(2, 13, 33, .84), rgba(2, 12, 29, .93)),
    url("/assets/projekt-bielik-app-bg-bez-napisow.png") center / cover fixed !important;
  color: var(--text);
}

body.bonus-tracker-page::before {
  opacity: .16;
  background:
    linear-gradient(115deg, transparent 0%, rgba(74, 178, 255, .07) 45%, transparent 72%),
    repeating-linear-gradient(0deg, transparent 0, transparent 4px, rgba(113, 197, 255, .035) 5px);
}

.bonus-tracker-page .wrap {
  width: min(1600px, calc(100% - 40px));
  padding-top: 96px;
}

.bonus-tracker-page h1,
.bonus-tracker-page h2,
.bonus-tracker-page .productName {
  color: #f4f8ff;
  text-shadow: 0 3px 18px rgba(0, 0, 0, .38);
}

.bonus-tracker-page .subtitle,
.bonus-tracker-page .status,
.bonus-tracker-page .sectionHead p,
.bonus-tracker-page .productCode {
  color: #aec8e4;
}

.bonus-tracker-page .app-back,
.bonus-tracker-page .app-feedback {
  position: fixed !important;
  top: 22px !important;
  z-index: 30;
  border: 1px solid rgba(103, 196, 255, .82) !important;
  background: linear-gradient(145deg, rgba(12, 55, 103, .98), rgba(3, 24, 57, .98)) !important;
  color: #f2f8ff !important;
  box-shadow: 0 8px 28px rgba(0, 8, 25, .38);
}

.bonus-tracker-page .app-back { left: 24px !important; }
.bonus-tracker-page .app-feedback { right: 24px !important; }

.bonus-tracker-page .back:hover,
.bonus-tracker-page .refresh:hover,
.bonus-tracker-page .option:hover,
.bonus-tracker-page .rankRow:hover {
  border-color: #b9e8ff !important;
  background: rgba(19, 75, 132, .78) !important;
  color: #fff !important;
}

.bonus-tracker-page .back,
.bonus-tracker-page .refresh,
.bonus-tracker-page .option,
.bonus-tracker-page select,
.bonus-tracker-page input,
.bonus-tracker-page textarea {
  border-color: rgba(84, 175, 242, .62) !important;
  background: linear-gradient(145deg, rgba(9, 42, 84, .95), rgba(3, 22, 52, .95)) !important;
  color: #eef7ff !important;
}

.bonus-tracker-page .productCard,
.bonus-tracker-page .countryPanel,
.bonus-tracker-page .modalBox,
.bonus-tracker-page .faqBox,
.bonus-tracker-page .feedbackComposer,
.bonus-tracker-page .countryDashboardBox {
  background: linear-gradient(145deg, rgba(9, 42, 84, .94), rgba(3, 22, 52, .96)) !important;
  border-color: rgba(84, 175, 242, .58) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 14px 35px rgba(0, 8, 28, .25);
}

.bonus-tracker-page .productHeader,
.bonus-tracker-page .rankRow,
.bonus-tracker-page .modalHead,
.bonus-tracker-page .region,
.bonus-tracker-page .stat,
.bonus-tracker-page .countryStat,
.bonus-tracker-page .countryFact,
.bonus-tracker-page .countryEthic,
.bonus-tracker-page .ethic {
  border-color: rgba(84, 175, 242, .30) !important;
}

.bonus-tracker-page .dot {
  background: #45dfbc;
  box-shadow: 0 0 12px rgba(69, 223, 188, .72);
}

.bonus-tracker-page .best {
  border-color: rgba(102, 207, 255, .78) !important;
  background: rgba(25, 96, 153, .34) !important;
}

.bonus-tracker-page .rank,
.bonus-tracker-page .muted {
  color: #9fc1e2 !important;
}

.bonus-tracker-page .rankRow [class*="bonus"],
.bonus-tracker-page .positive {
  color: #59e1c0 !important;
}

.bonus-tracker-page ::-webkit-scrollbar { width: 10px; height: 10px; }
.bonus-tracker-page ::-webkit-scrollbar-track { background: rgba(2, 15, 38, .82); }
.bonus-tracker-page ::-webkit-scrollbar-thumb {
  background: linear-gradient(#4dbcf4, #1769ab);
  border: 2px solid rgba(2, 15, 38, .82);
  border-radius: 20px;
}
.bonus-tracker-page { scrollbar-color: #2a8dce rgba(2, 15, 38, .82); }

/* Projekt Bielik: Bonus Tracker — koniec */


/* Projekt Bielik: Analiza firm / ECO — start */
body.eco-page {
  --bg: #04152d !important;
  --panel: rgba(5, 26, 57, .94) !important;
  --panel2: rgba(8, 38, 78, .92) !important;
  --line: rgba(86, 180, 249, .62) !important;
  --text: #edf6ff !important;
  --muted: #aac7e4 !important;
  --accent: #64c8ff !important;
  min-height: 100vh;
  background:
    linear-gradient(rgba(2, 13, 33, .85), rgba(2, 12, 29, .94)),
    url("/assets/projekt-bielik-app-bg-bez-napisow.png") center / cover fixed !important;
  color: var(--text) !important;
}

body.eco-page::before {
  background: linear-gradient(115deg, transparent, rgba(63, 161, 240, .08), transparent) !important;
}

.eco-page .wrap {
  padding-top: 92px !important;
}

.eco-page .app-back {
  position: fixed !important;
  top: 22px !important;
  left: 24px !important;
  z-index: 100 !important;
  color: #f4f9ff !important;
  border-color: rgba(105, 199, 255, .82) !important;
  background: linear-gradient(145deg, rgba(12, 55, 103, .98), rgba(3, 24, 57, .98)) !important;
  box-shadow: 0 8px 28px rgba(0, 8, 25, .38) !important;
}

.eco-page .panel,
.eco-page .card,
.eco-page .ecoCard,
.eco-page .companyCard,
.eco-page .ecoChainCard,
.eco-page .ecoSimCompany,
.eco-page .ecoSimWorker,
.eco-page .ecoRecentHistory,
.eco-page .modalBox {
  background: linear-gradient(145deg, rgba(9, 42, 84, .94), rgba(3, 22, 52, .97)) !important;
  border-color: rgba(84, 175, 242, .60) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 14px 35px rgba(0, 8, 28, .24) !important;
}

.eco-page button,
.eco-page select,
.eco-page input,
.eco-page textarea,
.eco-page .btn,
.eco-page .ecoViewTab {
  color: #eef7ff !important;
  border-color: rgba(84, 175, 242, .62) !important;
  background: linear-gradient(145deg, rgba(9, 42, 84, .96), rgba(3, 22, 52, .96)) !important;
}

.eco-page button:hover,
.eco-page .btn:hover,
.eco-page .ecoViewTab:hover,
.eco-page .ecoViewTab.active {
  color: #fff !important;
  border-color: #b9e8ff !important;
  background: rgba(24, 94, 155, .82) !important;
}

.eco-page h1,
.eco-page h2,
.eco-page h3 {
  color: #f5f9ff !important;
  text-shadow: 0 3px 18px rgba(0, 0, 0, .38) !important;
}

.eco-page .muted,
.eco-page .hint,
.eco-page small,
.eco-page label {
  color: #aac7e4 !important;
}

.eco-page ::-webkit-scrollbar { width: 10px; height: 10px; }
.eco-page ::-webkit-scrollbar-track { background: rgba(2, 15, 38, .82); }
.eco-page ::-webkit-scrollbar-thumb {
  background: linear-gradient(#4dbcf4, #1769ab);
  border: 2px solid rgba(2, 15, 38, .82);
  border-radius: 20px;
}
.eco-page { scrollbar-color: #2a8dce rgba(2, 15, 38, .82); }
/* Projekt Bielik: Analiza firm / ECO — koniec */

/* Projekt Bielik: ECO — neutralizacja pozostałości Matrixa */
body.eco-page #ecoCards .card,
body.eco-page .analysisWorkspace,
body.eco-page .workspace,
body.eco-page .ecoWorkspace,
body.eco-page .companyCard,
body.eco-page .ecoChain,
body.eco-page .ecoV1Chain,
body.eco-page .ecoV1ChainProfit,
body.eco-page .ecoV1Stat,
body.eco-page .companyStat,
body.eco-page .ecoRecentPlayer {
  background: linear-gradient(145deg, rgba(9, 42, 84, .96), rgba(3, 22, 52, .98)) !important;
  border-color: rgba(84, 175, 242, .62) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 12px 28px rgba(0, 8, 28, .22) !important;
}

body.eco-page #ecoCards .card.active:hover,
body.eco-page .companyCard:hover,
body.eco-page .ecoRecentPlayer:hover {
  background: linear-gradient(145deg, rgba(20, 77, 136, .96), rgba(5, 31, 68, .98)) !important;
  border-color: #b9e8ff !important;
  box-shadow: 0 0 22px rgba(72, 178, 255, .22) !important;
}

body.eco-page #ecoCards .card.active::before,
body.eco-page .companyCard::after {
  background: #62c9ff !important;
  box-shadow: 0 0 10px rgba(98, 201, 255, .70) !important;
}

body.eco-page #ecoCards .card h2,
body.eco-page .analysisWorkspace h2,
body.eco-page .analysisWorkspace h3,
body.eco-page #result h2,
body.eco-page #result h3,
body.eco-page .companyCard,
body.eco-page .companyStat b,
body.eco-page .ecoV1Stat b {
  color: #f2f8ff !important;
}

body.eco-page #ecoCards .card p,
body.eco-page .companyStat span,
body.eco-page .ecoV1Stat span,
body.eco-page .ecoV1ChainProfit span,
body.eco-page .companyRegion,
body.eco-page .ecoRecentPlayer {
  color: #aac7e4 !important;
}

body.eco-page #ecoCards .icon,
body.eco-page .companyCard [style*="border:1px solid rgba(40,90,120"],
body.eco-page .companyStat {
  background: rgba(2, 18, 44, .92) !important;
  border-color: rgba(69, 153, 220, .58) !important;
}

body.eco-page #ecoCards .open {
  color: #bcecff !important;
  background: rgba(17, 82, 144, .70) !important;
  border-color: rgba(105, 199, 255, .78) !important;
  text-shadow: none !important;
}

body.eco-page #ecoCards .soon {
  color: #f3d07c !important;
  background: rgba(111, 75, 18, .42) !important;
  border-color: rgba(232, 185, 70, .62) !important;
}

body.eco-page .companyCard [style*="font-size:18px"],
body.eco-page .ecoV1ChainProfit b,
body.eco-page .green {
  color: #53dfc0 !important;
  text-shadow: none !important;
}

/* Projekt Bielik: MU Intel — start */
body.mu-intel-page {
  --bg: #04152d !important;
  --bg2: #061b3b !important;
  --panel: rgba(5, 26, 57, .94) !important;
  --panel2: rgba(8, 38, 78, .92) !important;
  --soft: rgba(14, 57, 105, .88) !important;
  --line: rgba(84, 175, 242, .60) !important;
  --line2: rgba(117, 203, 255, .78) !important;
  --text: #edf6ff !important;
  --muted: #aac7e4 !important;
  --muted2: #7fa6cf !important;
  --green: #53dfc0 !important;
  --blue: #64c8ff !important;
  --yellow: #f3d07c !important;
  min-height: 100vh;
  background:
    linear-gradient(rgba(2, 13, 33, .85), rgba(2, 12, 29, .94)),
    url("/assets/projekt-bielik-app-bg-bez-napisow.png") center / cover fixed !important;
  color: var(--text) !important;
}

.mu-intel-page .wrap { padding-top: 76px; }

.mu-intel-page .mu-intel-back {
  position: fixed !important;
  top: 22px !important;
  left: 24px !important;
  z-index: 100 !important;
  padding: 10px 14px !important;
  border: 1px solid rgba(103, 196, 255, .82) !important;
  border-radius: 12px !important;
  background: linear-gradient(145deg, rgba(12, 55, 103, .98), rgba(3, 24, 57, .98)) !important;
  color: #f4f9ff !important;
  text-decoration: none !important;
  font: 700 13px system-ui !important;
  box-shadow: 0 8px 28px rgba(0, 8, 25, .38) !important;
}

.mu-intel-page .panel,
.mu-intel-page .card,
.mu-intel-page .stat,
.mu-intel-page .metric,
.mu-intel-page .kpi,
.mu-intel-page .box,
.mu-intel-page .tableWrap {
  background: linear-gradient(145deg, rgba(9, 42, 84, .94), rgba(3, 22, 52, .97)) !important;
  border-color: rgba(84, 175, 242, .60) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 12px 28px rgba(0, 8, 28, .22) !important;
}

.mu-intel-page button,
.mu-intel-page select,
.mu-intel-page input {
  color: #eef7ff !important;
  border-color: rgba(84, 175, 242, .62) !important;
  background: linear-gradient(145deg, rgba(9, 42, 84, .96), rgba(3, 22, 52, .96)) !important;
}

.mu-intel-page button:hover {
  border-color: #b9e8ff !important;
  background: rgba(24, 94, 155, .82) !important;
}

.mu-intel-page h1,
.mu-intel-page h2,
.mu-intel-page h3 { color: #f5f9ff !important; }

.mu-intel-page ::-webkit-scrollbar { width: 10px; height: 10px; }
.mu-intel-page ::-webkit-scrollbar-track { background: rgba(2, 15, 38, .82); }
.mu-intel-page ::-webkit-scrollbar-thumb {
  background: linear-gradient(#4dbcf4, #1769ab);
  border: 2px solid rgba(2, 15, 38, .82);
  border-radius: 20px;
}
.mu-intel-page { scrollbar-color: #2a8dce rgba(2, 15, 38, .82); }
/* Projekt Bielik: MU Intel — koniec */

/* Projekt Bielik: Trading EQ — kolory jakości wyposażenia */
.marketIconItem.q1 {
  background: linear-gradient(145deg, #31414d, #17232c) !important;
  border-color: #7d909d !important;
}
.marketIconItem.q2 {
  background: linear-gradient(145deg, #0f5c3c, #092f24) !important;
  border-color: #48c987 !important;
}
.marketIconItem.q3 {
  background: linear-gradient(145deg, #154d8d, #0b294f) !important;
  border-color: #5baeff !important;
}
.marketIconItem.q4 {
  background: linear-gradient(145deg, #4b277e, #291447) !important;
  border-color: #b17cff !important;
}
.marketIconItem.q5 {
  background: linear-gradient(145deg, #725019, #3d290b) !important;
  border-color: #f2c657 !important;
}
.marketIconItem.q6 {
  background: linear-gradient(145deg, #7a2638, #401320) !important;
  border-color: #ff7188 !important;
}

.marketIconItem.q1:hover,
.marketIconItem.q2:hover,
.marketIconItem.q3:hover,
.marketIconItem.q4:hover,
.marketIconItem.q5:hover,
.marketIconItem.q6:hover {
  filter: brightness(1.18);
  transform: translateY(-1px);
}

.marketIconItem.q1.active,
.marketIconItem.q2.active,
.marketIconItem.q3.active,
.marketIconItem.q4.active,
.marketIconItem.q5.active,
.marketIconItem.q6.active {
  border-color: #f4fbff !important;
  box-shadow: 0 0 0 2px rgba(187, 231, 255, .52), 0 0 18px rgba(75, 174, 255, .35) !important;
}

/* Projekt Bielik: Panel administratora — start */
body.admin-page {
  --bg: #04152d !important;
  --panel: rgba(5, 26, 57, .95) !important;
  --panel2: rgba(8, 38, 78, .93) !important;
  --line: rgba(84, 175, 242, .60) !important;
  --muted: #aac7e4 !important;
  --blue: #64c8ff !important;
  --green: #53dfc0 !important;
  min-height: 100vh;
  background:
    linear-gradient(rgba(2, 13, 33, .86), rgba(2, 12, 29, .95)),
    url("/assets/projekt-bielik-app-bg-bez-napisow.png") center / cover fixed !important;
  color: #edf6ff !important;
}

.admin-page .panel,
.admin-page .modalCard,
.admin-page .userTableWrap,
.admin-page .moduleList,
.admin-page .moduleRow,
.admin-page .audit {
  background: linear-gradient(145deg, rgba(9, 42, 84, .95), rgba(3, 22, 52, .98)) !important;
  border-color: rgba(84, 175, 242, .60) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 12px 28px rgba(0, 8, 28, .22);
}

.admin-page input,
.admin-page select,
.admin-page button {
  background: linear-gradient(145deg, rgba(9, 42, 84, .96), rgba(3, 22, 52, .96)) !important;
  border-color: rgba(84, 175, 242, .62) !important;
  color: #eef7ff !important;
}

.admin-page button:hover {
  background: rgba(24, 94, 155, .82) !important;
  border-color: #b9e8ff !important;
}

.admin-page .primary {
  background: linear-gradient(135deg, #1679bb, #319fe0) !important;
  border-color: #8bdbff !important;
  color: #fff !important;
}

.admin-page .danger {
  background: rgba(111, 25, 45, .72) !important;
  border-color: #ff7585 !important;
  color: #ffe8ec !important;
}

.admin-page .userTable th {
  background: rgba(12, 53, 98, .98) !important;
  color: #dceeff !important;
  border-color: rgba(84, 175, 242, .45) !important;
}

.admin-page .userTable td,
.admin-page .audit div,
.admin-page .moduleRow {
  border-color: rgba(84, 175, 242, .25) !important;
}

.admin-page .userTable tbody tr:hover {
  background: rgba(24, 94, 155, .35) !important;
}

.admin-page .muted,
.admin-page .field label,
.admin-page .userCount,
.admin-page .moduleRow small,
.admin-page .audit {
  color: #aac7e4 !important;
}

.admin-page .good,
.admin-page .miniTag.allow,
.admin-page .statusDot.on {
  color: #53dfc0 !important;
}

.admin-page ::-webkit-scrollbar { width: 10px; height: 10px; }
.admin-page ::-webkit-scrollbar-track { background: rgba(2, 15, 38, .82); }
.admin-page ::-webkit-scrollbar-thumb {
  background: linear-gradient(#4dbcf4, #1769ab);
  border: 2px solid rgba(2, 15, 38, .82);
  border-radius: 20px;
}
.admin-page { scrollbar-color: #2a8dce rgba(2, 15, 38, .82); }
/* Projekt Bielik: Panel administratora — koniec */

/* Projekt Bielik: moduły Rząd / Wywiad / WAR — start */
body.sztab-page,
body.embassy-page,
body.mercenaries-page,
body.proxy-hunting-page,
body.kapus-page {
  --bg: #04152d !important;
  --bg2: #061b3b !important;
  --panel: rgba(5, 26, 57, .95) !important;
  --panel2: rgba(8, 38, 78, .93) !important;
  --soft: rgba(14, 57, 105, .88) !important;
  --line: rgba(84, 175, 242, .60) !important;
  --line2: rgba(117, 203, 255, .78) !important;
  --text: #edf6ff !important;
  --muted: #aac7e4 !important;
  --muted2: #7fa6cf !important;
  --blue: #64c8ff !important;
  --green: #53dfc0 !important;
  --red: #ff7180 !important;
  --yellow: #f3d07c !important;
  min-height: 100vh;
  background:
    linear-gradient(rgba(2, 13, 33, .86), rgba(2, 12, 29, .95)),
    url("/assets/projekt-bielik-app-bg-bez-napisow.png") center / cover fixed !important;
  color: #edf6ff !important;
}

.sztab-page .panel, .embassy-page .panel, .mercenaries-page .panel,
.proxy-hunting-page .panel, .kapus-page .panel,
.sztab-page .card, .embassy-page .card, .mercenaries-page .card,
.proxy-hunting-page .card, .kapus-page .card,
.sztab-page .modalCard, .embassy-page .modalCard, .mercenaries-page .modalCard,
.proxy-hunting-page .modalCard, .kapus-page .modalCard {
  background: linear-gradient(145deg, rgba(9, 42, 84, .95), rgba(3, 22, 52, .98)) !important;
  border-color: rgba(84, 175, 242, .60) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 12px 28px rgba(0, 8, 28, .22) !important;
}

.sztab-page button, .embassy-page button, .mercenaries-page button,
.proxy-hunting-page button, .kapus-page button,
.sztab-page input, .embassy-page input, .mercenaries-page input,
.proxy-hunting-page input, .kapus-page input,
.sztab-page select, .embassy-page select, .mercenaries-page select,
.proxy-hunting-page select, .kapus-page select,
.sztab-page textarea, .embassy-page textarea, .mercenaries-page textarea,
.proxy-hunting-page textarea, .kapus-page textarea {
  background: linear-gradient(145deg, rgba(9, 42, 84, .96), rgba(3, 22, 52, .96)) !important;
  border-color: rgba(84, 175, 242, .62) !important;
  color: #eef7ff !important;
}

.sztab-page button:hover, .embassy-page button:hover, .mercenaries-page button:hover,
.proxy-hunting-page button:hover, .kapus-page button:hover {
  background: rgba(24, 94, 155, .82) !important;
  border-color: #b9e8ff !important;
}

.sztab-page h1, .sztab-page h2, .sztab-page h3,
.embassy-page h1, .embassy-page h2, .embassy-page h3,
.mercenaries-page h1, .mercenaries-page h2, .mercenaries-page h3,
.proxy-hunting-page h1, .proxy-hunting-page h2, .proxy-hunting-page h3,
.kapus-page h1, .kapus-page h2, .kapus-page h3 {
  color: #f5f9ff !important;
}

.sztab-page ::-webkit-scrollbar, .embassy-page ::-webkit-scrollbar,
.mercenaries-page ::-webkit-scrollbar, .proxy-hunting-page ::-webkit-scrollbar,
.kapus-page ::-webkit-scrollbar { width: 10px; height: 10px; }

.sztab-page ::-webkit-scrollbar-thumb, .embassy-page ::-webkit-scrollbar-thumb,
.mercenaries-page ::-webkit-scrollbar-thumb, .proxy-hunting-page ::-webkit-scrollbar-thumb,
.kapus-page ::-webkit-scrollbar-thumb {
  background: linear-gradient(#4dbcf4, #1769ab);
  border-radius: 20px;
}
/* Projekt Bielik: moduły Rząd / Wywiad / WAR — koniec */