:root {
  /* Color */
  --bg0: #0f1c24;
  --bg1: #15262f;
  --bg2: #1c3340;
  --panel: #f4f7f8;
  --panel-solid: #ffffff;
  --ink: #12202a;
  --muted: #5b6e7a;
  --line: #d5e0e6;
  --accent: #0f766e;
  --accent-2: #c2410c;
  --ok: #047857;
  --warn: #b45309;
  --bad: #b91c1c;
  --info: #0369a1;

  /* Typography (desktop-first, rem from 16px root) */
  --font: "Source Sans 3", "Segoe UI", sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, monospace;
  --font-xs: 0.8125rem;   /* 13px — meta / tiny labels */
  --font-sm: 0.875rem;    /* 14px — secondary */
  --font-base: 0.96875rem; /* 15.5px — body */
  --font-md: 1rem;        /* 16px — emphasis / totals */
  --font-lg: 1.0625rem;   /* 17px — card titles */
  --font-xl: 1.3125rem;   /* 21px — page / order title */
  --font-table: 0.9375rem; /* 15px */
  --font-th: 0.75rem;     /* 12px */
  --font-badge: 0.8125rem; /* 13px */
  --line-height: 1.45;
  /* Darstellung scale (Einstellungen → Darstellung). Standard slightly larger than historic ERP. */
  --ui-scale: 1.05;
  --muted-readable: #4a5d68;

  /* Spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 28px;

  /* Controls & chrome */
  --control-height: 40px;
  --control-height-sm: 34px;
  --input-height: 40px;
  --badge-pad-y: 4px;
  --badge-pad-x: 10px;
  --table-row-pad-y: 10px;
  --table-row-pad-x: 10px;
  --tab-pad-y: 10px;
  --tab-pad-x: 14px;
  --card-pad-y: 16px;
  --card-pad-x: 18px;
  --card-radius: 10px;
  --control-radius: 8px;
  --radius: var(--card-radius);
  --shadow: 0 4px 16px rgba(15, 28, 36, 0.07);
  --shadow-strong: 0 8px 24px rgba(15, 28, 36, 0.1);

  /* Layout */
  --page-max-width: 1680px;
  --sidebar-width: 250px;
  --page-pad-x: 24px;
  --page-pad-y: 20px;
}

* { box-sizing: border-box; }
html {
  margin: 0;
  padding: 0;
  /* Density on <html> so rem root actually scales with Darstellung. */
  font-size: calc(16px * var(--ui-scale, 1.05));
}
html[data-ui-density="compact"] { --ui-scale: 0.95; }
html[data-ui-density="standard"] { --ui-scale: 1.05; }
html[data-ui-density="large"] { --ui-scale: 1.15; }
/* Legacy body attr still supported if present. */
body[data-ui-density="compact"] { --ui-scale: 0.95; }
body[data-ui-density="standard"] { --ui-scale: 1.05; }
body[data-ui-density="large"] { --ui-scale: 1.15; }
body {
  margin: 0;
  padding: 0;
  font-family: var(--font);
  font-size: var(--font-base);
  line-height: var(--line-height);
  color: var(--ink);
  background:
    radial-gradient(1200px 500px at 10% -10%, rgba(15, 118, 110, 0.18), transparent 55%),
    radial-gradient(900px 420px at 100% 0%, rgba(194, 65, 12, 0.10), transparent 50%),
    linear-gradient(180deg, #e8eef1 0%, #f3f6f7 40%, #eef3f5 100%);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}
.muted, .tiny.muted, .hint, .label-tiny {
  color: var(--muted-readable, var(--muted));
}

a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

.app-shell {
  display: grid;
  grid-template-columns: var(--sidebar-width) minmax(0, 1fr);
  min-height: 100vh;
}

.sidebar {
  background: linear-gradient(180deg, var(--bg0), var(--bg1) 45%, #10232c);
  color: #e8eef1;
  padding: var(--space-5) var(--space-4);
  border-right: 1px solid rgba(255,255,255,0.06);
}
.sidebar-mobile-head,
.mobile-topbar,
.nav-backdrop {
  display: none;
}
.brand {
  padding: var(--space-2) var(--space-3) var(--space-5);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  margin-bottom: var(--space-4);
}
.brand strong {
  display: block;
  font-size: var(--font-xl);
  letter-spacing: 0.02em;
  font-weight: 700;
}
.brand span {
  display: block;
  margin-top: var(--space-1);
  color: #9bb0bb;
  font-size: var(--font-sm);
}
.nav a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #d7e3e9;
  padding: 12px var(--space-3);
  border-radius: var(--control-radius);
  margin-bottom: var(--space-1);
  font-weight: 600;
  font-size: var(--font-base);
  text-decoration: none;
  min-height: var(--control-height);
}
.nav a:hover, .nav a.active {
  background: rgba(15, 118, 110, 0.28);
  color: #fff;
  text-decoration: none;
}
.nav-sep {
  height: 1px;
  margin: 10px 12px 12px;
  background: rgba(255, 255, 255, 0.10);
  border: 0;
}
.nav-badge {
  margin-left: auto;
  min-width: 1.4rem;
  padding: 2px 7px;
  border-radius: 999px;
  background: #c2410c;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}
.sidebar-foot {
  margin-top: var(--space-6);
  padding: var(--space-3);
  color: #9bb0bb;
  font-size: var(--font-sm);
}

.main {
  padding: var(--page-pad-y) var(--page-pad-x) var(--space-6);
  min-width: 0;
}
.page-shell {
  width: 100%;
  max-width: var(--page-max-width);
  margin: 0 auto;
}
.topbar {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
}
.topbar h1 {
  margin: 0;
  font-size: var(--font-xl);
  letter-spacing: -0.02em;
}
.topbar p {
  margin: var(--space-1) 0 0;
  color: var(--muted);
  font-size: var(--font-sm);
}
.topbar-actions { display: flex; gap: var(--space-2); flex-wrap: wrap; }

.panel {
  background: var(--panel-solid);
  border: 1px solid var(--line);
  border-radius: var(--card-radius);
  box-shadow: var(--shadow);
  padding: var(--card-pad-y) var(--card-pad-x);
  margin-bottom: var(--space-3);
}
.panel h2 {
  margin: 0;
  font-size: var(--font-lg);
  font-weight: 700;
  letter-spacing: -0.01em;
}
.panel .hint {
  margin: 0 0 var(--space-3);
  color: var(--muted);
  font-size: var(--font-sm);
}
.panel--dense {
  padding: 14px var(--card-pad-x);
  margin-bottom: var(--space-3);
}
.panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  margin-bottom: var(--space-3);
}
.panel-head h2 { margin: 0; }
.panel-head--click {
  list-style: none;
  cursor: pointer;
  margin: 0;
  width: 100%;
}
.panel-head--click::-webkit-details-marker { display: none; }
.panel-body { padding-top: var(--space-1); }

.grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-4);
}
.grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-3);
}

label {
  display: block;
  font-weight: 650;
  font-size: var(--font-sm);
  margin-bottom: 6px;
}
input[type=text], input[type=email], input[type=password], input[type=number], select, textarea {
  width: 100%;
  min-height: var(--input-height);
  border: 1px solid var(--line);
  border-radius: var(--control-radius);
  padding: 8px 12px;
  font: inherit;
  font-size: var(--font-base);
  background: #fff;
  color: var(--ink);
}
textarea {
  min-height: 88px;
  resize: vertical;
  padding-top: 10px;
}
.field { margin-bottom: var(--space-3); }
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-3); }
.field-row--4 { grid-template-columns: repeat(4, 1fr); }
.field-row--item-edit {
  grid-template-columns: 140px 1.4fr 1fr 90px 110px;
  gap: var(--space-2);
}
.item-edit-form { padding: var(--space-1) 0; }
.item-edit-form--compact {
  padding: 10px 12px;
  background: #f8fafb;
  border: 1px solid var(--line);
  border-radius: var(--control-radius);
}
.item-edit-grid {
  display: grid;
  grid-template-columns: 120px minmax(180px, 1.6fr) minmax(120px, 1fr) 72px 96px;
  gap: 8px 10px;
  align-items: end;
}
.item-edit-field { display: flex; flex-direction: column; gap: 4px; margin: 0; }
.item-edit-field--wide { grid-column: span 1; }
.item-edit-label {
  font-size: var(--font-xs);
  font-weight: 650;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.item-edit-field input {
  min-height: 34px;
  padding: 6px 10px;
  font-size: var(--font-sm);
}
.item-edit-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--line);
}
.item-edit-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.panel-head__actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.inline-form { display: inline; margin: 0; }
.badge-subtle { opacity: 0.92; font-weight: 650; }
table.data tr.is-editing td { background: #f8fafb; }

.field--article-search { position: relative; margin-bottom: var(--space-4); }
.field--article-search input[type="search"] { width: 100%; max-width: 520px; }
.article-search-results {
  position: absolute;
  z-index: 20;
  top: calc(100% - 2px);
  left: 0;
  right: 0;
  max-width: 720px;
  max-height: 280px;
  overflow: auto;
  background: var(--panel-solid);
  border: 1px solid var(--line);
  border-radius: var(--control-radius);
  box-shadow: var(--shadow-strong);
}
.article-search-hit {
  display: grid;
  grid-template-columns: 120px 1fr auto;
  gap: var(--space-2);
  align-items: center;
  width: 100%;
  padding: 8px 12px;
  border: 0;
  border-bottom: 1px solid var(--line);
  background: transparent;
  text-align: left;
  font: inherit;
  cursor: pointer;
}
.article-search-hit:last-child { border-bottom: 0; }
.article-search-hit:hover,
.article-search-hit:focus-visible {
  background: #eef6f4;
  outline: none;
}
.article-search-hit__nr { color: var(--muted); font-size: var(--font-sm); }
.article-search-hit__name { font-weight: 600; }
.article-search-hit__meta { color: var(--muted); font-size: var(--font-xs); white-space: nowrap; }

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: var(--control-height);
  border: 1px solid transparent;
  border-radius: var(--control-radius);
  padding: 8px 14px;
  font: inherit;
  font-size: var(--font-sm);
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}
.btn:hover { text-decoration: none; filter: brightness(0.98); }
.btn-primary { background: var(--accent); color: #fff; }
.btn-secondary { background: #fff; color: var(--ink); border-color: var(--line); }
.btn-danger { background: var(--bad); color: #fff; }
.btn-warn { background: var(--accent-2); color: #fff; }
.btn-sm {
  min-height: var(--control-height-sm);
  padding: 6px 12px;
  font-size: var(--font-sm);
}

.table-wrap { overflow: auto; }
table.data {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--font-table);
}
table.data th, table.data td {
  text-align: left;
  padding: var(--table-row-pad-y) var(--table-row-pad-x);
  border-bottom: 1px solid var(--line);
  vertical-align: middle;
}
table.data th {
  color: var(--muted);
  font-size: var(--font-th);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
table.data tr:hover td { background: #f7fafb; }
table.data.data--dense th,
table.data.data--dense td {
  padding: 9px 10px;
  font-size: var(--font-table);
}
table.data.data--dense th { font-size: var(--font-th); }
table.data .num { text-align: right; font-variant-numeric: tabular-nums; }
table.data tr.is-editing td { background: #f8fafb; }
table.data tr.is-orphaned td { opacity: 0.78; }

.badge {
  display: inline-flex;
  align-items: center;
  padding: var(--badge-pad-y) var(--badge-pad-x);
  border-radius: 999px;
  font-size: var(--font-badge);
  font-weight: 700;
  line-height: 1.25;
  border: 1px solid transparent;
}
.badge-ok { background: #ecfdf5; color: var(--ok); border-color: #a7f3d0; }
.badge-warn { background: #fffbeb; color: var(--warn); border-color: #fde68a; }
.badge-bad { background: #fef2f2; color: var(--bad); border-color: #fecaca; }
.badge-info { background: #eff6ff; color: var(--info); border-color: #bfdbfe; }
.badge-muted { background: #f1f5f9; color: #475569; border-color: #e2e8f0; }

.flash {
  border-radius: var(--card-radius);
  padding: var(--space-3) var(--space-4);
  margin-bottom: var(--space-3);
  font-weight: 650;
  font-size: var(--font-base);
}
.flash-ok { background: #ecfdf5; color: var(--ok); border: 1px solid #a7f3d0; }
.flash-err { background: #fef2f2; color: var(--bad); border: 1px solid #fecaca; }

.sandbox-test-banner {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 16px;
  margin: 0 0 var(--space-4);
  padding: 12px 16px;
  border-radius: var(--card-radius);
  border: 2px solid #f59e0b;
  background: linear-gradient(180deg, #fffbeb 0%, #ffedd5 100%);
  color: #9a3412;
  font-weight: 700;
  letter-spacing: .01em;
}
.sandbox-test-banner span {
  font-weight: 600;
  opacity: .92;
}
.sandbox-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (max-width: 900px) {
  .sandbox-split { grid-template-columns: 1fr; }
}
.sandbox-test-label {
  position: relative;
  overflow: hidden;
}
.sandbox-test-label__watermark {
  position: absolute;
  inset: 20% auto auto 5%;
  transform: rotate(-18deg);
  font-size: 2rem;
  font-weight: 800;
  color: rgba(180, 83, 9, 0.18);
  pointer-events: none;
  white-space: nowrap;
  z-index: 0;
}
.sandbox-test-label > * { position: relative; z-index: 1; }

.global-debug-banner {
  background: #7f1d1d;
  color: #fff;
  padding: 10px 18px;
  font-weight: 700;
  letter-spacing: .02em;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  align-items: baseline;
  border-bottom: 3px solid #fca5a5;
  position: sticky;
  top: 0;
  z-index: 50;
}
.global-debug-banner span {
  font-weight: 500;
  opacity: .95;
}

.tabs {
  display: flex;
  gap: var(--space-1);
  flex-wrap: wrap;
  margin-bottom: var(--space-4);
  border-bottom: 1px solid var(--line);
  padding-bottom: 0;
}
.tabs a {
  padding: var(--tab-pad-y) var(--tab-pad-x);
  min-height: 40px;
  border-radius: var(--control-radius) var(--control-radius) 0 0;
  border: 1px solid transparent;
  border-bottom: none;
  background: transparent;
  color: var(--muted);
  font-weight: 700;
  font-size: var(--font-sm);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: relative;
  top: 1px;
}
.tabs a:hover { color: var(--ink); text-decoration: none; background: rgba(255,255,255,0.55); }
.tabs a.active {
  background: #fff;
  border-color: var(--line);
  color: var(--ink);
  box-shadow: 0 -1px 0 #fff inset;
}
.tabs--dense a {
  padding: 9px 13px;
  min-height: 38px;
}
.tab-dot {
  width: 8px; height: 8px; border-radius: 50%; display: inline-block;
  flex-shrink: 0;
}
.tab-dot--ok { background: var(--ok); }
.tab-dot--warn { background: var(--warn); }
.tab-dot--info { background: var(--info); }
.tab-count {
  font-size: var(--font-xs);
  font-weight: 700;
  color: var(--muted);
  background: #eef3f5;
  border-radius: 999px;
  padding: 1px 7px;
  line-height: 1.4;
}
.tabs a.active .tab-count { background: #e8eef1; color: var(--ink); }

.kv {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: var(--space-2) var(--space-3);
  font-size: var(--font-base);
}
.kv dt { color: var(--muted); font-weight: 650; }
.kv dd { margin: 0; }

.mono { font-family: var(--mono); font-size: var(--font-sm); }
.muted { color: var(--muted); }
.pill-row { display: flex; gap: var(--space-2); flex-wrap: wrap; margin: var(--space-2) 0 0; }

.auth-body {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: var(--space-5);
  background:
    radial-gradient(800px 400px at 20% 0%, rgba(15,118,110,.22), transparent 60%),
    linear-gradient(160deg, #10232c, #1a3642 50%, #0f1c24);
}
.auth-card {
  width: min(420px, 100%);
  background: #fff;
  border-radius: 18px;
  padding: var(--space-6);
  box-shadow: 0 20px 50px rgba(0,0,0,.25);
}
.auth-card h1 { margin: 0 0 6px; font-size: 1.6rem; }
.auth-card p { margin: 0 0 18px; color: var(--muted); }

.stat {
  background: linear-gradient(180deg, #fff, #f7fafb);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: var(--space-4);
}
.stat strong { display: block; font-size: var(--font-lg); }
.stat span { color: var(--muted); font-size: var(--font-sm); }

.mode-banner {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  border-radius: 999px;
  background: #fff7ed;
  color: #9a3412;
  border: 1px solid #fdba74;
  font-size: var(--font-xs);
  font-weight: 700;
  line-height: 1.3;
}
.mode-banner--live {
  background: #ecfdf5;
  color: var(--ok);
  border-color: #a7f3d0;
}

.diag-grid { margin-top: var(--space-2); }

.audit-detail {
  border: 1px solid var(--line);
  border-radius: var(--card-radius);
  padding: var(--space-4) 18px;
  background: var(--panel-solid);
}
.audit-detail-head {
  display: flex;
  justify-content: space-between;
  gap: var(--space-3);
  align-items: flex-start;
  margin-bottom: var(--space-3);
}
.audit-block {
  margin-top: var(--space-3);
  border: 1px solid var(--line);
  border-radius: var(--control-radius);
  padding: var(--space-2) var(--space-3);
  background: #fbfdfe;
}
.audit-block summary {
  cursor: pointer;
  font-weight: 700;
}
.audit-json {
  margin: var(--space-3) 0 0;
  padding: var(--space-3);
  background: #0f1c24;
  color: #dbeafe;
  border-radius: var(--control-radius);
  overflow: auto;
  max-height: 360px;
  font-family: var(--mono);
  font-size: var(--font-sm);
  line-height: 1.45;
}

table.data.compact td, table.data.compact th {
  padding: 9px 10px;
  font-size: var(--font-table);
}

/* —— Order workspace —— */
.order-shell {
  width: 100%;
  max-width: none;
}
.order-header {
  display: flex;
  justify-content: space-between;
  gap: var(--space-4);
  align-items: flex-start;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--card-radius);
  padding: 14px 18px;
  margin-bottom: var(--space-3);
  box-shadow: var(--shadow);
  position: sticky;
  top: 0;
  z-index: 20;
}
.order-header__main {
  min-width: 0;
  flex: 1 1 auto;
}
.order-header__title-row {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  flex-wrap: wrap;
}
.order-header h1 {
  margin: 0;
  font-size: var(--font-xl);
  letter-spacing: -0.02em;
  font-weight: 750;
  line-height: 1.2;
}
.order-header__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
  align-items: center;
  margin-top: 10px;
  font-size: var(--font-sm);
}
.order-header__sep {
  width: 1px;
  height: 16px;
  background: var(--line);
  margin: 0 2px;
  flex-shrink: 0;
}
.order-header__fact {
  color: var(--ink);
  font-size: var(--font-sm);
}
.order-header__fact strong {
  font-size: var(--font-md);
  font-weight: 750;
}
/* Bestellbearbeitung DTC badge only — do not enlarge global .badge */
.order-header__meta .badge.order-dtc {
  font-size: var(--font-sm);
  padding: 5px 11px;
  font-weight: 720;
  letter-spacing: 0.01em;
  border-width: 1.5px;
}
.order-header__meta .badge.order-dtc.badge-info {
  background: #dbeafe;
  color: #1e40af;
  border-color: #93c5fd;
}
.order-header__meta .badge.order-dtc.badge-ok {
  background: #d1fae5;
  color: #065f46;
  border-color: #6ee7b7;
}
.order-header__meta .badge.order-dtc.badge-warn {
  background: #fef3c7;
  color: #92400e;
  border-color: #fcd34d;
}
.order-header__actions {
  display: flex;
  gap: var(--space-2);
  flex-wrap: wrap;
  align-items: flex-start;
  flex-shrink: 0;
}

.overflow-menu { position: relative; }
.overflow-menu > summary {
  list-style: none;
  min-width: var(--control-height);
  min-height: var(--control-height);
}
.overflow-menu > summary::-webkit-details-marker { display: none; }
.overflow-menu__panel {
  position: absolute;
  right: 0;
  top: calc(100% + 4px);
  min-width: 220px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--control-radius);
  box-shadow: var(--shadow-strong);
  padding: 6px;
  z-index: 30;
}
.overflow-menu__panel a,
.overflow-menu__panel button {
  display: block;
  width: 100%;
  text-align: left;
  background: none;
  border: 0;
  padding: 10px 12px;
  border-radius: 6px;
  font: inherit;
  font-weight: 650;
  color: var(--ink);
  cursor: pointer;
  text-decoration: none;
  min-height: var(--control-height-sm);
}
.overflow-menu__panel a:hover,
.overflow-menu__panel button:hover { background: #f1f5f7; }

.op-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.85fr);
  gap: var(--space-3);
  align-items: start;
}
.op-grid--overview {
  grid-template-columns: minmax(0, 1.7fr) minmax(320px, 0.9fr);
  gap: var(--space-3);
}
.op-main { display: flex; flex-direction: column; gap: 0; min-width: 0; }
.op-side { display: flex; flex-direction: column; gap: 0; min-width: 0; }
.info-grid { margin-top: 2px; }
.activity-snip {
  font-size: var(--font-base);
  line-height: 1.4;
  display: grid;
  gap: 8px;
  min-width: 0;
}
.activity-snip__meta {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 8px 12px;
  align-items: center;
  min-width: 0;
}
.activity-snip__time {
  font-size: var(--font-xs);
  color: var(--muted);
  white-space: nowrap;
}
.activity-snip__who {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
  font-size: var(--font-sm);
}
.activity-snip__actor {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.activity-snip__headline {
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: var(--font-md);
  font-weight: 650;
}

/* Übersicht: compact latest-activity preview (max 6) */
.activity-preview {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
}
.activity-preview__item {
  padding: 8px 0;
  border-bottom: 1px solid var(--line);
  min-width: 0;
}
.activity-preview__item:last-child {
  border-bottom: 0;
  padding-bottom: 2px;
}
.activity-preview__meta {
  margin-bottom: 2px;
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.activity-preview__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px 10px;
  align-items: start;
}
.activity-preview__headline {
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: var(--font-base);
  font-weight: 650;
  line-height: 1.35;
}
.activity-preview__sync {
  justify-self: end;
  white-space: nowrap;
  font-size: var(--font-xs);
  padding: 2px 8px;
}
.activity-preview__footer {
  margin-top: var(--space-2);
  padding-top: var(--space-2);
  border-top: 1px solid var(--line);
}

.addr-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-4);
}
.addr-block__head {
  display: flex; align-items: center; gap: var(--space-2); margin-bottom: 8px;
}
.addr-block__head strong { font-size: var(--font-sm); }
.addr-read { font-size: var(--font-base); line-height: 1.5; }
.addr-extra { color: var(--muted); font-size: var(--font-sm); }

.link-action {
  font-size: var(--font-sm);
  font-weight: 700;
  color: var(--accent);
  text-decoration: none;
}
.link-action:hover { text-decoration: underline; }

.field-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-2) var(--space-3);
}
.form-actions { display: flex; gap: var(--space-2); flex-wrap: wrap; margin-top: var(--space-3); }
.check-inline {
  display: flex !important; gap: var(--space-2); align-items: center;
  font-weight: 650; margin-bottom: var(--space-2); font-size: var(--font-sm);
}
.edit-form { margin-top: var(--space-1); }
.tight { margin: 0 0 var(--space-2); }
.hint.tight { margin: 6px 0 0; }
.tiny { font-size: var(--font-xs); }
.label-tiny {
  font-size: var(--font-th); text-transform: uppercase; letter-spacing: 0.04em;
  color: var(--muted); font-weight: 700; margin-bottom: 4px;
}
.empty-state {
  margin: var(--space-2) 0;
  color: var(--muted);
  font-size: var(--font-base);
  padding: var(--space-4);
  background: #f7fafb;
  border-radius: var(--control-radius);
  border: 1px dashed var(--line);
  text-align: center;
}

.doc-row { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.doc-btn {
  display: inline-flex; align-items: center;
  min-height: var(--control-height-sm);
  padding: 6px 12px;
  border: 1px solid var(--line);
  border-radius: var(--control-radius);
  background: #f8fbfc;
  color: var(--ink);
  font-weight: 700;
  font-size: var(--font-sm);
  text-decoration: none;
}
.doc-btn:hover { background: #eef5f6; text-decoration: none; }

.finance-summary { display: flex; flex-direction: column; gap: 4px; }
.finance-row {
  display: flex; justify-content: space-between; gap: var(--space-3);
  font-size: var(--font-base); padding: 5px 0;
}
.finance-row--total {
  border-top: 1px solid var(--line);
  margin-top: 4px; padding-top: 10px;
  font-size: var(--font-md);
  font-weight: 700;
}
.finance-edit-row {
  display: grid;
  grid-template-columns: 1fr 100px auto auto;
  gap: var(--space-2);
  align-items: center;
  margin-bottom: var(--space-2);
  padding-bottom: var(--space-2);
  border-bottom: 1px solid var(--line);
}

.totals-editor {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
}
.totals-editor__row,
.totals-editor__add-fields {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(6.5rem, 0.7fr) max-content auto;
  gap: var(--space-2);
  align-items: end;
  padding: 8px 0;
  border-bottom: 1px solid var(--line);
}
.totals-editor__row--total .totals-editor__field input {
  font-weight: 700;
}
.totals-editor__field {
  margin: 0;
  min-width: 0;
}
.totals-editor__field input {
  min-height: var(--control-height-sm);
  padding: 6px 10px;
}
.totals-editor__field--value input {
  font-variant-numeric: tabular-nums;
  text-align: right;
}
.totals-editor__currency {
  padding-bottom: 8px;
  white-space: nowrap;
}
.totals-editor__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
  padding-bottom: 2px;
}
.totals-editor__add {
  margin-top: var(--space-2);
  padding-top: var(--space-2);
}
.totals-editor__add-title {
  font-size: var(--font-sm);
  font-weight: 700;
  margin-bottom: 6px;
}
.totals-editor__add-fields {
  border-bottom: 0;
  padding-top: 0;
}

.write-confirm {
  background: #f7fafb;
  border: 1px solid var(--line);
  border-radius: var(--control-radius);
  padding: var(--space-2) var(--space-3);
  margin: var(--space-2) 0;
  font-size: var(--font-sm);
}
.write-confirm--compact { padding: 6px 8px; margin: 6px 0; }
.write-confirm__mode { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.write-confirm__label {
  font-size: var(--font-th); text-transform: uppercase; letter-spacing: 0.04em;
  color: var(--muted); font-weight: 700; margin-right: 4px;
}
.write-confirm__opt {
  display: inline-flex !important; gap: 5px; align-items: center;
  font-weight: 650; margin: 0; font-size: var(--font-sm);
}
.write-confirm__opt.is-disabled { opacity: 0.45; }
.write-confirm__preview {
  margin-top: 6px; padding-top: 6px; border-top: 1px dashed var(--line);
}
.write-confirm__preview code {
  display: block; margin-top: 2px;
  font-family: var(--mono); font-size: var(--font-xs);
  background: #fff; border: 1px solid var(--line);
  border-radius: 6px; padding: 6px 8px;
}

.payment-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
}
.payment-postfinance {
  margin-top: var(--space-4);
  padding-top: var(--space-4);
  border-top: 1px solid var(--line);
}
.panel-head--sub {
  margin-bottom: var(--space-3);
  padding-bottom: 0;
  border: 0;
}
.panel-head--sub h3 {
  margin: 0;
  font-size: var(--font-md);
  font-weight: 750;
}
.payment-link-meta { margin-bottom: var(--space-3); }
.payment-link-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.payment-value {
  font-size: var(--font-md);
  font-weight: 700;
  line-height: 1.35;
}
.confirm-box {
  margin-top: var(--space-4);
  border: 1px solid var(--line);
  border-radius: var(--control-radius);
  padding: var(--space-4);
  background: #fbfdfe;
}
.confirm-box h3 { margin: 0 0 var(--space-2); font-size: var(--font-lg); }

.row-edit-form, .inline-qty {
  display: flex; flex-wrap: wrap; gap: 6px; align-items: center;
}
.inline-qty input[type="number"] {
  width: 4.5rem;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.actions { white-space: nowrap; }

.dtc-workflow { border-left: 3px solid var(--accent); }
.dtc-status-card {
  display: grid;
  grid-template-columns: minmax(220px, 1.1fr) minmax(200px, 1fr) minmax(180px, 0.9fr);
  gap: var(--space-3);
  align-items: start;
}
.dtc-status-card__left {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  min-width: 0;
}
.dtc-status-card__icon {
  width: 44px; height: 44px; border-radius: 10px;
  display: grid; place-items: center;
  background: #eff6ff; color: var(--accent); flex-shrink: 0;
}
.dtc-status-card__actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.dtc-status-card__center { min-width: 0; }
.dtc-status-card__helper { margin: 6px 0 0; }
.dtc-status-card__right { justify-content: flex-end; }
.dtc-status-label { font-size: 1.05rem; font-weight: 750; line-height: 1.25; }
.dtc-next-value { font-size: 1rem; font-weight: 700; color: var(--accent); line-height: 1.3; }
.dtc-badges { display: flex; flex-wrap: wrap; gap: 6px; align-content: flex-start; max-width: 100%; }
.dtc-section { margin-top: var(--space-3); }
.dtc-section--vehicles { margin-top: var(--space-3); }
.dtc-section--positions { margin-top: var(--space-3); }
.dtc-fza-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-bottom: var(--space-3);
  padding-bottom: var(--space-3);
  border-bottom: 1px solid var(--line);
}
@media (max-width: 960px) {
  .dtc-status-card { grid-template-columns: 1fr; }
  .dtc-status-card__right { justify-content: flex-start; }
}
.problem-box {
  background: #fffbeb;
  border: 1px solid #fde68a;
  color: #92400e;
  border-radius: var(--control-radius);
  padding: var(--space-3) var(--space-4);
  margin-bottom: var(--space-3);
  font-size: var(--font-base);
}
.problem-box ul { margin: 6px 0 0; padding-left: 18px; }
.field--readonly .readonly-value {
  padding: 8px 12px;
  min-height: var(--input-height);
  display: flex;
  align-items: center;
  background: #f1f5f7;
  border-radius: 6px;
  font-size: var(--font-base);
}
.dtc-actions { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-bottom: var(--space-2); }
.dtc-shipping-panel { margin-top: var(--space-3); }
.dtc-webstamp-strip {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  margin-bottom: var(--space-3);
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
  border-radius: var(--control-radius);
}
.dtc-gutachten-global {
  margin-bottom: var(--space-3);
  padding: var(--space-3) var(--space-4);
  background: #f8fafc;
  border: 1px solid var(--line);
  border-radius: var(--control-radius);
}
.dtc-ship-table .input-compact {
  width: 100%;
  min-width: 90px;
  max-width: 140px;
  padding: 6px 8px;
  font-size: var(--font-sm);
}
.dtc-ship-table tr.is-done { background: #f0fdf4; }
.dtc-brief-cell { white-space: nowrap; }
.dtc-brief-cell .link-action { margin-left: 6px; }
.dtc-webstamp-choice {
  margin: var(--space-3) 0;
  padding: var(--space-3) var(--space-4);
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: var(--control-radius);
}
.dtc-radio {
  display: block;
  margin-top: 6px;
  font-size: var(--font-base);
  cursor: pointer;
}
.dtc-ship-fields { align-items: end; flex-wrap: wrap; margin-top: var(--space-3); }
.dtc-confirm-check { display: flex; align-items: center; gap: var(--space-2); font-size: var(--font-base); }
.admin-detail {
  margin-top: var(--space-2);
  font-size: var(--font-sm);
  color: var(--muted);
}
.admin-detail summary { cursor: pointer; font-weight: 700; }
.admin-detail code {
  display: inline-block; margin-top: 6px;
  padding: 4px 8px; background: #f1f5f7; border-radius: 6px;
}

/* Historie shell: compact default; scales via --hist-* tokens at large breakpoints */
:root {
  --hist-shell-max: 1240px;
  --hist-layout-timeline: 1.85fr;
  --hist-layout-sidebar: 1fr;
  --hist-sidebar-min: 280px;
  --hist-layout-gap: var(--space-3);
  --hist-sidebar-gap: var(--space-3);
  --hist-row-pad-y: 8px;
  --hist-row-pad-x-start: 10px;
  --hist-row-pad-x-end: 14px;
  --hist-card-pad-y: 14px;
  --hist-card-pad-x: var(--card-pad-x);
  --hist-font-title: var(--font-lg);
  --hist-font-row: var(--font-sm);
  --hist-font-meta: var(--font-xs);
  --hist-font-label: var(--font-xs);
  --hist-control-height: 34px;
  --hist-btn-height: var(--control-height-sm);
}
.hist-shell {
  width: 100%;
  max-width: var(--hist-shell-max);
  margin: 0; /* left-align with order header / tabs (no centered island) */
}
.hist-panel {
  margin-bottom: 0;
}
.hist-panel.panel--dense,
.hist-sidebar-card.panel--dense {
  padding: var(--hist-card-pad-y) var(--hist-card-pad-x);
}
.hist-panel .panel-head h2,
.hist-sidebar-card .panel-head h2 {
  font-size: var(--hist-font-title);
}
.link-action--compact {
  font-size: var(--font-sm);
  margin-left: 4px;
}
.hist-layout {
  display: grid;
  grid-template-columns: minmax(0, var(--hist-layout-timeline)) minmax(var(--hist-sidebar-min), var(--hist-layout-sidebar));
  gap: var(--hist-layout-gap);
  align-items: start;
}
.hist-panel--timeline {
  min-width: 0;
}
.timeline { display: flex; flex-direction: column; gap: 0; }
.timeline--flat { gap: 0; }
.timeline--compact {
  border: 1px solid var(--line);
  border-radius: var(--control-radius);
  background: #fff;
  overflow: hidden;
}
.timeline--rail {
  position: relative;
}
.hist-row--rail {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 0 12px;
  align-items: stretch;
  padding: var(--hist-row-pad-y) var(--hist-row-pad-x-end) var(--hist-row-pad-y) var(--hist-row-pad-x-start);
  border-bottom: 1px solid var(--line);
  min-width: 0;
  transition: background 0.12s ease;
}
.hist-row--rail:hover { background: #f7fafb; }
.hist-row--rail:last-child { border-bottom: 0; }
.hist-rail {
  position: relative;
  display: flex;
  justify-content: center;
  padding-top: 5px;
}
.hist-rail::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  transform: translateX(-50%);
  background: #dce3e8;
}
.hist-row--rail:first-child .hist-rail::before { top: 12px; }
.hist-row--rail:last-child .hist-rail::before { bottom: auto; height: 12px; }
.hist-dot {
  position: relative;
  z-index: 1;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #94a3b8;
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px #cbd5e1;
  flex-shrink: 0;
}
.hist-dot--erp {
  background: #16a34a;
  box-shadow: 0 0 0 1px rgba(22, 163, 74, 0.35);
}
.hist-dot--shop {
  background: #2563eb;
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.35);
}
.hist-dot--system {
  background: #94a3b8;
  box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.45);
}
.hist-row__main { min-width: 0; }
.hist-row__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  min-width: 0;
}
.hist-row__sync {
  margin-left: auto;
  flex-shrink: 0;
}
.hist-row__body {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 8px;
  margin-top: 2px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.hist-time {
  font-size: var(--hist-font-meta);
  color: var(--muted);
  white-space: nowrap;
}
.hist-actor {
  font-size: var(--hist-font-row);
  font-weight: 600;
  color: var(--text);
  line-height: 1.25;
}
.hist-actor--system {
  color: var(--muted);
  font-weight: 600;
}
.hist-status {
  font-weight: 700;
  color: var(--text);
  font-size: var(--hist-font-row);
}
.hist-msg {
  color: var(--text-secondary, #4a5560);
  font-weight: 400;
  font-size: var(--hist-font-row);
}
.hist-sync-badge {
  font-size: var(--hist-font-meta);
  white-space: nowrap;
}
.hist-sidebar {
  display: flex;
  flex-direction: column;
  gap: var(--hist-sidebar-gap);
  min-width: 0;
}
.hist-sidebar-card .panel-head { margin-bottom: var(--space-2); }
.hist-sidebar-kv {
  margin: 0 0 var(--space-2);
  font-size: var(--hist-font-row);
  line-height: 1.35;
}
.hist-sidebar-kv .label-tiny {
  font-size: var(--hist-font-label);
}
.hist-notes-list {
  max-height: 200px;
  overflow-y: auto;
  margin-bottom: var(--space-2);
}
.note-item--compact {
  padding: 8px 0;
  font-size: var(--hist-font-row);
}
.note-item--compact:last-child { border-bottom: 0; }
.edit-form--compact.hist-form { margin-top: 0; }
.edit-form--compact .field--compact {
  margin-bottom: var(--space-2);
}
.edit-form--compact .field--compact label {
  font-size: var(--hist-font-label);
  font-weight: 650;
  margin-bottom: 4px;
}
.edit-form--compact .field--compact input,
.edit-form--compact .field--compact select,
.edit-form--compact .field--compact textarea {
  min-height: var(--hist-control-height);
  padding: 6px 10px;
  font-size: var(--hist-font-row);
}
.edit-form--compact .field--compact textarea {
  min-height: 72px;
  padding-top: 8px;
}
.hist-form .form-actions--compact .btn-sm {
  min-height: var(--hist-btn-height);
}
.form-actions--compact {
  margin-top: var(--space-2);
  padding-top: 0;
}
.write-confirm__preview--compact {
  margin: var(--space-2) 0;
  padding: 8px 10px;
  font-size: var(--hist-font-row);
  background: #f8fafb;
  border: 1px dashed var(--line);
  border-radius: 6px;
}
.tl-item {
  border-bottom: 1px solid var(--line);
  padding: 0;
}
.tl-item > summary {
  list-style: none;
  display: grid;
  grid-template-columns: max-content minmax(0, max-content) minmax(0, 1fr) auto;
  gap: 10px 14px;
  align-items: center;
  padding: 11px 6px;
  cursor: pointer;
  font-size: var(--font-base);
  min-width: 0;
}
.tl-item > summary::-webkit-details-marker { display: none; }
.tl-item > summary:hover { background: #f7fafb; }
.tl-time {
  font-family: var(--mono);
  font-size: var(--font-xs);
  color: var(--muted);
  white-space: nowrap;
  grid-column: 1;
}
.tl-who {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
  font-size: var(--font-sm);
  grid-column: 2;
  min-width: 0;
}
.tl-action {
  min-width: 0;
  grid-column: 3;
  overflow-wrap: anywhere;
  font-size: var(--font-base);
}
.tl-action strong {
  font-weight: 700;
}
.tl-item > summary > .badge {
  grid-column: 4;
  justify-self: end;
  white-space: nowrap;
}
.tl-msg { color: var(--muted); margin-left: 0; }
.tl-detail {
  padding: 6px 10px 12px 14px;
  background: #fbfdfe;
  border-top: 1px dashed var(--line);
}
.note-item {
  border-bottom: 1px solid var(--line);
  padding: 10px 0;
  font-size: var(--font-base);
}

.kv--compact {
  grid-template-columns: 120px 1fr;
  gap: 6px 12px;
  font-size: var(--font-sm);
}

/* Large desktop: slightly more breathing room, still dense ERP */
@media (min-width: 1440px) {
  :root {
    --hist-shell-max: 1400px;
    --hist-sidebar-min: 300px;
    --hist-layout-timeline: 1.75fr;
    --hist-layout-sidebar: 1.08fr;
  }
}

@media (min-width: 1600px) {
  :root {
    --page-max-width: 1720px;
    --page-pad-x: 28px;
    --font-base: 1rem;       /* 16px */
    --font-lg: 1.125rem;     /* 18px */
    --font-xl: 1.375rem;     /* 22px */
    --card-pad-y: 18px;
    --card-pad-x: 20px;
    --table-row-pad-y: 11px;
    /* Historie: scale shell + modest type/spacing bump */
    --hist-shell-max: 1540px;
    --hist-sidebar-min: 320px;
    --hist-layout-timeline: 1.7fr;
    --hist-layout-sidebar: 1.12fr;
    --hist-layout-gap: var(--space-4);
    --hist-sidebar-gap: var(--space-4);
    --hist-row-pad-y: 10px;
    --hist-row-pad-x-start: 12px;
    --hist-row-pad-x-end: 16px;
    --hist-card-pad-y: 16px;
    --hist-card-pad-x: 20px;
    --hist-font-title: 1.125rem;   /* 18px */
    --hist-font-row: 0.9375rem;    /* 15px */
    --hist-font-meta: 0.84375rem;  /* 13.5px */
    --hist-font-label: 0.8125rem;  /* 13px */
    --hist-control-height: 36px;
    --hist-btn-height: 36px;
  }
  .op-grid--overview {
    grid-template-columns: minmax(0, 1.75fr) minmax(340px, 0.85fr);
  }
}

@media (min-width: 1920px) {
  :root {
    --page-max-width: 1750px;
    --hist-shell-max: 1700px;
    --hist-sidebar-min: 340px;
    --hist-layout-timeline: 1.65fr;
    --hist-layout-sidebar: 1.15fr;
  }
}

@media (min-width: 2560px) {
  :root {
    --hist-shell-max: 1750px;
    --hist-sidebar-min: 360px;
  }
}

/* Laptop / mid widths */
@media (max-width: 1440px) {
  :root {
    --page-max-width: 1600px;
    --page-pad-x: 20px;
  }
}

@media (max-width: 1280px) {
  :root {
    --sidebar-width: 230px;
    --page-pad-x: 16px;
    --font-base: 0.9375rem; /* 15px */
    --font-xl: 1.25rem;
    --control-height: 38px;
    --input-height: 38px;
  }
}

@media (max-width: 1100px) {
  .op-grid, .op-grid--overview, .hist-layout, .dtc-status-card, .payment-grid, .addr-pair { grid-template-columns: 1fr; }
  .item-edit-grid { grid-template-columns: 1fr 1fr; }
  .field-row--4, .field-row--item-edit { grid-template-columns: 1fr 1fr; }
  .totals-editor__row,
  .totals-editor__add-fields {
    grid-template-columns: 1fr 1fr;
  }
  .totals-editor__currency,
  .totals-editor__actions {
    grid-column: 1 / -1;
  }
  .hist-row__sync {
    margin-left: 0;
    width: 100%;
  }
  .activity-snip__meta {
    grid-template-columns: max-content 1fr;
  }
  .activity-preview__meta {
    white-space: normal;
  }
  .activity-preview__body {
    grid-template-columns: minmax(0, 1fr);
  }
  .activity-preview__sync {
    justify-self: start;
  }
  .tl-item > summary {
    grid-template-columns: max-content 1fr;
    grid-template-areas:
      "time who"
      "action action"
      "sync sync";
    align-items: start;
  }
  .tl-time { grid-area: time; }
  .tl-who { grid-area: who; justify-self: end; text-align: right; }
  .tl-action { grid-area: action; }
  .tl-item > summary > .badge { grid-area: sync; justify-self: start; }
  .order-header { position: static; }
  .order-header__actions { width: 100%; }
}

@media (max-width: 960px) {
  /* Mobile shell: content full-width; sidebar becomes off-canvas drawer. */
  .app-shell {
    grid-template-columns: minmax(0, 1fr);
    overflow-x: hidden;
  }
  .main {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    min-width: 0;
    padding: 14px;
  }
  .page-shell {
    width: 100%;
    max-width: 100%;
  }
  .mobile-topbar {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: -14px -14px 14px;
    padding: 10px 12px;
    background: linear-gradient(180deg, var(--bg0), var(--bg1));
    color: #e8eef1;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    position: sticky;
    top: 0;
    z-index: 40;
  }
  .mobile-topbar__brand {
    font-weight: 700;
    font-size: var(--font-lg);
    letter-spacing: 0.01em;
  }
  .nav-toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 8px 12px;
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: var(--control-radius);
    background: rgba(15, 118, 110, 0.28);
    color: #fff;
    font: inherit;
    font-weight: 650;
    cursor: pointer;
  }
  .nav-toggle__bars {
    display: block;
    width: 18px;
    height: 12px;
    background:
      linear-gradient(#fff, #fff) 0 0 / 100% 2px no-repeat,
      linear-gradient(#fff, #fff) 0 5px / 100% 2px no-repeat,
      linear-gradient(#fff, #fff) 0 10px / 100% 2px no-repeat;
  }
  .nav-backdrop {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 90;
    background: rgba(15, 28, 36, 0.48);
    border: 0;
    padding: 0;
    margin: 0;
  }
  .nav-backdrop[hidden] {
    display: none !important;
    pointer-events: none;
  }
  .sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: min(300px, 86vw);
    max-width: 100%;
    z-index: 100;
    transform: translateX(-105%);
    transition: transform 0.2s ease;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-shadow: none;
  }
  body.nav-open .sidebar {
    transform: translateX(0);
    box-shadow: 8px 0 28px rgba(0, 0, 0, 0.28);
  }
  body.nav-open {
    overflow: hidden;
  }
  .sidebar-mobile-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: -8px 0 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255,255,255,0.10);
  }
  .nav-close-btn {
    min-height: 36px;
    padding: 6px 10px;
    border-radius: var(--control-radius);
    border: 1px solid rgba(255,255,255,0.18);
    background: transparent;
    color: #e8eef1;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
  }
  .grid-2, .grid-3, .field-row, .field-row--4, .field-row--item-edit, .field-grid { grid-template-columns: 1fr; }
  .kv, .kv--compact { grid-template-columns: 1fr; }
  .finance-edit-row { grid-template-columns: 1fr; }
  .tabs a {
    min-height: 36px;
    padding: 8px 12px;
  }
  /* Responsive compaction independent of user Darstellung preference. */
  html {
    font-size: calc(15px * var(--ui-scale, 1.05));
  }
  .table-wrap,
  .table-scroll,
  .za-table-wrap,
  .tx-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .op-grid, .op-grid--overview, .hist-layout, .dtc-status-card, .payment-grid, .addr-pair,
  .vehicle-card__grid, .item-edit-grid {
    grid-template-columns: 1fr;
  }
  .topbar {
    flex-direction: column;
    align-items: flex-start;
  }
  .topbar-actions {
    width: 100%;
  }
  .btn, .za1-btn {
    max-width: 100%;
  }
}

.vehicle-cards { display: grid; gap: 14px; margin-top: 8px; grid-template-columns: 1fr; }
.vehicle-card {
  border: 1px solid var(--border, #e2e8f0);
  border-radius: 10px;
  padding: 14px 16px;
  background: #fff;
}
.vehicle-card__head { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 12px; }
.vehicle-card__grid {
  display: grid;
  grid-template-columns: minmax(200px, 0.9fr) minmax(280px, 1.4fr);
  gap: 16px;
  align-items: start;
}
.vehicle-card__kv { margin: 0; }
.vehicle-card__actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.vehicle-card__main { min-width: 0; display: grid; gap: 14px; }
.vehicle-card__docs {
  padding-top: 12px;
  border-top: 1px solid #eef0f3;
}
.vehicle-doc {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 6px;
  padding: 12px;
  border-radius: 8px;
  background: #f8fafc;
  border: 1px solid #e5e7eb;
}
.vehicle-doc--empty { align-items: center; }
.vehicle-doc--meta { align-items: center; }
.vehicle-doc__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(120px, 1fr));
  gap: 12px 16px;
  min-width: 0;
  flex: 1;
}
.vehicle-doc__filename { font-weight: 600; word-break: break-all; }
.vehicle-doc__actions { display: flex; flex-wrap: wrap; gap: 6px; }
.vehicle-card__panel {
  margin-top: 12px;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #dbeafe;
  background: #f8fbff;
}
.vehicle-card__panel--danger { border-color: #fecaca; background: #fff7f7; }
.vehicle-card__panel--standalone { margin-top: 14px; }
.vehicle-card__panel-title { margin: 0 0 10px; font-size: 0.95rem; font-weight: 700; }
.vehicle-card__danger { color: #b91c1c; border-color: #fecaca; }
.vehicle-card__actions .vehicle-card__danger { margin-left: 4px; }
.dtc-doc-block { margin-bottom: 14px; }
.dtc-doc-block--history { margin-top: 16px; padding-top: 12px; border-top: 1px solid #eef0f3; }
.dtc-doc-block .actions { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.chip-list { list-style: none; padding: 0; margin: 6px 0 0; display: flex; flex-wrap: wrap; gap: 6px; }
.chip-list .chip {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 8px; border-radius: 999px; background: var(--surface, #fff);
  border: 1px solid var(--border, #e2e8f0); font-size: 12px;
}
.check-list { list-style: none; padding: 0; margin: 8px 0; }
.check-list li { margin: 4px 0; }
.stack-form .field-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; }

/* ERP product cards (DTC vehicle positions) */
.erp-product-cards { display: grid; gap: 10px; margin-top: 8px; }
.erp-product-card {
  display: flex; gap: 12px; align-items: flex-start;
  padding: 10px 12px; border: 1px solid #e5e7eb; border-radius: 10px; background: #fff;
}
.erp-product-card__media {
  width: 72px; height: 72px; flex-shrink: 0; border-radius: 8px; overflow: hidden;
  background: #f3f4f6; border: 1px solid #eceef2;
}
.erp-product-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.erp-product-card--placeholder .erp-product-card__media { background: #f3f4f6; }
.erp-product-card__body { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.erp-product-card__sku { font-size: 0.78rem; font-weight: 700; color: #9ca3af; }
.erp-product-card__title { font-size: 0.92rem; font-weight: 700; line-height: 1.3; }
.erp-product-card__subtitle { font-size: 0.82rem; color: #6b7280; line-height: 1.35; }
.erp-product-card__badge {
  align-self: flex-start; display: inline-flex; padding: 2px 8px; border-radius: 999px;
  background: #f3f4f6; color: #6b7280; font-size: 0.7rem; font-weight: 700; letter-spacing: .03em; text-transform: uppercase;
}

.versand-notify-settings {
  margin-top: 16px;
  max-width: none;
  width: 100%;
}
.versand-notify-settings__head { margin-bottom: 10px; }
.versand-notify-settings__head .hint { margin: 4px 0 0; color: #64748b; font-size: .88rem; }
.versand-notify-vars {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px;
  margin: 0 0 14px; padding: 8px 12px;
  background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px;
}
.versand-notify-vars__label {
  font-size: .72rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: .04em; color: #64748b;
}
.versand-notify-vars__chips { display: flex; flex-wrap: wrap; gap: 5px; }
.versand-var-chip {
  display: inline-block; padding: 2px 7px; border-radius: 999px;
  background: #fff; border: 1px solid #dbe3ee; color: #0f766e;
  font-size: .75rem; font-weight: 650;
}
.versand-notify-cards {
  display: grid; gap: 16px;
  grid-template-columns: 1fr;
}
@media (min-width: 1100px) {
  .versand-notify-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.versand-notify-card {
  background: #fff; border: 1px solid #dbe3ee; border-radius: 12px;
  padding: 16px 18px; box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}
.versand-notify-card__head {
  display: flex; justify-content: space-between; align-items: flex-start;
  gap: 12px; margin-bottom: 12px; padding-bottom: 12px;
  border-bottom: 1px solid #eef2f7;
}
.versand-notify-card__titles h3 {
  margin: 0; font-size: 1.08rem; font-weight: 750; color: #0f172a;
}
.versand-notify-card__tech {
  margin-top: 4px; font-size: .75rem; color: #94a3b8;
}
.versand-notify-card__tech summary {
  cursor: pointer; color: #94a3b8; font-weight: 600; list-style: none;
}
.versand-notify-card__tech summary::-webkit-details-marker { display: none; }
.versand-notify-card__tech code {
  display: inline-block; margin-top: 4px; font-size: .72rem; color: #64748b;
}
.versand-notify-card__toggle {
  display: inline-flex; align-items: center; gap: 8px; white-space: nowrap;
  font-size: .9rem; font-weight: 700; color: #0f172a;
  padding: 8px 12px; border: 1px solid #e2e8f0; border-radius: 8px; background: #f8fafc;
}
.versand-notify-card__toggle input { margin: 0; }
.versand-lang-tabs {
  display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 14px;
  padding: 4px; background: #f1f5f9; border-radius: 8px;
}
.versand-lang-tab {
  appearance: none; border: 1px solid transparent; background: transparent;
  color: #475569; border-radius: 6px; padding: 7px 14px;
  font-size: .86rem; font-weight: 700; cursor: pointer; line-height: 1.2;
}
.versand-lang-tab:hover { color: #0f172a; background: rgba(255,255,255,.7); }
.versand-lang-tab.is-active,
.versand-lang-tab[aria-selected="true"] {
  background: #fff; color: #0f172a; border-color: #dbe3ee;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .06);
}
.versand-lang-panels { position: relative; }
.versand-lang-panel { display: none; }
.versand-lang-panel.is-active,
.versand-lang-panel:not([hidden]) { display: block; }
.versand-lang-panel[hidden] { display: none !important; }
.versand-lang-panel .field { margin-bottom: 12px; }
.versand-lang-panel .field:last-child { margin-bottom: 0; }
.versand-lang-panel label {
  display: block; margin-bottom: 6px; font-size: .88rem; font-weight: 750; color: #1e293b;
}
.versand-lang-panel input[type=text],
.versand-lang-panel textarea {
  width: 100%; min-height: 42px; padding: 11px 13px;
  border: 1px solid #dbe3ee; border-radius: 8px; font: inherit; font-size: .98rem;
  background: #fff; color: #0f172a;
}
.versand-lang-panel textarea { min-height: 200px; resize: vertical; line-height: 1.5; }
.versand-notify-actions {
  display: flex; flex-wrap: wrap; gap: 8px; align-items: center;
  margin-top: 14px; padding-top: 4px;
}
.versand-notify-preview {
  margin-top: 14px; padding-top: 12px; border-top: 1px solid #eef2f7;
}
.versand-notify-preview__row {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 10px;
}
.versand-notify-preview__form {
  display: flex; flex-wrap: wrap; gap: 8px; align-items: end;
  padding: 8px 10px; border: 1px solid #e2e8f0; border-radius: 8px; background: #f8fafc;
}
.versand-notify-preview__form .field { margin: 0; flex: 1 1 140px; }
.versand-notify-preview__form .field > span {
  display: block; font-size: .72rem; font-weight: 700; color: #64748b; margin-bottom: 3px;
}
.versand-notify-preview-result {
  margin-top: 12px; padding: 10px 12px; border-radius: 8px;
  background: #f8fafc; border: 1px solid #e2e8f0;
}
.versand-notify-preview-result pre {
  margin: 0; white-space: pre-wrap; font-size: .82rem; line-height: 1.4;
}
@media (max-width: 700px) {
  .versand-notify-card__head { flex-direction: column; align-items: stretch; }
  .versand-notify-card__toggle { justify-content: flex-start; }
}

/* Versand tracking cards (order detail tab) */
.versand-panel__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }

/* Versand — mockup-aligned logistics desk */
.versand-page { display: grid; gap: 14px; }
.versand-page__header {
  display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; flex-wrap: wrap;
}
.versand-page__header h1 { margin: 0 0 2px; font-size: 1.55rem; letter-spacing: -.02em; color: #0f172a; }
.versand-page__header p { margin: 0; color: #64748b; font-size: .9rem; }
.versand-page__sync {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 7px 11px; border-radius: 8px; background: #f8fafc;
  border: 1px solid #e2e8f0; color: #475569; font-size: .84rem; font-weight: 550;
}
.versand-page__sync-icon { color: var(--accent); display: inline-flex; line-height: 0; }
.versand-ui-icon { display: block; flex-shrink: 0; }
.versand-breadcrumb { font-size: .82rem !important; margin-bottom: 4px !important; color: #64748b !important; }

.topbar--compact { margin-bottom: 8px; }
.topbar--compact h1 { margin-bottom: 2px; }
.topbar--compact p { margin: 0; font-size: .88rem; color: #64748b; }
.panel-head--tight { margin-bottom: 8px; align-items: baseline; }
.panel-head--tight h2 { font-size: 1.05rem; }
.versand-capture.panel--dense,
.versand-batch.panel--dense,
.versand-overview.panel--dense,
.versand-detail.panel--dense,
.versand-detail-history.panel--dense {
  padding: 14px 16px;
  margin-bottom: 0;
  border-radius: 12px;
  box-shadow: var(--shadow);
  border: 1px solid #e6eef2;
  background: #fff;
}
.versand-capture .field { margin-bottom: 0; }
.versand-capture-grid {
  display: grid;
  grid-template-columns: minmax(200px, 1.5fr) minmax(160px, 1.1fr) minmax(130px, .75fr) auto;
  gap: 8px 10px;
  align-items: end;
}
.versand-capture-grid .field > span {
  display: block; font-size: .78rem; font-weight: 750; color: #475569;
  text-transform: uppercase; letter-spacing: .03em; margin-bottom: 4px;
}
.versand-capture-grid input,
.versand-capture-grid select {
  min-height: 40px; padding: 7px 11px; font-size: .98rem;
  border-radius: 8px;
}
.versand-search-field { position: relative; }
.versand-order-results {
  position: absolute; left: 0; right: 0; top: calc(100% + 2px); z-index: 30;
  background: #fff; border: 1px solid #dbe7f3; border-radius: 10px;
  box-shadow: 0 10px 24px rgba(15,23,42,.12); max-height: 340px; overflow: auto;
}
.versand-order-results.is-open { display: block; }
.versand-order-result {
  display: grid; gap: 3px; padding: 10px 12px; text-decoration: none; color: inherit;
  border-bottom: 1px solid #eef2f7;
}
.versand-order-result:last-child { border-bottom: none; }
.versand-order-result:hover { background: #f0fdfa; }
.versand-order-result__id {
  color: #0f766e; font-size: 1.05rem; font-weight: 800; letter-spacing: -.02em;
}
.versand-order-result__name {
  font-size: .95rem; font-weight: 700; color: #0f172a; line-height: 1.25;
}
.versand-order-result__label {
  font-size: .78rem; font-weight: 700; color: #475569; text-transform: none;
}
.versand-order-result__addr {
  color: #334155; font-size: .88rem; line-height: 1.35; font-weight: 500;
}
.versand-order-empty { padding: 12px; color: #64748b; font-size: .9rem; }
.versand-selected {
  margin-top: 12px; padding: 14px; border: 1px solid #e2e8f0; border-radius: 10px; background: #f8fafc;
}
.versand-selected.is-empty { padding: 12px 14px; font-size: .95rem; }
.versand-selected-head {
  display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 10px;
}
.versand-selected-found {
  display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 999px;
  background: #d1fae5; color: #047857; font-size: .75rem; font-weight: 750;
}
.versand-selected-name { font-weight: 750; font-size: 1rem; }
.versand-selected-meta { width: 100%; font-size: .88rem; color: #475569; }
.versand-address-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 10px;
}
.versand-address-box {
  padding: 12px; border-radius: 8px; border: 1px solid #e2e8f0; background: #fff;
  display: grid; gap: 5px; font-size: .92rem; line-height: 1.4; color: #1e293b;
}
.versand-address-box b {
  font-size: .74rem; text-transform: uppercase; letter-spacing: .04em; color: #475569;
}
.versand-address-box.is-same { opacity: .85; }
.versand-address-box.is-shipping { border-color: #f59e0b; background: #fffbeb; }
.versand-address-box.is-shipping span { font-weight: 650; }
.versand-batch-head { display: flex; justify-content: space-between; gap: 10px; align-items: flex-start; flex-wrap: wrap; }
.versand-batch-actions { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.versand-batch-table { margin-top: 2px; }
.versand-batch-table td, .versand-batch-table th { padding: 8px 10px !important; }
.versand-batch-x {
  min-width: 28px; padding: 2px 8px; font-size: 1.05rem; line-height: 1; font-weight: 700;
}
.versand-completed-note { margin: 0 0 8px; }
.versand-empty { text-align: center; padding: 18px; margin: 0; font-size: .9rem; }

.versand-subnav {
  display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: space-between;
  margin: 0; padding: 0 2px 0 0; background: transparent; border: 0; border-radius: 0;
  border-bottom: 1px solid #e2e8f0;
}
.versand-subnav__tabs { display: flex; flex-wrap: wrap; gap: 2px; align-items: stretch; }
.versand-subnav__tab {
  text-decoration: none; color: #475569; font-weight: 650; padding: 10px 14px 12px;
  border-radius: 0; font-size: .9rem; border: 0; background: transparent;
  border-bottom: 2px solid transparent; margin-bottom: -1px;
}
.versand-subnav__tab:hover { color: var(--accent); text-decoration: none; }
.versand-subnav__tab.is-active {
  color: var(--accent); border-bottom-color: var(--accent); background: transparent;
}
.versand-subnav__tab--btn { cursor: pointer; font-family: inherit; }
.versand-subnav__sync { display: inline-flex; margin: 0; }
.versand-paket-mode {
  margin-left: auto; font-size: .78rem; font-weight: 650; color: #64748b; padding-bottom: 8px;
}

.versand-kpis {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px;
}
.versand-kpi {
  display: flex; gap: 10px; align-items: center;
  padding: 12px 14px; border-radius: 12px; background: #fff;
  border: 1px solid #e6eef2; box-shadow: none;
  text-decoration: none; color: inherit; min-height: 70px;
  transition: border-color .15s ease, background .15s ease;
}
.versand-kpi:hover { text-decoration: none; border-color: #cbd5e1; background: #fafbfc; }
.versand-kpi.is-active { border-color: #94a3b8; background: #f8fafc; }
.versand-kpi__icon {
  width: 36px; height: 36px; border-radius: 9px; display: grid; place-items: center;
  flex-shrink: 0; color: inherit;
}
.versand-kpi__icon .versand-ui-icon { width: 18px; height: 18px; }
.versand-kpi__body { display: grid; gap: 2px; min-width: 0; }
.versand-kpi__label { font-size: .74rem; font-weight: 650; color: #64748b; line-height: 1.25; }
.versand-kpi__count { font-size: 1.3rem; font-weight: 800; letter-spacing: -.03em; line-height: 1.1; color: #0f172a; }
.versand-kpi--info .versand-kpi__icon { background: #e0f2fe; color: #0369a1; }
.versand-kpi--info .versand-kpi__count { color: #0369a1; }
.versand-kpi--info.is-active { border-color: #7dd3fc; background: #f0f9ff; }
.versand-kpi--warn .versand-kpi__icon { background: #ffedd5; color: #c2410c; }
.versand-kpi--warn .versand-kpi__count { color: #c2410c; }
.versand-kpi--warn.is-active { border-color: #fdba74; background: #fff7ed; }
.versand-kpi--bad {
  border-color: #fecaca; background: #fff;
}
.versand-kpi--bad .versand-kpi__icon { background: #fee2e2; color: #b91c1c; }
.versand-kpi--bad .versand-kpi__count { color: #b91c1c; }
.versand-kpi--bad.is-active, .versand-kpi--bad:hover { border-color: #f87171; background: #fff5f5; }
.versand-kpi--muted {
  border-color: #e2e8f0; background: #fff;
}
.versand-kpi--muted .versand-kpi__icon { background: #f1f5f9; color: #64748b; }
.versand-kpi--muted .versand-kpi__count { color: #334155; }
.versand-kpi--muted.is-active { border-color: #94a3b8; background: #f8fafc; }

.versand-status-tabs {
  display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; padding: 0;
  background: transparent; border: 0; border-radius: 0;
}
.versand-status-tab {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 7px 12px; border-radius: 999px; text-decoration: none;
  background: #fff; color: #334155; font-weight: 650; font-size: .82rem;
  border: 1px solid #e2e8f0; line-height: 1.2;
}
.versand-status-tab:hover { border-color: #94a3b8; background: #f8fafc; text-decoration: none; }
.versand-status-tab--all.is-active { background: var(--accent); color: #fff; border-color: var(--accent); }
.versand-status-tab--info { color: #0369a1; border-color: #bae6fd; background: #f0f9ff; }
.versand-status-tab--info.is-active { background: #0369a1; color: #fff; border-color: #0369a1; }
.versand-status-tab--warn { color: #c2410c; border-color: #fed7aa; background: #fff7ed; }
.versand-status-tab--warn.is-active { background: #c2410c; color: #fff; border-color: #c2410c; }
.versand-status-tab--bad { color: #b91c1c; border-color: #fecaca; background: #fef2f2; font-weight: 750; }
.versand-status-tab--bad.is-active { background: #b91c1c; color: #fff; border-color: #b91c1c; }
.versand-status-tab--muted { color: #475569; border-color: #e2e8f0; background: #f8fafc; }
.versand-status-tab--muted.is-active { background: #475569; color: #fff; border-color: #475569; }
.versand-status-tab .count {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 1.35em; padding: 0 6px; height: 1.35em;
  border-radius: 999px; font-size: .7rem; font-weight: 700;
  background: rgba(15,23,42,.08); color: inherit;
}
.versand-status-tab.is-active .count { background: rgba(255,255,255,.22); color: #fff; }

.versand-overview-search {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
  margin: 0 0 12px; padding: 0; position: relative;
}
.versand-overview-search__icon {
  position: absolute; left: 12px; top: 50%; transform: translateY(-50%);
  color: #94a3b8; pointer-events: none; display: inline-flex; line-height: 0;
}
.versand-overview-search__icon .versand-ui-icon { width: 16px; height: 16px; }
.versand-overview-search input[type="search"] {
  flex: 1 1 280px; min-width: 200px; max-width: none;
  height: 40px; padding: 6px 12px 6px 36px; font-size: .9rem;
  border: 1px solid #cbd5e1; border-radius: 10px; background: #f8fafc; color: #0f172a;
}
.versand-overview-search input[type="search"]:focus {
  outline: none; border-color: var(--accent); background: #fff;
  box-shadow: 0 0 0 3px rgba(15,118,110,.12);
}
.versand-overview-search .btn { flex: 0 0 auto; }
.versand-overview-search__count {
  font-size: .78rem; white-space: nowrap; margin-left: 2px;
}
.versand-overview-list {
  border: 1px solid #d7e0e8; border-radius: 10px; background: #fff;
  overflow: auto;
}
.versand-overview-list.is-archive {
  border-color: #e2e8f0;
}
.versand-overview-table {
  margin: 0; width: 100%; border-collapse: separate; border-spacing: 0;
  min-width: 1040px; table-layout: fixed;
}
.versand-overview-table thead th {
  padding: 12px 14px !important;
  background: #f1f5f9;
  border-bottom: 1px solid #d7e0e8;
  color: #475569; font-size: .72rem; letter-spacing: .04em; text-transform: uppercase;
  position: sticky; top: 0; z-index: 1; font-weight: 750;
  text-align: left; vertical-align: bottom;
}
.versand-overview-table tbody td {
  padding: 14px 14px !important;
  vertical-align: top;
  border-bottom: 1px solid #e8eef3;
  background: #fff;
}
.versand-overview-table tbody tr:last-child td { border-bottom: none; }
.versand-overview-table tbody tr:hover td { background: #f7fafb; }
.versand-overview-table th:nth-child(1),
.versand-overview-table td.versand-overview-row__order { width: 12%; }
.versand-overview-table th:nth-child(2),
.versand-overview-table td.versand-overview-row__customer { width: 18%; }
.versand-overview-table th:nth-child(3),
.versand-overview-table td.versand-overview-row__address { width: 20%; }
.versand-overview-table th:nth-child(4),
.versand-overview-table td.versand-overview-row__shipment { width: 18%; }
.versand-overview-table th:nth-child(5),
.versand-overview-table td.versand-overview-row__status { width: 14%; min-width: 9.75rem; }
.versand-overview-table th:nth-child(6),
.versand-overview-table td.versand-overview-row__captured { width: 10%; }
.versand-overview-table th:nth-child(7),
.versand-overview-table td.versand-overview-row__actions { width: 14%; }
.versand-overview-row__order,
.versand-overview-row__customer,
.versand-overview-row__address,
.versand-overview-row__shipment,
.versand-overview-row__captured,
.versand-overview-row__actions {
  min-width: 0;
}
.versand-overview-row.is-archived td {
  background: #fcfcfd;
}
.versand-overview-row.is-delivered-archive td {
  background: #fbfdfc;
  border-bottom-color: #e8eef3;
}
.versand-overview-row.is-delivered-archive:hover td {
  background: #f3faf6;
}
.versand-overview-order {
  display: inline-block; font-weight: 800; font-size: 1.15rem;
  color: #0f766e; text-decoration: none; letter-spacing: -.02em; line-height: 1.2;
}
.versand-overview-order:hover { text-decoration: underline; color: #115e59; }
.versand-overview-meta {
  margin-top: 4px; font-size: .82rem; color: #64748b; font-weight: 550;
  font-variant-numeric: tabular-nums; line-height: 1.25;
}
.versand-overview-customer {
  font-weight: 750; font-size: .96rem; color: #0f172a; line-height: 1.3;
}
.versand-overview-email {
  margin-top: 3px; font-size: .84rem; color: #475569; line-height: 1.3; font-weight: 500;
  word-break: break-word;
}
.versand-overview-phone {
  margin-top: 2px; font-size: .8rem; color: #64748b; line-height: 1.25;
}
.versand-overview-address {
  font-size: .9rem; line-height: 1.4; color: #1e293b; font-weight: 500;
}
.versand-overview-address > div { margin: 0; }
.versand-overview-shipment {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2px;
  min-width: 0;
  align-content: start;
  padding: 0;
  border-radius: 0;
  background: transparent;
  border: 0;
}
.versand-carrier {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  max-width: 100%;
  min-width: 0;
  min-height: 26px;
  line-height: 26px;
  background: transparent;
  border: 0;
  padding: 0;
  border-radius: 0;
  vertical-align: middle;
}
.versand-carrier__logo {
  display: block;
  height: 26px;
  width: auto;
  max-height: 26px;
  max-width: 64px;
  object-fit: contain;
  object-position: center center;
  flex: 0 0 auto;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
/* Square marks (DPD cube, Post horn) — ~40% larger, crisp, not stretched */
.versand-carrier--dpd .versand-carrier__logo,
.versand-carrier--post .versand-carrier__logo {
  width: 26px;
  height: 26px;
  max-width: 26px;
  max-height: 26px;
}
/* Wider DHL wordmark — same optical row height */
.versand-carrier--dhl .versand-carrier__logo {
  width: auto;
  height: 20px;
  max-height: 20px;
  max-width: 60px;
}
.versand-carrier.is-sm {
  gap: 8px;
  min-height: 22px;
  line-height: 22px;
}
.versand-carrier.is-sm .versand-carrier__logo { height: 22px; max-height: 22px; }
.versand-carrier.is-sm.versand-carrier--dpd .versand-carrier__logo,
.versand-carrier.is-sm.versand-carrier--post .versand-carrier__logo {
  width: 22px; height: 22px; max-width: 22px; max-height: 22px;
}
.versand-carrier.is-sm.versand-carrier--dhl .versand-carrier__logo {
  height: 16px; max-height: 16px; max-width: 48px;
}
.versand-carrier.is-lg {
  gap: 11px;
  min-height: 28px;
  line-height: 28px;
}
.versand-carrier.is-lg .versand-carrier__logo { height: 28px; max-height: 28px; }
.versand-carrier.is-lg.versand-carrier--dpd .versand-carrier__logo,
.versand-carrier.is-lg.versand-carrier--post .versand-carrier__logo {
  width: 28px; height: 28px; max-width: 28px; max-height: 28px;
}
.versand-carrier.is-lg.versand-carrier--dhl .versand-carrier__logo {
  height: 22px; max-height: 22px; max-width: 68px;
}
.versand-carrier__name {
  display: block;
  font-weight: 700;
  font-size: .9rem;
  color: #0f172a;
  line-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.versand-carrier.is-sm .versand-carrier__name { line-height: 22px; font-size: .84rem; }
.versand-carrier.is-lg .versand-carrier__name { line-height: 28px; font-size: .95rem; }
.versand-carrier--dpd .versand-carrier__name,
.versand-carrier--dhl .versand-carrier__name,
.versand-carrier--post .versand-carrier__name,
.versand-carrier--other .versand-carrier__name { color: #0f172a; }
.versand-carrier:not(:has(.versand-carrier__logo)) .versand-carrier__name {
  font-weight: 750;
}
.versand-carrier-preview {
  display: flex; align-items: center; gap: 8px; min-height: 28px;
  margin-top: 6px;
}
.versand-carrier-preview.is-empty { display: none; }
.versand-overview-tracking {
  display: block;
  font-size: .875rem;
  word-break: break-all;
  line-height: 1.3;
  color: #0f172a;
  font-weight: 650;
  margin: 0;
  padding: 0;
}
/* Overview Sendung: tracking under name after the mark (logo + gap) */
.versand-overview-shipment .versand-overview-tracking {
  padding-left: calc(26px + 10px);
}
.versand-overview-shipment:not(:has(.versand-carrier__logo)) .versand-overview-tracking {
  padding-left: 0;
}
.versand-overview-tracking.is-link {
  color: #1d4ed8; text-decoration: underline; text-underline-offset: 2px; font-weight: 700;
}
.versand-overview-tracking.is-link:hover { color: #1e40af; }

/* Status pills — compact success pill; never crushed into a first-letter bubble */
.versand-status-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0;
  width: fit-content !important;
  max-width: none !important;
  min-width: fit-content !important;
  min-height: 1.7rem;
  height: auto !important;
  padding: .3rem 1rem !important;
  margin: 0 !important;
  border-radius: 999px !important;
  border: 1px solid transparent !important;
  font-size: .8125rem !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.01em;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  vertical-align: middle;
  flex: 0 0 auto !important;
  overflow: visible !important;
  background-image: none !important;
  background-clip: padding-box !important;
  box-shadow: none !important;
  text-indent: 0 !important;
}
.versand-status-badge--ok {
  background: #86efac !important;
  background-color: #86efac !important;
  color: #14532d !important;
  border-color: #4ade80 !important;
  font-weight: 800 !important;
}
.versand-status-badge--info {
  background: #bfdbfe !important;
  color: #1e3a8a !important;
  border-color: #3b82f6 !important;
}
.versand-status-badge--neutral {
  background: #e8eef5 !important;
  color: #334155 !important;
  border-color: #94a3b8 !important;
}
.versand-status-badge--warn {
  background: #fed7aa !important;
  color: #9a3412 !important;
  border-color: #f97316 !important;
}
.versand-status-badge--bad {
  background: #fecaca !important;
  color: #7f1d1d !important;
  border-color: #ef4444 !important;
  font-weight: 800 !important;
}
.versand-status-badge--muted {
  background: #f1f5f9 !important;
  color: #475569 !important;
  border-color: #cbd5e1 !important;
}
.versand-overview-row.is-delivered-archive .versand-status-badge--ok {
  background: #86efac !important;
  color: #14532d !important;
  border-color: #4ade80 !important;
}
.versand-overview-error { margin-top: 4px; font-size: .78rem; color: #b45309; line-height: 1.3; }
.versand-overview-row__status {
  /* Keep table-cell layout; never flex-shrink pills into first-letter circles */
  vertical-align: top;
  min-width: 9.75rem;
  overflow: visible;
}
.versand-overview-row__status .versand-status-badge {
  display: inline-flex !important;
  width: fit-content !important;
  max-width: none !important;
  min-width: fit-content !important;
}
.versand-overview-row__status .versand-overview-error {
  display: block;
  margin-top: 6px;
}
.versand-overview-row__captured {
  font-size: .84rem; color: #475569; white-space: nowrap; font-variant-numeric: tabular-nums;
  font-weight: 550; line-height: 1.35; padding-top: 2px;
}
.versand-overview-row__actions {
  vertical-align: top;
}
.versand-overview-actions {
  display: inline-flex; flex-direction: row; flex-wrap: wrap; gap: 6px;
  align-items: center; justify-content: flex-end; white-space: nowrap;
}
.versand-overview-actions .inline-form { margin: 0; display: inline-flex; }
.versand-overview-actions .btn {
  display: inline-flex; align-items: center; gap: 4px;
  padding: 5px 10px; font-size: .78rem; min-height: 28px; line-height: 1.2; border-radius: 7px;
}
.versand-ext { font-size: .85em; line-height: 1; opacity: .85; }

.badge-compact {
  display: inline-block; padding: 1px 6px; font-size: .72rem; font-weight: 700;
  border-radius: 4px; line-height: 1.35; max-width: 220px; white-space: normal;
}
.versand-detail-summary {
  display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0;
  padding: 0; border-radius: 12px; background: #fff; border: 1px solid #e6eef2;
  box-shadow: var(--shadow); overflow: hidden;
}
.versand-page--detail.is-delivered-archive .versand-detail-summary {
  border-color: #d1fae5; background: #fff;
}
.versand-detail-summary__cell {
  min-width: 0; display: grid; gap: 6px; align-content: start; justify-items: start;
  padding: 14px 16px; border-right: 1px solid #eef2f7;
}
.versand-detail-summary__cell:last-child { border-right: none; }
.versand-detail-summary__cell--status .versand-status-badge {
  width: fit-content !important;
  max-width: none !important;
  min-width: fit-content !important;
}
.versand-detail-summary__cell .label-tiny,
.versand-detail-address .label-tiny {
  font-size: .72rem; text-transform: uppercase; letter-spacing: .04em; color: #64748b; font-weight: 750;
}
.versand-detail-summary__value {
  font-size: .92rem; color: #0f172a; line-height: 1.3; font-weight: 550;
  font-variant-numeric: tabular-nums;
}
.versand-detail-summary__cell strong,
.versand-detail-summary__cell > span:not(.label-tiny):not(.versand-status-badge):not(.versand-carrier-badge),
.versand-detail-summary__cell > a {
  font-size: .95rem; color: #0f172a; line-height: 1.3;
}
.versand-detail-summary__cell .versand-overview-order { font-size: 1.15rem; }
.versand-detail-summary__cell .versand-overview-email,
.versand-detail-summary__cell .versand-overview-phone {
  font-size: .82rem;
}
.versand-detail-layout {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 12px; align-items: start;
}
.versand-detail-address {
  padding: 14px; border-radius: 8px; background: #f8fafc; border: 1px solid #e2e8f0;
  margin-bottom: 12px; font-size: .95rem; line-height: 1.45; color: #1e293b; font-weight: 500;
}
.versand-detail-address__body { margin-top: 4px; }
.versand-detail-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 8px 12px; margin: 0;
}
.versand-detail-cell {
  padding: 10px 12px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px;
}
.versand-detail-grid dt {
  font-size: .72rem; text-transform: uppercase; letter-spacing: .03em; color: #64748b; margin-bottom: 4px; font-weight: 750;
}
.versand-detail-grid dd { margin: 0; font-weight: 650; font-size: .92rem; line-height: 1.3; color: #0f172a; }
.versand-detail-tech {
  margin-top: 10px; font-size: .78rem; color: #94a3b8;
}
.versand-detail-tech summary {
  cursor: pointer; color: #94a3b8; font-weight: 650; list-style: none;
}
.versand-detail-tech summary::-webkit-details-marker { display: none; }
.versand-detail-tech .versand-detail-grid { margin-top: 8px; }
.versand-history-table { border: 1px solid #eef2f7; border-radius: 6px; overflow: hidden; }
.versand-history-table td, .versand-history-table th { padding: 6px 8px !important; }
.versand-timeline { list-style: none; margin: 0; padding: 4px 0 0 4px; display: grid; gap: 0; }
.versand-timeline__item {
  position: relative; display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 12px;
  padding: 0 0 18px;
}
.versand-timeline__item:last-child { padding-bottom: 0; }
.versand-timeline__item:not(:last-child)::before {
  content: ""; position: absolute; left: 7px; top: 14px; bottom: 0; width: 2px; background: #e2e8f0;
}
.versand-timeline__dot {
  width: 14px; height: 14px; border-radius: 50%; margin-top: 3px;
  border: 2px solid #94a3b8; background: #fff; z-index: 1;
}
.versand-timeline__item--ok .versand-timeline__dot { border-color: #047857; background: #d1fae5; }
.versand-timeline__item--info .versand-timeline__dot { border-color: #0369a1; background: #e0f2fe; }
.versand-timeline__item--warn .versand-timeline__dot { border-color: #c2410c; background: #ffedd5; }
.versand-timeline__item--bad .versand-timeline__dot { border-color: #b91c1c; background: #fee2e2; }
.versand-timeline__item.is-current .versand-timeline__title { font-size: 1rem; color: #0f172a; }
.versand-timeline__item.is-past { opacity: .78; }
.versand-timeline__item.is-past .versand-timeline__title { font-weight: 650; color: #334155; }
.versand-timeline__title { font-weight: 750; font-size: .95rem; color: #0f172a; line-height: 1.3; }
.versand-timeline__detail { margin-top: 3px; font-size: .86rem; color: #475569; line-height: 1.4; }
.versand-timeline__time { margin-top: 5px; font-size: .8rem; color: #64748b; font-variant-numeric: tabular-nums; font-weight: 550; }
.nowrap { white-space: nowrap; }
@media (max-width: 1100px) {
  .versand-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .versand-detail-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .versand-detail-summary__cell { border-right: none; border-bottom: 1px solid #eef2f7; }
  .versand-detail-layout { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  .versand-capture-grid,
  .versand-address-grid { grid-template-columns: 1fr; }
  .versand-paket-mode { margin-left: 0; }
  .versand-overview-row__actions { justify-content: flex-start; }
  .versand-kpis { grid-template-columns: 1fr; }
  .versand-detail-summary { grid-template-columns: 1fr 1fr; }
}

.tracking-list { display: grid; gap: 8px; margin-top: 4px; }
.tracking-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px 14px;
  align-items: center;
  padding: 12px 14px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #fff;
}
.tracking-card__icon {
  width: 40px; height: 40px; border-radius: 10px;
  display: grid; place-items: center;
  background: #f8fafc; color: #64748b; flex-shrink: 0;
}
.tracking-card__main { display: grid; gap: 3px; min-width: 0; }
.tracking-card__carrier { font-weight: 700; }
.tracking-card__number { font-size: 0.95rem; user-select: all; }
.tracking-card__actions { display: flex; gap: 8px; justify-self: end; }
.tracking-add-form { margin-top: 14px; }
.tracking-add-actions { margin-top: 12px; display: flex; }
.tracking-edit-form {
  grid-column: 1 / -1;
  margin-top: 4px;
  padding-top: 12px;
  border-top: 1px solid #e5e7eb;
  display: grid;
  gap: 10px;
}
.tracking-edit-form .hint.tight { display: block; margin-top: 4px; font-size: 0.8rem; color: #6b7280; }
.tracking-edit-form .form-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }

/* Operator FZA dropzone */
.op-fza-drop {
  position: relative;
  border: 1.5px dashed #cbd5e1;
  border-radius: 10px;
  background: #f8fafc;
  padding: 18px 14px;
  cursor: pointer;
  transition: border-color .15s ease, background .15s ease;
}
.op-fza-drop.is-dragover { border-color: #2563eb; background: #eff6ff; }
.op-fza-drop.has-file { border-style: solid; border-color: #94a3b8; background: #fff; }
.op-fza-drop__idle, .op-fza-drop__selected {
  display: flex; flex-direction: column; gap: 4px; align-items: flex-start;
}
.op-fza-drop__selected { flex-direction: row; align-items: center; justify-content: space-between; gap: 10px; width: 100%; }
.op-fza-drop input[type=file] {
  position: absolute; inset: 0; opacity: 0; width: 100%; height: 100%; cursor: pointer;
  pointer-events: none;
}
.fza-upload-panel { margin-top: 10px; }
.input-gutachten { max-width: 140px; }
.dtc-ship-table td { vertical-align: middle; }
.dtc-ship-table .input-compact { width: 100%; max-width: 140px; }
.dtc-ship-table { font-size: 0.92rem; }
.dtc-ship-table th { white-space: nowrap; }
.dtc-webstamp-create { margin-top: 4px; }
.dtc-webstamp-create__actions { margin-top: 10px; }
.dtc-webstamp-status { padding-top: 6px; }
.webstamp-history-list { display: grid; gap: 8px; margin-top: 8px; }
.webstamp-history-card {
  display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between;
  padding: 10px 12px; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff;
}
.webstamp-history-card__main { display: grid; gap: 2px; min-width: 0; }
.webstamp-history-card__when { font-size: 0.82rem; color: #6b7280; }
.webstamp-history-card__type { font-weight: 650; }
.webstamp-history-card__meta { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.webstamp-history-card__actions { display: flex; flex-wrap: wrap; gap: 6px; }

@media (max-width: 900px) {
  .vehicle-card__grid { grid-template-columns: 1fr; }
  .vehicle-doc__grid { grid-template-columns: 1fr; }
  .tracking-card { grid-template-columns: auto 1fr; }
  .tracking-card__actions { grid-column: 1 / -1; justify-self: start; }
}
@media (max-width: 640px) {
  .tracking-card { grid-template-columns: 1fr; }
  .tracking-card__icon { width: 36px; height: 36px; }
}

/* Permission groups (Einstellungen → Rechte) */
.perm-groups { display: grid; gap: 16px; }
.perm-group {
  border: 1px solid #e5e7eb; border-radius: 10px; background: #fff; padding: 12px 14px;
}
.perm-group__title {
  margin: 0 0 10px; font-size: 0.95rem; font-weight: 700;
}
.perm-group__list { display: grid; gap: 6px; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.perm-check {
  display: flex; align-items: flex-start; gap: 8px; font-size: 0.9rem; line-height: 1.35;
  padding: 4px 2px; cursor: pointer;
}
.perm-check input { margin-top: 3px; flex-shrink: 0; }
.perm-check__label { color: #111827; }
.field-readonly input[readonly], .field-readonly input:disabled {
  background: #f3f4f6; color: #4b5563; cursor: default;
}
.field-readonly .field-lock-hint { display: block; font-size: 0.75rem; color: #6b7280; margin-top: 2px; }

/* Provider queue tabs (PostFinance / HeyLight) */
.queue-tabs {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: var(--space-3);
}
.queue-tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: var(--control-radius);
  border: 1px solid var(--line);
  background: #fff;
  color: var(--ink);
  font-weight: 650;
  font-size: var(--font-sm);
  text-decoration: none;
}
.queue-tab:hover { border-color: var(--accent); text-decoration: none; }
.queue-tab.is-active {
  background: rgba(15, 118, 110, 0.1);
  border-color: var(--accent);
  color: var(--accent);
}
.queue-tab__count {
  min-width: 1.35rem;
  padding: 1px 7px;
  border-radius: 999px;
  background: #e8eef1;
  font-size: 0.75rem;
  font-weight: 700;
  text-align: center;
}
.queue-tab.is-active .queue-tab__count {
  background: var(--accent);
  color: #fff;
}
table.data tr.is-overdue td { background: #fffbeb; }
.ops-log {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}
.ops-log li {
  display: grid;
  grid-template-columns: 7.5rem 10rem minmax(0, 1fr);
  gap: 10px;
  padding: 6px 0;
  border-bottom: 1px solid var(--line);
  font-size: var(--font-sm);
}
.ops-log--err .ops-log__msg { color: var(--bad); }
.ops-log__when { color: var(--muted); font-variant-numeric: tabular-nums; }
.ops-log__who { font-weight: 650; }
.dash-payment-actions {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.dash-payment-actions li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 650;
}

/* Zahlungsabgleich operator dashboard */
.recon-operator-dash { margin-bottom: var(--space-3); }
.recon-dash-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
  margin-bottom: var(--space-3);
}
.recon-dash-card {
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: var(--control-radius);
  background: var(--surface-2, #f8f9fb);
}
.recon-dash-card__title {
  margin: 0 0 6px;
  font-size: var(--font-sm);
  font-weight: 700;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.recon-dash-card__value {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 750;
  line-height: 1.2;
}
.recon-dash-card__meta {
  margin: 0;
  font-weight: 650;
  font-size: var(--font-sm);
}
.recon-dash-warn { margin: 8px 0 0; font-size: var(--font-sm); }
.recon-dash-kv { margin-top: 4px; }
.recon-dash-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  padding-top: 8px;
  border-top: 1px solid var(--line);
}
.recon-dash-actions__primary,
.recon-dash-actions__secondary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.recon-global-search {
  border-left: 3px solid var(--accent);
}
.recon-dash-details summary {
  cursor: pointer;
  font-weight: 650;
  font-size: var(--font-sm);
}
.recon-batch-status {
  margin-top: var(--space-3);
  border-left: 3px solid var(--accent);
}
.recon-batch-status__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.recon-batch-status__title {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
}
.recon-batch-status__summary {
  margin: 8px 0 0;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
@media (max-width: 960px) {
  .recon-dash-grid { grid-template-columns: 1fr; }
  .recon-dash-actions { flex-direction: column; align-items: stretch; }
}

.field-inline {
  display: flex;
  align-items: center;
  gap: 8px;
}
.payment-provider-tag {
  margin: 12px 0 4px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.payment-powerpay, .payment-heylight, .payment-provider-summary {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--line);
}
@media (max-width: 720px) {
  .ops-log li { grid-template-columns: 1fr; gap: 2px; }
}

.settings-providers {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.provider-card__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 12px;
}

.provider-card__head h2 {
  margin: 0 0 4px;
}

.template-block,
.lang-block {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px 12px;
  margin: 8px 0;
}

.template-block > summary,
.lang-block > summary {
  cursor: pointer;
  font-weight: 600;
}

.hint-block {
  margin-top: 8px;
}

/* Transaktionen compact toolbar + pager */
.tx-toolbar { padding-bottom: 10px; }
.tx-search__row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.tx-search__q {
  flex: 1 1 18rem;
  min-width: 12rem;
  height: var(--control-height);
}
.tx-search__status {
  width: 10rem;
  max-width: 40vw;
  height: var(--control-height);
}
.tx-search__more {
  display: none;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin-top: 10px;
  align-items: end;
}
.tx-search__more.is-open { display: flex; }
.tx-search__field {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: var(--font-sm);
  color: var(--muted);
}
.tx-search__field input {
  width: 8.5rem;
  height: 2rem;
  font-size: var(--font-sm);
}
.tx-search__field--date input { width: 9.5rem; }
.tx-pager {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  margin: 8px 0 12px;
}
.tx-pager__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  padding: 4px 8px;
  border-radius: var(--control-radius);
  border: 1px solid var(--line);
  text-decoration: none;
  font-size: var(--font-sm);
  font-weight: 600;
  color: var(--text);
}
.tx-pager__link.is-active,
.tx-pager__link:hover {
  background: rgba(15, 118, 110, 0.12);
  border-color: rgba(15, 118, 110, 0.35);
  text-decoration: none;
}
.tx-pager__ellipsis { color: var(--muted); padding: 0 2px; }
.tx-pager__meta { margin-left: auto; color: var(--muted); font-size: var(--font-sm); }
.tx-attempts td { background: rgba(0,0,0,0.02); }
.tx-attempts details { margin: 4px 0; }
.tx-attempts summary {
  cursor: pointer;
  font-size: var(--font-sm);
  font-weight: 600;
  color: var(--muted);
}

/* Tagesabschluss report */
.ta-report { display: flex; flex-direction: column; gap: var(--space-3); }
.ta-report__header-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  flex-wrap: wrap;
}
.ta-report__title { margin: 4px 0 0; font-size: 1.35rem; }
.ta-report__header-badges { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.ta-report__meta-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px 18px;
  margin-top: 14px;
}
.ta-report__actions { margin-top: 12px; }
.ta-report__cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  gap: 10px;
}
.ta-card {
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 10px 12px;
}
.ta-card--ok { border-color: #a7f3d0; background: #ecfdf5; }
.ta-card--warn { border-color: #fde68a; background: #fffbeb; }
.ta-card__label { font-size: var(--font-xs); color: var(--muted); }
.ta-card__value { font-size: 1.35rem; font-weight: 700; margin-top: 2px; }
.ta-report__section h2 { margin-bottom: 10px; }
.ta-report__section--alert { border-left: 4px solid var(--warn); }
.ta-row-zero td { background: #fffbeb; }
.ta-row-fail td { background: #fef2f2; }
.ta-details summary { cursor: pointer; color: var(--muted); font-size: var(--font-sm); }
.ta-pre {
  margin: 8px 0 0;
  padding: 10px;
  background: #f8fafc;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  font-size: 11px;
  overflow: auto;
  max-height: 220px;
}
@media print {
  .no-print, .topbar, .nav, .flash { display: none !important; }
  .ta-report { gap: 12px; }
  .ta-card { break-inside: avoid; }
  .ta-table { font-size: 11px; }
  .ta-pre { max-height: none; }
}

/* ===== Zahlungsabgleich (/zahlungsabgleich) ===== */
.za1 { --za1-accent: #0f766e; --za1-accent-2: #0d9488; --za1-line: #d5e0e6; --za1-muted: #5b6e7a; --za1-ok: #047857; --za1-warn: #b45309; --za1-bad: #b91c1c; --za1-radius: 10px; }
.za1-topbar { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; margin-bottom:16px; flex-wrap:wrap; }
.za1-title-row { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.za1-title { margin:0; font-size:1.55rem; font-weight:750; letter-spacing:-0.02em; }
.za1-subtitle { margin:6px 0 0; color:var(--za1-muted); max-width:46rem; }
.za1-topbar__actions { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.za1-chip { display:inline-flex; align-items:center; padding:3px 10px; border-radius:999px; font-size:0.75rem; font-weight:700; border:1px solid var(--za1-line); background:#fff; }
.za1-chip--ok { background:#ecfdf5; color:var(--za1-ok); border-color:#a7f3d0; }
.za1-chip--muted { background:#f3f4f6; color:#6b7280; }
.za1-btn { display:inline-flex; align-items:center; gap:6px; height:34px; padding:0 12px; border-radius:8px; border:1px solid var(--za1-line); background:#fff; color:var(--ink); font-weight:650; font-size:0.9rem; cursor:pointer; text-decoration:none; }
.za1-btn:hover { text-decoration:none; border-color:var(--za1-accent); }
.za1-btn--primary { background:var(--za1-accent); border-color:var(--za1-accent); color:#fff; }
.za1-btn--primary:hover { background:var(--za1-accent-2); }
.za1-btn--ghost { background:#fff; }
.za1-btn--danger { background:var(--za1-bad); border-color:var(--za1-bad); color:#fff; }
.za1-btn--sm { height:30px; padding:0 10px; font-size:0.82rem; }
.za1-btn--icon { width:34px; justify-content:center; padding:0; }
.za1-more { position:relative; }
.za1-more > summary { list-style:none; }
.za1-more > summary::-webkit-details-marker { display:none; }
.za1-more__menu { position:absolute; right:0; top:calc(100% + 6px); min-width:16rem; background:#fff; border:1px solid var(--za1-line); border-radius:10px; box-shadow:0 10px 30px rgba(15,28,36,.12); padding:8px; z-index:20; display:grid; gap:4px; }
.za1-more__menu a, .za1-linkish { display:block; width:100%; text-align:left; padding:8px 10px; border:0; background:transparent; border-radius:8px; color:var(--ink); font:inherit; cursor:pointer; text-decoration:none; }
.za1-more__menu a:hover, .za1-linkish:hover { background:#f3f6f8; }
.za1-linkish--danger { color:var(--za1-bad); font-weight:650; }
.za1-dash { margin-bottom:14px; }
.za1-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:12px; }
.za1-card { background:#fff; border:1px solid var(--za1-line); border-radius:var(--za1-radius); box-shadow:0 4px 14px rgba(15,28,36,.05); padding:14px 16px; }
.za1-card h2, .za1-card .za1-card__title, .recon-dash-card__title { margin:0 0 8px; font-size:0.78rem; text-transform:uppercase; letter-spacing:.04em; color:var(--za1-muted); font-weight:750; }
.za1 .recon-dash-card__value, .za1-card__date { margin:0; font-size:1.45rem; font-weight:750; line-height:1.15; }
.za1-badge { display:inline-flex; align-items:center; padding:2px 8px; border-radius:999px; font-size:0.72rem; font-weight:750; border:1px solid var(--za1-line); }
.za1-badge--ok, .za1 .badge-ok { background:#ecfdf5; color:var(--za1-ok); border-color:#a7f3d0; }
.za1-badge--warn, .za1 .badge-warn { background:#fff7ed; color:var(--za1-warn); border-color:#fdba74; }
.za1-badge--live { background:#ecfdf5; color:var(--za1-accent); border-color:#99f6e4; }
.za1-badge--muted, .za1 .badge-muted { background:#f3f4f6; color:#6b7280; }
.za1-muted { color:var(--za1-muted); }
.za1-session { display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:0.9rem; }
.za1-text-btn { color:var(--za1-accent); font-weight:650; text-decoration:none; font-size:0.85rem; }
.za1-inline { display:inline-flex; gap:8px; align-items:center; flex-wrap:wrap; }
.za1-actionbar { display:flex; justify-content:space-between; gap:12px; align-items:center; flex-wrap:wrap; padding-top:10px; border-top:1px solid var(--za1-line); }
.za1-actionbar .btn-primary, .za1 .za1-actionbar .btn.btn-primary { background:var(--za1-accent); border-color:var(--za1-accent); }
.za1-run__stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px 12px; margin-top:8px; }
.za1-run__stats > div { background:#f8fafb; border:1px solid var(--za1-line); border-radius:8px; padding:8px 10px; }
.za1-run__stats span { display:block; color:var(--za1-muted); font-size:0.72rem; font-weight:650; text-transform:uppercase; letter-spacing:.03em; }
.za1-run__stats strong { font-size:0.98rem; }
.za1-run__stats--details { grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:8px; }
.za1-disclose { margin-top:8px; }
.za1-disclose > summary { cursor:pointer; font-weight:650; color:var(--za1-muted); }
.za1-search { background:#fff; border:1px solid var(--za1-line); border-radius:var(--za1-radius); padding:14px 16px; margin-bottom:12px; box-shadow:0 2px 10px rgba(15,28,36,.04); }
.za1-search__title { margin:0; font-size:1rem; font-weight:750; }
.za1-search__help { margin:4px 0 12px; color:var(--za1-muted); font-size:0.88rem; line-height:1.4; max-width:40rem; }
.za1-input {
  width:100%;
  height:38px;
  min-height:38px;
  box-sizing:border-box;
  border:1px solid #c5d2da;
  border-radius:8px;
  padding:0 12px;
  font:inherit;
  font-size:0.92rem;
  background:#fff;
  color:var(--ink);
  transition:border-color .12s ease, box-shadow .12s ease;
}
.za1-input:hover { border-color:#b7c8d1; }
.za1-input:focus {
  outline:none;
  border-color:var(--za1-accent);
  box-shadow:0 0 0 3px rgba(15,118,110,.14);
}
select.za1-input { padding-right:28px; }
.za1-searchbar {
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  max-width:36rem; /* ~520px input + button */
}
.za1-searchbar__field {
  flex:0 1 32.5rem;
  width:32.5rem;
  max-width:100%;
  min-width:min(100%, 12rem);
  margin:0;
}
.za1-searchbar__field label {
  display:block;
  margin:0 0 6px;
  font-size:0.78rem;
  font-weight:700;
  color:var(--za1-muted);
  letter-spacing:.02em;
}
.za1-searchbar > .za1-btn {
  flex:0 0 auto;
  height:38px;
  padding:0 14px;
  font-size:0.88rem;
  white-space:nowrap;
}
.za1-searchbar--labeled { align-items:flex-end; }
.za1-panel--filter { padding:12px 14px; }
.za1-panel--filter .za1-searchbar { max-width:34rem; }

/* Result-row action cluster (real table cell, not standalone mock) */
.za1 .actions.za1-row-actions,
.za1-table td.za1-row-actions,
.za1-row-actions {
  white-space: normal;
  vertical-align: top;
  min-width: 11rem;
  width: 1%;
}
.za1-row-actions__bar {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  max-width: none;
  white-space: nowrap;
}
.za1-row-actions__check { margin: 0; flex: 0 0 auto; }
.za1-inline-panel {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
}
.za1-inline-panel > summary { list-style: none; cursor: pointer; display: inline-flex; }
.za1-inline-panel > summary::-webkit-details-marker { display: none; }
.za1-inline-panel__card {
  width: 22rem;
  max-width: min(22rem, 100%);
  box-sizing: border-box;
  margin: 0;
  padding: 12px;
  background: #fff;
  border: 1px solid var(--za1-line);
  border-radius: 10px;
  box-shadow: 0 8px 20px rgba(15, 28, 36, .08);
  display: grid;
  gap: 8px;
}
.za1-tabs { display:flex; gap:6px; flex-wrap:wrap; margin:0 0 12px; }
.za1-tab { display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:8px; border:1px solid transparent; color:var(--ink); text-decoration:none; font-weight:650; background:transparent; }
.za1-tab:hover { background:#f3f6f8; text-decoration:none; }
.za1-tab.is-active { background:rgba(15,118,110,.1); border-color:var(--za1-accent); color:var(--za1-accent); box-shadow: inset 0 -2px 0 var(--za1-accent); }
.za1-tab__count { min-width:1.3rem; padding:1px 7px; border-radius:999px; background:#e8eef1; font-size:0.75rem; font-weight:750; text-align:center; }
.za1-tab.is-active .za1-tab__count { background:var(--za1-accent); color:#fff; }
.za1-panel { background:#fff; border:1px solid var(--za1-line); border-radius:var(--za1-radius); padding:12px 14px; margin-bottom:12px; box-shadow:0 2px 10px rgba(15,28,36,.04); }
.za1-table { width:100%; border-collapse:collapse; }
.za1-table th { background:#f3f6f8; color:var(--za1-muted); font-size:0.72rem; text-transform:uppercase; letter-spacing:.03em; font-weight:750; padding:8px 10px; border-bottom:1px solid var(--za1-line); text-align:left; }
.za1-table td { padding:9px 10px; border-bottom:1px solid #eef2f4; vertical-align:top; font-size:0.92rem; }
.za1-docpill { display:inline-flex; align-items:center; padding:2px 8px; border-radius:999px; font-size:0.75rem; font-weight:700; border:1px solid var(--za1-line); }
.za1-docpill--ok { background:#ecfdf5; color:var(--za1-ok); border-color:#a7f3d0; }
.za1-docpill--warn { background:#fff7ed; color:var(--za1-warn); border-color:#fdba74; }
.za1-docpill--bad { background:#fef2f2; color:var(--za1-bad); border-color:#fecaca; }
.za1-docpill--muted { background:#f3f4f6; color:#6b7280; }
.za1-modal { border:0; padding:0; background:transparent; max-width:28rem; width:calc(100% - 24px); }
.za1-modal::backdrop { background:rgba(15,28,36,.45); }
.za1-modal__card { background:#fff; border-radius:14px; padding:22px 22px 16px; box-shadow:0 20px 50px rgba(15,28,36,.25); border:1px solid var(--za1-line); }
.za1-modal__icon { width:42px; height:42px; border-radius:999px; display:grid; place-items:center; background:#fff7ed; margin-bottom:10px; }
.za1-modal__icon--warn { background:#fef3c7; }
.za1-modal__card h3 { margin:0 0 8px; font-size:1.15rem; }
.za1-modal__card p { margin:0 0 16px; color:var(--za1-muted); }
.za1-modal__actions { display:flex; justify-content:flex-end; gap:8px; }
.za1-plan { background:#fff; border:1px solid var(--za1-line); border-left:3px solid var(--za1-accent); border-radius:10px; padding:12px 14px; margin-bottom:12px; }
@media (max-width: 960px) {
  .za1-cards { grid-template-columns:1fr; }
  .za1-run__stats, .za1-run__stats--details { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

.za1 .za1-actionbar { display:flex; justify-content:space-between; gap:12px; align-items:center; flex-wrap:wrap; padding-top:10px; border-top:1px solid var(--za1-line); }
.za1 .za1-actionbar__primary, .za1 .za1-actionbar__secondary { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.za1 .za1-card .badge-ok { background:#ecfdf5; color:#047857; border-color:#a7f3d0; }
.za1 .za1-btn--ghost { background:#fff; }
.za1 .za1-more { position:relative; }
.za1 .za1-more > summary { list-style:none; cursor:pointer; }
.za1 .za1-more > summary::-webkit-details-marker { display:none; }
.za1 .za1-linkish { display:block; width:100%; text-align:left; padding:8px 10px; border:0; background:transparent; border-radius:8px; color:inherit; font:inherit; cursor:pointer; }
.za1 .za1-linkish--danger { color:#b91c1c; font-weight:650; }
.za1 .za1-text-btn { color:#0f766e; font-weight:650; text-decoration:none; font-size:.85rem; }
.za1 .za1-inline { display:inline-flex; gap:8px; align-items:center; }
.za1 .za1-modal__icon--warn { background:#fef3c7; }
.za1 .recon-batch-status { border-left:3px solid #0f766e; }

.za1-card__head{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}
.za1-card__icon{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:rgba(15,118,110,.12);font-size:1rem}
.za1-card__title{margin:0;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--za1-muted);font-weight:750}
.za1-card__date{margin:0;font-size:1.45rem;font-weight:750;line-height:1.15}
.za1-card__meta-row{display:flex;align-items:center;gap:8px;margin-top:6px;flex-wrap:wrap}
.za1-card__line{margin:4px 0;font-size:.92rem}
.za1-card__actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;align-items:center}
.za1-kv{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;margin:8px 0 0}
.za1-kv>div{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:6px;align-items:center}
.za1-kv dt{margin:0;color:var(--za1-muted);font-size:.78rem;font-weight:650}
.za1-kv dd{margin:0;font-size:.9rem;font-weight:650}
.za1-kv--compact{gap:4px 12px;margin-top:6px}
.za1-kv__full{grid-column:1 / -1}
.za1-kv__spacer{visibility:hidden}
.za1-next-run{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.za1-badge--sm{padding:1px 6px;font-size:0.65rem;font-weight:700}
.za1-session--secondary{margin-top:10px;font-size:.82rem;color:var(--za1-muted)}
.za1-session--secondary .za1-badge{font-size:.68rem}
.za1-warn{margin:8px 0 0;font-size:.88rem}
.za1-checkcol{width:28px}
.za1-doc{display:flex;flex-direction:column;gap:2px;font-size:.8rem}
.za1-doc strong{font-size:.78rem}
.za1-doc--warn{color:#b45309}
.za1-doc--bad{color:#b91c1c}
.za1-doc--ok{color:#047857}
.za1-doc--muted{color:#6b7280}
.za1-docbox{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;padding:10px 12px;border-radius:8px;border:1px solid #fdba74;border-left:3px solid #f59e0b;background:#fffbeb}
.za1-docbox--bad{border-color:#fecaca;border-left-color:#ef4444;background:#fef2f2}
.za1-docbox p{margin:4px 0 0;color:#5b6e7a;font-size:.88rem}
.za1-row-detail td{background:#fffdf8;padding-top:0;border-bottom:1px solid #eef2f4}
.za1-tiny{font-size:.78rem}

/* Secondary payment expanded editor (detail table row, not floating card) */
.za-secpay-detail-row > td {
  background: #f5f8f9;
  padding: 12px 12px 14px;
  border-bottom: 1px solid var(--za1-line);
}
.za-secpay-editor {
  max-width: 60rem; /* ~960px */
  margin: 0;
  padding: 20px 22px;
  background: #fff;
  border: 1px solid var(--za1-line);
  border-radius: 10px;
}
.za-secpay-editor__head {
  margin: 0 0 16px;
  padding: 0 0 12px;
  border-bottom: 1px solid var(--za1-line);
}
.za-secpay-editor__title {
  margin: 0;
  font-size: 1rem;
  font-weight: 750;
  line-height: 1.3;
}
.za-secpay-editor__customer {
  margin: 4px 0 0;
  color: var(--za1-muted);
  font-size: 0.9rem;
}
.za-secpay-editor__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 16px;
  margin-bottom: 14px;
}
.za-secpay-editor__field {
  display: grid;
  gap: 6px;
  margin: 0;
}
.za-secpay-editor__field > label {
  margin: 0;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--za1-muted);
  letter-spacing: .02em;
}
.za-secpay-editor__addr { margin-bottom: 14px; }
.za-secpay-editor__addr-row {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 38px;
  padding: 0 12px;
  background: #f8fafb;
  border: 1px solid var(--za1-line);
  border-radius: 8px;
}
.za-secpay-editor__addr-value {
  font-size: 0.92rem;
  font-weight: 700;
}
.za-secpay-editor__addr-edit {
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  white-space: nowrap;
  font-size: 0.84rem;
}
.za-secpay-editor__addr-edit:hover { text-decoration: underline; }
.za-secpay-editor__addr-override {
  display: grid;
  gap: 6px;
  margin-top: 8px;
  max-width: 22rem;
}
.za-secpay-editor__addr-override[hidden] {
  display: none !important;
}
.za-secpay-detail-row[hidden] {
  display: none !important;
}
.za-secpay-editor__hint {
  margin: 0;
  color: var(--za1-muted);
  font-size: 0.82rem;
  line-height: 1.35;
}
.za-secpay-editor__note {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  align-items: baseline;
  margin: 0 0 16px;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid #fde68a;
  border-left: 3px solid #f59e0b;
  background: #fffbeb;
  color: #92400e;
  font-size: 0.86rem;
  line-height: 1.4;
}
.za-secpay-editor__note strong { font-weight: 750; }
.za-secpay-editor__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.za-secpay-editor__actions .za1-btn--primary {
  width: auto;
  margin-left: auto;
}

@media (max-width: 720px) {
  .za-secpay-editor { padding: 16px; }
  .za-secpay-editor__grid { grid-template-columns: 1fr; }
  .za-secpay-editor__actions { flex-direction: column; align-items: stretch; }
  .za-secpay-editor__actions .za1-btn--primary { margin-left: 0; width: 100%; }
  .za1-searchbar { max-width: 100%; }
  .za1-searchbar__field { max-width: 100%; }
  .za1-searchbar > .za1-btn { width: 100%; justify-content: center; }
}

/* Keep legacy bank inline panel compact; remove old floating secpay card rules */

/* === Collab Phase1 visual === */
.collab-page{width:100%;max-width:100%;min-width:0}
.collab-page--detail{display:flex;flex-direction:column;gap:0;min-height:calc(100vh - 140px)}
.collab-back{
  display:inline-flex;align-items:center;gap:4px;margin:0 0 10px;
  font-size:12px;color:var(--muted,#64748b);text-decoration:none;font-weight:600;
}
.collab-back:hover{color:var(--accent,#0f766e);text-decoration:none}

.collab-header,.collab-header--detail{
  display:flex;justify-content:space-between;align-items:flex-start;gap:16px;
  margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--line,var(--border,#dde3e8));
  flex-wrap:wrap;
}
.collab-header__main{min-width:0;flex:1}
.collab-header__title-row{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;
}
.collab-header h1{
  margin:0;font-size:clamp(1.4rem,1.15rem + .55vw,1.85rem);font-weight:750;
  letter-spacing:-.02em;line-height:1.15;
}
.collab-header__subject{
  margin:0 0 8px;font-size:15px;font-weight:600;color:var(--text,#1a1f24);line-height:1.35;
}
.collab-header__meta,.collab-header__links{
  display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;
}
.collab-header__meta a.badge{text-decoration:none}
.collab-link{
  color:var(--accent,#0f766e);font-weight:650;text-decoration:none;font-size:13px;
}
.collab-link:hover{text-decoration:underline}
.collab-link-muted{font-size:13px;color:var(--muted,#64748b)}
.collab-header__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;flex-shrink:0}

.collab-layout,.collab-layout--ticket{
  display:grid;
  grid-template-columns:minmax(0,1.75fr) minmax(280px,.78fr);
  gap:14px;align-items:start;width:100%;
}
.collab-main{display:flex;flex-direction:column;gap:12px;min-width:0}
.collab-aside{display:flex;flex-direction:column;gap:12px;min-width:0}
@media (max-width:1100px){
  .collab-layout,.collab-layout--ticket{grid-template-columns:1fr}
}

.collab-card{
  background:var(--card,#fff);
  border:1px solid var(--line,var(--border,#dde3e8));
  border-radius:var(--card-radius,8px);
  padding:14px 16px;
  box-shadow:var(--shadow,0 1px 2px rgba(0,0,0,.04));
}
.collab-card > h2,
.collab-card .collab-card__title,
.collab-card__head h2{
  margin:0 0 10px;font-size:12px;font-weight:750;letter-spacing:.04em;
  text-transform:uppercase;color:var(--muted,#5a6570);
}
.collab-card__head{margin-bottom:10px}
.collab-card__head--split{
  display:flex;justify-content:space-between;align-items:flex-start;gap:10px;
}
.collab-card__sub{margin:2px 0 0;font-size:12px;color:var(--muted,#788);font-weight:500;text-transform:none;letter-spacing:0}
.collab-card__count{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:9px;
  background:#eef2f6;color:#475569;font-size:11px;font-weight:700;
}
.collab-card--stream{
  display:flex;flex-direction:column;min-height:min(70vh,720px);padding-bottom:12px;
}
.collab-card--stream .collab-stream{
  flex:1;min-height:280px;max-height:min(56vh,620px);overflow:auto;
  padding:4px 4px 8px 2px;margin-bottom:4px;
}
.collab-card--form .field{margin-bottom:8px}
.collab-card--form .field:last-of-type{margin-bottom:0}
.collab-card--desc .collab-desc{margin-top:0}

.collab-kv,.collab-kv--rich{
  display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:0;font-size:13px;
}
.collab-kv dt{color:var(--muted,#788);font-weight:600;margin:0}
.collab-kv dd{margin:0;min-width:0;word-break:break-word}
.kv--compact{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;font-size:13px}
.kv--compact dt{color:var(--muted,#788)}

.collab-avatar{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:50%;
  background:linear-gradient(145deg,#e8eef5,#d9e4f0);color:#1e3a5f;
  font-size:11px;font-weight:750;flex-shrink:0;letter-spacing:.02em;position:relative;
}
.collab-avatar--sm,.collab-avatar.collab-avatar--sm{width:22px;height:22px;font-size:9px}
.collab-avatar--online::after{
  content:"";position:absolute;right:0;bottom:0;width:8px;height:8px;
  border-radius:50%;background:#16a34a;border:2px solid #fff;
}

.collab-stream{display:flex;flex-direction:column;gap:0}
.collab-msg,.collab-msg article{
  display:flex;gap:12px;align-items:flex-start;
  padding:12px 8px;border-bottom:1px solid #eef1f4;
}
.collab-msg:last-child{border-bottom:0}
.collab-msg--system{background:linear-gradient(90deg,rgba(148,163,184,.08),transparent)}
.collab-msg--system .collab-msg__text{font-size:.95em;color:var(--muted,#566)}
.collab-msg__body{flex:1;min-width:0}
.collab-msg__meta{
  display:flex;justify-content:space-between;align-items:baseline;gap:10px;
  margin-bottom:4px;flex-wrap:wrap;
}
.collab-msg__who{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.collab-msg__meta strong,.collab-msg__who strong{font-size:13px}
.collab-msg__time{font-size:11px;color:var(--muted,#788);white-space:nowrap}
.collab-msg__text{font-size:14px;line-height:1.45;color:var(--text,#1a1f24)}
.collab-role{
  display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;
  letter-spacing:.04em;padding:1px 7px;border-radius:999px;
  background:#eef2f6;color:#445;border:1px solid var(--border,#dde3e8);
}
.collab-role--system{background:#f3f4f6;color:#6b7280}
.collab-role--user{background:#ecfdf5;color:#047857;border-color:#a7f3d0}

.collab-attach-thumbs,.collab-attach-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.collab-attach-thumb{
  max-height:80px;max-width:110px;object-fit:cover;
  border:1px solid var(--border,#dde3e8);border-radius:6px;
}
.collab-attach-card{
  display:flex;align-items:center;gap:8px;min-width:160px;max-width:240px;
  padding:8px 10px;border:1px solid var(--border,#e2e8f0);border-radius:8px;
  background:#f8fafc;text-decoration:none;color:inherit;font-size:12px;
}
.collab-attach-card:hover{border-color:#cbd5e1;background:#fff}
.collab-attach-card--image{flex-direction:column;align-items:stretch;padding:6px}
.collab-attach-card--image img{
  width:100%;height:88px;object-fit:cover;border-radius:5px;display:block;
}
.collab-attach-card__icon{font-size:18px}
.collab-attach-card__meta{display:flex;flex-direction:column;gap:1px;min-width:0}
.collab-attach-card__meta strong{
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;
}
.collab-attach-list,.collab-attach-list{list-style:none;margin:0;padding:0}
.collab-attach-row{
  display:flex;align-items:center;gap:10px;padding:8px 0;
  border-bottom:1px solid var(--border,#eef1f4);font-size:12px;
}
.collab-attach-row:last-child{border-bottom:0}
.collab-attach-row__thumb img,.collab-attach-row__thumb{
  width:36px;height:36px;object-fit:cover;border-radius:4px;border:1px solid var(--border,#dde3e8);display:block;
}
.collab-attach-row__icon{
  width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;
  background:#f1f5f9;border-radius:4px;
}
.collab-attach-row__body{min-width:0;display:flex;flex-direction:column;gap:1px}
.collab-attach-row__body a{font-weight:600;text-decoration:none;color:inherit}
.collab-attach-row__body a:hover{color:var(--accent,#0f766e)}

.collab-hist{list-style:none;margin:0;padding:0}
.collab-hist li{
  position:relative;padding:0 0 12px 14px;font-size:12px;
  border-left:2px solid var(--border,#dde3e8);margin-left:4px;
}
.collab-hist li:last-child{padding-bottom:0}
.collab-hist li::before{
  content:"";position:absolute;left:-5px;top:4px;width:8px;height:8px;
  border-radius:50%;background:#94a3b8;border:2px solid #fff;
}
.collab-hist__time{color:var(--muted,#788);display:block;margin-bottom:1px;font-size:11px}

.collab-item-thumb,.collab-item-thumb{width:36px;height:36px;object-fit:cover;border:1px solid var(--border,#dde3e8);border-radius:4px}
.collab-item-row,.collab-item-list .collab-item-row{display:flex;gap:10px;align-items:center;margin-bottom:8px}
.collab-item-list{list-style:none;margin:0;padding:0}
.collab-item-row__name{font-size:13px;font-weight:600}
.collab-ship-row{padding:6px 0;border-bottom:1px solid #eef1f4;font-size:13px}
.collab-ship-row:last-child{border-bottom:0}

.collab-due--overdue,.collab-due.collab-due--overdue{color:#b91c1c;font-weight:700}
.collab-due--today,.collab-due.collab-due--today{color:#c2410c;font-weight:700}
.collab-due--upcoming{color:inherit}
.collab-due--none{color:var(--muted,#788)}
.collab-empty{text-align:center;padding:28px 12px;color:var(--muted,#788);font-size:13px}
.collab-desc{white-space:pre-wrap;font-size:14px;line-height:1.45}
.collab-order-ctx{margin-top:8px;padding:10px 12px;background:#f8fafc;border:1px solid var(--border,#dde3e8);border-radius:4px}
.collab-preset-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}
.collab-due-shortcuts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}

.collab-filters{
  display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-bottom:0;
}
.collab-filters .field{margin:0;min-width:120px}
.collab-filters .field--grow{flex:1;min-width:160px}
.collab-person{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}

.collab-table{width:100%}
.collab-table th{font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted,#667);font-weight:700}
.collab-table td{vertical-align:middle;padding-top:10px;padding-bottom:10px}
.collab-table .collab-subject-cell,.collab-subject-cell{display:flex;flex-direction:column;gap:3px;min-width:0}
.collab-table .collab-subject-cell > a,.collab-subject-cell > a{font-weight:600;text-decoration:none;color:inherit}
.collab-table .collab-subject-cell > a:hover{text-decoration:underline;color:var(--accent,#0f766e)}
.collab-table-click tr.is-clickable,.collab-table-click tr.is-clickable{cursor:pointer}
.collab-table-click tr.is-clickable:hover{background:#f5f8fb}
.collab-badge-prio--urgent,.collab-badge-prio--high,.collab-badge-prio--urgent,.collab-badge-prio--high{background:#fef2f2;color:#b91c1c;border-color:#fecaca}
.collab-badge-prio--normal,.collab-badge-prio--normal{background:#f8fafc;color:#475569}
.collab-badge-prio--low,.collab-badge-prio--low{background:#f8fafc;color:#94a3b8}
.collab-badge-cat--alert{background:#fff7ed;color:#c2410c;border-color:#fed7aa}
.collab-badge-cat--finance{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}
.collab-badge-cat--return{background:#fdf2f8;color:#be185d;border-color:#fbcfe8}
.collab-badge-cat--dtc{background:#f5f3ff;color:#6d28d9;border-color:#ddd6fe}
.collab-badge-cat--order{background:#ecfeff;color:#0e7490;border-color:#a5f3fc}
.collab-badge-cat--neutral{background:#f8fafc;color:#475569;border-color:#e2e8f0}

.collab-composer,.collab-composer-block{margin-top:8px;padding-top:10px;border-top:1px solid var(--border,#eef1f4)}
.collab-composer-block__title,.collab-composer-title{
  margin:0 0 8px;font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.04em;color:var(--muted,#5a6570);
}
.collab-composer__toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}
.collab-composer__tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.collab-composer__drop{
  border:1px solid var(--border,#dde3e8);border-radius:8px;padding:10px 12px;
  background:#fafbfc;transition:background .12s,border-color .12s,outline-color .12s;
}
.collab-composer__drop textarea{
  border:0;background:transparent;resize:vertical;min-height:84px;width:100%;
  box-shadow:none;padding:0;font-size:14px;line-height:1.45;
}
.collab-composer__drop.is-drag{
  outline:2px dashed #0f766e;outline-offset:1px;background:rgba(15,118,110,.06);
  border-color:transparent;
}
.collab-composer__preview{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.collab-composer__chip{
  display:flex;align-items:center;gap:6px;border:1px solid var(--border,#dde3e8);
  padding:4px 8px;border-radius:4px;font-size:12px;background:#fff;
}
.collab-composer__chip img{max-height:40px;max-width:60px;object-fit:cover;border-radius:2px}
.collab-emoji{position:relative}
.collab-emoji > summary{list-style:none;cursor:pointer}
.collab-emoji > summary::-webkit-details-marker{display:none}
.collab-emoji__panel{
  position:absolute;bottom:110%;left:0;z-index:20;display:grid;
  grid-template-columns:repeat(6,1fr);gap:4px;padding:8px;background:#fff;
  border:1px solid var(--border,#dde3e8);box-shadow:0 4px 16px rgba(0,0,0,.08);min-width:200px;
}
.collab-emoji__btn{border:0;background:transparent;font-size:18px;cursor:pointer;padding:2px}
.collab-ref-chip{
  display:inline-block;padding:2px 8px;border-radius:4px;background:#ecfdf5;color:#0f766e;
  text-decoration:none;font-family:ui-monospace,monospace;font-size:.92em;border:1px solid #a7f3d0;font-weight:600;
}
.collab-ref-chip:hover{background:#d1fae5}
.collab-mention{color:#0f766e;font-weight:600}
.collab-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.78);display:flex;align-items:center;justify-content:center;z-index:9999;cursor:zoom-out}
.collab-lightbox img{max-width:92vw;max-height:92vh;object-fit:contain}
.collab-msg-removed{font-style:italic;color:var(--muted,#788)}
.collab-msg-edited{font-size:11px;color:var(--muted,#788);margin-left:6px}

/* Ticket / problem list tabs */
.queue-tabs,.queue-tabs{
  display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0;
}
.queue-tab,.queue-tab{
  display:inline-flex;align-items:center;gap:6px;padding:6px 12px;
  border:1px solid var(--border,#dde3e8);border-radius:999px;text-decoration:none;
  color:inherit;font-size:13px;font-weight:600;background:#fff;
}
.queue-tab:hover{border-color:var(--accent,#0f766e);text-decoration:none}
.queue-tab.is-active,.queue-tab.is-active{
  border-color:var(--accent,#0f766e);color:var(--accent,#0f766e);background:#ecfdf5;
}
.queue-tab__count,.queue-tab__count{
  display:inline-flex;min-width:18px;height:18px;padding:0 5px;border-radius:9px;
  align-items:center;justify-content:center;background:#e2e8f0;font-size:11px;font-weight:700;
}
.queue-tab.is-active .queue-tab__count{background:var(--accent,#0f766e);color:#fff}

/* Chat 3-column */
.chat-layout,.chat-shell{
  display:grid;
  grid-template-columns:minmax(240px,300px) minmax(0,1fr) minmax(220px,260px);
  gap:12px;min-height:calc(100vh - 170px);align-items:stretch;width:100%;
}
.chat-layout--no-right,.chat-shell--no-right{grid-template-columns:minmax(240px,300px) minmax(0,1fr)}
@media (max-width:1100px){
  .chat-layout,.chat-shell,.chat-layout--no-right,.chat-shell--no-right{grid-template-columns:minmax(200px,240px) minmax(0,1fr)}
  .chat-aside,.chat-right{display:none}
}
@media (max-width:720px){
  .chat-layout,.chat-shell,.chat-layout--no-right,.chat-shell--no-right{grid-template-columns:1fr;min-height:auto}
}
.chat-threads,.chat-left,
.chat-pane,.chat-center,
.chat-aside,.chat-right{
  display:flex;flex-direction:column;min-height:0;
  background:var(--card,#fff);border:1px solid var(--line,var(--border,#dde3e8));
  border-radius:var(--card-radius,8px);padding:12px;box-shadow:var(--shadow,0 1px 2px rgba(0,0,0,.04));
}
.chat-filters{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}
.chat-filters a{
  font-size:12px;padding:5px 10px;border:1px solid var(--border,#dde3e8);
  border-radius:999px;text-decoration:none;color:inherit;font-weight:600;
}
.chat-filters a.is-active{background:var(--accent,#0f766e);color:#fff;border-color:var(--accent,#0f766e)}
.chat-thread-list{overflow:auto;flex:1;min-height:200px}
.chat-thread{
  display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;
  padding:10px 8px;border-bottom:1px solid var(--border,#eef1f4);
  text-decoration:none;color:inherit;border-radius:6px;border-left:3px solid transparent;
}
.chat-thread:hover{background:#f8fafc}
.chat-thread.is-active{background:#ecfdf5;border-left-color:var(--accent,#0f766e)}
.chat-thread__body{min-width:0}
.chat-thread__top{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.chat-thread__top strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-thread__preview{
  font-size:12px;color:var(--muted,#788);margin-top:2px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  display:flex;align-items:center;gap:6px;justify-content:space-between;
}
.chat-thread__unread{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:18px;height:18px;padding:0 5px;border-radius:9px;
  background:#c2410c;color:#fff;font-size:10px;font-weight:700;flex-shrink:0;
}
.chat-pane__header,.chat-center__header{
  display:flex;align-items:center;gap:10px;padding-bottom:10px;margin-bottom:8px;
  border-bottom:1px solid var(--border,#dde3e8);flex-shrink:0;
}
.chat-pane__header-text{min-width:0}
.chat-pane__header-text strong{display:block;font-size:15px}
.chat-stream{flex:1;overflow:auto;min-height:280px;padding:4px 2px 12px;display:flex;flex-direction:column;gap:2px}
.chat-date-sep{text-align:center;font-size:11px;color:var(--muted,#788);margin:12px 0 8px}
.chat-bubble{display:flex;gap:8px;margin-bottom:10px;position:relative;max-width:92%}
.chat-bubble--mine{align-self:flex-end;flex-direction:row-reverse;margin-left:auto}
.chat-bubble__content{
  flex:1;min-width:0;background:#f4f7fa;border:1px solid var(--border,#e6ebf0);
  border-radius:12px;padding:8px 12px;
}
.chat-bubble--mine .chat-bubble__content{background:#ecfdf5;border-color:#a7f3d0}
.chat-bubble__actions{
  opacity:0;pointer-events:none;transition:opacity .12s;
  display:flex;gap:4px;flex-wrap:wrap;margin-top:4px;
}
.chat-bubble:hover .chat-bubble__actions,
.chat-bubble:focus-within .chat-bubble__actions{opacity:1;pointer-events:auto}
.chat-rx{display:inline-flex;gap:4px;flex-wrap:wrap;margin-top:4px}
.chat-rx form{display:inline}
.chat-rx button{font-size:12px;padding:1px 6px}
.chat-member{display:flex;gap:8px;align-items:center;margin-bottom:10px}
.chat-member .tiny{font-size:12px}
.chat-aside h2,.chat-right h2{margin-top:0}
.chat-info-block{margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #eef1f4}
.chat-info-block:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.chat-info-block h3{margin:0 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted,#667)}

.chat-modal[hidden]{display:none !important}
.chat-modal{
  position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;
  background:rgba(15,23,42,.45);padding:16px;
}
.chat-modal__dialog{
  background:#fff;border-radius:10px;border:1px solid var(--border,#dde3e8);
  box-shadow:0 12px 40px rgba(0,0,0,.18);width:min(440px,100%);padding:16px 18px;max-height:80vh;overflow:auto;
}
.chat-modal__dialog h2{margin:0 0 12px;font-size:16px}
.chat-modal__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.chat-user-pick{list-style:none;margin:0;padding:0;max-height:320px;overflow:auto}
.chat-user-pick li{margin:0}
.chat-user-pick button{
  width:100%;display:flex;align-items:center;gap:10px;padding:8px 6px;
  border:0;background:transparent;cursor:pointer;text-align:left;border-radius:6px;
}
.chat-user-pick button:hover{background:#f1f5f9}
.chat-user-pick__meta{display:flex;flex-direction:column;min-width:0}
.chat-user-pick__meta strong{font-size:13px}
.chat-user-pick__meta span{font-size:11px;color:var(--muted,#788)}

/* Dashboard tickets attention */
.dash-ticket-attn{margin-top:16px}
.dash-ticket-attn .panel-head h2,.dash-ticket-attn .panel-head h2{
  font-size:13px;letter-spacing:.04em;text-transform:uppercase;margin:0;
}
.dash-ticket-attn__stats{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px;
}
@media (max-width:900px){.dash-ticket-attn__stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dash-ticket-attn .stat{
  text-decoration:none;color:inherit;padding:14px 16px;border-radius:8px;
  border:1px solid var(--border,#e2e8f0);background:#fff;
  display:flex;flex-direction:column;gap:4px;
}
.dash-ticket-attn .stat strong{font-size:1.55rem;line-height:1.1}
.dash-ticket-attn .stat span{font-size:12px;color:var(--muted,#667)}
.dash-ticket-attn .stat--subtle{opacity:.55}
.dash-ticket-attn .stat--overdue{border-color:#fecaca;background:#fff7f7}
.dash-ticket-attn .stat--overdue strong{color:#b91c1c}
.dash-ticket-attn .stat--today{border-color:#fed7aa;background:#fffbeb}
.dash-ticket-attn .stat--today strong{color:#c2410c}
.dash-ticket-attn .stat--ok strong{color:#15803d}
.dash-ticket-attn .stat--new{border-color:#a7f3d0;background:#f0fdf4}
.dash-ticket-attn .stat--new strong{color:#0f766e}
.dash-ops-subtle .stat--subtle{opacity:.55}

/* Notifications */
.notif-list,.notif-list{list-style:none;margin:0;padding:0}
.notif-row,.notif-row{
  display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:flex-start;
  padding:12px 14px;border-bottom:1px solid var(--border,#dde3e8);
}
.notif-row:last-child{border-bottom:0}
.notif-row--unread,.notif-row--unread{background:#f0fdf4}
.notif-icon,.notif-icon{
  width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  background:#ecfdf5;color:#0f766e;font-size:14px;flex-shrink:0;font-weight:700;
}
.notif-unread,.notif-unread{font-weight:650}
.notif-dot,.notif-dot{
  width:8px;height:8px;border-radius:50%;background:#2563eb;display:inline-block;margin-left:6px;vertical-align:middle;
}
.notif-body,.notif-body{min-width:0}
.notif-body .tiny{margin-top:2px}

/* Order tab collab panels */
.order-collab-panel .collab-empty{padding:18px 8px}
.order-collab-panel .data--dense td{font-size:13px}
.tab-count--warn{background:#fff7ed;color:#c2410c}
.tab-count--ok{background:#ecfdf5;color:#047857}

/* Legacy aliases */
.collab-detail-layout{margin-top:0}
.chat-new-dm{margin-top:10px;padding-top:10px;border-top:1px solid var(--border,#dde3e8)}
.topbar,.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.topbar h1{margin:0}


/* === Collab Phase1 visual polish (acceptance) === */
.collab-back{display:inline-flex;align-items:center;gap:4px;margin:0 0 10px;font-size:12px;color:var(--muted,#64748b);text-decoration:none;font-weight:600}
.collab-back:hover{color:var(--accent,#0f766e)}
.collab-header__title-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px}
.collab-header__links{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-top:4px}
.collab-link{color:var(--accent,#0f766e);font-weight:650;text-decoration:none;font-size:13px}
.collab-link:hover{text-decoration:underline}
.collab-link-muted{font-size:13px;color:var(--muted,#64748b)}
.collab-card__head{margin-bottom:10px}
.collab-card__head--split{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.collab-card__sub{margin:2px 0 0;font-size:12px;color:var(--muted,#788);font-weight:500;text-transform:none;letter-spacing:0}
.collab-msg__who{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.collab-msg__time{font-size:11px;color:var(--muted,#788);white-space:nowrap}
.collab-msg__text{font-size:14px;line-height:1.45}
.collab-role--user{background:#ecfdf5;color:#047857;border-color:#a7f3d0}
.collab-attach-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.collab-composer-block{margin-top:10px;padding-top:12px;border-top:1px solid var(--border,#eef1f4)}
.collab-composer-block__title{margin:0 0 8px;font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.04em;color:var(--muted,#5a6570)}
.collab-due-shortcuts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.collab-card__count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:9px;background:#eef2f6;color:#475569;font-size:11px;font-weight:700}
.collab-item-list{list-style:none;margin:0;padding:0}
.collab-item-row__name{font-size:13px;font-weight:600}
.collab-ship-row{padding:6px 0;border-bottom:1px solid #eef1f4;font-size:13px}
.collab-ship-row:last-child{border-bottom:0}
.collab-kv--rich{gap:10px 14px}
.collab-badge-cat--alert{background:#fff7ed;color:#c2410c;border-color:#fed7aa}
.collab-badge-cat--finance{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}
.collab-badge-cat--return{background:#fdf2f8;color:#be185d;border-color:#fbcfe8}
.collab-badge-cat--dtc{background:#f5f3ff;color:#6d28d9;border-color:#ddd6fe}
.collab-badge-cat--order{background:#ecfeff;color:#0e7490;border-color:#a5f3fc}
.collab-badge-cat--neutral{background:#f8fafc;color:#475569;border-color:#e2e8f0}
.queue-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.queue-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border,#dde3e8);border-radius:999px;text-decoration:none;color:inherit;font-size:13px;font-weight:600;background:#fff}
.queue-tab:hover{border-color:var(--accent,#0f766e);text-decoration:none}
.queue-tab.is-active{border-color:var(--accent,#0f766e);color:var(--accent,#0f766e);background:#ecfdf5}
.queue-tab__count{display:inline-flex;min-width:18px;height:18px;padding:0 5px;border-radius:9px;align-items:center;justify-content:center;background:#e2e8f0;font-size:11px;font-weight:700}
.queue-tab.is-active .queue-tab__count{background:var(--accent,#0f766e);color:#fff}
.collab-layout--ticket{grid-template-columns:minmax(0,1.75fr) minmax(280px,.78fr)}
.collab-card--stream{min-height:min(70vh,720px)}
.collab-card--stream .collab-stream{flex:1;min-height:280px;max-height:min(56vh,620px);overflow:auto}
.dash-ticket-attn__stats .stat--new{border-color:#a7f3d0;background:#f0fdf4}
.dash-ticket-attn__stats .stat--new strong{color:#0f766e}
.chat-user-pick{list-style:none;margin:0;padding:0;max-height:320px;overflow:auto}
.chat-user-pick li{margin:0}
.chat-user-pick button{width:100%;display:flex;align-items:center;gap:10px;padding:8px 6px;border:0;background:transparent;cursor:pointer;text-align:left;border-radius:6px}
.chat-user-pick button:hover{background:#f1f5f9}
.chat-user-pick__meta{display:flex;flex-direction:column;min-width:0}
.chat-user-pick__meta strong{font-size:13px}
.chat-user-pick__meta span{font-size:11px;color:var(--muted,#788)}
.chat-info-block{margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #eef1f4}
.chat-info-block:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.chat-info-block h3{margin:0 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted,#667)}
.notif-row--unread{background:#f0fdf4}


/* === Collab Phase1 refinement (detail+chat) === */
.collab-header--compact{margin-bottom:10px;padding-bottom:10px}
.collab-header__subject{margin:4px 0 6px;font-size:15px;font-weight:650;line-height:1.3}
.collab-card--summary,.collab-card--summary{
  margin-bottom:12px;padding:12px 14px;
  border:1px solid var(--border,#dde3e8);border-radius:8px;background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.03);
}
.collab-card--summary h2{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted,#5a6570)}
.collab-summary-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:0;
}
.collab-summary-grid__full{grid-column:1/-1}
.collab-summary-grid dt{font-size:11px;color:var(--muted,#788);font-weight:600;margin:0 0 2px}
.collab-summary-grid dd{margin:0;font-size:13px}
.collab-desc{font-size:14px;line-height:1.45;white-space:pre-wrap}
.collab-card--compact{padding:12px 14px}
.collab-card--compact h2{margin:0 0 8px}
.collab-aside .collab-card{margin-bottom:10px}
.collab-item-row--emphasis{padding:8px;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc}
.collab-layout--ticket{align-items:start}
.collab-card--stream{display:flex;flex-direction:column;gap:0;min-height:0}
.collab-stream{max-height:none}
.collab-composer-block{margin-top:8px}
.collab-modal[hidden]{display:none!important}
.collab-modal{
  position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;
  background:rgba(15,23,42,.45);padding:16px;
}
.collab-modal__dialog,.collab-modal__dialog{
  background:#fff;border-radius:10px;border:1px solid var(--border,#dde3e8);
  box-shadow:0 12px 40px rgba(0,0,0,.18);width:min(480px,100%);padding:16px 18px;max-height:85vh;overflow:auto;
}
.collab-modal__head,.collab-modal__head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}
.collab-modal__head h2{margin:0;font-size:16px}
.collab-modal__actions,.collab-modal__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.collab-due-shortcuts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.collab-due--overdue{color:#b91c1c;font-weight:700}
.collab-due--today{color:#c2410c;font-weight:700}
.collab-more{position:relative;display:inline-block}
.collab-more > summary{list-style:none;cursor:pointer}
.collab-more > summary::-webkit-details-marker{display:none}
.collab-more__menu{
  position:absolute;right:0;top:110%;z-index:20;min-width:160px;padding:6px;
  background:#fff;border:1px solid var(--border,#dde3e8);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.1);
}
.collab-more__menu a,.collab-more__menu button{
  display:block;width:100%;text-align:left;border:0;background:transparent;padding:8px 10px;
  font-size:13px;cursor:pointer;border-radius:6px;color:inherit;text-decoration:none;
}
.collab-more__menu a:hover,.collab-more__menu button:hover{background:#f1f5f9}
.collab-ref-chip{
  display:inline-flex;align-items:center;gap:4px;padding:1px 8px;margin:0 1px;
  border-radius:999px;border:1px solid #a7f3d0;background:#ecfdf5;color:#0f766e;
  font-size:12px;font-weight:650;cursor:pointer;font-family:inherit;line-height:1.4;
}
.collab-ref-chip:hover{background:#d1fae5}
.collab-entity-pop{
  z-index:100;width:min(320px,calc(100vw - 16px));background:#fff;
  border:1px solid var(--border,#dde3e8);border-radius:10px;
  box-shadow:0 10px 30px rgba(15,23,42,.16);padding:0;overflow:hidden;
}
.collab-entity-pop__head{padding:10px 12px;border-bottom:1px solid #eef1f4;font-size:13px}
.collab-entity-pop__body{padding:10px 12px;font-size:12px;max-height:340px;overflow:auto}
.collab-entity-pop__row{display:flex;justify-content:space-between;gap:10px;padding:3px 0}
.collab-entity-pop__row span{color:var(--muted,#788)}
.collab-entity-pop__row strong{font-weight:650;text-align:right}
.collab-entity-pop__actions{padding:10px 12px;border-top:1px solid #eef1f4;display:flex;gap:8px;flex-wrap:wrap}
.collab-entity-pop__spinner,.collab-entity-pop__spinner{
  display:inline-block;width:12px;height:12px;border:2px solid #cbd5e1;border-top-color:#0f766e;
  border-radius:50%;animation:collab-spin .7s linear infinite;margin-right:6px;vertical-align:middle;
}
@keyframes collab-spin{to{transform:rotate(360deg)}}
.chat-bubble{max-width:68%;padding:0;margin-bottom:8px}
.chat-bubble__content{padding:6px 10px;border-radius:10px;font-size:14px;line-height:1.4}
.chat-bubble--mine .chat-bubble__content{background:#ecfdf5;border-color:#a7f3d0}
.chat-bubble__actions{opacity:0;gap:2px}
.chat-bubble:hover .chat-bubble__actions{opacity:1}
.chat-stream-wrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}
.chat-jump-new{
  position:absolute;left:50%;bottom:12px;transform:translateX(-50%);
  z-index:5;border:1px solid #a7f3d0;background:#ecfdf5;color:#0f766e;
  border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;cursor:pointer;
  box-shadow:0 4px 12px rgba(0,0,0,.08);
}
@media (max-width:1100px){
  .collab-aside{order:2}
  .collab-summary-grid{grid-template-columns:1fr}
}


/* === Collab Phase1 model density === */
.collab-page--list .topbar,
.collab-list-header{margin-bottom:10px;align-items:flex-end}
.collab-list-header__sub,.collab-list-header p{margin:2px 0 0;font-size:13px;color:var(--muted,#64748b)}
.collab-status-tabs.queue-tabs,
.queue-tabs.collab-status-tabs{gap:4px;margin:0 0 10px;padding:0;border-bottom:0}
.collab-status-tabs .queue-tab,
.queue-tabs .queue-tab{
  padding:5px 11px;font-size:12.5px;border-radius:999px;gap:6px;
  background:#fff;border:1px solid var(--border,#dde3e8);
}
.queue-tabs .queue-tab.is-active{
  background:#ecfdf5;border-color:var(--accent,#0f766e);color:var(--accent,#0f766e);
}
.queue-tab__count{
  min-width:18px;height:18px;padding:0 5px;border-radius:9px;font-size:11px;
  background:#e2e8f0;display:inline-flex;align-items:center;justify-content:center;font-weight:700;
}
.queue-tab.is-active .queue-tab__count{background:var(--accent,#0f766e);color:#fff}
.collab-card--filters,.collab-card--table{padding:10px 12px;margin-bottom:10px}
.collab-card--table{padding:0;overflow:hidden}
.collab-filters--dense,.collab-filters{
  display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin:0;
}
.collab-filters .field{margin:0;min-width:118px}
.collab-filters .field--grow{flex:1;min-width:180px}
.collab-filters label{font-size:11px;margin-bottom:2px;color:var(--muted,#64748b)}
.collab-filters input,.collab-filters select{height:32px;padding:4px 8px;font-size:13px}
.collab-table th{padding:8px 10px;font-size:11px;letter-spacing:.03em;text-transform:uppercase;color:#64748b}
.collab-table td{padding:8px 10px;font-size:13px;vertical-align:middle;border-top:1px solid #eef1f4}
.collab-table-click tr.is-clickable:hover{background:#f5f8fb}
.collab-subject-link{font-weight:600;color:inherit;text-decoration:none}
.collab-subject-link:hover{color:var(--accent,#0f766e);text-decoration:underline}
.collab-person{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.collab-avatar--sm{width:22px;height:22px;font-size:9px}
.collab-th-actions,.collab-td-actions{width:36px;text-align:right}
.collab-more{position:relative;display:inline-block}
.collab-more > summary{list-style:none;cursor:pointer}
.collab-more > summary::-webkit-details-marker{display:none}
.collab-more__btn,.collab-more > summary.btn{
  min-width:30px;padding:4px 8px;line-height:1.2;
}
.collab-more__menu{
  position:absolute;right:0;top:110%;z-index:30;min-width:150px;padding:6px;
  background:#fff;border:1px solid var(--border,#dde3e8);border-radius:8px;
  box-shadow:0 8px 24px rgba(15,23,42,.12);
}
.collab-more__menu a,.collab-more__menu button{
  display:block;width:100%;text-align:left;border:0;background:transparent;
  padding:7px 9px;font-size:13px;border-radius:6px;cursor:pointer;color:inherit;text-decoration:none;
}
.collab-more__menu a:hover,.collab-more__menu button:hover{background:#f1f5f9}
.collab-pager{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  padding:8px 12px;border-top:1px solid #eef1f4;background:#fafbfc;
}
.collab-pager__links{display:flex;gap:6px}

/* Detail density */
.collab-page--detail{gap:0}
.collab-header--compact{margin-bottom:10px;padding-bottom:10px}
.collab-header__title-row{gap:6px;margin-bottom:4px}
.collab-header h1{font-size:1.45rem}
.collab-header__subject{margin:0 0 4px;font-size:14px}
.collab-layout,.collab-layout--ticket{
  grid-template-columns:minmax(0,1.7fr) minmax(260px,.72fr);gap:12px;align-items:start;
}
.collab-main,.collab-aside{gap:10px}
.collab-card{padding:12px 14px}
.collab-card--compact{padding:10px 12px}
.collab-card--summary{padding:12px 14px}
.collab-card > h2,.collab-card__head h2{margin:0 0 8px;font-size:11px}
.collab-summary-grid{gap:6px 14px}
.collab-summary-grid dt{font-size:11px;margin:0 0 1px}
.collab-summary-grid dd{font-size:13px}
.collab-kv{gap:6px 12px;font-size:12.5px}

/* Auto-sized communication — kill giant empty panels */
.collab-card--stream{
  display:flex;flex-direction:column;gap:0 !important;
  min-height:0 !important;padding-bottom:10px;
}
.collab-card--stream .collab-stream,
.collab-stream{
  flex:0 1 auto !important;
  min-height:0 !important;
  max-height:min(48vh,520px) !important;
  overflow:auto;
  padding:2px 2px 6px;
}
.collab-msg{padding:8px 6px;gap:10px}
.collab-msg__text{font-size:13.5px;line-height:1.4}
.collab-composer-block,.collab-composer{margin-top:6px;padding-top:8px}
.collab-composer__drop textarea{min-height:64px !important;font-size:13.5px}
.collab-empty{padding:14px 10px;font-size:12.5px}

/* Semantic badges */
.collab-badge-status--waiting,.badge-info.collab-badge-status--waiting{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}
.collab-badge-prio--urgent{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;font-weight:700}
.collab-badge-prio--high{background:#fff1f2;color:#be123c;border:1px solid #fecdd3;font-weight:700}
.collab-badge-prio--normal{background:#fffbeb;color:#b45309;border:1px solid #fde68a}
.collab-badge-prio--low{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}
.collab-badge-cat--alert{background:#fff7ed;color:#c2410c;border-color:#fed7aa}
.collab-badge-cat--finance{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}
.collab-badge-cat--return{background:#fdf2f8;color:#be185d;border-color:#fbcfe8}
.collab-badge-cat--dtc{background:#f5f3ff;color:#6d28d9;border-color:#ddd6fe}
.collab-badge-cat--order{background:#ecfeff;color:#0e7490;border-color:#a5f3fc}
.collab-badge-cat--neutral{background:#f8fafc;color:#475569;border-color:#e2e8f0}
.collab-due--overdue{color:#b91c1c;font-weight:700}
.collab-due--today{color:#c2410c;font-weight:700}

@media (max-width:1100px){
  .collab-layout,.collab-layout--ticket{grid-template-columns:1fr}
}

/* === Tickets mockup density === */
.ticket-cat-icon{
  display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:2px;
  background:#94a3b8;vertical-align:middle;flex-shrink:0;
}
.ticket-cat-icon--package{background:#0e7490}
.ticket-cat-icon--payment{background:#1d4ed8}
.ticket-cat-icon--truck{background:#c2410c}
.ticket-cat-icon--return{background:#be185d}
.ticket-cat-icon--doc{background:#6d28d9}
.ticket-cat-icon--chat{background:#0f766e}
.ticket-cat-icon--ticket{background:#64748b}
.ticket-field-icon{
  display:inline-block;width:8px;height:8px;margin-right:4px;border-radius:50%;
  background:#cbd5e1;vertical-align:middle;
}
.ticket-field-icon--subject{background:#0f766e}
.ticket-field-icon--desc{background:#64748b}
.ticket-field-icon--source{background:#1d4ed8}
.ticket-field-icon--user{background:#0e7490}
.ticket-field-icon--category{background:#c2410c}
.ticket-field-icon--assignee{background:#6d28d9}
.ticket-affected-card .collab-card__head{margin-bottom:8px}
.ticket-affected-layout{
  display:grid;grid-template-columns:minmax(0,1.45fr) minmax(200px,.75fr);gap:14px;align-items:start;
}
@media (max-width:900px){.ticket-affected-layout{grid-template-columns:1fr}}
.ticket-order-status-box{
  padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;
}
.ticket-order-status-box__title{
  margin:0 0 8px;font-size:11px;font-weight:750;letter-spacing:.04em;
  text-transform:uppercase;color:var(--muted,#5a6570);
}
.ticket-product-img,.ticket-product-img--empty{
  width:80px;height:80px;object-fit:cover;border:1px solid var(--border,#dde3e8);
  border-radius:8px;flex-shrink:0;background:#f1f5f9;
}
.ticket-product-img--empty{
  display:inline-block;background:
    linear-gradient(135deg,#f8fafc 25%,#e2e8f0 25%,#e2e8f0 50%,#f8fafc 50%,#f8fafc 75%,#e2e8f0 75%);
  background-size:12px 12px;
}
.collab-aside .ticket-product-img,.collab-aside .ticket-product-img--empty{width:40px;height:40px;border-radius:6px}
.ticket-attach-thumbs .collab-attach-card--image{max-width:120px}
.ticket-quick-edit{margin:0}
.ticket-actions-grid{display:grid;gap:8px}
.ticket-actions-grid .btn,.ticket-actions-grid form{width:100%}
.ticket-note-block{border-top:1px solid var(--border,#e6ebf0);padding-top:12px}
.collab-list-header__sub{margin:2px 0 0;color:var(--muted,#5a6570);font-size:13px}
.collab-pager__perpage select,.ticket-per-page select{height:28px;font-size:12px;padding:2px 6px}
@media (max-width:1100px){
  .collab-layout--ticket{grid-template-columns:1fr}
}

/* Ticket detail cleanup: overflow delete + compact working area */
.collab-more__menu{min-width:180px}
.collab-more__danger{margin:6px 0 0;padding-top:6px;border-top:1px solid var(--border,#e6ebf0)}
.collab-more__danger-btn{
  display:block;width:100%;text-align:left;background:transparent;border:0;
  color:#b91c1c;font:inherit;padding:6px 8px;cursor:pointer;border-radius:4px;
}
.collab-more__danger-btn:hover{background:#fef2f2}
.ticket-source--unknown{font-style:italic;color:var(--muted,#6b7280)}
.ticket-hist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;max-height:min(42vh,420px);overflow:auto}
.ticket-hist__item{padding:0}
.ticket-hist__text{font-size:12.5px;line-height:1.4;white-space:pre-wrap}
.ticket-hist__atts{margin-top:6px}
.ticket-note-block{margin-top:10px;padding-top:10px;border-top:1px solid var(--border,#e6ebf0)}
.ticket-attach-summary{padding-top:8px;padding-bottom:8px}
.collab-page--detail .collab-card--stream{display:none}

/* === Ticket detail controlled rollback (compact) === */
.collab-layout--ticket{grid-template-columns:minmax(0,1.75fr) minmax(300px,.82fr);gap:16px;align-items:start}
@media (max-width:1100px){.collab-layout--ticket{grid-template-columns:1fr}}

.ticket-problem-card .ticket-problem__subject{
  font-size:1.15rem;font-weight:700;line-height:1.3;margin:2px 0 8px;color:#0f172a;
}
.ticket-problem-card .ticket-problem__desc{
  font-size:14px;line-height:1.45;color:#334155;margin:0 0 12px;
}
.ticket-problem-meta{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin:0;
}
@media (max-width:700px){.ticket-problem-meta{grid-template-columns:1fr}}
.ticket-problem-meta > div{min-width:0}
.ticket-problem-meta dt{
  margin:0 0 2px;font-size:11px;color:var(--muted,#64748b);display:flex;align-items:center;gap:5px;
}
.ticket-problem-meta dd{margin:0;font-size:13px}

.ticket-affected-layout{
  display:grid;grid-template-columns:minmax(0,1.45fr) minmax(220px,.8fr);gap:14px;align-items:start;
}
@media (max-width:900px){.ticket-affected-layout{grid-template-columns:1fr}}
.ticket-product-img,.ticket-product-img--empty{
  width:80px;height:80px;object-fit:cover;border:1px solid var(--border,#dde3e8);
  border-radius:8px;flex-shrink:0;background:#f1f5f9;
}
.collab-aside .ticket-product-img,.collab-aside .ticket-product-img--empty{width:40px;height:40px;border-radius:6px}

/* Compact horizontal Bearbeitung row */
.ticket-quick-edit{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px 10px;
  align-items:end;
  margin:0;
}
@media (max-width:1200px){
  .ticket-quick-edit{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:700px){
  .ticket-quick-edit{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.ticket-quick-edit .field{margin:0;min-width:0}
.ticket-quick-edit label{
  display:block;font-size:11px;font-weight:650;margin:0 0 4px;color:var(--muted,#5a6570);
}
.ticket-quick-edit select,
.ticket-quick-edit .ticket-due-picker__display,
.ticket-quick-edit .btn{
  width:100%;min-height:34px;height:34px;box-sizing:border-box;
  border:1px solid var(--border,#d5dde5);border-radius:8px;background:#fff;
  padding:4px 8px;font:inherit;font-size:13px;
}
.ticket-quick-edit .btn{display:inline-flex;align-items:center;justify-content:center}
.ticket-due-field{position:relative}
.ticket-due-picker{position:relative}
.ticket-due-picker__native{
  position:absolute;inset:0;width:100%;height:34px;opacity:0;border:0;padding:0;margin:0;
  pointer-events:none;
}
.ticket-due-picker__display{
  display:flex;align-items:center;gap:7px;cursor:pointer;text-align:left;color:#0f172a;
  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
.ticket-due-picker__display:hover{border-color:#94a3b8}
.ticket-due-picker__cal{
  display:inline-block;width:12px;height:12px;border-radius:3px;background:#2563eb;flex-shrink:0;
}
.ticket-due-picker__panel{
  position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;
  display:flex;flex-wrap:wrap;gap:4px;padding:6px;border:1px solid #e2e8f0;
  border-radius:8px;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.08);
}
.ticket-due-picker__panel[hidden]{display:none !important}
.ticket-due-picker__panel .btn{height:26px;min-height:26px;padding:0 8px;font-size:11.5px;border-radius:999px;width:auto}
.ticket-note-block{margin-top:10px;padding-top:10px;border-top:1px solid var(--border,#e6ebf0)}
.ticket-note-block__help{margin:0 0 8px;font-size:12px;color:var(--muted,#64748b)}

.ticket-timeline,.ticket-hist{
  list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;
  max-height:min(42vh,420px);overflow:auto;
}
.ticket-timeline__item,.ticket-hist__item{
  position:relative;display:grid;grid-template-columns:12px minmax(0,1fr);gap:8px;padding:0 0 12px;
}
.ticket-timeline__item:last-child,.ticket-hist__item:last-child{padding-bottom:2px}
.ticket-timeline__dot{
  width:10px;height:10px;border-radius:50%;margin-top:5px;background:#94a3b8;
  box-shadow:0 0 0 3px #fff;position:relative;z-index:1;
}
.ticket-timeline__item:not(:last-child)::before{
  content:"";position:absolute;left:4px;top:14px;bottom:0;width:2px;background:#e2e8f0;
}
.ticket-timeline__item--info .ticket-timeline__dot{background:#3b82f6}
.ticket-timeline__item--assign .ticket-timeline__dot{background:#14b8a6}
.ticket-timeline__item--status .ticket-timeline__dot{background:#2563eb}
.ticket-timeline__item--priority .ticket-timeline__dot,.ticket-timeline__item--prio .ticket-timeline__dot{background:#f97316}
.ticket-timeline__item--note .ticket-timeline__dot{background:#0d9488}
.ticket-timeline__item--attach .ticket-timeline__dot{background:#8b5cf6}
.ticket-timeline__item--done .ticket-timeline__dot{background:#16a34a}
.ticket-timeline__body{min-width:0}
.ticket-hist__text,.ticket-timeline__text{font-size:12.5px;line-height:1.4;white-space:pre-wrap}

.ticket-actions-grid{display:grid;gap:8px}
.ticket-action-form{margin:0}
.ticket-action-btn{
  width:100%;display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;
}
.ticket-action-ico{
  display:inline-block;width:12px;height:12px;border-radius:3px;background:#94a3b8;flex-shrink:0;
}
.ticket-action-ico--forward{background:#64748b}
.ticket-action-ico--status{background:#0284c7}
.ticket-action-ico--done{background:#16a34a}
.ticket-action-ico--close{background:#94a3b8}
.ticket-action-btn--success{background:#15803d;border-color:#15803d;color:#fff}
.ticket-field-icon{
  display:inline-block;width:8px;height:8px;margin-right:4px;border-radius:50%;background:#cbd5e1;vertical-align:middle;
}
.ticket-field-icon--source{background:#1d4ed8}
.ticket-field-icon--user{background:#0e7490}
.ticket-field-icon--assignee{background:#6d28d9}
.ticket-field-icon--category{background:#c2410c}


/* Ticket problem clarity + create order context */
.ticket-problem__label{
  font-size:11px;font-weight:650;letter-spacing:.02em;text-transform:uppercase;
  color:var(--muted,#64748b);margin:0 0 4px;
}
.ticket-problem__block{margin:0 0 12px}
.ticket-problem-card .ticket-problem__subject{
  font-size:1.28rem;font-weight:700;line-height:1.3;margin:0;color:#0f172a;
}
.ticket-problem-card .ticket-problem__desc{
  font-size:14.5px;line-height:1.5;color:#334155;margin:0;
}
.ticket-problem__desc--empty{color:var(--muted,#94a3b8);font-style:italic}
.ticket-stand-card .ticket-stand__body{
  font-size:14px;line-height:1.45;margin:0 0 6px;white-space:pre-wrap;
}
.ticket-product-img,.ticket-product-img--empty{width:84px;height:84px}
.collab-aside .collab-kv dt,.collab-aside .collab-kv dd{font-size:13px}
.ticket-create-order-ctx{
  margin-top:10px;padding:12px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;
}
.ticket-create-order-ctx__grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;
}
@media (max-width:800px){.ticket-create-order-ctx__grid{grid-template-columns:1fr}}
.ticket-create-order-ctx h3{
  margin:0 0 8px;font-size:11px;font-weight:750;letter-spacing:.04em;
  text-transform:uppercase;color:var(--muted,#64748b);
}
.ticket-create-items{display:grid;gap:8px}
.ticket-create-item{
  display:grid;grid-template-columns:auto 72px minmax(0,1fr);gap:10px;align-items:center;
  padding:8px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;
}
.ticket-create-item__img,.ticket-create-item__img--empty{
  width:72px;height:72px;object-fit:cover;border-radius:6px;border:1px solid #e2e8f0;background:#f1f5f9;
}
.ticket-create-item__meta{display:flex;flex-direction:column;gap:2px;min-width:0}
.ticket-routing-hint{color:#075985;background:#e0f2fe;border-radius:6px;padding:6px 8px}

/* Ticket detail clarity: stand + resolution */
.ticket-problem-card .ticket-problem__subject,
.ticket-problem-card .ticket-problem__title{
  font-size:1.32rem;font-weight:700;line-height:1.28;color:#0f172a;
}
.ticket-problem-card .ticket-problem__desc{
  font-size:14.5px;line-height:1.5;color:#334155;
}
.ticket-stand-card .ticket-stand__body,
.ticket-resolution-card .ticket-stand__body{
  font-size:14px;line-height:1.45;margin:0 0 6px;white-space:pre-wrap;
}
.ticket-stand__body--empty{font-style:italic}
.ticket-resolution-card--success{
  border-color:#86efac;background:#f0fdf4;
}
.ticket-resolution-meta{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:8px 0 0;
}
.ticket-resolution-meta dt{margin:0;font-size:11px;color:var(--muted,#64748b)}
.ticket-resolution-meta dd{margin:0;font-size:13px}

/* === Ticket Detail Variante 3 === */
.ticket-detail-v3{width:100%;max-width:100%}
.ticket-detail-v3 .ticket-v3-title,
.ticket-detail-v3 .ticket-v3-title.mono{
  font-size:clamp(1.55rem,1.25rem + .7vw,1.95rem);font-weight:750;letter-spacing:-.02em;line-height:1.15;margin:0
}
.ticket-detail-v3 .collab-header__subject{font-size:15px;margin:6px 0 4px}
.ticket-detail-v3 .collab-header__meta{font-size:12.5px}

.ticket-v3-top{
  display:grid;
  grid-template-columns:minmax(0,1.28fr) minmax(0,1fr) minmax(0,1fr);
  gap:14px;
  margin:0 0 14px;
  align-items:stretch;
}
@media (max-width:1100px){
  .ticket-v3-top{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  .ticket-v3-top{grid-template-columns:1fr}
}

.ticket-detail-v3 .collab-layout--ticket{
  grid-template-columns:minmax(0,1.7fr) minmax(280px,.78fr);
  gap:14px;
}
.ticket-detail-v3 .collab-main,
.ticket-detail-v3 .collab-aside{gap:14px}
.ticket-detail-v3 .collab-card,
.ticket-v3-card{
  border-radius:14px;
  padding:16px 18px;
  box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 20px rgba(15,23,42,.03);
}
.ticket-detail-v3 .collab-card > h2,
.ticket-detail-v3 .ticket-v3-section-head h2,
.ticket-detail-v3 .ticket-v3-section-head--green h2,
.ticket-detail-v3 .ticket-v3-section-head--success h2{
  margin:0;font-size:12px;font-weight:750;letter-spacing:.04em;text-transform:uppercase;color:#5a6570
}

.ticket-ui-icon{display:block;flex-shrink:0}
.ticket-v3-heading-ico,
.ticket-v3-inline-ico,
.ticket-v3-section-ico,
.ticket-v3-meta-tile__ico{
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#475569
}
.ticket-v3-heading-ico{margin-right:8px;vertical-align:-3px;color:#0f766e}
.ticket-v3-inline-ico{margin-right:6px;color:#64748b}
.ticket-v3-inline-ico .ticket-ui-icon{width:14px;height:14px}
.ticket-v3-heading-sub{font-weight:600;text-transform:none;letter-spacing:0;color:#94a3b8;margin-left:4px}

.ticket-v3-product .ticket-product-img,
.ticket-v3-product .ticket-product-img--empty{
  width:88px;height:88px;border-radius:10px
}
.ticket-v3-product .collab-item-row__name{font-size:14.5px;font-weight:700;line-height:1.3}
.ticket-v3-product .collab-item-row--emphasis,
.ticket-v3-product .collab-item-row{
  align-items:flex-start;gap:12px;padding:8px 0;border:0;background:transparent
}

.ticket-v3-ship .collab-kv,
.ticket-order-status-box--flush .collab-kv{
  gap:8px 12px;font-size:13px
}
.ticket-v3-tracking{color:#0f766e;font-weight:700;text-decoration:none}
.ticket-v3-tracking:hover{text-decoration:underline}
.badge-muted{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}

/* Blue Anfrage card */
.ticket-v3-problem,
.ticket-problem-card.ticket-v3-problem{
  background:linear-gradient(180deg,#f4f9ff 0%,#eef6ff 100%);
  border:1px solid #bfdbfe;
  box-shadow:0 1px 2px rgba(37,99,235,.05);
}
.ticket-v3-section-head,
.ticket-v3-section-head--blue,
.ticket-v3-section-head--green,
.ticket-v3-section-head--success{
  display:flex;align-items:center;gap:10px;margin:0 0 14px
}
.ticket-v3-section-ico,
.ticket-v3-section-ico--blue,
.ticket-v3-section-ico--green,
.ticket-v3-section-ico--success,
.ticket-v3-section-ico--stand{
  width:32px;height:32px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center
}
.ticket-v3-section-ico--blue{
  background:#dbeafe;color:#1d4ed8
}
.ticket-v3-section-head--blue h2,
.ticket-v3-problem > .ticket-v3-section-head h2{color:#1e40af}

.ticket-v3-problem .ticket-problem__label,
.ticket-v3-problem .ticket-problem__label{
  font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#3b82f6;margin:0 0 4px
}
.ticket-v3-problem .ticket-problem__subject{
  font-size:1.4rem;font-weight:750;line-height:1.25;color:#0f172a;margin:0 0 12px
}
.ticket-v3-problem .ticket-problem__desc{
  font-size:15px;line-height:1.55;color:#334155;margin:0 0 14px
}
.ticket-v3-problem .ticket-problem__desc--empty{color:#94a3b8;font-style:italic}

.ticket-v3-meta-tiles{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:4px
}
@media (max-width:900px){
  .ticket-v3-meta-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:520px){
  .ticket-v3-meta-tiles{grid-template-columns:1fr}
}
.ticket-v3-meta-tile{
  display:flex;gap:10px;align-items:flex-start;
  background:#fff;border:1px solid #dbe3ee;border-radius:10px;padding:10px 12px
}
.ticket-v3-meta-tile__ico{
  width:28px;height:28px;border-radius:50%;background:#eff6ff;color:#1d4ed8;
  display:inline-flex;align-items:center;justify-content:center;margin-top:1px
}
.ticket-v3-meta-tile__label{
  font-size:11px;color:#64748b;font-weight:600;margin:0 0 2px
}
.ticket-v3-meta-tile__value{
  font-size:13.5px;font-weight:700;color:#0f172a;line-height:1.3
}

/* Stand */
.ticket-v3-stand{padding:14px 16px}
.ticket-v3-section-ico--stand{background:#e0f2fe;color:#0369a1}
.ticket-v3-stand .ticket-stand__body{font-size:14.5px;line-height:1.45;margin:0 0 6px}

/* Green Bearbeitung */
.ticket-v3-edit,
.ticket-edit-card.ticket-v3-edit{
  background:linear-gradient(180deg,#f3fdf6 0%,#ecfdf3 100%);
  border:1px solid #86efac;
  box-shadow:0 1px 2px rgba(22,163,74,.05)
}
.ticket-v3-section-ico--green{background:#dcfce7;color:#15803d}
.ticket-v3-section-head--green h2{color:#166534}
.ticket-v3-edit .ticket-quick-edit,
.ticket-v3-edit .collab-filters--dense{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr)) auto;
  gap:10px 12px;align-items:end;margin:0 0 14px
}
@media (max-width:1200px){
  .ticket-v3-edit .ticket-quick-edit,
  .ticket-v3-edit .collab-filters--dense{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:700px){
  .ticket-v3-edit .ticket-quick-edit,
  .ticket-v3-edit .collab-filters--dense{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.ticket-v3-edit .ticket-quick-edit .field,
.ticket-v3-edit .collab-filters--dense .field{margin:0;min-width:0}
.ticket-v3-edit .ticket-quick-edit label,
.ticket-v3-edit .collab-filters--dense label{
  display:block;font-size:11px;font-weight:650;margin:0 0 4px;color:#3f6b4e
}
.ticket-v3-edit .ticket-quick-edit select,
.ticket-v3-edit .ticket-quick-edit .ticket-due-picker__display,
.ticket-v3-edit .collab-filters--dense select,
.ticket-v3-edit .ticket-due-picker__display{
  width:100%;min-height:38px;height:38px;box-sizing:border-box;
  border:1px solid #c5d6cb;border-radius:8px;background:#fff;padding:4px 10px;font-size:13.5px
}
.ticket-v3-edit .ticket-edit-save .btn,
.ticket-v3-edit .field--action .btn{min-height:38px;height:38px;white-space:nowrap}

.ticket-v3-note,
.ticket-v3-edit .ticket-note-block{
  margin-top:4px;padding:12px 14px;border-radius:12px;
  background:rgba(255,255,255,.88);border:1px solid #bbf7d0
}
.ticket-v3-note .collab-composer-block__title,
.ticket-v3-edit .collab-composer-block__title{
  color:#166534;margin:0 0 2px
}
.ticket-v3-edit .ticket-note-block__help{margin:0 0 8px;font-size:12px;color:#64748b}
.ticket-v3-edit .collab-composer__drop{
  background:#fff;border-color:#cce7d4
}
.ticket-v3-edit .collab-composer button[type="submit"],
.ticket-v3-edit .collab-composer .btn-primary{
  background:#15803d;border-color:#15803d;color:#fff
}

/* Resolution stronger green */
.ticket-v3-resolution,
.ticket-resolution-card--success.ticket-v3-resolution{
  background:#ecfdf5;border:1px solid #4ade80
}
.ticket-v3-section-ico--success{background:#bbf7d0;color:#15803d}
.ticket-v3-section-head--success h2{color:#166534}

/* Timeline */
.ticket-detail-v3 .ticket-timeline{max-height:min(48vh,460px);overflow:auto;padding:2px 0 0}
.ticket-detail-v3 .ticket-timeline__item{display:grid;grid-template-columns:12px minmax(0,1fr);gap:10px;position:relative;padding:0 0 14px}
.ticket-detail-v3 .ticket-timeline__item:not(:last-child)::before{
  content:"";position:absolute;left:5px;top:14px;bottom:0;width:2px;background:#e2e8f0
}
.ticket-detail-v3 .ticket-timeline__dot{
  width:10px;height:10px;border-radius:50%;margin-top:5px;background:#94a3b8;
  box-shadow:0 0 0 3px #fff;position:relative;z-index:1
}
.ticket-timeline__item--created .ticket-timeline__dot,
.ticket-timeline__item--system .ticket-timeline__dot{background:#3b82f6}
.ticket-timeline__item--note .ticket-timeline__dot{background:#0d9488}
.ticket-timeline__item--status .ticket-timeline__dot,
.ticket-timeline__item--assign .ticket-timeline__dot{background:#f59e0b}
.ticket-timeline__item--done .ticket-timeline__dot,
.ticket-timeline__item--resolved .ticket-timeline__dot{background:#16a34a}
.ticket-detail-v3 .ticket-hist__text{font-size:13px;line-height:1.4}

.ticket-customer-card .collab-kv a,
.ticket-detail-v3 .collab-aside a.collab-link{color:#0f766e;font-weight:650}

.ticket-actions-card .ticket-actions-grid,
.ticket-detail-v3 .ticket-actions-grid{display:grid;gap:8px}
.ticket-detail-v3 .ticket-action-btn{
  width:100%;justify-content:flex-start;gap:10px;min-height:40px;border-radius:10px
}
.ticket-detail-v3 .ticket-action-ico{
  width:22px;height:22px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;
  background:transparent
}
.ticket-detail-v3 .ticket-action-ico .ticket-ui-icon{width:16px;height:16px}
.ticket-detail-v3 .ticket-action-ico--forward{color:#64748b}
.ticket-detail-v3 .ticket-action-ico--status{color:#0284c7}
.ticket-detail-v3 .ticket-action-ico--done{color:#fff}
.ticket-detail-v3 .ticket-action-ico--close{color:#64748b}
.ticket-detail-v3 .ticket-action-btn--success{
  background:#15803d;border-color:#15803d;color:#fff;font-weight:700
}
.ticket-detail-v3 .ticket-action-btn--success:hover{background:#166534;border-color:#166534}

.ticket-detail-v3 .ticket-info-card .collab-kv,
.ticket-v3-info .collab-kv{font-size:13px;gap:8px 12px}


/* Variante 3 class-name bridge (match actual markup) */
.ticket-detail-v3 .ticket-v3-top{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(0,1fr) minmax(0,1fr);gap:14px;margin:0 0 14px}
@media (max-width:1100px){.ticket-detail-v3 .ticket-v3-top{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.ticket-detail-v3 .ticket-v3-top{grid-template-columns:1fr}}

.ticket-v3-problem,
.ticket-problem-card.ticket-v3-problem{
  background:linear-gradient(180deg,#f4f9ff,#eef6ff)!important;
  border:1px solid #bfdbfe!important;
}
.ticket-v3-section-head,
.ticket-v3-section-head--blue,
.ticket-v3-section-head--green,
.ticket-v3-section-head--success{
  display:flex;align-items:center;gap:10px;margin:0 0 14px
}
.ticket-v3-section-ico,
.ticket-v3-section-ico--blue,
.ticket-v3-section-ico--green,
.ticket-v3-section-ico--success,
.ticket-v3-section-ico--stand{
  width:32px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0
}
.ticket-v3-section-ico--blue{background:#dbeafe;color:#1d4ed8}
.ticket-v3-section-ico--green{background:#dcfce7;color:#15803d}
.ticket-v3-section-ico--success{background:#bbf7d0;color:#15803d}
.ticket-v3-section-ico--stand{background:#e0f2fe;color:#0369a1}
.ticket-v3-section-head--blue h2,
.ticket-v3-problem h2{color:#1e40af}
.ticket-v3-section-head--green h2,
.ticket-v3-edit h2{color:#166534}

.ticket-v3-meta-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@media (max-width:900px){.ticket-v3-meta-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.ticket-v3-meta-tiles{grid-template-columns:1fr}}
.ticket-v3-meta-tile{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid #dbe3ee;border-radius:10px;padding:10px 12px}
.ticket-v3-meta-tile__ico{width:28px;height:28px;border-radius:999px;background:#eff6ff;color:#1d4ed8;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.ticket-v3-meta-tile__label{font-size:11px;color:#64748b;font-weight:650;margin:0 0 2px}
.ticket-v3-meta-tile__value{font-size:13.5px;font-weight:700;color:#0f172a;line-height:1.3}

.ticket-v3-edit,
.ticket-edit-card.ticket-v3-edit{
  background:linear-gradient(180deg,#f3fdf6,#ecfdf3)!important;
  border:1px solid #86efac!important;
}
.ticket-v3-note,
.ticket-v3-edit .ticket-note-block{
  margin-top:8px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.9);border:1px solid #bbf7d0
}
.ticket-v3-resolution{background:#ecfdf5!important;border:1px solid #4ade80!important}
.ticket-v3-heading-ico{display:inline-flex;margin-right:8px;color:#0f766e;vertical-align:-3px}
.ticket-v3-heading-sub{font-weight:600;text-transform:none;letter-spacing:0;color:#94a3b8}
.ticket-v3-inline-ico{display:inline-flex;margin-right:6px;color:#64748b;vertical-align:-2px}
.ticket-v3-tracking{color:#0f766e;font-weight:700}
.ticket-v3-product .ticket-product-img,
.ticket-v3-product .ticket-product-img--empty{width:88px;height:88px;border-radius:10px}
.ticket-v3-title{font-size:clamp(1.55rem,1.25rem + .7vw,1.95rem)!important;font-weight:750!important}
.ticket-v3-problem .ticket-problem__subject{font-size:1.38rem!important;font-weight:750!important}
.ticket-v3-problem .ticket-problem__desc{font-size:15px!important;line-height:1.55!important}
.ticket-v3-card,.ticket-detail-v3 .collab-card{border-radius:14px;padding:16px 18px}
.ticket-action-ico .ticket-ui-icon{width:16px;height:16px}
.ticket-action-btn--success{background:#15803d!important;border-color:#15803d!important;color:#fff!important}


/* Ticket Detail — header readability pass */
.ticket-detail-v3 .ticket-v3-title,
.ticket-detail-v3 .ticket-v3-title.mono{
  font-size:clamp(1.75rem,1.4rem + .85vw,2.15rem)!important;
  font-weight:780!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
}
.ticket-detail-v3 .collab-header__subject{
  font-size:17px!important;
  font-weight:650!important;
  line-height:1.35!important;
  margin:8px 0 6px!important;
}
.ticket-detail-v3 .collab-header__subject strong{
  font-size:1.08em;
  font-weight:750;
}
.ticket-detail-v3 .collab-header__links{
  gap:10px 18px;
  margin-top:6px;
}
.ticket-detail-v3 .collab-header__links .collab-link,
.ticket-detail-v3 .collab-header__links .collab-link-muted{
  font-size:14.5px!important;
}
.ticket-detail-v3 .collab-header__meta{
  font-size:13px!important;
  margin-top:8px!important;
  gap:8px 10px!important;
}
.ticket-detail-v3 .collab-header__title-row .badge{
  font-size:12.5px;
  padding:4px 10px;
  border-radius:999px;
}
.ticket-detail-v3 .collab-header--compact{
  margin-bottom:14px;
  padding-bottom:14px;
}

/* === Chat full-height workspace (desktop messenger) === */
body.page-chat{
  height:100dvh;overflow:hidden
}
body.page-chat .app-shell{
  height:100dvh;min-height:0;overflow:hidden
}
body.page-chat .main{
  min-height:0;overflow:hidden;display:flex;flex-direction:column;
  padding-bottom:var(--space-3)
}
body.page-chat .mobile-topbar{flex-shrink:0}
body.page-chat .page-shell{
  flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden
}
body.page-chat .chat-page-v3{
  flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;height:100%
}
body.page-chat .chat-page-v3 .chat-topbar{flex-shrink:0;margin-bottom:10px}
body.page-chat .chat-page-v3 .flash{flex-shrink:0}
body.page-chat .chat-page-v3 .chat-layout,
body.page-chat .chat-page-v3 .chat-shell{
  flex:1;min-height:0;height:auto;max-height:none;overflow:hidden
}

/* === Chat + Problemfälle visual family (v3) — mockup match === */
.collab-avatar--md{width:36px;height:36px;font-size:12px;font-weight:700}
.collab-avatar--lg{width:46px;height:46px;font-size:14px;font-weight:750}

/* Chat page — approved mockup composition (overrides older chat-* rules) */
.chat-page-v3.chat-page-mock,
.chat-page-v3{
  --chat-left:minmax(240px,23%);
  --chat-center:minmax(0,1fr);
  --chat-right:minmax(220px,19%);
  --chat-mint:#ecfdf5;
  --chat-mint-border:#bbf7d0;
  --chat-teal:#0f766e;
  --chat-unread:#ea580c;
  --chat-online:#16a34a
}
.chat-page-v3 .chat-topbar{
  display:flex;align-items:center;justify-content:flex-start;gap:20px;
  margin-bottom:14px;flex-wrap:wrap
}
.chat-page-v3 .chat-topbar__title h1,
.chat-page-v3 .topbar h1{
  font-size:1.82rem;font-weight:800;letter-spacing:-.02em;margin:0;line-height:1.15
}
.chat-page-v3 .chat-top-search{
  margin:0;flex:1 1 auto;max-width:560px;min-width:min(440px,100%);position:relative
}
.chat-page-v3 .chat-top-search__ico{
  position:absolute;left:14px;top:50%;transform:translateY(-50%);
  width:18px;height:18px;color:#64748b;pointer-events:none
}
.chat-page-v3 .chat-top-search input[type=search]{
  width:100%;height:44px;border-radius:12px;font-size:14.5px;padding:0 14px 0 40px
}
.chat-page-v3 .chat-layout,
.chat-page-v3 .chat-shell{
  display:grid;
  grid-template-columns:var(--chat-left) var(--chat-center) var(--chat-right);
  gap:14px;
  min-height:0;
  align-items:stretch;width:100%
}
.chat-page-v3 .chat-layout--no-right,
.chat-page-v3 .chat-shell--no-right{
  grid-template-columns:var(--chat-left) var(--chat-center)
}
.chat-page-v3 .chat-threads,
.chat-page-v3 .chat-pane,
.chat-page-v3 .chat-aside{
  display:flex;flex-direction:column;min-height:0;
  border-radius:14px;
  box-shadow:0 1px 2px rgba(15,23,42,.04),0 10px 28px rgba(15,23,42,.05);
  border:1px solid #e2e8f0;
  background:#fff;
  padding:14px
}
.chat-page-v3 .chat-threads{padding:12px 12px 12px}
.chat-page-v3 .chat-filters{
  display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px
}
.chat-page-v3 .chat-filters a{
  padding:7px 13px;font-size:13px;background:#f8fafc;border:1px solid #e2e8f0;
  border-radius:999px;text-decoration:none;color:#334155;font-weight:650;
  display:inline-flex;align-items:center;gap:6px
}
.chat-page-v3 .chat-filters a.is-active{
  background:var(--chat-teal);border-color:var(--chat-teal);color:#fff
}
.chat-page-v3 .chat-filters .chat-thread__unread{
  background:var(--chat-unread);color:#fff;min-width:17px;height:17px;padding:0 5px;
  border-radius:999px;font-size:10px;font-weight:750;display:inline-flex;
  align-items:center;justify-content:center
}
.chat-page-v3 .chat-filters a.is-active .chat-thread__unread{background:#fff;color:var(--chat-teal)}
.chat-page-v3 .chat-left-search{margin:0 0 10px}
.chat-page-v3 .chat-left-search input[type=search],
.chat-page-v3 .chat-threads .field input[type=search]{
  width:100%;height:38px;border-radius:10px;font-size:13.5px
}
.chat-page-v3 .chat-thread-list{overflow:auto;flex:1;min-height:0;margin:0 -4px;padding:0 4px}
.chat-page-v3 .chat-thread{
  display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:center;
  padding:11px 10px;border-radius:12px;border:0;border-left:3px solid transparent;
  margin-bottom:3px;text-decoration:none;color:inherit;background:transparent
}
.chat-page-v3 .chat-thread:hover{background:#f8fafc}
.chat-page-v3 .chat-thread.is-active{
  background:var(--chat-mint);border-left-color:var(--chat-teal)
}
.chat-page-v3 .chat-thread.is-active .chat-thread__top strong{color:var(--chat-teal)}
.chat-page-v3 .chat-thread.is-unread .chat-thread__top strong{font-weight:800}
.chat-page-v3 .chat-thread.is-unread .chat-thread__preview > span:first-child{
  color:#334155;font-weight:650
}
.chat-page-v3 .chat-thread__body{min-width:0}
.chat-page-v3 .chat-thread__top{
  display:flex;justify-content:space-between;gap:8px;align-items:baseline
}
.chat-page-v3 .chat-thread__top strong{
  font-size:var(--font-table);font-weight:720;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#0f172a
}
.chat-page-v3 .chat-thread__time{font-size:var(--font-xs);flex-shrink:0;color:var(--muted-readable,#475569)}
.chat-page-v3 .chat-thread__preview{
  font-size:var(--font-sm);color:var(--muted-readable,#475569);margin-top:3px;display:flex;gap:8px;align-items:center
}
.chat-page-v3 .chat-thread__preview > span:first-child{
  flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.chat-page-v3 .chat-thread__unread{
  background:var(--chat-unread);color:#fff;min-width:19px;height:19px;padding:0 6px;
  border-radius:999px;font-size:11px;font-weight:750;display:inline-flex;
  align-items:center;justify-content:center;flex-shrink:0
}
.chat-page-v3 .chat-thread__unread:empty,
.chat-page-v3 .chat-thread__unread[hidden]{
  display:none!important
}
.chat-page-v3 .chat-avatar--list{width:40px;height:40px;font-size:13px}
.chat-page-v3 .chat-avatar--list.collab-avatar--online::after,
.chat-page-v3 .collab-avatar--online::after{
  background:var(--chat-online)!important;width:9px;height:9px;border:2px solid #fff
}
/* Channels never get online dots — only direct chats / members. */
.chat-page-v3 .chat-thread[data-thread-type="channel"] .collab-avatar::after{display:none!important}
.chat-page-v3 .chat-new-cta-wrap{
  margin-top:auto;padding-top:12px;border-top:1px solid #eef2f6
}
.chat-page-v3 .chat-new-cta{
  width:100%;justify-content:center;font-weight:750;padding:13px 14px;
  border-radius:12px;font-size:14.5px
}

/* Center pane */
.chat-page-v3 .chat-pane{padding:0;overflow:hidden}
.chat-page-v3 .chat-pane__header{
  display:flex;align-items:center;gap:12px;padding:14px 16px;
  margin:0;border-bottom:1px solid #e8eef3;flex-shrink:0;background:#fff
}
.chat-page-v3 .chat-avatar--header{width:46px;height:46px;font-size:14px}
.chat-page-v3 .chat-pane__header-text{flex:1;min-width:0}
.chat-page-v3 .chat-pane__name,
.chat-page-v3 .chat-pane__header-text strong{
  font-size:var(--font-xl);font-weight:780;display:block;line-height:1.2;color:#0f172a
}
.chat-page-v3 .chat-pane__status{
  display:flex;align-items:center;gap:6px;font-size:var(--font-sm);color:var(--chat-teal);
  font-weight:650;margin-top:3px
}
.chat-page-v3 .chat-online-dot{
  width:8px;height:8px;border-radius:50%;background:#22c55e;
  box-shadow:0 0 0 3px rgba(34,197,94,.16);display:inline-block;flex-shrink:0
}
.chat-page-v3 .chat-pane__subtitle{
  margin-top:2px;font-size:var(--font-sm);color:var(--muted-readable,#475569)
}
.chat-page-v3 .chat-center__actions{display:flex;gap:8px;align-items:center;flex-shrink:0}
.chat-page-v3 .chat-icon-btn{
  width:38px;height:38px;min-width:38px;padding:0;
  display:inline-flex;align-items:center;justify-content:center;border-radius:10px
}
.chat-page-v3 .chat-local-filter{margin:0 16px 8px}
.chat-page-v3 .chat-stream-wrap{
  position:relative;flex:1;min-height:0;display:flex;flex-direction:column;
  background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%)
}
.chat-page-v3 .chat-stream{
  flex:1;overflow:auto;padding:14px 18px 18px;
  display:flex;flex-direction:column;gap:8px;min-height:0
}
.chat-page-v3 .chat-date-sep{
  align-self:center;font-size:12px;font-weight:700;color:#64748b;
  background:#e2e8f0;border-radius:999px;padding:4px 12px;margin:4px 0 6px
}
.chat-page-v3 .chat-empty-center{padding:40px 20px;text-align:center}

/* Messages — content-fit, left others / right mine, max ~65–70% */
.chat-page-v3 .chat-bubble{
  display:grid;grid-template-columns:40px minmax(0,max-content);gap:10px;align-items:start;
  max-width:min(68%,42rem);width:fit-content;position:relative;margin:0
}
.chat-page-v3 .chat-bubble--other{align-self:flex-start;margin-right:auto}
.chat-page-v3 .chat-bubble--mine{
  align-self:flex-end;margin-left:auto;
  grid-template-columns:minmax(0,max-content) 40px
}
.chat-page-v3 .chat-bubble--mine > .collab-avatar,
.chat-page-v3 .chat-bubble--mine > .chat-bubble__avatar-spacer{order:2}
.chat-page-v3 .chat-avatar--msg{width:36px;height:36px;font-size:12px}
.chat-page-v3 .chat-bubble__avatar-spacer{width:36px;height:1px;display:block}
.chat-page-v3 .chat-bubble--grouped{margin-top:-2px}
.chat-page-v3 .chat-bubble__content{
  min-width:0;max-width:100%;padding:10px 13px;border-radius:13px
}
.chat-page-v3 .chat-bubble--other .chat-bubble__content{
  background:#fff;border:1px solid #e2e8f0;border-radius:14px 14px 14px 6px;
  box-shadow:0 1px 2px rgba(15,23,42,.03)
}
.chat-page-v3 .chat-bubble--other:hover .chat-bubble__content{background:#fafbfc}
.chat-page-v3 .chat-bubble--mine .chat-bubble__content{
  background:var(--chat-mint);border:1px solid var(--chat-mint-border);
  border-radius:14px 14px 6px 14px;padding:10px 13px
}
.chat-page-v3 .collab-msg__meta{
  display:flex;gap:8px;align-items:baseline;margin-bottom:4px;flex-wrap:wrap
}
.chat-page-v3 .collab-msg__meta strong{font-size:var(--font-sm);font-weight:720;color:#0f172a}
.chat-page-v3 .collab-msg__meta .tiny{font-size:var(--font-xs);color:var(--muted-readable,#475569)}
.chat-page-v3 .collab-msg__text{font-size:var(--font-base);line-height:1.5;color:#0f172a;word-break:break-word}
.chat-page-v3 .chat-reply-quote{
  border-left:3px solid var(--chat-teal);background:#f0fdfa;padding:8px 11px;
  border-radius:0 10px 10px 0;margin:0 0 8px
}
.chat-page-v3 .chat-reply-quote__who{font-size:11.5px;font-weight:750;color:var(--chat-teal);margin-bottom:2px}
.chat-page-v3 .chat-reply-quote__body{font-size:12.5px;color:#475569;line-height:1.35}
.chat-page-v3 .chat-inline-ref{
  border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;margin:0 0 8px;background:#f8fafc
}
.chat-page-v3 .chat-inline-ref--order{border-color:#99f6e4;background:#f0fdfa}
.chat-page-v3 .chat-inline-ref--ticket{border-color:#bfdbfe;background:#eff6ff}
.chat-page-v3 .chat-inline-ref--problem{border-color:#fed7aa;background:#fff7ed}
.chat-page-v3 .chat-inline-ref__title{font-size:13.5px;font-weight:750;margin-bottom:4px}
.chat-page-v3 .chat-inline-ref__caption{font-size:12.5px;color:#64748b;margin-bottom:8px}
.chat-page-v3 .chat-inline-ref__cta{margin-top:2px}
.chat-page-v3 .chat-rx{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}
.chat-page-v3 .chat-rx form{display:inline}
.chat-page-v3 .chat-rx-pill,
.chat-page-v3 .chat-rx .btn{
  border-radius:999px;padding:2px 9px;font-size:12px;border:1px solid #e2e8f0;
  background:#fff;cursor:pointer;line-height:1.4
}
.chat-page-v3 .chat-rx-pill:hover{border-color:#cbd5e1;background:#f8fafc}
.chat-page-v3 .chat-bubble__actions{
  opacity:0;pointer-events:none;display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;
  transition:opacity .12s
}
.chat-page-v3 .chat-bubble:hover .chat-bubble__actions,
.chat-page-v3 .chat-bubble:focus-within .chat-bubble__actions{
  opacity:1;pointer-events:auto
}
.chat-page-v3 .chat-bubble__actions .btn{padding:3px 8px;font-size:12px;border-radius:8px}
.chat-page-v3 .chat-jump-new{
  position:absolute;left:50%;bottom:12px;transform:translateX(-50%);
  z-index:5;border:0;background:var(--chat-teal);color:#fff;border-radius:999px;
  padding:8px 14px;font-weight:700;box-shadow:0 8px 20px rgba(15,118,110,.25)
}

/* Composer */
.chat-page-v3 .chat-composer-shell{
  flex-shrink:0;padding:12px 14px 14px;border-top:1px solid #e8eef3;background:#fff
}
.chat-page-v3 .chat-composer-shell .collab-composer{
  margin:0;border:1px solid #e2e8f0;border-radius:14px;padding:10px 12px;
  background:#f8fafc;box-shadow:0 1px 2px rgba(15,23,42,.03)
}
.chat-page-v3 .chat-composer-shell .collab-composer__drop{margin:0}
.chat-page-v3 .chat-composer-shell textarea,
.chat-page-v3 [data-collab-composer] textarea,
.chat-page-v3 .collab-composer textarea{
  min-height:88px;max-height:220px;font-size:var(--font-base);border-radius:10px;
  border:1px solid #e2e8f0;background:#fff;padding:10px 12px;resize:vertical
}
.chat-page-v3 .chat-composer-hint{margin:8px 2px 0;font-size:var(--font-xs);color:var(--muted-readable,#475569)}
.chat-page-v3 .chat-member__meta strong{font-size:var(--font-sm);font-weight:700;color:#0f172a}
.chat-page-v3 .collab-composer__toolbar{
  display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px
}

/* Right panel */
.chat-page-v3 .chat-aside{padding:14px 14px 16px;overflow:auto}
.chat-page-v3 .chat-info-block{
  margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #eef2f6
}
.chat-page-v3 .chat-info-block:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.chat-page-v3 .chat-info-block h3{
  font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#64748b;
  margin:0 0 10px;font-weight:780
}
.chat-page-v3 .chat-kanal-card{display:flex;gap:12px;align-items:flex-start}
.chat-page-v3 .chat-avatar--side{width:48px;height:48px;font-size:15px;flex-shrink:0}
.chat-page-v3 .chat-kanal-card__meta{min-width:0}
.chat-page-v3 .chat-kanal-card strong{font-size:15.5px;display:block;font-weight:760;line-height:1.25}
.chat-page-v3 .chat-kanal-card__sub{font-size:12.5px;color:#64748b;margin-top:2px}
.chat-page-v3 .chat-kanal-card__desc{
  font-size:12.5px;color:#475569;line-height:1.4;margin:8px 0 0
}
.chat-page-v3 .chat-kanal-card__count{
  font-size:12.5px;color:#0f766e;font-weight:650;margin-top:6px
}
.chat-page-v3 .chat-member-list{display:flex;flex-direction:column;gap:2px}
.chat-page-v3 .chat-member{
  display:flex;align-items:center;gap:10px;padding:7px 4px;margin:0
}
.chat-page-v3 .chat-avatar--member{width:34px;height:34px;font-size:11px}
.chat-page-v3 .chat-member__meta{min-width:0;display:flex;flex-direction:column;gap:1px}
.chat-page-v3 .chat-member__meta strong{font-size:var(--font-sm);font-weight:700;color:#0f172a}
.chat-page-v3 .chat-member__status{
  display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:#15803d;font-weight:600
}
.chat-page-v3 .chat-file-list{list-style:none;margin:0;padding:0}
.chat-page-v3 .chat-file-row{
  display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #f1f5f9
}
.chat-page-v3 .chat-file-row:last-child{border-bottom:0}
.chat-page-v3 .chat-file-thumb img,.chat-page-v3 .chat-file-thumb{
  width:40px;height:40px;border-radius:9px;object-fit:cover;background:#f1f5f9;display:block
}
.chat-page-v3 .chat-file-ico{
  width:40px;height:40px;border-radius:9px;background:#f1f5f9;color:#64748b;
  display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800
}
.chat-page-v3 .chat-file-meta{min-width:0;display:flex;flex-direction:column;gap:2px}
.chat-page-v3 .chat-file-meta a{
  font-size:13px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a
}
.chat-page-v3 .chat-ref-chips{display:flex;flex-direction:column;gap:7px}
.chat-page-v3 .chat-ref-chip,
.chat-page-v3 .collab-ref-chip.chat-ref-chip{
  display:flex;align-items:center;width:100%;text-align:left;
  border-radius:10px;padding:9px 11px;font-size:13px;font-weight:700;
  border:1px solid #e2e8f0;background:#f8fafc;cursor:pointer
}
.chat-page-v3 .chat-ref-chip--order{border-color:#99f6e4;background:#f0fdfa;color:#0f766e}
.chat-page-v3 .chat-ref-chip--ticket{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}
.chat-page-v3 .chat-ref-chip--problem{border-color:#fed7aa;background:#fff7ed;color:#c2410c}
.chat-page-v3 .chat-notify-note{
  font-size:13px;color:#64748b;margin:0;line-height:1.45
}
.chat-page-v3 .chat-kanal-card__actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.chat-page-v3 .chat-composer-shell[data-can-upload="0"] label[title="Datei anhängen"]{display:none}

.collab-entity-pop--rich{
  width:min(360px,calc(100vw - 24px));border-radius:14px;border:1px solid #e2e8f0;
  box-shadow:0 12px 40px rgba(15,23,42,.14);background:#fff;z-index:80
}
.collab-entity-pop__badge{
  display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;
  font-size:11.5px;font-weight:700;background:#e2e8f0;color:#334155
}
.collab-entity-pop__badge--ok{background:#dcfce7;color:#166534}
.collab-entity-pop__badge--info{background:#e0f2fe;color:#075985}
.collab-entity-pop__badge--warn{background:#ffedd5;color:#9a3412}
.collab-entity-pop__articles{margin-top:8px;display:flex;flex-direction:column;gap:8px}
.collab-entity-pop__article{display:flex;gap:8px;align-items:center}
.collab-entity-pop__thumb{
  width:44px;height:44px;border-radius:8px;object-fit:cover;background:#f1f5f9;flex-shrink:0
}
.collab-entity-pop__thumb--empty{border:1px dashed #cbd5e1}
.collab-entity-pop__article-name{font-size:12.5px;font-weight:700;line-height:1.3}

@media (max-width:1100px){
  .chat-page-v3 .chat-layout,
  .chat-page-v3 .chat-shell,
  .chat-page-v3 .chat-layout--no-right,
  .chat-page-v3 .chat-shell--no-right{
    grid-template-columns:minmax(220px,28%) minmax(0,1fr)
  }
  .chat-page-v3 .chat-aside,.chat-page-v3 .chat-right{display:none}
  .chat-page-v3 .chat-layout.is-info-open,
  .chat-page-v3 .chat-shell.is-info-open{
    grid-template-columns:minmax(0,1fr) minmax(240px,320px)
  }
  .chat-page-v3 .chat-layout.is-info-open .chat-threads,
  .chat-page-v3 .chat-shell.is-info-open .chat-threads{display:none}
  .chat-page-v3 .chat-layout.is-info-open .chat-aside,
  .chat-page-v3 .chat-shell.is-info-open .chat-aside{
    display:flex!important
  }
}
@media (max-width:720px){
  .chat-page-v3 .chat-layout,
  .chat-page-v3 .chat-shell,
  .chat-page-v3 .chat-layout--no-right,
  .chat-page-v3 .chat-shell--no-right{
    grid-template-columns:1fr;min-height:0
  }
  body.page-chat .chat-page-v3 .chat-threads{display:none}
  body.page-chat .chat-page-v3 .chat-pane{min-height:0}
  .chat-page-v3 .chat-top-search{max-width:100%;min-width:0}
  .chat-page-v3 .chat-bubble{max-width:100%}
  .chat-page-v3 .chat-bubble__actions{opacity:1;pointer-events:auto}
}

.problem-detail-v3 .ticket-v3-title,
.problem-detail-v3 .ticket-v3-title.mono{
  font-size:clamp(1.7rem,1.35rem + .8vw,2.05rem)!important;
  font-weight:780!important;line-height:1.12!important
}
.problem-detail-v3 .collab-header__subject{
  font-size:16.5px!important;font-weight:650!important;margin:8px 0 6px!important
}
.problem-detail-v3 .collab-header__links .collab-link,
.problem-detail-v3 .collab-header__links .collab-link-muted{font-size:14.5px!important}
.problem-detail-v3 .collab-header__meta{font-size:13px!important;margin-top:8px!important}
.problem-detail-v3 .collab-header__title-row .badge{font-size:12.5px;padding:4px 10px}
.problem-detail-v3 .problem-v3-problem,
.problem-detail-v3 .ticket-v3-problem.problem-v3-problem{
  background:linear-gradient(180deg,#fff7ed 0%,#fff 46%);
  border-color:#fdba74
}
.problem-detail-v3 .problem-v3-problem .ticket-v3-section-head--blue h2,
.problem-detail-v3 .problem-v3-problem > .ticket-v3-section-head h2{color:#9a3412}
.problem-detail-v3 .ticket-v3-section-ico--blue{background:#ffedd5;color:#c2410c}
.problem-detail-v3 .ticket-v3-problem .ticket-problem__subject{
  font-size:1.28rem!important;font-weight:780;line-height:1.25;margin:2px 0 10px
}
.problem-detail-v3 .ticket-v3-problem .ticket-problem__desc{font-size:14.5px;line-height:1.5}
.problem-detail-v3 .ticket-product-img--empty{
  display:flex;align-items:center;justify-content:center;background:#f8fafc;border:1px dashed #cbd5e1
}
.problem-detail-v3 .ticket-v3-product .ticket-product-img,
.problem-detail-v3 .ticket-v3-product .ticket-product-img--empty,
.problem-detail-v3 .ticket-v3-product .collab-item-thumb{
  width:88px;height:88px;object-fit:cover;border-radius:10px
}
.problem-detail-v3 .ticket-product-img__ico{color:#94a3b8;opacity:.9}
.problem-detail-v3 .problem-links{display:flex;flex-direction:column;gap:8px}
.problem-detail-v3 .problem-link-row{
  display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:10px;
  border:1px solid #e2e8f0;background:#f8fafc;text-decoration:none;color:inherit
}
.problem-detail-v3 a.problem-link-row:hover{border-color:#99f6e4;background:#ecfdf5}
.problem-detail-v3 .problem-link-row__ico{color:#0f766e;margin-top:2px}
.problem-detail-v3 .problem-link-row strong{display:block;font-size:13px}
.problem-detail-v3 .problem-link-row span.tiny{display:block}
.problem-detail-v3 .ticket-action-btn--success{background:#15803d!important;border-color:#15803d!important}


/* ===== Sandbox Versand/Lager TEST UI ===== */

/* Shipping row: compact scanline */
.sbx-ship-list, .sbx-pack-stack { display: grid; gap: 8px; margin: 8px 0 12px; }
.sbx-ship-card {
  display: grid;
  grid-template-columns: 168px minmax(0,1.5fr) minmax(110px,.6fr) minmax(140px,.75fr);
  gap: 10px;
  align-items: start;
  padding: 8px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
}
.sbx-ship-card.is-selected { border-color: #0f766e; box-shadow: 0 0 0 1px rgba(15,118,110,.18); }
.sbx-ship-card.is-complete, .sbx-ship-card.is-complete { background: #f8fafc; opacity: .94; }
.sbx-ship-card__media { min-width: 0; }
.sbx-ship-card__info { min-width: 0; }
.sbx-ship-card__sku { font-size: 12px; font-weight: 700; color: #64748b; }
.sbx-ship-card__title { margin: 2px 0 4px; font-size: .92rem; line-height: 1.25; font-weight: 700; }
.sbx-ship-card__meta { font-size: 12px; color: #475569; }
.sbx-ship-card__qty { display: grid; gap: 3px; padding-top: 2px; }
.sbx-ship-card__metric, .sbx-ship-card__metric { display: flex; justify-content: space-between; gap: 8px; font-size: 12px; }
.sbx-ship-card__release { display: grid; gap: 6px; justify-items: start; align-content: start; }
.sbx-ship-card__toggle { display: inline-flex; gap: 8px; align-items: center; font-weight: 700; cursor: pointer; }
.sbx-ship-card__stepper[hidden] { display: none !important; }

/* Packing card: LEFT media / CENTER info / RIGHT status — terminal density */
.sbx-pack-card {
  display: grid;
  grid-template-columns: 220px minmax(0,1fr) minmax(110px,140px);
  gap: 12px;
  align-items: start;
  padding: 10px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
}
.sbx-pack-card + .sbx-pack-card { margin-top: 0; }
.sbx-pack-card__media { width: 220px; max-width: 100%; }
.sbx-pack-card__body { min-width: 0; }
.sbx-pack-card__sku { font-weight: 700; color: #64748b; font-size: 12px; }
.sbx-pack-card__title { margin: 2px 0 6px; font-size: 1rem; line-height: 1.25; font-weight: 700; }
.sbx-pack-card__qty {
  display: flex; align-items: baseline; gap: 10px;
  margin: 4px 0 8px; padding: 8px 10px;
  border-radius: 8px; background: #f0fdfa; border: 1px solid #99f6e4;
}
.sbx-pack-card__qty-label { font-size: 12px; font-weight: 700; color: #0f766e; text-transform: uppercase; letter-spacing: .04em; }
.sbx-pack-card__qty-value { font-size: 1.75rem; font-weight: 800; line-height: 1; color: #0f172a; }
.sbx-pack-card__meta { font-size: 12px; margin-top: 2px; }
.sbx-pack-card__hint { margin-top: 8px; padding: 8px 10px; border-radius: 8px; background: #fffbeb; border: 1px solid #fde68a; }
.sbx-pack-card__hint p { margin: 4px 0 0; font-size: 13px; }
.sbx-pack-card__side { display: grid; gap: 8px; justify-items: end; align-content: start; text-align: right; }
.sbx-pack-card__head { display: flex; justify-content: space-between; gap: 8px; align-items: start; }

/* Gallery: ALWAYS show all thumbs up to 5 */
.sbx-gallery { display: flex; flex-direction: column; gap: 6px; width: 100%; }
.sbx-gallery__main {
  position: relative; display: block; width: 100%; aspect-ratio: 1; border: 0; padding: 0;
  border-radius: 10px; overflow: hidden; background: #f1f5f9; cursor: zoom-in;
}
.sbx-gallery--ship .sbx-gallery__main { max-width: 160px; }
.sbx-gallery--pack .sbx-gallery__main { width: 220px; max-width: 100%; min-height: 0; aspect-ratio: 1; }
.sbx-gallery__main img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .2s ease; }
.sbx-gallery__main:hover img { transform: scale(1.03); }
.sbx-gallery__main:disabled { cursor: default; }
.sbx-gallery__zoom-hint {
  position: absolute; left: 8px; bottom: 8px; padding: 3px 8px; border-radius: 999px;
  background: rgba(15,23,42,.72); color: #fff; font-size: 11px; font-weight: 650;
  opacity: 0; transition: opacity .15s ease; z-index: 1;
}
.sbx-gallery__main:hover .sbx-gallery__zoom-hint { opacity: 1; }
.sbx-gallery__count {
  position: absolute; right: 8px; top: 8px; padding: 2px 7px; border-radius: 999px;
  background: rgba(15,23,42,.75); color: #fff; font-size: 11px; font-weight: 700; z-index: 1;
}
.sbx-gallery__placeholder {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px;
  width: 100%; height: 100%; color: #64748b; font-size: 12px; font-weight: 600; padding: 8px; text-align: center;
}
.sbx-gallery__placeholder img { width: 42%; height: auto; opacity: .7; }
.sbx-gallery__reason { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sbx-gallery__thumbs {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 4px;
  width: 100%;
  max-width: 220px;
}
.sbx-gallery--ship .sbx-gallery__thumbs { max-width: 160px; }
.sbx-gallery__thumb, .sbx-gallery__more {
  position: relative;
  width: 100%; aspect-ratio: 1; border-radius: 7px; border: 1px solid #e2e8f0; padding: 0; overflow: hidden;
  background: #fff; cursor: pointer;
}
.sbx-gallery__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sbx-gallery__thumb.is-active { border-color: #0f766e; box-shadow: 0 0 0 1px #0f766e; }
.sbx-gallery__thumb-idx {
  position: absolute; right: 2px; bottom: 2px; min-width: 14px; height: 14px; padding: 0 3px;
  border-radius: 4px; background: rgba(15,23,42,.72); color: #fff;
  font-size: 9px; font-weight: 700; line-height: 14px; text-align: center;
}
.sbx-gallery__more { display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; color: #0f766e; }
.sbx-gallery--empty .sbx-gallery__main { cursor: default; }

.sbx-qty { display: inline-flex; align-items: center; border: 1px solid #cbd5e1; border-radius: 10px; overflow: hidden; background: #fff; }
.sbx-qty__btn {
  width: 34px; height: 34px; border: 0; background: #f8fafc; font-size: 18px; font-weight: 700; cursor: pointer; color: #0f172a;
}
.sbx-qty__btn:hover:not(:disabled) { background: #ecfdf5; }
.sbx-qty__btn:disabled { opacity: .45; cursor: not-allowed; }
.sbx-qty__input {
  width: 3.2rem; height: 34px; border: 0; border-left: 1px solid #e2e8f0; border-right: 1px solid #e2e8f0;
  text-align: center; font-weight: 700;
}

.sbx-action-bar, .sbx-action-bar {
  position: sticky; bottom: 0; z-index: 20;
  display: flex; justify-content: space-between; gap: 12px; align-items: center; flex-wrap: wrap;
  margin-top: 12px; padding: 10px 12px; border: 1px solid #0f766e33; border-radius: 12px;
  background: linear-gradient(180deg, #f0fdfa, #fff); box-shadow: 0 -6px 18px rgba(15,23,42,.06);
}
.sbx-action-bar__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.sbx-action-bar__summary { display: grid; gap: 2px; }

.sbx-ship-split { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.sbx-compact-list, .sbx-compact-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 6px; }
.sbx-compact-row, .sbx-compact-row {
  display: grid; grid-template-columns: 36px minmax(0,1fr) auto auto; gap: 8px; align-items: center;
  padding: 5px 0; border-bottom: 1px solid #f1f5f9;
}
.sbx-compact-row__img, .sbx-compact-row__img { width: 36px; height: 36px; object-fit: cover; border-radius: 7px; border: 1px solid #e2e8f0; }
.sbx-compact-row__body { display: grid; gap: 1px; min-width: 0; }
.sbx-compact-row__body .muted { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.sbx-pack-overview, .sbx-pack-overview { display: grid; gap: 8px; }
.sbx-pack-row, .sbx-pack-row {
  display: grid; grid-template-columns: auto minmax(0,1fr) auto auto; gap: 10px; align-items: center;
  padding: 8px 10px; border: 1px solid #e2e8f0; border-radius: 10px; background: #fff;
}
.sbx-pack-row--waiting { border-color: #99f6e4; background: #f0fdfa; }
.sbx-pack-row__thumbs, .sbx-pack-row__thumbs { display: flex; gap: 4px; align-items: center; }
.sbx-pack-row__thumbs img, .sbx-pack-row__thumbs img { width: 36px; height: 36px; object-fit: cover; border-radius: 7px; border: 1px solid #e2e8f0; }
.sbx-pack-row__more, .sbx-pack-row__more {
  display: inline-flex; min-width: 36px; height: 36px; align-items: center; justify-content: center;
  border-radius: 7px; background: #ecfdf5; color: #0f766e; font-weight: 700; font-size: 12px;
}
.sbx-pack-row__meta { min-width: 0; }
.sbx-pack-row__status, .sbx-pack-row__action { justify-self: end; }

.sbx-pack-detail__head { margin-bottom: 8px; }
.sbx-pack-detail__meta { display: flex; flex-wrap: wrap; gap: 8px 14px; margin: 0; }
.sbx-pack-actions { margin-top: 12px; }
.sbx-pack-actions__primary { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; }
.sbx-pack-actions__more { margin-top: 4px; }
.sbx-pack-actions__more > summary { cursor: pointer; font-weight: 650; color: #475569; list-style: none; }
.sbx-pack-actions__more > summary::-webkit-details-marker { display: none; }
.sbx-pack-actions__more-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.sbx-flow-hint {
  display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 6px 0 10px;
  font-size: 12px; color: #64748b;
}
.sbx-flow-hint .is-active { color: #0f766e; font-weight: 700; }

.sbx-dpd-note {
  margin-top: 10px; padding: 8px 10px; border-radius: 10px; background: #f8fafc; border: 1px dashed #cbd5e1;
  color: #475569; font-size: 13px;
}
.sbx-dpd-card {
  margin-top: 12px; padding: 10px 12px; border: 1px solid #0f766e33; border-radius: 12px; background: #f0fdfa;
}
.sbx-dpd-card__grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(180px,240px); gap: 10px; align-items: start; }
.sbx-dpd-card__checks { margin: 6px 0; padding-left: 18px; }
.sbx-dpd-card__checks li { margin: 2px 0; }
.sbx-dpd-card__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.sbx-dpd-card__preview {
  position: relative; overflow: hidden; min-height: 120px; border: 1px dashed #f59e0b; border-radius: 12px;
  background: linear-gradient(180deg,#fffbeb,#fff); padding: 10px;
}

.sbx-lightbox[hidden] { display: none !important; }
.sbx-lightbox {
  position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center;
}
.sbx-lightbox__backdrop { position: absolute; inset: 0; background: rgba(15,23,42,.78); cursor: zoom-out; }
.sbx-lightbox__panel {
  position: relative; z-index: 1; width: min(920px,94vw); max-height: 92vh; overflow: auto;
  background: #fff; border-radius: 14px; padding: 16px 16px 12px; box-shadow: 0 20px 50px rgba(0,0,0,.28);
}
.sbx-lightbox__close {
  position: absolute; top: 10px; right: 12px; width: 36px; height: 36px; border: 0; border-radius: 999px;
  background: #f1f5f9; font-size: 22px; cursor: pointer;
}
.sbx-lightbox__title { font-weight: 700; margin: 0 40px 10px 0; }
.sbx-lightbox__stage { position: relative; display: flex; align-items: center; justify-content: center; min-height: 280px; }
.sbx-lightbox__img { max-width: 100%; max-height: 62vh; object-fit: contain; }
.sbx-lightbox__nav {
  position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border: 0; border-radius: 999px;
  background: rgba(15,23,42,.72); color: #fff; font-size: 28px; line-height: 1; cursor: pointer;
}
.sbx-lightbox__nav--prev { left: 8px; }
.sbx-lightbox__nav--next { right: 8px; }
.sbx-lightbox__meta { text-align: center; margin: 8px 0; font-weight: 650; color: #475569; }
.sbx-lightbox__thumbs { display: flex; gap: 6px; flex-wrap: wrap; justify-content: center; }
.sbx-lightbox__thumb { width: 54px; height: 54px; border-radius: 8px; border: 1px solid #e2e8f0; padding: 0; overflow: hidden; background: #fff; cursor: pointer; }
.sbx-lightbox__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sbx-lightbox__thumb.is-active { border-color: #0f766e; box-shadow: 0 0 0 1px #0f766e; }
body.sbx-lightbox-open { overflow: hidden; }

.sbx-order-head { display: flex; justify-content: space-between; gap: 8px; align-items: start; flex-wrap: wrap; }
.sbx-order-head__meta { margin: 4px 0 0; }
.sbx-status-badge { vertical-align: middle; }

.sbx-batch-strip {
  display: flex; justify-content: space-between; gap: 12px; align-items: center; flex-wrap: wrap;
  border: 1px solid #99f6e4; background: #f0fdfa; margin-bottom: 10px;
}
.sbx-batch-strip__actions { display: flex; gap: 8px; flex-wrap: wrap; }
.sbx-batch-kpis, .sbx-batch-stats {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 8px; margin: 0 0 12px;
}
.sbx-batch-kpis > div, .sbx-batch-stats > div {
  background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 8px 10px; display: grid; gap: 2px;
}
.sbx-batch-kpis strong, .sbx-batch-stats strong { font-size: 1.25rem; font-weight: 800; }
.sbx-batch-kpis span, .sbx-batch-stats span { color: #64748b; font-size: 12px; }
.sbx-batch-list { display: grid; gap: 8px; }
.sbx-batch-card {
  display: flex; justify-content: space-between; gap: 10px; align-items: start; flex-wrap: wrap;
  border: 1px solid #e2e8f0; border-radius: 10px; padding: 10px 12px; background: #fff;
}
.sbx-batch-card--closed { background: #f8fafc; }
.sbx-batch-card__side { display: grid; gap: 6px; justify-items: end; }
.sbx-batch-confirm { border: 1px solid #fde68a; background: #fffbeb; }
.sbx-batch-confirm__actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 10px; }
.sbx-check { display: inline-flex; gap: 8px; align-items: center; font-size: 13px; }

/* Compact batch package rows */
.sbx-batch-pkg {
  display: grid; grid-template-columns: 40px minmax(0,1.2fr) minmax(0,.9fr) auto auto auto;
  gap: 8px; align-items: center; padding: 6px 0; border-bottom: 1px solid #f1f5f9;
}
.sbx-batch-pkg__thumb { width: 40px; height: 40px; object-fit: cover; border-radius: 7px; border: 1px solid #e2e8f0; }
.sbx-batch-pkg__meta { min-width: 0; }
.sbx-label-stage { display: flex; justify-content: center; padding: 12px 0 24px; }
.sbx-dpd-label {
  position: relative; width: 100mm; min-height: 150mm; box-sizing: border-box;
  border: 1px solid #0f172a; background: #fff; padding: 8px 10px; overflow: hidden;
  font-size: 11px; line-height: 1.25; color: #0f172a;
  box-shadow: 0 10px 30px rgba(15,23,42,.12);
}
.sbx-dpd-label__watermark {
  position: absolute; inset: 18% 4%; display: flex; align-items: center; justify-content: center;
  text-align: center; font-size: 22px; font-weight: 900; letter-spacing: .04em; line-height: 1.15;
  color: rgba(220, 38, 38, .18); transform: rotate(-18deg); pointer-events: none; z-index: 2;
}
.sbx-dpd-label__head { display: flex; justify-content: space-between; gap: 8px; border-bottom: 2px solid #dc0032; padding-bottom: 6px; margin-bottom: 8px; }
.sbx-dpd-label__brand { display: flex; gap: 8px; align-items: center; }
.sbx-dpd-label__logo { width: 42px; height: 42px; object-fit: contain; }
.sbx-dpd-label__service { text-align: right; font-weight: 700; }
.sbx-dpd-label__block { margin-bottom: 8px; }
.sbx-dpd-label__block--recipient { border: 1px solid #cbd5e1; border-radius: 4px; padding: 6px 8px; background: #f8fafc; }
.sbx-dpd-label__label { font-size: 9px; text-transform: uppercase; letter-spacing: .06em; color: #64748b; margin-bottom: 2px; }
.sbx-dpd-label__recipient-name { font-size: 14px; font-weight: 800; }
.sbx-dpd-label__city { font-size: 13px; font-weight: 700; }
.sbx-dpd-label__routing { display: grid; grid-template-columns: 1fr auto; gap: 8px; align-items: start; margin: 8px 0; }
.sbx-dpd-label__qr { text-align: center; }
.sbx-dpd-label__qr-inner {
  width: 48px; height: 48px; margin: 0 auto 4px; border: 2px solid #0f172a;
  display: flex; align-items: center; justify-content: center; font-size: 9px; font-weight: 800;
  background: repeating-linear-gradient(45deg,#fff,#fff 2px,#e2e8f0 2px,#e2e8f0 4px);
}
.sbx-dpd-label__tracking { margin-top: 8px; text-align: center; }
.sbx-dpd-label__tracking-no { font-size: 13px; font-weight: 800; margin: 2px 0 6px; }
.sbx-dpd-label__barcode {
  display: flex; justify-content: center; align-items: end; gap: 1px; height: 42px; margin: 0 auto 4px; max-width: 90%;
}
.sbx-dpd-label__barcode span { display: inline-block; background: #0f172a; height: 100%; }
.sbx-dpd-label__foot {
  display: flex; justify-content: space-between; gap: 6px; flex-wrap: wrap;
  border-top: 1px solid #cbd5e1; margin-top: 8px; padding-top: 6px; font-size: 9px; color: #475569;
}
.center { text-align: center; }

@media (max-width: 1100px) {
  .sbx-ship-split { grid-template-columns: 1fr; }
  .sbx-dpd-card__grid { grid-template-columns: 1fr; }
  .sbx-ship-card { grid-template-columns: 150px minmax(0,1fr); }
  .sbx-ship-card__qty, .sbx-ship-card__release { grid-column: 1 / -1; }
  .sbx-pack-card { grid-template-columns: 180px minmax(0,1fr); }
  .sbx-pack-card__side { grid-column: 1 / -1; justify-items: start; text-align: left; flex-direction: row; }
  .sbx-batch-pkg { grid-template-columns: 40px minmax(0,1fr) auto; }
}
@media (max-width: 820px) {
  .sbx-ship-card, .sbx-pack-card { grid-template-columns: 1fr; }
  .sbx-pack-card__media { width: 100%; }
  .sbx-gallery--pack .sbx-gallery__main, .sbx-gallery--ship .sbx-gallery__main { max-width: 100%; width: 100%; }
  .sbx-gallery__thumbs { max-width: 100%; }
  .sbx-pack-row { grid-template-columns: 1fr; }
  .sbx-action-bar__actions .btn, .sbx-pack-actions__primary .btn, .sbx-dpd-card__actions .btn { width: 100%; }
}


/* Versandbatch detail — compact professional package rows */
.sbx-batch-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 8px;
  margin: 0 0 14px;
}
.sbx-batch-stats > div {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 10px 12px;
  display: grid;
  gap: 2px;
}
.sbx-batch-stats strong { font-size: 1.05rem; font-weight: 800; word-break: break-all; }
.sbx-batch-stats span { color: #64748b; font-size: 12px; }
.sbx-batch-pkg-head, .sbx-batch-pkg {
  display: grid;
  grid-template-columns: 44px minmax(0,1.3fr) minmax(0,1fr) minmax(0,.7fr) auto minmax(0,.8fr) minmax(0,1fr) auto;
  gap: 10px;
  align-items: center;
}
.sbx-batch-pkg-head {
  padding: 4px 0 8px;
  border-bottom: 1px solid #e2e8f0;
  color: #64748b;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-weight: 700;
}
.sbx-batch-pkg {
  padding: 8px 0;
  border-bottom: 1px solid #f1f5f9;
}
.sbx-batch-pkg__thumb {
  width: 44px; height: 44px; object-fit: cover; border-radius: 8px; border: 1px solid #e2e8f0;
}
.sbx-batch-pkg__meta { min-width: 0; }
@media (max-width: 1100px) {
  .sbx-batch-pkg-head { display: none; }
  .sbx-batch-pkg {
    grid-template-columns: 44px minmax(0,1fr) auto;
  }
}


/* ===== Lager TEST hub (tabs + focus) ===== */
.lager-test-banner { margin-bottom: 12px; }
.lager-hub__tagline { margin: 4px 0 0; color: #64748b; font-size: 1.05rem; }
.lager-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 8px 0 18px;
}
.lager-tab {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 16px 18px;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #fff;
  text-decoration: none;
  color: inherit;
  min-height: 88px;
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
.lager-tab:hover { border-color: #93c5fd; box-shadow: 0 6px 18px rgba(15,23,42,.06); }
.lager-tab.is-active {
  border-color: #2563eb;
  background: linear-gradient(180deg, #eff6ff, #fff);
  box-shadow: 0 0 0 1px rgba(37,99,235,.25);
}
.lager-tab--packed.is-active { border-color: #059669; background: linear-gradient(180deg, #ecfdf5, #fff); box-shadow: 0 0 0 1px rgba(5,150,105,.25); }
.lager-tab--batches.is-active { border-color: #7c3aed; background: linear-gradient(180deg, #f5f3ff, #fff); box-shadow: 0 0 0 1px rgba(124,58,237,.25); }
.lager-tab__icon { font-size: 1.4rem; }
.lager-tab__body { display: grid; gap: 2px; min-width: 0; flex: 1; }
.lager-tab__body strong { font-size: 1.05rem; }
.lager-tab__desc { color: #64748b; font-size: 12px; line-height: 1.3; }
.lager-tab__count {
  min-width: 2rem; height: 2rem; padding: 0 8px; border-radius: 999px;
  display: inline-flex; align-items: center; justify-content: center;
  background: #eff6ff; color: #1d4ed8; font-weight: 800;
}
.lager-tab--packed .lager-tab__count { background: #ecfdf5; color: #047857; }
.lager-tab--batches .lager-tab__count { background: #f5f3ff; color: #6d28d9; }

.lager-panel { padding: 16px 18px; }
.lager-panel__head { display: flex; justify-content: space-between; gap: 12px; align-items: end; flex-wrap: wrap; margin-bottom: 12px; }
.lager-search { display: flex; gap: 8px; flex-wrap: wrap; }
.lager-search input[type="search"] { min-width: min(320px, 70vw); }
.lager-empty { padding: 24px 8px; }

.lager-pack-list { display: grid; gap: 12px; }
.lager-pack-card {
  display: grid;
  grid-template-columns: 112px minmax(0,1fr) auto auto;
  gap: 14px;
  align-items: center;
  padding: 14px;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #fff;
}
.lager-pack-card--multi {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
}
.lager-pack-card__head,
.lager-pack-card__foot {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}
.lager-pack-card__positions { display: grid; gap: 10px; }
.lager-pack-card__summary { font-weight: 650; color: #334155; }
.lager-pack-card__img {
  width: 112px; height: 112px; object-fit: cover; border-radius: 12px; border: 1px solid #e2e8f0; background: #f8fafc;
}
.lager-pack-card__order { display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap; margin-bottom: 4px; }
.lager-pack-card__product { font-weight: 700; font-size: 1rem; line-height: 1.25; }
.lager-pack-card__qty { font-size: 1.6rem; font-weight: 800; color: #0f172a; white-space: nowrap; }
.lager-btn-pack { min-width: 132px; min-height: 44px; font-weight: 700; }

.lager-pos {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #f8fafc;
  padding: 10px;
}
.lager-pos__badge {
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #0f766e;
  margin-bottom: 8px;
}
.lager-pos__body { display: grid; grid-template-columns: 120px minmax(0,1fr); gap: 12px; align-items: start; }
.lager-pos--focus .lager-pos__body { grid-template-columns: 180px minmax(0,1fr); }
.lager-pos__name { font-weight: 800; font-size: 1.02rem; line-height: 1.3; }
.lager-pos__sku { color: #64748b; margin: 4px 0 8px; }
.lager-pos__qty {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 10px;
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
}
.lager-pos__qty-label { font-size: 11px; font-weight: 700; text-transform: uppercase; color: #047857; }
.lager-pos__qty-value { font-size: 1.55rem; font-weight: 900; color: #064e3b; line-height: 1; }
.lager-pos__checks { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 4px; color: #047857; font-weight: 650; }
.lager-pos--card .lager-pos__body,
.lager-pos--packed .lager-pos__body,
.lager-pos--batch .lager-pos__body { grid-template-columns: 88px minmax(0,1fr); }
.lager-pos--card .sbx-gallery--ship .sbx-gallery__main,
.lager-pos--packed .sbx-gallery--ship .sbx-gallery__main { max-width: 88px; }

.lager-focus__card--wide { width: min(860px, 96vw); }
.lager-focus__positions { display: grid; gap: 12px; margin-bottom: 12px; }
.lager-focus__summary { margin-bottom: 12px; font-weight: 650; }

.lager-packed-list { display: grid; gap: 12px; }
.lager-packed-card {
  border: 1px solid #e2e8f0; border-radius: 14px; background: #fff; padding: 14px; display: grid; gap: 12px;
}
.lager-packed-card__head,
.lager-packed-card__foot { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.lager-packed-card__head > div:first-child { display: flex; gap: 10px; flex-wrap: wrap; align-items: baseline; }
.lager-packed-card__positions { display: grid; gap: 8px; }
.lager-packed-card__more summary { cursor: pointer; font-weight: 650; color: #0f766e; }

.lager-batch-pkg-mini__item { display: grid; gap: 6px; }
.lager-batch-pkg-mini__top { display: flex; gap: 12px; flex-wrap: wrap; align-items: baseline; }
.lager-batch-pkg-mini__contents { margin: 6px 0 0 16px; padding: 0; }
.lager-batch-pkg-contents { margin-top: 6px; }
.lager-batch-pkg-contents ul { margin: 6px 0 0 16px; padding: 0; }

.lager-packed-table td, .lager-packed-table th { vertical-align: top; }
.lager-status { font-weight: 650; }

.lager-focus {
  position: fixed; inset: 0; z-index: 80;
  display: flex; align-items: center; justify-content: center;
  padding: 24px; background: rgba(15,23,42,.45);
}
.lager-focus__card {
  width: min(640px, 96vw); max-height: 92vh; overflow: auto;
  background: #fff; border-radius: 16px; padding: 20px 20px 16px;
  box-shadow: 0 24px 60px rgba(15,23,42,.28);
}
.lager-focus__card--problem { border-top: 4px solid #dc2626; }
.lager-focus__head { display: flex; justify-content: space-between; gap: 12px; align-items: start; margin-bottom: 14px; }
.lager-focus__product { display: flex; gap: 14px; align-items: center; margin-bottom: 14px; }
.lager-focus__img { width: 88px; height: 88px; object-fit: cover; border-radius: 12px; border: 1px solid #e2e8f0; }
.lager-focus__img--lg { width: 140px; height: 140px; }
.lager-focus__name { font-size: 1.15rem; font-weight: 800; line-height: 1.25; }
.lager-qty-hero {
  display: flex; justify-content: space-between; align-items: baseline; gap: 12px;
  padding: 14px 16px; border-radius: 12px; background: #f0fdfa; border: 1px solid #99f6e4; margin-bottom: 14px;
}
.lager-qty-hero__label { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: #0f766e; }
.lager-qty-hero__value { font-size: 2rem; font-weight: 800; }
.lager-checklist { margin: 0 0 16px; padding: 12px 14px; border-radius: 12px; background: #f8fafc; border: 1px solid #e2e8f0; }
.lager-checklist ul { margin: 8px 0 0; padding-left: 0; list-style: none; display: grid; gap: 6px; }
.lager-checklist li { color: #047857; font-weight: 650; }
.lager-focus__actions { display: flex; gap: 10px; flex-wrap: wrap; }
.lager-focus__actions--stack { flex-direction: column; }
.lager-focus__actions--stack .btn, .lager-focus__actions--stack form { width: 100%; }
.lager-focus__actions--stack .btn { width: 100%; }
.lager-btn-lg { min-height: 52px; font-size: 1.05rem; font-weight: 800; }
.btn-success { background: #059669; border-color: #059669; color: #fff; }
.btn-success:hover { background: #047857; border-color: #047857; color: #fff; }
.btn-danger-outline { background: #fff; border: 1px solid #fecaca; color: #b91c1c; }
.btn-danger-outline:hover { background: #fef2f2; }
.flash-warn { background: #fffbeb; color: #92400e; border: 1px solid #fde68a; }

.lager-problem-form fieldset { border: 0; padding: 0; margin: 0 0 12px; display: grid; gap: 8px; }
.lager-problem-form legend { font-weight: 700; margin-bottom: 4px; }
.lager-radio { display: flex; gap: 10px; align-items: center; padding: 8px 10px; border: 1px solid #e2e8f0; border-radius: 10px; cursor: pointer; }
.lager-radio:has(input:checked) { border-color: #f87171; background: #fef2f2; }
.lager-note { display: grid; gap: 6px; margin-bottom: 12px; font-weight: 650; }
.lager-note textarea { font-weight: 500; }

.lager-batch-open { border: 1px solid #ddd6fe; background: #faf5ff; border-radius: 14px; padding: 14px; display: grid; gap: 12px; }
.lager-batch-open__head { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.lager-batch-open__kpis { display: flex; gap: 14px; }
.lager-batch-open__kpis div { display: grid; justify-items: center; min-width: 64px; }
.lager-batch-open__kpis strong { font-size: 1.35rem; }
.lager-batch-open__kpis span { font-size: 12px; color: #64748b; }
.lager-batch-pkg-mini { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.lager-batch-pkg-mini li { display: flex; gap: 12px; flex-wrap: wrap; padding: 8px 10px; background: #fff; border-radius: 10px; border: 1px solid #e2e8f0; }
.lager-batch-pkg-mini li.lager-batch-pkg-mini__item { display: grid; }
.lager-batch-open__actions { display: flex; gap: 8px; flex-wrap: wrap; }
.lager-batch-closed-list { display: grid; gap: 10px; }
.lager-batch-closed {
  display: flex; justify-content: space-between; gap: 12px; align-items: center; flex-wrap: wrap;
  padding: 12px 14px; border: 1px solid #e2e8f0; border-radius: 12px; background: #fff;
}
.lager-pkg-actions { display: flex; gap: 6px; flex-wrap: wrap; }
.lager-label-summary { font-weight: 650; }

@media (max-width: 900px) {
  .lager-tabs { grid-template-columns: 1fr; }
  .lager-pack-card { grid-template-columns: 88px minmax(0,1fr); }
  .lager-pack-card__img { width: 88px; height: 88px; }
  .lager-pack-card__qty, .lager-pack-card__action { grid-column: 1 / -1; }
  .lager-pack-card__action .btn { width: 100%; }
  .lager-pos__body,
  .lager-pos--focus .lager-pos__body { grid-template-columns: 1fr; }
  .lager-table-wrap { overflow-x: auto; }
}