:root {
  color-scheme: light;
  --blue: #0664a0;
  --blue-dark: #044e7d;
  --orange: #f39208;
  --purple: #652483;
  --green: #95c122;
  --red: #e94f1d;
  --sky: #3ba9e0;
  --app-spss: #652483;
  --app-czestosci: #f39208;
  --app-rekoder: #95c122;
  --app-watermark: #3ba9e0;
  --bg: #f3f6f9;
  --surface: #ffffff;
  --text: #17202a;
  --muted: #52606d;
  --border: #d6e0e7;
  --shadow: 0 10px 28px rgba(6, 100, 160, .1);
}
* { box-sizing: border-box; }
@keyframes system-private-autofill { from { opacity: .999; } to { opacity: 1; } }
[data-private-input]:-webkit-autofill { animation: system-private-autofill 1ms; }
body { margin: 0; min-height: 100vh; display: flex; flex-direction: column; background: var(--bg); color: var(--text); font-family: "Segoe UI", Arial, sans-serif; }
a { color: var(--blue); }
.topbar { min-height: 68px; padding: 0 24px; display: flex; align-items: center; gap: 28px; background: var(--blue); color: #fff; box-shadow: 0 3px 14px rgba(6,100,160,.25); }
.brand { display: flex; align-items: center; gap: 10px; color: #fff; text-decoration: none; font-weight: 700; }
.brand img { width: 40px; height: 40px; object-fit: contain; background: #fff; border-radius: 8px; }
.brand small { padding: 3px 7px; border-radius: 999px; background: rgba(255,255,255,.16); }
.topbar nav { display: flex; gap: 4px; }
.topbar nav a { color: #e9f4fb; text-decoration: none; font-weight: 600; padding: 23px 12px; border-bottom: 3px solid transparent; }
.topbar nav a:hover { background: rgba(255,255,255,.08); border-color: var(--orange); }
.logout-form { margin-left: auto; display: flex; align-items: center; gap: 12px; }
.theme-toggle-form { margin: 0 0 0 auto; }
.theme-toggle-form + .logout-form { margin-left: 0; }
.theme-toggle { width: 40px; height: 40px; padding: 0; display: grid; place-items: center; color: #fff; background: transparent; border: 1px solid rgba(255,255,255,.45); border-radius: 50%; cursor: pointer; }
.theme-toggle:hover { background: rgba(255,255,255,.12); border-color: #fff; }
.theme-toggle svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.session-identity { display: inline-flex; align-items: center; gap: 8px; }
.session-timer { min-width: 58px; padding: 4px 7px; border-radius: 999px; background: rgba(255,255,255,.14); font-variant-numeric: tabular-nums; font-size: .82rem; font-weight: 800; text-align: center; }
.page-shell { width: min(1240px, calc(100% - 32px)); margin: 32px auto 60px; }
.page-heading { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 22px; }
h1, h2 { margin-top: 0; }
.eyebrow { margin: 0 0 5px; color: var(--blue); font-size: .78rem; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }
.muted { color: var(--muted); }
html.portal-copies-open, html.portal-copies-open body { overflow: hidden; }
.portal-copies { width: min(58rem, calc(100vw - 2rem)); max-height: 88dvh; padding: 1.25rem; color: var(--text); background: var(--surface); border: 1px solid var(--border); border-radius: 16px; overflow: hidden; box-sizing: border-box; }
.portal-copies[open] { display: flex; flex-direction: column; gap: .8rem; }
.portal-copies::backdrop { background: rgb(0 0 0 / .65); }
.portal-copies-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.portal-copies-head h2, #portal-copies-status { margin: 0; }
.portal-copies-filter { display: flex; align-items: center; gap: .75rem; }
.portal-copies-filter select { width: auto; min-width: 12rem; }
.portal-copies-filters { display:flex;flex-wrap:wrap;gap:.7rem;align-items:end; }
.portal-copies-filters .portal-copies-filter { display:grid;gap:.3rem;flex:1 1 140px;font-size:.82rem;min-width:0; }
.portal-copies-filters select,.portal-copies-filters input { width:100%;min-width:0;min-height:2.5rem; }
.portal-copies-list { min-height: 0; overflow-y: auto; overscroll-behavior: contain; display: grid; gap: .65rem; }
.portal-copy { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 1rem; align-items: center; padding: .9rem; border: 1px solid var(--border); border-left: 4px solid var(--blue); border-radius: 9px; }
.portal-copy--spss { border-left-color: var(--app-spss); }
.portal-copy--rekoder { border-left-color: var(--app-rekoder); }
.portal-copy--czestosci { border-left-color: var(--app-czestosci); }
.portal-copy strong { overflow-wrap: anywhere; }
.portal-copy small, .portal-copy-dates span { display: block; color: var(--muted); font-size: .8rem; }
.portal-copy-dates { line-height: 1.6; }
@media (max-width: 620px) { .portal-copy { grid-template-columns: minmax(0,1fr) auto; gap: .5rem; } .portal-copy-dates { grid-row: 2; grid-column: 1; } .portal-copy button { grid-column: 2; grid-row: 1 / 3; } }
.app-grid { width: min(1100px, 100%); margin-inline: auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.portal-group { min-width: 0; padding: 18px; display: flex; flex-direction: column; gap: 14px; border: 1px solid var(--border); border-radius: 22px; background: color-mix(in srgb, var(--surface) 75%, transparent); box-shadow: 0 8px 24px rgba(15, 23, 42, .06); }
.portal-group:only-child { grid-column: 1 / -1; }
.portal-group:not(:has(.app-card)) { display: none; }
.app-grid:not(:has(.portal-group--analysis .app-card)), .app-grid:not(:has(.portal-group--delivery .app-card)) { max-width: 550px; grid-template-columns: minmax(0, 1fr); }
.portal-group-title { display: flex; align-items: center; gap: 10px; min-height: 30px; margin: 0; padding-bottom: 12px; border-bottom: 1px solid var(--border); color: var(--text); font-size: .96rem; font-weight: 700; line-height: 1.4; }
.portal-group-title::before { content: ""; flex: 0 0 8px; height: 8px; border-radius: 3px; background: var(--app-spss); }
.portal-group--delivery .portal-group-title::before { background: var(--blue); }
.portal-group-cards { flex: 1; min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr); grid-auto-rows: minmax(148px, 1fr); gap: 12px; }
.app-card-markers { display: inline-flex; align-items: center; gap: 8px; }
.app-card-icon { display: inline-flex; color: var(--app-accent); }
.app-card-icon svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.app-card-heading { display: flex; align-items: center; gap: 12px; margin: 0 0 6px; }
.app-card-arrow { flex: 0 0 20px; width: 20px; height: 20px; margin-left: auto; color: var(--app-accent); fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; opacity: .6; }
.app-card-link:hover .app-card-arrow, .app-card-link:focus-visible .app-card-arrow { opacity: 1; }
.availability-list { display: grid; gap: 8px; }
.availability-list form { display: flex; align-items: center; gap: 12px; padding: 8px 0; }
.availability-list form strong { flex: 1; }
.availability-list .button { min-width: 130px; }
.app-card--wiadomosci { --app-accent: #0664a0; }
.app-card-link { height: 100%; display: block; color: inherit; text-decoration: none; border-radius: 16px; }
.app-card, .panel, .auth-card { background: var(--surface); border: 1px solid var(--border); border-radius: 16px; box-shadow: var(--shadow); }
.app-card {
  --app-accent: var(--blue);
  --app-tint: #eef6fb;
  height: 100%;
  min-height: 148px;
  min-width: 0;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background: linear-gradient(160deg, #ffffff 0%, color-mix(in srgb, var(--app-tint) 70%, #ffffff) 100%);
  border: 1px solid color-mix(in srgb, var(--app-accent) 26%, #d8e2eb);
  border-top: 4px solid var(--app-accent);
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.05), 0 1px 3px rgba(15, 23, 42, 0.04);
  transition: transform .22s cubic-bezier(.16,1,.3,1), box-shadow .22s cubic-bezier(.16,1,.3,1), border-color .22s ease;
}
.app-card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 140px;
  height: 140px;
  background: radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--app-accent) 14%, transparent) 0%, transparent 70%);
  pointer-events: none;
}
.app-card--rekoder { --app-accent: var(--app-rekoder); --app-tint: #f3f8e6; }
.app-card--spss { --app-accent: var(--app-spss); --app-tint: #f6ecf8; }
.app-card--czestosci { --app-accent: var(--app-czestosci); --app-tint: #fff4e3; }
.app-card--watermark { --app-accent: var(--app-watermark); --app-tint: #edf7fc; }
.app-card-link:hover .app-card, .app-card-link:focus-visible .app-card {
  transform: translateY(-5px);
  border-color: var(--app-accent);
  box-shadow: 0 20px 36px -8px color-mix(in srgb, var(--app-accent) 26%, transparent), 0 0 0 1px var(--app-accent);
}
.app-card-link:focus-visible { outline: 3px solid rgba(6,100,160,.3); outline-offset: 4px; }
.app-card h3 { margin: 0; font-size: 1.2rem; font-weight: 750; letter-spacing: -.015em; line-height: 1.3; overflow-wrap: anywhere; transition: color .18s ease; }
.app-card-link:hover .app-card h3 { color: var(--app-accent); }
.app-card p { margin: 0; color: var(--muted); line-height: 1.5; font-size: .9rem; overflow-wrap: anywhere; }
.app-card > .button.disabled { margin-top: 10px; }
.app-card.disabled { opacity: .65; }
.card-top { min-height: 28px; display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 10px; }
.app-shortcut-badge { display: inline-flex; align-items: center; }
.app-shortcut-badge kbd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  padding: 0 6px;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.14);
  background: rgba(255, 255, 255, 0.9);
  color: #475569;
  font-family: var(--system-ui-font, "Segoe UI", Arial, sans-serif);
  font-size: 11.5px;
  font-weight: 750;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  user-select: none;
  transition: all .2s ease;
}
.app-card-link:hover .app-shortcut-badge kbd,
.app-card-link:focus-visible .app-shortcut-badge kbd {
  border-color: var(--app-accent);
  color: var(--app-accent);
  background: #ffffff;
  box-shadow: 0 2px 6px color-mix(in srgb, var(--app-accent) 25%, transparent);
}
.app-card.keyboard-active {
  transform: translateY(-4px) scale(0.99);
  border-color: var(--app-accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--app-accent) 50%, transparent);
  transition: transform .08s ease, box-shadow .08s ease;
}
.status { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; font-size: .74rem; font-weight: 800; letter-spacing: .02em; }
.status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.status.online { color: #276203; background: rgba(149, 193, 34, 0.16); border: 1px solid rgba(149, 193, 34, 0.35); }
.status.offline { color: #991b1b; background: rgba(233, 79, 29, 0.13); border: 1px solid rgba(233, 79, 29, 0.3); }

/* Subtelne tło pulpitu użytkownika zgodne ze stylem firmowym (Pogotowie Statystyczne) */
body.panel-user {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
body.panel-user .page-shell {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: min(1240px, calc(100% - 32px));
  margin: 0 auto;
  padding: 24px 0 clamp(20px, 4vh, 60px);
  box-sizing: border-box;
}
.button { min-height: 38px; padding: 9px 15px; border: 1px solid transparent; border-radius: 8px; display: inline-flex; justify-content: center; align-items: center; font: inherit; font-weight: 700; cursor: pointer; text-decoration: none; }
.button.primary { color: #fff; background: var(--blue); }.button.primary:hover { background: var(--blue-dark); }
.button.secondary { color: var(--blue); background: #fff; border-color: #b8c9d5; }.topbar .button.secondary { color: #fff; background: transparent; border-color: rgba(255,255,255,.45); }
.button.warning { color: #3a2700; background: var(--orange); }.button.danger { color: #fff; background: var(--red); }.button.disabled { color: #6f7b83; background: #e9eef1; cursor: not-allowed; }
.button.full { width: 100%; }.button.small { min-height: 32px; padding: 5px 10px; font-size: .86rem; }
.info-strip { margin-top: 22px; padding: 16px 18px; border-left: 5px solid var(--sky); background: #eaf6fc; line-height: 1.5; }
.auth-card { width: min(440px, 100%); margin: 8vh auto 0; padding: 34px; text-align: center; }
.auth-logo { width: 82px; height: 82px; }.auth-card form { text-align: left; }

/* Tło logowania użytkownika w delikatnie szarawym odcieniu i wyśrodkowanie w oknie */
body.panel-public {
  --system-footer-offset: 320px !important;
  background: #e2e7ec;
  background: linear-gradient(180deg, #e7edf3 0%, #dbe2e9 100%);
  min-height: 100vh;
}

body.panel-public.system-has-fixed-footer {
  padding-bottom: var(--system-footer-offset, 320px) !important;
}

body.panel-public .page-shell {
  width: min(1240px, calc(100% - 32px));
  margin: 0 auto;
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  padding: 16px 0 clamp(20px, 4vh, 60px);
  box-sizing: border-box;
}

body.panel-public .ps-animowane-logo,
body.panel-public .ps-animowane-logo .ps-logo-inner {
  background: transparent !important;
}

/* Plamy w tle logowania (poniżej topbara, zamiana miejscami niebieskozielonej z pomarańczowoniebieską) */
.login-background-decorations {
  position: fixed;
  top: 68px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
  z-index: 0;
}

.bg-stain {
  position: absolute;
  max-width: 500px;
  height: auto;
  pointer-events: none;
  user-select: none;
  opacity: 0.92;
  filter: drop-shadow(0 8px 24px rgba(6, 100, 160, 0.08));
}

.bg-stain--orange {
  top: max(24px, 3vh);
  left: max(-35px, -2vw);
  width: clamp(290px, 28vw, 440px);
  transform: rotate(-8deg);
}

.bg-stain--navy {
  top: max(24px, 3vh);
  right: max(-25px, -1.5vw);
  width: clamp(285px, 27vw, 420px);
  transform: rotate(8deg);
}

.bg-stain--green {
  bottom: 2vh;
  left: max(-30px, -2vw);
  width: clamp(300px, 29vw, 455px);
  transform: rotate(14deg);
}

.bg-stain--red {
  bottom: 2vh;
  right: max(-25px, -1.5vw);
  width: clamp(310px, 29vw, 455px);
  transform: rotate(-12deg);
}

.bg-stain--blue {
  bottom: 2vh;
  left: 50%;
  width: clamp(270px, 26vw, 390px);
  transform: translateX(-50%) rotate(-3deg);
}

@media (max-width: 1024px) {
  .bg-stain {
    opacity: 0.65;
  }
}

@media (max-width: 640px) {
  .login-background-decorations {
    display: none;
  }
}

/* Scena logowania użytkownika z animowanym logo - wycentrowana w oknie */
.user-login-stage {
  width: min(760px, 100%);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

/* Animowane logo wzorowane 1:1 na Logo - animacja.txt - skala 150% */
.ps-animowane-logo {
  width: 100%;
  background: transparent;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.ps-animowane-logo .ps-logo-inner {
  width: min(100%, 720px);
  margin: 0 auto;
  padding: 8px 6px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(14px, 3.5vw, 36px);
  background: transparent;
}

.ps-animowane-logo .ps-logo-mark {
  flex: 0 0 auto;
  width: clamp(108px, 18vw, 180px);
}

.ps-animowane-logo .ps-logo-mark svg {
  display: block;
  width: 100%;
  height: auto;
}

.ps-animowane-logo .ps-logo-part {
  opacity: 0;
  transform-box: fill-box;
}

.ps-animowane-logo .ps-logo-text {
  opacity: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  gap: .08em;
  color: #17202a !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: clamp(24px, 5.2vw, 54px);
  font-weight: 700;
  line-height: .95;
  letter-spacing: -.045em;
  white-space: nowrap;
}

.ps-animowane-logo .ps-logo-text * {
  color: #17202a !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 700;
}

.ps-animowane-logo .ps-logo-line {
  display: block;
  margin: 0;
  padding: 0;
}

.ps-animowane-logo .ps-logo-r {
  display: inline-block;
  margin-left: .03em;
  font-size: .28em;
  line-height: 1;
  vertical-align: top;
  transform: translateY(.08em);
  letter-spacing: 0;
}

.ps-animowane-logo.ps-logo-animate .ps-purple {
  transform-origin: 100% 100%;
  animation: psLogoPop calc(.47s * 1.2 / 1.91) cubic-bezier(.2,.85,.2,1) calc(.07s * 1.2 / 1.91) forwards;
}

.ps-animowane-logo.ps-logo-animate .ps-orange {
  transform-origin: 0% 100%;
  animation: psLogoPop calc(.47s * 1.2 / 1.91) cubic-bezier(.2,.85,.2,1) calc(.24s * 1.2 / 1.91) forwards;
}

.ps-animowane-logo.ps-logo-animate .ps-lightblue {
  transform-origin: 0% 0%;
  animation: psLogoPop calc(.47s * 1.2 / 1.91) cubic-bezier(.2,.85,.2,1) calc(.41s * 1.2 / 1.91) forwards;
}

.ps-animowane-logo.ps-logo-animate .ps-red {
  transform-origin: 50% 100%;
  animation: psLogoGrow calc(.41s * 1.2 / 1.91) cubic-bezier(.2,.8,.2,1) calc(.68s * 1.2 / 1.91) forwards;
}

.ps-animowane-logo.ps-logo-animate .ps-green {
  transform-origin: 50% 100%;
  animation: psLogoGrow calc(.41s * 1.2 / 1.91) cubic-bezier(.2,.8,.2,1) calc(.85s * 1.2 / 1.91) forwards;
}

.ps-animowane-logo.ps-logo-animate .ps-darkblue {
  transform-origin: 50% 100%;
  animation: psLogoGrow calc(.41s * 1.2 / 1.91) cubic-bezier(.2,.8,.2,1) calc(1.02s * 1.2 / 1.91) forwards;
}

.ps-animowane-logo.ps-logo-animate .ps-logo-text {
  animation: psLogoText calc(.68s * 1.2 / 1.91) cubic-bezier(.16,1,.3,1) calc(1.23s * 1.2 / 1.91) forwards;
}

@keyframes psLogoPop {
  0% {
    opacity: 0;
    transform: scale(.82);
  }
  72% {
    opacity: 1;
    transform: scale(1.02);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes psLogoGrow {
  0% {
    opacity: 0;
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}

@keyframes psLogoText {
  0% {
    opacity: 0;
    transform: translateX(36px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@media (max-width: 640px) {
  .ps-animowane-logo .ps-logo-inner {
    gap: 12px;
    padding-left: 4px;
    padding-right: 4px;
  }
  .ps-animowane-logo .ps-logo-mark {
    width: clamp(80px, 22vw, 130px);
  }
  .ps-animowane-logo .ps-logo-text {
    font-size: clamp(18px, 5.2vw, 34px);
    line-height: .98;
  }
}

/* Animacja wysuwania panelu logowania użytkownika spod logo */
.user-login-stage .auth-card--user {
  margin: 24px auto 0;
  position: relative;
  z-index: 1;
  opacity: 0;
  transform: translateY(-50px);
  width: min(600px, 100%);
  padding: 44px 48px;
}

.user-login-stage.ps-logo-animate .auth-card--user {
  animation: authCardSlideOut calc(0.72s * 1.2 / 1.91) cubic-bezier(.16, 1, .3, 1) calc(1.15s * 1.2 / 1.91) forwards;
}

@keyframes authCardSlideOut {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }
  40% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Ciemniejszy styl panelu logowania użytkownika - powiększony o 30% */
.auth-card--user,
.panel-public .auth-card {
  background: linear-gradient(180deg, #1e293b 0%, #16202e 100%);
  border: 1px solid #334354;
  border-top: 5px solid var(--blue);
  border-radius: 20px;
  box-shadow: 0 24px 50px rgba(15, 23, 42, 0.32);
  color: #f1f5f9;
}

.user-login-stage .stack {
  gap: 20px;
}

.auth-card--user h1,
.panel-public .auth-card h1 {
  color: #f8fafc;
  font-size: 2.05rem;
  letter-spacing: -0.01em;
  margin-bottom: 16px;
}

.auth-card--user .muted,
.panel-public .auth-card .muted {
  color: #94a3b8;
  font-size: 1.15rem;
}

.auth-card--user label,
.panel-public .auth-card label {
  color: #cbd5e1;
  font-weight: 650;
  font-size: 1.12rem;
  gap: 8px;
}

.auth-card--user input,
.panel-public .auth-card input {
  min-height: 52px;
  padding: 12px 16px;
  background: #0f172a;
  border: 1px solid #38485c;
  color: #f8fafc;
  border-radius: 10px;
  font-size: 1.18rem;
  transition: border-color .15s ease, box-shadow .15s ease;
}

.auth-card--user input:focus,
.panel-public .auth-card input:focus {
  outline: 3px solid rgba(59, 169, 224, 0.3);
  border-color: var(--sky);
}

.auth-card--user .button.primary,
.panel-public .auth-card .button.primary {
  min-height: 52px;
  margin-top: 8px;
  font-size: 1.22rem;
  letter-spacing: 0.02em;
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(6, 100, 160, 0.38);
}

.auth-card--user .alert.error,
.panel-public .auth-card .alert.error {
  background: rgba(233, 79, 29, 0.16);
  border-color: var(--red);
  color: #fecaca;
  font-size: 1.08rem;
  padding: 15px 18px;
}

@media (prefers-reduced-motion: reduce) {
  .ps-animowane-logo .ps-logo-part,
  .ps-animowane-logo .ps-logo-text {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
  .user-login-stage .auth-card--user,
  .user-login-stage.ps-motion-reduced .auth-card--user {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}

.system-theme-dark .ps-animowane-logo,
.system-theme-dark .ps-animowane-logo .ps-logo-inner {
  background: transparent;
}
.system-theme-dark .ps-animowane-logo .ps-logo-text,
.system-theme-dark .ps-animowane-logo .ps-logo-text * {
  color: #f1f5f9 !important;
}

.panel { margin-bottom: 22px; padding: 24px; }.panel.narrow { max-width: 620px; margin-inline: auto; }
.stack { display: grid; gap: 15px; }.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
label { display: grid; gap: 6px; color: #34434e; font-weight: 650; }
input, select { width: 100%; min-height: 41px; padding: 9px 11px; border: 1px solid #b8c7d2; border-radius: 7px; background: #fff; color: var(--text); font: inherit; }
input:focus, select:focus { outline: 3px solid rgba(6,100,160,.18); border-color: var(--blue); }
.checkbox, .permission-list label { display: flex; align-items: center; gap: 8px; }.checkbox input, .permission-list input { width: auto; min-height: auto; }
.permission-list { grid-column: 1 / -1; border: 1px solid var(--border); border-radius: 9px; padding: 13px; display: flex; flex-wrap: wrap; gap: 16px; }
.permission-list legend { font-weight: 700; padding: 0 6px; }
.alert { margin: 0 0 18px; padding: 13px 15px; border-radius: 8px; border-left: 5px solid; }.alert.error { background: #fde9e2; border-color: var(--red); }.alert.warning { background: #fff1dc; border-color: var(--orange); }.alert.success { background: #eff7db; border-color: var(--green); }
.table-wrap { overflow-x: auto; } table { width: 100%; border-collapse: collapse; } th, td { padding: 11px; border-bottom: 1px solid var(--border); text-align: left; vertical-align: top; } th { color: var(--blue); background: #eef5f9; font-size: .82rem; text-transform: uppercase; }
code { font-size: .8rem; white-space: pre-wrap; }.two-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.danger-zone { display: flex; align-items: center; justify-content: space-between; gap: 24px; border-color: rgba(233,79,29,.5); border-left: 5px solid var(--red); }
.danger-zone h2 { margin-bottom: 6px; }.danger-zone p { margin: 0; color: var(--muted); }
.danger-zone form { flex: 0 0 auto; }
.result-count { color: var(--muted); font-weight: 700; }
.audit-tabs { margin-bottom: 18px; display: flex; gap: 8px; overflow-x: auto; padding-bottom: 3px; }
.audit-tab { padding: 10px 15px; color: var(--text); background: var(--surface); border: 1px solid var(--border); border-radius: 999px; text-decoration: none; font-weight: 750; white-space: nowrap; }
.audit-tab:hover { border-color: var(--blue); color: var(--blue); }
.audit-tab.active { color: #fff; background: var(--blue); border-color: var(--blue); }
.filter-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.filter-heading h2 { margin-bottom: 12px; }
.audit-filter-grid { display: grid; grid-template-columns: repeat(4, minmax(150px, 1fr)); gap: 13px; align-items: end; }
.audit-filter-grid label { font-size: .86rem; }
.audit-filter-grid .filter-wide { grid-column: span 2; }
.filter-actions { display: flex; align-items: end; }
.audit-results { padding: 0; overflow: hidden; }
.audit-results .table-wrap { max-height: 65vh; overflow: auto; }
.audit-table { min-width: 1500px; }
.audit-table th { position: sticky; top: 0; z-index: 1; }
.audit-table td { max-width: 280px; overflow-wrap: anywhere; font-size: .86rem; }
.audit-table .nowrap { white-space: nowrap; }
.audit-management-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); gap: 14px; margin-bottom: 16px; }
.audit-management-card { margin: 0; }
.audit-management-card h2 { margin-top: 2px; }
.audit-management-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; align-items: end; }
.audit-management-form .button { grid-column: 1 / -1; }
.audit-retention-check { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: end; }
.audit-retention-delete { margin-top: 10px; }
.hash-value { display: block; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.audit-status { display: inline-block; padding: 4px 8px; border-radius: 999px; background: #e9eef1; font-size: .75rem; font-weight: 800; }
.audit-status-success { color: #527000; background: #edf6d7; }
.audit-status-denied, .audit-status-failed { color: #a52f0a; background: #fde7df; }
@media (max-width: 760px) { .audit-management-grid, .audit-management-form, .audit-retention-check { grid-template-columns: 1fr; }.audit-management-form .button { grid-column: auto; } }
.empty-state { padding: 36px !important; color: var(--muted); text-align: center; }
.pagination { padding: 16px 20px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; border-top: 1px solid var(--border); }
.pagination > :last-child { justify-self: end; }
.protected-account { border-left: 5px solid var(--orange); }
.account-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.account-summary div { padding: 13px; background: var(--bg); border-radius: 9px; }
.account-summary dt { color: var(--muted); font-size: .78rem; font-weight: 750; text-transform: uppercase; }.account-summary dd { margin: 5px 0 0; font-weight: 750; }
.maintenance-heading form { flex: 0 0 auto; }
.resource-summary { margin: -8px 0 22px; padding: 13px 16px; display: flex; align-items: center; gap: 16px; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; }
.resource-summary strong { min-width: 76px; color: var(--blue); font-variant-numeric: tabular-nums; }
.resource-meter { height: 10px; flex: 1; overflow: hidden; background: var(--border); border-radius: 999px; }
.resource-meter span { height: 100%; display: block; background: linear-gradient(90deg, var(--green), var(--orange)); border-radius: inherit; }
.maintenance-grid { margin-bottom: 22px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.maintenance-card { --app-accent: var(--blue); min-width: 0; padding: 22px; background: var(--surface); border: 1px solid var(--border); border-top: 5px solid var(--app-accent); border-radius: 14px; box-shadow: var(--shadow); }
.maintenance-card--rekoder { --app-accent: var(--app-rekoder); }
.maintenance-card--spss { --app-accent: var(--app-spss); }
.maintenance-card--czestosci { --app-accent: var(--app-czestosci); }
.maintenance-card--watermark { --app-accent: var(--app-watermark); }
.maintenance-card--wiadomosci { --app-accent: #0664a0; }
.maintenance-card > header { margin-bottom: 18px; display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.maintenance-card h2 { margin-bottom: 5px; }
.maintenance-card code { color: var(--muted); overflow-wrap: anywhere; }
.resource-profile-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 10px; }
.maintenance-actions { margin-top: 18px; display: flex; flex-wrap: wrap; gap: 9px; }
.maintenance-actions form { margin: 0; }
.frontend-refresh-form { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; flex-basis: 100%; padding: 14px 0 4px; border-top: 1px solid var(--border); }
.frontend-refresh-form label { flex-basis: 100%; margin: 0; font-weight: 600; }
.frontend-refresh-form select { flex: 1 1 240px; max-width: 380px; }
.frontend-refresh-form small { flex-basis: 100%; color: var(--muted); line-height: 1.45; }
.frontend-refresh-form .alert { flex-basis: 100%; margin: 0; }
.maintenance-meta { min-height: 25px; margin-top: 16px; display: flex; flex-wrap: wrap; gap: 6px 14px; color: var(--muted); font-size: .82rem; }
.repository-check-form { align-items: end; margin-bottom: 12px; }
.repository-check-form .button { min-height: 44px; }
.repository-check-result { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin: 0 0 15px; }
.repository-check-result code { overflow-wrap: anywhere; }
.publish-blocked-note { margin: 0 0 15px; padding: 13px 15px; display: grid; gap: 4px; color: #ffd5c8; background: rgba(145,48,20,.22); border: 1px solid rgba(233,79,29,.34); border-radius: 11px; }
.publish-blocked-note span { color: #e7b9aa; font-size: .86rem; line-height: 1.45; }
.operation-state { font-weight: 700; }
.operation-state--success { color: #527000; }
.operation-state--failed { color: #a52f0a; }
.operation-state--pending, .operation-state--running { color: #8a5b00; }
.maintenance-history { padding: 0; overflow: hidden; }
.maintenance-history h2 { padding: 20px 24px 0; }
.capacity-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.capacity-grid .resource-summary { margin-bottom: 8px; }
.resource-summary > div:first-child { display: grid; min-width: 155px; }
.resource-summary small, .capacity-help, .tile-help { color: var(--muted); }
.resource-meter--workers span { background: var(--blue); }
.capacity-help { margin: 0 0 22px; line-height: 1.5; }
.readiness-panel { padding: 0; overflow: hidden; }
.readiness-panel > summary { padding: 19px 22px; display: grid; grid-template-columns: auto auto 1fr; align-items: center; gap: 14px; cursor: pointer; list-style-position: inside; }
.readiness-panel > summary > span:first-of-type { font-size: 1.15rem; font-weight: 800; }
.readiness-panel > summary small { color: var(--muted); }
.readiness-content { padding: 0 22px 22px; border-top: 1px solid var(--border); }
.readiness-content h2 { margin: 22px 0 10px; font-size: 1rem; }
.readiness-services-list { display: grid; gap: 10px; }
.readiness-service-card { min-width: 0; display: grid; grid-template-columns: minmax(180px,.72fr) minmax(220px,.82fr) minmax(390px,1.55fr) minmax(165px,.62fr); align-items: stretch; overflow: hidden; background: color-mix(in srgb, var(--surface) 72%, var(--bg)); border: 1px solid var(--border); border-radius: 12px; }
.readiness-service-card--system { grid-template-columns: minmax(220px,.8fr) minmax(260px,1fr) minmax(180px,.7fr); }
.readiness-service-card__heading,
.readiness-service-card__block { min-width: 0; padding: 13px 14px; border-right: 1px solid var(--border); }
.readiness-service-card > :last-child { border-right: 0; }
.readiness-service-card__heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; background: rgba(42,158,211,.06); }
.readiness-service-card__heading > div { min-width: 0; display: grid; gap: 4px; }
.readiness-service-card__heading strong { font-size: .94rem; }
.readiness-service-card__heading small { color: var(--muted); font-size: .72rem; line-height: 1.35; }
.readiness-service-card__block { display: grid; align-content: center; gap: 7px; }
.readiness-service-card__label { color: #73c9ef; font-size: .66rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.readiness-service-card__system-note strong { font-size: .84rem; }
.readiness-service-resources { min-width: 0; }
.readiness-resource-form { min-width: 0; display: grid; grid-template-columns: minmax(112px, 1fr) minmax(102px,.72fr) auto; align-items: end; gap: 7px; }
[data-application-resources] .readiness-resource-form { grid-template-columns: minmax(120px, 1fr) minmax(160px, 1fr) minmax(140px, .8fr) auto; margin: 12px 0; }
@media (max-width: 700px) {
  [data-application-resources] .readiness-resource-form { grid-template-columns: 1fr 1fr; }
  [data-application-resources] .readiness-resource-form > strong { grid-column: 1 / -1; }
}
.readiness-resource-form label { min-width: 0; display: grid; gap: 3px; font-size: .7rem; }
.readiness-resource-form select,
.readiness-resource-form input { width: 100%; min-width: 0; min-height: 34px; padding: 6px 8px; }
.readiness-service-image { min-width: 0; }
.readiness-service-card__image-state { display: flex; align-items: center; justify-content: space-between; gap: 7px; }
.readiness-service-image form { margin: 0; }
.readiness-service-image .button { width: 100%; }
.service-version-form { min-width: 0; margin: 0; display: grid; grid-template-columns: minmax(90px, 1fr) auto; align-items: center; gap: 8px; }
.service-version-form input { min-height: 36px; padding: 7px 9px; }
.service-version-form .button { min-height: 36px; padding: 7px 12px; }
.tile-help { margin: 0 0 12px; }
.maintenance-grid--tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.maintenance-card--tile { min-height: 270px; padding: 20px; display: flex; flex-direction: column; cursor: default; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.maintenance-card--tile:hover, .maintenance-card--tile:focus-visible { transform: translateY(-3px); border-color: var(--app-accent); box-shadow: 0 16px 34px color-mix(in srgb, var(--app-accent) 22%, transparent); }
.maintenance-card--tile:focus-visible { outline: 3px solid color-mix(in srgb, var(--app-accent) 35%, transparent); outline-offset: 3px; }
.maintenance-card--tile > header { display: grid; }
.maintenance-card--tile > header p { margin: 7px 0 0; color: var(--muted); line-height: 1.4; }
.maintenance-card--tile > header .status { justify-self: start; }
.maintenance-card--tile > .button { margin-top: auto; }
.tile-facts { margin: 0 0 16px; display: grid; gap: 7px; }
.tile-facts div { display: flex; justify-content: space-between; gap: 8px; }
.tile-facts dt { color: var(--muted); }
.tile-facts dd { margin: 0; font-weight: 750; text-align: right; }
/* Keep the page fixed for every admin dialog, including nested confirmations.
   Native dialog inertness alone does not prevent background wheel scrolling. */
html:has(body.panel-admin dialog[open]),
body.panel-admin:has(dialog[open]) {
  overflow: hidden;
  overscroll-behavior: none;
}
.panel-admin dialog,
.panel-admin dialog .dialog-shell,
.panel-admin dialog [data-spss-scroll],
.panel-admin .analysis-editor-tab-panel {
  overscroll-behavior: contain;
}
.app-options-dialog { inset: 0; width: 100vw; max-width: none; height: 100dvh; max-height: none; margin: 0; padding: 0; overflow: hidden; color: var(--text); background: var(--surface); border: 0; border-radius: 0; box-shadow: 0 28px 80px rgba(0,0,0,.35); }
.app-options-dialog:not([open]) { display: none !important; }
.app-options-dialog--spss { width: 100vw; }
.app-options-dialog::backdrop { background: rgba(8,18,28,.6); backdrop-filter: blur(2px); }
.dialog-shell { padding: 26px; }
.app-options-dialog > .dialog-shell { box-sizing: border-box; height: 100%; overflow-y: auto; }
.dialog-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.dialog-heading h2 { margin-bottom: 5px; }
.dialog-heading code { color: var(--muted); overflow-wrap: anywhere; }
.dialog-close { width: 42px; height: 42px; flex: 0 0 auto; color: var(--muted); background: var(--bg); border: 1px solid var(--border); border-radius: 50%; font: inherit; font-size: 1.7rem; line-height: 1; cursor: pointer; }
.option-section { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--border); }
.option-section h3 { margin: 0 0 12px; color: var(--blue); }
.option-section p { line-height: 1.5; }
.analysis-control-table { max-height: 420px; overflow: auto; border: 1px solid var(--border); border-radius: 9px; }
.analysis-control-table th { position: sticky; top: 0; z-index: 1; }
.analysis-control-table td:first-child code { display: block; margin-top: 3px; color: var(--muted); }
.resource-linked-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)) auto; gap: 13px; align-items: end; }
.resource-linked-form small { display: block; margin-top: 5px; color: var(--muted); }
.analysis-access-toolbar { display: flex; align-items: end; justify-content: space-between; gap: 12px; margin-bottom: 9px; }
.analysis-type-filters { display: flex; flex-wrap: wrap; gap: 6px; }
.panel-admin .spss-admin-workspace .analysis-access-toolbar { flex-wrap: wrap; }
.analysis-type-filters button[aria-pressed="true"] { border-color: #3ba9e0; box-shadow: inset 0 0 0 1px #3ba9e0; }
.analysis-family, .analysis-group { display: flex; flex-direction: column; gap: 8px; }
[data-analysis-family][hidden], [data-analysis-group][hidden], [data-analysis-row][hidden], [data-analysis-empty][hidden] { display: none !important; }
.analysis-family-heading { margin: 0; padding: 12px 16px; font-size: .95rem; background: var(--surface); border-bottom: 1px solid var(--border); }
.analysis-group-heading { margin: 0; padding: 8px 16px; font-size: .82rem; color: var(--muted); }
.analysis-dirty-status { margin-right: auto; color: #F39208; font-size: .82rem; }
.analysis-editor-form > .form-actions { flex-wrap: wrap; }
.analysis-access-toolbar label { width: min(320px, 100%); font-size: .78rem; }
.analysis-access-toolbar input { min-height: 34px; padding: 6px 9px; font-size: .86rem; }
.analysis-control-list { max-height: 370px; overflow-y: auto; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); }
.analysis-control-row { min-height: 46px; display: grid; grid-template-columns: minmax(180px, 1fr) auto; align-items: center; gap: 14px; padding: 8px 11px; border-bottom: 1px solid var(--border); }
.analysis-control-row:last-of-type { border-bottom: 0; }
.analysis-control-row > strong { min-width: 0; font-size: .88rem; line-height: 1.25; }
.analysis-control-row--editable { cursor: pointer; }
.analysis-control-row--editable:hover,
.analysis-control-row--editable:focus-visible { background: rgba(233,79,29,.1); outline: 1px solid rgba(233,79,29,.45); outline-offset: -1px; }
.spss-admin-workspace { display: grid; gap: 16px; }
.spss-admin-tabs,
.analysis-editor-tabs { display: flex; gap: 6px; padding: 5px; overflow-x: auto; background: rgba(5,14,24,.34); border: 1px solid var(--border); border-radius: 11px; }
.spss-admin-tabs button,
.analysis-editor-tabs button { min-height: 40px; padding: 8px 14px; color: var(--muted); background: transparent; border: 1px solid transparent; border-radius: 8px; font: inherit; font-size: .83rem; font-weight: 800; white-space: nowrap; cursor: pointer; }
.spss-admin-tabs button[aria-selected="true"],
.analysis-editor-tabs button[aria-selected="true"] { color: #fff; background: var(--blue); border-color: rgba(255,255,255,.14); }
.spss-admin-tabs button:disabled { color: color-mix(in srgb, var(--muted) 48%, transparent); cursor: not-allowed; }
.spss-admin-tab-panel,
.analysis-editor-tab-panel { min-width: 0; display: grid; gap: 16px; }
.spss-admin-tab-panel[hidden],
.analysis-editor-tab-panel[hidden] { display: none; }
.spss-content-panel-heading { display: flex; align-items: end; justify-content: space-between; gap: 18px; }
.spss-content-panel-heading h3 { margin: 0 0 4px; }
.spss-content-panel-heading p { margin: 0; color: var(--muted); }
.spss-content-panel-heading label { flex: 0 1 360px; }
.spss-content-registry-form { min-width: 0; display: grid; gap: 14px; }
.spss-content-registry-form > .form-actions { position: sticky; bottom: -1px; z-index: 3; justify-content: flex-end; margin: 0; padding: 12px 0 1px; background: linear-gradient(180deg, transparent, var(--surface) 24%); }
.spss-title-registry { display: grid; gap: 10px; }
.spss-registry-group { min-width: 0; overflow: hidden; border: 1px solid var(--border); border-radius: 11px; background: rgba(5,14,24,.2); }
.spss-registry-group[hidden] { display: none; }
.spss-registry-group > summary { min-width: 0; display: flex; align-items: center; gap: 12px; padding: 13px 15px; color: #bceafd; cursor: pointer; list-style: none; }
.spss-registry-group > summary::-webkit-details-marker { display: none; }
.spss-registry-group > summary::after { content: "⌄"; flex: 0 0 auto; margin-left: auto; color: var(--muted); font-size: 1rem; transition: transform .14s ease; }
.spss-registry-group[open] > summary::after { transform: rotate(180deg); }
.spss-registry-group > summary > span:first-child { min-width: 0; display: grid; gap: 2px; }
.spss-registry-group > summary small { color: var(--muted); font-weight: 500; }
.spss-registry-group > summary .override-badge { flex: 0 0 auto; }
.spss-registry-group__body { display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; padding: 0 12px 12px; }
.spss-title-template { min-width: 0; display: grid; gap: 9px; padding: 12px; border: 1px solid var(--border); border-radius: 9px; background: rgba(5,14,24,.28); }
.spss-title-template[hidden], .spss-annotation-template[hidden] { display: none; }
.spss-title-template.is-overridden, .spss-annotation-template.is-overridden { border-color: rgba(243,146,8,.52); }
.spss-title-template > header { display: flex; align-items: start; justify-content: space-between; gap: 10px; }
.spss-title-template > header > div { min-width: 0; display: grid; gap: 2px; }
.spss-title-template small { color: var(--muted); }
.spss-title-template code { overflow-wrap: anywhere; }
.override-badge { width: fit-content; padding: 3px 7px; color: #ffd39a; background: rgba(243,146,8,.1); border: 1px solid rgba(243,146,8,.32); border-radius: 999px; font-size: .68rem; font-weight: 850; }
.spss-title-segments { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 6px; }
.spss-title-segments input { min-width: 120px; flex: 1 1 210px; }
.spss-title-placeholder { flex: 0 0 auto; padding: 8px 10px; color: #ffe0ad; background: rgba(243,146,8,.1); border: 1px solid rgba(243,146,8,.38); border-radius: 8px; font-size: .78rem; font-weight: 800; cursor: help; }
.spss-title-example { margin: 0; color: var(--text); font-size: .82rem; overflow-wrap: anywhere; }
.spss-title-example > span { color: var(--muted); }
.spss-annotation-registry { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.spss-annotation-template { min-width: 0; display: grid; grid-template-columns: 76px minmax(150px,.55fr) minmax(220px,1.45fr); align-items: center; gap: 10px; padding: 10px; border: 1px solid var(--border); border-radius: 9px; background: rgba(5,14,24,.28); }
.spss-annotation-template > span:nth-child(2) { min-width: 0; display: grid; gap: 3px; overflow-wrap: anywhere; }
.spss-annotation-symbol { font-family: Georgia, serif; font-size: 1.05rem; text-align: center; }
.spss-annotation-symbol .is-italic { font-style: italic; }
.spss-annotation-symbol .is-superscript { vertical-align: super; font-size: .72em; }
.spss-annotation-symbol .is-subscript { vertical-align: sub; font-size: .72em; }
.spss-annotation-editor { min-width: 0; display: grid; gap: 6px; }
.spss-annotation-editor > input { width: 100%; }
.spss-annotation-toolbar { min-width: 0; display: flex; align-items: center; gap: 5px; }
.spss-annotation-toolbar button { width: 30px; min-height: 28px; padding: 3px; color: #bceafd; background: rgba(21,56,79,.5); border: 1px solid var(--border); border-radius: 7px; cursor: pointer; }
.spss-annotation-toolbar button:hover,
.spss-annotation-toolbar button:focus-visible { color: #fff; border-color: var(--cyan); }
.spss-annotation-toolbar small { min-width: 0; margin-left: auto; color: var(--muted); font-size: .69rem; overflow-wrap: anywhere; }
.spss-annotation-preview { min-height: 1.25em; margin: 0; color: var(--text); font-size: .78rem; overflow-wrap: anywhere; }
.spss-annotation-preview > span:first-child { color: var(--muted); }
.analysis-editor-dialog { inset: 0; width: 100vw; max-width: none; height: 100dvh; max-height: none; margin: 0; padding: 0; overflow: hidden; color: var(--text); background: var(--surface); border: 0; border-radius: 0; }
.analysis-editor-dialog::backdrop { background: rgba(2,8,14,.78); backdrop-filter: blur(6px); }
.analysis-editor-form { height: 100%; min-height: 0; display: grid; grid-template-rows: auto auto minmax(0,1fr) auto; gap: 14px; padding: clamp(18px, 2.4vw, 28px); overflow: hidden; }
.analysis-editor-policy { display: flex; flex-wrap: wrap; gap: 10px; }
.spss-content-creation { overflow: hidden; border: 1px solid var(--border); border-radius: 11px; background: rgba(5,14,24,.18); }
.spss-content-creation > summary { padding: 13px 15px; cursor: pointer; }
.spss-content-creation > summary span { display: grid; gap: 3px; }
.spss-content-creation > summary small { color: var(--muted); font-weight: 500; }
.spss-content-creation__body { display: grid; gap: 12px; padding: 0 14px 14px; }
.spss-taxonomy-tools { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.spss-custom-groups { display: grid; gap: 8px; padding: 11px 13px; border: 1px solid var(--border); border-radius: 9px; }
.spss-custom-groups > div { display: flex; flex-wrap: wrap; gap: 7px; }
.spss-creation-card { min-width: 0; padding: 13px; display: grid; grid-template-columns: minmax(200px,1.2fr) minmax(165px,.7fr) minmax(165px,.7fr) auto; align-items: end; gap: 10px; background: rgba(5,14,24,.24); border: 1px solid var(--border); border-radius: 10px; }
.spss-creation-card > strong { grid-column: 1 / -1; color: #bceafd; }
.spss-creation-card label { min-width: 0; }
.spss-instruction-hub__heading > div,
.spss-instruction-library > div:first-child { display: grid; gap: 3px; }
.spss-instruction-hub__heading small,
.spss-instruction-library small { color: var(--muted); }
.spss-family-creation { padding: 0; overflow: hidden; border: 1px solid var(--border); border-radius: 10px; background: rgba(5,14,24,.2); }
.spss-family-creation > summary { padding: 12px 14px; color: #bceafd; font-weight: 800; cursor: pointer; }
.spss-family-creation > form { display: grid; grid-template-columns: minmax(220px,1fr) auto; align-items: end; gap: 10px; padding: 0 14px 14px; }
.spss-instruction-library { min-width: 0; display: grid; gap: 9px; }
.spss-family-manager { min-width: 0; margin-bottom: 16px; padding: 13px; display: grid; gap: 10px; background: rgba(5,14,24,.24); border: 1px solid var(--border); border-radius: 10px; }
.spss-family-manager > div:first-child { display: grid; gap: 3px; }
.spss-family-manager small { color: var(--muted); }
.spss-family-manager__rows { display: grid; gap: 7px; }
.spss-family-manager__row { min-width: 0; display: grid; grid-template-columns: minmax(150px,.7fr) minmax(220px,1.3fr) 90px; align-items: center; gap: 8px; }
.spss-family-manager__row code { min-width: 0; overflow-wrap: anywhere; color: var(--muted); font-size: .72rem; }
.analysis-row-copy { min-width: 0; display: grid; gap: 3px; }
.analysis-row-copy small { color: var(--muted); font-size: .73rem; }
.analysis-editor-identity { display: grid; grid-template-columns: minmax(230px,1.2fr) minmax(180px,.7fr) minmax(180px,.7fr) minmax(125px,.35fr); gap: 12px; }
.analysis-control-order-editor { min-width: 0; display: grid; gap: 9px; }
.analysis-control-order-editor > div:first-child { display: grid; gap: 3px; }
.analysis-control-order-editor small { color: var(--muted); }
.analysis-control-order-editor > div:last-child { display: grid; gap: 12px; padding: 2px 5px 2px 0; }
.analysis-control-group { min-width: 0; display: grid; gap: 7px; }
.analysis-control-group h4 { margin: 0; padding-inline: 3px; color: #bceafd; font-size: .82rem; }
.analysis-control-group__rows { display: grid; gap: 6px; }
.analysis-control-order-row { min-width: 0; display: grid; grid-template-columns: 42px minmax(220px, 1fr) 110px; align-items: center; gap: 8px; padding: 8px; background: rgba(5,14,24,.28); border: 1px solid var(--border); border-radius: 9px; transition: border-color .14s ease, opacity .14s ease, transform .14s ease; }
.analysis-control-order-row.is-dragging { opacity: .5; border-color: var(--orange); transform: scale(.995); }
.analysis-control-kind { color: var(--muted); font-size: .72rem; text-align: right; }
.analysis-control-order-row input { min-width: 0; }
.analysis-control-drag-handle { width: 38px; min-height: 38px; padding: 0; color: #9edcf4; background: rgba(59,169,224,.08); border: 1px solid rgba(59,169,224,.28); border-radius: 8px; font: 900 1rem/1 "Segoe UI", sans-serif; cursor: grab; }
.analysis-control-drag-handle:active { cursor: grabbing; }
.analysis-help-video-editor { display: grid; gap: 9px; padding: 12px; background: rgba(5,14,24,.24); border: 1px solid var(--border); border-radius: 10px; }
.analysis-help-video-editor[hidden] { display: none; }
.analysis-help-video-editor__heading { display: grid; gap: 2px; }
.analysis-help-video-editor__heading small { color: var(--muted); }
.analysis-help-video-editor > div { display: grid; gap: 7px; }
.analysis-help-video-row { min-width: 0; display: grid; grid-template-columns: minmax(170px,.45fr) minmax(280px,1fr) auto; align-items: center; gap: 8px; }
.analysis-help-video-row input { min-width: 0; }
.instruction-block-palette { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.instruction-block-palette > strong { margin-right: auto; }
.instruction-control-palette { min-width: 0; display: grid; gap: 8px; padding: 10px; border: 1px solid var(--border); border-radius: 9px; }
.instruction-control-palette[hidden] { display: none; }
.instruction-control-palette > div:first-child { display: grid; gap: 2px; }
.instruction-control-palette small { color: var(--muted); }
.instruction-control-palette > div:last-child { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 7px; }
.analysis-ui-text-editor { display: grid; gap: 8px; }
.analysis-ui-text-editor > div { max-height: 230px; overflow-y: auto; display: grid; gap: 7px; padding-right: 5px; }
.analysis-ui-text-row { display: grid; grid-template-columns: minmax(160px, .8fr) minmax(220px, 1.2fr); align-items: center; gap: 10px; }
.analysis-ui-text-row > span { color: var(--muted); font-size: .82rem; }
.analysis-editor-content { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
.analysis-editor-content > label { min-width: 0; }
.analysis-editor-content textarea { width: 100%; min-height: clamp(560px, calc(100dvh - 430px), 900px); resize: vertical; font-family: Consolas, monospace; }
.analysis-editor-content > div { min-width: 0; display: grid; grid-template-rows: auto 1fr; gap: 7px; }
.analysis-editor-content iframe { width: 100%; min-height: clamp(560px, calc(100dvh - 430px), 900px); background: #fff; border: 1px solid var(--border); border-radius: 8px; }
.analysis-editor-tab-panel { min-height: 0; align-content: start; overflow: auto; padding: 2px 6px 2px 1px; }
.analysis-editor-form > .form-actions { justify-content: flex-end; margin: 0; padding-top: 12px; background: var(--surface); border-top: 1px solid var(--border); }
.analysis-row-actions { display: flex; align-items: center; justify-content: flex-end; gap: 9px; }
.compact-check { min-width: 94px; display: inline-flex; align-items: center; gap: 6px; color: var(--text); font-size: .78rem; font-weight: 700; white-space: nowrap; cursor: pointer; }
.compact-check input, .panel-admin .compact-check input { width: 16px; height: 16px; min-height: 16px; padding: 0; flex: 0 0 auto; }
.analysis-ai-unavailable { min-width: 94px; color: var(--muted); font-size: .76rem; text-align: center; }
.analysis-control-list .empty-state { margin: 0; padding: 20px !important; font-size: .85rem; }
.rekoder-syntax-status { padding: 10px 12px; border-radius: 9px; border: 1px solid var(--border); }
.rekoder-syntax-status.is-original { color: var(--muted); }
.rekoder-syntax-status.is-override { color: var(--green); background: rgba(149,193,34,.08); border-color: rgba(149,193,34,.3); }
.refresh-key-database-form { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin: 14px 0 18px; padding: 13px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); }
.refresh-key-database-form small { flex: 1 1 360px; color: var(--muted); line-height: 1.45; }
textarea { width: 100%; padding: 11px; color: var(--text); background: var(--surface); border: 1px solid #b8c7d2; border-radius: 7px; font: 13px/1.45 Consolas, monospace; resize: vertical; }
textarea:focus { outline: 3px solid rgba(6,100,160,.18); border-color: var(--blue); }
.operation-filters { margin-bottom: 12px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.operation-pagination { padding-top: 14px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; text-align: center; }
.operation-pagination button:disabled { opacity: .45; cursor: not-allowed; }
.system-theme-dark .dialog-close { background: #172235; }
.system-theme-dark textarea { border-color: var(--border); }
@media (max-width: 1080px) {
  .readiness-service-card { grid-template-columns: minmax(190px,.7fr) minmax(240px,1fr); }
  .readiness-service-card__heading,
  .readiness-service-card__block { border-right: 0; border-bottom: 1px solid var(--border); }
  .readiness-service-card > :nth-last-child(-n+2) { border-bottom: 0; }
  .readiness-service-card--system { grid-template-columns: minmax(190px,.7fr) minmax(240px,1fr); }
  .readiness-service-card--system > :last-child { grid-column: 1 / -1; border-bottom: 0; }
  .analysis-editor-identity { grid-template-columns: minmax(0,1fr) minmax(210px,.7fr); }
  .analysis-editor-content { grid-template-columns: 1fr; }
  .analysis-editor-content textarea,
  .analysis-editor-content iframe { min-height: 420px; }
  .spss-annotation-registry { grid-template-columns: 1fr; }
}
@media (max-width: 980px) { .topbar { flex-wrap: wrap; padding-block: 10px; }.topbar nav { order: 3; width: 100%; }.topbar nav a { padding-block: 9px; } }
@media (max-width: 1080px) { .maintenance-grid--tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) { .maintenance-grid, .capacity-grid { grid-template-columns: 1fr; }.maintenance-heading { align-items: stretch; flex-direction: column; }.maintenance-heading .button { width: 100%; }.readiness-panel > summary { grid-template-columns: 1fr auto; }.readiness-panel > summary small { grid-column: 1 / -1; }.operation-filters { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .app-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }.portal-group { padding: 14px; }.portal-group-cards { grid-auto-rows: auto; }.app-card { padding: 16px; } }
@media (max-width: 620px) { .form-grid, .two-columns, .resource-linked-form { grid-template-columns: 1fr; }.page-shell { width: min(100% - 20px, 1240px); }.logout-form span { display: none; }.topbar { gap: 10px; padding-inline: 12px; }.brand span { display: none; }.resource-profile-form { grid-template-columns: 1fr; }.maintenance-actions > *, .maintenance-actions .button { width: 100%; } }
@media (prefers-reduced-motion: reduce) { .app-card, .app-shortcut-badge kbd { transition: none; }.app-card-link:hover .app-card, .app-card-link:focus-visible .app-card, .app-card.keyboard-active { transform: none !important; } }
@media (max-width: 700px) {
  .readiness-service-card,
  .readiness-service-card--system { grid-template-columns: 1fr; }
  .readiness-service-card__heading,
  .readiness-service-card__block,
  .readiness-service-card > :nth-last-child(-n+2) { border-bottom: 1px solid var(--border); }
  .readiness-service-card > :last-child { grid-column: auto; border-bottom: 0; }
  .readiness-resource-form { grid-template-columns: 1fr 1fr; }
  .readiness-resource-form .button { grid-column: 1 / -1; }
  .analysis-editor-dialog { width: 100vw; height: 100dvh; border-radius: 0; }
  .analysis-editor-form { gap: 11px; padding: 14px; }
  .analysis-editor-tabs { padding: 3px; }
  .analysis-editor-tabs button { flex: 1 0 auto; }
  .analysis-editor-identity,
  .spss-creation-card,
  .spss-taxonomy-tools,
  .spss-family-creation > form,
  .spss-family-manager__row,
  .analysis-help-video-row { grid-template-columns: 1fr; }
  .analysis-editor-identity > :last-child { grid-column: auto; }
  .analysis-control-order-row { grid-template-columns: 38px minmax(0,1fr); }
  .analysis-control-kind { grid-column: 2; text-align: left; }
  .analysis-editor-content textarea,
  .analysis-editor-content iframe { min-height: 360px; }
  .spss-content-panel-heading { align-items: stretch; flex-direction: column; }
  .spss-content-panel-heading label { flex-basis: auto; width: 100%; }
  .spss-annotation-template { grid-template-columns: 54px minmax(0,1fr); }
  .spss-annotation-editor { grid-column: 1 / -1; }
  .spss-annotation-toolbar { flex-wrap: wrap; }
  .spss-annotation-toolbar small { flex: 1 1 180px; }
}
@media (max-width: 620px) { .analysis-access-toolbar { align-items: stretch; flex-direction: column; }.analysis-control-row { grid-template-columns: 1fr; gap: 6px; }.analysis-row-actions { justify-content: flex-start; flex-wrap: wrap; }.analysis-ai-unavailable { text-align: left; } }
@media (max-width: 1000px) { .analysis-editor-content { grid-template-columns: 1fr; }.analysis-editor-content textarea,.analysis-editor-content iframe { min-height: 420px; } }
@media (max-width: 820px) { .spss-content-creation-grid, .analysis-editor-identity { grid-template-columns: 1fr; }.spss-creation-card { grid-template-columns: 1fr; }.spss-creation-card > strong { grid-column: auto; } }
@media (max-width: 620px) { .analysis-ui-text-row, .spss-family-manager__row { grid-template-columns: 1fr; gap: 4px; }.analysis-control-order-row { grid-template-columns: 42px minmax(0,1fr); }.analysis-control-order-row code { grid-column: 2; }.analysis-help-video-row { grid-template-columns: 1fr; } }

.system-theme-dark {
  color-scheme: dark;
  --app-spss: #a855f7;
  --app-czestosci: #f97316;
  --app-rekoder: #a3e635;
  --app-watermark: #38bdf8;
  --bg: #0f172a;
  --surface: #1e293b;
  --text: #f1f5f9;
  --muted: #a9b5c5;
  --border: #38485c;
  --shadow: 0 10px 28px rgba(0, 0, 0, .3);
}
.system-theme-dark label { color: var(--text); }
.system-theme-dark input,
.system-theme-dark select { color: var(--text); background: var(--surface); border-color: var(--border); }
.system-theme-dark th { background: #26384b; }
.system-theme-dark .info-strip { background: #172c3b; }
.system-theme-dark .button.secondary:not(.topbar .button.secondary) { color: #8fcff5; background: var(--surface); border-color: var(--border); }
.system-theme-dark .audit-status { color: var(--text); background: #334155; }
.system-theme-dark .audit-status-success { color: #d9f99d; background: #365314; }
.system-theme-dark .audit-status-denied,
.system-theme-dark .audit-status-failed { color: #fed7cc; background: #7c2d12; }
.system-theme-dark .app-card {
  background: linear-gradient(165deg, #1e293b 0%, color-mix(in srgb, var(--app-accent) 20%, #151f2e) 100%);
  border: 1px solid color-mix(in srgb, var(--app-accent) 45%, #425268);
  border-top: 4px solid var(--app-accent);
  box-shadow: 0 10px 30px -4px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .25);
}
.system-theme-dark .app-card--spss { --app-accent: var(--app-spss); }
.system-theme-dark .app-card--czestosci { --app-accent: var(--app-czestosci); }
.system-theme-dark .app-card--rekoder { --app-accent: var(--app-rekoder); }
.system-theme-dark .app-card--watermark { --app-accent: var(--app-watermark); }
.system-theme-dark .app-card h3 { color: #f8fafc; }
.system-theme-dark .app-card p { color: #cbd5e1; }
.system-theme-dark .app-card::before {
  background: radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--app-accent) 26%, transparent) 0%, transparent 70%);
}
.system-theme-dark .app-card-link:hover .app-card,
.system-theme-dark .app-card-link:focus-visible .app-card {
  transform: translateY(-5px);
  border-color: var(--app-accent);
  background: linear-gradient(165deg, #24344d 0%, color-mix(in srgb, var(--app-accent) 26%, #1a273a) 100%);
  box-shadow: 0 20px 40px -6px color-mix(in srgb, var(--app-accent) 40%, transparent), 0 0 0 1.5px var(--app-accent);
}
.system-theme-dark .app-shortcut-badge kbd {
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.1);
  color: #e2e8f0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}
.system-theme-dark .app-card-link:hover .app-shortcut-badge kbd,
.system-theme-dark .app-card-link:focus-visible .app-shortcut-badge kbd {
  border-color: var(--app-accent);
  color: #ffffff;
  background: color-mix(in srgb, var(--app-accent) 30%, #1e293b);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--app-accent) 45%, transparent);
}
.system-theme-dark .status.online { color: #bef264; background: rgba(149, 193, 34, 0.2); border-color: rgba(149, 193, 34, 0.38); }
.system-theme-dark .status.offline { color: #fca5a5; background: rgba(233, 79, 29, 0.2); border-color: rgba(233, 79, 29, 0.38); }

.back-link { text-align: center; font-weight: 650; }
.landing-intro { max-width: 720px; margin: 7vh auto 34px; text-align: center; }
.landing-intro h1 { font-size: clamp(2rem, 5vw, 3.3rem); margin-bottom: 12px; }
.panel-choice-grid { width: min(900px, 100%); margin: 0 auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.panel-choice,
.preference-panel { background: var(--surface); border: 1px solid var(--border); border-radius: 14px; box-shadow: var(--shadow); }
.panel-choice { min-height: 310px; padding: 30px; display: flex; flex-direction: column; gap: 22px; border-top: 5px solid var(--blue); }
.panel-choice.admin-choice { border-top-color: var(--purple); }
.panel-choice p { color: var(--muted); line-height: 1.6; }
.panel-choice div { flex: 1; }
.choice-icon { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 15px; background: #e5f2fa; color: var(--blue); font-size: 1.4rem; font-weight: 800; }
.admin-choice .choice-icon { background: #f1e8f5; color: var(--purple); }
.button.admin-button { color: #fff; background: var(--purple); }
.preference-panel { margin-bottom: 22px; padding: 20px 22px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.preference-panel h2 { margin-bottom: 5px; font-size: 1rem; }
.preference-panel p { margin: 0; color: var(--muted); }
.theme-options { display: flex; gap: 8px; flex: 0 0 auto; }
.theme-options form { margin: 0; }
.theme-option { min-width: 92px; padding: 9px 14px; border: 1px solid var(--border); border-radius: 999px; background: var(--surface); color: var(--text); font: inherit; font-weight: 750; cursor: pointer; }
.theme-option.selected { color: #fff; background: var(--blue); border-color: var(--blue); }

@media (max-width: 620px) {
  .panel-choice-grid { grid-template-columns: 1fr; }
  .preference-panel { align-items: stretch; flex-direction: column; }
  .theme-options { width: 100%; }
  .theme-options form { flex: 1; }
  .theme-option { width: 100%; }
}

@media (max-width: 980px) {
  .audit-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  .audit-filter-grid { grid-template-columns: 1fr; }
  .audit-filter-grid .filter-wide { grid-column: auto; }
  .danger-zone { align-items: stretch; flex-direction: column; }
  .danger-zone .button { width: 100%; }
  .pagination { grid-template-columns: 1fr; text-align: center; }
  .pagination > :last-child { justify-self: stretch; }
  .account-summary { grid-template-columns: 1fr; }
}

/* Admin control room ------------------------------------------------------ */
.panel-admin,
.panel-admin-login {
  color-scheme: dark;
  --app-spss: #a855f7;
  --app-czestosci: #f97316;
  --app-rekoder: #a3e635;
  --app-watermark: #38bdf8;
  --bg: #08111d;
  --surface: #101d2d;
  --surface-raised: #14243a;
  --surface-soft: #0c1827;
  --text: #edf6fb;
  --muted: #9db1c3;
  --border: rgba(143, 207, 245, .16);
  --shadow: 0 22px 55px rgba(0, 0, 0, .24);
  min-height: 100vh;
  background:
    radial-gradient(circle at 8% 4%, rgba(6, 100, 160, .2), transparent 31rem),
    radial-gradient(circle at 92% 12%, rgba(101, 36, 131, .16), transparent 27rem),
    linear-gradient(145deg, #07101b 0%, #0a1523 55%, #08111d 100%);
  background-attachment: fixed;
}
.panel-admin .topbar--admin,
.panel-admin-login .topbar--admin {
  min-height: 76px;
  position: sticky;
  top: 0;
  z-index: 20;
  padding-inline: clamp(16px, 3vw, 40px);
  background: rgba(7, 16, 27, .82);
  border-bottom: 1px solid rgba(143, 207, 245, .13);
  box-shadow: 0 8px 32px rgba(0, 0, 0, .22);
  backdrop-filter: blur(18px) saturate(135%);
}
.topbar--admin .brand { min-width: 268px; gap: 12px; }
.topbar--admin .brand img { width: 42px; height: 42px; padding: 3px; border-radius: 12px; box-shadow: 0 0 0 1px rgba(255,255,255,.12), 0 8px 24px rgba(0,0,0,.2); }
.brand-copy { display: grid; gap: 2px; }
.brand-copy strong { font-size: .93rem; letter-spacing: -.01em; }
.brand-copy small { color: #82caed; font-size: .67rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.admin-navigation { align-self: stretch; align-items: center; gap: 6px !important; }
.topbar .admin-navigation a {
  position: relative;
  padding: 12px 16px;
  color: #a9bfd1;
  border: 0;
  border-radius: 10px;
  transition: color .18s ease, background-color .18s ease;
}
.topbar .admin-navigation a:hover { color: #fff; background: rgba(59, 169, 224, .09); border-color: transparent; }
.topbar .admin-navigation a.active { color: #fff; background: rgba(59, 169, 224, .14); }
.topbar .admin-navigation a.active::after {
  content: "";
  position: absolute;
  right: 14px;
  bottom: 5px;
  left: 14px;
  height: 2px;
  background: linear-gradient(90deg, var(--sky), #70d5d1);
  border-radius: 999px;
}
.admin-session { display: grid; line-height: 1.1; text-align: right; }
.admin-session small { color: #8fa6b9; font-size: .67rem; letter-spacing: .08em; text-transform: uppercase; }
.admin-session strong { max-width: 150px; overflow: hidden; font-size: .82rem; text-overflow: ellipsis; white-space: nowrap; }
.panel-admin .page-shell { width: min(1360px, calc(100% - 40px)); margin-top: 38px; }
.panel-admin .admin-page-heading { min-height: 112px; align-items: center; margin-bottom: 24px; }
.admin-page-heading h1 { margin: 0; font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 760; letter-spacing: -.045em; line-height: 1; }
.panel-admin .eyebrow { margin-bottom: 10px; color: #69c5ef; letter-spacing: .16em; }
.page-lede { max-width: 680px; margin: 12px 0 0; color: var(--muted); font-size: 1.02rem; line-height: 1.55; }
.heading-stat {
  min-width: 136px;
  padding: 14px 18px;
  display: grid;
  justify-items: end;
  background: rgba(6, 100, 160, 0.12);
  border: 1px solid rgba(143, 207, 245, 0.2);
  border-radius: 14px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
}
.heading-stat strong { color: #dff6ff; font-size: 1.85rem; font-variant-numeric: tabular-nums; line-height: 1; }
.heading-stat span { margin-top: 5px; color: var(--muted); font-size: .73rem; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; }
.heading-actions { display: flex; align-items: center; gap: 10px; }

.panel-admin .panel,
.panel-admin .auth-card {
  background: rgba(14, 27, 43, 0.95);
  border: 1px solid rgba(143, 207, 245, 0.16);
  border-radius: 16px;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.26);
}
.panel-admin-login .page-shell {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: min(1240px, calc(100% - 32px));
  margin: 0 auto;
  padding: clamp(24px, 4vh, 56px) 16px;
  box-sizing: border-box;
}
.panel-admin-login .auth-card {
  width: min(420px, 100%);
  margin: 0 auto;
  padding: clamp(32px, 4vw, 42px) clamp(24px, 4vw, 36px);
  background: linear-gradient(165deg, rgba(17, 33, 52, 0.96) 0%, rgba(9, 21, 34, 0.98) 100%);
  border: 1px solid rgba(143, 207, 245, 0.2);
  border-top: 3px solid var(--sky, #3ba9e0);
  border-radius: 18px;
  box-shadow:
    0 24px 64px rgba(0, 0, 0, 0.46),
    0 0 32px rgba(6, 100, 160, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(20px);
  position: relative;
  overflow: hidden;
  text-align: center;
}
.panel-admin-login .auth-card::after {
  content: "";
  position: absolute;
  top: -50px;
  right: -50px;
  width: 140px;
  height: 140px;
  background: radial-gradient(circle, rgba(59, 169, 224, 0.15) 0%, transparent 70%);
  pointer-events: none;
}
.panel-admin-login .auth-card-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin: 0 auto 18px;
  border-radius: 14px;
  background: rgba(6, 100, 160, 0.2);
  border: 1px solid rgba(59, 169, 224, 0.3);
  color: var(--sky, #3ba9e0);
  box-shadow: 0 4px 16px rgba(6, 100, 160, 0.22);
}
.panel-admin-login .auth-card h1 {
  margin: 0 0 22px;
  color: #f1f7fc;
  font-size: 1.45rem;
  font-weight: 720;
  letter-spacing: -0.02em;
}
.panel-admin-login .auth-card form {
  text-align: left;
}
.panel-admin-login .stack {
  gap: 18px;
}
.panel-admin-login .alert.error {
  background: rgba(184, 59, 28, 0.18);
  border: 1px solid rgba(233, 79, 29, 0.35);
  border-left: 4px solid var(--red, #e94f1d);
  color: #ffd8cc;
  text-align: left;
  border-radius: 9px;
  font-size: 0.88rem;
  margin-bottom: 20px;
}
.panel-admin label,
.panel-admin-login label {
  color: #c4d9e9;
  font-size: 0.88rem;
  font-weight: 650;
  letter-spacing: 0.01em;
}
.panel-admin input,
.panel-admin select,
.panel-admin textarea,
.panel-admin-login input,
.panel-admin-login select {
  color: #f1f7fc;
  background: rgba(5, 14, 24, .62);
  border: 1px solid rgba(143,207,245,.22);
  border-radius: 9px;
  min-height: 42px;
  padding: 9px 13px;
  font-size: 0.95rem;
  transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}
.panel-admin select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238fd6f3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 38px;
  cursor: pointer;
}
.panel-admin input:focus,
.panel-admin select:focus,
.panel-admin textarea:focus,
.panel-admin-login input:focus {
  background: rgba(6, 17, 29, 0.85);
  border-color: #51b8e8;
  box-shadow: 0 0 0 3px rgba(59,169,224,.18);
  outline: none;
}
.panel-admin .permission-list {
  grid-column: 1 / -1;
  background: rgba(5, 14, 24, 0.4);
  border: 1px solid rgba(143, 207, 245, 0.16);
  border-radius: 12px;
  padding: 16px 18px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
}
.panel-admin .permission-list legend {
  color: #8fd6f3;
  font-size: 0.78rem;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 0 8px;
}
.panel-admin .permission-list label {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 10px 14px;
  background: rgba(12, 25, 40, 0.65);
  border: 1px solid rgba(143, 207, 245, 0.15);
  border-radius: 9px;
  cursor: pointer;
  color: #dceaf2;
  font-size: 0.9rem;
  font-weight: 600;
  transition: background-color .15s ease, border-color .15s ease, transform .12s ease;
  user-select: none;
}
.panel-admin .permission-list label:hover {
  background: rgba(59, 169, 224, 0.1);
  border-color: rgba(59, 169, 224, 0.35);
  transform: translateY(-1px);
}
.panel-admin .permission-list label:has(input:checked) {
  background: rgba(6, 100, 160, 0.18);
  border-color: rgba(59, 169, 224, 0.45);
  color: #ffffff;
}
.panel-admin .permission-list input[type="checkbox"] {
  width: 17px;
  height: 17px;
  margin: 0;
  accent-color: var(--sky);
  cursor: pointer;
}
.panel-admin .account-create-columns {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: 28px;
  align-items: start;
}
.panel-admin .account-create-col--fields {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.panel-admin .account-create-col--apps {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.panel-admin .account-create-col--apps .permission-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
  margin: 0;
  box-sizing: border-box;
}
.panel-admin .account-create-col--apps .permission-list label {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 16px;
}
.panel-admin .account-create-form .form-actions {
  display: flex;
  justify-content: flex-start;
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid rgba(143, 207, 245, 0.1);
}
@media (max-width: 820px) {
  .panel-admin .account-create-columns {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.panel-admin .form-actions {
  grid-column: 1 / -1;
  display: flex;
  justify-content: flex-start;
  margin-top: 4px;
}

.panel-admin .button,
.panel-admin-login .button { border-radius: 9px; transition: transform .14s ease, border-color .14s ease, background-color .14s ease, box-shadow .14s ease; }
.panel-admin .button:hover:not(:disabled),
.panel-admin-login .button:hover:not(:disabled) { transform: translateY(-1px); }
.panel-admin .button.action-online {
  color: #bfeeff;
  background: rgba(29, 138, 181, .1);
  border-color: rgba(68, 192, 231, .42);
}
.panel-admin .button.action-online:hover { color: #fff; background: rgba(29,138,181,.2); border-color: #58c9ec; box-shadow: 0 8px 24px rgba(29,138,181,.17); }
.panel-admin .button.action-online--strong { color: #03131d; background: linear-gradient(135deg, #55c8ed, #70d5d1); border-color: transparent; box-shadow: 0 8px 24px rgba(59,169,224,.2); }
.panel-admin .button.action-online--strong:hover { color: #03131d; background: linear-gradient(135deg, #72d6f5, #89e2dd); }
.panel-admin .button.action-local {
  color: #ffd39a;
  background: rgba(243, 146, 8, .08);
  border-color: rgba(243, 146, 8, .42);
}
.panel-admin .button.action-local:hover { color: #ffe8c6; background: rgba(243,146,8,.16); border-color: #f5a936; box-shadow: 0 8px 24px rgba(243,146,8,.12); }
.panel-admin .button.action-local--strong { color: #211304; background: linear-gradient(135deg, #f5a936, #f39208); border-color: transparent; box-shadow: 0 8px 24px rgba(243,146,8,.2); }
.panel-admin .button.action-local--strong:hover { color: #160d03; background: linear-gradient(135deg, #ffc15c, #f5a936); border-color: transparent; }
.panel-admin .button.action-system {
  color: #fff;
  background: var(--blue, #0664a0);
  border: 1px solid rgba(143, 207, 245, 0.25);
  box-shadow: 0 4px 14px rgba(6, 100, 160, 0.32);
  font-weight: 700;
}
.panel-admin .button.action-system:hover:not(:disabled) {
  background: #0877bb;
  border-color: rgba(143, 207, 245, 0.45);
  box-shadow: 0 6px 20px rgba(6, 100, 160, 0.42);
  transform: translateY(-1px);
}
.panel-admin .button.action-system:active:not(:disabled) {
  background: #055588;
  box-shadow: 0 2px 8px rgba(6, 100, 160, 0.25);
  transform: translateY(0);
}
.panel-admin-login .button.primary {
  width: 100%;
  min-height: 44px;
  margin-top: 6px;
  color: #ffffff;
  background: var(--blue, #0664a0);
  border: 1px solid rgba(143, 207, 245, 0.26);
  border-radius: 10px;
  font-size: 0.96rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  padding: 11px 20px;
  box-shadow: 0 4px 16px rgba(6, 100, 160, 0.35);
  transition: transform .14s ease, background-color .15s ease, box-shadow .15s ease, border-color .15s ease;
  cursor: pointer;
}
.panel-admin-login .button.primary:hover:not(:disabled) {
  background: #0877bb;
  border-color: rgba(143, 207, 245, 0.45);
  box-shadow: 0 8px 24px rgba(6, 100, 160, 0.45);
  transform: translateY(-1px);
}
.panel-admin-login .button.primary:active:not(:disabled) {
  background: #055588;
  box-shadow: 0 2px 8px rgba(6, 100, 160, 0.3);
  transform: translateY(0);
}
.panel-admin-login .button.primary:focus-visible {
  outline: 3px solid rgba(59, 169, 224, 0.45);
  outline-offset: 2px;
}
.panel-admin .button.action-quiet { color: #b8cee0; background: rgba(255,255,255,.025); border-color: rgba(143,207,245,.18); }
.panel-admin .button.action-quiet:hover { color: #fff; background: rgba(59,169,224,.09); border-color: rgba(89,193,233,.45); }
.panel-admin .button.disabled { color: #65788a; background: rgba(255,255,255,.035); border-color: rgba(255,255,255,.06); }
.panel-admin .button.danger { background: #b83b1c; }
.panel-admin .button.warning { color: #241600; background: #e99a25; }

.action-token,
.lane-count,
.quiet-badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 8px;
  border: 1px solid;
  border-radius: 999px;
  font-size: .66rem;
  font-weight: 850;
  letter-spacing: .09em;
  text-transform: uppercase;
  white-space: nowrap;
}
.action-token--online { color: #8bdcf5; background: rgba(59,169,224,.08); border-color: rgba(59,169,224,.3); }
.action-token--local { color: #ffc673; background: rgba(243,146,8,.07); border-color: rgba(243,146,8,.3); }
.lane-count { color: #d9f99d; background: rgba(149,193,34,.1); border-color: rgba(149,193,34,.3); }
.quiet-badge { color: #a9bfd1; background: rgba(255,255,255,.025); border-color: var(--border); }

.operation-lanes { margin-bottom: 16px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.command-lane {
  overflow: hidden;
  background: rgba(12, 25, 40, .82);
  border: 1px solid var(--border);
  border-radius: 15px;
  box-shadow: 0 13px 36px rgba(0,0,0,.16);
}
.command-lane--online { border-top: 2px solid rgba(59,169,224,.62); }
.command-lane--local { border-top: 2px solid rgba(243,146,8,.62); }
.command-lane > summary,
.admin-disclosure > summary {
  padding: 17px 19px;
  display: flex;
  align-items: center;
  gap: 13px;
  cursor: pointer;
  list-style: none;
  user-select: none;
}
.command-lane > summary::-webkit-details-marker,
.admin-disclosure > summary::-webkit-details-marker,
.context-note > summary::-webkit-details-marker { display: none; }
.command-lane > summary::after,
.admin-disclosure > summary::after {
  content: "";
  width: 8px;
  height: 8px;
  margin-left: auto;
  flex: 0 0 auto;
  border-right: 2px solid #7890a4;
  border-bottom: 2px solid #7890a4;
  transform: rotate(45deg) translateY(-2px);
  transition: transform .2s ease, border-color .2s ease;
}
.command-lane[open] > summary::after,
.admin-disclosure[open] > summary::after { border-color: #71ccec; transform: rotate(225deg) translate(-1px, -1px); }
.command-lane > summary:hover,
.admin-disclosure > summary:hover { background: rgba(59,169,224,.035); }
.disclosure-copy { min-width: 0; display: grid; gap: 4px; }
.disclosure-copy strong { color: var(--text); font-size: .98rem; }
.disclosure-copy small { color: var(--muted); font-size: .78rem; font-weight: 500; line-height: 1.35; }
.disclosure-icon { width: 30px; height: 30px; display: grid; place-items: center; flex: 0 0 auto; color: #8dd8f3; background: rgba(59,169,224,.09); border-radius: 9px; font-size: 1.2rem; }
.command-lane__body { margin: 0 !important; padding: 3px 19px 19px; border-top: 1px solid rgba(143,207,245,.09); }
.context-note { margin: 0 0 20px; color: var(--muted); font-size: .84rem; }
.context-note > summary { width: fit-content; cursor: pointer; color: #8ebbd2; font-weight: 700; list-style: none; }
.context-note > summary::before { content: "i"; width: 19px; height: 19px; margin-right: 7px; display: inline-grid; place-items: center; border: 1px solid #456579; border-radius: 50%; font-family: Georgia, serif; }
.context-note > div { margin-top: 10px; padding: 14px 16px; background: rgba(10,24,38,.65); border: 1px solid var(--border); border-radius: 11px; line-height: 1.55; }

.active-operation {
  margin-bottom: 16px;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #e8f6fc;
  background: rgba(34, 79, 103, .42);
  border: 1px solid rgba(113, 204, 236, .28);
  border-radius: 14px;
}
.active-operation > div { min-width: 0; display: grid; gap: 3px; }
.active-operation small { color: #a9c2d1; }
.active-operation .button { margin-left: auto; flex: 0 0 auto; }
.active-operation__pulse { width: 10px; height: 10px; flex: 0 0 auto; background: #71ccec; border-radius: 50%; box-shadow: 0 0 0 5px rgba(113,204,236,.12); }
.active-operation--running .active-operation__pulse { animation: operation-pulse 1.5s ease-in-out infinite; }
@keyframes operation-pulse { 50% { opacity: .45; transform: scale(.78); } }

.panel-admin .resource-summary { margin-top: 0; background: rgba(12,25,40,.72); border-color: var(--border); border-radius: 13px; box-shadow: 0 10px 28px rgba(0,0,0,.12); }
.panel-admin .resource-summary strong { color: #bceafd; }
.panel-admin .resource-meter { height: 7px; background: rgba(255,255,255,.08); }
.panel-admin .capacity-help { margin-bottom: 18px; font-size: .86rem; }
.panel-admin .readiness-panel { padding: 0; }
.panel-admin .readiness-panel > summary { grid-template-columns: 1fr auto auto; padding: 17px 20px; }
.panel-admin .readiness-content { padding-inline: 20px; background: rgba(5,14,24,.18); border-color: var(--border); }

.panel-heading { margin: -2px 0 15px; display: flex; justify-content: space-between; align-items: center; gap: 14px; }
.panel-heading h2 { margin: 0; }
.panel-heading .eyebrow { margin-bottom: 5px; }
.panel-admin .admin-table-panel { overflow: hidden; padding: 24px; }
.panel-admin table { border-collapse: separate; border-spacing: 0; }
.panel-admin th { color: #8fd6f3; background: rgba(59,169,224,.08); border-color: rgba(143,207,245,.15); font-size: .74rem; font-weight: 750; letter-spacing: .06em; padding: 13px 16px; }
.panel-admin td { border-color: rgba(143,207,245,.09); padding: 14px 16px; vertical-align: middle; }
.panel-admin tbody tr { transition: background-color .15s ease; }
.panel-admin tbody tr:hover { background: rgba(59,169,224,.04); }
.panel-admin .user-login-name { color: #f1f7fc; font-weight: 650; letter-spacing: -.01em; }
.panel-admin .role-badge { display: inline-flex; align-items: center; padding: 3px 10px; border-radius: 999px; font-size: .75rem; font-weight: 700; letter-spacing: .02em; }
.panel-admin .role-badge--moderator { color: #ffca65; background: rgba(243,146,8,.14); border: 1px solid rgba(243,146,8,.32); }
.panel-admin .role-badge--user { color: #92dcfd; background: rgba(59,169,224,.12); border: 1px solid rgba(59,169,224,.26); }
.panel-admin td.empty-state { text-align: center; padding: 36px 16px; color: var(--muted, #9db1c3); font-size: .94rem; }
.panel-admin .status.online { color: #d9f99d; background: rgba(89,132,20,.28); }
.panel-admin .status.offline { color: #ffb7a2; background: rgba(145,48,20,.28); }
.panel-admin .account-summary div { background: rgba(5,14,24,.35); border: 1px solid var(--border); }

.panel-admin .admin-disclosure { padding: 0; overflow: hidden; margin-bottom: 24px; }
.panel-admin .admin-disclosure > summary { padding: 18px 22px; background: rgba(11,23,37,.7); transition: background-color .15s ease; }
.panel-admin .admin-disclosure > summary:hover { background: rgba(59,169,224,.05); }
.panel-admin .admin-disclosure__body { padding: 22px; border-top: 1px solid rgba(143,207,245,.1); background: rgba(6,15,26,.35); }
.panel-admin .admin-disclosure-grid { align-items: start; }
.panel-admin .danger-disclosure { border-color: rgba(233,79,29,.3); }
.panel-admin .danger-disclosure > summary .disclosure-copy strong { color: #ffc1af; }
.panel-admin .danger-zone { margin: 0; padding: 20px; background: rgba(103,35,18,.14); border: 0; border-radius: 0; }

.panel-admin .audit-tabs { padding: 4px 0 8px; }
.panel-admin .audit-tab { color: #a7bbcb; background: rgba(12,25,40,.64); border-color: var(--border); }
.panel-admin .audit-tab:hover { color: #dff6ff; border-color: rgba(59,169,224,.5); }
.panel-admin .audit-tab.active { color: #06131d; background: #71ccec; border-color: #71ccec; }
.panel-admin .audit-results .panel-heading { padding: 20px 22px 4px; }
.panel-admin .audit-results .table-wrap { border-top: 1px solid var(--border); }
.panel-admin .audit-filters .filter-heading { padding-top: 14px; }

.panel-admin .tile-help { margin: 25px 0 12px; font-size: .82rem; }
.panel-admin .maintenance-grid--tiles { gap: 16px; }
.panel-admin .maintenance-card--tile {
  min-height: 240px;
  position: relative;
  overflow: hidden;
  background: #0e1927;
  border: 1px solid rgba(59,169,224,.18);
  border-top: 4px solid var(--app-accent);
  border-radius: 14px;
  box-shadow: 0 10px 28px rgba(0,0,0,.22);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.panel-admin .maintenance-card--tile::after {
  display: none;
}
.panel-admin .maintenance-card--tile:hover,
.panel-admin .maintenance-card--tile:focus-visible {
  transform: translateY(-3px);
  border-color: rgba(59,169,224,.4);
  box-shadow: 0 16px 36px rgba(0,0,0,.35);
}
.panel-admin .maintenance-card--tile h2 {
  font-size: 1.25rem;
  letter-spacing: -.02em;
  margin: 0 0 6px;
  color: #ffffff;
}
.panel-admin .maintenance-card--tile header p {
  margin: 0;
  color: #8faec5;
  font-size: .86rem;
  line-height: 1.45;
  min-height: 2.9em;
}
.panel-admin .maintenance-card--tile .tile-version {
  margin: 12px 0 16px;
  color: #728ea2;
  font-size: .8rem;
  font-weight: 700;
}
.panel-admin .maintenance-card--tile > .button {
  margin-top: auto;
  background: rgba(6, 100, 160, 0.12);
  color: #3ba9e0;
  border: 1px solid rgba(59, 169, 224, 0.3);
  font-weight: 700;
  border-radius: 8px;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.panel-admin .maintenance-card--tile > .button:hover {
  background: #0664a0;
  color: #ffffff;
  border-color: #0664a0;
}
.panel-admin .tile-facts { padding: 12px; background: rgba(3,11,19,.25); border: 1px solid rgba(255,255,255,.045); border-radius: 11px; font-size: .82rem; }
.panel-admin .tile-facts div + div { padding-top: 7px; border-top: 1px solid rgba(255,255,255,.045); }

.panel-admin .admin-infrastructure-section {
  margin-top: 40px;
  padding-top: 28px;
  border-top: 1px solid rgba(59, 169, 224, 0.14);
  display: grid;
  gap: 16px;
}
.panel-admin .infrastructure-heading h2 {
  margin: 0 0 4px;
  font-size: 1.25rem;
  color: #ffffff;
}
.panel-admin .infrastructure-heading p {
  margin: 0 0 10px;
  color: #8faec5;
  font-size: .88rem;
}

.panel-admin .app-options-dialog {
  width: 100vw;
  height: 100dvh;
  color: var(--text);
  background: #0c1828;
  border-color: rgba(143,207,245,.2);
  border-radius: 0;
  box-shadow: 0 36px 110px rgba(0,0,0,.62);
}
.panel-admin .app-options-dialog--spss { width: 100vw; }
.panel-admin .app-options-dialog::backdrop { background: rgba(2,8,14,.78); backdrop-filter: blur(7px); }
.panel-admin .dialog-shell { padding: clamp(20px, 3vw, 32px); }
.panel-admin .dialog-heading { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--border); }
.panel-admin .dialog-heading h2 { margin-bottom: 7px; font-size: 1.75rem; letter-spacing: -.03em; }
.dialog-context { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 7px; }
.panel-admin .dialog-close { color: #afc5d5; background: rgba(255,255,255,.035); border-color: var(--border); }
.panel-admin .dialog-close:hover { color: #fff; background: rgba(233,79,29,.16); border-color: rgba(233,79,29,.4); }
.panel-admin .option-section {
  margin-top: 10px;
  padding: 0;
  overflow: hidden;
  background: rgba(6,16,27,.32);
  border: 1px solid rgba(143,207,245,.12);
  border-radius: 13px;
}
.panel-admin .option-section > summary { padding: 15px 17px; }
.panel-admin .option-section__body { padding: 17px; background: rgba(4,13,23,.23); border-top: 1px solid rgba(143,207,245,.1); }
.panel-admin .option-section__body > :first-child { margin-top: 0; }
.panel-admin .option-section__body > :last-child { margin-bottom: 0; }
.panel-admin .analysis-control-table { border-color: var(--border); }
.panel-admin .analysis-control-list { background: rgba(12,25,40,.72); border-color: var(--border); }
.panel-admin .maintenance-meta { padding: 10px 12px; background: rgba(255,255,255,.025); border-radius: 9px; }
.panel-admin .operation-pagination { border-top: 1px solid var(--border); }
.panel-admin .branch-check-note {
  grid-column: 1 / -1;
  padding: 9px 11px;
  color: #ffd39a;
  background: rgba(243,146,8,.07);
  border: 1px solid rgba(243,146,8,.22);
  border-radius: 8px;
  line-height: 1.4;
}
.panel-admin .button[aria-busy="true"] { cursor: wait; opacity: .76; }
.async-status {
  min-height: 22px;
  margin: 12px 0;
  color: #9edcf4;
  font-size: .82rem;
  font-weight: 650;
  text-align: center;
}

.panel-admin .alert { color: #e8f2f7; background: rgba(12,25,40,.86); border: 1px solid var(--border); border-left-width: 4px; }
.panel-admin .alert.error { border-left-color: var(--red); }
.panel-admin .alert.warning { border-left-color: var(--orange); }
.panel-admin .alert.success { border-left-color: var(--green); }
.panel-admin .operation-state--success { color: #cce990; }
.panel-admin .operation-state--failed { color: #ffad97; }
.panel-admin .operation-state--pending,
.panel-admin .operation-state--running { color: #ffc877; }

@media (max-width: 980px) {
  .panel-admin .topbar--admin { position: static; }
  .topbar--admin .brand { min-width: 0; }
  .topbar--admin .admin-navigation { order: 3; width: 100%; overflow-x: auto; }
  .topbar--admin .admin-navigation a { padding-block: 10px; }
  .admin-session { display: none; }
  .operation-lanes { grid-template-columns: 1fr; }
  .panel-admin .maintenance-grid--tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
  .topbar--admin .brand-copy { display: grid; }
  .panel-admin .page-shell { width: min(100% - 22px, 1360px); margin-top: 24px; }
  .panel-admin .admin-page-heading { min-height: 0; align-items: flex-start; flex-direction: column; }
  .heading-stat { min-width: 118px; justify-items: start; }
  .heading-actions { width: 100%; justify-content: space-between; }
  .panel-admin .maintenance-grid--tiles { grid-template-columns: 1fr; }
  .panel-admin .maintenance-card--tile { min-height: 250px; }
  .panel-admin .readiness-panel > summary { grid-template-columns: 1fr auto; }
  .panel-admin .readiness-panel > summary::after { grid-column: 2; }
  .command-lane > summary { align-items: flex-start; flex-wrap: wrap; }
  .command-lane > summary .disclosure-copy { width: calc(100% - 100px); }
  .command-lane > summary .lane-count { order: 4; }
  .panel-admin .admin-disclosure-grid { grid-template-columns: 1fr; }
  .panel-admin .app-options-dialog { width: 100vw; height: 100dvh; max-height: none; }
  .panel-admin .dialog-heading code { display: block; max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
@media (max-width: 520px) {
  .topbar--admin .brand-copy strong { display: none; }
  .topbar--admin .brand { min-width: auto; }
  .panel-admin .capacity-grid { grid-template-columns: 1fr; }
  .panel-admin .command-lane__body > *,
  .panel-admin .command-lane__body .button { width: 100%; }
  .panel-admin .admin-disclosure > summary { padding: 15px; }
  .panel-admin .admin-disclosure__body,
  .panel-admin .option-section__body { padding: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .panel-admin *, .panel-admin *::before, .panel-admin *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}
.incident-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 0.8rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.incident-filters label,
.incident-action label { display: grid; gap: 0.3rem; font-size: 0.85rem; }
.incident-filters input,
.incident-filters select,
.incident-action input,
.incident-action select { min-height: 2.5rem; max-width: 17rem; }
.incident-timeline { display: grid; gap: 1rem; border-left: 2px solid var(--border-color, #526273); padding-left: 1rem; }
.incident-card { position: relative; padding: 1.1rem 1.3rem; }
.incident-card::before { content: ""; position: absolute; width: 0.7rem; height: 0.7rem; border-radius: 50%; background: #f59e0b; left: -1.43rem; top: 1.3rem; }
.incident-card--critical::before { background: #ef4444; }
.incident-card--error::before { background: #f97316; }
.incident-card__top { display: flex; flex-wrap: wrap; gap: 0.4rem 1rem; font-size: 0.82rem; opacity: 0.8; }
.incident-card h2 { margin: 0.6rem 0 0.2rem; font-size: 1.2rem; }
.incident-card__meta { font-size: 0.88rem; opacity: 0.85; }
.incident-card details { margin-top: 0.8rem; }
.incident-card summary { cursor: pointer; }
.incident-details { display: grid; grid-template-columns: minmax(7rem, 12rem) 1fr; gap: 0.4rem 0.8rem; overflow-wrap: anywhere; }
.incident-details dt { opacity: 0.7; }
.incident-details dd { margin: 0; }
.incident-action { display: flex; align-items: end; flex-wrap: wrap; gap: 0.6rem; margin-top: 0.8rem; }
.incident-attachment { border-top: 1px solid currentColor; margin-top: 1rem; padding-top: 0.8rem; }
.incident-empty { padding: 2rem; }
.incident-card input[type="checkbox"] { width: auto; min-height: auto; }
.incident-confirm-dialog { width: min(30rem, 95vw); max-height: 90dvh; overflow-y: auto; padding: 1.5rem; border-radius: .9rem; background: var(--panel-bg, #142535); color: inherit; border: 1px solid var(--border-color, #526273); }
.incident-confirm-dialog::backdrop { background: rgba(0, 0, 0, .65); }
.incident-confirm-dialog--preview { width: min(80rem, 95vw); max-height: 90vh; overflow: auto; }
.incident-confirm-dialog label { display: grid; gap: .4rem; }
.incident-confirm-dialog [role="alert"] { color: #ef6b6b; }
.incident-preview-table { overflow: auto; max-height: 55vh; }
.incident-preview-table td { min-width: 8rem; max-width: 24rem; white-space: pre-wrap; overflow-wrap: anywhere; }
.incident-preview-table th { position: sticky; top: 0; }
.usage-timeline { display: grid; gap: .75rem; margin-top: 1rem; }
.usage-operations > summary { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; cursor: pointer; list-style: none; }
.usage-operations > summary::-webkit-details-marker { display: none; }
.usage-operations > summary::before { content: "›"; font-size: 1.6rem; line-height: 1; transition: transform .15s ease; }
.usage-operations[open] > summary::before { transform: rotate(90deg); }
.usage-operations__title { font-size: 1.2rem; font-weight: 700; }
.usage-operations__hint { margin-left: auto; font-size: .82rem; opacity: .7; }
.usage-date-filters { display: flex; flex-wrap: wrap; align-items: end; gap: .65rem; margin-top: 1rem; }
.usage-date-filters label { display: grid; gap: .3rem; font-size: .85rem; }
.usage-date-filters input { min-height: 2.5rem; }
.usage-card { border: 1px solid var(--border-color, #526273); border-radius: .8rem; padding: 1rem 1.2rem; background: rgba(127, 166, 204, .055); overflow-wrap: anywhere; }
.usage-card__head { display: flex; flex-wrap: wrap; gap: .25rem 1rem; font-size: .82rem; opacity: .82; }
.usage-card h3 { margin: .35rem 0 .55rem; font-size: 1.05rem; }
.usage-card p { margin: .45rem 0 0; line-height: 1.45; }
.usage-field-label { opacity: .78; }
.usage-metrics, .usage-openings { display: flex; flex-wrap: wrap; gap: .45rem; }
.usage-metrics span, .usage-openings span { display: inline-flex; gap: .4rem; align-items: baseline; padding: .3rem .6rem; border-radius: .45rem; background: rgba(127, 166, 204, .12); font-size: .88rem; }

.paczkomat-pdf-files { list-style: none; padding: 0; display: grid; gap: .5rem; }
.paczkomat-pdf-files li { display: flex; align-items: center; justify-content: space-between; gap: .8rem; padding: .5rem 0; }
.paczkomat-pdf-files li > span { min-width: 0; overflow-wrap: anywhere; }
.paczkomat-pdf-files form { flex: 0 0 auto; margin: 0; }
/* Shared current-password confirmation, including dialogs opened within an app. */
.admin-confirmation-dialog { width: min(28rem, calc(100vw - 2rem)); }
.update-time-dialog > form { display: grid; gap: 1rem; padding: 1.35rem; }
.update-time-dialog h2, .update-time-dialog p { margin: 0; }
.update-time-dialog label { display: grid; gap: .5rem; }
.update-time-dialog [hidden] { display: none; }
.update-time-dialog input, .update-time-dialog select { width: 100%; min-width: 0; box-sizing: border-box; }
.update-time-actions { display: flex; justify-content: flex-end; gap: .5rem; }
.scheduled-update { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem; margin-top: .6rem; padding: .5rem .7rem; border-left: 3px solid #e9a12b; background: color-mix(in srgb, #e9a12b 9%, transparent); border-radius: .4rem; font-size: .85rem; }
.scheduled-update > span { flex: 1 1 14rem; }
.scheduled-update form { margin: 0; }

/* Panel admina — SPSS do APA: lewa nawigacja i edytor jako szuflada. Wyłącznie warstwa wizualna. */
.panel-admin .app-options-dialog--spss {
  width: 100vw;
  height: 100dvh;
  max-width: 100vw;
  max-height: 100dvh;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #081220;
  border: none;
}
.panel-admin .app-options-dialog--spss::backdrop {
  background: rgba(2, 8, 16, 0.82);
  backdrop-filter: blur(8px);
}
.panel-admin .app-options-dialog--spss .dialog-shell {
  box-sizing: border-box;
  height: 100%;
  max-height: 100%;
  padding: 24px 32px 28px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: radial-gradient(circle at 85% 15%, rgba(101, 36, 131, 0.12) 0%, transparent 45%),
              radial-gradient(circle at 15% 90%, rgba(6, 100, 160, 0.12) 0%, transparent 45%),
              #081220;
}
.panel-admin .app-options-dialog--spss .dialog-heading {
  flex-shrink: 0;
  margin-bottom: 20px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(143, 207, 245, 0.16);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.panel-admin .app-options-dialog--spss .dialog-heading h2 {
  margin: 0 0 6px;
  font-size: 1.85rem;
  font-weight: 800;
  letter-spacing: -0.025em;
  color: #ffffff;
}
.panel-admin .app-options-dialog--spss .dialog-heading .eyebrow {
  margin: 0 0 4px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #3ba9e0;
}
.panel-admin .app-options-dialog--spss .dialog-context {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.panel-admin .app-options-dialog--spss .dialog-context .action-token {
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.panel-admin .app-options-dialog--spss .dialog-close {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  border-radius: 12px;
  color: #94a3b8;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(143, 207, 245, 0.18);
  cursor: pointer;
  transition: all 0.16s ease;
}
.panel-admin .app-options-dialog--spss .dialog-close:hover {
  color: #ffffff;
  background: rgba(233, 79, 29, 0.2);
  border-color: rgba(233, 79, 29, 0.5);
  transform: scale(1.05);
}

/* The lazy-loading host is part of the height chain, not a content-sized block. */
.panel-admin .app-options-dialog--spss [data-spss-settings-host] {
  flex: 1 1 0;
  min-height: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.panel-admin .spss-config {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  margin: 0;
}
.panel-admin .spss-admin-workspace {
  flex: 1;
  min-height: 0;
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  gap: 24px;
  align-items: stretch;
  overflow: hidden;
}

/* Nawigacja pionowa po lewej */
.panel-admin .spss-admin-tabs {
  position: static;
  height: fit-content;
  max-height: 100%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px;
  background: rgba(10, 22, 38, 0.75);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(143, 207, 245, 0.14);
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}
.panel-admin .spss-admin-tabs button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  width: 100%;
  min-height: 48px;
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid transparent;
  background: transparent;
  color: #94a3b8;
  font-size: 0.88rem;
  font-weight: 600;
  text-align: left;
  white-space: normal;
  line-height: 1.3;
  cursor: pointer;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
}
.panel-admin .spss-admin-tabs button .tab-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #71ccec;
  flex-shrink: 0;
  transition: all 0.18s ease;
}
.panel-admin .spss-admin-tabs button .tab-label {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.panel-admin .spss-admin-tabs button .tab-badge {
  margin-left: auto;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.06);
  color: #8faec5;
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: all 0.18s ease;
}
.panel-admin .spss-admin-tabs button:hover:not([aria-selected="true"]):not(:disabled) {
  color: #ffffff;
  background: rgba(59, 169, 224, 0.08);
  border-color: rgba(59, 169, 224, 0.2);
}
.panel-admin .spss-admin-tabs button:hover:not([aria-selected="true"]):not(:disabled) .tab-icon {
  background: rgba(59, 169, 224, 0.16);
  color: #3ba9e0;
}
.panel-admin .spss-admin-tabs button[aria-selected="true"] {
  color: #ffffff;
  background: linear-gradient(135deg, rgba(6, 100, 160, 0.5) 0%, rgba(101, 36, 131, 0.38) 100%);
  border-color: rgba(59, 169, 224, 0.5);
  box-shadow: inset 3px 0 0 #3ba9e0, 0 6px 20px rgba(6, 100, 160, 0.32);
}
.panel-admin .spss-admin-tabs button[aria-selected="true"] .tab-icon {
  background: #0664a0;
  border-color: #3ba9e0;
  color: #ffffff;
  box-shadow: 0 0 12px rgba(59, 169, 224, 0.5);
}
.panel-admin .spss-admin-tabs button[aria-selected="true"] .tab-badge {
  background: #3ba9e0;
  color: #ffffff;
  border-color: #3ba9e0;
}
.panel-admin .spss-admin-tabs button:focus-visible {
  outline: 3px solid rgba(59, 169, 224, 0.45);
  outline-offset: 2px;
}

/* Prawa kolumna — panel z zawartością */
.panel-admin .spss-admin-tab-panel {
  flex: 1;
  min-height: 0;
  height: auto;
  overflow-y: auto;
  padding-right: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.panel-admin .spss-admin-tab-panel > * {
  flex-shrink: 0;
}
.panel-admin .spss-admin-tab-panel[hidden] {
  display: none;
}

/* Pasek wyszukiwania i narzędzi w Tab 1 */
.panel-admin .spss-admin-workspace .analysis-access-toolbar {
  position: sticky;
  top: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0;
  padding: 14px 20px;
  background: rgba(10, 22, 38, 0.85);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(143, 207, 245, 0.14);
  border-radius: 14px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}
.panel-admin .spss-admin-workspace .analysis-search-box {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1 1 680px;
  max-width: 900px;
  min-width: 280px;
}
.panel-admin .spss-admin-workspace .analysis-search-box .search-icon {
  position: absolute;
  left: 16px;
  color: #3ba9e0;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.panel-admin .spss-admin-workspace .analysis-search-box label {
  width: 100%;
  margin: 0;
}
.panel-admin .spss-admin-workspace .analysis-search-box input[type="search"] {
  width: 100%;
  height: 46px;
  min-height: 46px;
  padding: 8px 18px 8px 46px;
  background: rgba(5, 12, 22, 0.9);
  border: 1px solid rgba(143, 207, 245, 0.24);
  border-radius: 12px;
  color: #ffffff;
  font-size: 0.92rem;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25);
  transition: all 0.2s ease;
}
.panel-admin .spss-admin-workspace .analysis-search-box input[type="search"]:focus {
  outline: none;
  border-color: #3ba9e0;
  box-shadow: 0 0 0 3px rgba(59, 169, 224, 0.25);
  background: rgba(5, 12, 22, 0.98);
}
.panel-admin .spss-admin-workspace .analysis-access-toolbar > .quiet-badge {
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(59, 169, 224, 0.1);
  border: 1px solid rgba(59, 169, 224, 0.25);
  color: #71ccec;
  font-size: 0.82rem;
  font-weight: 700;
  white-space: nowrap;
}

/* Przycisk i rozwijany popover dodawania instrukcji / rodzin */
.panel-admin .spss-admin-workspace .spss-content-creation {
  position: relative;
  margin-left: auto;
  overflow: visible;
  background: none;
  border: 0;
}
.panel-admin .spss-admin-workspace .spss-content-creation > summary {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 9px 18px;
  color: #ffffff;
  background: linear-gradient(135deg, #0664a0 0%, #0877bb 100%);
  border: 1px solid rgba(59, 169, 224, 0.5);
  border-radius: 10px;
  box-shadow: 0 4px 14px rgba(6, 100, 160, 0.35);
  list-style: none;
  cursor: pointer;
  transition: all 0.18s ease;
}
.panel-admin .spss-admin-workspace .spss-content-creation > summary::-webkit-details-marker {
  display: none;
}
.panel-admin .spss-admin-workspace .spss-content-creation > summary::before {
  content: "+";
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
}
.panel-admin .spss-admin-workspace .spss-content-creation > summary:hover {
  background: linear-gradient(135deg, #0776bd 0%, #3ba9e0 100%);
  box-shadow: 0 6px 20px rgba(6, 100, 160, 0.5);
  transform: translateY(-1px);
}
.panel-admin .spss-admin-workspace .spss-content-creation > summary:focus-visible {
  outline: 3px solid rgba(59, 169, 224, 0.45);
  outline-offset: 2px;
}
.panel-admin .spss-admin-workspace .spss-content-creation[open] > summary {
  background: #055588;
  border-color: #3ba9e0;
}
.panel-admin .spss-admin-workspace .spss-content-creation > summary strong {
  font-size: 0.88rem;
  font-weight: 700;
}
.panel-admin .spss-admin-workspace .spss-content-creation > summary small {
  display: none;
}
.panel-admin .spss-admin-workspace .spss-content-creation__body {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  z-index: 40;
  width: min(860px, calc(100vw - 360px));
  max-height: min(75dvh, 650px);
  overflow-y: auto;
  padding: 22px;
  background: #0c1828;
  border: 1px solid rgba(59, 169, 224, 0.35);
  border-radius: 16px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.7);
}
.spss-creation-card--instruction {
  background: rgba(10, 22, 38, 0.8);
  border: 1px solid rgba(143, 207, 245, 0.16);
  border-radius: 12px;
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.spss-taxonomy-tools {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 14px;
}
.spss-family-creation {
  background: rgba(10, 22, 38, 0.6);
  border: 1px solid rgba(143, 207, 245, 0.14);
  border-radius: 10px;
  padding: 12px 14px;
}

/* Lista pozycji analiz i instrukcji w Tab 1 */
.panel-admin .spss-admin-workspace .analysis-control-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: none;
  overflow: visible;
  border: none;
  background: transparent;
  padding: 0;
}
.panel-admin .spss-admin-workspace .analysis-control-row {
  min-height: 64px;
  display: grid;
  grid-template-columns: 44px minmax(220px, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 12px 20px;
  background: rgba(10, 22, 38, 0.65);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(143, 207, 245, 0.12);
  border-radius: 14px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
}
.panel-admin .spss-admin-workspace .analysis-control-row:hover,
.panel-admin .spss-admin-workspace .analysis-control-row:focus-visible {
  background: rgba(16, 34, 58, 0.95);
  border-color: rgba(59, 169, 224, 0.45);
  transform: translateY(-1px);
  box-shadow: 0 8px 24px rgba(6, 100, 160, 0.25);
  outline: none;
}
.panel-admin .spss-admin-workspace .analysis-row-leading {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
}
.panel-admin .spss-admin-workspace .analysis-row-icon {
  width: 42px;
  height: 42px;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.18s ease;
}
.panel-admin .spss-admin-workspace .analysis-row-icon--analysis {
  background: linear-gradient(135deg, rgba(101, 36, 131, 0.4) 0%, rgba(101, 36, 131, 0.2) 100%);
  border: 1px solid rgba(197, 139, 230, 0.4);
  color: #ecd2fa;
  box-shadow: 0 2px 10px rgba(101, 36, 131, 0.3);
}
.panel-admin .spss-admin-workspace .analysis-row-icon--instruction {
  background: linear-gradient(135deg, rgba(59, 169, 224, 0.35) 0%, rgba(6, 100, 160, 0.2) 100%);
  border: 1px solid rgba(59, 169, 224, 0.45);
  color: #71ccec;
  box-shadow: 0 2px 10px rgba(6, 100, 160, 0.3);
}
.panel-admin .spss-admin-workspace .analysis-control-row:hover .analysis-row-icon {
  transform: scale(1.06);
}
.panel-admin .spss-admin-workspace .analysis-row-copy {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.panel-admin .spss-admin-workspace .analysis-row-copy strong {
  font-size: 0.98rem;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: -0.01em;
}
.panel-admin .spss-admin-workspace .analysis-row-copy small {
  font-size: 0.82rem;
  color: #8faec5;
  display: flex;
  align-items: center;
  gap: 6px;
}
.panel-admin .spss-admin-workspace .analysis-row-copy .path-sep {
  color: #3ba9e0;
  font-weight: 700;
  opacity: 0.85;
}
.panel-admin .spss-admin-workspace .analysis-row-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-shrink: 0;
}
.panel-admin .spss-admin-workspace .analysis-row-actions .button {
  min-width: 90px;
  height: 36px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  font-size: 0.85rem;
  font-weight: 700;
  color: #71ccec;
  background: rgba(59, 169, 224, 0.1);
  border: 1px solid rgba(59, 169, 224, 0.35);
  cursor: pointer;
  transition: all 0.15s ease;
}
.panel-admin .spss-admin-workspace .analysis-row-actions .button:hover {
  background: #0664a0;
  color: #ffffff;
  border-color: #3ba9e0;
  box-shadow: 0 2px 12px rgba(6, 100, 160, 0.45);
  transform: translateY(-1px);
}

/* Pigułki statusów */
.quiet-badge--kind {
  padding: 4px 10px;
  border-radius: 8px;
  font-size: 0.76rem;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #94a3b8;
}
.quiet-badge--on {
  padding: 4px 11px;
  border-radius: 8px;
  font-size: 0.76rem;
  font-weight: 700;
  background: rgba(149, 193, 34, 0.14);
  border: 1px solid rgba(149, 193, 34, 0.45);
  color: #d9f99d;
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.quiet-badge--on::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #95c122;
  box-shadow: 0 0 10px #95c122, 0 0 4px #95c122;
}
.quiet-badge--off {
  padding: 4px 11px;
  border-radius: 8px;
  font-size: 0.76rem;
  font-weight: 700;
  background: rgba(233, 79, 29, 0.14);
  border: 1px solid rgba(233, 79, 29, 0.45);
  color: #fca5a5;
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.quiet-badge--off::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #e94f1d;
}
.quiet-badge--ai {
  padding: 4px 10px;
  border-radius: 8px;
  font-size: 0.76rem;
  font-weight: 800;
  background: linear-gradient(135deg, rgba(101, 36, 131, 0.4) 0%, rgba(243, 146, 8, 0.25) 100%);
  border: 1px solid rgba(197, 139, 230, 0.5);
  color: #ecd2fa;
  letter-spacing: 0.06em;
}

/* Tab 2: Tytuły tabel i wykresów */
.panel-admin .spss-admin-tab-panel[data-spss-admin-panel="titles"] .spss-content-panel-heading,
.panel-admin .spss-admin-tab-panel[data-spss-admin-panel="annotations"] .spss-content-panel-heading {
  padding: 16px 22px;
  background: rgba(10, 22, 38, 0.75);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(143, 207, 245, 0.14);
  border-radius: 14px;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.panel-admin .spss-content-panel-heading h3 {
  margin: 0 0 4px;
  font-size: 1.15rem;
  font-weight: 700;
  color: #ffffff;
}
.panel-admin .spss-content-panel-heading p {
  margin: 0;
  font-size: 0.83rem;
  color: #8faec5;
}
.panel-admin .spss-content-panel-heading input[type="search"] {
  min-height: 40px;
  padding: 8px 14px;
  background: rgba(5, 12, 22, 0.85);
  border: 1px solid rgba(143, 207, 245, 0.22);
  border-radius: 10px;
  color: #ffffff;
}
.panel-admin .spss-content-panel-heading input[type="search"]:focus {
  outline: none;
  border-color: #3ba9e0;
  box-shadow: 0 0 0 3px rgba(59, 169, 224, 0.25);
}

.panel-admin .spss-registry-group {
  background: rgba(10, 22, 38, 0.7);
  border: 1px solid rgba(143, 207, 245, 0.14);
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
  transition: border-color 0.2s ease;
}
.panel-admin .spss-registry-group > summary {
  padding: 16px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(14, 28, 48, 0.85);
  color: #ffffff;
  cursor: pointer;
  transition: background 0.15s ease;
}
.panel-admin .spss-registry-group > summary:hover {
  background: rgba(20, 42, 70, 0.95);
}
.panel-admin .spss-registry-group .override-badge {
  background: rgba(243, 146, 8, 0.15);
  border: 1px solid rgba(243, 146, 8, 0.45);
  color: #fed7aa;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 700;
}
.panel-admin .spss-registry-group__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  padding: 16px;
  background: rgba(6, 14, 26, 0.5);
}
.panel-admin .spss-title-template {
  background: rgba(8, 18, 32, 0.85);
  border: 1px solid rgba(143, 207, 245, 0.14);
  border-radius: 12px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.panel-admin .spss-title-template.is-overridden {
  border-color: rgba(243, 146, 8, 0.55);
  box-shadow: 0 0 16px rgba(243, 146, 8, 0.12);
}
.panel-admin .spss-title-segments {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.panel-admin .spss-title-segments input {
  flex: 1 1 200px;
  padding: 9px 14px;
  background: rgba(10, 22, 38, 0.95);
  border: 1px solid rgba(143, 207, 245, 0.25);
  border-radius: 8px;
  color: #ffffff;
  font-size: 0.9rem;
}
.panel-admin .spss-title-placeholder {
  padding: 7px 12px;
  border-radius: 8px;
  background: rgba(243, 146, 8, 0.15);
  border: 1px solid rgba(243, 146, 8, 0.45);
  color: #fed7aa;
  font-family: ui-monospace, monospace;
  font-size: 0.82rem;
  font-weight: 700;
}
.panel-admin .spss-title-example {
  margin: 0;
  padding: 10px 16px;
  background: rgba(101, 36, 131, 0.12);
  border-left: 3px solid #652483;
  border-radius: 0 10px 10px 0;
  font-size: 0.88rem;
  color: #f1f5f9;
  font-style: italic;
}
.panel-admin .spss-title-example > span {
  color: #c58be6;
  font-style: normal;
  font-weight: 700;
  margin-right: 8px;
}
.panel-admin .spss-content-registry-form > .form-actions {
  position: sticky;
  bottom: 0;
  z-index: 10;
  padding: 16px 24px;
  background: rgba(10, 22, 38, 0.96);
  backdrop-filter: blur(12px);
  border-top: 1px solid rgba(143, 207, 245, 0.18);
  border-radius: 0 0 14px 14px;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: auto;
}

/* Tab 3: Adnotacje symboli */
.panel-admin .spss-annotation-registry {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.panel-admin .spss-annotation-template {
  display: grid;
  grid-template-columns: 76px minmax(130px, 0.5fr) minmax(220px, 1.5fr);
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  background: rgba(10, 22, 38, 0.7);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(143, 207, 245, 0.14);
  border-radius: 14px;
  transition: all 0.18s ease;
}
.panel-admin .spss-annotation-template:hover {
  border-color: rgba(59, 169, 224, 0.4);
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}
.panel-admin .spss-annotation-symbol {
  width: 72px;
  height: 58px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(101, 36, 131, 0.35) 0%, rgba(6, 100, 160, 0.25) 100%);
  border: 1px solid rgba(197, 139, 230, 0.45);
  font-family: "Times New Roman", Georgia, serif;
  font-size: 1.45rem;
  color: #ecd2fa;
  font-weight: 700;
  box-shadow: 0 4px 14px rgba(101, 36, 131, 0.25);
}
.panel-admin .spss-annotation-toolbar button {
  width: 34px;
  height: 32px;
  border-radius: 8px;
  background: rgba(6, 100, 160, 0.3);
  border: 1px solid rgba(59, 169, 224, 0.35);
  color: #71ccec;
  font-size: 0.9rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.15s ease;
}
.panel-admin .spss-annotation-toolbar button:hover {
  background: #0664a0;
  color: #ffffff;
  border-color: #3ba9e0;
}
.panel-admin .spss-annotation-editor > input {
  width: 100%;
  padding: 9px 14px;
  background: rgba(5, 12, 22, 0.95);
  border: 1px solid rgba(143, 207, 245, 0.25);
  border-radius: 8px;
  color: #ffffff;
  font-size: 0.9rem;
}

/* Tab 4: Widoczność funkcji */
.panel-admin .spss-admin-tab-panel[data-spss-admin-panel="visibility"] .permission-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 14px;
  padding: 22px;
  background: rgba(10, 22, 38, 0.7);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(143, 207, 245, 0.15);
  border-radius: 16px;
  margin-bottom: 16px;
}
.panel-admin .spss-admin-tab-panel[data-spss-admin-panel="visibility"] .permission-list legend {
  font-size: 1.05rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 16px;
  padding: 0 4px;
}
.panel-admin .spss-admin-tab-panel[data-spss-admin-panel="visibility"] .permission-list label {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 20px;
  background: rgba(6, 14, 26, 0.8);
  border: 1px solid rgba(143, 207, 245, 0.14);
  border-radius: 12px;
  cursor: pointer;
  font-size: 0.92rem;
  font-weight: 600;
  color: #ffffff;
  transition: all 0.18s ease;
}
.panel-admin .spss-admin-tab-panel[data-spss-admin-panel="visibility"] .permission-list label:hover {
  background: rgba(14, 30, 52, 0.95);
  border-color: rgba(59, 169, 224, 0.45);
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(6, 100, 160, 0.2);
}
.panel-admin .spss-admin-tab-panel[data-spss-admin-panel="visibility"] .permission-list label:has(input:checked) {
  background: rgba(233, 79, 29, 0.14);
  border-color: rgba(233, 79, 29, 0.5);
  color: #fca5a5;
}

/* Szuflada edytora analizy (Dialog jako drawer) */
.analysis-editor-dialog {
  display: none;
}
.analysis-editor-dialog:not([open]) {
  display: none !important;
}
.analysis-editor-dialog[open] {
  inset: 0 0 0 auto;
  position: fixed;
  width: min(1200px, 72vw);
  max-width: 100vw;
  height: 100dvh;
  max-height: 100dvh;
  margin: 0;
  padding: 0;
  background: #091524;
  border: none;
  border-left: 1px solid rgba(59, 169, 224, 0.35);
  border-radius: 20px 0 0 20px;
  box-shadow: -24px 0 70px rgba(0, 0, 0, 0.75);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  z-index: 1050;
  animation: analysis-drawer-in 0.26s cubic-bezier(0.16, 1, 0.3, 1);
}
.analysis-editor-dialog::backdrop {
  background: rgba(2, 8, 16, 0.65);
  backdrop-filter: blur(6px);
}
.analysis-editor-dialog[open]::backdrop {
  animation: analysis-drawer-backdrop 0.26s ease-out;
}
.analysis-editor-dialog .dialog-close,
.analysis-editor-form .dialog-close {
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  line-height: 1;
  border-radius: 12px;
  color: #94a3b8;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(143, 207, 245, 0.2);
  cursor: pointer;
  transition: all 0.16s ease;
  z-index: 10;
}
.analysis-editor-dialog .dialog-close:hover,
.analysis-editor-form .dialog-close:hover {
  color: #ffffff;
  background: rgba(233, 79, 29, 0.25);
  border-color: rgba(233, 79, 29, 0.6);
  transform: scale(1.05);
}
@keyframes analysis-drawer-in {
  from { opacity: 0; transform: translateX(60px); }
  to { opacity: 1; transform: none; }
}
@keyframes analysis-drawer-backdrop {
  from { opacity: 0; }
  to { opacity: 1; }
}

.analysis-editor-form {
  height: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.analysis-editor-form .dialog-heading {
  flex-shrink: 0;
  margin-bottom: 0;
  padding: 22px 32px 18px;
  background: rgba(8, 18, 32, 0.95);
  border-bottom: 1px solid rgba(143, 207, 245, 0.16);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.analysis-editor-form .dialog-heading .eyebrow {
  margin: 0 0 4px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #3ba9e0;
}
.analysis-editor-form .dialog-heading h3 {
  margin: 0;
  font-size: 1.45rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #ffffff;
}

.analysis-editor-tabs {
  flex-shrink: 0;
  display: flex;
  gap: 8px;
  padding: 12px 32px;
  background: rgba(6, 14, 26, 0.85);
  border-bottom: 1px solid rgba(143, 207, 245, 0.12);
}
.analysis-editor-tabs button {
  padding: 9px 22px;
  border-radius: 10px;
  font-size: 0.88rem;
  font-weight: 700;
  color: #94a3b8;
  background: transparent;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.16s ease;
}
.analysis-editor-tabs button:hover:not([aria-selected="true"]) {
  color: #ffffff;
  background: rgba(59, 169, 224, 0.08);
}
.analysis-editor-tabs button[aria-selected="true"] {
  background: #0664a0;
  border-color: rgba(59, 169, 224, 0.45);
  color: #ffffff;
  box-shadow: 0 2px 12px rgba(6, 100, 160, 0.35);
}

.analysis-editor-tab-panel {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 24px 32px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Przełączniki w edytorze */
.analysis-editor-policy {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 16px 22px;
  background: rgba(8, 18, 32, 0.8);
  border: 1px solid rgba(143, 207, 245, 0.16);
  border-radius: 14px;
}
.analysis-editor-policy .compact-check {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 0.9rem;
  font-weight: 600;
  color: #ffffff;
  cursor: pointer;
}
.analysis-editor-policy .compact-check input[type="checkbox"] {
  position: relative;
  width: 44px;
  height: 24px;
  min-height: 24px;
  margin: 0;
  padding: 0;
  flex: 0 0 auto;
  appearance: none;
  -webkit-appearance: none;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(143, 207, 245, 0.3);
  border-radius: 999px;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.analysis-editor-policy .compact-check input[type="checkbox"]::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.analysis-editor-policy .compact-check input[name="enabled"]:checked {
  background: #95c122;
  border-color: #95c122;
  box-shadow: 0 0 12px rgba(149, 193, 34, 0.5);
}
.analysis-editor-policy .compact-check input[name="enabled"]:checked::before {
  transform: translateX(20px);
}
.analysis-editor-policy .compact-check input[name="ai_enabled"]:checked {
  background: linear-gradient(135deg, #652483 0%, #0664a0 100%);
  border-color: #c58be6;
  box-shadow: 0 0 12px rgba(101, 36, 131, 0.6);
}
.analysis-editor-policy .compact-check input[name="ai_enabled"]:checked::before {
  transform: translateX(20px);
}

/* Kolejność kontrolek w edytorze */
.analysis-control-order-editor > strong {
  color: #ffffff;
  font-size: 1.05rem;
  font-weight: 700;
}
.analysis-control-group {
  background: rgba(8, 18, 32, 0.7);
  border: 1px solid rgba(143, 207, 245, 0.14);
  border-radius: 14px;
  padding: 18px 20px;
  margin-bottom: 14px;
}
.analysis-control-group h4 {
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #71ccec;
  font-weight: 700;
  margin: 0 0 12px;
}
.analysis-control-order-row {
  min-width: 0;
  display: grid;
  grid-template-columns: 42px minmax(200px, 1fr) 110px;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  background: rgba(5, 12, 22, 0.85);
  border: 1px solid rgba(143, 207, 245, 0.12);
  border-radius: 10px;
  margin-bottom: 8px;
  transition: all 0.15s ease;
}
.analysis-control-order-row:hover {
  border-color: rgba(59, 169, 224, 0.4);
}
.analysis-control-order-row input {
  padding: 8px 12px;
  background: rgba(10, 20, 36, 0.95);
  border: 1px solid rgba(143, 207, 245, 0.22);
  border-radius: 8px;
  color: #ffffff;
  font-size: 0.9rem;
}
.analysis-control-drag-handle {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 169, 224, 0.1);
  border: 1px solid rgba(59, 169, 224, 0.25);
  border-radius: 8px;
  color: #71ccec;
  font-size: 1.1rem;
  cursor: grab;
  transition: all 0.15s ease;
}
.analysis-control-drag-handle:hover {
  background: #0664a0;
  color: #ffffff;
}
.analysis-control-kind {
  padding: 4px 10px;
  border-radius: 6px;
  background: rgba(59, 169, 224, 0.1);
  border: 1px solid rgba(59, 169, 224, 0.25);
  color: #71ccec;
  font-weight: 600;
  font-size: 0.75rem;
  text-align: center;
}

/* Zakładka instrukcji w edytorze */
.analysis-editor-identity {
  display: grid;
  grid-template-columns: minmax(280px, 2fr) minmax(190px, 1.2fr) minmax(190px, 1.2fr) minmax(160px, 0.9fr);
  gap: 16px;
  align-items: end;
  padding: 16px 20px;
  background: rgba(10, 22, 38, 0.75);
  border: 1px solid rgba(143, 207, 245, 0.14);
  border-radius: 14px;
}
.analysis-editor-identity label {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 8px;
  margin: 0;
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #8fcef5;
  white-space: nowrap;
}
.analysis-editor-identity input,
.analysis-editor-identity select {
  width: 100%;
  height: 42px;
  min-height: 42px;
  padding: 8px 14px;
  background: #050d18;
  border: 1px solid rgba(143, 207, 245, 0.24);
  border-radius: 10px;
  color: #ffffff;
  font-size: 0.9rem;
  box-sizing: border-box;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.analysis-editor-identity input:focus,
.analysis-editor-identity select:focus {
  outline: none;
  border-color: #3ba9e0;
  box-shadow: 0 0 0 3px rgba(59, 169, 224, 0.25);
  background: #061120;
}

details.analysis-ui-text-editor {
  padding: 10px 16px;
  background: rgba(8, 18, 32, 0.45);
  border: 1px dashed rgba(143, 207, 245, 0.18);
  border-radius: 10px;
  font-size: 0.82rem;
  color: #8da4be;
  transition: all 0.15s ease;
}
details.analysis-ui-text-editor:hover {
  background: rgba(8, 18, 32, 0.75);
  border-color: rgba(59, 169, 224, 0.35);
}
details.analysis-ui-text-editor summary {
  cursor: pointer;
  font-weight: 600;
  color: #94a3b8;
  user-select: none;
  transition: color 0.15s ease;
}
details.analysis-ui-text-editor summary:hover {
  color: #3ba9e0;
}
details.analysis-ui-text-editor[open] {
  background: rgba(8, 18, 32, 0.85);
  border-style: solid;
  border-color: rgba(143, 207, 245, 0.25);
}
details.analysis-ui-text-editor[open] summary {
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(143, 207, 245, 0.12);
  color: #3ba9e0;
}

/* Przybornik wstawiania do instrukcji: Elementy UI (błękit) */
.instruction-block-palette {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 14px 18px;
  background: rgba(6, 20, 38, 0.75);
  border: 1px solid rgba(59, 169, 224, 0.25);
  border-left: 4px solid #3ba9e0;
  border-radius: 12px;
}
.instruction-block-palette > strong {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.82rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #8fcef5;
  margin-right: 8px;
}
.instruction-block-palette > strong::before {
  content: "UI";
  display: inline-block;
  padding: 2px 7px;
  font-size: 0.68rem;
  font-weight: 800;
  border-radius: 6px;
  background: #0664a0;
  color: #ffffff;
  letter-spacing: 0.04em;
}
.instruction-block-palette button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 13px;
  border-radius: 8px;
  font-size: 0.82rem;
  font-weight: 600;
  background: rgba(6, 100, 160, 0.22);
  border: 1px solid rgba(59, 169, 224, 0.35);
  color: #e0f2fe;
  cursor: pointer;
  transition: all 0.15s ease;
}
.instruction-block-palette button::before {
  content: "+";
  font-weight: 700;
  color: #3ba9e0;
}
.instruction-block-palette button:hover {
  background: #0664a0;
  color: #ffffff;
  border-color: #3ba9e0;
  transform: translateY(-1px);
  box-shadow: 0 3px 10px rgba(6, 100, 160, 0.4);
}

/* Edytor wideo w instrukcji */
.analysis-help-video-editor {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 14px 18px;
  background: rgba(8, 18, 32, 0.75);
  border: 1px solid rgba(143, 207, 245, 0.2);
  border-radius: 12px;
}
.analysis-help-video-editor__heading strong {
  color: #8fcef5;
  font-size: 0.84rem;
}
.analysis-help-video-editor__heading small {
  color: #94a3b8;
  font-size: 0.8rem;
  margin-left: 8px;
}

/* Przybornik wstawiania do instrukcji: Kontrolki analizy (fiolet SPSS) */
.instruction-control-palette,
.panel-admin .instruction-control-palette {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px 18px;
  background: linear-gradient(135deg, rgba(101, 36, 131, 0.18) 0%, rgba(8, 18, 32, 0.85) 100%);
  border: 1px solid rgba(168, 85, 247, 0.32);
  border-left: 4px solid #a855f7;
  border-radius: 12px;
}
.instruction-control-palette[hidden] {
  display: none;
}
.instruction-control-palette > div:first-child {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 14px;
}
.instruction-control-palette > div:first-child strong {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.82rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #e9d5ff;
}
.instruction-control-palette > div:first-child strong::before {
  content: "OPCJA";
  display: inline-block;
  padding: 2px 7px;
  font-size: 0.68rem;
  font-weight: 800;
  border-radius: 6px;
  background: #652483;
  color: #ffffff;
  letter-spacing: 0.04em;
}
.instruction-control-palette > div:first-child small {
  font-size: 0.8rem;
  color: #cbd5e1;
}
.instruction-control-palette > div:last-child,
.panel-admin .instruction-control-palette > div:last-child {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.instruction-control-palette > div:last-child button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 13px;
  border-radius: 8px;
  font-size: 0.82rem;
  font-weight: 600;
  background: rgba(101, 36, 131, 0.28);
  border: 1px solid rgba(192, 132, 252, 0.4);
  color: #f3e8ff;
  cursor: pointer;
  transition: all 0.15s ease;
}
.instruction-control-palette > div:last-child button::before {
  content: "+";
  font-weight: 700;
  color: #c084fc;
}
.instruction-control-palette > div:last-child button:hover {
  background: #652483;
  color: #ffffff;
  border-color: #d8b4fe;
  transform: translateY(-1px);
  box-shadow: 0 3px 12px rgba(101, 36, 131, 0.5);
}

/* Edytor kodu HTML i podgląd LIVE */
.analysis-editor-content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 20px;
  align-items: stretch;
}
.analysis-editor-content > label,
.analysis-editor-content > div {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  font-size: 0.82rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #71ccec;
}
.analysis-editor-content > div > strong {
  font-size: 0.82rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #71ccec;
  display: block;
  margin: 0;
  line-height: 1.4;
  height: 20px;
}
.analysis-editor-content > label {
  line-height: 1.4;
}
.analysis-editor-content textarea {
  width: 100%;
  min-height: 520px;
  height: clamp(520px, calc(100dvh - 460px), 820px);
  padding: 16px 18px;
  background: #050d18;
  border: 1px solid rgba(143, 207, 245, 0.22);
  border-radius: 12px;
  color: #e2e8f0;
  font-family: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;
  font-size: 0.86rem;
  line-height: 1.6;
  resize: vertical;
  box-sizing: border-box;
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.4);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.analysis-editor-content textarea:focus {
  outline: none;
  border-color: #3ba9e0;
  box-shadow: 0 0 0 3px rgba(59, 169, 224, 0.25), inset 0 2px 6px rgba(0, 0, 0, 0.4);
}
.analysis-editor-content iframe {
  width: 100%;
  min-height: 520px;
  height: clamp(520px, calc(100dvh - 460px), 820px);
  background: #ffffff;
  border: 1px solid rgba(143, 207, 245, 0.28);
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
}

/* Stopka edytora analizy */
.analysis-editor-form > .form-actions,
.panel-admin .analysis-editor-form > .form-actions {
  flex-shrink: 0;
  justify-content: flex-end;
  gap: 12px;
  margin: 0;
  padding: 16px 32px;
  background: rgba(8, 18, 32, 0.98);
  backdrop-filter: blur(14px);
  border-top: 1px solid rgba(143, 207, 245, 0.16);
  display: flex;
  align-items: center;
}
.analysis-editor-form > .form-actions button[type="submit"] {
  padding: 10px 24px;
  border-radius: 10px;
  font-size: 0.9rem;
  font-weight: 700;
  color: #ffffff;
  background: linear-gradient(135deg, #0664a0 0%, #3ba9e0 100%);
  border: 1px solid rgba(59, 169, 224, 0.6);
  box-shadow: 0 4px 16px rgba(6, 100, 160, 0.4);
  cursor: pointer;
  transition: all 0.18s ease;
}
.analysis-editor-form > .form-actions button[type="submit"]:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(6, 100, 160, 0.55);
  background: linear-gradient(135deg, #0776bd 0%, #3ba9e0 100%);
}

@media (max-width: 960px) {
  .panel-admin .spss-admin-workspace {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
    gap: 14px;
    overflow: hidden;
  }
  .panel-admin .spss-admin-tabs {
    position: static;
    flex-direction: row;
    overflow-x: auto;
  }
  .panel-admin .spss-admin-tabs button {
    width: auto;
    flex: 0 0 auto;
    white-space: nowrap;
  }
  .panel-admin .spss-admin-workspace .spss-content-creation {
    flex: 1 1 100%;
    margin-left: 0;
  }
  .panel-admin .spss-admin-workspace .spss-content-creation__body {
    position: static;
    width: auto;
    max-height: none;
    margin-top: 10px;
  }
}
@media (max-width: 1080px) {
  .analysis-editor-dialog {
    width: 100vw;
    border-left: 0;
    border-radius: 0;
  }
}
@media (min-width: 1001px) and (max-width: 1400px) {
  .analysis-editor-content {
    grid-template-columns: 1fr;
  }
  .analysis-editor-content textarea,
  .analysis-editor-content iframe {
    min-height: 420px;
  }
}
@media (min-width: 701px) and (max-width: 1400px) {
  .analysis-editor-identity {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media (prefers-reduced-motion: reduce) {
  .analysis-editor-dialog[open],
  .analysis-editor-dialog[open]::backdrop {
    animation: none;
  }
  .analysis-editor-policy .compact-check input[type="checkbox"],
  .analysis-editor-policy .compact-check input[type="checkbox"]::before {
    transition: none;
  }
}

/* ==========================================================================
   MODAL POTWIERDZENIA HASŁA ADMINISTRATORA (Sudo / Re-auth)
   ========================================================================== */
.admin-confirmation-dialog,
dialog.app-options-dialog.admin-confirmation-dialog {
  inset: 0 !important;
  margin: auto !important;
  position: fixed !important;
  width: min(440px, 92vw) !important;
  max-width: 440px !important;
  height: fit-content !important;
  max-height: 90vh !important;
  padding: 0 !important;
  border-radius: 18px !important;
  background: #071322 !important;
  border: 1px solid rgba(143, 207, 245, 0.25) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(59, 169, 224, 0.2) !important;
  color: #f8fafc !important;
  overflow-y: auto !important;
  z-index: 9999 !important;
}

.admin-confirmation-dialog::backdrop,
dialog.app-options-dialog.admin-confirmation-dialog::backdrop {
  background: rgba(4, 9, 16, 0.75) !important;
  backdrop-filter: blur(8px) !important;
}

.admin-confirmation-dialog .dialog-shell {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
  padding: 24px !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border: none !important;
  max-width: 100% !important;
  width: 100% !important;
}

.admin-confirmation-dialog .dialog-shell > h2 {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  letter-spacing: -0.01em !important;
}

.admin-confirmation-dialog .dialog-shell > p {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  font-size: 0.9rem !important;
  line-height: 1.5 !important;
  color: #94a3b8 !important;
}

.admin-confirmation-dialog .dialog-shell > label {
  grid-column: 1 / -1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  color: #8fcef5 !important;
}

.admin-confirmation-dialog .dialog-shell > label input[type="password"] {
  height: 44px !important;
  min-height: 44px !important;
  padding: 8px 14px !important;
  background: #040912 !important;
  border: 1px solid rgba(143, 207, 245, 0.3) !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  font-size: 1rem !important;
  outline: none !important;
  transition: all 0.15s ease !important;
  box-sizing: border-box !important;
}

.admin-confirmation-dialog .dialog-shell > label input[type="password"]:focus {
  border-color: #3ba9e0 !important;
  box-shadow: 0 0 0 3px rgba(59, 169, 224, 0.25) !important;
}

.admin-confirmation-dialog .dialog-shell > button.button.secondary,
.admin-confirmation-dialog .dialog-shell > button[value="cancel"] {
  grid-column: 1 / 2 !important;
  grid-row: 4 !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(143, 207, 245, 0.2) !important;
  border-radius: 10px !important;
  color: #cbd5e1 !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

.admin-confirmation-dialog .dialog-shell > button.button.secondary:hover,
.admin-confirmation-dialog .dialog-shell > button[value="cancel"]:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}

.admin-confirmation-dialog .dialog-shell > button.button.action-system,
.admin-confirmation-dialog .dialog-shell > button[value="confirm"] {
  grid-column: 2 / 3 !important;
  grid-row: 4 !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  background: linear-gradient(135deg, #0664a0 0%, #3ba9e0 100%) !important;
  border: 1px solid rgba(59, 169, 224, 0.5) !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  box-shadow: 0 4px 14px rgba(6, 100, 160, 0.4) !important;
  transition: all 0.15s ease !important;
}

.admin-confirmation-dialog .dialog-shell > button.button.action-system:hover,
.admin-confirmation-dialog .dialog-shell > button[value="confirm"]:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(6, 100, 160, 0.55) !important;
}

/* ==========================================================================
   PANEL REKODERA — BAZA KLUCZY I SYNTAX STUDIO
   ========================================================================== */
.panel-admin .rekoder-admin-workspace {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.panel-admin .rekoder-maintenance-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 16px 20px;
  background: rgba(8, 18, 32, 0.7);
  border: 1px solid rgba(149, 193, 34, 0.25);
  border-left: 4px solid #95c122;
  border-radius: 12px;
}

.panel-admin .rekoder-maintenance-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.panel-admin .rekoder-maintenance-info strong {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.96rem;
  color: #f1f5f9;
}

.panel-admin .rekoder-maintenance-info strong svg {
  color: #95c122;
}

.panel-admin .rekoder-maintenance-info small {
  color: #94a3b8;
  font-size: 0.82rem;
  line-height: 1.4;
  max-width: 650px;
}

.panel-admin .btn-rekoder-refresh {
  height: 38px;
  padding: 0 18px;
  border-radius: 9px;
  font-size: 0.86rem;
  font-weight: 700;
  white-space: nowrap;
}

.panel-admin .rekoder-workbench {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 20px;
  align-items: start;
}

.panel-admin .rekoder-sidebar-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 18px;
  background: rgba(8, 18, 32, 0.85);
  border: 1px solid rgba(143, 207, 245, 0.16);
  border-radius: 14px;
}

.panel-admin .rekoder-sidebar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.panel-admin .rekoder-sidebar-header strong {
  font-size: 0.92rem;
  color: #ffffff;
}

.panel-admin .rekoder-sidebar-header .count-badge {
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 800;
  background: rgba(149, 193, 34, 0.16);
  color: #95c122;
  border: 1px solid rgba(149, 193, 34, 0.35);
}

.panel-admin .rekoder-definition-select-box select {
  width: 100%;
  height: 42px;
  padding: 8px 12px;
  background: #050d18;
  border: 1px solid rgba(143, 207, 245, 0.25);
  border-radius: 10px;
  color: #ffffff;
  font-size: 0.88rem;
  box-sizing: border-box;
}

.panel-admin .btn-load-definition {
  width: 100%;
  height: 40px;
  font-weight: 700;
  font-size: 0.86rem;
  border-radius: 9px;
}

.panel-admin .rekoder-helper-notes {
  font-size: 0.78rem;
  line-height: 1.45;
  color: #94a3b8;
  background: rgba(6, 14, 26, 0.6);
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px dashed rgba(143, 207, 245, 0.18);
}

.panel-admin .rekoder-editor-card {
  display: flex;
  flex-direction: column;
  background: rgba(8, 18, 32, 0.9);
  border: 1px solid rgba(143, 207, 245, 0.18);
  border-radius: 14px;
  overflow: hidden;
}

.panel-admin .rekoder-editor-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
  background: rgba(6, 14, 26, 0.95);
  border-bottom: 1px solid rgba(143, 207, 245, 0.14);
}

.panel-admin .rekoder-active-definition {
  display: flex;
  align-items: center;
  gap: 12px;
}

.panel-admin .rekoder-active-definition strong {
  font-size: 0.96rem;
  color: #ffffff;
}

.panel-admin .rekoder-editor-format-badge {
  font-size: 0.78rem;
  color: #8fcef5;
  font-family: ui-monospace, monospace;
}

.panel-admin .rekoder-syntax-status {
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 0.74rem;
  font-weight: 700;
}

.panel-admin .rekoder-syntax-status.is-override {
  background: rgba(243, 146, 8, 0.18);
  color: #f39208;
  border: 1px solid rgba(243, 146, 8, 0.4);
}

.panel-admin .rekoder-syntax-status.is-original {
  background: rgba(149, 193, 34, 0.18);
  color: #95c122;
  border: 1px solid rgba(149, 193, 34, 0.4);
}

.panel-admin .rekoder-editor-form {
  padding: 0;
  margin: 0;
}

.panel-admin .rekoder-editor-textarea {
  width: 100%;
  min-height: 440px;
  padding: 16px 20px;
  box-sizing: border-box;
  background: #040912;
  color: #cbd5e1;
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.9rem;
  line-height: 1.6;
  border: none;
  resize: vertical;
  outline: none;
}

.panel-admin .rekoder-editor-textarea:focus {
  background: #03070f;
}

.panel-admin .rekoder-editor-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 14px 20px;
  background: rgba(6, 14, 26, 0.95);
  border-top: 1px solid rgba(143, 207, 245, 0.14);
}

.panel-admin .btn-rekoder-reset {
  height: 40px;
  padding: 0 16px;
  font-size: 0.85rem;
  font-weight: 700;
}

.panel-admin .btn-rekoder-save {
  height: 40px;
  padding: 0 20px;
  font-size: 0.88rem;
  font-weight: 700;
}

/* ==========================================================================
   PANEL PACZKOMATU — SZYFROWANIE ZIP I MENEDŻER PDF
   ========================================================================== */
.panel-admin .paczkomat-admin-workspace {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.panel-admin .paczkomat-card {
  background: rgba(8, 18, 32, 0.8);
  border: 1px solid rgba(143, 207, 245, 0.16);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);
}

.panel-admin .paczkomat-card-heading {
  padding: 16px 24px;
  background: rgba(6, 14, 26, 0.9);
  border-bottom: 1px solid rgba(143, 207, 245, 0.12);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.panel-admin .paczkomat-card-heading h3 {
  margin: 0;
  font-size: 1.12rem;
  font-weight: 800;
  color: #ffffff;
  display: flex;
  align-items: center;
  gap: 10px;
}

.panel-admin .paczkomat-card-subtitle {
  margin: 4px 0 0;
  font-size: 0.82rem;
  color: #94a3b8;
}

.panel-admin .paczkomat-card-body {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.panel-admin .paczkomat-password-form {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) auto auto;
  gap: 16px;
  align-items: end;
}

.panel-admin .paczkomat-password-form label {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #8fcef5;
}

.panel-admin .paczkomat-password-form input {
  height: 42px;
  min-height: 42px;
  padding: 8px 14px;
  background: #050d18;
  border: 1px solid rgba(143, 207, 245, 0.25);
  border-radius: 10px;
  color: #ffffff;
  font-size: 0.95rem;
  box-sizing: border-box;
}

.panel-admin .btn-paczkomat-zip {
  height: 42px;
  padding: 0 20px;
  border-radius: 10px;
  font-size: 0.88rem;
  font-weight: 700;
  color: #ffffff;
  background: linear-gradient(135deg, #0664a0 0%, #3ba9e0 100%);
  border: 1px solid rgba(59, 169, 224, 0.5);
  cursor: pointer;
  white-space: nowrap;
}

.panel-admin .btn-paczkomat-restore {
  height: 42px;
  padding: 0 16px;
  border-radius: 10px;
  font-size: 0.85rem;
  font-weight: 700;
  color: #cbd5e1;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(143, 207, 245, 0.2);
  cursor: pointer;
  white-space: nowrap;
}

.panel-admin .paczkomat-upload-bar {
  display: grid;
  grid-template-columns: minmax(200px, 0.8fr) minmax(260px, 1.2fr) auto;
  gap: 16px;
  align-items: end;
  padding: 16px 20px;
  background: rgba(6, 16, 30, 0.7);
  border: 1px solid rgba(59, 169, 224, 0.25);
  border-left: 4px solid #3ba9e0;
  border-radius: 12px;
}

.panel-admin .paczkomat-upload-bar label {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #8fcef5;
}

.panel-admin .paczkomat-upload-bar select,
.panel-admin .paczkomat-upload-bar input[type="file"] {
  height: 42px;
  min-height: 42px;
  padding: 6px 12px;
  background: #050d18;
  border: 1px solid rgba(143, 207, 245, 0.25);
  border-radius: 10px;
  color: #ffffff;
  box-sizing: border-box;
}

.panel-admin .btn-upload-pdf {
  height: 42px;
  padding: 0 20px;
  border-radius: 10px;
  font-size: 0.88rem;
  font-weight: 700;
  color: #ffffff;
  background: linear-gradient(135deg, #0664a0 0%, #3ba9e0 100%);
  border: 1px solid rgba(59, 169, 224, 0.5);
  cursor: pointer;
  white-space: nowrap;
}

.panel-admin .paczkomat-sections-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.panel-admin .paczkomat-section-card {
  background: rgba(8, 18, 32, 0.85);
  border: 1px solid rgba(143, 207, 245, 0.16);
  border-radius: 14px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.panel-admin .paczkomat-section-header {
  padding: 14px 18px;
  background: rgba(6, 14, 26, 0.95);
  border-bottom: 1px solid rgba(143, 207, 245, 0.12);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.panel-admin .paczkomat-section-header strong {
  font-size: 0.9rem;
  color: #ffffff;
}

.panel-admin .paczkomat-section-header .pdf-count {
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 800;
  background: rgba(59, 169, 224, 0.15);
  color: #3ba9e0;
  border: 1px solid rgba(59, 169, 224, 0.3);
}

.panel-admin .paczkomat-pdf-list {
  list-style: none;
  margin: 0;
  padding: 10px 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}

.panel-admin .paczkomat-pdf-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 12px;
  background: rgba(5, 12, 22, 0.6);
  border: 1px solid rgba(143, 207, 245, 0.1);
  border-radius: 9px;
  transition: all 0.15s ease;
}

.panel-admin .paczkomat-pdf-item:hover {
  background: rgba(5, 12, 22, 0.9);
  border-color: rgba(59, 169, 224, 0.25);
}

.panel-admin .paczkomat-pdf-info {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.panel-admin .paczkomat-pdf-icon {
  color: #ef4444;
  font-weight: 800;
  font-size: 0.75rem;
  padding: 2px 5px;
  background: rgba(239, 68, 68, 0.12);
  border-radius: 4px;
  border: 1px solid rgba(239, 68, 68, 0.3);
}

.panel-admin .paczkomat-pdf-name {
  font-size: 0.84rem;
  color: #e2e8f0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.panel-admin .btn-pdf-remove {
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 0.76rem;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(143, 207, 245, 0.15);
  color: #94a3b8;
  cursor: pointer;
  transition: all 0.15s ease;
}

.panel-admin .btn-pdf-remove:hover {
  color: #ffffff;
  background: rgba(233, 79, 29, 0.3);
  border-color: rgba(233, 79, 29, 0.6);
}

.panel-admin .paczkomat-pdf-empty {
  padding: 16px;
  text-align: center;
  color: #64748b;
  font-size: 0.84rem;
  font-style: italic;
}

.panel-admin .paczkomat-removed-drawer {
  padding: 10px 14px;
  background: rgba(4, 10, 18, 0.7);
  border-top: 1px dashed rgba(143, 207, 245, 0.12);
  font-size: 0.8rem;
}

.panel-admin .paczkomat-removed-drawer summary {
  cursor: pointer;
  color: #94a3b8;
  font-weight: 600;
}

.panel-admin .paczkomat-removed-drawer summary:hover {
  color: #3ba9e0;
}

.panel-admin .paczkomat-removed-list {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.panel-admin .paczkomat-removed-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.panel-admin .paczkomat-removed-list .removed-name {
  color: #64748b;
  text-decoration: line-through;
  font-size: 0.8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.panel-admin .btn-pdf-restore {
  padding: 3px 8px;
  border-radius: 6px;
  font-size: 0.74rem;
  font-weight: 700;
  background: rgba(149, 193, 34, 0.15);
  border: 1px solid rgba(149, 193, 34, 0.35);
  color: #bbf7d0;
  cursor: pointer;
  transition: all 0.15s ease;
}

.panel-admin .btn-pdf-restore:hover {
  background: rgba(149, 193, 34, 0.3);
  color: #ffffff;
}

@media (max-width: 1024px) {
  .panel-admin .paczkomat-sections-grid {
    grid-template-columns: 1fr;
  }
  .panel-admin .paczkomat-password-form {
    grid-template-columns: 1fr;
  }
  .panel-admin .paczkomat-upload-bar {
    grid-template-columns: 1fr;
  }
  .panel-admin .rekoder-workbench {
    grid-template-columns: 1fr;
  }
}

/* One release row for System and every application. */
.readiness-service-card--update { grid-template-columns: minmax(190px,.9fr) minmax(210px,.85fr) minmax(300px,1.25fr); }
.component-refresh-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.component-refresh-actions > :only-child { grid-column:1 / -1; }
.component-refresh-actions .button { white-space:normal; min-height:38px; }
.refresh-result-details small { display:block; margin-top:4px; }
.maintenance-outcome { margin:10px 0; padding:12px 14px; border:1px solid var(--border); border-left-width:4px; border-radius:10px; background:rgba(35,55,70,.28); }
.maintenance-outcome > div { display:grid; gap:5px; min-width:0; }
.maintenance-outcome small { display:block; overflow-wrap:anywhere; color:inherit; }
.maintenance-outcome--pending,.maintenance-outcome--running { border-color:#d9b458; background:rgba(148,110,24,.14); }
.maintenance-outcome--success { border-color:#63b88b; background:rgba(35,119,75,.14); }
.maintenance-outcome--failed { border-color:#ed8585; background:rgba(159,48,48,.14); }
.maintenance-outcome--ready { border-color:#74b9dd; }
.maintenance-outcome--checked { border-color:#74b9dd; }
.maintenance-outcome--partial { border-color:#d9b458; }
.maintenance-outcome--expired,.maintenance-outcome--unchanged { border-color:#8996a5; }
.operation-details p { margin:6px 0; overflow-wrap:anywhere; }
.operation-timeline { min-width:0; }
.operation-timeline ol { list-style:none; padding:0; margin:8px 0 0; max-height:22rem; overflow:auto; }
.operation-timeline ol > li { display:grid; grid-template-columns:minmax(140px,1fr) auto auto; gap:8px 16px; padding:6px 8px; border-bottom:1px solid var(--border); font-size:.78rem; align-items:start; }
.operation-release-notes { margin:8px 0; padding-left:20px; }
.operation-release-notes li { padding:2px 0; font-size:.8rem; }
.operation-timeline li small { display:block; color:var(--muted); font-variant-numeric:tabular-nums; }
.operation-timeline--done > span:last-child { color:#58a77b; }
.operation-timeline--failed > span:last-child { color:#df7777; }
.operation-timeline--interrupted > span:last-child { color:#d9aa55; }
.operation-timeline--running > span:last-child { color:var(--accent); }
@media(max-width:640px) { .operation-timeline ol > li { grid-template-columns:minmax(0,1fr) auto; gap:4px 10px; } .operation-timeline ol > li > span:last-child { grid-column:1 / -1; } }
.panel-admin .admin-infrastructure-section { display:grid; gap:20px; margin-top:28px; }
.admin-infrastructure-section .infrastructure-heading h2 { margin:0 0 8px; font-size:1.35rem; }
.admin-infrastructure-section .infrastructure-heading p { margin:0; color:var(--muted); line-height:1.6; }
.panel-admin .admin-infrastructure-section .readiness-services-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.panel-admin .admin-infrastructure-section .readiness-service-card--update { display:flex; flex-direction:column; align-items:stretch; gap:14px; padding:20px; border:1px solid var(--border); border-radius:14px; background:var(--surface); color:var(--text); box-shadow:none; }
.admin-infrastructure-section .readiness-service-card--update .readiness-service-card__heading { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:0 0 12px; border-bottom:1px solid var(--border); }
.admin-infrastructure-section .readiness-service-card--update .readiness-service-card__heading strong { font-size:1.05rem; }
.admin-infrastructure-section .readiness-service-card--update .readiness-service-card__heading small { color:var(--muted); line-height:1.5; margin-top:4px; }
.admin-infrastructure-section .readiness-service-card--update .readiness-service-card__block { padding:0; border:0; background:transparent; }
.admin-infrastructure-section .readiness-service-card--update .readiness-service-card__label { color:var(--muted); font-size:.78rem; font-weight:500; }
.admin-infrastructure-section .readiness-service-card--update .status:not(.offline) { background:transparent; border:1px solid var(--border); color:var(--muted); font-weight:500; }
.admin-infrastructure-section .service-version-form { display:flex; align-items:center; gap:8px; margin-top:6px; }
.admin-infrastructure-section .service-version-form input { width:120px; min-width:0; color:var(--text); background:var(--surface); }
.admin-infrastructure-section .component-refresh-actions { margin-top:12px; }
.admin-infrastructure-section .component-refresh-actions .action-local { background:var(--blue); color:#fff; box-shadow:none; border:1px solid var(--blue); }
.admin-infrastructure-section .component-refresh-actions .action-online { background:transparent; color:var(--text); box-shadow:none; border:1px solid var(--border); }
.maintenance-outcome.active-operation { color:var(--text); background:var(--surface); box-shadow:none; align-items:flex-start; padding:20px; }
.maintenance-outcome.active-operation [data-operation-label] { font-size:1.08rem; line-height:1.5; }
.maintenance-outcome [data-operation-message] { line-height:1.6; margin-top:4px; }
.maintenance-outcome [data-operation-scope], .maintenance-outcome [data-operation-date] { font-size:.76rem; color:var(--muted); font-variant-numeric:tabular-nums; }
.maintenance-outcome .operation-details { margin-top:5px; font-size:.8rem; }
.maintenance-workflow { display:flex; flex-wrap:wrap; align-items:center; gap:10px; font-weight:600; line-height:1.6; }
.maintenance-workflow span { color:var(--muted); font-weight:400; }
.panel-admin .maintenance-grid--tiles .maintenance-card--tile { background:var(--surface); color:var(--text); border:1px solid var(--border); border-radius:14px; box-shadow:none; padding:20px; }
.panel-admin .maintenance-grid--tiles .maintenance-card--tile h2 { color:var(--text); font-size:1.08rem; }
.panel-admin .maintenance-grid--tiles .maintenance-card--tile header p { color:var(--muted); line-height:1.55; }
.panel-admin .maintenance-grid--tiles .maintenance-card--tile .action-quiet { box-shadow:none; border:1px solid var(--border); background:transparent; color:var(--text); }
@media(max-width:760px) { .panel-admin .admin-infrastructure-section .readiness-services-list { grid-template-columns:1fr; } }
.readiness-service-card--update .readiness-service-card__image-state { flex-wrap:wrap; }
@media (max-width:1000px) {
  .readiness-service-card--update { grid-template-columns:1fr 1fr; }
  .readiness-service-card--update > :last-child { grid-column:1 / -1; }
}
@media (max-width:640px) {
  .readiness-service-card--update { grid-template-columns:1fr; }
  .readiness-service-card--update > :last-child { grid-column:auto; }
}

/* Compact maintenance workspace; polling updates facts, never the surrounding layout. */
.maintenance-console { border:1px solid var(--border); border-radius:16px; padding:20px; background:var(--surface); }
.panel-admin .maintenance-console { gap:16px; }
.maintenance-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; padding:4px; border-radius:10px; background:rgba(112,139,160,.1); }
.maintenance-tabs button { border:1px solid transparent; border-radius:7px; padding:10px 12px; font:inherit; font-weight:600; color:var(--muted); background:transparent; cursor:pointer; }
.maintenance-tabs button[aria-selected="true"] { border-color:var(--border); color:var(--text); background:var(--surface); box-shadow:0 1px 3px #0001; }
.maintenance-tabs button:focus-visible { outline:2px solid var(--blue); outline-offset:2px; }
[data-maintenance-pane][hidden] { display:none!important; }
[data-maintenance-pane] { min-width:0; }
.maintenance-console h3 { margin:0 0 10px; font-size:1rem; }
.maintenance-console .panel { margin:0; padding:16px; box-shadow:none; }
.maintenance-console .maintenance-update-card { border:1px solid var(--border); border-radius:10px; }
.maintenance-console .maintenance-update-card .readiness-content { padding:0; }
.maintenance-batch-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:10px 0; }
.maintenance-batch-actions .button { min-width:0; margin:0; }
.maintenance-batch { margin-top:14px; padding-top:12px; border-top:1px solid var(--border); }
.maintenance-batch-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.maintenance-batch-heading form { margin:0; }
.maintenance-batch-items { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; list-style:none; padding:0; margin:10px 0 0; }
.maintenance-batch-items li { display:flex; flex-direction:column; gap:3px; padding:8px 10px; border:1px solid var(--border); border-left:3px solid #587187; border-radius:7px; min-width:0; font-size:.82rem; }
.maintenance-batch-items span { color:var(--muted); }
.maintenance-batch-items small { overflow-wrap:anywhere; }
.maintenance-batch-items .maintenance-batch-item--running,.maintenance-batch-items .maintenance-batch-item--pending { border-left-color:#ef9c29; background:rgba(239,156,41,.08); }
.maintenance-batch-items .maintenance-batch-item--success { border-left-color:#3cb68b; }
.maintenance-batch-items .maintenance-batch-item--failed { border-left-color:#f17e82; background:rgba(241,126,130,.08); }
.maintenance-batch--failed .maintenance-batch-heading > strong { color:#f17e82; }
.maintenance-batch--warning .maintenance-batch-heading > strong { color:#efb254; }
.maintenance-batch--success .maintenance-batch-heading > strong { color:#3cb68b; }
.maintenance-batch-summary { font-weight:600; }
.maintenance-batch-details > summary { cursor:pointer; color:var(--muted); font-size:.86rem; }
@media (max-width:700px) { .maintenance-batch-actions { grid-template-columns:1fr; } .maintenance-batch-items { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.maintenance-console .maintenance-update-card p { margin:6px 0 10px; font-size:.86rem; line-height:1.5; }
.maintenance-release-notes { margin:16px 0; padding:0 2px; }
.maintenance-release-notes > summary { cursor:pointer; color:var(--muted); font-size:.85rem; }
.maintenance-release-notes[open] > summary { margin-bottom:10px; color:var(--text); }
.maintenance-release-notes > summary small { margin-left:8px; }
.image-list-controls { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:12px 0; font-size:.85rem; }
.image-list-controls label { display:flex; align-items:center; gap:10px; }
[data-image-row] td { vertical-align:top; }
[data-image-row] td small { display:block; margin:4px 0; color:var(--muted); }
[data-image-row] summary { cursor:pointer; font-size:.8rem; color:var(--muted); }
[data-image-row] code { overflow-wrap:anywhere; font-size:.75rem; }
[data-image-row][hidden] { display:none; }
.maintenance-release-notes > p { margin:0 0 6px; font-size:.76rem; }
.maintenance-release-notes ul { margin:0; padding-left:18px; display:grid; gap:5px; font-size:.82rem; line-height:1.5; color:var(--muted); }
.maintenance-apps-title { margin-top:18px!important; }
.panel-admin .maintenance-console .readiness-services-list { gap:10px; }
.panel-admin .maintenance-console .readiness-service-card--update { padding:13px 14px; gap:8px; border-radius:10px; }
.maintenance-console .readiness-service-card--update .readiness-service-card__heading { border:0; padding:0; min-height:44px; }
.maintenance-console .readiness-service-card--update .readiness-service-card__heading small { display:none; }
.maintenance-console .readiness-service-card--update .readiness-service-card__heading strong { font-size:.9rem; }
.availability-badge { display:inline-flex; align-items:center; border:1px solid var(--border); border-radius:20px; padding:5px 9px; font-size:.7rem; line-height:1.35; color:var(--muted); background:transparent; max-width:180px; }
.availability-badge--updating { color:var(--text); border-color:#b58a3a; background:rgba(174,127,30,.1); }
.availability-badge--attention { color:var(--text); border-color:#df7777; background:rgba(190,69,69,.1); }
.availability-badge--disabled { color:var(--muted); border-style:dashed; }
.component-actions { border-top:1px solid var(--border); padding-top:8px; font-size:.8rem; }
.component-actions > summary { display:flex; justify-content:space-between; gap:12px; color:var(--muted); cursor:pointer; }
.component-actions > summary span:last-child { color:var(--blue); }
.component-actions[open] .readiness-service-card__block { margin-top:10px; }
.component-update-caption { display:block; font-size:.7rem; color:var(--muted); line-height:1.4; padding-top:8px; }
.maintenance-console .readiness-resource-form { display:grid; grid-template-columns:minmax(100px,.8fr) minmax(150px,1.5fr) minmax(110px,1fr) auto; align-items:end; gap:12px; margin:0; padding:12px 0; border-bottom:1px solid var(--border); }
.maintenance-console .readiness-resource-form:last-child { border:0; }
.maintenance-console .readiness-resource-form > strong { align-self:center; font-size:.86rem; }
.maintenance-console .readiness-resource-form label { font-size:.76rem; margin:0; }
.maintenance-console .readiness-resource-form input { width:100%; }
.maintenance-console .readiness-resource-form .button { margin:0; }
.maintenance-console [data-application-resources] > p { font-size:.82rem; line-height:1.55; color:var(--muted); }
.maintenance-console [data-maintenance-pane="maintenance"] { display:grid; gap:12px; }
.maintenance-console [data-maintenance-pane="maintenance"] > details { margin:0; }
.maintenance-history table { font-size:.8rem; margin:0; }
.maintenance-history td { vertical-align:top; line-height:1.5; }
.maintenance-history th:first-child,.maintenance-history td:first-child { width:145px; font-variant-numeric:tabular-nums; }
.maintenance-history-state { font-size:.75rem; color:var(--muted); }
.maintenance-history-state--success { color:#58a77b; }
.maintenance-history-state--failed { color:#df7777; }
.maintenance-outcome.active-operation { padding:16px 18px; min-height:150px; }
.active-operation [data-operation-message] { min-height:2.8em; }
.maintenance-progress-heading { font-size:.87rem; margin:8px 0; }
.maintenance-steps { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:8px; list-style:none; margin:8px 0; padding:0; }
.maintenance-steps li { display:flex; flex-direction:column; align-items:flex-start; gap:6px; font-size:.68rem; line-height:1.35; color:var(--muted); min-height:57px; }
.maintenance-steps li > span { width:24px; height:24px; display:grid; place-items:center; border:1px solid var(--border); border-radius:50%; font-variant-numeric:tabular-nums; }
.maintenance-steps .maintenance-step--done > span { background:var(--blue); color:white; border-color:var(--blue); }
.maintenance-steps .maintenance-step--current { color:var(--text); font-weight:650; }
.maintenance-steps .maintenance-step--current > span { border:2px solid #c59c43; color:#c59c43; }
.maintenance-steps .maintenance-step--skipped { opacity:.6; }
.maintenance-counters,.maintenance-components { margin:6px 0 0; font-size:.78rem; line-height:1.5; min-height:1.5em; }
.maintenance-counters { color:var(--muted); font-variant-numeric:tabular-nums; }
.admin-confirmation-state { max-width:180px; line-height:1.4; font-size:.68rem; opacity:.85; }
@media(max-width:900px) {
  .maintenance-steps { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .maintenance-console .readiness-resource-form { grid-template-columns:1fr 1fr; }
}
@media(max-width:600px) {
  .maintenance-console { padding:12px; }
  .maintenance-tabs { grid-template-columns:1fr 1fr; }
  .maintenance-tabs button { padding:9px; font-size:.82rem; }
  .maintenance-steps { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .maintenance-console .readiness-resource-form { grid-template-columns:1fr; }
}

/* Compact version rows and clear action colours. */
.maintenance-tabs button[aria-selected="true"] { background:#126a99; color:#fff; border-color:#2388b5; }
.maintenance-tabs button:hover { border-color:#2388b5; }
.maintenance-console .maintenance-update-card { border-top:3px solid #278cbd; background:linear-gradient(110deg,rgba(36,135,185,.09),transparent 65%),var(--surface); }
.maintenance-console .button.action-system { background:#126d9d; border:1px solid #2996c8; color:#fff; box-shadow:none; }
.maintenance-console .button.secondary { border-color:#3289b1; color:var(--text); background:rgba(39,139,184,.1); }
.panel-admin .maintenance-console .component-refresh-actions .action-local { background:#ed962d; color:#172536; border-color:#f4b45d; }
.panel-admin .maintenance-console .component-refresh-actions .action-online { background:#176f9f; color:#fff; border-color:#3495c3; }
.maintenance-release-notes h3 { display:flex; justify-content:space-between; gap:12px; color:var(--text); }
.maintenance-release-notes h3 small { font-size:.74rem; color:var(--muted); font-weight:500; }
.maintenance-release-notes ul { gap:3px; font-size:.78rem; }
.panel-admin .maintenance-console .readiness-services-list { grid-template-columns:1fr; gap:7px; }
.panel-admin .maintenance-console .readiness-service-card--update { display:grid; grid-template-columns:minmax(250px,1.2fr) minmax(150px,.7fr) minmax(255px,1.1fr); align-items:center; gap:12px; padding:10px 13px; min-height:64px; border-left:4px solid var(--component-accent,#368fbd); border-radius:8px; }
.maintenance-console .readiness-service-card--update .readiness-service-card__heading { gap:10px; min-height:0; }
.maintenance-console .readiness-service-card--update .readiness-service-card__heading small { display:block; font-size:.65rem; margin-top:3px; }
.maintenance-console .service-version-form { margin:0; gap:6px; }
.maintenance-console .service-version-form input { width:80px; height:34px; padding:5px 8px; font-size:.83rem; }
.maintenance-console .service-version-form .button { min-height:34px; padding:6px 9px; }
.maintenance-console .component-refresh-actions { margin:0; gap:6px; }
.maintenance-console .component-refresh-actions .button { min-height:34px; padding:6px 8px; font-size:.75rem; }
.history-filters,.history-pagination { display:flex; flex-wrap:wrap; align-items:end; gap:8px; padding:12px; }
.history-filters label { display:grid; gap:4px; font-size:.8rem; }
.history-filters select { min-width:150px; padding:6px 10px; }
.history-pagination { align-items:center; border-top:1px solid var(--border); }
.history-pagination > span { margin-right:auto; color:var(--muted); font-size:.8rem; }
.maintenance-console [data-update-feedback] { grid-column:1 / -1; }
.maintenance-console [data-update-feedback]:empty { display:none; }
.maintenance-console [data-update-feedback]:not(:has(section)) { min-height:0; }
.maintenance-console [data-update-feedback]:not(:has(section)):not(:has(small)) { display:none; }
[data-update-app="spss"],.maintenance-card--spss { --component-accent:var(--app-spss); }
[data-update-app="czestosci"],.maintenance-card--czestosci { --component-accent:var(--app-czestosci); }
[data-update-app="rekoder"],.maintenance-card--rekoder { --component-accent:var(--app-rekoder); }
[data-update-app="watermark"],.maintenance-card--watermark { --component-accent:var(--app-watermark); }
[data-update-app="wiadomosci"],.maintenance-card--wiadomosci { --component-accent:#0664a0; }
.panel-admin .maintenance-grid--tiles .maintenance-card--tile { border-top:3px solid var(--component-accent,#368fbd); background:linear-gradient(130deg,rgba(45,133,180,.08),transparent 70%),var(--surface); }
.panel-admin .maintenance-grid--tiles .maintenance-card--tile .action-quiet { border-color:var(--component-accent,#368fbd); background:rgba(45,133,180,.1); }
.resource-budget { display:flex; gap:10px; flex-wrap:wrap; }
.resource-budget > strong { background:rgba(44,141,184,.12); border:1px solid var(--border); padding:7px 10px; border-radius:7px; color:var(--text); font-size:.8rem; }
.active-operation[data-operation-state="success"] { min-height:0; border-color:#43ac7b; background:linear-gradient(100deg,rgba(44,154,100,.1),transparent 60%),var(--surface); }
.active-operation[data-operation-state="success"] .maintenance-steps,
.active-operation[data-operation-state="success"] .maintenance-progress-heading,
.active-operation[data-operation-state="success"] .maintenance-counters,
.active-operation[data-operation-state="success"] [data-operation-message],
.active-operation[data-operation-state="success"] [data-operation-stage-clock],
.active-operation[data-operation-state="failed"] [data-operation-stage-clock] { display:none; }
.active-operation[data-operation-state="failed"] .maintenance-step--current > span { border-color:#df7777; color:var(--text); }
@media(max-width:1000px) {
  .panel-admin .maintenance-console .readiness-service-card--update { grid-template-columns:minmax(130px,.7fr) minmax(220px,1.3fr); }
  .maintenance-console .readiness-service-card--update .readiness-service-card__heading { grid-column:1 / -1; }
}
@media(max-width:600px) {
  .panel-admin .maintenance-console .readiness-service-card--update { grid-template-columns:minmax(110px,.8fr) minmax(150px,1.2fr); gap:8px; padding:10px; }
  .maintenance-console .service-version-form input { width:56px; }
  .maintenance-console .service-version-form .button { padding:6px; font-size:.72rem; }
}

/* Completed operations use a short receipt; live progress keeps its full layout. */
.active-operation[data-operation-state="success"] { padding:10px 14px; }
.active-operation[data-operation-state="success"] > div { display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; grid-template-areas:"result scope date duration" "components components components components"; column-gap:14px; row-gap:5px; align-items:center; width:100%; }
.active-operation[data-operation-state="success"] [data-operation-scope] { grid-area:scope; margin:0; font-size:.75rem; }
.active-operation[data-operation-state="success"] [role="status"] { grid-area:result; }
.active-operation[data-operation-state="success"] [data-operation-label] { font-size:.87rem; }
.active-operation[data-operation-state="success"] [data-operation-date] { grid-area:date; margin:0; white-space:nowrap; }
.active-operation[data-operation-state="success"] [data-operation-progress] { grid-area:components; }
.active-operation[data-operation-state="success"] .maintenance-components { margin:0; min-height:0; font-size:.75rem; }
.active-operation[data-operation-state="success"] > div > [aria-live="off"] { grid-area:duration; margin:0; white-space:nowrap; }

/* One navigation row and one account control, with no session prose in the bar. */
.panel-admin .topbar--admin { display:grid; grid-template-columns:minmax(170px,1fr) auto minmax(120px,1fr); grid-template-areas:"brand navigation account"; align-items:center; gap:16px; min-height:68px; padding-block:10px; }
.panel-admin .topbar--admin .brand { grid-area:brand; min-width:0; gap:10px; }
.panel-admin .topbar--admin .brand img { width:36px; height:36px; border-radius:9px; }
.panel-admin .topbar--admin .brand-copy { display:grid; min-width:0; }
.panel-admin .topbar--admin .brand-copy strong { display:block; font-size:.87rem; white-space:nowrap; }
.panel-admin .topbar--admin .brand-copy small { margin:0; padding:0; background:none; font-size:.62rem; letter-spacing:.07em; }
.panel-admin .topbar--admin .admin-navigation { grid-area:navigation; order:0; min-width:0; width:auto; gap:3px!important; align-self:center; }
.panel-admin .topbar--admin .admin-account-menu { grid-area:account; }
.panel-admin .topbar--admin .admin-navigation a { padding:10px 12px; font-size:.83rem; white-space:nowrap; }
.admin-account-menu { position:relative; min-width:0; justify-self:end; }
.admin-account-menu > summary { display:flex; align-items:center; gap:9px; padding:8px 10px; cursor:pointer; list-style:none; color:#e6f4ff; border:1px solid rgba(143,207,245,.25); border-radius:9px; background:rgba(59,169,224,.07); font-size:.82rem; }
.admin-account-menu > summary::-webkit-details-marker { display:none; }
.admin-account-menu > summary > span { max-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.admin-account-menu svg { width:18px; height:18px; flex:none; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.admin-account-menu .admin-account-chevron { width:14px; height:14px; }
.admin-account-menu[open] > summary { border-color:#3ba9e0; background:rgba(59,169,224,.14); }
.admin-account-menu > summary:focus-visible { outline:2px solid #3ba9e0; outline-offset:3px; }
.admin-account-popover { position:absolute; right:0; top:calc(100% + 8px); z-index:30; display:grid; gap:12px; width:260px; max-width:calc(100vw - 24px); padding:14px; background:#102235; border:1px solid #365167; border-radius:10px; box-shadow:0 12px 30px rgba(0,0,0,.3); }
.admin-account-popover > a { color:#b6e4ff; text-decoration:none; padding:7px 8px; border-radius:6px; font-size:.83rem; }
.admin-account-popover > a:hover,.admin-account-popover > a[aria-current] { background:rgba(59,169,224,.14); }
.admin-account-popover .admin-confirmation-state { max-width:none; color:#a9bfd1; font-size:.72rem; }
.admin-account-popover .logout-form { display:block; margin:0; border-top:1px solid #365167; padding-top:12px; }
.admin-account-popover .logout-form .button { width:100%; min-height:34px; padding:7px 10px; font-size:.8rem; }
@media(max-width:900px) {
  .panel-admin .topbar--admin { grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"brand account" "navigation navigation"; gap:8px 12px; }
  .panel-admin .topbar--admin .admin-navigation { grid-column:1 / -1; grid-row:2; justify-content:center; width:100%; }
  .panel-admin .topbar--admin .admin-navigation a { flex:1; text-align:center; padding:9px 10px; }
}
@media(max-width:760px) {
  .active-operation[data-operation-state="success"] > div { grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"result date" "scope duration" "components components"; gap:5px 10px; }
}
@media(max-width:480px) {
  .panel-admin .topbar--admin { padding-inline:12px; }
  .panel-admin .topbar--admin .brand-copy strong { font-size:.78rem; }
  .panel-admin .topbar--admin .admin-navigation a { font-size:.75rem; padding:9px 6px; }
  .admin-account-menu > summary > span { display:none; }
}
.repository-sync { max-width:1100px; margin-inline:auto; border-top:3px solid var(--accent,#36c9db); }
.repository-sync h2 { font-size:1rem; margin:20px 0 10px; }
.repository-sync table small { display:block; margin-top:4px; }
.repository-sync code { overflow-wrap:anywhere; white-space:normal; }
.repository-sync-review { display:grid; gap:8px; margin-bottom:18px; }
.repository-sync-choice { display:flex; align-items:flex-start; gap:10px; padding:10px 12px; border:1px solid var(--border,#294658); border-radius:8px; background:rgba(54,201,219,.06); }
.repository-sync-choice input { width:auto; margin-top:4px; flex:0 0 auto; }
.repository-sync-choice small { display:block; margin-top:4px; }
.repository-difference { margin-block:6px 12px; }
.repository-difference pre { max-height:360px; overflow:auto; padding:12px; border-radius:6px; background:rgba(5,20,30,.6); color:#cfe9f5; font-size:.78rem; line-height:1.45; }
.repository-difference > small { display:block; overflow-wrap:anywhere; }

/* Compact version tiles; keep all three actions together. */
.panel-admin .maintenance-console .maintenance-versions-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.panel-admin .maintenance-console .maintenance-versions-grid .readiness-service-card--update { grid-template-columns:minmax(0,1fr) auto; gap:9px 16px; padding:12px 14px; min-height:0; align-content:start; }
.panel-admin .maintenance-console .maintenance-versions-grid .readiness-service-card__heading { grid-column:auto; padding:0; border:0; background:transparent; gap:14px; }
.panel-admin .maintenance-console .maintenance-versions-grid .readiness-service-card__block { padding:0; border:0; background:transparent; }
.maintenance-versions-grid .readiness-service-card__version { justify-self:end; font-variant-numeric:tabular-nums; }
.panel-admin .maintenance-console .maintenance-versions-grid .readiness-service-image { grid-column:1 / -1; }
.maintenance-versions-grid .component-refresh-actions { grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; }
.maintenance-versions-grid .component-refresh-actions > form { min-width:0; margin:0; display:flex; }
.maintenance-versions-grid .component-refresh-actions > form .button { width:100%; }
.maintenance-versions-grid .component-refresh-actions .button { display:flex; align-items:center; justify-content:center; min-width:0; margin:0; }
.maintenance-versions-grid .component-update-caption { padding-top:0; }
@media(max-width:1100px) {
  .panel-admin .maintenance-console .maintenance-versions-grid { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:480px) {
  .maintenance-versions-grid .component-refresh-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .maintenance-versions-grid .component-refresh-actions > form:nth-child(3) { grid-column:1 / -1; }
}