#spc-icon {
    position: fixed;
    bottom: 20px; right: 20px;
    width: 50px; height: 50px;
    background: #111827; color: #fff;
    border-radius: 50%; display: flex; align-items: center; justify-content: center;
    cursor: pointer; font-size: 22px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.3);
    z-index: 9999;
}

#spc-popup {
    position: fixed;
    bottom: 80px; right: 20px;
    width: 300px; height: 400px;
    background: #fff; border: 1px solid #ddd; border-radius: 12px;
    display: none; flex-direction: column;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    z-index: 10000;
}

#spc-header {
    padding: 10px; background: #111827; color: #fff;
    border-top-left-radius: 12px; border-top-right-radius: 12px;
    font-weight: bold;
}

#spc-log {
    flex: 1; overflow-y: auto; padding: 10px; font-size: 14px;
}

.spc-row { margin: 6px 0; }
.spc-user { text-align: right; color: #2563eb; }
.spc-bot { text-align: left; color: #111827; }

#spc-input-area {
    display: flex; border-top: 1px solid #ddd;
}

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

#spc-send {
    background: #111827; color: #fff; border: none; padding: 0 12px; cursor: pointer;
}