/* Button Trigger */
#smrtbot-trigger {
    position: fixed; bottom: 30px; right: 30px; width: 60px; height: 60px;
    background-color: #000; color: #fff; border-radius: 50%; cursor: pointer;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2); z-index: 99999;
    display: flex; align-items: center; justify-content: center;
    font-size: 24px; transition: transform 0.3s;
}
#smrtbot-trigger:hover { transform: scale(1.1); }

/* Fenster */
#smrtbot-window {
    position: fixed; bottom: 100px; right: 30px; width: 90vw; max-width: 700px;
    height: 75vh; max-height: 850px; background: #fff; border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15); display: none; flex-direction: column;
    z-index: 99999; overflow: hidden;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    border: 1px solid #e0e0e0;
}

/* Header */
#smrtbot-header {
    padding: 18px 25px; background: #ffffff; border-bottom: 1px solid #f0f0f0;
    font-weight: 600; font-size: 18px; display: flex; justify-content: space-between;
    align-items: center; color: #333;
}
#smrtbot-close { cursor: pointer; font-size: 24px; color: #888; }
.smrtbot-reset { font-size: 12px; color: #999; cursor: pointer; margin-right: 15px; text-decoration: underline; }

/* Nachrichten */
#smrtbot-messages {
    flex: 1; padding: 25px; overflow-y: auto; background: #ffffff;
    display: flex; flex-direction: column; gap: 20px;
}
.smrtbot-msg { max-width: 85%; padding: 14px 20px; border-radius: 12px; line-height: 1.6; font-size: 16px; }
.smrtbot-msg.user { align-self: flex-end; background-color: #f3f3f3; color: #1a1a1a; border-bottom-right-radius: 4px; }
.smrtbot-msg.bot { align-self: flex-start; background-color: #fff; color: #1a1a1a; padding-left: 0; }
.smrtbot-avatar { font-weight: bold; color: #555; margin-bottom: 4px; font-size: 13px; }
.smrtbot-loading { font-style: italic; color: #888; font-size: 14px; margin-left: 0; padding: 10px 0;}

/* Quick Actions (Chips) */
#smrtbot-chips-area {
    padding: 10px 25px 0 25px; background: #fff; display: flex; gap: 10px;
    overflow-x: auto; white-space: nowrap; scrollbar-width: none;
}
#smrtbot-chips-area::-webkit-scrollbar { display: none; }
.smrtbot-chip {
    background: #f0f0f0; border: 1px solid #e0e0e0; padding: 8px 16px;
    border-radius: 20px; font-size: 14px; cursor: pointer; color: #333;
    transition: all 0.2s; user-select: none;
}
.smrtbot-chip:hover { background: #000; color: #fff; border-color: #000; }

/* Input */
#smrtbot-input-area { padding: 15px 25px 30px 25px; background: #fff; }
#smrtbot-input-wrapper {
    display: flex; background: #f4f4f4; border-radius: 30px; padding: 8px 20px;
    align-items: center; transition: border 0.2s; border: 1px solid transparent;
}
#smrtbot-input-wrapper:focus-within { border: 1px solid #ccc; background: #fff; }
#smrtbot-input { flex: 1; border: none; background: transparent; padding: 10px; outline: none; font-size: 16px; color: #333; }
#smrtbot-send { background: none; border: none; cursor: pointer; color: #000; font-weight: bold; padding: 8px 12px; font-size: 18px; }