diff --git a/docs/Praesentation/Sales_Intelligence_Cockpit_CLevel_v2.html b/docs/Praesentation/Sales_Intelligence_Cockpit_CLevel_v2.html
index f2d4e8091..e4b69b709 100644
--- a/docs/Praesentation/Sales_Intelligence_Cockpit_CLevel_v2.html
+++ b/docs/Praesentation/Sales_Intelligence_Cockpit_CLevel_v2.html
@@ -67,11 +67,11 @@
.dashboard-card {
background: white;
border: 1px solid #cbd5e1;
- border-radius: 0.75rem;
+ border-radius: 1rem;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1);
- padding: 1.25rem;
+ padding: 2rem;
width: 100%;
- max-width: 720px;
+ max-width: 650px;
overflow: hidden;
}
@@ -79,24 +79,15 @@
background: #f8fafc;
border-bottom: 1px solid #e2e8f0;
padding: 0.5rem 1rem;
- margin: -1.25rem -1.25rem 1.25rem -1.25rem;
- border-radius: 0.75rem 0.75rem 0 0;
+ margin: -2rem -2rem 1.5rem -2rem;
+ border-radius: 1rem 1rem 0 0;
display: flex;
gap: 0.5rem;
+ align-items: center;
}
.dot { width: 8px; height: 8px; border-radius: 50%; background: #e2e8f0; }
- .kpi-card {
- background: white;
- border-radius: 1.5rem;
- border: 1px solid #e2e8f0;
- padding: 2.5rem;
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);
- width: 100%;
- max-width: 450px;
- }
-
/* Scrollytelling Transitions */
.visual-element {
position: absolute;
@@ -155,20 +146,23 @@
.kpi-bar-bg { width: 100%; height: 16px; background: #f1f5f9; border-radius: 8px; overflow: hidden; margin: 15px 0; }
.kpi-bar-fill { height: 100%; width: 0%; border-radius: 8px; }
- .data-grid {
- display: grid;
- grid-template-cols: repeat(8, 1fr);
- padding: 1rem;
- background: #f8fafc;
- border-top: 1px solid #f1f5f9;
+ /* Vertical Action List */
+ .action-item {
+ display: flex;
align-items: center;
- text-align: center;
+ gap: 1rem;
+ padding: 0.75rem 0;
+ border-bottom: 1px solid #f1f5f9;
+ font-size: 1.1rem;
+ font-weight: 600;
+ color: #334155;
+ opacity: 0;
+ transform: translateY(10px);
}
+ .action-label { font-size: 0.8rem; color: #94a3b8; width: 120px; text-transform: uppercase; letter-spacing: 0.05em; }
- .data-cell { font-size: 11px; font-weight: 600; color: #334155; opacity: 0; transform: translateY(10px); }
- .data-label { font-size: 9px; color: #94a3b8; font-weight: 700; margin-bottom: 4px; }
- .badge-red { background: #fee2e2; color: #b91c1c; font-size: 10px; font-weight: 800; padding: 2px 8px; border-radius: 4px; text-transform: uppercase; display: inline-block; }
- .badge-orange { background: #ffedd5; color: #c2410c; font-size: 10px; font-weight: 800; padding: 2px 8px; border-radius: 4px; text-transform: uppercase; display: inline-block; }
+ .badge-red { background: #fee2e2; color: #b91c1c; font-size: 11px; font-weight: 800; padding: 4px 10px; border-radius: 6px; text-transform: uppercase; }
+ .badge-orange { background: #ffedd5; color: #c2410c; font-size: 11px; font-weight: 800; padding: 4px 10px; border-radius: 6px; text-transform: uppercase; }
.screenshot-frame {
background: white;
@@ -188,7 +182,7 @@
+