:root {
  color-scheme: light;
  --bg: #292929;
  --surface: #303030;
  --surface-muted: #262626;
  --line: #4a4a4a;
  --text: #f7f7f7;
  --muted: #c2c2c2;
  --accent: #52e3d4;
  --accent-strong: #0c7773;
  --accent-soft: #a7fff5;
  --warning-bg: #123433;
  --warning-line: #52e3d4;
  --danger: #a3362e;
  --ok: #52e3d4;
  --jarvis: #52e3d4;
  --jarvis-strong: #a7fff5;
  --jarvis-deep: #0c7773;
  --shadow: none;
  --glass-surface: rgba(9, 17, 26, .42);
  --glass-surface-deep: rgba(6, 13, 21, .54);
  --glass-line: rgba(224, 246, 248, .30);
  --glass-highlight: rgba(255, 255, 255, .15);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

html, body { max-width: 100%; overflow-x: hidden; scrollbar-width: none; }
html::-webkit-scrollbar, body::-webkit-scrollbar { display: none; }

* {
  box-sizing: border-box;
}

[hidden] {
  display: none !important;
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
}

body.access-locked > :not(.galaxy-backdrop) { display: none !important; }

.access-landing { min-height: 100vh; }
.access-landing-content { position: relative; z-index: 1; min-height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 22px; padding: clamp(24px, 7vw, 110px); }
.access-landing.access-expanded .access-landing-content { justify-content: flex-start; padding-block: clamp(18px, 3vh, 36px); }
.access-landing-brand { color: #ecfbfa; letter-spacing: .34em; font-size: clamp(19px, 2vw, 28px); font-weight: 700; text-shadow: 0 0 22px rgba(82, 227, 212, .2); }
.access-landing-card { width: min(100%, 380px); padding: 26px; border: 1px solid rgba(224, 246, 248, .2); border-radius: 18px; background: rgba(6, 13, 21, .58); box-shadow: 0 18px 60px rgba(0, 0, 0, .27); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
.access-landing-card h1 { margin: 4px 0 10px; font-size: clamp(27px, 3vw, 36px); }
.access-landing-card p { color: #d5e1e2; line-height: 1.5; }
.access-landing-card > button { width: 100%; margin-top: 10px; }
.access-landing-actions { display: grid; gap: 10px; }
.access-landing-actions button { width: 100%; text-align: left; }
.access-test-note { font-size: 13px; }
.access-landing-error { color: #ffbdb6 !important; }
.access-landing [hidden] { display: none !important; }
.access-credential-panel { display: grid; gap: 10px; margin-top: 18px; }
.access-credential-panel h2 { margin: 0; font-size: 18px; }
.access-credential-panel form { display: grid; gap: 9px; }
.access-credential-panel label { color: #e3f0ee; font-size: 13px; }
.access-credential-panel input { width: 100%; box-sizing: border-box; border: 1px solid rgba(218, 240, 242, .25); border-radius: 9px; padding: 10px 12px; background: rgba(15, 29, 40, .72); color: #fff; font: inherit; }
.access-credential-panel button { margin-top: 7px; }
.access-setup-key, #thomasRecoveryList, #pascalRecoveryList { overflow-wrap: anywhere; white-space: pre-wrap; padding: 12px; border-radius: 9px; background: rgba(11, 27, 36, .82); color: #f3f9ee; user-select: text; }

button,
input,
textarea,
select {
  font: inherit;
}

button {
  border: 1px solid rgba(255, 255, 255, .28);
  background: linear-gradient(135deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .025) 42%, rgba(7, 18, 26, .44));
  color: #edf7f6;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 6px;
  cursor: pointer;
  box-shadow: inset 0 1px rgba(255, 255, 255, .16), 0 8px 18px rgba(0, 0, 0, .14);
  backdrop-filter: blur(12px) saturate(1.04);
  -webkit-backdrop-filter: blur(12px) saturate(1.04);
}

button:hover {
  border-color: var(--jarvis);
  background: linear-gradient(135deg, rgba(255, 255, 255, .20), rgba(82, 227, 212, .065) 45%, rgba(7, 18, 26, .46));
}

button.primary {
  background: linear-gradient(135deg, rgba(255, 255, 255, .18), rgba(82, 227, 212, .07) 45%, rgba(7, 18, 26, .48));
  color: #f4fffd;
  border-color: rgba(255, 255, 255, .38);
}

button.primary:hover {
  border-color: var(--jarvis);
  background: linear-gradient(135deg, rgba(255, 255, 255, .24), rgba(82, 227, 212, .12) 45%, rgba(7, 18, 26, .48));
}

input,
textarea,
select {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #242424;
  color: #fff;
  padding: 10px 12px;
  min-height: 40px;
}

textarea {
  resize: vertical;
  line-height: 1.45;
}

.app-shell {
  position: relative;
  z-index: 1;
  isolation: isolate;
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  min-height: 100vh;
  background: transparent;
}

.galaxy-backdrop {
  position: fixed;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 78% 44%, rgba(9, 54, 69, .24), transparent 38%),
    radial-gradient(ellipse at 24% 78%, rgba(3, 19, 31, .84), transparent 42%),
    #02070b;
}

.galaxy-star-parallax {
  position: absolute;
  inset: -10%;
  pointer-events: none;
  opacity: .40;
  background-image:
    radial-gradient(circle at 23% 31%, rgba(170, 252, 242, .66) 0 .9px, transparent 1.5px),
    radial-gradient(circle at 71% 68%, rgba(190, 247, 244, .52) 0 .7px, transparent 1.4px),
    radial-gradient(circle at 43% 81%, rgba(81, 215, 215, .48) 0 .75px, transparent 1.4px),
    radial-gradient(circle at 12% 58%, rgba(223, 251, 249, .58) 0 .65px, transparent 1.3px);
  background-size: 260px 230px, 320px 280px, 400px 340px, 190px 205px;
  animation: vexaro-star-orbit 82s linear infinite;
}

.galaxy-star-depth {
  position: absolute;
  inset: -10%;
  pointer-events: none;
  opacity: .32;
  background-image:
    radial-gradient(circle at 18% 74%, rgba(228, 249, 247, .7) 0 .65px, transparent 1.35px),
    radial-gradient(circle at 78% 22%, rgba(84, 215, 215, .54) 0 .65px, transparent 1.3px),
    radial-gradient(circle at 37% 47%, rgba(228, 249, 247, .58) 0 .5px, transparent 1.25px);
  background-size: 215px 200px, 305px 270px, 165px 185px;
  animation: vexaro-depth-orbit 119s linear infinite;
}

.galaxy-light-flow {
  position: absolute;
  inset: -12%;
  pointer-events: none;
  opacity: .12;
  background: radial-gradient(ellipse at 78% 50%, rgba(87, 215, 231, .11), transparent 42%);
  animation: vexaro-light-pulse 43s ease-in-out infinite;
}

.earth-globe-stage {
  position: absolute;
  top: clamp(46px, 8vh, 106px);
  right: clamp(20px, 4vw, 78px);
  width: min(42vw, 76vh, 760px);
  aspect-ratio: 1;
  pointer-events: none;
}

.earth-globe-canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: none; }
.earth-webgl-ready .earth-globe-canvas { display: block; }
.earth-webgl-ready .earth-globe { display: none; }

.earth-globe {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  overflow: hidden;
  isolation: isolate;
  box-shadow: 0 0 28px rgba(51, 214, 221, .15), 0 0 72px rgba(8, 105, 132, .16), inset 5px 0 11px rgba(127, 216, 231, .1), inset -28px -8px 48px rgba(0, 0, 0, .62);
}

.earth-globe-surface {
  position: absolute;
  inset: 0 auto 0 0;
  width: 300%;
  background: url("./vexaro-earth-texture-1536-20261003.png?v=globe-2") 0 50% / 66.666667% 100% repeat-x;
  will-change: transform;
  animation: vexaro-earth-rotation 120s linear infinite;
}

.earth-globe::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(ellipse at 38% 39%, rgba(194, 235, 246, .11) 0, transparent 36%, rgba(0, 8, 16, .16) 57%, rgba(0, 5, 13, .56) 83%, rgba(0, 2, 9, .82) 100%);
  box-shadow: inset 2px 0 5px rgba(128, 218, 232, .16), inset -8px -4px 20px rgba(0, 2, 8, .5);
}

.earth-globe::after {
  content: "";
  position: absolute;
  z-index: 2;
  inset: -12% -25%;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(100deg, rgba(0, 5, 13, .75), rgba(0, 7, 16, .43) 28%, rgba(0, 8, 17, .08) 49%, transparent 63%, rgba(0, 5, 12, .2) 100%);
  will-change: transform;
  animation: vexaro-earth-day-cycle 120s ease-in-out infinite alternate;
}

.earth-shooting-star {
  position: absolute;
  top: 12%;
  left: -18%;
  width: 150px;
  height: 1px;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(90deg, transparent, rgba(170, 252, 242, .9), transparent);
  box-shadow: 0 0 8px rgba(82, 227, 212, .48);
  transform: rotate(-18deg);
  animation: vexaro-shooting-star 22s linear infinite;
}

.sidebar {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 280px;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  z-index: 1;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  color: #eef3f7;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 22px;
}
/* Hauptbereich und Mitarbeiterleiste scrollen bewusst unabhängig voneinander. */
body { scrollbar-width: none; }

/* The sidebar scrolls as one stable column; its sections must never collapse into each other. */
.sidebar > * {
  flex-shrink: 0;
}

.human-access-panel {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid rgba(167, 255, 245, .18);
  border-radius: 8px;
  background: rgba(5, 13, 17, .58);
  backdrop-filter: blur(16px);
}
.human-access-heading { display: flex; align-items: baseline; justify-content: space-between; color: var(--jarvis-strong); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.human-access-heading small { color: var(--muted); font-size: 9px; letter-spacing: 0; text-transform: none; }
.human-profile-card { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; gap: 9px; align-items: center; min-height: 68px; padding: 8px; border: 1px solid var(--glass-line); border-radius: 8px; background: linear-gradient(135deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .025) 30%, var(--glass-surface) 72%, var(--glass-surface-deep)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), inset 0 -1px 0 rgba(0, 0, 0, .20), 0 10px 22px rgba(0, 0, 0, .14); backdrop-filter: blur(18px) saturate(1.08); -webkit-backdrop-filter: blur(18px) saturate(1.08); }
.human-profile-card.is-active { border-color: rgba(82, 227, 212, .68); box-shadow: inset 0 0 14px rgba(82, 227, 212, .08); }
.human-access-panel.is-signed-in .human-profile-card { grid-template-columns: 48px minmax(0, 1fr); }
.human-access-panel.is-signed-in .human-profile-card div span,
.human-access-panel.is-signed-in .human-profile-card div small { overflow: visible; text-overflow: clip; white-space: normal; }
.human-profile-card [data-session-select][hidden] { display: none !important; }
.human-profile-portrait { position: relative; display: block; width: 48px; height: 48px; overflow: hidden; isolation: isolate; border: 1px solid rgba(167, 255, 245, .32); border-radius: 50%; background: radial-gradient(circle at 50% 18%, rgba(82, 227, 212, .14), transparent 42%), linear-gradient(145deg, #14242a, #050c10 74%); box-shadow: inset 0 0 0 2px rgba(4, 10, 14, .28), 0 0 12px rgba(0, 0, 0, .24); }
.human-profile-portrait::after { position: absolute; inset: 0; z-index: 1; content: ""; pointer-events: none; background: linear-gradient(145deg, rgba(5, 14, 19, .12), rgba(3, 10, 14, .34)), radial-gradient(circle at 50% 32%, transparent 44%, rgba(3, 10, 14, .18) 100%); }
.human-profile-portrait img { display: block; width: 100%; height: 100%; object-fit: cover; border: 0; border-radius: 0; transform-origin: center center; }
/* Die Studiofassungen enthalten den freigegebenen runden Ausschnitt bereits selbst. */
.human-profile-card[data-user-id="thomas"] .human-profile-portrait img,
.human-profile-card[data-user-id="pascal"] .human-profile-portrait img { object-position: center; transform: none; filter: none; }
.human-profile-card div { min-width: 0; display: grid; gap: 2px; }
.human-profile-card strong { color: #f2fbfa; font-size: 12px; }
.human-profile-card span, .human-profile-card small { overflow: hidden; color: #a8b8b7; font-size: 9px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.human-profile-card small { color: var(--jarvis); }
.human-profile-card button, .human-access-actions button { min-width: 0; min-height: 28px; padding: 5px 7px; border-color: rgba(82, 227, 212, .35); color: #d8fffa; font-size: 10px; }
.human-access-state { margin: 0; color: #aebdbc; font-size: 10px; line-height: 1.4; }
.human-access-actions { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px; }
.human-access-actions [data-pascal-invite] { grid-column: 1 / -1; }
.human-access-actions button:disabled { cursor: not-allowed; opacity: .42; }
.local-session-modal { position: fixed; z-index: 120; inset: 0; display: grid; place-items: center; padding: 20px; }
.local-session-modal[hidden] { display: none !important; }
.local-session-modal-backdrop { position: absolute; inset: 0; background: rgba(0, 5, 8, .42); backdrop-filter: blur(2px); }
body[data-assistant-identity="jeffrey"] .jarvis-core { filter: hue-rotate(112deg) saturate(.9); }
body[data-assistant-identity="jeffrey"] .jarvis-wordmark { color: #d8b8ff; text-shadow: 0 0 12px rgba(184, 122, 255, .78); }
body[data-assistant-identity="jeffrey"] .jarvis-signal-halo { border-color: rgba(184, 122, 255, .65); box-shadow: 0 0 30px rgba(156, 92, 239, .45); }
.local-session-dialog { position: relative; width: min(440px, 100%); padding: 24px; border: 1px solid rgba(82, 227, 212, .48); border-radius: 8px; background: rgba(6, 15, 20, .94); box-shadow: 0 24px 70px rgba(0, 0, 0, .46); }
.local-session-dialog h2 { margin: 0 0 9px; color: #f3fffd; font-size: 20px; }
.local-session-dialog p { margin: 0 0 12px; color: #c0d1cf; line-height: 1.5; }
.local-session-dialog ul { margin: 0 0 14px; padding-left: 19px; color: #f0c48a; line-height: 1.55; }
.local-session-dialog-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 18px; }

/* Die operative Steuerung liegt im Hauptbereich; diese beiden alten Sidebar-Karten bleiben ausgeblendet. */
#sidebarFocusCard,
#systemStatusPanel { display: none !important; }

.brand {
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
  width: 100%;
  min-height: 0;
  padding: 0 0 12px;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
  text-align: left;
}

.brand:hover { border-color: var(--accent); }
.brand:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }

.brand-mark {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: linear-gradient(135deg, #42c7a8, #147665);
  color: #fff;
  font-weight: 800;
}

.brand-logo {
  width: 118px;
  height: 118px;
  padding: 0;
  background: transparent;
  object-fit: contain;
  object-position: center;
}

.brand h1,
.brand p,
.panel h3,
.panel p,
.topbar h2,
.topbar p {
  margin: 0;
}

.topbar-actions { display: flex; align-items: center; gap: 10px; }
.backup-sidebar { margin-top: auto; }
.backup-sidebar p { margin: 0 0 10px; color: var(--muted); font-size: 12px; line-height: 1.35; }
.backup-sidebar-actions { display: grid; gap: 7px; }
.backup-sidebar-actions button { min-height: 34px; text-align: left; font-size: 12px; }

.brand h1 {
  font-size: 21px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.brand p {
  color: #a8b5c3;
  font-size: 13px;
}

.brand-home-hint {
  display: inline-block;
  margin-top: 9px;
  color: var(--accent);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.agent-switcher {
  display: grid;
  gap: 8px;
}

.agent-center-nav button {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 62px;
  padding: 10px;
  border-color: rgba(82, 227, 212, .34);
  background: linear-gradient(135deg, rgba(82, 227, 212, .12), rgba(12, 24, 34, .72));
  text-align: left;
  box-shadow: inset 0 1px rgba(255, 255, 255, .08), 0 10px 24px rgba(0, 0, 0, .16);
}
.agent-center-nav button:hover { border-color: var(--jarvis); transform: translateY(-1px); }
.agent-center-nav button > span:nth-child(2) { display: grid; gap: 2px; min-width: 0; }
.agent-center-nav strong { font-size: 13px; letter-spacing: .02em; }
.agent-center-nav small { color: #aabac1; font-size: 10px; line-height: 1.2; }
.agent-center-nav b { color: var(--jarvis); font-size: 18px; font-weight: 400; }
.agent-center-nav-mark { display: grid; grid-template-columns: repeat(2, 8px); gap: 3px; }
.agent-center-nav-mark i { display: block; width: 8px; height: 8px; border: 1px solid var(--jarvis); border-radius: 2px; box-shadow: 0 0 8px rgba(82, 227, 212, .28); }

.agent-center { display: grid; gap: 18px; min-width: 0; }
.agent-center-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 206px;
  padding: 30px 34px;
  overflow: hidden;
  border: 1px solid rgba(119, 235, 224, .24);
  border-radius: 22px;
  background: radial-gradient(circle at 78% 22%, rgba(82, 227, 212, .18), transparent 28%), linear-gradient(135deg, rgba(17, 37, 48, .94), rgba(7, 15, 23, .86));
  box-shadow: inset 0 1px rgba(255, 255, 255, .08), 0 24px 60px rgba(0, 0, 0, .2);
}
.agent-center-hero::after { content: ""; position: absolute; inset: auto -9% -74% auto; width: 440px; aspect-ratio: 1; border: 1px solid rgba(82, 227, 212, .15); border-radius: 50%; box-shadow: 0 0 0 48px rgba(82, 227, 212, .025), 0 0 0 96px rgba(82, 227, 212, .018); }
.agent-center-hero > div { position: relative; z-index: 1; max-width: 620px; }
.agent-center-hero h2 { margin: 4px 0 10px; font-size: clamp(28px, 4vw, 46px); letter-spacing: -.035em; }
.agent-center-hero p:last-child { max-width: 570px; margin: 0; color: #b8c9ce; line-height: 1.55; }
.agent-center-orbit { position: relative; z-index: 1; width: 132px; aspect-ratio: 1; border: 1px solid rgba(82, 227, 212, .7); border-radius: 50%; box-shadow: inset 0 0 28px rgba(82, 227, 212, .12), 0 0 36px rgba(82, 227, 212, .16); }
.agent-center-orbit::before, .agent-center-orbit::after { content: ""; position: absolute; border: 1px solid rgba(199, 159, 97, .6); border-radius: 50%; }
.agent-center-orbit::before { inset: 20px; }
.agent-center-orbit::after { inset: 47px; background: var(--jarvis); box-shadow: 0 0 22px var(--jarvis); }
.agent-center-orbit i { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 12px var(--accent); }
.agent-center-orbit i:nth-child(1) { top: 9px; left: 37px; }.agent-center-orbit i:nth-child(2) { right: 13px; bottom: 34px; }.agent-center-orbit i:nth-child(3) { left: 22px; bottom: 24px; }
.agent-center-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.agent-center-card {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  min-height: 116px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(18, 37, 47, .88), rgba(8, 15, 22, .78));
  text-align: left;
  box-shadow: inset 0 1px rgba(255, 255, 255, .07), 0 15px 34px rgba(0, 0, 0, .13);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.agent-center-card:hover { transform: translateY(-3px); border-color: rgba(82, 227, 212, .65); box-shadow: inset 0 1px rgba(255, 255, 255, .1), 0 20px 40px rgba(0, 0, 0, .23); }
.agent-center-card > b { color: var(--jarvis); font-size: 20px; font-weight: 400; }
.agent-center-portrait { display: grid; width: 76px; aspect-ratio: 1; overflow: hidden; border: 1px solid rgba(82, 227, 212, .42); border-radius: 50%; background: #0a1820; box-shadow: 0 0 0 5px rgba(82, 227, 212, .06), 0 0 22px rgba(82, 227, 212, .12); }
.agent-center-portrait img { width: 100%; height: 100%; object-fit: cover; }
.agent-center-copy { display: grid; gap: 4px; min-width: 0; }
.agent-center-copy > small { color: #9eb0b8; font-size: 11px; line-height: 1.2; }
.agent-center-copy > strong { overflow: hidden; color: #f0f6f6; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; }
.agent-center-state { display: inline-flex; align-items: center; gap: 7px; color: #9fb0b7; font-size: 11px; }
.agent-center-state i { width: 8px; height: 8px; border-radius: 50%; background: #ff6868; box-shadow: 0 0 10px rgba(255, 104, 104, .5); }
.agent-center-card.ready .agent-center-state i { background: #6fda89; box-shadow: 0 0 10px rgba(111, 218, 137, .6); }
.agent-center-card.working .agent-center-state i { background: #b279ff; box-shadow: 0 0 11px rgba(178, 121, 255, .7); }
.agent-center-card.waiting .agent-center-state i { background: #f0b45c; box-shadow: 0 0 10px rgba(240, 180, 92, .65); }
@media (max-width: 760px) { .agent-center-hero { min-height: 0; padding: 24px; }.agent-center-orbit { display: none; }.agent-center-grid { grid-template-columns: 1fr; }.agent-center-card { min-height: 104px; } }

/* Elias Kern: Produktionsraum. Der Auftrag bleibt bewusst vor der Adobe-Ausfuehrung editierbar. */
.graphic-designer-panel { display: grid; gap: 18px; overflow: hidden; }
.designer-heading { align-items: start; }
.designer-heading h3 { margin: 4px 0 8px; font-size: clamp(23px, 2.8vw, 34px); letter-spacing: -.025em; }
.designer-heading p:last-child { max-width: 760px; margin: 0; color: #acbdc3; line-height: 1.5; }
.designer-quality-badge { display: inline-flex; align-items: center; min-height: 28px; padding: 0 10px; border: 1px solid rgba(199, 159, 97, .56); border-radius: 999px; color: #e6c780; background: rgba(199, 159, 97, .08); font-size: 10px; font-weight: 800; letter-spacing: .12em; white-space: nowrap; }
.amazon-design-standard { display: grid; gap: 11px; padding: 15px; border: 1px solid rgba(199, 159, 97, .35); border-radius: 13px; background: linear-gradient(135deg, rgba(199, 159, 97, .1), rgba(7, 25, 31, .62)); box-shadow: inset 0 1px rgba(255,255,255,.06); }
.amazon-standard-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; }.amazon-standard-heading .eyebrow { margin: 0 0 3px; color: #d8bd77; font-size: 9px; font-weight: 800; letter-spacing: .12em; }.amazon-standard-heading h4 { margin: 0; color: #f0f5f4; font-size: 15px; }.amazon-standard-heading > span { flex: 0 0 auto; padding: 5px 8px; border: 1px solid rgba(199, 159, 97, .48); border-radius: 999px; color: #edcf8a; background: rgba(199, 159, 97, .09); font-size: 10px; font-weight: 800; }
.amazon-standard-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }.amazon-standard-grid article { display: grid; gap: 4px; min-width: 0; padding: 10px; border: 1px solid rgba(168, 192, 195, .19); border-radius: 9px; background: rgba(2, 17, 22, .38); }.amazon-standard-grid strong { color: #eaf4f3; font-size: 11px; }.amazon-standard-grid small { color: #adbdc1; font-size: 10px; line-height: 1.38; }.amazon-standard-grid .amazon-ai-rule { border-color: rgba(183, 122, 255, .44); background: rgba(104, 54, 143, .13); }.amazon-design-standard > p { margin: 0; color: #aababe; font-size: 10px; line-height: 1.42; }
.designer-brief-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.designer-brief-grid label { display: grid; gap: 7px; color: #c9d9dc; font-size: 12px; font-weight: 700; }
.designer-brief-grid input, .designer-brief-grid select, .designer-brief-grid textarea { width: 100%; box-sizing: border-box; }
.designer-field-hint { color: #a5b6bb; font-size: 10px; font-weight: 500; line-height: 1.4; }.designer-field-hint code { color: #d9c683; font-size: .94em; }
.designer-firefly-control { display: grid; gap: 12px; padding: 14px; border: 1px solid rgba(178, 121, 255, .4); border-radius: 12px; background: linear-gradient(135deg, rgba(99, 55, 137, .2), rgba(5, 20, 26, .58)); }.designer-firefly-control > div:first-child { display: grid; gap: 4px; }.designer-firefly-control .eyebrow { margin: 0; color: #caa4ff; font-size: 9px; font-weight: 800; letter-spacing: .13em; }.designer-firefly-control strong { color: #f0ebfa; font-size: 13px; }.designer-firefly-control small, .designer-firefly-control > p { color: #adbac2; font-size: 10px; line-height: 1.42; }.designer-firefly-control > p { margin: 0; }.designer-firefly-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }.designer-firefly-grid label { display: grid; gap: 6px; color: #ddd1ee; font-size: 11px; font-weight: 700; }.designer-firefly-grid select { width: 100%; box-sizing: border-box; }
.designer-wide { grid-column: 1 / -1; }
.designer-standard-brief { display: grid; gap: 4px; padding: 11px 12px; border: 1px solid rgba(43, 185, 162, .38); border-radius: 10px; background: rgba(10, 67, 67, .22); }.designer-standard-brief strong { color: #92e6d7; font-size: 11px; }.designer-standard-brief small { color: #acbec1; font-size: 10px; line-height: 1.42; }.designer-brief-grid label > span { color: #93a8ad; font-size: 10px; font-weight: 500; }.designer-brief-summary { color: #94d9ce; font-size: 10px; line-height: 1.35; }
.designer-brief-grid textarea { resize: vertical; min-height: 112px; }
.designer-actions { display: grid; grid-template-columns: 180px minmax(0, 1fr); align-items: stretch; gap: 24px; padding: 22px; border: 1px solid rgba(82, 227, 212, .25); border-radius: 14px; background: linear-gradient(120deg, rgba(28, 83, 83, .3), rgba(5, 19, 25, .65)); }
.designer-actions #designCreateProject { min-height: 100px; border-radius: 10px; border-color: rgba(82, 227, 212, .58); background: linear-gradient(145deg, rgba(46, 126, 119, .75), rgba(15, 64, 66, .9)); font-size: 16px; font-weight: 750; letter-spacing: .01em; }
.designer-actions #designCreateProject:hover { border-color: #a3fff0; background: linear-gradient(145deg, rgba(58, 149, 139, .8), rgba(20, 83, 83, .9)); }
.designer-actions #designCreateProject:disabled { opacity: .55; cursor: wait; }
.designer-assets .designer-material-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 10px; }
.designer-material-actions #designClearAssets { min-height: 34px; padding: 0 10px; font-size: 11px; color: #a5b9bd; background: transparent; box-shadow: none; }
.designer-actions > span { color: #93a8af; font-size: 11px; line-height: 1.35; }
.designer-assets { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 14px; border: 1px solid rgba(82, 227, 212, .2); border-radius: 11px; background: rgba(6, 27, 33, .42); }
.designer-assets > div { display: grid; gap: 3px; }.designer-assets strong { color: #eaf4f3; font-size: 12px; }.designer-assets small { color: #9aaeb4; font-size: 11px; }
.designer-upload-button { display: inline-flex; align-items: center; min-height: 34px; padding: 0 11px; border: 1px solid rgba(82, 227, 212, .55); border-radius: 7px; color: #bffcf4; background: rgba(82, 227, 212, .08); font-size: 11px; font-weight: 700; cursor: pointer; white-space: nowrap; }.designer-upload-button:hover { background: rgba(82, 227, 212, .16); }.designer-upload-button input { display: none; }
.designer-asset-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 170px), 1fr)); gap: 14px; min-width: 0; min-height: 25px; }
.designer-asset-empty { grid-column: 1 / -1; color: #90a5ac; font-size: 11px; }
.designer-asset-card { display: grid; gap: 10px; min-width: 0; padding: 10px; border: 1px solid rgba(138, 183, 188, .3); border-radius: 12px; background: linear-gradient(135deg, rgba(23, 56, 63, .5), rgba(4, 21, 27, .56)); }
.designer-asset-preview { display: block; min-width: 0; aspect-ratio: 1; border-radius: 8px; background: #f3f5f4; text-decoration: none; }
.designer-asset-preview img { display: block; width: 100%; height: 100%; aspect-ratio: 1; padding: 8px; border-radius: 8px; object-fit: contain; }
.designer-asset-footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; }
.designer-asset-footer small { color: #a6c8c3; font-size: 11px; letter-spacing: .02em; }
.designer-asset-remove { display: grid; place-items: center; width: 36px; min-width: 36px; height: 36px; padding: 8px; border: 1px solid rgba(218, 132, 135, .28); border-radius: 8px; color: #d5a5a7; background: rgba(87, 28, 38, .15); cursor: pointer; }
.designer-asset-remove svg { width: 18px; height: 18px; }
.designer-asset-remove:hover { color: #ffe4e4; border-color: #d89196; background: rgba(120, 37, 49, .4); }
.designer-asset-preview:focus-visible, .designer-asset-remove:focus-visible { outline: 2px solid var(--jarvis); outline-offset: 3px; }
.designer-asset-remove:disabled { opacity: .4; cursor: wait; }
.designer-motif-picker { min-width: 0; margin: 0; padding: 0; border: 0; background: transparent; }
.designer-motif-picker legend { margin-bottom: 12px; padding: 0; color: #e1eeec; font-size: 12px; font-weight: 700; }
.designer-motif-options { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.designer-motif-picker label { display: flex; align-items: center; gap: 7px; min-height: 36px; padding: 7px 9px; box-sizing: border-box; border: 1px solid rgba(132, 173, 176, .24); border-radius: 7px; color: #a9bec2; background: rgba(3, 18, 24, .25); font-size: 11px; font-weight: 650; cursor: pointer; }
.designer-motif-picker label:has(input:checked) { color: #d4fff5; border-color: rgba(82, 227, 212, .4); background: rgba(36, 110, 101, .22); }
.designer-motif-picker label:hover { border-color: rgba(82, 227, 212, .7); }
.designer-motif-picker input { flex: 0 0 auto; width: 14px; height: 14px; margin: 0; accent-color: var(--jarvis); }
.designer-motif-picker label:focus-within { outline: 2px solid #78d8cf; outline-offset: 2px; }
@media (max-width: 1100px) { .designer-motif-options { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .designer-actions { grid-template-columns: 1fr; gap: 18px; padding: 16px; }.designer-actions #designCreateProject { min-height: 52px; }.designer-assets .designer-material-actions { flex-wrap: wrap; } }
.designer-pipeline { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.designer-pipeline article { display: flex; gap: 10px; min-width: 0; padding: 14px; border: 1px solid rgba(112, 192, 191, .2); border-radius: 12px; background: linear-gradient(135deg, rgba(255,255,255,.07), rgba(8, 26, 33, .58)); box-shadow: inset 0 1px rgba(255,255,255,.09); }
.designer-pipeline b { display: grid; place-items: center; flex: 0 0 26px; height: 26px; border-radius: 50%; color: #082226; background: var(--jarvis); font-size: 10px; }
.designer-pipeline div { display: grid; gap: 3px; min-width: 0; }
.designer-pipeline strong { color: #edf5f4; font-size: 12px; }
.designer-pipeline small { color: #91a6ad; font-size: 10px; line-height: 1.3; }
.designer-projects { display: grid; gap: 10px; }
.designer-project-list { display: grid; gap: 9px; }
.designer-project-row { display: grid; grid-template-columns: minmax(0, 1fr) 52px; align-items: stretch; gap: 10px; width: 100%; }
.designer-project-row .designer-project-card { width: 100%; min-width: 0; min-height: 84px; padding: 16px 18px; margin: 0; text-align: left; font: inherit; }
.designer-project-copy { display: grid; gap: 5px; min-width: 0; text-align: left; }
.designer-project-card.active { border-color: rgba(82, 227, 212, .65); background: rgba(16, 65, 67, .38); }
.designer-project-row .designer-project-delete { width: 52px; height: 100%; min-height: 84px; margin: 0; padding: 12px; border: 1px solid var(--glass-line); background: rgba(5, 19, 25, .5); color: #b5a6a9; border-radius: 10px; }
.designer-project-row .designer-project-delete:hover { color: #ffb5b5; background: rgba(168, 47, 47, .18); }
.designer-project-delete svg { display: block; width: 20px; height: 20px; }
.designer-project-detail { padding: 18px; border: 1px solid rgba(82, 227, 212, .3); border-radius: 12px; background: rgba(6, 27, 33, .5); }
.designer-project-detail[hidden] { display: none; }
.designer-plan textarea { box-sizing: border-box; width: 100%; min-height: 108px; resize: vertical; padding: 12px; border: 1px solid rgba(148, 123, 205, .4); border-radius: 8px; background: rgba(1, 12, 16, .55); color: #e4f2ef; font: 12px/1.6 ui-monospace, SFMono-Regular, Menlo, monospace; }
.designer-plan textarea:focus { outline: 2px solid rgba(82, 227, 212, .7); outline-offset: 2px; }
.designer-plan label { color: #b7cfcb; font-size: 11px; }
.designer-prompt-save { justify-self: start; padding: 9px 14px; border: 1px solid rgba(82, 227, 212, .4); border-radius: 8px; color: #d2fff6; background: rgba(22, 88, 79, .35); cursor: pointer; }
.designer-prompt-save:disabled { opacity: .5; cursor: wait; }
.designer-detail-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 12px; }
.designer-detail-heading small { color: #78d8cf; font-size: 11px; }
.designer-detail-heading h4 { margin: 4px 0 0; color: #f1f6f6; font-size: 18px; }
.designer-detail-heading button { width: 32px; height: 32px; padding: 0; font-size: 21px; }
.designer-project-card { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 15px; border: 1px solid var(--glass-line); border-radius: 10px; background: rgba(5, 19, 25, .5); cursor: pointer; text-align: left; }
.designer-project-card-actions { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }.designer-project-summary { color: #9be7dc !important; }.designer-project-delete { display: grid; place-items: center; width: 29px; height: 29px; padding: 0; border: 1px solid rgba(233, 113, 113, .42); border-radius: 7px; color: #f2a4a4; background: rgba(125, 35, 35, .16); cursor: pointer; font-size: 16px; line-height: 1; }.designer-project-delete:hover { background: rgba(168, 47, 47, .32); }
.designer-project-card > div { display: grid; gap: 3px; min-width: 0; }
.designer-project-card small { color: #78d8cf; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.designer-project-card strong { color: #f1f6f6; font-size: 14px; }
.designer-project-card p, .designer-project-card span:not(.designer-project-stage) { overflow: hidden; margin: 0; color: #9eb1b7; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.designer-project-card .designer-compliance { color: #d4c282; }.designer-project-card .designer-firefly-summary { color: #c4a7ed; }.designer-project-card .designer-production-summary { color: #9be7dc; }.designer-project-card .designer-quality-summary { color: #b7c7ca; white-space: normal; }
.designer-plan { display: grid; gap: 8px; margin-top: 8px; }.designer-plan summary { color: #bffcf4; font-size: 11px; font-weight: 800; cursor: pointer; }.designer-plan article { display: grid; gap: 4px; padding: 9px; border: 1px solid rgba(148, 123, 205, .28); border-radius: 8px; background: rgba(35, 21, 55, .18); }.designer-plan article strong { color: #efe8fb; font-size: 11px; }.designer-plan article p { overflow: visible; white-space: normal; }.designer-plan code { display: block; max-height: 105px; overflow: auto; padding: 7px; border-radius: 6px; color: #c7e7e4; background: rgba(1, 12, 16, .55); font: 10px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: pre-wrap; }.designer-plan-text { color: #e6cc92 !important; }.designer-pair-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px; margin-top: 9px; }.designer-pair-list > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; padding: 8px; border: 1px solid rgba(82, 227, 212, .25); border-radius: 8px; background: rgba(4, 21, 27, .46); }.designer-pair-list > div > span { grid-column: 1 / -1; color: #a9f2e9 !important; font-weight: 800; }.designer-pair-list a { display: grid; gap: 4px; color: #c3d9d7; font-size: 10px; text-decoration: none; }.designer-pair-list img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 5px; border: 1px solid rgba(255,255,255,.14); }
.designer-project-stage { flex: 0 0 auto; padding: 6px 8px; border: 1px solid rgba(82, 227, 212, .35); border-radius: 999px; color: #a9f2e9; background: rgba(82, 227, 212, .08); font-size: 10px; font-weight: 700; }
.designer-empty-state { padding: 17px; border: 1px dashed rgba(123, 169, 176, .35); border-radius: 10px; color: #9badb3; font-size: 12px; line-height: 1.45; }
@media (max-width: 1080px) { .designer-pipeline, .amazon-standard-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .designer-brief-grid, .designer-pipeline, .amazon-standard-grid, .designer-firefly-grid { grid-template-columns: 1fr; }.designer-heading { gap: 12px; }.designer-quality-badge { white-space: normal; }.amazon-standard-heading { align-items: flex-start; flex-direction: column; gap: 8px; }.designer-assets { align-items: flex-start; flex-direction: column; }.designer-project-card { align-items: flex-start; flex-direction: column; }.designer-project-card-actions { width: 100%; justify-content: space-between; }.designer-motif-picker { width: 100%; } }

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

.headquarter-switch {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  min-width: 0;
  min-height: 62px;
  padding: 9px;
  border-color: rgba(255, 255, 255, 0.18);
  background: transparent;
  text-align: left;
}

.headquarter-switch > span:last-child { display: grid; gap: 3px; min-width: 0; }
.headquarter-switch strong { font-size: 13px; }
.headquarter-switch small { color: #aeb7be; font-size: 10px; line-height: 1.25; }
.headquarter-switch.active:not(.is-jarvis) { border-color: var(--accent); background: rgba(199, 159, 97, .1); }
.headquarter-switch.is-jarvis.active { border-color: var(--jarvis); background: rgba(82, 227, 212, .08); box-shadow: inset 0 0 18px rgba(82, 227, 212, .06); }
.headquarter-switch-mark { width: 24px; aspect-ratio: 1; border: 1px solid var(--jarvis); border-radius: 50%; box-shadow: inset 0 0 0 4px rgba(82, 227, 212, .08), 0 0 10px rgba(82, 227, 212, .28); }
.headquarter-switch-grid { width: 23px; aspect-ratio: 1; background: linear-gradient(90deg, transparent 44%, var(--accent) 45% 55%, transparent 56%), linear-gradient(transparent 44%, var(--accent) 45% 55%, transparent 56%); opacity: .85; }
.sidebar-section-label { margin: -10px 0 -12px; color: #8f999f; font-size: 10px; font-weight: 700; text-transform: uppercase; }

.agent-switch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 0;
  padding: 13px 14px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: inset 3px 0 0 transparent;
  border-radius: 8px;
  background: rgba(7, 18, 22, .70);
  backdrop-filter: blur(7px) saturate(.86);
  -webkit-backdrop-filter: blur(7px) saturate(.86);
  color: #fff;
  text-align: left;
}

.agent-switch.active {
  border-color: var(--jarvis);
  box-shadow: inset 3px 0 0 var(--jarvis);
  background: rgba(82, 227, 212, 0.10);
}

.agent-switch-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.agent-switch-copy strong { font-weight: 700; }
.agent-switch small { color: #c9c9c9; font-size: 12px; }

.agent-state::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 0;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 8px currentColor;
}

.agent-state.ready { color: #54d68f; }
.agent-state.working { color: #a879ff; }
.agent-state.waiting { color: #f0ad4e; }
.agent-state.offline { color: #ed6a5e; }

.agent-switch-avatar {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  object-fit: cover;
  border: 1px solid rgba(255, 255, 255, 0.32);
  border-radius: 0;
}

.agent-card,
.sidebar-panel {
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: transparent;
  border-radius: 0;
  padding: 16px;
}

.backup-sidebar {
  border-radius: 8px;
  background: rgba(7, 18, 22, .70);
  backdrop-filter: blur(7px) saturate(.86);
  -webkit-backdrop-filter: blur(7px) saturate(.86);
}

.agent-card {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}

.agent-card.selected {
  outline: 1px solid #c79f61;
}

.agent-card.is-crm-chief {
  display: block;
  padding: 0;
  outline: 1px solid #c79f61;
  background: linear-gradient(145deg, rgba(199, 159, 97, 0.15), rgba(31, 31, 31, 0.92));
}
.agent-card.is-crm-chief > :not(.crm-chief-summary) { display: none; }
.agent-card.is-jarvis-chief {
  display: block;
  padding: 0;
  outline: 1px solid rgba(82, 227, 212, .72);
  background: linear-gradient(145deg, rgba(82, 227, 212, .11), rgba(24, 27, 27, .96));
}
.agent-card.is-jarvis-chief > :not(.jarvis-chief-summary) { display: none; }
.jarvis-chief-summary { padding: 16px; }
.jarvis-chief-summary .eyebrow { margin: 0 0 6px; color: var(--jarvis); font-size: 10px; }
.jarvis-chief-summary > strong { display: block; font-size: 16px; }
.jarvis-chief-summary > p:not(.eyebrow) { margin: 7px 0 13px; color: #c6cece; font-size: 12px; line-height: 1.45; }
.jarvis-local-state { display: flex; align-items: center; gap: 7px; color: #a7d8d3; font-size: 10px; text-transform: uppercase; }
.jarvis-local-state i { width: 7px; height: 7px; border-radius: 50%; background: var(--jarvis); box-shadow: 0 0 8px rgba(82, 227, 212, .75); }
.crm-chief-summary { padding: 16px; }
.crm-chief-summary .eyebrow { margin: 0 0 6px; color: var(--accent); font-size: 10px; letter-spacing: .13em; text-transform: uppercase; }
.crm-chief-summary > strong { display: block; font-size: 17px; letter-spacing: .08em; }
.crm-chief-summary > p:not(.eyebrow) { margin: 7px 0 14px; color: #c9c9c9; font-size: 12px; line-height: 1.45; }
.crm-chief-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin: 0; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.18); }
.crm-chief-stats div { padding: 10px; background: #282828; }
.crm-chief-stats dt { color: #c9c9c9; font-size: 10px; }
.crm-chief-stats dd { margin: 3px 0 0; color: var(--accent); font-size: 22px; font-weight: 800; }

.avatar-button {
  position: relative;
  width: 62px;
  height: 62px;
  min-height: 62px;
  padding: 0;
  overflow: hidden;
  border-radius: 0;
  border-color: rgba(255, 255, 255, 0.26);
  background: #26313d;
  color: #dce6ee;
  font-weight: 800;
}

.avatar-button img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none;
}

.agent-label {
  display: block;
  color: #a8b5c3;
  font-size: 12px;
  margin-bottom: 6px;
}

.agent-name {
  display: block;
  color: #fff;
  font-size: 15px;
  line-height: 1.25;
}

.agent-kind {
  display: block;
  margin-top: 8px;
  color: #c7d2df;
  font-size: 13px;
}

.sidebar-panel h2 {
  margin: 0 0 12px;
  font-size: 14px;
  color: #d9e2ea;
}

.transfer-panel p {
  margin: 0 0 12px;
  color: #c7d2df;
  font-size: 13px;
  line-height: 1.4;
}

.transfer-actions {
  display: grid;
  gap: 8px;
}

.transfer-actions button {
  width: 100%;
  color: #eef3f7;
  background: #18222d;
  border-color: rgba(255, 255, 255, 0.18);
}

.mini-stats {
  display: grid;
  /* Systemstatus bleibt absichtlich zweizeilig – auch auf breiten Bildschirmen. */
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.mini-stats div:first-child {
  grid-column: 1 / -1;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}

.mini-stats div {
  min-width: 0;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 6px;
  padding: 10px;
}

.mini-stats dt {
  color: #9facbc;
  font-size: 12px;
}

.mini-stats dd {
  margin: 4px 0 0;
  font-weight: 800;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.workspace {
  grid-column: 2;
  padding: clamp(24px, 3vw, 42px) clamp(24px, 3.5vw, 48px);
  position: relative;
  z-index: 1;
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.workspace > * { position: relative; z-index: 1; }

.topbar {
  display: grid;
  grid-template-columns: auto minmax(320px, 1fr) auto;
  align-items: center;
  gap: 16px;
}

.topbar:has(.crm-control-header[hidden]) {
  grid-template-columns: minmax(0, 1fr);
  width: 100%;
}

.topbar:has(.crm-control-header[hidden]) .topbar-actions {
  justify-self: end;
}

.topbar:has(.crm-control-header:not([hidden])) {
  position: relative;
  grid-template-columns: minmax(0, 1fr);
}

.workspace:has(.crm-control-header:not([hidden])) {
  padding-top: 24px;
}

.topbar:has(.crm-control-header:not([hidden])) > :first-child {
  display: none;
}

.topbar:has(.crm-control-header:not([hidden])) .topbar-actions {
  position: absolute;
  z-index: 3;
  top: 16px;
  right: 18px;
}

.jarvis-setup-status {
  position: absolute;
  z-index: 5;
  top: 13px;
  right: 16px;
  min-height: 28px;
  padding: 5px 10px;
  color: #f0c890;
  border: 1px solid rgba(216, 160, 73, .58);
  border-radius: 3px;
  background: rgba(34, 27, 20, .88);
  font-size: 10px;
  font-weight: 800;
}
.jarvis-setup-status.is-stored { color: #9fe9df; border-color: rgba(82, 227, 212, .55); background: rgba(14, 46, 45, .82); }
.jarvis-setup-status.is-error { color: #ffd0a1; border-color: #a8642d; background: #4b3020; }
.document-editor-window.jarvis-setup-window {
  width: min(780px, calc(100vw - 28px));
  max-height: min(840px, calc(100dvh - 28px));
  border-color: rgba(82, 227, 212, .55);
  border-top-color: var(--jarvis);
  background: rgba(7, 18, 22, .94);
  backdrop-filter: blur(14px) saturate(.86);
  -webkit-backdrop-filter: blur(14px) saturate(.86);
}
.jarvis-setup-window .document-editor-window-header { background: rgba(5, 12, 15, .74); }
.jarvis-setup-window .eyebrow,
.jarvis-setup-window .jarvis-safety-limits legend,
.jarvis-setup-window .jarvis-memory-panel legend,
.jarvis-setup-window .jarvis-calendar-preview legend { color: var(--jarvis); }
.jarvis-setup-window .customer-detail-close,
.jarvis-setup-window button:not(.primary) { color: var(--jarvis-strong); border-color: rgba(82, 227, 212, .42); }
.jarvis-setup-window .customer-detail-close:hover,
.jarvis-setup-window button:not(.primary):hover { color: #062e2c; border-color: var(--jarvis); background: var(--jarvis); }
.jarvis-setup-window button.primary { color: #062e2c; border-color: var(--jarvis); background: var(--jarvis); font-weight: 800; }
.jarvis-setup-window button.primary:hover { border-color: var(--jarvis-strong); background: var(--jarvis-strong); }
.jarvis-setup-window input,
.jarvis-setup-window select,
.jarvis-setup-window textarea { color: #e6f4f2; border-color: rgba(82, 227, 212, .3); background: rgba(5, 12, 15, .82); }
.jarvis-setup-window input:focus { border-color: var(--jarvis); outline: 2px solid rgba(82, 227, 212, .2); outline-offset: 1px; }
.jarvis-setup-content { display: grid; gap: 16px; }
.jarvis-setup-content > p { margin: 0; color: #c3cdcc; line-height: 1.55; }
.jarvis-connection-state { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 14px; border: 1px solid rgba(82, 227, 212, .35); background: #202b2b; }
.jarvis-connection-state span { color: var(--muted); font-size: 11px; text-transform: uppercase; }
.jarvis-connection-state strong { color: var(--jarvis-strong); font-size: 14px; }
.jarvis-security-note { display: grid; gap: 5px; padding: 13px 14px; border-left: 3px solid var(--jarvis); background: #202828; }
.jarvis-security-note strong { color: var(--jarvis-strong); }
.jarvis-security-note span { color: #aebdbc; font-size: 12px; line-height: 1.5; }
.jarvis-setup-actions { display: flex; flex-wrap: wrap; gap: 9px; }
.jarvis-microphone-device { display: grid; gap: 6px; color: var(--jarvis-strong); font-size: 12px; font-weight: 700; }
.jarvis-microphone-device select { width: 100%; min-width: 0; min-height: 38px; padding: 7px 10px; }
.jarvis-safety-limits { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: end; gap: 12px; margin: 0; padding: 14px; border: 1px solid rgba(82, 227, 212, .28); }
.jarvis-safety-limits legend { padding: 0 6px; font-size: 12px; font-weight: 800; }
.jarvis-safety-limits label { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 5px 8px; color: var(--muted); font-size: 11px; }
.jarvis-safety-limits label input { grid-column: 1; min-width: 0; }
.jarvis-safety-limits label span { grid-column: 2; align-self: center; }
.jarvis-safety-limits button { grid-column: 2; justify-self: end; min-height: 38px; }
.jarvis-safety-limits small { grid-column: 1 / -1; color: var(--muted); line-height: 1.45; }
.jarvis-diagnostics { min-width: 0; border-block: 1px solid rgba(82, 227, 212, .22); }
.jarvis-diagnostics summary { padding: 11px 2px; color: var(--jarvis); font-size: 12px; font-weight: 800; cursor: pointer; }
.jarvis-diagnostics[open] summary { border-bottom: 1px solid rgba(82, 227, 212, .16); }
.jarvis-diagnostics .form-note { margin: 0; padding: 12px 2px; overflow-wrap: anywhere; color: #9eb1af; font-size: 11px; line-height: 1.5; }
.jarvis-calendar-preview { display: grid; gap: 11px; margin: 0; padding: 14px; border: 1px solid rgba(82, 227, 212, .28); }
.jarvis-calendar-preview legend { padding: 0 6px; font-size: 12px; font-weight: 800; }
.jarvis-calendar-preview p { margin: 0; color: #c3cdcc; line-height: 1.5; }
.jarvis-calendar-preview > button { justify-self: start; }
.jarvis-calendar-preview small { color: var(--muted); }
.jarvis-gmail-secret-setup { display: grid; gap: 8px; min-width: 0; }
.jarvis-gmail-secret-setup label { color: var(--jarvis-strong); font-size: 12px; font-weight: 700; }
.jarvis-gmail-secret-setup > div { display: flex; flex-wrap: wrap; gap: 8px; }
.jarvis-gmail-secret-setup input { flex: 1 1 230px; min-width: 0; }
.jarvis-gmail-secret-setup button { flex: 0 0 auto; }
.jarvis-calendar-access, .jarvis-calendar-action-flow { display: grid; gap: 4px; padding: 10px 12px; background: #202828; }
.jarvis-calendar-access strong, .jarvis-calendar-action-flow strong { color: var(--jarvis-strong); }
.jarvis-calendar-action-flow span { color: #c3cdcc; font-size: 12px; line-height: 1.5; }
.jarvis-memory-panel { display: grid; gap: 11px; margin: 0; padding: 14px; border: 1px solid rgba(82, 227, 212, .28); }
.jarvis-memory-panel legend { padding: 0 6px; font-size: 12px; font-weight: 800; }
.jarvis-memory-heading { display: flex; align-items: start; justify-content: space-between; gap: 14px; }
.jarvis-memory-heading > div { display: grid; gap: 4px; }
.jarvis-memory-heading strong { color: var(--jarvis-strong); }
.jarvis-memory-heading span { max-width: 540px; color: #aebdbc; font-size: 12px; line-height: 1.45; }
.jarvis-memory-list { display: grid; gap: 8px; }
.jarvis-memory-row { display: grid; grid-template-columns: 112px minmax(145px, .7fr) minmax(240px, 1.5fr) auto; gap: 8px; align-items: center; padding: 10px; border-left: 3px solid var(--jarvis); background: #202828; }
.jarvis-memory-row input, .jarvis-memory-row select, .jarvis-memory-row textarea { min-width: 0; width: 100%; margin: 0; resize: vertical; }
.jarvis-memory-row textarea { min-height: 48px; }
.jarvis-memory-actions { display: flex; gap: 6px; }
.jarvis-memory-actions button { min-height: 36px; padding-inline: 10px; }
.jarvis-memory-empty { margin: 0; padding: 12px; background: #202828; }

.eyebrow {
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}

.topbar h2 {
  font-size: clamp(25px, 3vw, 34px);
  letter-spacing: -0.03em;
}
.topbar h2:empty { display: none; }

.status-pill {
  width: 12px;
  height: 12px;
  min-width: 12px;
  padding: 0;
  border-radius: 50%;
  color: transparent;
}

.status-pill.ready { background: #54d68f; box-shadow: 0 0 10px rgba(84, 214, 143, 0.65); }
.status-pill.working { background: #a879ff; box-shadow: 0 0 10px rgba(168, 121, 255, 0.7); }
.status-pill.waiting { background: #f0ad4e; box-shadow: 0 0 10px rgba(240, 173, 78, 0.55); }
.status-pill.offline { background: #ed6a5e; box-shadow: 0 0 10px rgba(237, 106, 94, 0.55); }
.status-pill:focus-visible { outline: 2px solid var(--jarvis); outline-offset: 4px; }
.crm-status-cockpit-heading .team-status-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  padding: 4px 9px;
  border: 1px solid var(--glass-line);
  border-radius: 999px;
  background: rgba(7, 22, 28, .45);
  font-size: 9px;
  letter-spacing: .04em;
}
.team-status-chip .status-pill { display: inline-block; width: 9px; height: 9px; min-width: 9px; }

.jarvis-command-center {
  border: 1px solid #454c4c;
  border-radius: 6px;
  background: #242727;
  overflow: hidden;
}

.jarvis-command-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding: 20px 24px;
  border-bottom: 1px solid #3f4848;
  background: #292d2d;
}

.jarvis-command-header h3 { margin: 4px 0 6px; font-size: 23px; }
.jarvis-command-header p { margin: 0; color: #b7c2c1; line-height: 1.45; }
.jarvis-command-header .eyebrow { color: var(--jarvis); font-size: 11px; }
.jarvis-local-badge { flex: 0 0 auto; padding: 7px 10px; border: 1px solid rgba(82, 227, 212, .5); color: var(--jarvis-strong); font-size: 11px; text-transform: uppercase; }

.jarvis-command-grid {
  display: grid;
  grid-template-columns: minmax(330px, .8fr) minmax(440px, 1.2fr);
  min-height: 540px;
}

.jarvis-core-zone {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 30px;
  border-right: 1px solid #3f4848;
  background: radial-gradient(circle at 50% 45%, rgba(82, 227, 212, .075), transparent 52%), #202323;
}

.jarvis-core {
  position: relative;
  width: min(100%, 340px);
  aspect-ratio: 1;
  isolation: isolate;
}

.jarvis-core::before {
  content: "";
  position: absolute;
  inset: 6%;
  z-index: -1;
  border-radius: 50%;
  background: linear-gradient(118deg, transparent 32%, rgba(167, 255, 245, .10) 48%, transparent 64%);
  filter: blur(2px);
  animation: jarvis-sheen 8s linear infinite;
}

.jarvis-ring {
  position: absolute;
  inset: 50% auto auto 50%;
  border: 1px solid rgba(82, 227, 212, .72);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow: inset 0 0 18px rgba(82, 227, 212, .05), 0 0 11px rgba(82, 227, 212, .13);
  pointer-events: none;
}
.ring-outer-a { width: 96%; aspect-ratio: 1; border-color: rgba(82, 227, 212, .34); }
.ring-outer-b { width: 84%; aspect-ratio: 1; border-style: dashed; border-color: rgba(82, 227, 212, .46); }
.ring-structure-a { width: 70%; aspect-ratio: 1; border-width: 2px; border-color: rgba(82, 227, 212, .68); }
.ring-structure-b { width: 57%; aspect-ratio: 1; border-style: dotted; border-color: rgba(167, 255, 245, .74); }
.ring-reactive-a { width: 43%; aspect-ratio: 1; border-width: 2px; border-color: rgba(82, 227, 212, .86); }
.ring-reactive-b { width: 29%; aspect-ratio: 1; border-color: var(--jarvis-strong); box-shadow: inset 0 0 24px rgba(82, 227, 212, .08), 0 0 18px rgba(82, 227, 212, .28); }

.jarvis-core[data-state="idle"] .ring-outer-a { animation: jarvis-idle-expand 5.4s ease-in-out infinite; }
.jarvis-core[data-state="idle"] .ring-outer-b { animation: jarvis-idle-expand 5.4s ease-in-out -2.7s infinite; }
.jarvis-core[data-state="listening"] .jarvis-ring { animation: jarvis-breathe 2.8s ease-in-out infinite; }
.jarvis-core[data-state="listening"] .ring-outer-b,
.jarvis-core[data-state="listening"] .ring-structure-b { animation-delay: -.85s; }
.jarvis-core[data-state="listening"] .ring-reactive-a { animation-delay: -1.5s; }
.jarvis-core[data-state="speaking"] .ring-outer-b { animation: jarvis-rotate 12s linear infinite; }

@keyframes jarvis-idle-expand {
  0%, 100% { opacity: .28; transform: translate(-50%, -50%) scale(.96); }
  50% { opacity: .72; transform: translate(-50%, -50%) scale(1.035); }
}
@keyframes jarvis-breathe {
  0%, 100% { opacity: .46; transform: translate(-50%, -50%) scale(.97); }
  50% { opacity: 1; transform: translate(-50%, -50%) scale(1.035); }
}
@keyframes jarvis-rotate {
  to { transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes jarvis-sheen {
  50% { transform: rotate(180deg); opacity: .55; }
  to { transform: rotate(360deg); }
}

.jarvis-state-readout { display: grid; gap: 3px; margin-top: 14px; text-align: center; }
.jarvis-state-readout strong { color: var(--jarvis-strong); font-size: 18px; }
.jarvis-state-readout span { color: #aebdbc; font-size: 12px; }
.jarvis-mode-switch { display: grid; grid-template-columns: repeat(3, 1fr); width: min(100%, 340px); margin-top: 18px; border: 1px solid #475151; }
.jarvis-mode-switch button { min-height: 36px; border: 0; border-right: 1px solid #475151; border-radius: 0; background: #262a2a; font-size: 12px; }
.jarvis-mode-switch button:last-child { border-right: 0; }
.jarvis-mode-switch button.active { color: #102c2a; background: var(--jarvis); font-weight: 800; }
.jarvis-volume-control { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 8px 12px; width: min(100%, 340px); margin-top: 15px; color: #b6c2c1; font-size: 11px; }
.jarvis-volume-control input { grid-column: 1 / -1; min-height: 0; padding: 0; accent-color: var(--jarvis); }
.jarvis-volume-control output { color: var(--jarvis-strong); font-variant-numeric: tabular-nums; }

.jarvis-briefing-column { min-width: 0; }
.jarvis-briefing-section { padding: 20px 24px; border-bottom: 1px solid #3f4848; }
.jarvis-section-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.jarvis-section-heading span { color: #8f9d9c; font-size: 10px; text-transform: uppercase; }
.jarvis-section-heading strong { font-size: 15px; }
.jarvis-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin: 0; background: #455050; border: 1px solid #455050; }
.jarvis-metrics div { min-width: 0; padding: 13px; background: #292d2d; }
.jarvis-metrics dt { color: #9facab; font-size: 10px; }
.jarvis-metrics dd { margin: 5px 0 0; color: var(--jarvis-strong); font-size: 23px; font-weight: 800; font-variant-numeric: tabular-nums; }
.jarvis-action-list { display: grid; gap: 8px; }
.jarvis-action-item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; min-height: 40px; padding: 8px 10px; border-left: 2px solid var(--jarvis-deep); background: #292d2d; }
.jarvis-action-item.is-clear { color: #9caaa9; border-left-color: #596363; }
.jarvis-action-item i { width: 7px; height: 7px; border-radius: 50%; background: var(--jarvis); box-shadow: 0 0 7px rgba(82, 227, 212, .55); }
.jarvis-action-item span { min-width: 0; overflow-wrap: anywhere; font-size: 12px; line-height: 1.35; }
.jarvis-action-item small { color: #93a1a0; font-size: 10px; white-space: nowrap; }
.jarvis-api-boundary { margin: 20px 24px; padding: 14px 16px; border: 1px solid rgba(82, 227, 212, .35); border-left: 3px solid var(--jarvis); background: #202626; }
.jarvis-api-boundary > span { color: var(--jarvis); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.jarvis-api-boundary strong { display: block; margin-top: 5px; font-size: 14px; }
.jarvis-api-boundary p { margin: 6px 0 0; color: #aebcbb; font-size: 11px; line-height: 1.5; }
.jarvis-state-guide { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid #3f4848; }
.jarvis-state-guide div { display: grid; grid-template-columns: auto 1fr; gap: 3px 9px; padding: 14px 18px; border-right: 1px solid #3f4848; }
.jarvis-state-guide div:last-child { border-right: 0; }
.jarvis-state-guide span { grid-row: 1 / 3; color: var(--jarvis); font-size: 11px; font-weight: 800; }
.jarvis-state-guide strong { font-size: 12px; }
.jarvis-state-guide p { margin: 0; color: #8f9d9c; font-size: 10px; }

.compliance {
  border: 1px solid var(--line);
  border-left: 3px solid var(--accent);
  background: #303030;
  border-radius: 0;
  padding: 14px 16px;
  line-height: 1.45;
}

.content-grid {
  display: grid;
  grid-template-columns: minmax(320px, 440px) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.jobs-panel .table-wrap { margin-top: 0; }

/* Markus: Auftrag kompakt über die volle Breite, Leads danach ohne Seitenscrollen. */
#agentWorkspace {
  grid-template-columns: minmax(0, 1fr);
}

#agentWorkspace .order-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px 18px;
  align-items: end;
}

#agentWorkspace .order-panel .panel-header,
#agentWorkspace .order-panel #webSearchSource,
#agentWorkspace .order-panel #formNote {
  grid-column: 1 / -1;
}

#agentWorkspace .order-panel .panel-header,
#agentWorkspace .order-panel #webSearchSource,
#agentWorkspace .order-panel .button-row,
#agentWorkspace .order-panel #formNote {
  margin: 0;
}

#agentWorkspace .order-panel #webSearchSource {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(150px, .4fr) minmax(180px, .5fr);
  grid-template-areas:
    "category-label count-label pages-label"
    "category-input count-input pages-input"
    "note note note";
  gap: 0 14px;
  align-items: end;
  padding: 12px 14px;
}

#agentWorkspace .order-panel label[for="searchCategory"] { grid-area: category-label; }
#agentWorkspace .order-panel #searchCategory { grid-area: category-input; }
#agentWorkspace .order-panel label[for="searchCount"] { grid-area: count-label; }
#agentWorkspace .order-panel #searchCount { grid-area: count-input; }
#agentWorkspace .order-panel label[for="searchCalls"] { grid-area: pages-label; }
#agentWorkspace .order-panel #searchCalls { grid-area: pages-input; }

#agentWorkspace .order-panel #webSearchSource .field-label {
  margin: 0;
}

#agentWorkspace .order-panel #webSearchSource .form-note {
  grid-column: 1 / -1;
  grid-area: note;
  margin: 8px 0 0;
  min-height: 0;
}

#agentWorkspace .order-panel .button-row {
  align-self: end;
}

#agentWorkspace .jobs-panel {
  grid-column: 1 / -1;
}

#agentWorkspace .schmidt-mode-switch,
#agentWorkspace .business-acquisition-panel {
  grid-column: 1 / -1;
}

#agentWorkspace .schmidt-mode-switch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-block: 13px;
}

#agentWorkspace .schmidt-mode-switch .panel-header { margin: 0; }
#agentWorkspace .schmidt-mode-switch .button-row { margin: 0; flex-wrap: nowrap; }
#agentWorkspace .schmidt-mode-switch button.active { color: #071719; background: var(--jarvis-strong); border-color: var(--jarvis-strong); }

.business-filter-grid,
.business-candidate-form {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.business-filter-grid label,
.business-candidate-form label {
  display: grid;
  gap: 7px;
  color: #e6f5f2;
  font-size: 12px;
  font-weight: 700;
}

.business-filter-grid small,
.business-candidate-form small { color: var(--muted); font-weight: 500; }

.business-search-actions { display: flex; align-items: end; gap: 12px; margin-top: 16px; }
.business-search-actions label { display: grid; gap: 7px; color: #e6f5f2; font-size: 12px; font-weight: 700; max-width: 180px; }
.business-search-actions button { min-height: 38px; }

.business-candidate-form {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--glass-line);
  align-items: end;
}

.business-candidate-form > div,
.business-candidate-form .business-reason { grid-column: span 2; }
.business-candidate-form > div { display: grid; gap: 3px; }
.business-candidate-form > div span { color: var(--muted); font-size: 12px; }
.business-candidate-form button { min-height: 42px; }

.business-lead-list,
.business-crm-list { display: grid; gap: 10px; margin-top: 18px; }

.business-empty-state,
.business-lead-card,
.business-crm-list article {
  border: 1px solid var(--glass-line);
  background: linear-gradient(135deg, rgba(255,255,255,.10), rgba(10,31,35,.60));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.13);
  padding: 14px;
}

.business-empty-state { display: grid; gap: 4px; color: var(--muted); }
.business-empty-state strong { color: #eaf8f6; }
.business-lead-card.is-closed { opacity: .68; }
.business-lead-heading { display: flex; justify-content: space-between; gap: 12px; align-items: start; }
.business-lead-heading h4 { margin: 0; font-size: 15px; }
.business-lead-heading p,
.business-lead-address,
.business-lead-links,
.business-lead-reason { margin: 5px 0 0; color: var(--muted); font-size: 12px; line-height: 1.45; }
.business-lead-links a { color: var(--jarvis-strong); }
.business-lead-reason strong { color: #d5eeea; }
.business-lead-status { white-space: nowrap; padding: 4px 7px; border: 1px solid currentColor; font-size: 11px; }
.business-lead-controls { display: grid; grid-template-columns: minmax(120px, .75fr) minmax(130px, .8fr) minmax(170px, 1fr); align-items: end; gap: 10px; margin-top: 12px; }
.business-lead-controls label { display: grid; gap: 5px; color: var(--muted); font-size: 11px; }
.business-lead-controls button { min-height: 36px; }
.business-crm-list article { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.business-crm-list article div { display: grid; gap: 3px; }
.business-crm-list article span { color: var(--muted); font-size: 12px; }
.business-crm-list a { color: var(--jarvis-strong); }

@media (max-width: 760px) {
  #agentWorkspace .schmidt-mode-switch { display: grid; }
  .business-filter-grid,
  .business-candidate-form,
  .business-lead-controls { grid-template-columns: 1fr; }
  .business-search-actions { display: grid; }
  .business-candidate-form > div,
  .business-candidate-form .business-reason { grid-column: auto; }
  .business-crm-list article { display: grid; }
}

@media (max-width: 700px) {
  #agentWorkspace .order-panel,
  #agentWorkspace .order-panel #webSearchSource {
    grid-template-columns: 1fr;
  }
}

.content-grid[hidden] {
  display: none !important;
}

.panel {
  background: linear-gradient(135deg, var(--glass-highlight), rgba(255, 255, 255, .035) 28%, var(--glass-surface) 72%, var(--glass-surface-deep));
  border: 1px solid var(--glass-line);
  border-radius: 0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), inset 0 -1px 0 rgba(0, 0, 0, .22), 0 14px 30px rgba(0, 0, 0, .16);
  backdrop-filter: blur(18px) saturate(1.08);
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
  padding: 18px;
}

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

.panel h3 {
  font-size: 17px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.panel p {
  margin-top: 4px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.4;
}

.field-label {
  display: block;
  margin: 14px 0 7px;
  color: #f7f7f7;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.02em;
}

.demo-source {
  border: 1px solid var(--line);
  border-left: 3px solid var(--accent);
  background: var(--surface-muted);
  border-radius: 0;
  padding: 14px;
  margin-top: 14px;
}

.button-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

.local-rules {
  border: 1px solid #5a513f;
  background: #302b24;
  border-radius: 0;
  padding: 12px 14px;
  line-height: 1.45;
  color: #f1e8da;
  margin-bottom: 16px;
}

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

.image-list {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.image-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid var(--line);
  background: var(--surface-muted);
  border-radius: 6px;
  padding: 9px 10px;
  color: var(--text);
  font-size: 13px;
}

.image-item span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.form-note {
  min-height: 20px;
}

.social-channel-card { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 16px; padding: 14px 16px; border: 1px solid #5a513f; background: linear-gradient(110deg, #302b24, #282828); }
.social-channel-card div { display: grid; gap: 4px; }
.social-channel-card span { color: var(--accent); font-size: 11px; font-weight: 800; letter-spacing: .12em; }
.social-channel-card strong { font-size: 16px; }
.social-channel-card small, .social-draft-form small { color: var(--muted); line-height: 1.4; }
.social-channel-card b { color: #f1e8da; font-size: 11px; letter-spacing: .08em; white-space: nowrap; }
.social-studio-grid { display: grid; grid-template-columns: minmax(260px, .9fr) minmax(320px, 1.3fr); gap: 16px; }
.social-draft-form, .social-week-plan { border: 1px solid var(--line); background: var(--surface-muted); padding: 16px; }
.social-draft-form { display: grid; align-content: start; gap: 9px; }
.social-draft-form .field-label { margin: 0; }
.social-draft-form button { margin-top: 5px; }
.social-week-heading { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.social-week-heading span { color: var(--muted); font-size: 12px; }
.social-week-slots { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.social-week-slot { min-height: 88px; padding: 10px; border-left: 2px solid #5f5138; background: #303030; }
.social-week-slot span { display: block; color: var(--accent); font-size: 11px; font-weight: 800; letter-spacing: .06em; }
.social-week-slot strong { display: block; margin-top: 7px; font-size: 13px; line-height: 1.35; }
.social-week-slot small { display: block; margin-top: 7px; color: var(--muted); font-size: 11px; }
.social-draft-list { display: grid; gap: 10px; margin-top: 16px; }
.social-draft { border: 1px solid var(--line); background: #2b2b2b; padding: 15px 16px; }
.social-draft-top { display: flex; justify-content: space-between; gap: 14px; align-items: flex-start; }
.social-draft-kicker { color: var(--accent); font-size: 11px; font-weight: 800; letter-spacing: .09em; }
.social-draft h4 { margin: 4px 0 0; font-size: 16px; }
.social-draft-state { padding: 4px 8px; border: 1px solid #5f5138; color: #f1e8da; font-size: 11px; white-space: nowrap; }
.social-draft-copy { margin: 13px 0 0; white-space: pre-line; color: #e9e9e9; line-height: 1.55; }
.social-draft-edit-label { display: grid; gap: 6px; margin-top: 8px; color: var(--muted); font-size: 12px; }
.social-draft-title-input, .social-draft-copy-input { width: 100%; box-sizing: border-box; border: 1px solid #625338; border-radius: 8px; padding: 9px 11px; background: #181818; color: var(--text); font: inherit; line-height: 1.45; }
.social-draft-title-input { font-size: 16px; font-weight: 700; }
.social-draft-copy-input { min-height: 170px; resize: vertical; }
.social-draft-visual { position: relative; width: min(100%, 440px); margin: 14px 0 0; overflow: hidden; border: 1px solid #625338; background: #202020; box-shadow: 0 12px 28px rgba(0, 0, 0, .22); }
.social-draft-image { display: block; width: 100%; height: auto; }
.social-image-brief { margin: 12px 0 0; padding: 10px 12px; border-left: 2px solid var(--accent); background: #242424; color: var(--muted); font-size: 13px; line-height: 1.45; }
.social-image-brief strong { color: var(--text); }
.social-image-brief-editor { display: grid; gap: 8px; }
.social-image-brief-input { width: 100%; min-height: 112px; resize: vertical; border: 1px solid #625338; border-radius: 8px; padding: 10px 12px; background: #181818; color: var(--text); font: inherit; line-height: 1.45; }
.social-draft-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.social-draft-actions button { min-height: 34px; font-size: 12px; }
.social-draft-photo-upload { display: inline-flex; align-items: center; min-height: 34px; padding: 0 12px; border: 1px solid #7b6848; border-radius: 7px; color: var(--text); background: #252525; cursor: pointer; font-size: 12px; }
.social-draft-photo-upload:hover { border-color: var(--accent); color: #fff4dc; }
.social-draft-photo-upload.is-disabled { opacity: .55; cursor: not-allowed; }
.social-draft-photo-input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (max-width: 760px) { .social-studio-grid { grid-template-columns: 1fr; } .social-channel-card { align-items: flex-start; flex-direction: column; } }

.accounting-actions { display: flex; align-items: center; gap: 12px; margin-top: 14px; }
.accounting-actions button { flex: 0 0 auto; }
.accounting-actions small { color: var(--muted); font-size: 12px; line-height: 1.4; }
.mailbox-import { margin-top: 18px; padding: 18px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.mailbox-import-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.mailbox-import-heading h4 { margin: 0; font-size: 17px; }
.mailbox-import-heading p { max-width: 760px; margin: 6px 0 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.mailbox-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin-top: 14px; }
.mailbox-card { display: grid; align-content: start; gap: 10px; min-width: 0; padding: 15px; border: 1px solid var(--line); background: var(--surface-muted); }
.mailbox-card > div { display: grid; gap: 4px; }
.mailbox-card span { color: var(--accent); font-size: 10px; font-weight: 800; letter-spacing: .1em; }
.mailbox-card strong { font-size: 15px; }
.mailbox-card small { color: var(--muted); font-size: 12px; line-height: 1.4; overflow-wrap: anywhere; }
.mailbox-card > b { color: #eee5d5; font-size: 12px; font-weight: 700; }
.mailbox-card > button { justify-self: start; }
.mailbox-run { display: flex; align-items: center; gap: 12px; margin-top: 14px; }
.mailbox-run small { color: var(--muted); font-size: 12px; line-height: 1.45; }
.mailbox-results { margin-top: 14px; }
.mailbox-metrics { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border: 1px solid var(--line); }
.mailbox-metrics div { display: grid; gap: 3px; padding: 11px; border-right: 1px solid var(--line); }
.mailbox-metrics div:last-child { border-right: 0; }
.mailbox-metrics strong { color: var(--accent); font-size: 18px; }
.mailbox-metrics span { color: var(--muted); font-size: 11px; }
.mailbox-error { color: #f0b5ad; font-size: 12px; }
.mailbox-provider-results { display: grid; gap: 6px; margin: 10px 0 0; padding: 0; list-style: none; }
.mailbox-provider-results li { display: flex; justify-content: space-between; gap: 16px; padding: 8px 10px; background: #282828; font-size: 12px; }
.mailbox-provider-results span { color: var(--muted); text-align: right; }
.mailbox-review { margin-top: 12px; padding: 12px; border-left: 2px solid #b78b52; background: #282521; }
.mailbox-review ul { display: grid; gap: 7px; margin: 8px 0 0; padding-left: 18px; }
.mailbox-review li { font-size: 12px; }
.mailbox-review li small { display: block; margin-top: 2px; color: var(--muted); }
@media (max-width: 760px) { .mailbox-grid { grid-template-columns: 1fr; } .mailbox-import-heading, .mailbox-run, .accounting-actions { align-items: stretch; flex-direction: column; } .mailbox-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mailbox-metrics div { border-bottom: 1px solid var(--line); } }

.global-chat-launcher {
  position: fixed;
  z-index: 96;
  right: 18px;
  bottom: 18px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 46px;
  padding: 0 16px;
  border-radius: 999px;
  border-color: #8c7047;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .38);
}
.global-chat-launcher > span:first-child { color: var(--accent); font-size: 23px; line-height: 1; }
.chat-unread-badge {
  display: inline-grid;
  min-height: 22px;
  place-items: center;
  padding: 2px 8px;
  border: 1px solid #f5d28c;
  border-radius: 999px;
  background: #8b2b38;
  color: #fff8e8;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.chat-unread-badge[hidden] { display: none; }
.crm-mention-launcher { position: fixed; z-index: 96; right: 18px; bottom: 72px; display: inline-flex; align-items: center; gap: 6px; min-height: 34px; padding: 0 11px; border-color: #9d6adb; background: rgba(75, 37, 102, .92); color: #f5eaff; font-size: 11px; font-weight: 800; box-shadow: 0 10px 28px rgba(0, 0, 0, .34); }
.crm-mention-launcher[hidden] { display: none; }
.crm-mention-launcher > span:first-child { font-size: 16px; }
#crmMentionBadge { display: inline-grid; min-width: 18px; height: 18px; place-items: center; padding: 0 5px; border-radius: 999px; background: #e4c5ff; color: #3b1557; font-size: 10px; }
.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; }
.global-chat-panel {
  position: fixed;
  z-index: 97;
  right: 18px;
  bottom: 76px;
  display: flex;
  flex-direction: column;
  width: min(390px, calc(100vw - 32px));
  height: min(580px, calc(100vh - 100px));
  min-height: 360px;
  padding: 16px;
  border: 1px solid var(--glass-line);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .17), rgba(255, 255, 255, .055) 30%, rgba(10, 21, 30, .58) 72%, rgba(5, 12, 19, .68)),
    rgba(8, 17, 25, .58);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .20), inset 0 -1px 0 rgba(0, 0, 0, .22), 0 22px 54px rgba(0, 0, 0, .52);
  backdrop-filter: blur(22px) saturate(1.08);
  -webkit-backdrop-filter: blur(22px) saturate(1.08);
}
.global-chat-panel[hidden] { display: none; }
.global-chat-panel.is-human-chat {
  width: min(640px, calc(100vw - 40px));
  height: min(700px, calc(100vh - 100px));
  min-height: 460px;
}
.global-chat-panel.is-human-chat .chat-log { flex: 1 1 0; padding: 16px; gap: 12px; }
.global-chat-panel.is-human-chat .message { max-width: 88%; padding: 12px 14px; font-size: 14px; }
.global-chat-panel.is-human-chat .message time { font-size: 12px; }
.global-chat-panel.is-human-chat .message.is-first-unread { border-color: #e1bd74; box-shadow: inset 3px 0 0 #e1bd74; }
.global-chat-header { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.global-chat-header span { color: var(--accent); font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.global-chat-header h3 { margin: 3px 0 0; font-size: 19px; }
.global-chat-header button { min-width: 34px; min-height: 34px; padding: 0; font-size: 23px; line-height: 1; }
.global-chat-target { display: grid; gap: 5px; margin-top: 13px; color: var(--muted); font-size: 11px; }
.global-chat-target select { width: 100%; border-color: rgba(224, 246, 248, .28); background: rgba(6, 14, 21, .62); }
.global-chat-meta { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin: 11px 0; }
.global-chat-meta p { margin: 0; color: #d6e0e0; font-size: 12px; line-height: 1.38; }
.chat-meta-actions { display: flex; flex: 0 0 auto; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.chat-meta-actions button { min-height: 31px; padding: 0 9px; font-size: 11px; }
#chatSoundToggle[aria-pressed="false"] { border-color: #7a6068; color: #e4c9d0; }

.dashboard-overview {
  display: grid;
  grid-template-columns: minmax(180px, 0.75fr) minmax(0, 2.25fr) minmax(250px, 0.9fr);
  gap: 24px;
  align-items: stretch;
  padding: 26px 0;
  border-bottom: 1px solid var(--line);
}
.dashboard-overview[hidden] { display: none !important; }

.crm-overview {
  margin: 4px 0 8px;
  padding: 24px;
  border: 1px solid var(--glass-line);
  border-left: 3px solid var(--jarvis);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .035) 29%, var(--glass-surface) 72%, var(--glass-surface-deep));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .19), inset 0 -1px 0 rgba(0, 0, 0, .22), 0 14px 30px rgba(0, 0, 0, .16);
  backdrop-filter: blur(20px) saturate(1.08);
  -webkit-backdrop-filter: blur(20px) saturate(1.08);
}

.crm-overview.is-workspace { margin-top: 4px; }
.crm-workspace { margin-top: 24px; border-top: 1px solid var(--line); padding-top: 18px; }
.crm-workspace-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; color: var(--text); }
.crm-workspace-heading div { display: grid; gap: 5px; }
.crm-workspace-heading span { color: var(--muted); font-size: 13px; }
.crm-workspace-heading > span { color: var(--accent); white-space: nowrap; }
.crm-call-list-picker { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }
.crm-call-list-picker button { display: grid; gap: 5px; min-width: 0; min-height: 96px; padding: 14px 16px; text-align: left; border: 1px solid rgba(126, 211, 205, .35); border-radius: 10px; background: rgba(95, 127, 131, .12); color: var(--text); }
.crm-call-list-picker button:hover, .crm-call-list-picker button.active { border-color: var(--accent); background: rgba(95, 178, 174, .18); }
.crm-call-list-picker button strong { font-size: 16px; line-height: 1.2; }
.crm-call-list-picker button span { color: #d4f7f2; font-size: 13px; font-weight: 600; }
.crm-call-list-picker button small { color: var(--muted); font-size: 12px; }
.crm-call-list-picker p { grid-column: 1 / -1; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.4; }
@media (max-width: 640px) { .crm-call-list-picker { grid-template-columns: 1fr; } }
.crm-leads-hub { border-top: 0; padding-top: 0; }
.crm-lead-area-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 18px; }
.crm-lead-area-card { display: grid; align-content: start; gap: 9px; min-height: 190px; padding: 21px; overflow: hidden; text-align: left; border: 1px solid var(--glass-line); border-left-width: 3px; border-radius: 11px; background: linear-gradient(135deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, .035) 35%, rgba(16, 37, 42, .45) 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.18), inset 0 -1px 0 rgba(0,0,0,.2), 0 13px 28px rgba(0,0,0,.15); color: var(--text); backdrop-filter: blur(19px) saturate(1.08); -webkit-backdrop-filter: blur(19px) saturate(1.08); transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease; }
.crm-lead-area-card:hover, .crm-lead-area-card:focus-visible { transform: translateY(-2px); border-color: var(--accent); background: linear-gradient(135deg, rgba(132, 239, 230, .19), rgba(255,255,255,.05) 36%, rgba(16, 44, 48, .55) 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.23), 0 17px 35px rgba(0,0,0,.23), 0 0 20px rgba(91, 224, 213, .1); outline: none; }
.crm-lead-area-card--amazon { border-left-color: #d1a75d; }
.crm-lead-area-card--business { border-left-color: #5bd8d0; }
.crm-lead-area-kicker { color: var(--accent); font-size: 10px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.crm-lead-area-card--amazon .crm-lead-area-kicker { color: #efd494; }
.crm-lead-area-card strong { font-size: 20px; line-height: 1.1; }
.crm-lead-area-card small { max-width: 38ch; color: var(--muted); font-size: 13px; line-height: 1.45; }
.crm-lead-area-action { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 8px; color: #d9fffa; font-size: 12px; font-weight: 800; }
.crm-lead-area-action b { font-size: 18px; font-weight: 500; }
.crm-business-workspace { border-top: 0; padding-top: 0; }
.crm-leads-back { min-height: 32px; padding: 0 10px; color: var(--accent); font-size: 12px; white-space: nowrap; }
.crm-business-stage { display: grid; gap: 10px; margin-top: 18px; padding: 22px; border: 1px solid var(--glass-line); border-left: 3px solid #5bd8d0; border-radius: 10px; background: linear-gradient(135deg, rgba(105, 224, 215, .13), rgba(255,255,255,.035) 40%, rgba(10, 31, 35, .5)); box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 13px 28px rgba(0,0,0,.13); backdrop-filter: blur(18px) saturate(1.06); -webkit-backdrop-filter: blur(18px) saturate(1.06); }
.crm-business-stage strong { font-size: 18px; }
.crm-business-stage p { max-width: 72ch; margin: 0; color: var(--text); line-height: 1.55; }
.crm-business-stage small { color: var(--muted); line-height: 1.45; }
.crm-business-stage.is-list-ready { gap: 16px; padding: 0; border: 0; background: transparent; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
@media (max-width: 640px) { .crm-lead-area-cards { grid-template-columns: 1fr; } .crm-workspace-heading { align-items: flex-start; flex-direction: column; } }
.crm-table-wrap { max-height: 620px; overflow-y: auto; overscroll-behavior: contain; }
.crm-manual-lead { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 10px; align-items: end; margin-top: 14px; padding: 10px 12px; border: 1px solid var(--line); background: #2b2b2b; }
.crm-manual-lead label { display: grid; gap: 5px; color: var(--muted); font-size: 11px; }
.crm-manual-lead input { width: 100%; min-width: 0; }
.crm-manual-lead button { min-height: 36px; padding: 0 11px; font-size: 12px; }
.crm-manual-lead small { grid-column: 1 / -1; color: var(--muted); font-size: 11px; }
.crm-import-leads { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 10px; padding: 10px 12px; border-left: 2px solid var(--accent); background: var(--surface-muted); }
.crm-import-leads > div:first-child { display: grid; gap: 4px; min-width: 0; }
.crm-import-leads strong { color: var(--text); font-size: 12px; }
.crm-import-leads small { color: var(--muted); font-size: 11px; line-height: 1.35; }
.crm-import-actions { display: flex; flex: 0 0 auto; gap: 8px; }
.crm-import-actions button { min-height: 34px; padding: 0 10px; font-size: 12px; white-space: nowrap; }
.crm-import-actions #crmImportConfirm { border-color: var(--accent); color: #d9ffff; }
.crm-lead-navigator { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-top: 10px; color: var(--muted); font-size: 12px; }
.crm-lead-toolbar { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 8px 14px; margin-top: 10px; }
.crm-lead-toolbar label { display: grid; gap: 5px; min-width: 0; color: var(--muted); font-size: 12px; }
.crm-lead-toolbar .crm-seller-search input { width: 100%; min-width: 0; min-height: 32px; }
.crm-lead-toolbar select { min-width: 190px; min-height: 32px; }
.crm-lead-toolbar small { grid-column: 1 / -1; color: var(--muted); font-size: 11px; }
@media (max-width: 760px) { .crm-lead-toolbar { grid-template-columns: minmax(0, 1fr); } .crm-lead-toolbar select { width: 100%; } }
.crm-lead-navigator > span { margin-right: auto; color: var(--accent); }
.crm-lead-navigator label { display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.crm-lead-navigator input { width: 86px; min-height: 30px; padding: 0 7px; }
.crm-lead-navigator button { min-height: 30px; padding: 0 10px; font-size: 12px; }
@media (max-width: 760px) { .crm-import-leads { align-items: flex-start; flex-direction: column; } }
@media (max-width: 720px) {
  .crm-lead-navigator { align-items: flex-start; flex-wrap: wrap; }
  .crm-lead-navigator label { width: 100%; }
}
.customer-records { margin-top: 26px; border-top: 1px solid var(--line); padding-top: 18px; }
.customer-record-list { display: grid; grid-template-columns: 1fr; gap: 8px; margin-top: 14px; }
.customer-search { margin-top: 14px; }
.customer-lifecycle-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 16px; padding: 10px 12px; border: 1px solid var(--line); background: #2d2d2d; }
.customer-lifecycle-summary, .customer-lifecycle-filters { display: flex; align-items: center; gap: 8px; }
.customer-lifecycle-summary span { display: inline-flex; align-items: baseline; gap: 5px; color: var(--muted); font-size: 11px; font-weight: 700; }
.customer-lifecycle-summary .is-active strong { color: #69b8df; }
.customer-lifecycle-summary .is-inactive strong { color: #aaa59b; }
.customer-lifecycle-filters button { min-height: 32px; padding: 0 11px; color: var(--muted); font-size: 11px; font-weight: 750; }
.customer-lifecycle-filters button.active { color: #0b202b; border-color: #69b8df; background: #69b8df; }
.customer-record-actions { display: flex; align-items: center; gap: 10px; }
.customer-record-actions button { min-height: 32px; padding: 0 9px; font-size: 11px; color: #ffb5b5; }
.customer-create-form { margin-top: 16px; padding: 16px; border: 1px solid var(--accent); background: #303030; }
.customer-create-form[hidden] { display: none; }
.customer-create-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 14px; }
.customer-create-heading > div { display: grid; gap: 4px; }
.customer-create-heading span, .customer-create-actions span { color: var(--muted); font-size: 12px; }
.customer-create-heading button { min-height: 32px; padding: 0 9px; font-size: 12px; }
.customer-type-choice { display: flex; align-items: center; flex-wrap: wrap; gap: 0; min-width: 0; margin: 0; padding: 0; border: 0; background: transparent; }
.customer-type-choice legend { width: auto; margin-right: 12px; padding: 0; color: var(--muted); font-size: 12px; font-weight: 750; }
.customer-type-choice label, .customer-type-switch button { position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: 34px; padding: 0 14px; border: 1px solid var(--line); color: var(--muted); background: #292929; font-size: 12px; font-weight: 800; cursor: pointer; transition: border-color .16s ease, background .16s ease, color .16s ease; }
.customer-type-choice label + label { margin-left: -1px; }
.customer-type-choice label:first-of-type, .customer-type-switch button:first-child { border-radius: 8px 0 0 8px; }
.customer-type-choice label:last-of-type, .customer-type-switch button:last-child { border-radius: 0 8px 8px 0; }
.customer-type-choice label:has(input:checked), .customer-type-switch button.active { z-index: 1; border-color: var(--accent); color: #151515; background: var(--accent); }
.customer-type-choice input { position: absolute; opacity: 0; pointer-events: none; }
.customer-type-switch { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 0 0 14px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: #252525; }
.customer-type-switch > span { color: var(--muted); font-size: 12px; font-weight: 750; }
.customer-type-switch > div { display: flex; }
.customer-type-switch button { min-height: 32px; }
.customer-type-switch button:hover:not(.active), .customer-type-choice label:hover:not(:has(input:checked)) { border-color: var(--muted); color: var(--text); }
.customer-create-actions { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 14px; }
.customer-create-actions button, .crm-heading-actions .crm-primary-action { min-height: 38px; color: #1a1a1a; background: var(--accent); border-color: var(--accent); font-weight: 800; }
.customer-create-actions button:hover, .crm-heading-actions .crm-primary-action:hover { color: #1a1a1a; background: var(--accent-strong); border-color: var(--accent-strong); }
.customer-record { border: 1px solid var(--line); border-left: 3px solid var(--accent); background: #303030; padding: 16px; scroll-margin-top: 18px; }
.customer-record-summary { padding: 0; border-left-width: 3px; transition: border-color .16s ease, background .16s ease, transform .16s ease; }
.customer-record-summary:hover { border-color: var(--accent); background: #353535; transform: translateY(-1px); }
.customer-record-summary.is-active { border-left-color: #4d9fc8; }
.customer-record-summary.is-inactive { border-left-color: #67645e; }
.customer-record-open { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; width: 100%; min-height: 70px; gap: 16px; padding: 14px 16px; border: 0; background: transparent; color: var(--text); text-align: left; }
.customer-record-identity { display: flex; align-items: center; min-width: 0; gap: 11px; }
.customer-record-identity > span { display: grid; min-width: 0; gap: 4px; }
.customer-record-logo { width: 42px; height: 42px; flex: 0 0 42px; object-fit: contain; padding: 4px; border: 1px solid var(--line); background: #f5f4f1; }
.customer-record-open strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.customer-record-open small { color: var(--muted); font-size: 12px; }
.customer-record-meta { display: inline-flex; align-items: center; justify-content: flex-end; gap: 7px; color: var(--accent); font-size: 12px; text-align: right; }
.customer-owner-chip { display: inline-flex; align-items: center; min-height: 22px; padding: 0 7px; border: 1px solid currentColor; font-size: 10px; font-weight: 850; letter-spacing: .02em; white-space: nowrap; }
.customer-owner-chip.is-thomas { color: #62e3d4; background: rgba(82, 227, 212, .13); border-color: rgba(82, 227, 212, .66); box-shadow: 0 0 12px rgba(82, 227, 212, .10); }
.customer-owner-chip.is-pascal { color: #d4a6ff; background: rgba(185, 123, 255, .14); border-color: rgba(194, 138, 255, .68); box-shadow: 0 0 12px rgba(185, 123, 255, .10); }
.customer-owner-chip.is-unassigned { color: #b7b4ae; background: rgba(183, 180, 174, .08); border-color: rgba(183, 180, 174, .35); }
.customer-lifecycle-chip { display: inline-flex; align-items: center; min-height: 22px; padding: 0 7px; border: 1px solid currentColor; color: #aaa59b; background: rgba(170,165,155,.08); font-size: 10px; font-weight: 850; text-transform: uppercase; }
.customer-lifecycle-chip.is-active { color: #69b8df; background: rgba(68,143,180,.12); }
.customer-lifecycle-toggle { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 12px; margin-top: 14px; padding: 12px 14px; border: 1px solid var(--line); background: #252525; color: var(--text); cursor: pointer; }
.customer-lifecycle-toggle > span:first-child { display: grid; gap: 3px; }
.customer-lifecycle-toggle small { color: var(--muted); font-weight: 500; }
.customer-lifecycle-toggle input { position: absolute; opacity: 0; pointer-events: none; }
.customer-lifecycle-switch { position: relative; width: 42px; height: 22px; border: 1px solid #66625b; background: #3a3835; transition: background .16s ease, border-color .16s ease; }
.customer-lifecycle-switch::after { content: ""; position: absolute; top: 3px; left: 3px; width: 14px; height: 14px; background: #aaa59b; transition: transform .16s ease, background .16s ease; }
.customer-lifecycle-toggle input:checked + .customer-lifecycle-switch { border-color: #69b8df; background: #17445d; }
.customer-lifecycle-toggle input:checked + .customer-lifecycle-switch::after { transform: translateX(20px); background: #9bdcf2; }
.customer-lifecycle-toggle input:focus-visible + .customer-lifecycle-switch { outline: 2px solid #9bdcf2; outline-offset: 3px; }
.privacy-indicator { display: inline-block; width: 9px; height: 9px; flex: 0 0 9px; border-radius: 50%; box-shadow: 0 0 0 3px rgba(255, 255, 255, .06); }
.privacy-indicator--green { background: #56ba78; }
.privacy-indicator--orange { background: #e6a743; }
.privacy-indicator--red { background: #df6262; }
.customer-record-arrow { min-width: 64px; color: var(--accent-strong); font-size: 12px; font-weight: 800; text-align: right; }
.customer-detail-modal { position: fixed; z-index: 60; inset: 0; display: grid; place-items: center; padding: clamp(14px, 3vw, 42px); }
.customer-detail-modal[hidden] { display: none; }
.customer-detail-backdrop { position: absolute; inset: 0; background: rgba(12, 12, 12, .72); backdrop-filter: blur(5px); }
.customer-detail-window { position: relative; z-index: 1; display: grid; grid-template-rows: auto minmax(0, 1fr); width: min(1120px, 100%); max-height: min(880px, calc(100vh - 28px)); overflow: hidden; border: 1px solid #6d5c2c; border-top: 3px solid var(--accent); background: #282828; box-shadow: 0 28px 80px rgba(0, 0, 0, .55); outline: none; }
.customer-detail-window-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; padding: 18px 22px 16px; border-bottom: 1px solid var(--line); background: linear-gradient(135deg, #353126, #292929 48%); }
.customer-detail-window-header .eyebrow { margin: 0 0 4px; }
.customer-detail-window-header h2 { margin: 0; font-size: clamp(20px, 2.5vw, 28px); }
.customer-detail-window-header span { display: block; margin-top: 5px; color: var(--muted); font-size: 12px; }
.customer-detail-close { min-height: 36px; padding: 0 12px; color: var(--accent-strong); border-color: #8a7434; background: rgba(0, 0, 0, .15); font-size: 12px; font-weight: 800; }
.customer-detail-close:hover { color: #1a1a1a; background: var(--accent); border-color: var(--accent); }
.customer-detail-content { min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 22px; }
.document-editor-modal { position: fixed; z-index: 70; inset: 0; display: grid; place-items: center; padding: clamp(14px, 3vw, 42px); }
#documentEditorModal { z-index: 80; }
.document-editor-modal[hidden] { display: none; }
.document-editor-backdrop { position: absolute; inset: 0; background: rgba(12, 12, 12, .78); backdrop-filter: blur(5px); }
.document-editor-window { position: relative; z-index: 1; display: grid; grid-template-rows: auto minmax(0, 1fr); width: min(900px, 100%); max-height: min(840px, calc(100vh - 28px)); overflow: hidden; border: 1px solid #6d5c2c; border-top: 3px solid var(--accent); background: #282828; box-shadow: 0 28px 80px rgba(0, 0, 0, .6); outline: none; }
.document-editor-window-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; padding: 18px 22px 16px; border-bottom: 1px solid var(--line); background: linear-gradient(135deg, #353126, #292929 48%); }
.document-editor-window-header .eyebrow { margin: 0 0 4px; }
.document-editor-window-header h2 { margin: 0; font-size: clamp(20px, 2.5vw, 28px); }
.document-editor-window-header span { display: block; margin-top: 5px; color: var(--muted); font-size: 12px; }
.document-editor-content { min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 22px; }
.customer-detail-modal,
#documentEditorModal,
#followupEditorModal,
#outlookEventEditorModal { box-sizing: border-box; width: 100vw; height: 100dvh; min-height: 0; max-height: 100dvh; align-items: center; justify-items: center; padding: clamp(14px, 3vw, 42px); overflow: hidden; }
.customer-detail-window,
#documentEditorModal .document-editor-window,
#followupEditorModal .document-editor-window,
#outlookEventEditorModal .document-editor-window { width: min(1120px, calc(100vw - clamp(28px, 6vw, 84px))); max-height: calc(100dvh - clamp(28px, 6vw, 84px)); min-height: 0; border: 1px solid var(--glass-line); border-top: 1px solid rgba(82, 227, 212, .58); border-radius: 14px; background: linear-gradient(135deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .03) 28%, rgba(7, 18, 22, .92) 72%, rgba(4, 10, 15, .96)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), inset 0 -1px 0 rgba(0, 0, 0, .24), 0 28px 80px rgba(0, 0, 0, .62); backdrop-filter: blur(20px) saturate(1.08); -webkit-backdrop-filter: blur(20px) saturate(1.08); }
#documentEditorModal .document-editor-window { width: min(900px, calc(100vw - clamp(28px, 6vw, 84px))); }
#followupEditorModal .document-editor-window,
#outlookEventEditorModal .document-editor-window { width: min(900px, calc(100vw - clamp(28px, 6vw, 84px))); }
.customer-detail-window-header,
#documentEditorModal .document-editor-window-header,
#followupEditorModal .document-editor-window-header,
#outlookEventEditorModal .document-editor-window-header { background: rgba(5, 20, 25, .78); border-bottom-color: rgba(82, 227, 212, .22); }
.customer-detail-content,
#documentEditorModal .document-editor-content,
#followupEditorModal .document-editor-content,
#outlookEventEditorModal .document-editor-content { min-height: 0; overflow: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
@media (max-width: 720px) {
  .customer-detail-modal,
  #documentEditorModal,
  #followupEditorModal,
  #outlookEventEditorModal { align-items: center; padding: 14px; }
  .customer-detail-window,
  #documentEditorModal .document-editor-window,
  #followupEditorModal .document-editor-window,
  #outlookEventEditorModal .document-editor-window { width: 100%; max-height: calc(100dvh - 28px); border-radius: 12px; }
}
.document-editor-intro { display: grid; gap: 4px; margin-bottom: 16px; padding: 12px 14px; border: 1px solid #5b522e; background: #313024; }
#documentEditorModal .document-editor-intro,
#documentEditorModal .customer-offer-addons,
#documentEditorModal .customer-offer-addons label { border-color: var(--glass-line); background: rgba(8, 29, 35, .72); }
#documentEditorModal input,
#documentEditorModal select,
#documentEditorModal textarea { border-color: var(--glass-line); background: rgba(7, 22, 29, .82); color: var(--text); }
#documentEditorModal .document-editor-backdrop { background: rgba(2, 9, 14, .72); }
.document-editor-intro span { color: var(--muted); font-size: 12px; line-height: 1.45; }
.document-editor-recipient { display: grid; gap: 4px; margin: 0 0 16px; padding: 0 2px 12px; border-bottom: 1px solid var(--glass-line); color: var(--text); line-height: 1.45; }
.document-editor-recipient strong { color: var(--jarvis); font-size: 12px; }
.document-editor-recipient span { font-size: 13px; }
.document-editor-items { margin-top: 16px; }
.commercial-area-picker { display: grid; gap: 16px; padding: 8px 0 18px; }
.commercial-area-picker h3 { margin: 0; font-size: 18px; }
.commercial-area-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.commercial-area-options button { min-height: 58px; border: 1px solid var(--glass-line); border-radius: 6px; background: rgba(7, 30, 37, .8); color: var(--text); font-weight: 700; }
.commercial-area-options button:hover, .commercial-area-options button:focus-visible { border-color: var(--jarvis); color: var(--jarvis); }
#documentEditorModal .commercial-addon-price { width: 110px; margin-left: auto; }
#documentEditorModal .commercial-item-row select { min-width: 102px; }
@media (max-width: 620px) { .commercial-area-options { grid-template-columns: 1fr; } }
.document-editor-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 20px; }
.customer-detail-card { min-width: 0; }
.customer-detail-card-header { display: flex; justify-content: space-between; gap: 16px; margin-bottom: 18px; padding-bottom: 14px; border-bottom: 1px solid var(--line); color: var(--text); }
.customer-detail-card-header > div { display: grid; gap: 4px; }
.customer-detail-card-header small { color: var(--muted); font-size: 12px; }
.customer-detail-card-header > span { color: var(--accent); font-size: 12px; text-align: right; }
.customer-detail-identity { display: flex !important; grid-template-columns: none !important; align-items: center; gap: 12px; min-width: 0; }
.customer-detail-identity > span { display: grid; gap: 4px; min-width: 0; }
.customer-logo-image { width: 54px; height: 54px; flex: 0 0 54px; object-fit: contain; padding: 5px; border: 1px solid var(--line); background: #f5f4f1; }
.customer-detail-header-actions { display: flex !important; grid-template-columns: none !important; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 10px; }
.customer-detail-header-actions > span { color: var(--accent); font-size: 12px; text-align: right; }
.customer-detail-header-actions .customer-owner-chip { vertical-align: middle; margin-right: 4px; }
.customer-detail-edit { min-height: 36px; padding: 0 12px; color: #1a1a1a; border-color: var(--accent); background: var(--accent); font-size: 12px; font-weight: 800; }
.customer-detail-edit:hover { color: #1a1a1a; border-color: var(--accent-strong); background: var(--accent-strong); }
.customer-data-overview, .customer-data-edit { margin-bottom: 16px; padding: 14px; border: 1px solid var(--line); background: #252525; }
.customer-inline-followup { margin-bottom: 12px; padding: 10px 12px; border: 1px solid var(--line); background: #252525; }
.customer-inline-followup .customer-history-title { display: flex; align-items: center; flex-wrap: wrap; gap: 5px 10px; margin-bottom: 8px; }
.customer-inline-followup .customer-inline-followup-state { color: var(--jarvis-strong); }
.customer-inline-followup-calendar { color: #bdd8d5; font-size: 11px; font-weight: 600; }
.customer-inline-followup-fields { display: grid; grid-template-columns: 124px 82px 82px minmax(0, 1fr) auto; gap: 8px; align-items: end; }
.customer-inline-followup-fields label { display: grid; gap: 3px; width: auto; min-width: 0; color: var(--muted); font-size: 10px; }
.customer-inline-followup-fields input { box-sizing: border-box; width: 100%; min-width: 0; min-height: 31px; padding: 5px 7px; }
.customer-inline-followup-categories { grid-column: 1 / -1; padding: 7px 8px; }
.customer-inline-followup-categories legend { font-size: 10px; }
.customer-inline-followup-categories label { min-height: 26px; padding: 3px 7px; font-size: 11px; }
.customer-inline-followup-categories-note { grid-column: 1 / -1; color: var(--muted); font-size: 11px; }
.customer-inline-followup-save { min-height: 31px; padding: 0 11px; color: #062e2c; border: 1px solid var(--jarvis); background: var(--jarvis); box-shadow: 0 4px 12px rgba(44, 198, 185, .20); font-size: 11px; font-weight: 800; }
.customer-inline-followup-save:hover:not(:disabled) { color: #041c1b; border-color: var(--jarvis-strong); background: var(--jarvis-strong); }
.customer-inline-followup-save:disabled { opacity: .65; cursor: wait; }
@media (max-width: 780px) { .customer-inline-followup-fields { grid-template-columns: repeat(3, minmax(0, 1fr)); } .customer-inline-followup-fields .customer-inline-followup-note { grid-column: 1 / -2; } }
.customer-data-overview dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 18px; margin: 14px 0 0; }
.customer-data-overview dl > div { display: grid; gap: 3px; min-width: 0; }
.customer-data-overview dt { color: var(--muted); font-size: 11px; }
.customer-data-overview dd { margin: 0; color: var(--text); font-size: 13px; line-height: 1.4; overflow-wrap: anywhere; }
.customer-business-email { color: var(--jarvis-strong); text-decoration: underline; text-decoration-color: rgba(82, 227, 212, .45); text-underline-offset: 3px; }
.customer-business-email:hover, .customer-business-email:focus-visible { color: #fff; text-decoration-color: var(--jarvis-strong); outline: none; }
.customer-data-edit .customer-fields { margin-top: 14px; }
.customer-logo-upload { display: flex; flex-wrap: wrap; align-items: center; gap: 9px 12px; margin-top: 14px; padding: 12px; border: 1px solid var(--line); background: #2b2a24; }
.customer-logo-upload strong { color: var(--accent); font-size: 12px; }
.customer-logo-upload-button { display: inline-flex; align-items: center; min-height: 34px; padding: 0 11px; color: #1a1a1a; border: 1px solid var(--accent); background: var(--accent); font-size: 12px; font-weight: 800; cursor: pointer; }
.customer-logo-upload-button:hover { border-color: var(--accent-strong); background: var(--accent-strong); }
.customer-logo-upload-button input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.customer-logo-upload-status { color: var(--muted); font-size: 11px; line-height: 1.4; }
.customer-record header { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 0; color: var(--text); }
.customer-record header span { color: var(--accent); font-size: 12px; }
.customer-record-header { cursor: pointer; }
.customer-record-header > div { display: grid; gap: 3px; }
.customer-record-header small { color: var(--muted); font-size: 12px; }
.customer-record:not(.is-open) .customer-fields,
.customer-record:not(.is-open) .customer-needs,
.customer-record:not(.is-open) .customer-offer,
.customer-record:not(.is-open) .customer-custom-items,
.customer-record:not(.is-open) .customer-documents,
.customer-record:not(.is-open) .customer-history,
.customer-record:not(.is-open) .customer-attachments,
.customer-record:not(.is-open) .customer-links,
.customer-record:not(.is-open) .customer-save-row { display: none; }
.customer-record.is-open header { margin-bottom: 14px; }
.customer-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.customer-fields label { display: grid; gap: 5px; color: var(--muted); font-size: 11px; }
.customer-fields input, .customer-fields textarea { min-height: 34px; padding: 8px 9px; font-size: 13px; }
.customer-wide { grid-column: 1 / -1; }
.customer-needs { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; margin-top: 14px; color: var(--muted); font-size: 12px; }
.customer-needs > span { color: var(--accent); font-weight: 700; }
.customer-needs label { display: inline-flex; align-items: center; gap: 5px; color: var(--text); }
.customer-needs input { width: auto; min-height: 0; accent-color: var(--accent); }
.customer-offer { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--line); }
.customer-offer .form-note { margin: 7px 0 12px; }
.customer-offer-addons { margin-top: 14px; padding: 12px; border: 1px solid var(--line); background: #252525; }
.customer-offer-addons label { min-height: 28px; padding: 4px 6px; background: #303030; border: 1px solid transparent; }
.customer-offer-addons label:hover { border-color: var(--accent); }
.customer-offer-addons small { color: var(--muted); font-size: 10px; }
.customer-documents { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--line); }
.customer-onedrive-setup { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 8px 12px; margin-top: 14px; padding: 12px 14px; border: 1px solid #5f573c; background: #2b2a24; }
.customer-onedrive-setup strong { color: var(--accent); font-size: 12px; }
.customer-onedrive-setup span, .customer-onedrive-setup small { color: var(--muted); font-size: 11px; line-height: 1.4; }
.customer-onedrive-setup small { grid-column: 1 / -1; }
.customer-onedrive-ready { display: flex; align-items: center; gap: 9px; margin-top: 12px; color: #71c98d; font-size: 12px; }
.customer-onedrive-ready small { color: var(--muted); font-size: 11px; }
.customer-onedrive-open { min-height: 34px; margin-left: auto; padding: 0 11px; color: #1a1a1a; border-color: var(--accent); background: var(--accent); font-size: 12px; font-weight: 800; }
.customer-onedrive-open:hover { color: #1a1a1a; border-color: var(--accent-strong); background: var(--accent-strong); }
.customer-onedrive-open.is-saving { color: #1a1a1a; border-color: #e9be68; background: #e9be68; cursor: progress; }
.customer-onedrive-open.is-saved { color: #14261a; border-color: #71c98d; background: #71c98d; }
.one-drive-note { display: block; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.45; }
.customer-onedrive-provision { min-height: 34px; justify-self: start; padding: 0 11px; color: #1a1a1a; border-color: var(--accent); background: var(--accent); font-size: 12px; font-weight: 800; }
.customer-onedrive-provision:hover { color: #1a1a1a; border-color: var(--accent-strong); background: var(--accent-strong); }
.listing-report-overview { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--line); }
.listing-report-list { display: grid; gap: 8px; margin-top: 10px; }
.listing-report-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px 14px; padding: 11px 12px; border: 1px solid var(--line); background: rgba(255,255,255,.025); }
.listing-report-row.is-jarvis-focus { border-color: var(--jarvis-cyan, #5ccbd6); box-shadow: 0 0 0 2px rgba(92, 203, 214, .2), 0 0 24px rgba(92, 203, 214, .16); }
.listing-report-summary { min-width: 0; }
.listing-report-row strong, .listing-report-row small { display: block; }
.listing-report-summary > strong, .listing-report-summary > .listing-report-customer { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.listing-report-customer { min-height: 0; padding: 0; border: 0; background: transparent; color: var(--text); font-size: inherit; font-weight: 800; text-align: left; }
.listing-report-customer:hover { color: var(--accent); text-decoration: underline; }
.listing-report-row small { margin-top: 3px; color: var(--muted); font-size: 11px; }
.listing-report-actions { display: flex; flex-wrap: nowrap; flex-shrink: 0; gap: 7px; white-space: nowrap; }
.listing-report-actions button { min-height: 32px; padding: 0 10px; font-size: 11px; }
.privacy-onedrive-save { min-height: 34px; margin-top: 13px; padding: 0 11px; color: #1a1a1a; border-color: var(--accent); background: var(--accent); font-size: 12px; font-weight: 800; }
.privacy-onedrive-save:hover { color: #1a1a1a; border-color: var(--accent-strong); background: var(--accent-strong); }
.customer-custom-items { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--line); }
.commercial-item-list { display: grid; gap: 8px; margin: 12px 0; }
.commercial-item-row { display: grid; grid-template-columns: minmax(0, 1fr) 70px 108px 112px auto; gap: 8px; }
.commercial-item-row input { min-width: 0; }
.commercial-item-add { min-height: 34px; padding: 0 11px; font-size: 12px; }
.commercial-document-number { display: block; margin-top: 7px; color: var(--muted); }
.commercial-document-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 12px 0; }
.commercial-document-action { display: grid; gap: 5px; }
.commercial-excel-download.is-saving { color: #1a1a1a; border-color: #e9be68; background: #e9be68; cursor: progress; }
.commercial-excel-download.is-saved { color: #14261a; border-color: #71c98d; background: #71c98d; }
.commercial-document-new { min-height: 36px; padding: 0 12px; color: #1a1a1a; border-color: var(--accent); background: var(--accent); font-size: 12px; font-weight: 800; }
.commercial-document-new:hover { color: #1a1a1a; border-color: var(--accent-strong); background: var(--accent-strong); }
.commercial-document-history { max-width: 230px; color: var(--muted); font-size: 10px; line-height: 1.35; }
.commercial-draft-create { min-height: 36px; padding: 0 11px; color: #1a1a1a; background: var(--accent); border-color: var(--accent); font-size: 12px; font-weight: 800; }
.commercial-draft-create:hover { color: #1a1a1a; background: var(--accent-strong); border-color: var(--accent-strong); }
.commercial-excel-download { min-height: 36px; padding: 0 11px; color: #1a1a1a; background: var(--accent); border-color: var(--accent); font-size: 12px; font-weight: 800; }
.commercial-excel-download:hover { color: #1a1a1a; background: var(--accent-strong); border-color: var(--accent-strong); }
.commercial-settings { margin-top: 18px; padding: 12px 14px; border: 1px solid var(--glass-line); background: rgba(8, 29, 35, .72); }
.commercial-settings summary { cursor: pointer; color: var(--jarvis); font-weight: 700; }
.commercial-settings .customer-fields { margin-top: 14px; }
.commercial-settings label { min-width: 0; }
.commercial-settings input:not([type="checkbox"]) { max-width: 100%; }
.commercial-settings button { margin-top: 12px; }
.commercial-settings small { display: block; margin-top: 8px; line-height: 1.4; }

@media (max-width: 720px) {
  .customer-detail-modal { padding: 0; align-items: end; }
  .customer-detail-window { width: 100%; max-height: min(92vh, 900px); }
  .customer-detail-window-header { padding: 16px; }
  .customer-detail-content { padding: 16px; }
  .document-editor-modal { padding: 0; align-items: end; }
  .document-editor-window { width: 100%; max-height: min(92vh, 900px); }
  .customer-detail-modal,
  #followupEditorModal,
  #outlookEventEditorModal { align-items: center; padding: 14px; }
  .customer-detail-window,
  #followupEditorModal .document-editor-window,
  #outlookEventEditorModal .document-editor-window { width: 100%; max-height: calc(100dvh - 28px); }
  .document-editor-window-header, .document-editor-content { padding: 16px; }
  .customer-record-open { grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }
  .customer-record-meta { grid-column: 1 / 2; text-align: left; }
  .customer-record-arrow { grid-column: 2; grid-row: 1 / 3; }
  .customer-detail-card-header { align-items: flex-start; }
  .customer-detail-header-actions { justify-content: flex-start; }
  .customer-data-overview dl { grid-template-columns: 1fr; }
  .customer-onedrive-setup { grid-template-columns: 1fr; }
  .customer-onedrive-setup small { grid-column: auto; }
  .customer-onedrive-ready { flex-wrap: wrap; }
  .customer-onedrive-open { margin-left: 0; }
  .commercial-item-row { grid-template-columns: minmax(0, 1fr) 66px 96px; }
  .commercial-item-row select { grid-column: 1 / -1; }
  .commercial-item-row button { grid-column: 1 / -1; }
}
.commercial-document { display: grid; gap: 9px; margin-top: 12px; padding: 12px; border: 1px solid var(--line); background: #252525; }
.commercial-document > div { display: flex; justify-content: space-between; gap: 12px; align-items: baseline; }
.commercial-document small { color: var(--muted); font-size: 11px; }
.commercial-document textarea { min-height: 190px; resize: vertical; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; line-height: 1.5; }
.customer-history { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--line); }
.customer-history-title { display: flex; justify-content: space-between; color: var(--text); font-size: 13px; }
.customer-history-title span, .customer-history-list small { color: var(--muted); font-size: 11px; }
.customer-history-list { display: grid; gap: 8px; margin-top: 10px; }
.customer-history-list > div { padding: 8px 10px; background: #252525; border-left: 2px solid var(--accent); }
.customer-history-list time { color: var(--accent); font-size: 11px; }
.customer-history-list p { margin: 4px 0 0; color: var(--text); font-size: 12px; }
.customer-history-add { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; margin-top: 10px; }
.customer-history-add input { min-height: 34px; padding: 8px 9px; font-size: 12px; }
.customer-history-add button { min-height: 34px; padding: 0 10px; font-size: 12px; }
.customer-audit-start { min-height: 40px; margin-top: 12px; padding: 0 16px; color: #1a1a1a; background: var(--accent); border-color: var(--accent); font-weight: 800; }
.customer-audit-start:hover { color: #1a1a1a; background: var(--accent-strong); border-color: var(--accent-strong); }
.customer-audit-open { min-height: 32px; padding: 0 10px; color: var(--accent-strong); font-size: 12px; }
.customer-attachments { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--line); }
.attachment-list { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0; }
.attachment-list a { padding: 6px 8px; color: var(--accent-strong); border: 1px solid var(--line); background: #252525; font-size: 12px; }
.attachment-list small, .attachment-note { color: var(--muted); font-size: 11px; }
.attachment-add { display: inline-flex; min-height: 34px; align-items: center; padding: 0 10px; color: #1a1a1a; background: var(--accent); font-size: 12px; font-weight: 700; cursor: pointer; }
.attachment-add input { display: none; }
.attachment-note { display: block; margin-top: 7px; }
.customer-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 13px; font-size: 12px; }
.customer-links a, .customer-open { color: var(--accent-strong); }
.customer-save-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 16px; padding-top: 13px; border-top: 1px solid var(--line); }
.customer-save-state { color: var(--muted); font-size: 11px; }
.customer-save { min-height: 36px; color: #1a1a1a; background: var(--accent); border-color: var(--accent); font-weight: 700; }
.customer-delete { min-height: 36px; color: #ffd6d6; border-color: #a83434; background: #622a2a; font-weight: 700; }
.customer-delete:hover { color: #fff; border-color: #d04a42; background: #7a302d; }
.customer-open { min-height: 34px; padding: 0 9px; font-size: 12px; white-space: nowrap; }
.customer-open.is-reject-action { color: #ffd6d6; border-color: #a83434; background: #622a2a; }
.customer-match { display: grid; gap: 5px; margin-top: 8px; }
.customer-match small { color: var(--accent); font-size: 11px; }
.customer-assign { min-height: 32px; padding: 0 9px; color: #1a1a1a; background: var(--accent); border-color: var(--accent); font-size: 11px; font-weight: 800; white-space: nowrap; }
.customer-assign:hover { color: #1a1a1a; background: var(--accent-strong); border-color: var(--accent-strong); }

.crm-heading {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
}

.crm-heading-title { flex: 0 0 auto; }
.crm-heading h3 { margin: 6px 0 0; color: var(--text); font-size: 22px; }
.crm-heading p:not(.eyebrow) { margin: 0; color: var(--muted); max-width: 690px; }
.crm-heading-mark { color: var(--accent); border: 1px solid var(--accent); padding: 6px 8px; font-size: 11px; letter-spacing: .12em; white-space: nowrap; }
.crm-heading-actions { display: flex; align-items: center; gap: 10px; }
.crm-heading-actions button { min-height: 34px; padding: 0 10px; color: var(--accent-strong); font-size: 12px; white-space: nowrap; }
.crm-nav { display: flex; gap: 1px; margin-top: 24px; border: 1px solid var(--line); background: var(--line); }
.crm-nav button { flex: 1; min-height: 42px; border: 0; border-radius: 0; background: #303030; font-size: 13px; }
.crm-nav button.active { color: #1a1a1a; background: var(--accent); font-weight: 700; }
.crm-nav--header { margin: 0; gap: 6px; border: 0; background: transparent; }
.crm-nav--header button { flex: 0 0 auto; min-height: 38px; padding: 0 10px; border: 1px solid var(--line); border-radius: 6px; font-size: 12px; }
.crm-dashboard-block { margin-top: 0; }

.crm-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin-bottom: 22px; border: 1px solid var(--line); background: var(--line); }

.crm-pipeline--topbar { position: relative; isolation: isolate; min-width: 0; display: block; min-height: 236px; padding: 14px 26px 16px; overflow: hidden; border: 1px solid #4d4331; border-radius: 14px; background: radial-gradient(90% 115% at 10% 0%, rgba(201,162,97,.15), transparent 54%), linear-gradient(145deg, #26231c, #151515 58%, #1e1a28); box-shadow: inset 0 1px rgba(255,255,255,.07), 0 18px 40px rgba(0,0,0,.28); }
.crm-pipeline--topbar::before { position: absolute; z-index: 0; inset: -44% -28%; background: linear-gradient(108deg, transparent 32%, rgba(215,174,102,.02) 41%, rgba(236,205,145,.14) 49%, rgba(197,149,73,.07) 58%, transparent 69%); content: ""; filter: blur(16px); pointer-events: none; transform: translateX(-19%) rotate(-4deg); animation: crm-pipeline-ambient-drift 36s cubic-bezier(.45,.03,.55,.97) infinite alternate; }
.crm-pipeline--topbar::after { position: absolute; inset: auto -7% -130px 38%; height: 200px; border-radius: 50%; background: rgba(201,162,97,.13); content: ""; filter: blur(34px); pointer-events: none; }
.crm-pipeline-bars { position: relative; z-index: 1; display: block; min-width: 0; min-height: 348px; padding: 0 clamp(12px, 3vw, 48px); }
.crm-pipeline-vector { display: block; width: 100%; height: 348px; overflow: visible; }
.crm-pipeline-vector .pipeline-front { fill: url(#pipelineGoldFront); stroke: rgba(255,255,255,.22); stroke-width: 1; }
.crm-pipeline-vector .pipeline-side { fill: url(#pipelineGoldSide); }
.crm-pipeline-vector .pipeline-highlight { fill: #fff8df; opacity: .15; mix-blend-mode: screen; }
.crm-pipeline-vector .pipeline-base-front { fill: url(#pipelineBaseFront); stroke: rgba(255,255,255,.1); stroke-width: 1; }
.crm-pipeline-vector .pipeline-base-side { fill: url(#pipelineBaseSide); }
.crm-pipeline-vector .pipeline-base-top { fill: none; stroke: #7a7368; stroke-width: 5; stroke-linecap: butt; stroke-linejoin: round; opacity: .72; }
.crm-pipeline-vector .pipeline-vector-bar { transform-box: fill-box; transform-origin: 50% 100%; transition: opacity .24s ease; }
.crm-pipeline-vector .pipeline-vector-stage.is-empty .pipeline-vector-bar { opacity: 0; }
.crm-pipeline-vector .pipeline-vector-numbers text { fill: #f2e8d5; font-family: Inter, ui-sans-serif, system-ui, sans-serif; font-size: 30px; font-weight: 800; text-anchor: middle; paint-order: stroke; stroke: rgba(15,14,13,.65); stroke-width: 3px; }
.crm-pipeline-vector .pipeline-vector-bar-label, .crm-pipeline-vector .pipeline-vector-base-label { font-family: Inter, ui-sans-serif, system-ui, sans-serif; font-size: 12px; font-weight: 900; letter-spacing: 1.25px; text-anchor: middle; pointer-events: none; }
.crm-pipeline-vector .pipeline-vector-bar-label { fill: #2a1b09; paint-order: stroke; stroke: rgba(255,242,202,.24); stroke-width: .7px; }
.crm-pipeline-vector .pipeline-vector-base-label { display: none; fill: #e1c080; font-size: 10px; stroke: rgba(13,13,12,.48); stroke-width: 1.3px; paint-order: stroke; }
.crm-pipeline-vector .pipeline-vector-stage.is-empty .pipeline-vector-base-label { display: block; }
.crm-pipeline-stage { --bar-delay: 0s; position: relative; display: grid; grid-template-rows: minmax(0, 1fr) auto; align-items: stretch; min-height: 288px; padding: 0 28px 12px; overflow: visible; background: transparent; }
.crm-pipeline-stage:nth-child(2) { --bar-delay: .14s; }
.crm-pipeline-stage:nth-child(3) { --bar-delay: .28s; }
.crm-pipeline-stage:nth-child(4) { --bar-delay: .42s; }
.crm-pipeline-stage.is-empty { opacity: .68; filter: saturate(.25); }
.crm-pipeline-stage strong { z-index: 5; grid-row: 1; grid-column: 1; align-self: end; justify-self: center; margin-bottom: calc(64px + var(--pipeline-height)); color: #eee3cf; font-size: 32px; font-variant-numeric: tabular-nums; line-height: 1; text-shadow: 0 3px 10px rgba(0,0,0,.62); }
.crm-pipeline-stage.is-empty strong { margin-bottom: 82px; }
.crm-pipeline-stage small { z-index: 4; grid-row: 2; grid-column: 1; justify-self: center; margin-top: 12px; overflow: hidden; color: #d0c4af; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.crm-pipeline-pedestal { position: relative; z-index: 1; grid-row: 1; grid-column: 1; align-self: end; justify-self: center; width: min(88%, 242px); height: 34px; margin-bottom: 20px; border: 1px solid rgba(255,255,255,.13); background: linear-gradient(90deg, #141414 0%, #4a4741 48%, #242321 100%); box-shadow: 17px 15px 0 rgba(0,0,0,.38), inset 0 1px rgba(255,255,255,.15); }
.crm-pipeline-pedestal::before { position: absolute; z-index: 2; right: -25px; bottom: 100%; left: 0; height: 15px; background: linear-gradient(90deg, #242321, #69635a 62%, #3b3832); clip-path: polygon(0 100%, 24px 0, 100% 0, calc(100% - 24px) 100%); content: ""; }
.crm-pipeline-pedestal::after { position: absolute; z-index: 1; top: -1px; right: -25px; bottom: -15px; width: 25px; background: linear-gradient(180deg, #302e2a, #111); clip-path: polygon(0 15px, 100% 0, 100% calc(100% - 15px), 0 100%); content: ""; }
.crm-pipeline-progress { position: relative; z-index: 3; isolation: isolate; grid-row: 1; grid-column: 1; align-self: end; justify-self: center; width: min(58%, 170px); height: calc(12px + var(--pipeline-height)); margin-bottom: 20px; overflow: visible; transform-origin: bottom center; transform-style: preserve-3d; animation: crm-pipeline-bar-rise 1.1s cubic-bezier(.2,.85,.35,1) var(--bar-delay) both; }
.crm-pipeline-stage.is-active .crm-pipeline-progress { animation: crm-pipeline-bar-rise 1.1s cubic-bezier(.2,.85,.35,1) var(--bar-delay) both; }
.crm-pipeline-stage.is-empty .crm-pipeline-progress { display: none; }
.crm-pipeline-front { position: absolute; z-index: 2; inset: 0; overflow: hidden; border: 1px solid #d6b56e; border-radius: 1px; background: linear-gradient(90deg, #7d5a25 0%, #b98f4c 42%, #d9b873 72%, #e8cc96 100%); box-shadow: inset 2px 0 rgba(255,255,255,.16), inset -4px 0 rgba(65,39,8,.18), 0 7px 18px rgba(0,0,0,.18); }
.crm-pipeline-side { position: absolute; z-index: 1; top: -14px; right: -28px; bottom: 0; width: 28px; background: linear-gradient(180deg, #8c632a 0%, #5d401b 48%, #2d1e0c 100%); clip-path: polygon(0 14px, 100% 0, 100% calc(100% - 14px), 0 100%); }
.crm-pipeline-top { position: absolute; z-index: 3; top: -15px; right: -28px; left: 0; height: 15px; background: linear-gradient(90deg, #b68a45 0%, #efd69f 72%, #f8e8bd 100%); clip-path: polygon(0 100%, 28px 0, 100% 0, calc(100% - 28px) 100%); box-shadow: inset 0 1px rgba(255,255,255,.54); }
.crm-pipeline-shimmer { display: none; }
@keyframes crm-pipeline-bar-rise { from { opacity: .2; transform: scaleY(.035); } to { opacity: 1; transform: scaleY(1); } }
@keyframes crm-pipeline-ambient-drift { 0% { opacity: .42; transform: translateX(-19%) rotate(-4deg) scale(1); } 48% { opacity: .8; } 100% { opacity: .52; transform: translateX(22%) rotate(-4deg) scale(1.07); } }
@media (prefers-reduced-motion: reduce) { .crm-pipeline--topbar::before { animation: none; } }
@media (prefers-reduced-motion: reduce) { .crm-pipeline-progress, .crm-pipeline-stage.is-active .crm-pipeline-progress { animation: none; } }
.crm-pipeline--topbar .crm-pipeline-bars { display: grid; grid-template-columns: repeat(4, minmax(140px, 1fr)); align-items: stretch; gap: clamp(34px, 6vw, 110px); min-height: 288px; padding: 0 clamp(22px, 5vw, 86px); }
.crm-pipeline-stage--plain { min-height: 288px; padding: 0 12px 12px; }
.crm-pipeline-stage--plain strong { margin-bottom: calc(48px + var(--pipeline-height)); }
.crm-pipeline-stage--plain.is-empty strong { margin-bottom: 68px; }
.crm-pipeline-stage--plain .crm-pipeline-pedestal { width: 86%; height: 26px; margin-bottom: 22px; border: 1px solid rgba(255,255,255,.1); border-radius: 2px; background: linear-gradient(90deg, #171716, #3d3a35 50%, #1c1b19); box-shadow: none; }
.crm-pipeline-stage--plain .crm-pipeline-pedestal::before, .crm-pipeline-stage--plain .crm-pipeline-pedestal::after { content: none; }
.crm-pipeline-stage--plain .crm-pipeline-progress { width: 56%; height: var(--pipeline-height); margin-bottom: 22px; border: 1px solid #d3af68; border-radius: 2px 2px 0 0; background: linear-gradient(90deg, #8a6429, #bd914b 48%, #e6cc96); box-shadow: inset 2px 0 rgba(255,255,255,.14), 0 8px 16px rgba(0,0,0,.2); }
.crm-pipeline--topbar .crm-pipeline-bars { display: grid; grid-template-columns: minmax(290px, .9fr) minmax(0, 1.1fr); grid-template-areas: "ring actions" "ring metrics"; align-items: center; gap: 8px clamp(18px, 2.5vw, 38px); min-height: 206px; padding: 0 clamp(4px, 1.5vw, 18px); }
.crm-pipeline-copy { grid-area: copy; display: grid; align-content: center; gap: 7px; max-width: 320px; padding-left: 4px; }
.crm-pipeline-copy p { margin: 0; color: #d8b978; font-size: 12px; font-weight: 800; letter-spacing: .16em; }
.crm-pipeline-copy strong { color: #f1e5cf; font-size: clamp(23px, 2vw, 31px); letter-spacing: -.035em; line-height: 1; }
.crm-pipeline-copy span { max-width: 230px; color: #c2b69f; font-size: 13px; line-height: 1.45; }
.crm-pipeline-vector { grid-area: ring; justify-self: center; width: min(100%, 450px); height: 206px; transform: scale(1.08); transform-origin: center; }
.crm-pipeline-actions { grid-area: actions; justify-content: flex-end; min-width: 0; }
.crm-pipeline-actions .crm-nav--header { min-width: 0; }
.crm-pipeline-metrics { grid-area: metrics; align-self: stretch; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.crm-pipeline-metrics .crm-metric { min-height: 72px; padding: 10px 12px; gap: 6px; }
.crm-pipeline-metrics .crm-metric strong { font-size: 23px; }
.crm-pipeline-ring { overflow: visible; }
.crm-pipeline-ring #crmPipelineRing.is-entering { transform-box: fill-box; transform-origin: center bottom; animation: crm-ring-start-rise 1.25s cubic-bezier(.18,.8,.24,1) .08s both; }
.crm-pipeline-ring .crm-ring-segment { cursor: pointer; transform: translate(0, 0); transform-box: fill-box; transform-origin: center; transition: transform .38s cubic-bezier(.2,.75,.25,1), filter .38s ease; }
.crm-pipeline-ring .crm-ring-segment.is-hovered, .crm-pipeline-ring .crm-ring-segment:hover { transform: translate(var(--ring-hover-x), var(--ring-hover-y)); filter: brightness(1.12); }
.crm-pipeline-ring .crm-ring-segment:focus-visible { outline: none; filter: brightness(1.17) drop-shadow(0 0 7px rgba(239,218,171,.62)); }
.crm-pipeline-ring .crm-ring-segment.is-updated .crm-ring-top { animation: crm-ring-data-pulse 1.05s cubic-bezier(.2,.75,.25,1) 1; }
.crm-pipeline-ring .crm-ring-sheen { pointer-events: none; }
.crm-pipeline-ring .crm-ring-sheen-band { fill: url(#ringSheen); opacity: 0; transform-box: fill-box; transform-origin: center; animation: crm-ring-sheen 5s cubic-bezier(.35,.02,.18,1) infinite; animation-delay: var(--ring-sheen-delay); }
@keyframes crm-ring-sheen { 0%, 60% { opacity: 0; transform: translateX(0) skewX(-17deg); } 64% { opacity: .72; } 78% { opacity: .2; transform: translateX(840px) skewX(-17deg); } 79%, 100% { opacity: 0; transform: translateX(840px) skewX(-17deg); } }
@keyframes crm-ring-data-pulse { 0%, 100% { filter: brightness(1); opacity: 1; } 42% { filter: brightness(1.34) drop-shadow(0 0 7px rgba(255,239,194,.48)); opacity: 1; } 68% { filter: brightness(1.12); } }
@keyframes crm-ring-start-rise { 0% { opacity: 0; transform: translateY(52px) scaleY(.05); } 68% { opacity: 1; transform: translateY(0) scaleY(1.025); } 100% { opacity: 1; transform: translateY(0) scaleY(1); } }
.crm-pipeline-ring .crm-ring-top { fill: url(#ringGoldTop); stroke: none; }
.crm-pipeline-ring .crm-ring-outer-wall { fill: url(#ringGoldDepth); stroke: none; }
.crm-pipeline-ring .crm-ring-inner-wall { fill: #34230f; stroke: none; }
.crm-pipeline-ring .crm-ring-start-cap, .crm-pipeline-ring .crm-ring-end-cap { fill: #513918; stroke: none; }
.crm-pipeline-ring .crm-ring-segment.tone-green .crm-ring-top { fill: url(#ringPetrolTop); }
.crm-pipeline-ring .crm-ring-segment.tone-green .crm-ring-outer-wall { fill: url(#ringPetrolDepth); }
.crm-pipeline-ring .crm-ring-segment.tone-green .crm-ring-inner-wall { fill: #12383a; }
.crm-pipeline-ring .crm-ring-segment.tone-green .crm-ring-start-cap, .crm-pipeline-ring .crm-ring-segment.tone-green .crm-ring-end-cap { fill: #17484b; }
.crm-pipeline-ring .crm-ring-segment.tone-orange .crm-ring-top { fill: url(#ringCopperTop); }
.crm-pipeline-ring .crm-ring-segment.tone-orange .crm-ring-outer-wall { fill: url(#ringCopperDepth); }
.crm-pipeline-ring .crm-ring-segment.tone-orange .crm-ring-inner-wall { fill: #3f1d15; }
.crm-pipeline-ring .crm-ring-segment.tone-orange .crm-ring-start-cap, .crm-pipeline-ring .crm-ring-segment.tone-orange .crm-ring-end-cap { fill: #5d2a1d; }
.crm-pipeline-ring .crm-ring-segment.tone-violet .crm-ring-top { fill: url(#ringVioletTop); }
.crm-pipeline-ring .crm-ring-segment.tone-violet .crm-ring-outer-wall { fill: url(#ringVioletDepth); }
.crm-pipeline-ring .crm-ring-segment.tone-violet .crm-ring-inner-wall { fill: #2c1c3c; }
.crm-pipeline-ring .crm-ring-segment.tone-violet .crm-ring-start-cap, .crm-pipeline-ring .crm-ring-segment.tone-violet .crm-ring-end-cap { fill: #422653; }
.crm-pipeline-ring .crm-ring-segment.tone-blue .crm-ring-top { fill: url(#ringBlueTop); }
.crm-pipeline-ring .crm-ring-segment.tone-blue .crm-ring-outer-wall { fill: url(#ringBlueDepth); }
.crm-pipeline-ring .crm-ring-segment.tone-blue .crm-ring-inner-wall { fill: #123448; }
.crm-pipeline-ring .crm-ring-segment.tone-blue .crm-ring-start-cap, .crm-pipeline-ring .crm-ring-segment.tone-blue .crm-ring-end-cap { fill: #174861; }
.crm-pipeline-ring .crm-ring-segment.tone-account-active .crm-ring-top { fill: url(#ringAccountActiveTop); }
.crm-pipeline-ring .crm-ring-segment.tone-account-active .crm-ring-outer-wall { fill: url(#ringAccountActiveDepth); }
.crm-pipeline-ring .crm-ring-segment.tone-account-active .crm-ring-inner-wall { fill: #46391c; }
.crm-pipeline-ring .crm-ring-segment.tone-account-active .crm-ring-start-cap, .crm-pipeline-ring .crm-ring-segment.tone-account-active .crm-ring-end-cap { fill: #6b5428; }
.crm-pipeline-ring .crm-ring-segment.tone-account-inactive .crm-ring-top { fill: url(#ringAccountInactiveTop); }
.crm-pipeline-ring .crm-ring-segment.tone-account-inactive .crm-ring-outer-wall { fill: url(#ringAccountInactiveDepth); }
.crm-pipeline-ring .crm-ring-segment.tone-account-inactive .crm-ring-inner-wall { fill: #344348; }
.crm-pipeline-ring .crm-ring-segment.tone-account-inactive .crm-ring-start-cap, .crm-pipeline-ring .crm-ring-segment.tone-account-inactive .crm-ring-end-cap { fill: #52666b; }
.crm-pipeline-ring .crm-ring-segment.tone-account-thomas .crm-ring-top { fill: url(#ringAccountThomasTop); }
.crm-pipeline-ring .crm-ring-segment.tone-account-thomas .crm-ring-outer-wall { fill: url(#ringAccountThomasDepth); }
.crm-pipeline-ring .crm-ring-segment.tone-account-thomas .crm-ring-inner-wall { fill: #0b4442; }
.crm-pipeline-ring .crm-ring-segment.tone-account-thomas .crm-ring-start-cap, .crm-pipeline-ring .crm-ring-segment.tone-account-thomas .crm-ring-end-cap { fill: #0c7773; }
.crm-pipeline-ring .crm-ring-segment.tone-account-pascal .crm-ring-top { fill: url(#ringAccountPascalTop); }
.crm-pipeline-ring .crm-ring-segment.tone-account-pascal .crm-ring-outer-wall { fill: url(#ringAccountPascalDepth); }
.crm-pipeline-ring .crm-ring-segment.tone-account-pascal .crm-ring-inner-wall { fill: #321e55; }
.crm-pipeline-ring .crm-ring-segment.tone-account-pascal .crm-ring-start-cap, .crm-pipeline-ring .crm-ring-segment.tone-account-pascal .crm-ring-end-cap { fill: #56318e; }
.crm-pipeline-ring .crm-ring-segment.is-empty .crm-ring-top { fill: url(#ringGraphiteTop); stroke: none; opacity: 1; }
.crm-pipeline-ring .crm-ring-segment.is-empty .crm-ring-outer-wall { fill: url(#ringGraphiteDepth); opacity: 1; }
.crm-pipeline-ring .crm-ring-segment.is-empty .crm-ring-inner-wall { fill: #171615; opacity: 1; }
.crm-pipeline-ring .crm-ring-segment.is-empty .crm-ring-start-cap, .crm-pipeline-ring .crm-ring-segment.is-empty .crm-ring-end-cap { fill: #1b1a18; stroke: none; }
.crm-pipeline-ring .crm-ring-legend text { fill: #efe4ce; font-family: Inter, ui-sans-serif, system-ui, sans-serif; font-weight: 800; letter-spacing: .04em; }
.crm-pipeline-ring .crm-ring-legend { cursor: pointer; }
.crm-pipeline-ring .crm-ring-legend:hover .crm-ring-legend-label, .crm-pipeline-ring .crm-ring-legend:focus-visible .crm-ring-legend-label { fill: #fff6e5; }
.crm-pipeline-ring .crm-ring-legend-dot { fill: #d0a65f; filter: drop-shadow(0 1px 3px rgba(208,166,95,.28)); }
.crm-pipeline-ring .crm-ring-legend-count { font-size: 29px; }
.crm-pipeline-ring .crm-ring-legend text.crm-ring-legend-label { fill: #d7e1e2; font-size: 13px; font-weight: 900; letter-spacing: .025em; }
.crm-pipeline-ring .crm-ring-legend.is-zero { opacity: .7; }
.crm-pipeline-ring .crm-ring-unassigned { fill: #d7e1e2; font: 600 12px Inter, ui-sans-serif, system-ui, sans-serif; }
.crm-pipeline-ring .crm-ring-legend.tone-green .crm-ring-legend-dot { fill: #57aaa5; filter: drop-shadow(0 1px 3px rgba(87,170,165,.3)); }
.crm-pipeline-ring .crm-ring-legend.tone-orange .crm-ring-legend-dot { fill: #c7744c; filter: drop-shadow(0 1px 3px rgba(199,116,76,.3)); }
.crm-pipeline-ring .crm-ring-legend.tone-violet .crm-ring-legend-dot { fill: #8b66af; filter: drop-shadow(0 1px 3px rgba(139,102,175,.3)); }
.crm-pipeline-ring .crm-ring-legend.tone-blue .crm-ring-legend-dot { fill: #69b8df; filter: drop-shadow(0 1px 3px rgba(105,184,223,.3)); }
.crm-pipeline-ring .crm-ring-legend.tone-account-active .crm-ring-legend-dot { fill: #e3c875; filter: drop-shadow(0 1px 3px rgba(227,200,117,.3)); }
.crm-pipeline-ring .crm-ring-legend.tone-account-inactive .crm-ring-legend-dot { fill: #b4c4c8; filter: drop-shadow(0 1px 3px rgba(180,196,200,.3)); }
.crm-pipeline-ring .crm-ring-legend.tone-account-thomas .crm-ring-legend-dot { fill: #52e3d4; filter: drop-shadow(0 1px 3px rgba(82,227,212,.35)); }
.crm-pipeline-ring .crm-ring-legend.tone-account-pascal .crm-ring-legend-dot { fill: #b77aff; filter: drop-shadow(0 1px 3px rgba(183,122,255,.35)); }
.crm-pipeline-ring .crm-ring-no-data ellipse { fill: none; stroke: rgba(180,196,200,.38); stroke-width: 2; }
.crm-pipeline-ring .crm-ring-no-data text { fill: #b4c4c8; font: 700 13px Inter, ui-sans-serif, system-ui, sans-serif; letter-spacing: .05em; }

@media (max-width: 760px) {
  .customer-lifecycle-toolbar { align-items: stretch; flex-direction: column; }
  .customer-lifecycle-filters { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .customer-lifecycle-filters button { padding: 0 6px; }
}
@media (prefers-reduced-motion: reduce) { .crm-pipeline-ring #crmPipelineRing.is-entering, .crm-pipeline-ring .crm-ring-sheen-band, .crm-pipeline-ring .crm-ring-segment.is-updated .crm-ring-top { animation: none; } }
.crm-metric { background: #333; padding: 15px; display: grid; align-content: start; gap: 10px; }
.crm-metric span { color: var(--muted); font-size: 12px; }
.crm-metric strong { color: var(--text); font-size: 28px; line-height: 1; }
.crm-metric-value-row { display: flex; align-items: center; gap: 13px; min-width: 0; min-height: 30px; }
.crm-metric small { min-width: 0; color: #cdb37e; font-size: 13px; font-weight: 750; letter-spacing: .015em; line-height: 1.25; }
.crm-metric small:empty { display: none; }
.crm-metric-detail-link { appearance: none; padding: 0; border: 0; background: transparent; color: var(--jarvis-strong); font: inherit; font-weight: 750; letter-spacing: inherit; line-height: inherit; text-align: left; text-decoration: underline; text-decoration-color: rgba(167,255,245,.38); text-underline-offset: 3px; cursor: pointer; }
.crm-metric-detail-link + .crm-metric-detail-link::before { content: " · "; color: rgba(167,255,245,.62); text-decoration: none; }
.crm-metric-detail-link:hover, .crm-metric-detail-link:focus-visible { color: var(--jarvis); text-decoration-color: currentColor; outline: none; }
.crm-metric-detail-link:focus-visible { box-shadow: 0 0 0 2px rgba(82,227,212,.34); border-radius: 3px; }

.crm-followups { border-top: 1px solid var(--line); padding-top: 16px; }
.crm-followups-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--text); font-size: 13px; }
.crm-followups-title > div:first-child { display: grid; gap: 3px; }
.crm-followups-title span { color: var(--muted); }
.crm-followups-title .crm-calendar-week { display: inline-flex; align-items: center; margin-left: 6px; padding: 2px 6px; border: 1px solid rgba(82, 227, 212, .34); border-radius: 999px; color: var(--jarvis-strong); background: rgba(82, 227, 212, .08); font-size: 10px; font-weight: 800; letter-spacing: .05em; vertical-align: middle; }
.crm-followups-title .crm-outlook-status { margin-left: auto; color: var(--muted); }
.crm-calendar-toolbar { display: flex; align-items: center; gap: 5px; }
.crm-calendar-toolbar button { min-width: 32px; min-height: 32px; padding: 0 9px; font-size: 12px; }
.crm-calendar-toolbar button[aria-label] { padding: 0; font-size: 22px; line-height: 1; }
.crm-calendar-toolbar .primary { color: #1a1a1a; background: var(--accent); border-color: var(--accent); font-weight: 750; }
.crm-calendar-toolbar .calendar-sync { color: var(--jarvis-strong); border-color: rgba(82, 227, 212, .42); font-size: 18px; }
.crm-calendar-toolbar .calendar-sync span { display: block; }
.crm-calendar-toolbar .calendar-sync:hover { color: #062e2c; border-color: var(--jarvis); background: var(--jarvis); }
.crm-calendar-toolbar .calendar-sync.is-syncing span { animation: calendar-sync-spin 900ms linear infinite; }
@keyframes calendar-sync-spin { to { transform: rotate(360deg); } }
.crm-outlook-connect { min-height: 28px; padding: 5px 9px; border: 1px solid var(--accent); color: #1b1b1b; background: var(--accent); font-size: 11px; font-weight: 700; }
.crm-outlook-renewal { display: flex; width: 100%; min-height: 38px; margin-top: 10px; padding: 8px 11px; align-items: center; justify-content: space-between; gap: 12px; color: #f6d6b2; border: 1px solid #a8642d; background: #4b3020; font-size: 12px; text-align: left; }
.crm-outlook-renewal:hover, .crm-outlook-renewal:focus-visible { color: #fff0dc; border-color: #d88942; background: #5a3823; outline: none; }
.crm-outlook-renewal span { color: #f0b878; font-weight: 750; }
.crm-outlook-renewal[hidden],
.crm-outlook-setup[hidden] { display: none !important; }
.crm-outlook-setup { display: flex; align-items: center; gap: 8px; margin-top: 10px; color: var(--muted); font-size: 12px; }
.crm-outlook-setup input { flex: 1; min-width: 180px; min-height: 32px; padding: 6px 8px; color: var(--text); border: 1px solid var(--line); background: #252525; }
.crm-outlook-setup button { min-height: 32px; padding: 6px 9px; border: 1px solid var(--accent); color: #1b1b1b; background: var(--accent); font-size: 11px; font-weight: 700; }
.crm-outlook-setup small { color: var(--muted); }
.crm-followup-list { position: relative; display: grid; width: 100%; grid-template-columns: 58px repeat(7, minmax(0, 1fr)); gap: 0; align-items: start; margin-top: 12px; overflow: hidden; border: 1px solid rgba(173, 235, 229, .16); background: rgba(7, 18, 22, .58); backdrop-filter: blur(7px) saturate(.86); -webkit-backdrop-filter: blur(7px) saturate(.86); }
.crm-calendar-day { min-width: 0; min-height: calc(var(--crm-calendar-viewport-height, 330px) + 98px); padding: 0; border-left: 1px solid rgba(173, 235, 229, .14); background: rgba(7, 18, 22, .42); }
.crm-followup-list:not(.has-outside-items) .crm-calendar-day,
.crm-followup-list:not(.has-outside-items) .crm-calendar-time-column { min-height: calc(var(--crm-calendar-viewport-height, 330px) + 44px); }
.crm-calendar-day.is-today { box-shadow: none; }
.crm-calendar-day.is-today > header { box-shadow: inset 0 0 0 1px rgba(216, 178, 75, 0.72); background: linear-gradient(115deg, rgba(216, 178, 75, 0.18), rgba(41, 41, 41, 0.92) 58%); }
.crm-calendar-day.is-today > header strong { color: var(--accent); }
.crm-calendar-day.is-today > header strong small { color: #e8c46c; }
.crm-calendar-day header,
.crm-calendar-time-column > header { display: flex; min-width: 0; min-height: 44px; padding: 6px 5px; justify-content: space-between; align-items: center; gap: 3px; color: var(--text); background: rgba(5, 12, 15, .68); font-size: 11px; }
.crm-calendar-day header strong { display: grid; min-width: 0; gap: 1px; overflow: hidden; text-align: left; }
.crm-calendar-day header strong small { color: var(--muted); font-size: 9px; font-weight: 500; }
.crm-calendar-day header > div { display: flex; align-items: center; gap: 5px; }
.crm-calendar-day header span { display: none; }
.crm-calendar-day-add { display: grid; width: 20px; min-width: 20px; height: 20px; min-height: 20px; padding: 0; place-items: center; color: var(--text); border: 1px solid #5a5a5a; border-radius: 3px; background: #363636; font-size: 15px; line-height: 1; }
.crm-calendar-day-add:hover { color: #171717; border-color: var(--accent); background: var(--accent); }
.crm-calendar-time-column { min-height: calc(var(--crm-calendar-viewport-height, 330px) + 98px); background: rgba(5, 12, 15, .62); }
.crm-calendar-outside-label,
.crm-calendar-outside { height: 54px; min-height: 54px; border-top: 1px solid #404040; border-bottom: 1px solid #404040; }
.crm-calendar-outside-label { display: flex; padding: 7px 6px; align-items: flex-start; justify-content: flex-end; color: var(--muted); font-size: 10px; }
.crm-calendar-outside { display: grid; gap: 3px; padding: 4px; overflow-y: auto; scrollbar-width: thin; }
.crm-calendar-time-axis { position: relative; height: var(--crm-calendar-viewport-height, 330px); overflow-y: auto; scrollbar-width: none; }
.crm-calendar-timeline-spacer { height: var(--crm-calendar-timeline-height, 720px); }
.crm-calendar-time-axis span { position: absolute; top: calc(var(--hour-index) * 30px); right: 5px; color: #9b9b9b; font-size: 9px; transform: translateY(-5px); }
.crm-calendar-items { position: relative; height: var(--crm-calendar-viewport-height, 330px); margin: 0; overflow-y: auto; scrollbar-width: none; background: rgba(7, 18, 22, .42); }
.crm-calendar-time-axis::-webkit-scrollbar,
.crm-calendar-items::-webkit-scrollbar { display: none; width: 0; height: 0; }
.crm-calendar-items .crm-calendar-timeline-spacer { background-color: transparent; background-image: repeating-linear-gradient(to bottom, transparent 0, transparent 29px, rgba(173, 235, 229, .16) 30px); }
.crm-calendar-items.is-drop-target { background-color: #3a352b; box-shadow: inset 0 0 0 2px var(--accent); }
.crm-calendar-now-line--week { position: absolute; z-index: 4; top: var(--now-line-top); right: 0; left: 58px; height: 1px; pointer-events: none; background: rgba(221, 177, 83, .76); }
.crm-calendar-now-line--week[hidden] { display: none; }
.crm-calendar-now-line--week::before { position: absolute; top: 50%; left: 0; width: 4px; height: 4px; border-radius: 50%; background: rgba(221, 177, 83, .86); content: ""; transform: translate(-1px, -50%); }
.lead-followup-fields { display: flex; align-items: center; gap: 4px; white-space: nowrap; }
.lead-followup-fields .lead-followup { flex: 1 1 0; min-width: 0; }
.lead-followup-fields .lead-followup-time { flex: 0 0 72px; min-width: 72px; }
.crm-table-wrap table { table-layout: fixed; min-width: 900px; }
.crm-table-wrap th:nth-child(1) { width: 47%; }
.crm-table-wrap th:nth-child(2) { width: 10%; }
.crm-table-wrap th:nth-child(3) { width: 15%; }
.crm-table-wrap th:nth-child(4) { width: 16%; }
.crm-table-wrap th:nth-child(5), .crm-table-wrap td:nth-child(5) { width: 12%; text-align: left; }
.crm-table-wrap th, .crm-table-wrap td { padding: 7px 6px; vertical-align: middle; }
.crm-table-wrap thead th { position: sticky; top: 0; z-index: 2; }
.crm-table-wrap .crm-virtual-spacer td { height: 0; padding: 0; border: 0; }
.crm-table-wrap .crm-virtual-row { height: 64px; }
.crm-table-wrap .crm-virtual-row.is-direct-target td { background: rgba(91, 221, 218, .12); box-shadow: inset 0 1px #5bddda, inset 0 -1px #5bddda; }
.crm-table-wrap .crm-virtual-row.is-direct-target td:first-child { box-shadow: inset 3px 0 #5bddda, inset 0 1px #5bddda, inset 0 -1px #5bddda; }
.crm-table-wrap .crm-virtual-row.is-direct-target td:last-child { box-shadow: inset -3px 0 #5bddda, inset 0 1px #5bddda, inset 0 -1px #5bddda; }
.crm-lead-link { display: block; overflow: visible; color: var(--accent-strong); font-size: 11px; line-height: 1.2; white-space: nowrap; }
.crm-lead-reference { color: #b8f0e9; font-weight: 800; }
.crm-table-wrap .lead-work-status, .crm-table-wrap .lead-followup, .crm-table-wrap .lead-followup-time { width: 100%; min-width: 0; }
.crm-table-wrap .lead-work-status { padding: 7px 6px; font-size: 12px; }
.crm-lead-notes-open { width: 100%; min-height: 32px; padding: 0 7px; color: #a9ebe3; border-color: rgba(125, 223, 218, .46); background: rgba(16, 53, 55, .62); font-size: 11px; white-space: nowrap; }
.crm-lead-notes-open:hover { border-color: #7ddfda; background: rgba(27, 80, 81, .82); }
.crm-lead-note-actions { display: flex; align-items: center; gap: 5px; }
.crm-lead-note-actions .crm-lead-notes-open { flex: 1 1 auto; min-width: 0; }
.crm-lead-transfer-owner { min-height: 32px; padding: 0 6px; color: #d9c1ff; border-color: rgba(194, 138, 255, .55); background: rgba(79, 42, 119, .58); font-size: 10px; font-weight: 800; white-space: nowrap; }
.crm-lead-transfer-owner:hover { color: #160b27; border-color: #d4a6ff; background: #d4a6ff; }
.crm-table-wrap .customer-open { width: auto; min-width: 0; min-height: 28px; padding: 0 6px; font-size: 10px; white-space: nowrap; }
.crm-table-wrap td:nth-child(5) .customer-open { justify-self: start; }
.crm-lead-remove { width: 100%; min-height: 32px; padding: 0 7px; color: #fff4e8; border-color: #a96f2a; background: #76501f; font-size: 11px; white-space: nowrap; }
#crmLeadActionNote { position: sticky; z-index: 4; top: 12px; display: flex; align-items: center; min-height: 48px; margin: 14px 0 8px; padding: 12px 16px; border: 1px solid rgba(125, 223, 218, .8); border-left: 4px solid #7ddfda; background: #142b2e; box-shadow: 0 10px 24px rgba(0, 0, 0, .42); color: #c9fff8; font-size: 13px; font-weight: 700; line-height: 1.4; }
#crmLeadActionNote[hidden] { display: none; }
#crmLeadActionNote.is-error { color: #ffe1dc; border-color: rgba(255, 154, 144, .7); border-left-color: #ff9a90; }
.crm-lead-remove-window { width: min(520px, 100%); border: 1px solid rgba(125, 223, 218, .4); border-top: 1px solid rgba(125, 223, 218, .4); background: #171e20; }
.crm-lead-remove-window .document-editor-window-header { background: #1b2527; }
.crm-lead-remove-window .document-editor-content { color: var(--text); line-height: 1.5; }
.crm-lead-remove-target { overflow-wrap: anywhere; padding: 10px 12px; border: 1px solid rgba(125, 223, 218, .25); color: #9de5dd; font-size: 12px; }
.crm-lead-remove-confirm { min-height: 36px; border-color: #c54f4f; background: #a62c32; color: #fff; font-weight: 700; }
.crm-lead-remove-confirm:hover { border-color: #f07575; background: #c4383e; }
.crm-lead-notes-window { width: min(680px, 100%); border-color: rgba(125, 223, 218, .42); border-top-color: rgba(125, 223, 218, .58); background: linear-gradient(135deg, rgba(255, 255, 255, .12), rgba(7, 18, 22, .94) 34%, rgba(4, 10, 15, .97)); }
.crm-lead-notes-window .document-editor-window-header { background: rgba(5, 20, 25, .8); }
.crm-lead-notes-content { display: grid; gap: 14px; }
.crm-lead-note-entry-label { display: grid; gap: 7px; color: #a9ebe3; font-size: 12px; font-weight: 700; }
.crm-lead-note-entry-label textarea { width: 100%; min-height: 96px; resize: vertical; color: var(--text); border-color: rgba(125, 223, 218, .34); background: rgba(7, 18, 22, .68); }
.crm-mention-suggestions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: -7px; padding: 9px 10px; border: 1px solid rgba(125, 223, 218, .3); border-radius: 8px; background: rgba(6, 31, 35, .92); }
.crm-mention-suggestions[hidden] { display: none; }
.crm-mention-suggestions button { display: inline-flex; align-items: baseline; gap: 6px; min-height: 30px; padding: 0 9px; color: #baf8f0; border-color: rgba(125, 223, 218, .5); background: rgba(20, 74, 77, .7); font-size: 12px; }
.crm-mention-suggestions button:hover, .crm-mention-suggestions button:focus-visible { color: #061b1e; border-color: #9af4ea; background: #9af4ea; }
.crm-mention-suggestions small { color: currentColor; opacity: .72; font-size: 10px; }
.crm-lead-note-history { display: grid; gap: 9px; max-height: min(38dvh, 360px); overflow: auto; padding-right: 3px; }
.crm-lead-note-history-entry { padding: 11px 12px; border: 1px solid rgba(125, 223, 218, .22); border-radius: 8px; background: rgba(7, 18, 22, .54); }
.crm-lead-note-history-entry header { display: flex; justify-content: space-between; gap: 12px; color: #a9ebe3; font-size: 11px; }
.crm-lead-note-history-entry time { color: var(--muted); white-space: nowrap; }
.crm-lead-note-history-entry p { margin: 7px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--text); font-size: 13px; line-height: 1.45; }
.crm-lead-note-delete { min-height: 28px; margin-top: 9px; padding: 0 8px; color: #ffd7d7; border-color: #8d4f58; background: rgba(92, 36, 42, .72); font-size: 11px; }
.crm-lead-note-confirm { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-top: 9px; color: #ffe1e1; font-size: 11px; }
.crm-lead-note-confirm .crm-lead-note-delete { margin-top: 0; }
.crm-lead-note-delete.is-confirm { border-color: #f07575; background: #a62c32; color: #fff; font-weight: 700; }
.crm-mention-window { width: min(680px, 100%); border-color: rgba(177, 125, 235, .46); border-top-color: rgba(211, 169, 255, .68); background: linear-gradient(135deg, rgba(255, 255, 255, .12), rgba(27, 14, 42, .95) 34%, rgba(9, 5, 16, .98)); }
.crm-mention-content { display: grid; gap: 10px; max-height: min(62dvh, 620px); overflow: auto; }
.crm-mention-entry { padding: 12px; border: 1px solid rgba(202, 159, 249, .28); border-radius: 8px; background: rgba(16, 10, 27, .62); }
.crm-mention-entry header { display: grid; gap: 4px; color: #e4c5ff; }
.crm-mention-entry header small { overflow: hidden; color: var(--muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.crm-mention-entry p { margin: 9px 0; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.45; }
.crm-mention-entry button { min-height: 30px; padding: 0 9px; font-size: 11px; }
.lead-action-note { display: block; min-height: 30px; padding: 7px; color: var(--muted); border: 1px solid var(--line); background: var(--surface-muted); font-size: 11px; text-align: center; }

/* CRM und Markus bleiben auf Desktopbreite in einer kompakten Arbeitszeile. */
@media (min-width: 900px) {
  #agentWorkspace .jobs-panel table { table-layout: fixed; min-width: 0; }
  #agentWorkspace .jobs-panel th:nth-child(1) { width: 31%; }
  #agentWorkspace .jobs-panel th:nth-child(2) { width: 13%; }
  #agentWorkspace .jobs-panel th:nth-child(3) { width: 15%; }
  #agentWorkspace .jobs-panel th:nth-child(4) { width: 26%; }
  #agentWorkspace .jobs-panel th:nth-child(5) { width: 15%; }
  #agentWorkspace .jobs-panel th, #agentWorkspace .jobs-panel td { padding: 7px 6px; vertical-align: middle; }
  #agentWorkspace .jobs-panel .lead-work-status,
  #agentWorkspace .jobs-panel .lead-note,
  #agentWorkspace .jobs-panel .lead-followup { width: 100%; min-width: 0; }
  #agentWorkspace .jobs-panel .lead-transfer { width: 100%; min-height: 32px; padding: 0 7px; font-size: 11px; white-space: nowrap; }
}
.customer-followup-actions { margin-top: 12px; }
.customer-followup-actions button { min-height: 34px; padding: 0 10px; color: #f1d5d5; border-color: #7d4141; background: #3b2525; font-size: 12px; }
.followup-editor-window { max-width: 680px; }
.crm-calendar-items > small { color: var(--muted); }
.crm-calendar-item { position: absolute; z-index: 2; top: var(--event-top); left: calc((100% / var(--event-lanes)) * var(--event-lane) + 2px); width: calc(100% / var(--event-lanes) - 4px); height: var(--event-height); min-height: 20px; padding: 3px 4px; overflow: hidden; color: var(--text); border: 0; border-left: 3px solid var(--accent); border-radius: 2px; background: #252525; font-size: 9px; line-height: 1.2; text-align: left; text-decoration: none; }
.crm-calendar-item[draggable="true"] { cursor: grab; }
.crm-calendar-item.is-dragging { opacity: 0.45; cursor: grabbing; }
.crm-calendar-item--outside { position: static; width: 100%; height: auto; min-height: 22px; padding: 3px 5px; }
.crm-calendar-item:hover { border-left-color: var(--accent-strong); background: #3a3a3a; }
.crm-calendar-item.is-call { border-left-color: #267a4a; }
.crm-calendar-item.is-review { border-left-color: #f0a33b; }
.crm-calendar-item.is-contacted { border-left-color: #596e82; }
.crm-calendar-item.is-customer-followup { color: #eaffff; border-left-color: var(--outlook-category-color, var(--jarvis)); background: linear-gradient(115deg, color-mix(in srgb, var(--outlook-category-color, #126563) 68%, #08262b), color-mix(in srgb, var(--outlook-category-color, #126563) 40%, #08262b)); }
.crm-calendar-item.is-customer-followup:hover { border-left-color: var(--outlook-category-color, var(--jarvis-strong)); background: linear-gradient(115deg, color-mix(in srgb, var(--outlook-category-color, #177e79) 74%, #083035), color-mix(in srgb, var(--outlook-category-color, #177e79) 46%, #083035)); }
.crm-calendar-item.is-outlook { border-left-color: var(--outlook-category-color, #6f8fb2); }
.crm-calendar-item.preset0, .crm-calendar-item.preset15 { --outlook-category-color: #d84a4a; }
.crm-calendar-item.preset1, .crm-calendar-item.preset16 { --outlook-category-color: #dc7b32; }
.crm-calendar-item.preset2, .crm-calendar-item.preset17 { --outlook-category-color: #9a6b42; }
.crm-calendar-item.preset3, .crm-calendar-item.preset18 { --outlook-category-color: #d3ad32; }
.crm-calendar-item.preset4, .crm-calendar-item.preset19 { --outlook-category-color: #4ca56b; }
.crm-calendar-item.preset5, .crm-calendar-item.preset20 { --outlook-category-color: #3b9b9b; }
.crm-calendar-item.preset6, .crm-calendar-item.preset21 { --outlook-category-color: #85924a; }
.crm-calendar-item.preset7, .crm-calendar-item.preset22 { --outlook-category-color: #4e81bd; }
.crm-calendar-item.preset8, .crm-calendar-item.preset23 { --outlook-category-color: #8b65b5; }
.crm-calendar-item.preset9, .crm-calendar-item.preset24 { --outlook-category-color: #b54f73; }
.crm-calendar-item.preset10, .crm-calendar-item.preset11 { --outlook-category-color: #708090; }
.crm-calendar-item.preset12, .crm-calendar-item.preset13, .crm-calendar-item.preset14 { --outlook-category-color: #696969; }
.crm-calendar-add { width: 100%; min-height: 30px; padding: 4px 6px; color: var(--muted); border: 1px dashed #5a5a5a; background: transparent; font-size: 11px; }
.crm-calendar-add:hover { color: var(--accent-strong); border-color: var(--accent); background: #292929; }
.outlook-event-date-summary { display: grid; gap: 3px; padding: 9px 10px; border-left: 3px solid var(--accent); background: #2b2b2b; }
.outlook-event-date-summary small { color: var(--muted); }
.outlook-teams-panel { display: grid; gap: 9px; margin: 0; padding: 10px; border: 1px solid var(--line); }
.outlook-teams-panel legend { padding: 0 5px; color: var(--muted); font-size: 12px; }
.outlook-teams-panel > label { display: grid; gap: 5px; color: var(--muted); font-size: 12px; }
.outlook-teams-panel .outlook-teams-toggle { display: flex; align-items: center; gap: 8px; color: var(--text); }
.outlook-teams-toggle input { width: 17px; height: 17px; margin: 0; accent-color: var(--accent); }
.outlook-teams-panel > small { color: var(--muted); }
.outlook-teams-link { width: max-content; color: var(--accent-strong); font-weight: 700; text-decoration: none; }
.outlook-teams-link:hover { text-decoration: underline; }
.outlook-category-options { display: flex; flex-wrap: wrap; gap: 7px; margin: 0; padding: 10px; border: 1px solid var(--line); }
.outlook-category-options legend { padding: 0 5px; color: var(--muted); font-size: 12px; }
.outlook-category-options label { display: inline-flex; align-items: center; gap: 6px; min-height: 30px; padding: 4px 8px; border: 1px solid #555; background: #292929; cursor: pointer; }
.outlook-category-options input { width: 15px; height: 15px; margin: 0; }
.outlook-category-color { width: 9px; height: 9px; flex: 0 0 9px; border-radius: 50%; background: #8a8a8a; }
.outlook-category-color.preset0, .outlook-category-color.preset15 { background: #d84a4a; }
.outlook-category-color.preset1, .outlook-category-color.preset16 { background: #dc7b32; }
.outlook-category-color.preset2, .outlook-category-color.preset17 { background: #9a6b42; }
.outlook-category-color.preset3, .outlook-category-color.preset18 { background: #d3ad32; }
.outlook-category-color.preset4, .outlook-category-color.preset19 { background: #4ca56b; }
.outlook-category-color.preset5, .outlook-category-color.preset20 { background: #3b9b9b; }
.outlook-category-color.preset6, .outlook-category-color.preset21 { background: #85924a; }
.outlook-category-color.preset7, .outlook-category-color.preset22 { background: #4e81bd; }
.outlook-category-color.preset8, .outlook-category-color.preset23 { background: #8b65b5; }
.outlook-category-color.preset9, .outlook-category-color.preset24 { background: #b54f73; }
.outlook-category-color.preset10, .outlook-category-color.preset11 { background: #708090; }
.outlook-category-color.preset12, .outlook-category-color.preset13, .outlook-category-color.preset14 { background: #696969; }
.crm-followup { display: grid; grid-template-columns: minmax(220px, 1.4fr) 120px 96px minmax(150px, 1fr); gap: 10px; align-items: center; padding: 10px 0; border-top: 1px solid var(--line); font-size: 13px; }
.crm-followup a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--accent-strong); }
.crm-followup time, .crm-followup small { color: var(--muted); }
.crm-stage { display: inline-flex; width: max-content; padding: 4px 7px; border: 1px solid transparent; font-size: 11px; font-weight: 700; }
.crm-empty { color: var(--muted); font-size: 13px; padding: 14px 0 4px; }

.overview-heading {
  padding-right: 24px;
}

.overview-heading h3 {
  margin: 7px 0 0;
  color: var(--text);
  font-size: 22px;
  letter-spacing: -0.02em;
}

.overview-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: var(--line);
  border: 1px solid var(--line);
}

.metric-card {
  display: grid;
  gap: 8px;
  padding: 18px;
  background: #303030;
}

.metric-card span,
.metric-card small {
  color: var(--muted);
  font-size: 12px;
}

.metric-card strong {
  color: var(--text);
  font-size: 30px;
  line-height: 1;
}

.overview-chart {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}

.overview-chart svg {
  width: 82px;
  height: 82px;
  transform: rotate(-90deg);
}

.overview-chart circle {
  fill: none;
  stroke-width: 5;
}

.donut-track { stroke: #4a4a4a; }
.donut-imported { stroke: #c79f61; stroke-linecap: butt; }
.donut-duplicates { stroke: #1a1a1a; stroke-linecap: butt; }
.donut-invalid { stroke: #bdbdbd; stroke-linecap: butt; }

.overview-chart strong { display: block; font-size: 15px; }
.overview-chart p { margin: 5px 0 0; color: var(--muted); font-size: 12px; line-height: 1.4; }

.chat-log {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border: 1px solid rgba(224, 246, 248, .20);
  background: linear-gradient(145deg, rgba(255, 255, 255, .075), rgba(7, 16, 23, .46) 52%, rgba(4, 10, 16, .58));
  border-radius: 8px;
  padding: 12px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), inset 0 0 0 1px rgba(0, 0, 0, .10);
  backdrop-filter: blur(12px) saturate(1.04);
  -webkit-backdrop-filter: blur(12px) saturate(1.04);
  min-height: 0;
}

.message {
  max-width: 78%;
  padding: 10px 12px;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(255, 255, 255, .12), rgba(13, 25, 33, .70));
  border: 1px solid rgba(224, 246, 248, .20);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
  line-height: 1.42;
  white-space: pre-wrap;
}

.message.system {
  align-self: flex-start;
}

.message.user {
  align-self: flex-end;
  background: linear-gradient(135deg, rgba(238, 199, 116, .22), rgba(61, 45, 23, .74));
  border-color: rgba(225, 189, 116, .72);
}

.message-sender {
  display: block;
  margin-bottom: 4px;
  color: var(--accent);
  font-size: 10px;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.message time {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: 12px;
}

.chat-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  margin-top: 12px;
}
.chat-form.is-human-chat-form { grid-template-columns: minmax(0, 1fr) auto auto; }
.chat-form.is-human-chat-form #chatInput { grid-column: 1; }
.chat-form.is-human-chat-form .chat-attachment-picker { grid-column: 2; grid-row: 1; }
.chat-form.is-human-chat-form button[type="submit"] { grid-column: 3; grid-row: 1; }
.chat-form.is-human-chat-form .chat-attachment-status { grid-column: 1 / -1; grid-row: 2; }
.chat-attachment-picker { display: inline-grid; flex: none; place-items: center; box-sizing: border-box; width: 44px; min-width: 44px; height: 44px; min-height: 44px; padding: 0; overflow: hidden; border: 1px solid var(--glass-line); border-radius: 7px; background: linear-gradient(135deg, rgba(255, 255, 255, .16), rgba(9, 17, 26, .48)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16); cursor: pointer; color: #edf7f6; line-height: 1; }
.chat-attachment-picker[hidden], .chat-attachment-status[hidden] { display: none; }
.chat-attachment-picker svg { display: block; width: 22px; height: 22px; }
.chat-attachment-picker:hover { border-color: var(--jarvis); background: linear-gradient(135deg, rgba(255, 255, 255, .22), rgba(9, 17, 26, .56)); }
.chat-attachment-picker:focus-within { outline: 2px solid var(--jarvis); outline-offset: 2px; }
.chat-form #chatInput { min-width: 0; border-color: var(--glass-line); background: linear-gradient(135deg, rgba(255, 255, 255, .13), rgba(9, 17, 26, .48)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .13); backdrop-filter: blur(18px) saturate(1.08); -webkit-backdrop-filter: blur(18px) saturate(1.08); }
.chat-form #chatInput::placeholder { color: #b8c7c9; }
.chat-attachment-picker input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.chat-attachment-picker.is-selected { border-color: #c79f61; background: rgba(112, 82, 37, .50); }
.chat-attachment-status { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; color: var(--muted); font-size: 11px; line-height: 1.35; }
.chat-attachment-status > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chat-attachment-status button { flex: 0 0 auto; min-height: 28px; padding: 0 8px; font-size: 11px; }
.message-attachment { display: block; margin-top: 8px; color: #f3dca8; font-size: 12px; }
.message-image-attachment { display: grid; justify-items: start; gap: 5px; }
.message-image-trigger { display: block; min-width: 0; min-height: 0; max-width: min(170px, 100%); padding: 0; overflow: hidden; border-color: #695a39; border-radius: 6px; background: #161616; box-shadow: none; }
.message-image-trigger:hover { border-color: #e1bd74; background: #161616; }
.message-image-trigger:focus-visible { outline: 2px solid #e1bd74; outline-offset: 2px; }
.message-image-thumbnail { display: block; width: auto; max-width: 168px; height: 96px; max-height: 96px; object-fit: contain; background: #101010; }
.human-image-viewer { position: fixed; z-index: 130; inset: 0; display: grid; place-items: center; padding: clamp(14px, 3vw, 40px); }
.human-image-viewer[hidden] { display: none; }
.human-image-viewer-backdrop { position: absolute; inset: 0; background: rgba(4, 7, 10, .84); backdrop-filter: blur(5px); }
.human-image-viewer-window { position: relative; z-index: 1; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; width: min(1120px, calc(100vw - 28px)); max-height: min(860px, calc(100dvh - 28px)); overflow: hidden; border: 1px solid #8b7344; border-radius: 10px; background: #17191a; box-shadow: 0 28px 80px rgba(0, 0, 0, .7); }
.human-image-viewer-window header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 15px 18px; border-bottom: 1px solid var(--line); }
.human-image-viewer-window header span { display: block; color: var(--accent); font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.human-image-viewer-window h2 { margin: 4px 0 0; font-size: 17px; overflow-wrap: anywhere; }
.human-image-viewer-window header button { min-height: 34px; }
.human-image-viewer-content { min-height: 0; display: grid; place-items: center; padding: 18px; overflow: auto; background: #101112; }
.human-image-viewer-content img { display: block; max-width: 100%; max-height: min(68dvh, 720px); object-fit: contain; }
.human-image-viewer-window footer { display: flex; justify-content: flex-end; padding: 12px 18px; border-top: 1px solid var(--line); }
.human-image-viewer-window footer a { color: #f3dca8; font-size: 13px; }

.jobs-list {
  display: grid;
  gap: 10px;
}

.job-history {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-muted);
  padding: 0 12px;
}

.job-history summary {
  cursor: pointer;
  padding: 12px 0;
  font-weight: 800;
  color: var(--gold);
}

.job-history-list {
  display: grid;
  gap: 10px;
  max-height: 360px;
  overflow-y: auto;
  padding: 0 2px 12px;
}

.job-item {
  border: 1px solid var(--line);
  background: var(--surface-muted);
  border-radius: 8px;
  padding: 12px;
  display: grid;
  gap: 9px;
}

.lead-seller {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: 12px;
}

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

.job-title {
  font-weight: 800;
}

.job-status {
  font-size: 13px;
  font-weight: 800;
}

.job-status.fertig {
  color: var(--ok);
}

.job-status.fehler {
  color: var(--danger);
}

.progress {
  height: 9px;
  border-radius: 999px;
  background: #4a4a4a;
  overflow: hidden;
}

.progress span {
  display: block;
  height: 100%;
  background: var(--accent);
}

.job-meta {
  color: var(--muted);
  font-size: 13px;
}

.table-wrap {
  margin-top: 18px;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
}

/* Die CRM-Eingangsliste kann zehntausende Leads enthalten und scrollt deshalb
   innerhalb ihres festen Sichtfensters statt die gesamte Seite aufzublähen. */
.table-wrap.crm-table-wrap {
  max-height: 620px;
  overflow-y: auto;
  overscroll-behavior: contain;
}

table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  min-width: 760px;
  background: #303030;
}

th,
td {
  padding: 11px 12px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: top;
  font-size: 14px;
}

th {
  background: #242424;
  color: #fff;
  font-size: 13px;
}

td a {
  color: var(--accent-strong);
}

.lead-work-status,
.lead-note,
.lead-followup {
  min-width: 150px;
  margin: 0;
  padding: 8px 10px;
  font-size: 13px;
}

.lead-note {
  min-width: 230px;
}

.lead-followup { min-width: 145px; }

.lead-work-status.is-new,
.crm-stage.is-new {
  color: #1a1a1a;
  background: var(--accent);
  border-color: var(--accent-strong);
  font-weight: 700;
}

.lead-work-status.is-review,
.crm-stage.is-review {
  color: #2a1800;
  background: #f0a33b;
  border-color: #f0a33b;
  font-weight: 700;
}

.lead-work-status.is-call,
.crm-stage.is-call {
  color: #f6fff8;
  background: #267a4a;
  border-color: #267a4a;
  font-weight: 700;
}

.lead-work-status.is-contacted,
.crm-stage.is-contacted {
  color: #fff;
  background: #596e82;
  border-color: #596e82;
  font-weight: 700;
}

.lead-work-status.is-called,
.crm-stage.is-called {
  color: #eff8ff;
  background: #356b96;
  border-color: #356b96;
  font-weight: 700;
}

.lead-work-status.is-unreached,
.crm-stage.is-unreached {
  color: #2b1600;
  background: #e07a32;
  border-color: #e07a32;
  font-weight: 700;
}

.lead-work-status.is-followup,
.crm-stage.is-followup {
  color: #fff8ff;
  background: #8e3f89;
  border-color: #8e3f89;
  font-weight: 700;
}

.lead-work-status.is-first-meeting,
.crm-stage.is-first-meeting {
  color: #f2f5ff;
  background: #4b5fc0;
  border-color: #4b5fc0;
  font-weight: 700;
}

.lead-work-status.is-appointment-set,
.crm-stage.is-appointment-set {
  color: #ecffff;
  background: #167f9b;
  border-color: #167f9b;
  font-weight: 700;
}

.lead-work-status.is-offer-sent,
.crm-stage.is-offer-sent {
  color: #f1f7ff;
  background: #1659a8;
  border-color: #1659a8;
  font-weight: 700;
}

.lead-work-status.is-negotiation,
.crm-stage.is-negotiation {
  color: #fff4ed;
  background: #9a4f00;
  border-color: #9a4f00;
  font-weight: 700;
}

.lead-work-status.is-won,
.crm-stage.is-won {
  color: #effff6;
  background: #1e8b5b;
  border-color: #1e8b5b;
  font-weight: 700;
}

.lead-work-status.is-missed-appointment,
.crm-stage.is-missed-appointment {
  color: #fff4ec;
  background: #c85b2b;
  border-color: #c85b2b;
  font-weight: 700;
}

.lead-work-status.is-reseller,
.crm-stage.is-reseller {
  color: #f4eeff;
  background: #6b49a6;
  border-color: #6b49a6;
  font-weight: 700;
}

.lead-work-status.is-email-to-send,
.crm-stage.is-email-to-send {
  color: #fff9e8;
  background: #806516;
  border-color: #b29434;
  font-weight: 700;
}

.lead-work-status.is-email-sent,
.crm-stage.is-email-sent {
  color: #eaffff;
  background: #176c70;
  border-color: #39a6a3;
  font-weight: 700;
}

.lead-work-status.is-no-interest,
.crm-stage.is-no-interest {
  color: #fff3f8;
  background: #765267;
  border-color: #a97c95;
  font-weight: 700;
}

.lead-work-status.is-crm-remove,
.crm-stage.is-crm-remove {
  color: #fff4e8;
  background: #76501f;
  border-color: #a96f2a;
  font-weight: 700;
}

.lead-work-status.is-reject,
.crm-stage.is-reject {
  color: #fff7f7;
  background: #a83434;
  border-color: #a83434;
  font-weight: 700;
}

.lead-work-status.is-blacklist,
.crm-stage.is-blacklist {
  color: #fff;
  background: #401b26;
  border-color: #8e344c;
  font-weight: 700;
}

.lead-work-status.is-done,
.crm-stage.is-done {
  color: #e7e7e7;
  background: #575757;
  border-color: #6b6b6b;
  font-weight: 700;
}

.empty {
  color: var(--muted);
  padding: 18px;
  border: 1px dashed var(--line);
  border-radius: 8px;
  background: var(--surface-muted);
}

.qualification-status {
  display: inline-block;
  margin-bottom: 5px;
  padding: 4px 7px;
  border: 1px solid var(--line);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.qualification-status.is-confirmed { color: #dff9ea; background: #1f6b48; border-color: #2f8d63; }
.qualification-status.is-duplicate { color: #eee8ff; background: #51407d; border-color: #7862ad; }
.qualification-status.is-rejected { color: #fff1f1; background: #873434; border-color: #b84b4b; }
.qualification-status.is-pending { color: #fff4d7; background: #795c20; border-color: #a98432; }
.qualification-panel td small { display: block; margin-top: 4px; color: var(--muted); line-height: 1.35; }

/* Modern MacBooks report more than 1,280 CSS pixels: compact layout must start earlier. */
@media (max-width: 1600px) {
  .app-shell {
    grid-template-columns: 244px minmax(0, 1fr);
  }

  .sidebar {
    width: 244px;
    padding: 18px 16px;
    gap: 16px;
  }

  .brand-logo {
    width: 92px;
    height: 92px;
  }

  .agent-switch {
    padding: 11px 10px;
  }

  .agent-switch small,
  .backup-sidebar p {
    font-size: 11px;
  }

  .sidebar-panel {
    padding: 13px;
  }

  .agent-card {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 10px;
    padding: 12px;
  }

  .avatar-button {
    width: 52px;
    height: 52px;
    min-height: 52px;
  }

  .mini-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  .mini-stats div:first-child {
    grid-column: 1 / -1;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
  }

  .mini-stats dt { font-size: 11px; }
  .mini-stats dd { font-size: 16px; }

  .content-grid {
    grid-template-columns: minmax(280px, 380px) minmax(0, 1fr);
  }
}

/* Small notebooks and split-screen: navigation becomes a compact top strip. */
@media (max-width: 1080px) {
  .app-shell {
    grid-template-columns: 1fr;
  }

  .sidebar {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    display: grid;
    grid-template-columns: minmax(180px, .8fr) minmax(0, 1.2fr) minmax(180px, .8fr);
    align-items: start;
    padding: 16px 20px;
  }

  .workspace { grid-column: auto; }

  .brand { padding-bottom: 0; border-bottom: 0; }
  .brand-logo { width: 68px; height: 68px; }
  .agent-switcher { grid-column: 2; }
  .backup-sidebar { grid-column: 3; margin-top: 0; }

  .content-grid {
    grid-template-columns: 1fr;
  }

  .dashboard-overview {
    grid-template-columns: 1fr;
  }

  .overview-heading {
    padding-right: 0;
    padding-bottom: 16px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .listing-grid {
    grid-template-columns: 1fr;
  }

}

@media (max-width: 700px) {
  .workspace,
  .sidebar {
    padding: 16px;
  }

  .sidebar {
    display: flex;
  }

  .brand-logo { width: 76px; height: 76px; }

  .topbar,
  .panel-header,
  .job-top,
  .crm-heading,
  .crm-heading-actions,
  .customer-create-heading,
  .customer-create-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .topbar {
    grid-template-columns: 1fr;
  }

  .crm-pipeline--topbar {
    width: 100%;
    min-width: 0;
    padding: 16px;
  }

  .crm-pipeline--topbar .crm-pipeline-bars {
    grid-template-columns: 1fr;
    grid-template-areas: "actions" "ring" "metrics";
    gap: 12px;
    min-height: 0;
    padding: 0;
  }

  .crm-pipeline-copy {
    max-width: none;
    padding: 0;
  }

  .crm-pipeline-copy span {
    display: none;
  }

  .crm-pipeline-actions {
    align-items: stretch;
  }

  .crm-pipeline-actions .crm-nav--header {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .crm-pipeline-actions .crm-nav--header button {
    min-width: 0;
    padding: 0 5px;
    white-space: normal;
  }

  .crm-pipeline-vector {
    height: 170px;
  }

  .overview-metrics {
    grid-template-columns: 1fr;
  }

  .crm-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

  .message {
    max-width: 100%;
  }
}

@media (max-width: 1080px) {
  .headquarter-switcher { grid-column: 2; grid-row: 2; }
  .sidebar-section-label { display: none; }
  .agent-switcher { grid-row: 1; }
  .agent-card { grid-column: 3; grid-row: 2; }
  .sidebar-panel:not(.backup-sidebar) { display: none; }
  .jarvis-command-grid { grid-template-columns: 1fr; }
  .jarvis-core-zone { border-right: 0; border-bottom: 1px solid #3f4848; }
}

@media (max-width: 700px) {
  .headquarter-switcher { grid-column: auto; grid-row: auto; }
  .agent-switcher { grid-row: auto; }
  .agent-card { grid-column: auto; grid-row: auto; }
  .jarvis-command-header { align-items: flex-start; flex-direction: column; padding: 17px; }
  .jarvis-command-grid { min-height: 0; }
  .jarvis-core-zone { padding: 22px 16px; }
  .jarvis-core { width: min(82vw, 300px); }
  .jarvis-briefing-section { padding: 17px; }
  .jarvis-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .jarvis-api-boundary { margin: 17px; }
  .jarvis-state-guide { grid-template-columns: 1fr; }
  .jarvis-state-guide div { border-right: 0; border-bottom: 1px solid #3f4848; }
  .jarvis-state-guide div:last-child { border-bottom: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .jarvis-core::before,
  .jarvis-core .jarvis-ring { animation: none !important; }
  .jarvis-core[data-state="listening"] .jarvis-ring { opacity: .82; }
}

/* Jarvis ist Teil des CRM-Steuerkopfs, kein zweiter Hauptbereich. */
.crm-pipeline--topbar .crm-pipeline-bars {
  grid-template-columns: minmax(300px, .84fr) minmax(340px, .94fr) minmax(360px, 1.08fr);
  grid-template-areas: "actions actions actions" "jarvis metrics ring";
  grid-template-rows: auto minmax(0, 1fr);
  gap: 8px clamp(14px, 1.7vw, 28px);
  min-height: 310px;
  padding: 0 6px;
}

.crm-pipeline-vector {
  width: min(100%, 460px);
  height: 304px;
  transform: scale(1.02);
}

.crm-pipeline-actions {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  justify-content: stretch;
  gap: 7px;
}

.crm-pipeline-actions .crm-nav--header { display: contents; }
.crm-pipeline-actions .crm-nav--header button,
.crm-pipeline-actions .crm-primary-action { width: 100%; min-width: 0; min-height: 46px; padding-inline: 7px; white-space: normal; }

.jarvis-crm-command {
  grid-area: jarvis;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  align-items: center;
  min-width: 0;
  min-height: 300px;
  overflow: visible;
}

.jarvis-crm-visual {
  display: grid;
  place-items: center;
  align-content: center;
  align-self: stretch;
  min-width: 0;
  padding: 4px;
}

.jarvis-crm-command .jarvis-core {
  position: relative;
  width: clamp(250px, 17vw, 300px);
  aspect-ratio: 1;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  isolation: isolate;
}

.jarvis-crm-command .jarvis-core:focus-visible { outline: 2px solid var(--jarvis-strong); outline-offset: 7px; }

.crm-pipeline-actions > .crm-jarvis-settings {
  position: static;
  width: 100%;
  min-width: 0;
  min-height: 46px;
  margin: 0;
  padding: 5px 7px;
  white-space: normal;
}

.jarvis-crm-command .jarvis-core::before { content: none; }
.jarvis-crm-command .jarvis-core > span { position: absolute; inset: 50% auto auto 50%; border-radius: 50%; transform: translate(-50%, -50%); pointer-events: none; }

.hud-outer-frame {
  width: 100%;
  aspect-ratio: 1;
  background: conic-gradient(from 8deg, #a9fff5 0 2deg, #35d5c8 2deg 41deg, #167a78 41deg 44deg, #4be4d7 44deg 86deg, #126765 86deg 90deg, #71eee4 90deg 132deg, #137270 132deg 136deg, #40cfc4 136deg 178deg, #0f6563 178deg 182deg, #62e9de 182deg 224deg, #116b68 224deg 228deg, #44d7ca 228deg 270deg, #126b68 270deg 274deg, #72eee3 274deg 316deg, #167775 316deg 320deg, #41d8cc 320deg 360deg);
  -webkit-mask: radial-gradient(circle, transparent 0 74%, #000 75% 85%, transparent 86%);
  mask: radial-gradient(circle, transparent 0 74%, #000 75% 85%, transparent 86%);
  filter: drop-shadow(0 0 5px rgba(82, 227, 212, .75)) drop-shadow(0 5px 2px rgba(4, 24, 25, .9));
}

.hud-outer-frame::after {
  position: absolute;
  inset: 7%;
  border: 1px solid rgba(176, 255, 247, .62);
  border-radius: 50%;
  content: "";
  box-shadow: inset 0 0 7px rgba(82, 227, 212, .34);
}

.hud-outer-segments {
  width: 86%;
  aspect-ratio: 1;
  background: repeating-conic-gradient(from -3deg, rgba(90, 235, 224, .85) 0 15deg, rgba(19, 83, 82, .58) 15deg 18deg, transparent 18deg 22deg);
  -webkit-mask: radial-gradient(circle, transparent 0 70%, #000 71% 82%, transparent 83%);
  mask: radial-gradient(circle, transparent 0 70%, #000 71% 82%, transparent 83%);
  filter: drop-shadow(0 0 4px rgba(82, 227, 212, .34));
}

.hud-module-ring {
  width: 70%;
  aspect-ratio: 1;
  background: conic-gradient(from 14deg, #319f99 0 24deg, transparent 24deg 31deg, #68e9df 31deg 72deg, transparent 72deg 81deg, #217d79 81deg 112deg, transparent 112deg 121deg, #57dcd1 121deg 168deg, transparent 168deg 181deg, #2b8e89 181deg 214deg, transparent 214deg 224deg, #65e9df 224deg 265deg, transparent 265deg 278deg, #278681 278deg 316deg, transparent 316deg 328deg, #50d9ce 328deg 360deg);
  -webkit-mask: radial-gradient(circle, transparent 0 50%, #000 51% 76%, transparent 77%);
  mask: radial-gradient(circle, transparent 0 50%, #000 51% 76%, transparent 77%);
  box-shadow: inset 0 0 12px rgba(82, 227, 212, .16);
}

.hud-scale-ring {
  width: 53%;
  aspect-ratio: 1;
  background: repeating-conic-gradient(from 1deg, rgba(167, 255, 245, .88) 0 1deg, transparent 1deg 6deg);
  -webkit-mask: radial-gradient(circle, transparent 0 73%, #000 74% 89%, transparent 90%);
  mask: radial-gradient(circle, transparent 0 73%, #000 74% 89%, transparent 90%);
  opacity: .8;
}

.hud-radial-segments {
  width: 43%;
  aspect-ratio: 1;
  background: conic-gradient(from 4deg, rgba(77, 224, 212, .85) 0 28deg, transparent 28deg 43deg, rgba(35, 128, 124, .8) 43deg 84deg, transparent 84deg 105deg, rgba(108, 239, 229, .82) 105deg 154deg, transparent 154deg 185deg, rgba(42, 145, 139, .84) 185deg 224deg, transparent 224deg 257deg, rgba(83, 220, 210, .86) 257deg 307deg, transparent 307deg 330deg, rgba(48, 159, 153, .8) 330deg 360deg);
  -webkit-mask: radial-gradient(circle, transparent 0 58%, #000 59% 86%, transparent 87%);
  mask: radial-gradient(circle, transparent 0 58%, #000 59% 86%, transparent 87%);
}

.hud-gold-arc {
  z-index: 3;
  width: 81%;
  aspect-ratio: 1;
  background: conic-gradient(from 248deg, transparent 0 296deg, #9b6c2c 296deg 300deg, #f0d28d 300deg 322deg, #9b6c2c 322deg 326deg, transparent 326deg 360deg);
  -webkit-mask: radial-gradient(circle, transparent 0 85%, #000 86% 92%, transparent 93%);
  mask: radial-gradient(circle, transparent 0 85%, #000 86% 92%, transparent 93%);
  filter: drop-shadow(0 0 3px rgba(222, 181, 102, .48));
}

.hud-dark-core {
  z-index: -1;
  width: 32%;
  aspect-ratio: 1;
  border: 1px solid rgba(82, 227, 212, .34);
  background: repeating-linear-gradient(118deg, rgba(82, 227, 212, .035) 0 1px, transparent 1px 5px), radial-gradient(circle at 38% 34%, #263737, #0c1112 68%);
  box-shadow: inset 0 0 14px rgba(0, 0, 0, .9), 0 0 10px rgba(82, 227, 212, .12);
}

.jarvis-core[data-state="idle"] .hud-outer-frame { animation: jarvis-hud-idle-wide 11.8s ease-in-out infinite; }
.jarvis-core[data-state="idle"] .hud-outer-segments { animation: jarvis-hud-idle-medium 12.6s ease-in-out -3.2s infinite; }
.jarvis-core[data-state="idle"] .hud-module-ring { animation: jarvis-hud-idle-wide 13.4s ease-in-out -6.7s infinite; }
.jarvis-core[data-state="idle"] .hud-scale-ring { animation: jarvis-hud-idle-medium 11.2s ease-in-out -1.9s infinite; }
.jarvis-core[data-state="idle"] .hud-radial-segments { animation: jarvis-hud-idle-wide 12.1s ease-in-out -8.4s infinite; }
.jarvis-core[data-state="idle"] .hud-gold-arc { animation: jarvis-hud-idle-medium 13.8s ease-in-out -4.8s infinite; }
.jarvis-core[data-state="idle"] .hud-dark-core { animation: jarvis-hud-idle-core 12.8s ease-in-out infinite; }
.jarvis-core[data-state="listening"] .jarvis-reactive { animation: jarvis-hud-listen 2.7s ease-in-out infinite; }
.jarvis-core[data-state="listening"] .hud-module-ring { animation-delay: -.7s; }
.jarvis-core[data-state="listening"] .hud-scale-ring { animation-delay: -1.35s; }
.jarvis-core[data-state="speaking"] .hud-scale-ring { animation: jarvis-hud-rotate 5s steps(60) infinite; }
.jarvis-core[data-state="speaking"] .hud-gold-arc { animation: jarvis-hud-rotate 3.6s linear infinite; }

@keyframes jarvis-hud-idle-wide {
  0%, 100% { transform: translate(-50%, -50%) scale(.982); }
  50% { transform: translate(-50%, -50%) scale(1.022); }
}
@keyframes jarvis-hud-idle-medium {
  0%, 100% { transform: translate(-50%, -50%) scale(.987); }
  50% { transform: translate(-50%, -50%) scale(1.017); }
}
@keyframes jarvis-hud-idle-core {
  0%, 100% { transform: translate(-50%, -50%) scale(.994); }
  50% { transform: translate(-50%, -50%) scale(1.007); }
}
@keyframes jarvis-hud-listen {
  0%, 100% { opacity: .58; transform: translate(-50%, -50%) scale(.985); }
  50% { opacity: 1; transform: translate(-50%, -50%) scale(1.018); }
}
@keyframes jarvis-hud-rotate { to { transform: translate(-50%, -50%) rotate(360deg); } }

.jarvis-crm-command .jarvis-state-readout { display: grid; grid-template-columns: auto auto; gap: 2px 7px; align-items: baseline; margin-top: 2px; text-align: center; }
.jarvis-crm-command .jarvis-state-readout > span { grid-column: 1 / -1; color: #70d8d0; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.jarvis-crm-command .jarvis-state-readout strong { justify-self: end; color: var(--jarvis-strong); font-size: 12px; }
.jarvis-crm-command .jarvis-state-readout small { justify-self: start; color: #829291; font-size: 9px; }
.jarvis-crm-briefing { display: grid; align-content: center; gap: 7px; min-width: 0; padding: 10px 12px; }
.jarvis-crm-heading { display: flex; align-items: start; justify-content: space-between; gap: 10px; }
.jarvis-crm-heading > div { display: grid; gap: 1px; }
.jarvis-crm-heading span { color: var(--jarvis); font-size: 8px; font-weight: 800; text-transform: uppercase; }
.jarvis-crm-heading strong { font-size: 13px; }
.jarvis-crm-heading > small { padding: 3px 5px; border: 1px solid rgba(82, 227, 212, .34); color: #8fc9c4; font-size: 8px; text-transform: uppercase; }
.jarvis-crm-command .jarvis-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); border-color: #354646; background: #354646; }
.jarvis-crm-command .jarvis-metrics div { padding: 6px; background: #202727; }
.jarvis-crm-command .jarvis-metrics dt { font-size: 8px; }
.jarvis-crm-command .jarvis-metrics dd { margin-top: 2px; font-size: 16px; }
.jarvis-brief-lines { display: grid; gap: 4px; }
.jarvis-brief-lines > div { display: grid; grid-template-columns: 92px minmax(0, 1fr); align-items: center; gap: 6px; }
.jarvis-brief-lines > div > span { color: #8e9b9a; font-size: 8px; font-weight: 700; text-transform: uppercase; }
.jarvis-crm-command .jarvis-action-item { min-height: 23px; padding: 3px 6px; gap: 6px; }
.jarvis-crm-command .jarvis-action-item i { width: 5px; height: 5px; }
.jarvis-crm-command .jarvis-action-item span { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.jarvis-crm-command .jarvis-action-item small { font-size: 8px; }
.jarvis-crm-command .jarvis-mode-switch { width: 100%; margin: 0; }
.jarvis-crm-command .jarvis-mode-switch button { min-height: 27px; padding: 0 5px; font-size: 9px; }
.jarvis-crm-command .jarvis-volume-control { grid-template-columns: auto minmax(0, 1fr) auto; width: 100%; margin: 0; font-size: 8px; }
.jarvis-crm-command .jarvis-volume-control input { grid-column: auto; }
.jarvis-api-note { margin: 0; color: #778786; font-size: 8px; line-height: 1.35; }

@media (max-width: 1450px) {
  .crm-pipeline--topbar .crm-pipeline-bars {
    grid-template-columns: minmax(250px, .82fr) minmax(285px, .92fr) minmax(315px, 1.06fr);
    gap: 8px 12px;
    min-height: 286px;
  }
  .crm-pipeline-vector { width: min(100%, 370px); height: 282px; transform: none; }
  .jarvis-crm-command { min-height: 278px; }
  .jarvis-crm-command .jarvis-core { width: clamp(232px, 19vw, 258px); }
}

@media (max-width: 1100px) {
  .crm-pipeline--topbar .crm-pipeline-bars { grid-template-columns: minmax(270px, .85fr) minmax(300px, 1fr) minmax(240px, .8fr); grid-template-areas: "actions actions actions" "jarvis metrics ring"; gap: 8px 12px; min-height: 274px; }
  .crm-pipeline-vector { height: 264px; }
  .jarvis-crm-command { min-height: 266px; }
  .jarvis-crm-command .jarvis-core { width: 226px; }
}

@media (max-width: 900px) {
  .crm-pipeline--topbar .crm-pipeline-bars { grid-template-columns: minmax(220px, .72fr) minmax(0, 1.28fr); grid-template-areas: "actions actions" "jarvis jarvis" "ring metrics"; }
  .jarvis-crm-command { min-height: 238px; }
  .jarvis-crm-command .jarvis-core { width: 220px; }
}

@media (max-width: 700px) {
  .crm-pipeline--topbar .crm-pipeline-bars { grid-template-areas: "actions" "ring" "metrics" "jarvis"; }
  .jarvis-crm-command .jarvis-core { width: min(72vw, 230px); }
  .jarvis-setup-status { position: static; display: block; width: max-content; max-width: 100%; margin: 10px auto 0; }
  .jarvis-safety-limits { grid-template-columns: 1fr; }
  .jarvis-safety-limits button { grid-column: 1; justify-self: stretch; }
  .jarvis-safety-limits small { grid-column: 1; }
  .jarvis-memory-row { grid-template-columns: 1fr; }
  .jarvis-memory-actions { justify-content: flex-end; }
}

@media (prefers-reduced-motion: reduce) {
  .jarvis-core .jarvis-reactive,
  .jarvis-core .hud-gold-arc,
  .jarvis-core .hud-dark-core { animation: none !important; }
}

/* Pixelnahe Jarvis-Vorlage: Originalbild plus getrennte, audioreaktive Ringmasken. */
.jarvis-crm-command .jarvis-core {
  width: clamp(285px, 20vw, 350px);
  aspect-ratio: 512 / 484;
  border-radius: 0;
  -webkit-mask: radial-gradient(ellipse 50% 50% at 50% 50%, #000 0 82%, transparent 94%);
  mask: radial-gradient(ellipse 50% 50% at 50% 50%, #000 0 82%, transparent 94%);
  filter: drop-shadow(0 18px 24px rgba(0, 0, 0, .58)) drop-shadow(0 0 18px rgba(37, 199, 224, .2));
  transform: translateZ(0);
}

/* Außerhalb des CRM bleibt die echte Jarvis-Komponente als kleine, bedienbare Konsole sichtbar. */
.jarvis-crm-command.is-mini-dock {
  /* Neben dem Logo sichtbar halten, auch wenn der Arbeitsbereich scrollt. */
  position: fixed;
  z-index: 90;
  left: 148px;
  top: 14px;
  right: auto;
  bottom: auto;
  display: grid;
  width: 76px;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.jarvis-crm-command.is-mini-dock .jarvis-crm-visual { padding: 0; }
.jarvis-crm-command.is-mini-dock .jarvis-core { width: 98px; }
.jarvis-crm-command.is-mini-dock .jarvis-core > .jarvis-wordmark {
  inset: 50% auto auto 50%;
  width: 34%;
  height: 8%;
  font-size: 5.5px;
  letter-spacing: 0;
  text-indent: 0;
  white-space: nowrap;
}
/* Der Sprachstatus liegt auch in der CRM-Ansicht links unten, unabhängig vom Jarvis-Raster. */
.jarvis-session-hud.is-mini-dock {
  position: fixed;
  z-index: 91;
  left: 18px;
  top: auto;
  right: auto;
  bottom: 18px;
  width: 64px;
  min-height: 0;
  padding: 9px 6px;
  grid-template-columns: minmax(0, 1fr);
  gap: 7px;
  align-items: start;
  justify-items: start;
}
.jarvis-session-hud.is-mini-dock .jarvis-mic-indicator { width: 32px; height: 32px; }
.jarvis-session-hud.is-mini-dock .jarvis-mic-indicator svg { width: 16px; height: 16px; }
.jarvis-session-hud.is-mini-dock .jarvis-session-stat { gap: 3px; }
.jarvis-session-hud.is-mini-dock .jarvis-session-stat small { font-size: 8px; }
.jarvis-session-hud.is-mini-dock .jarvis-session-stat strong { font-size: 12px; }
.jarvis-session-hud.is-mini-dock .jarvis-session-divider { display: block; }
.jarvis-session-hud.is-mini-dock .jarvis-session-cost { display: grid; }
/* Der Mini-Jarvis beginnt immer rechts neben dem sichtbaren VEXARO-Logo, auch bei AirPlay. */
@media (max-width: 1600px) and (min-width: 1081px) {
  .jarvis-crm-command.is-mini-dock { left: 112px; top: 12px; }
}
@media (max-width: 1080px) and (min-width: 701px) {
  .jarvis-crm-command.is-mini-dock { left: 96px; top: 12px; }
}
@media (max-width: 700px) {
  .jarvis-crm-command.is-mini-dock { left: 104px; top: 8px; right: auto; bottom: auto; width: 110px; }
  .jarvis-crm-command.is-mini-dock .jarvis-core { width: 110px; }
  .jarvis-crm-command.is-mini-dock .jarvis-core > .jarvis-wordmark { font-size: 6px; }
  .jarvis-session-hud.is-mini-dock { left: 10px; top: auto; right: auto; bottom: 10px; width: 64px; }
  .global-chat-launcher { right: 10px; bottom: 10px; }
  .global-chat-panel { right: 10px; bottom: 66px; width: calc(100vw - 20px); height: min(560px, calc(100vh - 84px)); }
  .global-chat-panel.is-human-chat { width: calc(100vw - 20px); height: min(640px, calc(100vh - 84px)); min-height: 360px; }
}

.jarvis-crm-command .jarvis-core > .jarvis-art {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 0;
  clip-path: ellipse(45% 45% at 50% 50%);
  transform-origin: center;
  will-change: transform, opacity, filter;
}

.jarvis-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  user-select: none;
  -webkit-user-drag: none;
}

.jarvis-art-base {
  opacity: .96;
  -webkit-mask: radial-gradient(ellipse 50% 50% at 50% 50%, #000 0 80%, transparent 90%);
  mask: radial-gradient(ellipse 50% 50% at 50% 50%, #000 0 80%, transparent 90%);
}
.jarvis-art-outer {
  z-index: 2 !important;
  opacity: .42;
  filter: saturate(1.16) brightness(1.1);
  -webkit-mask: radial-gradient(ellipse at 50% 50%, transparent 0 61%, #000 63% 93%, transparent 97%);
  mask: radial-gradient(ellipse at 50% 50%, transparent 0 61%, #000 63% 93%, transparent 97%);
}
.jarvis-art-middle {
  z-index: 3 !important;
  opacity: .36;
  filter: saturate(1.2) brightness(1.13);
  -webkit-mask: radial-gradient(ellipse at 50% 50%, transparent 0 39%, #000 42% 72%, transparent 75%);
  mask: radial-gradient(ellipse at 50% 50%, transparent 0 39%, #000 42% 72%, transparent 75%);
}
.jarvis-art-inner {
  z-index: 4 !important;
  opacity: .28;
  filter: saturate(1.2) brightness(1.12);
  -webkit-mask: radial-gradient(ellipse at 50% 50%, #000 0 49%, transparent 53%);
  mask: radial-gradient(ellipse at 50% 50%, #000 0 49%, transparent 53%);
}

.jarvis-crm-command .jarvis-core > .jarvis-signal-halo {
  z-index: 0;
  width: 82%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(48, 208, 234, .18), rgba(32, 160, 193, .08) 42%, transparent 70%);
  filter: blur(14px);
  opacity: .48;
  will-change: transform, opacity;
}

.jarvis-crm-command .jarvis-core > .jarvis-center-clean {
  z-index: 5;
  width: 100%;
  height: 100%;
  border-radius: 0;
  -webkit-mask: radial-gradient(ellipse at 50% 50%, #000 0 29%, rgba(0, 0, 0, .98) 32%, transparent 37%);
  mask: radial-gradient(ellipse at 50% 50%, #000 0 29%, rgba(0, 0, 0, .98) 32%, transparent 37%);
}

.jarvis-center-clean img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  user-select: none;
  -webkit-user-drag: none;
}

.jarvis-crm-command .jarvis-core > .jarvis-wordmark {
  z-index: 6;
  display: grid;
  width: 44%;
  height: 12%;
  place-items: center;
  border-radius: 0;
  background: transparent;
  color: #f4ffff;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(11px, 1vw, 15px);
  font-weight: 900;
  letter-spacing: .08em;
  line-height: 1;
  text-indent: .08em;
  text-shadow: 0 0 3px #fff, 0 0 9px rgba(70, 218, 241, .92), 0 2px 2px rgba(0, 0, 0, .8);
}

/* Jeffrey hat mehr Zeichen als J.A.R.V.I.S.; die Wortmarke bleibt daher im zentralen Kern,
   ohne die bewährte Jarvis-Geometrie zu verändern. */
.jarvis-crm-command .jarvis-core { container-type: inline-size; }
body[data-assistant-identity="jeffrey"] .jarvis-crm-command .jarvis-core > .jarvis-wordmark {
  width: 54%;
  font-size: clamp(15px, 5.8cqw, 20px);
  letter-spacing: .025em;
  text-indent: .025em;
  white-space: nowrap;
}
body[data-assistant-identity="jeffrey"] .jarvis-crm-command.is-mini-dock .jarvis-core > .jarvis-wordmark {
  width: 44%;
  height: 10%;
  font-size: clamp(4px, 4.1cqw, 4.8px);
  letter-spacing: .025em;
  text-indent: .025em;
}

/* Jeffrey erhält nur im Pascal-Profil eine eigenständige Indigo-/Violett-Oberfläche.
   Jarvis behält den getesteten Cyan-Kontrast unverändert. */
body[data-assistant-identity="jeffrey"] .document-editor-window.jarvis-setup-window {
  border-color: rgba(183, 140, 255, .72);
  border-top-color: #c9a8ff;
  background: rgba(20, 11, 42, .96);
  box-shadow: 0 26px 74px rgba(43, 17, 91, .42), 0 0 0 1px rgba(226, 208, 255, .08) inset;
}
body[data-assistant-identity="jeffrey"] .jarvis-setup-window .document-editor-window-header { background: rgba(12, 6, 29, .86); }
body[data-assistant-identity="jeffrey"] .jarvis-setup-window .eyebrow,
body[data-assistant-identity="jeffrey"] .jarvis-setup-window .jarvis-safety-limits legend,
body[data-assistant-identity="jeffrey"] .jarvis-setup-window .jarvis-memory-panel legend,
body[data-assistant-identity="jeffrey"] .jarvis-setup-window .jarvis-calendar-preview legend,
body[data-assistant-identity="jeffrey"] .jarvis-setup-window .jarvis-diagnostics summary { color: #d8c1ff; }
body[data-assistant-identity="jeffrey"] .jarvis-setup-window .customer-detail-close,
body[data-assistant-identity="jeffrey"] .jarvis-setup-window button:not(.primary) { color: #e7d8ff; border-color: rgba(189, 150, 255, .58); }
body[data-assistant-identity="jeffrey"] .jarvis-setup-window .customer-detail-close:hover,
body[data-assistant-identity="jeffrey"] .jarvis-setup-window button:not(.primary):hover { color: #190c32; border-color: #d1adff; background: #d1adff; }
body[data-assistant-identity="jeffrey"] .jarvis-setup-window button.primary { color: #180b31; border-color: #c198ff; background: linear-gradient(135deg, #d5b5ff, #a66df1); }
body[data-assistant-identity="jeffrey"] .jarvis-setup-window button.primary:hover { border-color: #efe7ff; background: linear-gradient(135deg, #eadcff, #bd8cff); }
body[data-assistant-identity="jeffrey"] .jarvis-setup-window input,
body[data-assistant-identity="jeffrey"] .jarvis-setup-window select,
body[data-assistant-identity="jeffrey"] .jarvis-setup-window textarea { color: #f1eaff; border-color: rgba(190, 153, 255, .48); background: rgba(12, 6, 28, .86); }
body[data-assistant-identity="jeffrey"] .jarvis-setup-window input:focus,
body[data-assistant-identity="jeffrey"] .jarvis-setup-window select:focus,
body[data-assistant-identity="jeffrey"] .jarvis-setup-window textarea:focus,
body[data-assistant-identity="jeffrey"] .jarvis-setup-window button:focus-visible { outline: 2px solid #eadcff; outline-offset: 2px; }
body[data-assistant-identity="jeffrey"] .jarvis-connection-state,
body[data-assistant-identity="jeffrey"] .jarvis-calendar-access,
body[data-assistant-identity="jeffrey"] .jarvis-calendar-action-flow,
body[data-assistant-identity="jeffrey"] .jarvis-security-note { border-color: rgba(187, 146, 255, .54); background: rgba(54, 30, 97, .48); }
body[data-assistant-identity="jeffrey"] .jarvis-connection-state strong,
body[data-assistant-identity="jeffrey"] .jarvis-security-note strong,
body[data-assistant-identity="jeffrey"] .jarvis-calendar-access strong,
body[data-assistant-identity="jeffrey"] .jarvis-calendar-action-flow strong,
body[data-assistant-identity="jeffrey"] .jarvis-memory-heading strong,
body[data-assistant-identity="jeffrey"] .jarvis-microphone-device { color: #eadcff; }
body[data-assistant-identity="jeffrey"] .jarvis-security-note { border-left-color: #c198ff; }
body[data-assistant-identity="jeffrey"] .jarvis-safety-limits,
body[data-assistant-identity="jeffrey"] .jarvis-memory-panel,
body[data-assistant-identity="jeffrey"] .jarvis-calendar-preview { border-color: rgba(187, 146, 255, .42); }
body[data-assistant-identity="jeffrey"] .jarvis-diagnostics { border-color: rgba(187, 146, 255, .35); }
body[data-assistant-identity="jeffrey"] .jarvis-diagnostics[open] summary { border-bottom-color: rgba(187, 146, 255, .3); }

.jarvis-session-hud {
  position: absolute;
  z-index: 12;
  bottom: 8px;
  left: 8px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 7px;
  align-items: start;
  justify-items: start;
  width: 64px;
  min-height: 0;
  margin: 0;
  padding: 9px 6px;
  border: 1px solid rgba(92, 203, 214, .22);
  border-radius: 6px;
  background: linear-gradient(100deg, rgba(7, 27, 31, .94), rgba(24, 21, 16, .92));
  box-shadow: 0 8px 20px rgba(0, 0, 0, .3), inset 0 1px rgba(255, 255, 255, .04);
  opacity: 0;
  pointer-events: none;
  transform: translateY(5px);
  transition: opacity 160ms ease, transform 160ms ease;
}
.jarvis-session-hud.is-active { opacity: 1; pointer-events: auto; transform: none; }
.jarvis-session-hud::before {
  position: absolute;
  top: -1px;
  right: 8px;
  left: 8px;
  height: 1px;
  background: linear-gradient(90deg, #4edbe4, rgba(83, 221, 226, .36));
  content: "";
}

.jarvis-session-hud .jarvis-mic-indicator {
  --jarvis-mic-level: 0;
  position: relative;
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border: 1px solid rgba(93, 225, 239, .34);
  border-radius: 50%;
  background: rgba(5, 23, 28, .82);
  color: rgba(155, 229, 235, .48);
  box-shadow: 0 0 8px rgba(42, 205, 224, .08);
  opacity: .72;
  padding: 0;
  cursor: pointer;
  transition: color 90ms linear, border-color 90ms linear, box-shadow 90ms linear, opacity 160ms ease;
}
.jarvis-mic-indicator svg { width: 16px; height: 16px; }
.jarvis-session-hud .jarvis-mic-indicator::after {
  position: absolute;
  width: 20px;
  height: 2px;
  border-radius: 2px;
  background: #8fe8e5;
  box-shadow: 0 0 6px rgba(78, 219, 228, .6);
  content: "";
  opacity: 0;
  transform: rotate(-45deg) scaleX(.65);
  transition: opacity 140ms ease, transform 140ms ease;
}
.jarvis-session-hud .jarvis-mic-indicator.is-muted {
  color: rgba(143, 232, 229, .48);
  border-color: rgba(143, 232, 229, .28);
  box-shadow: inset 0 0 8px rgba(57, 222, 235, .08);
  opacity: .78;
}
.jarvis-session-hud .jarvis-mic-indicator.is-muted::after { opacity: 1; transform: rotate(-45deg) scaleX(1); }
.jarvis-session-hud .jarvis-mic-indicator:focus-visible { outline: 2px solid #8fe8e5; outline-offset: 2px; }
.jarvis-session-hud .jarvis-mic-indicator.is-input-active {
  color: #eaffff;
  border-color: rgba(110, 239, 247, .92);
  box-shadow: 0 0 calc(10px + var(--jarvis-mic-level) * 18px) rgba(57, 222, 235, .82), inset 0 0 8px rgba(57, 222, 235, .32);
  opacity: 1;
}

.jarvis-session-stat { display: grid; gap: 3px; min-width: 0; width: 100%; }
.jarvis-session-stat small { color: #78bbb9; font-size: 8px; font-weight: 900; letter-spacing: .08em; line-height: 1; }
.jarvis-session-stat strong { color: #e8f7f6; font-size: 12px; font-weight: 800; line-height: 1; }
.jarvis-session-cost small { color: #78bbb9; letter-spacing: 0; text-transform: none; }
.jarvis-session-cost strong { color: #8fe8e5; }
.jarvis-session-divider { width: 100%; height: 1px; background: rgba(255, 255, 255, .12); }
.jarvis-session-stat strong {
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

body[data-assistant-identity="jeffrey"] .jarvis-session-hud {
  border-color: rgba(187, 146, 255, .38);
  background: linear-gradient(100deg, rgba(12, 6, 29, .94), rgba(34, 18, 64, .92));
}
body[data-assistant-identity="jeffrey"] .jarvis-session-hud::before {
  background: linear-gradient(90deg, #c198ff, rgba(187, 146, 255, .36));
}
body[data-assistant-identity="jeffrey"] .jarvis-session-hud .jarvis-mic-indicator {
  border-color: rgba(187, 146, 255, .42);
  background: rgba(25, 12, 50, .82);
  color: #d8c1ff;
  box-shadow: 0 0 8px rgba(166, 109, 241, .16);
}
body[data-assistant-identity="jeffrey"] .jarvis-session-hud .jarvis-mic-indicator::after {
  background: #d5b5ff;
  box-shadow: 0 0 6px rgba(187, 146, 255, .7);
}
body[data-assistant-identity="jeffrey"] .jarvis-session-hud .jarvis-mic-indicator.is-muted {
  color: #aa8acb;
  border-color: rgba(187, 146, 255, .34);
  box-shadow: inset 0 0 8px rgba(166, 109, 241, .12);
}
body[data-assistant-identity="jeffrey"] .jarvis-session-hud .jarvis-mic-indicator:focus-visible { outline-color: #eadcff; }
body[data-assistant-identity="jeffrey"] .jarvis-session-hud .jarvis-mic-indicator.is-input-active {
  color: #f1eaff;
  border-color: #d5b5ff;
  box-shadow: 0 0 calc(10px + var(--jarvis-mic-level) * 18px) rgba(166, 109, 241, .82), inset 0 0 8px rgba(166, 109, 241, .32);
}
body[data-assistant-identity="jeffrey"] .jarvis-session-hud .jarvis-session-stat small,
body[data-assistant-identity="jeffrey"] .jarvis-session-hud .jarvis-session-cost small { color: #bca2e3; }
body[data-assistant-identity="jeffrey"] .jarvis-session-hud .jarvis-session-stat strong { color: #f1eaff; }
body[data-assistant-identity="jeffrey"] .jarvis-session-hud .jarvis-session-cost strong { color: #d5b5ff; }
body[data-assistant-identity="jeffrey"] .jarvis-session-hud .jarvis-session-divider { background: rgba(187, 146, 255, .24); }

.jarvis-core[data-state="idle"] .jarvis-art-base { animation: jarvis-reference-sleep 9.8s ease-in-out infinite; }
.jarvis-core[data-state="idle"] .jarvis-art-outer { animation: jarvis-reference-outer-sleep 10.8s ease-in-out -2.7s infinite; }
.jarvis-core[data-state="idle"] .jarvis-art-middle { animation: jarvis-reference-middle-sleep 9.2s ease-in-out -5.1s infinite; }
.jarvis-core[data-state="idle"] .jarvis-art-inner { animation: jarvis-reference-inner-sleep 11.4s ease-in-out -7.3s infinite; }
.jarvis-core[data-state="idle"] .jarvis-signal-halo { animation: jarvis-reference-halo-sleep 9.8s ease-in-out infinite; }
.jarvis-core[data-state="listening"] .jarvis-art-outer { animation: jarvis-reference-listen 2.8s ease-in-out infinite; }
.jarvis-core[data-state="listening"] .jarvis-art-middle { animation: jarvis-reference-listen 2.2s ease-in-out -.8s infinite reverse; }
.jarvis-core[data-state="listening"] .jarvis-signal-halo { animation: jarvis-reference-halo-listen 2.2s ease-in-out infinite; }
.jarvis-core[data-state="speaking"] .jarvis-art { transition: transform 80ms linear, opacity 80ms linear, filter 80ms linear; }
.jarvis-core[data-state="speaking"] .jarvis-signal-halo { opacity: .8; transition: transform 80ms linear, opacity 80ms linear; }

@keyframes jarvis-reference-sleep {
  0%, 100% { transform: translate(-50%, -50%) scale(.965); filter: brightness(.9); }
  50% { transform: translate(-50%, -50%) scale(1.035); filter: brightness(1.08); }
}
@keyframes jarvis-reference-outer-sleep {
  0%, 100% { transform: translate(-50%, -50%) scale(.945); opacity: .26; }
  50% { transform: translate(-50%, -50%) scale(1.065); opacity: .62; }
}
@keyframes jarvis-reference-middle-sleep {
  0%, 100% { transform: translate(-50%, -50%) scale(.96); opacity: .23; }
  50% { transform: translate(-50%, -50%) scale(1.05); opacity: .54; }
}
@keyframes jarvis-reference-inner-sleep {
  0%, 100% { transform: translate(-50%, -50%) scale(.975); opacity: .2; }
  50% { transform: translate(-50%, -50%) scale(1.032); opacity: .42; }
}
@keyframes jarvis-reference-halo-sleep {
  0%, 100% { transform: translate(-50%, -50%) scale(.82); opacity: .22; }
  50% { transform: translate(-50%, -50%) scale(1.16); opacity: .68; }
}
@keyframes jarvis-reference-listen {
  0%, 100% { transform: translate(-50%, -50%) scale(.98); opacity: .34; }
  50% { transform: translate(-50%, -50%) scale(1.025); opacity: .68; }
}
@keyframes jarvis-reference-halo-listen {
  0%, 100% { transform: translate(-50%, -50%) scale(.94); opacity: .38; }
  50% { transform: translate(-50%, -50%) scale(1.12); opacity: .74; }
}

@media (max-width: 1450px) {
  .jarvis-crm-command .jarvis-core { width: clamp(252px, 20vw, 292px); }
}
@media (max-width: 1100px) {
  .jarvis-crm-command .jarvis-core { width: 242px; }
}
@media (max-width: 900px) {
  .jarvis-crm-command .jarvis-core { width: min(78vw, 270px); }
}
@media (prefers-reduced-motion: reduce) {
  .jarvis-core .jarvis-art,
  .jarvis-core .jarvis-signal-halo,
  .jarvis-core .jarvis-wordmark,
  .jarvis-session-hud,
  .jarvis-mic-indicator { animation: none !important; transition: none !important; }
  .crm-calendar-toolbar .calendar-sync.is-syncing span { animation: none !important; }
}

/* CRM-Steuerkopf: Jarvis bleibt der linke Anker, rechts liegen zwei gleichwertige Lagekarten. */
.crm-control-header {
  --crm-header-height: 322px;
  --crm-head-glass-surface: rgba(9, 17, 26, .34);
  --crm-head-glass-deep: rgba(6, 13, 21, .46);
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(600px, 1.86fr) minmax(172px, .5fr) minmax(250px, .82fr);
  gap: 14px;
  align-items: stretch;
  min-width: 0;
  border-radius: 14px;
  background: transparent;
  animation: none;
}

/* Preserve the Jarvis track; Arbeitsstatus takes both former KPI tracks. */
.crm-control-header > .crm-status-cockpit { grid-column: 2 / 4; }

.crm-control-header > .crm-control-main,
.crm-control-header > .crm-kpi-cockpit {
  box-sizing: border-box;
  height: var(--crm-header-height);
  min-height: var(--crm-header-height);
}

.crm-control-header > .crm-control-main,
.crm-control-header > .crm-kpi-cockpit {
  border: 1px solid var(--glass-line);
  outline: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .025) 30%, var(--crm-head-glass-surface) 72%, var(--crm-head-glass-deep));
  backdrop-filter: blur(20px) saturate(1.08);
  -webkit-backdrop-filter: blur(20px) saturate(1.08);
  animation: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), inset 0 -1px 0 rgba(0, 0, 0, .22), 0 18px 40px rgba(0,0,0,.18);
}

/* Die linke Karte bleibt erhalten; die Kante des Jarvis-Motivs darf nicht als Kartenlinie erscheinen. */
.crm-control-header > .crm-control-main {
  border: 1px solid var(--glass-line);
  outline: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .025) 30%, var(--crm-head-glass-surface) 72%, var(--crm-head-glass-deep));
  backdrop-filter: blur(20px) saturate(1.08);
  -webkit-backdrop-filter: blur(20px) saturate(1.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), inset 0 -1px 0 rgba(0, 0, 0, .22), 0 18px 40px rgba(0,0,0,.18);
}

/* Die beiden Jarvis-Varianten dürfen keine rechteckige Glasfläche erben. */
.jarvis-crm-command,
.jarvis-crm-command .jarvis-crm-visual,
.jarvis-crm-command.is-mini-dock,
.jarvis-crm-command.is-mini-dock .jarvis-crm-visual {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.brand,
.brand:hover,
.brand:focus-visible {
  background: transparent !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

.jarvis-crm-command.is-mini-dock,
.jarvis-crm-command.is-mini-dock .jarvis-core {
  width: 98px;
}

.donut-imported { stroke: var(--jarvis); }
.donut-track { stroke: rgba(82, 227, 212, .16); }

.workspace .table-wrap,
.workspace table,
.workspace th,
.workspace td,
.social-channel-card,
.social-draft-form,
.social-week-plan,
.social-draft-photo-upload,
.social-draft-title-input,
.social-draft-copy-input,
.social-image-brief-input,
.local-rules,
.compliance,
.demo-source,
.listing-report-row,
.attachment-list a,
.lead-action-note,
.crm-metric {
  border-color: rgba(173, 235, 229, .16);
  background: rgba(7, 18, 22, .66);
  backdrop-filter: blur(8px) saturate(.86);
  -webkit-backdrop-filter: blur(8px) saturate(.86);
}

.workspace th {
  color: #d9fffa;
  background: rgba(5, 28, 31, .80);
}

/* Leere Zustände sind Arbeitsflächen, keine alten grauen Platzhalter. */
.workspace .empty,
.listing-report-list .empty,
.social-week-plan .empty,
.mailbox-provider-results .empty {
  color: #b6d2ce;
  border-color: rgba(173, 235, 229, .22);
  background: rgba(7, 18, 22, .66);
  backdrop-filter: blur(8px) saturate(.86);
  -webkit-backdrop-filter: blur(8px) saturate(.86);
}

.mailbox-card,
.mailbox-metrics,
.mailbox-metrics div {
  border-color: rgba(173, 235, 229, .16);
  background: rgba(7, 18, 22, .66);
  backdrop-filter: blur(8px) saturate(.86);
  -webkit-backdrop-filter: blur(8px) saturate(.86);
}

.mailbox-card > b,
.mailbox-metrics strong {
  color: var(--jarvis);
}

.crm-control-main .crm-pipeline-actions .crm-primary-action {
  border-color: rgba(255, 255, 255, .34);
  background: linear-gradient(135deg, rgba(255, 255, 255, .17), rgba(255, 255, 255, .045) 42%, rgba(7, 18, 26, .46));
  color: #f3fbfa;
  box-shadow: inset 0 1px rgba(255,255,255,.18), 0 7px 16px rgba(0,0,0,.14);
}

/* Kopfsteuerung: alle fünf Wege besitzen den Jarvis-Grundkörper. */
.crm-control-main .crm-pipeline-actions > .crm-jarvis-settings,
.crm-control-main .crm-pipeline-actions .crm-nav--header button,
.crm-control-main .crm-pipeline-actions .crm-primary-action,
.crm-calendar-toolbar #newOutlookEvent {
  color: #edf7f6;
  border: 1px solid rgba(255, 255, 255, .30);
  background: linear-gradient(135deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, .025) 42%, rgba(7, 18, 26, .42));
  box-shadow: inset 0 1px rgba(255,255,255,.16), 0 6px 14px rgba(0,0,0,.12);
  backdrop-filter: blur(14px) saturate(1.04);
  -webkit-backdrop-filter: blur(14px) saturate(1.04);
}

.crm-control-main .crm-pipeline-actions .crm-nav--header button.active {
  color: #effffc;
  border-color: var(--jarvis);
  background: linear-gradient(135deg, rgba(255, 255, 255, .18), rgba(82, 227, 212, .055) 46%, rgba(7, 18, 26, .45));
  box-shadow: inset 0 -2px var(--jarvis), inset 0 1px rgba(255,255,255,.18), 0 6px 14px rgba(0,0,0,.12);
}

.crm-control-main .crm-pipeline-actions > .crm-jarvis-settings:hover,
.crm-control-main .crm-pipeline-actions .crm-nav--header button:hover,
.crm-control-main .crm-pipeline-actions .crm-primary-action:hover,
.crm-calendar-toolbar #newOutlookEvent:hover {
  border-color: var(--jarvis);
  background: linear-gradient(135deg, rgba(255, 255, 255, .21), rgba(82, 227, 212, .07) 45%, rgba(7, 18, 26, .46));
}

.crm-control-header > .crm-control-main::before,
.crm-control-header > .crm-control-main::after,
.crm-control-header > .crm-kpi-cockpit::before,
.crm-control-header > .crm-kpi-cockpit .crm-pipeline-metrics::before { content: none; }

@keyframes vexaro-star-orbit {
  from { transform: rotate(0deg) scale(1.04); }
  to { transform: rotate(360deg) scale(1.04); }
}

@keyframes vexaro-depth-orbit {
  from { transform: rotate(360deg) scale(1.03); }
  to { transform: rotate(0deg) scale(1.03); }
}

@keyframes vexaro-light-orbit {
  from { transform: rotate(0deg) scale(1.08); }
  to { transform: rotate(360deg) scale(1.08); }
}

@keyframes vexaro-light-pulse {
  0%, 100% { opacity: .42; }
  50% { opacity: .62; }
}

@keyframes vexaro-shooting-star {
  0%, 78% { opacity: 0; transform: translate3d(0, 0, 0) rotate(-18deg); }
  79% { opacity: 0; }
  80% { opacity: .68; }
  84% { opacity: 0; transform: translate3d(138vw, 47vh, 0) rotate(-18deg); }
  100% { opacity: 0; transform: translate3d(138vw, 47vh, 0) rotate(-18deg); }
}

@keyframes vexaro-earth-day-cycle {
  from { transform: translate3d(-7%, 0, 0); }
  to { transform: translate3d(7%, 0, 0); }
}

@keyframes vexaro-earth-rotation {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-66.666667%, 0, 0); }
}

@media (prefers-reduced-motion: reduce) {
  .galaxy-star-parallax, .galaxy-star-depth, .galaxy-light-flow, .earth-globe-surface, .earth-globe::after, .earth-shooting-star { animation: none; transform: none; }
}

.crm-control-header > .crm-control-main { padding: 12px 16px 14px; }

.crm-control-main .crm-pipeline-bars {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(320px, 1fr);
  grid-template-areas: "actions actions" "jarvis ring" "hud ring";
  grid-template-rows: 36px minmax(0, 1fr) 42px;
  gap: 7px clamp(14px, 2vw, 32px);
  width: min(100%, 980px);
  height: 100%;
  margin-inline: auto;
  min-height: 0;
  padding: 0;
}

.crm-control-main .crm-pipeline-actions {
  grid-area: actions;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  width: calc(100% - 32px);
  justify-self: center;
  gap: 8px;
  transform: translateX(-13px);
}

.crm-control-main .crm-pipeline-actions > * { min-width: 0; }
.crm-control-main .crm-pipeline-actions > .crm-jarvis-settings { width: 100% !important; min-width: 0; }
.crm-control-main .crm-pipeline-actions .crm-nav--header { display: contents; }
.crm-control-main .crm-pipeline-actions .crm-nav--header button { width: 100%; min-width: 0; padding-inline: 6px !important; font-size: 10px !important; }
.crm-control-main .crm-pipeline-actions .crm-primary-action {
  display: grid;
  place-items: center;
  width: 100% !important;
  min-width: 0;
  min-height: 40px;
  padding: 2px 6px !important;
  white-space: normal;
  font-size: 10px !important;
  line-height: 1.05;
  text-align: center;
}

.crm-control-main .crm-pipeline-actions .crm-nav--header button,
.crm-control-main .crm-pipeline-actions .crm-primary-action,
.crm-control-main .crm-pipeline-actions > .crm-jarvis-settings { min-height: 36px; padding-inline: 9px; font-size: 11px; }

.crm-control-main .jarvis-crm-command { grid-area: jarvis; min-height: 0; justify-self: center; align-self: center; transform: translate(-8px, 18px); }
.crm-control-main .jarvis-crm-command .jarvis-core { width: clamp(220px, 16.5vw, 246px); }

.crm-control-main .jarvis-session-hud {
  position: static;
  z-index: 2;
  grid-area: hud;
  align-self: end;
  justify-self: start;
  width: 64px;
  min-height: 0;
  padding: 9px 6px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 7px;
  align-items: start;
  justify-items: start;
  transform: none;
}
.crm-control-main .jarvis-session-hud.is-active { transform: none; }
.crm-control-main .jarvis-session-hud .jarvis-mic-indicator { width: 32px; height: 32px; }
.crm-control-main .jarvis-session-hud .jarvis-session-stat { width: 100%; gap: 3px; }
.crm-control-main .jarvis-session-hud .jarvis-session-divider { width: 100%; height: 1px; }

.crm-control-main .crm-pipeline-vector {
  grid-area: ring;
  align-self: center;
  justify-self: center;
  width: min(96%, 450px);
  height: 236px;
  transform: none;
}

.crm-kpi-cockpit {
  position: relative;
  isolation: isolate;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--glass-line);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .025) 30%, var(--crm-head-glass-surface) 72%, var(--crm-head-glass-deep));
  box-shadow: inset 0 1px rgba(255,255,255,.18), inset 0 -1px rgba(0,0,0,.22), 0 18px 40px rgba(0,0,0,.18);
  backdrop-filter: blur(20px) saturate(1.08);
  -webkit-backdrop-filter: blur(20px) saturate(1.08);
}

.crm-kpi-cockpit::before {
  content: none;
  position: absolute;
  inset: -58%;
  z-index: 0;
  opacity: .92;
  background: conic-gradient(from 210deg at 55% 48%, transparent 0 35%, rgba(82, 227, 212, .09) 46%, transparent 60% 100%);
  animation: jarvis-sheen 15s linear infinite;
}

.crm-kpi-cockpit .crm-pipeline-metrics {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, minmax(0, 1fr));
  gap: 1px;
  width: 100%;
  height: 100%;
  margin: 0;
  border: 0;
  background: transparent;
}

.crm-kpi-cockpit .crm-pipeline-metrics::before {
  content: none;
  position: absolute;
  inset: -72%;
  z-index: 0;
  opacity: .68;
  pointer-events: none;
  background: conic-gradient(from 210deg at 55% 48%, transparent 0 35%, rgba(82, 227, 212, .13) 46%, transparent 60% 100%);
  animation: jarvis-sheen 15s linear infinite;
}

.crm-kpi-cockpit .crm-metric {
  position: relative;
  z-index: 1;
  min-width: 0;
  min-height: 0;
  padding: 13px 15px;
  align-content: center;
  gap: 7px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .17);
  background: linear-gradient(135deg, rgba(255, 255, 255, .10), rgba(255, 255, 255, .018) 44%, rgba(4, 12, 20, .27));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
}

.crm-kpi-cockpit .crm-metric span {
  color: #cddbdc;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.crm-kpi-cockpit .crm-metric strong { flex: 0 0 auto; color: #f3ead9; font-size: 29px; }
.crm-kpi-cockpit .crm-metric-value-row { align-items: center; gap: 11px; min-height: 30px; }

.crm-kpi-cockpit .crm-metric small {
  display: -webkit-box;
  overflow: hidden;
  color: #c8d8d8 !important;
  font-size: 11px;
  line-height: 1.25;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.crm-kpi-cockpit .crm-metric-open {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  width: 100%;
  min-height: 50px;
  padding: 8px 10px;
  gap: 10px;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 4px;
  color: var(--text);
  background: rgba(4, 12, 20, .24);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.crm-kpi-cockpit .crm-metric-open:hover,
.crm-kpi-cockpit .crm-metric-open:focus-visible {
  border-color: rgba(82, 227, 212, .62);
  background: rgba(82, 227, 212, .055);
  outline: none;
}
.crm-kpi-cockpit .crm-metric-open.has-items strong {
  color: #f3fffd;
  animation: crm-metric-attention 5.8s ease-in-out infinite;
}
@keyframes crm-metric-attention {
  0%, 100% { text-shadow: 0 0 5px rgba(82, 227, 212, .2); }
  50% { text-shadow: 0 0 13px rgba(82, 227, 212, .48); }
}
@media (prefers-reduced-motion: reduce) {
  .crm-kpi-cockpit .crm-metric-open.has-items strong { animation: none; text-shadow: 0 0 7px rgba(82, 227, 212, .26); }
}

.crm-metric-modal .crm-metric-window {
  width: min(520px, 100%);
  max-height: min(720px, calc(100vh - 28px));
  border: 1px solid rgba(82, 227, 212, .42);
  background: rgba(7, 18, 22, .96);
}
.crm-metric-modal .document-editor-window-header { border-bottom-color: rgba(82, 227, 212, .2); background: rgba(5, 28, 31, .82); }
.crm-metric-modal .document-editor-window-header h2 { font-size: 19px; }
.crm-metric-modal .customer-detail-close { color: var(--jarvis-strong); border-color: rgba(82, 227, 212, .4); background: transparent; }
.crm-metric-modal .crm-metric-content { padding: 10px 18px 16px; background: transparent; }
.crm-metric-entry-list { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.crm-metric-entry-list li + li { border-top: 1px solid rgba(82, 227, 212, .14); }
.crm-metric-entry-list button {
  width: 100%;
  min-height: 42px;
  padding: 10px 4px;
  border: 0;
  color: #e8f8f5;
  background: transparent;
  font-size: 12px;
  line-height: 1.4;
  text-align: left;
  overflow-wrap: anywhere;
  white-space: normal;
  cursor: pointer;
}
.crm-metric-entry-list button:hover,
.crm-metric-entry-list button:focus-visible { color: var(--jarvis-strong); background: rgba(82, 227, 212, .08); outline: none; }
.crm-metric-entry-actions { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 4px 10px; }
.crm-metric-entry-actions button,
.crm-metric-move-form button { width: auto; min-height: 30px; padding: 4px 10px; border: 1px solid rgba(82, 227, 212, .46); border-radius: 4px; color: #d9fffa; background: rgba(7, 35, 38, .8); font-size: 11px; text-align: center; }
.crm-metric-entry-actions button:first-child { border-color: rgba(126, 213, 171, .55); }
.crm-metric-confirm { display: flex; flex: 1 0 100%; flex-wrap: wrap; align-items: center; gap: 8px; color: var(--text); font-size: 11px; }
.crm-metric-move-form { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 0 4px 10px; }
.crm-metric-move-form input { min-width: 0; min-height: 30px; padding: 4px 6px; color: var(--text); border: 1px solid var(--glass-line); border-radius: 4px; background: rgba(7, 18, 22, .9); font-size: 11px; }
.crm-metric-move-form input[type="date"] { flex: 1 1 142px; }
.crm-metric-move-form input[type="time"] { flex: 0 1 104px; }
.crm-metric-entry-actions button:focus-visible,
.crm-metric-move-form button:focus-visible,
.crm-metric-move-form input:focus-visible { outline: 2px solid var(--jarvis-strong); outline-offset: 2px; }
.crm-metric-empty { margin: 16px 0; color: var(--muted); font-size: 12px; }

.crm-status-cockpit { display: grid; grid-template-rows: auto auto 5px minmax(0, 1fr); gap: 4px; padding: 10px 14px; }
.crm-status-cockpit-heading { position: relative; z-index: 1; display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding-bottom: 7px; border-bottom: 1px solid rgba(82, 227, 212, .2); }
.crm-status-cockpit-heading span { color: var(--jarvis-strong); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.crm-status-cockpit-heading strong { color: #e8f8f5; font-size: 12px; white-space: nowrap; }
.crm-status-scope { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3px; padding: 2px; border: 1px solid rgba(82, 227, 212, .2); border-radius: 7px; background: rgba(0, 0, 0, .18); }
.crm-status-scope button { min-width: 0; min-height: 24px; padding: 2px 4px; border: 0; border-radius: 5px; background: transparent; color: #b7c5c3; font: inherit; font-size: 10px; font-weight: 700; cursor: pointer; }
.crm-status-scope button[aria-pressed="true"] { background: rgba(82, 227, 212, .17); color: #e8f8f5; }
.crm-status-scope button:hover, .crm-status-scope button:focus-visible { color: #fff; outline: 1px solid var(--jarvis-strong); outline-offset: -1px; }
.crm-status-progress { position: relative; z-index: 1; height: 6px; overflow: hidden; border: 1px solid rgba(82, 227, 212, .2); border-radius: 999px; background: rgba(0,0,0,.28); }
.crm-status-progress i { display: block; width: var(--crm-status-progress, 0%); height: 100%; border-radius: inherit; background: linear-gradient(90deg, #23877f, var(--jarvis-strong)); box-shadow: 0 0 12px rgba(82, 227, 212, .72); transition: width .5s ease; }
.crm-status-progress-detail { position: relative; z-index: 1; color: #93aaa7; font-size: 9px; line-height: 1.1; }
.crm-status-chart { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(4, minmax(0, 1fr)); grid-auto-flow: column; gap: 6px 10px; min-height: 0; height: 100%; }
.crm-status-chart-row { display: grid; align-content: center; gap: 2px; min-width: 0; width: 100%; padding: 0; border: 0; color: inherit; background: transparent; font: inherit; text-align: left; cursor: pointer; }
.crm-status-chart-row:hover .crm-status-chart-meta,
.crm-status-chart-row:focus-visible .crm-status-chart-meta { color: var(--jarvis-strong); }
.crm-status-chart-row:focus-visible { outline: 1px solid var(--jarvis-strong); outline-offset: 3px; }
.crm-status-chart-row[aria-pressed="true"] .crm-status-chart-meta { color: var(--jarvis-strong); }
.crm-status-chart-meta { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; color: #b7c5c3; font-size: 10px; line-height: 1.1; }
.crm-status-chart-meta strong { color: #e7f4f2; font-size: 11px; }
.crm-status-chart-track { height: 4px; overflow: hidden; border: 1px solid rgba(255,255,255,.06); border-radius: 999px; background: rgba(0,0,0,.28); }
.crm-status-chart-track i { display: block; width: max(2px, var(--status-width)); height: 100%; border-radius: inherit; background: #769a96; box-shadow: 0 0 10px currentColor; }
.crm-status-chart-row.is-green .crm-status-chart-track i { color: #8edaa4; background: #69b983; }
.crm-status-chart-row.is-orange .crm-status-chart-track i { color: #f0a05f; background: #d57738; }
.crm-status-chart-row.is-blue .crm-status-chart-track i { color: #86d9ed; background: #4195b0; }
.crm-status-chart-row.is-amber .crm-status-chart-track i { color: #ead281; background: #c5a545; }
.crm-status-chart-row.is-teal .crm-status-chart-track i { color: #87e7e2; background: #39a6a3; }
.crm-status-chart-row.is-followup .crm-status-chart-track i { color: #ee9dea; background: #b652af; }
.crm-status-chart-row.is-first-meeting .crm-status-chart-track i { color: #abb9ff; background: #4b5fc0; }
.crm-status-chart-row.is-appointment-set .crm-status-chart-track i { color: #8eeaf7; background: #167f9b; }
.crm-status-chart-row.is-offer-sent .crm-status-chart-track i { color: #92c4ff; background: #1659a8; }
.crm-status-chart-row.is-negotiation .crm-status-chart-track i { color: #ffc77a; background: #9a4f00; }
.crm-status-chart-row.is-won .crm-status-chart-track i { color: #83e8b7; background: #1e8b5b; }
.crm-status-chart-row.is-violet .crm-status-chart-track i { color: #cca5e6; background: #8455a2; }
.crm-status-chart-row.is-copper .crm-status-chart-track i { color: #f0af8a; background: #b8613f; }
.crm-status-chart-row.is-mauve .crm-status-chart-track i { color: #d6a6c2; background: #a97c95; }
.crm-status-chart-row.is-graphite .crm-status-chart-track i { color: #ff3f4d; background: #df1728; }

@media (max-width: 1320px) {
  .crm-control-header {
    --crm-header-height: 322px;
    grid-template-columns: minmax(600px, 1.86fr) minmax(172px, .5fr) minmax(250px, .82fr);
    gap: 12px;
  }
  .crm-control-main .crm-pipeline-bars {
    grid-template-columns: minmax(260px, .86fr) minmax(320px, 1.14fr);
    gap-inline: clamp(14px, 1.5vw, 24px);
    width: min(100%, 760px);
  }
  .crm-control-main .jarvis-crm-command .jarvis-core { width: 222px; }
  .crm-control-main .crm-pipeline-vector { width: min(92%, 390px); height: 212px; }
  .crm-kpi-cockpit .crm-metric { padding: 11px 12px; }
  .crm-kpi-cockpit .crm-metric strong { font-size: 26px; }
}

@media (max-width: 1080px) {
  .crm-control-header { --crm-header-height: auto; grid-template-columns: minmax(0, 1fr); }
  .crm-control-header > .crm-status-cockpit { grid-column: auto; }
  .crm-control-header > .crm-control-main,
  .crm-control-header > .crm-kpi-cockpit { height: auto; min-height: 0; }
  .crm-control-main .crm-pipeline-bars { grid-template-columns: minmax(220px, .78fr) minmax(300px, 1.22fr); }
  .crm-kpi-cockpit .crm-pipeline-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(74px, auto)); }
  .crm-status-cockpit { min-height: 250px; }
}

@media (max-width: 700px) {
  .crm-control-main .crm-pipeline-bars {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "actions" "jarvis" "hud" "ring";
    grid-template-rows: auto auto auto;
  }
  .crm-control-main .crm-pipeline-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .crm-control-main .crm-pipeline-actions .crm-nav--header { display: contents; }
  .crm-control-main .jarvis-crm-command .jarvis-core { width: min(76vw, 250px); }
  .crm-control-main .crm-pipeline-vector { height: 230px; }
  .crm-kpi-cockpit .crm-pipeline-metrics { grid-template-columns: 1fr; grid-template-rows: repeat(4, minmax(72px, auto)); }
}

.crm-followup-sidebar {
  --crm-head-glass-surface: rgba(9, 17, 26, .34);
  --crm-head-glass-deep: rgba(6, 13, 21, .46);
  padding: 8px;
}
.crm-followup-sidebar .crm-pipeline-metrics {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: repeat(4, auto);
  gap: 6px;
  height: auto;
}
.crm-followup-sidebar .crm-metric {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.crm-followup-sidebar .crm-metric-open { min-height: 48px; padding: 10px 12px; border-radius: 7px; }
.crm-followup-sidebar .crm-metric strong { font-size: 22px; }
.crm-followup-sidebar .crm-metric span { letter-spacing: .04em; }

/* Einheitliche Jarvis-Oberfläche: Glas statt der alten grauen und goldenen Arbeitsflächen. */
.brand,
.brand:hover,
.brand:focus-visible {
  border-bottom-color: transparent;
  outline: 0;
  box-shadow: none;
}

.agent-card.selected,
.agent-card.is-crm-chief {
  outline-color: transparent;
  background: rgba(7, 18, 22, .66);
  box-shadow: none;
}

.headquarter-switch.active:not(.is-jarvis),
.agent-switch.active {
  background: rgba(82, 227, 212, .10);
  border-color: var(--jarvis);
}

.crm-overview,
.crm-manual-lead,
.crm-import-leads,
.customer-lifecycle-toolbar,
.customer-create-form,
.customer-record,
.customer-lifecycle-toggle,
.customer-data-overview,
.customer-data-edit,
.customer-inline-followup,
.customer-logo-upload,
.customer-offer-addons,
.customer-onedrive-setup,
.commercial-document,
.customer-history-list > div,
.outlook-event-date-summary,
.crm-outlook-setup input,
.crm-calendar-item,
.social-week-slot,
.social-draft,
.social-image-brief,
.mailbox-provider-results li,
.mailbox-review,
.jarvis-connection-state,
.jarvis-security-note,
.jarvis-calendar-access,
.jarvis-calendar-action-flow,
.jarvis-memory-row,
.jarvis-memory-empty,
.jarvis-action-item,
.jarvis-api-boundary {
  border-color: var(--glass-line);
  background: linear-gradient(135deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .03) 28%, var(--glass-surface) 72%, var(--glass-surface-deep));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), inset 0 -1px 0 rgba(0, 0, 0, .20);
  backdrop-filter: blur(18px) saturate(1.08);
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
}

.customer-record-summary:hover,
.crm-calendar-item:hover {
  background: rgba(11, 42, 45, .76);
  border-color: rgba(82, 227, 212, .62);
}

.crm-calendar-item.is-outlook {
  color: #fff;
  border-left-color: var(--outlook-category-color, #6f8fb2);
  background: linear-gradient(115deg,
    color-mix(in srgb, var(--outlook-category-color, #6f8fb2) 56%, #101a20),
    color-mix(in srgb, var(--outlook-category-color, #6f8fb2) 42%, #101a20));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.crm-calendar-item.is-completed,
.crm-calendar-item.is-completed:hover {
  color: #b9d0cc;
  border-left-color: #6e938a;
  background: rgba(22, 46, 47, .72);
  box-shadow: none;
}

.crm-calendar-item.is-outlook:hover,
.crm-calendar-item.is-outlook:focus-visible {
  color: #fff;
  border-left-color: var(--outlook-category-color, #6f8fb2);
  background: linear-gradient(115deg,
    color-mix(in srgb, var(--outlook-category-color, #6f8fb2) 60%, #101a20),
    color-mix(in srgb, var(--outlook-category-color, #6f8fb2) 46%, #101a20));
  box-shadow: inset 0 0 0 1px var(--outlook-category-color, #6f8fb2), 0 2px 8px rgba(0, 0, 0, .34);
}

.crm-calendar-item.is-outlook:focus-visible { outline: 2px solid #fff; outline-offset: 1px; }

.overview-metrics,
.metric-card,
#agentWorkspace #webSearchSource,
#agentWorkspace table,
.crm-table-wrap table,
.workspace input,
.workspace select,
.workspace textarea {
  border-color: var(--glass-line);
  background: linear-gradient(135deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .025) 30%, var(--glass-surface) 72%, var(--glass-surface-deep));
}

.metric-card,
#agentWorkspace #webSearchSource {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), inset 0 -1px 0 rgba(0, 0, 0, .20);
  backdrop-filter: blur(18px) saturate(1.08);
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
}

.overview-metrics {
  gap: 1px;
}

.crm-calendar-day.is-today > header {
  box-shadow: inset 0 0 0 2px rgba(82, 227, 212, .78);
  background: rgba(11, 31, 35, .74);
}

.crm-calendar-day.is-today > header strong {
  padding: 0;
  border: 0;
  border-radius: 0;
  color: var(--jarvis-strong);
  background: transparent;
}

.crm-calendar-day.is-today > header strong small {
  width: fit-content;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: var(--jarvis-strong);
  background: transparent;
}

.crm-calendar-now-line--week {
  color: #ddb153;
  background: rgba(221, 177, 83, .76);
}

.crm-calendar-now-line--week::before {
  background: rgba(221, 177, 83, .86);
}

.customer-lifecycle-filters button.active,
.customer-lifecycle-toggle input:checked + .customer-lifecycle-switch {
  color: #062e2c;
  border-color: var(--jarvis);
  background: var(--jarvis);
}

.customer-lifecycle-toggle input:checked + .customer-lifecycle-switch::after {
  background: #eaffff;
}

.crm-calendar-toolbar .primary,
.crm-outlook-connect,
.crm-outlook-setup button,
.customer-create-actions button,
.crm-heading-actions .crm-primary-action,
.customer-detail-edit,
.customer-logo-upload-button,
.customer-onedrive-open,
.customer-onedrive-provision,
.privacy-onedrive-save,
.commercial-document-new,
.commercial-draft-create,
.commercial-excel-download,
.customer-audit-start,
.customer-save,
.customer-assign {
  color: #062e2c;
  border-color: var(--jarvis);
  background: var(--jarvis);
}

.crm-calendar-toolbar #newOutlookEvent {
  box-sizing: border-box;
  flex: 0 0 clamp(108px, 8.4vw, 154px);
  min-height: 36px;
  padding: 0 9px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: center;
  white-space: normal;
}
.crm-calendar-toolbar #newOutlookEvent:focus-visible { outline: 2px solid var(--jarvis); outline-offset: 2px; }
.crm-calendar-toolbar #newOutlookEvent:disabled { opacity: .55; cursor: not-allowed; }

/* Die Galaxie läuft unter der Seitenleiste weiter; nur die nutzbaren Karten tragen Glas. */
.sidebar {
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.sidebar .agent-switch,
.sidebar .backup-sidebar {
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .025) 30%, var(--glass-surface) 72%, var(--glass-surface-deep));
  border-color: var(--glass-line);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), inset 0 -1px 0 rgba(0, 0, 0, .20), 0 10px 22px rgba(0, 0, 0, .14);
  backdrop-filter: blur(18px) saturate(1.08);
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
}

.sidebar .agent-switch.active {
  background: linear-gradient(135deg, rgba(255, 255, 255, .16), rgba(82, 227, 212, .055) 38%, rgba(6, 16, 23, .52));
  border-color: var(--jarvis);
}

/* Das VEXARO-Logo scrollt mit den Karten; nur die Mini-Assistenz bleibt fest. */
.sidebar { padding-top: 16px; }
.sidebar .brand {
  position: static;
  top: auto;
  right: auto;
  left: auto;
  z-index: auto;
  display: grid;
  place-items: center;
  width: 118px;
  height: 118px;
  min-height: 118px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent !important;
}

.sidebar .brand > * { display: none; }
.sidebar .brand > .brand-logo { display: block; width: 118px; height: 118px; }
.sidebar .brand::before { content: none; }
.sidebar .brand:hover,
.sidebar .brand:focus-visible { outline: 0; filter: drop-shadow(0 0 8px rgba(82, 227, 212, .45)); }

/* Mini-Jarvis schwebt separat ueber den Karten, ohne die Navigation zu verdecken. */
.jarvis-crm-command.is-mini-dock { left: 148px; top: 16px; }

@media (max-width: 1600px) and (min-width: 1081px) {
  .sidebar { padding-top: 18px; }
  .sidebar .brand { width: 92px; height: 92px; min-height: 92px; }
  .sidebar .brand > .brand-logo { width: 92px; height: 92px; }
  .jarvis-crm-command.is-mini-dock { left: 112px; top: 16px; }
}

@media (max-width: 1080px) {
  .app-shell { grid-template-columns: minmax(0, 1fr); }
  .sidebar, .workspace { min-width: 0; max-width: 100%; }
  .sidebar { grid-template-columns: minmax(0, 1fr) minmax(200px, .45fr); padding-top: 18px; }
  .sidebar .brand { grid-column: 1; grid-row: 1; width: 92px; height: 92px; min-height: 92px; }
  .sidebar .brand > .brand-logo { width: 92px; height: 92px; }
  .sidebar .human-access-panel { grid-column: 2; grid-row: 1; }
  .sidebar .agent-switcher { grid-column: 1; grid-row: 2; }
  .sidebar .backup-sidebar { grid-column: 2; grid-row: 2; }
  .jarvis-crm-command.is-mini-dock { left: 112px; top: 16px; }
}

@media (max-width: 700px) {
  .sidebar .agent-switcher,
  .sidebar .backup-sidebar { width: 100%; }
  .sidebar .brand { width: 76px; height: 76px; min-height: 76px; }
  .sidebar .brand > .brand-logo { width: 76px; height: 76px; }
  .jarvis-crm-command.is-mini-dock { left: 104px; top: 14px; }
}

/* Guided commercial document workflow; all controls remain usable at small widths. */
.workflow-panel { padding: 22px; border: 1px solid var(--glass-line); border-radius: 20px; background: linear-gradient(135deg,rgba(255,255,255,.10),rgba(12,39,44,.85)); }
.workflow-panel h3,.workflow-panel h4 { margin: 4px 0 7px; }
.workflow-panel-head { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-bottom:18px; }
.workflow-panel-head p,.workflow-offer p { margin:5px 0; color:var(--muted); line-height:1.5; }
.workflow-eyebrow { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.13em; color:#d8b76d; }
.workflow-primary,.workflow-secondary,.workflow-link { border-radius:10px; cursor:pointer; font:inherit; }
.workflow-primary { padding:12px 17px; border:1px solid #e7c879; background:linear-gradient(135deg,#e4c47b,#ba9450); color:#142c32; font-weight:750; }
.workflow-secondary { padding:9px 12px; border:1px solid var(--glass-line); background:rgba(255,255,255,.07); color:inherit; }
.workflow-link { padding:6px 0; border:0; background:none; color:#e5c780; text-align:left; }
.workflow-panel button:disabled { opacity:.45; cursor:not-allowed; }
.workflow-paths { display:grid; grid-template-columns:1fr 1.7fr 1.3fr; gap:10px; margin-bottom:20px; }
.workflow-paths span { padding:12px; background:rgba(4,26,31,.42); border:1px solid var(--glass-line); border-radius:10px; font-size:12px; line-height:1.6; }
.workflow-paths b { display:block; color:#d8b76d; }
.workflow-offers { display:grid; gap:18px; }
.workflow-offer { border:1px solid var(--glass-line); background:rgba(6,29,35,.50); border-radius:16px; padding:20px; min-width:0; }
.workflow-offer header { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
.workflow-lock { color:#b9d0cf; font-size:11px; border:1px solid rgba(171,205,200,.2); border-radius:20px; padding:5px 8px; white-space:nowrap; }
.workflow-amount { font-size:19px; font-weight:650; margin:16px 0; overflow-wrap:anywhere; }
.workflow-steps { display:flex; flex-wrap:wrap; list-style:none; padding:0; margin:18px 0; gap:16px; font-size:12px; }
.workflow-steps li { display:flex; align-items:center; gap:7px; color:#90a8aa; }
.workflow-steps li span { display:grid; place-items:center; border:1px solid #6d888b; border-radius:50%; width:24px; height:24px; }
.workflow-steps .is-complete { color:#9dd7c3; }.workflow-steps .is-complete span { border-color:#72b99e; }.workflow-steps .is-current { color:#e5c780; }.workflow-steps .is-current span { border-color:#d5b66f; }
.workflow-next { display:flex; justify-content:space-between; gap:14px; align-items:center; background:rgba(142,116,62,.11); border:1px solid rgba(220,188,113,.35); border-radius:12px; padding:14px; }
.workflow-next strong,.workflow-next small,.workflow-next span { display:block; }.workflow-next small { font-size:10px;color:#c3b28c;margin-bottom:5px; }.workflow-next span { font-size:12px;color:#adbdbe;line-height:1.5;margin-top:5px; }
.workflow-tools,.workflow-privacy { display:flex; flex-wrap:wrap; align-items:center; gap:15px; margin-top:13px; font-size:12px; }.workflow-privacy { padding-top:12px; border-top:1px solid var(--glass-line); }
.workflow-muted { color:#a8babe; font-size:12px; }.workflow-warning { color:#f0cf8b; line-height:1.6; }
.workflow-panel details { border-top:1px solid var(--glass-line); padding:14px 0 0; margin-top:16px; }.workflow-panel summary { cursor:pointer; font-size:13px; font-weight:650; }.workflow-panel details p { font-size:12px;color:#adbdbe;line-height:1.6; }
.workflow-history>div,.workflow-unbound>div { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:12px 0; border-bottom:1px solid var(--glass-line); }.workflow-history small,.workflow-unbound small { display:block;color:#a8babe;font-size:11px;line-height:1.6; }
.workflow-empty { padding:28px 18px;text-align:center;background:rgba(0,0,0,.15);border:1px dashed rgba(213,184,112,.35);border-radius:14px; }.workflow-empty p,.workflow-empty span { color:#aec0c2;font-size:13px;line-height:1.7; }
.workflow-billing-fields { border:1px solid var(--glass-line); border-radius:12px; padding:18px; margin:14px 0; display:grid; grid-template-columns:1fr 1fr;gap:14px; }.workflow-billing-fields label,.workflow-invoice-period,.workflow-contract label { display:grid; gap:7px;font-size:13px; }.workflow-billing-fields small,.workflow-billing-fields p { grid-column:1/-1;line-height:1.6;color:#a9bdbf; }.workflow-billing-fields input,.workflow-billing-fields select,.workflow-invoice-period input,.workflow-contract input { min-width:0;border:1px solid var(--glass-line);padding:11px;border-radius:8px;background:#102e35;color:#ecf0ef;font:inherit; }
.workflow-source-items>div { display:flex; justify-content:space-between; gap:12px;padding:12px 0;border-bottom:1px solid var(--glass-line);font-size:13px; }.workflow-source-items small { display:block;color:#a9bdbf;margin-top:5px; }.workflow-source-items b { white-space:nowrap;font-size:12px; }
.workflow-billing-due { grid-column:1/-1;margin:16px 0;padding:18px;border:1px solid rgba(213,184,112,.35);border-radius:14px;background:rgba(5,30,36,.65); }.workflow-billing-due h3 { margin:0;font-size:16px; }.workflow-billing-due p { color:#a9bdbf;font-size:12px; }.workflow-billing-due button { width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;background:transparent;border:0;border-top:1px solid var(--glass-line);color:inherit;padding:14px 0;cursor:pointer;font:inherit; }.workflow-billing-due small { display:block;color:#d3b67a;margin-top:5px; }.workflow-billing-due b { white-space:nowrap;font-size:13px; }.workflow-pending { margin:14px 0;padding:16px;border:1px solid #c5a364;border-radius:12px;display:grid;gap:8px; }
@media(max-width:720px){.workflow-panel{padding:15px}.workflow-panel-head,.workflow-next,.workflow-offer header{align-items:stretch;flex-direction:column}.workflow-paths{grid-template-columns:1fr}.workflow-offer{padding:15px}.workflow-lock{align-self:flex-start}.workflow-amount{font-size:17px}.workflow-billing-fields{grid-template-columns:1fr}.workflow-source-items>div{flex-direction:column}.workflow-billing-due button{align-items:flex-start;flex-direction:column}}

.workflow-tax-panel { margin:20px 0;padding:20px;border:1px solid var(--glass-line);border-radius:16px;background:rgba(5,30,36,.6); }.workflow-tax-panel header { display:flex;align-items:center;justify-content:space-between;gap:15px; }.workflow-tax-panel h4{margin:6px 0}.workflow-tax-panel p{color:#acc1c2;font-size:12px;line-height:1.6}.workflow-tax-entry{padding:18px 0;border-top:1px solid var(--glass-line);display:grid;gap:10px}.workflow-tax-entry label{display:flex;align-items:flex-start;gap:12px}.workflow-tax-entry input[type=checkbox]{margin-top:3px}.workflow-tax-entry small{display:block;color:#aabdbf;font-size:12px;line-height:1.6}.workflow-tax-values{font-size:13px;line-height:1.7}.workflow-tax-review{padding:16px;display:grid;gap:12px;border:1px solid var(--glass-line);border-radius:12px}.workflow-tax-review select{background:#102e35;color:#fff;padding:8px;border:1px solid var(--glass-line)}@media(max-width:720px){.workflow-tax-panel header{align-items:stretch;flex-direction:column}}

.workflow-progress{padding:10px 14px;background:#edf5f4;border-left:3px solid #a98743;font-weight:600;color:#223b3b;}

.workflow-lost{background:#f5f1f0;border-left:3px solid #a08a85;padding:12px;margin:12px 0;color:#645550;}.workflow-lost article{padding:12px 0;border-top:1px solid #ddd1ce;}.workflow-lost small{display:block;margin:6px 0;}

/* Compact customer workflow: actions and progress, documents remain in OneDrive. */
.workflow-create-actions { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px; }
.workflow-create-actions button { flex:1 1 180px; min-height:40px; font-size:12px; }
.workflow-jobs { display:grid; gap:12px; }
.workflow-job { padding:14px 0; border-top:1px solid var(--glass-line); }
.workflow-job header { display:flex; justify-content:space-between; gap:12px; align-items:baseline; }
.workflow-job header strong { font-size:13px; }
.workflow-job header small,.workflow-job-periods { color:var(--muted); font-size:11px; }
.workflow-job-steps { display:flex; flex-wrap:wrap; gap:7px 14px; padding:0; margin:10px 0; list-style:none; font-size:11px; color:var(--muted); }
.workflow-job-steps li::before { content:'○'; margin-right:5px; }
.workflow-job-steps .is-complete::before { content:'✓'; color:#56ba78; }
.workflow-job-next { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:12px; }
.workflow-job-next>span { font-weight:600; }
.workflow-job-periods { display:grid; gap:4px; margin-top:9px; }
.workflow-job .workflow-contract { margin-top:9px; font-size:11px; }
.workflow-idle { margin:0; color:var(--muted); font-size:12px; }
.customer-record-summary:focus-within { border-color:var(--accent); background:#353535; }
.customer-record-open:focus-visible { outline:2px solid var(--accent); outline-offset:4px; border-radius:10px; }
.customer-record-meta .privacy-indicator { margin-left:6px; }
@media(max-width:720px) { .workflow-job header { flex-direction:column; gap:3px; } .workflow-job-next { align-items:flex-start; flex-wrap:wrap; } }

.workflow-fixed-period { font-size:12px; margin:12px 0; color:var(--muted); }
.workflow-service-optional { margin:8px 0 14px; font-size:12px; }
.workflow-service-optional label { display:inline-flex; flex-direction:column; gap:5px; margin:10px 12px 0 0; }

 .workflow-job.workflow-job--running { background:rgba(60,114,160,.14); border:1px solid rgba(101,155,198,.32); border-left:3px solid #699dc7; border-radius:10px; padding:14px 12px; }
.workflow-job.workflow-job--due { background:rgba(172,116,50,.14); border:1px solid rgba(205,154,87,.38); border-left:3px solid #c99a61; border-radius:10px; padding:14px 12px; }
.workflow-job.workflow-job--completed { background:rgba(126,103,166,.18); border:1px solid rgba(170,143,209,.42); border-left:3px solid #aa91d0; border-radius:10px; padding:14px 12px; }
.workflow-overdue { display:block; margin-top:6px; padding-left:7px; border-left:3px solid #dd858a; color:#f0b3b8; font-size:11px; font-weight:600; }
.workflow-due-label { display:block; margin-top:5px; color:#dfba88; font-size:11px; }
.workflow-panel-head { flex-wrap:wrap; gap:12px 36px; }
.workflow-panel-head h3 { margin:0; }
.workflow-color-legend { margin-left:auto; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:9px 18px; color:var(--muted); font-size:10px; }
.workflow-color-legend>span { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
.workflow-swatch { width:7px; height:7px; border-radius:50%; display:inline-block; }
.workflow-swatch--running { background:#699dc7; }.workflow-swatch--due { background:#c99a61; }.workflow-swatch--overdue { background:#dd858a; }.workflow-swatch--completed { background:#aa91d0; }
@media(max-width:720px) { .workflow-color-legend { margin-left:0; justify-content:flex-start; gap:9px 16px; } }


.customer-detail-top-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; flex:0 1 auto; }
.customer-detail-top-actions button, .customer-detail-top-actions a { width:180px; height:40px; min-height:40px; padding:0 10px; font-size:12px; line-height:1.2; }
.customer-detail-window-header { flex-wrap:wrap; align-items:center; }
@media(max-width:720px) { .customer-detail-top-actions { width:100%; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); } .customer-detail-top-actions button, .customer-detail-top-actions a { width:100%; min-width:0; } }

.customer-data-overview .customer-type-switch { margin-bottom:8px; padding:10px 12px; border-radius:12px; background:linear-gradient(120deg,#292929,#232323); }
.customer-data-overview .customer-type-switch > span { font-size:12px; font-weight:750; }
.customer-data-overview .customer-type-switch > div { gap:4px; padding:4px; border:1px solid var(--line); border-radius:10px; background:#1e1e1e; }
.customer-data-overview .customer-type-switch button { width:112px; min-height:36px; padding:0 10px; border-radius:7px; border-color:transparent; font-size:12px; font-weight:750; }
.customer-data-overview .customer-type-switch button:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.customer-data-overview .customer-type-switch button.active { border-color:var(--accent); box-shadow:0 2px 6px #0004; }
.customer-selection-state:empty { display:none; }
.customer-selection-state { display:block; margin:8px 0; color:var(--accent); }
@media(max-width:480px) { .customer-data-overview .customer-type-switch { flex-wrap:wrap; } .customer-data-overview .customer-type-switch > div { width:100%; } .customer-data-overview .customer-type-switch button { flex:1; width:auto; } }

/* Abschließende Nutzerkorrektur: dezente, kompakte Kundenakten-Controls. */
.customer-detail-top-actions { gap:6px; }
.customer-detail-top-actions button, .customer-detail-top-actions a { width:150px; height:32px; min-height:32px; padding:0 8px; font-size:11px; font-weight:650; }
.customer-data-overview .customer-type-switch { justify-content:flex-start; gap:16px; padding:5px 0; margin-bottom:3px; border:0; border-radius:0; background:transparent; }
.customer-data-overview .customer-type-switch > span { width:92px; font-size:11px; font-weight:650; }
.customer-data-overview .customer-type-switch > div { gap:2px; padding:2px; border-radius:7px; background:#222; }
.customer-data-overview .customer-type-switch button { width:92px; min-height:28px; padding:0 8px; border-radius:5px; font-size:11px; font-weight:650; }
.customer-data-overview .customer-type-switch button.active { background:#303d3b; color:var(--accent); border-color:#4b6460; box-shadow:none; }
@media(max-width:720px) { .customer-detail-top-actions button, .customer-detail-top-actions a { width:100%; min-width:0; } }
@media(max-width:480px) { .customer-data-overview .customer-type-switch { gap:8px; } .customer-data-overview .customer-type-switch > div { width:auto; } .customer-data-overview .customer-type-switch button { flex:0 1 auto; width:92px; } }

/* Finale Nutzeranordnung: beide Auswahlen rechts nebeneinander. */
.customer-selection-controls { display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap; gap:8px 20px; margin:4px 0 12px; }
.customer-selection-controls .customer-type-switch { margin:0; gap:8px; padding:0; flex-wrap:nowrap; }
.customer-selection-controls .customer-type-switch > span { width:auto; }
@media(max-width:640px) { .customer-selection-controls { gap:8px 12px; } }

/* Auswahlen direkt in der Kundendaten-Kopfzeile. */
.customer-data-heading { display:flex; align-items:center; justify-content:space-between; gap:8px 16px; flex-wrap:wrap; }
.customer-data-heading .customer-selection-controls { margin:0; gap:8px 14px; margin-left:auto; }
.customer-data-heading .customer-type-switch button { min-height:24px; width:84px; font-size:10px; padding:0 6px; }
.customer-data-heading .customer-type-switch > span { font-size:10px; }
.customer-data-heading .customer-type-switch > div { padding:1px; }
@media(max-width:640px) { .customer-data-heading .customer-selection-controls { justify-content:flex-end; } }

.workflow-job-actions { display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.workflow-job.workflow-job--lost { background:rgba(165,28,41,.42); border:1px solid #e54050; border-left:4px solid #e54050; border-radius:10px; padding:14px 12px; }
.workflow-swatch--lost { background:#e54050; }
.workflow-loss-detail { display:grid; gap:5px; margin-top:10px; font-size:12px; }
.workflow-loss-detail span { white-space:pre-wrap; overflow-wrap:anywhere; }
.workflow-loss-detail small { color:var(--muted); font-size:11px; }
.workflow-loss-dialog { width:min(420px,calc(100vw - 36px)); box-sizing:border-box; padding:20px; border:1px solid var(--line); border-radius:12px; background:#20272a; color:var(--text); }
.workflow-loss-dialog::backdrop { background:#0009; }
.workflow-loss-dialog form { display:grid; gap:12px; }
.workflow-loss-dialog h3,.workflow-loss-dialog p { margin:0; }
.workflow-loss-dialog label { display:grid; gap:7px; font-size:12px; }
.workflow-loss-dialog textarea { width:100%; box-sizing:border-box; resize:vertical; color:var(--text); background:#151a1d; border:1px solid var(--line); border-radius:6px; padding:8px; font:inherit; }
.workflow-loss-dialog textarea:focus-visible { outline:2px solid var(--accent); }
.workflow-loss-dialog [role=alert] { color:#f0b3b8; }

.email-templates-panel { width:100%; min-width:0; }
.email-templates-panel h2 { margin:0 0 18px; font-size:18px; }
.email-template-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.email-template-card { min-height:72px; padding:16px; border:1px solid var(--glass-line); border-radius:10px; background:var(--glass-surface); color:var(--text); text-align:left; white-space:normal; overflow-wrap:anywhere; }
.email-template-card strong { font-size:13px; font-weight:650; }
.email-template-card:hover { border-color:var(--accent); }
.email-template-card:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.email-template-detail { max-width:820px; padding:20px; border:1px solid var(--glass-line); border-radius:12px; background:var(--glass-surface); }
.email-template-detail header { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:20px; }
.email-template-detail h2 { margin:0; overflow-wrap:anywhere; }
.email-template-subject { display:grid; gap:7px; padding-bottom:16px; border-bottom:1px solid var(--glass-line); }
.email-template-subject span { color:var(--muted); font-size:11px; }
.email-template-subject strong { font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
.email-template-body { white-space:pre-wrap; overflow-wrap:anywhere; font-size:13px; line-height:1.7; margin:20px 0; user-select:text; }
.email-template-copy-row { display:flex; align-items:center; flex-wrap:wrap; gap:10px 16px; }
.email-template-copy-row small { font-size:11px; color:var(--muted); }
@media(max-width:960px) { .email-template-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .email-template-grid { grid-template-columns:1fr; } .email-template-detail { padding:14px; } .email-template-detail header { flex-wrap:wrap; } }

/* File availability: keep long document references inside their existing cards. */
.workflow-jobs > .workflow-job { min-width:0; }
.workflow-job header > small { min-width:0; overflow-wrap:anywhere; }
.workflow-job > .workflow-warning { overflow-wrap:anywhere; }

/* Cloud status has no action controls; desktop/local copy stays unchanged. */
.cloud-startup-notice, .cloud-save-status { display: none; }
html[data-vexaro-cloud="1"]:not([data-cloud-ready="1"]) .cloud-startup-notice {
  display: grid; place-items: center; position: fixed; inset: 0; z-index: 100000;
  padding: 32px; background: #111820; color: #eee7d8; font: inherit; text-align: center;
}
html[data-vexaro-cloud="1"] .cloud-save-status {
  display: inline-block; max-width: 160px; min-width: 0; font-size: .72rem;
  line-height: 1.25; text-align: right; color: #75c29d; overflow-wrap: anywhere;
}
.cloud-save-status[data-state="pending"] { color: #d9b565; }
.cloud-save-status[data-state="error"] { color: #ed9c86; }

.customer-detail-top-actions a { display:inline-flex; align-items:center; justify-content:center; text-decoration:none; box-sizing:border-box; }

/* Neutral visual fallback; never stored as a customer's actual logo. */
.customer-record-identity > .customer-logo-slot,
.customer-detail-identity > .customer-logo-slot { display: inline-flex; flex: 0 0 auto; }
.customer-logo-placeholder { display: inline-flex; align-items: center; justify-content: center; color: var(--accent); background: #292923; border-color: #665d3b; }
.customer-logo-placeholder svg { width: 82%; height: 82%; }
.customer-logo-slot [hidden] { display: none; }

/* Manual human status; unrelated to AI worker readiness. */
.human-profile-card .human-profile-name { display: flex; align-items: center; gap: 6px; overflow: visible; white-space: normal; }
.human-profile-name strong { min-width: 0; }
.human-profile-card .human-presence-control { position: relative; display: inline-flex; overflow: visible; flex: 0 0 auto; }
.human-profile-card .human-presence-button { width: 24px; height: 24px; min-height: 24px; padding: 0; border: 0; border-radius: 5px; background: transparent; box-shadow: none; }
.human-profile-card .human-presence-button::before { content: ""; position: absolute; right: 0; top: 0; width: 7px; height: 7px; box-sizing: border-box; border: 1px solid rgba(255,255,255,.45); border-radius: 50%; background: var(--presence-dot, #7d858c); pointer-events: none; }
.human-presence-button[data-presence-tone="0"] { --presence-dot: #51cf83; }
.human-presence-button[data-presence-tone="1"] { --presence-dot: #f0c85a; }
.human-presence-button[data-presence-tone="2"] { --presence-dot: #ee7777; }
.human-profile-card .human-presence-button:disabled { opacity: 1; cursor: default; }
.human-presence-button:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.human-profile-card .human-presence-menu { position: absolute; right: 0; left: auto; top: 22px; z-index: 100; display: grid; min-width: 138px; gap: 3px; padding: 6px; overflow: visible; border: 1px solid var(--glass-line); border-radius: 7px; background: #102025; box-shadow: 0 8px 22px #0009; }
.human-presence-menu[hidden] { display: none; }
.human-profile-card .human-presence-menu button { display: flex; align-items: center; gap: 8px; text-align: left; white-space: nowrap; }
.human-presence-menu button::before { content: ""; width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: #7d858c; }
.human-presence-menu [data-presence-tone="0"]::before { background: #51cf83; }
.human-presence-menu [data-presence-tone="1"]::before { background: #f0c85a; }
.human-presence-menu [data-presence-tone="2"]::before { background: #ee7777; }
.human-presence-menu [aria-checked="true"] { border-color: var(--accent); background: #26403d; }
.human-access-panel .human-presence-note { color: var(--muted); font-size: 10px; line-height: 1.35; }

.human-profile-card:focus-within { position: relative; z-index: 20; }

.human-profile-card { position: relative; }
.human-profile-card > div { padding-right: 18px; }
.human-profile-card .human-presence-control { position: static; }
.human-profile-card .human-presence-button { position: absolute; right: 8px; top: 8px; }
.human-profile-card .human-presence-menu { right: 7px; left: auto; top: 30px; }

/* Storage confirmation occupies its own row, never the Arbeitsstatus card. */
.cloud-save-row { display:none; }
html[data-vexaro-cloud="1"] .cloud-save-row { display:flex; justify-content:flex-end; align-items:center; min-width:0; min-height:22px; grid-column:1 / -1; }
html[data-vexaro-cloud="1"] .cloud-save-row .cloud-save-status { max-width:100%; text-align:right; padding:2px 0; font-size:11px; }
html[data-vexaro-cloud="1"] .cloud-save-status[data-state="pending"],
html[data-vexaro-cloud="1"] .cloud-save-status[data-state="error"] { font-weight:600; }
.crm-status-cockpit { grid-template-rows:auto auto auto 5px minmax(0,1fr); }
.crm-status-area { position:relative; z-index:1; min-width:0; }
.crm-status-area > span { display:block; font-size:9px; color:var(--muted); margin:1px 2px 3px; }
.crm-status-area .crm-status-scope { grid-template-columns:minmax(36px,.6fr) minmax(50px,.8fr) minmax(0,1.8fr); }
.crm-status-area button { white-space:normal; overflow-wrap:anywhere; line-height:1.2; }
@media(max-width:600px) { .crm-status-area button { min-height:36px; } .crm-status-cockpit { min-height:310px; } }