:root {
    --sent-red:           #fde2e2;
    --sent-red-fg:        #8a1f1f;
    --sent-orange:        #ffe6cc;
    --sent-orange-fg:     #8a4a14;
    --sent-yellow-urgent: #fff3cd;
    --sent-yellow-urgent-fg: #856404;
    --sent-yellow:        #fffbe5;
    --sent-yellow-fg:     #6b5a00;
    --sent-green:         #e3f6e8;
    --sent-green-fg:      #1f6b32;
    --sent-neutral:       #f1f3f5;
    --sent-neutral-fg:    #495057;
}

body { font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; }

.badge-sent {
    display: inline-block;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
}
.badge-sent.red            { background: var(--sent-red);           color: var(--sent-red-fg); }
.badge-sent.orange         { background: var(--sent-orange);        color: var(--sent-orange-fg); }
.badge-sent.yellow_urgent  { background: var(--sent-yellow-urgent); color: var(--sent-yellow-urgent-fg); }
.badge-sent.yellow         { background: var(--sent-yellow);        color: var(--sent-yellow-fg); }
.badge-sent.green          { background: var(--sent-green);         color: var(--sent-green-fg); }
.badge-sent.neutral        { background: var(--sent-neutral);       color: var(--sent-neutral-fg); }

.msg-bubble {
    max-width: 75%;
    padding: 0.55rem 0.85rem;
    border-radius: 16px 16px 16px 4px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04);
    align-self: flex-start;
}
.msg-bubble.red            { background: var(--sent-red); }
.msg-bubble.orange         { background: var(--sent-orange); }
.msg-bubble.yellow_urgent  { background: var(--sent-yellow-urgent); }
.msg-bubble.yellow         { background: var(--sent-yellow); }
.msg-bubble.green          { background: var(--sent-green); }

.msg-meta { font-size: 0.7rem; color: #6c757d; margin-top: 0.15rem; }

.day-divider {
    text-align: center;
    margin: 1rem 0 0.5rem;
    color: #adb5bd;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.table tbody tr:hover { background: #f8f9fa; }