@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";
.wallet-adapter-button{color:#fff;cursor:pointer;background-color:#0000;border:none;border-radius:4px;align-items:center;height:48px;padding:0 24px;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;line-height:48px;display:flex}.wallet-adapter-button-trigger{background-color:#512da8}.wallet-adapter-button:not([disabled]):focus-visible{outline-color:#fff}.wallet-adapter-button:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-button[disabled]{color:#999;cursor:not-allowed;background:#404144}.wallet-adapter-button-end-icon,.wallet-adapter-button-start-icon,.wallet-adapter-button-end-icon img,.wallet-adapter-button-start-icon img{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.wallet-adapter-button-end-icon{margin-left:12px}.wallet-adapter-button-start-icon{margin-right:12px}.wallet-adapter-collapse{width:100%}.wallet-adapter-dropdown{display:inline-block;position:relative}.wallet-adapter-dropdown-list{z-index:99;grid-row-gap:10px;opacity:0;visibility:hidden;background:#2c2d30;border-radius:10px;grid-template-rows:1fr;margin:0;padding:10px;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;list-style:none;transition:opacity .2s,transform .2s,visibility .2s;display:grid;position:absolute;top:100%;right:0;box-shadow:0 8px 20px #0009}.wallet-adapter-dropdown-list-active{opacity:1;visibility:visible;transform:translateY(10px)}.wallet-adapter-dropdown-list-item{cursor:pointer;white-space:nowrap;box-sizing:border-box;color:#fff;border:none;border-radius:6px;outline:none;flex-direction:row;justify-content:center;align-items:center;width:100%;height:37px;padding:0 20px;font-size:14px;font-weight:600;display:flex}.wallet-adapter-dropdown-list-item:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-modal-collapse-button svg{fill:#999;align-self:center}.wallet-adapter-modal-collapse-button.wallet-adapter-modal-collapse-button-active svg{transition:transform .15s ease-in;transform:rotate(180deg)}.wallet-adapter-modal{opacity:0;z-index:1040;background:#00000080;transition:opacity .15s linear;position:fixed;inset:0;overflow-y:auto}.wallet-adapter-modal.wallet-adapter-modal-fade-in{opacity:1}.wallet-adapter-modal-button-close{cursor:pointer;background:#1a1f2e;border:none;border-radius:50%;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;top:18px;right:18px}.wallet-adapter-modal-button-close:focus-visible{outline-color:#fff}.wallet-adapter-modal-button-close svg{fill:#777;transition:fill .2s}.wallet-adapter-modal-button-close:hover svg{fill:#fff}.wallet-adapter-modal-overlay{background:#00000080;position:fixed;inset:0}.wallet-adapter-modal-container{justify-content:center;align-items:center;min-height:calc(100vh - 6rem);margin:3rem;display:flex}@media (max-width:480px){.wallet-adapter-modal-container{min-height:calc(100vh - 2rem);margin:1rem}}.wallet-adapter-modal-wrapper{box-sizing:border-box;z-index:1050;background:#10141f;border-radius:10px;flex-direction:column;flex:1;align-items:center;max-width:400px;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;position:relative;box-shadow:0 8px 20px #0009}.wallet-adapter-modal-wrapper .wallet-adapter-button{width:100%}.wallet-adapter-modal-title{text-align:center;color:#fff;margin:0;padding:64px 48px 48px;font-size:24px;font-weight:500;line-height:36px}@media (max-width:374px){.wallet-adapter-modal-title{font-size:18px}}.wallet-adapter-modal-list{width:100%;margin:0 0 12px;padding:0;list-style:none}.wallet-adapter-modal-list .wallet-adapter-button{border-radius:0;font-size:18px;font-weight:400}.wallet-adapter-modal-list .wallet-adapter-button-end-icon,.wallet-adapter-modal-list .wallet-adapter-button-start-icon,.wallet-adapter-modal-list .wallet-adapter-button-end-icon img,.wallet-adapter-modal-list .wallet-adapter-button-start-icon img{width:28px;height:28px}.wallet-adapter-modal-list .wallet-adapter-button span{opacity:.6;margin-left:auto;font-size:14px}.wallet-adapter-modal-list-more{cursor:pointer;color:#fff;background-color:#0000;border:none;align-self:flex-end;align-items:center;padding:12px 24px 24px 12px;display:flex}.wallet-adapter-modal-list-more svg{fill:#fff;margin-left:.5rem;transition:all .1s}.wallet-adapter-modal-list-more-icon-rotate{transform:rotate(180deg)}.wallet-adapter-modal-middle{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;padding:0 24px 24px;display:flex}.wallet-adapter-modal-middle-button{cursor:pointer;color:#fff;background-color:#512da8;border:none;border-radius:8px;width:100%;margin-top:48px;padding:12px;font-size:18px;display:block}
/* JAISON PUBLISHER BRANDING START */
/* J(AI)SON Publisher OS: oficjalne lokalne fonty i oszczędne akcenty. */


:root {
  --primary: 255 91% 73%;
  --primary-foreground: 222.2 47.4% 11.2%;
  --ring: 255 91% 73%;
  --jaison-cyan: #06B6D4;
  --jaison-cyan-hover: #0891B2;
  --jaison-cyan-light: #22D3EE;
  --jaison-lilac: #A78BFA;
  --jaison-lilac-hover: #8B70E8;
  --jaison-lilac-soft: rgba(167, 139, 250, 0.14);
  /* Jaśniejszy, neutralny grafit dla kalendarza i paneli. */
  --jaison-navy: #202328;
  --jaison-surface: #272B31;
  --jaison-surface-raised: #30353C;
  --jaison-line: #3A4048;
  --jaison-calendar-open: #30353C;
  --jaison-calendar-blocked: #24282E;
  --jaison-mint: #18D6A3;
  --jaison-gold: #E9B949;

  /* Kolory bazowe Postiza — wspólne dla kalendarza, paneli i nawigacji. */
  --new-bgColor: var(--jaison-navy);
  --new-bgColorInner: var(--jaison-surface);
  --new-bgLineColor: var(--jaison-line);
  --new-btn-primary: var(--jaison-lilac);
  --new-btn-text: #171329;
  --new-textColor: #E7F1FA;
  --new-textItemBlur: #9CB0C2;
  --new-textItemFocused: #F4F8FC;
  --new-table-header: var(--jaison-surface-raised);
  --new-table-border: var(--jaison-line);
  --new-table-text: #D5E2EE;
  --new-table-text-focused: #FFFFFF;
  --color-forth: var(--jaison-lilac);
  --color-seventh: #0E7490;
  --colors-primary: var(--jaison-lilac);
}

/* Tailwind w tym wydaniu Postiza zapisuje kolory jako stałe klasy, nie tokeny. */
.bg-newBgColor { background-color: var(--jaison-navy) !important; }
.bg-newBgColorInner { background-color: var(--jaison-surface) !important; }
.bg-newBgLineColor { background-color: var(--jaison-line) !important; }
.bg-newTableHeader { background-color: var(--jaison-surface-raised) !important; }
.bg-newTableBorder { background-color: #363B42 !important; border-color: #454C55 !important; }
.bg-boxHover { background-color: #12314A !important; }
.border-newBgLineColor, .border-newBgColorInner { border-color: var(--jaison-line) !important; }
.bg-btnPrimary,
button.bg-btnPrimary:not(:disabled):not([aria-disabled="true"]) {
  background-color: var(--jaison-lilac) !important;
  border-color: var(--jaison-lilac) !important;
  color: #171329 !important;
}
.bg-btnPrimary:hover,
button.bg-btnPrimary:not(:disabled):not([aria-disabled="true"]):hover {
  background-color: var(--jaison-lilac-hover) !important;
  border-color: var(--jaison-lilac-hover) !important;
  color: #FFFFFF !important;
}

html, body, button, input, textarea, select {
  font-family: "Jaison Inter", Inter, Arial, sans-serif !important;
}
html body[class*="__className"] {
  font-family: "Jaison Inter", Inter, Arial, sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Jaison Space Grotesk", "Jaison Inter", sans-serif !important;
}

/* Główne akcje, także „+ Create Post”. Nie zmieniaj wyglądu disabled. */
button.bg-primary:not(:disabled):not([aria-disabled="true"]),
[class~="bg-forth"]:not(:disabled):not([aria-disabled="true"]),
button[class~="bg-forth"]:not(:disabled):not([aria-disabled="true"]),
[role="button"].bg-primary:not([aria-disabled="true"]),
button[class*="bg-purple"]:not(:disabled):not([aria-disabled="true"]),
button[class*="bg-violet"]:not(:disabled):not([aria-disabled="true"]),
button[class*="bg-[#612BD3]"]:not(:disabled):not([aria-disabled="true"]),
button[class*="bg-[#7C3AED]"]:not(:disabled):not([aria-disabled="true"]),
button[class*="bg-[#8B5CF6]"]:not(:disabled):not([aria-disabled="true"]),
button[class*="bg-[#612ad5]"]:not(:disabled):not([aria-disabled="true"]),
button[class~="bg-[#16c4d8]"]:not(:disabled):not([aria-disabled="true"]),
button[class~="bg-[#06B6D4]"]:not(:disabled):not([aria-disabled="true"]),
[role="button"][class*="bg-purple"]:not([aria-disabled="true"]),
[role="button"][class*="bg-violet"]:not([aria-disabled="true"]),
[role="button"][class*="bg-[#612BD3]"]:not([aria-disabled="true"]),
[role="button"][class*="bg-[#7C3AED]"]:not([aria-disabled="true"]),
[role="button"][class*="bg-[#8B5CF6]"]:not([aria-disabled="true"]) {
  background-color: var(--jaison-lilac) !important;
  border-color: var(--jaison-lilac) !important;
  color: #171329 !important;
}

button.bg-primary:not(:disabled):not([aria-disabled="true"]):hover,
[class~="bg-forth"]:not(:disabled):not([aria-disabled="true"]):hover,
button[class~="bg-forth"]:not(:disabled):not([aria-disabled="true"]):hover,
[role="button"].bg-primary:not([aria-disabled="true"]):hover,
button[class*="bg-purple"]:not(:disabled):not([aria-disabled="true"]):hover,
button[class*="bg-violet"]:not(:disabled):not([aria-disabled="true"]):hover,
button[class*="bg-[#612BD3]"]:not(:disabled):not([aria-disabled="true"]):hover,
button[class~="bg-[#16c4d8]"]:not(:disabled):not([aria-disabled="true"]):hover,
button[class~="bg-[#06B6D4]"]:not(:disabled):not([aria-disabled="true"]):hover,
[role="button"][class*="bg-purple"]:not([aria-disabled="true"]):hover,
[role="button"][class*="bg-violet"]:not([aria-disabled="true"]):hover {
  background-color: var(--jaison-lilac-hover) !important;
  border-color: var(--jaison-lilac-hover) !important;
  color: #FFFFFF !important;
}

/* Fioletowe linki, ramki i focus zostają cyjanowe; błędy i success nietknięte. */
[class*="text-purple"], [class*="text-violet"] { color: var(--jaison-cyan-light) !important; }
[class*="border-purple"], [class*="border-violet"] { border-color: var(--jaison-cyan) !important; }
[class*="ring-purple"], [class*="ring-violet"] { --tw-ring-color: var(--jaison-cyan) !important; }
:where(button, a, input, textarea, select):focus-visible {
  outline-color: var(--jaison-cyan) !important;
}

/* Nawigacja, ikony i kalendarz w granatowo-cyjanowej identyfikacji Jaison. */
body div.fixed.h-full {
  background-color: var(--jaison-navy) !important;
  border-color: var(--jaison-line) !important;
}
body div.fixed.h-full svg {
  color: var(--jaison-cyan-light);
}
body div.fixed.h-full a:hover,
body div.fixed.h-full button:hover {
  background-color: var(--jaison-lilac-soft) !important;
  color: #E9DFFF !important;
}
/* Główne menu ustawia turkus klasami Tailwind wprost w HTML. Nadpisz
   również te klasy, żeby aktywna pozycja i hover miały spójny kolor marki. */
#left-menu a:hover,
#left-menu a:focus-visible {
  background-color: var(--jaison-lilac-soft) !important;
  color: #E9DFFF !important;
  outline-color: var(--jaison-lilac) !important;
}
#left-menu a[class~="bg-[#16c4d8]"],
#left-menu a[aria-current="page"],
#left-menu a[aria-selected="true"] {
  background-color: var(--jaison-lilac) !important;
  color: #171329 !important;
  box-shadow: inset 3px 0 0 #E9DFFF !important;
}
#left-menu a[class~="bg-[#16c4d8]"] svg,
#left-menu a[aria-current="page"] svg,
#left-menu a[aria-selected="true"] svg {
  color: #171329 !important;
}
body div.fixed.h-full a[aria-current="page"],
body div.fixed.h-full a[aria-selected="true"],
body div.fixed.h-full [data-state="active"] {
  box-shadow: inset 3px 0 0 var(--jaison-lilac);
}
body main, body [class*="calendar" i], body [class*="Calendar"],
body [class*="grid-cols-7"] > div {
  border-color: var(--jaison-line);
}
/* Siatka kalendarza: wolne pola są jaśniejsze i czytelne; przeszłe,
   zablokowane terminy pozostają przygaszone, ale bez postizowych pasów. */
body main [class*="grid-cols-7"] > div:not([aria-disabled="true"]):not([data-disabled="true"]),
body main [class*="calendar" i] [class*="grid-cols-7"] > div:not([aria-disabled="true"]),
body main [class*="Calendar"] [class*="grid-cols-7"] > div:not([aria-disabled="true"]) {
  background-color: var(--jaison-calendar-open);
}
body main [aria-disabled="true"],
body main [data-disabled="true"],
body main [class*="repeating-linear-gradient"],
body main [style*="repeating-linear-gradient"] {
  background-color: var(--jaison-calendar-blocked) !important;
  background-image: none !important;
}
body main [class*="grid-cols-7"] > div:hover:not([aria-disabled="true"]):not([data-disabled="true"]) {
  background-color: color-mix(in srgb, var(--jaison-cyan) 12%, var(--jaison-calendar-open)) !important;
  border-color: color-mix(in srgb, var(--jaison-cyan) 48%, var(--jaison-line)) !important;
}
body [class*="today" i], body [class*="Today"] {
  color: var(--jaison-cyan-light) !important;
}
body [class*="bg-[#612ad5]"], body [class*="border-[#612ad5]"],
body [class*="bg-[#612BD3]"], body [class*="border-[#612BD3]"] {
  --tw-bg-opacity: 1;
  background-color: var(--jaison-lilac) !important;
  border-color: var(--jaison-lilac) !important;
}

/* Zastępuje wbudowany sygnet Postiz właściwym znakiem marki Jaison. */
svg:has(path[fill="#612BD3" i]),
svg:has(path[fill="#612ad5" i]),
svg:has(path[fill="#612bd3" i]) {
  background: center / contain no-repeat url("/jaison-publisher-mark.png");
}
svg:has(path[fill="#612BD3" i]) > path,
svg:has(path[fill="#612ad5" i]) > path,
svg:has(path[fill="#612bd3" i]) > path { opacity: 0 !important; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; }
}

/* Mobilny układ Jaison: kalendarz zachowuje szerokość kolumn, a przewijanie
   odbywa się w obszarze aplikacji zamiast nachodzenia dni na siebie. */
@media (max-width: 767px) {
  html,
  body,
  body #__next {
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
  }

  body main {
    min-width: 0 !important;
    max-width: 100vw !important;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
  }

  body main :where(.flex, .grid) {
    min-width: 0;
  }

  /* Siedem dni nie mieści się czytelnie w szerokości telefonu —
     zachowaj rozmiar komórek i pozwól przesunąć kalendarz w bok. */
  body main [class*="grid-cols-7"] {
    min-width: 700px;
  }

  body main [class*="grid-cols-7"] > div {
    min-width: 82px;
  }

  body main table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
  }

  body main :where(input, textarea, select) {
    min-width: 0;
    max-width: 100%;
  }

  body [role="dialog"] {
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100dvh - 24px);
    overflow: auto;
  }

  body main :where(button, a[role="button"]) {
    min-height: 44px;
  }

  /* Ustawienia mają na telefonie pasek zakładek zamiast drugiego,
     stałego panelu bocznego. Zostawia miejsce na formularz Brand Kitu. */
  body main div:has(> div.bg-newBgColorInner[class~="w-[260px]"]) {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  body main div.bg-newBgColorInner[class~="w-[260px]"] {
    width: 100% !important;
    padding: 10px 12px !important;
    overflow-x: auto;
  }
  body main div.bg-newBgColorInner[class~="w-[260px]"] > .flex.flex-1.flex-col {
    flex-direction: row !important;
    flex: none !important;
    gap: 8px !important;
    overflow-x: auto;
    white-space: nowrap;
  }
  body main div.bg-newBgColorInner[class~="w-[260px]"] > .flex.flex-1.flex-col > div {
    flex: 0 0 auto;
    min-height: 44px;
    padding: 8px 10px;
  }
  body main div.bg-newBgColorInner[class~="w-[260px]"] + div {
    width: 100%;
    min-width: 0;
    padding: 12px !important;
  }

  /* Formularz Brand Kitu mieści się w kolumnie ustawień na telefonie;
     długie URL-e, nazwy plików i tekst GHOST nie rozszerzają widoku. */
  body main:has(.jaison-brand-kit) {
    width: 100%;
    min-width: 0 !important;
    max-width: 100vw !important;
    overflow-x: hidden;
  }
  body main:has(.jaison-brand-kit) > * {
    width: 100%;
    min-width: 0 !important;
    max-width: 100%;
    box-sizing: border-box;
  }
  body main .jaison-brand-kit,
  body main .jaison-brand-kit > div,
  body main .jaison-brand-kit label {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  body main .jaison-brand-kit h1,
  body main .jaison-brand-kit p,
  body main .jaison-brand-kit span {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
  body main .jaison-brand-kit .grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body main .jaison-brand-kit :where(input, textarea, select, button, img) {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  body main .jaison-brand-kit :where(textarea, input:not([type="file"])) {
    width: 100% !important;
  }
  body main .jaison-brand-kit input[type="file"] {
    overflow: hidden;
    font-size: 0.875rem;
  }
  body main .jaison-brand-kit :where(p, span, label) {
    overflow-wrap: anywhere;
  }
}
/* JAISON THREE-COLOR BRAND SYSTEM — staging candidate 2026-11-12 */
:root {
  --jaison-deep: #01133B;
  --jaison-cyan: #00C0E0;
  --jaison-cyan-hover: #00C0E0;
  --jaison-cyan-light: #10F0B0;
  --jaison-mint: #10F0B0;
  --jaison-mint-hover: #0AD29A;
  --jaison-lilac: var(--jaison-cyan);
  --jaison-lilac-hover: var(--jaison-mint);
  --jaison-lilac-soft: rgba(0, 192, 224, .14);
  --primary: 189 100% 44%;
  --primary-foreground: 222 95% 12%;
  --ring: 189 100% 44%;
  --new-btn-primary: var(--jaison-cyan);
  --color-forth: var(--jaison-mint);
  --colors-primary: var(--jaison-cyan);
}

/* Główne akcje: cyjan przechodzi w miętę; tekst pozostaje czytelny. */
.bg-btnPrimary,
button.bg-btnPrimary:not(:disabled):not([aria-disabled="true"]),
button.bg-primary:not(:disabled):not([aria-disabled="true"]),
button[class~="bg-forth"]:not(:disabled):not([aria-disabled="true"]),
button[class~="bg-[#16c4d8]"]:not(:disabled):not([aria-disabled="true"]),
button[class~="bg-[#06B6D4]"]:not(:disabled):not([aria-disabled="true"]),
button[class*="bg-purple"]:not(:disabled):not([aria-disabled="true"]),
button[class*="bg-violet"]:not(:disabled):not([aria-disabled="true"]),
[role="button"].bg-primary:not([aria-disabled="true"]),
[role="button"][class*="bg-purple"]:not([aria-disabled="true"]),
[role="button"][class*="bg-violet"]:not([aria-disabled="true"]) {
  background-color: var(--jaison-cyan) !important;
  background-image: linear-gradient(110deg, var(--jaison-cyan) 0%, var(--jaison-mint) 100%) !important;
  border-color: var(--jaison-cyan) !important;
  color: var(--jaison-deep) !important;
  box-shadow: 0 3px 12px rgba(0, 192, 224, .16);
  transition: background-image .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.bg-btnPrimary:hover,
button.bg-btnPrimary:not(:disabled):not([aria-disabled="true"]):hover,
button.bg-primary:not(:disabled):not([aria-disabled="true"]):hover,
button[class~="bg-forth"]:not(:disabled):not([aria-disabled="true"]):hover,
button[class~="bg-[#16c4d8]"]:not(:disabled):not([aria-disabled="true"]):hover,
button[class~="bg-[#06B6D4]"]:not(:disabled):not([aria-disabled="true"]):hover,
button[class*="bg-purple"]:not(:disabled):not([aria-disabled="true"]):hover,
button[class*="bg-violet"]:not(:disabled):not([aria-disabled="true"]):hover,
[role="button"].bg-primary:not([aria-disabled="true"]):hover,
[role="button"][class*="bg-purple"]:not([aria-disabled="true"]):hover,
[role="button"][class*="bg-violet"]:not([aria-disabled="true"]):hover {
  background-image: linear-gradient(110deg, var(--jaison-mint) 0%, var(--jaison-cyan) 100%) !important;
  border-color: var(--jaison-mint) !important;
  color: var(--jaison-deep) !important;
  box-shadow: 0 5px 18px rgba(16, 240, 176, .22);
  transform: translateY(-1px);
}

/* Spójny, subtelny stan hover/focus dla pozostałych przycisków i kontrolek. */
button:not(:disabled):not([aria-disabled="true"]),
[role="button"]:not([aria-disabled="true"]) {
  transition: border-color .18s ease, box-shadow .18s ease, color .18s ease, background-color .18s ease;
}
button:not(:disabled):not([aria-disabled="true"]):hover,
[role="button"]:not([aria-disabled="true"]):hover {
  border-color: var(--jaison-cyan) !important;
  box-shadow: 0 0 0 1px rgba(0, 192, 224, .18), 0 3px 12px rgba(1, 19, 59, .18);
}
button:not(:disabled):not([aria-disabled="true"]):hover svg,
[role="button"]:not([aria-disabled="true"]):hover svg {
  color: var(--jaison-mint) !important;
}
.bg-btnPrimary:hover svg,
button.bg-primary:hover svg,
button[class*="bg-purple"]:hover svg,
button[class*="bg-violet"]:hover svg { color: var(--jaison-deep) !important; }
:where(button, a, input, textarea, select, [role="button"]):focus-visible {
  outline: 2px solid var(--jaison-cyan) !important;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px rgba(16, 240, 176, .16) !important;
}
::selection { background: var(--jaison-cyan); color: var(--jaison-deep); }

/* Ustawienia → Aplikacje: przyciski z adnotacji mają ten sam granat
   co nawigacja Jaison; cyjan i mięta służą jako obrys oraz stan aktywny. */
body:has(#left-menu a[href="/settings"][class~="bg-[#16c4d8]"]) div.flex.flex-col:has(> div.flex.flex-col:nth-of-type(2) > div.bg-newBgColorInner.border:nth-of-type(2) a[href*="public-api/oauth"]) > div.flex:nth-of-type(1) > button.cursor-pointer.transition-colors,
body:has(#left-menu a[href="/settings"][class~="bg-[#16c4d8]"]) div.flex.flex-col:has(> div.flex.flex-col:nth-of-type(2) > div.bg-newBgColorInner.border:nth-of-type(2) a[href*="public-api/oauth"]) > div.flex:nth-of-type(1) > button.cursor-pointer.transition-colors:nth-of-type(2),
body:has(#left-menu a[href="/settings"][class~="bg-[#16c4d8]"]) div.flex.flex-col:nth-of-type(2) > div.bg-newBgColorInner.border:nth-of-type(2) > div:nth-of-type(2) > button.cursor-pointer.transition-colors,
body:has(#left-menu a[href="/settings"][class~="bg-[#16c4d8]"]) div.bg-newBgColorInner.border:nth-of-type(2) > div.bg-newBgColorInner.border-b:nth-of-type(1) > div.flex.flex-wrap:nth-of-type(2) > a.cursor-pointer.text-white {
  background-color: var(--jaison-deep) !important;
  background-image: none !important;
  border: 1px solid rgba(0, 192, 224, .72) !important;
  color: #F5FBFF !important;
  box-shadow: inset 3px 0 0 rgba(16, 240, 176, .7) !important;
}
body:has(#left-menu a[href="/settings"][class~="bg-[#16c4d8]"]) div.flex.flex-col:has(> div.flex.flex-col:nth-of-type(2) > div.bg-newBgColorInner.border:nth-of-type(2) a[href*="public-api/oauth"]) > div.flex:nth-of-type(1) > button.cursor-pointer.transition-colors:hover,
body:has(#left-menu a[href="/settings"][class~="bg-[#16c4d8]"]) div.flex.flex-col:nth-of-type(2) > div.bg-newBgColorInner.border:nth-of-type(2) > div:nth-of-type(2) > button.cursor-pointer.transition-colors:hover,
body:has(#left-menu a[href="/settings"][class~="bg-[#16c4d8]"]) div.bg-newBgColorInner.border:nth-of-type(2) > div.bg-newBgColorInner.border-b:nth-of-type(1) > div.flex.flex-wrap:nth-of-type(2) > a.cursor-pointer.text-white:hover {
  background-color: #0A2647 !important;
  background-image: linear-gradient(105deg, rgba(0, 192, 224, .16), rgba(16, 240, 176, .10)) !important;
  border-color: var(--jaison-mint) !important;
  color: #FFFFFF !important;
  box-shadow: inset 3px 0 0 var(--jaison-mint), 0 0 0 1px rgba(0, 192, 224, .18) !important;
  transform: translateY(-1px);
}

/* Przycisk Dokumentacja na karcie Aplikacje był nadal cyjanowy przez styl
   bazowy. Ujednolicamy go z granatowymi przyciskami tej sekcji. */
body:has(#left-menu a[href="/settings"]) a[href*="public-api/oauth"] {
  background-color: var(--jaison-deep) !important;
  background-image: none !important;
  border: 1px solid rgba(0, 192, 224, .72) !important;
  color: #F5FBFF !important;
  box-shadow: inset 3px 0 0 rgba(16, 240, 176, .7) !important;
}
body:has(#left-menu a[href="/settings"]) a[href*="public-api/oauth"]:hover,
body:has(#left-menu a[href="/settings"]) a[href*="public-api/oauth"]:focus-visible {
  background-color: #0A2647 !important;
  background-image: linear-gradient(105deg, rgba(0, 192, 224, .16), rgba(16, 240, 176, .10)) !important;
  border-color: var(--jaison-mint) !important;
  color: #FFFFFF !important;
  box-shadow: inset 3px 0 0 var(--jaison-mint), 0 0 0 1px rgba(0, 192, 224, .18) !important;
}

/* Precyzyjne selektory z rzeczywistego widoku Ustawienia → Aplikacje.
   Nie zależą od zmiennej klasy aktywnego menu ani szerokości ekranu. */
body:has(a[href*="public-api/oauth"]) div > div.flex.flex-col > div.flex:nth-of-type(1) > button.cursor-pointer.transition-colors,
body:has(a[href*="public-api/oauth"]) div > div.flex.flex-col > div.flex:nth-of-type(1) > button.cursor-pointer.transition-colors:nth-of-type(2),
body:has(a[href*="public-api/oauth"]) div.flex.flex-col:nth-of-type(2) > div.bg-newBgColorInner.border:nth-of-type(2) > div:nth-of-type(2) > button.cursor-pointer.transition-colors,
body:has(a[href*="public-api/oauth"]) div.bg-newBgColorInner.border:nth-of-type(2) > div.bg-newBgColorInner.border-b:nth-of-type(1) > div.flex.flex-wrap:nth-of-type(2) > a.cursor-pointer.text-white,
body:has(a[href*="public-api/oauth"]) div.bg-newBgColorInner.border:nth-of-type(2) > div.bg-newBgColorInner.border-b:nth-of-type(1) > div.flex.flex-wrap:nth-of-type(2) > a.cursor-pointer.text-white[href*="public-api/oauth"] {
  background-color: var(--jaison-deep) !important;
  background-image: none !important;
  border: 1px solid rgba(0, 192, 224, .72) !important;
  color: #F5FBFF !important;
  box-shadow: inset 3px 0 0 rgba(16, 240, 176, .7) !important;
}
body:has(a[href*="public-api/oauth"]) div > div.flex.flex-col > div.flex:nth-of-type(1) > button.cursor-pointer.transition-colors:hover,
body:has(a[href*="public-api/oauth"]) div > div.flex.flex-col > div.flex:nth-of-type(1) > button.cursor-pointer.transition-colors:focus-visible,
body:has(a[href*="public-api/oauth"]) div.flex.flex-col:nth-of-type(2) > div.bg-newBgColorInner.border:nth-of-type(2) > div:nth-of-type(2) > button.cursor-pointer.transition-colors:hover,
body:has(a[href*="public-api/oauth"]) div.bg-newBgColorInner.border:nth-of-type(2) > div.bg-newBgColorInner.border-b:nth-of-type(1) > div.flex.flex-wrap:nth-of-type(2) > a.cursor-pointer.text-white:hover {
  background-color: #0A2647 !important;
  background-image: linear-gradient(105deg, rgba(0, 192, 224, .16), rgba(16, 240, 176, .10)) !important;
  border-color: var(--jaison-mint) !important;
  color: #FFFFFF !important;
  box-shadow: inset 3px 0 0 var(--jaison-mint), 0 0 0 1px rgba(0, 192, 224, .18) !important;
}

/* Końcowa reguła zakresowa: wszystkie kontrolki w karcie OAuth na stronie
   Aplikacje mają jeden granatowy styl, także w wąskim widoku. */
body:has(a[href*="public-api/oauth"]) .bg-newBgColorInner :is(button, a) {
  background-color: var(--jaison-deep) !important;
  background-image: none !important;
  border-color: rgba(0, 192, 224, .72) !important;
  color: #F5FBFF !important;
  box-shadow: inset 3px 0 0 rgba(16, 240, 176, .7) !important;
}
body:has(a[href*="public-api/oauth"]) .bg-newBgColorInner :is(button, a):hover,
body:has(a[href*="public-api/oauth"]) .bg-newBgColorInner :is(button, a):focus-visible {
  background-color: #0A2647 !important;
  background-image: linear-gradient(105deg, rgba(0, 192, 224, .16), rgba(16, 240, 176, .10)) !important;
  border-color: var(--jaison-mint) !important;
  color: #FFFFFF !important;
  box-shadow: inset 3px 0 0 var(--jaison-mint), 0 0 0 1px rgba(0, 192, 224, .18) !important;
}

/* Primary controls use the Jaison palette at every viewport. Avoid route- and
   container-dependent selectors: the OAuth/settings buttons are rendered in
   different wrappers by the upstream app. */
body button[class] {
  background-color: var(--jaison-deep) !important;
  background-image: none !important;
  border-color: rgba(0, 192, 224, .72) !important;
  color: #F5FBFF !important;
}
body button[class]:hover,
body button[class]:focus-visible {
  background-color: #0A2647 !important;
  background-image: linear-gradient(105deg, rgba(0, 192, 224, .22), rgba(16, 240, 176, .16)) !important;
  border-color: var(--jaison-mint) !important;
  color: #FFFFFF !important;
}

/* Sidebar: ikony używają dwóch jasnych barw znaku; active i hover łączą je. */
#left-menu a svg { color: var(--jaison-cyan) !important; transition: color .18s ease, transform .18s ease; }
#left-menu a:nth-of-type(even) svg { color: var(--jaison-mint) !important; }
#left-menu a:hover,
#left-menu a:focus-visible {
  background-color: rgba(0, 192, 224, .14) !important;
  background-image: linear-gradient(105deg, rgba(0, 192, 224, .18), rgba(16, 240, 176, .12)) !important;
  color: #F5FBFF !important;
  outline-color: var(--jaison-cyan) !important;
}
#left-menu a:hover svg,
#left-menu a:focus-visible svg { color: var(--jaison-mint) !important; transform: translateY(-1px); }
#left-menu a[class~="bg-[#16c4d8]"],
#left-menu a[aria-current="page"],
#left-menu a[aria-selected="true"] {
  background-color: var(--jaison-cyan) !important;
  background-image: linear-gradient(105deg, var(--jaison-cyan), var(--jaison-mint)) !important;
  color: var(--jaison-deep) !important;
  box-shadow: inset 3px 0 0 #FFFFFF, 0 4px 14px rgba(0, 192, 224, .14) !important;
}
#left-menu a[class~="bg-[#16c4d8]"] svg,
#left-menu a[aria-current="page"] svg,
#left-menu a[aria-selected="true"] svg { color: var(--jaison-deep) !important; }
body div.fixed.h-full a:hover,
body div.fixed.h-full button:hover {
  background-color: rgba(0, 192, 224, .14) !important;
  color: #F5FBFF !important;
}
body div.fixed.h-full a[aria-current="page"],
body div.fixed.h-full a[aria-selected="true"] { box-shadow: inset 3px 0 0 var(--jaison-mint) !important; }
/* Zostawiamy istniejący przełącznik języka i jego ikonę bez podmiany. */

/* Sidebar: jawne przypisanie akcentów do tras, niezależne od kolejności DOM. */
#left-menu a:is([href="/launches"], [href="/analytics"], [href="/media"]):not([class~="bg-[#16c4d8]"]):not([aria-current="page"]):not([aria-selected="true"]) svg {
  color: var(--jaison-mint) !important;
}
#left-menu a:is([href="/assistant"], [href="/reviews"]):not([class~="bg-[#16c4d8]"]):not([aria-current="page"]):not([aria-selected="true"]) svg {
  color: var(--jaison-mint) !important;
}

/* Zakładki Ustawień są renderowane jako elementy kontenera, nie zawsze jako button/link. */
body:has(#left-menu a[href="/settings"][class~="bg-[#16c4d8]"]) .bg-newBgColorInner.flex > .flex.flex-1 > div:first-child :is(a, button, [role="tab"], [role="button"], [class*="cursor-pointer"]) {
  background-color: var(--jaison-deep) !important;
  background-image: none !important;
  border-color: rgba(0, 192, 224, .18) !important;
  color: #F5FBFF !important;
}
body:has(#left-menu a[href="/settings"][class~="bg-[#16c4d8]"]) .bg-newBgColorInner.flex > .flex.flex-1 > div:first-child :is(a, button, [role="tab"], [role="button"], [class*="cursor-pointer"]):is([class~="bg-[#16c4d8]"], [aria-selected="true"], [data-state="active"]) {
  background-color: var(--jaison-deep) !important;
  background-image: linear-gradient(105deg, rgba(0, 192, 224, .18), rgba(16, 240, 176, .12)) !important;
  border-color: var(--jaison-cyan) !important;
  color: #FFFFFF !important;
  box-shadow: inset 3px 0 0 var(--jaison-mint), 0 3px 12px rgba(1, 19, 59, .28) !important;
}
body:has(#left-menu a[href="/settings"][class~="bg-[#16c4d8]"]) .bg-newBgColorInner.flex > .flex.flex-1 > div:first-child :is(a, button, [role="tab"], [role="button"], [class*="cursor-pointer"]):hover,
body:has(#left-menu a[href="/settings"][class~="bg-[#16c4d8]"]) .bg-newBgColorInner.flex > .flex.flex-1 > div:first-child :is(a, button, [role="tab"], [role="button"], [class*="cursor-pointer"]):focus-visible {
  background-color: var(--jaison-deep) !important;
  background-image: linear-gradient(105deg, rgba(0, 192, 224, .22), rgba(16, 240, 176, .16)) !important;
  border-color: var(--jaison-mint) !important;
  color: #FFFFFF !important;
  box-shadow: 0 0 0 1px rgba(16, 240, 176, .24), 0 4px 14px rgba(1, 19, 59, .24) !important;
}

/* Settings navigation is a stack of clickable divs inside the p-[20px] left panel.
   Scope tightly to those rows so the form panels on the right stay untouched. */
body:has(#left-menu a[href="/settings"][class~="bg-[#16c4d8]"])
  div[class~="bg-newBgColorInner"][class~="p-[20px]"] >
  div[class~="flex"][class~="flex-1"][class~="flex-col"] >
  div[class~="cursor-pointer"] {
  background-color: var(--jaison-deep) !important;
  background-image: none !important;
  border: 1px solid rgba(0, 192, 224, .16) !important;
  border-radius: 8px !important;
  color: #F5FBFF !important;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
}
body:has(#left-menu a[href="/settings"][class~="bg-[#16c4d8]"])
  div[class~="bg-newBgColorInner"][class~="p-[20px]"] >
  div[class~="flex"][class~="flex-1"][class~="flex-col"] >
  div[class~="cursor-pointer"][class~="bg-boxHover"] {
  background-color: var(--jaison-deep) !important;
  background-image: linear-gradient(105deg, rgba(0, 192, 224, .2), rgba(16, 240, 176, .12)) !important;
  border-color: var(--jaison-cyan) !important;
  box-shadow: inset 3px 0 0 var(--jaison-mint), 0 3px 12px rgba(1, 19, 59, .28) !important;
}
body:has(#left-menu a[href="/settings"][class~="bg-[#16c4d8]"])
  div[class~="bg-newBgColorInner"][class~="p-[20px]"] >
  div[class~="flex"][class~="flex-1"][class~="flex-col"] >
  div[class~="cursor-pointer"]:hover,
body:has(#left-menu a[href="/settings"][class~="bg-[#16c4d8]"])
  div[class~="bg-newBgColorInner"][class~="p-[20px]"] >
  div[class~="flex"][class~="flex-1"][class~="flex-col"] >
  div[class~="cursor-pointer"]:focus-visible {
  background-color: var(--jaison-deep) !important;
  background-image: linear-gradient(105deg, rgba(0, 192, 224, .28), rgba(16, 240, 176, .18)) !important;
  border-color: var(--jaison-mint) !important;
  box-shadow: 0 0 0 1px rgba(16, 240, 176, .24), 0 4px 14px rgba(1, 19, 59, .24) !important;
}