.react-sample-page {
    max-width: 720px;
}

.react-sample-note {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    color: #8897b6;
    margin-bottom: 16px;
}

.react-sample-form {
    align-items: flex-end;
}

.react-user-dialog .react-sample-note {
    margin-bottom: 12px;
}

.react-table-wrap {
    overflow: auto;
    max-height: 360px;
}

.react-sample-table {
    width: 100%;
    border-collapse: collapse;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
}

.react-sample-table th,
.react-sample-table td {
    padding: 10px 12px;
    text-align: left;
    border-bottom: 1px solid #e6eaf2;
    color: #333;
}

.react-sample-table th {
    font-weight: 600;
    color: #8897b6;
    background: #f4f4fa;
    position: sticky;
    top: 0;
}

.react-sample-table tbody tr:hover {
    background: #f8fafc;
}

.entry-card.is-clickable {
    cursor: pointer;
}

.entry-card.is-clickable:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
}