@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* 2026-09-03: kolejka weryfikacji dokumentow przed wysylka e-mail. */
.document-outbox-panel {
  width: min(100%, 1680px);
  margin: 18px auto 22px;
  padding: 22px;
  border: 1px solid rgba(255, 63, 95, 0.34);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(22, 33, 40, 0.96), rgba(13, 20, 25, 0.98));
}

.document-outbox-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(174, 184, 192, 0.16);
}

.document-outbox-head span {
  display: block;
  margin-bottom: 6px;
  color: #ff3f5f;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.document-outbox-head h3 {
  margin: 0;
  color: #f3f6f8;
  font-size: 24px;
}

.document-outbox-head p {
  max-width: 760px;
  margin: 8px 0 0;
  color: #aeb8c0;
  line-height: 1.5;
}

.document-outbox-head strong {
  display: inline-flex;
  min-width: 44px;
  height: 36px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 63, 95, 0.42);
  border-radius: 9px;
  color: #fff;
  background: rgba(255, 63, 95, 0.14);
}

.document-outbox-list {
  display: grid;
  gap: 14px;
  margin-top: 16px;
}

.document-outbox-card {
  display: grid;
  grid-template-columns: minmax(220px, 0.9fr) minmax(260px, 1fr) minmax(260px, 1fr) auto;
  gap: 16px;
  align-items: center;
  padding: 16px;
  border: 1px solid rgba(174, 184, 192, 0.16);
  border-radius: 10px;
  background: rgba(8, 14, 18, 0.56);
}

.document-outbox-main h4 {
  margin: 8px 0 6px;
  color: #fff;
  font-size: 16px;
}

.document-outbox-main p,
.document-outbox-preview p {
  margin: 0;
  color: #aeb8c0;
  line-height: 1.45;
}

.document-outbox-error {
  display: block;
  margin-top: 8px;
  color: #ff8fa1;
}

.document-outbox-recipients {
  display: grid;
  gap: 8px;
}

.document-outbox-recipients div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(174, 184, 192, 0.14);
  border-radius: 8px;
  background: rgba(17, 26, 32, 0.76);
}

.document-outbox-recipients strong,
.document-outbox-preview span {
  display: block;
  color: #f3f6f8;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.document-outbox-recipients span,
.document-outbox-recipients small {
  display: block;
  overflow-wrap: anywhere;
  color: #aeb8c0;
}

.document-outbox-recipients span {
  margin-top: 3px;
  color: #ff5d77;
  font-weight: 700;
}

.document-outbox-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  min-width: 260px;
}

.document-outbox-actions form {
  margin: 0;
}

.document-outbox-actions .button {
  min-height: 38px;
  padding: 9px 13px;
  white-space: nowrap;
}

@media (max-width: 1180px) {
  .document-outbox-card {
    grid-template-columns: 1fr;
  }

  .document-outbox-actions {
    justify-content: flex-start;
    min-width: 0;
  }
}

.admin-permission-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px;
}

.admin-permission-grid fieldset {
  margin: 0;
  padding: 14px;
  border: 1px solid rgba(15, 23, 42, 0.14);
  border-radius: 8px;
  background: #fff;
}

.admin-permission-grid legend {
  padding: 0 6px;
  color: #b80f2f;
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
}

.admin-permission-grid label {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 10px;
  color: #172029;
  font-size: 0.9rem;
  line-height: 1.35;
}

.admin-permission-grid input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin-top: 2px;
  accent-color: #e2183f;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-body: "Montserrat", "Segoe UI", Arial, Helvetica, sans-serif;
  --font-heading: "Montserrat", "Segoe UI", Arial, Helvetica, sans-serif;
  --ink: #0b0f12;
  --ink-soft: #151a1e;
  --steel: #2b3338;
  --mist: #eef2f4;
  --paper: #f4f6f7;
  --paper-deep: #d9e0e3;
  --cyan: #f42144;
  --cyan-deep: #b5122b;
  --copper: #7a1c2b;
  --line-dark: rgba(21, 27, 31, 0.16);
  --line-light: rgba(255, 255, 255, 0.18);
  --text-light: #f6f8f9;
  --text-muted: #69777f;
  --text-dark: #151b1f;
  --surface: #ffffff;
  --surface-cool: #f9fbfc;
  --red-soft: rgba(244, 33, 68, 0.12);
  --red-line: rgba(244, 33, 68, 0.48);
  --max: 1180px;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  color: var(--text-dark);
  background:
    linear-gradient(90deg, rgba(21, 27, 31, 0.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(21, 27, 31, 0.025) 1px, transparent 1px),
    var(--paper);
  background-size: 72px 72px;
  font-family: var(--font-body);
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: 0;
}

::selection {
  color: #fff;
  background: var(--cyan);
}

img {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
}

:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 4px;
}

.container {
  width: min(var(--max), calc(100% - 40px));
  margin: 0 auto;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 14px clamp(20px, 4vw, 52px);
  color: var(--text-light);
  background: rgba(11, 15, 18, 0.92);
  border-bottom: 1px solid rgba(244, 33, 68, 0.22);
  backdrop-filter: blur(18px);
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.22);
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  max-width: min(300px, 44vw);
  color: var(--text-light);
  text-decoration: none;
  font-weight: 700;
}

.brand-logo {
  width: min(260px, 42vw);
  height: auto;
  max-height: 42px;
  object-fit: contain;
  object-position: left center;
}

.brand-name {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.brand-symbol {
  width: 28px;
  height: 28px;
  border: 1px solid rgba(244, 33, 68, 0.72);
  border-radius: 8px;
  background:
    linear-gradient(135deg, transparent 48%, var(--cyan) 49%, var(--cyan) 56%, transparent 57%),
    radial-gradient(circle at 70% 30%, rgba(244, 33, 68, 0.72), transparent 34%),
    var(--ink-soft);
  box-shadow: 0 0 24px rgba(244, 33, 68, 0.3);
}

.site-nav {
  display: flex;
  align-items: center;
  gap: 6px;
}

.site-nav a {
  position: relative;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  color: rgba(237, 248, 251, 0.78);
  text-decoration: none;
  border-radius: 8px;
  font-weight: 500;
}

.site-nav a:hover,
.site-nav a.active {
  color: var(--text-light);
  background: rgba(244, 33, 68, 0.09);
}

.site-nav a.admin-nav-link {
  margin-left: 8px;
  color: var(--text-light);
  font-size: 0.88rem;
  font-weight: 600;
  border: 1px solid rgba(244, 33, 68, 0.42);
  background: rgba(244, 33, 68, 0.14);
}

.site-nav a::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 6px;
  height: 2px;
  background: var(--cyan);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 160ms ease;
}

.site-nav a:hover::after,
.site-nav a.active::after,
.site-nav a.admin-nav-link::after {
  transform: scaleX(1);
}

.nav-toggle {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.nav-button {
  display: none;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  border: 1px solid var(--line-light);
  border-radius: 8px;
  cursor: pointer;
}

.nav-button span {
  width: 18px;
  height: 2px;
  background: var(--text-light);
}

.hero,
.page-hero,
.site-footer {
  position: relative;
  overflow: hidden;
  color: var(--text-light);
  background: var(--ink);
}

.hero {
  min-height: calc(88svh - 72px);
  display: grid;
  align-items: end;
}

.hero-image,
.page-hero-image,
.footer-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-home .hero-image {
  object-position: 64% center;
}

.hero-overlay,
.page-hero-overlay,
.footer-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(9, 12, 15, 0.38), rgba(9, 12, 15, 0.12) 48%, rgba(9, 12, 15, 0.58)),
    linear-gradient(0deg, rgba(9, 12, 15, 0.88), rgba(9, 12, 15, 0.03) 58%, rgba(9, 12, 15, 0.16)),
    linear-gradient(135deg, rgba(244, 33, 68, 0.18), transparent 34%);
}

.home-start-slide .hero-overlay {
  background:
    radial-gradient(ellipse 42% 27% at 39% 29%, rgba(9, 12, 15, 0.74) 0%, rgba(9, 12, 15, 0.62) 38%, rgba(9, 12, 15, 0.25) 64%, transparent 82%),
    linear-gradient(90deg, rgba(9, 12, 15, 0.48), rgba(9, 12, 15, 0.18) 46%, rgba(9, 12, 15, 0.6)),
    linear-gradient(0deg, rgba(9, 12, 15, 0.88), rgba(9, 12, 15, 0.03) 58%, rgba(9, 12, 15, 0.16)),
    linear-gradient(135deg, rgba(244, 33, 68, 0.18), transparent 34%);
}

.hero-content {
  position: relative;
  z-index: 1;
  width: min(var(--max), calc(100% - 80px));
  margin: 0 auto;
  padding: clamp(72px, 12vh, 138px) 0 clamp(44px, 9vh, 90px);
}

.hero-home h1 {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.hero-home .kicker {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.hero-home .hero-lead {
  margin-top: clamp(44px, 7vh, 66px);
}

.kicker,
.section-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 14px;
  color: var(--cyan);
  font-size: 0.92rem;
  font-weight: 700;
  text-transform: uppercase;
}

.kicker::before,
.section-label::before {
  content: "";
  width: 28px;
  height: 2px;
  background: currentColor;
  box-shadow: 0 0 18px rgba(244, 33, 68, 0.36);
}

h1,
h2,
h3,
p {
  overflow-wrap: break-word;
}

h1,
h2 {
  margin: 0;
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.08;
}

h1 {
  max-width: 820px;
  font-size: clamp(2.15rem, 4.2vw, 4rem);
}

h2 {
  font-size: clamp(1.55rem, 2.6vw, 2.75rem);
}

h3 {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 600;
}

.hero-lead,
.page-hero-content p,
.footer-content p {
  max-width: 690px;
  color: rgba(237, 248, 251, 0.78);
  font-size: clamp(1.05rem, 2vw, 1.28rem);
}

.hero-actions,
.footer-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.button {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  padding: 12px 18px;
  color: var(--text-light);
  text-decoration: none;
  border-radius: 8px;
  font-weight: 500;
  transition:
    transform 160ms ease,
    box-shadow 160ms ease,
    background 160ms ease,
    border-color 160ms ease;
}

.button-primary {
  color: #fff;
  background: var(--cyan);
  box-shadow: 0 18px 44px rgba(244, 33, 68, 0.24);
}

.button-primary:hover {
  background: #cf1833;
  transform: translateY(-1px);
  box-shadow: 0 22px 48px rgba(244, 33, 68, 0.3);
}

.button-ghost {
  border: 1px solid rgba(255, 255, 255, 0.32);
  background: rgba(255, 255, 255, 0.055);
}

.button-ghost:hover {
  border-color: rgba(244, 33, 68, 0.72);
  background: rgba(244, 33, 68, 0.13);
  transform: translateY(-1px);
}

.section {
  padding: clamp(70px, 9vw, 124px) 0;
}

.intro-band {
  padding: clamp(52px, 7vw, 84px) 0;
  color: var(--text-light);
  background:
    linear-gradient(90deg, rgba(244, 33, 68, 0.18), transparent 38%),
    linear-gradient(135deg, var(--ink), var(--ink-soft));
  border-top: 1px solid rgba(244, 33, 68, 0.24);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.intro-grid,
.editorial-grid,
.process-grid,
.material-layout,
.quote-layout,
.checklist-layout,
.gallery-layout,
.study-layout,
.contact-layout,
.contact-strip,
.contact-form-layout,
.admin-login-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: clamp(32px, 7vw, 86px);
  align-items: start;
}

.intro-grid p:last-child,
.editorial-grid p,
.copy-panel p,
.service-card p,
.case-card p,
.material-list p,
.quote-factors p,
.study-flow p,
.process-list p {
  margin: 0;
  color: inherit;
}

.intro-grid > p {
  max-width: 620px;
  color: rgba(237, 248, 251, 0.74);
  font-size: 1.14rem;
}

.metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(21, 27, 31, 0.18);
  border-radius: 8px;
  background: rgba(21, 27, 31, 0.18);
}

.metrics article {
  position: relative;
  min-height: 210px;
  padding: clamp(22px, 4vw, 34px);
  background: var(--surface);
}

.metrics article::before,
.service-card::before,
.case-card::before,
.price-card::before,
.contact-card::before,
.calculator-results article::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, var(--cyan), transparent 72%);
}

.metrics span,
.service-card span,
.case-card span {
  display: inline-block;
  margin-bottom: 24px;
  color: var(--cyan-deep);
  font-weight: 600;
}

.metrics strong {
  display: block;
  margin-bottom: 12px;
  font-size: 1.24rem;
}

.metrics p {
  margin: 0;
  color: var(--text-muted);
}

.section-dark {
  color: var(--text-light);
  background:
    linear-gradient(90deg, rgba(244, 33, 68, 0.17), transparent 28%),
    linear-gradient(135deg, var(--ink), var(--steel));
  border-block: 1px solid rgba(244, 33, 68, 0.16);
}

.section-paper {
  background:
    linear-gradient(90deg, rgba(21, 27, 31, 0.04) 1px, transparent 1px),
    linear-gradient(180deg, rgba(21, 27, 31, 0.035) 1px, transparent 1px),
    linear-gradient(180deg, var(--surface-cool), var(--paper));
  background-size: 56px 56px, 56px 56px, auto;
}

.split-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: clamp(32px, 6vw, 76px);
  align-items: center;
}

.split-layout-reverse {
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
}

.image-frame {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.22);
}

.image-frame-light {
  border-color: rgba(21, 27, 31, 0.16);
  background: var(--surface);
  box-shadow: 0 18px 42px rgba(21, 27, 31, 0.1);
}

.image-frame img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.copy-panel {
  color: var(--text-light);
}

.copy-panel-light {
  color: var(--text-dark);
}

.copy-panel p {
  max-width: 600px;
  margin-top: 22px;
  color: rgba(237, 248, 251, 0.76);
  font-size: 1.08rem;
}

.copy-panel-light p {
  color: var(--text-muted);
}

.feature-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 28px 0;
}

.feature-list span {
  min-height: 42px;
  display: flex;
  align-items: center;
  padding: 9px 12px;
  border: 1px solid var(--line-light);
  border-radius: 8px;
  color: rgba(237, 248, 251, 0.86);
  background: rgba(255, 255, 255, 0.035);
}

.text-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--cyan-deep);
  font-weight: 600;
  text-decoration: none;
}

.section-dark .text-link {
  color: var(--cyan);
}

.text-link::after {
  content: "";
  width: 38px;
  height: 1px;
  margin-left: 12px;
  background: currentColor;
}

.price-teaser {
  display: grid;
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(21, 27, 31, 0.18);
  border-radius: 8px;
  background: rgba(21, 27, 31, 0.18);
}

.price-teaser article {
  padding: 24px;
  background: var(--surface);
}

.price-teaser span {
  display: inline-block;
  margin-bottom: 10px;
  color: var(--cyan-deep);
  font-weight: 600;
}

.price-teaser strong {
  display: block;
  margin-bottom: 8px;
  font-size: 1.1rem;
}

.seo-link-grid,
.faq-list {
  display: grid;
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(21, 27, 31, 0.18);
  border-radius: 8px;
  background: rgba(21, 27, 31, 0.18);
}

.seo-link-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.service-scope-centered,
.service-process-centered {
  grid-template-columns: minmax(0, 980px);
  justify-content: center;
}

.service-scope-centered .seo-link-grid,
.service-process-centered .process-list {
  width: 100%;
  justify-self: center;
}

.seo-card,
.faq-list details {
  position: relative;
  padding: clamp(22px, 2.4vw, 30px);
  background: var(--surface);
}

.seo-card::before,
.faq-list details::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, var(--cyan), transparent 72%);
}

.seo-card {
  display: grid;
  gap: 12px;
  min-width: 0;
  color: var(--text-dark);
  text-decoration: none;
}

.seo-card span {
  color: var(--cyan-deep);
  font-size: 0.82rem;
  font-weight: 700;
  text-transform: uppercase;
}

.seo-card strong {
  display: block;
  max-width: 100%;
  min-width: 0;
  font-size: var(--fit-heading-size, clamp(1.18rem, 1.55vw, 1.35rem));
  line-height: 1.18;
  hyphens: none;
  overflow-wrap: normal;
  word-break: normal;
}

.seo-card p,
.faq-list p {
  margin: 0;
  color: var(--text-muted);
}

.seo-card:hover {
  box-shadow: inset 0 0 0 1px rgba(244, 33, 68, 0.26);
}

.faq-list summary {
  cursor: pointer;
  color: var(--text-dark);
  font-weight: 700;
}

.faq-list summary::marker {
  color: var(--cyan-deep);
}

.faq-list p {
  margin-top: 12px;
}

.page-hero {
  min-height: 520px;
  display: grid;
  align-items: end;
}

.page-hero-wide {
  min-height: 500px;
}

.page-hero-image {
  object-position: 55% center;
}

.page-hero-content {
  position: relative;
  z-index: 1;
  padding: clamp(96px, 14vh, 152px) 0 clamp(54px, 8vh, 92px);
}

.page-hero-content h1 {
  font-size: clamp(2.35rem, 4.5vw, 4.35rem);
}

.service-grid,
.cases-grid,
.price-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(21, 27, 31, 0.18);
  border-radius: 8px;
  background: rgba(21, 27, 31, 0.18);
}

.service-card,
.case-card,
.price-card {
  position: relative;
  min-height: 320px;
  padding: clamp(22px, 3vw, 30px);
  background: var(--surface);
}

.service-card h2,
.case-card h2 {
  margin-bottom: 16px;
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw, 1.65rem);
  line-height: 1.15;
  font-weight: 600;
}

.service-card p,
.case-card p {
  color: var(--text-muted);
}

.process-list {
  display: grid;
  gap: 1px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  border: 1px solid var(--line-light);
  border-radius: 8px;
  background: var(--line-light);
}

.process-list li,
.quote-factors article,
.study-flow article {
  padding: 24px;
  background: rgba(255, 255, 255, 0.06);
}

.process-list strong,
.quote-factors strong,
.study-flow strong {
  display: block;
  margin-bottom: 8px;
  color: var(--text-light);
}

.process-list p,
.quote-factors p {
  color: rgba(237, 248, 251, 0.7);
}

.material-list,
.quote-factors,
.study-flow {
  display: grid;
  gap: 18px;
}

.material-list article {
  padding: 0 0 22px;
  border-bottom: 1px solid var(--line-dark);
}

.material-list p,
.study-flow p {
  color: var(--text-muted);
}

.price-card p {
  margin: 0 0 12px;
  color: var(--text-muted);
  font-weight: 600;
}

.price-card h2 {
  max-width: 100%;
  margin-bottom: 8px;
  color: var(--ink);
  font-family: var(--font-heading);
  font-size: clamp(2rem, 4vw, 3.2rem);
  line-height: 1;
  font-weight: 700;
  overflow-wrap: anywhere;
  word-break: normal;
}

.price-card:last-child h2 {
  font-size: clamp(1.45rem, 2.1vw, 2rem);
  line-height: 1.08;
}

.price-card span {
  display: block;
  margin-bottom: 26px;
  color: var(--cyan-deep);
  font-weight: 700;
}

.price-card ul,
.checklist {
  margin: 0;
  padding: 0;
  list-style: none;
}

.price-card li,
.checklist li {
  position: relative;
  padding: 12px 0 12px 26px;
  border-top: 1px solid var(--line-dark);
  color: var(--text-muted);
}

.price-card li::before,
.checklist li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 19px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--cyan-deep);
}

.price-card-featured {
  color: var(--text-light);
  background:
    linear-gradient(135deg, rgba(244, 33, 68, 0.24), transparent 44%),
    var(--ink-soft);
}

.price-card-featured h2,
.price-card-featured p {
  color: var(--text-light);
}

.price-card-featured li {
  color: rgba(237, 248, 251, 0.74);
  border-top-color: var(--line-light);
}

.service-price-note {
  display: grid;
  gap: 18px;
  padding: clamp(24px, 4vw, 36px);
  color: var(--text-light);
  border: 1px solid rgba(244, 33, 68, 0.28);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(244, 33, 68, 0.22), transparent 52%),
    var(--ink-soft);
  box-shadow: 0 18px 42px rgba(21, 27, 31, 0.1);
}

.service-price-note strong {
  display: block;
  color: var(--text-light);
  font-size: clamp(1.45rem, 2.8vw, 2.35rem);
  line-height: 1.1;
}

.service-price-note p {
  margin: 0;
  color: rgba(237, 248, 251, 0.76);
}

.service-price-note .button {
  justify-self: start;
}

.service-price-table {
  display: grid;
  gap: 1px;
  margin-top: clamp(30px, 5vw, 58px);
  overflow: hidden;
  border: 1px solid rgba(21, 27, 31, 0.18);
  border-radius: 8px;
  background: rgba(21, 27, 31, 0.18);
}

.service-price-row {
  display: grid;
  grid-template-columns: minmax(180px, 0.9fr) minmax(120px, 0.35fr) minmax(0, 1.45fr);
  gap: 18px;
  align-items: center;
  padding: 18px 20px;
  background: var(--surface);
}

.service-price-head {
  color: var(--text-light);
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.82rem;
  background: var(--ink-soft);
}

.service-price-row span {
  color: var(--text-dark);
  font-weight: 700;
}

.service-price-head span {
  color: var(--text-light);
}

.service-price-row strong {
  color: var(--cyan-deep);
  font-size: 1.08rem;
}

.service-price-row p {
  margin: 0;
  color: var(--text-muted);
}

.service-terms-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 24px;
  padding: 18px 20px;
  border: 1px solid rgba(21, 27, 31, 0.14);
  border-radius: 8px;
  background: var(--surface-cool);
}

.service-terms-strip p {
  max-width: 780px;
  margin: 0;
  color: var(--text-muted);
}

.service-terms-strip p a {
  color: var(--cyan-deep);
  font-weight: 700;
}

.terms-document {
  display: grid;
  gap: 18px;
}

.terms-document article {
  padding: clamp(22px, 4vw, 34px);
  border: 1px solid rgba(21, 27, 31, 0.14);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: 0 14px 34px rgba(21, 27, 31, 0.06);
}

.terms-document h2 {
  margin-bottom: 14px;
  font-size: clamp(1.35rem, 2.2vw, 2rem);
  line-height: 1.2;
}

.terms-document p {
  margin: 0;
  color: var(--text-muted);
}

.terms-document p + p {
  margin-top: 12px;
}

.about-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(280px, 0.88fr);
  gap: clamp(28px, 5vw, 64px);
  align-items: start;
}

.about-copy {
  display: grid;
  gap: 18px;
}

.about-copy h2 {
  max-width: 760px;
}

.about-copy p {
  margin: 0;
  color: var(--text-muted);
  font-size: 1.04rem;
}

.about-portrait {
  position: sticky;
  top: 104px;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(21, 27, 31, 0.14);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: 0 18px 38px rgba(21, 27, 31, 0.08);
}

.about-photo-slot {
  min-height: clamp(360px, 42vw, 520px);
  display: grid;
  place-items: end start;
  padding: 24px;
  color: var(--text-light);
  background:
    linear-gradient(180deg, rgba(11, 15, 18, 0.08), rgba(11, 15, 18, 0.78)),
    linear-gradient(135deg, rgba(244, 33, 68, 0.18), transparent 42%),
    var(--steel);
}

.about-photo {
  display: block;
  width: 100%;
  height: clamp(360px, 42vw, 520px);
  object-fit: cover;
  object-position: center;
  background: var(--steel);
}

.about-photo-slot span {
  display: inline-flex;
  padding: 9px 12px;
  border: 1px solid rgba(246, 248, 249, 0.26);
  border-radius: 8px;
  background: rgba(11, 15, 18, 0.42);
  font-size: 0.84rem;
  font-weight: 700;
  text-transform: uppercase;
}

.about-portrait figcaption {
  margin: 0;
  padding: 16px 18px;
  color: var(--text-muted);
  font-weight: 600;
}

.about-layout-simple {
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  gap: clamp(24px, 4vw, 42px);
}

.about-layout-simple .about-portrait {
  position: static;
  width: min(760px, 100%);
}

.about-layout-simple .about-photo {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: none;
  aspect-ratio: auto;
  object-fit: contain;
}

.about-layout-simple .about-copy {
  width: min(820px, 100%);
}

.about-layout-simple .about-copy .section-label,
.about-layout-simple .about-copy h2 {
  justify-self: center;
  text-align: center;
}

.about-layout-simple .about-copy h2 {
  max-width: 820px;
}

.about-service-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.quote-factors article {
  border: 1px solid var(--line-light);
  border-radius: 8px;
}

.checklist {
  border-top: 1px solid var(--line-dark);
}

.checklist li {
  min-height: 54px;
  display: flex;
  align-items: center;
  color: var(--text-dark);
}

.cases-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.portfolio-header {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: clamp(32px, 7vw, 86px);
  align-items: start;
  margin-bottom: clamp(28px, 5vw, 56px);
}

.realization-admin {
  margin-bottom: clamp(28px, 5vw, 52px);
}

.realization-products {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}

.realization-card {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr;
  height: 100%;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(21, 27, 31, 0.16);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: 0 18px 42px rgba(21, 27, 31, 0.08);
}

.realization-card::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, var(--cyan), transparent 72%);
  z-index: 1;
}

.realization-media {
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: var(--ink-soft);
}

.realization-main-image {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  padding: 0;
  color: var(--text-light);
  border: 0;
  background: transparent;
  cursor: zoom-in;
}

.realization-main-image span {
  position: absolute;
  right: 12px;
  bottom: 12px;
  padding: 7px 10px;
  border: 1px solid rgba(246, 248, 249, 0.24);
  border-radius: 8px;
  background: rgba(11, 15, 18, 0.58);
  font-size: 0.76rem;
  font-weight: 700;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(4px);
  transition:
    opacity 160ms ease,
    transform 160ms ease;
}

.realization-main-image:hover span,
.realization-main-image:focus-visible span {
  opacity: 1;
  transform: translateY(0);
}

.realization-media img,
.realization-thumb img,
.admin-realization-thumbs img {
  width: 100%;
  display: block;
  object-fit: cover;
}

.realization-media img {
  height: 100%;
  transition: transform 220ms ease;
}

.realization-card:hover .realization-media img {
  transform: scale(1.035);
}

.realization-body {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: clamp(20px, 3vw, 28px);
}

.realization-body span {
  color: var(--cyan-deep);
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.82rem;
}

.realization-body h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.22rem, 2vw, 1.58rem);
  line-height: 1.15;
  font-weight: 600;
}

.realization-body p {
  margin: 0;
  color: var(--text-muted);
}

.realization-card.is-collapsible:not(.is-expanded) .realization-description {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

body:not(.admin-page) .realization-products {
  align-items: start;
}

body:not(.admin-page) .realization-products .realization-card {
  height: auto;
  align-self: start;
}

.realization-card-extra[hidden] {
  display: none;
}

.realization-card-extra {
  display: grid;
  gap: 12px;
}

.realization-expand-toggle {
  min-height: 38px;
  justify-self: start;
  padding: 7px 13px;
  border: 1px solid rgba(244, 33, 68, 0.42);
  border-radius: 7px;
  color: #ff526f;
  background: rgba(244, 33, 68, 0.08);
  font: inherit;
  font-size: 0.88rem;
  font-weight: 700;
  cursor: pointer;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

.realization-expand-toggle:hover,
.realization-expand-toggle:focus-visible {
  border-color: rgba(244, 33, 68, 0.78);
  color: #fff;
  background: rgba(244, 33, 68, 0.18);
}

.realization-detail-modal[hidden] {
  display: none;
}

.realization-detail-modal {
  position: fixed;
  z-index: 1200;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 20px;
}

.realization-detail-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(4, 8, 11, 0.86);
  backdrop-filter: blur(5px);
}

.realization-detail-dialog {
  position: relative;
  z-index: 1;
  width: min(1040px, 100%);
  max-height: calc(100vh - 40px);
  overflow-y: auto;
  padding: clamp(24px, 4vw, 44px);
  border: 1px solid rgba(237, 248, 251, 0.16);
  border-radius: 8px;
  color: var(--text-dark);
  background: #121a1f;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.5);
}

.realization-detail-dialog h2 {
  max-width: 880px;
  margin: 10px 52px 24px 0;
  color: var(--text-dark);
  font-size: clamp(1.55rem, 4vw, 2.7rem);
  line-height: 1.14;
}

.realization-detail-close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid rgba(237, 248, 251, 0.18);
  border-radius: 50%;
  color: var(--text-dark);
  background: #1b252b;
  font-size: 1.65rem;
  line-height: 1;
  cursor: pointer;
}

.realization-detail-gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 24px;
}

.realization-detail-gallery button {
  overflow: hidden;
  aspect-ratio: 4 / 3;
  padding: 0;
  border: 1px solid rgba(237, 248, 251, 0.12);
  border-radius: 7px;
  background: #0b1115;
  cursor: zoom-in;
}

.realization-detail-gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 180ms ease;
}

.realization-detail-gallery button:hover img,
.realization-detail-gallery button:focus-visible img {
  transform: scale(1.035);
}

.realization-detail-description {
  margin: 0;
  color: var(--text-muted);
  line-height: 1.72;
  white-space: pre-line;
}

.realization-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
}

.share-buttons {
  display: grid;
  gap: 10px;
  margin-block: 20px;
}

.share-buttons-label {
  color: var(--text-muted);
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
}

.share-buttons-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.share-button {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 15px;
  border: 1px solid rgba(237, 248, 251, 0.17);
  border-radius: 7px;
  color: var(--text-dark);
  background: #192228;
  font: inherit;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.share-button:hover {
  color: #fff;
  border-color: rgba(244, 33, 68, 0.58);
  background: #222d34;
}

.share-button:active {
  transform: translateY(1px);
}

.share-button:focus-visible {
  outline: 3px solid rgba(244, 33, 68, 0.34);
  outline-offset: 2px;
}

.share-button-native {
  color: #fff;
  border-color: #f42144;
  background: #f42144;
}

.share-button-native:hover {
  border-color: #ff526f;
  background: #dc1738;
}

.share-button-facebook {
  border-color: rgba(70, 124, 230, 0.58);
}

.share-button-instagram {
  border-color: rgba(224, 70, 139, 0.62);
}

.share-button-instagram:hover {
  border-color: #f04f9c;
}

.share-buttons-feedback {
  min-height: 1.2em;
  color: #80dca1;
  font-size: 0.82rem;
}

@media (max-width: 520px) {
  .share-buttons-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .share-button {
    width: 100%;
  }
}

body.is-realization-detail-open {
  overflow: hidden;
}

@media (max-width: 720px) {
  .realization-detail-modal {
    padding: 8px;
  }

  .realization-detail-dialog {
    max-height: calc(100vh - 16px);
    padding: 22px 18px 28px;
  }

  .realization-detail-dialog h2 {
    margin-right: 44px;
  }

  .realization-detail-close {
    top: 12px;
    right: 12px;
  }

  .realization-detail-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.realization-thumbs,
.admin-realization-thumbs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.realization-thumb {
  min-width: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(21, 27, 31, 0.14);
  border-radius: 8px;
  background: var(--surface-cool);
  cursor: zoom-in;
}

.realization-thumb img,
.admin-realization-thumbs img {
  aspect-ratio: 1 / 1;
}

.realization-thumb:hover img,
.realization-thumb:focus-visible img {
  filter: saturate(1.08) contrast(1.04);
}

.admin-realization-thumbs img {
  border: 1px solid rgba(21, 27, 31, 0.14);
  border-radius: 8px;
}

.admin-realization-actions {
  display: grid;
  gap: 12px;
  margin-top: 4px;
}

.realization-edit-panel {
  display: grid;
  gap: 14px;
}

.realization-edit-panel summary {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: start;
  padding: 10px 16px;
  color: var(--text-dark);
  font-weight: 700;
  border: 1px solid rgba(21, 27, 31, 0.18);
  border-radius: 8px;
  background: rgba(21, 27, 31, 0.04);
  cursor: pointer;
  list-style: none;
}

.realization-edit-panel summary::-webkit-details-marker {
  display: none;
}

.realization-edit-panel[open] summary {
  color: var(--cyan-deep);
  border-color: rgba(244, 33, 68, 0.34);
  background: rgba(244, 33, 68, 0.08);
}

.realization-edit-form {
  margin-top: 12px;
  padding: 16px;
  border: 1px solid rgba(21, 27, 31, 0.14);
  border-radius: 8px;
  background: var(--surface-cool);
}

.realization-image-remove-list {
  display: grid;
  gap: 10px;
}

.realization-image-remove-list > strong {
  display: block;
  color: var(--text-dark);
}

.realization-image-remove-item {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: center;
  padding: 10px;
  border: 1px solid rgba(21, 27, 31, 0.12);
  border-radius: 8px;
  background: var(--surface);
  font-weight: 600;
}

.realization-image-remove-item img {
  width: 72px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 8px;
}

.realization-image-remove-item span {
  min-width: 0;
  color: var(--text-muted);
  text-transform: none;
  font-size: 0.9rem;
}

.realization-image-order-controls {
  display: inline-flex;
  gap: 6px;
}

.realization-image-order-controls button {
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid rgba(244, 33, 68, 0.34);
  border-radius: 7px;
  color: var(--text-dark);
  background: rgba(244, 33, 68, 0.08);
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.realization-image-order-controls button:hover,
.realization-image-order-controls button:focus-visible {
  border-color: rgba(244, 33, 68, 0.7);
  background: rgba(244, 33, 68, 0.16);
}

.realization-image-order-controls button:disabled {
  opacity: 0.35;
  cursor: default;
}

.realization-image-remove-toggle {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
}

.realization-delete {
  justify-self: start;
  color: var(--text-dark);
  margin-top: 4px;
}

.realization-facebook-share {
  justify-self: start;
}

.realization-instagram-share {
  justify-self: start;
}

.realization-share-page {
  min-height: calc(100vh - 76px);
  padding-block: clamp(48px, 7vw, 96px);
}

.realization-share-page > .container {
  max-width: 1120px;
}

.realization-share-page h1 {
  max-width: 900px;
  margin: 12px 0 18px;
  font-size: clamp(2rem, 5vw, 4rem);
}

.realization-share-lead {
  max-width: 820px;
  color: var(--text-muted);
  font-size: 1.05rem;
  line-height: 1.75;
}

.realization-share-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 32px;
}

.realization-share-gallery a {
  overflow: hidden;
  min-height: 220px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: #11191e;
}

.realization-share-gallery a:first-child:nth-last-child(odd) {
  grid-column: 1 / -1;
}

.realization-share-gallery img {
  width: 100%;
  height: 100%;
  max-height: 620px;
  object-fit: contain;
  background: #0b1115;
}

.realization-share-meta {
  margin-top: 28px;
}

.realization-share-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

@media (max-width: 700px) {
  .realization-share-gallery {
    grid-template-columns: 1fr;
  }

  .realization-share-gallery a:first-child:nth-last-child(odd) {
    grid-column: auto;
  }
}

.realization-lightbox[hidden] {
  display: none;
}

.realization-lightbox {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  padding: clamp(14px, 3vw, 34px);
}

.realization-lightbox-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(5, 8, 10, 0.86);
  backdrop-filter: blur(10px);
}

.realization-lightbox-dialog {
  position: relative;
  z-index: 1;
  width: min(1120px, 100%);
  max-height: calc(100svh - 32px);
  display: grid;
  align-items: center;
}

.realization-lightbox-dialog figure {
  display: grid;
  gap: 14px;
  margin: 0;
}

.realization-lightbox-dialog img {
  width: 100%;
  max-height: min(76svh, 760px);
  object-fit: contain;
  border-radius: 8px;
  background: var(--ink);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.42);
}

.realization-lightbox-dialog figcaption {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  color: var(--text-light);
  font-weight: 700;
}

.realization-lightbox-dialog figcaption span {
  color: rgba(246, 248, 249, 0.72);
}

.realization-lightbox-close,
.realization-lightbox-nav {
  position: absolute;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--text-light);
  border: 1px solid rgba(246, 248, 249, 0.22);
  border-radius: 8px;
  background: rgba(11, 15, 18, 0.74);
  cursor: pointer;
}

.realization-lightbox-close {
  top: -8px;
  right: -8px;
  width: 44px;
  height: 44px;
  font-size: 1.9rem;
  line-height: 1;
}

.realization-lightbox-nav {
  top: 50%;
  width: 48px;
  height: 64px;
  font-size: 2.8rem;
  transform: translateY(-50%);
}

.realization-lightbox-prev {
  left: -18px;
}

.realization-lightbox-next {
  right: -18px;
}

.is-lightbox-open {
  overflow: hidden;
}

.gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.gallery figure {
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
}

.gallery figure:hover {
  border-color: rgba(244, 33, 68, 0.62);
  box-shadow: 0 18px 44px rgba(244, 33, 68, 0.12);
}

.gallery img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.gallery figcaption {
  padding: 14px 16px 16px;
  color: rgba(237, 248, 251, 0.72);
  border-top: 1px solid rgba(244, 33, 68, 0.22);
}

.study-flow article {
  color: var(--text-dark);
  border: 1px solid rgba(21, 27, 31, 0.16);
  border-radius: 8px;
  background: var(--surface);
}

.study-flow strong {
  color: var(--ink);
}

.contact-lead {
  max-width: 560px;
  margin: 22px 0 0;
  color: var(--text-muted);
  font-size: 1.12rem;
}

.contact-channels {
  border-top: 1px solid rgba(244, 33, 68, 0.22);
  border-bottom: 1px solid rgba(244, 33, 68, 0.22);
}

.contact-channels-heading {
  max-width: 820px;
  margin-bottom: 28px;
}

.contact-channel-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.contact-channel-card {
  display: flex;
  min-width: 0;
  min-height: 270px;
  padding: clamp(24px, 3vw, 34px);
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid rgba(237, 248, 251, 0.16);
  border-radius: 8px;
  background: #141b1f;
}

.contact-channel-card-quote {
  border-top: 3px solid var(--cyan);
}

.contact-channel-kicker {
  margin: 0 0 12px;
  color: var(--cyan);
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
}

.contact-channel-card h3 {
  margin: 0 0 12px;
  color: #f4f7f8;
  font-size: clamp(1.35rem, 2vw, 1.8rem);
}

.contact-channel-card > p:not(.contact-channel-kicker) {
  margin: 0 0 24px;
  color: rgba(237, 248, 251, 0.72);
  line-height: 1.65;
}

.contact-channel-card .button {
  width: 100%;
  max-width: 300px;
  margin-top: auto;
  justify-content: center;
}

@media (max-width: 760px) {
  .contact-channel-grid {
    grid-template-columns: 1fr;
  }

  .contact-channel-card {
    min-height: 0;
  }
}

.contact-card {
  position: relative;
  display: block;
  padding: clamp(24px, 4vw, 36px);
  color: var(--text-dark);
  font-style: normal;
  border: 1px solid rgba(21, 27, 31, 0.16);
  border-radius: 8px;
  background: var(--surface);
}

.contact-card dl {
  display: grid;
  gap: 1px;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(21, 27, 31, 0.16);
  border-radius: 8px;
  background: rgba(21, 27, 31, 0.16);
}

.contact-card dl > div {
  display: grid;
  grid-template-columns: minmax(110px, 0.35fr) minmax(0, 1fr);
  gap: 18px;
  padding: 18px;
  background: var(--surface);
}

.contact-card dt {
  color: var(--cyan-deep);
  font-weight: 600;
}

.contact-card dd {
  margin: 0;
  color: var(--text-dark);
  font-weight: 700;
}

.contact-card a {
  color: var(--ink);
  text-decoration: none;
}

.contact-card a:hover {
  color: var(--cyan-deep);
}

.map-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

.map-link::after {
  content: "";
  width: 34px;
  height: 1px;
  margin-left: 12px;
  background: currentColor;
}

.contact-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  padding: clamp(22px, 4vw, 34px);
  border: 1px solid rgba(21, 27, 31, 0.16);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: 0 18px 42px rgba(21, 27, 31, 0.08);
}

.contact-form label,
.calculator label {
  display: grid;
  gap: 8px;
  color: var(--text-dark);
  font-weight: 600;
}

.contact-form input,
.contact-form select,
.contact-form textarea,
.calculator input,
.calculator select,
.calculator textarea {
  width: 100%;
  min-height: 48px;
  padding: 12px 14px;
  color: var(--text-dark);
  font: inherit;
  border: 1px solid rgba(21, 27, 31, 0.2);
  border-radius: 8px;
  background: #fdfefe;
}

.contact-form textarea {
  resize: vertical;
}

.contact-form select,
.calculator select {
  appearance: none;
  padding-right: 42px;
  background:
    linear-gradient(45deg, transparent 50%, var(--text-muted) 50%),
    linear-gradient(135deg, var(--text-muted) 50%, transparent 50%),
    #fdfefe;
  background-position:
    calc(100% - 20px) 21px,
    calc(100% - 14px) 21px,
    0 0;
  background-size:
    6px 6px,
    6px 6px,
    100% 100%;
  background-repeat: no-repeat;
}

.calculator textarea {
  resize: vertical;
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus,
.calculator input:focus,
.calculator select:focus,
.calculator textarea:focus {
  border-color: var(--cyan-deep);
  outline: 2px solid rgba(244, 33, 68, 0.22);
  outline-offset: 0;
}

.contact-form input[name="_honey"] {
  position: absolute;
  left: -9999px;
}

.form-wide,
.contact-form .button,
.form-status {
  grid-column: 1 / -1;
}

.form-status {
  min-height: 24px;
  margin: 0;
  color: #b03a2e;
  font-weight: 700;
}

.form-status-success {
  color: #146c43;
}

.form-status-error {
  color: #b03a2e;
}

.admin-flash-section {
  padding: 26px 0 0;
}

.admin-context-flash {
  margin-bottom: 18px;
}

.admin-flash {
  margin: 0;
  padding: 14px 18px;
  color: var(--text-dark);
  font-weight: 600;
  border: 1px solid rgba(21, 27, 31, 0.16);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: 0 12px 32px rgba(21, 27, 31, 0.08);
}

.admin-flash-success {
  color: #146c43;
  border-color: rgba(20, 108, 67, 0.24);
  background: #f3fbf6;
}

.admin-flash-error {
  color: #b03a2e;
  border-color: rgba(176, 58, 46, 0.24);
  background: #fff6f4;
}

.admin-flash-warning {
  color: #876200;
  border-color: rgba(135, 98, 0, 0.24);
  background: #fff9e8;
}

.service-download-action {
  display: flex;
  margin-top: 14px;
}

.form-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  line-height: 1.5;
}

.contact-form .form-checkbox {
  font-weight: 600;
}

.form-checkbox input[type="checkbox"] {
  flex: 0 0 auto;
  width: 20px;
  min-height: 20px;
  margin-top: 2px;
  accent-color: var(--cyan-deep);
}

.form-checkbox a {
  color: var(--cyan-deep);
}

.legal-note {
  padding: 12px 14px;
  border: 1px solid rgba(21, 27, 31, 0.12);
  border-radius: 8px;
  background: rgba(236, 246, 248, 0.64);
}

.legal-note a,
.terms-document a {
  color: var(--cyan-deep);
  font-weight: 700;
}

.button-dark {
  color: var(--text-dark);
  border-color: rgba(21, 27, 31, 0.18);
  background: rgba(21, 27, 31, 0.04);
}

.admin-panel[hidden],
.admin-login-section[hidden] {
  display: none;
}

.admin-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: end;
  justify-content: space-between;
  margin-bottom: 28px;
}

.admin-toolbar > div:first-child {
  flex: 1 1 520px;
  min-width: min(520px, 100%);
}

.admin-toolbar h2 {
  max-width: 760px;
  overflow-wrap: normal;
  word-break: normal;
}

.admin-actions {
  flex: 1 1 520px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-end;
}

.admin-actions form {
  margin: 0;
}

.admin-actions .admin-toolbar-logout {
  display: flex;
}

body.admin-page .admin-logout-button {
  color: #ff8ba0;
  border-color: rgba(244, 33, 68, 0.34);
}

body.admin-page .admin-logout-button:hover {
  color: #fff;
  border-color: rgba(244, 33, 68, 0.62);
  background: rgba(244, 33, 68, 0.18);
}

.admin-shell {
  display: block;
}

.admin-content {
  min-width: 0;
}

.admin-content > .container {
  width: 100%;
}

.admin-sidebar {
  position: sticky;
  top: 88px;
  display: grid;
  gap: 14px;
  max-height: calc(100vh - 110px);
  overflow: auto;
  padding: 16px;
  color: var(--text-dark);
  border: 1px solid rgba(21, 27, 31, 0.14);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: 0 18px 42px rgba(21, 27, 31, 0.08);
}

.admin-sidebar-head {
  display: grid;
  gap: 4px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(21, 27, 31, 0.1);
}

.admin-sidebar-head span,
.admin-sidebar-nav h3 {
  color: var(--accent-red);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.admin-sidebar-head strong {
  font-size: 1.05rem;
}

.admin-sidebar-nav {
  display: grid;
  gap: 14px;
}

.admin-sidebar-nav section {
  display: grid;
  gap: 6px;
}

.admin-sidebar-nav h3 {
  margin: 0 0 2px;
}

.admin-sidebar-nav a,
.admin-module-group a {
  display: flex;
  align-items: center;
  min-height: 36px;
  padding: 8px 10px;
  color: var(--text-dark);
  font-size: 0.92rem;
  font-weight: 700;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 8px;
}

.admin-sidebar-nav a:hover,
.admin-sidebar-nav a.is-active,
.admin-module-group a:hover,
.admin-module-group a.is-active {
  color: #fff;
  border-color: rgba(244, 33, 68, 0.34);
  background: rgba(244, 33, 68, 0.18);
}

.admin-sidebar-logout {
  margin: 0;
  padding-top: 12px;
  border-top: 1px solid rgba(21, 27, 31, 0.1);
}

.admin-sidebar-logout .button {
  width: 100%;
}

.admin-module-directory {
  display: grid;
  gap: 14px;
  margin-bottom: 18px;
  padding: 18px;
  border: 1px solid rgba(21, 27, 31, 0.14);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: 0 12px 26px rgba(21, 27, 31, 0.06);
}

.admin-module-groups {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 10px;
}

.admin-module-group {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(21, 27, 31, 0.1);
  border-radius: 8px;
}

.admin-module-group h3 {
  margin: 0;
  color: var(--accent-red);
  font-size: 0.76rem;
  font-weight: 800;
  text-transform: uppercase;
}

.admin-module-group div {
  display: grid;
  gap: 5px;
}

.admin-work-map {
  display: grid;
  gap: 16px;
  margin-top: 18px;
  padding: 18px;
  border: 1px solid rgba(21, 27, 31, 0.14);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: 0 12px 26px rgba(21, 27, 31, 0.06);
}

.admin-work-map-heading {
  align-items: end;
  margin-bottom: 0;
}

.admin-module-search {
  display: grid;
  gap: 6px;
  min-width: min(360px, 100%);
  color: var(--text-muted);
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
}

.admin-module-search input {
  min-height: 44px;
  text-transform: none;
}

.admin-work-groups {
  display: grid;
  gap: 14px;
}

.admin-work-section {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.admin-work-section-head {
  display: flex;
  gap: 10px;
  align-items: baseline;
  justify-content: space-between;
}

.admin-work-section-head span {
  color: var(--accent-red);
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
}

.admin-work-section-head strong {
  color: var(--text-muted);
  font-size: 0.84rem;
}

.admin-work-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 10px;
}

.admin-work-card-grid-primary {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.admin-work-card {
  position: relative;
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  min-height: 128px;
  padding: 16px;
  color: var(--text-dark);
  text-decoration: none;
  border: 1px solid rgba(21, 27, 31, 0.12);
  border-radius: 8px;
  background: #fff;
  transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

.admin-work-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: rgba(244, 33, 68, 0.82);
}

.admin-work-card:hover,
.admin-work-card:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(244, 33, 68, 0.42);
}

.admin-work-card > span {
  color: var(--accent-red);
  font-size: 0.74rem;
  font-weight: 800;
  text-transform: uppercase;
}

.admin-work-card strong {
  color: var(--text-dark);
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 1.4vw, 1.28rem);
  line-height: 1.18;
  overflow-wrap: anywhere;
}

.admin-work-card small {
  color: var(--text-muted);
  line-height: 1.45;
}

.admin-work-card b {
  margin-top: 2px;
  color: var(--accent-red);
  font-size: 0.9rem;
}

.admin-module-search-empty {
  margin: 0;
}

.admin-panel-dashboard .admin-shortcuts {
  display: none;
}

@media (max-width: 1180px) {
  .admin-shell {
    grid-template-columns: 1fr;
  }

  .admin-sidebar {
    position: static;
    max-height: none;
  }

  .admin-sidebar-nav {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  }
}

@media (max-width: 640px) {
  .admin-sidebar,
  .admin-module-directory {
    padding: 14px;
  }

  .admin-sidebar-nav,
  .admin-module-groups {
    grid-template-columns: 1fr;
  }

  .admin-sidebar-nav a,
  .admin-module-group a {
    min-height: 40px;
  }
}

.admin-shortcuts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 10px;
  margin-bottom: 18px;
}

.admin-panel-dashboard .admin-shortcuts,
.admin-panel-password .admin-security {
  margin-bottom: 0;
}

.admin-shortcut-card {
  position: relative;
  display: block;
  min-height: 112px;
  padding: 18px;
  overflow: hidden;
  color: var(--text-dark);
  text-decoration: none;
  border: 1px solid rgba(21, 27, 31, 0.14);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: 0 12px 26px rgba(21, 27, 31, 0.06);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

.admin-shortcut-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  z-index: 1;
  height: 4px;
  background: var(--accent-red);
}

.admin-shortcut-card:hover,
.admin-shortcut-card:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(188, 0, 34, 0.34);
  background: #fff;
  box-shadow: 0 16px 34px rgba(21, 27, 31, 0.1);
}

.admin-shortcut-body {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
}

.admin-shortcut-body > span {
  color: var(--accent-red);
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
}

.admin-shortcut-body strong {
  max-width: 100%;
  font-size: clamp(1.02rem, 1.35vw, 1.28rem);
  line-height: 1.18;
  overflow-wrap: anywhere;
}

.admin-shortcut-body small {
  display: none;
  color: var(--muted);
  font-size: 0.98rem;
  line-height: 1.55;
}

.admin-shortcut-body b {
  display: none;
  align-items: center;
  gap: 12px;
  margin-top: 4px;
  color: var(--accent-red);
  font-size: 0.95rem;
  font-weight: 700;
}

.admin-shortcut-body b::after {
  content: "";
  width: 36px;
  height: 1px;
  background: currentColor;
}

.admin-security {
  display: grid;
  gap: 24px;
  margin-bottom: 24px;
}

.admin-mail-settings {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(300px, 0.8fr);
  gap: 24px;
  align-items: start;
  padding: clamp(20px, 3vw, 28px);
  border: 1px solid rgba(21, 27, 31, 0.14);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: 0 18px 42px rgba(21, 27, 31, 0.08);
}

.admin-mail-settings h3 {
  margin-bottom: 16px;
  font-size: clamp(1.25rem, 2vw, 1.6rem);
}

.admin-mail-status {
  display: grid;
  gap: 10px;
  margin: 0;
}

.admin-mail-status div {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  gap: 12px;
}

.admin-mail-status dt {
  color: var(--text-muted);
  font-weight: 600;
}

.admin-mail-status dd {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
  font-weight: 700;
}

.admin-mail-test-form {
  margin: 0;
}

.service-admin {
  margin-bottom: clamp(32px, 6vw, 68px);
  scroll-margin-top: 96px;
}

.service-board {
  display: grid;
  gap: 14px;
  margin-bottom: 18px;
  padding: clamp(18px, 3vw, 24px);
  color: var(--text-dark);
  border: 1px solid rgba(21, 27, 31, 0.16);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: 0 18px 42px rgba(21, 27, 31, 0.08);
}

.service-board-header {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: end;
  justify-content: space-between;
}

.service-board-header span {
  color: var(--red);
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
}

.service-board-header h2 {
  margin: 4px 0 0;
  font-size: clamp(1.35rem, 2.4vw, 2rem);
}

.service-board-header strong {
  color: var(--cyan-deep);
  font-weight: 700;
}

.mailbox-message-layout {
  display: grid;
  grid-template-columns: minmax(320px, 0.78fr) minmax(480px, 1.22fr);
  gap: 18px;
  align-items: start;
}

.mailbox-list-board,
.mailbox-preview-board {
  min-width: 0;
  overflow: hidden;
}

.mailbox-message-layout.is-loading .mailbox-preview-board {
  position: relative;
  pointer-events: none;
}

.mailbox-message-layout.is-loading .mailbox-preview-board::after {
  content: "Ładowanie wiadomości...";
  position: absolute;
  inset: 0;
  z-index: 3;
  display: grid;
  place-items: center;
  color: var(--text-dark);
  background: rgba(17, 23, 27, 0.82);
  font-weight: 700;
  backdrop-filter: blur(2px);
}

.mailbox-preview-board .service-board-header h2 {
  font-size: clamp(1.3rem, 2vw, 1.8rem);
  line-height: 1.15;
  overflow-wrap: anywhere;
}

.mailbox-account-tabs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
}

.mailbox-account-tabs .button {
  display: flex;
  min-height: auto;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  padding: 10px 14px;
  line-height: 1.2;
}

.mailbox-account-tabs .button small {
  font-size: 0.74rem;
  font-weight: 600;
  opacity: 0.78;
}

.mailbox-message-list {
  display: grid;
  max-height: 680px;
  margin-top: 14px;
  overflow: auto;
  border: 1px solid rgba(21, 27, 31, 0.12);
  border-radius: 8px;
}

.mailbox-message-list-item {
  position: relative;
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 14px 16px;
  color: var(--text-dark);
  text-decoration: none;
  border-bottom: 1px solid rgba(21, 27, 31, 0.1);
  background: #fff;
}

.mailbox-message-list-item:last-child {
  border-bottom: 0;
}

.mailbox-message-list-item:hover,
.mailbox-message-list-item.is-selected {
  background: rgba(188, 0, 34, 0.07);
}

.mailbox-message-list-item.is-selected {
  box-shadow: inset 4px 0 var(--red);
}

.mailbox-message-list-item.is-unread {
  background: rgba(188, 0, 34, 0.035);
}

.mailbox-message-list-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  min-width: 0;
}

.mailbox-message-list-top strong {
  min-width: 0;
  overflow: hidden;
  font-size: 0.9rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mailbox-message-list-top small {
  flex: 0 0 auto;
  color: var(--text-muted);
  font-size: 0.75rem;
}

.mailbox-message-list-subject {
  min-width: 0;
  overflow: hidden;
  color: var(--text-dark);
  font-size: 0.94rem;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mailbox-message-list-item .service-status-pill {
  justify-self: start;
  font-size: 0.68rem;
}

.mailbox-config-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 12px;
}

.mailbox-config-card {
  display: grid;
  gap: 8px;
  padding: 14px;
  border: 1px solid rgba(21, 27, 31, 0.12);
  border-radius: 8px;
  background: #f8fbfc;
}

.mailbox-config-card h3,
.mailbox-config-card p {
  margin: 0;
}

.mailbox-config-card small {
  color: var(--text-muted);
  font-weight: 700;
}

.mailbox-table {
  min-width: 760px;
}

.mailbox-table tr.is-selected td {
  background: rgba(188, 0, 34, 0.08);
}

.mailbox-message-meta {
  display: grid;
  gap: 0;
  margin: 0;
}

.mailbox-message-meta div {
  display: grid;
  grid-template-columns: 80px minmax(0, 1fr);
  gap: 10px;
  padding: 8px 0;
  border-bottom: 1px solid rgba(21, 27, 31, 0.1);
}

.mailbox-message-meta dt {
  color: var(--text-muted);
  font-weight: 700;
}

.mailbox-message-meta dd {
  margin: 0;
  overflow-wrap: anywhere;
}

.mailbox-attachment-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.mailbox-message-body {
  margin: 14px 0 0;
  overflow-wrap: anywhere;
  padding: 14px;
  color: var(--text-dark);
  border: 1px solid rgba(21, 27, 31, 0.12);
  border-radius: 8px;
  background: #f8fbfc;
  font-family: inherit;
  line-height: 1.65;
}

.mailbox-message-frame {
  width: 100%;
  height: 540px;
  display: block;
  margin-top: 16px;
  border: 1px solid rgba(21, 27, 31, 0.16);
  border-radius: 8px;
  background: #fff;
}

.mailbox-text-version {
  margin-top: 12px;
  color: var(--text-muted);
}

.mailbox-text-version summary {
  width: fit-content;
  color: var(--red);
  font-size: 0.86rem;
  font-weight: 700;
  cursor: pointer;
}

.mailbox-text-version .mailbox-message-body {
  max-height: 360px;
  overflow: auto;
}

.mailbox-reply-form {
  margin-top: 14px;
}

.project-library-table {
  min-width: 1120px;
}

.project-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.8fr);
  gap: 14px;
  margin: 14px 0;
}

.project-detail-grid section,
.project-remove-files {
  padding: 14px;
  border: 1px solid rgba(21, 27, 31, 0.12);
  border-radius: 8px;
  background: #f8fbfc;
}

.project-detail-grid h3 {
  margin: 0 0 10px;
  font-size: 1rem;
}

.project-tech-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 12px;
}

.project-tech-list div {
  padding: 10px;
  border: 1px solid rgba(21, 27, 31, 0.1);
  border-radius: 8px;
}

.project-tech-list dt {
  color: var(--text-muted);
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
}

.project-tech-list dd {
  margin: 4px 0 0;
  color: var(--text-dark);
  font-weight: 700;
}

.project-file-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.project-file-list li {
  display: grid;
  gap: 2px;
  padding: 10px;
  border: 1px solid rgba(21, 27, 31, 0.1);
  border-radius: 8px;
}

.project-file-list small {
  color: var(--text-muted);
  font-weight: 700;
}

.project-remove-files {
  margin: 0;
}

.project-remove-files legend {
  padding: 0 6px;
  color: var(--red);
  font-weight: 700;
}

.checkbox-label {
  display: flex;
  gap: 8px;
  align-items: center;
}

.checkbox-label input {
  width: auto;
}

@media (max-width: 980px) {
  .mailbox-message-layout {
    grid-template-columns: 1fr;
  }

  .mailbox-message-list {
    max-height: 520px;
  }

  .project-detail-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .mailbox-account-tabs {
    grid-template-columns: 1fr;
  }

  .mailbox-message-list-top {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }

  .mailbox-message-frame {
    height: 460px;
  }

  .mailbox-message-meta div {
    grid-template-columns: 56px minmax(0, 1fr);
  }
}

.service-detail-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.service-detail-toolbar span {
  color: var(--cyan-deep);
  font-weight: 700;
}

.service-detail-card {
  margin-top: 0;
}

.service-detail-meta {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.service-detail-notes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.service-detail-notes section {
  display: grid;
  gap: 6px;
  padding: 14px;
  border: 1px solid rgba(21, 27, 31, 0.12);
  border-radius: 8px;
  background: #f8fbfc;
}

.service-detail-notes section span {
  color: var(--text-muted);
  font-weight: 700;
}

.service-detail-notes section p {
  margin: 0;
  color: var(--text-dark);
  overflow-wrap: anywhere;
}

.job-center-panel {
  display: grid;
  gap: 16px;
  margin: 18px 0;
  padding: 16px;
  border: 1px solid rgba(21, 27, 31, 0.12);
  border-radius: 8px;
  background: #f8fbfc;
}

.job-center-header {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
}

.job-center-header span:first-child,
.job-center-grid article > span,
.job-center-mini-grid section > span,
.job-center-actions > span,
.job-center-history > span {
  color: var(--text-muted);
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
}

.job-center-header h3 {
  margin: 3px 0 0;
  font-size: clamp(1.2rem, 2vw, 1.6rem);
}

.job-center-grid,
.job-center-mini-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.job-center-mini-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.job-center-grid article,
.job-center-mini-grid section {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(21, 27, 31, 0.1);
  border-radius: 8px;
  background: #fff;
}

.job-center-grid strong,
.job-center-mini-grid strong {
  overflow-wrap: anywhere;
}

.job-center-grid small,
.job-center-mini-grid small {
  color: var(--text-muted);
  line-height: 1.45;
}

.job-center-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.job-center-actions form {
  margin: 0;
}

.job-center-actions-compact {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(21, 27, 31, 0.1);
}

.job-center-history {
  display: grid;
  gap: 8px;
}

.job-center-history ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.job-center-history li {
  display: grid;
  gap: 2px;
  padding: 10px 12px;
  border: 1px solid rgba(21, 27, 31, 0.1);
  border-radius: 8px;
  background: #fff;
}

.job-center-history small {
  color: var(--text-muted);
}

.job-checklist {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 14px;
}

.job-checklist legend {
  grid-column: 1 / -1;
}

.job-checklist label {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  margin: 0;
}

.estimate-acceptance-page {
  min-height: 100vh;
  color: #eef5f8;
  background:
    linear-gradient(90deg, rgba(237, 248, 251, 0.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(237, 248, 251, 0.025) 1px, transparent 1px),
    linear-gradient(180deg, #12181c, #0d1114);
  background-size: 56px 56px, 56px 56px, auto;
}

.estimate-acceptance-card {
  display: grid;
  gap: 20px;
  max-width: 1040px;
  padding: clamp(24px, 4vw, 42px);
  border: 1px solid rgba(237, 248, 251, 0.16);
  border-radius: 8px;
  background: linear-gradient(180deg, #1b2227, #151a1e);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.28);
}

.estimate-acceptance-card h1 {
  margin: 0;
  color: #f4f8fa;
  font-size: clamp(2rem, 4.2vw, 3.6rem);
}

.estimate-acceptance-card p {
  max-width: 760px;
  color: #c7d3d9;
}

.estimate-acceptance-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.estimate-acceptance-summary article {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(237, 248, 251, 0.14);
  border-radius: 8px;
  background: #11171a;
}

.estimate-acceptance-summary span {
  color: #ff5d78;
  font-size: 0.76rem;
  font-weight: 800;
  text-transform: uppercase;
}

.estimate-acceptance-summary strong {
  color: #f4f8fa;
  font-size: 1.08rem;
  overflow-wrap: anywhere;
}

.estimate-acceptance-summary small,
.estimate-acceptance-note {
  color: #c7d3d9;
  line-height: 1.55;
}

.estimate-acceptance-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.service-table-wrap {
  overflow-x: auto;
  border: 1px solid rgba(21, 27, 31, 0.14);
  border-radius: 8px;
  background: #fff;
}

.service-table {
  width: 100%;
  min-width: 980px;
  border-collapse: collapse;
  font-size: 0.92rem;
}

.service-table th,
.service-table td {
  padding: 12px 14px;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid rgba(21, 27, 31, 0.1);
}

.service-table th {
  color: var(--text-muted);
  font-size: 0.76rem;
  font-weight: 700;
  text-transform: uppercase;
  background: #f8fbfc;
}

.service-table tbody tr {
  border-left: 5px solid transparent;
}

.service-clickable-row {
  cursor: pointer;
}

.service-clickable-row:focus-visible {
  outline: 3px solid rgba(244, 33, 68, 0.32);
  outline-offset: -3px;
}

.service-clickable-row:hover td {
  background: #f8fbfc;
}

.service-table tbody tr:last-child td {
  border-bottom: 0;
}

.service-table tbody tr.is-new {
  border-left-color: #6c7a86;
}

.service-table tbody tr.is-delivered,
.service-table tbody tr.is-diagnostics {
  border-left-color: #d99000;
}

.service-table tbody tr.is-repair {
  border-left-color: var(--red);
}

.service-table tbody tr.is-ready,
.service-table tbody tr.is-closed {
  border-left-color: #146c43;
}

.service-table tbody tr.is-declined {
  border-left-color: #8a1f2f;
}

.service-table a {
  color: var(--cyan-deep);
  font-weight: 700;
  text-decoration: none;
}

.service-table a:hover {
  color: var(--red);
}

.filament-material-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 10px;
  margin: 18px 0;
}

.filament-material-summary article {
  min-height: 104px;
  padding: 16px;
  border: 1px solid rgba(21, 27, 31, 0.12);
  border-radius: 8px;
  background: #fff;
}

.filament-material-summary span,
.filament-material-row span {
  display: block;
  color: var(--text-muted);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}

.filament-material-summary strong {
  display: block;
  margin-top: 8px;
  color: var(--text-dark);
  font-family: var(--font-heading);
  font-size: 1.25rem;
}

.filament-material-summary p,
.filament-material-summary em {
  display: block;
  margin: 6px 0 0;
  color: var(--text-muted);
  font-style: normal;
  font-weight: 700;
}

.filament-material-summary em {
  color: var(--red);
}

.filament-order-board {
  border-color: rgba(217, 144, 0, 0.28);
  box-shadow: inset 4px 0 0 #d99000, 0 18px 42px rgba(21, 27, 31, 0.08);
}

.service-filter-form,
.filament-filter-form {
  margin: 16px 0 18px;
  align-items: end;
}

.service-filter-form {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
}

.service-filter-form label,
.service-filter-form input,
.service-filter-form select {
  min-width: 0;
}

.service-filter-form input,
.service-filter-form select {
  width: 100%;
}

.task-form {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.task-table {
  min-width: 1180px;
}

.task-table td[data-label="Opis"] {
  max-width: 280px;
  white-space: normal;
}

.service-filter-actions,
.filament-filter-actions {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

.service-filter-actions .button {
  min-height: 46px;
  white-space: nowrap;
}

@media (min-width: 900px) {
  .service-filter-form label:first-child {
    grid-column: span 2;
  }
}

.service-table tbody tr.is-order-needed {
  border-left-color: #d99000;
}

.service-table tbody tr.is-out-of-stock {
  border-left-color: var(--red);
}

.service-status-pill.is-order-needed {
  color: #876200;
  background: #fff4d8;
}

.service-status-pill.is-out-of-stock {
  color: #8a1f2f;
  background: #fff0f3;
}

.filament-stock-number {
  color: var(--red);
  font-weight: 800;
}

.service-table tbody tr.filament-material-row {
  border-left-color: var(--red);
}

.service-table tbody tr.filament-material-row td {
  padding: 14px 16px;
  background: #f8fbfc;
}

.filament-material-row strong {
  display: block;
  margin-top: 3px;
  color: var(--text-dark);
  font-size: 1rem;
}

.printer-model-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.printer-model-card,
.printer-cost-card {
  display: grid;
  gap: 14px;
  padding: 18px;
  border: 1px solid rgba(21, 27, 31, 0.14);
  border-radius: 8px;
  background: linear-gradient(180deg, #fff, #f8fbfc);
}

.printer-model-card > div:first-child,
.printer-cost-card > div:first-child {
  display: grid;
  gap: 4px;
}

.printer-model-card span,
.printer-cost-card span {
  color: var(--red);
  font-size: 0.76rem;
  font-weight: 800;
  text-transform: uppercase;
}

.printer-model-card h3,
.printer-cost-card strong {
  margin: 0;
  color: var(--text-dark);
  font-family: var(--font-heading);
  font-size: clamp(1.08rem, 2vw, 1.35rem);
}

.printer-model-card dl,
.printer-cost-card dl {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.printer-model-card dl div,
.printer-cost-card dl div {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(21, 27, 31, 0.1);
  border-radius: 8px;
  background: #fff;
}

.printer-model-card dt,
.printer-cost-card dt {
  color: var(--text-muted);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}

.printer-model-card dd,
.printer-cost-card dd {
  margin: 5px 0 0;
  color: var(--text-dark);
  font-weight: 800;
  overflow-wrap: anywhere;
}

.printer-model-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
}

.printer-cost-card {
  background: #fff;
  box-shadow: inset 4px 0 0 rgba(244, 33, 68, 0.86);
}

.printer-cost-card-compact {
  padding: 14px;
}

.table-link {
  color: var(--cyan-deep);
  font-weight: 700;
  text-decoration: none;
}

.table-link:hover {
  color: var(--red);
}

.table-action-form {
  margin: 0;
}

.table-link-stack {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  align-items: center;
}

.client-table {
  min-width: 1120px;
}

.client-table td {
  vertical-align: top;
}

.client-history-row td {
  padding-top: 0;
  border-top: 0;
}

.client-name,
.client-contact-lines,
.client-document-counts,
.client-history-panel {
  min-width: 0;
}

.client-name {
  display: block;
  overflow-wrap: anywhere;
}

.client-table small,
.client-contact-lines small,
.client-document-counts span {
  display: block;
  margin-top: 4px;
  color: var(--text-muted);
  font-size: 0.82rem;
  line-height: 1.35;
}

.client-contact-lines {
  display: grid;
  gap: 4px;
}

.client-contact-lines a,
.client-history-content a {
  overflow-wrap: anywhere;
}

.client-document-counts {
  display: grid;
  gap: 3px;
}

.client-history-panel summary {
  cursor: pointer;
  color: var(--cyan-deep);
  font-weight: 800;
}

.client-history-panel summary:hover {
  color: var(--red);
}

.client-history-panel-wide {
  width: 100%;
}

.client-history-content {
  display: grid;
  grid-template-columns: repeat(3, minmax(220px, 1fr));
  gap: 12px;
  width: min(900px, calc(100vw - 96px));
  margin-top: 12px;
  padding: 14px;
  border: 1px solid rgba(21, 27, 31, 0.12);
  border-radius: 8px;
  background: #f8fbfc;
}

.client-history-panel-wide .client-history-content {
  box-sizing: border-box;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
}

.client-history-content section {
  min-width: 0;
}

.client-history-content h3 {
  margin: 0 0 8px;
  color: var(--text-dark);
  font-family: var(--font-heading);
  font-size: 1rem;
}

.client-history-content ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.client-history-content li {
  padding-bottom: 9px;
  border-bottom: 1px solid rgba(21, 27, 31, 0.09);
}

.client-history-content li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.client-history-content p {
  margin: 0;
  color: var(--text-muted);
}

.table-button {
  appearance: none;
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 0;
  font: inherit;
}

.table-button-danger {
  color: var(--red);
}

.table-button-danger:hover {
  color: #8a1f2f;
}

.table-edit-panel {
  min-width: 0;
}

.table-edit-panel summary {
  cursor: pointer;
  color: var(--cyan-deep);
  font-weight: 700;
}

.table-edit-panel[open] {
  position: fixed;
  z-index: 1000;
  top: 72px;
  left: max(20px, calc((100vw - 980px) / 2));
  right: max(20px, calc((100vw - 980px) / 2));
  max-height: calc(100vh - 96px);
  overflow: auto;
  padding: 18px;
  border: 1px solid rgba(14, 22, 27, 0.18);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 24px 80px rgba(6, 14, 18, 0.26);
}

.table-edit-panel[open] summary {
  position: sticky;
  top: -18px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 44px;
  margin: -18px -18px 16px;
  padding: 14px 18px;
  border-bottom: 1px solid rgba(14, 22, 27, 0.12);
  background: #fff;
  color: var(--red);
}

.table-edit-panel[open] summary::after {
  content: "Zamknij";
  color: var(--text-muted);
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
}

.table-edit-form {
  margin-top: 12px;
  padding: 12px;
  border: 1px solid rgba(14, 22, 27, 0.14);
  background: #fff;
}

.table-edit-panel[open] .table-edit-form {
  grid-template-columns: repeat(3, minmax(180px, 1fr));
  gap: 16px;
  margin-top: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.table-edit-panel[open] .table-edit-form fieldset,
.table-edit-panel[open] .table-edit-form .form-wide {
  grid-column: 1 / -1;
}

.table-edit-panel[open] .table-edit-form fieldset {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  align-items: center;
  margin: 0;
  padding: 14px;
  border: 1px solid rgba(14, 22, 27, 0.14);
  border-radius: 8px;
}

.table-edit-panel[open] .table-edit-form fieldset legend {
  padding: 0 8px;
  color: var(--text-dark);
  font-weight: 700;
}

.table-edit-panel[open] .table-edit-form fieldset label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
}

.table-edit-panel[open] .table-edit-form fieldset input {
  width: auto;
  min-height: 0;
}

.table-edit-panel[open] .table-edit-form .button {
  justify-self: start;
}

@media (max-width: 760px) {
  .admin-backup-panel {
    grid-template-columns: 1fr;
  }

  .admin-backup-panel .button {
    justify-self: start;
  }

  .admin-backup-actions {
    justify-content: flex-start;
  }

  .table-edit-panel[open] {
    top: 16px;
    left: 12px;
    right: 12px;
    max-height: calc(100vh - 32px);
  }

  .table-edit-panel[open] .table-edit-form {
    grid-template-columns: 1fr;
  }
}

/* Jeden wspolny layout tabel operacyjnych we wszystkich modulach panelu. */
body.admin-page.is-admin-logged-in {
  --admin-table-border: #dce2e6;
  --admin-table-border-soft: #e8edef;
  --admin-table-head: #eef2f4;
  --admin-table-row: #ffffff;
  --admin-table-row-alt: #fafbfc;
  --admin-table-text: #263238;
  --admin-table-muted: #68757d;
}

body.admin-page.is-admin-logged-in .service-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  border: 1px solid var(--admin-table-border) !important;
  border-radius: 8px !important;
  background: var(--admin-table-row) !important;
  box-shadow: 0 3px 12px rgba(20, 31, 38, 0.04);
  scrollbar-color: #aeb9bf #eef2f4;
  scrollbar-width: thin;
}

body.admin-page.is-admin-logged-in .service-table {
  width: max-content;
  min-width: 100% !important;
  border: 0 !important;
  border-collapse: collapse;
  table-layout: auto;
  color: var(--admin-table-text);
  background: var(--admin-table-row);
  font-size: 0.78rem;
}

body.admin-page.is-admin-logged-in .service-table thead {
  border-bottom: 1px solid var(--admin-table-border);
}

body.admin-page.is-admin-logged-in .service-table th,
body.admin-page.is-admin-logged-in .service-table td {
  min-width: 92px;
  max-width: 280px;
  padding: 8px 10px !important;
  border-right: 1px solid var(--admin-table-border-soft);
  border-bottom: 1px solid var(--admin-table-border-soft);
  line-height: 1.35;
  text-align: left;
  vertical-align: middle;
  white-space: normal;
  overflow-wrap: anywhere;
}

body.admin-page.is-admin-logged-in .service-table th:last-child,
body.admin-page.is-admin-logged-in .service-table td:last-child {
  border-right: 0;
}

body.admin-page.is-admin-logged-in .service-table th {
  position: sticky;
  z-index: 2;
  top: 0;
  color: #52616a !important;
  background: var(--admin-table-head) !important;
  font-size: 0.64rem !important;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
  white-space: nowrap;
}

body.admin-page.is-admin-logged-in .service-table td {
  color: var(--admin-table-text) !important;
  background: var(--admin-table-row) !important;
}

body.admin-page.is-admin-logged-in .service-table tbody tr:nth-child(even) td {
  background: var(--admin-table-row-alt) !important;
}

body.admin-page.is-admin-logged-in .service-table tbody tr:hover td {
  background: color-mix(in srgb, var(--area-accent) 6%, #ffffff) !important;
}

body.admin-page.is-admin-logged-in .service-table tbody tr:last-child td {
  border-bottom: 0;
}

body.admin-page.is-admin-logged-in .service-table strong,
body.admin-page.is-admin-logged-in .service-table b {
  color: #172127;
  font-size: 0.79rem;
}

body.admin-page.is-admin-logged-in .service-table small,
body.admin-page.is-admin-logged-in .service-table .table-muted {
  display: block;
  margin-top: 3px;
  color: var(--admin-table-muted) !important;
  font-size: 0.68rem;
  line-height: 1.35;
}

body.admin-page.is-admin-logged-in .service-table .table-link,
body.admin-page.is-admin-logged-in .service-table .table-button {
  font-size: 0.72rem;
  line-height: 1.3;
}

body.admin-page.is-admin-logged-in .service-table .table-link-stack,
body.admin-page.is-admin-logged-in .service-table .table-action-stack {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
}

body.admin-page.is-admin-logged-in .service-table .table-payment-form select,
body.admin-page.is-admin-logged-in .service-table select {
  width: auto;
  min-width: 116px;
  min-height: 32px;
  padding: 5px 28px 5px 8px;
  border-radius: 5px;
  font-size: 0.7rem;
}

body.admin-page.is-admin-logged-in .service-table .service-status-pill {
  min-height: 22px;
  padding: 3px 7px;
  border-radius: 5px;
  font-size: 0.66rem;
  line-height: 1.2;
}

body.admin-page.is-admin-logged-in .service-table .archive-cell-subsection {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid var(--admin-table-border-soft);
}

body.admin-page.is-admin-logged-in .service-board-header {
  min-height: 72px;
  align-items: center;
  padding-bottom: 12px;
}

body.admin-page.is-admin-logged-in .service-board-header > strong,
body.admin-page.is-admin-logged-in .service-board-header .table-link-stack > strong {
  color: var(--light-muted, #68757d);
  font-size: 0.78rem;
}

@media (max-width: 760px) {
  body.admin-page.is-admin-logged-in .service-table th,
  body.admin-page.is-admin-logged-in .service-table td {
    min-width: 110px;
    max-width: 240px;
  }
}


.table-muted {
  color: var(--text-muted);
  font-weight: 600;
}

.service-status-pill {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 700;
  white-space: nowrap;
}

.service-status-pill.is-new {
  color: #4f5d68;
  background: #eef2f5;
}

.service-status-pill.service-status-ok {
  color: #146c43;
  background: #e9f8ef;
}

.service-status-pill.service-status-warning {
  color: #876200;
  background: #fff4d8;
}

.service-status-pill.is-delivered,
.service-status-pill.is-diagnostics {
  color: #876200;
  background: #fff4d8;
}

.service-status-pill.is-repair {
  color: #8a1f2f;
  background: #fff0f3;
}

.service-status-pill.is-ready,
.service-status-pill.is-closed {
  color: #146c43;
  background: #f3fbf6;
}

.service-status-pill.is-declined {
  color: #8a1f2f;
  background: #fff7f2;
}

.realization-admin,
.calculator {
  scroll-margin-top: 96px;
}

.service-admin-list {
  display: grid;
  gap: 16px;
  margin-top: 18px;
}

.service-admin-card {
  display: grid;
  gap: 16px;
  scroll-margin-top: 110px;
  padding: clamp(20px, 3vw, 28px);
  color: var(--text-dark);
  border: 1px solid rgba(21, 27, 31, 0.16);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: 0 18px 42px rgba(21, 27, 31, 0.08);
}

.service-admin-card-head,
.service-admin-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
}

.service-admin-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.service-admin-actions form {
  margin: 0;
}

.service-admin-repair-summary {
  display: grid;
  gap: 8px;
  padding: 14px;
  border: 1px solid rgba(20, 108, 67, 0.2);
  border-radius: 8px;
  background: #f3fbf6;
}

.service-admin-repair-summary strong,
.service-admin-repair-summary span {
  color: #146c43;
  font-weight: 700;
}

.service-admin-repair-summary small {
  color: var(--muted);
  font-weight: 700;
}

.service-close-form {
  margin-top: 4px;
  padding: clamp(18px, 3vw, 24px);
  box-shadow: none;
}

.form-hint {
  margin: 0;
  color: var(--muted);
  font-size: 0.92rem;
  line-height: 1.55;
}

.service-parts-grid {
  display: grid;
  gap: 12px;
}

.service-parts-grid > strong {
  color: var(--cyan-deep);
  font-weight: 700;
}

.service-part-row {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(90px, 0.5fr) minmax(120px, 0.7fr);
  gap: 12px;
  align-items: end;
  padding: 12px;
  border: 1px solid rgba(21, 27, 31, 0.12);
  border-radius: 8px;
  background: #f8fbfc;
}

.service-admin-card-head span {
  color: var(--cyan-deep);
  font-weight: 700;
}

.service-admin-card-head strong {
  font-size: clamp(1.05rem, 1.8vw, 1.35rem);
}

.service-admin-card p {
  margin: 0;
}

.service-admin-meta {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
}

.service-admin-meta div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(21, 27, 31, 0.12);
  border-radius: 8px;
  background: #f8fbfc;
}

.service-admin-meta dt {
  margin-bottom: 4px;
  color: var(--text-muted);
  font-weight: 600;
}

.service-admin-meta dd {
  margin: 0;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.service-admin-meta a {
  color: var(--cyan-deep);
}

.service-admin-issue {
  color: var(--text-muted);
  overflow-wrap: anywhere;
}

.service-progress-panel {
  display: grid;
  gap: 14px;
  padding: 14px;
  border: 1px solid rgba(21, 27, 31, 0.12);
  border-radius: 8px;
  background: #f8fbfc;
}

.service-progress-current {
  display: grid;
  gap: 4px;
}

.service-progress-current span,
.service-progress-current small {
  color: var(--text-muted);
  font-weight: 600;
}

.service-progress-current strong {
  color: var(--text-dark);
  font-size: 1.05rem;
  font-weight: 700;
}

.service-progress-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.service-progress-actions form {
  margin: 0;
}

.service-progress-actions .button:disabled {
  cursor: not-allowed;
  opacity: 0.62;
}

.service-admin-status {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 7px 12px;
  font-weight: 700;
  border-radius: 999px;
}

.service-admin-status-ok {
  color: #146c43;
  background: #f3fbf6;
}

.service-admin-status-warning {
  color: #876200;
  background: #fff9e8;
}

.service-admin-mail-error {
  margin: 0;
  padding: 12px 14px;
  color: #8a1f2f;
  border: 1px solid rgba(244, 33, 68, 0.24);
  border-radius: 8px;
  background: rgba(244, 33, 68, 0.07);
}

.admin-empty {
  margin: 0;
  padding: 18px;
  color: var(--text-muted);
  font-weight: 600;
  border: 1px dashed rgba(21, 27, 31, 0.24);
  border-radius: 8px;
}

.admin-password-form {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.admin-realization-products {
  margin-bottom: clamp(36px, 6vw, 72px);
}

.calculator {
  display: grid;
  gap: 24px;
}

.estimate-services-board {
  margin-bottom: clamp(24px, 4vw, 44px);
}

.estimate-service-form {
  grid-template-columns: minmax(0, 2fr) minmax(140px, 0.5fr) minmax(140px, 0.5fr) auto;
  align-items: end;
  margin-bottom: 18px;
}

.estimate-service-form .button {
  grid-column: auto;
}

.calculator fieldset {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
  padding: clamp(22px, 4vw, 34px);
  border: 1px solid rgba(21, 27, 31, 0.16);
  border-radius: 8px;
  background: var(--surface);
}

.calculator legend {
  padding: 0 10px;
  color: var(--cyan-deep);
  font-weight: 700;
}

.button-small {
  min-height: 36px;
  padding: 8px 12px;
  font-size: 0.86rem;
}

.multicolor-toggle {
  align-self: end;
}

.multicolor-panel {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px dashed rgba(21, 27, 31, 0.2);
  border-radius: 8px;
  background: rgba(248, 250, 252, 0.86);
}

.multicolor-panel[hidden] {
  display: none;
}

.multicolor-panel-header,
.multicolor-filament-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
}

.multicolor-panel-header {
  align-items: center;
  grid-template-columns: minmax(0, 1fr) auto auto;
}

.multicolor-add-button {
  justify-self: end;
  white-space: nowrap;
}

.multicolor-panel-header strong {
  color: var(--ink);
  font-weight: 700;
}

.gcode-import-panel input[type="file"] {
  min-height: 44px;
}

.gcode-import-panel [data-gcode-import-status] {
  margin: 0;
}

.gcode-import-panel [data-gcode-import-status][data-status="success"] {
  color: #66e6a3;
}

.gcode-import-panel [data-gcode-import-status][data-status="warning"] {
  color: #ffca66;
}

.gcode-import-panel [data-gcode-import-status][data-status="error"] {
  color: #ff6f88;
}

.multicolor-filament-list {
  display: grid;
  gap: 12px;
}

.multicolor-filament-row {
  grid-template-columns: minmax(220px, 1.4fr) minmax(120px, 0.5fr) auto;
  padding: 12px;
  border: 1px solid rgba(21, 27, 31, 0.12);
  border-radius: 8px;
  background: var(--surface);
}

.estimate-project-list {
  display: grid;
  gap: 8px;
}

.estimate-project-item {
  display: grid;
  grid-template-columns: 26px 64px minmax(220px, 1.5fr) minmax(96px, 0.42fr) minmax(128px, 0.52fr) auto;
  gap: 10px;
  align-items: center;
  padding: 10px;
  border: 1px solid rgba(21, 27, 31, 0.12);
  border-radius: 8px;
  background: var(--surface);
}

.estimate-project-select {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
}

.estimate-project-select input {
  width: 18px;
  height: 18px;
  accent-color: var(--accent);
}

.estimate-project-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 50px;
  overflow: hidden;
  border: 1px solid rgba(21, 27, 31, 0.12);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.72);
  color: var(--text-muted);
  font-size: 0.72rem;
}

.estimate-project-preview img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.estimate-project-item.is-editing {
  border-color: rgba(190, 24, 48, 0.64);
  box-shadow: 0 0 0 2px rgba(190, 24, 48, 0.12);
}

.estimate-project-main {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.estimate-project-inline-field {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.estimate-project-inline-field span,
.estimate-project-price span {
  display: block;
  color: var(--text-muted);
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1.2;
}

.estimate-project-inline-field input {
  width: 100%;
  min-height: 34px;
  padding: 6px 8px;
  font-size: 0.92rem;
}

.estimate-project-meta,
.estimate-project-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 10px;
  min-width: 0;
}

.estimate-project-meta {
  color: var(--text-muted);
  font-size: 0.82rem;
}

.estimate-project-badge {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 3px 7px;
  border-radius: 6px;
  border: 1px solid rgba(21, 27, 31, 0.12);
  background: rgba(21, 27, 31, 0.05);
  color: var(--text-muted);
  font-size: 0.74rem;
  font-weight: 800;
}

.estimate-project-badge.is-ok {
  border-color: rgba(22, 163, 74, 0.24);
  background: rgba(22, 163, 74, 0.09);
  color: #15803d;
}

.estimate-project-badge.is-warning {
  border-color: rgba(190, 24, 48, 0.28);
  background: rgba(190, 24, 48, 0.09);
  color: #be1830;
}

.estimate-project-badge.is-info {
  border-color: rgba(37, 99, 235, 0.24);
  background: rgba(37, 99, 235, 0.08);
  color: #1d4ed8;
}

.estimate-project-price {
  display: grid;
  gap: 4px;
  justify-items: end;
  white-space: nowrap;
}

.estimate-project-price strong {
  font-size: 1rem;
}

.estimate-project-item-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.estimate-project-editor {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(21, 27, 31, 0.14);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.72);
}

.estimate-project-editor > .form-wide {
  grid-column: 1 / -1;
}

.estimate-project-editor-header {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(21, 27, 31, 0.12);
}

.estimate-project-editor-header span,
.estimate-project-editor-header small {
  display: block;
  color: var(--text-muted);
}

.estimate-project-editor-header strong {
  display: block;
  margin: 3px 0;
  font-size: 1.1rem;
}

.estimate-project-editor-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

@media (max-width: 720px) {
  .estimate-project-editor {
    grid-template-columns: 1fr;
  }

  .estimate-project-item {
    grid-template-columns: auto 56px minmax(0, 1fr);
  }

  .estimate-project-preview {
    width: 56px;
    height: 44px;
  }

  .estimate-project-quantity-field,
  .estimate-project-price,
  .estimate-project-item-actions {
    grid-column: 3;
    justify-items: start;
  }

  .estimate-project-editor-header {
    align-items: stretch;
  }

  .estimate-project-editor-nav {
    justify-content: flex-start;
  }
}

.estimate-project-editor-actions,
.estimate-update-actions,
.estimate-edit-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
}

.estimate-project-editor-actions {
  padding: 16px;
  border: 1px solid rgba(21, 27, 31, 0.14);
  border-radius: 8px;
  background: var(--surface);
}

.estimate-project-editor-actions span {
  display: block;
  color: var(--text-muted);
  font-size: 0.82rem;
}

.estimate-project-editor-actions strong {
  display: block;
  margin-top: 4px;
  font-size: 1.35rem;
}

.estimate-edit-summary {
  padding: 14px;
  border: 1px solid rgba(21, 27, 31, 0.14);
  border-radius: 8px;
  background: var(--surface);
}

.estimate-edit-summary article {
  min-width: 140px;
}

.estimate-edit-summary span,
.estimate-edit-summary strong {
  display: block;
}

.estimate-edit-summary span {
  color: var(--text-muted);
  font-size: 0.78rem;
}

.estimate-update-actions {
  justify-content: flex-end;
}

.estimate-issuer-edit {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(21, 27, 31, 0.14);
  border-radius: 8px;
}

.estimate-issuer-edit legend {
  padding: 0 8px;
  color: var(--cyan-deep);
  font-weight: 700;
}

.calculator-results {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(21, 27, 31, 0.18);
  border-radius: 8px;
  background: rgba(21, 27, 31, 0.18);
}

.calculator-results article {
  position: relative;
  min-height: 126px;
  padding: 20px;
  background: var(--surface);
}

.calculator-results span {
  display: block;
  margin-bottom: 10px;
  color: var(--text-muted);
  font-weight: 600;
}

.calculator-results strong {
  color: var(--ink);
  font-size: clamp(1.25rem, 2vw, 1.75rem);
}

.print-estimate {
  display: none;
}

.estimate-generated-actions {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  border: 1px solid rgba(20, 108, 67, 0.22);
  border-radius: 8px;
  background: #f3fbf6;
}

.estimate-generated-actions[hidden] {
  display: none;
}

.estimate-generated-actions strong {
  color: #146c43;
  font-weight: 700;
}

.estimate-generated-actions div {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.estimate-archive-board {
  margin-top: clamp(24px, 4vw, 44px);
}

.site-footer {
  min-height: 440px;
  display: grid;
  align-items: end;
}

.footer-admin-access {
  position: absolute;
  left: clamp(12px, 2vw, 22px);
  bottom: 8px;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  color: rgba(246, 248, 249, 0.42);
  font-size: 0.68rem;
}

.footer-admin-access a {
  color: inherit;
  text-decoration: none;
}

.footer-admin-access a:hover {
  color: var(--text-light);
  text-decoration: underline;
}

.footer-content {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) auto;
  gap: 28px;
  align-items: end;
  padding: clamp(72px, 10vw, 118px) 0 clamp(44px, 7vw, 72px);
}

.footer-content h2 {
  font-size: clamp(1.85rem, 3.4vw, 3.2rem);
}

.footer-actions {
  justify-content: flex-end;
}

.cookie-banner {
  position: fixed;
  right: 18px;
  bottom: 18px;
  left: 18px;
  z-index: 10000;
  display: grid;
  place-items: center;
  pointer-events: none;
  opacity: 0;
  transform: translateY(14px);
  transition:
    opacity 180ms ease,
    transform 180ms ease;
}

.cookie-banner.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.cookie-card {
  width: min(960px, 100%);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: center;
  padding: 18px;
  color: var(--text-dark);
  border: 1px solid rgba(21, 27, 31, 0.18);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 24px 80px rgba(6, 14, 18, 0.24);
  pointer-events: auto;
}

.cookie-card p {
  margin: 0;
}

.cookie-eyebrow {
  margin-bottom: 6px !important;
  color: var(--cyan-deep);
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
}

.cookie-text {
  max-width: 680px;
  color: var(--text-muted);
  font-size: 0.94rem;
}

.cookie-link {
  display: inline-flex;
  margin-top: 10px;
  color: var(--cyan-deep);
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
}

.cookie-link:hover {
  text-decoration: underline;
}

.cookie-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.cookie-actions .button {
  cursor: pointer;
  border: 0;
  font: inherit;
  font-weight: 500;
}

.cookie-actions .button-ghost {
  color: var(--text-dark);
  border: 1px solid rgba(21, 27, 31, 0.2);
  background: #fff;
}

@media (max-width: 980px) {
  .site-header {
    align-items: flex-start;
  }

  .nav-button {
    display: inline-flex;
    flex: 0 0 auto;
  }

  .site-nav {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 64px;
    display: none;
    flex-direction: column;
    align-items: stretch;
    padding: 12px;
    border: 1px solid var(--line-light);
    border-radius: 8px;
    background: rgba(11, 15, 18, 0.98);
  }

  .site-nav a {
    justify-content: center;
  }

  .site-nav a.admin-nav-link {
    margin-left: 0;
  }

  .nav-toggle:checked ~ .site-nav {
    display: flex;
  }

  .hero {
    min-height: calc(84svh - 72px);
  }

  .hero-content {
    width: min(var(--max), calc(100% - 32px));
  }

  .intro-grid,
  .editorial-grid,
  .portfolio-header,
  .process-grid,
  .material-layout,
  .quote-layout,
  .checklist-layout,
  .gallery-layout,
  .study-layout,
  .contact-layout,
  .contact-strip,
  .contact-form-layout,
  .admin-login-layout,
  .admin-mail-settings,
  .split-layout,
  .split-layout-reverse,
  .about-layout,
  .footer-content {
    grid-template-columns: 1fr;
  }

  .about-portrait {
    position: static;
  }

  .metrics,
  .service-grid,
  .seo-link-grid,
  .price-grid,
  .cases-grid,
  .realization-products,
  .admin-shortcuts,
  .admin-password-form,
  .admin-mail-status div,
  .service-admin-meta,
  .service-detail-meta,
  .job-center-grid,
  .job-center-mini-grid,
  .job-checklist,
  .estimate-acceptance-summary,
  .calculator fieldset,
  .calculator-results,
  .multicolor-filament-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .printer-model-grid,
  .printer-model-card dl,
  .printer-cost-card dl,
  .client-history-content,
  .client-history-panel-wide .client-history-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .service-detail-notes {
    grid-template-columns: 1fr;
  }

  .admin-toolbar {
    grid-template-columns: 1fr;
  }

  .admin-work-map-heading {
    align-items: stretch;
  }

  .admin-actions {
    justify-content: flex-start;
  }

  .service-price-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }

  .service-part-row {
    grid-template-columns: 1fr;
  }

  .service-terms-strip {
    align-items: flex-start;
    flex-direction: column;
  }

  .footer-actions {
    justify-content: flex-start;
  }

  .cookie-card {
    grid-template-columns: 1fr;
  }

  .estimate-service-form {
    grid-template-columns: 1fr;
  }

  .estimate-service-form .button {
    grid-column: 1 / -1;
  }

  .cookie-actions {
    justify-content: flex-start;
  }

  .realization-lightbox-prev {
    left: 8px;
  }

  .realization-lightbox-next {
    right: 8px;
  }
}

@media (max-width: 640px) {
  .container {
    width: min(100% - 28px, var(--max));
  }

  .site-header {
    min-height: 66px;
    padding: 11px 14px;
  }

  .brand {
    max-width: calc(100% - 58px);
  }

  .brand-logo {
    width: min(230px, 58vw);
  }

  .site-nav {
    left: 14px;
    right: 14px;
    top: 58px;
  }

  .hero {
    min-height: 760px;
  }

  .hero-home .hero-image {
    object-position: 70% center;
  }

  .hero-content {
    padding-bottom: 42px;
  }

  .hero-home h1 {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
    border: 0;
  }

  .hero-home .kicker {
    position: static;
    width: auto;
    height: auto;
    margin: 0 0 14px;
    overflow: visible;
    clip: auto;
    white-space: normal;
    border: 0;
  }

  .hero-home .hero-lead {
    margin-top: 18px;
  }

  h1 {
    font-size: clamp(2rem, 9.5vw, 3rem);
  }

  .page-hero-content h1 {
    font-size: clamp(2rem, 9vw, 2.8rem);
  }

  h2 {
    font-size: clamp(1.6rem, 7.2vw, 2.35rem);
  }

  .hero-actions,
  .footer-actions {
    flex-direction: column;
  }

  .button {
    width: 100%;
  }

  .realization-thumbs,
  .admin-realization-thumbs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .realization-image-remove-item {
    grid-template-columns: 64px minmax(0, 1fr);
  }

  .printer-model-grid,
  .printer-model-card dl,
  .printer-cost-card dl {
    grid-template-columns: 1fr;
  }

  .realization-image-remove-item input {
    justify-self: start;
  }

  .metrics,
  .service-grid,
  .seo-link-grid,
  .price-grid,
  .cases-grid,
  .realization-products,
  .admin-shortcuts,
  .gallery,
  .feature-list,
  .contact-form,
  .admin-password-form,
  .admin-mail-settings,
  .admin-mail-status div,
  .service-admin-meta,
  .service-detail-meta,
  .job-center-grid,
  .job-center-mini-grid,
  .job-checklist,
  .estimate-acceptance-summary,
  .calculator fieldset,
  .calculator-results,
  .estimate-issuer-edit,
  .multicolor-panel-header,
  .multicolor-filament-row,
  .admin-work-card-grid,
  .admin-work-card-grid-primary,
  .client-history-content,
  .client-history-panel-wide .client-history-content {
    grid-template-columns: 1fr;
  }

  .admin-work-section-head {
    display: grid;
    gap: 4px;
  }

  .page-hero {
    min-height: 620px;
  }

  .page-hero-image {
    object-position: 66% center;
  }

  .about-photo-slot {
    min-height: 340px;
  }

  .service-card,
  .case-card,
  .price-card,
  .metrics article {
    min-height: auto;
  }

  .realization-lightbox {
    padding: 12px;
  }

  .realization-lightbox-dialog img {
    max-height: 72svh;
  }

  .realization-lightbox-dialog figcaption {
    flex-direction: column;
    gap: 4px;
  }

  .realization-lightbox-close {
    top: 8px;
    right: 8px;
  }

  .realization-lightbox-nav {
    width: 42px;
    height: 54px;
    font-size: 2.3rem;
  }

  .contact-card dl > div {
    grid-template-columns: 1fr;
    gap: 6px;
  }
}

.admin-dashboard-overview {
  display: grid;
  gap: 14px;
  margin-bottom: 18px;
}

.admin-dashboard-overview > .admin-overview-heading {
  order: 1;
}

.admin-dashboard-overview > .admin-workspace-grid {
  order: 2;
}

.admin-dashboard-overview > .admin-overview-stats {
  order: 3;
}

.admin-dashboard-overview > .admin-operational-alerts {
  order: 4;
}

.admin-dashboard-overview > .admin-calendar-widget {
  order: 5;
}

.admin-dashboard-overview > .admin-work-center {
  order: 6;
}

.admin-dashboard-overview > .admin-overview-panels {
  order: 7;
}

.admin-workspace-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.admin-workspace-card,
.admin-workspace-module-card {
  position: relative;
  display: grid;
  align-content: start;
  min-width: 0;
  color: var(--text-dark);
  text-decoration: none;
  border: 1px solid rgba(237, 248, 251, 0.14);
  border-radius: 8px;
  background: linear-gradient(180deg, #1b2227, #151a1e);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.22);
  transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

.admin-workspace-card {
  gap: 9px;
  min-height: 172px;
  padding: 20px;
}

.admin-workspace-card::before,
.admin-workspace-module-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: #ff214b;
}

.admin-workspace-card.is-office::before {
  background: #4ab3d8;
}

.admin-workspace-card.is-print_area::before {
  background: #f0b52f;
}

.admin-workspace-card.is-shop_area::before {
  background: #ff214b;
}

.admin-workspace-card.is-management::before {
  background: #9aa7ae;
}

.admin-workspace-card:hover,
.admin-workspace-card:focus-visible,
.admin-workspace-module-card:hover,
.admin-workspace-module-card:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(255, 75, 108, 0.55);
}

.admin-workspace-card > span,
.admin-workspace-module-card > span,
.admin-workspace-directory-header > div > span {
  color: #ff6f88;
  font-size: 0.74rem;
  font-weight: 800;
  text-transform: uppercase;
}

.admin-workspace-card > strong {
  font-family: var(--font-heading);
  font-size: 1.55rem;
  line-height: 1.1;
}

.admin-workspace-card > small,
.admin-workspace-module-card > small,
.admin-workspace-directory-header p {
  color: var(--text-muted);
  line-height: 1.5;
}

.admin-workspace-card > b,
.admin-workspace-module-card > b {
  margin-top: auto;
  color: #ff6f88;
  font-size: 0.84rem;
}

.admin-workspace-directory {
  display: grid;
  gap: 18px;
}

.admin-panel-office .admin-toolbar,
.admin-panel-print_area .admin-toolbar,
.admin-panel-shop_area .admin-toolbar,
.admin-panel-management .admin-toolbar {
  display: none;
}

.admin-workspace-directory-actions {
  display: grid;
  grid-template-columns: minmax(240px, 320px) auto;
  align-items: end;
  gap: 10px;
}

.admin-workspace-directory-actions .admin-module-search {
  width: 100%;
  min-width: 0;
}

.admin-workspace-directory-actions .admin-module-search input,
.admin-workspace-directory-actions > .button {
  box-sizing: border-box;
  height: 44px;
  min-height: 44px;
}

.admin-workspace-directory-actions > .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: end;
  padding-top: 0;
  padding-bottom: 0;
  white-space: nowrap;
}

.admin-workspace-directory-header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  padding: 20px;
  border: 1px solid rgba(237, 248, 251, 0.14);
  border-radius: 8px;
  background: linear-gradient(180deg, #1b2227, #151a1e);
}

.admin-workspace-directory-header > div {
  max-width: 660px;
}

.admin-workspace-directory-header h2 {
  margin: 6px 0;
  color: var(--text-dark);
  font-size: clamp(1.8rem, 3vw, 2.8rem);
}

.admin-workspace-directory-header p {
  margin: 0;
}

.admin-workspace-module-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.admin-workspace-module-card {
  gap: 8px;
  min-height: 146px;
  padding: 18px;
}

.admin-workspace-module-card > strong {
  color: var(--text-dark);
  font-family: var(--font-heading);
  font-size: 1.18rem;
  line-height: 1.2;
}

@media (max-width: 1100px) {
  .admin-workspace-grid,
  .admin-workspace-module-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .admin-workspace-grid,
  .admin-workspace-module-grid {
    grid-template-columns: 1fr;
  }

  .admin-workspace-directory-header {
    align-items: stretch;
    flex-direction: column;
  }

  .admin-workspace-directory-header .admin-module-search {
    width: 100%;
    min-width: 0;
  }

  .admin-workspace-directory-actions {
    grid-template-columns: 1fr;
    align-items: stretch;
    width: 100%;
  }

  .admin-workspace-directory-actions > .button {
    width: 100%;
  }
}

.admin-overview-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
}

.admin-overview-heading span,
.admin-overview-panel header span,
.admin-overview-stats article span {
  display: block;
  color: var(--accent-red);
  font-size: 0.76rem;
  font-weight: 800;
  text-transform: uppercase;
}

.admin-overview-heading h2 {
  margin: 6px 0 0;
  font-size: clamp(1.5rem, 2.2vw, 2rem);
}

.admin-overview-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 10px;
}

.admin-overview-stats article,
.admin-overview-panel {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.admin-overview-stats article {
  min-height: 96px;
  padding: 16px;
}

.admin-overview-stats article strong {
  display: block;
  margin-top: 8px;
  font-family: var(--font-heading);
  font-size: clamp(1.45rem, 2.4vw, 2.15rem);
  line-height: 1;
}

.admin-overview-stats article small {
  display: block;
  margin-top: 8px;
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.35;
}

.admin-operational-alerts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.admin-alert-card {
  position: relative;
  min-width: 0;
  min-height: 112px;
  padding: 16px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.admin-alert-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: #74808a;
}

.admin-alert-card.is-ok::before {
  background: #1f8a5b;
}

.admin-alert-card.is-warning::before {
  background: #c59123;
}

.admin-alert-card.is-danger::before {
  background: var(--accent-red);
}

.admin-alert-card > span {
  display: block;
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 800;
  line-height: 1.25;
  text-transform: uppercase;
}

.admin-alert-card > strong {
  display: block;
  margin-top: 8px;
  font-family: var(--font-heading);
  font-size: clamp(1.45rem, 2.4vw, 2.15rem);
  line-height: 1;
}

.admin-alert-card > small {
  display: block;
  margin-top: 8px;
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.35;
}

.admin-alert-card .table-link {
  display: inline-flex;
  margin-top: 10px;
}

.admin-calendar-widget {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.shop-product-price {
  display: block;
  margin: 12px 0 6px;
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 2.4vw, 2.2rem);
  line-height: 1;
}

.shop-confirmation,
.form-error-box {
  margin-top: 28px;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.form-error-box {
  border-color: rgba(255, 30, 76, 0.45);
}

.form-error-box p,
.form-error {
  color: #ff5b76;
  font-weight: 700;
}

.checkbox-line {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.checkbox-line input {
  width: auto;
  margin-top: 4px;
}

.shop-checkout {
  margin-top: 34px;
}

.shop-product-admin-card .realization-body > strong,
.shop-product-admin-card .realization-body > small {
  display: block;
  margin-top: 8px;
}

.shop-product-main-image:focus-visible {
  outline: 3px solid var(--accent-red);
  outline-offset: -3px;
}

.shop-product-thumbs {
  margin-top: 4px;
}

.shop-product-thumb {
  cursor: pointer;
  transition:
    border-color 160ms ease,
    box-shadow 160ms ease,
    opacity 160ms ease;
}

.shop-product-thumb:not(.is-active) {
  opacity: 0.7;
}

.shop-product-thumb.is-active {
  border-color: var(--accent-red);
  box-shadow: 0 0 0 2px rgba(255, 30, 76, 0.22);
  opacity: 1;
}

.shop-product-thumb:hover,
.shop-product-thumb:focus-visible {
  border-color: var(--accent-red);
  opacity: 1;
}

.shop-orders-table select {
  min-width: 180px;
}

.admin-calendar-header,
.admin-calendar-agenda header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.admin-calendar-header span,
.admin-calendar-agenda header span,
.admin-calendar-summary span {
  display: block;
  color: var(--accent-red);
  font-size: 0.76rem;
  font-weight: 800;
  line-height: 1.25;
  text-transform: uppercase;
}

.admin-calendar-header h3 {
  margin: 5px 0 0;
  font-size: clamp(1.25rem, 1.8vw, 1.6rem);
}

.admin-calendar-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.admin-calendar-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.admin-calendar-summary article {
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid rgba(21, 27, 31, 0.08);
  border-radius: 8px;
  background: rgba(21, 27, 31, 0.025);
}

.admin-calendar-summary strong {
  display: block;
  margin-top: 6px;
  font-family: var(--font-heading);
  font-size: 1.45rem;
  line-height: 1;
}

.admin-calendar-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.55fr);
  gap: 14px;
  align-items: start;
}

.admin-calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid rgba(21, 27, 31, 0.08);
  border-radius: 8px;
}

.admin-calendar-weekday,
.admin-calendar-day {
  min-width: 0;
  border-right: 1px solid rgba(21, 27, 31, 0.08);
  border-bottom: 1px solid rgba(21, 27, 31, 0.08);
}

.admin-calendar-weekday:nth-child(7n),
.admin-calendar-day:nth-child(7n) {
  border-right: 0;
}

.admin-calendar-weekday {
  padding: 6px 6px;
  color: var(--muted);
  font-size: 0.68rem;
  text-align: center;
  text-transform: uppercase;
  background: rgba(21, 27, 31, 0.035);
}

.admin-calendar-day {
  min-height: 52px;
  padding: 5px;
  background: rgba(255, 255, 255, 0.5);
}

.admin-calendar-day.is-muted {
  opacity: 0.45;
}

.admin-calendar-day.is-today {
  box-shadow: inset 0 0 0 2px rgba(245, 24, 63, 0.55);
}

.admin-calendar-day-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  color: var(--ink);
  font-weight: 800;
  font-size: 0.74rem;
}

.admin-calendar-day.is-today .admin-calendar-day-number {
  color: #fff;
  background: var(--accent-red);
}

.admin-calendar-day ul,
.admin-calendar-agenda-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.admin-calendar-day ul {
  display: grid;
  gap: 2px;
  margin-top: 4px;
}

.admin-calendar-day li {
  min-width: 0;
  padding: 2px 5px;
  overflow: hidden;
  border-left: 2px solid #74808a;
  border-radius: 4px;
  background: rgba(21, 27, 31, 0.055);
  color: var(--text-dark);
  font-size: 0.66rem;
  font-weight: 800;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-calendar-day li.is-overdue {
  border-left-color: var(--accent-red);
}

.admin-calendar-day li.is-today {
  border-left-color: #c59123;
}

.admin-calendar-day li.is-type-maintenance {
  border-left-color: #5b8def;
}

.admin-calendar-day li.is-type-purchase {
  border-left-color: #31a871;
}

.admin-calendar-day li.is-type-crm {
  border-left-color: #c77dff;
}

.admin-calendar-day li.is-type-service {
  border-left-color: #ff5d78;
}

.admin-calendar-day li.is-more {
  border-left-color: transparent;
  color: var(--muted);
}

.admin-calendar-day a {
  color: inherit;
  text-decoration: none;
}

.admin-calendar-agenda {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(21, 27, 31, 0.08);
  border-radius: 8px;
  background: rgba(21, 27, 31, 0.025);
}

.admin-calendar-agenda-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.admin-calendar-agenda-list li {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 10px;
  border: 1px solid rgba(21, 27, 31, 0.08);
  border-left: 4px solid #74808a;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.55);
}

.admin-calendar-agenda-list li.is-overdue {
  border-left-color: var(--accent-red);
}

.admin-calendar-agenda-list li.is-today {
  border-left-color: #c59123;
}

.admin-calendar-agenda-list > li > span {
  color: var(--accent-red);
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.25;
  text-transform: uppercase;
}

.admin-calendar-agenda-list a,
.admin-calendar-agenda-list strong {
  color: var(--ink);
  font-weight: 800;
  text-decoration: none;
}

.admin-calendar-agenda-list small {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 0.8rem;
  line-height: 1.35;
}

.admin-work-center {
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.admin-work-center header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}

.admin-work-center header span,
.admin-work-list > li > span {
  display: block;
  color: var(--accent-red);
  font-size: 0.76rem;
  font-weight: 800;
  line-height: 1.25;
  text-transform: uppercase;
}

.admin-work-center h3 {
  margin: 5px 0 0;
  font-size: clamp(1.25rem, 1.8vw, 1.6rem);
}

.admin-work-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.admin-work-list li {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  min-height: 58px;
  padding: 10px 12px;
  border: 1px solid rgba(21, 27, 31, 0.08);
  border-left: 4px solid #74808a;
  border-radius: 8px;
  background: rgba(21, 27, 31, 0.025);
}

.admin-work-list li.is-warning {
  border-left-color: #c59123;
}

.admin-work-list li.is-danger {
  border-left-color: var(--accent-red);
}

.admin-work-list a,
.admin-work-list strong {
  color: var(--ink);
  font-weight: 800;
  text-decoration: none;
}

.admin-work-list a:hover {
  color: var(--accent-red);
}

.admin-work-list small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  line-height: 1.35;
}

.admin-overview-panels {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.admin-overview-panel {
  min-width: 0;
  padding: 16px;
}

.admin-overview-panel header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.admin-overview-list {
  display: grid;
  gap: 10px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}

.admin-overview-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(21, 27, 31, 0.08);
}

.admin-overview-list li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.admin-overview-list a,
.admin-overview-list strong {
  color: var(--text-dark);
  font-weight: 800;
  text-decoration: none;
}

.admin-overview-list small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.35;
}

.admin-overview-list b {
  color: var(--accent-red);
  font-size: 0.92rem;
  white-space: nowrap;
}

.admin-overview-list .service-status-pill {
  max-width: 160px;
  justify-content: center;
  text-align: center;
}

.admin-overview-empty {
  margin: 14px 0 0;
  color: var(--muted);
  font-size: 0.9rem;
}

.print-hub-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.print-hub-step {
  position: relative;
  display: grid;
  gap: 7px;
  min-height: 118px;
  padding: 16px;
  color: var(--text-dark);
  text-decoration: none;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.print-hub-step::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: var(--accent-red);
}

.print-hub-step span {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  color: #fff;
  font-weight: 900;
  border-radius: 50%;
  background: var(--accent-red);
}

.print-hub-step strong {
  font-family: var(--font-heading);
  font-size: 1.15rem;
  line-height: 1.15;
}

.print-hub-step small {
  color: var(--muted);
  line-height: 1.35;
}

.print-hub-step:hover,
.print-hub-step:focus-visible {
  color: var(--text-dark);
  border-color: rgba(244, 33, 68, 0.42);
  transform: translateY(-1px);
}

.print-hub-panels {
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) minmax(0, 1fr);
}

@media (max-width: 980px) {
  .admin-overview-stats,
  .admin-operational-alerts,
  .admin-overview-panels,
  .admin-calendar-layout,
  .print-hub-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-calendar-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .admin-overview-heading,
  .admin-overview-panel header,
  .admin-calendar-header,
  .admin-calendar-agenda header {
    align-items: flex-start;
    flex-direction: column;
  }

  .admin-overview-stats,
  .admin-operational-alerts,
  .admin-overview-panels,
  .admin-calendar-summary,
  .print-hub-flow,
  .admin-work-list li,
  .admin-overview-list li,
  .admin-calendar-agenda-list li {
    grid-template-columns: 1fr;
  }

  .admin-calendar-grid {
    overflow-x: auto;
    grid-template-columns: repeat(7, minmax(76px, 1fr));
  }

  .admin-calendar-day {
    min-height: 58px;
  }

  .admin-overview-list .service-status-pill {
    max-width: none;
    justify-self: start;
  }
}

.admin-dashboard-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
  margin-top: 24px;
}

.admin-dashboard-grid article,
.admin-backup-panel,
.admin-export-panel,
.site-text-editor,
.filament-movement-board,
.service-template-board {
  border: 1px solid var(--line);
  background: #fff;
}

.admin-dashboard-grid article {
  min-height: 104px;
  padding: 18px;
}

.admin-dashboard-grid span {
  display: block;
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 700;
  text-transform: uppercase;
}

.admin-dashboard-grid strong {
  display: block;
  margin-top: 10px;
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 2.4vw, 2.25rem);
  line-height: 1;
}

.profitability-report-board .admin-dashboard-grid strong {
  margin-top: 12px;
  font-size: 1rem;
  line-height: 1.25;
}

.profitability-report-board .admin-dashboard-grid small {
  display: block;
  margin-top: 4px;
  color: var(--text-muted);
  font-size: 0.86rem;
  line-height: 1.35;
}

.profitability-report-board td .service-status-pill {
  min-height: 24px;
  margin-top: 5px;
  padding: 3px 8px;
  font-size: 0.68rem;
}

.profitability-report-board td .service-status-pill + .table-muted {
  display: block;
  margin-top: 4px;
  font-size: 0.78rem;
}

.admin-backup-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  margin-top: 18px;
  padding: 18px;
}

.admin-backup-panel span {
  color: var(--accent-red);
  font-size: 0.76rem;
  font-weight: 800;
  text-transform: uppercase;
}

.admin-backup-panel h2 {
  margin: 6px 0 8px;
  font-size: clamp(1.4rem, 2.2vw, 2rem);
}

.admin-backup-panel p {
  max-width: 760px;
  margin: 0;
  color: var(--muted);
}

.admin-backup-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.admin-backup-actions form {
  margin: 0;
}

.admin-export-panel {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
  padding: 16px;
}

.site-text-form,
.service-template-form {
  margin-top: 18px;
}

.site-text-form {
  display: block;
}

.site-text-form textarea {
  min-height: 74px;
}

.site-text-group {
  margin-bottom: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.site-text-group summary {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  cursor: pointer;
  font-weight: 800;
}

.site-text-group summary small {
  color: var(--text-muted);
  font-size: 0.78rem;
  text-transform: uppercase;
}

.site-text-group-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding: 0 18px 18px;
}

.site-text-group-grid label,
.site-image-field {
  min-width: 0;
}

.communication-template-grid {
  margin-top: 18px;
}

.communication-template-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
  gap: 18px;
  align-items: start;
}

.communication-template-form {
  margin: 0;
}

.communication-template-preview {
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(21, 27, 31, 0.04);
}

.communication-template-preview > span {
  display: block;
  margin-bottom: 8px;
  color: var(--brand);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.communication-template-preview h3 {
  margin-bottom: 12px;
}

.communication-template-preview-body {
  overflow: auto;
  max-height: 460px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.communication-template-actions {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.communication-template-actions form {
  display: grid;
  gap: 10px;
}

.admin-overview-empty code {
  display: inline-block;
  margin: 4px 3px 0 0;
  padding: 3px 6px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: rgba(21, 27, 31, 0.04);
  font-size: 0.78rem;
}

.site-image-field {
  display: grid;
  gap: 10px;
  color: var(--text-dark);
  font-weight: 700;
}

.site-image-field img {
  width: min(360px, 100%);
  aspect-ratio: 4 / 3;
  border: 1px solid var(--line);
  border-radius: 8px;
  object-fit: cover;
  background: var(--surface-muted);
}

.site-image-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.company-settings-form fieldset {
  border: 1px dashed var(--line);
  border-radius: 8px;
  padding: 18px;
}

.company-settings-form legend {
  padding: 0 8px;
  color: var(--brand);
  font-weight: 800;
  text-transform: uppercase;
}

.print-job-code {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 6px 9px;
  border: 1px solid rgba(244, 33, 68, 0.28);
  border-radius: 6px;
  background: #fff;
  color: var(--ink);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0;
}

.status-checker-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.78fr);
  gap: clamp(24px, 4vw, 48px);
  align-items: start;
}

.status-checker-form,
.status-checker-note,
.status-result {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: 0 16px 36px rgba(21, 27, 31, 0.06);
}

.status-checker-note {
  padding: clamp(22px, 3vw, 34px);
}

.status-checker-note h2 {
  margin: 8px 0 14px;
  font-size: clamp(1.5rem, 2.5vw, 2.1rem);
}

.status-result {
  grid-column: 1 / -1;
  padding: clamp(22px, 3vw, 34px);
}

.status-result[hidden] {
  display: none;
}

.status-result > span {
  color: var(--brand);
  font-size: 0.82rem;
  font-weight: 900;
  text-transform: uppercase;
}

.status-result-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 18px;
}

.status-result-head span {
  color: var(--brand);
  font-size: 0.82rem;
  font-weight: 900;
  text-transform: uppercase;
}

.status-result-head > strong {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid rgba(244, 33, 68, 0.28);
  border-radius: 6px;
  color: var(--ink);
  background: rgba(244, 33, 68, 0.08);
  font-size: 0.82rem;
}

.status-result h2 {
  margin: 8px 0 18px;
  font-size: clamp(1.65rem, 2.7vw, 2.4rem);
}

.status-stage {
  margin: 0 0 18px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.status-stage p {
  margin: 0 0 14px;
  color: var(--text-muted);
  font-size: 0.9rem;
}

.status-stage ol {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.status-step {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-width: 0;
  color: var(--text-muted);
  font-size: 0.82rem;
  font-weight: 800;
}

.status-step span {
  width: 18px;
  height: 18px;
  border: 2px solid var(--line);
  border-radius: 50%;
  background: #fff;
}

.status-step strong {
  min-width: 0;
  overflow-wrap: anywhere;
}

.status-step-done span,
.status-step-active span {
  border-color: var(--brand);
  background: var(--brand);
}

.status-step-active strong {
  color: var(--ink);
}

.status-result dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--line);
}

.status-result dl div {
  min-width: 0;
  padding: 14px;
  background: #fff;
}

.status-result dt {
  color: var(--text-muted);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}

.status-result dd {
  margin: 4px 0 0;
  color: var(--ink);
  font-weight: 800;
  overflow-wrap: anywhere;
}

.status-result-success {
  border-color: rgba(22, 163, 74, 0.35);
}

.status-result-error {
  border-color: rgba(190, 18, 60, 0.32);
  color: var(--ink);
}

.status-info-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}

.status-info-card,
.status-documents {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.status-info-card > span,
.status-documents > span {
  display: block;
  margin-bottom: 8px;
  color: var(--text-muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.status-info-card strong {
  display: block;
  color: var(--ink);
  font-size: 1.12rem;
  overflow-wrap: anywhere;
}

.status-info-card p {
  margin: 8px 0;
}

.status-info-card small {
  display: block;
  margin-top: 4px;
  color: var(--text-muted);
}

.status-info-card.is-warning {
  border-color: rgba(244, 33, 68, 0.38);
}

.status-next-step {
  margin: 18px 0 0;
  padding: 14px 16px;
  border: 1px solid rgba(244, 33, 68, 0.22);
  border-radius: 8px;
  background: rgba(244, 33, 68, 0.06);
}

.status-documents {
  margin-top: 18px;
}

.status-documents > div {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.status-document-button {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 46px;
}

.status-document-button small {
  margin-top: 2px;
  color: var(--text-muted);
  font-size: 0.72rem;
}

.quote-request-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.72fr);
  gap: clamp(24px, 4vw, 48px);
  align-items: start;
}

.quote-request-form,
.quote-request-note {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: 0 16px 36px rgba(21, 27, 31, 0.06);
}

.quote-request-note {
  padding: clamp(22px, 3vw, 34px);
}

.quote-request-note h2 {
  margin: 8px 0 18px;
  font-size: clamp(1.6rem, 2.5vw, 2.2rem);
}

.quote-request-note ul {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.quote-request-note li {
  padding-left: 20px;
  color: var(--text-muted);
  position: relative;
}

.quote-request-note li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.62em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--brand);
}

.site-health-groups {
  display: grid;
  gap: 18px;
}

.site-health-group {
  display: grid;
  gap: 12px;
}

.site-health-group h3 {
  margin: 0;
  font-size: 1rem;
  text-transform: uppercase;
}

.site-health-list {
  display: grid;
  gap: 10px;
}

.site-health-item {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.site-health-item > span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 30px;
  border-radius: 999px;
  color: #fff;
  background: var(--text-muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.site-health-item strong {
  display: block;
  color: var(--ink);
}

.site-health-item small,
.site-health-item p {
  display: block;
  margin: 4px 0 0;
  color: var(--text-muted);
  overflow-wrap: anywhere;
}

.site-health-item.is-ok > span {
  background: #16834a;
}

.site-health-item.is-warning > span {
  color: #141a1e;
  background: #f2c14e;
}

.site-health-item.is-danger > span {
  background: var(--brand);
}

.site-health-card.is-ok {
  border-top: 4px solid #16834a;
}

.site-health-card.is-warning {
  border-top: 4px solid #f2c14e;
}

.site-health-card.is-danger {
  border-top: 4px solid var(--brand);
}

.status-history {
  margin-top: 22px;
}

.status-history > span {
  color: var(--text-muted);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.status-history ul {
  display: grid;
  gap: 8px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}

.status-history li {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  justify-content: space-between;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 6px;
}

.status-history li span {
  color: var(--text-muted);
  font-size: 0.86rem;
}

.status-history li.has-details {
  display: grid;
  justify-content: stretch;
  gap: 10px;
}

.status-history-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 14px;
}

.status-history li p {
  width: 100%;
  margin: 0;
  color: var(--text);
  line-height: 1.6;
  white-space: pre-wrap;
}

.status-history-image {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
}

.status-history-image img {
  display: block;
  width: auto;
  max-width: min(100%, 360px);
  max-height: 260px;
  object-fit: contain;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #fff;
}

.service-client-update-panel {
  margin-top: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  overflow: hidden;
}

.service-client-update-panel > summary {
  padding: 16px 18px;
  color: var(--text);
  font-weight: 800;
  cursor: pointer;
}

.service-client-update-panel[open] > summary {
  border-bottom: 1px solid var(--line);
}

.service-client-update-form {
  margin: 0;
  padding: 18px;
}

.service-client-update-history {
  display: grid;
  gap: 10px;
  padding: 0 18px 18px;
}

.service-client-update-history > span {
  color: var(--text-muted);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.service-client-update-history article {
  display: grid;
  gap: 8px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--surface-soft);
}

.service-client-update-history article > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px 14px;
}

.service-client-update-history article p {
  margin: 0;
  color: var(--text);
  line-height: 1.55;
}

.service-client-update-history img {
  display: block;
  width: auto;
  max-width: min(100%, 240px);
  max-height: 180px;
  object-fit: contain;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #fff;
}

@media (max-width: 760px) {
  .status-checker-layout {
    grid-template-columns: 1fr;
  }

  .quote-request-layout {
    grid-template-columns: 1fr;
  }

  .status-result dl {
    grid-template-columns: 1fr;
  }

  .status-info-grid {
    grid-template-columns: 1fr;
  }

  .site-health-item {
    grid-template-columns: 1fr;
  }

  .site-image-actions {
    grid-template-columns: 1fr;
  }
}

.site-image-actions .button {
  min-height: 48px;
  white-space: nowrap;
}

@media (max-width: 760px) {
  .site-text-group-grid {
    grid-template-columns: 1fr;
  }

  .communication-template-layout {
    grid-template-columns: 1fr;
  }

  .site-image-actions {
    grid-template-columns: 1fr;
  }
}

.table-payment-form select {
  min-width: 145px;
}

.filament-label-board {
  margin: 18px 0;
}

.filament-label-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px;
}

.filament-label-item {
  display: grid;
  gap: 8px;
  align-content: start;
}

.filament-label-card {
  width: 60mm;
  min-height: 40mm;
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 1.6mm;
  padding: 3mm;
  border: 1px solid #d4dce2;
  border-radius: 2mm;
  background: #fff;
  color: #111;
  break-inside: avoid;
  page-break-inside: avoid;
}

.filament-label-meta {
  display: grid;
  gap: .8mm;
  min-width: 0;
}

.filament-label-meta strong,
.filament-label-meta span,
.filament-label-card b {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.filament-label-meta strong {
  color: #111;
  font-size: 9pt;
  line-height: 1.1;
}

.filament-label-meta span {
  color: #333;
  font-size: 8pt;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
}

.filament-label-code {
  display: flex;
  min-height: 16mm;
  align-items: center;
}

.filament-barcode-svg {
  width: 100%;
  height: 17mm;
  display: block;
  fill: #111;
}

.filament-barcode-svg text {
  font: 700 9px Arial, sans-serif;
  letter-spacing: 0;
}

.filament-label-card b {
  color: #111;
  font-size: 8pt;
  line-height: 1;
  letter-spacing: .2px;
  text-align: center;
}

.filament-label-actions {
  display: flex;
  align-items: end;
  gap: 8px;
}

.filament-label-actions .button {
  min-height: 36px;
  flex: 1 1 auto;
  padding: 0 10px;
  white-space: normal;
}

.filament-label-actions label {
  display: grid;
  gap: 4px;
  color: #aeb8c0;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.filament-label-actions input {
  width: 74px;
  height: 36px;
  border: 1px solid #2b3942;
  border-radius: 8px;
  background: #0b1217;
  color: #f3f6f8;
  padding: 0 10px;
}

@page {
  size: A4;
  margin: 14mm;
}

@media print {
  .cookie-banner {
    display: none !important;
  }

  body {
    color: #111;
    background: #fff;
  }

  body.is-printing-filament-labels {
    background: #fff !important;
  }

  body.is-printing-filament-labels * {
    visibility: hidden !important;
  }

  body.is-printing-filament-labels .filament-label-print-area,
  body.is-printing-filament-labels .filament-label-print-area * {
    visibility: visible !important;
  }

  body.is-printing-filament-labels .filament-label-print-area {
    position: absolute !important;
    inset: 0 auto auto 0 !important;
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #fff !important;
  }

  body.is-printing-filament-labels .filament-label-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 60mm) !important;
    gap: 1mm !important;
    align-items: start !important;
  }

  body.is-printing-filament-labels .filament-label-card {
    width: 60mm !important;
    height: 40mm !important;
    min-height: 40mm !important;
    border-color: #111 !important;
    box-shadow: none !important;
  }

  body:not(.is-printing-estimate) .print-estimate {
    display: none !important;
  }

  body.is-printing-estimate > .site-header,
  body.is-printing-estimate main > *:not(.print-estimate) {
    display: none !important;
  }

  body.is-printing-estimate main,
  body.is-printing-estimate .print-estimate {
    display: block;
  }

  .print-estimate {
    width: 100%;
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 1.35;
  }

  .invoice-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 68mm;
    gap: 14mm;
    align-items: start;
    padding-bottom: 10mm;
    border-bottom: 2px solid #111;
  }

  .invoice-page {
    break-after: page;
  }

  .invoice-page:last-child {
    break-after: auto;
  }

  .print-estimate p,
  .print-estimate h1,
  .print-estimate dl {
    margin: 0;
  }

  .invoice-brand {
    display: grid;
    gap: 7mm;
  }

  .invoice-brand img {
    width: 68mm;
    height: auto;
  }

  .invoice-brand p {
    font-weight: 600;
  }

  .invoice-brand span,
  .invoice-meta span,
  .invoice-parties span,
  .invoice-footer span {
    display: block;
    color: #555;
    font-size: 10px;
    text-transform: uppercase;
  }

  .invoice-meta {
    text-align: right;
  }

  .invoice-meta p {
    color: #555;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
  }

  .invoice-meta h1 {
    margin: 2mm 0 3mm;
    font-family: var(--font-heading);
    font-size: 24px;
    line-height: 1.05;
  }

  .invoice-parties {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8mm;
    margin-top: 9mm;
  }

  .invoice-parties article {
    min-height: 37mm;
    padding: 5mm;
    border: 1px solid #111;
  }

  .invoice-parties strong {
    display: block;
    margin: 2mm 0 3mm;
    font-size: 13px;
  }

  .invoice-parties p + p {
    margin-top: 3mm;
  }

  .invoice-table {
    width: 100%;
    margin-top: 9mm;
    border-collapse: collapse;
    table-layout: fixed;
  }

  .invoice-table th,
  .invoice-table td {
    padding: 3mm;
    border: 1px solid #111;
    vertical-align: top;
  }

  .invoice-table th {
    color: #111;
    background: #eef3f5;
    font-size: 10px;
    text-align: left;
    text-transform: uppercase;
  }

  .invoice-table th:first-child,
  .invoice-table td:first-child {
    width: 12mm;
    text-align: center;
  }

  .invoice-table th:nth-child(2),
  .invoice-table td:nth-child(2) {
    width: 44mm;
  }

  .invoice-table th:last-child,
  .invoice-table td:last-child {
    width: 32mm;
    text-align: right;
    font-weight: 600;
  }

  .invoice-summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 70mm;
    gap: 8mm;
    align-items: start;
    margin-top: 8mm;
  }

  .invoice-notes {
    padding: 5mm;
    border: 1px solid #111;
  }

  .invoice-notes p + p {
    margin-top: 2mm;
  }

  .invoice-summary dl {
    border: 1px solid #111;
  }

  .invoice-summary dl > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 32mm;
    border-bottom: 1px solid #111;
  }

  .invoice-summary dl > div:last-child {
    border-bottom: 0;
    background: #eef3f5;
  }

  .invoice-summary-client dl > div:last-child {
    background: #f4dce1;
  }

  .invoice-summary dt,
  .invoice-summary dd {
    margin: 0;
    padding: 3mm;
  }

  .invoice-summary dt {
    color: #555;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
  }

  .invoice-summary dd {
    text-align: right;
    font-size: 14px;
    font-weight: 700;
  }

  .invoice-footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 58mm;
    gap: 10mm;
    align-items: end;
    margin-top: 12mm;
    padding-top: 8mm;
    border-top: 1px solid #111;
  }

  .invoice-footer div {
    min-height: 22mm;
    border-bottom: 1px solid #111;
    text-align: center;
  }

  .invoice-footer strong {
    display: block;
    margin-top: 8mm;
    font-size: 11px;
  }

  thead {
    display: table-header-group;
  }

  tr,
  .invoice-parties,
  .invoice-summary {
    break-inside: avoid;
  }
}

/* Minimal one-page home layout */
.home-slides {
  scroll-snap-type: y proximity;
}

.home-slide {
  min-height: auto;
  display: grid;
  align-content: center;
  scroll-margin-top: 72px;
  scroll-snap-align: start;
  padding-top: clamp(46px, 7vw, 78px);
  padding-bottom: clamp(46px, 7vw, 78px);
}

.home-start-slide {
  min-height: calc(100svh - 72px);
  padding: 0;
}

.home-start-slide .hero-content {
  align-self: end;
  padding-bottom: clamp(60px, 12vh, 116px);
}

.home-start-slide h1,
.home-start-slide .kicker {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
  border: 0;
}

.home-start-slide .kicker {
  margin-bottom: 14px;
}

.home-start-slide h1 {
  max-width: 980px;
  font-size: clamp(2.4rem, 4.6vw, 4.3rem);
}

.home-start-slide .hero-lead {
  max-width: 620px;
  margin-top: 18px;
}

.home-minimal-heading {
  display: grid;
  gap: 10px;
  margin-bottom: clamp(22px, 4vw, 34px);
}

.home-minimal-heading h2 {
  max-width: 780px;
}

.home-offer-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(21, 27, 31, 0.18);
  border-radius: 8px;
  background: rgba(21, 27, 31, 0.18);
}

.home-offer-grid article {
  min-height: 210px;
  padding: clamp(22px, 3.4vw, 34px);
  background: #fff;
}

.home-offer-grid span {
  display: block;
  margin-bottom: 16px;
  color: var(--cyan-deep);
  font-size: 0.84rem;
  font-weight: 800;
  text-transform: uppercase;
}

.home-offer-grid h3 {
  margin-bottom: 12px;
  color: var(--ink);
  font-size: clamp(1.35rem, 2.4vw, 2rem);
  line-height: 1.1;
  font-weight: 700;
}

.home-offer-grid p {
  max-width: 34ch;
  margin: 0;
  color: var(--text-muted);
}

.home-price-grid .price-card {
  min-height: 260px;
  display: grid;
  align-content: start;
  gap: 10px;
}

.home-price-grid .price-card h2 {
  margin-bottom: 0;
  font-size: clamp(1.9rem, 2.7vw, 2.65rem);
  overflow-wrap: normal;
  word-break: normal;
}

.home-price-grid .price-card:last-child h2 {
  font-size: clamp(1.45rem, 2.1vw, 2rem);
  line-height: 1.08;
}

.home-about-heading {
  text-align: center;
  justify-items: center;
}

.home-about-minimal {
  display: grid;
  justify-items: center;
}

.home-about-minimal figure {
  width: min(620px, 100%);
  margin: 0;
  text-align: center;
}

.home-about-minimal img {
  width: 100%;
  height: auto;
  max-height: 52vh;
  object-fit: contain;
  border: 1px solid rgba(21, 27, 31, 0.14);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 50px rgba(21, 27, 31, 0.12);
}

.home-about-minimal figcaption {
  max-width: 640px;
  margin: 18px auto 0;
  color: var(--text-muted);
  font-size: clamp(1rem, 1.5vw, 1.1rem);
  line-height: 1.65;
}

.home-final-slide {
  min-height: 62svh;
}

.home-final-cta {
  display: grid;
  justify-items: start;
  gap: 12px;
}

.home-final-cta h2 {
  max-width: 900px;
}

.site-footer-minimal {
  min-height: auto;
  background: var(--ink);
}

.site-footer-minimal .footer-content {
  padding-top: clamp(30px, 5vw, 52px);
  padding-bottom: clamp(26px, 4vw, 42px);
}

.site-footer-minimal .footer-content h2 {
  font-size: clamp(1.35rem, 2.4vw, 2.15rem);
}

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

@media (max-width: 760px) {
  .home-slides {
    scroll-snap-type: none;
  }

  .home-slide {
    min-height: auto;
    padding-top: 58px;
    padding-bottom: 58px;
  }

  .home-start-slide {
    min-height: calc(88svh - 72px);
  }

  .home-start-slide h1 {
    font-size: clamp(2.1rem, 9vw, 2.8rem);
  }

  .home-offer-grid,
  .home-price-grid {
    grid-template-columns: 1fr;
  }

  .home-offer-grid article,
  .home-price-grid .price-card {
    min-height: auto;
  }

  .home-price-grid .price-card h2 {
    font-size: clamp(2rem, 9vw, 2.55rem);
  }

  .home-price-grid .price-card:last-child h2 {
    font-size: clamp(1.65rem, 7vw, 2.1rem);
  }

  .home-about-minimal img {
    max-height: none;
  }
}

/* Public dark graphite theme */
body:not(.admin-page) {
  --text-dark: #edf2f5;
  --text-muted: #a9b4bb;
  --surface: #171d21;
  --surface-cool: #12171a;
  --paper: #0d1114;
  --paper-deep: #252b30;
  --line-dark: rgba(237, 248, 251, 0.14);
  --line-light: rgba(237, 248, 251, 0.16);
  color: var(--text-dark);
  background:
    linear-gradient(90deg, rgba(237, 248, 251, 0.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(237, 248, 251, 0.025) 1px, transparent 1px),
    linear-gradient(180deg, #101519 0%, #0b0f12 55%, #11161a 100%);
  background-size: 72px 72px, 72px 72px, auto;
}

body:not(.admin-page) .section-paper {
  background:
    linear-gradient(90deg, rgba(237, 248, 251, 0.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(237, 248, 251, 0.025) 1px, transparent 1px),
    linear-gradient(180deg, #141a1e, #0e1316);
  background-size: 56px 56px, 56px 56px, auto;
}

body:not(.admin-page) .site-header {
  background: rgba(8, 11, 13, 0.94);
  border-bottom-color: rgba(244, 33, 68, 0.28);
}

body:not(.admin-page) .metrics,
body:not(.admin-page) .service-grid,
body:not(.admin-page) .cases-grid,
body:not(.admin-page) .price-grid,
body:not(.admin-page) .seo-link-grid,
body:not(.admin-page) .faq-list,
body:not(.admin-page) .price-teaser,
body:not(.admin-page) .service-price-table,
body:not(.admin-page) .home-offer-grid {
  border-color: rgba(237, 248, 251, 0.16);
  background: rgba(237, 248, 251, 0.16);
}

body:not(.admin-page) .metrics article,
body:not(.admin-page) .service-card,
body:not(.admin-page) .case-card,
body:not(.admin-page) .price-card,
body:not(.admin-page) .seo-card,
body:not(.admin-page) .faq-list details,
body:not(.admin-page) .price-teaser article,
body:not(.admin-page) .service-price-row,
body:not(.admin-page) .terms-document article,
body:not(.admin-page) .home-offer-grid article,
body:not(.admin-page) .status-checker-form,
body:not(.admin-page) .status-checker-note,
body:not(.admin-page) .status-result,
body:not(.admin-page) .status-stage,
body:not(.admin-page) .status-info-card,
body:not(.admin-page) .status-documents,
body:not(.admin-page) .quote-request-note,
body:not(.admin-page) .contact-form,
body:not(.admin-page) .contact-card,
body:not(.admin-page) .realization-card,
body:not(.admin-page) .print-job-code {
  color: var(--text-dark);
  background: linear-gradient(180deg, #1b2227, #151a1e);
  border-color: rgba(237, 248, 251, 0.14);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.24);
}

body:not(.admin-page) .price-card h2,
body:not(.admin-page) .service-card h2,
body:not(.admin-page) .case-card h2,
body:not(.admin-page) .seo-card,
body:not(.admin-page) .seo-card strong,
body:not(.admin-page) .faq-list summary,
body:not(.admin-page) .service-price-row span,
body:not(.admin-page) .home-offer-grid h3,
body:not(.admin-page) .status-result h2,
body:not(.admin-page) .status-result dd,
body:not(.admin-page) .status-result-head > strong,
body:not(.admin-page) .status-stage p strong,
body:not(.admin-page) .status-step-active strong,
body:not(.admin-page) .status-info-card strong,
body:not(.admin-page) .status-history strong,
body:not(.admin-page) .contact-card dd,
body:not(.admin-page) .contact-card a,
body:not(.admin-page) .contact-form label,
body:not(.admin-page) .calculator label {
  color: var(--text-dark);
}

body:not(.admin-page) .contact-card a:hover {
  color: var(--cyan);
}

body:not(.admin-page) .metrics p,
body:not(.admin-page) .service-card p,
body:not(.admin-page) .case-card p,
body:not(.admin-page) .seo-card p,
body:not(.admin-page) .faq-list p,
body:not(.admin-page) .price-card p,
body:not(.admin-page) .price-card li,
body:not(.admin-page) .checklist li,
body:not(.admin-page) .service-price-row p,
body:not(.admin-page) .terms-document p,
body:not(.admin-page) .home-offer-grid p,
body:not(.admin-page) .home-about-minimal figcaption,
body:not(.admin-page) .status-info-card p,
body:not(.admin-page) .status-info-card small,
body:not(.admin-page) .status-documents p,
body:not(.admin-page) .quote-request-note li,
body:not(.admin-page) .status-history li span,
body:not(.admin-page) .contact-lead,
body:not(.admin-page) .print-job-code {
  color: var(--text-muted);
}

body:not(.admin-page) .status-info-card p {
  color: rgba(237, 248, 251, 0.86);
}

body:not(.admin-page) .price-card li,
body:not(.admin-page) .checklist li,
body:not(.admin-page) .material-list article,
body:not(.admin-page) .status-history li,
body:not(.admin-page) .status-result dl,
body:not(.admin-page) .status-result dl div {
  border-color: rgba(237, 248, 251, 0.13);
}

body:not(.admin-page) .status-result dl,
body:not(.admin-page) .status-result dl div {
  background: rgba(237, 248, 251, 0.09);
}

body:not(.admin-page) .status-step span {
  background: #101519;
  border-color: rgba(237, 248, 251, 0.28);
}

body:not(.admin-page) .status-step-done span,
body:not(.admin-page) .status-step-active span {
  background: var(--cyan);
  border-color: var(--cyan);
}

body:not(.admin-page) .service-price-note,
body:not(.admin-page) .price-card-featured {
  background:
    linear-gradient(135deg, rgba(244, 33, 68, 0.22), transparent 48%),
    linear-gradient(180deg, #1c2227, #11171b);
  border-color: rgba(244, 33, 68, 0.34);
}

body:not(.admin-page) .service-price-head {
  background: #0d1114;
}

body:not(.admin-page) .service-terms-strip {
  color: var(--text-dark);
  background: linear-gradient(180deg, #171d21, #12171a);
  border-color: rgba(237, 248, 251, 0.14);
}

body:not(.admin-page) .image-frame-light,
body:not(.admin-page) .home-about-minimal img,
body:not(.admin-page) .about-photo,
body:not(.admin-page) .about-photo-slot {
  background: #11171b;
  border-color: rgba(237, 248, 251, 0.16);
  box-shadow: 0 20px 56px rgba(0, 0, 0, 0.28);
}

body:not(.admin-page) .contact-form input,
body:not(.admin-page) .contact-form select,
body:not(.admin-page) .contact-form textarea,
body:not(.admin-page) .calculator input,
body:not(.admin-page) .calculator select,
body:not(.admin-page) .calculator textarea {
  color: var(--text-dark);
  border-color: rgba(237, 248, 251, 0.18);
  background: #0f1417;
}

body:not(.admin-page) .contact-form input::placeholder,
body:not(.admin-page) .contact-form textarea::placeholder,
body:not(.admin-page) .calculator input::placeholder,
body:not(.admin-page) .calculator textarea::placeholder {
  color: rgba(237, 248, 251, 0.42);
}

body:not(.admin-page) .contact-form select,
body:not(.admin-page) .calculator select {
  background:
    linear-gradient(45deg, transparent 50%, var(--text-muted) 50%),
    linear-gradient(135deg, var(--text-muted) 50%, transparent 50%),
    #0f1417;
  background-position:
    calc(100% - 22px) 50%,
    calc(100% - 16px) 50%,
    0 0;
  background-size:
    6px 6px,
    6px 6px,
    100% 100%;
  background-repeat: no-repeat;
}

body:not(.admin-page) .cookie-card {
  color: var(--text-dark);
  border-color: rgba(237, 248, 251, 0.18);
  background: #171d21;
}

body:not(.admin-page) .cookie-card p,
body:not(.admin-page) .cookie-card small {
  color: var(--text-muted);
}

body:not(.admin-page) .admin-flash {
  color: var(--text-dark);
  border-color: rgba(237, 248, 251, 0.16);
  background: #171d21;
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.22);
}

body:not(.admin-page) .admin-flash-success {
  color: #91e8b7;
  border-color: rgba(145, 232, 183, 0.26);
  background: rgba(21, 70, 45, 0.32);
}

body:not(.admin-page) .admin-flash-error {
  color: #ff9ba8;
  border-color: rgba(244, 33, 68, 0.28);
  background: rgba(88, 19, 32, 0.34);
}

body:not(.admin-page) .admin-flash-warning {
  color: #f3d889;
  border-color: rgba(243, 216, 137, 0.28);
  background: rgba(86, 63, 20, 0.34);
}

/* Admin dark graphite theme */
body.admin-page {
  --ink: #f2f6f8;
  --ink-soft: #dfe7eb;
  --steel: #aeb9c0;
  --mist: #161d22;
  --paper: #0b0f12;
  --paper-deep: #252d33;
  --surface: #151b20;
  --surface-cool: #11171b;
  --surface-muted: #1c242a;
  --line: rgba(236, 244, 248, 0.14);
  --line-dark: rgba(236, 244, 248, 0.16);
  --text-dark: #f1f6f8;
  --text-muted: #aeb9c0;
  --muted: #aeb9c0;
  color: var(--text-dark);
  background:
    linear-gradient(90deg, rgba(237, 248, 251, 0.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(237, 248, 251, 0.025) 1px, transparent 1px),
    linear-gradient(180deg, #101519 0%, #0b0f12 58%, #11161a 100%);
  background-size: 72px 72px, 72px 72px, auto;
}

body.admin-page .site-header {
  background: rgba(8, 11, 13, 0.96);
  border-bottom-color: rgba(244, 33, 68, 0.28);
}

body.admin-page .site-nav a {
  color: rgba(241, 246, 248, 0.78);
}

body.admin-page .site-nav a:hover,
body.admin-page .site-nav a.active {
  color: #fff;
}

body.admin-page .page-hero,
body.admin-page .page-hero-wide {
  min-height: 280px;
}

body.admin-page .page-hero-content {
  padding: 92px 0 44px;
}

body.admin-page .page-hero-content h1 {
  font-size: clamp(2.2rem, 4vw, 4.2rem);
}

body.admin-page .section-paper,
body.admin-page .admin-login-section,
body.admin-page .admin-flash-section {
  background:
    linear-gradient(90deg, rgba(237, 248, 251, 0.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(237, 248, 251, 0.025) 1px, transparent 1px),
    linear-gradient(180deg, #141a1e, #0e1316);
  background-size: 56px 56px, 56px 56px, auto;
}

body.admin-page .admin-toolbar,
body.admin-page .admin-sidebar,
body.admin-page .admin-module-directory,
body.admin-page .admin-module-group,
body.admin-page .admin-work-map,
body.admin-page .admin-work-card,
body.admin-page .service-board,
body.admin-page .admin-overview-stats article,
body.admin-page .admin-operational-alerts .admin-alert-card,
body.admin-page .admin-calendar-widget,
body.admin-page .admin-calendar-summary article,
body.admin-page .admin-calendar-agenda,
body.admin-page .admin-work-center,
body.admin-page .admin-overview-panel,
body.admin-page .site-health-item,
body.admin-page .print-hub-step,
body.admin-page .admin-dashboard-grid article,
body.admin-page .admin-backup-panel,
body.admin-page .admin-export-panel,
body.admin-page .site-text-editor,
body.admin-page .communication-template-board,
body.admin-page .filament-movement-board,
body.admin-page .service-template-board,
body.admin-page .contact-form,
body.admin-page .admin-login-layout,
body.admin-page .printer-model-card,
body.admin-page .printer-cost-card,
body.admin-page .estimate-services-board,
body.admin-page .estimate-archive-board,
body.admin-page .filament-order-board,
body.admin-page .service-progress-panel,
body.admin-page .table-edit-panel[open],
body.admin-page .admin-permission-grid fieldset,
body.admin-page .site-text-group,
body.admin-page .communication-template-preview,
body.admin-page .job-center-panel,
body.admin-page .job-center-grid article,
body.admin-page .job-center-mini-grid section,
body.admin-page .job-center-history li,
body.admin-page .service-detail-notes section {
  color: var(--text-dark);
  border-color: rgba(237, 248, 251, 0.14);
  background: linear-gradient(180deg, #1b2227, #151a1e);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.22);
}

body.admin-page .admin-sidebar-head,
body.admin-page .admin-sidebar-logout,
body.admin-page .admin-module-group,
body.admin-page .admin-work-card {
  border-color: rgba(237, 248, 251, 0.12);
}

body.admin-page .admin-sidebar-head strong,
body.admin-page .admin-sidebar-nav a,
body.admin-page .admin-module-group a {
  color: var(--text-dark);
}

body.admin-page .admin-sidebar-head span,
body.admin-page .admin-sidebar-nav h3,
body.admin-page .admin-module-group h3 {
  color: #ff6f88;
}

body.admin-page .service-board-header h2,
body.admin-page .admin-overview-heading h2,
body.admin-page .admin-overview-stats article strong,
body.admin-page .admin-alert-card > strong,
body.admin-page .admin-calendar-header h3,
body.admin-page .admin-calendar-summary strong,
body.admin-page .admin-calendar-day-number,
body.admin-page .admin-calendar-agenda-list a,
body.admin-page .admin-calendar-agenda-list strong,
body.admin-page .admin-work-center h3,
body.admin-page .admin-work-list a,
body.admin-page .admin-work-list strong,
body.admin-page .site-health-item strong,
body.admin-page .admin-overview-list a,
body.admin-page .admin-overview-list strong,
body.admin-page .print-hub-step strong,
body.admin-page .admin-dashboard-grid strong,
body.admin-page .admin-work-section-head strong,
body.admin-page .admin-work-card strong,
body.admin-page .admin-backup-panel h2,
body.admin-page .job-center-header h3,
body.admin-page .job-center-grid strong,
body.admin-page .job-center-mini-grid strong,
body.admin-page .job-center-history strong,
body.admin-page .service-table td,
body.admin-page .service-table strong,
body.admin-page .printer-model-card h3,
body.admin-page .printer-cost-card strong,
body.admin-page .printer-model-card dd,
body.admin-page .printer-cost-card dd,
body.admin-page .site-image-field,
body.admin-page .communication-template-preview h3,
body.admin-page .contact-form label,
body.admin-page .admin-permission-grid label,
body.admin-page .service-detail-notes section p {
  color: var(--text-dark);
}

body.admin-page .contact-lead,
body.admin-page .admin-toolbar p,
body.admin-page .admin-overview-stats article small,
body.admin-page .admin-alert-card > span,
body.admin-page .admin-alert-card > small,
body.admin-page .admin-module-search,
body.admin-page .admin-work-card small,
body.admin-page .admin-calendar-weekday,
body.admin-page .admin-calendar-agenda-list small,
body.admin-page .admin-work-list small,
body.admin-page .site-health-item small,
body.admin-page .site-health-item p,
body.admin-page .admin-overview-list small,
body.admin-page .admin-overview-empty,
body.admin-page .print-hub-step small,
body.admin-page .admin-dashboard-grid span,
body.admin-page .admin-backup-panel p,
body.admin-page .site-text-group summary small,
body.admin-page .communication-template-preview > span,
body.admin-page .printer-model-card span,
body.admin-page .printer-cost-card span,
body.admin-page .printer-model-card dt,
body.admin-page .printer-cost-card dt,
body.admin-page .job-center-header span:first-child,
body.admin-page .job-center-grid article > span,
body.admin-page .job-center-mini-grid section > span,
body.admin-page .job-center-actions > span,
body.admin-page .job-center-history > span,
body.admin-page .job-center-grid small,
body.admin-page .job-center-mini-grid small,
body.admin-page .job-center-history small,
body.admin-page .service-detail-notes section span,
body.admin-page .table-muted,
body.admin-page .admin-empty {
  color: var(--text-muted);
}

body.admin-page .communication-template-preview-body,
body.admin-page .admin-overview-empty code {
  color: var(--text-dark);
  border-color: rgba(237, 248, 251, 0.13);
  background: #0f1417;
}

body.admin-page .communication-template-preview-body,
body.admin-page .communication-template-preview-body * {
  color: #eef5f8 !important;
}

body.admin-page .communication-template-preview-body a {
  color: #ff5d78 !important;
}

body.admin-page .service-table-wrap,
body.admin-page .service-table,
body.admin-page .admin-calendar-grid,
body.admin-page .admin-calendar-day,
body.admin-page .admin-calendar-agenda-list li,
body.admin-page .filament-material-summary article,
body.admin-page .printer-model-card dl div,
body.admin-page .printer-cost-card dl div,
body.admin-page .table-edit-form,
body.admin-page .table-edit-panel[open] summary {
  color: var(--text-dark);
  border-color: rgba(237, 248, 251, 0.13);
  background: #12181c;
}

body.admin-page .service-table th,
body.admin-page .service-table tbody tr,
body.admin-page .admin-calendar-weekday,
body.admin-page .table-edit-panel summary {
  color: var(--text-muted);
  border-color: rgba(237, 248, 251, 0.11);
  background: #171f24;
}

body.admin-page .admin-calendar-day li {
  color: #eef5f8;
  background: rgba(237, 248, 251, 0.08);
}

body.admin-page .admin-calendar-day li.is-more {
  color: var(--text-muted);
  background: transparent;
}

body.admin-page .admin-calendar-day a:hover,
body.admin-page .admin-calendar-agenda-list a:hover {
  color: #ff5d78;
}

body.admin-page .service-table th,
body.admin-page .service-table td,
body.admin-page .admin-work-list li,
body.admin-page .admin-overview-list li,
body.admin-page .admin-calendar-grid,
body.admin-page .admin-calendar-weekday,
body.admin-page .admin-calendar-day,
body.admin-page .admin-calendar-agenda-list li,
body.admin-page .price-card li,
body.admin-page .checklist li,
body.admin-page .table-edit-panel[open] summary,
body.admin-page .table-edit-panel[open] .table-edit-form fieldset {
  border-color: rgba(237, 248, 251, 0.12);
}

body.admin-page .service-clickable-row:hover td,
body.admin-page .service-table tbody tr:hover td {
  background: rgba(237, 248, 251, 0.06);
}

body.admin-page .service-table tbody tr.is-new td,
body.admin-page .service-table tbody tr.is-delivered td,
body.admin-page .service-table tbody tr.is-diagnostics td,
body.admin-page .service-table tbody tr.is-repair td,
body.admin-page .service-table tbody tr.is-ready td,
body.admin-page .service-table tbody tr.is-closed td,
body.admin-page .service-table tbody tr.is-declined td,
body.admin-page .service-table tbody tr.is-order-needed td,
body.admin-page .service-table tbody tr.is-out-of-stock td {
  background-color: rgba(237, 248, 251, 0.025);
}

body.admin-page input,
body.admin-page select,
body.admin-page textarea,
body.admin-page .contact-form input,
body.admin-page .contact-form select,
body.admin-page .contact-form textarea,
body.admin-page .table-edit-panel[open] .table-edit-form fieldset input {
  color: var(--text-dark);
  border-color: rgba(237, 248, 251, 0.18);
  background: #0f1417;
}

body.admin-page input::placeholder,
body.admin-page textarea::placeholder {
  color: rgba(237, 248, 251, 0.42);
}

body.admin-page select,
body.admin-page .contact-form select {
  background:
    linear-gradient(45deg, transparent 50%, var(--text-muted) 50%),
    linear-gradient(135deg, var(--text-muted) 50%, transparent 50%),
    #0f1417;
  background-position:
    calc(100% - 22px) 50%,
    calc(100% - 16px) 50%,
    0 0;
  background-size:
    6px 6px,
    6px 6px,
    100% 100%;
  background-repeat: no-repeat;
}

body.admin-page input:focus,
body.admin-page select:focus,
body.admin-page textarea:focus {
  border-color: rgba(244, 33, 68, 0.72);
  box-shadow: 0 0 0 3px rgba(244, 33, 68, 0.18);
}

body.admin-page .admin-flash {
  color: var(--text-dark);
  border-color: rgba(237, 248, 251, 0.16);
  background: #171d21;
}

body.admin-page .admin-flash-success {
  color: #91e8b7;
  border-color: rgba(145, 232, 183, 0.26);
  background: rgba(21, 70, 45, 0.32);
}

body.admin-page .admin-flash-error {
  color: #ff9ba8;
  border-color: rgba(244, 33, 68, 0.28);
  background: rgba(88, 19, 32, 0.34);
}

body.admin-page .admin-flash-warning {
  color: #f3d889;
  border-color: rgba(243, 216, 137, 0.28);
  background: rgba(86, 63, 20, 0.34);
}

body.admin-page .button-ghost,
body.admin-page .table-button,
body.admin-page .nav-button {
  color: var(--text-dark);
  border-color: rgba(237, 248, 251, 0.18);
  background: rgba(237, 248, 251, 0.04);
}

body.admin-page .button-ghost:hover,
body.admin-page .table-button:hover {
  border-color: rgba(244, 33, 68, 0.42);
  background: rgba(244, 33, 68, 0.12);
}

body.admin-page a,
body.admin-page .table-link,
body.admin-page .service-table a,
body.admin-page .admin-work-card b {
  color: #ff6f88;
}

body.admin-page a:hover,
body.admin-page .table-link:hover,
body.admin-page .service-table a:hover,
body.admin-page .admin-work-card:hover b {
  color: #ff9aae;
}

body.admin-page .site-image-field img,
body.admin-page .image-frame-light,
body.admin-page .about-photo,
body.admin-page .about-photo-slot {
  border-color: rgba(237, 248, 251, 0.16);
  background: #11171b;
}

body.admin-page .admin-shortcut-card,
body.admin-page .admin-shortcut-card:hover,
body.admin-page .admin-shortcut-card:focus-visible {
  color: var(--text-dark);
  border-color: rgba(237, 248, 251, 0.14);
  background: linear-gradient(180deg, #1b2227, #151a1e);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.22);
}

body.admin-page .print-estimate {
  color: #111;
}

body.admin-page .admin-panel,
body.admin-page .admin-mail-settings,
body.admin-page .service-admin-card,
body.admin-page .service-admin-meta div,
body.admin-page .service-part-row,
body.admin-page .service-admin-repair-summary,
body.admin-page .client-history-content,
body.admin-page .client-history-content section,
body.admin-page .realization-edit-panel,
body.admin-page .realization-edit-form,
body.admin-page .realization-image-remove-item,
body.admin-page .calculator fieldset,
body.admin-page .calculator-results,
body.admin-page .calculator-results article,
body.admin-page .multicolor-panel,
body.admin-page .multicolor-filament-row,
body.admin-page .estimate-project-item,
body.admin-page .estimate-project-editor,
body.admin-page .estimate-project-editor-actions,
body.admin-page .estimate-edit-summary,
body.admin-page .estimate-issuer-edit,
body.admin-page .estimate-generated-actions,
body.admin-page .company-settings-form fieldset {
  color: var(--text-dark);
  border-color: rgba(237, 248, 251, 0.14);
  background: linear-gradient(180deg, #1b2227, #151a1e);
}

body.admin-page .estimate-project-preview {
  border-color: rgba(237, 248, 251, 0.12);
  background: #ffffff;
}

body.admin-page .estimate-project-badge {
  border-color: rgba(237, 248, 251, 0.14);
  background: rgba(237, 248, 251, 0.06);
  color: #a9b7c0;
}

body.admin-page .estimate-project-badge.is-ok {
  border-color: rgba(74, 222, 128, 0.28);
  background: rgba(74, 222, 128, 0.1);
  color: #86efac;
}

body.admin-page .estimate-project-badge.is-warning {
  border-color: rgba(255, 63, 95, 0.34);
  background: rgba(255, 63, 95, 0.1);
  color: #ff8aa0;
}

body.admin-page .estimate-project-badge.is-info {
  border-color: rgba(96, 165, 250, 0.3);
  background: rgba(96, 165, 250, 0.1);
  color: #93c5fd;
}

body.admin-page .admin-mail-status div,
body.admin-page .client-history-panel summary,
body.admin-page .realization-edit-panel summary,
body.admin-page .site-text-group summary,
body.admin-page .calculator-results article,
body.admin-page .service-admin-meta div,
body.admin-page .service-part-row,
body.admin-page .multicolor-filament-row,
body.admin-page .realization-image-remove-item {
  border-color: rgba(237, 248, 251, 0.12);
}

body.admin-page .calculator legend,
body.admin-page .estimate-issuer-edit legend,
body.admin-page .company-settings-form legend,
body.admin-page .table-edit-panel[open] .table-edit-form fieldset legend,
body.admin-page .admin-permission-grid legend,
body.admin-page .service-parts-grid > strong,
body.admin-page .service-admin-card-head span,
body.admin-page .admin-mail-settings h3 {
  color: #ff6f88;
}

body.admin-page .service-admin-meta dd,
body.admin-page .service-progress-current strong,
body.admin-page .calculator-results strong,
body.admin-page .multicolor-panel-header strong,
body.admin-page .client-history-content h3,
body.admin-page .client-history-content a,
body.admin-page .realization-image-remove-item span,
body.admin-page .print-job-code {
  color: var(--text-dark);
}

body.admin-page .service-admin-issue,
body.admin-page .service-admin-meta dt,
body.admin-page .service-progress-current span,
body.admin-page .service-progress-current small,
body.admin-page .calculator-results span,
body.admin-page .form-hint,
body.admin-page .client-history-content p,
body.admin-page .client-history-content li,
body.admin-page .admin-mail-status dt,
body.admin-page .admin-mail-status dd {
  color: var(--text-muted);
}

body.admin-page .service-status-pill,
body.admin-page .service-admin-status,
body.admin-page .print-job-code {
  border: 1px solid rgba(237, 248, 251, 0.14);
  background: rgba(237, 248, 251, 0.06);
}

body.admin-page .service-status-pill.is-new {
  color: #d6dde2;
  background: rgba(214, 221, 226, 0.12);
}

body.admin-page .service-status-pill.service-status-ok,
body.admin-page .service-status-pill.is-ready,
body.admin-page .service-status-pill.is-closed,
body.admin-page .service-admin-status-ok {
  color: #91e8b7;
  background: rgba(21, 70, 45, 0.32);
}

body.admin-page .estimate-generated-actions strong {
  color: #91e8b7;
  background: transparent;
}

/* Compact document workspace: receipts and estimates */
body.has-admin-dialog {
  overflow: hidden;
}

.admin-document-dialog {
  width: min(920px, calc(100vw - 32px));
  max-width: none;
  max-height: calc(100vh - 32px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  color: #eef5f8;
  border: 1px solid rgba(237, 248, 251, 0.18);
  border-radius: 8px;
  background: #12181c;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.58);
}

.admin-document-dialog-wide {
  width: min(1280px, calc(100vw - 32px));
}

.admin-document-dialog::backdrop {
  background: rgba(5, 8, 10, 0.82);
  backdrop-filter: blur(3px);
}

.admin-document-dialog-shell {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  max-height: calc(100vh - 32px);
}

.admin-document-dialog-shell.has-tabs {
  grid-template-rows: auto auto minmax(0, 1fr);
}

.admin-document-dialog-header {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  justify-content: space-between;
  padding: 18px 20px 16px;
  border-bottom: 1px solid rgba(237, 248, 251, 0.12);
  background: #171f24;
}

.admin-document-dialog-header span,
.admin-document-section-heading span {
  color: #ff6f88;
  font-size: 0.68rem;
  font-weight: 800;
  text-transform: uppercase;
}

.admin-document-dialog-header h2,
.admin-document-section-heading h2 {
  margin: 3px 0 0;
  color: #f4f8fa;
  font-family: var(--font-heading);
  font-size: 1.18rem;
  line-height: 1.2;
}

.admin-document-dialog-header p,
.admin-document-section-heading p {
  margin: 5px 0 0;
  color: #aebbc2;
  font-size: 0.78rem;
  line-height: 1.4;
}

.admin-dialog-close {
  display: grid;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  place-items: center;
  padding: 0;
  color: #eef5f8;
  border: 1px solid rgba(237, 248, 251, 0.16);
  border-radius: 6px;
  background: rgba(237, 248, 251, 0.05);
  cursor: pointer;
  font-size: 1.35rem;
  line-height: 1;
}

.admin-dialog-close:hover {
  color: #fff;
  border-color: rgba(244, 33, 68, 0.52);
  background: rgba(244, 33, 68, 0.16);
}

.admin-dialog-tabs {
  display: flex;
  gap: 4px;
  padding: 8px 20px;
  border-bottom: 1px solid rgba(237, 248, 251, 0.1);
  background: #12181c;
}

.admin-dialog-tabs button {
  min-height: 34px;
  padding: 7px 13px;
  color: #aebbc2;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  cursor: pointer;
  font: 700 0.76rem var(--font-body);
}

.admin-dialog-tabs button.is-active {
  color: #fff;
  border-color: rgba(244, 33, 68, 0.36);
  background: rgba(244, 33, 68, 0.14);
}

.admin-dialog-scroll {
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
}

.admin-dialog-panel {
  padding: 16px 20px 20px;
}

.admin-dialog-panel[hidden] {
  display: none;
}

.admin-document-section-heading {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 12px;
}

.admin-document-section-heading > strong {
  color: #ff6f88;
  font-size: 0.75rem;
  white-space: nowrap;
}

body.admin-page .admin-document-form {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px 12px;
  margin: 0;
  padding: 14px;
  box-shadow: none;
}

body.admin-page .admin-document-form label {
  gap: 5px;
  font-size: 0.76rem;
}

body.admin-page .admin-document-form input,
body.admin-page .admin-document-form select,
body.admin-page .admin-document-form textarea {
  min-height: 38px;
  padding: 8px 10px;
  font-size: 0.82rem;
}

body.admin-page .admin-document-form fieldset {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  align-items: center;
  min-width: 0;
  margin: 0;
  padding: 8px 10px;
  border: 1px solid rgba(237, 248, 251, 0.14);
  border-radius: 6px;
}

body.admin-page .admin-document-form fieldset legend {
  padding: 0 5px;
  color: #ff6f88;
  font-size: 0.68rem;
}

body.admin-page .admin-document-form fieldset label {
  display: inline-flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
}

body.admin-page .admin-document-form fieldset input {
  width: auto;
  min-height: 0;
}

.admin-document-calculator {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 16px 20px 0;
  background: transparent;
}

body.admin-page .admin-document-calculator fieldset {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px 12px;
  padding: 13px;
}

body.admin-page .admin-document-calculator label {
  gap: 4px;
  font-size: 0.74rem;
}

body.admin-page .admin-document-calculator input,
body.admin-page .admin-document-calculator select,
body.admin-page .admin-document-calculator textarea {
  min-height: 38px;
  padding: 8px 10px;
  font-size: 0.81rem;
}

body.admin-page .admin-document-calculator .calculator-results {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  padding: 10px;
}

body.admin-page .admin-document-calculator .calculator-results article {
  min-height: 68px;
  padding: 10px;
}

body.admin-page .admin-document-calculator .calculator-results span {
  font-size: 0.66rem;
}

body.admin-page .admin-document-calculator .calculator-results strong {
  margin-top: 4px;
  font-size: 1rem;
}

.admin-document-dialog-footer {
  position: sticky;
  z-index: 5;
  bottom: 0;
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin: 0 -20px;
  padding: 12px 20px;
  border-top: 1px solid rgba(237, 248, 251, 0.13);
  background: rgba(18, 24, 28, 0.97);
  box-shadow: 0 -12px 28px rgba(0, 0, 0, 0.24);
}

body.admin-page .job-message-action {
  display: flex;
  margin-bottom: 10px;
}

body.admin-page .print-job-message-dialog {
  max-width: min(680px, calc(100vw - 28px));
}

body.admin-page .print-job-message-form {
  grid-template-columns: 1fr;
}

body.admin-page .print-job-message-form textarea {
  min-height: 150px;
}

.admin-collapsible-board {
  padding: 0;
  overflow: hidden;
}

.admin-collapsible-board > summary {
  cursor: pointer;
  list-style: none;
  margin: 0;
  padding: 14px 16px;
}

.admin-collapsible-board > summary::-webkit-details-marker {
  display: none;
}

.admin-collapsible-board > summary::after {
  content: "Rozwiń";
  margin-left: 12px;
  color: #ff6f88;
  font-size: 0.7rem;
  font-weight: 800;
  text-transform: uppercase;
}

.admin-collapsible-board[open] > summary::after {
  content: "Zwiń";
}

.admin-collapsible-content {
  padding: 0 16px 16px;
  border-top: 1px solid rgba(237, 248, 251, 0.1);
}

.document-table-wrap {
  border-radius: 6px;
}

.document-archive-table {
  min-width: 1320px;
  font-size: 0.76rem;
}

.document-archive-table th,
.document-archive-table td {
  padding: 6px 8px;
  line-height: 1.25;
}

.document-archive-table th {
  font-size: 0.62rem;
  letter-spacing: 0;
  white-space: nowrap;
}

.document-archive-table .table-link-stack {
  gap: 3px 7px;
}

.document-archive-table .table-muted {
  display: block;
  margin-top: 3px;
  font-size: 0.68rem;
}

.document-archive-table .service-status-pill {
  min-height: 22px;
  padding: 3px 7px;
  font-size: 0.66rem;
}

.document-archive-table .table-payment-form select {
  width: auto;
  min-width: 112px;
  min-height: 30px;
  padding: 5px 26px 5px 8px;
  font-size: 0.7rem;
}

.document-archive-table .table-button,
.document-archive-table .table-link {
  font-size: 0.72rem;
}

.archive-cell-subsection {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid rgba(237, 248, 251, 0.09);
}

.receipt-archive-table {
  min-width: 1080px;
}

.estimate-archive-table {
  min-width: 1160px;
}

body.admin-page .shop-product-create-panel {
  padding: 16px 20px 20px;
}

body.admin-page .shop-product-create-form {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px 12px;
  margin: 0;
  padding: 14px;
  box-shadow: none;
}

body.admin-page .shop-product-create-form > label {
  gap: 5px;
  min-width: 0;
  font-size: 0.74rem;
}

body.admin-page .shop-product-create-form input,
body.admin-page .shop-product-create-form select,
body.admin-page .shop-product-create-form textarea {
  min-width: 0;
  min-height: 38px;
  padding: 8px 10px;
  font-size: 0.81rem;
}

body.admin-page .shop-product-create-form textarea {
  min-height: 82px;
}

body.admin-page .shop-product-create-form .form-wide {
  grid-column: 1 / -1;
}

body.admin-page .shop-product-create-form .checkbox-line {
  min-height: auto;
  padding: 10px 12px;
}

body.admin-page .shop-product-create-form .checkbox-line input {
  width: auto;
  min-height: 0;
}

body.admin-page .shop-product-create-form .shop-variants-editor,
body.admin-page .shop-product-create-form .shop-material-recipe {
  gap: 10px;
  padding: 12px;
}

body.admin-page .shop-product-create-form .shop-variants-heading strong {
  font-size: 0.86rem;
}

body.admin-page .shop-product-create-form .shop-variants-heading small {
  font-size: 0.7rem;
  line-height: 1.35;
}

body.admin-page .shop-product-create-form .shop-variant-row {
  grid-template-columns: minmax(160px, 1.4fr) minmax(100px, 0.8fr) minmax(90px, 0.65fr) minmax(75px, 0.5fr) auto;
  gap: 8px;
  padding: 9px;
}

body.admin-page details.shop-variant-advanced {
  grid-column: 1 / -1;
  display: block;
  padding: 0;
  border-top: 1px solid rgba(237, 248, 251, 0.1);
}

body.admin-page details.shop-variant-advanced > summary {
  padding: 9px 2px 2px;
  color: #ff8ba0;
  cursor: pointer;
  font-size: 0.7rem;
  font-weight: 800;
  list-style: none;
  text-transform: uppercase;
}

body.admin-page details.shop-variant-advanced > summary::-webkit-details-marker {
  display: none;
}

body.admin-page details.shop-variant-advanced > summary::after {
  content: " +";
}

body.admin-page details.shop-variant-advanced[open] > summary::after {
  content: " −";
}

body.admin-page .shop-variant-advanced-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  padding-top: 9px;
}

body.admin-page .shop-product-create-form .shop-recipe-rows {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

body.admin-page .shop-product-create-form .shop-recipe-row {
  grid-template-columns: minmax(0, 1.5fr) minmax(90px, 0.5fr);
  gap: 8px;
  padding: 8px;
}

body.admin-page .shop-product-create-form input[type="file"] {
  min-height: 44px;
  padding: 7px;
  border-style: dashed;
}

body.admin-page .shop-product-create-form .form-hint {
  margin: -4px 0 0;
  font-size: 0.7rem;
}

body.admin-page .shop-product-create-form .admin-document-dialog-footer {
  margin-right: -14px;
  margin-left: -14px;
}

body.admin-page .shop-product-table-board {
  padding: 16px;
}

body.admin-page .shop-product-inventory-table {
  min-width: 1120px;
  font-size: 0.76rem;
}

body.admin-page .shop-product-inventory-table th,
body.admin-page .shop-product-inventory-table td {
  padding: 7px 9px;
  line-height: 1.25;
}

body.admin-page .shop-product-inventory-table th {
  font-size: 0.62rem;
  white-space: nowrap;
}

body.admin-page .shop-product-inventory-table td {
  height: 66px;
}

body.admin-page .shop-product-inventory-table tbody tr.is-out-of-stock td {
  background: rgba(237, 248, 251, 0.025);
  opacity: 0.72;
}

.shop-inventory-thumb {
  display: block;
  width: 54px;
  height: 54px;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(237, 248, 251, 0.16);
  border-radius: 5px;
  background: #0f1417;
  cursor: zoom-in;
}

.shop-inventory-thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  background: #fff;
}

.shop-inventory-thumb:hover,
.shop-inventory-thumb:focus-visible {
  border-color: #ff5d78;
  box-shadow: 0 0 0 2px rgba(244, 33, 68, 0.18);
}

.shop-inventory-gallery-data {
  display: none !important;
}

.shop-inventory-name {
  display: block;
  max-width: 260px;
  font-size: 0.8rem;
  overflow-wrap: anywhere;
}

.shop-product-inventory-table .table-muted {
  display: block;
  max-width: 260px;
  margin-top: 3px;
  font-size: 0.67rem;
  line-height: 1.3;
}

.shop-product-inventory-table .service-status-pill {
  min-height: 22px;
  padding: 3px 7px;
  font-size: 0.66rem;
}

.shop-inventory-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 10px;
  align-items: center;
  min-width: 112px;
}

.shop-inventory-actions form {
  margin: 0;
}

body.admin-page .shop-inventory-actions .shop-product-edit-panel {
  display: block;
}

body.admin-page .shop-inventory-actions .shop-product-edit-panel > summary {
  min-height: 0;
  padding: 0;
  color: #ff6f88;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: 0.72rem;
}

body.admin-page .shop-inventory-actions .shop-product-edit-panel > summary:hover {
  color: #ff9aae;
  background: transparent;
}

body.admin-page .shop-category-header-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
}

body.admin-page .shop-category-table {
  min-width: 760px;
  font-size: 0.76rem;
}

body.admin-page .shop-category-table th,
body.admin-page .shop-category-table td {
  padding: 7px 10px;
  line-height: 1.25;
}

body.admin-page .shop-category-table th {
  font-size: 0.62rem;
  white-space: nowrap;
}

.shop-category-tree-name {
  position: relative;
  display: block;
  padding-left: calc(8px + (var(--category-depth, 0) * 20px));
  font-size: 0.8rem;
}

.shop-category-tree-name::before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(var(--category-depth, 0) * 20px);
  width: calc(5px + (var(--category-depth, 0) * 0px));
  height: 1px;
  background: #ff5d78;
}

.shop-category-dialog {
  width: min(720px, calc(100vw - 32px));
}

body.admin-page .shop-category-dialog-form {
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.4fr) minmax(100px, 0.5fr);
  gap: 10px;
  margin: 0;
  padding: 16px 20px 0;
  box-shadow: none;
}

body.admin-page .shop-category-dialog-form label {
  gap: 5px;
  font-size: 0.74rem;
}

body.admin-page .shop-category-dialog-form input,
body.admin-page .shop-category-dialog-form select {
  min-height: 38px;
  padding: 8px 10px;
  font-size: 0.81rem;
}

body.admin-page .shop-category-dialog-form .admin-document-dialog-footer {
  margin-right: -20px;
  margin-left: -20px;
}

@media (max-width: 900px) {
  .admin-document-dialog,
  .admin-document-dialog-wide {
    width: calc(100vw - 16px);
    max-height: calc(100vh - 16px);
  }

  .admin-document-dialog-shell {
    max-height: calc(100vh - 16px);
  }

  body.admin-page .admin-document-form,
  body.admin-page .admin-document-calculator fieldset {
    grid-template-columns: 1fr 1fr;
  }

  body.admin-page .shop-product-create-form {
    grid-template-columns: 1fr 1fr;
  }

  body.admin-page .shop-product-create-form .shop-variant-row,
  body.admin-page .shop-variant-advanced-grid,
  body.admin-page .shop-product-create-form .shop-recipe-rows {
    grid-template-columns: 1fr 1fr;
  }

  body.admin-page .shop-category-dialog-form {
    grid-template-columns: 1fr 1fr;
  }

  body.admin-page .admin-document-calculator .calculator-results {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 620px) {
  .admin-document-dialog-header,
  .admin-dialog-panel,
  .admin-document-calculator {
    padding-left: 12px;
    padding-right: 12px;
  }

  body.admin-page .admin-document-form,
  body.admin-page .admin-document-calculator fieldset,
  body.admin-page .admin-document-calculator .calculator-results,
  body.admin-page .shop-product-create-form,
  body.admin-page .shop-product-create-form .shop-variant-row,
  body.admin-page .shop-variant-advanced-grid,
  body.admin-page .shop-product-create-form .shop-recipe-rows,
  body.admin-page .shop-product-create-form .shop-recipe-row,
  body.admin-page .shop-category-dialog-form {
    grid-template-columns: 1fr;
  }

  body.admin-page .shop-category-header-actions {
    align-items: stretch;
    flex-direction: column;
    width: 100%;
  }

  body.admin-page .shop-category-header-actions .button {
    width: 100%;
  }

  .admin-document-dialog-footer {
    margin: 0 -12px;
    padding: 10px 12px;
  }
}

/* Admin command center - visual match to approved mockup */
body.admin-page.is-admin-logged-in {
  --cmd-bg: #0d1216;
  --cmd-panel: rgba(24, 32, 38, 0.88);
  --cmd-panel-strong: rgba(29, 39, 46, 0.95);
  --cmd-border: rgba(190, 207, 216, 0.16);
  --cmd-border-soft: rgba(190, 207, 216, 0.09);
  --cmd-text: #f4f7f8;
  --cmd-muted: #a9b5bd;
  --cmd-red: #ff2a4f;
  --cmd-blue: #2d86d5;
  --cmd-orange: #ff7a21;
  background:
    radial-gradient(circle at 12% 4%, rgba(255, 255, 255, 0.055), transparent 24%),
    radial-gradient(circle at 78% 0%, rgba(255, 42, 79, 0.075), transparent 30%),
    linear-gradient(180deg, #11181d 0%, #0b1014 100%);
}

body.admin-page.is-admin-logged-in main {
  padding-top: 80px;
}

body.admin-view-dashboard.is-admin-logged-in .admin-toolbar,
body.admin-view-dashboard.is-admin-logged-in .admin-dashboard-overview {
  display: none !important;
}

body.admin-view-dashboard.is-admin-logged-in main {
  overflow-x: hidden;
}

body.admin-page.is-admin-logged-in .section-paper {
  padding: 0;
}

body.admin-page.is-admin-logged-in .admin-shell {
  max-width: none;
  padding: 0;
}

body.admin-page.is-admin-logged-in .admin-panel {
  background: transparent;
}

body.admin-page.is-admin-logged-in .admin-appbar {
  grid-template-columns: 276px minmax(230px, 270px) minmax(360px, 1fr) 172px 222px 124px;
  gap: 0;
  min-height: 80px;
  padding: 0 24px;
  border-bottom: 1px solid rgba(215, 227, 234, 0.1);
  background: linear-gradient(180deg, rgba(17, 24, 29, 0.98), rgba(12, 17, 21, 0.98));
  box-shadow: 0 16px 46px rgba(0, 0, 0, 0.35);
}

body.admin-page.is-admin-logged-in .admin-appbar::before {
  content: "";
  position: absolute;
  left: 276px;
  top: 0;
  bottom: 0;
  width: 1px;
  background: rgba(215, 227, 234, 0.1);
}

body.admin-page.is-admin-logged-in .admin-appbar-brand {
  min-height: 80px;
  padding-right: 24px;
}

body.admin-page.is-admin-logged-in .admin-appbar-brand img {
  width: 205px;
  max-height: 54px;
  object-fit: contain;
  object-position: left center;
}

body.admin-page.is-admin-logged-in .admin-appbar-brand span {
  display: none;
}

.admin-appbar-title {
  padding-left: 26px;
  color: var(--cmd-text);
  font-size: 1.34rem;
  line-height: 1;
  white-space: nowrap;
}

body.admin-page.is-admin-logged-in .admin-appbar-nav {
  display: none;
}

body.admin-page.is-admin-logged-in .admin-appbar-search {
  justify-self: center;
  width: min(100%, 382px);
}

body.admin-page.is-admin-logged-in .admin-appbar-search span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

body.admin-page.is-admin-logged-in .admin-appbar-search input {
  height: 46px;
  padding: 0 70px 0 44px;
  border-color: rgba(180, 197, 207, 0.16);
  border-radius: 8px;
  color: #d8e2e7;
  font-size: 0.98rem;
  background:
    linear-gradient(180deg, rgba(31, 41, 49, 0.84), rgba(18, 26, 31, 0.86));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

body.admin-page.is-admin-logged-in .admin-appbar-search::before {
  content: "⌕";
  position: absolute;
  left: 15px;
  top: 50%;
  z-index: 1;
  color: #91a0aa;
  font-size: 1.2rem;
  transform: translateY(-50%);
}

body.admin-page.is-admin-logged-in .admin-appbar-search kbd {
  position: absolute;
  right: 10px;
  top: 50%;
  padding: 5px 8px;
  border: 1px solid rgba(190, 207, 216, 0.14);
  border-radius: 6px;
  color: #b9c4ca;
  font-family: inherit;
  font-size: 0.76rem;
  background: rgba(7, 11, 14, 0.45);
  transform: translateY(-50%);
}

.admin-appbar-notify {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-self: center;
  gap: 10px;
  height: 80px;
  padding: 0 24px;
  border-left: 1px solid rgba(215, 227, 234, 0.1);
  border-right: 1px solid rgba(215, 227, 234, 0.1);
  color: #f4f7f8;
  text-decoration: none;
}

.admin-appbar-notify > span {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  color: #fff;
  font-size: 1rem;
}

.admin-appbar-notify > span::before {
  content: "!";
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border: 2px solid rgba(255, 255, 255, 0.86);
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 900;
}

.admin-appbar-notify b {
  position: absolute;
  left: 47px;
  top: 18px;
  min-width: 17px;
  height: 17px;
  padding: 0 5px;
  border-radius: 999px;
  color: #fff;
  font-size: 0.65rem;
  line-height: 17px;
  text-align: center;
  background: var(--cmd-red);
}

.admin-appbar-notify strong {
  font-size: 0.9rem;
}

.admin-appbar-user {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  height: 80px;
  padding: 0 26px;
  border-right: 1px solid rgba(215, 227, 234, 0.1);
  color: #fff;
}

.admin-appbar-user > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  color: #dce5ea;
  font-weight: 700;
  background: #26323a;
}

.admin-appbar-user div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.admin-appbar-user strong {
  font-size: 0.94rem;
  white-space: nowrap;
}

.admin-appbar-user small {
  color: var(--cmd-muted);
  font-size: 0.78rem;
}

body.admin-page.is-admin-logged-in .admin-appbar-logout {
  justify-self: end;
}

body.admin-page.is-admin-logged-in .admin-appbar-logout button {
  min-height: 80px;
  padding: 0 0 0 24px;
  border: 0;
  color: var(--cmd-red);
  font-size: 0.92rem;
  background: transparent;
}

body.admin-page.is-admin-logged-in .admin-appbar-logout button::before {
  content: "↪";
  margin-right: 9px;
  font-size: 1.15rem;
}

.admin-command-dashboard {
  width: 100%;
  max-width: 1540px;
  min-width: 0;
  margin-inline: auto;
  padding: 20px 24px;
  box-sizing: border-box;
}

.admin-command-sections {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.admin-command-card,
.admin-command-widget,
.admin-command-actions {
  border: 1px solid var(--cmd-border);
  border-radius: 8px;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.065), transparent 42%),
    linear-gradient(180deg, rgba(28, 38, 45, 0.92), rgba(17, 24, 29, 0.92));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 16px 40px rgba(0, 0, 0, 0.18);
}

.admin-command-card {
  position: relative;
  min-height: 365px;
  overflow: hidden;
}

.admin-i {
  --admin-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E");
}

.admin-i::before {
  content: "";
  display: block;
  width: 1.18em;
  height: 1.18em;
  background: currentColor;
  -webkit-mask: var(--admin-icon) center / contain no-repeat;
  mask: var(--admin-icon) center / contain no-repeat;
}

.admin-i.is-dashboard {
  --admin-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.5'/%3E%3C/svg%3E");
}

.admin-i.is-summary {
  --admin-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M7 16v-4M12 16V8M17 16v-6'/%3E%3C/svg%3E");
}

.admin-i.is-calendar {
  --admin-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E");
}

.admin-i.is-check {
  --admin-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='2'/%3E%3Cpath d='m8 12 3 3 6-7'/%3E%3C/svg%3E");
}

.admin-i.is-mail {
  --admin-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E");
}

.admin-i.is-printer {
  --admin-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9V3h12v6'/%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2'/%3E%3Crect x='6' y='14' width='12' height='7' rx='1'/%3E%3Cpath d='M8 17h8'/%3E%3C/svg%3E");
}

.admin-i.is-file {
  --admin-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z'/%3E%3Cpath d='M14 3v6h6M8 13h8M8 17h6'/%3E%3C/svg%3E");
}

.admin-i.is-cube,
.admin-i.is-package {
  --admin-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 8-9-5-9 5 9 5 9-5Z'/%3E%3Cpath d='M3 8v8l9 5 9-5V8M12 13v8'/%3E%3C/svg%3E");
}

.admin-i.is-spool {
  --admin-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='6' rx='7' ry='3'/%3E%3Cpath d='M5 6v12c0 1.7 3.1 3 7 3s7-1.3 7-3V6'/%3E%3Cellipse cx='12' cy='18' rx='7' ry='3'/%3E%3Cpath d='M9 12h6'/%3E%3C/svg%3E");
}

.admin-i.is-box,
.admin-i.is-database {
  --admin-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5' rx='8' ry='3'/%3E%3Cpath d='M4 5v14c0 1.7 3.6 3 8 3s8-1.3 8-3V5M4 12c0 1.7 3.6 3 8 3s8-1.3 8-3'/%3E%3C/svg%3E");
}

.admin-i.is-tool {
  --admin-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a4 4 0 0 0-5 5L3 18l3 3 6.7-6.7a4 4 0 0 0 5-5l-2.4 2.4-3-3 2.4-2.4Z'/%3E%3C/svg%3E");
}

.admin-i.is-cart {
  --admin-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1'/%3E%3Ccircle cx='18' cy='20' r='1'/%3E%3Cpath d='M2 3h3l3 12h10l3-8H7'/%3E%3C/svg%3E");
}

.admin-i.is-clipboard {
  --admin-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='17' rx='2'/%3E%3Cpath d='M9 4a3 3 0 0 1 6 0M9 9h6M9 13h6M9 17h4'/%3E%3C/svg%3E");
}

.admin-i.is-users,
.admin-i.is-user-plus {
  --admin-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H7a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9.5' cy='7' r='4'/%3E%3Cpath d='M19 8v6M22 11h-6'/%3E%3C/svg%3E");
}

.admin-i.is-truck {
  --admin-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h11v10H3zM14 10h4l3 3v3h-7z'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3C/svg%3E");
}

.admin-i.is-chart {
  --admin-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19V5M9 19v-7M14 19V8M19 19v-4M3 19h18'/%3E%3C/svg%3E");
}

.admin-i.is-settings {
  --admin-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Z'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .3 1.9l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.9-.3 1.7 1.7 0 0 0-1 1.6V21a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1-1.6 1.7 1.7 0 0 0-1.9.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1A1.7 1.7 0 0 0 4.6 15a1.7 1.7 0 0 0-1.6-1H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.6-1 1.7 1.7 0 0 0-.3-1.9l-.1-.1A2 2 0 1 1 7.1 4.2l.1.1A1.7 1.7 0 0 0 9.1 4a1.7 1.7 0 0 0 1-1.6V2a2 2 0 1 1 4 0v.4a1.7 1.7 0 0 0 1 1.6 1.7 1.7 0 0 0 1.9-.3l.1-.1A2 2 0 1 1 19.9 6l-.1.1a1.7 1.7 0 0 0-.3 1.9 1.7 1.7 0 0 0 1.6 1H21a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1Z'/%3E%3C/svg%3E");
}

.admin-i.is-building {
  --admin-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v16M3 21h18M8 7h2M13 7h2M8 11h2M13 11h2M8 15h2M13 15h2'/%3E%3C/svg%3E");
}

.admin-i.is-history {
  --admin-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 3-6.7L3 8M3 3v5h5M12 7v5l4 2'/%3E%3C/svg%3E");
}

.admin-i.is-bag {
  --admin-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8h12l-1 13H7L6 8Z'/%3E%3Cpath d='M9 8a3 3 0 0 1 6 0'/%3E%3C/svg%3E");
}

.admin-command-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 112px;
  background: var(--cmd-red);
  box-shadow: 0 0 20px rgba(255, 42, 79, 0.35);
}

.admin-command-card-head {
  display: grid;
  grid-template-columns: 74px 1fr;
  gap: 18px;
  align-items: center;
  min-height: 114px;
  padding: 20px 20px 18px;
  color: var(--cmd-text);
  text-decoration: none;
}

.admin-command-icon {
  display: grid;
  place-items: center;
  width: 78px;
  height: 78px;
  border-radius: 999px;
  color: #fff;
  font-size: 2rem;
  font-weight: 900;
  background: radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.15), transparent 32%), #283139;
}

.admin-command-card-head strong {
  display: block;
  margin-bottom: 7px;
  color: #fff;
  font-size: 1.28rem;
  line-height: 1.08;
}

.admin-command-card-head small {
  display: block;
  max-width: 215px;
  color: var(--cmd-muted);
  font-size: 0.96rem;
  line-height: 1.35;
}

.admin-command-card ul {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 17px 20px 18px;
  border-top: 1px solid var(--cmd-border-soft);
  list-style: none;
}

.admin-command-card li a {
  display: grid;
  grid-template-columns: 26px 1fr auto;
  gap: 12px;
  align-items: center;
  min-height: 40px;
  color: #d9e1e6;
  font-size: 0.98rem;
  text-decoration: none;
}

.admin-command-card li a:hover {
  color: #fff;
}

.admin-command-card li span {
  display: grid;
  place-items: center;
  color: #aeb8bf;
  font-size: 1.05rem;
  text-align: center;
}

.admin-command-card li b {
  color: rgba(213, 225, 232, 0.48);
  font-size: 1.45rem;
  font-weight: 300;
}

.admin-command-widgets {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 20px;
}

.admin-command-widget {
  min-height: 378px;
  padding: 16px;
}

.admin-command-widget header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 15px;
}

.admin-command-widget h3 {
  margin: 0;
  color: #fff;
  font-size: 1.04rem;
}

.admin-command-widget header a {
  padding: 8px 12px;
  border: 1px solid var(--cmd-border-soft);
  border-radius: 6px;
  color: #c5d0d7;
  font-size: 0.73rem;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.035);
}

.admin-command-calendar-top {
  display: grid;
  grid-template-columns: 32px 1fr 32px 48px;
  gap: 8px;
  align-items: center;
  margin-bottom: 16px;
}

.admin-command-calendar-top a {
  display: grid;
  place-items: center;
  height: 32px;
  border: 1px solid var(--cmd-border);
  border-radius: 5px;
  color: #e8eef2;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.035);
}

.admin-command-calendar-top strong {
  color: #fff;
  font-size: 0.92rem;
  text-align: center;
}

.admin-command-calendar-top .is-today {
  font-size: 0.77rem;
}

.admin-command-calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--cmd-border-soft);
}

.admin-command-calendar-grid b,
.admin-command-calendar-grid span {
  display: grid;
  place-items: center;
  min-height: 31px;
  color: #f3f7f9;
  font-size: 0.82rem;
  font-weight: 500;
}

.admin-command-calendar-grid b {
  color: #9facb4;
  font-size: 0.73rem;
  font-weight: 700;
}

.admin-command-calendar-grid .is-muted {
  color: rgba(205, 217, 224, 0.46);
}

.admin-command-calendar-grid .is-current {
  border-radius: 999px;
  color: #fff;
  font-weight: 800;
  background: var(--cmd-red);
}

.admin-command-calendar-grid .has-event::after {
  content: "";
  width: 4px;
  height: 4px;
  margin-top: -5px;
  border-radius: 999px;
  background: var(--cmd-red);
}

.admin-command-events {
  display: grid;
  gap: 10px;
  margin: 13px 0 0;
  padding: 0;
  list-style: none;
}

.admin-command-events li {
  display: grid;
  grid-template-columns: 10px 42px 1fr auto;
  gap: 10px;
  align-items: center;
  color: #c7d3da;
  font-size: 0.82rem;
}

.admin-command-events li > span {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--cmd-red);
}

.admin-command-events time {
  color: #eaf1f4;
}

.admin-command-events a {
  color: #cbd6dc;
  text-decoration: none;
}

.admin-command-jobs,
.admin-command-stock,
.admin-command-invoices {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.admin-command-jobs li {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 6px 12px;
  padding: 10px 0 14px;
  border-bottom: 1px solid var(--cmd-border-soft);
}

.admin-command-jobs strong,
.admin-command-stock strong,
.admin-command-invoices strong {
  display: block;
  color: #fff;
  font-size: 0.93rem;
  line-height: 1.25;
}

.admin-command-jobs small,
.admin-command-stock small,
.admin-command-invoices small {
  display: block;
  margin-top: 3px;
  color: var(--cmd-muted);
  font-size: 0.78rem;
}

.admin-command-jobs em {
  align-self: start;
  padding: 5px 10px;
  border: 1px solid rgba(45, 134, 213, 0.55);
  border-radius: 5px;
  color: #59a7ed;
  font-size: 0.77rem;
  font-style: normal;
  white-space: nowrap;
}

.admin-command-jobs em.is-quoted,
.admin-command-jobs em.is-queued {
  border-color: rgba(255, 122, 33, 0.62);
  color: #ff8a36;
}

.admin-command-progress {
  grid-column: 1 / 2;
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(220, 230, 236, 0.16);
}

.admin-command-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--cmd-blue);
}

.admin-command-jobs b {
  color: #cbd5db;
  font-size: 0.78rem;
  text-align: right;
}

.admin-command-stock li,
.admin-command-invoices li {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 59px;
  padding: 8px 0;
  border-bottom: 1px solid var(--cmd-border-soft);
}

.admin-command-roll,
.admin-command-invoices li > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 8px;
  background:
    radial-gradient(circle at 50% 45%, #10161a 0 23%, transparent 24%),
    repeating-radial-gradient(circle at 50% 45%, #394148 0 2px, #20282f 2px 5px);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.admin-command-stock b {
  color: #ff3b5b;
  font-size: 0.76rem;
  font-weight: 600;
  white-space: nowrap;
}

.admin-command-invoices li {
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px 12px;
}

.admin-command-invoices li > span {
  width: 32px;
  height: 32px;
  color: #cdd7dd;
  background: rgba(255, 255, 255, 0.055);
}

.admin-command-invoices li > div:last-child {
  grid-column: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  text-align: left;
  min-width: 0;
}

.admin-command-invoices b {
  display: block;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 500;
  white-space: nowrap;
}

.admin-command-invoices em {
  display: inline-block;
  margin-top: 4px;
  padding: 2px 6px;
  border: 1px solid rgba(103, 197, 87, 0.42);
  border-radius: 6px;
  color: #86d474;
  font-size: 0.66rem;
  font-style: normal;
  background: rgba(89, 168, 78, 0.12);
}

.admin-command-invoices em.is-unpaid {
  border-color: rgba(255, 42, 79, 0.46);
  color: #ff526d;
  background: rgba(255, 42, 79, 0.1);
}

.admin-command-actions {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
  margin-top: 20px;
  padding: 28px 18px 22px;
}

.admin-command-actions::before {
  content: "Szybkie akcje";
  grid-column: 1 / -1;
  margin: -10px 0 2px;
  color: #fff;
  font-size: 1.04rem;
  font-weight: 800;
}

.admin-command-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 54px;
  border: 1px solid var(--cmd-border-soft);
  border-radius: 7px;
  color: #eef4f7;
  font-size: 0.9rem;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.025);
}

.admin-command-actions a:hover {
  border-color: rgba(255, 42, 79, 0.45);
  background: rgba(255, 42, 79, 0.08);
}

.admin-command-actions span {
  color: var(--cmd-red);
  font-size: 1.25rem;
}

.admin-command-actions .admin-i {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  color: var(--cmd-red);
  font-size: 1.08rem;
  background: rgba(255, 42, 79, 0.08);
}

.admin-command-actions .admin-i::before {
  width: 21px;
  height: 21px;
}

.admin-command-jobs .is-empty,
.admin-command-stock .is-empty,
.admin-command-invoices .is-empty {
  display: block;
  padding: 18px 0;
}

@media (max-width: 1320px) {
  body.admin-page.is-admin-logged-in .admin-appbar {
    grid-template-columns: 236px 210px minmax(260px, 1fr) 60px 168px 104px;
  }

  body.admin-page.is-admin-logged-in .admin-appbar::before {
    left: 236px;
  }

  body.admin-page.is-admin-logged-in .admin-appbar-brand img {
    width: 182px;
  }

  .admin-appbar-notify strong {
    display: none;
  }

  .admin-command-sections,
  .admin-command-widgets {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-command-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 880px) {
  body.admin-page.is-admin-logged-in main {
    padding-top: 146px;
  }

  body.admin-page.is-admin-logged-in .admin-appbar {
    grid-template-columns: 1fr auto;
    min-height: 132px;
    padding: 10px 14px;
  }

  body.admin-page.is-admin-logged-in .admin-appbar::before,
  .admin-appbar-title,
  .admin-appbar-notify,
  .admin-appbar-user {
    display: none;
  }

  body.admin-page.is-admin-logged-in .admin-appbar-brand {
    min-height: 44px;
  }

  body.admin-page.is-admin-logged-in .admin-appbar-search {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
  }

  body.admin-page.is-admin-logged-in .admin-appbar-logout button {
    min-height: 44px;
  }

  .admin-command-dashboard {
    padding: 14px;
  }

  .admin-command-sections,
  .admin-command-widgets,
  .admin-command-actions {
    grid-template-columns: 1fr;
  }
}

body.admin-page .service-status-pill.service-status-warning,
body.admin-page .service-status-pill.is-delivered,
body.admin-page .service-status-pill.is-diagnostics,
body.admin-page .service-admin-status-warning {
  color: #f3d889;
  background: rgba(86, 63, 20, 0.34);
}

body.admin-page .service-status-pill.is-repair,
body.admin-page .service-status-pill.is-declined,
body.admin-page .service-admin-mail-error {
  color: #ff9ba8;
  background: rgba(88, 19, 32, 0.34);
}

body.admin-page .service-admin-repair-summary strong,
body.admin-page .service-admin-repair-summary span {
  color: #91e8b7;
}

body.admin-page .realization-edit-panel[open] summary,
body.admin-page .client-history-panel summary:hover {
  background: rgba(237, 248, 251, 0.06);
}

body.admin-page .button-dark {
  color: var(--text-dark);
  border-color: rgba(237, 248, 251, 0.18);
  background: rgba(237, 248, 251, 0.04);
}

body.admin-page .button-dark:hover {
  border-color: rgba(244, 33, 68, 0.42);
  background: rgba(244, 33, 68, 0.12);
}

body.admin-page .mailbox-config-card,
body.admin-page .mailbox-message-body,
body.admin-page .project-detail-grid section,
body.admin-page .project-remove-files,
body.admin-page .project-tech-list div,
body.admin-page .project-file-list li {
  color: var(--text-dark);
  border-color: rgba(237, 248, 251, 0.14);
  background: rgba(8, 13, 16, 0.48);
}

body.admin-page .mailbox-config-card h3,
body.admin-page .mailbox-config-card p,
body.admin-page .mailbox-message-meta dd,
body.admin-page .project-detail-grid h3,
body.admin-page .project-tech-list dd {
  color: var(--text-dark);
}

body.admin-page .mailbox-config-card small,
body.admin-page .mailbox-message-meta dt,
body.admin-page .project-tech-list dt,
body.admin-page .project-file-list small {
  color: var(--text-muted);
}

body.admin-page .mailbox-message-meta div {
  border-color: rgba(237, 248, 251, 0.12);
}

body.admin-page .mailbox-message-list {
  border-color: rgba(237, 248, 251, 0.14);
}

body.admin-page .mailbox-message-list-item {
  color: var(--text-dark);
  border-color: rgba(237, 248, 251, 0.1);
  background: rgba(8, 13, 16, 0.44);
}

body.admin-page .mailbox-message-list-item:hover,
body.admin-page .mailbox-message-list-item.is-selected {
  background: rgba(244, 33, 68, 0.12);
}

body.admin-page .mailbox-message-list-item.is-unread {
  background: rgba(244, 33, 68, 0.07);
}

body.admin-page .mailbox-message-list-top strong,
body.admin-page .mailbox-message-list-subject {
  color: var(--text-dark);
}

body.admin-page .mailbox-message-list-top small {
  color: var(--text-muted);
}

body.admin-page .mailbox-message-frame {
  border-color: rgba(237, 248, 251, 0.14);
}

body.admin-page .mailbox-text-version summary {
  color: #ff7890;
}

body.admin-page .project-remove-files legend {
  color: #ff6f88;
}

/* Shop */
.shop-page main {
  min-height: calc(100svh - 72px);
}

.shop-page .shop-hero {
  min-height: 300px;
  display: grid;
  align-items: end;
  padding: 72px 0 54px;
  color: #f2f6f8;
  border-bottom: 1px solid rgba(244, 33, 68, 0.32);
  background:
    linear-gradient(90deg, rgba(244, 33, 68, 0.14), transparent 42%),
    #11171b;
}

.shop-page .shop-hero h1 {
  max-width: 920px;
  margin-top: 12px;
  color: #f7f9fa;
  font-size: clamp(2.2rem, 4.2vw, 3.2rem);
  line-height: 1.02;
}

.shop-page .shop-hero p:last-child {
  max-width: 720px;
  margin: 18px 0 0;
  color: #bcc7cd;
  font-size: 1.05rem;
}

.shop-products-section,
.shop-detail-section,
.shop-checkout-section,
.shop-maintenance-section {
  padding: 58px 0 76px;
}

.shop-section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 460px);
  gap: 32px;
  align-items: end;
  margin-bottom: 28px;
}

.shop-section-heading h2 {
  margin-top: 8px;
  color: #f4f7f8;
  font-size: 2.2rem;
}

.shop-section-heading > p {
  margin: 0;
  color: #aeb9c0;
  line-height: 1.7;
}

.shop-products {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 360px));
  gap: 22px;
  align-items: stretch;
}

.shop-product-card {
  min-width: 0;
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
  color: #edf2f5;
  border: 1px solid rgba(237, 248, 251, 0.15);
  border-radius: 8px;
  background: #171d21;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.25);
}

.shop-product-card.is-out-of-stock {
  border-color: rgba(185, 194, 199, 0.18);
  background: #161b1e;
  box-shadow: none;
}

.shop-product-card.is-out-of-stock .shop-card-media img {
  filter: grayscale(1);
  opacity: 0.52;
}

.shop-product-card.is-out-of-stock .shop-card-media span {
  color: #e5eaec;
  border-color: rgba(229, 234, 236, 0.28);
  background: rgba(17, 22, 25, 0.9);
}

.shop-product-card.is-out-of-stock .section-label,
.shop-product-card.is-out-of-stock .shop-card-body h2 a,
.shop-product-card.is-out-of-stock .shop-card-meta strong {
  color: #c2cacf;
}

.shop-product-card.is-out-of-stock .shop-card-actions {
  grid-template-columns: 1fr;
}

.shop-card-media {
  position: relative;
  aspect-ratio: 4 / 3;
  display: block;
  overflow: hidden;
  background: #0f1417;
}

.shop-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 180ms ease;
}

.shop-card-media span {
  position: absolute;
  right: 12px;
  bottom: 12px;
  padding: 8px 11px;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 8px;
  background: rgba(9, 13, 16, 0.78);
  font-size: 0.76rem;
  font-weight: 700;
  text-transform: uppercase;
}

.shop-card-media:hover img,
.shop-card-media:focus-visible img {
  transform: scale(1.025);
}

.shop-card-body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 24px;
}

.shop-card-body .section-label {
  margin: 0 0 12px;
}

.shop-card-body h2 {
  margin: 0;
  color: #f4f7f8;
  font-size: 1.45rem;
  line-height: 1.18;
}

.shop-card-body h2 a {
  color: inherit;
  text-decoration: none;
}

.shop-card-body h2 a:hover {
  color: #ff6f88;
}

.shop-card-body > p:not(.section-label) {
  margin: 14px 0 20px;
  color: #aeb9c0;
  line-height: 1.65;
}

.shop-card-meta {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  margin-top: auto;
  padding-top: 18px;
  border-top: 1px solid rgba(237, 248, 251, 0.12);
}

.shop-card-meta strong {
  color: #f6f8f9;
  font-size: 1.65rem;
  line-height: 1;
}

.shop-card-meta span {
  color: #9ca8af;
  font-size: 0.86rem;
}

.shop-out-of-stock-label {
  color: #d1d8dc;
  font-weight: 800;
  text-transform: uppercase;
}

.shop-card-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 20px;
}

.shop-card-actions .button {
  width: 100%;
}

.shop-catalog-layout {
  display: grid;
  grid-template-columns: 210px minmax(0, 1fr);
  gap: 20px;
  align-items: start;
}

.shop-category-sidebar {
  min-width: 0;
  position: sticky;
  top: 92px;
}

.shop-catalog-main {
  min-width: 0;
}

.shop-filter-bar {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto auto;
  gap: 12px;
  align-items: end;
  margin: 0 0 24px;
  padding: 18px;
  border: 1px solid rgba(237, 248, 251, 0.15);
  border-radius: 8px;
  background: #171d21;
}

.shop-category-tree {
  overflow: hidden;
  border: 1px solid rgba(237, 248, 251, 0.15);
  border-radius: 8px;
  background: #171d21;
}

.shop-category-tree-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(237, 248, 251, 0.12);
}

.shop-category-tree-heading span {
  color: #f3f6f8;
  font-size: 0.84rem;
  font-weight: 800;
  text-transform: uppercase;
}

.shop-category-tree-heading a {
  color: #ff6f88;
  font-size: 0.82rem;
  font-weight: 700;
  text-decoration: none;
}

.shop-category-tree-list {
  display: grid;
  grid-template-columns: 1fr;
}

.shop-category-group {
  border-bottom: 1px solid rgba(237, 248, 251, 0.09);
}

.shop-category-group summary {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 12px;
  gap: 8px;
  align-items: center;
  padding: 10px 12px;
  color: #c7d0d5;
  cursor: pointer;
  list-style: none;
}

.shop-category-group summary::-webkit-details-marker {
  display: none;
}

.shop-category-group summary::after {
  content: "›";
  color: #ff7890;
  font-size: 1.15rem;
  line-height: 1;
  transform: rotate(90deg);
  transition: transform 160ms ease;
}

.shop-category-group[open] > summary::after {
  transform: rotate(-90deg);
}

.shop-category-group summary:hover,
.shop-category-group summary:focus-visible {
  color: #fff;
  background: rgba(244, 33, 68, 0.08);
}

.shop-category-group summary span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shop-category-branch {
  display: grid;
  padding: 0 0 6px 10px;
  border-left: 1px solid rgba(244, 33, 68, 0.3);
}

.shop-category-branch .shop-category-group {
  border-bottom: 0;
}

.shop-category-parent-link {
  padding: 8px 12px;
  color: #ff8aa0;
  font-size: 0.74rem;
  font-weight: 700;
  text-decoration: none;
}

.shop-category-parent-link:hover,
.shop-category-parent-link:focus-visible,
.shop-category-parent-link.is-active {
  color: #fff;
  background: rgba(244, 33, 68, 0.12);
}

.shop-category-tree-item {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  color: #c7d0d5;
  border-bottom: 1px solid rgba(237, 248, 251, 0.09);
  text-decoration: none;
}

.shop-category-tree-item:last-child {
  border-bottom: 0;
}

.shop-category-tree-item:hover,
.shop-category-tree-item:focus-visible,
.shop-category-tree-item.is-active {
  color: #fff;
  background: rgba(244, 33, 68, 0.13);
}

.shop-category-tree-item.is-active {
  box-shadow: inset 3px 0 0 #f42144;
}

.shop-category-tree-item span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shop-category-group summary strong,
.shop-category-tree-item strong {
  min-width: 24px;
  padding: 2px 6px;
  color: #dce3e7;
  border: 1px solid rgba(237, 248, 251, 0.13);
  border-radius: 999px;
  background: #10161a;
  font-size: 0.7rem;
  text-align: center;
}

.shop-filter-bar label {
  display: grid;
  gap: 7px;
  color: #dbe3e7;
  font-size: 0.84rem;
  font-weight: 700;
}

.shop-filter-bar input,
.shop-filter-bar select {
  width: 100%;
  min-height: 46px;
  padding: 9px 12px;
  color: #f5f8f9;
  border: 1px solid rgba(237, 248, 251, 0.2);
  border-radius: 6px;
  background: #10161a;
}

.shop-filter-result {
  margin: -8px 0 20px;
  color: #aeb9c0;
}

.shop-detail-category,
.shop-product-category {
  display: inline-block;
  color: #ff6f88;
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
}

.shop-back-link {
  display: inline-flex;
  margin-bottom: 24px;
  color: #ff6f88;
  font-weight: 700;
  text-decoration: none;
}

.shop-back-link:hover {
  color: #ff9aae;
}

.shop-detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr);
  gap: 52px;
  align-items: start;
}

.shop-detail-gallery {
  min-width: 0;
}

.shop-detail-section.is-out-of-stock .shop-detail-gallery {
  filter: grayscale(1);
  opacity: 0.68;
}

.shop-detail-main {
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border: 1px solid rgba(237, 248, 251, 0.15);
  border-radius: 8px;
  background: #101519;
}

.shop-detail-main img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.shop-detail-gallery .shop-product-thumbs {
  grid-template-columns: repeat(auto-fill, minmax(72px, 92px));
  margin-top: 12px;
}

.shop-detail-info {
  min-width: 0;
  padding-top: 10px;
}

.shop-detail-info h2 {
  margin: 12px 0 0;
  color: #f5f8f9;
  font-size: 2.35rem;
  line-height: 1.08;
}

.shop-detail-description {
  margin: 24px 0 0;
  color: #bac5cb;
  line-height: 1.8;
}

.shop-detail-purchase {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin-top: 30px;
  padding: 22px 0;
  border-top: 1px solid rgba(237, 248, 251, 0.14);
  border-bottom: 1px solid rgba(237, 248, 251, 0.14);
}

.shop-detail-purchase strong {
  color: #fff;
  font-size: 2rem;
}

.shop-detail-purchase span {
  color: #aeb9c0;
}

.shop-inquiry-panel {
  margin-top: 24px;
  padding: 22px;
  border: 1px solid rgba(237, 248, 251, 0.14);
  border-radius: 8px;
  background: #171d21;
}

.shop-inquiry-panel h3 {
  margin: 8px 0 18px;
  color: #f2f6f8;
  font-size: 1.25rem;
  line-height: 1.35;
}

.shop-inquiry-form {
  margin-top: 18px;
}

.shop-inquiry-form .checkbox-line {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.shop-inquiry-form .checkbox-line input[type="checkbox"] {
  width: 18px;
  height: 18px;
  min-height: 18px;
  margin: 3px 0 0;
  padding: 0;
  accent-color: #f42144;
}

.shop-inquiry-form .checkbox-line span {
  color: #dbe3e7;
  line-height: 1.55;
}

.shop-inquiry-honey {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.shop-inquiry-success {
  margin: 18px 0 0;
  padding: 14px 16px;
  color: #a9efc4;
  border: 1px solid rgba(77, 203, 126, 0.35);
  border-radius: 6px;
  background: rgba(29, 92, 58, 0.24);
  line-height: 1.55;
}

.shop-delivery-preview {
  margin-top: 26px;
}

.shop-delivery-preview > span {
  display: block;
  margin-bottom: 10px;
  color: #ff6f88;
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
}

.shop-delivery-preview ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid rgba(237, 248, 251, 0.12);
}

.shop-delivery-preview li {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 0;
  color: #bac5cb;
  border-bottom: 1px solid rgba(237, 248, 251, 0.12);
}

.shop-delivery-preview li strong {
  color: #eef4f6;
}

.shop-buy-button {
  width: 100%;
  margin-top: 26px;
}

.shop-checkout {
  margin-top: 0;
  padding: 0;
  overflow: hidden;
  border-color: rgba(237, 248, 251, 0.15);
  background: #171d21;
}

.shop-checkout-header {
  padding: 24px 28px;
  border-bottom: 1px solid rgba(237, 248, 251, 0.12);
  background: #12181c;
}

.shop-checkout-header h2,
.shop-checkout-header strong {
  color: #f5f8f9;
}

.shop-checkout-header small {
  display: block;
  margin-top: 6px;
  color: #aeb9c0;
}

.shop-order-form {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.shop-order-form a,
.shop-order-form .form-hint a {
  color: #ff6f88;
}

.shop-order-form a:hover,
.shop-order-form .form-hint a:hover {
  color: #ff9aae;
}

.shop-order-form .checkbox-line {
  grid-template-columns: auto 1fr;
  display: grid;
}

.shop-order-form .checkbox-line span {
  color: #dbe3e7;
  line-height: 1.55;
}

.shop-confirmation {
  margin-top: 46px;
  margin-bottom: 46px;
  color: #edf2f5;
  background: #171d21;
}

.shop-confirmation h2 {
  margin: 12px 0 0;
  color: #f5f8f9;
}

.shop-confirmation-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: 22px 0;
  overflow: hidden;
  border: 1px solid rgba(237, 248, 251, 0.13);
  border-radius: 8px;
  background: rgba(237, 248, 251, 0.13);
}

.shop-confirmation-summary span {
  display: grid;
  gap: 8px;
  padding: 18px;
  color: #aeb9c0;
  background: #11171b;
}

.shop-confirmation-summary strong {
  color: #f5f8f9;
  font-size: 1.2rem;
}

.shop-maintenance {
  display: grid;
  grid-template-columns: 180px minmax(0, 680px);
  gap: 42px;
  align-items: center;
  justify-content: center;
  min-height: 360px;
}

.shop-maintenance > span {
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  color: #fff;
  border: 1px solid rgba(244, 33, 68, 0.44);
  border-radius: 8px;
  background: #171d21;
  font-family: var(--font-heading);
  font-size: 3.8rem;
  font-weight: 800;
}

.shop-maintenance h2 {
  margin-top: 10px;
  color: #f5f8f9;
  font-size: 2.3rem;
}

.shop-maintenance p:not(.section-label) {
  margin: 16px 0 24px;
  color: #aeb9c0;
  line-height: 1.7;
}

.shop-empty,
.shop-unavailable-note {
  grid-column: 1 / -1;
  margin: 0;
  padding: 24px;
  color: #b8c3c9;
  border: 1px dashed rgba(237, 248, 251, 0.2);
  border-radius: 8px;
  background: #151b20;
}

.shop-footer .footer-content p:not(.section-label) {
  max-width: 640px;
  margin: 14px auto 0;
  color: rgba(246, 248, 249, 0.78);
  font-size: clamp(1rem, 1.4vw, 1.14rem);
  line-height: 1.65;
}

.shop-footer {
  min-height: 360px;
  overflow: hidden;
}

.shop-footer .footer-content {
  width: min(var(--max), calc(100% - 40px));
  grid-template-columns: 1fr;
  justify-items: center;
  align-items: center;
  gap: 28px;
  padding: clamp(58px, 8vw, 88px) 0;
  text-align: center;
}

.shop-footer .footer-content > div:first-child {
  width: min(720px, calc(100vw - 56px));
  min-width: 0;
}

.shop-footer .footer-content h2 {
  max-width: 680px;
  margin: 12px auto 0;
  font-size: clamp(1.7rem, 2.8vw, 2.6rem);
  line-height: 1.08;
  overflow-wrap: normal;
  text-wrap: balance;
  word-break: normal;
}

.shop-footer .section-label {
  justify-content: center;
}

.shop-footer .footer-actions {
  width: min(100%, calc(100vw - 28px));
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

body.admin-page .shop-settings-board,
body.admin-page .shop-settings-form {
  color: var(--text-dark);
  border-color: rgba(237, 248, 251, 0.14);
  background: linear-gradient(180deg, #1b2227, #151a1e);
}

body.admin-page .shop-settings-board {
  margin-bottom: 28px;
}

body.admin-page .shop-disable-control {
  grid-template-columns: auto 1fr;
  align-items: start;
  padding: 18px;
  border: 1px solid rgba(237, 248, 251, 0.13);
  border-radius: 8px;
  background: #11171b;
}

body.admin-page .shop-disable-control > span {
  display: grid;
  gap: 6px;
}

body.admin-page .shop-disable-control strong {
  color: #f3f7f8;
}

body.admin-page .shop-disable-control small {
  color: var(--text-muted);
  line-height: 1.45;
}

body.admin-page .shop-status-enabled {
  color: #91e8b7;
}

body.admin-page .shop-status-disabled {
  color: #ff9ba8;
}

body.admin-page .shop-image-remove-item {
  grid-template-columns: 72px minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-items: center;
}

body.admin-page .shop-image-remove-item > img {
  grid-row: 1 / 3;
}

body.admin-page .shop-image-name {
  align-self: end;
  color: var(--text-dark);
  line-height: 1.35;
  overflow-wrap: anywhere;
}

body.admin-page .shop-image-remove-control {
  align-self: start;
  display: inline-flex;
  grid-template-columns: none;
  align-items: center;
  justify-self: start;
  gap: 8px;
  color: #ff9bae;
  font-size: 0.84rem;
  line-height: 1.25;
  cursor: pointer;
}

body.admin-page .shop-image-remove-control input {
  width: 18px;
  min-height: 18px;
  margin: 0;
  flex: 0 0 18px;
}

body.admin-page .shop-image-remove-control span {
  color: inherit;
  font-size: inherit;
  text-transform: none;
}

body.admin-page .shop-packing-board {
  padding: 0;
  overflow: hidden;
}

body.admin-page .shop-packing-board > .service-board-header {
  padding: 22px 24px;
  border-bottom: 1px solid rgba(237, 248, 251, 0.12);
}

body.admin-page .shop-packing-layout {
  display: grid;
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  min-height: 420px;
}

body.admin-page .shop-packing-orders {
  min-width: 0;
  border-right: 1px solid rgba(237, 248, 251, 0.12);
  background: #11171b;
}

body.admin-page .shop-packing-orders-heading,
body.admin-page .shop-packing-order {
  display: grid;
  gap: 7px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(237, 248, 251, 0.09);
}

body.admin-page .shop-packing-orders-heading {
  grid-template-columns: 1fr auto;
  align-items: center;
  color: var(--text-dark);
  background: #1b2227;
}

body.admin-page .shop-packing-orders-heading span {
  min-width: 30px;
  padding: 4px 8px;
  color: #fff;
  border-radius: 999px;
  background: #c71837;
  font-size: 0.74rem;
  font-weight: 800;
  text-align: center;
}

body.admin-page .shop-packing-order {
  color: var(--text-muted);
  text-decoration: none;
  transition: background 150ms ease, border-color 150ms ease;
}

body.admin-page .shop-packing-order:hover,
body.admin-page .shop-packing-order.is-active {
  background: #1c252b;
}

body.admin-page .shop-packing-order.is-active {
  box-shadow: inset 4px 0 #ff244b;
}

body.admin-page .shop-packing-order.is-complete {
  background: rgba(67, 173, 109, 0.12);
}

body.admin-page .shop-packing-order-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

body.admin-page .shop-packing-order strong {
  color: var(--text-dark);
  font-size: 0.9rem;
  overflow-wrap: anywhere;
}

body.admin-page .shop-packing-order small {
  color: #d7e2e6;
  font-weight: 800;
}

body.admin-page .shop-packing-progress {
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(237, 248, 251, 0.12);
}

body.admin-page .shop-packing-progress i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #ff244b;
}

body.admin-page .shop-packing-order.is-complete .shop-packing-progress i {
  background: #73d49c;
}

body.admin-page .shop-packing-station {
  min-width: 0;
  background: #151b1f;
}

body.admin-page .shop-packing-station-header,
body.admin-page .shop-packing-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 24px;
}

body.admin-page .shop-packing-station-header {
  border-bottom: 1px solid rgba(237, 248, 251, 0.1);
}

body.admin-page .shop-packing-station-header > div:first-child > span {
  color: #ff6f88;
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}

body.admin-page .shop-packing-station-header h3 {
  margin: 5px 0 0;
  color: var(--text-dark);
  font-size: 1.3rem;
  overflow-wrap: anywhere;
}

body.admin-page .shop-packing-station-header p {
  margin: 6px 0 0;
  color: var(--text-muted);
}

body.admin-page .shop-packing-station-meta {
  display: grid;
  justify-items: end;
  gap: 10px;
}

body.admin-page .shop-packing-station-meta > strong {
  color: var(--text-dark);
  font-size: 1.1rem;
}

body.admin-page .shop-packing-lines {
  display: grid;
}

body.admin-page .shop-packing-line {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  min-width: 0;
  padding: 14px 18px;
  border-bottom: 1px solid rgba(237, 248, 251, 0.09);
}

body.admin-page .shop-packing-line.is-complete {
  background: rgba(67, 173, 109, 0.07);
}

body.admin-page .shop-packing-product-image {
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  overflow: hidden;
  color: #fff;
  border: 1px solid rgba(237, 248, 251, 0.14);
  border-radius: 6px;
  background: #20282d;
  font-weight: 800;
}

body.admin-page .shop-packing-product-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #fff;
}

body.admin-page .shop-packing-product-copy {
  min-width: 0;
}

body.admin-page .shop-packing-product-copy strong,
body.admin-page .shop-packing-product-copy small {
  display: block;
  overflow-wrap: anywhere;
}

body.admin-page .shop-packing-product-copy strong {
  color: var(--text-dark);
}

body.admin-page .shop-packing-product-copy small {
  margin-top: 5px;
  color: var(--text-muted);
}

body.admin-page .shop-packing-stepper {
  display: grid;
  grid-template-columns: 36px minmax(80px, 110px) 36px 40px;
  align-items: stretch;
}

body.admin-page .shop-packing-stepper button,
body.admin-page .shop-packing-stepper output {
  display: grid;
  min-width: 0;
  min-height: 38px;
  place-items: center;
  color: var(--text-dark);
  border: 1px solid rgba(237, 248, 251, 0.22);
  background: #1b2227;
  font: inherit;
  font-weight: 800;
}

body.admin-page .shop-packing-stepper button {
  cursor: pointer;
}

body.admin-page .shop-packing-stepper button:hover:not(:disabled) {
  color: #fff;
  border-color: #ff244b;
}

body.admin-page .shop-packing-stepper button:disabled {
  cursor: default;
  opacity: 0.38;
}

body.admin-page .shop-packing-stepper button:first-of-type {
  border-radius: 5px 0 0 5px;
}

body.admin-page .shop-packing-stepper .shop-packing-check {
  margin-left: 8px;
  color: #9be8ba;
  border-radius: 5px;
}

body.admin-page .shop-packing-line.is-complete .shop-packing-stepper output {
  color: #b9f0cf;
  background: rgba(67, 173, 109, 0.18);
}

body.admin-page .shop-packing-footer {
  border-top: 1px solid rgba(237, 248, 251, 0.12);
  background: #1b2227;
}

body.admin-page .shop-packing-footer > div:first-child strong,
body.admin-page .shop-packing-footer > div:first-child small {
  display: block;
}

body.admin-page .shop-packing-footer > div:first-child strong {
  color: var(--text-dark);
}

body.admin-page .shop-packing-footer > div:first-child small {
  margin-top: 5px;
  color: var(--text-muted);
}

body.admin-page .shop-packing-footer-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

body.admin-page .shop-packing-footer-actions form {
  margin: 0;
}

body.admin-page .shop-packing-finished {
  color: #9be8ba;
  font-weight: 800;
}

body.admin-page .shop-order-detail-page {
  display: grid;
  gap: 24px;
}

body.admin-page .shop-order-back {
  justify-self: start;
  color: #ff6f88;
  font-weight: 700;
  text-decoration: none;
}

body.admin-page .shop-order-detail-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 28px;
}

body.admin-page .shop-order-detail-hero h2 {
  margin: 8px 0 0;
  color: var(--text-dark);
  font-size: clamp(1.8rem, 3vw, 2.6rem);
}

body.admin-page .shop-order-detail-hero p {
  margin: 8px 0 0;
  color: var(--text-muted);
}

body.admin-page .shop-order-detail-hero > div > span:first-child,
body.admin-page .shop-order-detail-grid article > span,
body.admin-page .shop-order-danger-zone > div > span {
  color: #ff6f88;
  font-size: 0.76rem;
  font-weight: 800;
  text-transform: uppercase;
}

body.admin-page .shop-order-detail-status {
  display: grid;
  justify-items: end;
  gap: 12px;
}

body.admin-page .shop-order-detail-status > strong {
  color: var(--text-dark);
  font-size: clamp(1.55rem, 2.5vw, 2.2rem);
}

body.admin-page .shop-order-detail-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

body.admin-page .shop-order-detail-grid article {
  min-width: 0;
  padding: 20px;
  color: var(--text-dark);
  border: 1px solid rgba(237, 248, 251, 0.14);
  border-radius: 8px;
  background: linear-gradient(180deg, #1b2227, #151a1e);
}

body.admin-page .shop-order-detail-grid article > strong {
  display: block;
  margin-top: 12px;
  color: var(--text-dark);
  font-size: 1.05rem;
  overflow-wrap: anywhere;
}

body.admin-page .shop-order-detail-grid article p {
  margin: 9px 0 0;
  color: var(--text-muted);
  line-height: 1.5;
  overflow-wrap: anywhere;
}

body.admin-page .shop-order-detail-grid article a {
  color: #dfe8ec;
}

body.admin-page .shop-order-client-notes {
  padding: 24px;
}

body.admin-page .shop-order-client-notes > p {
  margin: 18px 0 0;
  color: var(--text-muted);
  line-height: 1.7;
}

body.admin-page .shop-order-work-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-items: start;
}

body.admin-page .shop-order-work-grid > .service-board {
  min-width: 0;
  padding: 0;
  overflow: hidden;
}

body.admin-page .shop-order-work-grid .service-board-header,
body.admin-page .shop-order-history-board .service-board-header {
  padding: 22px 24px;
  border-bottom: 1px solid rgba(237, 248, 251, 0.12);
}

body.admin-page .shop-order-status-form,
body.admin-page .shop-order-operations-form {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

body.admin-page .shop-order-history-board {
  padding: 0;
  overflow: hidden;
}

body.admin-page .shop-order-history {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.admin-page .shop-order-history li {
  display: grid;
  grid-template-columns: minmax(150px, 220px) minmax(0, 1fr);
  gap: 22px;
  align-items: start;
  padding: 20px 24px;
  border-bottom: 1px solid rgba(237, 248, 251, 0.1);
}

body.admin-page .shop-order-history li:last-child {
  border-bottom: 0;
}

body.admin-page .shop-order-history li > div {
  min-width: 0;
}

body.admin-page .shop-order-history strong {
  color: var(--text-dark);
}

body.admin-page .shop-order-history p,
body.admin-page .shop-order-history small {
  display: block;
  margin: 6px 0 0;
  color: var(--text-muted);
  overflow-wrap: anywhere;
}

body.admin-page .shop-order-history .shop-order-mail-ok {
  color: #91e8b7;
}

body.admin-page .shop-order-history .shop-order-mail-error {
  color: #ff9ba8;
}

body.admin-page .shop-order-danger-zone {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 22px 24px;
  border-color: rgba(255, 91, 118, 0.3);
}

body.admin-page .shop-order-danger-zone strong {
  display: block;
  margin-top: 8px;
  color: var(--text-dark);
}

body.admin-page .shop-order-danger-zone p {
  margin: 6px 0 0;
  color: var(--text-muted);
}

.shop-cart-link {
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
}

.shop-cart-link span {
  display: inline-grid;
  min-width: 24px;
  min-height: 24px;
  place-items: center;
  padding: 2px 7px;
  color: #fff;
  border-radius: 999px;
  background: #d61739;
  font-size: 0.76rem;
  font-weight: 800;
}

.shop-add-cart-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 100px;
  gap: 14px;
  margin: 22px 0;
}

.shop-add-cart-form label {
  display: grid;
  gap: 8px;
  color: #dbe3e7;
  font-weight: 700;
}

.shop-add-cart-form select,
.shop-add-cart-form input {
  width: 100%;
  min-height: 48px;
  padding: 10px 12px;
  color: #f5f8f9;
  border: 1px solid rgba(237, 248, 251, 0.22);
  border-radius: 6px;
  background: #10161a;
}

.shop-add-cart-form .shop-buy-button {
  grid-column: 1 / -1;
}

.shop-cart-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(360px, 0.85fr);
  gap: 24px;
  align-items: start;
}

.shop-cart-board,
.shop-empty-cart {
  padding: 0;
  overflow: hidden;
  color: #edf2f5;
  border-color: rgba(237, 248, 251, 0.15);
  background: #171d21;
}

.shop-cart-items {
  display: grid;
}

.shop-cart-item {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr) 92px auto auto;
  gap: 14px;
  align-items: center;
  padding: 18px 22px;
  border-bottom: 1px solid rgba(237, 248, 251, 0.11);
}

.shop-cart-item img {
  width: 76px;
  height: 76px;
  object-fit: cover;
  border-radius: 6px;
  background: #fff;
}

.shop-cart-item > div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.shop-cart-item > div strong {
  color: #f5f8f9;
  overflow-wrap: anywhere;
}

.shop-cart-item > div span,
.shop-cart-item > div small,
.shop-cart-item label {
  color: #aeb9c0;
}

.shop-cart-item > div .shop-cart-stock {
  color: #ff8aa0;
  font-weight: 600;
}

.shop-cart-item label {
  display: grid;
  gap: 5px;
  font-size: 0.76rem;
  font-weight: 700;
}

.shop-cart-item input {
  width: 82px;
  min-height: 42px;
  color: #f5f8f9;
  border: 1px solid rgba(237, 248, 251, 0.2);
  border-radius: 6px;
  background: #10161a;
}

.shop-cart-remove {
  padding: 7px 0;
  color: #ff7890;
  border: 0;
  background: transparent;
  cursor: pointer;
  font-weight: 700;
}

.shop-cart-update {
  justify-self: end;
  margin: 18px 22px;
}

.shop-cart-reservation-note {
  margin: 0;
  padding: 15px 22px;
  color: #c7d1d6;
  border-top: 1px solid rgba(237, 248, 251, 0.11);
  background: #10161a;
  font-size: 0.82rem;
  line-height: 1.55;
}

.shop-cart-notice {
  margin: 18px 0;
  padding: 14px 18px;
  color: #a9efc4;
  border: 1px solid rgba(77, 203, 126, 0.35);
  border-radius: 6px;
  background: rgba(77, 203, 126, 0.08);
}

.shop-order-total {
  display: grid;
  gap: 8px;
  padding: 18px;
  border: 1px solid rgba(237, 248, 251, 0.14);
  border-radius: 6px;
  background: #10161a;
}

.shop-order-total span {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  color: #aeb9c0;
}

.shop-order-total span:last-child {
  padding-top: 10px;
  color: #f5f8f9;
  border-top: 1px solid rgba(237, 248, 251, 0.14);
  font-size: 1.08rem;
}

.shop-empty-cart {
  padding: 34px;
}

.shop-empty-cart h2 {
  color: #f5f8f9;
}

body.admin-page .shop-variants-editor {
  display: grid;
  gap: 14px;
  padding: 18px;
  border: 1px solid rgba(237, 248, 251, 0.14);
  border-radius: 6px;
  background: rgba(11, 15, 18, 0.36);
}

body.admin-page .shop-category-admin-layout {
  display: grid;
  grid-template-columns: minmax(280px, 0.75fr) minmax(0, 1.25fr);
  gap: 18px;
  padding: 20px;
}

body.admin-page .shop-category-add-form {
  align-self: start;
  grid-template-columns: 1fr;
  padding: 18px;
}

body.admin-page .shop-category-add-form .button {
  grid-column: auto;
  width: 100%;
}

body.admin-page .shop-category-admin-tree {
  display: grid;
  gap: 8px;
  align-content: start;
}

body.admin-page .shop-category-admin-item {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  padding: 12px 14px 12px calc(14px + (var(--category-depth, 0) * 22px));
  border: 1px solid rgba(237, 248, 251, 0.12);
  border-left: calc(3px + (var(--category-depth, 0) * 2px)) solid rgba(244, 33, 68, 0.72);
  border-radius: 6px;
  background: #151b1f;
}

body.admin-page .shop-category-admin-summary {
  min-width: 0;
  display: grid;
  gap: 4px;
}

body.admin-page .shop-category-admin-summary span {
  color: var(--text-dark);
  font-weight: 800;
  overflow-wrap: anywhere;
}

body.admin-page .shop-category-admin-summary small {
  color: var(--text-muted);
}

body.admin-page .shop-category-admin-item details {
  min-width: 112px;
}

body.admin-page .shop-category-admin-item summary {
  padding: 8px 12px;
  color: #ff8ba0;
  border: 1px solid rgba(237, 248, 251, 0.15);
  border-radius: 6px;
  cursor: pointer;
  font-weight: 700;
  list-style: none;
  text-align: center;
}

body.admin-page .shop-category-admin-item summary::-webkit-details-marker {
  display: none;
}

body.admin-page .shop-category-admin-item details[open] {
  grid-column: 1 / -1;
  width: 100%;
}

body.admin-page .shop-category-edit-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 110px auto;
  gap: 10px;
  align-items: end;
  margin-top: 12px;
}

body.admin-page .shop-category-edit-form label {
  min-width: 0;
  display: grid;
  gap: 6px;
  color: var(--text-dark);
  font-size: 0.78rem;
  font-weight: 700;
}

body.admin-page .shop-category-edit-form input,
body.admin-page .shop-category-edit-form select {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 9px 11px;
  color: var(--text-dark);
  border: 1px solid rgba(237, 248, 251, 0.18);
  border-radius: 6px;
  background: #0f1417;
}

body.admin-page .shop-category-delete-form {
  margin-top: 10px;
}

body.admin-page .shop-category-delete-form .button {
  width: 100%;
}

body.admin-page .shop-variants-heading {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
}

body.admin-page .shop-variants-heading > div {
  display: grid;
  gap: 5px;
}

body.admin-page .shop-variants-heading strong {
  color: var(--text-dark);
}

body.admin-page .shop-variants-heading small {
  color: var(--text-muted);
}

body.admin-page .shop-variant-rows {
  display: grid;
  gap: 10px;
}

body.admin-page .shop-variant-row {
  display: grid;
  grid-template-columns: minmax(160px, 1.4fr) minmax(100px, 0.8fr) minmax(90px, 0.7fr) minmax(80px, 0.55fr) auto;
  gap: 10px;
  align-items: end;
  padding: 12px;
  border: 1px solid rgba(237, 248, 251, 0.1);
  border-radius: 6px;
  background: #151b1f;
}

body.admin-page .shop-variant-row > input[type="hidden"] {
  display: none;
}

body.admin-page .shop-variant-advanced {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(237, 248, 251, 0.1);
}

body.admin-page .shop-variant-remove {
  min-height: 46px;
}

body.admin-page .shop-export-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 18px 0;
}

.shop-cart-reservation-note strong {
  color: #ff5a78;
}

.shop-cart-reservation-note.is-expired {
  border-color: rgba(255, 33, 75, 0.55);
  color: #ffd4dc;
}

body.admin-page .shop-product-admin-card .shop-variants-editor {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  padding: 14px;
  overflow: hidden;
}

body.admin-page .shop-product-admin-card .shop-variants-heading {
  align-items: stretch;
  flex-direction: column;
}

body.admin-page .shop-product-admin-card .shop-variants-heading > div,
body.admin-page .shop-product-admin-card .shop-variants-heading small {
  min-width: 0;
  overflow-wrap: anywhere;
}

body.admin-page .shop-product-admin-card .shop-variants-heading .button {
  width: 100%;
}

body.admin-page .shop-product-admin-card .shop-variant-row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
  min-width: 0;
}

body.admin-page .shop-product-admin-card .shop-variant-row label,
body.admin-page .shop-product-admin-card .shop-variant-row input {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

body.admin-page .shop-product-admin-card .shop-variant-remove {
  grid-column: 1 / -1;
  width: 100%;
}

body.shop-product-edit-open {
  overflow: hidden;
}

body.admin-page .shop-product-edit-panel[open] {
  position: fixed;
  inset: 14px;
  z-index: 3000;
  display: block;
  width: auto;
  height: auto;
  padding: 0;
  overflow: hidden;
  color: var(--text-dark);
  border: 1px solid rgba(237, 248, 251, 0.2);
  border-radius: 8px;
  background: #11171b;
  box-shadow:
    0 0 0 100vmax rgba(3, 6, 8, 0.82),
    0 30px 90px rgba(0, 0, 0, 0.65);
}

body.admin-page .shop-product-edit-panel[open] > summary {
  display: none;
}

body.admin-page .shop-product-edit-panel[open] .shop-product-edit-form {
  position: absolute;
  inset: 0;
  width: 100%;
  height: auto;
  max-height: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
  gap: 18px;
  margin: 0;
  padding: 0 26px 28px;
  overflow-x: hidden;
  overflow-y: auto;
  border: 0;
  border-radius: 0;
  background: #11171b;
  box-shadow: none;
}

body.admin-page .shop-product-edit-toolbar {
  position: sticky;
  top: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: 0 -26px 4px;
  padding: 16px 26px;
  border-bottom: 1px solid rgba(237, 248, 251, 0.14);
  background: rgba(17, 23, 27, 0.98);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);
}

body.admin-page .shop-product-edit-toolbar > div:first-child {
  min-width: 0;
  display: grid;
  gap: 3px;
}

body.admin-page .shop-product-edit-toolbar span {
  color: #ff7890;
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}

body.admin-page .shop-product-edit-toolbar strong {
  color: var(--text-dark);
  font-size: 1.15rem;
  overflow-wrap: anywhere;
}

body.admin-page .shop-product-edit-toolbar > div:last-child {
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
}

body.admin-page .shop-product-edit-toolbar .button {
  width: auto;
  min-width: 138px;
}

body.admin-page .shop-product-edit-panel[open] .shop-variants-editor {
  width: 100%;
  max-width: none;
  padding: 18px;
  overflow: visible;
}

body.admin-page .shop-product-edit-panel[open] .shop-variants-heading {
  align-items: center;
  flex-direction: row;
}

body.admin-page .shop-product-edit-panel[open] .shop-variants-heading .button {
  width: auto;
}

body.admin-page .shop-product-edit-panel[open] .shop-variant-row {
  grid-template-columns: minmax(190px, 1.4fr) minmax(130px, 0.8fr) minmax(110px, 0.65fr) minmax(90px, 0.55fr) auto;
  width: 100%;
}

body.admin-page .shop-product-edit-panel[open] .shop-variant-remove {
  grid-column: auto;
  width: auto;
}

body.admin-page .shop-product-edit-submit-bottom {
  min-width: 220px;
  justify-self: end;
}

body.admin-page .shop-receipt-issuer-setting {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(237, 248, 251, 0.14);
  border-radius: 6px;
}

body.admin-page .shop-receipt-issuer-setting legend {
  padding: 0 7px;
  color: var(--text-dark);
  font-weight: 700;
}

body.admin-page .shop-receipt-issuer-setting label {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 11px;
  align-items: start;
  min-height: 100%;
  padding: 15px;
  border: 1px solid rgba(237, 248, 251, 0.12);
  border-radius: 6px;
  background: #151b1f;
  cursor: pointer;
}

body.admin-page .shop-receipt-issuer-setting input {
  margin-top: 4px;
}

body.admin-page .shop-receipt-issuer-setting span {
  display: grid;
  gap: 5px;
}

body.admin-page .shop-receipt-issuer-setting strong {
  color: var(--text-dark);
}

body.admin-page .shop-receipt-issuer-setting small {
  color: var(--text-muted);
  line-height: 1.45;
}

body.admin-page .shop-order-product-lines {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

body.admin-page .shop-order-product-lines > div {
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(237, 248, 251, 0.1);
}

body.admin-page .shop-order-product-lines > div:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.shop-public-status-section {
  padding: 58px 0 80px;
}

.shop-status-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 28px;
  color: #edf2f5;
  border-color: rgba(237, 248, 251, 0.15);
  background: #171d21;
}

.shop-status-summary h2,
.shop-status-invalid h2 {
  margin: 8px 0 0;
  color: #f5f8f9;
}

.shop-status-summary p,
.shop-status-invalid p {
  color: #aeb9c0;
}

.shop-status-current {
  display: grid;
  justify-items: end;
  gap: 14px;
}

.shop-status-current > strong {
  color: #f5f8f9;
  font-size: clamp(1.6rem, 3vw, 2.35rem);
}

.shop-status-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 18px;
}

.shop-status-grid article,
.shop-status-invalid {
  padding: 24px;
  color: #edf2f5;
  border-color: rgba(237, 248, 251, 0.15);
  background: #171d21;
}

.shop-status-grid article > span {
  color: #ff6f88;
  font-size: 0.76rem;
  font-weight: 800;
  text-transform: uppercase;
}

.shop-status-grid article > strong {
  display: block;
  margin-top: 12px;
  color: #f5f8f9;
  overflow-wrap: anywhere;
}

.shop-status-grid article p,
.shop-status-grid article small {
  display: block;
  margin: 9px 0 0;
  color: #aeb9c0;
  line-height: 1.55;
}

.shop-status-grid .table-link {
  display: inline-block;
  margin-top: 14px;
  color: #ff7890;
}

.shop-status-items {
  margin-top: 18px;
  padding: 0;
  overflow: hidden;
  color: #edf2f5;
  border-color: rgba(237, 248, 251, 0.15);
  background: #171d21;
}

.shop-status-item-list {
  display: grid;
}

.shop-status-item-list > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 18px;
  align-items: center;
  padding: 18px 24px;
  border-bottom: 1px solid rgba(237, 248, 251, 0.11);
}

.shop-status-item-list > div:last-child {
  border-bottom: 0;
}

.shop-status-item-list span:first-child {
  display: grid;
  gap: 4px;
}

.shop-status-item-list small,
.shop-status-item-list span:nth-child(2) {
  color: #aeb9c0;
}

@media (max-width: 900px) {
  .shop-page .shop-hero h1 {
    font-size: 2.4rem;
  }

  .shop-section-heading,
  .shop-detail-layout {
    grid-template-columns: 1fr;
  }

  .shop-section-heading {
    gap: 14px;
  }

  .shop-catalog-layout {
    grid-template-columns: 1fr;
  }

  .shop-category-sidebar {
    position: static;
  }

  .shop-detail-layout {
    gap: 32px;
  }

  .shop-maintenance {
    grid-template-columns: 130px minmax(0, 1fr);
  }

  body.admin-page .shop-order-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.admin-page .shop-order-work-grid {
    grid-template-columns: 1fr;
  }

  body.admin-page .shop-packing-layout {
    grid-template-columns: 1fr;
  }

  body.admin-page .shop-packing-orders {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-right: 0;
    border-bottom: 1px solid rgba(237, 248, 251, 0.12);
  }

  body.admin-page .shop-packing-orders-heading {
    grid-column: 1 / -1;
  }

  .shop-cart-layout {
    grid-template-columns: 1fr;
  }

  .shop-filter-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shop-status-grid {
    grid-template-columns: 1fr;
  }

  body.admin-page .shop-variant-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.admin-page .shop-variant-advanced {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.admin-page .shop-category-admin-layout {
    grid-template-columns: 1fr;
  }

  body.admin-page .shop-category-edit-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.admin-page .shop-product-edit-panel[open] .shop-variant-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.admin-page .shop-product-edit-panel[open] .shop-variant-remove {
    grid-column: 1 / -1;
    width: 100%;
  }
}

@media (max-width: 640px) {
  .shop-page .shop-hero {
    min-height: 240px;
    padding: 54px 0 38px;
  }

  .shop-page .shop-hero h1 {
    font-size: 1.95rem;
  }

  .shop-products-section,
  .shop-detail-section,
  .shop-checkout-section,
  .shop-maintenance-section {
    padding: 42px 0 56px;
  }

  .shop-products {
    grid-template-columns: 1fr;
  }

  .shop-card-actions,
  .shop-confirmation-summary {
    grid-template-columns: 1fr;
  }

  .shop-add-cart-form,
  .shop-cart-item {
    grid-template-columns: 1fr;
  }

  .shop-filter-bar,
  .shop-status-item-list > div {
    grid-template-columns: 1fr;
  }

  .shop-filter-bar .button {
    width: 100%;
  }

  .shop-status-summary {
    align-items: stretch;
    flex-direction: column;
  }

  .shop-status-current {
    justify-items: start;
  }

  .shop-cart-item img {
    width: 100%;
    height: auto;
    max-height: 220px;
  }

  .shop-cart-item input {
    width: 100%;
  }

  .shop-cart-update {
    justify-self: stretch;
  }

  body.admin-page .shop-variants-heading {
    align-items: stretch;
    flex-direction: column;
  }

  body.admin-page .shop-variant-row {
    grid-template-columns: 1fr;
  }

  body.admin-page .shop-category-admin-layout {
    padding: 14px;
  }

  body.admin-page .shop-category-admin-item {
    grid-template-columns: 1fr;
  }

  body.admin-page .shop-category-admin-item details {
    width: 100%;
  }

  body.admin-page .shop-category-edit-form {
    grid-template-columns: 1fr;
  }

  body.admin-page .shop-product-edit-panel[open] {
    inset: 0;
    border: 0;
    border-radius: 0;
  }

  body.admin-page .shop-product-edit-panel[open] .shop-product-edit-form {
    grid-template-columns: 1fr;
    padding: 0 16px 22px;
  }

  body.admin-page .shop-packing-orders {
    grid-template-columns: 1fr;
  }

  body.admin-page .shop-packing-station-header,
  body.admin-page .shop-packing-footer {
    align-items: stretch;
    flex-direction: column;
  }

  body.admin-page .shop-packing-station-meta {
    justify-items: start;
  }

  body.admin-page .shop-packing-line {
    grid-template-columns: 48px minmax(0, 1fr);
  }

  body.admin-page .shop-packing-product-image {
    width: 48px;
    height: 48px;
  }

  body.admin-page .shop-packing-stepper {
    grid-column: 1 / -1;
    grid-template-columns: 40px minmax(90px, 1fr) 40px 44px;
  }

  body.admin-page .shop-packing-footer-actions {
    align-items: stretch;
    flex-direction: column;
  }

  body.admin-page .shop-packing-footer-actions .button,
  body.admin-page .shop-packing-footer-actions form,
  body.admin-page .shop-packing-footer-actions form .button {
    width: 100%;
  }

  body.admin-page .shop-product-edit-toolbar {
    align-items: stretch;
    flex-direction: column;
    margin: 0 -16px 2px;
    padding: 14px 16px;
  }

  body.admin-page .shop-product-edit-toolbar > div:last-child {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  body.admin-page .shop-product-edit-toolbar .button {
    width: 100%;
    min-width: 0;
  }

  body.admin-page .shop-product-edit-panel[open] .shop-variants-heading {
    align-items: stretch;
    flex-direction: column;
  }

  body.admin-page .shop-product-edit-panel[open] .shop-variants-heading .button {
    width: 100%;
  }

  body.admin-page .shop-product-edit-panel[open] .shop-variant-row {
    grid-template-columns: 1fr;
  }

  body.admin-page .shop-product-edit-panel[open] .shop-variant-remove {
    grid-column: auto;
  }

  body.admin-page .shop-product-edit-submit-bottom {
    width: 100%;
    min-width: 0;
    justify-self: stretch;
  }

  body.admin-page .shop-receipt-issuer-setting {
    grid-template-columns: 1fr;
  }

  .shop-detail-info h2 {
    font-size: 1.9rem;
  }

  .shop-detail-purchase {
    align-items: start;
    flex-direction: column;
  }

  .shop-maintenance {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .shop-maintenance > span {
    width: 110px;
  }

  .shop-footer .footer-content {
    width: min(100% - 28px, var(--max));
    grid-template-columns: 1fr;
    align-items: center;
    justify-items: center;
    text-align: center;
  }

  .shop-footer .footer-actions {
    justify-content: center;
  }

  .shop-footer .footer-content > div:first-child,
  .shop-footer .footer-content h2,
  .shop-footer .footer-content p:not(.section-label) {
    width: min(100%, calc(100vw - 56px));
    max-width: calc(100vw - 56px);
    min-width: 0;
    white-space: normal;
  }

  .shop-footer .footer-content h2 {
    font-size: clamp(1.55rem, 7vw, 2rem);
    overflow-wrap: break-word;
    text-wrap: wrap;
  }

  .shop-footer .footer-content p:not(.section-label) {
    overflow-wrap: anywhere;
  }

  body.admin-page .shop-order-detail-hero,
  body.admin-page .shop-order-danger-zone {
    align-items: stretch;
    flex-direction: column;
  }

  body.admin-page .shop-order-detail-status {
    justify-items: start;
  }

  body.admin-page .shop-order-detail-grid {
    grid-template-columns: 1fr;
  }

  body.admin-page .shop-order-history li {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

.shop-consumer-summary {
  padding: 16px;
  border: 1px solid rgba(255, 37, 80, 0.35);
  background: rgba(255, 255, 255, 0.035);
}

.shop-consumer-summary strong {
  display: block;
  margin-bottom: 6px;
  color: #ffffff;
}

.shop-consumer-summary p {
  margin: 0;
  color: #c9d2da;
  line-height: 1.55;
}

.shop-consumer-summary a,
.checkbox-line a {
  color: #ff5a78;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.terms-document article {
  min-width: 0;
}

.withdrawal-form p {
  overflow-wrap: anywhere;
}

.shop-material-recipe {
  display: grid;
  gap: 16px;
  padding: 18px;
  border: 1px solid rgba(157, 171, 181, 0.24);
  background: rgba(10, 15, 18, 0.42);
}

.shop-recipe-rows {
  display: grid;
  gap: 10px;
}

.shop-recipe-row {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(150px, 1fr);
  gap: 12px;
  align-items: end;
}

.shop-made-to-order-label {
  color: #f2bd4a;
  font-weight: 700;
}

.shop-lead-time,
.shop-personalized-note {
  margin: 0;
  padding: 12px 14px;
  border-left: 3px solid #f2bd4a;
  background: rgba(242, 189, 74, 0.08);
  color: #dce5eb;
}

.shop-personalized-note {
  border-left-color: #ff244d;
  background: rgba(255, 36, 77, 0.08);
}

.shop-profitability-board {
  margin-top: 22px;
}

.shop-order-material-summary {
  padding-top: 12px;
  border-top: 1px solid rgba(157, 171, 181, 0.2);
}

@media (max-width: 720px) {
  .shop-recipe-row {
    grid-template-columns: 1fr;
  }
}

/* 2026-07-31: finalny wspolny arkusz faktur, kosztorysow i zlecen druku. */
body.admin-page.is-admin-logged-in:is(.admin-view-receipts, .admin-view-calculator, .admin-view-print_jobs) .admin-shell,
body.admin-page.is-admin-logged-in:is(.admin-view-receipts, .admin-view-calculator, .admin-view-print_jobs) .admin-content {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

body.admin-page.is-admin-logged-in:is(.admin-view-receipts, .admin-view-calculator, .admin-view-print_jobs) .admin-content {
  padding-right: clamp(10px, 1vw, 20px) !important;
  padding-left: clamp(10px, 1vw, 20px) !important;
  overflow-x: hidden !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d).admin-ledger-board {
  box-sizing: border-box !important;
  display: grid !important;
  width: min(1720px, calc(100vw - 28px)) !important;
  max-width: min(1720px, calc(100vw - 28px)) !important;
  min-width: 0 !important;
  margin: 18px auto 28px !important;
  padding: 20px !important;
  gap: 16px !important;
  overflow: visible !important;
  border: 1px solid #2b3942 !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #141e24 0%, #11191f 100%) !important;
  box-shadow: none !important;
  transform: none !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d).admin-ledger-board > * {
  min-width: 0 !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) > .admin-ledger-header {
  box-sizing: border-box !important;
  display: flex !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 0 0 14px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  border: 0 !important;
  border-bottom: 1px solid #2b3942 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) > .admin-ledger-header > div:first-child {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) > .admin-ledger-header > div:first-child > span {
  display: block !important;
  margin: 0 0 5px !important;
  padding: 0 !important;
  color: #ff526e !important;
  font-size: 0.66rem !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) > .admin-ledger-header > div:first-child > span::before {
  display: none !important;
  content: none !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) > .admin-ledger-header h2 {
  margin: 0 !important;
  color: #f3f6f8 !important;
  font-size: clamp(1.35rem, 1.7vw, 1.75rem) !important;
  font-weight: 760 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
}

/* Public experience refresh: availability, realizations, FAQ and mobile actions */
.home-availability {
  border-top: 1px solid rgba(244, 33, 68, 0.24);
  border-bottom: 1px solid rgba(237, 248, 251, 0.12);
  background: #0d1215;
}

.home-availability-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.home-availability-item {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 82px;
  padding: 18px clamp(18px, 3vw, 34px);
  color: var(--text-dark);
  text-decoration: none;
  border-right: 1px solid rgba(237, 248, 251, 0.12);
  transition: background 180ms ease;
}

.home-availability-item:last-child {
  border-right: 0;
}

.home-availability-item:hover,
.home-availability-item:focus-visible {
  background: rgba(237, 248, 251, 0.045);
}

.home-availability-item > span:last-child {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.home-availability-item small {
  color: var(--text-muted);
  font-size: 0.72rem;
  font-weight: 650;
  line-height: 1.25;
  text-transform: uppercase;
}

.home-availability-item strong {
  color: var(--text-dark);
  font-size: clamp(0.92rem, 1.3vw, 1.05rem);
  line-height: 1.3;
}

.availability-dot {
  flex: 0 0 auto;
  width: 12px;
  height: 12px;
  border: 2px solid rgba(237, 248, 251, 0.38);
  border-radius: 50%;
  background: #59656d;
  box-shadow: 0 0 0 5px rgba(237, 248, 251, 0.05);
}

.availability-dot.is-active {
  border-color: #68d391;
  background: #36c56f;
  box-shadow: 0 0 0 5px rgba(54, 197, 111, 0.11);
}

.availability-dot.is-paused {
  border-color: #ffbd4a;
  background: #e89520;
  box-shadow: 0 0 0 5px rgba(232, 149, 32, 0.11);
}

.home-preview-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 26px;
}

.home-preview-heading h2 {
  max-width: 760px;
  margin: 0;
}

.home-preview-heading .text-link {
  flex: 0 0 auto;
}

.home-realizations-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.home-realizations-loading {
  grid-column: 1 / -1;
  margin: 0;
  color: var(--text-muted);
}

.home-realization-card {
  min-width: 0;
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
  border: 1px solid rgba(237, 248, 251, 0.14);
  border-radius: 8px;
  background: linear-gradient(180deg, #1b2227, #151a1e);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.22);
}

.home-realization-media {
  display: block;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #0d1215;
}

.home-realization-media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 180ms ease;
}

.home-realization-card:hover .home-realization-media img {
  transform: scale(1.025);
}

.home-realization-body {
  display: grid;
  gap: 10px;
  padding: 20px;
}

.home-realization-body > span {
  color: var(--cyan);
  font-size: 0.72rem;
  font-weight: 750;
  text-transform: uppercase;
}

.home-realization-body h3 {
  margin: 0;
  color: var(--text-dark);
  font-size: 1.08rem;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.home-realization-body > p {
  margin: 0;
  display: -webkit-box;
  color: var(--text-muted);
  font-size: 0.9rem;
  line-height: 1.6;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.realization-case-meta {
  display: grid;
  gap: 7px;
  margin: 4px 0 0;
}

.realization-case-meta div {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(74px, 0.38fr) minmax(0, 1fr);
  gap: 10px;
  padding-top: 7px;
  border-top: 1px solid rgba(237, 248, 251, 0.1);
}

.realization-case-meta dt,
.realization-case-meta dd {
  min-width: 0;
  margin: 0;
  font-size: 0.78rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.realization-case-meta dt {
  color: var(--text-muted);
}

.realization-case-meta dd {
  color: var(--text-dark);
  font-weight: 600;
}

.home-proof-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 18px;
  padding: 20px 22px;
  border: 1px solid rgba(237, 248, 251, 0.14);
  border-radius: 8px;
  background: #11171b;
}

.home-proof-strip strong {
  color: var(--text-dark);
}

.home-proof-strip p {
  margin: 4px 0 0;
  color: var(--text-muted);
  font-size: 0.9rem;
}

.home-proof-actions {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.public-faq-list {
  max-width: 980px;
  display: grid;
  gap: 10px;
}

.public-faq-list details {
  overflow: hidden;
  border: 1px solid rgba(237, 248, 251, 0.14);
  border-radius: 8px;
  background: linear-gradient(180deg, #1b2227, #151a1e);
}

.public-faq-list summary {
  position: relative;
  padding: 17px 52px 17px 18px;
  color: var(--text-dark);
  font-weight: 700;
  cursor: pointer;
  list-style: none;
}

.public-faq-list summary::-webkit-details-marker {
  display: none;
}

.public-faq-list summary::after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 18px;
  color: var(--cyan);
  font-size: 1.35rem;
  transform: translateY(-50%);
}

.public-faq-list details[open] summary::after {
  content: "-";
}

.public-faq-list p {
  margin: 0;
  padding: 0 18px 18px;
  color: var(--text-muted);
  line-height: 1.7;
}

.quote-file-field {
  position: relative;
  min-height: 118px;
  display: grid !important;
  place-content: center;
  gap: 8px;
  padding: 22px !important;
  text-align: center;
  border: 1px dashed rgba(237, 248, 251, 0.32) !important;
  border-radius: 8px;
  background: rgba(237, 248, 251, 0.025);
  cursor: pointer;
  transition: border-color 180ms ease, background 180ms ease;
}

.quote-file-field::after {
  content: "Kliknij lub upuść plik tutaj";
  color: var(--text-muted);
  font-size: 0.82rem;
  font-weight: 500;
}

.quote-file-field:hover,
.quote-file-field:focus-within,
.quote-file-field.is-dragging {
  border-color: var(--cyan) !important;
  background: rgba(244, 33, 68, 0.06);
}

.quote-file-field.has-file {
  border-style: solid !important;
  border-color: rgba(54, 197, 111, 0.52) !important;
}

.quote-file-field input[type="file"] {
  width: 1px !important;
  height: 1px !important;
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.quote-file-preview {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 5px 16px;
  align-items: center;
  padding: 14px 16px;
  border: 1px solid rgba(54, 197, 111, 0.38);
  border-radius: 8px;
  background: rgba(54, 197, 111, 0.06);
}

.quote-file-preview[hidden] {
  display: none;
}

.quote-file-preview strong,
.quote-file-preview span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.quote-file-preview strong {
  color: var(--text-dark);
}

.quote-file-preview span {
  grid-column: 1;
  color: var(--text-muted);
  font-size: 0.8rem;
}

.quote-file-preview button {
  grid-column: 2;
  grid-row: 1 / span 2;
  min-height: 38px;
  padding: 8px 12px;
  color: #fff;
  border: 1px solid rgba(244, 33, 68, 0.42);
  border-radius: 7px;
  background: rgba(244, 33, 68, 0.13);
  font: inherit;
  font-size: 0.82rem;
  font-weight: 650;
  cursor: pointer;
}

.quote-file-preview.is-invalid {
  border-color: rgba(255, 92, 92, 0.58);
  background: rgba(255, 92, 92, 0.08);
}

.mobile-quick-actions {
  display: none;
}

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

  .home-realization-card:last-child {
    display: none;
  }

  .home-proof-strip,
  .home-preview-heading {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 720px) {
  body.has-mobile-quick-actions {
    padding-bottom: calc(62px + env(safe-area-inset-bottom));
  }

  .home-availability-grid,
  .home-realizations-grid {
    grid-template-columns: 1fr;
  }

  .home-availability-item {
    min-height: 70px;
    border-right: 0;
    border-bottom: 1px solid rgba(237, 248, 251, 0.1);
  }

  .home-availability-item:last-child {
    border-bottom: 0;
  }

  .home-realization-card:last-child {
    display: block;
  }

  .home-proof-actions {
    width: 100%;
  }

  .home-proof-actions .button {
    flex: 1 1 180px;
  }

  .mobile-quick-actions {
    position: fixed;
    z-index: 95;
    right: 0;
    bottom: 0;
    left: 0;
    min-height: calc(56px + env(safe-area-inset-bottom));
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 0 4px env(safe-area-inset-bottom);
    border-top: 1px solid rgba(244, 33, 68, 0.36);
    background: rgba(8, 12, 15, 0.97);
    box-shadow: 0 -14px 34px rgba(0, 0, 0, 0.32);
  }

  .mobile-quick-actions a {
    min-width: 0;
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 4px;
    color: rgba(237, 248, 251, 0.86);
    text-align: center;
    text-decoration: none;
    font-size: clamp(0.62rem, 2.6vw, 0.75rem);
    font-weight: 650;
    line-height: 1.2;
    border-right: 1px solid rgba(237, 248, 251, 0.1);
    overflow-wrap: anywhere;
  }

  .mobile-quick-actions a:last-child {
    border-right: 0;
  }

  .mobile-quick-actions a:nth-child(2) {
    color: #fff;
    background: var(--cyan);
  }

  .quote-file-preview {
    grid-template-columns: minmax(0, 1fr);
  }

  .quote-file-preview button {
    grid-column: 1;
    grid-row: auto;
    justify-self: start;
  }

  .realization-case-meta div {
    grid-template-columns: 1fr;
    gap: 2px;
  }
}

@media (max-width: 420px) {
  .mobile-quick-actions a {
    font-size: 0.62rem;
  }
}

@media (hover: none) and (pointer: coarse), (max-width: 720px) {
  body:not(.admin-page).has-mobile-quick-actions {
    padding-bottom: calc(62px + env(safe-area-inset-bottom)) !important;
  }

  body:not(.admin-page) .mobile-quick-actions {
    position: fixed !important;
    z-index: 1000 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    min-height: calc(56px + env(safe-area-inset-bottom)) !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    padding: 0 4px env(safe-area-inset-bottom) !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  body:not(.admin-page) .mobile-quick-actions a {
    min-width: 0 !important;
    min-height: 56px !important;
    display: flex !important;
  }
}

/* 2026-07-31 v24: zlecenia serwisowe w ukladzie archiwum faktur. */
body.admin-page.is-admin-logged-in.admin-view-services .admin-shell,
body.admin-page.is-admin-logged-in.admin-view-services .admin-content {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

body.admin-page.is-admin-logged-in.admin-view-services .admin-content {
  padding-right: clamp(10px, 1vw, 20px) !important;
  padding-left: clamp(10px, 1vw, 20px) !important;
  overflow-x: hidden !important;
}

body.admin-page.is-admin-logged-in.admin-view-services :is(#aktywne-zlecenia-serwisowe, #historia-zlecen).service-ledger-board {
  box-sizing: border-box !important;
  display: grid !important;
  width: min(1720px, calc(100vw - 28px)) !important;
  max-width: min(1720px, calc(100vw - 28px)) !important;
  min-width: 0 !important;
  margin: 18px auto 28px !important;
  padding: 20px !important;
  gap: 16px !important;
  overflow: visible !important;
  border: 1px solid #2b3942 !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #141e24 0%, #11191f 100%) !important;
  box-shadow: none !important;
  transform: none !important;
}

body.admin-page.is-admin-logged-in.admin-view-services :is(#aktywne-zlecenia-serwisowe, #historia-zlecen).service-ledger-board > * {
  min-width: 0 !important;
}

body.admin-page.is-admin-logged-in.admin-view-services :is(#aktywne-zlecenia-serwisowe, #historia-zlecen) > .admin-ledger-header {
  box-sizing: border-box !important;
  display: flex !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 0 0 14px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  border: 0 !important;
  border-bottom: 1px solid #2b3942 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.admin-page.is-admin-logged-in.admin-view-services :is(#aktywne-zlecenia-serwisowe, #historia-zlecen) > .admin-ledger-header > div:first-child {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.admin-page.is-admin-logged-in.admin-view-services :is(#aktywne-zlecenia-serwisowe, #historia-zlecen) > .admin-ledger-header > div:first-child > span {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 5px !important;
  padding: 0 !important;
  overflow: visible !important;
  color: #ff526e !important;
  font-size: 0.66rem !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body.admin-page.is-admin-logged-in.admin-view-services :is(#aktywne-zlecenia-serwisowe, #historia-zlecen) > .admin-ledger-header > div:first-child > span::before {
  display: none !important;
  content: none !important;
}

body.admin-page.is-admin-logged-in.admin-view-services :is(#aktywne-zlecenia-serwisowe, #historia-zlecen) > .admin-ledger-header h2 {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #f3f6f8 !important;
  font-size: clamp(1.35rem, 1.7vw, 1.75rem) !important;
  font-weight: 760 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
}

body.admin-page.is-admin-logged-in.admin-view-services :is(#aktywne-zlecenia-serwisowe, #historia-zlecen) > .admin-ledger-header > strong {
  flex: 0 0 auto !important;
  padding: 7px 10px !important;
  color: #f3f6f8 !important;
  border: 1px solid rgba(255, 63, 95, 0.45) !important;
  border-radius: 7px !important;
  background: rgba(255, 63, 95, 0.08) !important;
  font-size: 0.72rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body.admin-page.is-admin-logged-in.admin-view-services :is(#aktywne-zlecenia-serwisowe, #historia-zlecen) > .admin-ledger-table-wrap {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  border: 1px solid #2b3942 !important;
  border-radius: 8px !important;
  background: #0f171c !important;
  scrollbar-color: #4a5a64 #0f171c !important;
  scrollbar-width: thin !important;
}

body.admin-page.is-admin-logged-in.admin-view-services :is(#aktywne-zlecenia-serwisowe, #historia-zlecen) > .admin-ledger-table-wrap > .admin-ledger-table {
  display: table !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: fixed !important;
  color: #f3f6f8 !important;
  background: #11191f !important;
  font-size: 0.76rem !important;
}

body.admin-page.is-admin-logged-in.admin-view-services #aktywne-zlecenia-serwisowe > .admin-ledger-table-wrap > .admin-ledger-table {
  min-width: 1320px !important;
}

body.admin-page.is-admin-logged-in.admin-view-services #historia-zlecen > .admin-ledger-table-wrap > .admin-ledger-table {
  min-width: 1500px !important;
}

body.admin-page.is-admin-logged-in.admin-view-services :is(#aktywne-zlecenia-serwisowe, #historia-zlecen) .admin-ledger-table thead {
  position: static !important;
  display: table-header-group !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  border: 0 !important;
}

body.admin-page.is-admin-logged-in.admin-view-services :is(#aktywne-zlecenia-serwisowe, #historia-zlecen) .admin-ledger-table tbody {
  display: table-row-group !important;
}

body.admin-page.is-admin-logged-in.admin-view-services :is(#aktywne-zlecenia-serwisowe, #historia-zlecen) .admin-ledger-table tr {
  display: table-row !important;
  width: auto !important;
  min-width: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.admin-page.is-admin-logged-in.admin-view-services :is(#aktywne-zlecenia-serwisowe, #historia-zlecen) .admin-ledger-table th,
body.admin-page.is-admin-logged-in.admin-view-services :is(#aktywne-zlecenia-serwisowe, #historia-zlecen) .admin-ledger-table td {
  display: table-cell !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 10px 11px !important;
  overflow: visible !important;
  color: #f3f6f8 !important;
  border: 0 !important;
  border-right: 1px solid #2b3942 !important;
  border-bottom: 1px solid #2b3942 !important;
  background: #11191f !important;
  font-size: 0.76rem !important;
  line-height: 1.28 !important;
  text-align: left !important;
  vertical-align: middle !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

body.admin-page.is-admin-logged-in.admin-view-services :is(#aktywne-zlecenia-serwisowe, #historia-zlecen) .admin-ledger-table th {
  position: sticky !important;
  z-index: 2 !important;
  top: 0 !important;
  color: #aeb8c0 !important;
  background: #182229 !important;
  font-size: 0.66rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

body.admin-page.is-admin-logged-in.admin-view-services :is(#aktywne-zlecenia-serwisowe, #historia-zlecen) .admin-ledger-table td::before {
  display: none !important;
  content: none !important;
}

body.admin-page.is-admin-logged-in.admin-view-services :is(#aktywne-zlecenia-serwisowe, #historia-zlecen) .admin-ledger-table th:last-child,
body.admin-page.is-admin-logged-in.admin-view-services :is(#aktywne-zlecenia-serwisowe, #historia-zlecen) .admin-ledger-table td:last-child {
  border-right: 0 !important;
}

body.admin-page.is-admin-logged-in.admin-view-services :is(#aktywne-zlecenia-serwisowe, #historia-zlecen) .admin-ledger-table tbody tr:nth-child(even) td {
  background: #131d23 !important;
}

body.admin-page.is-admin-logged-in.admin-view-services :is(#aktywne-zlecenia-serwisowe, #historia-zlecen) .admin-ledger-table tbody tr:hover td {
  background: #17232a !important;
}

body.admin-page.is-admin-logged-in.admin-view-services :is(#aktywne-zlecenia-serwisowe, #historia-zlecen) .admin-ledger-table :is(.table-link-stack, .table-action-stack, .table-action-form) {
  display: flex !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}

body.admin-page.is-admin-logged-in.admin-view-services :is(#aktywne-zlecenia-serwisowe, #historia-zlecen) .admin-ledger-table :is(a, .table-link, .table-button) {
  max-width: 100% !important;
  color: #ff526e !important;
  font-size: 0.7rem !important;
  font-weight: 750 !important;
  line-height: 1.18 !important;
  text-decoration: none !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

body.admin-page.is-admin-logged-in.admin-view-services :is(#aktywne-zlecenia-serwisowe, #historia-zlecen) .admin-ledger-table :is(button, .button, .table-button, a.button) {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 30px !important;
  padding: 5px 8px !important;
  color: #f3f6f8 !important;
  border: 1px solid #394953 !important;
  border-radius: 7px !important;
  background: #182229 !important;
  font-size: 0.68rem !important;
  line-height: 1.12 !important;
  white-space: normal !important;
}

body.admin-page.is-admin-logged-in.admin-view-services :is(#aktywne-zlecenia-serwisowe, #historia-zlecen) .admin-ledger-table .service-status-pill {
  display: inline-flex !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 26px !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 8px !important;
  border-radius: 999px !important;
  font-size: 0.66rem !important;
  line-height: 1.12 !important;
  white-space: normal !important;
}

body.admin-page.is-admin-logged-in.admin-view-services #aktywne-zlecenia-serwisowe .admin-ledger-table th:nth-child(1), body.admin-page.is-admin-logged-in.admin-view-services #aktywne-zlecenia-serwisowe .admin-ledger-table td:nth-child(1) { width: 10% !important; }
body.admin-page.is-admin-logged-in.admin-view-services #aktywne-zlecenia-serwisowe .admin-ledger-table th:nth-child(2), body.admin-page.is-admin-logged-in.admin-view-services #aktywne-zlecenia-serwisowe .admin-ledger-table td:nth-child(2) { width: 9% !important; }
body.admin-page.is-admin-logged-in.admin-view-services #aktywne-zlecenia-serwisowe .admin-ledger-table th:nth-child(3), body.admin-page.is-admin-logged-in.admin-view-services #aktywne-zlecenia-serwisowe .admin-ledger-table td:nth-child(3) { width: 12% !important; }
body.admin-page.is-admin-logged-in.admin-view-services #aktywne-zlecenia-serwisowe .admin-ledger-table th:nth-child(4), body.admin-page.is-admin-logged-in.admin-view-services #aktywne-zlecenia-serwisowe .admin-ledger-table td:nth-child(4) { width: 15% !important; }
body.admin-page.is-admin-logged-in.admin-view-services #aktywne-zlecenia-serwisowe .admin-ledger-table th:nth-child(5), body.admin-page.is-admin-logged-in.admin-view-services #aktywne-zlecenia-serwisowe .admin-ledger-table td:nth-child(5) { width: 12% !important; }
body.admin-page.is-admin-logged-in.admin-view-services #aktywne-zlecenia-serwisowe .admin-ledger-table th:nth-child(6), body.admin-page.is-admin-logged-in.admin-view-services #aktywne-zlecenia-serwisowe .admin-ledger-table td:nth-child(6) { width: 13% !important; }
body.admin-page.is-admin-logged-in.admin-view-services #aktywne-zlecenia-serwisowe .admin-ledger-table th:nth-child(7), body.admin-page.is-admin-logged-in.admin-view-services #aktywne-zlecenia-serwisowe .admin-ledger-table td:nth-child(7) { width: 8% !important; }
body.admin-page.is-admin-logged-in.admin-view-services #aktywne-zlecenia-serwisowe .admin-ledger-table th:nth-child(8), body.admin-page.is-admin-logged-in.admin-view-services #aktywne-zlecenia-serwisowe .admin-ledger-table td:nth-child(8) { width: 8% !important; }
body.admin-page.is-admin-logged-in.admin-view-services #aktywne-zlecenia-serwisowe .admin-ledger-table th:nth-child(9), body.admin-page.is-admin-logged-in.admin-view-services #aktywne-zlecenia-serwisowe .admin-ledger-table td:nth-child(9) { width: 7% !important; }
body.admin-page.is-admin-logged-in.admin-view-services #aktywne-zlecenia-serwisowe .admin-ledger-table th:nth-child(10), body.admin-page.is-admin-logged-in.admin-view-services #aktywne-zlecenia-serwisowe .admin-ledger-table td:nth-child(10) { width: 6% !important; }

body.admin-page.is-admin-logged-in.admin-view-services #historia-zlecen .admin-ledger-table th:nth-child(1), body.admin-page.is-admin-logged-in.admin-view-services #historia-zlecen .admin-ledger-table td:nth-child(1) { width: 9% !important; }
body.admin-page.is-admin-logged-in.admin-view-services #historia-zlecen .admin-ledger-table th:nth-child(2), body.admin-page.is-admin-logged-in.admin-view-services #historia-zlecen .admin-ledger-table td:nth-child(2) { width: 9% !important; }
body.admin-page.is-admin-logged-in.admin-view-services #historia-zlecen .admin-ledger-table th:nth-child(3), body.admin-page.is-admin-logged-in.admin-view-services #historia-zlecen .admin-ledger-table td:nth-child(3) { width: 11% !important; }
body.admin-page.is-admin-logged-in.admin-view-services #historia-zlecen .admin-ledger-table th:nth-child(4), body.admin-page.is-admin-logged-in.admin-view-services #historia-zlecen .admin-ledger-table td:nth-child(4) { width: 13% !important; }
body.admin-page.is-admin-logged-in.admin-view-services #historia-zlecen .admin-ledger-table th:nth-child(5), body.admin-page.is-admin-logged-in.admin-view-services #historia-zlecen .admin-ledger-table td:nth-child(5) { width: 11% !important; }
body.admin-page.is-admin-logged-in.admin-view-services #historia-zlecen .admin-ledger-table th:nth-child(6), body.admin-page.is-admin-logged-in.admin-view-services #historia-zlecen .admin-ledger-table td:nth-child(6) { width: 12% !important; }
body.admin-page.is-admin-logged-in.admin-view-services #historia-zlecen .admin-ledger-table th:nth-child(7), body.admin-page.is-admin-logged-in.admin-view-services #historia-zlecen .admin-ledger-table td:nth-child(7) { width: 8% !important; }
body.admin-page.is-admin-logged-in.admin-view-services #historia-zlecen .admin-ledger-table th:nth-child(8), body.admin-page.is-admin-logged-in.admin-view-services #historia-zlecen .admin-ledger-table td:nth-child(8) { width: 8% !important; }
body.admin-page.is-admin-logged-in.admin-view-services #historia-zlecen .admin-ledger-table th:nth-child(9), body.admin-page.is-admin-logged-in.admin-view-services #historia-zlecen .admin-ledger-table td:nth-child(9) { width: 8% !important; }
body.admin-page.is-admin-logged-in.admin-view-services #historia-zlecen .admin-ledger-table th:nth-child(10), body.admin-page.is-admin-logged-in.admin-view-services #historia-zlecen .admin-ledger-table td:nth-child(10) { width: 6% !important; }
body.admin-page.is-admin-logged-in.admin-view-services #historia-zlecen .admin-ledger-table th:nth-child(11), body.admin-page.is-admin-logged-in.admin-view-services #historia-zlecen .admin-ledger-table td:nth-child(11) { width: 5% !important; }

@media (max-width: 1099px) {
  body.admin-page.is-admin-logged-in.admin-view-services :is(#aktywne-zlecenia-serwisowe, #historia-zlecen).service-ledger-board {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    padding: 14px !important;
  }

  body.admin-page.is-admin-logged-in.admin-view-services :is(#aktywne-zlecenia-serwisowe, #historia-zlecen) > .admin-ledger-header {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) > .admin-ledger-header > strong {
  flex: 0 0 auto !important;
  padding: 7px 10px !important;
  color: #f3f6f8 !important;
  border: 1px solid rgba(255, 63, 95, 0.45) !important;
  border-radius: 7px !important;
  background: rgba(255, 63, 95, 0.08) !important;
  font-size: 0.72rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow > .admin-ledger-header .estimate-excel-actions {
  display: flex !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow > .estimate-excel-toolbar {
  box-sizing: border-box !important;
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 12px !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  border: 1px solid #2b3942 !important;
  border-radius: 8px !important;
  background: #10181d !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow > .estimate-excel-toolbar label,
body.admin-page.is-admin-logged-in #archiwum-kosztorysow > .estimate-excel-toolbar .estimate-excel-search {
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 180px !important;
  max-width: 100% !important;
  flex: 1 1 190px !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow > .estimate-excel-toolbar .estimate-excel-search {
  flex-basis: 300px !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) > .admin-ledger-table-wrap {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  border: 1px solid #2b3942 !important;
  border-radius: 8px !important;
  background: #0f171c !important;
  scrollbar-color: #4a5a64 #0f171c !important;
  scrollbar-width: thin !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) > .admin-ledger-table-wrap > .admin-ledger-table {
  display: table !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: fixed !important;
  color: #f3f6f8 !important;
  background: #11191f !important;
  font-size: 0.76rem !important;
}

body.admin-page.is-admin-logged-in #archiwum-rachunkow > .admin-ledger-table-wrap > .admin-ledger-table {
  min-width: 1160px !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow > .admin-ledger-table-wrap > .admin-ledger-table {
  min-width: 1460px !important;
}

body.admin-page.is-admin-logged-in #zlecenia-druku-3d > .admin-ledger-table-wrap > .admin-ledger-table {
  min-width: 1540px !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table thead {
  position: static !important;
  display: table-header-group !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  border: 0 !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table tbody {
  display: table-row-group !important;
  width: auto !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table tr,
body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table tbody tr {
  display: table-row !important;
  width: auto !important;
  min-width: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table th,
body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table td {
  display: table-cell !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  padding: 10px 11px !important;
  overflow: visible !important;
  color: #f3f6f8 !important;
  border: 0 !important;
  border-right: 1px solid #2b3942 !important;
  border-bottom: 1px solid #2b3942 !important;
  background: #11191f !important;
  font-size: 0.76rem !important;
  line-height: 1.28 !important;
  text-align: left !important;
  vertical-align: middle !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table th {
  position: sticky !important;
  z-index: 2 !important;
  top: 0 !important;
  color: #aeb8c0 !important;
  background: #182229 !important;
  font-size: 0.66rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  white-space: normal !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table th:last-child,
body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table td:last-child {
  border-right: 0 !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table tbody tr:nth-child(even) td {
  background: #131d23 !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table tbody tr:hover td {
  background: #17232a !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table td::before {
  display: none !important;
  content: none !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table strong,
body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table b {
  color: #f8fbfc !important;
  font-size: 0.77rem !important;
  font-weight: 750 !important;
  line-height: 1.24 !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table small,
body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table .table-muted {
  display: block !important;
  margin-top: 3px !important;
  color: #9eabb3 !important;
  font-size: 0.66rem !important;
  line-height: 1.25 !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table :is(.table-link-stack, .table-action-stack, .table-action-form, .estimate-grid-actions) {
  display: flex !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table :is(.table-link, .table-button, .estimate-pdf-link) {
  max-width: 100% !important;
  color: #ff526e !important;
  font-size: 0.7rem !important;
  font-weight: 750 !important;
  line-height: 1.18 !important;
  text-decoration: none !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table :is(.table-link, .table-button, .estimate-pdf-link):hover {
  color: #ff8195 !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table :is(button, .button, .table-button, a.button, .table-edit-panel > summary, .estimate-row-menu > summary) {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 30px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 5px 8px !important;
  color: #f3f6f8 !important;
  border: 1px solid #394953 !important;
  border-radius: 7px !important;
  background: #182229 !important;
  font-size: 0.68rem !important;
  line-height: 1.12 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table :is(select, input, textarea) {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 32px !important;
  padding: 6px 8px !important;
  color: #f3f6f8 !important;
  border: 1px solid #3a4a54 !important;
  border-radius: 6px !important;
  background: #0d151a !important;
  font-size: 0.69rem !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table .service-status-pill {
  display: inline-flex !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 26px !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 8px !important;
  border-radius: 999px !important;
  font-size: 0.66rem !important;
  line-height: 1.12 !important;
  white-space: normal !important;
}

body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table th:nth-child(1),
body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table td:nth-child(1) { width: 11% !important; }
body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table th:nth-child(2),
body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table td:nth-child(2) { width: 14% !important; }
body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table th:nth-child(3),
body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table td:nth-child(3) { width: 14% !important; }
body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table th:nth-child(4),
body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table td:nth-child(4) { width: 18% !important; }
body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table th:nth-child(5),
body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table td:nth-child(5) { width: 12% !important; }
body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table th:nth-child(6),
body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table td:nth-child(6) { width: 13% !important; }
body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table th:nth-child(7),
body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table td:nth-child(7) { width: 9% !important; }
body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table th:nth-child(8),
body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table td:nth-child(8) { width: 9% !important; }

body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table th:nth-child(1),
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table td:nth-child(1) { width: 7.5% !important; }
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table th:nth-child(2),
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table td:nth-child(2) { width: 7.5% !important; }
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table th:nth-child(3),
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table td:nth-child(3) { width: 7.5% !important; }
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table th:nth-child(4),
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table td:nth-child(4) { width: 9% !important; }
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table th:nth-child(5),
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table td:nth-child(5) { width: 7% !important; }
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table th:nth-child(6),
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table td:nth-child(6) { width: 8% !important; }
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table th:nth-child(7),
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table td:nth-child(7) { width: 10% !important; }
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table th:nth-child(8),
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table td:nth-child(8) { width: 11% !important; }
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table th:nth-child(9),
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table td:nth-child(9) { width: 6% !important; }
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table th:nth-child(10),
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table td:nth-child(10) { width: 9.5% !important; }
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table th:nth-child(11),
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table td:nth-child(11) { width: 12% !important; }
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table th:nth-child(12),
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table td:nth-child(12) { width: 5% !important; }

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .admin-ledger-table col.estimate-col-number { width: 9% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .admin-ledger-table col.estimate-col-date { width: 9% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .admin-ledger-table col.estimate-col-client { width: 11% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .admin-ledger-table col.estimate-col-status { width: 12% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .admin-ledger-table col.estimate-col-money { width: 7.5% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .admin-ledger-table col.estimate-col-pdf { width: 8% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .admin-ledger-table col.estimate-col-job { width: 8% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .admin-ledger-table col.estimate-col-invoice { width: 8% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .admin-ledger-table col.estimate-col-actions { width: 12% !important; }

body.admin-page.is-admin-logged-in #archiwum-kosztorysow > .estimate-excel-footer {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  border: 1px solid #2b3942 !important;
  border-radius: 8px !important;
  background: #10181d !important;
}

@media (max-width: 1099px) {
  body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d).admin-ledger-board {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    padding: 14px !important;
  }

  body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) > .admin-ledger-header {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  body.admin-page.is-admin-logged-in #archiwum-kosztorysow > .admin-ledger-header .estimate-excel-actions {
    width: 100% !important;
    justify-content: flex-start !important;
  }
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) > .admin-ledger-header > div:first-child > span {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 5px !important;
  padding: 0 !important;
  color: #ff526e !important;
  font-size: 0.66rem !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) > .admin-ledger-header h2 {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #f3f6f8 !important;
  font-size: clamp(1.35rem, 1.7vw, 1.75rem) !important;
  font-weight: 760 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
}

/* 2026-07-31: wspolny uklad archiwow faktur, kosztorysow i zlecen druku. */
body.admin-page.is-admin-logged-in .admin-ledger-board {
  box-sizing: border-box !important;
  width: min(1720px, calc(100vw - 28px)) !important;
  max-width: min(1720px, calc(100vw - 28px)) !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding: 20px !important;
  gap: 16px !important;
  overflow: visible !important;
  border: 1px solid #2b3942 !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #141e24 0%, #11191f 100%) !important;
  box-shadow: none !important;
}

body.admin-page.is-admin-logged-in .admin-ledger-board > * {
  min-width: 0 !important;
}

body.admin-page.is-admin-logged-in .admin-ledger-header {
  display: flex !important;
  min-height: 64px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  padding: 0 0 14px !important;
  border-bottom: 1px solid #2b3942 !important;
  background: transparent !important;
}

body.admin-page.is-admin-logged-in .admin-ledger-header > div:first-child {
  display: block !important;
  min-width: 0 !important;
  padding: 0 !important;
}

body.admin-page.is-admin-logged-in .admin-ledger-header > div:first-child > span::before {
  display: none !important;
  content: none !important;
}

body.admin-page.is-admin-logged-in .admin-ledger-header span {
  color: #ff5d78 !important;
  font-size: 0.7rem !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body.admin-page.is-admin-logged-in .admin-ledger-header h2 {
  margin: 4px 0 0 !important;
  color: #f3f6f8 !important;
  font-size: clamp(1.2rem, 1.45vw, 1.55rem) !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
}

body.admin-page.is-admin-logged-in .admin-ledger-header > strong,
body.admin-page.is-admin-logged-in .admin-ledger-header .table-link-stack > strong {
  display: inline-flex !important;
  min-height: 32px !important;
  align-items: center !important;
  padding: 6px 10px !important;
  color: #f3f6f8 !important;
  border: 1px solid rgba(255, 63, 95, 0.42) !important;
  border-radius: 7px !important;
  background: rgba(255, 63, 95, 0.08) !important;
  font-size: 0.72rem !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

body.admin-page.is-admin-logged-in .admin-ledger-header .table-link-stack,
body.admin-page.is-admin-logged-in .admin-ledger-header .estimate-excel-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

body.admin-page.is-admin-logged-in .admin-ledger-header .estimate-excel-icon-button,
body.admin-page.is-admin-logged-in .admin-ledger-header .estimate-excel-primary {
  min-height: 36px !important;
  border-radius: 7px !important;
}

body.admin-page.is-admin-logged-in .admin-ledger-table-wrap {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  border: 1px solid #2b3942 !important;
  border-radius: 8px !important;
  background: #0f171c !important;
  scrollbar-color: #4a5a64 #0f171c;
  scrollbar-width: thin;
}

body.admin-page.is-admin-logged-in .admin-ledger-table {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: fixed !important;
  color: #f3f6f8 !important;
  background: #11191f !important;
  font-size: 0.76rem !important;
}

body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table {
  min-width: 1180px !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .admin-ledger-table {
  min-width: 1480px !important;
}

body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table {
  min-width: 1580px !important;
}

body.admin-page.is-admin-logged-in .admin-ledger-table thead {
  display: table-header-group !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  clip: auto !important;
}

body.admin-page.is-admin-logged-in .admin-ledger-table tbody {
  display: table-row-group !important;
}

body.admin-page.is-admin-logged-in .admin-ledger-table tr,
body.admin-page.is-admin-logged-in .admin-ledger-table tbody tr {
  display: table-row !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.admin-page.is-admin-logged-in .admin-ledger-table th,
body.admin-page.is-admin-logged-in .admin-ledger-table td {
  display: table-cell !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 10px 11px !important;
  text-align: left !important;
  vertical-align: middle !important;
  color: #f3f6f8 !important;
  border-right: 1px solid #2b3942 !important;
  border-bottom: 1px solid #2b3942 !important;
  background: #11191f !important;
  font-size: 0.76rem !important;
  line-height: 1.28 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

body.admin-page.is-admin-logged-in .admin-ledger-table th {
  position: sticky !important;
  z-index: 2 !important;
  top: 0 !important;
  color: #aeb8c0 !important;
  background: #182229 !important;
  font-size: 0.66rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  white-space: normal !important;
}

body.admin-page.is-admin-logged-in .admin-ledger-table th:last-child,
body.admin-page.is-admin-logged-in .admin-ledger-table td:last-child {
  border-right: 0 !important;
}

body.admin-page.is-admin-logged-in .admin-ledger-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

body.admin-page.is-admin-logged-in .admin-ledger-table tbody tr:nth-child(even) td {
  background: #131d23 !important;
}

body.admin-page.is-admin-logged-in .admin-ledger-table tbody tr:hover td {
  background: #17232a !important;
}

body.admin-page.is-admin-logged-in .admin-ledger-table td::before {
  display: none !important;
  content: none !important;
}

body.admin-page.is-admin-logged-in .admin-ledger-table strong,
body.admin-page.is-admin-logged-in .admin-ledger-table b {
  color: #f8fbfc !important;
  font-size: 0.77rem !important;
  font-weight: 750 !important;
  line-height: 1.24 !important;
}

body.admin-page.is-admin-logged-in .admin-ledger-table small,
body.admin-page.is-admin-logged-in .admin-ledger-table .table-muted {
  display: block !important;
  margin-top: 3px !important;
  color: #9eabb3 !important;
  font-size: 0.66rem !important;
  line-height: 1.25 !important;
}

body.admin-page.is-admin-logged-in .admin-ledger-table .table-link-stack,
body.admin-page.is-admin-logged-in .admin-ledger-table .table-action-stack,
body.admin-page.is-admin-logged-in .admin-ledger-table .table-action-form,
body.admin-page.is-admin-logged-in .admin-ledger-table .estimate-grid-actions {
  display: flex !important;
  max-width: 100% !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}

body.admin-page.is-admin-logged-in .admin-ledger-table .table-link,
body.admin-page.is-admin-logged-in .admin-ledger-table .table-button,
body.admin-page.is-admin-logged-in .admin-ledger-table .estimate-pdf-link {
  color: #ff526e !important;
  font-size: 0.7rem !important;
  font-weight: 750 !important;
  line-height: 1.18 !important;
  text-decoration: none !important;
}

body.admin-page.is-admin-logged-in .admin-ledger-table .table-link:hover,
body.admin-page.is-admin-logged-in .admin-ledger-table .table-button:hover,
body.admin-page.is-admin-logged-in .admin-ledger-table .estimate-pdf-link:hover {
  color: #ff8195 !important;
}

body.admin-page.is-admin-logged-in .admin-ledger-table button,
body.admin-page.is-admin-logged-in .admin-ledger-table .button,
body.admin-page.is-admin-logged-in .admin-ledger-table .table-button,
body.admin-page.is-admin-logged-in .admin-ledger-table a.button,
body.admin-page.is-admin-logged-in .admin-ledger-table .table-edit-panel > summary,
body.admin-page.is-admin-logged-in .admin-ledger-table .estimate-row-menu > summary {
  min-width: 0 !important;
  min-height: 30px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 5px 8px !important;
  color: #f3f6f8 !important;
  border: 1px solid #394953 !important;
  border-radius: 7px !important;
  background: #182229 !important;
  font-size: 0.68rem !important;
  line-height: 1.12 !important;
  white-space: normal !important;
}

body.admin-page.is-admin-logged-in .admin-ledger-table select,
body.admin-page.is-admin-logged-in .admin-ledger-table input,
body.admin-page.is-admin-logged-in .admin-ledger-table textarea {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 32px !important;
  padding: 6px 8px !important;
  color: #f3f6f8 !important;
  border: 1px solid #3a4a54 !important;
  border-radius: 6px !important;
  background: #0d151a !important;
  font-size: 0.69rem !important;
}

body.admin-page.is-admin-logged-in .admin-ledger-table .service-status-pill {
  display: inline-flex !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 25px !important;
  align-items: center !important;
  padding: 4px 7px !important;
  border-radius: 999px !important;
  font-size: 0.65rem !important;
  line-height: 1.1 !important;
  white-space: normal !important;
}

body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table th:nth-child(1),
body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table td:nth-child(1) { width: 12% !important; }
body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table th:nth-child(2),
body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table td:nth-child(2) { width: 15% !important; }
body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table th:nth-child(3),
body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table td:nth-child(3) { width: 14% !important; }
body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table th:nth-child(4),
body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table td:nth-child(4) { width: 15% !important; }
body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table th:nth-child(5),
body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table td:nth-child(5) { width: 12% !important; }
body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table th:nth-child(6),
body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table td:nth-child(6) { width: 12% !important; }
body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table th:nth-child(7),
body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table td:nth-child(7) { width: 9% !important; }
body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table th:nth-child(8),
body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table td:nth-child(8) { width: 11% !important; }

body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table th:nth-child(1),
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table td:nth-child(1) { width: 7.2% !important; }
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table th:nth-child(2),
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table td:nth-child(2) { width: 7.5% !important; }
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table th:nth-child(3),
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table td:nth-child(3) { width: 7.5% !important; }
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table th:nth-child(4),
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table td:nth-child(4) { width: 9% !important; }
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table th:nth-child(5),
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table td:nth-child(5) { width: 7% !important; }
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table th:nth-child(6),
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table td:nth-child(6) { width: 8.5% !important; }
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table th:nth-child(7),
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table td:nth-child(7) { width: 10% !important; }
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table th:nth-child(8),
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table td:nth-child(8) { width: 11% !important; }
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table th:nth-child(9),
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table td:nth-child(9) { width: 6.5% !important; }
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table th:nth-child(10),
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table td:nth-child(10) { width: 9.5% !important; }
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table th:nth-child(11),
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table td:nth-child(11) { width: 11% !important; }
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table th:nth-child(12),
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table td:nth-child(12) { width: 5.3% !important; }

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .admin-ledger-table col.estimate-col-number { width: 9.4% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .admin-ledger-table col.estimate-col-date { width: 9.2% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .admin-ledger-table col.estimate-col-client { width: 10.2% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .admin-ledger-table col.estimate-col-status { width: 11.5% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .admin-ledger-table col.estimate-col-money { width: 7% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .admin-ledger-table col.estimate-col-pdf { width: 8.2% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .admin-ledger-table col.estimate-col-job { width: 8.6% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .admin-ledger-table col.estimate-col-invoice { width: 8.2% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .admin-ledger-table col.estimate-col-actions { width: 12.5% !important; }

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-filters {
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 12px !important;
  border: 1px solid #2b3942 !important;
  border-radius: 8px !important;
  background: #10181d !important;
}

@media (max-width: 1099px) {
  body.admin-page.is-admin-logged-in .admin-ledger-board {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    padding: 14px !important;
  }

  body.admin-page.is-admin-logged-in .admin-ledger-header {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  body.admin-page.is-admin-logged-in .admin-ledger-header .table-link-stack,
  body.admin-page.is-admin-logged-in .admin-ledger-header .estimate-excel-actions {
    width: 100% !important;
    justify-content: flex-start !important;
  }
}

/* Wysoka specyficznosc chroni wspolny uklad przed starszymi stylami modulow. */
body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d).admin-ledger-board {
  box-sizing: border-box !important;
  width: min(1720px, calc(100vw - 28px)) !important;
  max-width: min(1720px, calc(100vw - 28px)) !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding: 20px !important;
  gap: 16px !important;
  overflow: visible !important;
  border: 1px solid #2b3942 !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #141e24 0%, #11191f 100%) !important;
  box-shadow: none !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-header {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 0 0 14px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  border-bottom: 1px solid #2b3942 !important;
  background: transparent !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-header > div:first-child {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-header > div:first-child > span::before {
  display: none !important;
  content: none !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table-wrap {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  border: 1px solid #2b3942 !important;
  border-radius: 8px !important;
  background: #0f171c !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table {
  display: table !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: fixed !important;
  color: #f3f6f8 !important;
  background: #11191f !important;
}

body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table { min-width: 1180px !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .admin-ledger-table { min-width: 1480px !important; }
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table { min-width: 1580px !important; }

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table thead {
  display: table-header-group !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  clip: auto !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table tbody {
  display: table-row-group !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table tr,
body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table tbody tr {
  display: table-row !important;
  width: auto !important;
  min-width: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table th,
body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table td {
  display: table-cell !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 10px 11px !important;
  text-align: left !important;
  vertical-align: middle !important;
  color: #f3f6f8 !important;
  border-right: 1px solid #2b3942 !important;
  border-bottom: 1px solid #2b3942 !important;
  background: #11191f !important;
  font-size: 0.76rem !important;
  line-height: 1.28 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table th {
  position: sticky !important;
  z-index: 2 !important;
  top: 0 !important;
  color: #aeb8c0 !important;
  background: #182229 !important;
  font-size: 0.66rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  white-space: normal !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table td::before {
  display: none !important;
  content: none !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table tbody tr:nth-child(even) td {
  background: #131d23 !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table tbody tr:hover td {
  background: #17232a !important;
}

@media (max-width: 1099px) {
  body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d).admin-ledger-board {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    padding: 14px !important;
  }

  body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-header {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

/* 2026-07-18: uporzadkowany panel w czterech obszarach. */
body.admin-page.is-admin-logged-in .admin-area-switcher {
  position: fixed;
  z-index: 98;
  top: 80px;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 54px;
  padding: 7px 24px;
  overflow-x: auto;
  border-bottom: 1px solid rgba(215, 227, 234, 0.1);
  background: rgba(12, 17, 21, 0.97);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(16px);
}

body.admin-page.is-admin-logged-in .admin-area-switcher a {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 150px;
  min-height: 38px;
  padding: 7px 14px;
  border: 1px solid transparent;
  border-radius: 7px;
  color: #b8c3ca;
  font-size: 0.84rem;
  font-weight: 750;
  text-decoration: none;
}

body.admin-page.is-admin-logged-in .admin-area-switcher a:hover {
  color: #ffffff;
  border-color: rgba(225, 239, 247, 0.13);
  background: rgba(255, 255, 255, 0.035);
}

body.admin-page.is-admin-logged-in .admin-area-switcher a.is-active {
  color: #ffffff;
  border-color: rgba(255, 42, 79, 0.44);
  background: rgba(255, 42, 79, 0.12);
  box-shadow: inset 3px 0 0 #ff2a4f;
}

body.admin-page.is-admin-logged-in .admin-area-switcher .admin-i {
  display: grid;
  place-items: center;
  color: currentColor;
  font-size: 1rem;
}

body.admin-page.is-admin-logged-in main {
  padding-top: 134px !important;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-card.is-print { order: 1; }
body.admin-view-dashboard.is-admin-logged-in .admin-command-card.is-shop { order: 2; }
body.admin-view-dashboard.is-admin-logged-in .admin-command-card.is-service { order: 3; }
body.admin-view-dashboard.is-admin-logged-in .admin-command-card.is-admin { order: 4; }

body.admin-view-dashboard.is-admin-logged-in .admin-command-card,
body.admin-view-dashboard.is-admin-logged-in .admin-command-widget,
body.admin-view-dashboard.is-admin-logged-in .admin-command-widget > *,
body.admin-view-dashboard.is-admin-logged-in .admin-command-widget li > * {
  min-width: 0;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-widgets {
  grid-template-columns:
    minmax(270px, 0.9fr)
    minmax(370px, 1.25fr)
    minmax(285px, 0.95fr)
    minmax(340px, 1.1fr);
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-widget header {
  align-items: flex-start;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-widget header h3 {
  min-width: 0;
  overflow-wrap: anywhere;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-widget header a {
  flex: 0 0 auto;
  max-width: 128px;
  text-align: center;
  white-space: normal;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-jobs li {
  grid-template-columns: minmax(0, 1fr) minmax(118px, 42%);
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-jobs em {
  max-width: 100%;
  padding-inline: 8px;
  overflow-wrap: anywhere;
  line-height: 1.25;
  text-align: center;
  white-space: normal;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-jobs strong,
body.admin-view-dashboard.is-admin-logged-in .admin-command-jobs small,
body.admin-view-dashboard.is-admin-logged-in .admin-command-stock strong,
body.admin-view-dashboard.is-admin-logged-in .admin-command-stock small,
body.admin-view-dashboard.is-admin-logged-in .admin-command-invoices strong,
body.admin-view-dashboard.is-admin-logged-in .admin-command-invoices small {
  overflow-wrap: anywhere;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-stock li {
  grid-template-columns: 42px minmax(0, 1fr);
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-stock b {
  grid-column: 2;
  white-space: normal;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-invoices li > div:last-child {
  flex-wrap: wrap;
}

body.admin-page.is-admin-logged-in .service-table-wrap,
body.admin-page.is-admin-logged-in .table-scroll,
body.admin-page.is-admin-logged-in .admin-table-scroll {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

body.admin-page.is-admin-logged-in .service-table {
  width: max-content;
  min-width: 100% !important;
  table-layout: auto;
}

body.admin-page.is-admin-logged-in .service-table th,
body.admin-page.is-admin-logged-in .service-table td {
  max-width: 340px;
  white-space: normal;
  overflow-wrap: anywhere;
}

body.admin-page.is-admin-logged-in .service-table .table-link-stack,
body.admin-page.is-admin-logged-in .service-table .table-action-stack {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
}

body.admin-page.is-admin-logged-in.admin-view-print_area .admin-toolbar,
body.admin-page.is-admin-logged-in.admin-view-shop_area .admin-toolbar,
body.admin-page.is-admin-logged-in.admin-view-service_area .admin-toolbar,
body.admin-page.is-admin-logged-in.admin-view-management .admin-toolbar {
  display: none !important;
}

body.admin-page.is-admin-logged-in.admin-view-service_area .admin-command-area .admin-workspace-module-grid {
  grid-template-columns: minmax(300px, 520px);
}

@media (max-width: 1420px) {
  body.admin-view-dashboard.is-admin-logged-in .admin-command-widgets {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  body.admin-page.is-admin-logged-in .admin-area-switcher {
    top: 132px;
    justify-content: flex-start;
    padding-inline: 14px;
  }

  body.admin-page.is-admin-logged-in main {
    padding-top: 186px !important;
  }

  body.admin-page.is-admin-logged-in .admin-area-switcher a {
    min-width: 132px;
  }
}

@media (max-width: 720px) {
  body.admin-view-dashboard.is-admin-logged-in .admin-command-widgets {
    grid-template-columns: minmax(0, 1fr);
  }

  body.admin-page.is-admin-logged-in .admin-area-switcher a {
    min-width: 118px;
    font-size: 0.78rem;
  }
}

.service-intake-is-suspended main > :not(.service-maintenance-section) {
  display: none !important;
}

.service-maintenance-section {
  min-height: calc(100vh - 92px);
  display: grid;
  align-items: center;
  background: var(--surface-dark, #0e1418);
}

/* Admin 2026 app-style dashboard redesign */
body.admin-page.is-admin-logged-in {
  --admin-bg: #0b1013;
  --admin-panel: #141b20;
  --admin-panel-2: #10161a;
  --admin-panel-3: #1a2228;
  --admin-border: rgba(221, 235, 242, 0.13);
  --admin-border-strong: rgba(255, 36, 77, 0.42);
  --admin-text: #f2f7fa;
  --admin-muted: #a9b7c0;
  --admin-red: #ff244d;
  --admin-red-soft: rgba(255, 36, 77, 0.13);
  min-height: 100vh;
  color: var(--admin-text);
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 36, 77, 0.09), transparent 28%),
    linear-gradient(90deg, rgba(236, 248, 255, 0.03) 1px, transparent 1px),
    linear-gradient(180deg, rgba(236, 248, 255, 0.025) 1px, transparent 1px),
    linear-gradient(180deg, #0e1418 0%, #090d10 100%);
  background-size: auto, 56px 56px, 56px 56px, auto;
}

body.admin-page.is-admin-logged-in .site-header {
  display: none;
}

body.admin-page.is-admin-logged-in main {
  padding-top: 76px;
}

.admin-appbar {
  position: fixed;
  z-index: 1000;
  inset: 0 0 auto;
  display: grid;
  grid-template-columns: minmax(180px, 240px) auto minmax(260px, 390px) auto auto;
  gap: 14px;
  align-items: center;
  min-height: 68px;
  padding: 10px clamp(18px, 3vw, 42px);
  border-bottom: 1px solid rgba(255, 36, 77, 0.24);
  background: rgba(9, 13, 16, 0.94);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.34);
  backdrop-filter: blur(18px);
}

.admin-appbar-brand {
  display: inline-flex;
  gap: 12px;
  align-items: center;
  min-width: 0;
  color: var(--admin-text);
  text-decoration: none;
}

.admin-appbar-brand img {
  width: 160px;
  height: auto;
  max-height: 32px;
  object-fit: contain;
}

.admin-appbar-brand span,
.admin-appbar-search span,
.admin-appbar-status span {
  color: var(--admin-muted);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.admin-appbar-nav {
  display: flex;
  gap: 6px;
  align-items: center;
  min-width: 0;
}

.admin-appbar-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 13px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: rgba(242, 247, 250, 0.78);
  font-size: 0.9rem;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}

.admin-appbar-nav a:hover,
.admin-appbar-nav a.is-active {
  color: #fff;
  border-color: rgba(255, 36, 77, 0.42);
  background: rgba(255, 36, 77, 0.12);
}

.admin-appbar-search {
  position: relative;
  display: grid;
  gap: 3px;
  min-width: 0;
}

.admin-appbar-search input {
  width: 100%;
  height: 40px;
  padding: 0 14px;
  border: 1px solid rgba(221, 235, 242, 0.16);
  border-radius: 8px;
  color: var(--admin-text);
  background: #0c1114;
}

.admin-appbar-status {
  display: flex;
  gap: 8px;
  align-items: center;
}

.admin-appbar-status a {
  display: grid;
  min-width: 68px;
  padding: 7px 10px;
  border: 1px solid rgba(221, 235, 242, 0.12);
  border-radius: 8px;
  color: var(--admin-text);
  text-decoration: none;
  background: rgba(255, 255, 255, 0.035);
}

.admin-appbar-status strong {
  color: #fff;
  font-size: 1.05rem;
  line-height: 1.1;
}

.admin-appbar-logout button {
  min-height: 40px;
  padding: 0 15px;
  border: 1px solid rgba(255, 36, 77, 0.48);
  border-radius: 8px;
  color: #fff;
  font-weight: 800;
  background: rgba(255, 36, 77, 0.12);
  cursor: pointer;
}

body.admin-page.is-admin-logged-in .section-paper {
  padding-top: 22px;
  background: transparent;
}

body.admin-page.is-admin-logged-in .admin-panel {
  border: 0;
  box-shadow: none;
}

body.admin-page.is-admin-logged-in .admin-shell {
  max-width: 1500px;
}

body.admin-page.is-admin-logged-in .admin-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
  padding: 16px 18px;
  border: 1px solid var(--admin-border);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(26, 34, 40, 0.88), rgba(14, 20, 24, 0.88));
}

body.admin-page.is-admin-logged-in .admin-toolbar h2 {
  margin: 4px 0 0;
  font-size: clamp(1.35rem, 2vw, 2.1rem);
}

body.admin-page.is-admin-logged-in .admin-toolbar .section-label {
  margin: 0;
  font-size: 0.72rem;
}

body.admin-page.is-admin-logged-in .admin-toolbar-logout {
  display: none;
}

body.admin-page.is-admin-logged-in .admin-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

body.admin-page.is-admin-logged-in .admin-dashboard-overview {
  grid-template-columns: minmax(0, 1.28fr) minmax(340px, 0.72fr);
  gap: 16px;
}

body.admin-page.is-admin-logged-in .admin-dashboard-overview > .admin-overview-heading,
body.admin-page.is-admin-logged-in .admin-dashboard-overview > .admin-workspace-grid,
body.admin-page.is-admin-logged-in .admin-dashboard-overview > .admin-quick-actions,
body.admin-page.is-admin-logged-in .admin-dashboard-overview > .admin-overview-stats,
body.admin-page.is-admin-logged-in .admin-dashboard-overview > .admin-operational-alerts,
body.admin-page.is-admin-logged-in .admin-dashboard-overview > .admin-overview-panels {
  grid-column: 1 / -1;
}

body.admin-page.is-admin-logged-in .admin-dashboard-overview > .admin-calendar-widget {
  grid-column: 1;
}

body.admin-page.is-admin-logged-in .admin-dashboard-overview > .admin-work-center {
  grid-column: 2;
}

body.admin-page.is-admin-logged-in .admin-overview-heading {
  padding: 4px 2px;
}

body.admin-page.is-admin-logged-in .admin-overview-heading h2 {
  margin: 4px 0 0;
  font-size: clamp(1.6rem, 2.3vw, 2.6rem);
}

body.admin-page.is-admin-logged-in .admin-workspace-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.admin-page.is-admin-logged-in .admin-workspace-card,
body.admin-page.is-admin-logged-in .admin-workspace-module-card {
  overflow: hidden;
  border-radius: 12px;
  border-color: var(--admin-border);
  background:
    linear-gradient(135deg, rgba(255, 36, 77, 0.08), transparent 34%),
    linear-gradient(180deg, #182127, #11171b);
}

body.admin-page.is-admin-logged-in .admin-workspace-card {
  min-height: 142px;
  padding: 18px;
}

body.admin-page.is-admin-logged-in .admin-workspace-card::after,
body.admin-page.is-admin-logged-in .admin-workspace-module-card::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 16px;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  background: rgba(255, 255, 255, 0.045);
}

body.admin-page.is-admin-logged-in .admin-workspace-card.is-dashboard::before {
  background: #ff244d;
}

body.admin-page.is-admin-logged-in .admin-workspace-card.is-active {
  border-color: rgba(255, 36, 77, 0.46);
}

body.admin-page.is-admin-logged-in .admin-workspace-card > strong {
  max-width: calc(100% - 42px);
  font-size: 1.35rem;
}

body.admin-page.is-admin-logged-in .admin-workspace-card > small,
body.admin-page.is-admin-logged-in .admin-workspace-module-card > small {
  font-size: 0.84rem;
}

.admin-quick-actions {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.admin-quick-actions a {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 13px 14px;
  border: 1px solid var(--admin-border);
  border-radius: 10px;
  color: var(--admin-text);
  text-decoration: none;
  background: rgba(255, 255, 255, 0.035);
}

.admin-quick-actions a:hover {
  border-color: var(--admin-border-strong);
  background: var(--admin-red-soft);
}

.admin-quick-actions span {
  color: var(--admin-red);
  font-size: 0.68rem;
  font-weight: 800;
  text-transform: uppercase;
}

.admin-quick-actions strong {
  color: #fff;
  font-size: 0.95rem;
}

body.admin-page.is-admin-logged-in .admin-overview-stats {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 10px;
}

body.admin-page.is-admin-logged-in .admin-overview-stats article {
  min-height: 96px;
  padding: 13px;
  border-radius: 10px;
}

body.admin-page.is-admin-logged-in .admin-overview-stats article strong {
  font-size: 1.7rem;
}

body.admin-page.is-admin-logged-in .admin-operational-alerts {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 10px;
}

body.admin-page.is-admin-logged-in .admin-operational-alerts .admin-alert-card {
  min-height: 106px;
  padding: 13px;
  border-radius: 10px;
}

body.admin-page.is-admin-logged-in .admin-alert-card > strong {
  font-size: 1.55rem;
}

body.admin-page.is-admin-logged-in .admin-calendar-widget,
body.admin-page.is-admin-logged-in .admin-work-center,
body.admin-page.is-admin-logged-in .admin-overview-panel,
body.admin-page.is-admin-logged-in .admin-workspace-directory {
  border-radius: 12px;
}

body.admin-page.is-admin-logged-in .admin-calendar-layout {
  grid-template-columns: minmax(0, 1.25fr) minmax(260px, 0.75fr);
}

body.admin-page.is-admin-logged-in .admin-calendar-day {
  min-height: 58px;
  padding: 7px;
}

body.admin-page.is-admin-logged-in .admin-calendar-day li {
  font-size: 0.68rem;
}

body.admin-page.is-admin-logged-in .admin-work-center {
  align-self: start;
}

body.admin-page.is-admin-logged-in .admin-work-list {
  max-height: 488px;
  overflow: auto;
  padding-right: 3px;
}

body.admin-page.is-admin-logged-in .admin-work-list li,
body.admin-page.is-admin-logged-in .admin-overview-list li {
  border-radius: 9px;
}

body.admin-page.is-admin-logged-in .admin-workspace-directory {
  gap: 14px;
}

body.admin-page.is-admin-logged-in .admin-workspace-directory-header {
  align-items: center;
  padding: 18px;
  border-radius: 12px;
}

body.admin-page.is-admin-logged-in .admin-workspace-directory-header h2 {
  font-size: clamp(1.6rem, 2.4vw, 2.6rem);
}

body.admin-page.is-admin-logged-in .admin-workspace-module-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.admin-page.is-admin-logged-in .admin-workspace-module-card {
  min-height: 128px;
  padding: 16px;
}

body.admin-page.is-admin-logged-in .admin-workspace-module-card > strong {
  max-width: calc(100% - 42px);
  font-size: 1.02rem;
}

@media (max-width: 1320px) {
  .admin-appbar {
    grid-template-columns: minmax(160px, 220px) minmax(0, 1fr) auto;
  }

  .admin-appbar-search,
  .admin-appbar-status {
    display: none;
  }

  body.admin-page.is-admin-logged-in .admin-overview-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  body.admin-page.is-admin-logged-in .admin-operational-alerts {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  body.admin-page.is-admin-logged-in .admin-workspace-module-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  body.admin-page.is-admin-logged-in main {
    padding-top: 118px;
  }

  .admin-appbar {
    grid-template-columns: 1fr auto;
    align-items: start;
  }

  .admin-appbar-nav {
    grid-column: 1 / -1;
    overflow-x: auto;
    padding-bottom: 2px;
  }

  body.admin-page.is-admin-logged-in .admin-dashboard-overview {
    grid-template-columns: 1fr;
  }

  body.admin-page.is-admin-logged-in .admin-dashboard-overview > .admin-calendar-widget,
  body.admin-page.is-admin-logged-in .admin-dashboard-overview > .admin-work-center {
    grid-column: 1;
  }

  body.admin-page.is-admin-logged-in .admin-workspace-grid,
  body.admin-page.is-admin-logged-in .admin-overview-stats,
  body.admin-page.is-admin-logged-in .admin-operational-alerts,
  body.admin-page.is-admin-logged-in .admin-workspace-module-grid,
  .admin-quick-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  body.admin-page.is-admin-logged-in main {
    padding-top: 126px;
  }

  .admin-appbar {
    padding-inline: 12px;
  }

  .admin-appbar-brand img {
    width: 138px;
  }

  body.admin-page.is-admin-logged-in .admin-workspace-grid,
  body.admin-page.is-admin-logged-in .admin-overview-stats,
  body.admin-page.is-admin-logged-in .admin-operational-alerts,
  body.admin-page.is-admin-logged-in .admin-calendar-layout,
  body.admin-page.is-admin-logged-in .admin-workspace-module-grid,
  .admin-quick-actions {
    grid-template-columns: 1fr;
  }

  body.admin-page.is-admin-logged-in .admin-toolbar,
  body.admin-page.is-admin-logged-in .admin-workspace-directory-header {
    align-items: stretch;
    flex-direction: column;
  }
}

/* Unified command-style layout for every admin module */
body.admin-page.is-admin-logged-in {
  --cmd-card-bg: radial-gradient(circle at 14% 0%, rgba(255, 255, 255, 0.06), transparent 40%),
    linear-gradient(180deg, rgba(28, 38, 45, 0.94), rgba(17, 24, 29, 0.94));
  --cmd-card-border: rgba(190, 207, 216, 0.16);
  --cmd-card-border-soft: rgba(190, 207, 216, 0.1);
  --cmd-card-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 16px 40px rgba(0, 0, 0, 0.18);
}

body.admin-page.is-admin-logged-in .admin-appbar {
  grid-template-columns: 276px minmax(230px, 270px) minmax(360px, 1fr) 172px 222px 124px;
  gap: 0;
  min-height: 80px;
  padding: 0 24px;
  border-bottom: 1px solid rgba(215, 227, 234, 0.1);
  background: linear-gradient(180deg, rgba(17, 24, 29, 0.98), rgba(12, 17, 21, 0.98));
}

body.admin-page.is-admin-logged-in .admin-appbar-nav,
body.admin-page.is-admin-logged-in .admin-appbar-status {
  display: none;
}

body.admin-page.is-admin-logged-in .admin-appbar-title,
body.admin-page.is-admin-logged-in .admin-appbar-notify,
body.admin-page.is-admin-logged-in .admin-appbar-user {
  display: inline-flex;
}

body.admin-page.is-admin-logged-in .admin-appbar-title {
  display: block;
}

body.admin-page.is-admin-logged-in .admin-appbar-search {
  display: grid;
  justify-self: center;
  width: min(100%, 382px);
}

body.admin-page.is-admin-logged-in .admin-appbar-logout button {
  min-height: 80px;
  border: 0;
  background: transparent;
}

body.admin-page.is-admin-logged-in main {
  padding-top: 80px;
}

body.admin-view-dashboard.is-admin-logged-in main {
  overflow-x: hidden;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-dashboard {
  max-width: 1540px;
  margin-inline: auto;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-content {
  width: 100%;
  max-width: 1540px;
  margin-inline: auto;
  padding: 20px 24px 36px;
  box-sizing: border-box;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-content > .container {
  width: 100%;
  max-width: none;
  padding-inline: 0;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  margin: 0 0 18px;
  padding: 22px 22px 20px 88px !important;
  overflow: hidden;
  border: 1px solid var(--cmd-card-border);
  border-radius: 8px;
  background: var(--cmd-card-bg);
  box-shadow: var(--cmd-card-shadow);
}

body.admin-page .section-label::before,
body.admin-page .kicker::before,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .section-label::before {
  display: none !important;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .section-label {
  display: block;
  gap: 0;
  max-width: 100%;
  margin: 0 0 10px !important;
  padding: 0 !important;
  line-height: 1.2;
  white-space: normal;
  overflow-wrap: anywhere;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar::before,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-board::before,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-workspace-directory::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 112px;
  background: var(--cmd-red, #ff2a4f);
  box-shadow: 0 0 20px rgba(255, 42, 79, 0.35);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar h2 {
  margin: 4px 0 0;
  color: #fff;
  font-size: clamp(1.55rem, 2.1vw, 2.35rem);
  line-height: 1.05;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar p {
  max-width: 860px;
  margin: 8px 0 0;
  color: #a9b5bd;
  font-size: 0.96rem;
  line-height: 1.45;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar .section-label {
  margin: 0;
  color: #ff3158;
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-actions {
  justify-content: flex-end;
  gap: 10px;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-actions .button,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-export-panel .button,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .table-edit-form .button,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .contact-form .button {
  min-height: 42px;
  border-color: var(--cmd-card-border-soft);
  border-radius: 7px;
  color: #eef4f7;
  background: rgba(255, 255, 255, 0.025);
  box-shadow: none;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-actions .button-primary,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .contact-form .button-primary {
  border-color: rgba(255, 42, 79, 0.48);
  background: rgba(255, 42, 79, 0.14);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-actions .button:hover,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-export-panel .button:hover,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .contact-form .button:hover {
  border-color: rgba(255, 42, 79, 0.45);
  background: rgba(255, 42, 79, 0.08);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-workspace-directory,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-board,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-backup-panel,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-export-panel,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-overview-stats article,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-operational-alerts .admin-alert-card,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-calendar-widget,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-work-center,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-overview-panel,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .contact-form,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .site-text-editor,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .communication-template-board,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-template-board,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .filament-movement-board,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .job-center-panel,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .job-center-grid article,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .job-center-mini-grid section,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .printer-model-card,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .printer-cost-card,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .estimate-services-board,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .estimate-archive-board,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .filament-order-board,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .table-edit-panel[open],
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-permission-grid fieldset,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .shop-packing-board,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .shop-order-work-grid > .service-board,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .shop-product-admin-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--cmd-card-border);
  border-radius: 8px;
  background: var(--cmd-card-bg);
  box-shadow: var(--cmd-card-shadow);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-board,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .contact-form,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .site-text-editor,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .communication-template-board,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-template-board,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .filament-movement-board,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .job-center-panel,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .shop-product-admin-card {
  padding: 18px 18px 18px 88px !important;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-workspace-directory {
  padding: 22px 22px 22px 88px !important;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-overview-stats article,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-operational-alerts .admin-alert-card,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-calendar-widget,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-work-center,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-overview-panel,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-backup-panel,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-export-panel {
  padding-left: 24px;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-board > *,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-workspace-directory > *,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar > * {
  min-width: 0;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar > div:first-child,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-workspace-directory-header > div,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-board-header > div {
  min-width: 0 !important;
  max-width: 100%;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar h2,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-workspace-directory-header h2,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-board-header h2 {
  max-width: 100% !important;
  overflow-wrap: anywhere;
  word-break: normal;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar {
  grid-template-columns: 78px minmax(0, 1fr) auto;
  padding: 20px !important;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-module-toolbar-icon {
  display: grid;
  grid-column: 1;
  grid-row: 1;
  place-items: center;
  width: 78px;
  height: 78px;
  border-radius: 999px;
  color: #fff;
  font-size: 1.9rem;
  background: radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.15), transparent 32%), #283139;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar > div:first-of-type {
  grid-column: 2;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar .admin-actions {
  grid-column: 3;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-board-header,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-workspace-directory-header,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .shop-packing-station-header,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .shop-order-work-grid .service-board-header,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .shop-order-history-board .service-board-header {
  padding: 0 0 14px;
  border-bottom: 1px solid var(--cmd-card-border-soft);
  background: transparent;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-board-header span,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-workspace-directory-header span,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-workspace-module-card > span,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-overview-stats article span {
  color: #ff3158;
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-board-header h2,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-workspace-directory-header h2,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .contact-form h3,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .site-text-editor h3,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .communication-template-board h3 {
  color: #fff;
  font-size: clamp(1.25rem, 1.7vw, 1.8rem);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-workspace-module-grid,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-overview-stats,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-operational-alerts {
  gap: 14px;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-workspace-module-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-workspace-module-card {
  min-height: 172px;
  padding: 20px;
  border: 1px solid var(--cmd-card-border);
  border-radius: 8px;
  background: var(--cmd-card-bg);
  box-shadow: var(--cmd-card-shadow);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-workspace-module-card::before {
  height: 112px;
  width: 4px;
  background: var(--cmd-red, #ff2a4f);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-workspace-module-card > strong {
  max-width: calc(100% - 42px);
  color: #fff;
  font-size: 1.2rem;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-workspace-module-card > small {
  color: #a9b5bd;
  font-size: 0.88rem;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-workspace-module-card > b,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .table-link,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-table a {
  color: #ff4b69;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--cmd-card-border-soft);
  border-radius: 8px;
  background: #10171b;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-table {
  min-width: 1040px;
  border: 0;
  background: transparent;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-table th {
  padding: 12px 14px;
  color: #c7d3da;
  font-size: 0.72rem;
  background: rgba(255, 255, 255, 0.035);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-table td {
  padding: 12px 14px;
  color: #f4f7f8;
  background: transparent;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-table tbody tr:hover td {
  background: rgba(255, 255, 255, 0.045);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) input,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) select,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) textarea {
  border-color: rgba(190, 207, 216, 0.18);
  color: #f4f7f8;
  background: #0c1215;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) input:focus,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) select:focus,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) textarea:focus {
  border-color: rgba(255, 42, 79, 0.58);
  box-shadow: 0 0 0 3px rgba(255, 42, 79, 0.14);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-empty,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .table-muted,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) small {
  color: #a9b5bd;
}

@media (max-width: 1320px) {
  body.admin-page.is-admin-logged-in .admin-appbar {
    grid-template-columns: 236px 210px minmax(260px, 1fr) 60px 168px 104px;
  }

  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-workspace-module-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  body.admin-page.is-admin-logged-in .admin-appbar {
    grid-template-columns: 1fr auto;
    min-height: 132px;
    padding: 10px 14px;
  }

  body.admin-page.is-admin-logged-in .admin-appbar-title,
  body.admin-page.is-admin-logged-in .admin-appbar-notify,
  body.admin-page.is-admin-logged-in .admin-appbar-user {
    display: none;
  }

  body.admin-page.is-admin-logged-in .admin-appbar-brand {
    min-height: 44px;
  }

  body.admin-page.is-admin-logged-in .admin-appbar-search {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
  }

  body.admin-page.is-admin-logged-in .admin-appbar-logout button {
    min-height: 44px;
  }

  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar {
    grid-template-columns: 1fr;
  }

  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-actions {
    justify-content: flex-start;
  }

  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-workspace-module-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-content {
    padding: 14px;
  }

  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-workspace-module-grid {
    grid-template-columns: 1fr;
  }
}

/* Workspace entry pages should mirror the main dashboard cards */
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area {
  display: grid;
  grid-template-columns: minmax(300px, 360px) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  padding: 0 !important;
  overflow: visible;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area::before {
  display: none;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-directory-header {
  position: relative;
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  min-height: 365px;
  margin: 0;
  padding: 20px 20px 18px !important;
  overflow: hidden;
  border: 1px solid var(--cmd-card-border);
  border-radius: 8px;
  background: var(--cmd-card-bg);
  box-shadow: var(--cmd-card-shadow);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-directory-header::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 112px;
  background: var(--cmd-red, #ff2a4f);
  box-shadow: 0 0 20px rgba(255, 42, 79, 0.35);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-command-icon {
  grid-row: 1;
  margin-top: 18px;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-directory-header > div:first-of-type {
  align-self: start;
  padding-top: 18px;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-directory-header h2 {
  margin: 0 0 8px;
  color: #fff;
  font-size: 1.32rem;
  line-height: 1.08;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-directory-header p {
  max-width: 250px;
  margin: 0;
  color: var(--cmd-muted);
  font-size: 0.96rem;
  line-height: 1.35;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-directory-header > div:first-of-type > span {
  display: none;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-directory-actions {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  align-self: end;
  padding-top: 16px;
  border-top: 1px solid var(--cmd-card-border-soft);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-module-search {
  min-width: 0;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-module-search span {
  color: #ff3158;
  font-size: 0.68rem;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-module-search input {
  min-height: 40px;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-module-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-module-card {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  grid-template-rows: auto auto 1fr auto;
  gap: 5px 14px;
  min-height: 168px;
  padding: 18px;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-module-card > i {
  grid-row: 1 / span 2;
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 999px;
  color: #f4f7f8;
  font-size: 1.18rem;
  background: rgba(255, 255, 255, 0.055);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-module-card > span,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-module-card > strong,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-module-card > small,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-module-card > b {
  grid-column: 2 / 4;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-module-card > strong {
  font-size: 1.1rem;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-module-card > b {
  justify-self: start;
  margin-top: 8px;
}

@media (max-width: 1320px) {
  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area {
    grid-template-columns: 1fr;
  }

  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-directory-header {
    min-height: 0;
  }

  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-module-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-directory-header {
    grid-template-columns: 1fr;
  }

  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-module-grid {
    grid-template-columns: 1fr;
  }
}

/* Admin module polish pass */
body.admin-page.is-admin-logged-in {
  --admin-card-surface:
    linear-gradient(145deg, rgba(255, 255, 255, 0.045), transparent 28%),
    linear-gradient(180deg, rgba(27, 36, 42, 0.96), rgba(13, 19, 23, 0.98));
  --admin-card-surface-flat: linear-gradient(180deg, rgba(22, 31, 37, 0.98), rgba(13, 19, 23, 0.98));
  --admin-card-line: rgba(225, 239, 247, 0.135);
  --admin-card-line-soft: rgba(225, 239, 247, 0.09);
  --admin-card-shadow: 0 18px 48px rgba(0, 0, 0, 0.25);
  --admin-card-radius: 8px;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-content {
  display: grid;
  gap: 18px;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-content > .container {
  margin-inline: auto;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar {
  min-height: 124px;
  margin: 0;
  padding: 20px 22px !important;
  overflow: hidden;
  border: 1px solid var(--admin-card-line);
  border-radius: var(--admin-card-radius);
  background: var(--admin-card-surface);
  box-shadow: inset 4px 0 0 var(--admin-red), var(--admin-card-shadow);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar::before {
  display: none !important;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar h2 {
  max-width: 900px !important;
  font-size: clamp(1.42rem, 2vw, 2.18rem);
  line-height: 1.08;
  text-wrap: balance;
  overflow-wrap: anywhere;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar p:not(.section-label) {
  max-width: 780px;
  margin-top: 7px;
  color: #b4c0c8;
  font-size: 0.93rem;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-module-toolbar-icon,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-command-icon {
  display: grid;
  place-items: center;
  width: 76px;
  height: 76px;
  border: 1px solid rgba(225, 239, 247, 0.06);
  border-radius: 999px;
  color: #ffffff;
  background:
    radial-gradient(circle at 32% 24%, rgba(255, 255, 255, 0.16), transparent 32%),
    linear-gradient(180deg, #2a343b, #20282e);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-module-toolbar-icon::before,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-command-icon::before {
  width: 35px;
  height: 35px;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-actions {
  align-items: center;
  justify-content: flex-end;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-actions .button {
  min-width: 118px;
  justify-content: center;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area {
  gap: 18px;
  width: 100%;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-directory-header,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-module-card {
  border: 1px solid var(--admin-card-line);
  border-radius: var(--admin-card-radius);
  background: var(--admin-card-surface);
  box-shadow: var(--admin-card-shadow);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-directory-header {
  min-height: 356px;
  padding: 20px !important;
  box-shadow: inset 4px 0 0 var(--admin-red), var(--admin-card-shadow);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-directory-header::before {
  display: none;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-directory-header h2 {
  font-size: 1.42rem;
  line-height: 1.12;
  text-wrap: balance;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-directory-header p {
  color: #b5c0c8;
  font-size: 0.9rem;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-directory-actions {
  padding-top: 14px;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-directory-actions > .button,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-module-search input {
  width: 100%;
  min-height: 42px;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-module-card {
  min-height: 164px;
  padding: 18px 18px 16px;
  box-shadow: inset 4px 0 0 var(--admin-red), var(--admin-card-shadow);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-module-card::before,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-workspace-module-card::before {
  display: none !important;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-module-card > i {
  width: 48px;
  height: 48px;
  color: #ffffff;
  background:
    radial-gradient(circle at 32% 24%, rgba(255, 255, 255, 0.14), transparent 32%),
    rgba(255, 255, 255, 0.055);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-module-card > i::before {
  width: 23px;
  height: 23px;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-module-card > strong {
  max-width: 100%;
  font-size: 1.08rem;
  line-height: 1.16;
  text-wrap: balance;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-module-card > small {
  max-width: 92%;
  color: #aeb9c1;
  font-size: 0.84rem;
  line-height: 1.42;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-module-card > b {
  align-self: end;
  margin-top: 8px;
  color: #ff5470;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-dashboard-overview {
  gap: 16px;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-overview-heading {
  padding: 0;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-overview-heading h2 {
  font-size: clamp(1.36rem, 1.85vw, 2.05rem);
  line-height: 1.12;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-overview-stats article,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-operational-alerts .admin-alert-card,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-calendar-widget,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-work-center,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-overview-panel {
  border: 1px solid var(--admin-card-line);
  border-radius: var(--admin-card-radius);
  background: var(--admin-card-surface);
  box-shadow: var(--admin-card-shadow);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-overview-stats article,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-operational-alerts .admin-alert-card {
  min-height: 104px;
  padding: 14px 16px;
  overflow: hidden;
  box-shadow: inset 3px 0 0 rgba(255, 36, 77, 0.76), var(--admin-card-shadow);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-overview-stats article strong,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-alert-card > strong {
  color: #fff;
  font-size: clamp(1.38rem, 1.8vw, 1.9rem);
  line-height: 1.05;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-board,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-backup-panel,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-export-panel,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .site-text-editor,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .communication-template-board,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-template-board,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .filament-movement-board,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .job-center-panel,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .printer-model-card,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .printer-cost-card,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .shop-packing-board,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .shop-product-admin-card,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .realization-admin,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-permission-grid fieldset {
  overflow: hidden;
  border: 1px solid var(--admin-card-line);
  border-radius: var(--admin-card-radius);
  background: var(--admin-card-surface-flat);
  box-shadow: inset 4px 0 0 rgba(255, 36, 77, 0.72), var(--admin-card-shadow);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-board::before,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-workspace-directory::before,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .contact-form::before,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .site-text-editor::before,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .communication-template-board::before {
  display: none !important;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-board,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .site-text-editor,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .communication-template-board,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-template-board,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .filament-movement-board,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .job-center-panel,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .shop-product-admin-card,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .realization-admin {
  padding: 18px !important;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-board > .contact-form,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-board .contact-form,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .table-edit-panel .contact-form,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-collapsible-content > .contact-form,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .realization-admin .contact-form {
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-board-header,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .shop-packing-station-header,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .shop-order-work-grid .service-board-header,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .shop-order-history-board .service-board-header {
  align-items: center;
  gap: 12px;
  min-height: 54px;
  padding: 0 0 14px !important;
  border-bottom: 1px solid var(--admin-card-line-soft);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-board-header h2,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .contact-form h3,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .site-text-editor h3,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .communication-template-board h3 {
  margin-top: 4px;
  font-size: clamp(1.12rem, 1.35vw, 1.48rem);
  line-height: 1.15;
  text-wrap: balance;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-board-header strong {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 6px 10px;
  border: 1px solid rgba(255, 36, 77, 0.26);
  border-radius: 7px;
  color: #ffffff;
  font-size: 0.78rem;
  background: rgba(255, 36, 77, 0.08);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .contact-form {
  gap: 12px;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .contact-form label,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .table-edit-form label,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-module-search span {
  color: #d5dee4;
  font-size: 0.78rem;
  font-weight: 850;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) input,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) select,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) textarea {
  min-height: 40px;
  border: 1px solid rgba(225, 239, 247, 0.16);
  border-radius: 7px;
  background: #0b1114;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) textarea {
  padding-top: 10px;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-table-wrap {
  border: 1px solid var(--admin-card-line-soft);
  border-radius: var(--admin-card-radius);
  background: rgba(8, 13, 16, 0.72);
  box-shadow: none;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-table {
  min-width: 1180px;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-table th,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-table td {
  border-bottom: 1px solid rgba(225, 239, 247, 0.08);
  vertical-align: middle;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-table th {
  padding: 11px 13px;
  color: #c8d4dc;
  font-size: 0.68rem;
  letter-spacing: 0;
  background: rgba(255, 255, 255, 0.035);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-table td {
  padding: 12px 13px;
  color: #eff5f8;
  font-size: 0.86rem;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .table-edit-panel {
  border: 1px solid rgba(225, 239, 247, 0.12);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.025);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .table-edit-panel > summary {
  padding: 9px 11px;
  color: #ff5874;
  font-size: 0.84rem;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .table-edit-panel[open] {
  overflow: auto;
  max-width: 100%;
  padding: 0;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .table-edit-panel[open] > .contact-form {
  padding: 12px !important;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .button,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) button.button {
  border-radius: 7px;
  font-size: 0.84rem;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .button-primary,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) button.button-primary {
  border-color: rgba(255, 36, 77, 0.72);
  background: #ff244d;
  box-shadow: 0 10px 30px rgba(255, 36, 77, 0.18);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .button-ghost,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .button-dark {
  border-color: rgba(225, 239, 247, 0.16);
  color: #f2f7fa;
  background: rgba(255, 255, 255, 0.035);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-empty,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .table-muted,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .form-hint,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) small {
  color: #aeb9c1;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .notice,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .form-message,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-flash {
  border-radius: 7px;
}

@media (min-width: 1540px) {
  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-content {
    max-width: 1580px;
  }
}

@media (max-width: 1320px) {
  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area {
    grid-template-columns: minmax(0, 1fr);
  }

  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-directory-header {
    min-height: 0;
  }

  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-module-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar > div:first-of-type,
  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar .admin-actions {
    grid-column: auto;
  }

  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-actions {
    justify-content: flex-start;
  }

  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-module-grid {
    grid-template-columns: 1fr;
  }
}

/* Admin module overflow guard */
body.admin-page.is-admin-logged-in.admin-view-print_area .admin-toolbar,
body.admin-page.is-admin-logged-in.admin-view-shop_area .admin-toolbar,
body.admin-page.is-admin-logged-in.admin-view-management .admin-toolbar {
  display: none !important;
}

body.admin-page.is-admin-logged-in .admin-toolbar h2,
body.admin-page.is-admin-logged-in .admin-overview-heading h2,
body.admin-page.is-admin-logged-in .admin-workspace-directory-header h2,
body.admin-page.is-admin-logged-in .service-board-header h2,
body.admin-page.is-admin-logged-in .admin-workspace-module-card > strong,
body.admin-page.is-admin-logged-in .admin-workspace-card > strong,
body.admin-page.is-admin-logged-in .admin-work-center h3,
body.admin-page.is-admin-logged-in .admin-overview-panel h3,
body.admin-page.is-admin-logged-in .contact-form h3,
body.admin-page.is-admin-logged-in .site-text-editor h3,
body.admin-page.is-admin-logged-in .communication-template-board h3 {
  hyphens: none !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar {
  grid-template-columns: 76px minmax(360px, 1fr) auto;
  column-gap: 18px;
  width: 100%;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar > div:first-of-type {
  width: 100%;
  min-width: 0;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar h2 {
  max-width: min(900px, 100%) !important;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar .admin-actions {
  min-width: max-content;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-directory-header h2,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-module-card > strong {
  max-width: 100% !important;
}

body.admin-page.is-admin-logged-in .service-board-header,
body.admin-page.is-admin-logged-in .admin-workspace-directory-header,
body.admin-page.is-admin-logged-in .admin-overview-heading,
body.admin-page.is-admin-logged-in .admin-workspace-card,
body.admin-page.is-admin-logged-in .admin-workspace-module-card {
  min-width: 0;
}

body.admin-page.is-admin-logged-in .service-board-header > div,
body.admin-page.is-admin-logged-in .admin-workspace-directory-header > div,
body.admin-page.is-admin-logged-in .admin-overview-heading > div,
body.admin-page.is-admin-logged-in .admin-workspace-card > *,
body.admin-page.is-admin-logged-in .admin-workspace-module-card > * {
  min-width: 0;
}

@media (max-width: 1120px) {
  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar {
    grid-template-columns: 68px minmax(0, 1fr);
  }

  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar .admin-actions {
    grid-column: 1 / -1;
    min-width: 0;
    justify-content: flex-start;
  }
}

@media (max-width: 620px) {
  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-module-toolbar-icon {
    display: none;
  }

  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar {
    grid-template-columns: minmax(0, 1fr);
  }

  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar h2,
  body.admin-page.is-admin-logged-in .admin-overview-heading h2 {
    font-size: clamp(1.2rem, 7vw, 1.7rem);
  }

  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-board-header {
    align-items: flex-start;
    flex-direction: column;
  }
}

.service-intake-suspended,
.service-intake-notice {
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-top: 3px solid var(--accent, #ff1f4f);
  background: rgba(255, 255, 255, 0.06);
  border-radius: 8px;
  color: var(--text, #f7f9fb);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.18);
}

.service-intake-suspended {
  padding: clamp(22px, 4vw, 42px);
}

.service-intake-suspended h2 {
  max-width: 820px;
  margin: 0 0 14px;
  font-size: clamp(28px, 4vw, 52px);
  line-height: 1.05;
}

.service-intake-suspended p:not(.section-label),
.service-intake-notice {
  max-width: 780px;
  font-size: clamp(16px, 1.7vw, 20px);
  line-height: 1.55;
}

.service-intake-suspended-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

.service-intake-notice {
  margin: 22px 0 20px;
  padding: 16px 18px;
}

.service-suspended-button {
  opacity: 0.82;
}

.company-settings-form .service-intake-settings textarea {
  min-height: 110px;
}
/* Wyrazny komunikat o czasowym wstrzymaniu zgloszen serwisowych. */
.service-intake-banner {
  position: relative;
  z-index: 20;
  padding: 16px 0;
  background: #b30f32;
  border-top: 1px solid rgba(255, 255, 255, 0.22);
  border-bottom: 3px solid #ff315a;
  color: #ffffff;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.32);
}

.service-intake-banner-inner {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
}

.service-intake-banner-marker {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border: 2px solid rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  font-size: 28px;
  font-weight: 800;
  line-height: 1;
}

.service-intake-banner-title {
  display: block;
  margin: 0 0 4px;
  color: #ffffff;
  font-size: clamp(15px, 1.4vw, 19px);
  line-height: 1.25;
}

.service-intake-banner p {
  max-width: 900px;
  margin: 0;
  color: #ffffff;
  font-size: 15px;
  line-height: 1.45;
}

.service-intake-banner-contact {
  min-width: 120px;
  border: 1px solid #ffffff;
  background: #ffffff;
  color: #171c20;
  text-align: center;
}

.service-intake-banner-contact:hover,
.service-intake-banner-contact:focus-visible {
  border-color: #171c20;
  background: #171c20;
  color: #ffffff;
}

.service-intake-is-suspended .service-suspended-button {
  border-color: rgba(255, 255, 255, 0.62);
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
  opacity: 1;
}

@media (max-width: 720px) {
  .service-intake-banner-inner {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 12px;
  }

  .service-intake-banner-marker {
    width: 38px;
    height: 38px;
    font-size: 23px;
  }

  .service-intake-banner-contact {
    grid-column: 1 / -1;
    width: 100%;
  }
}

/* Finalne priorytety nowego ukladu panelu. */
body.admin-page.is-admin-logged-in main {
  padding-top: 134px !important;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-widgets {
  grid-template-columns: minmax(270px, 0.9fr) minmax(370px, 1.25fr) minmax(285px, 0.95fr) minmax(340px, 1.1fr);
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-jobs li {
  grid-template-columns: minmax(0, 1fr) minmax(118px, 42%);
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-jobs em {
  max-width: 100%;
  overflow-wrap: anywhere;
  line-height: 1.25;
  text-align: center;
  white-space: normal;
}

body.admin-page.is-admin-logged-in .service-table {
  width: max-content;
  min-width: 100% !important;
  table-layout: auto;
}

body.admin-page.is-admin-logged-in .service-table th,
body.admin-page.is-admin-logged-in .service-table td {
  max-width: 340px;
  white-space: normal;
  overflow-wrap: anywhere;
}

body.admin-page.is-admin-logged-in.admin-view-service_area .admin-toolbar {
  display: none !important;
}

@media (max-width: 1420px) {
  body.admin-view-dashboard.is-admin-logged-in .admin-command-widgets {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  body.admin-page.is-admin-logged-in main {
    padding-top: 186px !important;
  }
}

@media (max-width: 720px) {
  body.admin-view-dashboard.is-admin-logged-in .admin-command-widgets {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Nowoczesny, zwarty motyw panelu administratora. */
body.admin-page.is-admin-logged-in {
  --area-accent: #ff3157;
  --area-accent-rgb: 255, 49, 87;
  --modern-bg: #0d1012;
  --modern-surface: #161b1f;
  --modern-surface-raised: #1a2024;
  --modern-surface-soft: #111619;
  --modern-line: rgba(229, 238, 243, 0.11);
  --modern-line-strong: rgba(229, 238, 243, 0.2);
  --modern-text: #f3f6f7;
  --modern-muted: #a5b0b7;
  color: var(--modern-text);
  background: var(--modern-bg);
  letter-spacing: 0;
}

body.admin-page.is-admin-logged-in.admin-workspace-shop_area {
  --area-accent: #39b99f;
  --area-accent-rgb: 57, 185, 159;
}

body.admin-page.is-admin-logged-in.admin-workspace-service_area {
  --area-accent: #e99a3d;
  --area-accent-rgb: 233, 154, 61;
}

body.admin-page.is-admin-logged-in.admin-workspace-management {
  --area-accent: #628ee8;
  --area-accent-rgb: 98, 142, 232;
}

body.admin-page.is-admin-logged-in .admin-appbar {
  grid-template-columns: 224px 210px minmax(300px, 1fr) 56px 190px 100px;
  min-height: 72px;
  padding: 0 20px;
  border-bottom: 1px solid var(--modern-line);
  background: #111518;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.26);
}

body.admin-page.is-admin-logged-in .admin-appbar::before {
  left: 224px;
}

body.admin-page.is-admin-logged-in .admin-appbar-brand,
body.admin-page.is-admin-logged-in .admin-appbar-user,
body.admin-page.is-admin-logged-in .admin-appbar-logout button {
  min-height: 72px;
  height: 72px;
}

body.admin-page.is-admin-logged-in .admin-appbar-brand img {
  width: 176px;
}

body.admin-page.is-admin-logged-in .admin-appbar-title {
  font-size: 1rem;
}

body.admin-page.is-admin-logged-in .admin-appbar-search {
  width: min(100%, 520px);
}

body.admin-page.is-admin-logged-in .admin-appbar-search input {
  min-height: 42px;
  border: 1px solid var(--modern-line);
  border-radius: 7px;
  background: #0c1114;
}

body.admin-page.is-admin-logged-in .admin-area-switcher {
  top: 72px;
  min-height: 50px;
  padding-block: 6px;
  border-bottom-color: var(--modern-line);
  background: rgba(13, 17, 20, 0.97);
  box-shadow: none;
}

body.admin-page.is-admin-logged-in .admin-area-switcher a {
  min-width: 142px;
  min-height: 36px;
  border-radius: 6px;
  font-size: 0.82rem;
}

body.admin-page.is-admin-logged-in .admin-area-switcher a.is-print_area { --switch-accent: #ff3157; }
body.admin-page.is-admin-logged-in .admin-area-switcher a.is-shop_area { --switch-accent: #39b99f; }
body.admin-page.is-admin-logged-in .admin-area-switcher a.is-service_area { --switch-accent: #e99a3d; }
body.admin-page.is-admin-logged-in .admin-area-switcher a.is-management { --switch-accent: #628ee8; }

body.admin-page.is-admin-logged-in .admin-area-switcher a.is-active {
  border-color: color-mix(in srgb, var(--switch-accent) 55%, transparent);
  background: color-mix(in srgb, var(--switch-accent) 13%, transparent);
  box-shadow: inset 3px 0 0 var(--switch-accent);
}

body.admin-page.is-admin-logged-in main {
  padding-top: 122px !important;
}

body.admin-page.is-admin-logged-in .admin-command-dashboard,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-content {
  max-width: 1640px;
  padding: 22px 24px 38px;
}

body.admin-page.is-admin-logged-in .admin-command-card,
body.admin-page.is-admin-logged-in .admin-command-widget,
body.admin-page.is-admin-logged-in .admin-command-actions,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-directory-header,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-module-card,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-board,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-overview-stats article,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-overview-panel,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-calendar-widget,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-work-center,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .contact-form {
  border: 1px solid var(--modern-line);
  border-radius: 8px;
  background: var(--modern-surface);
  box-shadow: none;
}

body.admin-page.is-admin-logged-in .admin-command-card {
  min-height: 340px;
}

body.admin-page.is-admin-logged-in .admin-command-card::before {
  width: 3px;
  height: 100%;
  background: var(--card-accent, #ff3157);
  box-shadow: none;
}

body.admin-page.is-admin-logged-in .admin-command-card.is-print { --card-accent: #ff3157; }
body.admin-page.is-admin-logged-in .admin-command-card.is-shop { --card-accent: #39b99f; }
body.admin-page.is-admin-logged-in .admin-command-card.is-service { --card-accent: #e99a3d; }
body.admin-page.is-admin-logged-in .admin-command-card.is-admin { --card-accent: #628ee8; }

body.admin-page.is-admin-logged-in .admin-command-card-head {
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 14px;
  min-height: 98px;
  padding: 16px 18px;
}

body.admin-page.is-admin-logged-in .admin-command-icon {
  width: 56px;
  height: 56px;
  border: 1px solid var(--modern-line);
  color: var(--card-accent, #ffffff);
  font-size: 1.45rem;
  background: var(--modern-surface-raised);
}

body.admin-page.is-admin-logged-in .admin-command-card-head strong {
  margin-bottom: 4px;
  font-size: 1.12rem;
}

body.admin-page.is-admin-logged-in .admin-command-card-head small {
  max-width: 250px;
  font-size: 0.82rem;
}

body.admin-page.is-admin-logged-in .admin-command-card ul {
  padding: 10px 16px 14px;
}

body.admin-page.is-admin-logged-in .admin-command-card li a {
  min-height: 36px;
  border-radius: 5px;
  font-size: 0.88rem;
}

body.admin-page.is-admin-logged-in .admin-command-card li a:hover {
  padding-inline: 8px;
  background: rgba(255, 255, 255, 0.035);
}

body.admin-page.is-admin-logged-in .admin-command-widgets {
  gap: 16px;
}

body.admin-page.is-admin-logged-in .admin-command-widget {
  min-height: 342px;
  padding: 15px 16px;
}

body.admin-page.is-admin-logged-in .admin-command-widget header {
  min-height: 38px;
  margin-bottom: 12px;
}

body.admin-page.is-admin-logged-in .admin-command-widget header a {
  padding: 7px 10px;
  border-color: var(--modern-line);
  background: var(--modern-surface-raised);
}

body.admin-page.is-admin-logged-in .admin-command-actions {
  gap: 10px;
  padding: 24px 14px 16px;
}

body.admin-page.is-admin-logged-in .admin-command-actions a {
  min-height: 48px;
  border-color: var(--modern-line);
  background: var(--modern-surface-soft);
}

body.admin-page.is-admin-logged-in .admin-command-actions a:hover {
  border-color: rgba(var(--area-accent-rgb), 0.45);
  background: rgba(var(--area-accent-rgb), 0.09);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar {
  min-height: 104px;
  padding: 15px 18px !important;
  box-shadow: inset 3px 0 0 var(--area-accent);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-module-toolbar-icon,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-command-icon {
  width: 62px;
  height: 62px;
  border-color: var(--modern-line);
  color: var(--area-accent);
  background: var(--modern-surface-raised);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-module-toolbar-icon::before,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-command-icon::before {
  width: 27px;
  height: 27px;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar {
  grid-template-columns: 62px minmax(300px, 1fr) auto;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar h2 {
  font-size: clamp(1.32rem, 1.8vw, 1.9rem);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area {
  grid-template-columns: minmax(270px, 320px) minmax(0, 1fr);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-directory-header {
  min-height: 304px;
  padding: 17px !important;
  box-shadow: inset 3px 0 0 var(--area-accent);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-directory-header h2 {
  font-size: 1.26rem;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-module-grid {
  grid-template-columns: repeat(3, minmax(220px, 1fr));
  gap: 12px;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-module-card {
  min-height: 126px;
  padding: 15px;
  box-shadow: inset 3px 0 0 rgba(var(--area-accent-rgb), 0.82);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-module-card > i {
  width: 42px;
  height: 42px;
  color: var(--area-accent);
  background: rgba(var(--area-accent-rgb), 0.08);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-module-card > strong {
  font-size: 1rem;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-module-card > small {
  font-size: 0.78rem;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-board,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .site-text-editor,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .communication-template-board,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-template-board,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .filament-movement-board,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .job-center-panel,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .shop-product-admin-card,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .realization-admin {
  padding: 16px !important;
  box-shadow: inset 3px 0 0 rgba(var(--area-accent-rgb), 0.72);
}

body.admin-page.is-admin-logged-in .service-table-wrap {
  border: 1px solid var(--modern-line);
  border-radius: 7px;
  background: #0f1417;
}

body.admin-page.is-admin-logged-in .service-table th {
  position: sticky;
  z-index: 2;
  top: 0;
  padding: 10px 12px;
  color: #b9c4cb;
  font-size: 0.67rem;
  background: #1b2125;
}

body.admin-page.is-admin-logged-in .service-table td {
  padding: 10px 12px;
  border-bottom: 1px solid rgba(229, 238, 243, 0.07);
  font-size: 0.82rem;
  background: transparent;
}

body.admin-page.is-admin-logged-in .service-table tbody tr:nth-child(even) td {
  background: rgba(255, 255, 255, 0.015);
}

body.admin-page.is-admin-logged-in .service-table tbody tr:hover td {
  background: rgba(var(--area-accent-rgb), 0.065);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) input,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) select,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) textarea {
  min-height: 39px;
  border-color: var(--modern-line-strong);
  border-radius: 6px;
  background: #0d1215;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) input:focus,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) select:focus,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) textarea:focus {
  border-color: var(--area-accent);
  box-shadow: 0 0 0 3px rgba(var(--area-accent-rgb), 0.13);
}

body.admin-page.is-admin-logged-in .admin-document-dialog::backdrop {
  background: rgba(4, 6, 7, 0.82);
  backdrop-filter: blur(5px);
}

body.admin-page.is-admin-logged-in .admin-document-dialog-shell {
  border: 1px solid var(--modern-line-strong);
  border-radius: 8px;
  background: #141a1e;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.55);
}

body.admin-page.is-admin-logged-in .admin-document-dialog-header,
body.admin-page.is-admin-logged-in .admin-document-dialog-footer {
  background: #181e22;
}

body.admin-page.is-admin-logged-in .admin-document-dialog-header {
  border-bottom: 1px solid var(--modern-line);
}

body.admin-page.is-admin-logged-in .admin-document-dialog-footer {
  border-top: 1px solid var(--modern-line);
}

body.admin-page.is-admin-logged-in .button,
body.admin-page.is-admin-logged-in button.button {
  min-height: 38px;
  border-radius: 6px;
}

body.admin-page.is-admin-logged-in .button-primary,
body.admin-page.is-admin-logged-in button.button-primary {
  border-color: #ff3157;
  background: #ff3157;
  box-shadow: none;
}

@media (max-width: 1320px) {
  body.admin-page.is-admin-logged-in .admin-appbar {
    grid-template-columns: 205px 180px minmax(250px, 1fr) 54px 160px 90px;
  }

  body.admin-page.is-admin-logged-in .admin-appbar::before {
    left: 205px;
  }

  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-module-grid {
    grid-template-columns: repeat(2, minmax(220px, 1fr));
  }
}

@media (max-width: 980px) {
  body.admin-page.is-admin-logged-in .admin-appbar {
    min-height: 124px;
  }

  body.admin-page.is-admin-logged-in .admin-area-switcher {
    top: 124px;
  }

  body.admin-page.is-admin-logged-in main {
    padding-top: 174px !important;
  }

  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 720px) {
  body.admin-page.is-admin-logged-in .admin-command-dashboard,
  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-content {
    padding: 14px;
  }

  body.admin-page.is-admin-logged-in .admin-command-sections,
  body.admin-page.is-admin-logged-in .admin-command-widgets,
  body.admin-page.is-admin-logged-in .admin-command-actions,
  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-module-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* V3: calkowicie nowy, jasny interfejs operacyjny. */
body.admin-page.is-admin-logged-in {
  --light-bg: #f2f4f6;
  --light-panel: #ffffff;
  --light-panel-soft: #f7f8f9;
  --light-line: #dce2e6;
  --light-line-strong: #c8d0d6;
  --light-text: #172127;
  --light-muted: #68757d;
  --light-shadow: 0 8px 24px rgba(20, 31, 38, 0.06);
  color: var(--light-text) !important;
  background: var(--light-bg) !important;
}

body.admin-page.is-admin-logged-in .admin-appbar {
  border-bottom: 0;
  background: #161b1f;
  box-shadow: 0 8px 24px rgba(10, 14, 17, 0.2);
}

body.admin-page.is-admin-logged-in .admin-appbar-title,
body.admin-page.is-admin-logged-in .admin-appbar-user strong,
body.admin-page.is-admin-logged-in .admin-appbar-brand span {
  color: #ffffff;
}

body.admin-page.is-admin-logged-in .admin-area-switcher {
  border-bottom: 1px solid var(--light-line);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 5px 16px rgba(20, 31, 38, 0.05);
}

body.admin-page.is-admin-logged-in .admin-area-switcher a {
  color: #56636b;
}

body.admin-page.is-admin-logged-in .admin-area-switcher a:hover {
  color: #172127;
  border-color: var(--light-line);
  background: #f4f6f7;
}

body.admin-page.is-admin-logged-in .admin-area-switcher a.is-active {
  color: #172127;
  background: color-mix(in srgb, var(--switch-accent) 10%, #ffffff);
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-dashboard {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-sections {
  order: 1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-actions {
  order: 2;
  margin-top: 0;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-widgets {
  order: 3;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 14px;
  margin-top: 0;
}

body.admin-page.is-admin-logged-in .admin-command-card,
body.admin-page.is-admin-logged-in .admin-command-widget,
body.admin-page.is-admin-logged-in .admin-command-actions {
  border: 1px solid var(--light-line);
  border-radius: 8px;
  color: var(--light-text);
  background: var(--light-panel);
  box-shadow: var(--light-shadow);
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-card {
  display: grid;
  grid-template-columns: minmax(190px, 0.34fr) minmax(0, 0.66fr);
  min-height: 184px;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-card::before {
  width: 4px;
  height: 100%;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-card-head {
  grid-template-columns: 50px minmax(0, 1fr);
  align-content: center;
  min-height: 100%;
  padding: 20px;
  border-right: 1px solid var(--light-line);
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-icon {
  width: 48px;
  height: 48px;
  border-color: color-mix(in srgb, var(--card-accent) 25%, var(--light-line));
  color: var(--card-accent);
  background: color-mix(in srgb, var(--card-accent) 8%, #ffffff);
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-card-head strong {
  color: var(--light-text);
  font-size: 1.08rem;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-card-head small {
  color: var(--light-muted);
  font-size: 0.78rem;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-card ul {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: center;
  gap: 2px 10px;
  padding: 15px 18px;
  border-top: 0;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-card li a {
  grid-template-columns: 22px minmax(0, 1fr) auto;
  gap: 8px;
  min-height: 34px;
  color: #2f3b42;
  font-size: 0.8rem;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-card li a:hover {
  color: var(--light-text);
  background: color-mix(in srgb, var(--card-accent) 7%, #ffffff);
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-card li span {
  color: #7d8990;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-card li b {
  color: #9aa5ab;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-actions {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  padding: 18px 14px 14px;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-actions::before {
  color: var(--light-text);
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-actions a {
  min-height: 46px;
  border-color: var(--light-line);
  color: #253138;
  background: var(--light-panel-soft);
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-actions a:hover {
  color: var(--light-text);
  border-color: #ff9aad;
  background: #fff1f4;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-actions .admin-i {
  color: #ef3154;
  background: #fff0f3;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-widget {
  grid-column: span 4;
  min-height: 330px;
  color: var(--light-text);
  background: var(--light-panel);
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-widget:last-child {
  grid-column: 1 / -1;
  min-height: 0;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-widget header {
  border-bottom: 1px solid var(--light-line);
  padding-bottom: 11px;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-widget h3,
body.admin-view-dashboard.is-admin-logged-in .admin-command-widget strong,
body.admin-view-dashboard.is-admin-logged-in .admin-command-widget b,
body.admin-view-dashboard.is-admin-logged-in .admin-command-calendar-top strong,
body.admin-view-dashboard.is-admin-logged-in .admin-command-calendar-grid span {
  color: var(--light-text);
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-widget header a,
body.admin-view-dashboard.is-admin-logged-in .admin-command-calendar-top a {
  border-color: var(--light-line);
  color: #4f5d65;
  background: var(--light-panel-soft);
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-calendar-grid b {
  color: #7b878e;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-calendar-grid .is-muted {
  color: #b1bac0;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-events,
body.admin-view-dashboard.is-admin-logged-in .admin-command-jobs li,
body.admin-view-dashboard.is-admin-logged-in .admin-command-stock li,
body.admin-view-dashboard.is-admin-logged-in .admin-command-invoices li {
  border-color: var(--light-line);
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-events a,
body.admin-view-dashboard.is-admin-logged-in .admin-command-events li,
body.admin-view-dashboard.is-admin-logged-in .admin-command-jobs small,
body.admin-view-dashboard.is-admin-logged-in .admin-command-stock small,
body.admin-view-dashboard.is-admin-logged-in .admin-command-invoices small {
  color: var(--light-muted);
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-invoices {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-invoices li {
  align-content: start;
  min-height: 104px;
  padding: 12px;
  border: 1px solid var(--light-line);
  border-radius: 7px;
  background: var(--light-panel-soft);
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-invoices li > span {
  color: #637079;
  background: #e9eef1;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-invoices li > div:last-child {
  align-items: flex-start;
  flex-direction: column;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-progress {
  background: #e0e5e8;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-content {
  color: var(--light-text);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-directory-header,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-module-card,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-board,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-backup-panel,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-export-panel,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-overview-stats article,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-overview-panel,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-calendar-widget,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-work-center,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .contact-form,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .site-text-editor,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .communication-template-board,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-template-board,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .filament-movement-board,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .job-center-panel,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .shop-product-admin-card,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .realization-admin,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .printer-model-card,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .printer-cost-card,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-permission-grid fieldset {
  color: var(--light-text);
  border-color: var(--light-line);
  background: var(--light-panel);
  box-shadow: var(--light-shadow);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-directory-header,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-module-card,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-board,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .site-text-editor,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .communication-template-board,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .job-center-panel,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .shop-product-admin-card {
  box-shadow: inset 3px 0 0 rgba(var(--area-accent-rgb), 0.82), var(--light-shadow);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar h2,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-workspace-directory-header h2,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-board-header h2,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-overview-heading h2,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .contact-form h3,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .site-text-editor h3,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .communication-template-board h3,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-overview-stats strong {
  color: var(--light-text);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar p,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-workspace-directory-header p,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-workspace-module-card > small,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-empty,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .table-muted,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .form-hint,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) small {
  color: var(--light-muted);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-module-card > strong {
  color: var(--light-text);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-module-card > i {
  border: 1px solid color-mix(in srgb, var(--area-accent) 22%, var(--light-line));
  background: color-mix(in srgb, var(--area-accent) 7%, #ffffff);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-board-header,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-workspace-directory-actions,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .shop-packing-station-header {
  border-color: var(--light-line);
}

body.admin-page.is-admin-logged-in .service-table-wrap {
  border-color: var(--light-line);
  background: #ffffff;
}

body.admin-page.is-admin-logged-in .service-table th {
  color: #52616a;
  background: #eef2f4;
}

body.admin-page.is-admin-logged-in .service-table td {
  color: #263238;
  border-color: #e5eaed;
  background: #ffffff;
}

body.admin-page.is-admin-logged-in .service-table tbody tr:nth-child(even) td {
  background: #fafbfc;
}

body.admin-page.is-admin-logged-in .service-table tbody tr:hover td {
  background: color-mix(in srgb, var(--area-accent) 6%, #ffffff);
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) input,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) select,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) textarea {
  color: #1d282e;
  border-color: var(--light-line-strong);
  background: #ffffff;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) input::placeholder,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) textarea::placeholder {
  color: #94a0a7;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .contact-form label,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .table-edit-form label,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) legend {
  color: #344149;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) fieldset {
  border-color: var(--light-line);
  background: #fafbfc;
}

body.admin-page.is-admin-logged-in .admin-document-dialog-shell {
  color: var(--light-text);
  border-color: var(--light-line-strong);
  background: #ffffff;
}

body.admin-page.is-admin-logged-in .admin-document-dialog-header,
body.admin-page.is-admin-logged-in .admin-document-dialog-footer {
  color: var(--light-text);
  border-color: var(--light-line);
  background: #f4f6f7;
}

body.admin-page.is-admin-logged-in .admin-document-dialog-header h2,
body.admin-page.is-admin-logged-in .admin-document-dialog-header p,
body.admin-page.is-admin-logged-in .admin-document-section-heading h2,
body.admin-page.is-admin-logged-in .admin-document-section-heading p {
  color: var(--light-text);
}

body.admin-page.is-admin-logged-in .table-edit-panel,
body.admin-page.is-admin-logged-in details {
  border-color: var(--light-line);
  background: #ffffff;
}

body.admin-page.is-admin-logged-in .button-ghost,
body.admin-page.is-admin-logged-in .button-dark {
  color: #344149;
  border-color: var(--light-line-strong);
  background: #ffffff;
}

@media (max-width: 1260px) {
  body.admin-view-dashboard.is-admin-logged-in .admin-command-sections {
    grid-template-columns: minmax(0, 1fr);
  }

  body.admin-view-dashboard.is-admin-logged-in .admin-command-widget {
    grid-column: span 6;
  }

  body.admin-view-dashboard.is-admin-logged-in .admin-command-widget:last-child {
    grid-column: 1 / -1;
  }

  body.admin-view-dashboard.is-admin-logged-in .admin-command-invoices {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  body.admin-view-dashboard.is-admin-logged-in .admin-command-card {
    grid-template-columns: minmax(0, 1fr);
  }

  body.admin-view-dashboard.is-admin-logged-in .admin-command-card-head {
    min-height: 96px;
    border-right: 0;
    border-bottom: 1px solid var(--light-line);
  }

  body.admin-view-dashboard.is-admin-logged-in .admin-command-card ul,
  body.admin-view-dashboard.is-admin-logged-in .admin-command-actions,
  body.admin-view-dashboard.is-admin-logged-in .admin-command-invoices {
    grid-template-columns: minmax(0, 1fr);
  }

  body.admin-view-dashboard.is-admin-logged-in .admin-command-widget,
  body.admin-view-dashboard.is-admin-logged-in .admin-command-widget:last-child {
    grid-column: 1 / -1;
  }
}

/* Finalna blokada wspolnego wygladu tabel - musi pozostac na koncu arkusza. */
body.admin-page.is-admin-logged-in .service-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  border: 1px solid var(--admin-table-border) !important;
  border-radius: 8px !important;
  background: var(--admin-table-row) !important;
  box-shadow: 0 3px 12px rgba(20, 31, 38, 0.04);
}

body.admin-page.is-admin-logged-in .service-table {
  width: max-content;
  min-width: 100% !important;
  border: 0 !important;
  border-collapse: collapse;
  table-layout: auto;
  color: var(--admin-table-text);
  background: var(--admin-table-row);
  font-size: 0.78rem !important;
}

body.admin-page.is-admin-logged-in .service-table th,
body.admin-page.is-admin-logged-in .service-table td {
  min-width: 92px;
  max-width: 280px;
  padding: 8px 10px !important;
  border-right: 1px solid var(--admin-table-border-soft) !important;
  border-bottom: 1px solid var(--admin-table-border-soft) !important;
  color: var(--admin-table-text) !important;
  line-height: 1.35;
  text-align: left;
  vertical-align: middle;
  white-space: normal;
  overflow-wrap: anywhere;
}

body.admin-page.is-admin-logged-in .service-table th {
  position: sticky;
  z-index: 2;
  top: 0;
  color: #52616a !important;
  background: var(--admin-table-head) !important;
  font-size: 0.64rem !important;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
}

body.admin-page.is-admin-logged-in .service-table td {
  background: var(--admin-table-row) !important;
}

body.admin-page.is-admin-logged-in .service-table th:last-child,
body.admin-page.is-admin-logged-in .service-table td:last-child {
  border-right: 0 !important;
}

body.admin-page.is-admin-logged-in .service-table tbody tr:nth-child(even) td {
  background: var(--admin-table-row-alt) !important;
}

body.admin-page.is-admin-logged-in .service-table tbody tr:hover td {
  background: color-mix(in srgb, var(--area-accent) 6%, #ffffff) !important;
}

body.admin-page.is-admin-logged-in .service-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

body.admin-page.is-admin-logged-in .service-table strong,
body.admin-page.is-admin-logged-in .service-table b {
  color: #172127 !important;
  font-size: 0.79rem !important;
}

body.admin-page.is-admin-logged-in .service-table small,
body.admin-page.is-admin-logged-in .service-table .table-muted {
  display: block;
  margin-top: 3px;
  color: var(--admin-table-muted) !important;
  font-size: 0.68rem !important;
  line-height: 1.35;
}

body.admin-page.is-admin-logged-in .service-table .table-link,
body.admin-page.is-admin-logged-in .service-table .table-button {
  font-size: 0.72rem !important;
  line-height: 1.3;
}

body.admin-page.is-admin-logged-in .service-table .table-link-stack,
body.admin-page.is-admin-logged-in .service-table .table-action-stack {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
}

body.admin-page.is-admin-logged-in .service-table select {
  width: auto;
  min-width: 116px;
  min-height: 32px !important;
  padding: 5px 28px 5px 8px !important;
  border-radius: 5px;
  font-size: 0.7rem !important;
}

body.admin-page.is-admin-logged-in .service-table .service-status-pill {
  min-height: 22px !important;
  padding: 3px 7px !important;
  border-radius: 5px;
  font-size: 0.66rem !important;
  line-height: 1.2;
}

body.admin-page.is-admin-logged-in .service-board-header {
  min-height: 72px;
  align-items: center;
  padding-bottom: 12px;
}

@media (max-width: 760px) {
  body.admin-page.is-admin-logged-in .service-table th,
  body.admin-page.is-admin-logged-in .service-table td {
    min-width: 110px;
    max-width: 240px;
  }
}

/* V4: ciemny motyw calego panelu z zachowaniem nowego ukladu. */
body.admin-page.is-admin-logged-in {
  --light-bg: #0b1013;
  --light-panel: #151c20;
  --light-panel-soft: #10171b;
  --light-line: #2b363c;
  --light-line-strong: #3b4850;
  --light-text: #f4f7f8;
  --light-muted: #a9b5bd;
  --light-shadow: 0 10px 28px rgba(0, 0, 0, 0.22);
  --admin-table-border: #303b42;
  --admin-table-border-soft: #253036;
  --admin-table-head: #1b2328;
  --admin-table-row: #12191d;
  --admin-table-row-alt: #151d21;
  --admin-table-text: #edf3f6;
  --admin-table-muted: #9eabb3;
  color: var(--light-text) !important;
  background: var(--light-bg) !important;
}

body.admin-page.is-admin-logged-in .admin-area-switcher {
  border-color: var(--light-line);
  background: rgba(15, 21, 24, 0.98);
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.22);
}

body.admin-page.is-admin-logged-in .admin-area-switcher a {
  color: #aeb9bf;
}

body.admin-page.is-admin-logged-in .admin-area-switcher a:hover {
  color: #ffffff;
  border-color: var(--light-line-strong);
  background: #192126;
}

body.admin-page.is-admin-logged-in .admin-area-switcher a.is-active {
  color: #ffffff;
  background: color-mix(in srgb, var(--switch-accent) 16%, #141b1f);
}

body.admin-page.is-admin-logged-in .admin-command-card,
body.admin-page.is-admin-logged-in .admin-command-widget,
body.admin-page.is-admin-logged-in .admin-command-actions,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-directory-header,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-module-card,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-board,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-backup-panel,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-export-panel,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-overview-stats article,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-overview-panel,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-calendar-widget,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-work-center,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .contact-form,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .site-text-editor,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .communication-template-board,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-template-board,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .filament-movement-board,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .job-center-panel,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .shop-product-admin-card,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .realization-admin,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .printer-model-card,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .printer-cost-card,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-permission-grid fieldset {
  color: var(--light-text) !important;
  border-color: var(--light-line) !important;
  background: var(--light-panel) !important;
  box-shadow: var(--light-shadow);
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-card-head {
  border-color: var(--light-line);
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-icon,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-command-area .admin-workspace-module-card > i {
  border-color: color-mix(in srgb, var(--card-accent, var(--area-accent)) 32%, var(--light-line));
  background: color-mix(in srgb, var(--card-accent, var(--area-accent)) 12%, #151c20);
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-card-head strong,
body.admin-view-dashboard.is-admin-logged-in .admin-command-widget h3,
body.admin-view-dashboard.is-admin-logged-in .admin-command-widget strong,
body.admin-view-dashboard.is-admin-logged-in .admin-command-widget b,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar h2,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-workspace-directory-header h2,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .service-board-header h2,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .contact-form h3,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .site-text-editor h3,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .communication-template-board h3 {
  color: var(--light-text) !important;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-card-head small,
body.admin-view-dashboard.is-admin-logged-in .admin-command-events a,
body.admin-view-dashboard.is-admin-logged-in .admin-command-events li,
body.admin-view-dashboard.is-admin-logged-in .admin-command-jobs small,
body.admin-view-dashboard.is-admin-logged-in .admin-command-stock small,
body.admin-view-dashboard.is-admin-logged-in .admin-command-invoices small,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-empty,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .table-muted,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .form-hint,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) small {
  color: var(--light-muted) !important;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-card li a {
  color: #d5dde1;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-card li a:hover {
  color: #ffffff;
  background: color-mix(in srgb, var(--card-accent) 11%, #151c20);
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-actions a,
body.admin-view-dashboard.is-admin-logged-in .admin-command-widget header a,
body.admin-view-dashboard.is-admin-logged-in .admin-command-calendar-top a {
  color: #d6dfe3;
  border-color: var(--light-line);
  background: var(--light-panel-soft);
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-actions a:hover {
  color: #ffffff;
  border-color: #7a3442;
  background: #25171c;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-actions .admin-i {
  color: #ff4767;
  background: #29171d;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-invoices li {
  border-color: var(--light-line);
  background: var(--light-panel-soft);
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-invoices li > span {
  color: #aebbc2;
  background: #20292e;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-progress {
  background: #303a40;
}

body.admin-page.is-admin-logged-in .service-table-wrap {
  border-color: var(--admin-table-border) !important;
  background: var(--admin-table-row) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16);
}

body.admin-page.is-admin-logged-in .service-table {
  color: var(--admin-table-text) !important;
  background: var(--admin-table-row) !important;
}

body.admin-page.is-admin-logged-in .service-table th {
  color: #b9c5cb !important;
  border-color: var(--admin-table-border-soft) !important;
  background: var(--admin-table-head) !important;
}

body.admin-page.is-admin-logged-in .service-table td {
  color: var(--admin-table-text) !important;
  border-color: var(--admin-table-border-soft) !important;
  background: var(--admin-table-row) !important;
}

body.admin-page.is-admin-logged-in .service-table tbody tr:nth-child(even) td {
  background: var(--admin-table-row-alt) !important;
}

body.admin-page.is-admin-logged-in .service-table tbody tr:hover td {
  background: color-mix(in srgb, var(--area-accent) 10%, #151d21) !important;
}

body.admin-page.is-admin-logged-in .service-table strong,
body.admin-page.is-admin-logged-in .service-table b {
  color: #ffffff !important;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) input,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) select,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) textarea {
  color: #f2f6f8;
  border-color: var(--light-line-strong);
  background: #0d1316;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) input::placeholder,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) textarea::placeholder {
  color: #718089;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .contact-form label,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .table-edit-form label,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) legend {
  color: #d8e0e4;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) fieldset,
body.admin-page.is-admin-logged-in .table-edit-panel,
body.admin-page.is-admin-logged-in details {
  color: var(--light-text);
  border-color: var(--light-line);
  background: #11181c;
}

body.admin-page.is-admin-logged-in .admin-document-dialog-shell {
  color: var(--light-text);
  border-color: var(--light-line-strong);
  background: #11181c;
}

body.admin-page.is-admin-logged-in .admin-document-dialog-header,
body.admin-page.is-admin-logged-in .admin-document-dialog-footer {
  color: var(--light-text);
  border-color: var(--light-line);
  background: #192126;
}

body.admin-page.is-admin-logged-in .admin-document-dialog-header h2,
body.admin-page.is-admin-logged-in .admin-document-dialog-header p,
body.admin-page.is-admin-logged-in .admin-document-section-heading h2,
body.admin-page.is-admin-logged-in .admin-document-section-heading p {
  color: var(--light-text);
}

body.admin-page.is-admin-logged-in .button-ghost,
body.admin-page.is-admin-logged-in .button-dark {
  color: #e4ebee;
  border-color: var(--light-line-strong);
  background: #151d21;
}

/* V6: wspolne zabezpieczenia ukladu dla wszystkich modulow panelu. */
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar {
  grid-template-columns: 62px minmax(250px, 360px) minmax(0, 1fr);
  align-items: center;
  column-gap: 18px;
  row-gap: 12px;
  min-height: 104px;
  height: auto;
  overflow: visible;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar > div:first-of-type,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar .admin-actions {
  min-width: 0 !important;
  max-width: 100%;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar h2 {
  max-width: 100% !important;
  text-wrap: balance;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar .admin-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  width: 100%;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-actions > *,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-actions form {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-actions .button {
  width: auto;
  min-width: 0;
  max-width: 100%;
  min-height: 38px;
  padding: 8px 14px;
  line-height: 1.2;
  text-align: center;
  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
}

body.admin-page.is-admin-logged-in .service-board-header,
body.admin-page.is-admin-logged-in .admin-workspace-directory-header,
body.admin-page.is-admin-logged-in .admin-overview-heading,
body.admin-page.is-admin-logged-in .shop-packing-station-header {
  flex-wrap: wrap;
  gap: 12px 18px;
}

body.admin-page.is-admin-logged-in .service-board-header > *,
body.admin-page.is-admin-logged-in .admin-workspace-directory-header > *,
body.admin-page.is-admin-logged-in .admin-overview-heading > *,
body.admin-page.is-admin-logged-in .shop-packing-station-header > * {
  min-width: 0;
  max-width: 100%;
}

body.admin-page.is-admin-logged-in .service-board-header .button,
body.admin-page.is-admin-logged-in .admin-workspace-directory-header .button,
body.admin-page.is-admin-logged-in .admin-overview-heading .button,
body.admin-page.is-admin-logged-in .shop-packing-station-header .button {
  max-width: 100%;
  white-space: normal;
  text-align: center;
}

body.admin-page.is-admin-logged-in .service-table-wrap {
  overflow-x: auto !important;
  overflow-y: visible;
  overscroll-behavior-inline: contain;
}

body.admin-page.is-admin-logged-in .service-table th,
body.admin-page.is-admin-logged-in .service-table td {
  min-width: 104px;
  max-width: 380px;
}

body.admin-page.is-admin-logged-in .service-table td:has(.table-link-stack),
body.admin-page.is-admin-logged-in .service-table td:has(.table-action-stack),
body.admin-page.is-admin-logged-in .service-table td:has(.table-action-form),
body.admin-page.is-admin-logged-in .service-table td:has(.button) {
  min-width: 158px;
}

body.admin-page.is-admin-logged-in .service-table td:has(select) {
  min-width: 174px;
}

body.admin-page.is-admin-logged-in .service-table .table-link-stack,
body.admin-page.is-admin-logged-in .service-table .table-action-stack,
body.admin-page.is-admin-logged-in .service-table .table-action-form {
  min-width: 0;
  max-width: 100%;
}

body.admin-page.is-admin-logged-in .service-table .table-action-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 7px;
  margin: 0;
}

body.admin-page.is-admin-logged-in .service-table .button,
body.admin-page.is-admin-logged-in .service-table .table-button,
body.admin-page.is-admin-logged-in .service-table button,
body.admin-page.is-admin-logged-in .service-table a.button {
  width: auto;
  min-width: 0;
  max-width: 100%;
  min-height: 30px;
  padding: 5px 9px;
  line-height: 1.25;
  text-align: center;
  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
}

body.admin-page.is-admin-logged-in .service-table select,
body.admin-page.is-admin-logged-in .service-table input,
body.admin-page.is-admin-logged-in .service-table textarea {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

body.admin-page.is-admin-logged-in .service-table .table-link {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}

body.admin-page.is-admin-logged-in .admin-document-dialog {
  max-width: calc(100vw - 24px);
}

body.admin-page.is-admin-logged-in .admin-document-dialog-shell,
body.admin-page.is-admin-logged-in .admin-document-form,
body.admin-page.is-admin-logged-in .contact-form,
body.admin-page.is-admin-logged-in .table-edit-form {
  min-width: 0;
  max-width: 100%;
}

body.admin-page.is-admin-logged-in .admin-document-form > *,
body.admin-page.is-admin-logged-in .contact-form > *,
body.admin-page.is-admin-logged-in .table-edit-form > * {
  min-width: 0;
  max-width: 100%;
}

body.admin-page.is-admin-logged-in .service-manual-request-form {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-content: start;
  min-height: 0;
  max-height: calc(100vh - 190px);
  overflow: auto;
}

body.admin-page.is-admin-logged-in #manual-service-request-dialog .admin-document-dialog-shell {
  height: min(820px, calc(100vh - 32px));
  max-height: calc(100vh - 32px);
  min-height: 0;
}

body.admin-page.is-admin-logged-in .service-manual-request-form .form-wide {
  grid-column: 1 / -1;
}

body.admin-page.is-admin-logged-in .service-manual-request-form input,
body.admin-page.is-admin-logged-in .service-manual-request-form select,
body.admin-page.is-admin-logged-in .service-manual-request-form textarea {
  width: 100%;
  min-width: 0;
}

@media (max-width: 900px) {
  body.admin-page.is-admin-logged-in .service-manual-request-form {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 1460px) {
  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar {
    grid-template-columns: 62px minmax(0, 1fr);
    padding: 16px 18px !important;
  }

  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar .admin-actions {
    grid-column: 2;
    justify-content: flex-start;
  }
}

@media (max-width: 760px) {
  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar {
    grid-template-columns: minmax(0, 1fr);
  }

  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-module-toolbar-icon {
    display: none;
  }

  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar > div:first-of-type,
  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-toolbar .admin-actions {
    grid-column: 1;
  }

  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-actions .button {
    flex: 1 1 150px;
  }

  body.admin-page.is-admin-logged-in .service-table th,
  body.admin-page.is-admin-logged-in .service-table td {
    min-width: 128px;
    max-width: 300px;
  }
}

/* V7: rekordy tabel jako responsywne karty - bez przewijania w poziomie. */
body.admin-page.is-admin-logged-in .service-table-wrap {
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
}

body.admin-page.is-admin-logged-in .service-table {
  display: block;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100%;
  background: transparent !important;
}

body.admin-page.is-admin-logged-in .service-table thead {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

body.admin-page.is-admin-logged-in .service-table tbody {
  display: grid;
  gap: 12px;
  width: 100%;
}

body.admin-page.is-admin-logged-in .service-table tbody tr {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: 100%;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--admin-table-border) !important;
  border-left: 4px solid color-mix(in srgb, var(--area-accent) 72%, #ffffff) !important;
  border-radius: 8px;
  background: var(--admin-table-row) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
}

body.admin-page.is-admin-logged-in .service-table tbody tr:nth-child(even) {
  background: var(--admin-table-row-alt) !important;
}

body.admin-page.is-admin-logged-in .service-table tbody tr:hover {
  border-color: color-mix(in srgb, var(--area-accent) 42%, var(--admin-table-border)) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
}

body.admin-page.is-admin-logged-in .service-table tbody td {
  display: block;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 76px;
  padding: 11px 12px !important;
  border-right: 1px solid var(--admin-table-border-soft) !important;
  border-bottom: 1px solid var(--admin-table-border-soft) !important;
  color: var(--admin-table-text) !important;
  background: transparent !important;
  overflow: visible;
}

body.admin-page.is-admin-logged-in .service-table tbody td::before {
  content: attr(data-label);
  display: block;
  min-height: 14px;
  margin: 0 0 7px;
  color: #8998a1;
  font-size: 0.61rem;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: 0;
  text-transform: uppercase;
}

body.admin-page.is-admin-logged-in .service-table tbody td:empty::after {
  content: "Brak danych";
  color: var(--admin-table-muted);
  font-size: 0.72rem;
}

body.admin-page.is-admin-logged-in .service-table tbody td[colspan] {
  grid-column: 1 / -1;
  min-height: 0;
}

body.admin-page.is-admin-logged-in .service-table tbody td[colspan]::before {
  display: none;
}

body.admin-page.is-admin-logged-in .service-table tbody td[data-label*="Status"],
body.admin-page.is-admin-logged-in .service-table tbody td[data-label*="Akceptacja"],
body.admin-page.is-admin-logged-in .service-table tbody td[data-label="Opis"],
body.admin-page.is-admin-logged-in .service-table tbody td[data-label="Notatka"],
body.admin-page.is-admin-logged-in .service-table tbody td[data-label="Historia"] {
  grid-column: span 2;
}

body.admin-page.is-admin-logged-in .service-table tbody tr > td:nth-child(4n) {
  border-right: 0 !important;
}

body.admin-page.is-admin-logged-in .service-table tbody tr > td:nth-last-child(-n + 4) {
  border-bottom: 0 !important;
}

body.admin-page.is-admin-logged-in .service-table tbody tr:hover td,
body.admin-page.is-admin-logged-in .service-table tbody tr:nth-child(even) td {
  background: transparent !important;
}

body.admin-page.is-admin-logged-in .service-table .table-link-stack,
body.admin-page.is-admin-logged-in .service-table .table-action-stack {
  align-items: flex-start;
  justify-content: flex-start;
}

body.admin-page.is-admin-logged-in .service-table .table-action-form {
  width: auto;
}

body.admin-page.is-admin-logged-in .service-table select,
body.admin-page.is-admin-logged-in .service-table input,
body.admin-page.is-admin-logged-in .service-table textarea {
  width: min(100%, 260px);
}

@media (max-width: 1180px) {
  body.admin-page.is-admin-logged-in .service-table tbody tr {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.admin-page.is-admin-logged-in .service-table tbody tr > td:nth-child(4n) {
    border-right: 1px solid var(--admin-table-border-soft) !important;
  }

  body.admin-page.is-admin-logged-in .service-table tbody tr > td:nth-child(3n) {
    border-right: 0 !important;
  }

  body.admin-page.is-admin-logged-in .service-table tbody tr > td:nth-last-child(-n + 4) {
    border-bottom: 1px solid var(--admin-table-border-soft) !important;
  }

  body.admin-page.is-admin-logged-in .service-table tbody tr > td:nth-last-child(-n + 3) {
    border-bottom: 0 !important;
  }
}

@media (max-width: 820px) {
  body.admin-page.is-admin-logged-in .service-table tbody tr {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.admin-page.is-admin-logged-in .service-table tbody td[data-label*="Status"],
  body.admin-page.is-admin-logged-in .service-table tbody td[data-label*="Akceptacja"],
  body.admin-page.is-admin-logged-in .service-table tbody td[data-label="Opis"],
  body.admin-page.is-admin-logged-in .service-table tbody td[data-label="Notatka"],
  body.admin-page.is-admin-logged-in .service-table tbody td[data-label="Historia"] {
    grid-column: 1 / -1;
  }

  body.admin-page.is-admin-logged-in .service-table tbody tr > td:nth-child(3n) {
    border-right: 1px solid var(--admin-table-border-soft) !important;
  }

  body.admin-page.is-admin-logged-in .service-table tbody tr > td:nth-child(2n) {
    border-right: 0 !important;
  }

  body.admin-page.is-admin-logged-in .service-table tbody tr > td:nth-last-child(-n + 3) {
    border-bottom: 1px solid var(--admin-table-border-soft) !important;
  }

  body.admin-page.is-admin-logged-in .service-table tbody tr > td:nth-last-child(-n + 2) {
    border-bottom: 0 !important;
  }
}

@media (max-width: 540px) {
  body.admin-page.is-admin-logged-in .service-table tbody tr {
    grid-template-columns: minmax(0, 1fr);
  }

  body.admin-page.is-admin-logged-in .service-table tbody td,
  body.admin-page.is-admin-logged-in .service-table tbody td[data-label*="Status"],
  body.admin-page.is-admin-logged-in .service-table tbody td[data-label*="Akceptacja"],
  body.admin-page.is-admin-logged-in .service-table tbody td[data-label="Opis"],
  body.admin-page.is-admin-logged-in .service-table tbody td[data-label="Notatka"],
  body.admin-page.is-admin-logged-in .service-table tbody td[data-label="Historia"] {
    grid-column: 1;
    border-right: 0 !important;
    border-bottom: 1px solid var(--admin-table-border-soft) !important;
  }

  body.admin-page.is-admin-logged-in .service-table tbody tr > td:last-child {
    border-bottom: 0 !important;
  }
}

/* V8: edycja w tabelach jako pelnoekranowe, nieucinane okna modalne. */
body.admin-page.is-admin-logged-in.has-inline-edit-modal {
  overflow: hidden;
}

body.admin-page.is-admin-logged-in details.table-edit-panel[open],
body.admin-page.is-admin-logged-in details.realization-edit-panel[open]:not(.shop-product-edit-panel) {
  position: fixed !important;
  inset: 0 !important;
  z-index: 3600 !important;
  display: block !important;
  width: 100vw !important;
  max-width: none !important;
  height: 100dvh !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 24px max(16px, calc((100vw - 1120px) / 2)) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  color: #eef5f8 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(3, 6, 8, 0.86) !important;
  box-shadow: none !important;
}

body.admin-page.is-admin-logged-in details.table-edit-panel[open] > summary,
body.admin-page.is-admin-logged-in details.realization-edit-panel[open]:not(.shop-product-edit-panel) > summary {
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: min(1120px, 100%) !important;
  min-height: 46px !important;
  margin: 0 auto !important;
  padding: 14px 18px !important;
  color: #ff5d7a !important;
  border: 1px solid rgba(237, 248, 251, 0.16) !important;
  border-bottom: 0 !important;
  border-radius: 8px 8px 0 0 !important;
  background: #182126 !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28);
  font-size: 0.86rem !important;
  line-height: 1.2 !important;
  cursor: pointer;
  list-style: none;
}

body.admin-page.is-admin-logged-in details.table-edit-panel[open] > summary::-webkit-details-marker,
body.admin-page.is-admin-logged-in details.realization-edit-panel[open]:not(.shop-product-edit-panel) > summary::-webkit-details-marker {
  display: none;
}

body.admin-page.is-admin-logged-in details.table-edit-panel[open] > summary::after,
body.admin-page.is-admin-logged-in details.realization-edit-panel[open]:not(.shop-product-edit-panel) > summary::after {
  content: "Zamknij";
  flex: 0 0 auto;
  margin-left: 18px;
  color: #c9d3d8;
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}

body.admin-page.is-admin-logged-in details.table-edit-panel[open] .table-edit-form,
body.admin-page.is-admin-logged-in details.realization-edit-panel[open]:not(.shop-product-edit-panel) .realization-edit-form {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 14px !important;
  width: min(1120px, 100%) !important;
  max-width: min(1120px, 100%) !important;
  margin: 0 auto 24px !important;
  padding: 18px !important;
  overflow: visible !important;
  color: #eef5f8 !important;
  border: 1px solid rgba(237, 248, 251, 0.16) !important;
  border-radius: 0 0 8px 8px !important;
  background: #11191e !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.48) !important;
}

body.admin-page.is-admin-logged-in details.table-edit-panel[open] .table-edit-form fieldset,
body.admin-page.is-admin-logged-in details.table-edit-panel[open] .table-edit-form .form-wide,
body.admin-page.is-admin-logged-in details.realization-edit-panel[open]:not(.shop-product-edit-panel) .realization-edit-form fieldset,
body.admin-page.is-admin-logged-in details.realization-edit-panel[open]:not(.shop-product-edit-panel) .realization-edit-form .form-wide {
  grid-column: 1 / -1 !important;
}

body.admin-page.is-admin-logged-in details.table-edit-panel[open] .table-edit-form label,
body.admin-page.is-admin-logged-in details.realization-edit-panel[open]:not(.shop-product-edit-panel) .realization-edit-form label,
body.admin-page.is-admin-logged-in details.table-edit-panel[open] .table-edit-form legend,
body.admin-page.is-admin-logged-in details.realization-edit-panel[open]:not(.shop-product-edit-panel) .realization-edit-form legend {
  color: #dfe8ec !important;
}

body.admin-page.is-admin-logged-in details.table-edit-panel[open] .table-edit-form input,
body.admin-page.is-admin-logged-in details.table-edit-panel[open] .table-edit-form select,
body.admin-page.is-admin-logged-in details.table-edit-panel[open] .table-edit-form textarea,
body.admin-page.is-admin-logged-in details.realization-edit-panel[open]:not(.shop-product-edit-panel) .realization-edit-form input,
body.admin-page.is-admin-logged-in details.realization-edit-panel[open]:not(.shop-product-edit-panel) .realization-edit-form select,
body.admin-page.is-admin-logged-in details.realization-edit-panel[open]:not(.shop-product-edit-panel) .realization-edit-form textarea {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  color: #f4f8fa !important;
  border-color: rgba(237, 248, 251, 0.2) !important;
  background: #0d1316 !important;
}

body.admin-page.is-admin-logged-in details.table-edit-panel[open] .table-edit-form .button,
body.admin-page.is-admin-logged-in details.realization-edit-panel[open]:not(.shop-product-edit-panel) .realization-edit-form .button {
  justify-self: start;
}

@media (max-width: 720px) {
  body.admin-page.is-admin-logged-in details.table-edit-panel[open],
  body.admin-page.is-admin-logged-in details.realization-edit-panel[open]:not(.shop-product-edit-panel) {
    padding: 12px !important;
  }

  body.admin-page.is-admin-logged-in details.table-edit-panel[open] .table-edit-form,
  body.admin-page.is-admin-logged-in details.realization-edit-panel[open]:not(.shop-product-edit-panel) .realization-edit-form {
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 14px !important;
  }
}

/* V9: pulpit pokazuje tylko cztery glowne kafelki obszarow. */
body.admin-view-dashboard.is-admin-logged-in .admin-command-sections {
  grid-template-columns: repeat(4, minmax(230px, 1fr)) !important;
  gap: 20px !important;
  align-items: stretch;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-card {
  aspect-ratio: 1 / 1 !important;
  max-height: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  border-color: rgba(221, 235, 242, 0.16);
  background:
    radial-gradient(circle at 24% 18%, rgba(255, 255, 255, 0.08), transparent 34%),
    linear-gradient(150deg, rgba(34, 46, 54, 0.98), rgba(13, 19, 23, 0.98));
  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-card:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 36, 77, 0.44);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 22px 58px rgba(0, 0, 0, 0.28);
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-card ul {
  display: none !important;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-card-head {
  display: flex !important;
  flex-direction: column;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: stretch;
  gap: clamp(8px, 0.8vw, 12px);
  width: 100%;
  height: 100%;
  min-height: 0 !important;
  overflow: hidden;
  padding: clamp(14px, 1.25vw, 20px) !important;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-card-head::after {
  content: "Otworz obszar";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  align-self: flex-start;
  min-height: 34px;
  max-width: 100%;
  margin-top: auto;
  padding: 0 12px;
  color: #fff;
  border: 1px solid rgba(255, 36, 77, 0.44);
  border-radius: 7px;
  background: rgba(255, 36, 77, 0.12);
  font-size: 0.82rem;
  font-weight: 900;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-card-head > span:last-child {
  display: grid;
  flex: 1 1 auto;
  align-content: start;
  gap: 5px;
  min-width: 0;
  max-width: 100%;
  min-height: 0;
  overflow: visible;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-icon {
  flex: 0 0 auto;
  width: clamp(48px, 4vw, 64px);
  height: clamp(48px, 4vw, 64px);
  margin: 0;
  font-size: clamp(1.28rem, 1.6vw, 1.68rem);
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-card-head strong {
  margin: 0;
  max-width: 100%;
  font-size: clamp(1.18rem, 1.28vw, 1.52rem);
  line-height: 1.08;
  overflow-wrap: anywhere;
  word-break: normal;
  hyphens: none;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-card-head small {
  max-width: 100%;
  color: #b5c1c8;
  font-size: clamp(0.72rem, 0.76vw, 0.84rem);
  line-height: 1.28;
  overflow-wrap: anywhere;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-card.is-admin .admin-command-card-head strong {
  font-size: clamp(1.05rem, 1.12vw, 1.32rem);
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-card.is-admin .admin-command-card-head small {
  font-size: clamp(0.7rem, 0.72vw, 0.8rem);
}

@media (max-width: 1160px) {
  body.admin-view-dashboard.is-admin-logged-in .admin-command-sections {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  body.admin-view-dashboard.is-admin-logged-in .admin-command-sections {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* V13: kategorie produktow jako drzewko zamiast tabeli. */
body.admin-page.is-admin-logged-in .shop-categories-board .service-table-wrap {
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
}

body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table,
body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table thead,
body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table tbody,
body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table tr,
body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table th,
body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table td {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  border: 0 !important;
}

body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table thead {
  display: none !important;
}

body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table tbody {
  display: grid !important;
  gap: 9px;
}

body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table tr {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto auto;
  gap: 12px;
  align-items: center;
  padding: 13px 14px !important;
  border: 1px solid rgba(221, 235, 242, 0.14) !important;
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(255, 36, 77, 0.11), transparent 26%),
    #11181c;
}

body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table tr::before {
  content: "";
  position: absolute;
  left: 15px;
  top: -10px;
  bottom: 50%;
  width: 1px;
  background: rgba(221, 235, 242, 0.16);
}

body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table tr:first-child::before {
  display: none;
}

body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table td {
  padding: 0 !important;
  color: #dfe8ec;
  background: transparent !important;
}

body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table td:nth-child(2),
body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table td:nth-child(3) {
  display: none !important;
}

body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table td:nth-child(1) {
  min-width: 0 !important;
}

body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table td:nth-child(4),
body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table td:nth-child(5) {
  display: grid !important;
  gap: 3px;
  min-width: 86px !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(221, 235, 242, 0.12) !important;
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.025) !important;
  text-align: center;
}

body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table td:nth-child(4)::before {
  content: "Produkty";
  color: #91a2ad;
  font-size: 0.64rem;
  font-weight: 900;
  text-transform: uppercase;
}

body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table td:nth-child(5)::before {
  content: "Kolejnosc";
  color: #91a2ad;
  font-size: 0.64rem;
  font-weight: 900;
  text-transform: uppercase;
}

body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table td:nth-child(6) {
  justify-self: end;
}

body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-tree-name {
  position: relative;
  display: block;
  min-height: 34px;
  padding: 4px 0 4px calc(28px + (var(--category-depth, 0) * 30px));
  color: #f6f9fb;
  font-size: 0.96rem;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-tree-name::before {
  content: "";
  position: absolute;
  left: calc(5px + (var(--category-depth, 0) * 30px));
  top: 50%;
  width: 14px;
  height: 14px;
  border: 2px solid #ff3158;
  border-radius: 4px;
  transform: translateY(-50%);
  background: rgba(255, 49, 88, 0.12);
}

body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-tree-name::after {
  content: "";
  position: absolute;
  left: calc(19px + (var(--category-depth, 0) * 30px));
  top: 50%;
  width: calc(var(--category-depth, 0) * 30px);
  height: 1px;
  background: rgba(221, 235, 242, 0.18);
  transform: translateY(-50%);
}

body.admin-page.is-admin-logged-in .shop-categories-board .table-link-stack {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-delete-form {
  margin: 0;
}

@media (max-width: 820px) {
  body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table tr {
    grid-template-columns: minmax(0, 1fr) repeat(2, auto);
  }

  body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table td:nth-child(6) {
    grid-column: 1 / -1;
    justify-self: start;
  }
}

@media (max-width: 560px) {
  body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table tr {
    grid-template-columns: minmax(0, 1fr);
  }

  body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table td:nth-child(4),
  body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table td:nth-child(5),
  body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table td:nth-child(6) {
    justify-self: stretch;
  }

  body.admin-page.is-admin-logged-in .shop-categories-board .table-link-stack {
    justify-content: flex-start;
  }
}

/* V14: lekkie drzewko kategorii jak w eksploratorze katalogu. */
body.admin-page.is-admin-logged-in .shop-categories-board .service-table-wrap {
  padding: 12px 4px 6px !important;
}

body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table tbody {
  gap: 1px !important;
}

body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table tr.shop-category-tree-row {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  min-height: 30px;
  gap: 10px;
  align-items: center;
  padding: 3px 8px 3px calc(6px + (var(--category-depth, 0) * 28px)) !important;
  border: 0 !important;
  border-radius: 4px;
  background: transparent !important;
}

body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table tr.shop-category-tree-row:hover {
  background: rgba(255, 255, 255, 0.035) !important;
}

body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table tr.shop-category-tree-row::before {
  content: "-";
  position: static;
  display: inline-grid;
  grid-column: 1;
  grid-row: 1;
  width: 12px;
  height: 12px;
  place-items: center;
  justify-self: start;
  align-self: center;
  margin-left: 0;
  color: #8f999f;
  border: 1px solid rgba(221, 235, 242, 0.22);
  border-radius: 3px;
  background: rgba(221, 235, 242, 0.08);
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1;
}

body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table tr.shop-category-tree-row.is-leaf::before {
  content: "";
  width: 5px;
  height: 5px;
  margin-left: 4px;
  border: 0;
  border-radius: 999px;
  background: rgba(221, 235, 242, 0.32);
}

body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table tr.shop-category-tree-row td:nth-child(1) {
  grid-column: 1;
  grid-row: 1;
  padding-left: 20px !important;
}

body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table tr.shop-category-tree-row td::before {
  display: none !important;
}

body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table tr.shop-category-tree-row td:nth-child(2),
body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table tr.shop-category-tree-row td:nth-child(3),
body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table tr.shop-category-tree-row td:nth-child(4),
body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table tr.shop-category-tree-row td:nth-child(5) {
  display: none !important;
}

body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table tr.shop-category-tree-row td:nth-child(6) {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
}

body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table tr.shop-category-tree-row .shop-category-tree-name {
  display: inline-flex;
  position: relative;
  min-height: 24px;
  align-items: center;
  gap: 9px;
  padding: 0 !important;
  color: #dce5ea;
  font-size: 0.96rem;
  font-weight: 700;
  line-height: 1.2;
  overflow: visible;
}

body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table tr.shop-category-tree-row .shop-category-tree-name::before {
  content: "";
  position: static;
  flex: 0 0 18px;
  width: 18px;
  height: 13px;
  border: 0;
  border-radius: 3px;
  transform: none;
  background:
    linear-gradient(180deg, rgba(255, 232, 232, 0.85), rgba(255, 205, 210, 0.72));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table tr.shop-category-tree-row .shop-category-tree-name::after {
  content: "";
  position: absolute;
  left: 2px;
  top: 5px;
  width: 8px;
  height: 4px;
  border-radius: 2px 2px 0 0;
  background: rgba(255, 232, 232, 0.92);
  transform: translateY(-100%);
}

body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table tr.shop-category-tree-row.is-leaf .shop-category-tree-name::before,
body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table tr.shop-category-tree-row.is-leaf .shop-category-tree-name::after {
  display: none;
}

body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table tr.shop-category-tree-row .table-link-stack {
  opacity: 0;
  transform: translateX(4px);
  transition: opacity 140ms ease, transform 140ms ease;
}

body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table tr.shop-category-tree-row:hover .table-link-stack,
body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table tr.shop-category-tree-row:focus-within .table-link-stack {
  opacity: 1;
  transform: translateX(0);
}

body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table tr.shop-category-tree-row .table-link,
body.admin-page.is-admin-logged-in .shop-categories-board .shop-category-table tr.shop-category-tree-row .table-button {
  min-height: 24px;
  padding: 2px 7px;
  border-radius: 5px;
  font-size: 0.72rem;
}

/* V15: central print-job card with wrapped cells and no text spillover. */
body.admin-page.is-admin-logged-in .print-job-master-card {
  display: grid;
  gap: 16px;
  min-width: 0;
  margin-top: 18px;
}

body.admin-page.is-admin-logged-in .print-job-master-card *,
body.admin-page.is-admin-logged-in .print-job-table *,
body.admin-page.is-admin-logged-in .print-job-project-grid * {
  min-width: 0;
  box-sizing: border-box;
}

body.admin-page.is-admin-logged-in .print-job-master-card .service-detail-toolbar {
  display: grid;
  grid-template-columns: auto auto minmax(280px, 1fr);
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 14px;
  border: 1px solid rgba(225, 239, 247, 0.12);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018));
}

body.admin-page.is-admin-logged-in .print-job-master-card .service-detail-toolbar > strong {
  color: #f6fbfd;
  font-size: 1.05rem;
  overflow-wrap: anywhere;
}

body.admin-page.is-admin-logged-in .print-job-master-card .service-detail-toolbar .table-payment-form {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

body.admin-page.is-admin-logged-in .print-job-master-card .service-detail-toolbar select {
  width: min(260px, 100%);
}

body.admin-page.is-admin-logged-in .print-job-master-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

body.admin-page.is-admin-logged-in .print-job-master-grid section {
  display: grid;
  align-content: start;
  gap: 7px;
  min-height: 132px;
  padding: 14px;
  border: 1px solid rgba(225, 239, 247, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.028);
  box-shadow: inset 3px 0 0 rgba(255, 42, 79, 0.72);
}

body.admin-page.is-admin-logged-in .print-job-master-grid section > span,
body.admin-page.is-admin-logged-in .print-job-section-heading span {
  color: #ff3158 !important;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

body.admin-page.is-admin-logged-in .print-job-master-grid strong {
  color: #f7fbfd;
  font-size: 1rem;
  line-height: 1.22;
  overflow-wrap: anywhere;
}

body.admin-page.is-admin-logged-in .print-job-master-grid small {
  color: #c8d6de;
  font-size: 0.82rem;
  line-height: 1.42;
  overflow-wrap: anywhere;
}

body.admin-page.is-admin-logged-in .print-job-master-grid .table-link-stack {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: flex-start;
}

body.admin-page.is-admin-logged-in .print-job-project-list {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(225, 239, 247, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.022);
}

body.admin-page.is-admin-logged-in .print-job-section-heading {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(225, 239, 247, 0.1);
}

body.admin-page.is-admin-logged-in .print-job-section-heading strong {
  color: #f6fbfd;
  font-size: 0.86rem;
}

body.admin-page.is-admin-logged-in .print-job-project-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body.admin-page.is-admin-logged-in .print-job-project-grid article {
  display: grid;
  gap: 7px;
  padding: 13px;
  border: 1px solid rgba(225, 239, 247, 0.11);
  border-radius: 8px;
  background: rgba(8, 12, 15, 0.44);
}

body.admin-page.is-admin-logged-in .print-job-project-grid article > span {
  display: inline-grid;
  width: 28px;
  height: 28px;
  place-items: center;
  color: #ff3158;
  border: 1px solid rgba(255, 49, 88, 0.34);
  border-radius: 999px;
  background: rgba(255, 49, 88, 0.09);
  font-size: 0.78rem;
  font-weight: 900;
}

body.admin-page.is-admin-logged-in .print-job-project-grid strong {
  color: #f7fbfd;
  font-size: 0.98rem;
  line-height: 1.22;
  overflow-wrap: anywhere;
}

body.admin-page.is-admin-logged-in .print-job-project-grid small {
  color: #c8d6de;
  font-size: 0.8rem;
  overflow-wrap: anywhere;
}

body.admin-page.is-admin-logged-in .print-job-project-grid dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

body.admin-page.is-admin-logged-in .print-job-project-grid dl > div {
  display: grid;
  gap: 2px;
  padding: 8px;
  border: 1px solid rgba(225, 239, 247, 0.09);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.024);
}

body.admin-page.is-admin-logged-in .print-job-project-grid dt {
  color: #93a4ad;
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

body.admin-page.is-admin-logged-in .print-job-project-grid dd {
  margin: 0;
  color: #eef6fa;
  font-size: 0.82rem;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

body.admin-page.is-admin-logged-in .print-job-master-card .service-detail-notes {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

body.admin-page.is-admin-logged-in .print-job-master-card .service-detail-notes section {
  min-height: 112px;
  padding: 13px;
  border-color: rgba(225, 239, 247, 0.12);
  background: rgba(255, 255, 255, 0.025);
}

body.admin-page.is-admin-logged-in .print-job-master-card .service-detail-notes section span {
  color: #ff3158;
  font-size: 0.72rem;
  font-weight: 900;
}

body.admin-page.is-admin-logged-in .print-job-master-card .service-detail-notes section p {
  color: #d9e5eb;
  font-size: 0.82rem;
  line-height: 1.45;
}

body.admin-page.is-admin-logged-in .print-job-table {
  width: 100%;
  table-layout: fixed;
}

body.admin-page.is-admin-logged-in .print-job-table th,
body.admin-page.is-admin-logged-in .print-job-table td {
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: normal;
  vertical-align: top;
}

body.admin-page.is-admin-logged-in .print-job-table td {
  line-height: 1.28;
}

body.admin-page.is-admin-logged-in .print-job-table .table-link-stack,
body.admin-page.is-admin-logged-in .print-job-table .table-action-form,
body.admin-page.is-admin-logged-in .print-job-table .table-payment-form {
  max-width: 100%;
  flex-wrap: wrap;
}

body.admin-page.is-admin-logged-in .print-job-table .table-link,
body.admin-page.is-admin-logged-in .print-job-table .table-button,
body.admin-page.is-admin-logged-in .print-job-table .button {
  max-width: 100%;
  white-space: normal;
  line-height: 1.18;
}

body.admin-page.is-admin-logged-in .print-job-table select {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

@media (max-width: 1180px) {
  body.admin-page.is-admin-logged-in .print-job-master-grid,
  body.admin-page.is-admin-logged-in .print-job-master-card .service-detail-notes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.admin-page.is-admin-logged-in .print-job-project-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  body.admin-page.is-admin-logged-in .print-job-master-card .service-detail-toolbar,
  body.admin-page.is-admin-logged-in .print-job-master-grid,
  body.admin-page.is-admin-logged-in .print-job-project-grid,
  body.admin-page.is-admin-logged-in .print-job-project-grid dl,
  body.admin-page.is-admin-logged-in .print-job-master-card .service-detail-notes {
    grid-template-columns: minmax(0, 1fr);
  }

  body.admin-page.is-admin-logged-in .print-job-master-card .service-detail-toolbar .table-payment-form {
    justify-content: flex-start;
  }
}

/* V16: serwis - kartoteki urządzeń, magazyn części i szablony napraw. */
body.admin-page.is-admin-logged-in .service-template-form,
body.admin-page.is-admin-logged-in .service-part-form {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: end;
}

body.admin-page.is-admin-logged-in .service-template-table,
body.admin-page.is-admin-logged-in .service-parts-table,
body.admin-page.is-admin-logged-in .service-device-table {
  width: 100%;
  table-layout: fixed;
}

body.admin-page.is-admin-logged-in .service-template-table th,
body.admin-page.is-admin-logged-in .service-template-table td,
body.admin-page.is-admin-logged-in .service-parts-table th,
body.admin-page.is-admin-logged-in .service-parts-table td,
body.admin-page.is-admin-logged-in .service-device-table th,
body.admin-page.is-admin-logged-in .service-device-table td {
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: normal;
  vertical-align: top;
}

body.admin-page.is-admin-logged-in .service-template-table th:nth-child(1),
body.admin-page.is-admin-logged-in .service-parts-table th:nth-child(1),
body.admin-page.is-admin-logged-in .service-device-table th:nth-child(1) {
  width: 16%;
}

body.admin-page.is-admin-logged-in .service-template-table th:nth-child(2),
body.admin-page.is-admin-logged-in .service-device-table th:nth-child(3) {
  width: 36%;
}

body.admin-page.is-admin-logged-in .service-parts-table th:nth-child(5),
body.admin-page.is-admin-logged-in .service-parts-table th:nth-child(6),
body.admin-page.is-admin-logged-in .service-device-table th:nth-child(7) {
  width: 8%;
}

body.admin-page.is-admin-logged-in .service-parts-table strong,
body.admin-page.is-admin-logged-in .service-device-table strong,
body.admin-page.is-admin-logged-in .service-template-table strong {
  display: block;
  color: #f8fbfd;
  line-height: 1.22;
  overflow-wrap: anywhere;
}

body.admin-page.is-admin-logged-in .service-parts-table small,
body.admin-page.is-admin-logged-in .service-device-table small,
body.admin-page.is-admin-logged-in .service-template-table small {
  display: block;
  color: #b7c6cf;
  font-size: 0.74rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

body.admin-page.is-admin-logged-in .service-part-row-stock {
  grid-template-columns: minmax(170px, 1.2fr) minmax(180px, 1.3fr) minmax(90px, 0.55fr) minmax(120px, 0.7fr);
}

body.admin-page.is-admin-logged-in .service-part-row-stock select,
body.admin-page.is-admin-logged-in .service-part-row-stock input {
  width: 100%;
  min-width: 0;
}

body.admin-page.is-admin-logged-in .service-device-detail-card {
  margin: 18px 0;
}

body.admin-page.is-admin-logged-in .service-device-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

body.admin-page.is-admin-logged-in .service-device-summary-grid article {
  display: grid;
  gap: 5px;
  padding: 13px;
  border: 1px solid rgba(225, 239, 247, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.026);
}

body.admin-page.is-admin-logged-in .service-device-summary-grid span,
body.admin-page.is-admin-logged-in .service-device-history > strong {
  color: #ff3158;
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

body.admin-page.is-admin-logged-in .service-device-summary-grid strong {
  color: #f7fbfd;
  font-size: 0.9rem;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

body.admin-page.is-admin-logged-in .service-device-history {
  display: grid;
  gap: 8px;
  margin-top: 14px;
}

body.admin-page.is-admin-logged-in .service-device-history a {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  border: 1px solid rgba(225, 239, 247, 0.1);
  border-radius: 8px;
  color: #f6fbfd;
  text-decoration: none;
  background: rgba(8, 12, 15, 0.42);
}

body.admin-page.is-admin-logged-in .service-device-history small {
  color: #b9c9d1;
  overflow-wrap: anywhere;
}

body.admin-page.is-admin-logged-in .service-table-wrap-no-scroll {
  overflow-x: visible;
}

@media (max-width: 1180px) {
  body.admin-page.is-admin-logged-in .service-template-form,
  body.admin-page.is-admin-logged-in .service-part-form,
  body.admin-page.is-admin-logged-in .service-device-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.admin-page.is-admin-logged-in .service-part-row-stock {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  body.admin-page.is-admin-logged-in .service-template-form,
  body.admin-page.is-admin-logged-in .service-part-form,
  body.admin-page.is-admin-logged-in .service-device-summary-grid,
  body.admin-page.is-admin-logged-in .service-part-row-stock {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* V16: porzadek w module serwisu i poprawne przewijanie recznego zlecenia. */
body.admin-page.is-admin-logged-in .service-admin {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

body.admin-page.is-admin-logged-in .service-active-board {
  order: 10;
}

body.admin-page.is-admin-logged-in .service-device-board {
  order: 20;
}

body.admin-page.is-admin-logged-in .service-filter-board {
  order: 30;
}

body.admin-page.is-admin-logged-in .service-template-board {
  order: 40;
}

body.admin-page.is-admin-logged-in .service-parts-board {
  order: 50;
}

body.admin-page.is-admin-logged-in .service-history-board {
  order: 60;
}

body.admin-page.is-admin-logged-in #manual-service-request-dialog {
  max-height: calc(100dvh - 24px) !important;
  overflow: hidden !important;
}

body.admin-page.is-admin-logged-in #manual-service-request-dialog .admin-document-dialog-shell {
  height: min(820px, calc(100dvh - 24px)) !important;
  max-height: calc(100dvh - 24px) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
}

body.admin-page.is-admin-logged-in #manual-service-request-dialog .service-manual-request-scroll {
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

body.admin-page.is-admin-logged-in #manual-service-request-dialog .service-manual-request-form {
  max-height: none !important;
  overflow: visible !important;
  padding-bottom: 28px !important;
}

body.admin-page.is-admin-logged-in .service-collapsible-board {
  gap: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}

body.admin-page.is-admin-logged-in .service-collapsible-board > .service-board-header {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 18px 22px !important;
  cursor: pointer;
  list-style: none;
  border-bottom: 0 !important;
}

body.admin-page.is-admin-logged-in .service-collapsible-board[open] > .service-board-header {
  border-bottom: 1px solid var(--admin-table-border, rgba(237, 248, 251, 0.12)) !important;
}

body.admin-page.is-admin-logged-in .service-collapsible-board > .service-board-header::-webkit-details-marker {
  display: none;
}

body.admin-page.is-admin-logged-in .service-collapsible-board > .service-board-header::after {
  content: "Rozwiń";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 14px;
  color: #f7fbfd;
  border: 1px solid rgba(255, 49, 88, 0.38);
  border-radius: 7px;
  background: rgba(255, 49, 88, 0.1);
  font-size: 0.78rem;
  font-weight: 900;
}

body.admin-page.is-admin-logged-in .service-collapsible-board[open] > .service-board-header::after {
  content: "Zwiń";
}

body.admin-page.is-admin-logged-in .service-collapsible-board > .contact-form,
body.admin-page.is-admin-logged-in .service-collapsible-board > .service-table-wrap,
body.admin-page.is-admin-logged-in .service-collapsible-board > .admin-empty {
  margin: 18px 22px 22px !important;
}

/* 2026-07-30: sklep - karta produktu 360, workflow zamowien i podglad rentownosci. */
body.admin-page .shop-profit-live {
  display: grid;
  grid-template-columns: repeat(4, minmax(130px, 1fr));
  gap: 10px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid rgba(237, 248, 251, 0.14);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(13, 20, 24, 0.96), rgba(19, 28, 33, 0.92));
}

body.admin-page .shop-profit-live > div {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 12px;
  border: 1px solid rgba(237, 248, 251, 0.1);
  border-radius: 7px;
  background: rgba(7, 11, 14, 0.48);
}

body.admin-page .shop-profit-live span,
body.admin-page .shop-product-360-grid span,
body.admin-page .shop-product-360-details strong,
body.admin-page .shop-order-workflow-notes strong {
  color: #b8c8d2;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

body.admin-page .shop-profit-live strong,
body.admin-page .shop-product-360-grid strong {
  min-width: 0;
  color: #f5f8f9;
  font-size: 1rem;
  line-height: 1.22;
  overflow-wrap: anywhere;
}

body.admin-page .shop-profit-live small {
  grid-column: 1 / -1;
  color: #90a2ad;
  line-height: 1.45;
}

body.admin-page .shop-profit-live.is-negative {
  border-color: rgba(255, 33, 75, 0.45);
  box-shadow: inset 0 0 0 1px rgba(255, 33, 75, 0.12);
}

body.admin-page .shop-profit-live.is-negative [data-profit-value],
body.admin-page .shop-profit-live.is-negative [data-profit-margin] {
  color: #ff5a78;
}

body.admin-page .shop-product-insight-row > td {
  padding: 0 14px 14px;
  border-top: 0;
  background: #10161a;
}

body.admin-page .shop-product-360 {
  width: 100%;
  border: 1px solid rgba(237, 248, 251, 0.12);
  border-radius: 8px;
  background: rgba(7, 11, 14, 0.28);
}

body.admin-page .shop-product-360 > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 44px;
  padding: 10px 14px;
  color: #ff6681;
  cursor: pointer;
  font-size: 0.86rem;
  font-weight: 800;
  list-style: none;
}

body.admin-page .shop-product-360 > summary::-webkit-details-marker {
  display: none;
}

body.admin-page .shop-product-360 > summary::after {
  content: "+";
  color: #9fb0bb;
  font-weight: 900;
}

body.admin-page .shop-product-360[open] > summary::after {
  content: "-";
}

body.admin-page .shop-product-360-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  padding: 0 14px 14px;
}

body.admin-page .shop-product-360-grid article {
  min-width: 0;
  display: grid;
  gap: 4px;
  align-content: start;
  padding: 12px;
  border: 1px solid rgba(237, 248, 251, 0.1);
  border-radius: 7px;
  background: #151d22;
}

body.admin-page .shop-product-360-grid small,
body.admin-page .shop-product-360-details p,
body.admin-page .shop-product-360-details li,
body.admin-page .shop-order-workflow-notes small {
  color: #c8d5dc;
  font-size: 0.84rem;
  line-height: 1.45;
}

body.admin-page .shop-product-360-details {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
  padding: 0 14px 14px;
}

body.admin-page .shop-product-360-details > div {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(237, 248, 251, 0.1);
  border-radius: 7px;
  background: rgba(7, 11, 14, 0.38);
}

body.admin-page .shop-product-360-details ul {
  display: grid;
  gap: 5px;
  margin: 8px 0 0;
  padding-left: 16px;
}

body.admin-page .shop-product-360-details p {
  margin: 8px 0 0;
}

body.admin-page .shop-order-workflow-notes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 14px;
}

body.admin-page .shop-order-workflow-notes article {
  min-width: 0;
  display: grid;
  gap: 5px;
  padding: 12px;
  border: 1px solid rgba(255, 33, 75, 0.18);
  border-left: 3px solid #ff244d;
  border-radius: 7px;
  background: rgba(255, 33, 75, 0.06);
}

body.admin-page .shop-order-workflow-notes strong {
  color: #ff7890;
}

@media (max-width: 1100px) {
  body.admin-page .shop-product-360-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 780px) {
  body.admin-page .shop-profit-live,
  body.admin-page .shop-product-360-grid,
body.admin-page .shop-product-360-details,
body.admin-page .shop-order-workflow-notes {
    grid-template-columns: 1fr;
  }
}

/* 2026-07-30: produkt sklepu - czytelna karta edycji na osobnym tle. */
body.admin-page.is-admin-logged-in .shop-product-edit-panel[open] {
  position: fixed !important;
  inset: 0 !important;
  z-index: 4200 !important;
  display: block !important;
  width: 100vw !important;
  height: 100dvh !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 24px max(18px, calc((100vw - 1180px) / 2)) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  color: #eef5f8 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(3, 7, 9, 0.9) !important;
  box-shadow: none !important;
}

body.admin-page.is-admin-logged-in .shop-product-edit-panel[open] .shop-product-edit-form {
  position: relative !important;
  inset: auto !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(260px, 1fr)) !important;
  gap: 16px !important;
  width: min(1180px, 100%) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 auto !important;
  padding: 0 24px 28px !important;
  overflow: visible !important;
  color: #eef5f8 !important;
  border: 1px solid rgba(237, 248, 251, 0.18) !important;
  border-radius: 12px !important;
  background: #182126 !important;
  box-shadow: 0 32px 90px rgba(0, 0, 0, 0.62) !important;
}

body.admin-page.is-admin-logged-in .shop-product-edit-panel[open] .shop-product-edit-toolbar {
  grid-column: 1 / -1 !important;
  margin: 0 -24px 4px !important;
  padding: 18px 24px !important;
  border-bottom: 1px solid rgba(237, 248, 251, 0.16) !important;
  border-radius: 12px 12px 0 0 !important;
  background: #202b31 !important;
}

body.admin-page.is-admin-logged-in .shop-product-edit-panel[open] .form-wide,
body.admin-page.is-admin-logged-in .shop-product-edit-panel[open] fieldset {
  grid-column: 1 / -1 !important;
}

body.admin-page.is-admin-logged-in .shop-product-edit-panel[open] label,
body.admin-page.is-admin-logged-in .shop-product-edit-panel[open] legend {
  color: #dfe8ec !important;
}

body.admin-page.is-admin-logged-in .shop-product-edit-panel[open] input,
body.admin-page.is-admin-logged-in .shop-product-edit-panel[open] select,
body.admin-page.is-admin-logged-in .shop-product-edit-panel[open] textarea {
  color: #f7fbfd !important;
  border-color: rgba(237, 248, 251, 0.22) !important;
  background: #0d1316 !important;
}

body.admin-page.is-admin-logged-in .shop-product-edit-panel[open] .shop-variants-editor,
body.admin-page.is-admin-logged-in .shop-product-edit-panel[open] .shop-material-recipe,
body.admin-page.is-admin-logged-in .shop-product-edit-panel[open] .realization-image-remove-list {
  border-color: rgba(237, 248, 251, 0.14) !important;
  background: #11191e !important;
}

@media (max-width: 760px) {
  body.admin-page.is-admin-logged-in .shop-product-edit-panel[open] {
    padding: 12px !important;
  }

  body.admin-page.is-admin-logged-in .shop-product-edit-panel[open] .shop-product-edit-form {
    grid-template-columns: 1fr !important;
    padding: 0 14px 22px !important;
  }

  body.admin-page.is-admin-logged-in .shop-product-edit-panel[open] .shop-product-edit-toolbar {
    margin: 0 -14px 4px !important;
    padding: 14px !important;
  }
}

/* 2026-07-30: produkt z zerowym stanem nie moze przygaszac modala edycji. */
body.admin-page.is-admin-logged-in .shop-product-inventory-table tbody tr.is-out-of-stock td {
  opacity: 1 !important;
}

body.admin-page.is-admin-logged-in .shop-product-inventory-table tbody tr.is-out-of-stock > td:not(:last-child) {
  color: #aebcc4;
}

body.admin-page.is-admin-logged-in .shop-product-inventory-table tbody tr.is-out-of-stock .shop-inventory-thumb img {
  filter: grayscale(1);
  opacity: 0.58;
}

/* 2026-07-30: globalna ochrona panelu przed nachodzeniem tekstow i ikon. */
body.admin-page.is-admin-logged-in *,
body.admin-page.is-admin-logged-in *::before,
body.admin-page.is-admin-logged-in *::after {
  min-width: 0;
}

body.admin-page.is-admin-logged-in .admin-appbar {
  grid-template-columns: minmax(190px, 224px) minmax(150px, 210px) minmax(260px, 1fr) 58px minmax(154px, 190px) minmax(88px, 108px) !important;
}

body.admin-page.is-admin-logged-in .admin-appbar > * {
  min-width: 0;
  max-width: 100%;
}

body.admin-page.is-admin-logged-in .admin-appbar-notify {
  justify-content: center !important;
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  height: 72px !important;
  padding: 0 !important;
  overflow: visible !important;
  border-left: 1px solid rgba(215, 227, 234, 0.1);
  border-right: 1px solid rgba(215, 227, 234, 0.1);
}

body.admin-page.is-admin-logged-in .admin-appbar-notify strong {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

body.admin-page.is-admin-logged-in .admin-appbar-notify b {
  left: 33px !important;
  top: 15px !important;
  z-index: 2;
}

body.admin-page.is-admin-logged-in .admin-appbar-user {
  overflow: hidden;
  padding-inline: 14px !important;
}

body.admin-page.is-admin-logged-in .admin-appbar-user strong,
body.admin-page.is-admin-logged-in .admin-appbar-user small,
body.admin-page.is-admin-logged-in .admin-appbar-title,
body.admin-page.is-admin-logged-in .admin-appbar-brand span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.admin-page.is-admin-logged-in .admin-appbar-logout button {
  width: 100%;
  padding-inline: 10px !important;
  white-space: nowrap;
}

body.admin-page.is-admin-logged-in .admin-overview-stats,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-overview-stats,
body.admin-page.is-admin-logged-in .shop-overview .admin-overview-stats {
  grid-template-columns: repeat(auto-fit, minmax(178px, 1fr)) !important;
}

body.admin-page.is-admin-logged-in .admin-overview-stats article {
  min-width: 0 !important;
  overflow: hidden;
}

body.admin-page.is-admin-logged-in .admin-overview-stats article span,
body.admin-page.is-admin-logged-in .admin-overview-stats article strong,
body.admin-page.is-admin-logged-in .admin-overview-stats article small,
body.admin-page.is-admin-logged-in .admin-overview-stats article a,
body.admin-page.is-admin-logged-in .admin-alert-card span,
body.admin-page.is-admin-logged-in .admin-alert-card strong,
body.admin-page.is-admin-logged-in .admin-alert-card small {
  max-width: 100%;
  overflow-wrap: normal;
  word-break: normal;
}

body.admin-page.is-admin-logged-in .admin-overview-stats article strong {
  font-size: clamp(1.05rem, 1.35vw, 1.45rem) !important;
  line-height: 1.15 !important;
}

body.admin-page.is-admin-logged-in .admin-overview-stats article small,
body.admin-page.is-admin-logged-in .admin-overview-stats article a {
  font-size: 0.78rem !important;
  line-height: 1.28 !important;
}

body.admin-page.is-admin-logged-in .admin-command-card,
body.admin-page.is-admin-logged-in .admin-command-card-head,
body.admin-page.is-admin-logged-in .admin-workspace-module-card,
body.admin-page.is-admin-logged-in .admin-command-widget,
body.admin-page.is-admin-logged-in .service-board,
body.admin-page.is-admin-logged-in .contact-form,
body.admin-page.is-admin-logged-in .table-link-stack,
body.admin-page.is-admin-logged-in .shop-inventory-actions {
  min-width: 0 !important;
  max-width: 100% !important;
}

body.admin-page.is-admin-logged-in .admin-command-card-head strong,
body.admin-page.is-admin-logged-in .admin-command-card-head small,
body.admin-page.is-admin-logged-in .admin-workspace-module-card strong,
body.admin-page.is-admin-logged-in .admin-workspace-module-card small,
body.admin-page.is-admin-logged-in .service-board-header h2,
body.admin-page.is-admin-logged-in .service-table td,
body.admin-page.is-admin-logged-in .service-table th {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

body.admin-page.is-admin-logged-in .button,
body.admin-page.is-admin-logged-in .table-button,
body.admin-page.is-admin-logged-in .table-link {
  max-width: 100%;
}

@media (max-width: 1320px) {
  body.admin-page.is-admin-logged-in .admin-appbar {
    grid-template-columns: minmax(164px, 190px) minmax(0, 1fr) 58px minmax(132px, 160px) 88px !important;
  }

  body.admin-page.is-admin-logged-in .admin-appbar-title {
    display: none !important;
  }
}

@media (max-width: 980px) {
  body.admin-page.is-admin-logged-in .admin-appbar {
    grid-template-columns: minmax(150px, 1fr) 58px 88px !important;
    min-height: 74px !important;
  }

  body.admin-page.is-admin-logged-in .admin-appbar-search,
  body.admin-page.is-admin-logged-in .admin-appbar-user {
    display: none !important;
  }

  body.admin-page.is-admin-logged-in main {
    padding-top: 126px !important;
  }

  body.admin-page.is-admin-logged-in .admin-area-switcher {
    top: 74px !important;
  }
}

@media (max-width: 620px) {
  body.admin-page.is-admin-logged-in .admin-appbar-brand span {
    display: none;
  }

  body.admin-page.is-admin-logged-in .admin-appbar-brand img {
    width: 132px !important;
  }

  body.admin-page.is-admin-logged-in .admin-overview-stats,
  body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-overview-stats,
  body.admin-page.is-admin-logged-in .shop-overview .admin-overview-stats {
    grid-template-columns: 1fr !important;
  }
}

/* 2026-07-30: archiwum kosztorysow w stylu zwartej tabeli arkuszowej. */
body.admin-page.is-admin-logged-in .estimate-excel-board {
  width: min(100%, 1520px);
  padding: 22px;
  border: 1px solid rgba(237, 248, 251, 0.14);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.008)), #131b20;
  box-shadow: 0 18px 52px rgba(0, 0, 0, 0.24);
}

body.admin-page.is-admin-logged-in .estimate-excel-header {
  display: flex;
  min-height: 68px;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(237, 248, 251, 0.13);
}

body.admin-page.is-admin-logged-in .estimate-excel-header h2 {
  margin-top: 4px;
  font-size: clamp(1.65rem, 2.2vw, 2.35rem);
  line-height: 1.05;
}

body.admin-page.is-admin-logged-in .estimate-excel-actions {
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  align-items: center;
}

body.admin-page.is-admin-logged-in .estimate-excel-icon-button,
body.admin-page.is-admin-logged-in .estimate-excel-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  border-radius: 7px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}

body.admin-page.is-admin-logged-in .estimate-excel-icon-button {
  min-width: 48px;
  padding: 0 12px;
  color: #edf8fb;
  border: 1px solid rgba(237, 248, 251, 0.16);
  background: rgba(237, 248, 251, 0.045);
}

body.admin-page.is-admin-logged-in .estimate-excel-primary {
  padding-inline: 20px;
}

body.admin-page.is-admin-logged-in .estimate-excel-toolbar {
  display: grid;
  grid-template-columns: minmax(220px, 1.5fr) minmax(150px, 0.75fr) minmax(150px, 0.75fr) minmax(210px, 1fr) auto;
  gap: 12px 14px;
  align-items: end;
  padding: 18px 0;
}

body.admin-page.is-admin-logged-in .estimate-excel-toolbar label {
  display: grid;
  gap: 5px;
  min-width: 0;
  color: #8797a1;
  font-size: 0.64rem;
  font-weight: 800;
  text-transform: uppercase;
}

body.admin-page.is-admin-logged-in .estimate-excel-toolbar input,
body.admin-page.is-admin-logged-in .estimate-excel-toolbar select {
  width: 100%;
  min-height: 42px;
  padding: 9px 12px;
  color: #edf8fb;
  border: 1px solid rgba(237, 248, 251, 0.16);
  border-radius: 7px;
  background: #0f1518;
  font-size: 0.82rem;
}

body.admin-page.is-admin-logged-in .estimate-excel-table-wrap {
  overflow-x: visible !important;
  border-color: rgba(237, 248, 251, 0.16) !important;
  border-radius: 8px !important;
  background: #10171b !important;
}

body.admin-page.is-admin-logged-in .estimate-excel-table {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
  background: #10171b !important;
  font-size: 0.72rem !important;
}

body.admin-page.is-admin-logged-in .estimate-excel-table col.estimate-col-number { width: 10%; }
body.admin-page.is-admin-logged-in .estimate-excel-table col.estimate-col-date { width: 10%; }
body.admin-page.is-admin-logged-in .estimate-excel-table col.estimate-col-client { width: 12%; }
body.admin-page.is-admin-logged-in .estimate-excel-table col.estimate-col-status { width: 15%; }
body.admin-page.is-admin-logged-in .estimate-excel-table col.estimate-col-money { width: 8%; }
body.admin-page.is-admin-logged-in .estimate-excel-table col.estimate-col-pdf { width: 7%; }
body.admin-page.is-admin-logged-in .estimate-excel-table col.estimate-col-job { width: 9%; }
body.admin-page.is-admin-logged-in .estimate-excel-table col.estimate-col-invoice { width: 8%; }
body.admin-page.is-admin-logged-in .estimate-excel-table col.estimate-col-actions { width: 6%; }

body.admin-page.is-admin-logged-in .estimate-excel-table th,
body.admin-page.is-admin-logged-in .estimate-excel-table td {
  min-width: 0 !important;
  max-width: none !important;
  padding: 11px 12px !important;
  border-color: rgba(237, 248, 251, 0.12) !important;
  color: #edf8fb !important;
  line-height: 1.35;
  overflow-wrap: anywhere;
  vertical-align: middle;
}

body.admin-page.is-admin-logged-in .estimate-excel-table th {
  color: #aab8c1 !important;
  background: #172126 !important;
  font-size: 0.64rem !important;
  letter-spacing: 0;
  text-transform: uppercase;
}

body.admin-page.is-admin-logged-in .estimate-excel-table td {
  background: #10171b !important;
}

body.admin-page.is-admin-logged-in .estimate-excel-table tbody tr:nth-child(even) td {
  background: #131c21 !important;
}

body.admin-page.is-admin-logged-in .estimate-excel-table tbody tr:hover td {
  background: #18242a !important;
}

body.admin-page.is-admin-logged-in .estimate-excel-table strong,
body.admin-page.is-admin-logged-in .estimate-excel-table b {
  color: #ffffff !important;
  font-size: 0.76rem !important;
}

body.admin-page.is-admin-logged-in .estimate-excel-table small,
body.admin-page.is-admin-logged-in .estimate-excel-table .table-muted {
  color: #aebbc2 !important;
  font-size: 0.64rem !important;
}

body.admin-page.is-admin-logged-in .estimate-excel-table .table-action-form {
  gap: 4px 6px;
}

body.admin-page.is-admin-logged-in .estimate-excel-table select {
  min-height: 30px !important;
  padding: 5px 24px 5px 8px !important;
  color: #edf8fb;
  border-color: rgba(237, 248, 251, 0.2);
  background-color: #0c1215;
  font-size: 0.66rem !important;
}

body.admin-page.is-admin-logged-in .estimate-excel-table .service-status-pill {
  min-height: 22px !important;
  padding: 3px 8px !important;
  font-size: 0.64rem !important;
  white-space: nowrap;
}

body.admin-page.is-admin-logged-in .estimate-excel-table .archive-cell-subsection {
  display: none !important;
  margin-top: 0;
  padding-top: 0;
}

body.admin-page.is-admin-logged-in .estimate-excel-table .table-link,
body.admin-page.is-admin-logged-in .estimate-excel-table .table-button {
  color: #ff3f63 !important;
  font-size: 0.68rem !important;
  font-weight: 800;
}

body.admin-page.is-admin-logged-in .estimate-pdf-link {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  max-width: 100%;
  color: #ff3f63 !important;
  text-decoration: none;
  white-space: nowrap !important;
}

body.admin-page.is-admin-logged-in .estimate-pdf-link span {
  display: inline-grid;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  place-items: center;
  color: #ff3f63;
  border: 1px solid rgba(255, 63, 99, 0.36);
  border-radius: 5px;
  font-size: 0.52rem;
  font-weight: 900;
}

body.admin-page.is-admin-logged-in .estimate-grid-actions {
  display: flex;
  gap: 7px;
  align-items: center;
}

body.admin-page.is-admin-logged-in .estimate-action-edit {
  min-height: 30px;
  padding: 5px 9px;
  color: #edf8fb !important;
  border: 1px solid rgba(237, 248, 251, 0.14);
  border-radius: 6px;
  background: rgba(237, 248, 251, 0.05);
}

body.admin-page.is-admin-logged-in .estimate-row-menu {
  position: relative;
}

body.admin-page.is-admin-logged-in .estimate-row-menu summary {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  color: #edf8fb;
  border: 1px solid rgba(237, 248, 251, 0.14);
  border-radius: 6px;
  background: rgba(237, 248, 251, 0.05);
  cursor: pointer;
  list-style: none;
}

body.admin-page.is-admin-logged-in .estimate-row-menu summary::-webkit-details-marker {
  display: none;
}

body.admin-page.is-admin-logged-in .estimate-row-menu > div {
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  z-index: 8;
  display: grid;
  gap: 6px;
  min-width: 124px;
  padding: 8px;
  border: 1px solid rgba(237, 248, 251, 0.14);
  border-radius: 7px;
  background: #0c1215;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.35);
}

body.admin-page.is-admin-logged-in .estimate-row-menu > div .table-action-form,
body.admin-page.is-admin-logged-in .estimate-row-menu > div .table-link {
  width: 100%;
}

body.admin-page.is-admin-logged-in .estimate-excel-board.is-comfortable .estimate-excel-table th,
body.admin-page.is-admin-logged-in .estimate-excel-board.is-comfortable .estimate-excel-table td {
  padding-block: 15px !important;
}

body.admin-page.is-admin-logged-in .estimate-excel-table tr[hidden] {
  display: none !important;
}

@media (max-width: 1180px) {
  body.admin-page.is-admin-logged-in .estimate-excel-board {
    padding: 16px;
  }

  body.admin-page.is-admin-logged-in .estimate-excel-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.admin-page.is-admin-logged-in .estimate-excel-table {
    font-size: 0.66rem !important;
  }

  body.admin-page.is-admin-logged-in .estimate-excel-table th,
  body.admin-page.is-admin-logged-in .estimate-excel-table td {
    padding: 8px 7px !important;
  }
}

/* 2026-07-30: finalny override kosztorysow - jedna linia arkusza bez nachodzenia. */
body.admin-page.is-admin-logged-in .estimate-excel-table-wrap,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .estimate-excel-table-wrap {
  overflow-x: hidden !important;
}

body.admin-page.is-admin-logged-in .estimate-excel-table,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .estimate-excel-table {
  width: 100% !important;
  table-layout: fixed !important;
  font-size: 0.68rem !important;
}

body.admin-page.is-admin-logged-in .estimate-excel-table col.estimate-col-number { width: 10.5% !important; }
body.admin-page.is-admin-logged-in .estimate-excel-table col.estimate-col-date { width: 10.5% !important; }
body.admin-page.is-admin-logged-in .estimate-excel-table col.estimate-col-client { width: 12% !important; }
body.admin-page.is-admin-logged-in .estimate-excel-table col.estimate-col-status { width: 13% !important; }
body.admin-page.is-admin-logged-in .estimate-excel-table col.estimate-col-money { width: 8% !important; }
body.admin-page.is-admin-logged-in .estimate-excel-table col.estimate-col-pdf { width: 7.5% !important; }
body.admin-page.is-admin-logged-in .estimate-excel-table col.estimate-col-job { width: 9.5% !important; }
body.admin-page.is-admin-logged-in .estimate-excel-table col.estimate-col-invoice { width: 7.5% !important; }
body.admin-page.is-admin-logged-in .estimate-excel-table col.estimate-col-actions { width: 6% !important; }

body.admin-page.is-admin-logged-in .estimate-excel-table th,
body.admin-page.is-admin-logged-in .estimate-excel-table td,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .estimate-excel-table th,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .estimate-excel-table td {
  display: table-cell !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 9px 8px !important;
  overflow: hidden !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

body.admin-page.is-admin-logged-in .estimate-excel-table td::before,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .estimate-excel-table td::before,
body.admin-page.is-admin-logged-in .estimate-excel-table .archive-cell-subsection,
body.admin-page.is-admin-logged-in .estimate-excel-table .archive-cell-subsection.table-link-stack,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .estimate-excel-table .archive-cell-subsection {
  display: none !important;
}

body.admin-page.is-admin-logged-in .estimate-excel-table .table-action-form,
body.admin-page.is-admin-logged-in .estimate-excel-table .table-link-stack {
  flex-wrap: nowrap !important;
  gap: 5px !important;
}

body.admin-page.is-admin-logged-in .estimate-excel-table .table-payment-form {
  display: block !important;
}

body.admin-page.is-admin-logged-in .estimate-excel-table .table-payment-form select {
  width: 100% !important;
  max-width: 100% !important;
}

body.admin-page.is-admin-logged-in .estimate-excel-table .estimate-pdf-link {
  gap: 5px;
  font-size: 0.66rem !important;
}

body.admin-page.is-admin-logged-in .estimate-excel-table .estimate-pdf-link span {
  flex-basis: 24px;
  width: 24px;
  height: 24px;
  font-size: 0.48rem;
}

body.admin-page.is-admin-logged-in .estimate-excel-table td[data-label="Faktura"] .table-link-stack {
  display: grid !important;
  justify-items: start;
  gap: 4px !important;
}

body.admin-page.is-admin-logged-in .estimate-excel-table td[data-label="Faktura"] .table-button {
  padding: 3px 5px !important;
  font-size: 0.6rem !important;
}

body.admin-page.is-admin-logged-in .estimate-excel-table .estimate-grid-actions {
  flex-wrap: nowrap !important;
}

body.admin-page.is-admin-logged-in .estimate-excel-table .estimate-action-edit {
  padding: 5px 7px !important;
  white-space: nowrap !important;
}

/* 2026-07-30: twarde wymuszenie arkusza dla kosztorysow, bez ukladu kafelkowego. */
body.admin-page.is-admin-logged-in .estimate-excel-table-wrap,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .estimate-excel-table-wrap {
  overflow-x: hidden !important;
}

body.admin-page.is-admin-logged-in .estimate-excel-table,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .estimate-excel-table {
  display: table !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  border-collapse: collapse !important;
  table-layout: fixed !important;
}

body.admin-page.is-admin-logged-in .estimate-excel-table thead,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .estimate-excel-table thead {
  display: table-header-group !important;
}

body.admin-page.is-admin-logged-in .estimate-excel-table tbody,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .estimate-excel-table tbody {
  display: table-row-group !important;
}

body.admin-page.is-admin-logged-in .estimate-excel-table tr,
body.admin-page.is-admin-logged-in .estimate-excel-table tbody tr,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .estimate-excel-table tr,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .estimate-excel-table tbody tr {
  display: table-row !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-left: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.admin-page.is-admin-logged-in .estimate-excel-table th,
body.admin-page.is-admin-logged-in .estimate-excel-table td,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .estimate-excel-table th,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .estimate-excel-table td {
  display: table-cell !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 10px 10px !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

body.admin-page.is-admin-logged-in .estimate-excel-table td::before,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .estimate-excel-table td::before {
  display: none !important;
  content: none !important;
}

body.admin-page.is-admin-logged-in .estimate-excel-table .table-link-stack,
body.admin-page.is-admin-logged-in .estimate-excel-table .table-action-form,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .estimate-excel-table .table-link-stack,
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .estimate-excel-table .table-action-form {
  display: flex !important;
}

/* 2026-07-30: finalny arkusz kosztorysow zgodny z referencja 1680 px. */
body.admin-page.is-admin-logged-in #archiwum-kosztorysow.estimate-excel-board {
  box-sizing: border-box;
  width: min(1688px, calc(100vw - 24px)) !important;
  max-width: calc(100vw - 24px) !important;
  margin: 18px 0 28px 50% !important;
  padding: 0 !important;
  overflow: visible !important;
  color: #f3f6f8;
  border: 1px solid #24313a !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0) 190px),
    #111a20 !important;
  box-shadow: none !important;
  transform: translateX(-50%);
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-header {
  display: flex !important;
  min-height: 90px;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  margin: 0 !important;
  padding: 22px 24px 20px !important;
  border-bottom: 1px solid #26343d !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-header > div:first-child {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 16px;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-header > div:first-child > span {
  display: grid;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  place-items: center;
  overflow: hidden;
  color: transparent !important;
  border: 2px solid #ff3f5f;
  border-radius: 7px;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-header > div:first-child > span::before {
  content: "";
  width: 20px;
  height: 24px;
  border: 2px solid #ff3f5f;
  border-radius: 2px;
  background:
    linear-gradient(#ff3f5f, #ff3f5f) 5px 7px / 10px 2px no-repeat,
    linear-gradient(#ff3f5f, #ff3f5f) 5px 13px / 10px 2px no-repeat,
    linear-gradient(#ff3f5f, #ff3f5f) 5px 19px / 7px 2px no-repeat;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-header h2 {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 28px !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-actions {
  display: flex !important;
  flex: 0 0 auto;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 16px !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-icon-button,
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-primary {
  display: inline-flex !important;
  min-width: 56px !important;
  height: 48px !important;
  min-height: 48px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 0 16px !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-icon-button {
  color: #eef4f7 !important;
  border: 1px solid #34454f !important;
  background: linear-gradient(180deg, #172229, #121b21) !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-icon-button:hover {
  border-color: #4a5b65 !important;
  background: #1b2931 !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-primary {
  width: 215px !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 93, 121, 0.72) !important;
  background: linear-gradient(180deg, #ff536f, #ec3454) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-toolbar {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px !important;
  margin: 0 !important;
  padding: 18px 24px !important;
  border-bottom: 1px solid #26343d !important;
  background: rgba(14, 22, 27, 0.32);
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-toolbar label,
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-toolbar button {
  box-sizing: border-box;
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  color: #edf4f7 !important;
  border: 1px solid #30404a !important;
  border-radius: 8px !important;
  background: #121b21 !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-toolbar .estimate-excel-search {
  width: 365px !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-toolbar label:nth-child(2) {
  width: 186px !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-toolbar label:nth-child(3) {
  width: 190px !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-toolbar label:nth-child(4) {
  width: 370px !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-toolbar label > span {
  flex: 0 0 auto;
  color: #d6e0e6 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-toolbar input,
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-toolbar select {
  flex: 1 1 auto;
  width: 100% !important;
  min-width: 0 !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  color: #f3f6f8 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-search::before {
  content: "";
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  opacity: 0.8;
  background: radial-gradient(circle at 42% 42%, transparent 0 6px, #9aabb5 6.5px 7.5px, transparent 8px),
              linear-gradient(45deg, transparent 0 11px, #9aabb5 11px 13px, transparent 13px);
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-search::after {
  content: "/";
  display: grid;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  place-items: center;
  color: #dbe6ec;
  border: 1px solid #34454f;
  border-radius: 6px;
  background: #162128;
  font-weight: 800;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table-wrap {
  width: calc(100% - 48px) !important;
  margin: 0 24px 22px !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  border: 1px solid #2b3942 !important;
  border-radius: 10px !important;
  background: #0f181d !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table {
  display: table !important;
  width: 100% !important;
  min-width: 1580px !important;
  max-width: none !important;
  margin: 0 !important;
  border: 0 !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  table-layout: fixed !important;
  color: #f3f6f8 !important;
  font-family: Inter, Montserrat, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 15px !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table col.estimate-col-number { width: 10.5% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table col.estimate-col-date { width: 11% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table col.estimate-col-client { width: 10.5% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table col.estimate-col-status { width: 10.5% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table col.estimate-col-money { width: 7.5% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table col.estimate-col-pdf { width: 8% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table col.estimate-col-job { width: 9.5% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table col.estimate-col-invoice { width: 7.5% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table col.estimate-col-actions { width: 9.5% !important; }

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table thead,
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table tbody {
  display: table-row-group !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table thead {
  display: table-header-group !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table tr {
  display: table-row !important;
  height: 70px !important;
  min-height: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table thead tr {
  height: 62px !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table th,
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table td {
  display: table-cell !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 16px 18px !important;
  overflow: visible !important;
  color: #f3f6f8 !important;
  border-right: 1px solid #2b3942 !important;
  border-bottom: 1px solid #2b3942 !important;
  background: #10191e !important;
  text-align: left !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table th {
  color: #c2d0d8 !important;
  background: linear-gradient(180deg, #19252c, #162128) !important;
  font-size: 14px !important;
  font-weight: 750 !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table td:nth-child(5),
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table td:nth-child(6) {
  text-align: right !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table th:last-child,
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table td:last-child {
  border-right: 0 !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table tbody tr:hover td {
  background: #142129 !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table td::before {
  display: none !important;
  content: none !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table strong {
  display: block;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table small,
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table .table-muted {
  display: block;
  margin-top: 4px;
  color: #aeb8c0 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table td[data-label="Status"] > form.table-payment-form,
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table .archive-cell-subsection,
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table td[data-label="Faktura"] form.table-action-form {
  display: none !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table .service-status-pill {
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  height: 36px !important;
  min-height: 36px !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table .service-status-pill::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: currentColor;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table .service-status-pill.is-ready,
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table .service-status-pill.is-closed {
  color: #58d589 !important;
  border: 1px solid rgba(88, 213, 137, 0.36) !important;
  background: rgba(28, 111, 65, 0.24) !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table .service-status-pill.is-diagnostics,
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table .service-status-pill.is-repair {
  color: #ffc84d !important;
  border: 1px solid rgba(255, 200, 77, 0.35) !important;
  background: rgba(128, 91, 10, 0.25) !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table .service-status-pill.is-delivered {
  color: #53b9ff !important;
  border: 1px solid rgba(83, 185, 255, 0.35) !important;
  background: rgba(18, 81, 132, 0.25) !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table .service-status-pill.is-declined {
  color: #ff637a !important;
  border: 1px solid rgba(255, 99, 122, 0.35) !important;
  background: rgba(122, 24, 38, 0.25) !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table .service-status-pill.is-new {
  color: #c4d0d7 !important;
  border: 1px solid rgba(196, 208, 215, 0.24) !important;
  background: rgba(110, 128, 139, 0.16) !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-pdf-link,
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table .table-link {
  display: inline-flex !important;
  width: auto !important;
  max-width: 100% !important;
  align-items: center !important;
  gap: 8px !important;
  color: #ff3f5f !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-pdf-link span {
  display: inline-grid;
  flex: 0 0 24px !important;
  width: 24px !important;
  height: 24px !important;
  place-items: center;
  color: #ff3f5f !important;
  border: 1px solid rgba(255, 63, 95, 0.55) !important;
  border-radius: 4px !important;
  background: transparent !important;
  font-size: 8px !important;
  font-weight: 900 !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-grid-actions {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  white-space: nowrap !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-action-edit,
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-row-menu summary,
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table .table-button {
  display: inline-flex !important;
  height: 40px !important;
  min-height: 40px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #34454f !important;
  border-radius: 8px !important;
  background: #141f25 !important;
  color: #f3f6f8 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-action-edit {
  width: 92px !important;
  padding: 0 14px !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-row-menu {
  position: relative !important;
  display: inline-block !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-row-menu summary {
  width: 42px !important;
  padding: 0 !important;
  cursor: pointer;
  list-style: none;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-row-menu summary::-webkit-details-marker {
  display: none;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-row-menu > div {
  position: absolute !important;
  right: 0 !important;
  top: calc(100% + 8px) !important;
  z-index: 30 !important;
  display: grid !important;
  min-width: 230px !important;
  gap: 8px !important;
  padding: 12px !important;
  border: 1px solid #34454f !important;
  border-radius: 10px !important;
  background: #0d151a !important;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.42) !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-row-menu form,
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-row-menu label {
  display: grid !important;
  width: 100% !important;
  gap: 6px !important;
  margin: 0 !important;
  color: #c8d3da !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-row-menu select {
  width: 100% !important;
  min-height: 38px !important;
  color: #f3f6f8 !important;
  border: 1px solid #34454f !important;
  border-radius: 7px !important;
  background: #111a20 !important;
  font-size: 13px !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table th[data-estimate-sort] {
  cursor: pointer;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-sort-mark {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 18px;
  margin-left: 8px;
  vertical-align: -4px;
  opacity: 0.65;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-sort-mark::before,
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-sort-mark::after {
  content: "";
  position: absolute;
  left: 2px;
  width: 7px;
  height: 7px;
  border-right: 1px solid #8ea0aa;
  border-bottom: 1px solid #8ea0aa;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-sort-mark::before {
  top: 1px;
  transform: rotate(225deg);
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-sort-mark::after {
  bottom: 1px;
  transform: rotate(45deg);
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow th.is-sort-asc .estimate-sort-mark::before,
body.admin-page.is-admin-logged-in #archiwum-kosztorysow th.is-sort-desc .estimate-sort-mark::after {
  border-color: #ff3f5f;
  opacity: 1;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-footer {
  display: grid !important;
  grid-template-columns: minmax(220px, 1fr) auto minmax(220px, 1fr);
  min-height: 68px;
  align-items: center;
  gap: 20px;
  padding: 14px 18px;
  color: #cbd5db;
  border-top: 1px solid #2b3942;
  background: #111a20;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-footer p,
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-footer label {
  margin: 0 !important;
  color: #cbd5db !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-footer label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-footer select {
  width: 94px;
  height: 44px;
  color: #f3f6f8;
  border: 1px solid #34454f;
  border-radius: 8px;
  background: #121b21;
  font-size: 15px;
  font-weight: 800;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-pagination span {
  display: inline-flex;
  gap: 10px;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-pagination button {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  color: #f3f6f8;
  border: 1px solid #34454f;
  border-radius: 8px;
  background: #121b21;
  font-size: 15px;
  font-weight: 850;
  cursor: pointer;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-pagination button.is-active {
  border-color: #ff536f;
  background: linear-gradient(180deg, #ff536f, #ec3454);
  color: #fff;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-pagination button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

@media (max-width: 1680px) {
  body.admin-page.is-admin-logged-in #archiwum-kosztorysow.estimate-excel-board {
    width: calc(100vw - 24px) !important;
  }
}

@media (max-width: 960px) {
  body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-header,
  body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-actions {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-toolbar label,
  body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-toolbar .estimate-excel-search,
  body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-toolbar label:nth-child(2),
  body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-toolbar label:nth-child(3),
  body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-toolbar label:nth-child(4) {
    width: 100% !important;
  }

  body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-footer {
    grid-template-columns: 1fr;
  }

  body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-pagination {
    justify-content: flex-start;
  }
}

/* 2026-07-30: wersja bez poziomego przewijania archiwum kosztorysow. */
body.admin-page.is-admin-logged-in #archiwum-kosztorysow.estimate-excel-board {
  width: min(1760px, calc(100vw - 16px)) !important;
  max-width: calc(100vw - 16px) !important;
  margin-right: 0 !important;
  margin-left: 50% !important;
  transform: translateX(-50%) !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-header,
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-toolbar,
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table-wrap {
  margin-right: auto !important;
  margin-left: auto !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table-wrap {
  width: calc(100% - 32px) !important;
  overflow-x: hidden !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  font-size: 13px !important;
  table-layout: fixed !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table col.estimate-col-number { width: 9.5% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table col.estimate-col-date { width: 9.5% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table col.estimate-col-client { width: 11% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table col.estimate-col-status { width: 10.5% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table col.estimate-col-money { width: 7.25% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table col.estimate-col-pdf { width: 7.25% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table col.estimate-col-job { width: 9% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table col.estimate-col-invoice { width: 8.5% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table col.estimate-col-actions { width: 13% !important; }

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table th,
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table td {
  padding: 11px 10px !important;
  overflow: visible !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table th {
  font-size: 12px !important;
  line-height: 1.15 !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table strong {
  font-size: 13px !important;
  line-height: 1.22 !important;
  overflow-wrap: anywhere !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table small,
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table .table-muted {
  font-size: 11px !important;
  line-height: 1.25 !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table .service-status-pill {
  height: 30px !important;
  min-height: 30px !important;
  gap: 6px !important;
  padding: 0 9px !important;
  font-size: 11.5px !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table .service-status-pill::before {
  flex: 0 0 6px;
  width: 6px;
  height: 6px;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-pdf-link,
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table .table-link {
  gap: 6px !important;
  font-size: 12.5px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-pdf-link span {
  flex-basis: 20px !important;
  width: 20px !important;
  height: 20px !important;
  font-size: 7px !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-grid-actions {
  gap: 6px !important;
  justify-content: center !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-action-edit,
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-row-menu summary,
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table .table-button {
  height: 34px !important;
  min-height: 34px !important;
  border-radius: 7px !important;
  font-size: 12px !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-action-edit {
  width: 76px !important;
  padding: 0 10px !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-row-menu summary {
  width: 34px !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-footer {
  grid-template-columns: minmax(180px, 1fr) auto minmax(180px, 1fr);
  gap: 12px;
  padding: 12px 14px;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-footer p,
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-footer label {
  font-size: 12.5px !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-footer select,
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-pagination button {
  height: 36px;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-pagination button {
  width: 36px;
}

@media (max-width: 1360px) {
  body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table th,
  body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table td {
    padding: 9px 7px !important;
    font-size: 12px !important;
  }

  body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table th {
    font-size: 11px !important;
  }

  body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table strong,
  body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-pdf-link,
  body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table .table-link {
    font-size: 11.5px !important;
  }

  body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table .service-status-pill {
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 7px !important;
    font-size: 10.5px !important;
  }
}

@media (max-width: 1120px) {
  body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table th,
  body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table td {
    padding: 8px 5px !important;
    font-size: 11px !important;
  }

  body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table th {
    font-size: 10px !important;
  }

  body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table small,
  body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table .table-muted {
    font-size: 9.5px !important;
  }

  body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-action-edit {
    width: 62px !important;
  }

  body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-row-menu summary {
    width: 30px !important;
  }
}

/* 2026-07-30: bez przewijania strony w poziomie. */
html,
body.admin-page,
body.admin-page.is-admin-logged-in,
body.admin-page.is-admin-logged-in .admin-shell,
body.admin-page.is-admin-logged-in .admin-content {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-content {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 1640px !important;
  margin-inline: auto !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow.estimate-excel-board {
  width: 100% !important;
  max-width: 100% !important;
  margin: 18px auto 28px !important;
  transform: none !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-header {
  padding: 18px 18px 17px !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-toolbar {
  padding: 14px 18px !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table-wrap {
  width: calc(100% - 20px) !important;
  margin: 0 auto 16px !important;
  overflow-x: hidden !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  font-size: clamp(10px, 0.72vw, 12.5px) !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table col.estimate-col-number { width: 9% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table col.estimate-col-date { width: 9.5% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table col.estimate-col-client { width: 10% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table col.estimate-col-status { width: 10.5% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table col.estimate-col-money { width: 7.4% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table col.estimate-col-pdf { width: 7.8% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table col.estimate-col-job { width: 9% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table col.estimate-col-invoice { width: 9% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table col.estimate-col-actions { width: 14.2% !important; }

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table th,
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table td {
  padding: 9px 7px !important;
  font-size: clamp(10px, 0.72vw, 12.5px) !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table th {
  font-size: clamp(9px, 0.64vw, 11px) !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table strong,
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-pdf-link,
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table .table-link {
  font-size: clamp(10px, 0.72vw, 12.5px) !important;
  line-height: 1.2 !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table small,
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table .table-muted {
  font-size: clamp(8.5px, 0.62vw, 10.5px) !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table .service-status-pill {
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 7px !important;
  font-size: clamp(9px, 0.62vw, 10.5px) !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-pdf-link span {
  flex-basis: 18px !important;
  width: 18px !important;
  height: 18px !important;
  font-size: 6px !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-action-edit {
  width: 64px !important;
  padding: 0 7px !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-row-menu summary {
  width: 30px !important;
}

/* 2026-07-30: delikatne poszerzenie arkusza bez przywracania scrolla strony. */
body.admin-page.is-admin-logged-in:not(.admin-view-dashboard) .admin-content {
  max-width: none !important;
  padding-right: 8px !important;
  padding-left: 8px !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow.estimate-excel-board {
  width: min(1740px, 100%) !important;
  max-width: 100% !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-header,
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-toolbar {
  padding-right: 14px !important;
  padding-left: 14px !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table-wrap {
  width: calc(100% - 8px) !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table {
  font-size: clamp(10.5px, 0.76vw, 13px) !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table col.estimate-col-number { width: 9.4% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table col.estimate-col-date { width: 9.2% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table col.estimate-col-client { width: 10.2% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table col.estimate-col-status { width: 10.1% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table col.estimate-col-money { width: 6.9% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table col.estimate-col-pdf { width: 8.7% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table col.estimate-col-job { width: 8.6% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table col.estimate-col-invoice { width: 8.2% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table col.estimate-col-actions { width: 13% !important; }

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table th,
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table td {
  padding-right: 8px !important;
  padding-left: 8px !important;
  font-size: clamp(10.5px, 0.76vw, 13px) !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table th {
  font-size: clamp(9.5px, 0.67vw, 11.5px) !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table strong,
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-pdf-link,
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table .table-link {
  font-size: clamp(10.5px, 0.76vw, 13px) !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table .service-status-pill {
  font-size: clamp(9.5px, 0.68vw, 11.5px) !important;
}

/* 2026-07-30: jednolite, kompaktowe tabele admina bez poziomego scrolla strony. */
body.admin-page.is-admin-logged-in .admin-content,
body.admin-page.is-admin-logged-in .admin-content > .container,
body.admin-page.is-admin-logged-in .service-board,
body.admin-page.is-admin-logged-in .admin-command-area,
body.admin-page.is-admin-logged-in .admin-command-section,
body.admin-page.is-admin-logged-in .admin-command-card {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

body.admin-page.is-admin-logged-in .service-table-wrap,
body.admin-page.is-admin-logged-in .document-table-wrap,
body.admin-page.is-admin-logged-in .admin-table-scroll {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
  overflow-x: hidden !important;
}

@media (min-width: 900px) {
  body.admin-page.is-admin-logged-in .service-table:not(.estimate-excel-table) {
    display: table !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
    font-size: clamp(10px, 0.72vw, 12.5px) !important;
  }

  body.admin-page.is-admin-logged-in .service-table:not(.estimate-excel-table) thead {
    position: static !important;
    display: table-header-group !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
    border: 0 !important;
  }

  body.admin-page.is-admin-logged-in .service-table:not(.estimate-excel-table) tbody {
    display: table-row-group !important;
    width: auto !important;
  }

  body.admin-page.is-admin-logged-in .service-table:not(.estimate-excel-table) tr,
  body.admin-page.is-admin-logged-in .service-table:not(.estimate-excel-table) tbody tr {
    display: table-row !important;
    width: auto !important;
    min-width: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.admin-page.is-admin-logged-in .service-table:not(.estimate-excel-table) th,
  body.admin-page.is-admin-logged-in .service-table:not(.estimate-excel-table) td {
    display: table-cell !important;
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    padding: 8px 7px !important;
    overflow: visible !important;
    color: var(--admin-table-text) !important;
    border-right: 1px solid var(--admin-table-border-soft) !important;
    border-bottom: 1px solid var(--admin-table-border-soft) !important;
    background: var(--admin-table-row) !important;
    font-size: clamp(10px, 0.72vw, 12.5px) !important;
    line-height: 1.22 !important;
    text-align: left !important;
    vertical-align: middle !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }

  body.admin-page.is-admin-logged-in .service-table:not(.estimate-excel-table) th {
    color: #c6d4dc !important;
    background: var(--admin-table-head) !important;
    font-size: clamp(9px, 0.64vw, 11px) !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
  }

  body.admin-page.is-admin-logged-in .service-table:not(.estimate-excel-table) td::before {
    display: none !important;
    content: none !important;
  }

  body.admin-page.is-admin-logged-in .service-table:not(.estimate-excel-table) th:last-child,
  body.admin-page.is-admin-logged-in .service-table:not(.estimate-excel-table) td:last-child {
    border-right: 0 !important;
  }

  body.admin-page.is-admin-logged-in .service-table:not(.estimate-excel-table) tbody tr:nth-child(even) td {
    background: var(--admin-table-row-alt) !important;
  }

  body.admin-page.is-admin-logged-in .service-table:not(.estimate-excel-table) tbody tr:hover td {
    background: rgba(237, 248, 251, 0.055) !important;
  }

  body.admin-page.is-admin-logged-in .service-table:not(.estimate-excel-table) strong,
  body.admin-page.is-admin-logged-in .service-table:not(.estimate-excel-table) b,
  body.admin-page.is-admin-logged-in .service-table:not(.estimate-excel-table) .table-link,
  body.admin-page.is-admin-logged-in .service-table:not(.estimate-excel-table) .table-button {
    font-size: clamp(10px, 0.72vw, 12.5px) !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body.admin-page.is-admin-logged-in .service-table:not(.estimate-excel-table) small,
  body.admin-page.is-admin-logged-in .service-table:not(.estimate-excel-table) .table-muted {
    font-size: clamp(8.5px, 0.62vw, 10.5px) !important;
    line-height: 1.22 !important;
  }

  body.admin-page.is-admin-logged-in .service-table:not(.estimate-excel-table) .table-link-stack,
  body.admin-page.is-admin-logged-in .service-table:not(.estimate-excel-table) .table-action-stack,
  body.admin-page.is-admin-logged-in .service-table:not(.estimate-excel-table) .table-action-form {
    display: flex !important;
    max-width: 100% !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    flex-wrap: wrap !important;
  }

  body.admin-page.is-admin-logged-in .service-table:not(.estimate-excel-table) button,
  body.admin-page.is-admin-logged-in .service-table:not(.estimate-excel-table) .button,
  body.admin-page.is-admin-logged-in .service-table:not(.estimate-excel-table) .table-button,
  body.admin-page.is-admin-logged-in .service-table:not(.estimate-excel-table) a.button {
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 30px !important;
    padding: 5px 7px !important;
    border-radius: 7px !important;
    font-size: clamp(9px, 0.65vw, 11px) !important;
    line-height: 1.12 !important;
    white-space: normal !important;
  }

  body.admin-page.is-admin-logged-in .service-table:not(.estimate-excel-table) select,
  body.admin-page.is-admin-logged-in .service-table:not(.estimate-excel-table) input,
  body.admin-page.is-admin-logged-in .service-table:not(.estimate-excel-table) textarea {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 30px !important;
    padding: 5px 7px !important;
    font-size: clamp(9px, 0.65vw, 11px) !important;
  }

  body.admin-page.is-admin-logged-in .service-table:not(.estimate-excel-table) .service-status-pill {
    min-height: 26px !important;
    padding: 4px 7px !important;
    font-size: clamp(9px, 0.62vw, 10.5px) !important;
    line-height: 1.1 !important;
    white-space: normal !important;
  }
}

/* 2026-07-31: szeroka tabela zlecen druku 3D z widocznymi wszystkimi kolumnami. */
@media (min-width: 1100px) {
  body.admin-page.is-admin-logged-in.admin-view-print_jobs .admin-shell,
  body.admin-page.is-admin-logged-in.admin-view-print_jobs .admin-content {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    overflow-x: visible !important;
  }

  body.admin-page.is-admin-logged-in.admin-view-print_jobs .admin-content {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  body.admin-page.is-admin-logged-in #zlecenia-druku-3d.print-job-board {
    box-sizing: border-box !important;
    width: min(1620px, calc(100vw - 32px)) !important;
    max-width: min(1620px, calc(100vw - 32px)) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    overflow-x: visible !important;
  }

  body.admin-page.is-admin-logged-in #zlecenia-druku-3d > .service-table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: visible !important;
  }

  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    table-layout: fixed !important;
  }

  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table th,
  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table td {
    box-sizing: border-box !important;
    padding: 9px 8px !important;
    font-size: clamp(9px, 0.62vw, 11.5px) !important;
    line-height: 1.18 !important;
    overflow: visible !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table th:nth-child(1),
  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table td:nth-child(1) {
    width: 7.2% !important;
  }

  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table th:nth-child(2),
  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table td:nth-child(2) {
    width: 8.2% !important;
  }

  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table th:nth-child(3),
  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table td:nth-child(3) {
    width: 8.2% !important;
  }

  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table th:nth-child(4),
  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table td:nth-child(4) {
    width: 10.2% !important;
  }

  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table th:nth-child(5),
  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table td:nth-child(5) {
    width: 8.3% !important;
  }

  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table th:nth-child(6),
  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table td:nth-child(6) {
    width: 8.2% !important;
  }

  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table th:nth-child(7),
  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table td:nth-child(7) {
    width: 10% !important;
  }

  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table th:nth-child(8),
  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table td:nth-child(8) {
    width: 10.8% !important;
  }

  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table th:nth-child(9),
  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table td:nth-child(9) {
    width: 6.2% !important;
  }

  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table th:nth-child(10),
  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table td:nth-child(10) {
    width: 8.3% !important;
  }

  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table th:nth-child(11),
  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table td:nth-child(11) {
    width: 9.5% !important;
  }

  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table th:nth-child(12),
  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table td:nth-child(12) {
    width: 4.9% !important;
  }

  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table .table-link-stack,
  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table .table-action-form,
  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table .table-payment-form {
    gap: 4px !important;
    max-width: 100% !important;
    flex-wrap: wrap !important;
  }

  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table .table-link,
  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table .table-button,
  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table .button {
    max-width: 100% !important;
    padding: 5px 7px !important;
    font-size: clamp(8.5px, 0.58vw, 10.8px) !important;
    line-height: 1.12 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }

  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table select {
    min-height: 30px !important;
    padding: 4px 6px !important;
    font-size: clamp(8.5px, 0.58vw, 10.5px) !important;
  }

  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table .print-job-code,
  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table .service-status-pill {
    max-width: 100% !important;
    font-size: clamp(8.5px, 0.58vw, 10.8px) !important;
    line-height: 1.12 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }
}

/* 2026-07-31: szeroki uklad tylko dla zlecen, kosztorysow i faktur. */
@media (min-width: 1100px) {
  body.admin-page.is-admin-logged-in:is(.admin-view-print_jobs, .admin-view-calculator, .admin-view-receipts) .admin-shell,
  body.admin-page.is-admin-logged-in:is(.admin-view-print_jobs, .admin-view-calculator, .admin-view-receipts) .admin-content {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
  }

  body.admin-page.is-admin-logged-in:is(.admin-view-print_jobs, .admin-view-calculator, .admin-view-receipts) .admin-content {
    padding-right: clamp(10px, 1vw, 20px) !important;
    padding-left: clamp(10px, 1vw, 20px) !important;
  }

  body.admin-page.is-admin-logged-in #archiwum-kosztorysow.estimate-excel-board,
  body.admin-page.is-admin-logged-in #zlecenia-druku-3d.print-job-board,
  body.admin-page.is-admin-logged-in #archiwum-rachunkow.receipt-archive-board {
    box-sizing: border-box !important;
    width: min(1720px, calc(100vw - 28px)) !important;
    max-width: min(1720px, calc(100vw - 28px)) !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  body.admin-page.is-admin-logged-in #archiwum-kosztorysow .estimate-excel-table-wrap,
  body.admin-page.is-admin-logged-in #zlecenia-druku-3d > .service-table-wrap,
  body.admin-page.is-admin-logged-in #archiwum-rachunkow > .service-table-wrap {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: visible !important;
  }

  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table,
  body.admin-page.is-admin-logged-in #archiwum-rachunkow .receipt-archive-table {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    table-layout: fixed !important;
  }

  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table th,
  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table td,
  body.admin-page.is-admin-logged-in #archiwum-rachunkow .receipt-archive-table th,
  body.admin-page.is-admin-logged-in #archiwum-rachunkow .receipt-archive-table td {
    padding: 9px 8px !important;
    font-size: clamp(9.5px, 0.66vw, 12px) !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table th,
  body.admin-page.is-admin-logged-in #archiwum-rachunkow .receipt-archive-table th {
    font-size: clamp(8.8px, 0.58vw, 10.8px) !important;
  }

  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table strong,
  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table b,
  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table .table-link,
  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table .table-button,
  body.admin-page.is-admin-logged-in #archiwum-rachunkow .receipt-archive-table strong,
  body.admin-page.is-admin-logged-in #archiwum-rachunkow .receipt-archive-table b,
  body.admin-page.is-admin-logged-in #archiwum-rachunkow .receipt-archive-table .table-link,
  body.admin-page.is-admin-logged-in #archiwum-rachunkow .receipt-archive-table .table-button {
    font-size: clamp(9px, 0.62vw, 11.5px) !important;
    line-height: 1.16 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table small,
  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table .table-muted,
  body.admin-page.is-admin-logged-in #archiwum-rachunkow .receipt-archive-table small,
  body.admin-page.is-admin-logged-in #archiwum-rachunkow .receipt-archive-table .table-muted {
    font-size: clamp(8px, 0.55vw, 10px) !important;
    line-height: 1.18 !important;
  }

  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table .table-link-stack,
  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table .table-action-stack,
  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table .table-action-form,
  body.admin-page.is-admin-logged-in #archiwum-rachunkow .receipt-archive-table .table-link-stack,
  body.admin-page.is-admin-logged-in #archiwum-rachunkow .receipt-archive-table .table-action-stack,
  body.admin-page.is-admin-logged-in #archiwum-rachunkow .receipt-archive-table .table-action-form {
    gap: 5px !important;
    max-width: 100% !important;
    flex-wrap: wrap !important;
  }

  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table button,
  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table .button,
  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table .table-button,
  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table a.button,
  body.admin-page.is-admin-logged-in #archiwum-rachunkow .receipt-archive-table button,
  body.admin-page.is-admin-logged-in #archiwum-rachunkow .receipt-archive-table .button,
  body.admin-page.is-admin-logged-in #archiwum-rachunkow .receipt-archive-table .table-button,
  body.admin-page.is-admin-logged-in #archiwum-rachunkow .receipt-archive-table a.button {
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 30px !important;
    padding: 5px 7px !important;
    font-size: clamp(8.5px, 0.58vw, 10.8px) !important;
    line-height: 1.12 !important;
  }

  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table select,
  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table input,
  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table textarea,
  body.admin-page.is-admin-logged-in #archiwum-rachunkow .receipt-archive-table select,
  body.admin-page.is-admin-logged-in #archiwum-rachunkow .receipt-archive-table input,
  body.admin-page.is-admin-logged-in #archiwum-rachunkow .receipt-archive-table textarea {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 30px !important;
    padding: 5px 7px !important;
    font-size: clamp(8.5px, 0.58vw, 10.8px) !important;
  }

  body.admin-page.is-admin-logged-in #zlecenia-druku-3d .print-job-table .service-status-pill,
  body.admin-page.is-admin-logged-in #archiwum-rachunkow .receipt-archive-table .service-status-pill {
    min-height: 26px !important;
    padding: 4px 7px !important;
    font-size: clamp(8.5px, 0.58vw, 10.8px) !important;
    line-height: 1.12 !important;
  }
}

/* 2026-07-31: przywrocenie zwartego drzewa kategorii w module Sklep. */
body.admin-page.is-admin-logged-in.admin-view-shop .shop-categories-board .service-table-wrap.document-table-wrap {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 12px 10px 8px !important;
  overflow-x: hidden !important;
  border: 1px solid rgba(221, 235, 242, 0.12) !important;
  border-radius: 8px !important;
  background: rgba(9, 15, 18, 0.32) !important;
}

body.admin-page.is-admin-logged-in.admin-view-shop .shop-categories-board .shop-category-table,
body.admin-page.is-admin-logged-in.admin-view-shop .shop-categories-board .shop-category-table thead,
body.admin-page.is-admin-logged-in.admin-view-shop .shop-categories-board .shop-category-table tbody,
body.admin-page.is-admin-logged-in.admin-view-shop .shop-categories-board .shop-category-table tr,
body.admin-page.is-admin-logged-in.admin-view-shop .shop-categories-board .shop-category-table th,
body.admin-page.is-admin-logged-in.admin-view-shop .shop-categories-board .shop-category-table td {
  display: block !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #e8f0f4 !important;
  font-size: 0.9rem !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body.admin-page.is-admin-logged-in.admin-view-shop .shop-categories-board .shop-category-table {
  width: 100% !important;
  table-layout: auto !important;
  border-collapse: separate !important;
}

body.admin-page.is-admin-logged-in.admin-view-shop .shop-categories-board .shop-category-table thead {
  display: none !important;
}

body.admin-page.is-admin-logged-in.admin-view-shop .shop-categories-board .shop-category-table tbody {
  display: grid !important;
  gap: 2px !important;
}

body.admin-page.is-admin-logged-in.admin-view-shop .shop-categories-board .shop-category-table tr.shop-category-tree-row {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 34px !important;
  padding: 5px 10px 5px calc(12px + (var(--category-depth, 0) * 26px)) !important;
  border-radius: 6px !important;
}

body.admin-page.is-admin-logged-in.admin-view-shop .shop-categories-board .shop-category-table tr.shop-category-tree-row:hover,
body.admin-page.is-admin-logged-in.admin-view-shop .shop-categories-board .shop-category-table tr.shop-category-tree-row:focus-within {
  background: rgba(237, 248, 251, 0.045) !important;
}

body.admin-page.is-admin-logged-in.admin-view-shop .shop-categories-board .shop-category-table tr.shop-category-tree-row::before {
  content: "-" !important;
  display: inline-grid !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 12px !important;
  height: 12px !important;
  place-items: center !important;
  justify-self: start !important;
  align-self: center !important;
  color: #8f9aa1 !important;
  border: 1px solid rgba(221, 235, 242, 0.24) !important;
  border-radius: 3px !important;
  background: rgba(221, 235, 242, 0.08) !important;
  font-size: 0.62rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body.admin-page.is-admin-logged-in.admin-view-shop .shop-categories-board .shop-category-table tr.shop-category-tree-row.is-leaf::before {
  content: "" !important;
  width: 5px !important;
  height: 5px !important;
  margin-left: 4px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(221, 235, 242, 0.38) !important;
}

body.admin-page.is-admin-logged-in.admin-view-shop .shop-categories-board .shop-category-table tr.shop-category-tree-row td::before {
  display: none !important;
  content: none !important;
}

body.admin-page.is-admin-logged-in.admin-view-shop .shop-categories-board .shop-category-table tr.shop-category-tree-row td:nth-child(1) {
  display: block !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  padding-left: 22px !important;
}

body.admin-page.is-admin-logged-in.admin-view-shop .shop-categories-board .shop-category-table tr.shop-category-tree-row td:nth-child(2),
body.admin-page.is-admin-logged-in.admin-view-shop .shop-categories-board .shop-category-table tr.shop-category-tree-row td:nth-child(3),
body.admin-page.is-admin-logged-in.admin-view-shop .shop-categories-board .shop-category-table tr.shop-category-tree-row td:nth-child(4),
body.admin-page.is-admin-logged-in.admin-view-shop .shop-categories-board .shop-category-table tr.shop-category-tree-row td:nth-child(5) {
  display: none !important;
}

body.admin-page.is-admin-logged-in.admin-view-shop .shop-categories-board .shop-category-table tr.shop-category-tree-row td:nth-child(6) {
  display: flex !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  align-items: center !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
}

body.admin-page.is-admin-logged-in.admin-view-shop .shop-categories-board .shop-category-table tr.shop-category-tree-row .shop-category-tree-name {
  position: relative !important;
  display: inline-flex !important;
  max-width: 100% !important;
  min-height: 24px !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 0 !important;
  color: #edf8fb !important;
  font-size: 0.92rem !important;
  font-weight: 750 !important;
  line-height: 1.18 !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
}

body.admin-page.is-admin-logged-in.admin-view-shop .shop-categories-board .shop-category-table tr.shop-category-tree-row .shop-category-tree-name::before {
  content: "" !important;
  position: static !important;
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 13px !important;
  border: 0 !important;
  border-radius: 3px !important;
  transform: none !important;
  background:
    linear-gradient(180deg, rgba(255, 232, 232, 0.86), rgba(255, 203, 209, 0.72)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}

body.admin-page.is-admin-logged-in.admin-view-shop .shop-categories-board .shop-category-table tr.shop-category-tree-row .shop-category-tree-name::after {
  content: "" !important;
  position: absolute !important;
  left: 2px !important;
  top: 5px !important;
  width: 8px !important;
  height: 4px !important;
  border-radius: 2px 2px 0 0 !important;
  background: rgba(255, 232, 232, 0.92) !important;
  transform: translateY(-100%) !important;
}

body.admin-page.is-admin-logged-in.admin-view-shop .shop-categories-board .shop-category-table tr.shop-category-tree-row.is-leaf .shop-category-tree-name::before,
body.admin-page.is-admin-logged-in.admin-view-shop .shop-categories-board .shop-category-table tr.shop-category-tree-row.is-leaf .shop-category-tree-name::after {
  display: none !important;
}

body.admin-page.is-admin-logged-in.admin-view-shop .shop-categories-board .shop-category-table tr.shop-category-tree-row .table-link-stack {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 7px !important;
  opacity: 1 !important;
  transform: none !important;
}

body.admin-page.is-admin-logged-in.admin-view-shop .shop-categories-board .shop-category-table tr.shop-category-tree-row .table-link,
body.admin-page.is-admin-logged-in.admin-view-shop .shop-categories-board .shop-category-table tr.shop-category-tree-row .table-button {
  min-height: 24px !important;
  padding: 3px 7px !important;
  border-radius: 5px !important;
  font-size: 0.72rem !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

@media (max-width: 720px) {
  body.admin-page.is-admin-logged-in.admin-view-shop .shop-categories-board .shop-category-table tr.shop-category-tree-row {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
  }

  body.admin-page.is-admin-logged-in.admin-view-shop .shop-categories-board .shop-category-table tr.shop-category-tree-row td:nth-child(6) {
    grid-column: 1 !important;
    grid-row: 2 !important;
    justify-self: start !important;
    padding-left: 22px !important;
  }
}

/* 2026-07-31 v23: autorytatywny wspolny wyglad tabel dokumentow. */
body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d).admin-ledger-board {
  box-sizing: border-box !important;
  display: grid !important;
  width: min(1720px, calc(100vw - 28px)) !important;
  max-width: min(1720px, calc(100vw - 28px)) !important;
  min-width: 0 !important;
  margin: 18px auto 28px !important;
  padding: 20px !important;
  gap: 16px !important;
  overflow: visible !important;
  border: 1px solid #2b3942 !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #141e24 0%, #11191f 100%) !important;
  box-shadow: none !important;
  transform: none !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) > .admin-ledger-header {
  box-sizing: border-box !important;
  display: flex !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 0 0 14px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  border: 0 !important;
  border-bottom: 1px solid #2b3942 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) > .admin-ledger-header > div:first-child {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) > .admin-ledger-header > div:first-child > span::before {
  display: none !important;
  content: none !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow > .estimate-excel-toolbar {
  box-sizing: border-box !important;
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 12px !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  border: 1px solid #2b3942 !important;
  border-radius: 8px !important;
  background: #10181d !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow > .estimate-excel-toolbar label,
body.admin-page.is-admin-logged-in #archiwum-kosztorysow > .estimate-excel-toolbar .estimate-excel-search {
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 180px !important;
  max-width: 100% !important;
  flex: 1 1 190px !important;
}

body.admin-page.is-admin-logged-in #archiwum-kosztorysow > .estimate-excel-toolbar .estimate-excel-search {
  flex-basis: 300px !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) > .admin-ledger-table-wrap {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  border: 1px solid #2b3942 !important;
  border-radius: 8px !important;
  background: #0f171c !important;
  scrollbar-color: #4a5a64 #0f171c !important;
  scrollbar-width: thin !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) > .admin-ledger-table-wrap > .admin-ledger-table {
  display: table !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: fixed !important;
  color: #f3f6f8 !important;
  background: #11191f !important;
  font-size: 0.76rem !important;
}

body.admin-page.is-admin-logged-in #archiwum-rachunkow > .admin-ledger-table-wrap > .admin-ledger-table { min-width: 1160px !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow > .admin-ledger-table-wrap > .admin-ledger-table { min-width: 1460px !important; }
body.admin-page.is-admin-logged-in #zlecenia-druku-3d > .admin-ledger-table-wrap > .admin-ledger-table { min-width: 1540px !important; }

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table thead {
  position: static !important;
  display: table-header-group !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  border: 0 !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table tbody {
  display: table-row-group !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table tr {
  display: table-row !important;
  width: auto !important;
  min-width: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table th,
body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table td {
  display: table-cell !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 10px 11px !important;
  overflow: visible !important;
  color: #f3f6f8 !important;
  border: 0 !important;
  border-right: 1px solid #2b3942 !important;
  border-bottom: 1px solid #2b3942 !important;
  background: #11191f !important;
  font-size: 0.76rem !important;
  line-height: 1.28 !important;
  text-align: left !important;
  vertical-align: middle !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table th {
  position: sticky !important;
  z-index: 2 !important;
  top: 0 !important;
  color: #aeb8c0 !important;
  background: #182229 !important;
  font-size: 0.66rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table td::before {
  display: none !important;
  content: none !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table th:last-child,
body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table td:last-child {
  border-right: 0 !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table tbody tr:nth-child(even) td {
  background: #131d23 !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table tbody tr:hover td {
  background: #17232a !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table :is(.table-link-stack, .table-action-stack, .table-action-form, .estimate-grid-actions) {
  display: flex !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table :is(.table-link, .table-button, .estimate-pdf-link) {
  max-width: 100% !important;
  color: #ff526e !important;
  font-size: 0.7rem !important;
  font-weight: 750 !important;
  line-height: 1.18 !important;
  text-decoration: none !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table :is(button, .button, .table-button, a.button, .table-edit-panel > summary, .estimate-row-menu > summary) {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 30px !important;
  padding: 5px 8px !important;
  color: #f3f6f8 !important;
  border: 1px solid #394953 !important;
  border-radius: 7px !important;
  background: #182229 !important;
  font-size: 0.68rem !important;
  line-height: 1.12 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) .admin-ledger-table :is(select, input, textarea) {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 32px !important;
  padding: 6px 8px !important;
  color: #f3f6f8 !important;
  border: 1px solid #3a4a54 !important;
  border-radius: 6px !important;
  background: #0d151a !important;
  font-size: 0.69rem !important;
}

body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table th:nth-child(1), body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table td:nth-child(1) { width: 11% !important; }
body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table th:nth-child(2), body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table td:nth-child(2) { width: 14% !important; }
body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table th:nth-child(3), body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table td:nth-child(3) { width: 14% !important; }
body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table th:nth-child(4), body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table td:nth-child(4) { width: 18% !important; }
body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table th:nth-child(5), body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table td:nth-child(5) { width: 12% !important; }
body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table th:nth-child(6), body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table td:nth-child(6) { width: 13% !important; }
body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table th:nth-child(7), body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table td:nth-child(7) { width: 9% !important; }
body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table th:nth-child(8), body.admin-page.is-admin-logged-in #archiwum-rachunkow .admin-ledger-table td:nth-child(8) { width: 9% !important; }

body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table th:nth-child(1), body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table td:nth-child(1) { width: 7.5% !important; }
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table th:nth-child(2), body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table td:nth-child(2) { width: 7.5% !important; }
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table th:nth-child(3), body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table td:nth-child(3) { width: 7.5% !important; }
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table th:nth-child(4), body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table td:nth-child(4) { width: 9% !important; }
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table th:nth-child(5), body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table td:nth-child(5) { width: 7% !important; }
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table th:nth-child(6), body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table td:nth-child(6) { width: 8% !important; }
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table th:nth-child(7), body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table td:nth-child(7) { width: 10% !important; }
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table th:nth-child(8), body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table td:nth-child(8) { width: 11% !important; }
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table th:nth-child(9), body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table td:nth-child(9) { width: 6% !important; }
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table th:nth-child(10), body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table td:nth-child(10) { width: 9.5% !important; }
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table th:nth-child(11), body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table td:nth-child(11) { width: 12% !important; }
body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table th:nth-child(12), body.admin-page.is-admin-logged-in #zlecenia-druku-3d .admin-ledger-table td:nth-child(12) { width: 5% !important; }

body.admin-page.is-admin-logged-in #archiwum-kosztorysow .admin-ledger-table col.estimate-col-number { width: 9% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .admin-ledger-table col.estimate-col-date { width: 9% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .admin-ledger-table col.estimate-col-client { width: 11% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .admin-ledger-table col.estimate-col-status { width: 12% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .admin-ledger-table col.estimate-col-money { width: 7.5% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .admin-ledger-table col.estimate-col-pdf { width: 8% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .admin-ledger-table col.estimate-col-job { width: 8% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .admin-ledger-table col.estimate-col-invoice { width: 8% !important; }
body.admin-page.is-admin-logged-in #archiwum-kosztorysow .admin-ledger-table col.estimate-col-actions { width: 12% !important; }

@media (max-width: 1099px) {
  body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d).admin-ledger-board {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    padding: 14px !important;
  }

  body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) > .admin-ledger-header {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) > .admin-ledger-header > div:first-child > span {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 5px !important;
  padding: 0 !important;
  color: #ff526e !important;
  font-size: 0.66rem !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

body.admin-page.is-admin-logged-in :is(#archiwum-rachunkow, #archiwum-kosztorysow, #zlecenia-druku-3d) > .admin-ledger-header h2 {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #f3f6f8 !important;
  font-size: clamp(1.35rem, 1.7vw, 1.75rem) !important;
  font-weight: 760 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
}
/* Integrated service appointment booking */
.service-appointment-field {
  display: grid;
  gap: 14px;
  padding: 18px;
  border: 1px solid rgba(255, 60, 91, 0.34);
  border-left: 3px solid #ff3c5b;
  background: rgba(18, 27, 33, 0.88);
}

.service-appointment-field[hidden] {
  display: none !important;
}

.service-appointment-field__heading {
  display: grid;
  gap: 4px;
}

.service-appointment-field__heading strong {
  color: #f3f6f8;
  font-size: 1rem;
}

.service-appointment-field__heading span,
.service-appointment-field .form-hint {
  color: #b8c4ca;
}

.service-appointment-field label {
  max-width: 640px;
}

/* Editable service price list */
.service-price-table[aria-busy="true"] {
  opacity: 0.72;
}

.service-price-empty {
  grid-column: 1 / -1;
  margin: 0;
  padding: 24px;
  color: var(--text-muted);
  text-align: center;
}

body.admin-page .service-pricing-admin {
  display: grid;
  gap: 18px;
}

body.admin-page .service-pricing-create {
  border: 1px solid rgba(255, 60, 91, 0.34);
  border-radius: 8px;
  background: #121b20;
}

body.admin-page .service-pricing-create > summary {
  min-height: 48px;
  display: flex;
  align-items: center;
  padding: 12px 16px;
  color: #ff4965;
  font-weight: 750;
  cursor: pointer;
}

body.admin-page .service-pricing-create[open] > summary {
  border-bottom: 1px solid #2b3942;
}

body.admin-page .service-pricing-form {
  grid-template-columns: minmax(220px, 1fr) minmax(190px, 0.6fr);
  padding: 18px;
}

body.admin-page .service-pricing-admin-list {
  display: grid;
  gap: 10px;
}

body.admin-page .service-pricing-admin-row {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr) auto;
  align-items: stretch;
  border: 1px solid #2b3942;
  border-left: 3px solid #ff3c5b;
  border-radius: 8px;
  background: #111a20;
  overflow: visible;
}

body.admin-page .service-pricing-admin-row.is-hidden {
  border-left-color: #65727a;
  opacity: 0.72;
}

body.admin-page .service-pricing-admin-order {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-content: center;
  gap: 5px;
  padding: 12px;
  border-right: 1px solid #2b3942;
}

body.admin-page .service-pricing-admin-order > span {
  grid-column: 1 / -1;
  color: #f3f6f8;
  font-size: 1rem;
  font-weight: 800;
  text-align: center;
}

body.admin-page .service-pricing-admin-order form {
  margin: 0;
}

body.admin-page .service-pricing-admin-order button {
  width: 100%;
  min-height: 32px;
  border: 1px solid #34444e;
  border-radius: 6px;
  color: #dce5e9;
  background: #182229;
  cursor: pointer;
}

body.admin-page .service-pricing-admin-order button:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

body.admin-page .service-pricing-admin-copy {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(180px, 0.8fr) minmax(140px, 0.45fr) minmax(280px, 1.5fr);
  align-items: center;
  gap: 6px 20px;
  padding: 15px 18px;
}

body.admin-page .service-pricing-admin-copy > span {
  grid-column: 1 / -1;
  width: max-content;
  padding: 3px 8px;
  border: 1px solid rgba(70, 185, 118, 0.34);
  border-radius: 999px;
  color: #75d89c;
  background: rgba(42, 139, 82, 0.12);
  font-size: 0.72rem;
  font-weight: 750;
}

body.admin-page .service-pricing-admin-row.is-hidden .service-pricing-admin-copy > span {
  border-color: #3a4850;
  color: #aab6bc;
  background: #182229;
}

body.admin-page .service-pricing-admin-copy h3,
body.admin-page .service-pricing-admin-copy strong,
body.admin-page .service-pricing-admin-copy p {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

body.admin-page .service-pricing-admin-copy h3 {
  color: #f3f6f8;
  font-size: 0.96rem;
}

body.admin-page .service-pricing-admin-copy strong {
  color: #ff4965;
  font-size: 0.92rem;
}

body.admin-page .service-pricing-admin-copy p {
  color: #b8c4ca;
  font-size: 0.84rem;
  line-height: 1.45;
}

body.admin-page .service-pricing-admin-actions {
  min-width: 150px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 14px;
  border-left: 1px solid #2b3942;
}

body.admin-page .service-pricing-admin-actions > details > summary {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border: 1px solid #3a4850;
  border-radius: 7px;
  color: #f3f6f8;
  background: #19242b;
  font-weight: 700;
  cursor: pointer;
}

body.admin-page .service-pricing-admin-actions > details[open] {
  position: fixed;
  z-index: 10010;
  inset: 50% auto auto 50%;
  width: min(760px, calc(100vw - 28px));
  max-height: calc(100vh - 36px);
  overflow-y: auto;
  transform: translate(-50%, -50%);
  border: 1px solid #465862;
  border-radius: 9px;
  background: #10191f;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.72);
}

body.admin-page .service-pricing-admin-actions > details[open] > summary {
  display: flex;
  justify-content: space-between;
  border: 0;
  border-bottom: 1px solid #2b3942;
  border-radius: 0;
}

body.admin-page .service-pricing-admin-actions > details[open] > summary::after {
  content: "Zamknij";
  color: #ff4965;
  font-size: 0.75rem;
  text-transform: uppercase;
}

@media (max-width: 980px) {
  body.admin-page .service-pricing-admin-row {
    grid-template-columns: 66px minmax(0, 1fr);
  }

  body.admin-page .service-pricing-admin-copy {
    grid-template-columns: 1fr;
  }

  body.admin-page .service-pricing-admin-actions {
    grid-column: 1 / -1;
    border-top: 1px solid #2b3942;
    border-left: 0;
  }
}

@media (max-width: 620px) {
  body.admin-page .service-pricing-form {
    grid-template-columns: 1fr;
  }

  body.admin-page .service-pricing-admin-row {
    grid-template-columns: 1fr;
  }

  body.admin-page .service-pricing-admin-order {
    grid-template-columns: auto 44px 44px;
    border-right: 0;
    border-bottom: 1px solid #2b3942;
  }

  body.admin-page .service-pricing-admin-order > span {
    grid-column: auto;
    align-self: center;
    text-align: left;
  }
}
.service-manual-request-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
body.admin-page.is-admin-logged-in #archiwum-rachunkow .receipt-month-actions {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 10px;
  min-width: 0;
  flex-wrap: wrap;
}

body.admin-page.is-admin-logged-in #archiwum-rachunkow .receipt-month-actions form,
body.admin-page.is-admin-logged-in #archiwum-rachunkow .receipt-month-actions label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}

body.admin-page.is-admin-logged-in #archiwum-rachunkow .receipt-month-actions label > span {
  color: #aeb8c0;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

body.admin-page.is-admin-logged-in #archiwum-rachunkow .receipt-month-actions select {
  width: 178px;
  min-width: 178px;
  height: 42px;
  padding: 0 34px 0 12px;
  border: 1px solid #33424b;
  border-radius: 7px;
  background: #10191e;
  color: #f3f6f8;
  font: inherit;
}

body.admin-page.is-admin-logged-in #archiwum-rachunkow .receipt-month-actions .button {
  min-height: 42px;
  height: 42px;
  padding: 0 16px;
  white-space: nowrap;
}

body.admin-page.is-admin-logged-in #archiwum-rachunkow .receipt-month-actions > strong {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  padding: 0 12px;
  border: 1px solid rgba(255, 63, 95, 0.35);
  border-radius: 7px;
  color: #f3f6f8;
  white-space: nowrap;
}

@media (max-width: 900px) {
  body.admin-page.is-admin-logged-in #archiwum-rachunkow .receipt-month-actions {
    width: 100%;
    justify-content: flex-start;
  }

  body.admin-page.is-admin-logged-in #archiwum-rachunkow .receipt-month-actions form,
  body.admin-page.is-admin-logged-in #archiwum-rachunkow .receipt-month-actions label {
    width: 100%;
  }

  body.admin-page.is-admin-logged-in #archiwum-rachunkow .receipt-month-actions select {
    flex: 1;
    width: auto;
  }
}

.receipt-source-picker {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.receipt-source-picker[hidden] {
  display: none;
}

.receipt-source-picker > label {
  display: grid;
  gap: 6px;
}

.receipt-source-picker-list {
  max-height: 300px;
  overflow: auto;
  border-block: 1px solid rgba(150, 170, 182, 0.24);
}

.receipt-source-picker-list section + section {
  border-top: 1px solid rgba(150, 170, 182, 0.18);
}

.receipt-source-picker-list h3 {
  margin: 0;
  padding: 10px 4px 6px;
  color: #b8c5cc;
  font-size: 0.82rem;
}

.receipt-source-picker-list label {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 7px 4px;
  cursor: pointer;
}

.receipt-source-picker-list label + label {
  border-top: 1px solid rgba(150, 170, 182, 0.12);
}

.receipt-source-picker-list input[type="checkbox"] {
  flex: 0 0 auto;
  width: 17px;
  height: 17px;
}

.receipt-source-picker-list label span {
  min-width: 0;
  overflow-wrap: anywhere;
}

/* Multi-position invoice editor */
.receipt-line-items {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(150, 170, 182, 0.24);
  border-radius: 8px;
  background: rgba(8, 14, 18, 0.5);
}

.receipt-line-items-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.receipt-line-items-header > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.receipt-line-items-header strong,
.receipt-line-items-header small {
  display: block;
}

.receipt-line-items-list {
  display: grid;
  gap: 10px;
}

.receipt-line-item {
  display: grid;
  grid-template-columns: minmax(190px, 1.3fr) minmax(190px, 1.3fr) minmax(82px, 0.4fr) minmax(140px, 0.65fr) auto;
  align-items: end;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(150, 170, 182, 0.18);
  border-radius: 7px;
  background: rgba(18, 28, 34, 0.8);
}

.receipt-line-item label,
.receipt-line-item input {
  min-width: 0;
  width: 100%;
}

.receipt-line-item-remove {
  min-height: 44px;
  padding: 0 13px;
  border: 1px solid rgba(255, 63, 95, 0.42);
  border-radius: 7px;
  color: #ff6b82;
  background: rgba(255, 63, 95, 0.08);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}

.receipt-line-item-remove:hover:not(:disabled),
.receipt-line-item-remove:focus-visible {
  border-color: #ff3f5f;
  background: rgba(255, 63, 95, 0.16);
}

.receipt-line-item-remove:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

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

  .receipt-line-item-remove {
    justify-self: start;
  }
}

@media (max-width: 620px) {
  .receipt-line-items-header {
    align-items: stretch;
    flex-direction: column;
  }

  .receipt-line-items-header .button,
  .receipt-line-item-remove {
    width: 100%;
  }

  .receipt-line-item {
    grid-template-columns: 1fr;
  }
}

/* Compact service order workspace */
body.admin-page.is-admin-logged-in .service-detail-card {
  display: grid;
  gap: 12px;
  padding: 18px;
}

body.admin-page.is-admin-logged-in .service-detail-card > p {
  margin: -4px 0 0;
  color: #b8c4ca;
  font-size: 0.9rem;
}

body.admin-page.is-admin-logged-in .service-detail-jump-nav {
  position: sticky;
  top: 76px;
  z-index: 35;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  padding: 6px;
  border: 1px solid #2b3942;
  border-radius: 8px;
  background: rgba(12, 20, 25, 0.96);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.24);
  backdrop-filter: blur(8px);
}

body.admin-page.is-admin-logged-in .service-detail-jump-nav a {
  min-width: 0;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #d7e0e5;
  font-size: 0.82rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  transition: 160ms ease;
}

body.admin-page.is-admin-logged-in .service-detail-jump-nav a:hover,
body.admin-page.is-admin-logged-in .service-detail-jump-nav a:focus-visible {
  border-color: rgba(255, 63, 95, 0.48);
  color: #fff;
  background: rgba(255, 63, 95, 0.1);
  outline: 0;
}

body.admin-page.is-admin-logged-in .service-workspace-card,
body.admin-page.is-admin-logged-in .service-compact-details {
  min-width: 0;
  scroll-margin-top: 136px;
  border: 1px solid #2b3942;
  border-radius: 8px;
  background: #111a20;
}

body.admin-page.is-admin-logged-in .service-workspace-card {
  padding: 14px;
}

body.admin-page.is-admin-logged-in .service-workspace-card-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #27343c;
}

body.admin-page.is-admin-logged-in .service-workspace-card-head span,
body.admin-page.is-admin-logged-in .service-workspace-card-head strong {
  min-width: 0;
}

body.admin-page.is-admin-logged-in .service-workspace-card-head span {
  color: #ff4965;
  font-size: 0.7rem;
  font-weight: 800;
  text-transform: uppercase;
}

body.admin-page.is-admin-logged-in .service-workspace-card-head strong {
  color: #f3f6f8;
  font-size: 0.92rem;
}

body.admin-page.is-admin-logged-in .service-workspace-card .service-detail-meta {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

body.admin-page.is-admin-logged-in .service-workspace-card .service-admin-meta > div {
  min-height: 68px;
  padding: 10px 12px;
}

body.admin-page.is-admin-logged-in .service-workspace-card .service-detail-notes {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 8px 0 0;
}

body.admin-page.is-admin-logged-in .service-workspace-card .service-detail-notes section {
  min-height: 0;
  padding: 11px 12px;
}

body.admin-page.is-admin-logged-in .service-workspace-card .service-detail-notes p {
  margin-top: 5px;
  font-size: 0.84rem;
  line-height: 1.45;
}

body.admin-page.is-admin-logged-in .service-compact-details {
  overflow: clip;
}

body.admin-page.is-admin-logged-in .service-compact-details > summary {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 14px;
  color: #f3f6f8;
  font-size: 0.86rem;
  font-weight: 750;
  cursor: pointer;
  list-style: none;
}

body.admin-page.is-admin-logged-in .service-compact-details > summary::-webkit-details-marker {
  display: none;
}

body.admin-page.is-admin-logged-in .service-compact-details > summary::after {
  content: "+";
  flex: 0 0 auto;
  color: #ff4965;
  font-size: 1.1rem;
  font-weight: 500;
}

body.admin-page.is-admin-logged-in .service-compact-details[open] > summary {
  border-bottom: 1px solid #2b3942;
  background: #152027;
}

body.admin-page.is-admin-logged-in .service-compact-details[open] > summary::after {
  content: "−";
}

body.admin-page.is-admin-logged-in .service-secondary-data {
  margin-top: 8px;
  background: #0f171c;
}

body.admin-page.is-admin-logged-in .service-secondary-meta {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 12px;
}

body.admin-page.is-admin-logged-in .service-device-detail-card > summary.job-center-header::after {
  margin-left: 8px;
}

body.admin-page.is-admin-logged-in .service-device-detail-card > summary.job-center-header h3 {
  margin: 2px 0 0;
  font-size: 0.96rem;
}

body.admin-page.is-admin-logged-in .service-compact-details-body {
  display: grid;
  gap: 12px;
  padding: 12px;
}

body.admin-page.is-admin-logged-in .service-contact-center .job-center-actions,
body.admin-page.is-admin-logged-in .service-contact-center .job-center-history,
body.admin-page.is-admin-logged-in .service-internal-note-panel form,
body.admin-page.is-admin-logged-in .service-workflow-action-panel form,
body.admin-page.is-admin-logged-in .service-advanced-actions .service-admin-actions {
  margin: 0;
  padding: 12px;
}

body.admin-page.is-admin-logged-in .service-contact-center .job-center-history {
  border-top: 1px solid #2b3942;
}

body.admin-page.is-admin-logged-in .service-progress-panel {
  scroll-margin-top: 136px;
  margin: 0;
  padding: 12px 14px;
}

body.admin-page.is-admin-logged-in .service-progress-current {
  min-width: 220px;
}

body.admin-page.is-admin-logged-in .service-client-update-panel,
body.admin-page.is-admin-logged-in .service-diagnostic-workspace,
body.admin-page.is-admin-logged-in .service-admin-repair-summary,
body.admin-page.is-admin-logged-in .job-center-panel {
  margin: 0;
}

body.admin-page.is-admin-logged-in .service-advanced-actions > summary::after {
  order: 3;
}

body.admin-page.is-admin-logged-in .service-advanced-actions .service-admin-status {
  margin-left: auto;
}

body.admin-page.is-admin-logged-in .service-workflow-action-panel > summary {
  color: #ff6b82;
}

/* 2026-09-03: odchudzenie panelu bez usuwania danych. */
body.admin-page.is-admin-logged-in .admin-view-mode-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 116px;
}

body.admin-page.is-admin-logged-in .admin-view-mode-toggle::before {
  content: "";
  width: 9px;
  height: 9px;
  border: 1px solid rgba(255, 255, 255, 0.68);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
}

body.admin-page.is-admin-logged-in.admin-mode-full .admin-view-mode-toggle {
  border-color: rgba(255, 63, 95, 0.58) !important;
  background: rgba(255, 63, 95, 0.1) !important;
}

body.admin-page.is-admin-logged-in.admin-mode-full .admin-view-mode-toggle::before {
  border-color: #ff6b82;
  background: #ff3f5f;
}

body.admin-page.is-admin-logged-in.admin-mode-simple .admin-advanced-only:not(:target) {
  display: none !important;
}

body.admin-page.is-admin-logged-in .admin-archive-board {
  scroll-margin-top: 120px;
}

body.admin-page.is-admin-logged-in details.admin-archive-board {
  padding: 0 !important;
}

body.admin-page.is-admin-logged-in details.admin-archive-board > summary {
  min-height: 62px;
  margin: 0;
  padding: 18px 20px;
  cursor: pointer;
  list-style: none;
}

body.admin-page.is-admin-logged-in details.admin-archive-board > summary::-webkit-details-marker {
  display: none;
}

body.admin-page.is-admin-logged-in details.admin-archive-board > summary::after {
  content: "Rozwiń";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 5px 10px;
  border: 1px solid #3b4850;
  border-radius: 7px;
  color: #f4f7f8;
  background: #151d21;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1;
}

body.admin-page.is-admin-logged-in details.admin-archive-board[open] > summary::after {
  content: "Zwiń";
}

body.admin-page.is-admin-logged-in details.admin-archive-board:not([open]) {
  overflow: hidden;
}

body.admin-page.is-admin-logged-in details.admin-archive-board:not([open]) > summary {
  border-bottom: 0;
}

body.admin-page.is-admin-logged-in.admin-mode-simple .calculator-results {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

body.admin-page.is-admin-logged-in.admin-mode-simple .admin-document-calculator fieldset {
  margin-bottom: 12px;
}

body.admin-page.is-admin-logged-in.admin-mode-simple .admin-document-calculator .multicolor-panel,
body.admin-page.is-admin-logged-in.admin-mode-simple .admin-document-calculator .estimate-project-editor,
body.admin-page.is-admin-logged-in.admin-mode-simple .admin-document-calculator .estimate-project-editor-actions {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(7, 12, 15, 0.34);
}

body.admin-page.is-admin-logged-in.admin-mode-simple .admin-document-calculator .estimate-project-editor[data-editor-state="editing"] {
  border-color: rgba(255, 63, 95, 0.42);
  box-shadow: 0 0 0 1px rgba(255, 63, 95, 0.18);
}

body.admin-page.is-admin-logged-in.admin-mode-simple .admin-document-calculator .estimate-project-item.is-editing {
  border-color: rgba(255, 63, 95, 0.68);
  background: rgba(255, 63, 95, 0.08);
}

body.admin-page.is-admin-logged-in .estimate-simple-calculator-fieldset {
  border-color: rgba(255, 63, 95, 0.26) !important;
  background: linear-gradient(180deg, rgba(255, 63, 95, 0.045), rgba(12, 18, 22, 0.18)) !important;
}

body.admin-page.is-admin-logged-in .estimate-calculator-advanced-options {
  grid-column: 1 / -1;
  overflow: hidden;
  padding: 0 !important;
  border: 1px solid rgba(173, 190, 200, 0.16) !important;
  border-radius: 10px;
  background: rgba(9, 15, 18, 0.42) !important;
}

body.admin-page.is-admin-logged-in .estimate-rate-shortcut {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 63, 95, 0.18);
  border-radius: 10px;
  color: #b8c5cc;
  background: rgba(255, 63, 95, 0.055);
  font-size: 0.82rem;
  line-height: 1.25;
}

body.admin-page.is-admin-logged-in .estimate-rate-shortcut > span {
  min-width: 220px;
  flex: 1 1 auto;
}

body.admin-page.is-admin-logged-in .estimate-rate-shortcut > .button {
  flex: 0 0 auto;
  min-height: 34px;
  padding: 7px 12px;
}

body.admin-page.is-admin-logged-in .estimate-calculator-advanced-options > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 46px;
  padding: 0 14px;
  cursor: pointer;
  color: #f3f6f8;
  font-size: 0.86rem;
  font-weight: 850;
  list-style: none;
}

body.admin-page.is-admin-logged-in .estimate-calculator-advanced-options > summary::-webkit-details-marker {
  display: none;
}

body.admin-page.is-admin-logged-in .estimate-calculator-advanced-options > summary::after {
  content: "Rozwiń";
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border: 1px solid #3b4850;
  border-radius: 7px;
  color: #aeb8c0;
  background: #111a20;
  font-size: 0.68rem;
  line-height: 1;
}

body.admin-page.is-admin-logged-in .estimate-calculator-advanced-options[open] > summary {
  border-bottom: 1px solid rgba(173, 190, 200, 0.14);
}

body.admin-page.is-admin-logged-in .estimate-calculator-advanced-options[open] > summary::after {
  content: "Zwiń";
}

body.admin-page.is-admin-logged-in .estimate-calculator-advanced-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 14px;
}

body.admin-page.is-admin-logged-in .estimate-calculator-advanced-grid > .form-wide {
  grid-column: 1 / -1;
}

body.admin-page.is-admin-logged-in .calculator-results article:has(#result-total),
body.admin-page.is-admin-logged-in .calculator-results article:has(#result-price) {
  border-color: rgba(255, 63, 95, 0.34) !important;
  background: linear-gradient(180deg, rgba(255, 63, 95, 0.1), rgba(15, 22, 26, 0.72)) !important;
}

body.admin-page.is-admin-logged-in .calculator-results article:has(#result-price) strong {
  color: #ffffff !important;
  font-size: clamp(1.08rem, 1.1vw, 1.32rem);
}

/* 2026-09-03: wspolny panel szczegolow i odchudzone tabele w trybie prostym. */
body.admin-page.is-admin-logged-in.has-admin-row-detail {
  overflow: hidden;
}

body.admin-page.is-admin-logged-in .admin-ledger-table tbody tr[data-admin-row-detail],
body.admin-page.is-admin-logged-in .shop-orders-table tbody tr[data-admin-row-detail],
body.admin-page.is-admin-logged-in .client-table tbody tr[data-admin-row-detail],
body.admin-page.is-admin-logged-in .printer-list-table tbody tr[data-admin-row-detail] {
  cursor: pointer;
}

body.admin-page.is-admin-logged-in .admin-row-detail-button {
  width: 100%;
  margin-top: 7px;
  justify-content: center;
  white-space: nowrap !important;
}

body.admin-page.is-admin-logged-in .admin-row-detail-drawer[hidden] {
  display: none !important;
}

body.admin-page.is-admin-logged-in .admin-row-detail-drawer {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  justify-content: flex-end;
  color: #f3f6f8;
}

body.admin-page.is-admin-logged-in .admin-row-detail-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(1, 5, 8, 0.66);
}

body.admin-page.is-admin-logged-in .admin-row-detail-panel {
  position: relative;
  z-index: 1;
  width: min(540px, calc(100vw - 22px));
  height: 100%;
  overflow: auto;
  border-left: 1px solid #2b3942;
  background: linear-gradient(180deg, #162128 0%, #10181d 100%);
  box-shadow: -22px 0 46px rgba(0, 0, 0, 0.34);
}

body.admin-page.is-admin-logged-in .admin-row-detail-panel > header {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 20px;
  border-bottom: 1px solid #2b3942;
  background: rgba(17, 26, 32, 0.98);
}

body.admin-page.is-admin-logged-in .admin-row-detail-panel > header span {
  display: block;
  margin-bottom: 5px;
  color: #ff3f5f;
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

body.admin-page.is-admin-logged-in .admin-row-detail-panel > header h2 {
  margin: 0;
  color: #fff;
  font-size: 1.22rem;
  line-height: 1.15;
}

body.admin-page.is-admin-logged-in .admin-row-detail-content {
  display: grid;
  gap: 10px;
  padding: 16px;
}

body.admin-page.is-admin-logged-in .admin-row-detail-content article {
  padding: 12px;
  border: 1px solid rgba(174, 184, 192, 0.14);
  border-radius: 9px;
  background: rgba(7, 12, 15, 0.34);
}

body.admin-page.is-admin-logged-in .admin-row-detail-content span {
  display: block;
  margin-bottom: 6px;
  color: #8fa1ac;
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

body.admin-page.is-admin-logged-in .admin-row-detail-content p {
  margin: 0;
  color: #f3f6f8;
  font-size: 0.9rem;
  font-weight: 650;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

body.admin-page.is-admin-logged-in.admin-mode-simple #aktywne-zlecenia-serwisowe .admin-ledger-table :is(th:nth-child(2), td:nth-child(2), th:nth-child(4), td:nth-child(4), th:nth-child(5), td:nth-child(5)),
body.admin-page.is-admin-logged-in.admin-mode-simple #historia-zlecen .admin-ledger-table :is(th:nth-child(2), td:nth-child(2), th:nth-child(4), td:nth-child(4), th:nth-child(5), td:nth-child(5), th:nth-child(8), td:nth-child(8)),
body.admin-page.is-admin-logged-in.admin-mode-simple #zlecenia-druku-3d .admin-ledger-table :is(th:nth-child(2), td:nth-child(2), th:nth-child(3), td:nth-child(3), th:nth-child(5), td:nth-child(5), th:nth-child(8), td:nth-child(8), th:nth-child(11), td:nth-child(11)),
body.admin-page.is-admin-logged-in.admin-mode-simple #archiwum-rachunkow .admin-ledger-table :is(th:nth-child(2), td:nth-child(2)),
body.admin-page.is-admin-logged-in.admin-mode-simple #archiwum-kosztorysow .admin-ledger-table :is(th:nth-child(2), td:nth-child(2)) {
  display: none !important;
}

body.admin-page.is-admin-logged-in.admin-mode-simple #aktywne-zlecenia-serwisowe .admin-ledger-table,
body.admin-page.is-admin-logged-in.admin-mode-simple #historia-zlecen .admin-ledger-table,
body.admin-page.is-admin-logged-in.admin-mode-simple #zlecenia-druku-3d .admin-ledger-table,
body.admin-page.is-admin-logged-in.admin-mode-simple #archiwum-rachunkow .admin-ledger-table,
body.admin-page.is-admin-logged-in.admin-mode-simple #archiwum-kosztorysow .admin-ledger-table {
  min-width: 0 !important;
}

body.admin-page.is-admin-logged-in.admin-mode-simple #zlecenia-druku-3d .admin-ledger-table th,
body.admin-page.is-admin-logged-in.admin-mode-simple #zlecenia-druku-3d .admin-ledger-table td,
body.admin-page.is-admin-logged-in.admin-mode-simple #aktywne-zlecenia-serwisowe .admin-ledger-table th,
body.admin-page.is-admin-logged-in.admin-mode-simple #aktywne-zlecenia-serwisowe .admin-ledger-table td,
body.admin-page.is-admin-logged-in.admin-mode-simple #historia-zlecen .admin-ledger-table th,
body.admin-page.is-admin-logged-in.admin-mode-simple #historia-zlecen .admin-ledger-table td {
  padding: 12px 11px !important;
}

body.admin-page.is-admin-logged-in.admin-mode-simple .service-detail-card .service-secondary-data,
body.admin-page.is-admin-logged-in.admin-mode-simple .service-detail-card .service-internal-note-panel,
body.admin-page.is-admin-logged-in.admin-mode-simple .service-detail-card .service-device-detail-card,
body.admin-page.is-admin-logged-in.admin-mode-simple .service-detail-card .service-advanced-actions {
  border-color: rgba(174, 184, 192, 0.12);
  background: rgba(7, 12, 15, 0.22);
}

body.admin-page.is-admin-logged-in.admin-mode-simple .service-detail-card .service-client-update-panel:not([open]),
body.admin-page.is-admin-logged-in.admin-mode-simple .service-detail-card .service-workflow-action-panel:not([open]) {
  margin-top: 8px;
}

@media (max-width: 760px) {
  body.admin-page.is-admin-logged-in .admin-row-detail-panel {
    width: 100%;
  }
}

@media (max-width: 980px) {
  body.admin-page.is-admin-logged-in .service-detail-jump-nav {
    position: static;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.admin-page.is-admin-logged-in .service-workspace-card .service-detail-meta,
  body.admin-page.is-admin-logged-in .service-secondary-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  body.admin-page.is-admin-logged-in .service-detail-card {
    padding: 10px;
  }

  body.admin-page.is-admin-logged-in .service-detail-jump-nav,
  body.admin-page.is-admin-logged-in .service-workspace-card .service-detail-meta,
  body.admin-page.is-admin-logged-in .service-workspace-card .service-detail-notes,
  body.admin-page.is-admin-logged-in .service-secondary-meta {
    grid-template-columns: 1fr;
  }

  body.admin-page.is-admin-logged-in .service-workspace-card-head,
  body.admin-page.is-admin-logged-in .service-compact-details > summary {
    align-items: flex-start;
  }

  body.admin-page.is-admin-logged-in .service-advanced-actions > summary {
    flex-wrap: wrap;
  }

  body.admin-page.is-admin-logged-in .service-advanced-actions .service-admin-status {
    width: 100%;
    margin-left: 0;
  }
}

/* 2026-09-04: sekcja Panel - szybka praca, priorytety i lepsze wyszukiwanie. */
body.admin-page.is-admin-logged-in .admin-appbar-search {
  position: relative;
}

body.admin-page.is-admin-logged-in .admin-appbar-search > label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

body.admin-page.is-admin-logged-in .admin-global-search-results[hidden] {
  display: none !important;
}

body.admin-page.is-admin-logged-in .admin-global-search-results {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  left: 0;
  z-index: 10020;
  display: grid;
  gap: 5px;
  padding: 8px;
  border: 1px solid #2b3942;
  border-radius: 10px;
  background: linear-gradient(180deg, #162128, #0e1519);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.38);
}

body.admin-page.is-admin-logged-in .admin-global-search-results a,
body.admin-page.is-admin-logged-in .admin-global-search-empty {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 42px;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: #f3f6f8;
  text-decoration: none;
  font-size: 0.82rem;
  font-weight: 760;
}

body.admin-page.is-admin-logged-in .admin-global-search-results a:hover,
body.admin-page.is-admin-logged-in .admin-global-search-results a:focus-visible,
body.admin-page.is-admin-logged-in .admin-global-search-results a[aria-selected="true"] {
  border-color: rgba(255, 63, 95, 0.36);
  background: rgba(255, 63, 95, 0.11);
}

body.admin-page.is-admin-logged-in .admin-global-search-results a span {
  position: static !important;
  min-width: 0;
  width: auto !important;
  height: auto !important;
  overflow: hidden;
  clip: auto !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.admin-page.is-admin-logged-in .admin-global-search-results a b {
  flex: 0 0 auto;
  color: #ff5a73;
  font-size: 0.72rem;
}

body.admin-page.is-admin-logged-in .admin-global-search-empty {
  justify-content: center;
  color: #9aa8b1;
}

body.admin-page.is-admin-logged-in .admin-panel-command-center {
  display: grid;
  gap: 16px;
  width: 100%;
  padding: 18px;
  border: 1px solid #2b3942;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(22, 33, 40, 0.86), rgba(13, 20, 25, 0.92));
}

body.admin-page.is-admin-logged-in .admin-panel-command-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 420px);
  gap: 18px;
  align-items: end;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(174, 184, 192, 0.14);
}

body.admin-page.is-admin-logged-in .admin-panel-command-head span,
body.admin-page.is-admin-logged-in .admin-panel-priority-card header span,
body.admin-page.is-admin-logged-in .admin-panel-action-card > span,
body.admin-page.is-admin-logged-in .admin-panel-module-group a span {
  display: block;
  color: #ff3f5f;
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1.1;
  text-transform: uppercase;
}

body.admin-page.is-admin-logged-in .admin-panel-command-head h2,
body.admin-page.is-admin-logged-in .admin-panel-priority-card h3 {
  margin: 5px 0 0;
  color: #fff;
  line-height: 1.12;
}

body.admin-page.is-admin-logged-in .admin-panel-command-head p {
  max-width: 760px;
  margin: 7px 0 0;
  color: #aeb8c0;
  font-size: 0.9rem;
  line-height: 1.45;
}

body.admin-page.is-admin-logged-in .admin-panel-command-search {
  display: grid;
  gap: 7px;
}

body.admin-page.is-admin-logged-in .admin-panel-command-search input {
  width: 100%;
  min-height: 46px;
  padding: 0 14px;
  border: 1px solid #34444e;
  border-radius: 8px;
  color: #f3f6f8;
  background: #0c1216;
  font: inherit;
  font-weight: 700;
}

body.admin-page.is-admin-logged-in .admin-panel-command-search input:focus-visible {
  outline: 2px solid rgba(255, 63, 95, 0.45);
  outline-offset: 2px;
}

body.admin-page.is-admin-logged-in .admin-panel-primary-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

body.admin-page.is-admin-logged-in .admin-panel-action-card {
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 148px;
  padding: 14px;
  border: 1px solid rgba(174, 184, 192, 0.16);
  border-radius: 10px;
  color: #f3f6f8;
  text-decoration: none;
  background: rgba(7, 12, 15, 0.34);
}

body.admin-page.is-admin-logged-in .admin-panel-action-card:hover,
body.admin-page.is-admin-logged-in .admin-panel-action-card:focus-visible {
  border-color: rgba(255, 63, 95, 0.42);
  background: rgba(255, 63, 95, 0.08);
}

body.admin-page.is-admin-logged-in .admin-panel-action-card strong {
  color: #fff;
  font-size: 1rem;
  line-height: 1.18;
}

body.admin-page.is-admin-logged-in .admin-panel-action-card small {
  color: #aeb8c0;
  line-height: 1.35;
}

body.admin-page.is-admin-logged-in .admin-panel-action-card b {
  align-self: end;
  color: #ff526d;
  font-size: 0.78rem;
}

body.admin-page.is-admin-logged-in .admin-panel-priority-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 14px;
}

body.admin-page.is-admin-logged-in .admin-panel-priority-card {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(174, 184, 192, 0.16);
  border-radius: 10px;
  background: rgba(7, 12, 15, 0.28);
}

body.admin-page.is-admin-logged-in .admin-panel-priority-card > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}

body.admin-page.is-admin-logged-in .admin-panel-priority-card > header strong {
  display: inline-flex;
  min-width: 42px;
  height: 34px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 63, 95, 0.34);
  border-radius: 8px;
  color: #fff;
  background: rgba(255, 63, 95, 0.12);
}

body.admin-page.is-admin-logged-in .admin-panel-priority-list,
body.admin-page.is-admin-logged-in .admin-panel-module-map {
  display: grid;
  gap: 8px;
}

body.admin-page.is-admin-logged-in .admin-panel-priority-list a {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  gap: 10px;
  min-height: 54px;
  padding: 10px;
  border: 1px solid rgba(174, 184, 192, 0.12);
  border-radius: 8px;
  color: #f3f6f8;
  text-decoration: none;
  background: rgba(11, 18, 23, 0.76);
}

body.admin-page.is-admin-logged-in .admin-panel-priority-list a:hover,
body.admin-page.is-admin-logged-in .admin-panel-priority-list a:focus-visible {
  border-color: rgba(255, 63, 95, 0.38);
}

body.admin-page.is-admin-logged-in .admin-panel-priority-list a > span {
  align-self: start;
  color: #aeb8c0;
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

body.admin-page.is-admin-logged-in .admin-panel-priority-list a.is-danger > span {
  color: #ff6b82;
}

body.admin-page.is-admin-logged-in .admin-panel-priority-list a.is-warning > span {
  color: #f3c660;
}

body.admin-page.is-admin-logged-in .admin-panel-priority-list strong {
  display: block;
  color: #fff;
  font-size: 0.86rem;
  line-height: 1.25;
}

body.admin-page.is-admin-logged-in .admin-panel-priority-list small,
body.admin-page.is-admin-logged-in .admin-panel-priority-list p {
  margin: 3px 0 0;
  color: #9aa8b1;
  font-size: 0.78rem;
  line-height: 1.28;
}

body.admin-page.is-admin-logged-in .admin-panel-module-group {
  overflow: hidden;
  border: 1px solid rgba(174, 184, 192, 0.12);
  border-radius: 8px;
  background: rgba(11, 18, 23, 0.58);
}

body.admin-page.is-admin-logged-in .admin-panel-module-group > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 42px;
  padding: 0 12px;
  color: #f3f6f8;
  cursor: pointer;
  font-weight: 900;
  list-style: none;
}

body.admin-page.is-admin-logged-in .admin-panel-module-group > summary::-webkit-details-marker {
  display: none;
}

body.admin-page.is-admin-logged-in .admin-panel-module-group > summary b {
  color: #ff526d;
  font-size: 0.76rem;
}

body.admin-page.is-admin-logged-in .admin-panel-module-group > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  padding: 8px;
  border-top: 1px solid rgba(174, 184, 192, 0.1);
}

body.admin-page.is-admin-logged-in .admin-panel-module-group a {
  display: grid;
  gap: 4px;
  min-height: 50px;
  padding: 8px 9px;
  border: 1px solid transparent;
  border-radius: 7px;
  color: #f3f6f8;
  text-decoration: none;
}

body.admin-page.is-admin-logged-in .admin-panel-module-group a:hover,
body.admin-page.is-admin-logged-in .admin-panel-module-group a:focus-visible {
  border-color: rgba(255, 63, 95, 0.3);
  background: rgba(255, 63, 95, 0.08);
}

body.admin-page.is-admin-logged-in .admin-panel-module-group a strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.84rem;
}

body.admin-page.is-admin-logged-in .admin-panel-command-empty {
  margin: 0;
  padding: 12px;
  border: 1px solid rgba(255, 63, 95, 0.24);
  border-radius: 8px;
  color: #ff8ba0;
  background: rgba(255, 63, 95, 0.08);
  text-align: center;
  font-weight: 800;
}

body.admin-page.is-admin-logged-in .admin-panel-system-status {
  padding: 14px;
  border: 1px solid rgba(174, 184, 192, 0.16);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(18, 29, 35, 0.9), rgba(7, 12, 15, 0.28));
}

body.admin-page.is-admin-logged-in .admin-panel-system-status > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}

body.admin-page.is-admin-logged-in .admin-panel-system-status h3 {
  margin: 3px 0 0;
  color: #fff;
  font-size: 1rem;
  line-height: 1.18;
}

body.admin-page.is-admin-logged-in .admin-panel-system-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}

body.admin-page.is-admin-logged-in .admin-panel-system-card {
  position: relative;
  display: grid;
  align-content: start;
  gap: 5px;
  min-height: 106px;
  padding: 11px 10px;
  border: 1px solid rgba(174, 184, 192, 0.14);
  border-radius: 8px;
  color: #f3f6f8;
  text-decoration: none;
  background: rgba(11, 18, 23, 0.78);
}

body.admin-page.is-admin-logged-in .admin-panel-system-card::before {
  content: "";
  position: absolute;
  inset: 10px auto auto 10px;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #58d486;
  box-shadow: 0 0 0 4px rgba(88, 212, 134, 0.12);
}

body.admin-page.is-admin-logged-in .admin-panel-system-card:hover,
body.admin-page.is-admin-logged-in .admin-panel-system-card:focus-visible {
  border-color: rgba(255, 63, 95, 0.38);
  background: rgba(255, 63, 95, 0.08);
}

body.admin-page.is-admin-logged-in .admin-panel-system-card.is-warning::before {
  background: #f3c660;
  box-shadow: 0 0 0 4px rgba(243, 198, 96, 0.13);
}

body.admin-page.is-admin-logged-in .admin-panel-system-card.is-danger::before {
  background: #ff526d;
  box-shadow: 0 0 0 4px rgba(255, 82, 109, 0.14);
}

body.admin-page.is-admin-logged-in .admin-panel-system-card span {
  padding-left: 17px;
  color: #9aa8b1;
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

body.admin-page.is-admin-logged-in .admin-panel-system-card strong {
  color: #fff;
  font-size: 1.45rem;
  line-height: 1;
}

body.admin-page.is-admin-logged-in .admin-panel-system-card b {
  color: #f3f6f8;
  font-size: 0.82rem;
  line-height: 1.18;
}

body.admin-page.is-admin-logged-in .admin-panel-system-card small {
  color: #9aa8b1;
  font-size: 0.75rem;
  line-height: 1.25;
}

@media (max-width: 1180px) {
  body.admin-page.is-admin-logged-in .admin-panel-primary-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.admin-page.is-admin-logged-in .admin-panel-system-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.admin-page.is-admin-logged-in .admin-panel-priority-grid,
  body.admin-page.is-admin-logged-in .admin-panel-command-head {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  body.admin-page.is-admin-logged-in .admin-panel-command-center {
    padding: 12px;
  }

  body.admin-page.is-admin-logged-in .admin-panel-primary-actions,
  body.admin-page.is-admin-logged-in .admin-panel-system-grid,
  body.admin-page.is-admin-logged-in .admin-panel-module-group > div,
  body.admin-page.is-admin-logged-in .admin-panel-priority-list a {
    grid-template-columns: 1fr;
  }
}

/* 2026-09-04: lżejszy Panel Administratora - tryb prosty pokazuje codzienną pracę. */
body.admin-view-dashboard.is-admin-logged-in.admin-mode-simple .admin-command-card ul,
body.admin-view-dashboard.is-admin-logged-in.admin-mode-simple .admin-command-actions,
body.admin-view-dashboard.is-admin-logged-in.admin-mode-simple .admin-command-widgets,
body.admin-view-dashboard.is-admin-logged-in.admin-mode-simple .admin-dashboard-overview,
body.admin-view-dashboard.is-admin-logged-in.admin-mode-simple .admin-panel-system-status,
body.admin-view-dashboard.is-admin-logged-in.admin-mode-simple .admin-panel-priority-card:nth-child(2) {
  display: none !important;
}

body.admin-view-dashboard.is-admin-logged-in.admin-mode-simple .admin-command-dashboard {
  gap: 14px;
}

body.admin-view-dashboard.is-admin-logged-in.admin-mode-simple .admin-command-sections {
  gap: 12px;
}

body.admin-view-dashboard.is-admin-logged-in.admin-mode-simple .admin-command-card {
  min-height: 0;
}

body.admin-view-dashboard.is-admin-logged-in.admin-mode-simple .admin-command-card-head {
  min-height: 96px;
  padding: 16px;
}

body.admin-view-dashboard.is-admin-logged-in.admin-mode-simple .admin-command-icon {
  width: 46px;
  height: 46px;
}

body.admin-view-dashboard.is-admin-logged-in.admin-mode-simple .admin-command-card-head strong {
  font-size: 1.15rem;
}

body.admin-view-dashboard.is-admin-logged-in.admin-mode-simple .admin-panel-command-center {
  padding: 16px;
}

body.admin-view-dashboard.is-admin-logged-in.admin-mode-simple .admin-panel-command-head {
  margin-bottom: 14px;
}

body.admin-view-dashboard.is-admin-logged-in.admin-mode-simple .admin-panel-command-head p {
  display: none;
}

body.admin-view-dashboard.is-admin-logged-in.admin-mode-simple .admin-panel-primary-actions {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

body.admin-view-dashboard.is-admin-logged-in.admin-mode-simple .admin-panel-action-card {
  min-height: 112px;
  padding: 13px;
}

body.admin-view-dashboard.is-admin-logged-in.admin-mode-simple .admin-panel-action-card small {
  display: none;
}

body.admin-view-dashboard.is-admin-logged-in.admin-mode-simple .admin-panel-priority-grid {
  grid-template-columns: 1fr;
  margin-top: 12px;
}

body.admin-page.is-admin-logged-in.admin-mode-simple .admin-workspace-module-card.admin-advanced-only:not(:target) {
  display: none !important;
}

body.admin-page.is-admin-logged-in.admin-mode-simple .admin-workspace-module-grid {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

body.admin-page.is-admin-logged-in.admin-mode-simple .admin-workspace-directory-header p,
body.admin-page.is-admin-logged-in.admin-mode-simple .admin-workspace-module-card small {
  display: none;
}

body.admin-page.is-admin-logged-in.admin-mode-simple .admin-workspace-module-card {
  min-height: 118px;
  padding: 15px;
}

body.admin-page.is-admin-logged-in.admin-mode-simple .admin-workspace-module-card > i {
  width: 42px;
  height: 42px;
}

@media (max-width: 1180px) {
  body.admin-view-dashboard.is-admin-logged-in.admin-mode-simple .admin-panel-primary-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  body.admin-view-dashboard.is-admin-logged-in.admin-mode-simple .admin-command-sections,
  body.admin-view-dashboard.is-admin-logged-in.admin-mode-simple .admin-panel-primary-actions {
    grid-template-columns: 1fr;
  }
}

/* 2026-09-04: docelowy podzial panelu: Pulpit, Druk 3D, Serwis, Sklep, Finanse, Ustawienia. */
body.admin-page.is-admin-logged-in .admin-area-switcher a.is-dashboard { --switch-accent: #aeb8c0; }
body.admin-page.is-admin-logged-in .admin-area-switcher a.is-finance_area { --switch-accent: #58d486; }
body.admin-page.is-admin-logged-in .admin-area-switcher a.is-settings_area { --switch-accent: #628ee8; }

body.admin-page.is-admin-logged-in .admin-workspace-card.is-service_area::before {
  background: #e99a3d;
}

body.admin-page.is-admin-logged-in .admin-workspace-card.is-finance_area::before {
  background: #58d486;
}

body.admin-page.is-admin-logged-in .admin-workspace-card.is-settings_area::before {
  background: #628ee8;
}

body.admin-page.is-admin-logged-in .admin-command-card.is-print_area { --card-accent: #ff3157; }
body.admin-page.is-admin-logged-in .admin-command-card.is-service_area { --card-accent: #e99a3d; }
body.admin-page.is-admin-logged-in .admin-command-card.is-shop_area { --card-accent: #39b99f; }
body.admin-page.is-admin-logged-in .admin-command-card.is-finance_area { --card-accent: #58d486; }
body.admin-page.is-admin-logged-in .admin-command-card.is-settings_area { --card-accent: #628ee8; }

body.admin-view-dashboard.is-admin-logged-in .admin-command-sections {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-card {
  min-height: 285px;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-card-head {
  min-height: 92px;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-card ul {
  padding: 12px 16px 14px;
}

body.admin-view-dashboard.is-admin-logged-in .admin-command-card li a {
  min-height: 34px;
  font-size: 0.88rem;
}

body.admin-view-dashboard.is-admin-logged-in.admin-mode-simple .admin-command-sections {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

body.admin-view-dashboard.is-admin-logged-in.admin-mode-simple .admin-command-card-head {
  min-height: 104px;
}

body.admin-view-dashboard.is-admin-logged-in.admin-mode-simple .admin-command-card ul {
  display: grid !important;
}

body.admin-view-dashboard.is-admin-logged-in.admin-mode-simple .admin-command-card li a {
  min-height: 32px;
  font-size: 0.84rem;
}

body.admin-page.is-admin-logged-in .admin-workspace-directory-header {
  align-items: center;
}

@media (max-width: 1380px) {
  body.admin-view-dashboard.is-admin-logged-in .admin-command-sections,
  body.admin-view-dashboard.is-admin-logged-in.admin-mode-simple .admin-command-sections {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 880px) {
  body.admin-view-dashboard.is-admin-logged-in .admin-command-sections,
  body.admin-view-dashboard.is-admin-logged-in.admin-mode-simple .admin-command-sections {
    grid-template-columns: 1fr;
  }
}

/* 2026-09-07: centralne stawki wyceny druku 3D. */
.print-rates-board {
  max-width: min(1680px, calc(100vw - 24px));
}

.print-rates-form fieldset {
  align-items: start;
}

.print-rates-form .form-hint {
  margin: 0 0 14px;
}

.print-rates-client-wrap {
  overflow-x: auto;
}

.print-rates-client-table {
  min-width: 1120px;
}

.print-rates-client-table th,
.print-rates-client-table td {
  padding: 10px 8px;
  vertical-align: middle;
}

.print-rates-client-table input {
  width: 100%;
  min-width: 78px;
}

.print-rates-client-table td:nth-child(2) input,
.print-rates-client-table td:nth-child(10) input {
  min-width: 170px;
}

.print-rate-client-picker small {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font-size: 0.8rem;
  line-height: 1.35;
}

.filament-stock-summary {
  display: grid;
  gap: 6px;
  padding: 12px 14px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 10px;
  background: rgba(15, 23, 42, 0.34);
}

.filament-stock-summary strong {
  color: #f8fafc;
  font-size: 0.94rem;
}

.filament-stock-summary span {
  color: var(--muted);
  font-size: 0.84rem;
  line-height: 1.45;
}

.filament-stock-summary.is-ok {
  border-color: rgba(74, 222, 128, 0.3);
  background: rgba(22, 101, 52, 0.12);
}

.filament-stock-summary.is-ok strong {
  color: #86efac;
}

.filament-stock-summary.is-warning {
  border-color: rgba(255, 63, 95, 0.46);
  background: rgba(255, 63, 95, 0.12);
}

.filament-stock-summary.is-warning strong {
  color: #ff6f88;
}

.estimate-rate-shortcut {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 10px;
  background: rgba(15, 23, 42, 0.34);
}

.estimate-rate-shortcut span {
  color: var(--muted);
  font-size: 0.9rem;
}

@media (max-width: 760px) {
  .estimate-rate-shortcut {
    align-items: stretch;
    flex-direction: column;
  }
}

/* 2026-09-08: sklep - kontrola zamowien, rentownosc i dostepnosc filamentu. */
body.admin-page.is-admin-logged-in .shop-control-board,
body.admin-page.is-admin-logged-in .shop-order-focus-card {
  border-color: rgba(174, 184, 192, 0.16);
  background: linear-gradient(180deg, rgba(22, 33, 40, 0.82), rgba(12, 18, 22, 0.94));
}

body.admin-page.is-admin-logged-in .shop-control-grid,
body.admin-page.is-admin-logged-in .shop-order-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

body.admin-page.is-admin-logged-in .shop-order-kpi-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.admin-page.is-admin-logged-in .shop-control-grid article,
body.admin-page.is-admin-logged-in .shop-order-kpi-grid article,
body.admin-page.is-admin-logged-in .shop-order-material-check article {
  min-width: 0;
  display: grid;
  gap: 6px;
  padding: 14px;
  border: 1px solid rgba(174, 184, 192, 0.14);
  border-radius: 9px;
  background: rgba(7, 12, 15, 0.34);
}

body.admin-page.is-admin-logged-in .shop-control-grid span,
body.admin-page.is-admin-logged-in .shop-order-kpi-grid span,
body.admin-page.is-admin-logged-in .shop-order-material-check > span {
  color: #8fa1ac;
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

body.admin-page.is-admin-logged-in .shop-control-grid strong,
body.admin-page.is-admin-logged-in .shop-order-kpi-grid strong {
  color: #fff;
  font-size: 1.14rem;
  line-height: 1.15;
}

body.admin-page.is-admin-logged-in .shop-control-grid small,
body.admin-page.is-admin-logged-in .shop-order-kpi-grid small,
body.admin-page.is-admin-logged-in .shop-order-material-check p,
body.admin-page.is-admin-logged-in .shop-order-material-check small {
  margin: 0;
  color: #aeb8c0;
  font-size: 0.82rem;
  line-height: 1.35;
}

body.admin-page.is-admin-logged-in .shop-control-grid .is-ok,
body.admin-page.is-admin-logged-in .shop-order-kpi-grid .is-ok,
body.admin-page.is-admin-logged-in .shop-order-material-check .is-ok {
  border-color: rgba(74, 222, 128, 0.28);
  background: rgba(22, 101, 52, 0.12);
}

body.admin-page.is-admin-logged-in .shop-control-grid .is-warning,
body.admin-page.is-admin-logged-in .shop-order-kpi-grid .is-warning {
  border-color: rgba(251, 191, 36, 0.32);
  background: rgba(120, 82, 18, 0.18);
}

body.admin-page.is-admin-logged-in .shop-control-grid .is-danger,
body.admin-page.is-admin-logged-in .shop-order-kpi-grid .is-danger,
body.admin-page.is-admin-logged-in .shop-order-material-check .is-danger {
  border-color: rgba(255, 63, 95, 0.4);
  background: rgba(255, 63, 95, 0.12);
}

body.admin-page.is-admin-logged-in .shop-attention-list {
  display: grid;
  gap: 8px;
  margin-top: 14px;
}

body.admin-page.is-admin-logged-in .shop-attention-row {
  display: grid;
  grid-template-columns: minmax(130px, 0.8fr) minmax(150px, 1fr) minmax(260px, 2fr) minmax(110px, auto);
  gap: 12px;
  align-items: center;
  min-height: 50px;
  padding: 10px 12px;
  border: 1px solid rgba(174, 184, 192, 0.13);
  border-left: 3px solid rgba(174, 184, 192, 0.3);
  border-radius: 8px;
  color: #f3f6f8;
  text-decoration: none;
  background: rgba(7, 12, 15, 0.42);
}

body.admin-page.is-admin-logged-in .shop-attention-row:hover,
body.admin-page.is-admin-logged-in .shop-attention-row:focus-visible {
  border-color: rgba(255, 63, 95, 0.38);
  background: rgba(255, 63, 95, 0.08);
}

body.admin-page.is-admin-logged-in .shop-attention-row.is-danger {
  border-left-color: #ff3f5f;
}

body.admin-page.is-admin-logged-in .shop-attention-row.is-warning {
  border-left-color: #fbbf24;
}

body.admin-page.is-admin-logged-in .shop-attention-row strong,
body.admin-page.is-admin-logged-in .shop-attention-row b {
  color: #fff;
  font-size: 0.88rem;
}

body.admin-page.is-admin-logged-in .shop-attention-row span,
body.admin-page.is-admin-logged-in .shop-attention-row small {
  min-width: 0;
  color: #c9d4da;
  font-size: 0.82rem;
  overflow-wrap: anywhere;
}

body.admin-page.is-admin-logged-in .shop-order-health {
  max-width: 440px;
  padding: 8px 11px;
  border: 1px solid rgba(174, 184, 192, 0.16);
  border-radius: 999px;
  color: #dbe5ea;
  background: rgba(7, 12, 15, 0.36);
  font-size: 0.78rem;
  line-height: 1.25;
  text-align: center;
}

body.admin-page.is-admin-logged-in .shop-order-health.is-ok {
  border-color: rgba(74, 222, 128, 0.3);
  color: #86efac;
  background: rgba(22, 101, 52, 0.16);
}

body.admin-page.is-admin-logged-in .shop-order-health.is-warning {
  border-color: rgba(251, 191, 36, 0.34);
  color: #facc15;
  background: rgba(120, 82, 18, 0.18);
}

body.admin-page.is-admin-logged-in .shop-order-health.is-danger {
  border-color: rgba(255, 63, 95, 0.44);
  color: #ff6f88;
  background: rgba(255, 63, 95, 0.14);
}

body.admin-page.is-admin-logged-in .shop-order-focus-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
  gap: 14px;
  margin-top: 14px;
}

body.admin-page.is-admin-logged-in .shop-order-line-table-wrap {
  min-width: 0;
  overflow-x: auto;
  border: 1px solid rgba(174, 184, 192, 0.12);
  border-radius: 9px;
}

body.admin-page.is-admin-logged-in .shop-order-line-table {
  min-width: 720px;
}

body.admin-page.is-admin-logged-in .shop-order-line-table td,
body.admin-page.is-admin-logged-in .shop-order-line-table th {
  padding: 12px 14px;
}

body.admin-page.is-admin-logged-in .shop-order-line-table .is-positive strong {
  color: #86efac;
}

body.admin-page.is-admin-logged-in .shop-order-line-table .is-negative strong {
  color: #ff6f88;
}

body.admin-page.is-admin-logged-in .shop-order-material-check {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 10px;
  padding: 14px;
  border: 1px solid rgba(174, 184, 192, 0.12);
  border-radius: 9px;
  background: rgba(7, 12, 15, 0.24);
}

body.admin-page.is-admin-logged-in .shop-order-material-check article strong {
  color: #fff;
  font-size: 0.9rem;
  overflow-wrap: anywhere;
}

body.admin-page.is-admin-logged-in .shop-order-material-check article.is-danger small {
  color: #ff6f88;
  font-weight: 800;
}

body.admin-page.is-admin-logged-in .shop-order-quick-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0;
}

body.admin-page.is-admin-logged-in .shop-order-quick-actions form {
  margin: 0;
}

body.admin-page.is-admin-logged-in .shop-order-quick-actions .button {
  min-height: 40px;
  padding: 9px 13px;
}

body.admin-page.is-admin-logged-in .shop-product-template-picker {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(174, 184, 192, 0.14);
  border-radius: 10px;
  background: rgba(7, 12, 15, 0.28);
}

body.admin-page.is-admin-logged-in .shop-product-template-picker > span {
  color: #ff526d;
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

body.admin-page.is-admin-logged-in .shop-product-template-picker > div {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

body.admin-page.is-admin-logged-in .shop-product-template-picker button {
  min-width: 0;
  display: grid;
  gap: 5px;
  min-height: 68px;
  padding: 10px;
  border: 1px solid rgba(174, 184, 192, 0.14);
  border-radius: 8px;
  color: #f3f6f8;
  text-align: left;
  background: #10191f;
  cursor: pointer;
}

body.admin-page.is-admin-logged-in .shop-product-template-picker button:hover,
body.admin-page.is-admin-logged-in .shop-product-template-picker button:focus-visible {
  border-color: rgba(255, 63, 95, 0.42);
  background: rgba(255, 63, 95, 0.1);
}

body.admin-page.is-admin-logged-in .shop-product-template-picker strong {
  color: #fff;
  font-size: 0.86rem;
  line-height: 1.15;
}

body.admin-page.is-admin-logged-in .shop-product-template-picker small {
  color: #aeb8c0;
  font-size: 0.74rem;
  line-height: 1.25;
}

body.admin-page.is-admin-logged-in .shop-product-profit-flag {
  width: max-content;
  max-width: 100%;
  display: block;
  margin-top: 7px;
  padding: 4px 8px;
  border: 1px solid rgba(174, 184, 192, 0.16);
  border-radius: 999px;
  color: #dbe5ea;
  background: rgba(7, 12, 15, 0.32);
  font-size: 0.68rem;
  font-weight: 850;
  line-height: 1.2;
}

body.admin-page.is-admin-logged-in .shop-product-profit-flag.is-ok {
  border-color: rgba(74, 222, 128, 0.3);
  color: #86efac;
  background: rgba(22, 101, 52, 0.16);
}

body.admin-page.is-admin-logged-in .shop-product-profit-flag.is-warning {
  border-color: rgba(251, 191, 36, 0.34);
  color: #facc15;
  background: rgba(120, 82, 18, 0.18);
}

body.admin-page.is-admin-logged-in .shop-product-profit-flag.is-danger {
  border-color: rgba(255, 63, 95, 0.44);
  color: #ff6f88;
  background: rgba(255, 63, 95, 0.14);
}

@media (max-width: 980px) {
  body.admin-page.is-admin-logged-in .shop-control-grid,
  body.admin-page.is-admin-logged-in .shop-order-kpi-grid,
  body.admin-page.is-admin-logged-in .shop-order-focus-grid {
    grid-template-columns: 1fr;
  }

  body.admin-page.is-admin-logged-in .shop-attention-row {
    grid-template-columns: 1fr;
  }

  body.admin-page.is-admin-logged-in .shop-product-template-picker > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  body.admin-page.is-admin-logged-in .shop-product-template-picker > div {
    grid-template-columns: 1fr;
  }
}

body.admin-page.is-admin-logged-in .filament-label-board .filament-label-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, 60mm) !important;
  justify-content: start !important;
  align-items: start !important;
  gap: 4mm !important;
}

body.admin-page.is-admin-logged-in .filament-label-board .filament-label-item {
  width: 60mm !important;
  max-width: 60mm !important;
}

body.admin-page.is-admin-logged-in .filament-label-board .filament-label-card {
  width: 60mm !important;
  max-width: 60mm !important;
  height: 40mm !important;
  min-height: 40mm !important;
  max-height: 40mm !important;
  display: grid !important;
  grid-template-rows: 8mm 18mm 5mm !important;
  gap: 1.5mm !important;
  overflow: hidden !important;
  padding: 2.5mm !important;
  border: 1px solid #111 !important;
  border-radius: 2mm !important;
  background: #fff !important;
  color: #111 !important;
  box-shadow: none !important;
}

body.admin-page.is-admin-logged-in .filament-label-board .filament-label-meta,
body.admin-page.is-admin-logged-in .filament-label-board .filament-label-code {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

body.admin-page.is-admin-logged-in .filament-label-board .filament-label-meta strong {
  color: #111 !important;
  font-size: 8.5pt !important;
  line-height: 1.05 !important;
}

body.admin-page.is-admin-logged-in .filament-label-board .filament-label-meta span {
  color: #222 !important;
  font-size: 7.5pt !important;
  line-height: 1.05 !important;
}

body.admin-page.is-admin-logged-in .filament-label-board .filament-barcode-svg {
  width: 54mm !important;
  max-width: 54mm !important;
  height: 17mm !important;
  display: block !important;
}

body.admin-page.is-admin-logged-in .filament-label-board .filament-barcode-svg text {
  font: 700 8px Arial, sans-serif !important;
}

body.admin-page.is-admin-logged-in .filament-label-board .filament-label-card b {
  color: #111 !important;
  font-size: 7.5pt !important;
  line-height: 1 !important;
  text-align: center !important;
}

body.admin-page.is-admin-logged-in .filament-label-size-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: end;
  margin: 0 0 18px;
}

body.admin-page.is-admin-logged-in .filament-label-size-controls label {
  display: grid;
  gap: 6px;
  color: #aeb8c0;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

body.admin-page.is-admin-logged-in .filament-label-size-controls select,
body.admin-page.is-admin-logged-in .filament-label-size-controls input {
  min-width: 120px;
  height: 40px;
  border: 1px solid #2b3942;
  border-radius: 8px;
  background: #0b1217;
  color: #f3f6f8;
  padding: 0 12px;
}

body.admin-page.is-admin-logged-in .filament-label-board .filament-label-grid {
  grid-template-columns: repeat(auto-fill, var(--filament-label-width, 60mm)) !important;
}

body.admin-page.is-admin-logged-in .filament-label-board .filament-label-item {
  width: var(--filament-label-width, 60mm) !important;
  max-width: var(--filament-label-width, 60mm) !important;
}

body.admin-page.is-admin-logged-in .filament-label-board .filament-label-card {
  width: var(--filament-label-width, 60mm) !important;
  max-width: var(--filament-label-width, 60mm) !important;
  height: var(--filament-label-height, 40mm) !important;
  min-height: var(--filament-label-height, 40mm) !important;
  max-height: var(--filament-label-height, 40mm) !important;
}

body.admin-page.is-admin-logged-in .filament-label-board .filament-barcode-svg {
  width: var(--filament-label-barcode-width, 54mm) !important;
  max-width: var(--filament-label-barcode-width, 54mm) !important;
  height: var(--filament-label-barcode-height, 17mm) !important;
  max-height: var(--filament-label-barcode-height, 17mm) !important;
}

@media print {
  body.is-printing-filament-labels .filament-label-board .filament-label-grid {
    grid-template-columns: repeat(3, 60mm) !important;
    gap: 1mm !important;
  }

  body.is-printing-filament-labels .filament-label-board .filament-label-card {
    width: 60mm !important;
    height: 40mm !important;
    max-width: 60mm !important;
    max-height: 40mm !important;
  }
}

/* 2026-09-29: zwarty magazyn filamentow i etykiety otwierane na zadanie. */
body.admin-page.is-admin-logged-in.admin-view-filaments .filament-row-actions {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 5px;
  min-width: 0;
}

body.admin-page.is-admin-logged-in.admin-view-filaments .filament-row-actions > .table-edit-panel {
  flex: 0 0 auto;
  margin: 0;
}

body.admin-page.is-admin-logged-in.admin-view-filaments .filament-row-actions > .table-edit-panel:not([open]) > summary {
  min-height: 28px !important;
  padding: 5px 6px !important;
  font-size: 0.68rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

@media (min-width: 901px) {
  body.admin-page.is-admin-logged-in.admin-view-filaments .filament-stock-table {
    width: 100% !important;
    min-width: 960px !important;
    table-layout: fixed !important;
  }

  body.admin-page.is-admin-logged-in.admin-view-filaments .filament-stock-table th,
  body.admin-page.is-admin-logged-in.admin-view-filaments .filament-stock-table td {
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    padding: 5px 8px !important;
    font-size: 0.76rem !important;
    line-height: 1.15 !important;
  }

  body.admin-page.is-admin-logged-in.admin-view-filaments .filament-stock-table th {
    padding-block: 7px !important;
    font-size: 0.61rem !important;
  }

  body.admin-page.is-admin-logged-in.admin-view-filaments .filament-stock-table td small {
    margin-top: 2px !important;
    font-size: 0.62rem !important;
    line-height: 1.05 !important;
  }

  body.admin-page.is-admin-logged-in.admin-view-filaments .filament-stock-table .service-status-pill {
    min-height: 24px !important;
    padding: 3px 7px !important;
    font-size: 0.64rem !important;
    line-height: 1 !important;
  }

  body.admin-page.is-admin-logged-in.admin-view-filaments .filament-stock-table th:nth-child(1) { width: 16%; }
  body.admin-page.is-admin-logged-in.admin-view-filaments .filament-stock-table th:nth-child(2) { width: 8%; }
  body.admin-page.is-admin-logged-in.admin-view-filaments .filament-stock-table th:nth-child(3) { width: 9%; }
  body.admin-page.is-admin-logged-in.admin-view-filaments .filament-stock-table th:nth-child(4) { width: 10%; }
  body.admin-page.is-admin-logged-in.admin-view-filaments .filament-stock-table th:nth-child(5) { width: 9%; }
  body.admin-page.is-admin-logged-in.admin-view-filaments .filament-stock-table th:nth-child(6) { width: 9%; }
  body.admin-page.is-admin-logged-in.admin-view-filaments .filament-stock-table th:nth-child(7) { width: 8%; }
  body.admin-page.is-admin-logged-in.admin-view-filaments .filament-stock-table th:nth-child(8) { width: 24%; }
  body.admin-page.is-admin-logged-in.admin-view-filaments .filament-stock-table th:nth-child(9) { width: 7%; }

  body.admin-page.is-admin-logged-in.admin-view-filaments .filament-stock-table td:has(.filament-row-actions),
  body.admin-page.is-admin-logged-in.admin-view-filaments .filament-stock-table td:has(.table-action-form) {
    min-width: 0 !important;
  }

  body.admin-page.is-admin-logged-in.admin-view-filaments .filament-stock-table td:last-child .table-action-form,
  body.admin-page.is-admin-logged-in.admin-view-filaments .filament-stock-table td:last-child .table-button {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
}