.chat-cal-wrapper{padding:3rem 1.5rem}.chat-cal-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--secondary);margin-bottom:.75rem}.chat-cal-title{font-family:"Noto Serif",serif;font-size:1.5rem;font-weight:600;color:var(--on-surface);margin:0 0 2rem;line-height:1.3}.chat-cal-demo{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;max-width:900px;margin:0 auto;align-items:start}.chat-cal-chat-panel{display:flex;flex-direction:column;height:400px;border-radius:1rem;overflow:hidden;box-shadow:0 8px 32px #1b1c1a1a}.chat-cal-chat-header{background:#3f4530;padding:.875rem 1rem;display:flex;align-items:center;gap:.625rem;flex-shrink:0}.chat-cal-avatar{width:36px;height:36px;border-radius:50%;background:#fff3;color:#fff;font-size:.875rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-cal-header-info{display:flex;flex-direction:column}.chat-cal-bot-name{color:#fff;font-size:.875rem;font-weight:600;line-height:1.2}.chat-cal-status{display:flex;align-items:center;gap:.3rem;margin-top:.1rem}.chat-cal-online-dot{width:6px;height:6px;border-radius:50%;background:#34d399}.chat-cal-online-text{color:#ffffffa6;font-size:.7rem}.chat-cal-messages{flex:1;overflow-y:auto;padding:.875rem;background:#f5f3f0;display:flex;flex-direction:column;gap:.5rem}.chat-cal-messages::-webkit-scrollbar{width:3px}.chat-cal-messages::-webkit-scrollbar-thumb{background:#3f453026;border-radius:2px}.chat-cal-msg{display:flex;margin-bottom:8px}.chat-cal-msg.user{justify-content:flex-end}.chat-cal-msg.bot{justify-content:flex-start;align-items:flex-end;gap:6px}.chat-cal-bot-av{width:24px;height:24px;border-radius:50%;background:#3f4530;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-cal-bubble{padding:8px 12px;font-size:13px;line-height:1.4;max-width:78%;word-wrap:break-word}.chat-cal-bubble.user{background:#b80049;color:#fff;border-radius:16px 16px 4px}.chat-cal-bubble.bot{background:#fff;color:#1b1c1a;border-radius:16px 16px 16px 4px;box-shadow:0 1px 4px #00000014}.chat-cal-typing{background:#fff;padding:8px 12px;border-radius:16px 16px 16px 4px;display:flex;gap:4px;align-items:center;box-shadow:0 1px 4px #00000014}.chat-cal-typing span{width:6px;height:6px;background:#999;border-radius:50%;animation:chat-cal-bounce 1.2s infinite}.chat-cal-typing span:nth-child(2){animation-delay:.2s}.chat-cal-typing span:nth-child(3){animation-delay:.4s}@keyframes chat-cal-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.chat-cal-calendar{display:flex;flex-direction:column;height:400px;border-radius:1rem;overflow:hidden;box-shadow:0 8px 32px #1b1c1a1a}.chat-cal-cal-header{background:#3f4530;color:#fff;text-align:center;padding:.875rem 1rem;font-weight:600;font-size:.9rem;flex-shrink:0}.chat-cal-cal-body{flex:1;background:#fff;padding:.875rem;display:flex;flex-direction:column;gap:.75rem;overflow:hidden}.chat-cal-cal-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;flex:1}.chat-cal-day-header{text-align:center;font-size:.65rem;font-weight:600;color:#3f4530;padding:.25rem 0;text-transform:uppercase;letter-spacing:.03em}.chat-cal-slot{text-align:center;font-size:.65rem;font-weight:500;padding:.5rem .25rem;border-radius:6px;transition:background .4s ease,color .4s ease;display:flex;align-items:center;justify-content:center}.chat-cal-slot.frei{background:#dfe6c8;color:#3f4530}.chat-cal-slot.belegt{background:#e8e8e8;color:#999;text-decoration:line-through}.chat-cal-slot.vorschlag{background:#faeeda;color:#7a5a2a}.chat-cal-slot.gebucht{background:#b80049;color:#fff;font-weight:700}.chat-cal-legend{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;flex-shrink:0}.chat-cal-legend-item{display:flex;align-items:center;gap:.3rem;font-size:.65rem;color:#666}.chat-cal-legend-dot{width:10px;height:10px;border-radius:3px}.chat-cal-legend-dot.frei{background:#dfe6c8}.chat-cal-legend-dot.belegt{background:#e8e8e8}.chat-cal-legend-dot.vorschlag{background:#faeeda}.chat-cal-legend-dot.gebucht{background:#b80049}@media(max-width:767px){.chat-cal-demo{grid-template-columns:1fr}.chat-cal-chat-panel,.chat-cal-calendar{height:340px}.chat-cal-title{font-size:1.25rem}.chat-cal-slot,.chat-cal-day-header{font-size:.6rem}}