@charset "UTF-8";

h1, h2, h3 {
  color: #5c3473;
  font-family: 'Arial', sans-serif;
  font-weight: 700; /* Erhöhtes Schriftgewicht für mehr Präsenz */
  text-align: center; /* Zentrierter Text für ein ausgeglicheneres Layout */
  margin: 20px 0; /* Mehr Abstand um die Überschrift herum */
}

h1 {
  font-size: 32pt; /* Größere Schriftgröße für mehr Präsenz */
  background: linear-gradient(to right, #5c3473, #8c5fa8); /* Farbverlauf für mehr Tiefe */
  -webkit-background-clip: text;
  color: transparent;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); /* Leichter Schatten für zusätzliche Tiefe */
}

h2 {
  font-size: 28pt;
  background: linear-gradient(to right, #5c3473, #7b548e);
  -webkit-background-clip: text;
  color: transparent;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

h3 {
  font-size: 20pt; /* Etwas größere Schriftgröße für mehr Lesbarkeit */
  background: linear-gradient(to right, #5c3473, #6d4d7a);
  -webkit-background-clip: text;
  color: transparent;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}


a {
    text-decoration: none; 
    color: #5c3473;; 
}

th {
  background-color: #fff; 
   border: 0px solid silver;
     border-radius: 20px;
   border-spacing: 0;
   color: #5c3473; 
   text-align: center;
}

.details {
  background-color: #5c3473; 
  color: #FFF;
}	

td, th, p {
  font-size:11pt;  
  font-family:arial, "lucida console", sans-serif;
    border-radius: 20px;  
}

table {
  border: 1px solid silver;
  border-collapse: seperate;
  border-radius: 20px;
  border-spacing: 0;
  background-color: #FFF;
}

tr, td {
  border: 0px solid silver;
  line-height: 1.5;
  background-color: #fff;
    border-radius: 20px;
}




summary::-webkit-details-marker,	
summary::marker {
  content:  " 🡳 "; /* Verwendung des "Pfeil"-Symbols anstelle des Dreiecks */
  color: #5c3473;
  font-size: 2em;
  font-weight: bold;
  transition: all 0.5s;  
  border: 0px;
}	

details[open] summary::-webkit-details-marker,
details[open] summary::marker {
  content:  " 🡱 ";
  color: red;
}

input[type="submit"] {
   font-size: 1.0em; padding: 5px 12px; 
   font-weight: 200;
   color: #5c3473;
   border: 1px solid silver;
   background-image: linear-gradient(to top, gainsboro 0%, white 90%);
   border-radius: 20px;
   cursor: pointer;
}   
   
input[type="submit"]:hover {
   color: #5c3473; /* Ändere die Textfarbe für bessere Lesbarkeit */
}


button,
input[type="submit"] {
   font-size: 1.0em;
   padding: 10px 20px; /* Etwas größere Padding für mehr Eleganz */
   font-weight: 600; /* Höheres Gewicht für besseren Kontrast */
   color: #5c3473;
   border: 1px solid #c0c0c0; /* Leichterer Silberton für den Rand */
   background-image: linear-gradient(to top, #f0f0f0 0%, #ffffff 100%); /* Sanfterer Verlauf für eine weniger mechanische Optik */
   border-radius: 30px; /* Runde Form für einen modernen Look */
   cursor: pointer;
   transition: all 0.3s ease; /* Sanftere Übergänge */
}

button:hover,
input[type="submit"]:hover {
   background-image: linear-gradient(to top, #e0e0e0 0%, #f7f7f7 100%); /* Deutlichere Änderung im Hover-Zustand */
   border-color: #b0b0b0; /* Dunklerer Rand beim Hover für besseren Kontrast */
   transform: scale(1.05); /* Leichte Vergrößerung beim Hover für mehr Interaktivität */
   color: #472b5a; /* Etwas dunklere Textfarbe beim Hover für besseren Kontrast */
}

input[type="text"], input[type="password"], textarea {
   font-size: 0.85em; /* Etwas kleinere Schriftgröße */
   padding: 6px 10px; /* Reduziertes Padding für weniger Höhe und Breite */
   font-weight: 300; /* Leichtes Schriftgewicht für ein sauberes Aussehen */
   color: #333; /* Dunklerer Text für besseren Kontrast */
   border: 1px solid #5c3473; /* Etwas dunklere Randfarbe */
   background-image: linear-gradient(to top, #fdfdfd, #f1f1f1); /* Weicherer, moderner Farbverlauf */
   border-radius: 10px; /* Etwas weniger abgerundete Ecken */
   box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.1); /* Dezenter Innenschatten für Tiefe */
   transition: all 0.2s ease; /* Weicher Übergang für Hover- und Fokus-Effekte */
}

input[type="text"]:hover, input[type="password"]:hover, textarea:hover {
   background-image: linear-gradient(to top, #f7f7f7, #eaeaea); /* Leichterer Hintergrund bei Hover */
   box-shadow: inset 0px 3px 5px rgba(0, 0, 0, 0.15); /* Stärkerer Innenschatten bei Hover */
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
   border-color: #7b548e; /* Farbwechsel bei Fokus für stärkere visuelle Rückmeldung */
   box-shadow: 0px 0px 8px rgba(123, 84, 142, 0.4); /* Leichter Leuchteffekt bei Fokus */
   outline: none; /* Entfernen des Standard-Fokusrahmens */
}


select {
   font-size: 0.9em; /* Etwas größere Schriftgröße für bessere Lesbarkeit */
   padding: 8px 14px; /* Etwas mehr Padding für ein angenehmes Gefühl */
   font-weight: 300; /* Leichtes Schriftgewicht für ein sauberes Aussehen */
   color: #333; /* Dunklerer Text für besseren Kontrast */
   border: 1px solid #5c3473; /* Etwas dunklere Randfarbe */
   background-color: #fdfdfd; /* Einheitlicher Hintergrund */
   border-radius: 15px; /* Leicht abgerundete Ecken */
   box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.1); /* Dezenter Innenschatten für Tiefe */
   transition: all 0.2s ease; /* Weicher Übergang für Hover- und Fokus-Effekte */
   -webkit-appearance: menulist-button; /* Standard-Pfeil für Webkit-basierte Browser */
   -moz-appearance: menulist-button; /* Standard-Pfeil für Firefox */
   appearance: menulist-button; /* Standard-Pfeil für andere Browser */
}

select:hover {
   background-color: #f7f7f7; /* Leichterer Hintergrund bei Hover */
   box-shadow: inset 0px 3px 5px rgba(0, 0, 0, 0.15); /* Stärkerer Innenschatten bei Hover */
}

select:focus {
   border-color: #7b548e; /* Farbwechsel bei Fokus für stärkere visuelle Rückmeldung */
   box-shadow: 0px 0px 8px rgba(123, 84, 142, 0.4); /* Leichter Leuchteffekt bei Fokus */
   outline: none; /* Entfernen des Standard-Fokusrahmens */
}







hr {
   border: 1px solid silver;
}






/* ===== artefactum cloud fullscreen design ===== */
html, body {
  min-height: 100%;
}

body.cloud-page {
  margin: 0;
  padding: 24px;
  color: #5c3473;
  background: url('images/hintergrund_cloud.png') no-repeat center center fixed;
  background-size: cover;
  background-attachment: fixed;
  box-sizing: border-box;
}

body.cloud-page * {
  box-sizing: border-box;
}

.page-shell {
  width: 100%;
}

.topbar-card,
.content-card {
  width: min(1400px, calc(100vw - 48px));
  margin: 0 auto 24px auto;
  background: rgba(255, 255, 255, 0.84);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,0.55);
  border-radius: 24px;
  box-shadow: 0 14px 40px rgba(70, 45, 92, 0.14);
}

.topbar-card {
  padding: 20px 28px;
}

.topbar-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}

.brand-block {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}

.brand-logo {
  max-width: 320px;
  width: 100%;
  height: auto;
}

.version-text {
  color: #6f5e7d;
  font-size: 12px;
  letter-spacing: 0.08em;
}

.topbar-actions {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.user-meta {
  color: #5c3473;
  font-size: 14px;
  text-align: right;
}

.logout-form {
  margin: 0;
}

.form-card,
.table-card {
  padding: 18px 22px;
}

.modal-card {
  position: fixed;
  top: 8%;
  left: 50%;
  transform: translateX(-50%);
  width: min(1100px, 88vw);
  height: 82vh;
  background: rgba(255,255,255,0.94);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(92,52,115,0.28);
  border-radius: 24px;
  z-index: 1000;
  padding: 20px;
  overflow: auto;
  box-shadow: 0 22px 50px rgba(50,30,70,0.22);
}

table {
  width: 100%;
}

body.cloud-page table {
  background: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 12px;
}

body.cloud-page tr,
body.cloud-page td,
body.cloud-page th {
  background: transparent;
}

body.cloud-page th {
  color: #5c3473;
  font-weight: 700;
}

body.cloud-page td {
  vertical-align: middle;
}

body.cloud-page input[type="text"],
body.cloud-page input[type="password"],
body.cloud-page textarea,
body.cloud-page select {
  width: 100%;
  max-width: 100%;
}

body.cloud-page table tr:not(:first-child) > td {
  padding-top: 4px;
  padding-bottom: 4px;
}

body.cloud-page hr {
  border: none;
  border-top: 1px solid rgba(92, 52, 115, 0.16);
}

body.cloud-page details {
  background: rgba(255,255,255,0.55);
  border-radius: 18px;
  padding: 10px 14px;
}

body.cloud-page summary {
  cursor: pointer;
  font-weight: 600;
  color: #5c3473;
}

body.cloud-page textarea {
  background: rgba(255,255,255,0.88);
}

body.cloud-page button a {
  color: inherit;
  display: block;
}

@media (max-width: 1100px) {
  body.cloud-page {
    padding: 14px;
  }

  .topbar-card,
  .content-card {
    width: calc(100vw - 28px);
  }

  .topbar-row,
  .topbar-actions {
    align-items: flex-start;
  }

  .user-meta {
    text-align: left;
  }
}



/* ===== artefactum cloud dashboard refresh ===== */
html, body {
  min-height: 100%;
}

body.cloud-page {
  margin: 0;
  padding: 22px;
  color: #5c3473;
  background: url('images/HintergrundDesktop.png') no-repeat center center fixed;
  background-size: cover;
  background-attachment: fixed;
  box-sizing: border-box;
}

body.cloud-page * {
  box-sizing: border-box;
}

.page-shell {
  width: 100%;
}

.topbar-card,
.content-card {
  width: min(1500px, calc(100vw - 44px));
  margin: 0 auto 22px auto;
  background: rgba(255, 255, 255, 0.93);
  border: 1px solid rgba(180, 180, 180, 0.45);
  border-radius: 24px;
  box-shadow: 0 10px 30px rgba(70, 45, 92, 0.10);
}

.topbar-card {
  padding: 18px 24px;
}

.topbar-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.brand-block {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.brand-logo {
  max-width: 260px;
  width: 100%;
  height: auto;
  display: block;
}

.version-text {
  color: #756483;
  font-size: 12px;
  letter-spacing: 0.06em;
}

.topbar-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-left: auto;
}

.user-meta {
  color: #5c3473;
  font-size: 14px;
  text-align: right;
}

.logout-form {
  margin: 0;
}

.form-card,
.table-card {
  padding: 16px 20px;
}

.modal-card {
  position: fixed;
  top: 8%;
  left: 50%;
  transform: translateX(-50%);
  width: min(1100px, 88vw);
  height: 82vh;
  background: rgba(255,255,255,0.97);
  border: 1px solid rgba(92,52,115,0.18);
  border-radius: 24px;
  z-index: 1000;
  padding: 20px;
  overflow: auto;
  box-shadow: 0 22px 50px rgba(50,30,70,0.18);
}

body.cloud-page table {
  width: 100%;
  background: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 10px;
}

body.cloud-page tr,
body.cloud-page td,
body.cloud-page th {
  background: transparent;
}

body.cloud-page th {
  color: #5c3473;
  font-weight: 700;
}

body.cloud-page td {
  vertical-align: middle;
}

body.cloud-page input[type="text"],
body.cloud-page input[type="password"],
body.cloud-page textarea,
body.cloud-page select {
  width: 100%;
  max-width: 100%;
}

body.cloud-page input[type="text"],
body.cloud-page input[type="password"],
body.cloud-page textarea {
  background-image: none;
  background-color: rgba(255,255,255,0.96);
}

body.cloud-page select {
  background-image: linear-gradient(to top, #f2f2f2 0%, #ffffff 100%);
}

body.cloud-page .content-card table > tbody > tr:not(:first-child) > td,
body.cloud-page .content-card table > tr:not(:first-child) > td {
  padding-top: 4px;
  padding-bottom: 4px;
}

body.cloud-page hr {
  border: none;
  border-top: 1px solid rgba(92, 52, 115, 0.14);
}

body.cloud-page details {
  background: rgba(255,255,255,0.72);
  border-radius: 18px;
  padding: 10px 14px;
}

body.cloud-page summary {
  cursor: pointer;
  font-weight: 600;
  color: #5c3473;
}

body.cloud-page button a {
  color: inherit;
  display: block;
}

body.cloud-page .table-card > form > table > tbody > tr:first-child th,
body.cloud-page .table-card > form > table > tr:first-child th {
  padding-top: 2px;
}

@media (max-width: 1100px) {
  body.cloud-page {
    padding: 14px;
  }

  .topbar-card,
  .content-card {
    width: calc(100vw - 28px);
  }

  .topbar-row,
  .topbar-actions {
    align-items: flex-start;
  }

  .user-meta {
    text-align: left;
  }

  .brand-logo {
    max-width: 220px;
  }
}



/* ===== High-end refinement ===== */
body,
input,
select,
textarea,
button,
td,
th,
p,
a,
div,
span,
label {
  font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

.user-meta,
.version-text,
body.cloud-page th,
body.cloud-page td {
  font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

.topbar-card,
.content-card {
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.brand-block {
  justify-content: center;
}

body.cloud-page table {
  table-layout: fixed;
}

body.cloud-page .form-card table,
body.cloud-page .table-card > form > table {
  table-layout: auto;
}

body.cloud-page .table-card > form > table > tbody > tr:nth-child(2) > td,
body.cloud-page .table-card > form > table > tr:nth-child(2) > td {
  padding-bottom: 10px;
}

.email-row-cell {
  padding: 2px 6px 10px 6px !important;
}

.email-row-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,0.78);
  border: 1px solid rgba(92, 52, 115, 0.10);
}

.email-label {
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6e5a7c;
}

.email-link {
  display: inline-block;
  min-width: 0;
  font-size: 14px;
  color: #5c3473;
  word-break: break-all;
}

body.cloud-page details {
  margin-top: 6px;
}

body.cloud-page summary {
  font-size: 15px;
}

body.cloud-page input[type="text"],
body.cloud-page input[type="password"],
body.cloud-page textarea,
body.cloud-page select {
  font-size: 14px;
}

body.cloud-page .topbar-actions {
  gap: 20px;
}

@media (max-width: 1100px) {
  .email-row-wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
}


/* ===== lead card refinement ===== */
body.cloud-page .table-card > form > table {
  border-spacing: 0 12px;
}

body.cloud-page .lead-main-row td {
  background: rgba(255,255,255,0.92);
  padding: 12px 10px;
  border-top: 1px solid rgba(92, 52, 115, 0.08);
  border-bottom: 1px solid rgba(92, 52, 115, 0.08);
}

body.cloud-page .lead-main-row td:first-child {
  border-left: 1px solid rgba(92, 52, 115, 0.08);
  border-radius: 20px 0 0 20px;
}

body.cloud-page .lead-main-row td:last-child {
  border-right: 1px solid rgba(92, 52, 115, 0.08);
  border-radius: 0 20px 20px 0;
}

body.cloud-page .email-row-cell {
  padding: 2px 2px 4px 2px !important;
}

body.cloud-page .compact-row-wrapper {
  min-height: 44px;
  padding: 6px 12px;
  gap: 12px;
  background: rgba(255,255,255,0.88);
  border: 1px solid rgba(92, 52, 115, 0.10);
  border-top: none;
  border-radius: 0 0 18px 18px;
  box-shadow: 0 8px 16px rgba(70, 45, 92, 0.05);
}

body.cloud-page .email-link-block {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1 1 auto;
}

body.cloud-page .email-label {
  margin: 0;
  line-height: 1;
}

body.cloud-page .email-link {
  line-height: 1.2;
}

body.cloud-page .customer-action-wrap {
  flex: 0 0 auto;
  min-width: 150px;
  text-align: right;
}

body.cloud-page .details-card-cell {
  padding: 0 2px 0 2px !important;
}

body.cloud-page .lead-details {
  margin-top: 2px;
  padding: 8px 12px;
  background: rgba(255,255,255,0.82);
  border: 1px solid rgba(92, 52, 115, 0.10);
  border-top: none;
  border-radius: 0 0 20px 20px;
}

body.cloud-page .lead-summary {
  font-size: 14px;
}

body.cloud-page .lead-separator-row,
body.cloud-page .lead-separator-cell {
  display: none;
}

body.cloud-page .lead-main-row.highlight-row td {
  background: linear-gradient(135deg, rgba(221,160,255,0.34), rgba(92,52,115,0.18));
}

@media (max-width: 1100px) {
  body.cloud-page .email-link-block {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  body.cloud-page .customer-action-wrap {
    width: 100%;
    text-align: left;
    min-width: 0;
  }

  body.cloud-page .compact-row-wrapper {
    flex-direction: column;
    align-items: stretch;
  }
}


/* ===== stronger card emphasis for lead list ===== */
body.cloud-page .table-card > form > table {
  border-spacing: 0 18px;
}

body.cloud-page .lead-main-row td {
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(247,242,250,0.96) 100%);
  padding: 14px 12px;
  border-top: 1px solid rgba(92, 52, 115, 0.14);
  border-bottom: 1px solid rgba(92, 52, 115, 0.14);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
}

body.cloud-page .lead-main-row td:first-child {
  border-left: 1px solid rgba(92, 52, 115, 0.14);
  border-radius: 22px 0 0 22px;
}

body.cloud-page .lead-main-row td:last-child {
  border-right: 1px solid rgba(92, 52, 115, 0.14);
  border-radius: 0 22px 22px 0;
}

body.cloud-page .lead-main-row {
  position: relative;
}

body.cloud-page .lead-main-row::after {
  content: "";
  display: block;
  height: 0;
  box-shadow: 0 14px 28px rgba(73, 42, 92, 0.10);
}

body.cloud-page .email-row-cell {
  padding: 0 4px 4px 4px !important;
}

body.cloud-page .compact-row-wrapper {
  min-height: 50px;
  padding: 10px 14px;
  background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(244,239,247,0.94) 100%);
  border: 1px solid rgba(92, 52, 115, 0.14);
  border-top: none;
  border-radius: 0 0 20px 20px;
  box-shadow: 0 12px 24px rgba(70, 45, 92, 0.08);
}

body.cloud-page .lead-details {
  margin-top: 4px;
  padding: 14px 16px;
  background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(246,242,248,0.94) 100%);
  border: 1px solid rgba(92, 52, 115, 0.16);
  border-top: none;
  border-radius: 0 0 22px 22px;
  box-shadow: 0 16px 30px rgba(70, 45, 92, 0.08);
}

body.cloud-page .lead-summary {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.01em;
}

body.cloud-page .lead-details table {
  background: transparent;
  border-spacing: 0 10px;
}

body.cloud-page .lead-details h3 {
  margin: 10px 0 6px 0;
}

body.cloud-page .lead-details textarea {
  background: rgba(255,255,255,0.98);
  border: 1px solid rgba(92, 52, 115, 0.22);
  box-shadow: inset 0 1px 4px rgba(0,0,0,0.08);
}

body.cloud-page .lead-main-row:hover td,
body.cloud-page .compact-row-wrapper:hover,
body.cloud-page .lead-details:hover {
  border-color: rgba(92, 52, 115, 0.24);
}

body.cloud-page .lead-main-row.highlight-row td {
  background: linear-gradient(135deg, rgba(221,160,255,0.42), rgba(92,52,115,0.24));
  border-color: rgba(92, 52, 115, 0.28);
}

body.cloud-page .lead-main-row td input[type="text"],
body.cloud-page .lead-main-row td select {
  background-color: rgba(255,255,255,0.98);
}

body.cloud-page .customer-action-wrap input[type="submit"],
body.cloud-page .customer-action-wrap button {
  box-shadow: 0 4px 12px rgba(70, 45, 92, 0.08);
}

body.cloud-page .email-link-block {
  padding-left: 2px;
}

body.cloud-page .email-label {
  color: #5c3473;
  font-weight: 800;
}


/* ===== CRM card structure v2 ===== */
body.cloud-page .table-card > form > table {
  border-spacing: 0 20px;
}

body.cloud-page .lead-card-group {
  position: relative;
}

body.cloud-page .lead-card-group::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(244,239,247,0.94) 100%);
  border: 1px solid rgba(92, 52, 115, 0.16);
  box-shadow: 0 16px 34px rgba(70, 45, 92, 0.10);
  pointer-events: none;
}

body.cloud-page .lead-card-group > tr {
  position: relative;
  z-index: 1;
}

body.cloud-page .lead-main-row td {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 16px 10px 6px 10px;
}

body.cloud-page .lead-main-row td:first-child,
body.cloud-page .lead-main-row td:last-child {
  border-radius: 0;
}

body.cloud-page .lead-main-row td input[type="text"],
body.cloud-page .lead-main-row td select {
  border-color: rgba(92, 52, 115, 0.24);
  background: rgba(255,255,255,0.96);
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.06);
}

body.cloud-page .lead-main-row td:first-child {
  font-weight: 700;
  color: #6a5680;
}

body.cloud-page .email-row-cell {
  padding: 0 12px 6px 12px !important;
}

body.cloud-page .compact-row-wrapper {
  background: rgba(255,255,255,0.74);
  border: 1px solid rgba(92, 52, 115, 0.10);
  border-radius: 16px;
  box-shadow: none;
}

body.cloud-page .email-link {
  font-weight: 500;
}

body.cloud-page .details-card-cell {
  padding: 2px 12px 12px 12px !important;
}

body.cloud-page .lead-details {
  background: rgba(255,255,255,0.78);
  border: 1px solid rgba(92, 52, 115, 0.12);
  border-radius: 18px;
  box-shadow: none;
  padding: 14px 16px 18px 16px;
}

body.cloud-page .lead-summary {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #5c3473;
}

body.cloud-page .lead-details table tr,
body.cloud-page .lead-details table td,
body.cloud-page .lead-details table th {
  background: transparent;
}

body.cloud-page .lead-details textarea {
  border-radius: 14px;
  background: rgba(255,255,255,0.94);
}

body.cloud-page .lead-separator-row {
  display: none;
}

body.cloud-page .lead-card-group.highlight-row::before {
  background: linear-gradient(135deg, rgba(242,226,255,0.96), rgba(235,226,243,0.94));
  border-color: rgba(92, 52, 115, 0.28);
  box-shadow: 0 18px 36px rgba(92, 52, 115, 0.16);
}

body.cloud-page .lead-card-group:hover::before {
  border-color: rgba(92, 52, 115, 0.26);
  box-shadow: 0 20px 38px rgba(70, 45, 92, 0.14);
}

@media (max-width: 1100px) {
  body.cloud-page .lead-main-row td {
    padding-top: 12px;
  }

  body.cloud-page .email-row-cell,
  body.cloud-page .details-card-cell {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}


/* ===== fix rounded-corner overlap + more spacing in details header ===== */
body.cloud-page .lead-card-group {
  overflow: hidden;
  border-radius: 24px;
}

body.cloud-page .lead-card-group > tr:first-child > td:first-child {
  border-top-left-radius: 24px !important;
}

body.cloud-page .lead-card-group > tr:first-child > td:last-child {
  border-top-right-radius: 24px !important;
}

body.cloud-page .lead-details {
  padding-top: 18px;
}

body.cloud-page .lead-summary {
  display: block;
  margin-bottom: 18px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(92, 52, 115, 0.12);
}

body.cloud-page .lead-details table:first-of-type {
  margin-top: 8px;
}

body.cloud-page .lead-details table:first-of-type th {
  padding-top: 4px;
}

body.cloud-page .lead-details table:first-of-type td {
  padding-top: 8px;
}

body.cloud-page .lead-details h3:first-of-type {
  margin-top: 18px;
}


/* ===== v4 details row cleanup ===== */
body.cloud-page .lead-details {
  padding: 0 16px 12px 16px;
}

body.cloud-page .lead-details:not([open]) {
  padding-bottom: 0;
}

body.cloud-page .lead-summary {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 12px 0;
  border-bottom: none;
  font-size: 15px;
  font-weight: 700;
}

body.cloud-page .lead-details[open] .lead-summary {
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(92, 52, 115, 0.12);
}

body.cloud-page .lead-summary::before {
  content: "▾";
  display: inline-block;
  font-size: 22px;
  line-height: 1;
  color: #5c3473;
  transform: translateY(-1px);
  transition: transform 0.2s ease, color 0.2s ease;
}

body.cloud-page .lead-details[open] .lead-summary::before {
  content: "▴";
  color: #a02525;
}

body.cloud-page .lead-summary::-webkit-details-marker,
body.cloud-page .lead-summary::marker {
  display: none;
  content: "";
}

body.cloud-page .lead-details:not([open]) table,
body.cloud-page .lead-details:not([open]) h3,
body.cloud-page .lead-details:not([open]) textarea {
  display: none;
}

body.cloud-page .details-card-cell {
  padding-top: 0 !important;
}

body.cloud-page .lead-card-group {
  margin-bottom: 8px;
}


/* ===== remove outer detail box when open ===== */
body.cloud-page .lead-details[open] {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding-top: 0 !important;
}

body.cloud-page .lead-details[open] .lead-summary {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* keep box only when closed */
body.cloud-page .lead-details:not([open]) {
  background: rgba(255,255,255,0.78);
  border: 1px solid rgba(92, 52, 115, 0.12);
  border-radius: 18px;
}

/* Button */
#chat-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 60px;
  height: 60px;
  background: #6c3cff;
  color: white;
  font-size: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  z-index: 9999;
}

/* Popup */
#chat-popup {
  position: fixed;
  bottom: 90px;
  right: 20px;
  width: 350px;
  height: 500px;
  background: white;
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.2);
  display: none;
  flex-direction: column;
  overflow: hidden;
  z-index: 9999;
}

/* Header */
#chat-header {
  background: #6c3cff;
  color: white;
  padding: 10px;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
}

/* Messages */
#chat-messages {
  flex: 1;
  padding: 10px;
  overflow-y: auto;
  font-size: 14px;
}

/* Input */
#chat-input-area {
  display: flex;
  border-top: 1px solid #ddd;
}

#chat-input {
  flex: 1;
  padding: 8px;
  border: none;
}

#chat-send {
  background: #6c3cff;
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
}


/* ===== Alfred dashboard chat widget ===== */
.alfred-chat-widget {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 12000;
}

.alfred-chat-toggle {
  position: fixed;
  right: 22px;
  bottom: 22px;
  width: 78px;
  height: 78px;
  border: none;
  border-radius: 50%;
  background: linear-gradient(145deg, rgba(255,255,255,0.98), rgba(236,226,244,0.96));
  box-shadow: 0 20px 38px rgba(56, 34, 74, 0.24), inset 0 1px 0 rgba(255,255,255,0.98);
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.22s ease, box-shadow 0.22s ease, opacity 0.22s ease;
  z-index: 12002;
}

.alfred-chat-toggle:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 24px 42px rgba(56, 34, 74, 0.28), inset 0 1px 0 rgba(255,255,255,1);
}

.alfred-chat-open .alfred-chat-toggle {
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px) scale(0.96);
}

.alfred-toggle-ring {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1px solid rgba(92,52,115,0.14);
  pointer-events: none;
}

.alfred-toggle-avatar {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.alfred-toggle-badge {
  position: absolute;
  top: 6px;
  right: 6px;
  min-width: 24px;
  height: 24px;
  padding: 0 7px;
  border-radius: 999px;
  background: #e5486d;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 16px rgba(229,72,109,0.35);
}

.alfred-toggle-badge[hidden],
.alfred-chat-typing[hidden] {
  display: none !important;
}

.alfred-chat-panel {
  position: fixed;
  top: 16px;
  right: 16px;
  bottom: 16px;
  width: min(430px, calc(100vw - 24px));
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(246,241,249,0.98) 100%);
  border: 1px solid rgba(92,52,115,0.14);
  border-radius: 26px;
  box-shadow: 0 26px 60px rgba(53, 31, 70, 0.28);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  transform: translateX(calc(100% + 28px));
  opacity: 0;
  pointer-events: none;
  transition: transform 0.28s ease, opacity 0.22s ease;
  z-index: 12001;
}

.alfred-chat-open .alfred-chat-panel {
  transform: translateX(0);
  opacity: 1;
  pointer-events: auto;
}

.alfred-chat-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 18px 14px 18px;
  background: linear-gradient(135deg, #5c3473 0%, #8a5ba6 100%);
  color: #fff;
}

.alfred-chat-header-main {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.alfred-chat-header-avatar {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  background: rgba(255,255,255,0.2);
  border: 1px solid rgba(255,255,255,0.26);
  flex: 0 0 auto;
}

.alfred-chat-title {
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.02em;
}

.alfred-chat-subtitle {
  font-size: 12px;
  opacity: 0.88;
}

.alfred-chat-header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.alfred-icon-btn {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.12);
  color: #fff;
  font-size: 18px;
  line-height: 1;
  padding: 0;
  cursor: pointer;
  transition: background 0.18s ease, transform 0.18s ease;
}

.alfred-icon-btn:hover {
  background: rgba(255,255,255,0.2);
  transform: translateY(-1px);
}

.alfred-chat-status {
  padding: 12px 18px;
  font-size: 12px;
  color: #6f5a7d;
  background: rgba(255,255,255,0.72);
  border-bottom: 1px solid rgba(92,52,115,0.08);
}

.alfred-chat-messages {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  background:
    radial-gradient(circle at top right, rgba(161,124,190,0.14), transparent 30%),
    linear-gradient(180deg, rgba(251,248,253,0.96) 0%, rgba(245,239,248,0.94) 100%);
}

.alfred-chat-empty {
  padding: 16px 18px;
  border-radius: 18px;
  background: rgba(255,255,255,0.78);
  border: 1px solid rgba(92,52,115,0.1);
  color: #5c3473;
  line-height: 1.5;
}

.alfred-message {
  display: flex;
  flex-direction: column;
  gap: 5px;
  max-width: 88%;
}

.alfred-message-user {
  align-self: flex-end;
}

.alfred-message-assistant {
  align-self: flex-start;
}

.alfred-message-meta {
  font-size: 11px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #8f7aa0;
  padding: 0 4px;
}

.alfred-message-body {
  padding: 14px 16px;
  border-radius: 20px;
  line-height: 1.55;
  font-size: 14px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
  box-shadow: 0 10px 20px rgba(69,43,89,0.08);
}

.alfred-message-user .alfred-message-body {
  color: #fff;
  background: linear-gradient(135deg, #6d3f88 0%, #8d60aa 100%);
  border-bottom-right-radius: 8px;
}

.alfred-message-assistant .alfred-message-body {
  color: #4f3a61;
  background: rgba(255,255,255,0.94);
  border: 1px solid rgba(92,52,115,0.08);
  border-bottom-left-radius: 8px;
}

.alfred-chat-typing {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 18px 14px 18px;
  color: #7d688d;
  font-size: 13px;
}

.alfred-typing-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #8b67a2;
  animation: alfredTyping 1.2s infinite ease-in-out;
}

.alfred-typing-dot:nth-child(2) { animation-delay: 0.18s; }
.alfred-typing-dot:nth-child(3) { animation-delay: 0.36s; }

@keyframes alfredTyping {
  0%, 80%, 100% { transform: scale(0.7); opacity: 0.5; }
  40% { transform: scale(1); opacity: 1; }
}

.alfred-chat-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 14px 16px 16px 16px;
  background: rgba(255,255,255,0.92);
  border-top: 1px solid rgba(92,52,115,0.08);
}

.alfred-chat-input {
  width: 100%;
  min-height: 54px;
  max-height: 160px;
  resize: none;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(92,52,115,0.16);
  background: rgba(255,255,255,0.96);
  color: #49345a;
  font-size: 14px;
  line-height: 1.45;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.05);
}

.alfred-chat-form-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.alfred-secondary-btn,
.alfred-primary-btn {
  border: none;
  cursor: pointer;
  font-weight: 700;
  transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
}

.alfred-secondary-btn {
  padding: 11px 14px;
  border-radius: 16px;
  color: #6a557c;
  background: rgba(239,232,244,0.92);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
}

.alfred-primary-btn {
  padding: 11px 18px;
  border-radius: 16px;
  color: #fff;
  background: linear-gradient(135deg, #6d3f88 0%, #8a5ca6 100%);
  box-shadow: 0 12px 24px rgba(92,52,115,0.24);
}

.alfred-primary-btn:disabled {
  opacity: 0.55;
  cursor: wait;
}

.alfred-secondary-btn:hover,
.alfred-primary-btn:hover:not(:disabled) {
  transform: translateY(-1px);
}

@media (max-width: 920px) {
  .alfred-chat-panel {
    top: auto;
    right: 12px;
    left: 12px;
    bottom: 12px;
    width: auto;
    height: min(78vh, 720px);
    border-radius: 24px;
    transform: translateY(calc(100% + 20px));
  }

  .alfred-chat-open .alfred-chat-panel {
    transform: translateY(0);
  }

  .alfred-chat-toggle {
    right: 16px;
    bottom: 16px;
    width: 74px;
    height: 74px;
  }
}

@media (max-width: 640px) {
  .alfred-chat-form-row {
    flex-direction: column-reverse;
    align-items: stretch;
  }

  .alfred-secondary-btn,
  .alfred-primary-btn {
    width: 100%;
  }
}


/* ===== Salescloud focus dashboard ===== */
.focus-dashboard-card {
  padding: 22px 24px;
}

.focus-dashboard-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 18px;
}

.section-kicker {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #7a668c;
  margin-bottom: 8px;
}

.focus-dashboard-copy {
  margin: 8px 0 0 0;
  max-width: 820px;
  color: #6b5b78;
}

.focus-dashboard-chip {
  padding: 12px 16px;
  border-radius: 999px;
  background: rgba(92, 52, 115, 0.08);
  border: 1px solid rgba(92, 52, 115, 0.12);
  white-space: nowrap;
}

.focus-dashboard-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.email-sync-form {
  margin: 0;
}

.email-sync-button {
  cursor: pointer;
}

.focus-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

.focus-kpi-tile {
  display: block;
  padding: 18px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(244,239,247,0.94));
  border: 1px solid rgba(92, 52, 115, 0.12);
  box-shadow: 0 12px 28px rgba(70, 45, 92, 0.08);
}

.focus-kpi-tile.is-active {
  border-color: rgba(92, 52, 115, 0.34);
  box-shadow: 0 16px 34px rgba(70, 45, 92, 0.14);
  transform: translateY(-1px);
}

.tile-label,
.tile-meta {
  display: block;
}

.tile-label {
  font-size: 13px;
  font-weight: 700;
  color: #6d5b7b;
  margin-bottom: 10px;
}

.tile-value {
  display: block;
  font-size: 34px;
  font-weight: 800;
  line-height: 1;
  color: #4f2d66;
  margin-bottom: 10px;
}

.tile-meta {
  font-size: 13px;
  color: #7b6c87;
}

.tile-task .tile-value,
.tile-af .tile-value { color: #9b2234; }
.tile-prio .tile-value { color: #c06a00; }
.tile-new .tile-value { color: #2d7e74; }
.tile-all .tile-value { color: #5c3473; }

.focus-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.focus-filter-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 110px;
  padding: 10px 16px;
  border-radius: 999px;
  border: 1px solid rgba(92, 52, 115, 0.16);
  background: rgba(255,255,255,0.84);
  color: #5c3473;
  font-weight: 700;
}

.focus-filter-pill.is-active {
  background: linear-gradient(180deg, rgba(92,52,115,0.12), rgba(92,52,115,0.05));
  border-color: rgba(92, 52, 115, 0.34);
}

.table-subtitle {
  margin-top: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #7a6a88;
}

.list-meta-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 12px 0 4px 0;
  color: #6f5e7d;
  font-size: 13px;
  font-weight: 700;
}

.list-meta-row-bottom {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid rgba(92, 52, 115, 0.12);
}

.customer-pagination-row {
  width: min(1500px, calc(100vw - 44px));
  margin: 0 auto 14px auto;
}

.customer-pagination-row.list-meta-row-bottom {
  margin: 18px auto 0 auto;
}

.pagination-controls {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.pagination-pill,
.pagination-state {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 8px 13px;
  border-radius: 999px;
  border: 1px solid rgba(92, 52, 115, 0.16);
  background: rgba(255,255,255,0.86);
  color: #5c3473;
  font-size: 12px;
  font-weight: 800;
}

.pagination-pill.is-disabled {
  color: rgba(92, 52, 115, 0.36);
  background: rgba(255,255,255,0.48);
  pointer-events: none;
}

body.cloud-page .lead-table-header-row th {
  position: sticky;
  top: 0;
  z-index: 30;
  padding-top: 12px;
  padding-bottom: 12px;
  background: rgba(255,255,255,0.97) !important;
  border-radius: 0 !important;
  border-top: 1px solid rgba(92, 52, 115, 0.12);
  border-bottom: 1px solid rgba(92, 52, 115, 0.12);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 8px 18px rgba(70, 45, 92, 0.08);
}

body.cloud-page .lead-table-header-row th + th {
  border-left: 1px solid rgba(92, 52, 115, 0.06);
}

body.cloud-page .lead-table-header-row th:first-child {
  border-left: 1px solid rgba(92, 52, 115, 0.12);
  border-radius: 14px 0 0 14px !important;
}

body.cloud-page .lead-table-header-row th:last-child {
  border-right: 1px solid rgba(92, 52, 115, 0.12);
  border-radius: 0 14px 14px 0 !important;
}

@media (max-width: 1100px) {
  .focus-dashboard-header {
    flex-direction: column;
  }

  .focus-dashboard-chip {
    white-space: normal;
  }

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

@media (max-width: 700px) {
  .focus-kpi-grid {
    grid-template-columns: 1fr;
  }

  .list-meta-row {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* ===== Salescloud Suche ===== */
.sales-search-form {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(92, 52, 115, 0.12);
}

.sales-search-form input[type="text"] {
  flex: 1 1 auto;
  min-width: 260px;
  padding: 12px 16px;
  border-radius: 18px;
  border: 1px solid rgba(92, 52, 115, 0.22);
  background: rgba(255,255,255,0.96);
  color: #49345a;
  font-size: 14px;
}

.sales-search-form button {
  flex: 0 0 auto;
}

.search-reset-pill {
  flex: 0 0 auto;
  min-width: auto;
}

@media (max-width: 900px) {
  .sales-search-form {
    flex-direction: column;
    align-items: stretch;
  }

  .sales-search-form input[type="text"],
  .sales-search-form button,
  .search-reset-pill {
    width: 100%;
  }
}

/* ===== Salescloud kompakte E-Mail-Historie ===== */
.sales-mail-history {
  display: grid;
  gap: 8px;
  margin-top: 16px;
}

.mail-history-headline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-bottom: 6px;
}

.mail-history-headline h3 {
  margin: 0;
  text-align: left;
}

.mail-history-headline span {
  color: #6f5e7d;
  font-size: 12px;
  font-weight: 700;
}

.sales-mail-item {
  padding: 0 !important;
  border: 1px solid rgba(92, 52, 115, 0.16) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,0.82) !important;
  overflow: hidden;
}

.sales-mail-summary {
  display: grid;
  grid-template-columns: 140px 100px minmax(220px, 1fr) 230px;
  gap: 12px;
  align-items: center;
  padding: 10px 14px;
  background: rgba(247, 241, 250, 0.88);
  color: #49345a;
  cursor: pointer;
  list-style: none;
}

.sales-mail-summary::-webkit-details-marker {
  display: none;
}

.sales-mail-summary::before {
  content: "+";
  display: inline-flex;
  width: 22px;
  height: 22px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff;
  border: 1px solid rgba(92, 52, 115, 0.18);
  color: #5c3473;
  font-weight: 800;
  grid-column: 1;
  grid-row: 1;
  justify-self: start;
}

.sales-mail-item[open] .sales-mail-summary::before {
  content: "-";
}

.sales-mail-summary .mail-history-date {
  padding-left: 32px;
  color: #5c3473;
  font-weight: 800;
  white-space: nowrap;
}

.sales-mail-summary .mail-history-direction {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid rgba(92, 52, 115, 0.14);
  color: #5c3473;
  font-weight: 800;
  text-align: center;
  white-space: nowrap;
}

.sales-mail-summary .mail-history-subject,
.sales-mail-summary .mail-history-sender {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sales-mail-summary .mail-history-subject {
  color: #5c3473;
  font-weight: 800;
}

.sales-mail-summary .mail-history-sender {
  color: #6f5e7d;
}

.mail-history-content {
  padding: 14px;
  border-top: 1px solid rgba(92, 52, 115, 0.10);
  background: rgba(255,255,255,0.92);
}

.mail-history-meta {
  color: #6f5e7d;
  font-size: 13px;
  line-height: 1.55;
  margin-bottom: 12px;
}

.sales-mail-preview {
  margin-bottom: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(247, 241, 250, 0.72);
  border: 1px solid rgba(92, 52, 115, 0.08);
  color: #5c3473;
  white-space: pre-wrap;
}

.mail-history-body {
  max-height: 420px;
  overflow-y: auto;
  padding: 12px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid rgba(92, 52, 115, 0.10);
  color: #333;
  white-space: pre-wrap;
  word-break: break-word;
  font-size: 13px;
  line-height: 1.5;
}

@media (max-width: 900px) {
  .sales-mail-summary {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .sales-mail-summary .mail-history-date {
    padding-left: 32px;
  }

  .mail-history-headline {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* ===== Salescloud Detailbereich Optimierung 2026-04 ===== */
/* Kontaktstatus nur noch als dezente Akzentleiste links an der Lead-Kachel */
body.cloud-page .lead-card-group::before {
  background: linear-gradient(180deg, rgba(255,255,255,0.97) 0%, rgba(247,244,249,0.95) 100%) !important;
  border-left-width: 8px !important;
}

body.cloud-page .lead-card-group.contact-green::before {
  border-left-color: #2f6f1f !important;
}

body.cloud-page .lead-card-group.contact-yellow::before {
  border-left-color: #d18a00 !important;
}

body.cloud-page .lead-card-group.contact-red::before {
  border-left-color: #a32020 !important;
}

body.cloud-page .lead-card-group.contact-none::before {
  border-left-color: #9b9b9b !important;
}

body.cloud-page .mail-kpi-cell strong {
  display: inline-flex;
  min-width: 26px;
  height: 26px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(92, 52, 115, 0.08);
  color: #5c3473;
  font-weight: 800;
}

body.cloud-page .mail-open-btn {
  display: none !important;
}

/* E-Mail-Historie: lesbare Zeilen mit klarer Spaltenlogik */
body.cloud-page .sales-mail-item {
  background: rgba(255,255,255,0.92) !important;
}

body.cloud-page .sales-mail-summary {
  grid-template-columns: 28px 128px 96px minmax(170px, 240px) minmax(260px, 1fr) !important;
  gap: 10px !important;
  padding: 11px 14px !important;
  background: rgba(255,255,255,0.9) !important;
}

body.cloud-page .sales-mail-summary::before {
  grid-column: 1 !important;
  width: 22px;
  height: 22px;
}

body.cloud-page .sales-mail-summary .mail-history-date {
  grid-column: 2 !important;
  padding-left: 0 !important;
  font-size: 13px;
}

body.cloud-page .sales-mail-summary .mail-history-direction {
  grid-column: 3 !important;
  padding: 4px 8px !important;
  font-size: 12px;
  background: rgba(247,241,250,0.95) !important;
}

body.cloud-page .sales-mail-summary .mail-history-sender {
  grid-column: 4 !important;
  font-size: 13px;
  color: #6f5e7d;
}

body.cloud-page .sales-mail-summary .mail-history-subject {
  grid-column: 5 !important;
  font-size: 13px;
  color: #4f2d66;
}

body.cloud-page .sales-mail-summary:hover {
  background: rgba(247,241,250,0.95) !important;
}

body.cloud-page .mail-history-content {
  padding: 14px 16px !important;
}

body.cloud-page .sales-mail-preview {
  color: #6f5e7d;
  font-size: 13px;
}

@media (max-width: 1100px) {
  body.cloud-page .sales-mail-summary {
    grid-template-columns: 28px 1fr !important;
  }
  body.cloud-page .sales-mail-summary .mail-history-date,
  body.cloud-page .sales-mail-summary .mail-history-direction,
  body.cloud-page .sales-mail-summary .mail-history-sender,
  body.cloud-page .sales-mail-summary .mail-history-subject {
    grid-column: 2 !important;
  }
}

/* ===== Dashboard Status Badges ===== */
.tile-status {
  position: absolute;
  top: 12px;
  right: 14px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  padding: 4px 10px;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #c06a00, #ff8c00);
  box-shadow: 0 6px 14px rgba(192,106,0,0.25);
}

.tile-status.pilot {
  background: linear-gradient(135deg, #c06a00, #ff8c00);
}

.tile-status.beta {
  background: linear-gradient(135deg, #6d3f88, #8a5ca6);
}

/* ===== Salescloud Lead-Kompaktzeile: Detailanzeige + E-Mail + Aktionen ===== */
body.cloud-page .lead-card-shell,
body.cloud-page .email-row-cell,
body.cloud-page .email-row-wrapper.compact-row-wrapper {
  display: none !important;
}

body.cloud-page .details-card-cell {
  padding: 0 12px 12px 12px !important;
}

body.cloud-page .lead-details:not([open]),
body.cloud-page .lead-details[open] {
  background: rgba(255,255,255,0.78) !important;
  border: 1px solid rgba(92, 52, 115, 0.12) !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}

body.cloud-page .lead-details[open] {
  padding: 0 16px 14px 16px !important;
}

body.cloud-page .lead-details:not([open]) {
  padding: 0 16px !important;
}

body.cloud-page .compact-lead-summary {
  display: grid !important;
  grid-template-columns: 28px 180px minmax(260px, 1fr) auto;
  gap: 14px;
  align-items: center;
  width: 100%;
  margin: 0 !important;
  padding: 11px 0 !important;
  border-bottom: none !important;
}

body.cloud-page .lead-details[open] .compact-lead-summary {
  margin-bottom: 14px !important;
  border-bottom: 1px solid rgba(92, 52, 115, 0.12) !important;
}

/* Pfeil ganz links */
body.cloud-page .compact-lead-summary::before {
  grid-column: 1 !important;
  justify-self: start;
}

/* Detailanzeige links */
body.cloud-page .lead-summary-title {
  grid-column: 2 !important;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  font-weight: 800;
  color: #5c3473;
  white-space: nowrap;
}

/* E-Mail mittig */
body.cloud-page .lead-summary-email {
  grid-column: 3 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 0;
  text-align: center;
}

body.cloud-page .lead-summary-email .email-label {
  flex: 0 0 auto;
}

body.cloud-page .lead-summary-email .email-link {
  min-width: 0;
  max-width: 520px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Buttons ganz rechts */
body.cloud-page .lead-summary-actions {
  grid-column: 4 !important;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  white-space: nowrap;
  justify-self: end;
}

body.cloud-page .lead-mini-btn {
  font-size: 11px !important;
  line-height: 1 !important;
  padding: 6px 12px !important;
  border-radius: 20px !important;
  border: 1px solid silver !important;
  background-image: linear-gradient(to top, gainsboro 0%, white 90%) !important;
  font-weight: 600 !important;
  color: #5c3473 !important;
  cursor: pointer !important;
  box-shadow: 0 4px 10px rgba(70, 45, 92, 0.06) !important;
}

body.cloud-page a.lead-mini-btn {
  display: inline-flex !important;
  align-items: center !important;
  text-decoration: none !important;
}

body.cloud-page .lead-mini-btn:hover {
  transform: translateY(-1px) !important;
}

body.cloud-page .delete-btn {
  color: #7d3030 !important;
}

body.cloud-page .save-btn {
  color: #5c3473 !important;
}

@media (max-width: 1100px) {
  body.cloud-page .compact-lead-summary {
    grid-template-columns: 28px 1fr;
    gap: 8px 12px;
    align-items: flex-start;
  }

  body.cloud-page .compact-lead-summary::before {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  body.cloud-page .lead-summary-title {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  body.cloud-page .lead-summary-email {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-content: flex-start;
    text-align: left;
    width: 100%;
  }

  body.cloud-page .lead-summary-actions {
    grid-column: 2 !important;
    grid-row: 3 !important;
    width: 100%;
    justify-content: flex-start;
    justify-self: start;
  }
}

/* ===== Kundenverwaltung: shared Salescloud CSS ===== */
.salescloud-back-btn,
.salescloud-logout-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 20px;
  border-radius: 30px;
  border: 1px solid #c0c0c0;
  background-image: linear-gradient(to top, #f0f0f0 0%, #ffffff 100%);
  color: #5c3473;
  text-decoration: none;
  font-size: 1em;
  font-weight: 600;
  font-family: Arial, "Lucida Console", sans-serif;
  line-height: 1.2;
  cursor: pointer;
  transition: all 0.3s ease;
}

.salescloud-back-btn:hover,
.salescloud-logout-btn:hover {
  background-image: linear-gradient(to top, #e0e0e0 0%, #f7f7f7 100%);
  border-color: #b0b0b0;
  transform: scale(1.05);
  color: #472b5a;
}

.salescloud-top-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-left: auto;
}

.salescloud-user-meta {
  color: #5c3473;
  font-size: 14px;
  font-weight: 500;
  text-align: right;
  margin-right: 6px;
}

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

.crm-cockpit.focus-dashboard-card {
  padding: 22px 24px !important;
}

.crm-cockpit h3 {
  margin: 20px 0;
  color: #5c3473;
  background: none;
  -webkit-background-clip: initial;
  text-align: center;
  text-shadow: none;
  font-size: 28pt;
  line-height: 1.15;
}

.crm-cockpit .focus-dashboard-copy {
  line-height: 1.45;
}

.crm-cockpit .focus-kpi-tile {
  min-height: 118px;
}

.crm-cockpit .focus-kpi-tile span,
.crm-cockpit .focus-kpi-tile small {
  display: block;
}

.crm-cockpit .focus-kpi-tile span {
  font-size: 13px;
  font-weight: 700;
  color: #6d5b7b;
  margin-bottom: 10px;
}

.crm-cockpit .focus-kpi-tile strong {
  display: block;
  font-size: 34px;
  font-weight: 800;
  line-height: 1;
  color: #4f2d66;
  margin-bottom: 10px;
}

.crm-cockpit .focus-kpi-tile small {
  font-size: 13px;
  color: #7b6c87;
}

.crm-cockpit .tile-af strong { color: #9b2234; }
.crm-cockpit .tile-prio strong { color: #c06a00; }
.crm-cockpit .tile-new strong { color: #2d7e74; }
.crm-cockpit .tile-all strong { color: #5c3473; }

.crm-cockpit .focus-filter-pill strong {
  margin-right: 6px;
}

.crm-command-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 150px;
  gap: 18px;
  align-items: center;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(92, 52, 115, 0.12);
}

.crm-command-panel .sales-search-form {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.crm-command-panel .search-field-wrap {
  flex: 1 1 auto;
  min-width: 260px;
}

.crm-command-panel .sales-search-form input[type="text"] {
  min-width: 0;
  padding-left: 16px;
}

.crm-list-context {
  color: #6b5b78;
  text-align: right;
}

.crm-list-context strong {
  display: block;
  color: #5c3473;
  font-size: 28px;
  line-height: 1;
}

.crm-list-context span {
  font-size: 12px;
  font-weight: 700;
}

.notice,
.empty-state {
  width: min(1500px, calc(100vw - 44px));
  margin: 0 auto 22px auto;
  background: rgba(255,255,255,0.93);
  border: 1px solid rgba(180,180,180,0.45);
  border-radius: 24px;
  box-shadow: 0 10px 30px rgba(70,45,92,0.10);
}

.notice {
  padding: 14px 18px;
  color: #2f6f1f;
  font-weight: 800;
}

.notice.error {
  color: #9b1f2f;
}

.empty-state {
  padding: 28px;
  text-align: center;
}

.customer-list-compact {
  display: grid;
  width: min(1500px, calc(100vw - 44px));
  margin: 0 auto;
  gap: 10px;
}

.crm-row-card {
  position: relative;
  overflow: hidden;
  padding: 0 !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,0.93) !important;
  border: 1px solid rgba(92,52,115,0.13) !important;
  box-shadow: 0 10px 26px rgba(70,45,92,0.08) !important;
  transition: box-shadow .18s ease, transform .18s ease, border-color .18s ease;
}

.crm-row-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 34px rgba(70,45,92,0.12) !important;
  border-color: rgba(92,52,115,0.24) !important;
}

.customer-card-accent {
  position: absolute;
  inset: 0 auto 0 0;
  width: 6px;
  background: #8b8b8b;
}

.crm-row-card.contact-green .customer-card-accent { background: #2f6f1f; }
.crm-row-card.contact-orange .customer-card-accent { background: #9a5a00; }
.crm-row-card.contact-red .customer-card-accent { background: #a32020; }
.crm-row-card.contact-none .customer-card-accent { background: #8b8b8b; }

.crm-row-main {
  display: grid;
  grid-template-columns: minmax(340px, 1.55fr) minmax(145px, .52fr) minmax(155px, .56fr) minmax(165px, .62fr) 82px;
  gap: 12px;
  align-items: center;
  padding: 13px 18px 8px 24px;
}

.crm-company-cell {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.crm-company-block {
  min-width: 0;
}

.crm-company-block h2 {
  margin: 0;
  color: #5c3473;
  background: none;
  -webkit-background-clip: initial;
  text-align: left;
  text-shadow: none;
  font-family: Arial, "Lucida Console", sans-serif;
  font-size: 18px;
  line-height: 1.18;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.crm-subline {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 4px;
  color: #74627f;
  font-size: 12px;
  font-weight: 650;
}

.crm-subline span + span::before,
.crm-contact-line > * + *::before {
  content: "\00B7";
  margin-right: 8px;
  color: rgba(92,52,115,0.35);
}

.tier-badge {
  display: inline-flex;
  width: 38px;
  height: 38px;
  min-width: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
  font-weight: 900;
}

.tier-badge.tier-a { background: #9b2234; }
.tier-badge.tier-b { background: #c06a00; }
.tier-badge.tier-c { background: #2d7e74; }
.tier-badge.tier-d { background: #8b8b8b; }

.crm-statistics {
  width: min(1500px, calc(100vw - 44px));
  margin: 0 auto 22px auto;
  padding: 22px 24px 24px;
}

body.modal-open {
  overflow: hidden;
}

.stats-open-btn {
  font-family: inherit;
}

.stats-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 18px 24px;
  background: rgba(35, 22, 47, 0.34);
  overflow: auto;
}

.stats-modal-backdrop[hidden] {
  display: none;
}

.stats-modal-card.crm-statistics {
  width: min(1120px, 92vw);
  max-height: calc(100vh - 36px);
  margin: 0;
  overflow: auto;
  box-shadow: 0 24px 60px rgba(50, 30, 70, 0.24);
}

.stats-modal-actions {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  margin: -4px -4px 4px 0;
}

.stats-print-btn {
  min-height: 34px;
  padding: 5px 14px;
  border: 1px solid rgba(92,52,115,0.18);
  border-radius: 12px;
  background: linear-gradient(to top, #f3f1f5, #fff);
  color: #5c3473;
  font-family: inherit;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
}

.open-orders-print-frame {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border: 0;
  opacity: 0;
}

.customer-ai-box {
  margin: 14px 0;
  padding: 14px;
  border: 1px solid rgba(92,52,115,0.16);
  border-radius: 18px;
  background: #fbf9fd;
}

.customer-ai-headline,
.customer-ai-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.customer-ai-headline {
  margin-bottom: 10px;
}

.customer-ai-headline h3 {
  margin: 0;
  text-align: left;
  color: #5c3473;
  font-size: 17px;
}

.customer-ai-headline span {
  color: #74627f;
  font-size: 12px;
  font-weight: 700;
}

.customer-ai-actions {
  justify-content: flex-start;
  margin-bottom: 10px;
}

.customer-ai-actions form {
  margin: 0;
}

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

.customer-ai-section {
  padding: 11px;
  border: 1px solid rgba(92,52,115,0.10);
  border-radius: 14px;
  background: #fff;
  color: #33213f;
  font-size: 12px;
  line-height: 1.45;
}

.customer-ai-section h4 {
  margin: 0 0 6px 0;
  color: #5c3473;
  font-size: 12px;
  text-transform: uppercase;
}

.customer-ai-section p {
  margin: 0;
}

.customer-ai-section ul {
  margin: 0;
  padding-left: 18px;
}

.customer-ai-full {
  grid-column: 1 / -1;
}

.customer-fasttrack-list {
  display: grid;
  gap: 7px;
}

.customer-fasttrack-item {
  padding: 8px;
  border-radius: 12px;
  background: #f7f3fa;
}

.customer-fasttrack-item div {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}

.customer-fasttrack-item p {
  margin-top: 5px;
  color: #5d4c68;
}

@media (max-width: 900px) {
  .customer-ai-grid {
    grid-template-columns: 1fr;
  }
}

.stats-close-btn {
  min-width: 40px;
  min-height: 34px;
  padding: 5px 12px;
  border: none;
  border-radius: 12px;
  background: #5c3473;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
}

.stats-headline {
  align-items: flex-start;
}

.stats-headline h3 {
  margin: 0;
  color: #5c3473;
  background: none;
  -webkit-background-clip: initial;
  text-align: left;
  text-shadow: none;
  font-size: 28px;
}

.stats-headline > span {
  max-width: 360px;
  color: #74627f;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
  text-align: right;
}

.open-orders-open-btn strong {
  color: #2d7e74;
}

.stats-modal-card.open-orders-modal {
  width: min(1320px, 94vw);
}

.open-orders-table-wrap {
  max-height: calc(100vh - 220px);
  overflow: auto;
  border: 1px solid rgba(92,52,115,0.14);
  border-radius: 14px;
  background: rgba(255,255,255,0.88);
}

body.cloud-page .open-orders-table {
  width: 100%;
  min-width: 1040px;
  table-layout: auto;
  border-collapse: collapse;
  border-spacing: 0;
  background: #fff;
}

body.cloud-page .open-orders-table th,
body.cloud-page .open-orders-table td {
  padding: 8px 10px;
  border-bottom: 1px solid rgba(92,52,115,0.12);
  background: #fff;
  color: #49345a;
  font-size: 12px;
  line-height: 1.25;
  text-align: left;
  vertical-align: top;
}

body.cloud-page .open-orders-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #f7f1fa;
  color: #5c3473;
  font-weight: 900;
}

body.cloud-page .open-orders-table th:nth-child(6),
body.cloud-page .open-orders-table th:nth-child(7),
body.cloud-page .open-orders-table td.open-orders-number {
  text-align: right;
}

.open-orders-customer-name,
.open-orders-article {
  min-width: 190px;
}

.open-orders-date {
  white-space: nowrap;
}

.open-orders-unit {
  display: block;
  margin-top: 2px;
  color: #74627f;
  font-size: 10px;
  font-weight: 800;
}

body.cloud-page .open-orders-table tr.open-orders-subtotal td {
  background: #fbf7fd;
  color: #5c3473;
  font-weight: 900;
}

@media print {
  @page {
    size: landscape;
    margin: 10mm;
  }

  body.print-open-orders {
    background: #fff !important;
    padding: 0 !important;
  }

  body.print-open-orders * {
    visibility: hidden !important;
  }

  body.print-open-orders .open-orders-print-target,
  body.print-open-orders .open-orders-print-target * {
    visibility: visible !important;
  }

  body.print-open-orders .open-orders-print-target {
    position: absolute !important;
    inset: 0 auto auto 0 !important;
    width: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: none !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  body.print-open-orders .stats-modal-actions {
    display: none !important;
  }

  body.print-open-orders .stats-headline {
    margin-bottom: 10px !important;
  }

  body.print-open-orders .stats-headline h3 {
    color: #000 !important;
    font-size: 18pt !important;
  }

  body.print-open-orders .stats-headline > span,
  body.print-open-orders .section-kicker {
    color: #000 !important;
  }

  body.print-open-orders .open-orders-table-wrap {
    max-height: none !important;
    overflow: visible !important;
    border: none !important;
    border-radius: 0 !important;
  }

  body.print-open-orders .open-orders-table {
    min-width: 0 !important;
    width: 100% !important;
    border-collapse: collapse !important;
  }

  body.print-open-orders .open-orders-table th,
  body.print-open-orders .open-orders-table td {
    padding: 4px 5px !important;
    border: 1px solid #cfcfcf !important;
    color: #000 !important;
    background: #fff !important;
    font-size: 8.5pt !important;
    line-height: 1.2 !important;
  }

  body.print-open-orders .open-orders-table th {
    font-weight: 800 !important;
  }
}

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

.revenue-chart-row {
  display: grid;
  grid-template-columns: 38px minmax(230px, .85fr) minmax(420px, 2fr);
  gap: 14px;
  align-items: center;
  padding: 12px 14px;
  border: 1px solid rgba(92,52,115,0.10);
  border-radius: 18px;
  background: rgba(255,255,255,0.76);
}

.revenue-rank {
  display: inline-flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #f7f1fa;
  color: #5c3473;
  font-weight: 900;
}

.revenue-customer {
  min-width: 0;
}

.revenue-customer strong,
.revenue-customer span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.revenue-customer strong {
  color: #5c3473;
  font-size: 15px;
}

.revenue-customer span {
  margin-top: 3px;
  color: #74627f;
  font-size: 12px;
  font-weight: 750;
}

.revenue-bars {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.revenue-bar-line {
  display: grid;
  grid-template-columns: 92px minmax(160px, 1fr) 120px;
  gap: 10px;
  align-items: center;
}

.revenue-bar-line span {
  color: #74627f;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.revenue-bar-line strong {
  color: #5c3473;
  font-size: 12px;
  font-weight: 900;
  text-align: right;
  white-space: nowrap;
}

.revenue-bar-track {
  position: relative;
  height: 10px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(92,52,115,0.08);
}

.revenue-bar-track i {
  display: block;
  min-width: 3px;
  height: 100%;
  border-radius: inherit;
}

.bar-current { background: #5c3473; }
.bar-last { background: #c06a00; }
.bar-forecast { background: #2d7e74; }

.crm-kpi-cell {
  min-width: 0;
  padding: 9px 11px;
  border-radius: 15px;
  border: 1px solid rgba(92,52,115,0.09);
  background: rgba(255,255,255,0.72);
}

.crm-kpi-cell span {
  display: block;
  color: #74627f;
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .035em;
  white-space: nowrap;
}

.crm-kpi-cell strong {
  display: block;
  margin-top: 3px;
  color: #5c3473;
  font-size: 14px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.crm-kpi-cell small {
  display: block;
  margin-top: 1px;
  font-size: 11px;
  font-weight: 750;
  white-space: nowrap;
}

.revenue-trend.trend-positive,
.revenue-trend-detail.trend-positive {
  background: #edf7e9 !important;
  border-color: #b7d8aa !important;
  color: #2f6f1f !important;
}

.revenue-trend.trend-stable,
.revenue-trend-detail.trend-stable {
  background: #fff6d9 !important;
  border-color: #e6c85c !important;
  color: #7a5a00 !important;
}

.revenue-trend.trend-negative,
.revenue-trend-detail.trend-negative {
  background: #fdecec !important;
  border-color: #e3a3a3 !important;
  color: #a32020 !important;
}

.revenue-trend.trend-positive span,
.revenue-trend.trend-positive strong,
.revenue-trend.trend-positive small,
.revenue-trend-detail.trend-positive span,
.revenue-trend-detail.trend-positive strong,
.revenue-trend-detail.trend-positive small {
  color: #2f6f1f !important;
}

.revenue-trend.trend-stable span,
.revenue-trend.trend-stable strong,
.revenue-trend.trend-stable small,
.revenue-trend-detail.trend-stable span,
.revenue-trend-detail.trend-stable strong,
.revenue-trend-detail.trend-stable small {
  color: #7a5a00 !important;
}

.revenue-trend.trend-negative span,
.revenue-trend.trend-negative strong,
.revenue-trend.trend-negative small,
.revenue-trend-detail.trend-negative span,
.revenue-trend-detail.trend-negative strong,
.revenue-trend-detail.trend-negative small {
  color: #a32020 !important;
}

.revenue-trend strong i,
.revenue-trend-detail strong i {
  font-style: normal;
  margin-right: 2px;
}

.contact-green { background: #edf7e9 !important; border-color: #b7d8aa !important; color: #2f6f1f !important; }
.contact-orange { background: #fff4e3 !important; border-color: #f0c27a !important; color: #9a5a00 !important; }
.contact-red { background: #fdecec !important; border-color: #e3a3a3 !important; color: #a32020 !important; }
.contact-none { background: #f3f3f3 !important; border-color: #d0d0d0 !important; color: #777 !important; }

.contact-compact.contact-green,
.contact-compact.contact-orange,
.contact-compact.contact-red,
.contact-compact.contact-none {
  box-shadow: inset 4px 0 0 currentColor;
}

.crm-mail-count {
  text-align: center;
}

.crm-mail-count strong {
  font-size: 22px;
  line-height: 1;
}

.crm-row-sub {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  padding: 0 18px 12px 58px;
  color: #74627f;
  font-size: 13px;
}

.crm-contact-line {
  display: flex;
  gap: 8px 14px;
  align-items: center;
  flex-wrap: wrap;
  min-width: 0;
}

.crm-contact-line span,
.crm-contact-line a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 320px;
}

.crm-mini-metrics {
  display: flex;
  gap: 8px;
  flex: 0 0 auto;
}

.crm-mini-metrics span {
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(247,241,250,0.85);
  border: 1px solid rgba(92,52,115,0.08);
  color: #5c3473;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.details-box {
  margin: 0;
  padding: 0 18px 14px 24px !important;
}

.modern-details > summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 38px;
  padding: 9px 13px !important;
  border-radius: 15px !important;
  background: rgba(255,255,255,0.68) !important;
  border: 1px solid rgba(92,52,115,0.10);
  color: #5c3473;
  cursor: pointer;
  list-style: none;
}

.modern-details > summary::-webkit-details-marker {
  display: none;
}

.modern-details > summary span {
  font-size: 13px;
  font-weight: 900;
}

.modern-details > summary small {
  color: #74627f;
  font-size: 12px;
  font-weight: 700;
}

.modern-details > summary::after {
  content: "\00F6 ffnen";
  min-width: 56px;
  text-align: center;
  padding: 4px 9px;
  border-radius: 999px;
  background: #f7f1fa;
  color: #5c3473;
  font-size: 12px;
  font-weight: 800;
}

.modern-details[open] > summary::after {
  content: "schlie\00DF en";
}

.modern-details[open] > summary {
  margin-bottom: 14px;
}

.detail-action-row {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
  gap: 14px;
  margin: 0 0 14px 0;
}

.revenue-open-orders-row {
  margin: 10px 0 14px 0;
}

.detail-action-group {
  grid-column: 2;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}

.detail-action-group > span {
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(247,241,250,0.85);
  color: #5c3473;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.open-orders-detail-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  min-height: 34px;
  padding: 7px 14px;
  border: 1px solid rgba(92,52,115,0.22);
  border-radius: 999px;
  background: linear-gradient(to top, #f3f1f5, #fff);
  color: #5c3473;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 7px 16px rgba(70,45,92,0.08);
}

.open-orders-detail-btn strong {
  color: #2d7e74;
}

.open-orders-detail-btn:hover {
  border-color: rgba(92,52,115,0.36);
  transform: translateY(-1px);
}

.detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
  gap: 14px;
}

.detail-section {
  padding: 16px;
  border: 1px solid rgba(92,52,115,0.12);
  border-radius: 18px;
  background: rgba(255,255,255,0.78);
}

.detail-section h3,
.section-headline-row h3 {
  margin: 0 0 12px 0;
  color: #5c3473;
  background: none;
  -webkit-background-clip: initial;
  text-align: left;
  text-shadow: none;
  font-size: 20px;
}

.empty {
  color: #74627f;
  margin: 0;
}

.contact-card-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 10px;
}

.contact-mini-card {
  padding: 13px;
  border-radius: 16px;
  background: rgba(247,241,250,0.76);
  border: 1px solid rgba(92,52,115,0.10);
}

.contact-name {
  color: #5c3473;
  font-weight: 900;
}

.contact-role {
  margin-top: 4px;
  color: #74627f;
  font-size: 13px;
}

.contact-links {
  display: grid;
  gap: 4px;
  margin-top: 10px;
  font-size: 13px;
  word-break: break-word;
}

.info-form {
  display: grid;
  gap: 12px;
}

.info-form button {
  justify-self: start;
}

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

.email-section-full,
.revenue-detail-section {
  margin-top: 14px;
}

.revenue-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.revenue-detail-strip {
  padding: 0;
}

.revenue-strip div {
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(247,241,250,0.74);
  border: 1px solid rgba(92,52,115,0.10);
}

.revenue-strip span {
  display: block;
  color: #74627f;
  font-size: 12px;
  font-weight: 800;
  margin-bottom: 6px;
}

.revenue-strip strong {
  display: block;
  color: #5c3473;
  font-size: 17px;
}

.revenue-strip small {
  display: block;
  margin-top: 4px;
  font-size: 11px;
  font-weight: 800;
}

.revenue-strip .revenue-forecast.forecast-positive {
  background: rgba(235,248,230,0.86);
  border-color: rgba(84,151,55,0.34);
}

.revenue-strip .revenue-forecast.forecast-positive span,
.revenue-strip .revenue-forecast.forecast-positive strong {
  color: #2f7a25;
}

.revenue-strip .revenue-forecast.forecast-negative {
  background: rgba(255,239,240,0.86);
  border-color: rgba(160,37,37,0.30);
}

.revenue-strip .revenue-forecast.forecast-negative span,
.revenue-strip .revenue-forecast.forecast-negative strong {
  color: #a02525;
}

.revenue-strip .revenue-forecast.forecast-neutral {
  background: rgba(247,241,250,0.86);
}

.section-headline-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
}

.section-headline-row span {
  color: #74627f;
  font-size: 12px;
  font-weight: 800;
}

.mail-history-box {
  display: grid;
  gap: 8px;
}

.mail-history-item {
  padding: 0 !important;
  border: 1px solid rgba(92,52,115,0.16) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,0.84) !important;
  font-size: 13px;
  line-height: 1.45;
  overflow: hidden;
}

.mail-history-summary {
  display: grid;
  grid-template-columns: 135px 95px minmax(260px, 1fr) 240px;
  gap: 12px;
  align-items: center;
  padding: 10px 14px;
  background: rgba(247,241,250,0.88) !important;
  color: #49345a;
  cursor: pointer;
  list-style: none;
}

.mail-history-summary::-webkit-details-marker {
  display: none;
}

.mail-history-summary::before {
  content: "+";
  display: inline-flex;
  width: 22px;
  height: 22px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff;
  border: 1px solid rgba(92,52,115,0.18);
  color: #5c3473;
  font-weight: 900;
  grid-column: 1;
  grid-row: 1;
  justify-self: start;
}

.mail-history-item[open] .mail-history-summary::before {
  content: "-";
}

.mail-history-date {
  padding-left: 32px;
  color: #5c3473;
  font-weight: 900;
  white-space: nowrap;
}

.mail-history-direction {
  display: inline-flex;
  justify-content: center;
  padding: 4px 10px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid rgba(92,52,115,0.14);
  color: #5c3473;
  font-weight: 900;
  white-space: nowrap;
}

.mail-history-subject,
.mail-history-sender {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mail-history-subject {
  color: #5c3473;
  font-weight: 900;
}

.mail-history-sender {
  color: #6f5e7d;
  font-weight: 700;
}

.mail-history-content {
  padding: 14px;
  border-top: 1px solid rgba(92,52,115,0.10);
  background: rgba(255,255,255,0.94);
}

.mail-history-meta {
  color: #6f5e7d;
  font-size: 13px;
  line-height: 1.55;
  margin-bottom: 12px;
}

.mail-history-body {
  max-height: 420px;
  overflow-y: auto;
  padding: 12px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid rgba(92,52,115,0.10);
  color: #333;
  white-space: pre-wrap;
  word-break: break-word;
  font-size: 13px;
  line-height: 1.5;
}

@media (max-width: 1200px) {
  .crm-row-main {
    grid-template-columns: minmax(260px, 1fr) 145px 160px 160px 78px;
  }

  .crm-row-sub {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 900px) {
  .notice,
  .empty-state,
  .crm-statistics,
  .customer-pagination-row,
  .customer-list-compact {
    width: calc(100vw - 28px);
  }

  .crm-command-panel,
  .crm-row-main,
  .detail-grid,
  .revenue-strip,
  .mail-history-summary {
    grid-template-columns: 1fr;
  }

  .crm-command-panel .sales-search-form {
    flex-direction: column;
    align-items: stretch;
  }

  .crm-command-panel .sales-search-form input[type="text"],
  .crm-command-panel .sales-search-form button,
  .crm-command-panel .search-reset-pill {
    width: 100%;
  }

  .crm-list-context {
    text-align: left;
  }

  .stats-headline {
    flex-direction: column;
    align-items: flex-start;
  }

  .stats-headline > span {
    max-width: none;
    text-align: left;
  }

  .stats-modal-backdrop {
    padding: 3vh 12px;
  }

  .open-orders-table-wrap {
    max-height: 70vh;
  }

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

  .detail-action-group {
    grid-column: 1;
    justify-content: stretch;
    align-items: stretch;
    flex-direction: column;
  }

  .open-orders-detail-btn {
    width: 100%;
  }

  .revenue-chart-row {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .revenue-bars {
    grid-column: 1 / -1;
  }

  .revenue-bar-line {
    grid-template-columns: 86px minmax(120px, 1fr) 112px;
  }

  .crm-row-main {
    padding: 14px 14px 8px 22px;
  }

  .crm-row-sub {
    padding: 0 14px 12px 22px;
  }

  .crm-contact-line span,
  .crm-contact-line a {
    max-width: 100%;
  }

  .details-box {
    padding: 0 14px 14px 22px !important;
  }
}


/* ===== artefactum.cloud unified module design 2026 ===== */
:root {
  --af-purple: #5c3473;
  --af-purple-2: #7e58a3;
  --af-ink: #231434;
  --af-muted: #756482;
  --af-line: #e4ddeb;
  --af-panel: #ffffff;
  --af-bg: #f7f5fa;
  --af-green: #24705f;
  --af-red: #a02525;
  --af-amber: #986017;
  --af-shadow: 0 12px 28px rgba(40,25,54,0.07);
  --af-shadow-hover: 0 18px 34px rgba(40,25,54,0.10);
}

html,
body {
  background: var(--af-bg);
}

body,
input,
select,
textarea,
button,
td,
th,
p,
a,
div,
span,
label,
summary {
  font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  letter-spacing: 0;
}

body.cloud-page {
  background: var(--af-bg) !important;
  color: var(--af-ink);
  padding: 22px;
}

.page-shell {
  width: min(1460px, calc(100vw - 44px));
  margin: 0 auto;
}

.topbar-card,
.content-card,
.crm-cockpit,
.hero-panel,
.stats-modal-card,
.customer-card,
body.cloud-page .lead-card-group::before {
  background: var(--af-panel) !important;
  border: 1px solid var(--af-line) !important;
  border-radius: 18px !important;
  box-shadow: var(--af-shadow) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.topbar-card {
  padding: 18px 22px !important;
}

.topbar-row,
.brand-block,
.topbar-actions,
.salescloud-top-actions {
  gap: 14px;
}

.brand-logo {
  max-width: 240px;
}

.user-meta,
.salescloud-user-meta,
.version-text,
.muted-text,
.list-context,
.crm-subline,
.section-headline-row span {
  color: var(--af-muted) !important;
}

h1,
h2,
h3,
.section-title,
.stats-title,
.crm-company-block strong {
  color: var(--af-ink) !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  text-shadow: none !important;
  letter-spacing: 0 !important;
}

.section-title,
h2 {
  font-size: 18pt;
}

button,
input[type="submit"],
.button-link,
.salescloud-back-btn,
.salescloud-logout-btn,
.mail-open-btn,
.search-reset-pill,
.pagination-pill,
.stats-print-btn,
.stats-close-btn,
.open-orders-detail-btn {
  min-height: 38px;
  border: 1px solid #d7cede !important;
  border-radius: 999px !important;
  background: #fff !important;
  background-image: none !important;
  color: var(--af-purple) !important;
  box-shadow: 0 6px 16px rgba(40,25,54,0.06) !important;
  font-weight: 750 !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important;
}

button:hover,
input[type="submit"]:hover,
.button-link:hover,
.salescloud-back-btn:hover,
.salescloud-logout-btn:hover,
.mail-open-btn:hover,
.search-reset-pill:hover,
.pagination-pill:hover,
.stats-print-btn:hover,
.stats-close-btn:hover,
.open-orders-detail-btn:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(92,52,115,0.32) !important;
  box-shadow: var(--af-shadow-hover) !important;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="date"],
textarea,
select,
body.cloud-page input[type="text"],
body.cloud-page input[type="password"],
body.cloud-page textarea,
body.cloud-page select {
  border: 1px solid #d7cede !important;
  border-radius: 12px !important;
  background: #fff !important;
  background-image: none !important;
  color: var(--af-ink) !important;
  box-shadow: none !important;
  font-size: 14px !important;
}

input:focus,
textarea:focus,
select:focus,
body.cloud-page input[type="text"]:focus,
body.cloud-page input[type="password"]:focus,
body.cloud-page textarea:focus,
body.cloud-page select:focus {
  border-color: rgba(92,52,115,0.44) !important;
  box-shadow: 0 0 0 4px rgba(92,52,115,0.10) !important;
  outline: none !important;
}

body.cloud-page table {
  border-spacing: 0 10px;
}

body.cloud-page th {
  color: var(--af-muted) !important;
  background: transparent !important;
  font-size: 8.5pt;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

body.cloud-page td {
  color: var(--af-ink);
}

body.cloud-page .lead-card-group::before {
  border-radius: 18px !important;
}

body.cloud-page .lead-main-row td {
  padding-top: 14px;
}

body.cloud-page .compact-row-wrapper,
body.cloud-page .lead-details,
.mail-history-item,
.crm-row-card,
.detail-card,
.open-orders-table-wrap,
.revenue-chart-row,
.crm-command-panel {
  background: #fbfafc !important;
  border: 1px solid #eee9f2 !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

.contact-badge,
.task-reason,
.status-badge,
.class-pill,
.kontakt-pill,
.pagination-state,
.revenue-trend,
.crm-kpi-cell,
.stats-pill,
.filter-chip {
  border-radius: 999px !important;
}

.focus-dashboard-card,
.crm-cockpit {
  overflow: hidden;
}

.crm-command-panel {
  padding: 14px !important;
}

.customer-list-compact {
  gap: 14px;
}

.crm-row-card {
  padding: 0 !important;
}

.crm-row-main {
  border-bottom-color: #eee9f2 !important;
}

.stats-modal-backdrop {
  background: rgba(35,20,52,0.34) !important;
}

.modal-card,
.stats-modal-card {
  background: #fff !important;
  border-color: var(--af-line) !important;
}

@media (max-width: 900px) {
  body.cloud-page {
    padding: 14px;
  }

  .page-shell,
  .topbar-card,
  .content-card,
  .notice,
  .empty-state,
  .crm-statistics,
  .customer-pagination-row,
  .customer-list-compact {
    width: min(100%, calc(100vw - 28px)) !important;
  }
}


/* ===== shared artefactum.cloud shell ===== */
.has-unified-shell {
  margin: 0;
  padding: 0 !important;
  background: var(--af-bg) !important;
}

.cloud-app-shell {
  box-sizing: border-box;
  width: min(1680px, calc(100vw - 24px));
  min-height: calc(100vh - 24px);
  margin: 12px auto;
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid var(--af-line);
  border-radius: 28px;
  background: #fbfafd;
  box-shadow: 0 22px 55px rgba(45,31,61,0.11);
}

.cloud-side-nav {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 18px 14px;
  border-right: 1px solid var(--af-line);
  background: #fff;
}

.cloud-nav-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  color: var(--af-purple);
  text-decoration: none;
  padding: 5px 7px 14px 7px;
  border-bottom: 1px solid #eee9f2;
}

.cloud-brand-logo {
  display: block;
  height: auto;
  object-fit: contain;
}

.cloud-nav-brand-logo {
  width: min(156px, 100%);
}

.cloud-nav-brand span {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 15px;
  color: transparent;
  background: url('/assets/module-icons/brand-af.png') center / contain no-repeat;
  font-size: 0;
  font-weight: 900;
  line-height: 1;
  box-shadow: 0 9px 18px rgba(92,52,115,0.22);
}

.cloud-nav-brand strong {
  min-width: 0;
  color: var(--af-ink);
  font-size: 10.5pt;
  line-height: 1.2;
}

.cloud-nav-list {
  display: grid;
  gap: 8px;
}

.cloud-nav-link {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 5px 10px 5px 5px;
  border: 1px solid transparent;
  border-radius: 16px;
  color: var(--af-muted);
  text-decoration: none;
  font-weight: 800;
}

.cloud-nav-link:hover,
.cloud-nav-link.active {
  color: var(--af-purple);
  border-color: rgba(92,52,115,0.14);
  background: rgba(92,52,115,0.07);
}

.cloud-nav-code,
.cloud-nav-icon {
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 13px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  box-shadow: 0 8px 15px rgba(92,52,115,0.12);
}

.cloud-nav-code {
  display: grid;
  place-items: center;
  background-color: #f3eff6;
  color: var(--af-purple);
  font-size: 9pt;
  font-weight: 900;
}

.cloud-nav-icon-dashboard {
  background-image: url('https://artefactum.cloud/assets/module-icons/dashboard.png');
}

.cloud-nav-icon-news {
  background-image: url('https://artefactum.cloud/assets/module-icons/news.png');
}

.cloud-nav-icon-salescloud {
  background-image: url('https://artefactum.cloud/assets/module-icons/salescloud.png');
}

.cloud-nav-icon-cosvention {
  background-image: url('https://artefactum.cloud/assets/module-icons/cosvention.png');
}

.cloud-nav-icon-fasttrack {
  background-image: url('https://artefactum.cloud/assets/module-icons/fasttrack.png');
}

.cloud-nav-icon-aae {
  background-image: url('https://artefactum.cloud/assets/module-icons/aae.png?v=2');
}

.cloud-nav-link.active .cloud-nav-code {
  color: #fff;
  background: var(--af-purple);
}

.cloud-nav-link.active .cloud-nav-icon {
  box-shadow: 0 10px 18px rgba(92,52,115,0.20);
}

.cloud-nav-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cloud-app-main {
  min-width: 0;
  padding: 28px 38px 38px 38px;
  background: #fbfafd;
}

.cloud-app-header {
  display: grid;
  grid-template-columns: minmax(260px, 520px) auto;
  justify-content: space-between;
  gap: 28px;
  align-items: center;
  margin-bottom: 24px;
}

.cloud-app-search input {
  width: 100%;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 999px !important;
  box-shadow: 0 7px 18px rgba(40,25,54,0.05) !important;
}

.cloud-app-user {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  color: var(--af-purple);
  font-size: 10pt;
}

.cloud-app-user span {
  font-weight: 900;
  white-space: nowrap;
}

.cloud-app-user a {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 8px 18px;
  border: 1px solid #d7cede;
  border-radius: 999px;
  background: #fff;
  color: var(--af-purple);
  text-decoration: none;
  font-weight: 800;
  box-shadow: 0 6px 16px rgba(40,25,54,0.06);
}

.cloud-section-switch {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  margin: -8px 0 22px 0;
  padding: 5px;
  border: 1px solid var(--af-line);
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 8px 18px rgba(40,25,54,0.06);
}

.cloud-section-switch a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 8px 18px;
  border-radius: 999px;
  color: var(--af-muted);
  text-decoration: none;
  font-weight: 900;
}

.cloud-section-switch a:hover,
.cloud-section-switch a.active {
  color: #fff;
  background: var(--af-purple);
  box-shadow: 0 8px 16px rgba(92,52,115,0.16);
}

.has-unified-shell .page-shell {
  width: 100% !important;
  margin: 0 !important;
}

.has-unified-shell .page-shell > .topbar-card:first-child,
.has-unified-shell .page-shell > .topbar.card:first-child {
  display: none !important;
}

.has-unified-shell .layout {
  min-height: auto !important;
  gap: 18px;
}

.has-unified-shell .layout > .sidebar {
  width: 260px;
  flex: 0 0 260px;
  color: var(--af-ink);
  background: #fff !important;
  border: 1px solid var(--af-line);
  border-radius: 18px;
  box-shadow: var(--af-shadow);
}

.has-unified-shell .layout > .sidebar .sidebar-sub {
  color: var(--af-muted);
}

.has-unified-shell .layout > .sidebar .menu a {
  color: var(--af-muted);
}

.has-unified-shell .layout > .sidebar .menu a.active,
.has-unified-shell .layout > .sidebar .menu a:hover {
  color: var(--af-purple);
  background: rgba(92,52,115,0.07);
}

.has-unified-shell .layout > .main {
  padding: 0;
}

.has-unified-shell .layout > .main > .top-actions:first-child {
  display: none !important;
}

.cloud-app-shell.cloud-module-salescloud,
.cloud-app-shell.cloud-module-news,
.cloud-app-shell.cloud-module-cosvention,
.cloud-app-shell.cloud-module-fasttrack,
.cloud-app-shell.cloud-module-aae {
  width: min(1880px, calc(100% - 10px));
  min-height: calc(100vh - 10px);
  margin: 5px auto;
  grid-template-columns: 88px minmax(0, 1fr);
  border-radius: 22px;
}

.cloud-module-salescloud .cloud-side-nav,
.cloud-module-news .cloud-side-nav,
.cloud-module-cosvention .cloud-side-nav,
.cloud-module-fasttrack .cloud-side-nav,
.cloud-module-aae .cloud-side-nav {
  align-items: center;
  gap: 16px;
  padding: 18px 10px;
}

.cloud-module-salescloud .cloud-nav-brand,
.cloud-module-news .cloud-nav-brand,
.cloud-module-cosvention .cloud-nav-brand,
.cloud-module-fasttrack .cloud-nav-brand,
.cloud-module-aae .cloud-nav-brand {
  justify-content: center;
  width: 100%;
  padding: 4px 0 14px 0;
}

.cloud-module-salescloud .cloud-nav-brand strong,
.cloud-module-salescloud .cloud-nav-label,
.cloud-module-news .cloud-nav-brand strong,
.cloud-module-news .cloud-nav-label,
.cloud-module-cosvention .cloud-nav-brand strong,
.cloud-module-cosvention .cloud-nav-label,
.cloud-module-fasttrack .cloud-nav-brand strong,
.cloud-module-fasttrack .cloud-nav-label,
.cloud-module-aae .cloud-nav-brand strong,
.cloud-module-aae .cloud-nav-label {
  display: none;
}

.cloud-module-salescloud .cloud-nav-list,
.cloud-module-news .cloud-nav-list,
.cloud-module-cosvention .cloud-nav-list,
.cloud-module-fasttrack .cloud-nav-list,
.cloud-module-aae .cloud-nav-list {
  justify-items: center;
  width: 100%;
}

.cloud-module-salescloud .cloud-nav-link,
.cloud-module-news .cloud-nav-link,
.cloud-module-cosvention .cloud-nav-link,
.cloud-module-fasttrack .cloud-nav-link,
.cloud-module-aae .cloud-nav-link {
  grid-template-columns: 40px;
  justify-content: center;
  width: 54px;
  min-height: 54px;
  padding: 6px;
}

.cloud-module-salescloud .cloud-app-main,
.cloud-module-news .cloud-app-main,
.cloud-module-cosvention .cloud-app-main,
.cloud-module-fasttrack .cloud-app-main,
.cloud-module-aae .cloud-app-main {
  padding: 26px 28px 34px 28px;
}

.cloud-module-salescloud .content-card,
.cloud-module-salescloud .topbar-card {
  width: 100% !important;
}

.cloud-module-salescloud .crm-cockpit,
.cloud-module-salescloud .crm-statistics,
.cloud-module-salescloud .customer-list-compact,
.cloud-module-salescloud .customer-pagination-row,
.cloud-module-salescloud .notice,
.cloud-module-salescloud .empty-state {
  width: 100% !important;
  max-width: none !important;
}

.cloud-module-salescloud .crm-cockpit.focus-dashboard-card {
  padding: 24px 30px !important;
}

.cloud-module-salescloud .crm-cockpit .focus-dashboard-copy {
  max-width: 1120px;
}

.cloud-module-salescloud .focus-kpi-grid {
  grid-template-columns: repeat(4, minmax(180px, 1fr));
}

.cloud-module-salescloud .crm-command-panel {
  grid-template-columns: minmax(0, 1fr) minmax(110px, 150px);
}

.cloud-module-salescloud .crm-row-main {
  grid-template-columns: minmax(360px, 1.75fr) minmax(140px, .5fr) minmax(190px, .7fr) minmax(190px, .7fr) 76px;
  gap: 14px;
  padding: 14px 22px 9px 28px;
}

.cloud-module-salescloud .crm-row-sub {
  padding: 0 22px 13px 64px;
}

.cloud-module-salescloud .crm-kpi-cell {
  padding: 10px 12px;
}

.cloud-module-salescloud .crm-kpi-cell strong {
  font-size: 13.5px;
}

.cloud-module-salescloud .crm-company-block h2 {
  font-size: 17px;
}

.cloud-module-salescloud .list-meta-row {
  width: 100% !important;
}

@media (max-width: 1420px) {
  .cloud-module-salescloud .crm-row-main {
    grid-template-columns: minmax(300px, 1.55fr) minmax(130px, .5fr) minmax(170px, .68fr) minmax(170px, .68fr) 68px;
    gap: 10px;
  }

  .cloud-module-salescloud .crm-kpi-cell span {
    font-size: 10px;
  }

  .cloud-module-salescloud .crm-kpi-cell strong {
    font-size: 12.5px;
  }
}

@media (max-width: 1180px) {
  .cloud-module-salescloud .focus-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cloud-module-salescloud .crm-row-main {
    grid-template-columns: minmax(280px, 1fr) repeat(2, minmax(150px, .55fr)) 70px;
  }

  .cloud-module-salescloud .crm-row-main .contact-compact {
    grid-column: 2 / 4;
  }
}

@media (max-width: 1100px) {
  .cloud-app-shell {
    width: min(100% - 18px, 980px);
    grid-template-columns: 1fr;
  }

  .cloud-app-shell.cloud-module-salescloud,
  .cloud-app-shell.cloud-module-news,
  .cloud-app-shell.cloud-module-cosvention,
  .cloud-app-shell.cloud-module-fasttrack,
  .cloud-app-shell.cloud-module-aae {
    width: min(100% - 18px, 980px);
    min-height: calc(100vh - 18px);
    margin: 9px auto;
    grid-template-columns: 1fr;
  }

  .cloud-side-nav {
    flex-direction: row;
    overflow-x: auto;
    border-right: none;
    border-bottom: 1px solid var(--af-line);
  }

  .cloud-nav-brand strong {
    display: none;
  }

  .cloud-nav-list {
    display: flex;
    min-width: max-content;
  }

  .cloud-nav-link {
    grid-template-columns: 38px auto;
  }

  .cloud-module-salescloud .cloud-nav-label,
  .cloud-module-news .cloud-nav-label,
  .cloud-module-cosvention .cloud-nav-label,
  .cloud-module-fasttrack .cloud-nav-label,
  .cloud-module-aae .cloud-nav-label {
    display: inline;
  }

  .cloud-module-salescloud .cloud-nav-link,
  .cloud-module-news .cloud-nav-link,
  .cloud-module-cosvention .cloud-nav-link,
  .cloud-module-fasttrack .cloud-nav-link,
  .cloud-module-aae .cloud-nav-link {
    grid-template-columns: 38px auto;
    width: auto;
    min-height: 48px;
    padding: 5px 10px 5px 5px;
  }

  .cloud-module-salescloud .crm-row-main,
  .cloud-module-salescloud .crm-command-panel {
    grid-template-columns: 1fr;
  }

  .cloud-module-salescloud .crm-row-main .contact-compact {
    grid-column: auto;
  }

  .cloud-module-salescloud .crm-row-sub {
    padding: 0 18px 13px 28px;
  }

  .cloud-app-main {
    padding: 22px;
  }

  .cloud-app-header {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .cloud-app-user {
    justify-content: flex-start;
  }

  .has-unified-shell .layout {
    flex-direction: column;
  }

  .has-unified-shell .layout > .sidebar {
    width: 100%;
    flex: 0 0 auto;
  }
}

@media (max-width: 560px) {
  .cloud-app-shell {
    width: min(100% - 12px, 720px);
    margin: 6px auto;
    border-radius: 22px;
  }

  .cloud-app-main {
    padding: 18px 14px 20px 14px;
  }

  .cloud-nav-label {
    display: none;
  }

  .cloud-nav-link {
    grid-template-columns: 38px;
    padding-right: 5px;
  }
}

/* Artefactum Analytics Engine */
.aae-page {
  display: grid;
  gap: 24px;
  color: #211233;
}

.aae-hero,
.aae-panel,
.aae-kpi-card,
.aae-notice {
  border: 1px solid rgba(92, 52, 115, 0.14);
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 18px 42px rgba(50, 34, 70, 0.08);
  backdrop-filter: blur(18px);
}

.aae-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 520px);
  gap: 24px;
  align-items: end;
  padding: 30px;
  border-radius: 20px;
}

.aae-kicker,
.aae-panel-head span,
.aae-kpi-card span {
  color: #71577f;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.aae-hero h1 {
  margin: 7px 0 8px;
  color: #2c1642;
  font-size: 34px;
  line-height: 1;
  letter-spacing: 0;
}

.aae-hero p {
  max-width: 760px;
  margin: 0;
  color: #735d82;
  font-size: 15px;
  line-height: 1.5;
}

.aae-meta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}

.aae-meta-row span,
.aae-panel-head > span,
.aae-panel-head a,
.aae-kpi-card em {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 26px;
  padding: 5px 10px;
  border-radius: 999px;
  color: #5c3473;
  background: rgba(92, 52, 115, 0.08);
  font-size: 12px;
  font-weight: 800;
  font-style: normal;
  text-decoration: none;
}

.aae-filter {
  display: grid;
  grid-template-columns: repeat(2, minmax(120px, 1fr));
  gap: 10px;
  padding: 14px;
  border: 1px solid rgba(92, 52, 115, 0.12);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.62);
}

.aae-filter label {
  display: grid;
  gap: 5px;
  color: #725c82;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.aae-filter input {
  min-width: 0;
  height: 40px;
  border: 1px solid rgba(92, 52, 115, 0.16);
  border-radius: 12px;
  padding: 0 12px;
  color: #251139;
  background: rgba(255, 255, 255, 0.94);
  font: inherit;
  letter-spacing: 0;
}

.aae-filter-search {
  grid-column: 1 / -1;
}

.aae-filter button {
  grid-column: 1 / -1;
  min-height: 42px;
  border: 0;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(135deg, #5c3473, #3f8f8a);
  font-weight: 900;
  cursor: pointer;
}

.aae-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 8px;
  border: 1px solid rgba(92, 52, 115, 0.12);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.62);
  box-shadow: 0 14px 32px rgba(50, 34, 70, 0.06);
}

.aae-tabs a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 50px;
  padding: 10px 14px;
  border: 1px solid transparent;
  border-radius: 13px;
  color: #5c3473;
  text-decoration: none;
  transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.aae-tabs a:hover,
.aae-tabs a.active {
  border-color: rgba(92, 52, 115, 0.18);
  background: rgba(255, 255, 255, 0.9);
  transform: translateY(-1px);
}

.aae-tabs a.active {
  color: #fff;
  background: linear-gradient(135deg, #5c3473, #3f8f8a);
  box-shadow: 0 12px 24px rgba(92, 52, 115, 0.18);
}

.aae-tabs strong,
.aae-tabs span {
  display: block;
}

.aae-tabs strong {
  font-size: 14px;
  font-weight: 900;
}

.aae-tabs span {
  min-height: 24px;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(92, 52, 115, 0.08);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.aae-tabs a.active span {
  background: rgba(255, 255, 255, 0.18);
}

.aae-notice {
  display: grid;
  gap: 6px;
  padding: 18px 22px;
  border-color: rgba(184, 90, 33, 0.22);
  border-radius: 16px;
  color: #7c3f16;
  background: rgba(255, 246, 239, 0.86);
}

.aae-notice strong {
  color: #5c2e10;
}

.aae-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(160px, 1fr));
  gap: 16px;
}

.aae-management-kpi-grid {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.aae-kpi-card {
  display: grid;
  gap: 12px;
  min-height: 138px;
  padding: 22px;
  border-radius: 18px;
  position: relative;
  overflow: hidden;
}

.aae-kpi-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 22px;
  right: 22px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, #5c3473, #3f8f8a, #d99b3d);
  opacity: 0.82;
}

.aae-kpi-card strong {
  color: #241238;
  font-size: 34px;
  line-height: 1;
  letter-spacing: 0;
}

.aae-management-kpi-grid .aae-kpi-card strong {
  font-size: 30px;
}

.aae-section-intro {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: end;
  margin-top: 2px;
}

.aae-section-intro span {
  display: block;
  color: #71577f;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.aae-section-intro h2 {
  margin: 4px 0 0;
  color: #231039;
  font-size: 25px;
  line-height: 1.12;
  letter-spacing: 0;
}

.aae-section-intro p {
  max-width: 640px;
  margin: 0;
  color: #725c82;
  font-size: 13px;
  line-height: 1.45;
  text-align: right;
}

.aae-executive-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(170px, 1fr));
  gap: 16px;
}

.aae-exec-card {
  min-height: 178px;
  isolation: isolate;
}

.aae-exec-card.is-primary {
  grid-column: span 2;
  border-color: rgba(92, 52, 115, 0.24);
  background:
    linear-gradient(135deg, rgba(92, 52, 115, 0.10), rgba(63, 143, 138, 0.08)),
    rgba(255, 255, 255, 0.92);
  box-shadow: 0 24px 54px rgba(50, 34, 70, 0.14);
}

.aae-exec-card.is-primary strong {
  font-size: 42px;
}

.aae-exec-card em {
  min-height: auto;
  padding: 0;
  border-radius: 0;
  color: #725c82;
  background: transparent;
  font-size: 12px;
  line-height: 1.35;
  text-transform: none;
}

.aae-status-dot {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #8a7895;
  box-shadow: 0 0 0 5px rgba(138, 120, 149, 0.12);
}

.aae-exec-card.is-positive .aae-status-dot,
.aae-alert-card.priority-low::before,
.aae-risk-pill.is-stabil {
  background: #3f8f8a;
}

.aae-exec-card.is-neutral .aae-status-dot,
.aae-alert-card.priority-medium::before,
.aae-risk-pill.is-mittel,
.aae-risk-pill.is-beobachten {
  background: #d99b3d;
}

.aae-exec-card.is-critical .aae-status-dot,
.aae-alert-card.priority-high::before,
.aae-risk-pill.is-hoch {
  background: #9f1f25;
}

.aae-kpi-footer {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: end;
  margin-top: auto;
}

.aae-kpi-footer small {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 24px;
  padding: 4px 9px;
  border-radius: 999px;
  color: #5c3473;
  background: rgba(92, 52, 115, 0.08);
  font-size: 11px;
  font-weight: 900;
}

.aae-mini-trend {
  width: 116px;
  height: 34px;
  flex: 0 0 auto;
}

.aae-mini-trend path {
  fill: none;
  stroke: #5c3473;
  stroke-width: 4;
  stroke-linecap: round;
}

.aae-exec-card.is-positive .aae-mini-trend path {
  stroke: #3f8f8a;
}

.aae-exec-card.is-neutral .aae-mini-trend path {
  stroke: #d99b3d;
}

.aae-exec-card.is-critical .aae-mini-trend path {
  stroke: #9f1f25;
}

.aae-management-focus {
  display: grid;
  gap: 14px;
}

.aae-alert-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(170px, 1fr));
  gap: 14px;
}

.aae-alert-card {
  position: relative;
  display: grid;
  gap: 10px;
  min-height: 150px;
  padding: 18px 18px 16px;
  border: 1px solid rgba(92, 52, 115, 0.12);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 14px 32px rgba(50, 34, 70, 0.07);
  overflow: hidden;
}

.aae-alert-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: #8a7895;
}

.aae-alert-card span {
  color: #71577f;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.aae-alert-card h3 {
  margin: 4px 0 0;
  color: #241238;
  font-size: 16px;
  line-height: 1.15;
}

.aae-alert-card p {
  margin: 0;
  color: #735d82;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.42;
}

.aae-alert-card > strong {
  align-self: end;
  color: #5c3473;
  font-size: 22px;
  line-height: 1;
}

.aae-alert-card.priority-high {
  border-color: rgba(159, 31, 37, 0.18);
  background: rgba(255, 246, 246, 0.88);
}

.aae-alert-card.priority-medium {
  border-color: rgba(217, 155, 61, 0.24);
  background: rgba(255, 250, 240, 0.9);
}

.aae-area-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.aae-area-card {
  display: grid;
  gap: 8px;
  min-height: 176px;
  padding: 20px;
  border: 1px solid rgba(92, 52, 115, 0.12);
  border-radius: 20px;
  color: #241238;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 16px 38px rgba(50, 34, 70, 0.08);
  text-decoration: none;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.aae-area-card:hover,
.aae-area-card.active {
  transform: translateY(-2px);
  border-color: rgba(63, 143, 138, 0.28);
  box-shadow: 0 24px 52px rgba(50, 34, 70, 0.12);
}

.aae-area-card.active {
  background: linear-gradient(135deg, rgba(92, 52, 115, 0.12), rgba(63, 143, 138, 0.10)), rgba(255, 255, 255, 0.9);
}

.aae-area-card span,
.aae-area-card em,
.aae-area-card small {
  color: #71577f;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.aae-area-card strong {
  color: #241238;
  font-size: 22px;
  line-height: 1.1;
}

.aae-area-card b {
  color: #241238;
  font-size: 32px;
  line-height: 1;
}

.aae-area-card em,
.aae-area-card small {
  width: fit-content;
  min-height: 24px;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(92, 52, 115, 0.08);
  font-style: normal;
  letter-spacing: 0;
  text-transform: none;
}

.aae-dashboard-overview {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.aae-snapshot-panel {
  min-height: 260px;
}

.aae-snapshot-panel .aae-panel-head {
  margin-bottom: 12px;
}

.aae-snapshot-panel .aae-panel-head h2 {
  font-size: 18px;
}

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

.aae-snapshot-list div {
  position: relative;
  display: grid;
  gap: 3px;
  padding: 10px 0 10px 12px;
  border-bottom: 1px solid rgba(92, 52, 115, 0.08);
}

.aae-snapshot-list div::before {
  content: "";
  position: absolute;
  left: 0;
  top: 13px;
  bottom: 13px;
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(180deg, #5c3473, #3f8f8a);
}

.aae-snapshot-list strong {
  color: #241238;
  font-size: 13px;
  line-height: 1.2;
}

.aae-snapshot-list span {
  color: #7a6686;
  font-size: 11px;
  font-weight: 800;
}

.aae-snapshot-list em {
  color: #5c3473;
  font-size: 13px;
  font-style: normal;
  font-weight: 900;
}

.aae-snapshot-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.aae-snapshot-metrics div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(92, 52, 115, 0.08);
  border-radius: 14px;
  background: rgba(92, 52, 115, 0.045);
}

.aae-snapshot-metrics span {
  display: block;
  color: #806391;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.aae-snapshot-metrics strong {
  display: block;
  margin-top: 6px;
  color: #241238;
  font-size: 15px;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

.aae-grid {
  display: grid;
  gap: 20px;
}

.aae-grid-main {
  grid-template-columns: minmax(0, 1.06fr) minmax(360px, 0.94fr);
}

.aae-grid-secondary {
  grid-template-columns: minmax(340px, 0.7fr) minmax(0, 1.3fr);
}

.aae-abc-panel {
  display: grid;
  gap: 2px;
}

.aae-abc-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.aae-abc-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px 16px;
  align-items: center;
  min-height: 118px;
  padding: 16px;
  border: 1px solid rgba(92, 52, 115, 0.10);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.56);
}

.aae-abc-card span,
.aae-abc-card small {
  display: block;
  color: #7a6686;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.aae-abc-card strong {
  display: block;
  margin-top: 4px;
  color: #241238;
  font-size: 34px;
  line-height: 1;
}

.aae-abc-card em {
  display: block;
  color: #5c3473;
  font-size: 22px;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  text-align: right;
}

.aae-abc-card small {
  margin-top: 6px;
  letter-spacing: 0;
  text-align: right;
  text-transform: none;
}

.aae-abc-bar {
  grid-column: 1 / -1;
  height: 7px;
  border-radius: 999px;
  background: rgba(92, 52, 115, 0.08);
  overflow: hidden;
}

.aae-abc-bar i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #5c3473, #3f8f8a);
}

.aae-abc-b .aae-abc-bar i {
  background: linear-gradient(90deg, #8d6a3f, #d99b3d);
}

.aae-abc-c .aae-abc-bar i {
  background: linear-gradient(90deg, #8e2e2e, #d0826f);
}

.aae-panel {
  min-width: 0;
  padding: 22px;
  border-radius: 20px;
}

.aae-detail-zone {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.76)),
    rgba(255, 255, 255, 0.82);
}

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

.aae-panel-head h2 {
  margin: 4px 0 0;
  color: #231039;
  font-size: 22px;
  line-height: 1.15;
  letter-spacing: 0;
}

.aae-list,
.aae-risk-list {
  display: grid;
  gap: 10px;
}

.aae-list-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 9px 14px;
  align-items: center;
  padding: 13px 0;
  border-bottom: 1px solid rgba(92, 52, 115, 0.08);
}

.aae-list-row:last-child {
  border-bottom: 0;
}

.aae-list-row strong,
.aae-risk-item strong,
.aae-table strong {
  display: block;
  color: #241238;
  font-size: 14px;
  line-height: 1.25;
}

.aae-list-row span,
.aae-risk-item span,
.aae-table span {
  display: block;
  margin-top: 3px;
  color: #7a6686;
  font-size: 12px;
  line-height: 1.35;
}

.aae-row-value {
    color: #5c3473;
    font-size: 14px;
    font-weight: 900;
    text-align: right;
    white-space: nowrap;
}

.aae-row-value strong {
    display: block;
    color: #5c3473;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.2;
}

.aae-row-value span {
    display: block;
    margin-top: 3px;
    color: #7a6686;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
}

.aae-bar,
.aae-inline-bar {
  grid-column: 1 / -1;
  height: 7px;
  border-radius: 999px;
  background: rgba(92, 52, 115, 0.08);
  overflow: hidden;
}

.aae-inline-bar {
  height: 5px;
  margin-top: 8px;
}

.aae-bar i,
.aae-inline-bar i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #5c3473, #3f8f8a);
}

.aae-risk-item {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 13px;
  border: 1px solid rgba(92, 52, 115, 0.10);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.62);
}

.aae-risk-score {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 13px;
  color: #fff;
  background: #5c3473;
  font-weight: 900;
}

.aae-risk-item em {
  color: #9f1f25;
  font-size: 13px;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.aae-risk-hoch {
  border-color: rgba(159, 31, 37, 0.24);
  background: rgba(255, 244, 244, 0.86);
}

.aae-risk-hoch .aae-risk-score {
  background: #9f1f25;
}

.aae-risk-mittel .aae-risk-score {
  background: #9a6810;
}

.aae-trend {
  display: grid;
  grid-template-columns: repeat(12, minmax(20px, 1fr));
  gap: 9px;
  align-items: end;
  min-height: 190px;
  padding-top: 10px;
}

.aae-trend-bar {
  display: grid;
  grid-template-rows: minmax(120px, 1fr) 18px;
  gap: 8px;
  align-items: end;
  justify-items: center;
}

.aae-trend-bar i {
  display: block;
  width: 100%;
  min-height: 7px;
  border-radius: 999px 999px 4px 4px;
  background: linear-gradient(180deg, #3f8f8a, #5c3473);
}

.aae-trend-bar span {
  color: #7b6688;
  font-size: 11px;
  font-weight: 800;
}

.aae-table-wrap {
  width: 100%;
  overflow-x: auto;
}

.aae-table {
  width: 100%;
  min-width: 720px;
  border-collapse: separate;
  border-spacing: 0;
}

.aae-table th,
.aae-table td {
  padding: 13px 12px;
  border-bottom: 1px solid rgba(92, 52, 115, 0.08);
  text-align: left;
  vertical-align: top;
}

.aae-table th {
  color: #725c82;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.aae-table td {
  color: #352046;
  font-size: 13px;
}

.aae-open-orders-wrap {
  overflow-x: visible;
}

.aae-open-orders-table {
  min-width: 0;
  table-layout: fixed;
}

.aae-open-orders-table th,
.aae-open-orders-table td {
  padding: 11px 7px;
}

.aae-open-orders-table th {
  font-size: 10px;
  letter-spacing: 0.03em;
}

.aae-open-orders-table strong,
.aae-open-orders-table td {
  overflow-wrap: anywhere;
}

.aae-open-orders-table td:last-child,
.aae-open-orders-table th:last-child {
  text-align: right;
  white-space: nowrap;
}

.aae-open-orders-table td:last-child strong {
  color: #5c3473;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.aae-open-orders-table.has-open-quantity th:nth-child(1),
.aae-open-orders-table.has-open-quantity td:nth-child(1) {
  width: 28%;
}

.aae-open-orders-table.has-open-quantity th:nth-child(2),
.aae-open-orders-table.has-open-quantity td:nth-child(2) {
  width: 13%;
}

.aae-open-orders-table.has-open-quantity th:nth-child(3),
.aae-open-orders-table.has-open-quantity td:nth-child(3) {
  width: 14%;
}

.aae-open-orders-table.has-open-quantity th:nth-child(4),
.aae-open-orders-table.has-open-quantity td:nth-child(4) {
  width: 30%;
}

.aae-open-orders-table.has-open-quantity th:nth-child(5),
.aae-open-orders-table.has-open-quantity td:nth-child(5) {
  width: 15%;
}

.aae-open-orders-table.is-legacy th:nth-child(1),
.aae-open-orders-table.is-legacy td:nth-child(1) {
  width: 32%;
}

.aae-open-orders-table.is-legacy th:nth-child(2),
.aae-open-orders-table.is-legacy td:nth-child(2) {
  width: 15%;
}

.aae-open-orders-table.is-legacy th:nth-child(3),
.aae-open-orders-table.is-legacy td:nth-child(3) {
  width: 33%;
}

.aae-open-orders-table.is-legacy th:nth-child(4),
.aae-open-orders-table.is-legacy td:nth-child(4) {
  width: 20%;
}

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

.aae-compact-row {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.55fr);
  gap: 12px;
  align-items: stretch;
  padding: 12px;
  border: 1px solid rgba(92, 52, 115, 0.10);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.72);
}

.aae-compact-main {
  min-width: 0;
  align-self: center;
}

.aae-compact-main strong,
.aae-compact-main span {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.aae-compact-main strong {
  color: #241238;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.25;
}

.aae-compact-main span {
  margin-top: 4px;
  color: #7a6686;
  font-size: 12px;
  font-weight: 800;
}

.aae-compact-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

.aae-compact-metric {
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid rgba(92, 52, 115, 0.08);
  border-radius: 13px;
  background: rgba(92, 52, 115, 0.045);
}

.aae-compact-metric strong,
.aae-compact-metric span {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.aae-compact-metric strong {
  color: #4a2a5f;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.15;
}

.aae-compact-metric span {
  margin-top: 4px;
  color: #806391;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.aae-compact-money strong {
  font-variant-numeric: tabular-nums;
}

.aae-material-customer-row .aae-compact-money {
  grid-column: 1 / -1;
}

@media (max-width: 640px) {
  .aae-compact-row {
    grid-template-columns: 1fr;
  }

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

  .aae-material-customer-row .aae-compact-money {
    grid-column: auto;
  }
}

.aae-table mark {
  display: inline-grid;
  place-items: center;
  min-width: 30px;
  min-height: 28px;
  border-radius: 9px;
  color: #5c3473;
  background: rgba(92, 52, 115, 0.10);
  font-weight: 900;
}

.aae-matrix-table {
  min-width: 980px;
}

.aae-portfolio-table {
  min-width: 1060px;
}

.aae-no-scroll-table {
  overflow-x: visible;
}

.aae-no-scroll-table .aae-table {
  min-width: 0;
  table-layout: fixed;
}

.aae-no-scroll-table .aae-table th,
.aae-no-scroll-table .aae-table td {
  padding: 11px 8px;
}

.aae-no-scroll-table .aae-table th {
  font-size: 10px;
  letter-spacing: 0.04em;
  line-height: 1.18;
  white-space: normal;
}

.aae-no-scroll-table .aae-table td {
  font-size: 12px;
  line-height: 1.28;
  overflow-wrap: anywhere;
}

.aae-no-scroll-table .aae-table td:not(:first-child) {
  font-variant-numeric: tabular-nums;
  white-space: normal;
}

.aae-no-scroll-table .aae-table td strong {
  font-size: 13px;
}

.aae-portfolio-table th:nth-child(1),
.aae-portfolio-table td:nth-child(1) {
  width: 22%;
}

.aae-portfolio-table th:nth-child(2),
.aae-portfolio-table td:nth-child(2) {
  width: 11%;
}

.aae-portfolio-table th:nth-child(3),
.aae-portfolio-table td:nth-child(3) {
  width: 13%;
}

.aae-portfolio-table th:nth-child(4),
.aae-portfolio-table td:nth-child(4) {
  width: 11%;
}

.aae-portfolio-table th:nth-child(5),
.aae-portfolio-table td:nth-child(5) {
  width: 10%;
}

.aae-portfolio-table th:nth-child(6),
.aae-portfolio-table td:nth-child(6) {
  width: 13%;
}

.aae-portfolio-table th:nth-child(7),
.aae-portfolio-table td:nth-child(7) {
  width: 9%;
}

.aae-portfolio-table th:nth-child(8),
.aae-portfolio-table td:nth-child(8) {
  width: 11%;
}

.aae-production-products-table th:nth-child(1),
.aae-production-products-table td:nth-child(1) {
  width: 26%;
}

.aae-production-products-table th:nth-child(2),
.aae-production-products-table td:nth-child(2),
.aae-production-products-table th:nth-child(3),
.aae-production-products-table td:nth-child(3) {
  width: 10%;
}

.aae-production-products-table th:nth-child(4),
.aae-production-products-table td:nth-child(4) {
  width: 18%;
}

.aae-production-products-table th:nth-child(5),
.aae-production-products-table td:nth-child(5) {
  width: 17%;
}

.aae-production-products-table th:nth-child(6),
.aae-production-products-table td:nth-child(6) {
  width: 19%;
}

.aae-risk-pill {
  min-width: 68px;
  min-height: 24px;
  padding: 4px 8px;
  color: #fff;
  border-radius: 999px;
  font-size: 10px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.aae-table .aae-risk-pill {
  color: #fff;
}

.aae-empty {
  display: grid;
  min-height: 128px;
  place-items: center;
  border: 1px dashed rgba(92, 52, 115, 0.22);
  border-radius: 16px;
  color: #725c82;
  background: rgba(255, 255, 255, 0.46);
  font-weight: 800;
}

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

.aae-readiness-item {
  padding: 14px 15px;
  border: 1px solid rgba(92, 52, 115, 0.10);
  border-radius: 14px;
  color: #5f496d;
  background: rgba(255, 255, 255, 0.66);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
}

@media (max-width: 1260px) {
  .aae-hero,
  .aae-grid-main,
  .aae-grid-secondary {
    grid-template-columns: 1fr;
  }

  .aae-executive-grid,
  .aae-alert-grid,
  .aae-dashboard-overview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .aae-filter {
    max-width: 720px;
  }
}

@media (max-width: 860px) {
  .aae-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .aae-section-intro {
    display: grid;
  }

  .aae-section-intro p {
    max-width: none;
    text-align: left;
  }

  .aae-area-grid {
    grid-template-columns: 1fr;
  }

  .aae-abc-grid {
    grid-template-columns: 1fr;
  }

  .aae-tabs {
    grid-template-columns: 1fr;
  }

  .aae-hero {
    padding: 22px;
  }

  .aae-panel-head {
    flex-direction: column;
  }
}

@media (max-width: 560px) {
  .aae-kpi-grid,
  .aae-executive-grid,
  .aae-alert-grid,
  .aae-dashboard-overview,
  .aae-filter {
    grid-template-columns: 1fr;
  }

  .aae-exec-card.is-primary {
    grid-column: auto;
  }

  .aae-exec-card.is-primary strong {
    font-size: 32px;
  }

  .aae-kpi-card strong {
    font-size: 28px;
  }

  .aae-risk-item {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .aae-risk-item em {
    grid-column: 2;
  }
}

/* AAE decision cockpit: main view is intentionally quiet and action-oriented. */
.aae-legacy-overview[hidden] {
  display: none !important;
}

.aae-decision-summary,
.aae-decision-panel,
.aae-detail-analysis {
  background: rgba(255,255,255,0.94);
  border: 1px solid rgba(92,52,115,0.12);
  border-radius: 24px;
  box-shadow: 0 16px 36px rgba(35,20,52,0.07);
  margin-top: 22px;
  padding: 28px;
}

.aae-decision-head,
.aae-decision-section-head,
.aae-decision-block-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.aae-decision-head span,
.aae-decision-section-head span,
.aae-decision-block-head span {
  color: #735982;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.aae-decision-head h2,
.aae-decision-section-head h2,
.aae-decision-block h3 {
  color: #241333;
  margin: 4px 0 0;
}

.aae-decision-head p,
.aae-decision-section-head p,
.aae-decision-block-head p {
  color: #725b82;
  line-height: 1.55;
  margin: 8px 0 0;
  max-width: 760px;
}

.aae-decision-period,
.aae-decision-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  background: #f3eef6;
  color: #5c3473;
  font-weight: 900;
  padding: 9px 13px;
  white-space: nowrap;
}

.aae-decision-area-status {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 22px;
}

.aae-decision-status-card,
.aae-decision-tabs a {
  min-width: 0;
  display: grid;
  gap: 7px;
  align-content: start;
  border: 1px solid rgba(92,52,115,0.12);
  border-radius: 18px;
  background: #fff;
  color: #241333;
  padding: 16px;
  text-decoration: none;
}

.aae-decision-status-card.active,
.aae-decision-tabs a.active {
  border-color: rgba(92,52,115,0.32);
  box-shadow: inset 0 0 0 2px rgba(92,52,115,0.08);
}

.aae-decision-status-card strong,
.aae-decision-tabs strong {
  font-size: 18px;
  font-weight: 900;
}

.aae-decision-status-card em,
.aae-decision-tabs em {
  color: #5c3473;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.aae-decision-status-card small {
  color: #725b82;
  font-size: 13px;
  line-height: 1.4;
}

.aae-decision-light {
  width: 11px;
  height: 11px;
  border-radius: 999px;
  background: #a79aad;
  box-shadow: 0 0 0 5px rgba(167,154,173,0.14);
}

.is-red > .aae-decision-light,
.aae-decision-light.is-red,
.aae-decision-status-badge.is-red .aae-decision-light {
  background: #ac2022;
  box-shadow: 0 0 0 5px rgba(172,32,34,0.12);
}

.is-orange > .aae-decision-light,
.aae-decision-light.is-orange,
.aae-decision-status-badge.is-orange .aae-decision-light {
  background: #df843d;
  box-shadow: 0 0 0 5px rgba(223,132,61,0.14);
}

.is-green > .aae-decision-light,
.aae-decision-light.is-green,
.aae-decision-status-badge.is-green .aae-decision-light {
  background: #2f8f87;
  box-shadow: 0 0 0 5px rgba(47,143,135,0.14);
}

.aae-decision-story-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}

.aae-decision-story {
  min-width: 0;
  border: 1px solid rgba(92,52,115,0.1);
  border-radius: 18px;
  background: #fff;
  padding: 16px;
}

.aae-decision-story span {
  color: #735982;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.aae-decision-story h3 {
  color: #241333;
  margin: 8px 0 6px;
}

.aae-decision-story p {
  color: #725b82;
  line-height: 1.45;
  margin: 0;
}

.aae-decision-story strong {
  display: inline-flex;
  margin-top: 12px;
  color: #5c3473;
  font-weight: 900;
}

.aae-decision-story.is-red,
.aae-decision-signal.is-red,
.aae-decision-kpi.is-red {
  border-color: rgba(172,32,34,0.26);
  background: #fff8f8;
}

.aae-decision-story.is-orange,
.aae-decision-signal.is-orange,
.aae-decision-kpi.is-orange {
  border-color: rgba(223,132,61,0.26);
  background: #fffaf4;
}

.aae-decision-story.is-green,
.aae-decision-signal.is-green,
.aae-decision-kpi.is-green {
  border-color: rgba(47,143,135,0.22);
  background: #f7fcfb;
}

.aae-decision-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 22px;
}

.aae-management-sentences {
  display: grid;
  gap: 10px;
  margin-top: 20px;
}

.aae-management-sentences p {
  border-left: 4px solid #5c3473;
  border-radius: 12px;
  background: #fbf8fd;
  color: #241333;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.45;
  margin: 0;
  padding: 12px 14px;
}

.aae-decision-kpis {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  margin-top: 20px;
}

.aae-decision-kpi {
  min-width: 0;
  border: 1px solid rgba(92,52,115,0.11);
  border-radius: 18px;
  background: #fff;
  padding: 16px;
}

.aae-decision-kpi span {
  color: #735982;
  display: block;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.aae-decision-kpi strong {
  color: #241333;
  display: block;
  font-size: clamp(24px, 2.2vw, 36px);
  font-weight: 900;
  line-height: 1.05;
  margin-top: 10px;
  overflow-wrap: anywhere;
}

.aae-decision-kpi em {
  color: #725b82;
  display: block;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.35;
  margin-top: 8px;
  overflow-wrap: anywhere;
}

.aae-decision-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 22px;
}

.aae-decision-block {
  min-width: 0;
  border: 1px solid rgba(92,52,115,0.1);
  border-radius: 20px;
  background: #fff;
  padding: 18px;
}

.aae-decision-block-head {
  justify-content: flex-start;
}

.aae-decision-block-head > span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: #f3eef6;
  color: #5c3473;
  flex: 0 0 34px;
}

.aae-decision-signal-list,
.aae-decision-focus-list {
  display: grid;
  gap: 10px;
  margin-top: 16px;
}

.aae-decision-signal,
.aae-decision-focus {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border: 1px solid rgba(92,52,115,0.1);
  border-radius: 16px;
  background: #fff;
  padding: 12px;
}

.aae-decision-focus {
  grid-template-columns: minmax(0, 1fr) auto;
}

.aae-decision-signal strong,
.aae-decision-focus strong {
  color: #241333;
  display: block;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.aae-decision-signal small,
.aae-decision-focus small {
  color: #725b82;
  display: block;
  font-size: 13px;
  line-height: 1.35;
  margin-top: 3px;
  overflow-wrap: anywhere;
}

.aae-decision-signal em,
.aae-decision-focus em {
  color: #5c3473;
  font-style: normal;
  font-weight: 900;
  text-align: right;
  white-space: nowrap;
}

.aae-detail-analysis > summary {
  border: 1px solid rgba(92,52,115,0.18);
  border-radius: 999px;
  background: #fff;
  color: #5c3473;
  cursor: pointer;
  font-weight: 900;
  padding: 10px 16px;
  text-decoration: none;
}

.aae-detail-analysis {
  padding: 0;
}

.aae-detail-analysis > summary {
  align-items: center;
  border: 0;
  border-radius: 24px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  list-style: none;
  padding: 20px 24px;
}

.aae-detail-analysis > summary::-webkit-details-marker {
  display: none;
}

.aae-detail-analysis > summary span {
  border-radius: 999px;
  background: #f3eef6;
  color: #735982;
  font-size: 12px;
  letter-spacing: 0.08em;
  padding: 7px 10px;
  text-transform: uppercase;
}

.aae-detail-analysis > summary strong {
  color: #241333;
  font-size: 18px;
}

.aae-detail-analysis > summary em {
  color: #725b82;
  font-size: 13px;
  font-style: normal;
  text-align: right;
}

.aae-detail-analysis[open] {
  padding: 0 24px 24px;
}

.aae-detail-analysis[open] > summary {
  margin: 0 -24px 18px;
}

@media (max-width: 1180px) {
  .aae-decision-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .aae-decision-story-grid,
  .aae-decision-area-status {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 880px) {
  .aae-decision-tabs,
  .aae-decision-columns,
  .aae-decision-kpis {
    grid-template-columns: 1fr;
  }

  .aae-decision-head,
  .aae-decision-section-head {
    display: grid;
  }

  .aae-detail-analysis > summary {
    grid-template-columns: 1fr;
  }

  .aae-detail-analysis > summary em {
    text-align: left;
  }
}

@media (max-width: 560px) {
  .aae-decision-summary,
  .aae-decision-panel {
    border-radius: 18px;
    padding: 20px;
  }

  .aae-decision-signal,
  .aae-decision-focus {
    grid-template-columns: 1fr;
  }

  .aae-decision-signal em,
  .aae-decision-focus em {
    text-align: left;
  }
}

/* AAE UX refinement: segment navigation, clearer zones, quieter detail access. */
.cloud-module-aae .cloud-app-main {
  padding-top: 22px;
}

.aae-page {
  gap: 18px;
}

.aae-hero,
.aae-decision-summary,
.aae-decision-panel,
.aae-detail-analysis,
.aae-panel,
.aae-kpi-card {
  box-shadow: 0 10px 28px rgba(35,20,52,0.055);
  backdrop-filter: none;
}

.aae-hero {
  grid-template-columns: minmax(0, 1fr) minmax(340px, 500px);
  align-items: center;
  padding: 26px 30px;
  border-radius: 22px;
  background: rgba(255,255,255,0.94);
}

.aae-hero h1 {
  font-size: clamp(28px, 2.3vw, 38px);
}

.aae-hero p {
  font-size: 14px;
}

.aae-filter {
  background: #fff;
  border-color: rgba(92,52,115,0.10);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.45);
}

.aae-filter button {
  background: #5c3473;
}

.aae-decision-tabs {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 0;
  padding: 8px;
  border: 1px solid rgba(92,52,115,0.10);
  border-radius: 22px;
  background: rgba(255,255,255,0.96);
  box-shadow: 0 10px 26px rgba(35,20,52,0.055);
}

.aae-decision-tabs a {
  min-height: 86px;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  align-items: center;
  gap: 13px;
  padding: 14px 16px;
  border: 1px solid transparent;
  border-radius: 17px;
  background: transparent;
  color: #241333;
  transition: background 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.aae-decision-tabs a:hover {
  transform: translateY(-1px);
  background: #fbf9fc;
  border-color: rgba(92,52,115,0.14);
}

.aae-decision-tabs a.active {
  background: linear-gradient(135deg, #5c3473, #3f8f8a);
  border-color: transparent;
  box-shadow: 0 12px 24px rgba(92,52,115,0.18);
  color: #fff;
}

.aae-segment-icon {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 15px;
  background: #f3eef6;
  color: #5c3473;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0;
}

.aae-decision-tabs a.active .aae-segment-icon {
  background: rgba(255,255,255,0.18);
  color: #fff;
}

.aae-segment-copy {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.aae-decision-tabs strong {
  font-size: 18px;
  line-height: 1.1;
}

.aae-decision-tabs small {
  color: #725b82;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.aae-decision-tabs a.active small {
  color: rgba(255,255,255,0.84);
}

.aae-decision-tabs em {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  justify-self: end;
  padding: 6px 9px;
  border-radius: 999px;
  background: #f4eff6;
  color: #5c3473;
  font-size: 11px;
  white-space: nowrap;
}

.aae-decision-tabs a.active em {
  background: rgba(255,255,255,0.18);
  color: #fff;
}

.aae-decision-tabs a.is-red .aae-decision-light,
.aae-decision-status-badge.is-red .aae-decision-light,
.aae-decision-signal.is-red .aae-decision-light {
  background: #ac2022;
  box-shadow: 0 0 0 5px rgba(172,32,34,0.12);
}

.aae-decision-tabs a.is-orange .aae-decision-light,
.aae-decision-status-badge.is-orange .aae-decision-light,
.aae-decision-signal.is-orange .aae-decision-light {
  background: #df843d;
  box-shadow: 0 0 0 5px rgba(223,132,61,0.14);
}

.aae-decision-tabs a.is-green .aae-decision-light,
.aae-decision-status-badge.is-green .aae-decision-light,
.aae-decision-signal.is-green .aae-decision-light {
  background: #2f8f87;
  box-shadow: 0 0 0 5px rgba(47,143,135,0.14);
}

.aae-decision-summary,
.aae-decision-panel,
.aae-detail-analysis {
  margin-top: 0;
  border-radius: 22px;
  background: rgba(255,255,255,0.96);
}

.aae-decision-summary {
  padding: 24px;
}

.aae-decision-head h2,
.aae-decision-section-head h2 {
  font-size: clamp(24px, 2vw, 32px);
  line-height: 1.08;
}

.aae-decision-head p,
.aae-decision-section-head p,
.aae-decision-block-head p {
  max-width: 640px;
  line-height: 1.42;
}

.aae-decision-period,
.aae-decision-status-badge {
  min-height: 34px;
  padding: 7px 12px;
  background: #f3eef6;
  font-size: 12px;
}

.aae-decision-story-grid {
  gap: 12px;
  margin-top: 16px;
}

.aae-decision-story {
  display: grid;
  gap: 6px;
  min-height: 126px;
  padding: 15px;
  border-radius: 16px;
}

.aae-decision-story h3 {
  font-size: 19px;
  line-height: 1.12;
  margin: 0;
}

.aae-decision-story p {
  font-size: 13px;
}

.aae-decision-story strong {
  margin-top: auto;
}

.aae-decision-panel {
  position: relative;
  padding: 26px;
  overflow: hidden;
}

.aae-decision-panel::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: #5c3473;
}

.aae-area-einkauf .aae-decision-panel::before {
  background: #5c3473;
}

.aae-area-fertigung .aae-decision-panel::before {
  background: #2f8f87;
}

.aae-area-vertrieb .aae-decision-panel::before {
  background: #df843d;
}

.aae-zone-label {
  margin: 22px 0 10px;
  color: #735982;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.aae-management-sentences {
  gap: 8px;
  margin-top: 0;
}

.aae-management-sentences p {
  border-left-width: 3px;
  border-radius: 10px;
  background: #fbf9fc;
  font-size: 15px;
  line-height: 1.34;
  padding: 10px 13px;
}

.aae-area-einkauf .aae-management-sentences p {
  border-left-color: #5c3473;
}

.aae-area-fertigung .aae-management-sentences p {
  border-left-color: #2f8f87;
}

.aae-area-vertrieb .aae-management-sentences p {
  border-left-color: #df843d;
}

.aae-decision-columns {
  gap: 18px;
  margin-top: 16px;
}

.aae-decision-block {
  border-radius: 18px;
  background: #fff;
  padding: 18px;
}

.aae-decision-block-head > span {
  width: auto;
  height: auto;
  min-height: 30px;
  padding: 7px 10px;
  border-radius: 999px;
  flex: 0 0 auto;
  letter-spacing: 0.06em;
}

.aae-decision-block h3 {
  font-size: 22px;
  line-height: 1.1;
}

.aae-decision-signal-list,
.aae-decision-focus-list {
  gap: 0;
  margin-top: 14px;
  border: 1px solid rgba(92,52,115,0.08);
  border-radius: 16px;
  background: #fff;
  overflow: hidden;
}

.aae-decision-signal,
.aae-decision-focus {
  border: 0;
  border-bottom: 1px solid rgba(92,52,115,0.075);
  border-radius: 0;
  padding: 12px 14px;
}

.aae-decision-signal:last-child,
.aae-decision-focus:last-child {
  border-bottom: 0;
}

.aae-decision-signal strong,
.aae-decision-focus strong {
  font-size: 14px;
}

.aae-decision-signal small,
.aae-decision-focus small {
  font-size: 12px;
}

.aae-decision-kpis {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin-top: 0;
}

.aae-decision-kpi {
  border-radius: 16px;
  padding: 15px;
  background: #fff;
}

.aae-decision-kpi strong {
  font-size: clamp(21px, 1.7vw, 30px);
}

.aae-decision-kpi em {
  font-size: 12px;
}

.aae-detail-analysis {
  border-style: dashed;
  background: rgba(255,255,255,0.82);
}

.aae-detail-analysis > summary {
  min-height: 70px;
  padding: 18px 22px;
}

.aae-detail-analysis > summary::after {
  content: "oeffnen";
  justify-self: end;
  min-width: 82px;
  padding: 7px 11px;
  border-radius: 999px;
  background: #f4eff6;
  color: #5c3473;
  font-size: 12px;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}

.aae-detail-analysis[open] > summary::after {
  content: "schliessen";
}

.aae-detail-analysis > summary {
  grid-template-columns: auto minmax(0, 1fr) minmax(260px, auto) auto;
}

.aae-detail-analysis > summary span {
  font-weight: 900;
}

.aae-kpi-grid {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 12px;
}

.aae-kpi-card {
  min-height: 126px;
  padding: 18px;
  background: #fff;
}

.aae-kpi-card strong {
  font-size: clamp(24px, 2vw, 32px);
}

.aae-panel {
  background: #fff;
  border-color: rgba(92,52,115,0.10);
  border-radius: 18px;
}

.aae-section-intro {
  margin-top: 14px;
}

.aae-section-intro h2 {
  font-size: 23px;
}

.aae-section-intro p {
  font-size: 12px;
}

.aae-list-row,
.aae-compact-row {
  background: transparent;
}

@media (max-width: 1180px) {
  .aae-decision-tabs a {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .aae-decision-tabs em {
    grid-column: 2;
    justify-self: start;
  }

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

@media (max-width: 880px) {
  .aae-hero,
  .aae-decision-tabs,
  .aae-decision-columns,
  .aae-decision-kpis {
    grid-template-columns: 1fr;
  }

  .aae-decision-tabs a {
    grid-template-columns: 42px minmax(0, 1fr) auto;
  }

  .aae-detail-analysis > summary {
    grid-template-columns: 1fr;
  }

  .aae-detail-analysis > summary::after {
    justify-self: start;
  }

  .aae-responsive-table {
    overflow-x: visible;
  }

  .aae-responsive-table .aae-table,
  .aae-responsive-table .aae-table tbody,
  .aae-responsive-table .aae-table tr,
  .aae-responsive-table .aae-table td {
    display: block;
    width: 100%;
  }

  .aae-responsive-table .aae-table thead {
    display: none;
  }

  .aae-responsive-table .aae-table tbody {
    display: grid;
    gap: 10px;
  }

  .aae-responsive-table .aae-table tr {
    border: 1px solid rgba(92,52,115,0.10);
    border-radius: 16px;
    background: rgba(255,255,255,0.82);
    padding: 12px;
  }

  .aae-responsive-table .aae-table td {
    align-items: baseline;
    border-bottom: 0;
    display: grid;
    gap: 4px;
    grid-template-columns: minmax(110px, 0.42fr) minmax(0, 1fr);
    padding: 7px 0;
    text-align: right;
  }

  .aae-responsive-table .aae-table td:first-child {
    display: block;
    padding-top: 0;
    text-align: left;
  }

  .aae-responsive-table .aae-table td::before {
    color: #725c82;
    content: attr(data-label);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-align: left;
    text-transform: uppercase;
  }

  .aae-responsive-table .aae-table td:first-child::before {
    display: none;
  }

  .aae-responsive-table .aae-table td:last-child {
    padding-bottom: 0;
  }
}

@media (max-width: 560px) {
  .aae-hero,
  .aae-decision-summary,
  .aae-decision-panel {
    padding: 20px;
  }

  .aae-decision-tabs a {
    grid-template-columns: 40px minmax(0, 1fr);
  }
}
/* ===== Gefuehrte 30-Minuten-Vertriebssteuerung ===== */
.today-page { background:#f3f1ec; color:#242326; }
.today-shell { max-width:1440px; margin:0 auto; padding:28px 32px 60px; }
.today-heading { max-width:720px; margin-bottom:24px; }
.today-heading h1 { font-size:42px; line-height:1; margin:5px 0 10px; color:#2e2134; }
.today-heading p { margin:0; color:#66606a; }
.eyebrow { text-transform:uppercase; letter-spacing:.12em; font-size:11px; font-weight:700; color:#8a6679!important; }
.decision-notice { background:#e9f4e6; color:#2e6226; padding:12px 16px; border-radius:12px; margin:0 0 20px; }
.decision-card { background:#fff; border:1px solid #ded9dc; border-left:5px solid #b4a7b0; border-radius:18px; padding:20px; box-shadow:0 8px 28px rgba(49,34,48,.06); min-width:0; }
.decision-card.section-win { border-left-color:#7e3f67; }
.decision-card.section-secure { border-left-color:#c17823; }
.decision-card.section-clarify { border-left-color:#6d7883; }
.hero-decision { background:linear-gradient(135deg,#39253f,#653a6f); color:#fff; border:0; padding:28px; margin-bottom:28px; box-shadow:0 16px 45px rgba(55,31,61,.22); }
.hero-topline { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-bottom:14px; }
.hero-label { display:inline-block; padding:6px 10px; border-radius:999px; background:#f1c65a; color:#3f3020; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.task-progress { display:flex; align-items:baseline; gap:5px; color:#fff; font-size:13px; }
.task-progress strong { font-size:18px; line-height:1; }
.task-progress span:last-child { color:#d9cadc; margin-left:3px; }
.decision-head { display:flex; justify-content:space-between; gap:20px; align-items:flex-start; }
.decision-head h2 { margin:4px 0 2px; color:#2d2630; font-size:23px; }
.hero-decision .decision-head h2 { color:#fff!important; font-size:30px; }
.entity-type { font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:#876b7c; font-weight:700; }
.hero-decision .entity-type,.hero-decision .contact-line { color:#e5d9e7; }
.contact-line { margin:0; color:#6e6870; }
.decision-ask { max-width:260px; text-align:right; }
.decision-ask span,.why-box>span,.recommendation>span { display:block; font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:#8c8189; font-weight:800; margin-bottom:4px; }
.decision-ask strong { color:#5c3473; line-height:1.3; }
.hero-decision .decision-ask span,.hero-decision .why-box>span,.hero-decision .recommendation>span { color:#d4c3d7; }
.hero-decision .decision-ask strong { color:#fff; }
.why-box { margin:18px 0 14px; padding:14px 16px; background:#f7f4f6; border-radius:12px; }
.why-box ul { padding-left:18px; margin:6px 0 0; }
.why-box li { margin:4px 0; line-height:1.35; }
.hero-decision .why-box { background:rgba(255,255,255,.09); }
.recommendation { font-size:16px; line-height:1.4; margin:0 0 16px; }
.decision-meta { display:flex; flex-wrap:wrap; gap:8px 16px; padding-top:13px; border-top:1px solid #ece7ea; color:#665e67; font-size:12px; }
.hero-decision .decision-meta { border-color:rgba(255,255,255,.18); color:#eee5ef; }
.workflow-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:16px; align-items:stretch; }
.workflow-actions button,.workflow-actions summary,.workflow-actions .salescloud-view-link { box-sizing:border-box; min-height:42px; border:1px solid #d8cfd6; border-radius:10px; padding:9px 12px; background:#f8f5f7; color:#56365d; text-decoration:none; font-family:inherit; font-size:12px; font-weight:700; line-height:1.25; cursor:pointer; list-style:none; transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease; }
.workflow-actions button,.workflow-actions summary { display:flex; width:100%; height:100%; align-items:center; justify-content:center; text-align:center; }
.today-page .workflow-actions button { border-color:#d8cfd6!important; border-radius:10px!important; background:#f8f5f7!important; color:#56365d!important; box-shadow:none!important; font-weight:700!important; }
.workflow-actions button:hover,.workflow-actions summary:hover { background:#eee7ec; border-color:#bdaebe; transform:translateY(-1px); box-shadow:0 5px 12px rgba(71,43,82,.09); }
.today-page .workflow-actions button:hover { background:#eee7ec!important; border-color:#bdaebe!important; box-shadow:0 5px 12px rgba(71,43,82,.09)!important; }
.workflow-actions button:focus-visible,.workflow-actions summary:focus-visible,.workflow-actions .salescloud-view-link:focus-visible { outline:3px solid rgba(111,67,133,.24); outline-offset:2px; }
.workflow-actions .workflow-primary-form { grid-column:1 / -1; display:block; margin:0; }
.today-page .workflow-actions .primary-action { width:100%; min-height:44px; background:#5c3473!important; color:#fff!important; border-color:#5c3473!important; box-shadow:0 7px 16px rgba(65,36,77,.16)!important; }
.today-page .workflow-actions .primary-action:hover { background:#4d2b61!important; border-color:#4d2b61!important; box-shadow:0 9px 20px rgba(65,36,77,.22)!important; }
.workflow-actions .workflow-quiet-form { margin:0; height:100%; }
.today-page .workflow-actions .quiet-action { background:#fff!important; color:#695d67!important; border-color:#ded7dc!important; font-weight:650!important; }
.workflow-actions .workflow-option-close summary { background:#fff; color:#695d67; border-color:#ded7dc; font-weight:650; }
.workflow-actions .salescloud-view-link { grid-column:1 / -1; justify-self:start; min-height:0; padding:5px 2px; border:0; border-radius:4px; background:transparent; color:#6f5275; font-weight:650; }
.workflow-actions .salescloud-view-link::after { content:' →'; }
.workflow-actions .salescloud-view-link:hover { color:#4d2b61; text-decoration:underline; text-underline-offset:3px; }
.hero-decision .workflow-actions button,.hero-decision .workflow-actions summary { background:rgba(255,255,255,.1)!important; color:#fff!important; border-color:rgba(255,255,255,.24)!important; }
.hero-decision .workflow-actions button:hover,.hero-decision .workflow-actions summary:hover { background:rgba(255,255,255,.18)!important; border-color:rgba(255,255,255,.42)!important; box-shadow:none; }
.hero-decision .workflow-actions .primary-action { background:#f1c65a!important; color:#382b23!important; border-color:#f1c65a!important; box-shadow:0 8px 18px rgba(24,15,27,.2); }
.hero-decision .workflow-actions .primary-action:hover { background:#f6d477!important; border-color:#f6d477!important; }
.hero-decision .workflow-actions .salescloud-view-link { color:#eee5ef; }
.hero-decision .workflow-actions .salescloud-view-link:hover { color:#fff; }
body.cloud-page .workflow-actions details { position:relative; min-width:0; height:100%; background:transparent; border-radius:10px; padding:0; margin:0; }
.workflow-actions summary::-webkit-details-marker { display:none; }
.workflow-actions summary::marker { content:''; }
.workflow-actions details:not([open]) > .decision-form { display:none; }
.workflow-actions details[open] { grid-column:1 / -1; height:auto; background:#f8f6f7; border:1px solid #e6dfe4; border-radius:12px; padding:10px; }
.workflow-actions details[open] > summary { width:auto; height:auto; min-height:38px; justify-content:flex-start; display:inline-flex; }
.hero-decision .workflow-actions details[open] { background:rgba(255,255,255,.1); }
.workflow-actions .workflow-help{margin:10px 0;color:#6d626b;font-size:12px;line-height:1.45}
.hero-decision .workflow-actions .workflow-help{color:#f4edf5}
.workflow-actions .defer-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.workflow-actions .workflow-option-block>summary{color:#8b3036}
.today-page .workflow-actions .workflow-option-block .danger-action{background:#8f343b!important;border-color:#8f343b!important;color:#fff!important}
.contact-control-warning{display:flex;gap:10px;align-items:flex-start;margin:12px 0;padding:11px 13px;border:1px solid #e8bd84;border-radius:11px;background:#fff3df;color:#593f32}
.contact-control-warning strong{flex:0 0 auto;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.contact-control-warning span{font-size:12px;line-height:1.45}
.hero-decision .contact-control-warning{background:rgba(255,229,187,.16);border-color:rgba(255,222,169,.45);color:#fff}
.contact-controls-panel{margin-top:20px;border:1px solid #ddd4dc;border-radius:14px;background:#fff;padding:0;overflow:hidden}
.contact-controls-panel>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;cursor:pointer;color:#4d3155;font-weight:750;list-style:none}
.contact-controls-panel>summary::-webkit-details-marker{display:none}
.contact-controls-panel>summary strong{font-size:12px;padding:5px 9px;border-radius:999px;background:#eee8ef}
.contact-controls-list{display:grid;gap:8px;padding:0 14px 14px}
.contact-control-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.45fr) auto;gap:14px;align-items:center;padding:13px 14px;border:1px solid #e5dde4;border-left:4px solid #b28c48;border-radius:11px;background:#faf8fa}
.contact-control-row.is-blocked{border-left-color:#9d3941;background:#fff7f5}
.contact-control-row.is-due{border-left-color:#258b6d;background:#f3fbf8}
.contact-control-row>div:first-child>span{display:block;margin-bottom:2px;color:#806d82;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}
.contact-control-row>div:first-child>strong{display:block;color:#35253a;font-size:14px}
.contact-control-row p{margin:3px 0 0;color:#6d626b;font-size:12px}
.contact-control-state strong,.contact-control-state small{display:block}.contact-control-state strong{color:#5d3d65;font-size:12px}.contact-control-state small{margin-top:4px;color:#8a7d89;font-size:10px}
.contact-control-row form{margin:0}.contact-control-row button{border:1px solid #cdbfcd;border-radius:9px;background:#fff;color:#5c3865;padding:9px 12px;font-weight:700;cursor:pointer}
.decision-form { display:flex; flex-wrap:wrap; gap:10px; align-items:end; margin:8px 0 0; }
.decision-form label { display:flex; flex-direction:column; gap:4px; font-size:11px; color:#665e67; min-width:170px; flex:1; }
.hero-decision .decision-form label { color:#eee5ef; }
.decision-form input,.decision-form select { min-height:36px; box-sizing:border-box; border:1px solid #cfc5cd; border-radius:8px; padding:7px 9px; background:#fff; color:#2b272c; }
.today-page .decision-form .danger-action { background:#fff8f8!important; color:#8f2323!important; border-color:#d6aaaa!important; }
.decision-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.decision-section { margin:30px 0; }
.section-heading { display:grid; grid-template-columns:auto 1fr auto; align-items:baseline; gap:14px; margin-bottom:12px; }
.section-heading h2 { margin:0; font-size:23px; color:#382b3d; }
.section-heading p { margin:0; color:#797079; font-size:13px; }
.section-heading>span { width:29px; height:29px; display:grid; place-items:center; background:#e7e1e5; border-radius:50%; font-weight:700; }
.next-blocks { margin-top:34px; padding:24px; background:#e9e5df; border-radius:18px; }
.next-blocks h2 { margin-top:0; }
.next-blocks>div { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.next-blocks a { padding:15px; border-radius:12px; background:#fff; color:#3f3044; text-decoration:none; }
.next-blocks a strong,.next-blocks a span { display:block; }
.next-blocks a span { color:#777078; font-size:12px; margin-top:5px; }
.today-footer { display:flex; gap:18px; margin-top:22px; }
.today-footer a { color:#5c3473; }
.empty-decisions { background:#fff; padding:28px; border-radius:16px; text-align:center; }
.empty-section { border:1px dashed #d4cdd2; color:#817780; border-radius:12px; padding:14px 16px; background:rgba(255,255,255,.55); }
.team-workload,.data-issues { background:#fff; border-radius:18px; padding:20px; margin:20px 0; }
.workload-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:10px; }
.workload-grid>div { background:#f6f3f5; padding:14px; border-radius:10px; }
.workload-grid strong,.workload-grid span,.workload-grid em { display:block; }
.workload-grid span { margin:6px 0; }
.workload-grid em { color:#9a4d34; font-style:normal; font-size:12px; }
.data-issue-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.data-issue-list a { padding:11px 13px; border:1px solid #e1dcdf; border-radius:9px; color:#433745; text-decoration:none; }
.data-issue-list span { display:block; font-size:10px; text-transform:uppercase; color:#8a7d87; margin-bottom:3px; }
@media (max-width:1000px){.decision-grid{grid-template-columns:1fr}.next-blocks>div{grid-template-columns:repeat(2,1fr)}}
@media (max-width:650px){.today-shell{padding:18px 14px 40px}.today-heading h1{font-size:34px}.decision-head{display:block}.decision-ask{text-align:left;margin-top:12px}.workflow-actions{grid-template-columns:1fr}.workflow-actions .workflow-primary-form,.workflow-actions .salescloud-view-link,.workflow-actions details[open]{grid-column:1}.workflow-actions .primary-action{width:100%}.workflow-actions .defer-choice{grid-template-columns:1fr}.next-blocks>div,.data-issue-list{grid-template-columns:1fr}.contact-control-row{grid-template-columns:1fr}.today-footer{flex-direction:column}}

/* Projektarbeitsbereich v1 */
.project-shell{width:min(1500px,calc(100% - 40px));margin:28px auto 70px;color:#24102f}.project-hero,.project-detail-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;background:#fff;border:1px solid #e2d9e7;border-radius:22px;padding:30px 34px;box-shadow:0 12px 35px rgba(74,39,91,.08)}.project-hero h1,.project-detail-head h1{font-size:36px;margin:5px 0 8px}.project-hero p,.project-detail-head p{margin:0;color:#725c7c}.project-hero-actions,.project-card-actions,.project-form-actions{display:flex;gap:10px;flex-wrap:wrap}.project-hero-actions a,.project-card-actions a,.project-form-actions a,.project-back,.project-command-card>a{display:inline-flex;align-items:center;border:1px solid #d5c6dd;border-radius:999px;padding:10px 16px;text-decoration:none;font-weight:700;background:#fff;color:#5c3473}.project-hero-actions a:first-child,.project-form-actions button{background:#5c3473;color:#fff;border-color:#5c3473}.project-create-card,.project-filter-card,.project-content-card,.project-command-card,.project-task-section,.project-history,.project-clarify-card,.project-next-card{background:#fff;border:1px solid #e2d9e7;border-radius:20px;padding:24px;margin-top:20px;box-shadow:0 9px 30px rgba(74,39,91,.06)}.project-form-grid,.project-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.project-form-grid label,.project-filter-grid label,.project-task-add label,.project-command-card label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;color:#674778}.project-form-grid input,.project-form-grid select,.project-form-grid textarea,.project-filter-grid input,.project-filter-grid select,.project-task-add input,.project-task-add select,.project-command-card input,.project-command-card select{width:100%;box-sizing:border-box;border:1px solid #d9cfe0;border-radius:12px;background:#fff;padding:11px 12px;font:inherit;color:#24102f}.project-wide{grid-column:1/-1}.project-form-actions{align-items:center}.project-form-actions button,.project-filter-grid button,.project-task-add button,.project-command-card button,.project-task-actions button,.project-clarify-card button{border:1px solid #5c3473;border-radius:999px;padding:10px 16px;font-weight:800;cursor:pointer}.project-decision-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.project-decision-filters a{border:1px solid #ddd2e3;border-radius:999px;padding:9px 13px;text-decoration:none;color:#5c3473;font-size:12px;font-weight:800}.project-decision-filters a.active{background:#5c3473;color:#fff}.project-search{grid-column:span 2}.project-result-heading{display:flex;justify-content:space-between;align-items:center;margin:28px 3px 12px}.project-result-heading h2{margin:0}.project-result-heading span,.section-heading>span{background:#f0ebf3;border-radius:999px;padding:7px 11px;font-weight:800}.project-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.project-card{background:#fff;border:1px solid #e1d8e6;border-left:5px solid #7b4b8b;border-radius:18px;padding:20px;box-shadow:0 8px 25px rgba(64,34,78,.06)}.project-card.status-aktiv{border-left-color:#2e8b75}.project-card.status-wartet{border-left-color:#ce8b24}.project-card.status-pausiert{border-left-color:#888}.project-card-head{display:flex;justify-content:space-between;gap:20px}.project-card-head span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7b6485;font-weight:800}.project-card-head h2{margin:4px 0;font-size:21px}.project-card-head p{margin:0;color:#786481}.project-card-head>strong{height:max-content;background:#f1ebf4;border-radius:999px;padding:7px 11px;font-size:12px}.project-decision{background:#f7f3f8;border-radius:13px;padding:13px 15px;margin:15px 0}.project-decision span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:900;color:#8a6c94}.project-decision strong{display:block;margin:4px 0}.project-decision p{margin:0;color:#644b6d}.project-card dl,.project-next-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 16px}.project-card dl div,.project-next-card dl div{border-bottom:1px solid #eee7f1;padding:7px 0}.project-card dt,.project-next-card dt{font-size:10px;text-transform:uppercase;color:#8a7393;font-weight:900}.project-card dd,.project-next-card dd{margin:3px 0 0;font-weight:700}.project-detail-shell{max-width:1350px}.project-back{margin-bottom:15px}.project-detail-head>div:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.project-detail-head>div:last-child span{background:#5c3473;color:#fff;border-radius:999px;padding:8px 14px}.project-next-card{display:grid;grid-template-columns:1.2fr 2fr;gap:25px;background:#4d2c58;color:#fff}.project-next-card span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#f1c957;font-weight:900}.project-next-card h2{margin:8px 0}.project-next-card p{color:#f0e8f2}.project-next-card dl div{border-color:rgba(255,255,255,.14)}.project-work-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(280px,1fr);gap:18px}.project-command-card details{border-bottom:1px solid #ece5ef;padding:12px 0}.project-command-card summary{font-weight:800;cursor:pointer}.project-command-card form{display:grid;gap:11px;margin-top:12px}.project-command-card>a{margin-top:15px}.project-next-required,.project-clarify-card{border:2px solid #d79522;background:#fff8e9;padding:18px 22px;border-radius:16px;margin:18px 0}.project-next-required{display:flex;flex-direction:column;gap:5px}.project-clarify-card form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.project-clarify-card label{display:flex;flex-direction:column;gap:6px}.project-task-add{display:grid;grid-template-columns:2fr 1fr 1fr auto auto;gap:12px;align-items:end;background:#f7f3f8;border-radius:14px;padding:14px}.project-check{display:flex!important;flex-direction:row!important;align-items:center;padding-bottom:10px}.project-check input{width:auto}.project-task-list{display:grid;gap:10px;margin-top:16px}.project-task-list article{display:flex;justify-content:space-between;gap:20px;border:1px solid #e5dce9;border-radius:14px;padding:15px}.project-task-list article.leading{border-color:#d99b2b;background:#fffaf0}.project-task-list article.done{opacity:.65}.project-task-list h3{margin:4px 0}.project-task-list p,.project-task-list em{margin:0;color:#745f7e}.project-task-actions{display:flex;gap:8px;align-items:center}.project-task-actions form{display:flex;gap:7px}.project-task-actions input{border:1px solid #d9cfe0;border-radius:999px;padding:8px}.project-history ol{list-style:none;padding:0;margin:0}.project-history li{display:grid;grid-template-columns:140px 1fr 1fr;gap:14px;border-bottom:1px solid #ece5ef;padding:10px 0}.project-history time{color:#806b88}.project-history strong{text-transform:capitalize}.project-result-heading+.project-card-grid .empty-decisions{grid-column:1/-1}.project-summary-strip{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid #ece5ef}.project-summary-strip strong{color:#5c3473}.project-summary-strip a{border:1px solid #d6c9dc;border-radius:999px;padding:6px 10px;text-decoration:none;font-weight:800;color:#5c3473}.project-create-link{display:inline-flex;border:1px solid #5c3473;border-radius:999px;padding:7px 12px;text-decoration:none;font-weight:800;color:#5c3473}.danger-action{border-color:#a02525!important;color:#a02525;background:#fff}
@media(max-width:980px){.project-card-grid,.project-work-grid,.project-next-card{grid-template-columns:1fr}.project-form-grid,.project-filter-grid{grid-template-columns:1fr 1fr}.project-task-add{grid-template-columns:1fr 1fr}.project-wide,.project-search{grid-column:1/-1}.project-hero,.project-detail-head{flex-direction:column}.project-history li{grid-template-columns:1fr}.project-card dl,.project-next-card dl{grid-template-columns:1fr}}
@media(max-width:640px){.project-shell{width:calc(100% - 20px)}.project-form-grid,.project-filter-grid,.project-task-add{grid-template-columns:1fr}.project-task-list article{flex-direction:column}.project-task-actions,.project-task-actions form{flex-direction:column;align-items:stretch}.project-clarify-card form{align-items:stretch;flex-direction:column}}

/* Projektgruppierung nach Kunden und Interessenten */
.project-entity-types{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #eee7f1}.project-entity-types a{border:1px solid #d7cbdc;border-radius:999px;padding:10px 16px;text-decoration:none;color:#5c3473;font-weight:800}.project-entity-types a.active{background:#5c3473;border-color:#5c3473;color:#fff}.project-result-heading>div p{margin:5px 0 0;color:#786481}.project-entity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-entity-card{display:flex;flex-direction:column;min-height:190px;background:#fff;border:1px solid #e1d8e6;border-radius:18px;padding:20px;text-decoration:none;color:#24102f;box-shadow:0 8px 25px rgba(64,34,78,.06);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.project-entity-card:hover,.project-entity-card:focus-visible{transform:translateY(-2px);border-color:#9b72aa;box-shadow:0 12px 30px rgba(64,34,78,.12)}.project-entity-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.project-entity-card-head span{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#7b6485;font-weight:900}.project-entity-card-head strong{background:#f0ebf3;border-radius:999px;padding:6px 10px;font-size:12px}.project-entity-card h2{margin:15px 0 10px;font-size:20px}.project-entity-card p{margin:12px 0;color:#695672;font-size:13px}.project-entity-facts{display:flex;gap:8px;flex-wrap:wrap}.project-entity-facts span{background:#f5f1f6;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800}.project-entity-facts .is-critical{background:#fff0ed;color:#a22c20}.project-entity-open{margin-top:auto;padding-top:14px;color:#5c3473;font-weight:900}.project-entity-back{display:inline-flex;margin:24px 0 10px;color:#5c3473;font-weight:800;text-decoration:none}.project-selected-entity{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#4d2c58;color:#fff;border-radius:18px;padding:20px 24px;margin-bottom:8px}.project-selected-entity span{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#f1c957;font-weight:900}.project-selected-entity h2{margin:4px 0 0}.project-selected-entity>strong{background:rgba(255,255,255,.14);border-radius:999px;padding:8px 12px}.project-entity-grid .empty-decisions{grid-column:1/-1}
@media(max-width:1100px){.project-entity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.project-entity-grid{grid-template-columns:1fr}.project-selected-entity{align-items:flex-start;flex-direction:column}}

/* Fokussierte Interessentenkarten v2 */
body.cloud-page .lead-create-panel{padding:0!important;overflow:hidden}body.cloud-page .lead-create-panel>summary{list-style:none;cursor:pointer;padding:18px 24px;font-weight:900;color:#5c3473}body.cloud-page .lead-create-panel>summary::-webkit-details-marker{display:none}body.cloud-page .lead-create-panel>summary::after{content:'+';float:right;font-size:22px;line-height:1}body.cloud-page .lead-create-panel[open]>summary::after{content:'−'}body.cloud-page .lead-create-panel>form{padding:0 20px 20px}body.cloud-page .lead-list-commandbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:20px 0 12px;padding:20px 22px;background:#fff;border:1px solid #e3dbe7;border-radius:18px;box-shadow:0 8px 24px rgba(64,34,78,.05)}body.cloud-page .lead-list-commandbar h2{margin:3px 0 4px;font-size:25px}body.cloud-page .lead-list-commandbar p{margin:0;color:#75677b}body.cloud-page .lead-list-command-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}body.cloud-page .lead-command-btn,body.cloud-page .lead-tools-menu summary,body.cloud-page .lead-tools-menu button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d7cbdc;border-radius:999px;padding:9px 14px;background:#fff;color:#5c3473;text-decoration:none;font:inherit;font-size:12px;font-weight:800;cursor:pointer}body.cloud-page .lead-command-primary{background:#5c3473;color:#fff;border-color:#5c3473}body.cloud-page .lead-tools-menu{position:relative}body.cloud-page .lead-tools-menu summary{list-style:none}body.cloud-page .lead-tools-menu summary::-webkit-details-marker{display:none}body.cloud-page .lead-tools-menu>div{position:absolute;z-index:20;right:0;top:calc(100% + 8px);min-width:210px;display:grid;gap:7px;padding:10px;background:#fff;border:1px solid #dfd5e4;border-radius:14px;box-shadow:0 14px 30px rgba(47,22,59,.16)}body.cloud-page .lead-sortbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 12px;padding:0 4px}body.cloud-page .lead-sortbar>span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#7b6d80}body.cloud-page .lead-sortbar a{border:1px solid #e0d7e4;border-radius:999px;padding:7px 11px;background:#fff;color:#654573;text-decoration:none;font-size:11px;font-weight:800}body.cloud-page .lead-sortbar a.is-active{background:#eee7f1;border-color:#bca8c5}.lead-legacy-title-row,.lead-legacy-actions-row,.lead-legacy-spacer-row,body.cloud-page .lead-table-header-row{display:none!important}body.cloud-page .lead-legacy-layout{border:0!important;border-collapse:separate!important;border-spacing:0!important}body.cloud-page .lead-card-group{background:transparent!important}body.cloud-page .lead-card-group::before{display:none!important}body.cloud-page .lead-main-row>td:not(.lead-overview-cell){display:none!important}body.cloud-page .lead-main-row .lead-overview-cell{display:table-cell!important;padding:12px 12px 0!important;border:0!important;background:transparent!important}body.cloud-page .lead-overview-card-inner{display:grid;grid-template-columns:minmax(260px,1.15fr) minmax(480px,2fr) auto;grid-template-areas:'identity facts actions' 'contact contact actions' 'signals signals signals';gap:16px 24px;align-items:center;padding:20px 22px;background:#fff;border:1px solid #e2d9e6;border-left:6px solid #9b9b9b;border-radius:18px 18px 8px 8px;box-shadow:0 9px 25px rgba(64,34,78,.06)}body.cloud-page .contact-green .lead-overview-card-inner{border-left-color:#2f7b32}body.cloud-page .contact-yellow .lead-overview-card-inner{border-left-color:#d18a00}body.cloud-page .contact-red .lead-overview-card-inner{border-left-color:#a32020}body.cloud-page .lead-overview-identity{grid-area:identity;display:flex;align-items:center;gap:14px;min-width:0}body.cloud-page .lead-avatar{display:inline-flex;flex:0 0 42px;width:42px;height:42px;align-items:center;justify-content:center;border-radius:50%;background:#5c3473;color:#fff;font-size:18px;font-weight:900}body.cloud-page .lead-card-kicker{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#846f8d;font-weight:900}body.cloud-page .lead-overview-identity h2{margin:4px 0 3px;font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.cloud-page .lead-overview-identity p{margin:0;color:#745f7e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.cloud-page .lead-overview-facts{grid-area:facts;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}body.cloud-page .lead-overview-facts>div{min-height:60px;padding:9px 11px;background:#f7f4f8;border-radius:11px}body.cloud-page .lead-overview-facts span,body.cloud-page .lead-overview-facts strong,body.cloud-page .lead-overview-facts small{display:block}body.cloud-page .lead-overview-facts span{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#846f8d;font-weight:900}body.cloud-page .lead-overview-facts strong{margin-top:4px;font-size:12px;line-height:1.2;white-space:normal;overflow:visible;word-break:break-word}body.cloud-page .lead-overview-facts small{margin-top:2px;color:#786b7d;font-size:10px}body.cloud-page .lead-overview-facts .is-warning{background:#fff4e8;color:#8d4a00}body.cloud-page .lead-overview-contact{grid-area:contact;display:flex;gap:8px 18px;align-items:center;flex-wrap:wrap;color:#6b5a72;font-size:12px}body.cloud-page .lead-overview-contact a{color:#5c3473;font-weight:800;text-decoration:none}body.cloud-page .lead-overview-contact span+span::before{content:'·';margin-right:18px;color:#b5a9ba}body.cloud-page .lead-overview-actions{grid-area:actions;display:flex;flex-direction:column;gap:8px;align-items:stretch}body.cloud-page .lead-overview-actions a{display:inline-flex;justify-content:center;white-space:nowrap;border:1px solid #d6cadc;border-radius:999px;padding:8px 12px;color:#5c3473;background:#fff;text-decoration:none;font-size:11px;font-weight:900}body.cloud-page .lead-overview-actions a:first-child{background:#5c3473;color:#fff;border-color:#5c3473}body.cloud-page .lead-overview-signals{grid-area:signals;display:flex;gap:8px;flex-wrap:wrap;padding-top:4px;border-top:1px solid #efe9f1}body.cloud-page .lead-overview-signals span{border-radius:999px;padding:6px 10px;background:#fff0ed;color:#9b2b20;font-size:11px;font-weight:800}body.cloud-page .details-card-cell{padding:0 12px 12px!important;border:0!important;background:transparent!important}body.cloud-page .lead-details:not([open]),body.cloud-page .lead-details[open]{border-radius:8px 8px 18px 18px!important;border-top:0!important;background:#fff!important}body.cloud-page .compact-lead-summary{grid-template-columns:28px 180px minmax(220px,1fr)!important;padding:12px 3px!important}body.cloud-page .lead-detail-hint{grid-column:3;color:#7d6e82;font-size:11px}body.cloud-page .lead-detail-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin:0 0 14px}body.cloud-page .lead-edit-section{margin:0 0 14px;padding:15px;background:#f8f5f9;border-radius:14px}body.cloud-page .lead-edit-section h3{margin:0 0 12px;font-size:16px}body.cloud-page .lead-edit-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}body.cloud-page .lead-edit-grid label{display:flex;flex-direction:column;gap:5px;color:#684b74;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}body.cloud-page .lead-edit-grid input,body.cloud-page .lead-edit-grid select{width:100%;box-sizing:border-box;border:1px solid #d9cedf;border-radius:10px;background:#fff;padding:9px 10px;font:inherit;color:#26152d;text-transform:none;letter-spacing:normal}body.cloud-page .lead-contact-edit-table{margin:0 0 12px!important;background:#faf8fb!important;border-radius:14px!important}body.cloud-page .lead-contact-edit-table th{font-size:10px!important}body.cloud-page .lead-details textarea[name='update_Interneinfo[]']{height:180px!important}body.cloud-page .lead-details textarea[name='update_Musterlieferungen[]']{height:90px!important}body.cloud-page .lead-separator-row{display:none!important}
@media(max-width:1200px){body.cloud-page .lead-overview-card-inner{grid-template-columns:1fr;grid-template-areas:'identity' 'facts' 'contact' 'signals' 'actions'}body.cloud-page .lead-overview-actions{flex-direction:row;justify-content:flex-start}body.cloud-page .lead-edit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){body.cloud-page .lead-list-commandbar{align-items:flex-start;flex-direction:column}body.cloud-page .lead-list-command-actions{justify-content:flex-start}body.cloud-page .lead-overview-facts{grid-template-columns:repeat(2,minmax(0,1fr))}body.cloud-page .lead-edit-grid{grid-template-columns:1fr 1fr}body.cloud-page .compact-lead-summary{grid-template-columns:28px 1fr!important}body.cloud-page .lead-detail-hint{grid-column:2}body.cloud-page .lead-contact-edit-table,body.cloud-page .lead-contact-edit-table tbody,body.cloud-page .lead-contact-edit-table tr,body.cloud-page .lead-contact-edit-table td{display:block;width:100%!important}body.cloud-page .lead-contact-edit-table th{display:none}}@media(max-width:520px){body.cloud-page .lead-overview-facts,body.cloud-page .lead-edit-grid{grid-template-columns:1fr}body.cloud-page .lead-overview-actions{flex-direction:column}}

/* Vollstaendige Interessenten-ID als Kartenkennung */
body.cloud-page .lead-avatar{flex-basis:54px;width:54px;height:54px;font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}

/* Kompakter Salesfunnel in der Interessentenkarte */
body.cloud-page .lead-phase-card{border:1px solid #e8dfeb}
body.cloud-page .lead-phase-display{display:flex;align-items:center;gap:10px;margin-top:5px}
body.cloud-page .lead-phase-display>div:last-child{min-width:0}
body.cloud-page .lead-phase-display strong{margin-top:0}
body.cloud-page .lead-phase-funnel{display:grid;flex:0 0 48px;width:48px;gap:2px;align-content:center}
body.cloud-page .lead-phase-step{display:block;height:5px;justify-self:center;border-radius:2px;background:#e8e1eb;transition:background-color .15s ease,box-shadow .15s ease}
body.cloud-page .lead-phase-step:nth-child(1){width:48px}
body.cloud-page .lead-phase-step:nth-child(2){width:40px}
body.cloud-page .lead-phase-step:nth-child(3){width:32px}
body.cloud-page .lead-phase-step:nth-child(4){width:24px}
body.cloud-page .lead-phase-step:nth-child(5){width:16px}
body.cloud-page .lead-phase-step.is-complete{background:#bca6c6}
body.cloud-page .lead-phase-step.is-current{height:7px;background:#d28a00;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(210,138,0,.25)}
body.cloud-page .lead-overview-facts{grid-template-columns:1.35fr .9fr 1.15fr 1fr}
body.cloud-page .lead-phase-display{gap:8px}
body.cloud-page .lead-phase-display strong{font-size:11px;white-space:nowrap}
body.cloud-page .lead-phase-display small{font-size:9px;white-space:nowrap}
body.cloud-page .lead-phase-funnel{flex-basis:40px;width:40px}
body.cloud-page .lead-phase-step:nth-child(1){width:40px}
body.cloud-page .lead-phase-step:nth-child(2){width:34px}
body.cloud-page .lead-phase-step:nth-child(3){width:28px}
body.cloud-page .lead-phase-step:nth-child(4){width:22px}
body.cloud-page .lead-phase-step:nth-child(5){width:16px}
@media(max-width:760px){body.cloud-page .lead-overview-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){body.cloud-page .lead-overview-facts{grid-template-columns:1fr}}

/* Phasenfarben entsprechen der bestehenden Vertriebsstatistik */
body.cloud-page .lead-phase-step:nth-child(1).is-complete{background:#609839;opacity:.55}
body.cloud-page .lead-phase-step:nth-child(2).is-complete{background:#52b7c1;opacity:.55}
body.cloud-page .lead-phase-step:nth-child(3).is-complete{background:#585858;opacity:.55}
body.cloud-page .lead-phase-step:nth-child(4).is-complete{background:#ffd700;opacity:.65}
body.cloud-page .lead-phase-step:nth-child(5).is-complete{background:#ff8c00;opacity:.55}
body.cloud-page .lead-phase-step:nth-child(1).is-current{background:#609839;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(96,152,57,.35)}
body.cloud-page .lead-phase-step:nth-child(2).is-current{background:#52b7c1;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(82,183,193,.4)}
body.cloud-page .lead-phase-step:nth-child(3).is-current{background:#585858;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(88,88,88,.35)}
body.cloud-page .lead-phase-step:nth-child(4).is-current{background:#ffd700;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(201,162,0,.4)}
body.cloud-page .lead-phase-step:nth-child(5).is-current{background:#ff8c00;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(255,140,0,.4)}
body.cloud-page .lead-phase-card.phase-step-1 strong{color:#49782b}
body.cloud-page .lead-phase-card.phase-step-2 strong{color:#278692}
body.cloud-page .lead-phase-card.phase-step-3 strong{color:#4a4a4a}
body.cloud-page .lead-phase-card.phase-step-4 strong{color:#896d00}
body.cloud-page .lead-phase-card.phase-step-5 strong{color:#a95800}

/* Cockpitkarten im fokussierten Interessentenkarten-Stil */
.today-page .decision-identity{display:flex;align-items:center;gap:13px;min-width:0}
.today-page .decision-identity>div{min-width:0}
.today-page .decision-id-badge{display:inline-flex;flex:0 0 48px;width:48px;height:48px;align-items:center;justify-content:center;border-radius:50%;background:#5c3473;color:#fff;font-size:11px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.today-page .section-secure .decision-id-badge{background:#c17823}
.today-page .section-clarify .decision-id-badge{background:#6d7883}
.today-page .hero-decision .decision-id-badge{flex-basis:54px;width:54px;height:54px;background:#f1c65a;color:#382b23}
.today-page .decision-head h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.today-page .decision-card:not(.hero-decision) .decision-head h2{display:-webkit-box;white-space:normal;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.today-page .decision-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:8px;padding-top:0;border-top:0;color:#665e67}
.today-page .decision-fact{min-width:0;padding:9px 11px;border-radius:10px;background:#f7f4f8}
.today-page .decision-fact span,.today-page .decision-fact strong{display:block}
.today-page .decision-fact span{margin-bottom:4px;color:#846f8d;font-size:9px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.today-page .decision-fact strong{font-size:12px;line-height:1.25;overflow-wrap:anywhere}
.today-page .hero-decision .decision-fact{background:rgba(255,255,255,.09);color:#fff}
.today-page .hero-decision .decision-fact span{color:#d4c3d7}
.today-page .decision-card:not(.hero-decision) .why-box{margin-top:15px}
.today-page .decision-card:not(.hero-decision) .workflow-actions{margin-top:12px}
@media(max-width:650px){.today-page .decision-head h2{white-space:normal}.today-page .decision-ask{padding-left:61px}.today-page .decision-meta{grid-template-columns:1fr}}

/* Statistik als konsistenter Salesfunnel */
body.cloud-page #statistikModal.stats-funnel-modal{top:4%;width:min(1180px,92vw);height:auto;max-height:88vh;padding:26px 30px 30px;background:#fff!important}
body.cloud-page .stats-funnel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid #ebe4ee}
body.cloud-page .stats-funnel-header span,body.cloud-page .stats-funnel-section-title span{display:block;color:#846f8d;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
body.cloud-page .stats-funnel-header h3{margin:5px 0 5px;font-size:30px;color:#2d1d35}
body.cloud-page .stats-funnel-header p,body.cloud-page .stats-funnel-section-title p{margin:0;color:#746779;font-size:13px}
body.cloud-page #statistikModal #closeModal{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;padding:0;border:1px solid #d9cde0;border-radius:50%;background:#fff;color:#5c3473;font:inherit;font-size:24px;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 8px 20px rgba(67,39,78,.08)}
body.cloud-page #statistikModal #closeModal:hover{background:#f3edf5;border-color:#bda8c6}
body.cloud-page .stats-funnel-section{padding-top:22px}
body.cloud-page .stats-funnel-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:15px}
body.cloud-page .stats-funnel-section-title h4{margin:4px 0 0;color:#2d1d35;font-size:21px}
body.cloud-page .stats-sales-funnel{display:grid;gap:4px;margin:0;padding:0;list-style:none}
body.cloud-page .sales-funnel-stage{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;box-sizing:border-box;width:100%;min-height:54px;margin:0;padding-block:8px;padding-inline:calc(34px + var(--funnel-inset-bottom));color:#fff;clip-path:polygon(var(--funnel-inset-top) 0,calc(100% - var(--funnel-inset-top)) 0,calc(100% - var(--funnel-inset-bottom)) 100%,var(--funnel-inset-bottom) 100%)}
body.cloud-page .sales-funnel-stage>div>strong,body.cloud-page .sales-funnel-stage>div>small{display:block}
body.cloud-page .sales-funnel-stage>div>strong{font-size:14px}
body.cloud-page .sales-funnel-stage>div>small{margin-top:2px;font-size:10px;opacity:.82}
body.cloud-page .funnel-stage-number{display:grid;width:28px;height:28px;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:50%;font-size:11px;font-weight:900}
body.cloud-page .funnel-stage-value{text-align:right}
body.cloud-page .funnel-stage-value>strong{font-size:19px!important;line-height:1}
body.cloud-page .funnel-depth-1{--funnel-inset-top:0%;--funnel-inset-bottom:3.5%}
body.cloud-page .funnel-depth-2{--funnel-inset-top:3.5%;--funnel-inset-bottom:7%}
body.cloud-page .funnel-depth-3{--funnel-inset-top:7%;--funnel-inset-bottom:10.5%}
body.cloud-page .funnel-depth-4{--funnel-inset-top:10.5%;--funnel-inset-bottom:14%}
body.cloud-page .funnel-depth-5{--funnel-inset-top:14%;--funnel-inset-bottom:17.5%}
body.cloud-page .funnel-depth-6{--funnel-inset-top:17.5%;--funnel-inset-bottom:21%}
body.cloud-page .funnel-color-inquiry{background:#609839}
body.cloud-page .funnel-color-consulting{background:#52b7c1;color:#173f43}
body.cloud-page .funnel-color-offer{background:#585858}
body.cloud-page .funnel-color-sample{background:#ffd700;color:#4f4200}
body.cloud-page .funnel-color-modification{background:#ff8c00;color:#4e2900}
body.cloud-page .funnel-color-customer{background:#5c3473}
body.cloud-page .funnel-color-consulting .funnel-stage-number,body.cloud-page .funnel-color-sample .funnel-stage-number,body.cloud-page .funnel-color-modification .funnel-stage-number{border-color:rgba(34,35,22,.4)}
body.cloud-page .active-phase-section{margin-top:8px}
body.cloud-page .active-phase-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
body.cloud-page .active-phase-card{position:relative;min-width:0;overflow:hidden;padding:14px 15px 13px;border:1px solid #e3dae7;border-radius:13px;background:#fff!important;color:#2d2630!important;box-shadow:0 6px 18px rgba(52,34,59,.05)}
body.cloud-page .active-phase-card::before{content:'';position:absolute;inset:0 0 auto;height:5px;background:currentColor}
body.cloud-page .active-phase-card.funnel-color-inquiry::before{background:#609839}
body.cloud-page .active-phase-card.funnel-color-consulting::before{background:#52b7c1}
body.cloud-page .active-phase-card.funnel-color-offer::before{background:#585858}
body.cloud-page .active-phase-card.funnel-color-sample::before{background:#ffd700}
body.cloud-page .active-phase-card.funnel-color-modification::before{background:#ff8c00}
body.cloud-page .active-phase-card span,body.cloud-page .active-phase-card strong,body.cloud-page .active-phase-card small{display:block}
body.cloud-page .active-phase-card span{margin-top:3px;color:#7b687f;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
body.cloud-page .active-phase-card strong{margin:7px 0 4px;color:#382444;font-size:25px;line-height:1}
body.cloud-page .active-phase-card small{color:#796d7c;font-size:10px;line-height:1.3}
@media(max-width:900px){body.cloud-page .active-phase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.cloud-page .sales-funnel-stage{padding-inline:calc(28px + var(--funnel-inset-bottom))}.stats-funnel-section-title{align-items:flex-start!important;flex-direction:column}}
@media(max-width:560px){body.cloud-page #statistikModal.stats-funnel-modal{width:94vw;padding:20px 16px}body.cloud-page .stats-funnel-header h3{font-size:24px}body.cloud-page .sales-funnel-stage{grid-template-columns:28px minmax(0,1fr) auto;padding-inline:calc(16px + var(--funnel-inset-bottom))}body.cloud-page .active-phase-grid{grid-template-columns:1fr}}

/* Fokussierte Kundenkarten im Stil der Interessentenansicht */
body.cloud-page .customer-card-v2.crm-row-card{overflow:visible;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.cloud-page .customer-card-v2.crm-row-card:hover{transform:none;box-shadow:none!important}
body.cloud-page .customer-overview-card-inner{display:grid;grid-template-columns:minmax(300px,1.15fr) minmax(560px,2fr) auto;grid-template-areas:'identity facts actions' 'contact contact actions' 'signals signals signals';gap:15px 24px;align-items:center;padding:20px 22px;background:#fff;border:1px solid #e2d9e6;border-left:6px solid #8b8b8b;border-radius:18px 18px 8px 8px;box-shadow:0 9px 25px rgba(64,34,78,.06)}
body.cloud-page .customer-card-v2.contact-green .customer-overview-card-inner{border-left-color:#2f7b32}
body.cloud-page .customer-card-v2.contact-orange .customer-overview-card-inner{border-left-color:#d18a00}
body.cloud-page .customer-card-v2.contact-red .customer-overview-card-inner{border-left-color:#a32020}
body.cloud-page .customer-card-v2.contact-none .customer-overview-card-inner{border-left-color:#8b8b8b}
body.cloud-page .customer-overview-identity{grid-area:identity;display:flex;align-items:center;gap:14px;min-width:0}
body.cloud-page .customer-overview-identity>div{min-width:0}
body.cloud-page .customer-id-badge{display:inline-flex;flex:0 0 58px;width:58px;height:58px;align-items:center;justify-content:center;border-radius:50%;background:#5c3473;color:#fff;font-size:11px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
body.cloud-page .customer-card-kicker{display:block;color:#846f8d;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
body.cloud-page .customer-overview-identity h2{display:-webkit-box;margin:4px 0 3px;color:#24102f;background:none;-webkit-background-clip:initial;text-align:left;text-shadow:none;font-size:20px;line-height:1.2;white-space:normal;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}
body.cloud-page .customer-overview-identity p{margin:0;color:#745f7e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.cloud-page .customer-overview-facts{grid-area:facts;display:grid;grid-template-columns:1.15fr .95fr .95fr .95fr;gap:9px}
body.cloud-page .customer-overview-facts>div{min-width:0;min-height:64px;padding:10px 11px;border:1px solid transparent;border-radius:11px;background:#f7f4f8}
body.cloud-page .customer-overview-facts span,body.cloud-page .customer-overview-facts strong,body.cloud-page .customer-overview-facts small{display:block}
body.cloud-page .customer-overview-facts span{color:#846f8d;font-size:9px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
body.cloud-page .customer-overview-facts strong{margin-top:4px;color:#33213f;font-size:12px;line-height:1.2;white-space:normal;overflow-wrap:anywhere}
body.cloud-page .customer-overview-facts small{margin-top:3px;color:#786b7d;font-size:10px;line-height:1.25}
body.cloud-page .customer-overview-facts .is-warning{border-color:#f2d5b4;background:#fff4e8;color:#8d4a00}
body.cloud-page .customer-overview-facts .is-warning span,body.cloud-page .customer-overview-facts .is-warning strong,body.cloud-page .customer-overview-facts .is-warning small{color:inherit}
body.cloud-page .customer-trend-fact.trend-positive{border-color:#c9e1c0;background:#eff8ec}
body.cloud-page .customer-trend-fact.trend-positive strong{color:#2f6f1f}
body.cloud-page .customer-trend-fact.trend-negative{border-color:#edc9c4;background:#fff0ed}
body.cloud-page .customer-trend-fact.trend-negative strong{color:#9b2b20}
body.cloud-page .customer-overview-contact{grid-area:contact;display:flex;gap:8px 18px;align-items:center;flex-wrap:wrap;color:#6b5a72;font-size:12px}
body.cloud-page .customer-overview-contact a{color:#5c3473;font-weight:800;text-decoration:none}
body.cloud-page .customer-overview-contact>*+*::before{content:'·';margin-right:18px;color:#b5a9ba}
body.cloud-page .customer-overview-actions{grid-area:actions;display:flex;flex-direction:column;gap:8px;align-items:stretch}
body.cloud-page .customer-overview-actions a{display:inline-flex;justify-content:center;white-space:nowrap;border:1px solid #d6cadc;border-radius:999px;padding:8px 12px;color:#5c3473;background:#fff;text-decoration:none;font-size:11px;font-weight:900}
body.cloud-page .customer-overview-actions a:first-child{border-color:#5c3473;background:#5c3473;color:#fff}
body.cloud-page .customer-overview-signals{grid-area:signals;display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding-top:5px;border-top:1px solid #efe9f1}
body.cloud-page .customer-overview-signals span,body.cloud-page .customer-overview-signals a{border-radius:999px;padding:6px 10px;background:#fff4e8;color:#8d4a00;font-size:11px;font-weight:800;text-decoration:none}
body.cloud-page .customer-overview-signals .is-critical{background:#fff0ed;color:#9b2b20}
body.cloud-page .customer-overview-signals a{border:1px solid #d8cbde;background:#fff;color:#5c3473}
body.cloud-page .customer-details-v2{margin:0!important;border-top:0!important;border-radius:8px 8px 18px 18px!important;background:#fff!important}
body.cloud-page .customer-details-v2>summary{padding:13px 20px!important}
body.cloud-page .customer-details-v2>summary span{font-weight:900}
body.cloud-page .customer-details-v2>summary small{color:#7d6e82;font-size:11px}
@media(max-width:1250px){body.cloud-page .customer-overview-card-inner{grid-template-columns:1fr;grid-template-areas:'identity' 'facts' 'contact' 'signals' 'actions'}body.cloud-page .customer-overview-actions{flex-direction:row;justify-content:flex-start}}
@media(max-width:760px){body.cloud-page .customer-overview-facts{grid-template-columns:repeat(2,minmax(0,1fr))}body.cloud-page .customer-overview-contact>*+*::before{display:none}body.cloud-page .customer-overview-contact{gap:8px 14px}}
@media(max-width:520px){body.cloud-page .customer-overview-card-inner{padding:17px 15px}body.cloud-page .customer-overview-facts{grid-template-columns:1fr}body.cloud-page .customer-overview-actions{flex-direction:column}body.cloud-page .customer-id-badge{flex-basis:52px;width:52px;height:52px;font-size:10px}}

/* Build 3A: Sales Agent bleibt Bestandteil der bestehenden Entscheidungskarte. */
.sales-agent-card{margin:18px 0;padding:18px;border:1px solid #c8d9d5;border-radius:14px;background:#f5faf9;color:#173c36}
.sales-agent-card.is-stale{border-color:#d7a56c;background:#fff8ef}
.sales-agent-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:13px}
.sales-agent-card-head div{display:grid;gap:3px}.sales-agent-card-head span,.sales-agent-summary>span,.sales-agent-internal>span,.sales-agent-uncertainties>span,.sales-agent-products>span{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#52736d}
.sales-agent-card-head strong{font-size:1.05rem}.sales-agent-card-head em{font-style:normal;font-size:.72rem;font-weight:900;color:#9a4e23;background:#f7ddc6;padding:5px 8px;border-radius:999px}.sales-agent-card-head em.is-current{color:#246457;background:#dcefe9}
.sales-agent-summary{display:grid;gap:6px}.sales-agent-summary strong{font-size:1rem;line-height:1.45}.sales-agent-summary p{margin:0;color:#3c5b56;line-height:1.5}
.sales-agent-internal{display:grid;gap:4px;padding:11px 12px;background:#e7f2ef;border-radius:10px;line-height:1.45}
.sales-agent-stale-warning,.sales-agent-queue-state{padding:11px 12px;border-radius:10px;background:#f4e3d2;font-weight:700;line-height:1.45}
.sales-agent-uncertainties ul,.sales-agent-products ul,.sales-agent-evidence ul{margin:7px 0 0;padding-left:20px}.sales-agent-uncertainties li,.sales-agent-products li,.sales-agent-evidence li{margin:5px 0;line-height:1.4}
.sales-agent-draft{display:grid;gap:7px;margin-top:13px}.sales-agent-draft label{font-weight:800}.sales-agent-draft textarea{min-height:150px;padding:12px;border:1px solid #b9cdc8;border-radius:10px;background:#fff;font:inherit;line-height:1.5;resize:vertical}.sales-agent-draft button{justify-self:start;border:0;border-radius:9px;padding:9px 12px;background:#225f54;color:#fff;font-weight:800;cursor:pointer}
.sales-agent-evidence{margin-top:12px;padding:10px 12px;border:1px solid #d3e1de;border-radius:10px;background:#fff}.sales-agent-evidence summary{cursor:pointer;font-weight:800}.sales-agent-evidence h4{margin:12px 0 4px}.sales-agent-evidence small{display:block;color:#526762;margin-top:3px}
.sales-agent-freshness{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.sales-agent-freshness span{font-size:.75rem;color:#5c6e6a;background:#e9efed;padding:5px 7px;border-radius:7px}
.today-page .sales-agent-review-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-items:stretch;margin-top:15px;padding-top:15px;border-top:1px solid #dbe6e3}
.today-page .sales-agent-review-actions form{margin:0}
.today-page .sales-agent-review-actions button,.today-page .sales-agent-review-actions summary{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:40px;margin:0;border:1px solid #d8d0dc;border-radius:10px;padding:9px 12px;background:#fff;color:#5c3c67;font:inherit;font-weight:750;line-height:1.2;text-align:center;cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.today-page .sales-agent-review-actions button:hover,.today-page .sales-agent-review-actions summary:hover{background:#f3eef5;border-color:#bdaec5;box-shadow:0 5px 13px rgba(66,38,78,.09);transform:translateY(-1px)}
.today-page .sales-agent-review-actions button:focus-visible,.today-page .sales-agent-review-actions summary:focus-visible,.today-page .sales-agent-review-actions a:focus-visible{outline:3px solid rgba(111,67,133,.24);outline-offset:2px}
.today-page .sales-agent-review-actions .sales-agent-apply-link,.today-page .sales-agent-review-actions .sales-agent-execution-link{grid-column:1/-1;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:52px;border:1px solid #5c3473;border-radius:12px;padding:10px 14px;background:#5c3473;color:#fff;text-decoration:none;box-shadow:0 7px 17px rgba(65,36,77,.16);transition:background .16s ease,box-shadow .16s ease,transform .16s ease}
.today-page .sales-agent-review-actions .sales-agent-apply-link:hover{background:#4d2b61;box-shadow:0 9px 20px rgba(65,36,77,.22);transform:translateY(-1px)}
.today-page .sales-agent-review-actions .sales-agent-apply-link span,.today-page .sales-agent-review-actions .sales-agent-execution-link span{display:grid;gap:2px}
.today-page .sales-agent-review-actions .sales-agent-apply-link small,.today-page .sales-agent-review-actions .sales-agent-execution-link small{font-size:.66rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;opacity:.78}
.today-page .sales-agent-review-actions .sales-agent-apply-link strong,.today-page .sales-agent-review-actions .sales-agent-execution-link strong{font-size:.92rem}
.today-page .sales-agent-review-actions .sales-agent-apply-link b,.today-page .sales-agent-review-actions .sales-agent-execution-link b{font-size:1.25rem}
.today-page .sales-agent-review-actions .sales-agent-execution-link{background:#eee8f1;border-color:#d7cadd;color:#4f315c;box-shadow:none}
.today-page .sales-agent-review-actions .sales-agent-execution-link:hover{background:#e5dbe9;border-color:#bdaac6;transform:translateY(-1px)}
.today-page .sales-agent-review-actions .sales-agent-review-form button{color:#315f57;border-color:#c5d8d3}
.today-page .sales-agent-review-actions .sales-agent-reanalyze button{color:#6e6370}
.today-page .sales-agent-review-actions .sales-agent-reanalyze.is-attention{grid-column:1/-1}
.today-page .sales-agent-review-actions .sales-agent-reanalyze.is-attention button{background:#fff1df;border-color:#dda766;color:#764316;font-weight:850}
.today-page .sales-agent-review-actions .sales-agent-reanalyze:first-child:last-child{grid-column:1/-1}
.today-page .sales-agent-review-actions .sales-agent-dismiss-menu{position:relative;grid-column:1/-1;justify-self:start;margin:0}
.today-page .sales-agent-review-actions .sales-agent-dismiss-menu summary{width:auto;min-height:30px;justify-content:flex-start;list-style:none;border-color:transparent;padding:4px 3px;background:transparent;color:#75545f}
.today-page .sales-agent-review-actions .sales-agent-dismiss-menu summary::-webkit-details-marker{display:none}
.today-page .sales-agent-review-actions .sales-agent-dismiss-menu summary::before{content:'\00d7';font-size:1.15rem;line-height:1}
.today-page .sales-agent-review-actions .sales-agent-dismiss-menu[open]{justify-self:stretch;padding:10px;border:1px solid #e1d8dc;border-radius:12px;background:#fbf8f9}
.today-page .sales-agent-review-actions .sales-agent-dismiss-menu[open] summary{width:auto;min-height:0;justify-content:flex-start;border:0;padding:2px 3px 10px;background:transparent;box-shadow:none;transform:none}
.today-page .sales-agent-review-actions .sales-agent-dismiss{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}
.today-page .sales-agent-review-actions .sales-agent-dismiss label{display:grid;gap:5px;font-size:.69rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#705d67}
.today-page .sales-agent-review-actions .sales-agent-dismiss input{box-sizing:border-box;width:100%;min-width:0;min-height:40px;padding:8px 10px;border:1px solid #cfc3c9;border-radius:9px;background:#fff;color:#352c34;font:inherit;text-transform:none;letter-spacing:0}
.today-page .sales-agent-review-actions .sales-agent-dismiss button{width:auto;background:#815065;border-color:#815065;color:#fff}
.sales-agent-filter{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.sales-agent-filter a{padding:8px 11px;border-radius:999px;background:#edf3f1;color:#2a514a;text-decoration:none;font-weight:800}.sales-agent-filter a.active{background:#255e54;color:#fff}
.hero-decision .sales-agent-card{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#fff}
.hero-decision .sales-agent-summary p,.hero-decision .sales-agent-evidence small{color:#f0e8f2}.hero-decision .sales-agent-card-head span,.hero-decision .sales-agent-summary>span,.hero-decision .sales-agent-internal>span,.hero-decision .sales-agent-uncertainties>span,.hero-decision .sales-agent-products>span{color:#dbc9df}.hero-decision .sales-agent-internal{background:rgba(255,255,255,.1)}.hero-decision .sales-agent-evidence{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.08)}.hero-decision .sales-agent-freshness span{background:rgba(255,255,255,.11);color:#f0e8f2}.hero-decision .sales-agent-review-actions{border-top-color:rgba(255,255,255,.16)}
.hero-decision .sales-agent-review-actions .sales-agent-apply-link{background:#f1c65a;border-color:#f1c65a;color:#382b23;box-shadow:0 8px 18px rgba(24,15,27,.2)}.hero-decision .sales-agent-review-actions .sales-agent-apply-link:hover{background:#f6d477;border-color:#f6d477}.hero-decision .sales-agent-review-actions button,.hero-decision .sales-agent-review-actions summary{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.24);color:#fff}.hero-decision .sales-agent-review-actions button:hover,.hero-decision .sales-agent-review-actions summary:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.42);box-shadow:none}.hero-decision .sales-agent-review-actions .sales-agent-review-form button{color:#fff}.hero-decision .sales-agent-review-actions .sales-agent-dismiss-menu[open]{background:#fff;color:#352c34}.hero-decision .sales-agent-review-actions .sales-agent-dismiss-menu[open] summary{color:#75545f}.hero-decision .sales-agent-review-actions .sales-agent-reanalyze.is-attention button{background:#f1c65a;border-color:#f1c65a;color:#382b23}
@media(max-width:720px){.today-page .sales-agent-review-actions{grid-template-columns:1fr}.today-page .sales-agent-review-actions .sales-agent-apply-link,.today-page .sales-agent-review-actions .sales-agent-execution-link,.today-page .sales-agent-review-actions .sales-agent-reanalyze.is-attention,.today-page .sales-agent-review-actions .sales-agent-dismiss-menu[open]{grid-column:1}.today-page .sales-agent-review-actions .sales-agent-dismiss{grid-template-columns:1fr}.today-page .sales-agent-review-actions .sales-agent-dismiss button{width:100%}.sales-agent-card-head{align-items:flex-start}.sales-agent-draft textarea{min-height:190px}}
@media print{.sales-agent-review-actions,.sales-agent-filter{display:none!important}}

/* Build 3B.1: einheitlicher Sales Agent in Interessenten- und Kundenansichten */
.sales-agent-account-filters{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 4px;padding-top:11px;border-top:1px solid #eee8f1}
.sales-agent-account-strip{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:9px;padding:9px 11px;border:1px solid #ded5e4;border-radius:11px;background:#faf8fb;color:#4d3159}
.sales-agent-account-strip>div{display:grid;gap:2px;min-width:0}.sales-agent-account-strip span{font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#856f8e}.sales-agent-account-strip strong{font-size:12px}.sales-agent-account-strip small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6f6374}.sales-agent-account-strip a{flex:0 0 auto;border-radius:999px;padding:7px 10px;background:#5c3473;color:#fff;font-size:11px;font-weight:850;text-decoration:none}
.sales-agent-account-strip.is-act{border-color:#abd4c9;background:#f1faf7}.sales-agent-account-strip.is-clarify,.sales-agent-account-strip.is-stale{border-color:#e3bd87;background:#fff8ed}.sales-agent-account-strip.is-failed{border-color:#e1a3a3;background:#fff3f3}.sales-agent-account-strip.is-no-action,.sales-agent-account-strip.is-muted{background:#f5f3f6;color:#655b69}.sales-agent-account-strip.is-queued{border-color:#bfcfe4;background:#f3f7fc}
.sales-agent-account-panel{margin:18px 0}.sales-agent-account-panel .sales-agent-review-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-items:stretch;margin-top:15px;padding-top:15px;border-top:1px solid #dbe6e3}.sales-agent-account-panel .sales-agent-review-actions form{margin:0}.sales-agent-account-panel .sales-agent-review-actions button{box-sizing:border-box;width:100%;min-height:40px;border:1px solid #d8d0dc;border-radius:10px;padding:9px 12px;background:#fff;color:#5c3c67;font:inherit;font-weight:750;cursor:pointer}.sales-agent-account-panel .sales-agent-review-actions .sales-agent-apply-link,.sales-agent-account-panel .sales-agent-review-actions .sales-agent-execution-link{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;border-radius:12px;padding:10px 14px;background:#5c3473;color:#fff;text-decoration:none}.sales-agent-account-panel .sales-agent-review-actions .sales-agent-execution-link{background:#eee8f1;color:#4f315c}.sales-agent-account-panel .sales-agent-dismiss-menu{grid-column:1/-1}.sales-agent-account-panel .sales-agent-dismiss{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.sales-agent-account-panel .sales-agent-dismiss label{display:grid;gap:4px}.sales-agent-account-panel .sales-agent-dismiss input{padding:9px;border:1px solid #d8d0dc;border-radius:8px}
.sales-agent-account-placeholder{margin:16px 0;padding:12px;border:1px dashed #d9cfe0;border-radius:10px;background:#faf8fb}.sales-agent-account-placeholder a{color:#5c3473;font-weight:800}.sales-agent-legacy-history{margin:13px 0;padding:11px 13px;border:1px solid #ddd5df;border-radius:10px;background:#f7f5f7;color:#5e5362}.sales-agent-legacy-history summary{cursor:pointer;font-weight:800}.sales-agent-legacy-history h4{margin:12px 0 4px}.sales-agent-legacy-history p{line-height:1.5}
@media(max-width:760px){.sales-agent-account-strip{align-items:flex-start;flex-direction:column}.sales-agent-account-strip small{white-space:normal}.sales-agent-account-panel .sales-agent-review-actions{grid-template-columns:1fr}.sales-agent-account-panel .sales-agent-review-actions .sales-agent-apply-link,.sales-agent-account-panel .sales-agent-review-actions .sales-agent-execution-link,.sales-agent-account-panel .sales-agent-dismiss-menu{grid-column:1}}
@media print{.sales-agent-account-filters,.sales-agent-account-strip a,.sales-agent-account-panel .sales-agent-review-actions,.sales-agent-account-placeholder{display:none!important}}

/* Build 3B: explizite, menschlich bestaetigte Aktion im isolierten Testsystem. */
.sales-agent-apply-shell{width:min(1050px,calc(100% - 40px));margin:28px auto 70px;color:#24102f}.sales-agent-apply-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:28px 32px;border-radius:22px;background:#4d2c58;color:#fff;box-shadow:0 12px 35px rgba(74,39,91,.12)}.sales-agent-apply-head span,.sales-agent-apply-kicker{display:block;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.sales-agent-apply-head h1{margin:7px 0;font-size:34px}.sales-agent-apply-head p{margin:0;color:#eee4f1}.sales-agent-apply-head>strong{padding:8px 12px;border-radius:999px;background:#f1c65a;color:#382b23;font-size:12px}.sales-agent-apply-card{margin-top:18px;padding:24px 28px;border:1px solid #e2d9e7;border-radius:18px;background:#fff;box-shadow:0 9px 30px rgba(74,39,91,.06)}.sales-agent-apply-card.is-warning{border-color:#d7a56c;background:#fff8ef}.sales-agent-apply-card h1,.sales-agent-apply-card h2{margin-top:0}.sales-agent-apply-safety{display:grid;gap:4px;margin-top:18px;padding:13px 15px;border-radius:12px;background:#eef7f4;color:#22594f}.sales-agent-confirm-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.sales-agent-confirm-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;color:#674778}.sales-agent-confirm-form input,.sales-agent-confirm-form select,.sales-agent-confirm-form textarea{box-sizing:border-box;width:100%;border:1px solid #d9cfe0;border-radius:11px;padding:11px 12px;background:#fff;color:#24102f;font:inherit}.sales-agent-confirm-form .is-wide{grid-column:1/-1}.sales-agent-confirm-form small{font-weight:500;color:#75687a}.sales-agent-confirm-actions{display:flex;justify-content:flex-end;gap:12px;align-items:center;margin-top:7px}.sales-agent-confirm-actions a{color:#69566f}.sales-agent-confirm-actions button,.sales-agent-confirm-form>button{border:1px solid #5c3473;border-radius:999px;padding:11px 17px;background:#5c3473;color:#fff;font-weight:900;cursor:pointer}.sales-agent-apply-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sales-agent-apply-facts>div{padding:11px 13px;border-radius:11px;background:#f7f4f8}.sales-agent-apply-facts dt{font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:#846f8d}.sales-agent-apply-facts dd{margin:4px 0 0;font-weight:700}.sales-agent-apply-card .sales-agent-draft small{color:#8c4b24;font-weight:700}@media(max-width:700px){.sales-agent-apply-shell{width:min(100% - 24px,1050px)}.sales-agent-apply-head{display:block;padding:22px}.sales-agent-apply-head>strong{display:inline-flex;margin-top:14px}.sales-agent-confirm-form,.sales-agent-apply-facts{grid-template-columns:1fr}.sales-agent-confirm-form .is-wide{grid-column:1}.sales-agent-confirm-actions{align-items:stretch;flex-direction:column}.sales-agent-confirm-actions button{width:100%}}