body {
    font-family:helvetica,verdana,arial,sans-serif;
    padding:20px;
    font-size:12px;
    margin:0;
}
h2 {
    font-size:18px;
    font-weight:bold;
    margin:0;
    margin-bottom:15px;
}

.tt-inner{
    display:inline-block;
    line-height:12px;
    padding-top:5px;
}
p{
    line-height:150%;
}

.messager-button a{
    margin-left: 5px !important;
}

.window-shadow {
    height: 0px !important;
}

.series-badge {
    background-color: transparent !important;
    color: #000 !important;
    border-width: 1px !important;
    border-color: #000 !important;
    margin-top: 18px;
    margin-right: 2px;
    cursor: pointer;
}

/* SETTLEMENT*/
#settlements-container {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: #f9f9f9;
    border-radius: 8px;
    padding: 20px;
}

#settlements-container h3 {
    text-align: center;
    margin-bottom: 20px;
    color: #333;
    font-weight: 600;
    font-size: 24px;
}

#settlements-container ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

#settlements-container li {
    background: #fff;
    border: 1px solid #ddd;
    margin-bottom: 12px;
    padding: 14px 18px;
    border-radius: 6px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.05);
    font-size: 17px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: background-color 0.25s ease;
}

#settlements-container li::before {
    content: "💸";
    font-size: 20px;
}

#settlements-container li:hover {
    background: #e0f7fa;
    cursor: default;
}

.payer {
    color: #D32F2F;
    font-weight: 700;
}

.payee {
    color: #1976D2;
    font-weight: 700;
}

.amount {
    color: #388E3C;
    font-weight: 700;
    margin-left: auto;
    white-space: nowrap;
}

/* SETTLEMENT */