body {
    background: #f7f7f8;
    color: #222;
}

.navbar-brand {
    color: #2b2b2b;
}

.page-title {
    color: #2b2b2b;
}

.soft-panel {
    background: #ffffff;
    border: 1px solid #e8e4ec;
    border-radius: 8px;
}

.action-box {
    background: #eff2fd;
    border: 1px solid #b8c2e8;
    border-radius: 8px;
    padding: 22px;
    cursor: pointer;
    transition: 0.2s;
    height: 100%;
}

.action-box:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(60, 45, 70, 0.08);
}

.product-card {
    border: 1px solid #e8e4ec;
    border-radius: 8px;
    background: #fff;
    height: 100%;
}

.badge-soft {
    background: #d0dbf5;
    color: #10265c;
}

.btn-pink {
    background: #5961a8;
    border-color: #5961a8;
    color: #fff;
}

.btn-pink:hover {
    background: #b06d44;
    border-color: #b06d44;
    color: #111;
}

.chat-log {
    height: 310px;
    overflow-y: auto;
    background: #fafafa;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    padding: 12px;
}

.chat-message {
    margin-bottom: 10px;
    padding: 9px 11px;
    border-radius: 8px;
    max-width: 85%;
}

.chat-user {
    background: #d0d3f5;
    margin-left: auto;
}

.chat-bot {
    background: #eeeeee;
}

.table td,
.table th {
    vertical-align: middle;
}